Dev

.editorconfig

@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true

.github/workflows/deploy.yml

@@ -1,11 +1,11 @@
 name: Deploy to Github Pages
 
 on:
+  workflow_dispatch:
   push:
     branches: ["main"]
   pull_request:
     branches: ["main"]
-  workflow_dispatch:
 
 # Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
 permissions:
@@ -41,6 +41,6 @@ jobs:
       - uses: actions/configure-pages@v5
       - uses: actions/upload-pages-artifact@v4
         with:
-          path: "./docs"
+          path: "./packages/react-spa/dist"
       - id: deployment
         uses: actions/deploy-pages@v4

.gitignore

@@ -1,4 +1,4 @@
 node_modules/
 dist/
-docs/
+# docs/
 *.tsbuildinfo

.npmrc

@@ -1 +1,3 @@
 @jsr:registry=https://npm.jsr.io
+# shamefully-hoist=true
+public-hoist-pattern[]=@types*

.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["Vue.volar"]
+}

json-typed.d.ts

@@ -0,0 +1,31 @@
+type JsonifiedValue<T> = T extends string | number | null | boolean
+  ? T
+  : T extends { toJSON(): infer R }
+    ? R
+    : T extends undefined | ((...args: any[]) => any)
+      ? never
+      : T extends object
+        ? JsonifiedObject<T>
+        : never;
+
+type JsonifiedObject<T> = {
+  [Key in keyof T as [JsonifiedValue<T[Key]>] extends [never]
+    ? never
+    : Key]: JsonifiedValue<T[Key]>;
+};
+
+type Stringified<ObjType> = string & { source: ObjType };
+
+interface JSON {
+  stringify<T>(
+    value: T,
+    replacer?: null | undefined,
+    space?: string | number,
+  ): Stringified<T>;
+  parse<T>(
+    str: Stringified<T>,
+    replacer?: null | undefined,
+  ): JsonifiedObject<T>;
+}
+
+export {};

package.json

@@ -1,98 +1,23 @@
 {
   "name": "yanglee2421.github.io",
   "private": true,
-  "version": "0.0.0",
   "type": "module",
-  "description": "Haven't decided what type of website to build yet",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/yanglee2421/yanglee2421.github.io",
-    "directory": "/"
-  },
-  "homepage": "https://yanglee2421.github.io",
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc -b && vite build",
-    "build:ignore-tsc": "vite build",
-    "lint": "eslint .",
-    "preview": "vite preview"
-  },
-  "dependencies": {
-    "@dnd-kit/core": "^6.3.1",
-    "@dnd-kit/modifiers": "^9.0.0",
-    "@dnd-kit/sortable": "^10.0.0",
-    "@dnd-kit/utilities": "^3.2.2",
-    "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.1",
-    "@fontsource/roboto": "^5.2.9",
-    "@hookform/resolvers": "^5.2.2",
-    "@mui/icons-material": "^7.3.6",
-    "@mui/material": "^7.3.6",
-    "@mui/x-date-pickers": "^8.22.0",
-    "@radix-ui/react-scroll-area": "^1.2.10",
-    "@shikijs/rehype": "^3.20.0",
-    "@tanstack/react-form": "^1.27.3",
-    "@tanstack/react-query": "^5.90.12",
-    "@tanstack/react-query-devtools": "^5.91.1",
-    "@tanstack/react-table": "^8.21.3",
-    "@tanstack/react-virtual": "^3.13.13",
-    "@toolpad/core": "^0.16.0",
-    "@tsparticles/engine": "^3.9.1",
-    "@tsparticles/preset-big-circles": "^3.2.0",
-    "@tsparticles/preset-bubbles": "^3.2.0",
-    "@tsparticles/preset-fire": "^3.2.0",
-    "@tsparticles/preset-firefly": "^3.2.0",
-    "@tsparticles/preset-fireworks": "^3.2.0",
-    "@tsparticles/preset-fountain": "^3.2.0",
-    "@tsparticles/preset-links": "^3.2.0",
-    "@tsparticles/preset-snow": "^3.2.0",
-    "@tsparticles/preset-stars": "^3.2.0",
-    "@tsparticles/react": "^3.0.0",
-    "@tsparticles/slim": "^3.9.1",
-    "axios": "^1.13.2",
-    "classnames": "^2.5.1",
-    "dayjs": "^1.11.19",
-    "dexie": "^4.2.1",
-    "dexie-react-hooks": "^4.2.0",
-    "firebase": "^12.6.0",
-    "i18next": "^25.7.2",
-    "immer": "^11.0.1",
-    "localforage": "^1.10.0",
-    "mathjs": "^15.1.0",
-    "notistack": "^3.0.2",
-    "nprogress": "^0.2.0",
-    "qrcode": "^1.5.4",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
-    "react-dropzone": "^14.3.8",
-    "react-error-boundary": "^6.0.0",
-    "react-hook-form": "^7.68.0",
-    "react-i18next": "^16.5.0",
-    "react-resizable-panels": "^3.0.6",
-    "react-router": "^7.10.1",
-    "recharts": "^3.5.1",
-    "shiki": "^3.20.0",
-    "use-immer": "^0.11.0",
-    "zod": "^4.1.13",
-    "zustand": "^5.0.9"
-  },
+  "version": "0.0.0",
+  "description": "",
+  "keywords": [],
+  "author": "",
+  "license": "MIT",
+  "packageManager": "pnpm@10.30.1+sha512.3590e550d5384caa39bd5c7c739f72270234b2f6059e13018f975c313b1eb9fefcc09714048765d4d9efe961382c312e624572c0420762bdc5d5940cdf9be73a",
   "devDependencies": {
     "@eslint/js": "^9.39.2",
-    "@types/node": "^25.0.1",
-    "@types/nprogress": "^0.2.3",
-    "@types/qrcode": "^1.5.6",
-    "@types/react": "^19.2.7",
-    "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^5.1.2",
-    "babel-plugin-react-compiler": "^1.0.0",
+    "@types/node": "^25.3.0",
+    "@vue/tsconfig": "^0.8.1",
     "eslint": "^9.39.2",
     "eslint-plugin-react-hooks": "7.0.1",
     "eslint-plugin-react-refresh": "^0.4.24",
     "globals": "^16.5.0",
-    "prettier": "^3.7.4",
+    "prettier": "^3.8.1",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.49.0",
-    "vite": "^7.2.7"
-  },
-  "packageManager": "pnpm@10.28.0+sha512.05df71d1421f21399e053fde567cea34d446fa02c76571441bfc1c7956e98e363088982d940465fd34480d4d90a0668bc12362f8aa88000a64e83d0b0e47be48"
-}
+    "typescript-eslint": "^8.49.0"
+  }
+}

packages/react-spa/package.json

@@ -0,0 +1,88 @@
+{
+  "name": "react-spa",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "description": "Haven't decided what type of website to build yet",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/yanglee2421/yanglee2421.github.io",
+    "directory": "/"
+  },
+  "homepage": "https://yanglee2421.github.io",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "build:ignore-tsc": "vite build",
+    "lint": "eslint .",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/modifiers": "^9.0.0",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@fontsource/roboto": "^5.2.9",
+    "@hookform/resolvers": "^5.2.2",
+    "@mui/icons-material": "^7.3.6",
+    "@mui/material": "^7.3.6",
+    "@mui/x-date-pickers": "^8.22.0",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@shikijs/rehype": "^3.20.0",
+    "@tanstack/react-form": "^1.27.3",
+    "@tanstack/react-query": "^5.90.12",
+    "@tanstack/react-query-devtools": "^5.91.1",
+    "@tanstack/react-table": "^8.21.3",
+    "@tanstack/react-virtual": "^3.13.13",
+    "@toolpad/core": "^0.16.0",
+    "@tsparticles/engine": "^3.9.1",
+    "@tsparticles/preset-big-circles": "^3.2.0",
+    "@tsparticles/preset-bubbles": "^3.2.0",
+    "@tsparticles/preset-fire": "^3.2.0",
+    "@tsparticles/preset-firefly": "^3.2.0",
+    "@tsparticles/preset-fireworks": "^3.2.0",
+    "@tsparticles/preset-fountain": "^3.2.0",
+    "@tsparticles/preset-links": "^3.2.0",
+    "@tsparticles/preset-snow": "^3.2.0",
+    "@tsparticles/preset-stars": "^3.2.0",
+    "@tsparticles/react": "^3.0.0",
+    "@tsparticles/slim": "^3.9.1",
+    "axios": "^1.13.2",
+    "classnames": "^2.5.1",
+    "dayjs": "^1.11.19",
+    "dexie": "^4.2.1",
+    "dexie-react-hooks": "^4.2.0",
+    "firebase": "^12.6.0",
+    "i18next": "^25.7.2",
+    "immer": "^11.0.1",
+    "localforage": "^1.10.0",
+    "mathjs": "^15.1.0",
+    "notistack": "^3.0.2",
+    "nprogress": "^0.2.0",
+    "qrcode": "^1.5.4",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "react-dropzone": "^14.3.8",
+    "react-error-boundary": "^6.0.0",
+    "react-hook-form": "^7.68.0",
+    "react-i18next": "^16.5.0",
+    "react-resizable-panels": "^3.0.6",
+    "react-router": "^7.10.1",
+    "recharts": "^3.5.1",
+    "shiki": "^3.20.0",
+    "use-immer": "^0.11.0",
+    "zod": "^4.1.13",
+    "zustand": "^5.0.9"
+  },
+  "devDependencies": {
+    "@types/nprogress": "^0.2.3",
+    "@types/qrcode": "^1.5.6",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.2",
+    "babel-plugin-react-compiler": "^1.0.0",
+    "vite": "^7.3.1"
+  }
+}