add PWA plugin

package.json

@@ -8,7 +8,7 @@
     "client": "pnpm client:dev",
     "client:build": "vite build",
     "server:build": "WRANGLER_LOG=info wrangler build",
-    "deploy": "CI=true vite build && wrangler deploy --minify",
+    "deploy": "CI=true; NODE_ENV=production vite build && NODE_ENV=production wrangler deploy --minify",
     "deploy:secrets": "wrangler secret bulk secrets.json",
     "deploy:email-service": "wrangler deploy --cwd workers/email",
     "deploy:analytics-service": "wrangler deploy --cwd workers/analytics",
@@ -54,6 +54,7 @@
     "typescript": "^5.7.2",
     "vike": "0.4.193",
     "vite": "^5.4.11",
+    "vite-plugin-pwa": "^1.0.0",
     "wrangler": "^4.18.0",
     "zod": "^3.23.8"
   },

vite.config.ts

@@ -1,11 +1,12 @@
 import react from "@vitejs/plugin-react";
 import vike from "vike/plugin";
-import { defineConfig } from "vite";
+import {defineConfig} from "vite";
 import * as child_process from "node:child_process";
+import {VitePWA} from 'vite-plugin-pwa';
 
 const APP_FQDN = "open-gsio.seemueller.workers.dev";
 
-export default defineConfig(({ command }) => {
+export default defineConfig(({command}) => {
     const customPlugins = [
         {
             name: "sitemap-generator",
@@ -27,7 +28,13 @@ export default defineConfig(({ command }) => {
                 prerender: true,
             }),
             react(),
-
+            // PWA plugin saves money on data transfer by caching assets on the client
+            VitePWA({
+                registerType: 'autoUpdate',
+                workbox: {
+                    globPatterns: ['**/*.{js,css,html,ico,png,svg}']
+                }
+            })
         ],
         server: {
             port: 3000,
@@ -41,38 +48,14 @@ export default defineConfig(({ command }) => {
                 },
             },
         },
+        esbuild: {
+            drop: ["console"]
+        },
         build: {
             emitAssets: false,
             sourcemap: false,
-      minify: true,
+            minify: "esbuild",
             target: ["es2020", "edge88", "firefox78", "chrome87", "safari13"],
-      rollupOptions: {
-        output: {
-          manualChunks(id: string) {
-            if (id.includes('node_modules')) {
-              // creating a chunk to react routes deps. Reducing the vendor chunk size
-              if (id.includes('shiki/dist/wasm')) {
-                return '@wasm-bundle';
-              }
-
-              if (id.includes('katex') || id.includes('marked') || id.includes('shiki')) {
-                return '@resources-bundle';
-              }
-
-
-              if (id.includes('chakra') || id.includes('emotion-react')) {
-                return '@gui-bundle';
-              }
-
-
-              if (id.includes('react-dom') || id.includes('vike') || id.includes('mobx') || id.includes('framer-motion')) {
-                return '@logic-bundle';
-              }
-              return 'vendor';
-            }
-          }
-        }
-      },
             cssMinify: true
         },
     };