enable biome assist

Author: thedannywahl

biome.jsonc

@@ -1,9 +1,14 @@
 {
 	"$schema": "./node_modules/@biomejs/biome/configuration_schema.json",
-	"vcs": {
-		"enabled": false,
-		"clientKind": "git",
-		"useIgnoreFile": false
+	"assist": {
+		"actions": {
+			"source": {
+				"organizeImports": "on",
+				"useSortedAttributes": "on",
+				"useSortedKeys": "on"
+			}
+		},
+		"enabled": true
 	},
 	"files": {
 		"ignoreUnknown": false
@@ -12,23 +17,25 @@
 		"enabled": true,
 		"indentStyle": "tab"
 	},
-	"linter": {
-		"enabled": true,
-		"rules": {
-			"recommended": true
-		}
-	},
 	"javascript": {
 		"formatter": {
 			"quoteStyle": "double"
 		}
 	},
-	"assist": {
+	"linter": {
+		"domains": {
+			"react": "recommended",
+			"test": "recommended"
+		},
 		"enabled": true,
-		"actions": {
-			"source": {
-				"organizeImports": "on"
-			}
+		"rules": {
+			"recommended": true
 		}
+	},
+	"vcs": {
+		"clientKind": "git",
+		"defaultBranch": "main",
+		"enabled": false,
+		"useIgnoreFile": true
 	}
-}
+}

package.json

@@ -1,14 +1,7 @@
 {
-	"name": "instructure.ai",
-	"private": true,
-	"version": "0.0.0",
-	"type": "module",
-	"scripts": {
-		"dev": "vite",
-		"build": "tsc -b && vite build",
-		"lint": "eslint .",
-		"preview": "vite preview"
-	},
+	"browserslist": [
+		"extends @instructure/browserslist-config-instui"
+	],
 	"dependencies": {
 		"@instructure/ui-icons": "^10.19.1",
 		"react": "^19.1.0",
@@ -33,8 +26,15 @@
 		"vite": "^6.3.5",
 		"vitest": "^3.2.2"
 	},
+	"name": "instructure.ai",
 	"packageManager": "pnpm@10.11.1",
-	"browserslist": [
-		"extends @instructure/browserslist-config-instui"
-	]
+	"private": true,
+	"scripts": {
+		"build": "tsc -b && vite build",
+		"dev": "vite",
+		"lint": "eslint .",
+		"preview": "vite preview"
+	},
+	"type": "module",
+	"version": "0.0.0"
 }

src/index.css

@@ -18,6 +18,7 @@ a {
 	color: #646cff;
 	text-decoration: inherit;
 }
+
 a:hover {
 	color: #535bf2;
 }
@@ -46,9 +47,11 @@ button {
 	cursor: pointer;
 	transition: border-color 0.25s;
 }
+
 button:hover {
 	border-color: #646cff;
 }
+
 button:focus,
 button:focus-visible {
 	outline: 4px auto -webkit-focus-ring-color;
@@ -59,10 +62,12 @@ button:focus-visible {
 		color: #213547;
 		background-color: #ffffff;
 	}
+
 	a:hover {
 		color: #747bff;
 	}
+
 	button {
 		background-color: #f9f9f9;
 	}
-}
+}

tsconfig.app.json

@@ -1,29 +1,29 @@
 {
 	"compilerOptions": {
-		"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-		"target": "ES2020",
-		"useDefineForClassFields": true,
+		"allowImportingTsExtensions": true,
+		"erasableSyntaxOnly": true,
+		"jsx": "react-jsx",
 		"lib": [
 			"ES2020",
 			"DOM",
 			"DOM.Iterable"
 		],
 		"module": "ESNext",
-		"skipLibCheck": true,
+		"moduleDetection": "force",
 		/* Bundler mode */
 		"moduleResolution": "bundler",
-		"allowImportingTsExtensions": true,
-		"verbatimModuleSyntax": true,
-		"moduleDetection": "force",
 		"noEmit": true,
-		"jsx": "react-jsx",
-		/* Linting */
-		"strict": true,
+		"noFallthroughCasesInSwitch": true,
+		"noUncheckedSideEffectImports": true,
 		"noUnusedLocals": true,
 		"noUnusedParameters": true,
-		"erasableSyntaxOnly": true,
-		"noFallthroughCasesInSwitch": true,
-		"noUncheckedSideEffectImports": true
+		"skipLibCheck": true,
+		/* Linting */
+		"strict": true,
+		"target": "ES2020",
+		"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+		"useDefineForClassFields": true,
+		"verbatimModuleSyntax": true
 	},
 	"include": [
 		"types"

tsconfig.node.json

@@ -1,25 +1,25 @@
 {
 	"compilerOptions": {
-		"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-		"target": "ES2022",
+		"allowImportingTsExtensions": true,
+		"erasableSyntaxOnly": true,
 		"lib": [
 			"ES2023"
 		],
 		"module": "ESNext",
-		"skipLibCheck": true,
+		"moduleDetection": "force",
 		/* Bundler mode */
 		"moduleResolution": "bundler",
-		"allowImportingTsExtensions": true,
-		"verbatimModuleSyntax": true,
-		"moduleDetection": "force",
 		"noEmit": true,
-		/* Linting */
-		"strict": true,
+		"noFallthroughCasesInSwitch": true,
+		"noUncheckedSideEffectImports": true,
 		"noUnusedLocals": true,
 		"noUnusedParameters": true,
-		"erasableSyntaxOnly": true,
-		"noFallthroughCasesInSwitch": true,
-		"noUncheckedSideEffectImports": true
+		"skipLibCheck": true,
+		/* Linting */
+		"strict": true,
+		"target": "ES2022",
+		"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+		"verbatimModuleSyntax": true
 	},
 	"include": [
 		"types",

vite.config.mts

@@ -5,31 +5,31 @@ import { browserslistToTargets } from "lightningcss";
 import { defineConfig } from "vite";
 
 export default defineConfig({
+	build: {
+		cssMinify: "lightningcss",
+		minify: "terser",
+		target: "esnext",
+	},
+	css: {
+		lightningcss: {
+			targets: browserslistToTargets(browsersList),
+		},
+		transformer: "lightningcss",
+	},
 	plugins: [
 		react({
 			babel: {
 				plugins: [["babel-plugin-react-compiler", { target: "19" }]],
 			},
 		}),
 	],
-	css: {
-		transformer: "lightningcss",
-		lightningcss: {
-			targets: browserslistToTargets(browsersList),
-		},
-	},
-	build: {
-		target: "esnext",
-		minify: "terser",
-		cssMinify: "lightningcss",
-	},
 	test: {
 		coverage: {
 			enabled: true,
+			exclude: ["src/**/*.test.{ts,tsx}", "src/**/*.d.ts"],
+			include: ["src/**/*.{ts,tsx}"],
 			provider: "v8",
 			reporter: ["default", "html"],
-			include: ["src/**/*.{ts,tsx}"],
-			exclude: ["src/**/*.test.{ts,tsx}", "src/**/*.d.ts"],
 		},
 	},
 });