add custom root ID and version numbers to enable clientside injecting.

rubenlangius · rubenlangius · commit 76b65d1b2e7a · 2024-11-13T22:40:46.000+01:00
diff --git a/index.html b/index.html
@@ -6,7 +6,7 @@
     <title>AI Documentatie</title>
   </head>
   <body>
-    <div id="root"></div>
+    <div id="AIActWizard"></div>
     <script type="module" src="/src/main.tsx"></script>
   </body>
 </html>
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
-  "name": "ai-inventory",
+  "name": "AI-Act-Questionnaires",
   "private": true,
-  "version": "0.0.0",
+  "version": "1.0.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/src/main.tsx b/src/main.tsx
@@ -10,7 +10,7 @@ import "./i18n/config";
 import "./styles/custom.scss";
 import ThemeHandler from "./components/ThemeHandler";
 
-ReactDOM.createRoot(document.getElementById("root")!).render(
+ReactDOM.createRoot(document.getElementById("AIActWizard")!).render(
   <React.StrictMode>
     <ThemeHandler>
       <App />
diff --git a/vite.config.ts b/vite.config.ts
@@ -1,5 +1,6 @@
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
+import { version } from "./package.json";
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -12,4 +13,14 @@ export default defineConfig({
       },
     },
   },
+  build: {
+    rollupOptions: {
+      output: {
+        // Format the entry file names and chunk file names with the version
+        entryFileNames: `[name]-v${version}.js`,
+        chunkFileNames: `[name]-v${version}.js`,
+        assetFileNames: `[name]-v${version}.[ext]`,
+      },
+    },
+  },
 });
