[major] migrate to hero-ui frontend

Author: SharzyL

.gitattributes

@@ -1,2 +1,3 @@
-frontend/github.css linguist-vendored
+yarn.lock -diff
+worker-configuration.d.ts -diff
 

.github/workflows/deploy.yml

@@ -19,6 +19,9 @@ jobs:
       - name: "Setup"
         run: yarn install
 
+      - name: "Build Frontend"
+        run: yarn build:frontend
+
       - name: "Test"
         run: |
           yarn prettier -c .

.github/workflows/pr.yml

@@ -3,34 +3,53 @@ on:
   pull_request:
 
 jobs:
+  coverage-goshujin:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          ref: goshujin
+
+      - name: "Install Node"
+        uses: actions/setup-node@v4
+        with:
+          node-version: "22"
+          cache: "yarn"
+
+      - name: "Coverage"
+        run: |
+          yarn install
+          yarn build:frontend || true
+          yarn test
+          yarn coverage
+
+      - name: "Upload Coverage"
+        uses: actions/upload-artifact@v4
+        with:
+          name: coverage-goshujin
+          path: coverage
+
   test:
     runs-on: ubuntu-latest
-    strategy:
-      matrix:
-        include:
-          - ref: ${{ github.ref }}
-            name: "head"
-          - ref: "goshujin"
-            name: "goshujin"
-
-    permissions:
-      contents: read
-      pull-requests: write
 
     steps:
       - uses: actions/checkout@v4
         with:
-          ref: ${{ matrix.ref }}
+          ref: ${{ github.ref }}
 
       - name: "Install Node"
         uses: actions/setup-node@v4
         with:
-          node-version: "20"
+          node-version: "22"
           cache: "yarn"
 
       - name: "Install Deps"
         run: yarn install
 
+      - name: "Build Frontend"
+        run: yarn build:frontend
+
       - name: "Test"
         run: |
           yarn prettier -c .
@@ -43,7 +62,7 @@ jobs:
       - name: "Upload Coverage"
         uses: actions/upload-artifact@v4
         with:
-          name: coverage-${{ matrix.name }}
+          name: coverage-head
           path: coverage
 
   report-coverage:

.gitignore

@@ -1,5 +1,5 @@
 /target
-/dist
+dist
 **/*.rs.bk
 Cargo.lock
 bin/
@@ -12,3 +12,4 @@ node_modules/
 .idea
 .wrangler
 coverage
+.dev.vars*

.prettierrc

@@ -3,5 +3,5 @@
   "semi": false,
   "trailingComma": "all",
   "tabWidth": 2,
-  "printWidth": 80
+  "printWidth": 120
 }

README.md

@@ -97,12 +97,26 @@ $ yarn -s wrangler kv key list --binding PB > kv_list.json
 
 ## Development
 
-Run a local simulator:
+Note that the frontend and worker code are built separatedly. To start a Vite development server of the frontend,
+
+```console
+$ yarn dev:frontend
+```
+
+To develop the backend worker, we must build a develop version of frontend,
+
+```console
+$ yarn build:frontend:dev
+```
+
+Then starts a local worker,
 
 ```console
 $ yarn dev
 ```
 
+The difference between `build:frontend:dev` and `build:frontend` is that the former will points the API endpoint to your deployment URL, while the later points to `http://localhost:8787`, the address of a local worker.
+
 Run tests:
 
 ```console

frontend/tos.md doc/tos.mdfrontend/tos.md renamed to doc/tos.md

@@ -15,17 +15,12 @@ export default tseslint.config(
       },
     },
   },
-  globalIgnores([
-    "dist/**",
-    ".wrangler/**",
-    "coverage/**",
-    "worker-configuration.d.ts",
-  ]),
+  globalIgnores(["dist/**", ".wrangler/**", "coverage/**", "worker-configuration.d.ts"]),
   {
     rules: {
       "no-unused-vars": "off",
       "@typescript-eslint/no-unused-vars": [
-        "error",
+        "warn",
         {
           argsIgnorePattern: "^_",
           varsIgnorePattern: "^_",
@@ -34,7 +29,7 @@ export default tseslint.config(
     },
   },
   {
-    files: ["*.config.js"],
+    files: ["**/*.config.js"],
     extends: [tseslint.configs.disableTypeChecked],
   },
 )

eslint.config.js

@@ -0,0 +1,2 @@
+import { heroui } from "@heroui/react"
+export default heroui()