prelöoad experiment

vite.config.js

@@ -1,38 +1,104 @@
+import fs from 'node:fs';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
+import { VitePWA } from 'vite-plugin-pwa';
 
-export default defineConfig({
-  plugins: [react()],
-  server: {
-    port: 4209,
-    allowedHosts: true,
-    proxy: {
-      '/api': {
-        target: 'http://localhost:4208',
-        changeOrigin: true,
-        cookieDomainRewrite: '',
-        configure(proxy) {
-          proxy.on('proxyRes', (proxyRes, req) => {
-            const raw = proxyRes.headers['set-cookie'];
-            if (!raw) {
-              console.log('[vite-proxy]', req.method, req.url, {
-                status: proxyRes.statusCode,
-                setCookie: '(none)',
-              });
-              return;
-            }
-            // Backend sets Secure; WebView on http://LAN-IP will refuse it.
-            const rewritten = (Array.isArray(raw) ? raw : [raw]).map((c) =>
-              c.replace(/;\s*Secure/gi, ''),
-            );
-            proxyRes.headers['set-cookie'] = rewritten;
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const useHttps = process.env.VITE_HTTPS === '1';
+const certDir = path.resolve(__dirname, 'certs');
+const keyPath = path.join(certDir, 'key.pem');
+const certPath = path.join(certDir, 'cert.pem');
+
+function httpsOptions() {
+  if (!useHttps) return false;
+  if (!fs.existsSync(keyPath) || !fs.existsSync(certPath)) {
+    throw new Error(
+      'Missing TLS certs. Run: npm run cert  (or ./scripts/generate-cert.sh)',
+    );
+  }
+  return {
+    key: fs.readFileSync(keyPath),
+    cert: fs.readFileSync(certPath),
+  };
+}
+
+const sharedServer = {
+  // HTTP :4209 — HTTPS :4308 (self-signed; see npm run cert / dev:https)
+  port: useHttps ? 4308 : 4209,
+  https: httpsOptions(),
+  allowedHosts: true,
+  proxy: {
+    '/api': {
+      target: 'http://localhost:4208',
+      changeOrigin: true,
+      cookieDomainRewrite: '',
+      configure(proxy) {
+        proxy.on('proxyRes', (proxyRes, req) => {
+          const raw = proxyRes.headers['set-cookie'];
+          if (!raw) {
             console.log('[vite-proxy]', req.method, req.url, {
               status: proxyRes.statusCode,
-              setCookie: rewritten,
+              setCookie: '(none)',
             });
+            return;
+          }
+          let cookies = Array.isArray(raw) ? raw : [raw];
+          // Backend sets Secure; browsers/WebViews on plain HTTP refuse it.
+          if (!useHttps) {
+            cookies = cookies.map((c) => c.replace(/;\s*Secure/gi, ''));
+            proxyRes.headers['set-cookie'] = cookies;
+          }
+          console.log('[vite-proxy]', req.method, req.url, {
+            status: proxyRes.statusCode,
+            setCookie: cookies,
           });
-        },
+        });
       },
     },
   },
+};
+
+export default defineConfig({
+  plugins: [
+    react(),
+    VitePWA({
+      registerType: 'autoUpdate',
+      manifest: {
+        id: '/',
+        name: 'Dashfront',
+        short_name: 'Dashfront',
+        start_url: '/',
+        scope: '/',
+        display: 'standalone',
+        background_color: '#dceeea',
+        theme_color: '#3b5bdb',
+        icons: [
+          {
+            src: '/icons/icon-192.png',
+            sizes: '192x192',
+            type: 'image/png',
+          },
+          {
+            src: '/icons/icon-512.png',
+            sizes: '512x512',
+            type: 'image/png',
+          },
+          {
+            src: '/icons/icon-512.png',
+            sizes: '512x512',
+            type: 'image/png',
+            purpose: 'maskable',
+          },
+        ],
+      },
+      workbox: {
+        globPatterns: ['**/*.{js,css,html,ico,png,svg,webmanifest,woff2}'],
+        navigateFallback: 'index.html',
+      },
+    }),
+  ],
+  server: sharedServer,
+  preview: sharedServer,
 });