### Analyzer #### New features - Add partial for `.astro` files. Biome is able to sort imports inside the frontmatter of the Astro files. Contributed by @ematipico ```diff --- - import { getLocale } from "astro:i18n"; - import { Code } from "astro:components"; + import { Code } from "astro:components"; + import { getLocale } from "astro:i18n"; ---

``` - Add partial for `.vue` files. Biome is able to sort imports inside the script block of Vue files. Contributed by @nhedger ```diff ``` - Add partial for `.svelte` files. Biome is able to sort imports inside the script block of Svelte files. Contributed by @ematipico ```diff

``` - Add lint rule useJsxKeyInIterable from Eslint rule [`react/jsx-key`](https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-key.md). Contributed by @vohoanglong0107 - The analyzer now **infers** the correct quote from `javascript.formatter.quoteStyle`, if set. This means that code fixes suggested by the analyzer will use the same quote of the formatter. Contributed by @ematipico #### Enhancements - [noUnusedVariables](https://biomejs.dev/linter/rules/no-unused-variables) ignores unused rest spread silbings. The following code is now valid: ```js const { a, ...rest } = { a: 0, b: 1 }; console.log(rest); ``` Contributed by @ah-yu - Fix [#1931](https://github.com/biomejs/biome/issues/1931). Built-in React hooks such as `useEffect()` can now be validated by the [`useExhaustiveDependendies`](https://biomejs.dev/linter/rules/use-exhaustive-dependencies/), even when they're not being imported from the React library. To do so, simply configure them like any other user-provided hooks. Contributed by @arendjr - Implemented [#1128](https://github.com/biomejs/biome/issues/1128). User-provided React hooks can now be configured to track stable results. For example: ```json "useExhaustiveDependencies": { "level": "error", "options": { "hooks": [{ "name": "useMyState", "stableResult": [ 1 ] }] } } ``` This will allow the following to be validated: ```js const [myState, setMyState] = useMyState(); const toggleMyState = useCallback(() => { setMyState(!myState); }, [myState]); // Only `myState` needs to be specified here. ``` Contributed by @arendjr #### Bug fixes - Fix [#1748](https://github.com/biomejs/biome/issues/1748). Now for the following case we won't provide an unsafe fix for the `noNonNullAssertion` rule: ```ts x[y.z!]; ``` Contributed by @ah-yu - Imports that contain the protocol `:` are now sorted after the `npm:` modules, and before the `URL` modules. Contributed by @ematipico ```diff import express from "npm:express"; - import Component from "./component.js" - import { sortBy } from "virtual:utils"; + import { sortBy } from "virtual:utils"; + import Component from "./component.js" ``` - Fix [#1081](https://github.com/biomejs/biome/issues/1081). The `useAwait` rule does not report `for await...of`. Contributed by @unvalley - Fix [#1827](https://github.com/biomejs/biome/issues/1827) by properly analyzing nested `try-finally` statements. Contributed by @ah-yu - Fix [#1924](https://github.com/biomejs/biome/issues/1924) Use the correct export name to sort in the import clause. Contributed by @ah-yu - Fix [#1805](https://github.com/biomejs/biome/issues/1805) fix formatting arrow function which has conditional expression body Contributed by @mdm317 - Fix [#1781](https://github.com/biomejs/biome/issues/1781) by avoiding the retrieval of the entire static member expression for the reference if the static member expression does not start with the reference. Contributed by @ah-yu ### CLI #### New features - Add a new command `biome migrate prettier`. The command will read the file `.prettierrc`/`prettier.json` and `.prettierignore` and map its configuration to Biome's one. Due to the different nature of `.prettierignore` globs and Biome's globs, it's **highly** advised to make sure that those still work under Biome. - Now the file name printed in the diagnostics is clickable. If you run the CLI from your editor, you can Ctrl/⌘ + Click on the file name, and the editor will open said file. If row and columns are specified e.g. `file.js:32:7`, the editor will set the cursor right in that position. Contributed by @ematipico - Add an option `--linter` to `biome rage`. The option needs to check Biome linter configuration. Contributed by @seitarof - Add an option `--formatter` to `biome rage`. The option needs to check Biome formatter configuration. Contributed by @seitarof - The CLI now consistently reports the number of files tha were changed, out of the total files that were analysed. Contributed by @ematipico - The CLI now consistently shows the number of errors and warnings emitted. Contributed by @ematipico #### Bug fixes - Don't process files under an ignored directory. Previously, Biome processed all files in the traversed hierarchy, even the files under an ignored directory. Now, it completely skips the content of ignored directories. For now, directories cannot be ignored using `files.include` in the configuration file. This is a known limitation that we want to address in a future release. For instance, if you have a project with a folder `src` and a folder `test`, the following configuration doesn't completely ignore `test`. ```json { "files": { "include": ["src"] } } ``` Biome will traverse `test`, however all files of the directory are correctly ignored. This can result in file system errors, if Biome encounters dangling symbolic links or files with higher permissions. To avoid traversing the `test` directory, you should ignore the directory using `ignore`: ```json { "files": { "include": ["src"], "ignore": ["test"] } } ``` - Fix [#1508](https://github.com/biomejs/biome/issues/1508) by excluding deleted files from being processed. Contributed by @ematipico - Fix [#1173](https://github.com/biomejs/biome/issues/1173). Fix the formatting of a single instruction with commented in a control flow body to ensure consistency. Contributed by @mdm317 - Fix overriding of `javascript.globals`. Contributed by @arendjr - Fix a bug where syntax rules weren't run when pulling the diagnostics. Now Biome will emit more parsing diagnostics, e.g. ``` check.js:1:17 parse/noDuplicatePrivateClassMembers ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Duplicate private class member "#foo" > 1 │ class A { #foo; #foo } │ ^^^^ ``` Contributed by @ematipico - Fix [#1774](https://github.com/biomejs/biome/issues/1774) by taking into account the option `--no-errors-on-unmatched` when running the CLI using `--changed`. Contributed by @antogyn #### Enhancements - Removed a superfluous diagnostic that was printed during the linting/check phase of a file: ``` test.js check ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × The file contains diagnostics that needs to be addressed. ``` Contributed by @ematipico - The command `format` now emits parsing diagnostics if there are any, and it will terminate with a non-zero exit code. Contributed by @ematipico ### Configuration #### New features - Add the ability to resolve the configuration files defined inside `extends` from the `node_modules/` directory. If you want to resolve a configuration file that matches the specifier `@org/configs/biome`, then your `package.json` file must look this: ```json { "name": "@org/configs", "exports": { "./biome": "./biome.json" } } ``` And the `biome.json` file that "imports" said configuration, will look like this: ```json { "extends": "@org/configs/biome" } ``` Read the [documentation](https://biomejs.dev/guides/how-biome-works#the-extends-option) to better understand how it works, expectations and restrictions. ### Editors #### Bug fixes - Fix a regression where ignored files where formatted in the editor. Contributed by @ematipico - Fix a bug where syntax rules weren't run when pulling the diagnostics. Now Biome will emit more parsing diagnostics, e.g. ``` check.js:1:17 parse/noDuplicatePrivateClassMembers ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Duplicate private class member "#foo" > 1 │ class A { #foo; #foo } │ ^^^^ ``` Contributed by @ematipico ### Formatter #### New features - Biome now allows to format the `package.json` file. This is now the default behaviour and users can remove their workarounds. If you rely on other tools to format `package.json`, you'll have to ignore it via configuration. Contributed by @pattrickrice - New formatter option `attributePosition` that have similar behavior as Prettier `singleAttributePerLine` [#1706](https://github.com/biomejs/biome/issues/1706). Contributed by @octoshikari - Add partial for `.astro` files. Biome is able to format the frontmatter of the Astro files. Contributed by @ematipico ```diff --- - statement ( ); + statement(); ---

``` - Add partial for `.vue` files. Biome is able to format the script block of Vue files. Contributed by @nhedger ```diff ``` - Add partial for `.svelte` files. Biome is able to format the script block of Svelte files. Contributed by @ematipico ```diff

``` #### Enhancements - `composer.json`, `deno.json`, `jsconfig.json`, `package.json` and `tsconfig.json` are no longer protected files. This means that you can now format them. If you want to ignore these files, you can use the [files.ignore](https://biomejs.dev/reference/configuration/#filesignore) configuration: ```json { "files": { "ignore": [ "composer.json", "jsconfig.json", "package.json", "tsconfig.json", "typescript.json", "deno.json", "deno.jsonc" ] } } ``` The following files are still protected, and thus ignored: - `composer.lock` - `npm-shrinkwrap.json` - `package-lock.json` - `yarn.lock` Contributed by @pattrickrice and @Conaclos #### Bug fixes - Fix [#1039](https://github.com/biomejs/biome/issues/1039). Check unicode width instead of number of bytes when checking if regex expression is a simple argument. This no longer breaks. ```js s(/🚀🚀/).s().s(); ``` Contributed by @kalleep - Fix [#1218](https://github.com/biomejs/biome/issues/1218), by correctly preserving empty lines in member chains. Contributed by @ah-yu - Fix [#1659](https://github.com/biomejs/biome/issues/1659) and [#1662](https://github.com/biomejs/biome/issues/1662), by correctly taking into account the leading comma inside the formatter options. Contributed by @ematipico - Fix [#1934](https://github.com/biomejs/biome/pull/1934). Fix invalid formatting of long arrow function for AsNeeded arrow parens Contributed by @fireairforce ### JavaScript APIs ### Linter #### Promoted rules New rules are incubated in the nursery group. Once stable, we promote them to a stable group. The following rules are promoted: - [complexity/noEmptyTypeParameters](https://biomejs.dev/linter/rules/no-empty-type-parameters) - [complexity/noUselessLoneBlockStatements](https://biomejs.dev/linter/rules/no-useless-lone-block-statements) - [correctness/noInvalidUseBeforeDeclaration](https://biomejs.dev/linter/rules/no-invalid-use-before-declaration) - [correctness/noUnusedImports](https://biomejs.dev/linter/rules/no-unused-imports) - [correctness/noUnusedPrivateClassMembers](https://biomejs.dev/linter/rules/no-unused-private-class-members) - [security/noGlobalEval](https://biomejs.dev/linter/rules/no-global-eval) - [style/useConsistentArrayType](https://biomejs.dev/linter/rules/use-consistent-array-type) - [style/useExportType](https://biomejs.dev/linter/rules/use-export-type) - [style/useFilenamingConvention](https://biomejs.dev/linter/rules/use-filenaming-convention) - [style/useForOf](https://biomejs.dev/linter/rules/use-for-of) - [style/useImportType](https://biomejs.dev/linter/rules/use-import-type) - [style/useNodejsImportProtocol](https://biomejs.dev/linter/rules/use-nodejs-import-protocol) - [style/useNumberNamespace](https://biomejs.dev/linter/rules/use-number-namespace) - [style/useShorthandFunctionType](https://biomejs.dev/linter/rules/use-shorthand-function-type) - [suspicious/noEmptyBlockStatements](https://biomejs.dev/linter/rules/no-empty-block-statements) - [suspicious/noGlobalAssign](https://biomejs.dev/linter/rules/no-global-assign) - [suspicious/noMisleadingCharacterClass](https://biomejs.dev/linter/rules/no-misleading-character-class) - [suspicious/noThenProperty](https://biomejs.dev/linter/rules/no-then-property) - [suspicious/useAwait](https://biomejs.dev/linter/rules/use-await) Additionally, the following rules are now recommended: - [suspicious/noApproximativeNumericConstant](https://biomejs.dev/linter/rules/no-approximative-numeric-constant) - [suspicious/noMisrefactoredShorthandAssign](https://biomejs.dev/linter/rules/no-misrefactored-shorthand-assign) #### Removed rules - Remove `nursery/useGroupedTypeImport`. The rule [style/useImportType](https://biomejs.dev/linter/rules/use-import-type) covers the behavior of this rule. Note that removing a nursery rule is not considered a breaking change according to our [semantic versioning](https://biomejs.dev/internals/versioning). Contributed by @Conaclos #### New features - Add the rule [noSkippedTests](https://biomejs.dev/linter/rules/no-skipped-tests), to disallow skipped tests: ```js describe.skip("test", () => {}); it.skip("test", () => {}); ``` Contributed by @ematipico - Add the rule [noFocusedTests](https://biomejs.dev/linter/rules/no-focused-tests), to disallow skipped tests: ```js describe.only("test", () => {}); it.only("test", () => {}); ``` Contributed by @ematipico - Add rule [useSortedClasses](https://biomejs.dev/linter/rules/use-sorted-classes), to sort CSS utility classes: ```diff -

``` Contributed by @DaniGuardiola - Add rule [noUndeclaredependencies](https://biomejs.dev/linter/rules/no-undeclared-dependencies), to detect the use of dependencies that aren't present in the `package.json`. The rule ignores imports using a protocol such as `node:`, `bun:`, `jsr:`, `https:`. Contributed by @ematipico and @Conaclos - Add rule [noNamespaceImport](https://biomejs.dev/linter/rules/no-namespace-import), to report namespace imports: ```js import * as foo from "foo"; ``` Contributed by @unvalley - Add partial support for `.astro` files. Biome is able to lint and fix the frontmatter of the Astro files. Contributed by @ematipico ```diff --- - delete a.b + a.b = undefined ---

``` - Add partial support for `.vue` files. Biome is able to lint and fix the script block of the Vue files. ```diff

Name				License
esbuild	25.9M	37.3k	435	MIT	14/03/2024
webpack	23.6M	64.2k	275	MIT	20/03/2024
rollup	19.6M	24.8k	535	—	30/04/2024
vite	11M	64.9k	562	MIT	02/05/2024
swc	5.8M	30k	341	Apache-2.0	01/05/2024
nx	4M	22.1k	968	MIT	29/04/2024
turbo	2.3M	25k	192	MPL-2.0	02/05/2024
lerna	1.1M	35.4k	358	MIT	05/02/2024
grunt	759.1k	12.3k	164	—	31/01/2023
tsup	737.1k	8.1k	289	MIT	10/02/2024
biome	289.6k	10.6k	165	Apache-2.0	30/04/2024
parcel	187.7k	43.1k	747	MIT	28/02/2024

Build12

Build
12