Migrate to vite #220

GeoWerkstatt · Oct 10, 2024 · d167c4d · d167c4d
2 parents a12d8fc + 12ae1de
commit d167c4d
Show file tree

Hide file tree

Showing 21 changed files with 9,811 additions and 31,781 deletions.
diff --git a/src/ILICheck.Web/ClientApp/index.html b/src/ILICheck.Web/ClientApp/index.html
@@ -0,0 +1,17 @@
+<!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="icon" href="/favicon.ico" />
+    <link rel="shortcut icon" href="/favicon.ico">
+  </head>
+  <body>
+    <noscript>
+      You need to enable JavaScript to run this app.
+    </noscript>
+    <div id="root"></div>
+    <script type="module" src="/src/index.jsx"></script>
+  </body>
+</html>
diff --git a/src/ILICheck.Web/ClientApp/package-lock.json b/src/ILICheck.Web/ClientApp/package-lock.json
diff --git a/src/ILICheck.Web/ClientApp/package.json b/src/ILICheck.Web/ClientApp/package.json
@@ -2,6 +2,7 @@
   "name": "interlis-web-check-service",
   "version": "0.1.0",
   "private": true,
+  "type": "module",
   "dependencies": {
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^11.2.7",
@@ -19,10 +20,10 @@
     "web-vitals": "^1.1.2"
   },
   "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject",
+    "dev": "vite",
+    "preview": "vite preview",
+    "build": "vite build",
+    "test": "vitest",
     "lint": "eslint ./src/"
   },
   "eslintConfig": {
@@ -38,19 +39,8 @@
       "prettier"
     ]
   },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
   "devDependencies": {
+    "@vitejs/plugin-react": "^4.3.2",
     "eslint": "^7.32.0",
     "eslint-config-prettier": "^8.6.0",
     "eslint-config-react-app": "^6.0.0",
@@ -59,7 +49,9 @@
     "eslint-plugin-jsx-a11y": "^6.7.1",
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-react": "^7.32.2",
+    "jsdom": "^25.0.1",
     "license-checker": "^25.0.1",
-    "react-scripts": "^5.0.1"
+    "vite": "^5.4.8",
+    "vitest": "^2.1.2"
   }
 }
diff --git a/src/ILICheck.Web/ClientApp/public/index.html b/src/ILICheck.Web/ClientApp/public/index.html
diff --git a/src/ILICheck.Web/ClientApp/src/about.js → src/ILICheck.Web/ClientApp/src/about.jsx b/src/ILICheck.Web/ClientApp/src/about.js → src/ILICheck.Web/ClientApp/src/about.jsx
diff --git a/src/ILICheck.Web/ClientApp/src/app.js → src/ILICheck.Web/ClientApp/src/app.jsx b/src/ILICheck.Web/ClientApp/src/app.js → src/ILICheck.Web/ClientApp/src/app.jsx
diff --git a/...ICheck.Web/ClientApp/src/bannerContent.js → ...Check.Web/ClientApp/src/bannerContent.jsx b/...ICheck.Web/ClientApp/src/bannerContent.js → ...Check.Web/ClientApp/src/bannerContent.jsx
diff --git a/src/ILICheck.Web/ClientApp/src/dropzone.js → src/ILICheck.Web/ClientApp/src/dropzone.jsx b/src/ILICheck.Web/ClientApp/src/dropzone.js → src/ILICheck.Web/ClientApp/src/dropzone.jsx
diff --git a/src/ILICheck.Web/ClientApp/src/footer.js → src/ILICheck.Web/ClientApp/src/footer.jsx b/src/ILICheck.Web/ClientApp/src/footer.js → src/ILICheck.Web/ClientApp/src/footer.jsx
diff --git a/src/ILICheck.Web/ClientApp/src/header.js → src/ILICheck.Web/ClientApp/src/header.jsx b/src/ILICheck.Web/ClientApp/src/header.js → src/ILICheck.Web/ClientApp/src/header.jsx
diff --git a/src/ILICheck.Web/ClientApp/src/home.js → src/ILICheck.Web/ClientApp/src/home.jsx b/src/ILICheck.Web/ClientApp/src/home.js → src/ILICheck.Web/ClientApp/src/home.jsx
diff --git a/src/ILICheck.Web/ClientApp/src/index.js → src/ILICheck.Web/ClientApp/src/index.jsx b/src/ILICheck.Web/ClientApp/src/index.js → src/ILICheck.Web/ClientApp/src/index.jsx
diff --git a/...LICheck.Web/ClientApp/src/infoCarousel.js → ...ICheck.Web/ClientApp/src/infoCarousel.jsx b/...LICheck.Web/ClientApp/src/infoCarousel.js → ...ICheck.Web/ClientApp/src/infoCarousel.jsx
diff --git a/src/ILICheck.Web/ClientApp/src/logDisplay.js → ...ILICheck.Web/ClientApp/src/logDisplay.jsx b/src/ILICheck.Web/ClientApp/src/logDisplay.js → ...ILICheck.Web/ClientApp/src/logDisplay.jsx
diff --git a/...heck.Web/ClientApp/src/logDisplayEntry.js → ...eck.Web/ClientApp/src/logDisplayEntry.jsx b/...heck.Web/ClientApp/src/logDisplayEntry.js → ...eck.Web/ClientApp/src/logDisplayEntry.jsx
diff --git a/src/ILICheck.Web/ClientApp/src/logHierarchy.test.js b/src/ILICheck.Web/ClientApp/src/logHierarchy.test.js
@@ -1,4 +1,4 @@
-import { describe, expect, test } from "@jest/globals";
+import { describe, expect, test } from "vitest";
 import { createLogHierarchy } from "./logHierarchy";
 
 describe("transform log data to hierarchy", () => {

diff --git a/...LICheck.Web/ClientApp/src/modalContent.js → ...ICheck.Web/ClientApp/src/modalContent.jsx b/...LICheck.Web/ClientApp/src/modalContent.js → ...ICheck.Web/ClientApp/src/modalContent.jsx
diff --git a/src/ILICheck.Web/ClientApp/src/protokoll.js → src/ILICheck.Web/ClientApp/src/protokoll.jsx b/src/ILICheck.Web/ClientApp/src/protokoll.js → src/ILICheck.Web/ClientApp/src/protokoll.jsx
diff --git a/src/ILICheck.Web/ClientApp/src/title.js → src/ILICheck.Web/ClientApp/src/title.jsx b/src/ILICheck.Web/ClientApp/src/title.js → src/ILICheck.Web/ClientApp/src/title.jsx
diff --git a/src/ILICheck.Web/ClientApp/vite.config.js b/src/ILICheck.Web/ClientApp/vite.config.js
@@ -0,0 +1,22 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+
+export default defineConfig({
+  build: {
+    outDir: "build",
+  },
+  plugins: [react()],
+  server: {
+    port: 3000,
+  },
+  test: {
+    globals: true,
+    environment: "jsdom",
+    css: true,
+    coverage: {
+      reporter: ["text", "json", "html"],
+      include: ["src/**/*"],
+      exclude: [],
+    },
+  },
+});
diff --git a/src/ILICheck.Web/Startup.cs b/src/ILICheck.Web/Startup.cs
@@ -6,7 +6,6 @@
 using Microsoft.AspNetCore.Mvc.Versioning;
 using Microsoft.AspNetCore.Routing;
 using Microsoft.AspNetCore.Server.Kestrel.Core;
-using Microsoft.AspNetCore.SpaServices.ReactDevelopmentServer;
 using Microsoft.Extensions.Configuration;
 using Microsoft.Extensions.DependencyInjection;
 using Microsoft.Extensions.Hosting;
@@ -175,7 +174,7 @@ public void Configure(IApplicationBuilder app, IWebHostEnvironment env, ILoggerF
 
                 if (env.IsDevelopment())
                 {
-                    spa.UseReactDevelopmentServer(npmScript: "start");
+                    spa.UseProxyToSpaDevelopmentServer("http://localhost:3000");
                 }
             });
         }