Adopt Biome, Drop ESLint and Prettier (#770)

* Adopt Biome, ditch Prettier + ESLint

* Enable import sorting + type imports

* Enable again useExhaustiveDependencies

* Enable Biome's formatter

* Ensure LF line endings

* Remove any mention of ESLint

Author: martpie

.eslintignore

@@ -42,10 +42,7 @@ jobs:
       - name: 'Test: Rust (+ Generate Types)'
         run: yarn run gen
 
-      - name: 'Test: formatting'
-        run: 'yarn run test:formatting'
-
-      - name: 'Test: TS/JS linting'
+      - name: 'Test: TS/JS linting & formatting'
         run: 'yarn run test:lint'
 
       - name: 'Test: CSS linting'

.eslintrc.cjs

@@ -1,10 +1,9 @@
 {
   "recommendations": [
-      "dbaeumer.vscode-eslint",
-      "vunguyentuan.vscode-postcss",
-      "esbenp.prettier-vscode",
-      "stylelint.vscode-stylelint",
-      "tauri-apps.tauri-vscode",
-      "rust-lang.rust-analyzer"
+    "biomejs.biome",
+    "vunguyentuan.vscode-postcss",
+    "stylelint.vscode-stylelint",
+    "tauri-apps.tauri-vscode",
+    "rust-lang.rust-analyzer"
   ]
 }

.github/workflows/build.yml

@@ -0,0 +1,35 @@
+{
+  "$schema": "https://biomejs.dev/schemas/1.6.4/schema.json",
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": true,
+      "complexity": {
+        "noForEach": "off"
+      },
+      "suspicious": {
+        "noImplicitAnyLet": "off"
+      }
+    }
+  },
+  "formatter": {
+    "enabled": true,
+    "indentStyle": "space",
+    "lineEnding": "lf"
+  },
+  "javascript": {
+    "formatter": {
+      "quoteStyle": "single"
+    }
+  },
+  "files": {
+    "ignore": [
+      "node_modules",
+      "dist",
+      "src/generated/typings/*.ts",
+      "!src/generated/typings/index.ts",
+      "src-tauri/target/**/*",
+      "src-tauri/gen/**/*"
+    ]
+  }
+}

.prettierignore

@@ -21,16 +21,12 @@
     "gen": "bash scripts/gen.sh",
     "test:typings": "tsc --noEmit --project ./tsconfig.json",
     "test:unit": "vitest run",
-    "test:lint": "eslint src",
-    "test:lint:fix": "eslint src --fix",
-    "test:formatting": "prettier --check \"./**/*.{ts,tsx,js}\"",
-    "test:formatting:fix": "prettier --write \"./**/*.{ts,tsx,js}\"",
+    "test:lint": "biome ci .",
+    "test:lint:fix": "biome check --apply .",
     "test:css": "stylelint \"src/**/*.css\"",
     "package:checksums": "bash scripts/checksum.sh"
   },
-  "browserslist": [
-    "defaults"
-  ],
+  "browserslist": ["defaults"],
   "dependencies": {
     "@radix-ui/react-aspect-ratio": "^1.0.3",
     "@radix-ui/react-popover": "^1.0.7",
@@ -59,30 +55,20 @@
     "zustand": "^4.5.2"
   },
   "devDependencies": {
+    "@biomejs/biome": "1.6.4",
     "@tauri-apps/cli": "^2.0.0-beta.9",
     "@types/lodash": "^4.17.0",
     "@types/react": "^18.2.73",
     "@types/react-dom": "^18.2.23",
     "@types/semver": "^7.5.8",
-    "@typescript-eslint/eslint-plugin": "^7.4.0",
-    "@typescript-eslint/parser": "^7.4.0",
     "@vitejs/plugin-react": "^4.2.1",
     "autoprefixer": "^10.4.19",
-    "eslint": "^8.57.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-jsx-a11y": "^6.8.0",
-    "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-react": "^7.34.1",
-    "eslint-plugin-react-hooks": "^4.6.0",
     "normalize.css": "^8.0.1",
     "postcss": "^8.4.38",
     "postcss-import": "^16.1.0",
     "postcss-nested": "^6.0.1",
     "postcss-scss": "^4.0.9",
     "postcss-url": "^10.1.3",
-    "prettier": "^3.2.5",
-    "prettier-eslint": "^16.3.0",
     "stylelint": "^16.3.1",
     "stylelint-config-css-modules": "^4.4.0",
     "stylelint-config-standard": "^36.0.0",

.prettierrc

@@ -3,6 +3,6 @@ export default {
   plugins: {
     'postcss-import': {},
     'postcss-nested': {},
-    'autoprefixer': {}
+    autoprefixer: {},
   },
 };

.vscode/extensions.json

@@ -1,7 +1,8 @@
-import React, { useEffect, useState } from 'react';
+import type React from 'react';
+import { useEffect, useState } from 'react';
 
-import * as Setting from '../Setting/Setting';
 import { logAndNotifyError } from '../../lib/utils';
+import * as Setting from '../Setting/Setting';
 
 type Props = {
   defaultValue: string;