use Biome (#3327)

* setup biome

* use biome.json

* turn off import sorting as it conflicts with prettier

---------

Co-authored-by: Gordon Ko <gko@freewheel.com>

.github/workflows/ci.yml

@@ -24,8 +24,8 @@ jobs:
           key: npm-${{ hashFiles('package.json') }}
       - name: npm install
         run: npm i
-      - name: Rome
-        run: npm run rome:ci
+      - name: Biome
+        run: npm run biome:ci
       - name: ESLint
         run: npm run eslint
       - name: Prettier

.vscode/extensions.json

@@ -1,3 +1,3 @@
 {
-  "recommendations": ["dbaeumer.vscode-eslint", "esbenp.prettier-vscode", "rome.rome"]
+  "recommendations": ["dbaeumer.vscode-eslint", "esbenp.prettier-vscode", "biomejs.biome"]
 }

.vscode/settings.json

@@ -5,7 +5,7 @@
   "editor.defaultFormatter": "esbenp.prettier-vscode",
   "editor.formatOnSave": true,
   "[javascript]": {
-    "editor.defaultFormatter": "rome.rome"
+    "editor.defaultFormatter": "biomejs.biome"
   },
   "typescript.enablePromptUseWorkspaceTsdk": true,
   "typescript.tsdk": "node_modules/typescript/lib"

rome.json → biome.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "./node_modules/rome/configuration_schema.json",
+  "$schema": "./node_modules/@biomejs/biome/configuration_schema.json",
   "files": {
     "ignore": ["./coverage/**/*", "./dist/**/*", "./lib/**/*", "*.json"]
   },
@@ -42,7 +42,6 @@
       },
       "complexity": {
         "noExtraBooleanCast": "error",
-        "noExtraSemicolon": "error",
         "noMultipleSpacesInRegularExpressionLiterals": "error",
         "noUselessCatch": "error",
         "noUselessConstructor": "error",
@@ -151,5 +150,8 @@
         "useValidTypeof": "error"
       }
     }
+  },
+  "organizeImports": {
+    "enabled": false
   }
 }

package.json

@@ -40,9 +40,9 @@
     "build:types": "tsc -p tsconfig.lib.json && api-extractor run --local --verbose",
     "test": "vitest run",
     "test:watch": "vitest watch",
-    "format": "rome format . --write",
-    "check": "rome check .",
-    "rome:ci": "rome ci .",
+    "format": "biome format . --write",
+    "check": "biome check .",
+    "biome:ci": "biome ci .",
     "eslint": "eslint --ext js,ts,tsx --max-warnings 0 --cache --color src test website vite.config.ts",
     "eslint:fix": "npm run eslint -- --fix",
     "prettier:check": "prettier --check .",
@@ -61,6 +61,7 @@
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.18.6",
     "@babel/runtime": "^7.21.5",
+    "@biomejs/biome": "^1.0.0",
     "@faker-js/faker": "^8.0.0",
     "@ianvs/prettier-plugin-sort-imports": "^4.0.2",
     "@linaria/rollup": "^4.5.2",
@@ -102,7 +103,6 @@
     "react-router-dom": "^6.11.1",
     "rollup": "^3.26.2",
     "rollup-plugin-postcss": "^4.0.2",
-    "rome": "12.1.3",
     "typescript": "~5.1.6",
     "vite": "^4.4.2",
     "vitest": "^0.34.1"