Replace ESLint with Biome (hestiacp#4889)

Author: AlecRust

.eslintignore

@@ -39,9 +39,6 @@ jobs:
     steps:
       - name: Checkout code
         uses: actions/checkout@v4
-        with:
-          repository: ${{ github.event.pull_request.head.repo.full_name }}
-          ref: ${{ github.event.pull_request.head.ref }}
 
       - name: Setup Node
         uses: actions/setup-node@v4
@@ -54,23 +51,18 @@ jobs:
       - name: Check formatting
         run: npx prettier --check .
 
-  eslint:
-    name: ESLint
+  biome:
+    name: Biome
     runs-on: ubuntu-latest
     steps:
       - name: Checkout code
         uses: actions/checkout@v4
 
-      - name: Setup Node
-        uses: actions/setup-node@v4
-        with:
-          node-version: "lts/*"
-
-      - name: Install Node packages
-        run: npm ci --ignore-scripts
+      - name: Setup Biome
+        uses: biomejs/setup-biome@v2
 
-      - name: Run ESLint
-        run: npx eslint .
+      - name: Run Biome lint
+        run: biome lint .
 
   stylelint:
     name: Stylelint

.eslintrc.cjs

@@ -48,6 +48,3 @@ web/src/vendor/
 # Node
 **/node_modules/
 npm-debug.log
-
-# optional eslint cache
-.eslintcache

.github/workflows/lint.yml

@@ -3,8 +3,8 @@ module.exports = {
 	'*.md': 'markdownlint-cli2 --fix',
 	// Run Stylelint on CSS files
 	'*.css': 'stylelint --fix --allow-empty-input',
-	// Run ESLint on TS, TSX, JS, JSX files
-	'*.{ts,js}?(x)': 'eslint --fix',
-	// Run Prettier everywhere
+	// Run Biome on TS, TSX, JS, JSX files
+	'*.{ts,js}?(x)': 'npx @biomejs/biome lint --write --no-errors-on-unmatched',
+	// Run Prettier where supported
 	'*': 'prettier --write --ignore-unknown',
 };

.gitignore

@@ -3,7 +3,7 @@
 		"editorconfig.editorconfig",
 		"esbenp.prettier-vscode",
 		"DavidAnson.vscode-markdownlint",
-		"dbaeumer.vscode-eslint",
+		"biomejs.biome",
 		"stylelint.vscode-stylelint",
 		"timonwong.shellcheck",
 		"mrmlnc.vscode-apache",

.lintstagedrc.cjs

@@ -7,7 +7,7 @@
 	"explorer.fileNesting.patterns": {
 		"*.css": "${capture}.css.map",
 		"*.js": "${capture}.js.map",
-		"package.json": ".editorconfig, .eslint*, .lintstaged*, .markdownlint-cli2*, .prettier*, .stylelint*, jsconfig.json, package-lock.json, renovate.json",
+		"package.json": ".editorconfig, .biome*, .lintstaged*, .markdownlint-cli2*, .prettier*, .stylelint*, jsconfig.json, package-lock.json, renovate.json",
 		"readme*": "changelog*, contributing*, license*, security*"
 	}
 }

.vscode/extensions.json

@@ -0,0 +1,59 @@
+{
+	"$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
+	"vcs": {
+		"enabled": false,
+		"clientKind": "git",
+		"useIgnoreFile": false
+	},
+	"files": {
+		"ignoreUnknown": false,
+		"ignore": [
+			"**/*.bats",
+			"./test/test_helper/*",
+			"**/*.min.css",
+			"**/*.min.js",
+			"**/vendor/**",
+			"**/node_modules/**",
+			"**/.vitepress/dist/",
+			"**/.vitepress/cache/",
+			"./docs/.vitepress/dist/",
+			"./docs/.vitepress/cache/"
+		]
+	},
+	"formatter": {
+		"enabled": false,
+		"useEditorconfig": true
+	},
+	"organizeImports": {
+		"enabled": true
+	},
+	"linter": {
+		"enabled": true,
+		"rules": {
+			"recommended": true,
+			"a11y": {
+				"useGenericFontNames": "off"
+			},
+			"style": {
+				"noParameterAssign": "off"
+			},
+			"complexity": {
+				"noForEach": "off"
+			},
+			"correctness": {
+				"noUnknownMediaFeatureName": "off"
+			},
+			"suspicious": {
+				"noEmptyBlock": "off",
+				"noShorthandPropertyOverrides": "off",
+				"noDoubleEquals": "off"
+			}
+		}
+	},
+	"javascript": {
+		"formatter": {
+			"quoteStyle": "single"
+		},
+		"globals": ["Alpine"]
+	}
+}

.vscode/settings.json

@@ -1,6 +1,3 @@
-/* eslint-env node */
-/* eslint-disable no-console */
-
 // Build JS and CSS using esbuild and Lightning CSS
 import { promises as fs } from 'node:fs';
 import path from 'node:path';

biome.json

@@ -113,7 +113,7 @@ watchEffect(() => {
 	};
 	for (const [key, { enabled, value }] of Object.entries(selectedOptions.value)) {
 		const opt = options.find((o) => o.flag === key);
-		if (opt.flag == "force" && enabled) {
+		if (opt.flag === "force" && enabled) {
 			cmd += " --force";
 		} else if (!opt.type || opt.type === "checkbox") {
 			if (enabled !== (opt.default === "yes")) {