Migrate from vite, prettier and eslint to rsbuild and biome

Author: sembrestels

.eslintrc.js

@@ -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/ci.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 }}

.github/workflows/release.yml

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

.pretierrc.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"
 }

.prettierignore

@@ -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",
+    },
+  },
+});