vite migration wip

karlkeefer · Jun 27, 2023 · 76817df · 76817df
1 parent bca43b9
commit 76817df
Show file tree

Hide file tree

Showing 8 changed files with 7,518 additions and 1,808 deletions.
diff --git a/nginx/nginx.conf b/nginx/nginx.conf
@@ -31,7 +31,7 @@ http {
       proxy_set_header X-Forwarded-Host $server_name;
     }
 
-    location /sockjs-node {
+    location /vite-development-wss {
       proxy_pass http://react;
       proxy_redirect off;
       proxy_http_version 1.1;

diff --git a/react/package-lock.json b/react/package-lock.json
diff --git a/react/package.json b/react/package.json
@@ -10,7 +10,6 @@
     "react-dom": "^16.14.0",
     "react-helmet": "^6.1.0",
     "react-router-dom": "^6.8.1",
-    "react-scripts": "^5.0.1",
     "sanitize.css": "^13.0.0",
     "semantic-ui-react": "2.1.3",
     "typescript": "^4.8.4"
@@ -21,10 +20,9 @@
     }
   },
   "scripts": {
-    "start": "craco start",
-    "build": "craco build",
-    "test": "craco test",
-    "eject": "craco eject",
+    "start": "vite",
+    "build": "tsc && vite build",
+    "serve": "vite preview",
     "lint": "eslint src"
   },
   "browserslist": [
@@ -47,6 +45,7 @@
     "@types/react-helmet": "^6.1.5",
     "@types/react-router": "^5.1.20",
     "@types/react-router-dom": "^5.3.3",
+    "@vitejs/plugin-react": "^4.0.1",
     "bufferutil": "^4.0.6",
     "eslint-import-resolver-typescript": "^2.7.1",
     "eslint-plugin-import": "^2.26.0",
@@ -56,6 +55,9 @@
     "ts-node": "^10.9.1",
     "type-fest": "^0.13.1",
     "utf-8-validate": "^5.0.9",
+    "vite": "^4.3.9",
+    "vite-plugin-svgr": "^3.2.0",
+    "vite-tsconfig-paths": "^4.2.0",
     "webpack-hot-middleware": "^2.25.2",
     "webpack-plugin-serve": "^1.6.0"
   }

diff --git a/react/public/index.html b/react/public/index.html
diff --git a/react/src/index.html b/react/src/index.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta name="theme-color" content="#000000">
+  <link rel="manifest" href="/manifest.json">
+  <link rel="shortcut icon" href="/favicon.ico">
+  <title>PNGR</title>
+</head>
+
+<body>
+  <noscript>
+    You need to enable JavaScript to run this app.
+  </noscript>
+  <div id="root"></div>
+  <script type="module" src="/src/index.tsx"></script>
+</body>
+
+</html>
diff --git a/react/src/vite-env.d.ts b/react/src/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/react/tsconfig.json b/react/tsconfig.json
@@ -2,12 +2,16 @@
   "compilerOptions": {
     "baseUrl": "./src",
     "jsx": "react-jsx",
-    "target": "es5",
+    "target": "ESNext",
     "lib": [
       "dom",
       "dom.iterable",
       "esnext"
     ],
+    "types": [
+      "vite/client",
+      "vite-plugin-svgr/client"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "esModuleInterop": true,

diff --git a/react/vite.config.ts b/react/vite.config.ts
@@ -0,0 +1,18 @@
+import react from "@vitejs/plugin-react";
+import { defineConfig } from "vite";
+import svgrPlugin from "vite-plugin-svgr";
+import viteTsconfigPaths from "vite-tsconfig-paths";
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [react(), viteTsconfigPaths(), svgrPlugin()],
+  server: {
+    host: true,
+    port: 3000,
+    hmr: {
+      host: 'localhost',
+      protocol: 'wss',
+      path: '/vite-development-wss'
+    }
+  },
+});