Migrate cra to vite

Bowen7 · Jul 13, 2024 · 115b40e · 115b40e
1 parent dd008e3
commit 115b40e
Show file tree

Hide file tree

Showing 13 changed files with 5,593 additions and 10,810 deletions.
diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
@@ -14,7 +14,7 @@ jobs:
       - name: setup node
         uses: actions/setup-node@v3
         with:
-          node-version: "16"
+          node-version: "18"
 
       - name: Cache pnpm modules
         uses: actions/cache@v3

diff --git a/index.html b/index.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <meta
+      name="description"
+      content="Regex visualizer & editor, make the regular expression easier."
+    />
+    <meta name="keywords" content="editor,regex,regexp,visualizer" />
+    <link rel="icon" href="/favicon.png" />
+    <title>Regex Vis</title>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+    <div id="portal"></div>
+    <!-- Cloudflare Web Analytics -->
+      <script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "f684c9449da14b2396a0a944c9acb39f"}'></script>
+    <!-- End Cloudflare Web Analytics -->
+    <script type="module" src="/src/index.tsx"></script>
+  </body>
+</html>
diff --git a/package.json b/package.json
@@ -2,38 +2,40 @@
   "name": "regex-vis",
   "version": "0.1.0",
   "private": true,
+  "type": "module",
   "dependencies": {
     "@babel/core": "^7.0.0",
     "@geist-ui/core": "^2.3.8",
     "@geist-ui/icons": "^1.0.2",
-    "@sentry/react": "^7.7.0",
-    "@sentry/tracing": "^7.7.0",
+    "@sentry/react": "^8.17.0",
     "@vercel/analytics": "^1.0.0",
+    "@vitejs/plugin-react-swc": "^3.7.0",
     "hex-rgb": "^5.0.0",
     "i18next": "^21.6.16",
     "i18next-browser-languagedetector": "^6.1.4",
     "i18next-http-backend": "^1.4.0",
     "immer": "^9.0.6",
-    "jotai": "^1.7.1",
+    "jotai": "^2.9.0",
+    "jotai-immer": "^0.4.1",
     "nanoid": "^3.1.16",
     "react": "^18.1.0",
     "react-dom": "^18.1.0",
     "react-i18next": "^11.16.7",
     "react-router-dom": "^6.3.0",
-    "react-scripts": "4.0.3",
     "react-use": "^17.4.0",
-    "styled-jsx": "^5.0.2",
-    "tilg": "^0.1.1",
-    "typescript": "^5.0.0",
+    "typescript": "^5.5.0",
+    "vite": "^5.3.3",
+    "vite-plugin-svgr": "^4.2.0",
+    "vite-tsconfig-paths": "^4.3.2",
     "web-vitals": "^3.3.0"
   },
   "scripts": {
-    "start": "react-app-rewired start",
-    "build": "react-app-rewired build",
+    "start": "vite",
+    "build": "tsc && vite build",
+    "serve": "vite preview",
     "test": "jest --config .jest.config.js --no-cache",
     "test:watch": "jest --config .jest.config.js --no-cache --watch --",
-    "test:single": "jest --config .jest.config.js --no-cache --",
-    "eject": "react-scripts eject"
+    "test:single": "jest --config .jest.config.js --no-cache --"
   },
   "eslintConfig": {
     "extends": "react-app"
@@ -54,7 +56,6 @@
     "@babel/preset-env": "^7.14.2",
     "@babel/preset-react": "^7.14.5",
     "@babel/preset-typescript": "^7.14.5",
-    "@svgr/webpack": "^5.5.0",
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^14.0.0",
     "@types/jest": "^26.0.13",
@@ -64,13 +65,10 @@
     "@types/styled-jsx": "^2.2.8",
     "@types/testing-library__jest-dom": "^5.14.4",
     "babel-plugin-import": "^1.13.3",
-    "customize-cra": "^1.0.0",
-    "jest": "^26.6.0",
+    "jest": "26.6.0",
     "jest-canvas-mock": "^2.5.0",
-    "react-app-rewired": "^2.1.6",
     "regenerator-runtime": "^0.14.0",
     "ts-jest": "^26.5.6",
-    "ts-node": "^10.0.0",
-    "webpack-bundle-analyzer": "^4.8.0"
+    "ts-node": "^10.0.0"
   }
 }