chore: update biome to v2 (#1699)

* chore: update biome to v2

* fix: warnings

Author: Niznikr

apps/vscode/package.json

@@ -15,17 +15,26 @@
 	},
 	"description": "LaunchPad VS Code extension",
 	"license": "SEE LICENSE IN LICENSE.txt",
-	"keywords": ["launchpad", "launchdarkly", "design system", "design tokens"],
+	"keywords": [
+		"launchpad",
+		"launchdarkly",
+		"design system",
+		"design tokens"
+	],
 	"engines": {
 		"vscode": "^1.100.2"
 	},
-	"categories": ["Other"],
+	"categories": [
+		"Other"
+	],
 	"icon": "images/osmo.png",
 	"galleryBanner": {
 		"color": "#FFFFFF",
 		"theme": "light"
 	},
-	"activationEvents": ["onLanguage:css"],
+	"activationEvents": [
+		"onLanguage:css"
+	],
 	"main": "dist/client.js",
 	"scripts": {
 		"vscode:prepublish": "esbuild ./src/client.ts ./src/server.ts --bundle --outdir=dist --external:vscode --format=cjs --platform=node",

apps/vscode/src/client.ts

@@ -1,8 +1,8 @@
-import path from 'path';
-
 import type { ExtensionContext } from 'vscode';
 import type { LanguageClientOptions, ServerOptions } from 'vscode-languageclient/node';
 
+import path from 'path';
+
 import { LanguageClient, TransportKind } from 'vscode-languageclient/node';
 
 let client: LanguageClient;

apps/vscode/src/server.ts

@@ -9,17 +9,17 @@ import type {
 
 import tokens from '@launchpad-ui/tokens/dist/tokens.json';
 import { getCSSLanguageService } from 'vscode-css-languageservice/lib/esm/cssLanguageService';
-import { TextDocument } from 'vscode-languageserver-textdocument';
 import {
 	Color,
 	CompletionItemKind,
+	createConnection,
 	MarkupKind,
 	ProposedFeatures,
 	Range,
 	TextDocumentSyncKind,
 	TextDocuments,
-	createConnection,
 } from 'vscode-languageserver/node';
+import { TextDocument } from 'vscode-languageserver-textdocument';
 
 const cssLanguageService = getCSSLanguageService();
 
@@ -163,7 +163,7 @@ connection.onDocumentColor(({ textDocument }) => {
 		cssVarRegExp.lastIndex = 0;
 		let match: RegExpExecArray | null;
 
-		// biome-ignore lint/suspicious/noAssignInExpressions: <explanation>
+		// biome-ignore lint/suspicious/noAssignInExpressions: ignore
 		while ((match = cssVarRegExp.exec(text)) != null) {
 			const offset = match.index;
 			const length = match[0].length;

biome.json

@@ -1,18 +1,36 @@
 {
 	"$schema": "./node_modules/@biomejs/biome/configuration_schema.json",
 	"files": {
-		"ignore": [
-			"dist/**",
-			"playwright-report/**",
-			"storybook-static/**",
-			"test-results/**",
-			"coverage/**",
-			"build/**"
+		"includes": [
+			"**",
+			"!**/dist/**",
+			"!**/playwright-report/**",
+			"!**/storybook-static/**",
+			"!**/test-results/**",
+			"!**/coverage/**",
+			"!**/build/**"
 		],
 		"ignoreUnknown": true
 	},
-	"organizeImports": {
-		"enabled": true
+	"assist": {
+		"actions": {
+			"source": {
+				"organizeImports": {
+					"level": "on",
+					"options": {
+						"groups": [
+							{ "type": true },
+							":BLANK_LINE:",
+							":NODE:",
+							":BLANK_LINE:",
+							":PACKAGE:",
+							":BLANK_LINE:",
+							":PATH:"
+						]
+					}
+				}
+			}
+		}
 	},
 	"formatter": {
 		"enabled": true,
@@ -34,14 +52,25 @@
 			},
 			"performance": {
 				"noDelete": "off",
-				"noReExportAll": "error"
+				"noReExportAll": "error",
+				"noNamespaceImport": "error"
 			},
 			"style": {
 				"noDefaultExport": "error",
 				"noNamespace": "error",
 				"useFragmentSyntax": "error",
 				"useNodejsImportProtocol": "off",
-				"noNamespaceImport": "error"
+				"noParameterAssign": "error",
+				"useAsConstAssertion": "error",
+				"useDefaultParameterLast": "error",
+				"useEnumInitializers": "error",
+				"useSelfClosingElements": "error",
+				"useSingleVarDeclarator": "error",
+				"noUnusedTemplateLiteral": "error",
+				"useNumberNamespace": "error",
+				"noInferrableTypes": "error",
+				"noUselessElse": "error",
+				"useImportType": "error"
 			},
 			"suspicious": {
 				"noEmptyBlock": "off"
@@ -72,7 +101,7 @@
 	},
 	"overrides": [
 		{
-			"include": ["*.stories.tsx", "*.config.*", ".storybook"],
+			"includes": ["**/*.stories.tsx", "**/*.config.*", "**/.storybook/**"],
 			"linter": {
 				"rules": {
 					"style": {

package.json

@@ -32,7 +32,7 @@
 	},
 	"homepage": "https://github.com/launchdarkly/launchpad-ui#readme",
 	"devDependencies": {
-		"@biomejs/biome": "1.9.1",
+		"@biomejs/biome": "2.0.0-beta.5",
 		"@changesets/changelog-github": "^0.5.0",
 		"@changesets/cli": "^2.28.1",
 		"@commitlint/cli": "^19.8.0",
@@ -102,5 +102,9 @@
 			"vite": "npm:[email protected]"
 		}
 	},
-	"browserslist": ["last 2 versions", "not dead", "not IE 11"]
+	"browserslist": [
+		"last 2 versions",
+		"not dead",
+		"not IE 11"
+	]
 }

packages/box/package.json

@@ -11,11 +11,15 @@
 	},
 	"description": "A polymorphic React component with design token sprinkles.",
 	"license": "Apache-2.0",
-	"files": ["dist"],
+	"files": [
+		"dist"
+	],
 	"main": "dist/index.js",
 	"module": "dist/index.es.js",
 	"types": "dist/index.d.ts",
-	"sideEffects": ["**/*.css"],
+	"sideEffects": [
+		"**/*.css"
+	],
 	"exports": {
 		".": {
 			"types": "./dist/index.d.ts",

packages/box/src/index.ts

@@ -1,2 +1,3 @@
 export type { BoxProps } from './Box';
+
 export { Box } from './Box';

packages/box/src/styles/rainbow-sprinkles.css.ts

@@ -3,6 +3,7 @@ import { vars } from '@launchpad-ui/vars';
 import { flatten } from 'flat';
 import { createRainbowSprinkles, defineProperties } from 'rainbow-sprinkles';
 
+// biome-ignore lint/correctness/noUnusedVariables: ignore
 const { bg, border, fill, shadow, text, ...global } = vars.color;
 const { text: typography, gradient } = vars;
 

packages/button/package.json

@@ -11,11 +11,15 @@
 	},
 	"description": "An element that triggers an action based on user interaction.",
 	"license": "Apache-2.0",
-	"files": ["dist"],
+	"files": [
+		"dist"
+	],
 	"main": "dist/index.js",
 	"module": "dist/index.es.js",
 	"types": "dist/index.d.ts",
-	"sideEffects": ["**/*.css"],
+	"sideEffects": [
+		"**/*.css"
+	],
 	"exports": {
 		".": {
 			"types": "./dist/index.d.ts",

packages/button/src/Button.tsx

@@ -99,7 +99,7 @@ const ButtonComponent = forwardRef<HTMLButtonElement, ButtonProps>((props, ref)
 			return cloneElement(
 				children,
 				undefined,
-				// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+				// biome-ignore lint/suspicious/noExplicitAny: ignore
 				getFinalChildren((children as ReactElement<any>).props.children),
 			);
 		}