Migrate from vite, prettier and eslint to rsbuild and biome

.github/workflows/ci.yml

@@ -39,11 +39,8 @@ jobs:
       - name: Build
         run: bun run build
 
-      - name: Lint code
-        run: bun lint
-
       - name: Check evmcrispr types
-        run: bun type-check
+        run: bun check
 
       - name: Tests
         if: steps.changed-files.outputs.any_changed == 'true'

.github/workflows/release.yml

@@ -12,18 +12,18 @@ jobs:
     runs-on: ${{ matrix.os }}
     strategy:
       matrix:
-        node-version: [16.x]
+        node-version: [18.x]
         os: [ubuntu-latest]
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
         with:
           # This makes Actions fetch all Git history so that Changesets can generate changelogs with the correct commits
           fetch-depth: 0
 
       - uses: oven-sh/setup-bun@v1
 
       - name: Set up Node ${{ matrix.node-version }}
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           cache: "bun"
           node-version: ${{ matrix.node-version }}

apps/evmcrispr-terminal/biome.json

@@ -0,0 +1,4 @@
+{
+  "$schema": "https://biomejs.dev/schemas/1.8.0/schema.json",
+  "extends": ["@repo/biome-config"]
+}

apps/evmcrispr-terminal/package.json

@@ -47,23 +47,20 @@
     "zustand-x": "^3.0.3"
   },
   "devDependencies": {
-    "@repo/eslint-config": "*",
-    "@repo/prettier-config": "*",
+    "@repo/biome-config": "*",
     "@repo/typescript-config": "*",
+    "@rsbuild/core": "^0.7.10",
+    "@rsbuild/plugin-react": "^0.7.10",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@types/react-transition-group": "^4.4.10",
-    "@types/use-persisted-state": "^0.3.4",
-    "@vitejs/plugin-react": "^4.3.1",
-    "eslint": "^8.57.0",
-    "vite": "^5.2.1"
+    "@types/use-persisted-state": "^0.3.4"
   },
   "scripts": {
-    "dev": "vite --clearScreen false",
-    "build": "tsc && vite build",
-    "type-check": "tsc --noEmit",
-    "preview": "vite preview",
-    "lint": "eslint \"src/**/*.{ts,tsx}\""
+    "dev": "rsbuild --clearScreen false",
+    "build": "rsbuild build",
+    "check": "tsc --noEmit && biome check --write",
+    "preview": "rsbuild preview"
   },
   "license": "AGPL-3.0-or-later"
 }

apps/evmcrispr-terminal/rsbuild.config.ts

@@ -0,0 +1,23 @@
+import { defineConfig } from "@rsbuild/core";
+import { pluginReact } from "@rsbuild/plugin-react";
+
+export default defineConfig({
+  plugins: [pluginReact()],
+  source: {
+    entry: {
+      main: "./src/main.tsx",
+    },
+  },
+  html: {
+    template: "./index.html",
+  },
+  server: {
+    port: 3000,
+    headers: {
+      "Access-Control-Allow-Origin": "*",
+      "Access-Control-Allow-Methods": "GET",
+      "Access-Control-Allow-Headers":
+        "X-Requested-With, content-type, Authorization",
+    },
+  },
+});

apps/evmcrispr-terminal/src/api/pinata/fetch-pin.ts

@@ -17,7 +17,7 @@ const fetchPin = async (
     }
 
     return response.json();
-  } catch (e) {
+  } catch (_e) {
     throw new Error("Bad response from server");
   }
 };

apps/evmcrispr-terminal/src/api/pinata/pin-json.ts

@@ -37,7 +37,7 @@ const pinJSON = async (data: Record<string, any>): Promise<Res> => {
     }
 
     return response.json();
-  } catch (e) {
+  } catch (_e) {
     throw new Error("Bad response from server");
   }
 };

apps/evmcrispr-terminal/src/components/ShareButton/index.tsx

@@ -41,7 +41,7 @@ export default function ShareButton({ script, title }: ShareButtonProps) {
       });
       setLoading(false);
       navigate(`/terminal/${hash}`, { replace: true });
-    } catch (e) {
+    } catch (_e) {
       toast({
         description: "The script could not be saved to IPFS",
         status: "error",

apps/evmcrispr-terminal/src/components/TerminalEditor/autocompletion.ts

@@ -255,7 +255,7 @@ export const runEagerExecutions = async (
 
         return eagerFn;
         // eslint-disable-next-line no-empty
-      } catch (err) {
+      } catch (_err) {
         return;
       }
     });
@@ -276,7 +276,7 @@ export const runEagerExecutions = async (
       try {
         resolveLazyBinding(eagerBindingsManager);
         // eslint-disable-next-line no-empty
-      } catch (err) {}
+      } catch (_err) {}
     });
 };
 

apps/evmcrispr-terminal/src/overrides/safe.ts

@@ -4,7 +4,7 @@
 import type { SafeAppProvider } from "@safe-global/safe-apps-provider";
 import type { Opts } from "@safe-global/safe-apps-sdk";
 // @ts-ignore
-import type { type Connector } from "@wagmi/core";
+import type { Connector } from "@wagmi/core";
 import { ProviderNotFoundError, createConnector } from "@wagmi/core";
 import type { Evaluate } from "@wagmi/core/internal";
 import { getAddress, withTimeout } from "viem";

apps/evmcrispr-terminal/tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "extends": "@repo/typescript-config/vite.json",
+  "extends": "@repo/typescript-config/rsbuild.json",
   "include": ["src"],
   "compilerOptions": {
     "jsx": "react-jsx"

biome.json

@@ -0,0 +1,4 @@
+{
+  "$schema": "https://biomejs.dev/schemas/1.8.0/schema.json",
+  "extends": ["@repo/biome-config"]
+}

lint-staged.config.js

@@ -1,10 +1,7 @@
 module.exports = {
   // Type check TypeScript files
-  "(apps|packages)/**/*.(ts|tsx)": () => "bun run type-check",
+  "(apps|packages)/**/*.(ts|tsx)": () => "bun run check",
 
   // Lint then format TypeScript and JavaScript files
-  "(apps|packages)/**/*.(ts|tsx|js)": (filenames) => [
-    `bunx eslint --fix ${filenames.join(" ")}`,
-    `bunx prettier --write ${filenames.join(" ")}`,
-  ],
+  "(apps|packages)/**/*.(ts|tsx|js)": "bun run format --staged",
 };

package.json

@@ -1,30 +1,25 @@
 {
   "private": true,
   "scripts": {
-    "prepare": "husky install",
+    "prepare": "husky",
     "build": "turbo build",
     "changeset:release": "bun run build && changeset publish",
     "changeset:version": "changeset version && bun install --lockfile-only",
     "dev": "turbo dev",
-    "type-check": "turbo run type-check",
-    "lint": "turbo lint",
+    "check": "turbo run check",
     "test": "turbo test",
     "test:coverage": "turbo run test:coverage",
-    "format": "prettier --write \"**/*.{ts,tsx,md}\"",
+    "format": "biome format --write",
     "dev:terminal": "turbo run dev --filter=evmcrispr-terminal"
   },
   "devDependencies": {
     "@changesets/cli": "^2.27.6",
-    "eslint": "^8.57.0",
+    "@repo/biome-config": "*",
     "husky": "^9.0.11",
     "lint-staged": "^15.2.7",
-    "prettier": "^3.2.5",
     "turbo": "^2.0.5"
   },
   "name": "evmcrispr-monorepo",
   "packageManager": "bun@1.1.4",
-  "workspaces": [
-    "apps/*",
-    "packages/*"
-  ]
+  "workspaces": ["apps/*", "packages/*"]
 }

packages/config-biome/biome.json

@@ -0,0 +1,111 @@
+{
+  "$schema": "https://biomejs.dev/schemas/1.8.0/schema.json",
+  "organizeImports": {
+    "enabled": false
+  },
+  "vcs": {
+    "enabled": true,
+    "clientKind": "git",
+    "useIgnoreFile": true
+  },
+  "formatter": {
+    "enabled": true,
+    "formatWithErrors": false,
+    "indentStyle": "space",
+    "indentWidth": 2,
+    "lineEnding": "lf",
+    "lineWidth": 80,
+    "attributePosition": "auto"
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": false,
+      "complexity": {
+        "noBannedTypes": "error",
+        "noExtraBooleanCast": "error",
+        "noMultipleSpacesInRegularExpressionLiterals": "error",
+        "noUselessCatch": "error",
+        "noUselessTypeConstraint": "error",
+        "noWith": "error"
+      },
+      "correctness": {
+        "noConstAssign": "error",
+        "noConstantCondition": "error",
+        "noEmptyCharacterClassInRegex": "error",
+        "noEmptyPattern": "error",
+        "noGlobalObjectCalls": "error",
+        "noInnerDeclarations": "error",
+        "noInvalidConstructorSuper": "error",
+        "noNewSymbol": "error",
+        "noNonoctalDecimalEscape": "error",
+        "noPrecisionLoss": "error",
+        "noSelfAssign": "error",
+        "noSetterReturn": "error",
+        "noSwitchDeclarations": "error",
+        "noUndeclaredVariables": "error",
+        "noUnreachable": "error",
+        "noUnreachableSuper": "error",
+        "noUnsafeFinally": "error",
+        "noUnsafeOptionalChaining": "error",
+        "noUnusedLabels": "error",
+        "noUnusedVariables": "error",
+        "useArrayLiterals": "off",
+        "useIsNan": "error",
+        "useValidForDirection": "error",
+        "useYield": "error"
+      },
+      "style": {
+        "noNamespace": "error",
+        "noNonNullAssertion": "off",
+        "useAsConstAssertion": "error",
+        "useBlockStatements": "off"
+      },
+      "suspicious": {
+        "noAsyncPromiseExecutor": "error",
+        "noCatchAssign": "error",
+        "noClassAssign": "error",
+        "noCompareNegZero": "error",
+        "noControlCharactersInRegex": "error",
+        "noDebugger": "error",
+        "noDuplicateCase": "error",
+        "noDuplicateClassMembers": "error",
+        "noDuplicateObjectKeys": "error",
+        "noDuplicateParameters": "error",
+        "noEmptyBlockStatements": "off",
+        "noExplicitAny": "off",
+        "noExtraNonNullAssertion": "error",
+        "noFallthroughSwitchClause": "error",
+        "noFunctionAssign": "error",
+        "noGlobalAssign": "error",
+        "noImportAssign": "error",
+        "noMisleadingCharacterClass": "error",
+        "noMisleadingInstantiator": "error",
+        "noPrototypeBuiltins": "error",
+        "noRedeclare": "error",
+        "noShadowRestrictedNames": "error",
+        "noUnsafeDeclarationMerging": "error",
+        "noUnsafeNegation": "error",
+        "useGetterReturn": "error",
+        "useValidTypeof": "error"
+      }
+    }
+  },
+  "overrides": [
+    {
+      "include": ["*.ts", "*.tsx", "*.mts", "*.cts"],
+      "linter": {
+        "rules": {
+          "correctness": {
+            "noUndeclaredVariables": "off"
+          },
+          "style": {
+            "noArguments": "error",
+            "noVar": "error",
+            "useConst": "error"
+          }
+        }
+      }
+    }
+  ]
+}

packages/config-biome/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "@repo/biome-config",
+  "version": "0.0.0",
+  "main": "biome.json",
+  "license": "MIT",
+  "dependencies": {
+    "@biomejs/biome": "^1.8.1"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}