jango-blockchained · pull · Aug 14, 2025 · Aug 14, 2025 · Aug 14, 2025 · Aug 14, 2025
diff --git a/.github/workflows/typos.toml b/.github/workflows/typos.toml
@@ -28,6 +28,7 @@ HELO = "HELO"
 LKE = "LKE"
 byt = "byt"
 typ = "typ"
+Inferrable = "Inferrable"
 
 [files]
 extend-exclude = [
@@ -47,5 +48,5 @@ extend-exclude = [
 	"provisioner/terraform/testdata/**",
 	# notifications' golden files confuse the detector because of quoted-printable encoding
 	"coderd/notifications/testdata/**",
-	"agent/agentcontainers/testdata/devcontainercli/**"
+	"agent/agentcontainers/testdata/devcontainercli/**",
 ]
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -49,7 +49,7 @@
 	"[javascript][javascriptreact][json][jsonc][typescript][typescriptreact]": {
 		"editor.defaultFormatter": "biomejs.biome",
 		"editor.codeActionsOnSave": {
-			"quickfix.biome": "explicit"
+			"source.fixAll.biome": "explicit"
 			//   "source.organizeImports.biome": "explicit"
 		}
 	},
@@ -60,5 +60,7 @@
 	"typos.config": ".github/workflows/typos.toml",
 	"[markdown]": {
 		"editor.defaultFormatter": "DavidAnson.vscode-markdownlint"
-	}
+	},
+	"biome.configurationPath": "./site/biome.jsonc",
+	"biome.lsp.bin": "./site/node_modules/.bin/biome"
 }
diff --git a/biome.jsonc b/biome.jsonc
@@ -0,0 +1,86 @@
+{
+	"vcs": {
+		"enabled": true,
+		"clientKind": "git",
+		"useIgnoreFile": true,
+		"defaultBranch": "main"
+	},
+	"files": {
+		"includes": [
+			"**",
+			"!**/pnpm-lock.yaml"
+		],
+		"ignoreUnknown": true
+	},
+	"linter": {
+		"rules": {
+			"a11y": {
+				"noSvgWithoutTitle": "off",
+				"useButtonType": "off",
+				"useSemanticElements": "off",
+				"noStaticElementInteractions": "off"
+			},
+			"correctness": {
+				"noUnusedImports": "warn",
+				"useUniqueElementIds": "off", // TODO: This is new but we want to fix it
+				"noNestedComponentDefinitions": "off", // TODO: Investigate, since it is used by shadcn components
+				"noUnusedVariables": {
+					"level": "warn",
+					"options": {
+						"ignoreRestSiblings": true
+					}
+				}
+			},
+			"style": {
+				"noNonNullAssertion": "off",
+				"noParameterAssign": "off",
+				"useDefaultParameterLast": "off",
+				"useSelfClosingElements": "off",
+				"useAsConstAssertion": "error",
+				"useEnumInitializers": "error",
+				"useSingleVarDeclarator": "error",
+				"noUnusedTemplateLiteral": "error",
+				"useNumberNamespace": "error",
+				"noInferrableTypes": "error",
+				"noUselessElse": "error",
+				"noRestrictedImports": {
+					"level": "error",
+					"options": {
+						"paths": {
+							"@mui/material": "Use @mui/material/<name> instead. See: https://material-ui.com/guides/minimizing-bundle-size/.",
+							"@mui/icons-material": "Use @mui/icons-material/<name> instead. See: https://material-ui.com/guides/minimizing-bundle-size/.",
+							"@mui/material/Avatar": "Use components/Avatar/Avatar instead.",
+							"@mui/material/Alert": "Use components/Alert/Alert instead.",
+							"@mui/material/Popover": "Use components/Popover/Popover instead.",
+							"@mui/material/Typography": "Use native HTML elements instead. Eg: <span>, <p>, <h1>, etc.",
+							"@mui/material/Box": "Use a <div> instead.",
+							"@mui/material/styles": "Import from @emotion/react instead.",
+							"lodash": "Use lodash/<name> instead."
+						}
+					}
+				}
+			},
+			"suspicious": {
+				"noArrayIndexKey": "off",
+				"noThenProperty": "off",
+				"noTemplateCurlyInString": "off",
+				"useIterableCallbackReturn": "off",
+				"noUnknownAtRules": "off", // Allow Tailwind directives
+				"noConsole": {
+					"level": "error",
+					"options": {
+						"allow": [
+							"error",
+							"info",
+							"warn"
+						]
+					}
+				}
+			},
+			"complexity": {
+				"noImportantStyles": "off" // TODO: check and fix !important styles
+			}
+		}
+	},
+	"$schema": "https://biomejs.dev/schemas/2.2.0/schema.json"
+}
diff --git a/package.json b/package.json
@@ -9,6 +9,7 @@
 		"storybook": "pnpm run -C site/ storybook"
 	},
 	"devDependencies": {
+		"@biomejs/biome": "2.2.0",
 		"markdown-table-formatter": "^1.6.1",
 		"markdownlint-cli2": "^0.16.0",
 		"quicktype": "^23.0.0"

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/site/.storybook/main.js b/site/.storybook/main.js
diff --git a/site/.storybook/main.ts b/site/.storybook/main.ts
@@ -0,0 +1,29 @@
+export default {
+	stories: ["../src/**/*.stories.tsx"],
+
+	addons: [
+		"@chromatic-com/storybook",
+		"@storybook/addon-docs",
+		"@storybook/addon-links",
+		"@storybook/addon-themes",
+		"storybook-addon-remix-react-router",
+	],
+
+	staticDirs: ["../static"],
+
+	framework: {
+		name: "@storybook/react-vite",
+		options: {},
+	},
+
+	async viteFinal(config) {
+		// Storybook seems to strip this setting out of our Vite config. We need to
+		// put it back in order to be able to access Storybook with Coder Desktop or
+		// port sharing.
+		config.server = {
+			...config.server,
+			allowedHosts: [".coder", ".dev.coder.com"],
+		};
+		return config;
+	},
+} satisfies import("@storybook/react-vite").StorybookConfig;