Fixed production and started pwa support

code/client/package.json

@@ -61,6 +61,7 @@
     "sass": "^1.77.0",
     "typescript": "^5.5.2",
     "vite": "^5.2.11",
+    "vite-plugin-pwa": "^0.20.0",
     "vite-tsconfig-paths": "^4.3.2",
     "vitest": "^1.6.0"
   }

code/client/public/robots.txt

@@ -1,3 +1,3 @@
 # https://www.robotstxt.org/robotstxt.html
 User-agent: *
-Disallow:
+Allow: /

code/client/src/pwa/manifest-config.ts

@@ -0,0 +1,22 @@
+import {ManifestOptions} from "vite-plugin-pwa";
+
+const manifestConfig : Partial<ManifestOptions> = {
+    name: 'NoteSpace',
+    short_name: 'NoteSpace',
+    description: 'A multiplatform note management and sharing app',
+    theme_color: '#ffffff',
+    icons: [
+        {
+            src: '/assets/icon.png',
+            sizes: '192x192',
+            type: 'image/png',
+        },
+        {
+            src: '/assets/icon.png',
+            sizes: '512x512',
+            type: 'image/png',
+        },
+    ],
+}
+
+export default manifestConfig;

code/client/src/pwa/pwa-config.ts

@@ -0,0 +1,11 @@
+import {VitePWAOptions} from "vite-plugin-pwa";
+//import manifestConfig from "./manifest-config";
+
+const pwaConfig : Partial<VitePWAOptions> = {
+    registerType: 'autoUpdate',
+    //manifest: manifestConfig,
+    //devOptions: {
+      //  enabled: true,
+    //}
+}
+export default pwaConfig;

code/client/vite.config.ts

@@ -5,6 +5,8 @@ import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
 import tsconfigPaths from 'vite-tsconfig-paths';
 import { config } from 'dotenv';
+import {VitePWA} from "vite-plugin-pwa";
+import pwaConfig from "./src/pwa/pwa-config";
 
 // Load environment variables from .env file
 config();
@@ -14,26 +16,11 @@ export default defineConfig({
   server: {
     port: Number.parseInt(process.env.VITE_PORT) || 5173,
   },
-  plugins: [tsconfigPaths(), react()],
-  build: {
-    // Enable sourcemaps if needed
-    // sourcemap: true,
-    rollupOptions: {
-      output: {
-        manualChunks: (id: string) => {
-          if (id.includes('node_modules')) {
-            if (id.includes('react')) return 'react';
-            if (id.includes('slate')) return 'slate';
-            return 'vendor';
-          }
-          if (id.includes('src')) return 'app';
-        },
-        entryFileNames: 'assets/[name].js',
-        chunkFileNames: 'assets/[name].js',
-        assetFileNames: 'assets/[name].[ext]',
-      },
-    },
-  },
+  plugins: [
+    tsconfigPaths(),
+    react(),
+    VitePWA(pwaConfig)
+  ],
   test: {
     globals: true,
     alias: {