Switch to biome (#345)

kjy5 · Feb 21, 2024 · cd835ae · cd835ae
1 parent a5dd2bb
commit cd835ae
Show file tree

Hide file tree

Showing 20 changed files with 764 additions and 1,387 deletions.
diff --git a/.eslintignore b/.eslintignore
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
diff --git a/.github/workflows/reformat-and-lint.yml b/.github/workflows/reformat-and-lint.yml
@@ -37,13 +37,13 @@ jobs:
         run: pnpm install
 
       - name: 🧹 Reformat
-        run: pnpm prettier
-
-      - name: 🚨 Lint
-        run: pnpm lint
+        run: pnpm format
 
       - name: ⬆️ Commit changes
         if: github.ref != 'refs/heads/main'
         uses: stefanzweifel/git-auto-commit-action@v5
         with:
-          commit_message: Reformat and Lint
+          commit_message: Auto-reformat code
+
+      - name: 🚨 Lint
+        run: pnpm lint
diff --git a/.prettierignore b/.prettierignore
diff --git a/.prettierrc.cjs b/.prettierrc.cjs
diff --git a/.storybook/main.ts b/.storybook/main.ts
@@ -1,38 +1,41 @@
-import type { StorybookConfig } from '@storybook/react-vite';
+import type { StorybookConfig } from "@storybook/react-vite";
 
 const config: StorybookConfig = {
-  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
-  addons: [
-    '@storybook/addon-links',
-    '@storybook/addon-essentials',
-    '@storybook/addon-onboarding',
-    '@storybook/addon-interactions',
-    '@storybook/addon-styling',
-    '@storybook/addon-themes',
-  ],
-  staticDirs: ['../public'],
-  framework: {
-    name: '@storybook/react-vite',
-    options: {},
-  },
-  typescript: {
-    reactDocgen: 'react-docgen-typescript',
-    reactDocgenTypescriptOptions: {
-      // Speeds up Storybook build time
-      compilerOptions: {
-        allowSyntheticDefaultImports: false,
-        esModuleInterop: false,
-      },
-      // Makes union prop types like variant and size appear as select controls
-      shouldExtractLiteralValuesFromEnum: true,
-      // Makes string and boolean types that can be undefined appear as inputs and switches
-      shouldRemoveUndefinedFromOptional: true,
-      // Filter out third-party props from node_modules except @mui packages
-      propFilter: (prop) => (prop.parent ? !/node_modules\/(?!@mui)/.test(prop.parent.fileName) : true),
-    },
-  },
-  docs: {
-    autodocs: 'tag',
-  },
+	stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+	addons: [
+		"@storybook/addon-links",
+		"@storybook/addon-essentials",
+		"@storybook/addon-onboarding",
+		"@storybook/addon-interactions",
+		"@storybook/addon-styling",
+		"@storybook/addon-themes",
+	],
+	staticDirs: ["../public"],
+	framework: {
+		name: "@storybook/react-vite",
+		options: {},
+	},
+	typescript: {
+		reactDocgen: "react-docgen-typescript",
+		reactDocgenTypescriptOptions: {
+			// Speeds up Storybook build time
+			compilerOptions: {
+				allowSyntheticDefaultImports: false,
+				esModuleInterop: false,
+			},
+			// Makes union prop types like variant and size appear as select controls
+			shouldExtractLiteralValuesFromEnum: true,
+			// Makes string and boolean types that can be undefined appear as inputs and switches
+			shouldRemoveUndefinedFromOptional: true,
+			// Filter out third-party props from node_modules except @mui packages
+			propFilter: (prop) =>
+				prop.parent
+					? !/node_modules\/(?!@mui)/.test(prop.parent.fileName)
+					: true,
+		},
+	},
+	docs: {
+		autodocs: "tag",
+	},
 };
 export default config;
diff --git a/.storybook/preview.ts b/.storybook/preview.ts
@@ -1,46 +1,46 @@
-import type { Preview } from '@storybook/react';
+import type { Preview } from "@storybook/react";
 
-import '@fontsource/roboto/300.css';
-import '@fontsource/roboto/400.css';
-import '@fontsource/roboto/500.css';
-import '@fontsource/roboto/700.css';
-import { withThemeFromJSXProvider } from '@storybook/addon-themes';
-import { darkTheme, lightTheme } from '../src/themes';
-import { CssBaseline, ThemeProvider } from '@mui/material';
+import "@fontsource/roboto/300.css";
+import "@fontsource/roboto/400.css";
+import "@fontsource/roboto/500.css";
+import "@fontsource/roboto/700.css";
+import { CssBaseline, ThemeProvider } from "@mui/material";
+import { withThemeFromJSXProvider } from "@storybook/addon-themes";
+import { darkTheme, lightTheme } from "../src/themes";
 
 const preview: Preview = {
-  parameters: {
-    actions: { argTypesRegex: '^on[A-Z].*' },
-    controls: {
-      matchers: {
-        color: /(background|color)$/i,
-        date: /Date$/i,
-      },
-    },
-  },
+	parameters: {
+		actions: { argTypesRegex: "^on[A-Z].*" },
+		controls: {
+			matchers: {
+				color: /(background|color)$/i,
+				date: /Date$/i,
+			},
+		},
+	},
 };
 
 const decorators = [
-  withThemeFromJSXProvider({
-    themes: {
-      light: lightTheme,
-      dark: darkTheme,
-    },
-    defaultTheme: 'dark',
-    Provider: ThemeProvider,
-    GlobalStyles: CssBaseline,
-  }),
+	withThemeFromJSXProvider({
+		themes: {
+			light: lightTheme,
+			dark: darkTheme,
+		},
+		defaultTheme: "dark",
+		Provider: ThemeProvider,
+		GlobalStyles: CssBaseline,
+	}),
 ];
 
 const parameters = {
-  actions: { argTypesRegex: '^on[A-Z].*' },
-  controls: {
-    expanded: true, // Adds the description and default columns
-    matchers: {
-      color: /(background|color)$/i,
-      date: /Date$/,
-    },
-  },
+	actions: { argTypesRegex: "^on[A-Z].*" },
+	controls: {
+		expanded: true, // Adds the description and default columns
+		matchers: {
+			color: /(background|color)$/i,
+			date: /Date$/,
+		},
+	},
 };
 
 export { decorators, parameters };

diff --git a/biome.json b/biome.json
@@ -0,0 +1,17 @@
+{
+	"$schema": "https://biomejs.dev/schemas/1.5.3/schema.json",
+	"organizeImports": {
+		"enabled": true
+	},
+	"linter": {
+		"enabled": true,
+		"rules": {
+			"recommended": true
+		}
+	},
+	"vcs": {
+		"enabled": true,
+		"clientKind": "git",
+		"useIgnoreFile": true
+	}
+}
diff --git a/package.json b/package.json
@@ -6,9 +6,9 @@
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "prettier": "prettier --write .",
-    "preview": "vite preview",
+    "lint": "biome lint .",
+    "format": "biome format --write .",
+    "check": "biome check --apply .",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"
   },
@@ -20,6 +20,7 @@
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
+    "@biomejs/biome": "^1.5.3",
     "@fontsource/roboto": "^5.0.8",
     "@mui/icons-material": "^5.15.10",
     "@storybook/addon-essentials": "^7.6.16",
@@ -33,17 +34,7 @@
     "@storybook/test": "^7.6.16",
     "@types/react": "^18.2.56",
     "@types/react-dom": "^18.2.19",
-    "@typescript-eslint/eslint-plugin": "^7.0.1",
-    "@typescript-eslint/parser": "^7.0.1",
     "@vitejs/plugin-react-swc": "^3.6.0",
-    "eslint": "^8.55.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-jsx-a11y": "^6.8.0",
-    "eslint-plugin-react": "^7.33.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.5",
-    "eslint-plugin-storybook": "^0.8.0",
-    "prettier": "^3.2.5",
     "storybook": "^7.6.16",
     "typescript": "^5.2.2",
     "vite": "^5.1.3"