pwa and mobile client

2026-09-29 15:55:25 +03:00
parent 657009bd6c
commit 1935acf2ff
96 changed files with 8370 additions and 58 deletions
@@ -0,0 +1,90 @@
+import react from '@vitejs/plugin-react';
+import { defineConfig, loadEnv, type Plugin, type ProxyOptions } from 'vite';
+import { VitePWA } from 'vite-plugin-pwa';
+
+// Web build: public at https://dev.aggtaa.com/m/, the reverse proxy strips "/m" (X-Forwarded-Prefix).
+// Capacitor build (--mode capacitor): served from the app bundle root.
+//
+// Env (mobile-client/.env or process env):
+//   PORT           dev/preview server port                    (default 10003)
+//   ALLOWED_HOSTS  comma-separated public host names          (default dev.aggtaa.com)
+//   BACKEND_URL    local dev only: server-be address           (default http://127.0.0.1:10002)
+const WEB_BASE = '/m/';
+
+/** The proxy strips /m; put it back so Vite's base-aware dev and preview servers find the files. */
+function restoreStrippedBase(): Plugin {
+  const rewrite = (req: { url?: string }, _res: unknown, next: () => void) => {
+    const url = req.url ?? '/';
+    if (!url.startsWith(WEB_BASE) && !url.startsWith('/api/') && url !== '/api') req.url = WEB_BASE.slice(0, -1) + url;
+    next();
+  };
+  return {
+    name: 'cardy-restore-stripped-base',
+    configureServer: (server) => void server.middlewares.use(rewrite),
+    configurePreviewServer: (server) => void server.middlewares.use(rewrite),
+  };
+}
+
+export default defineConfig(({ mode }) => {
+  const env = loadEnv(mode, process.cwd(), '');
+  const capacitor = mode === 'capacitor';
+
+  // Local development without the reverse proxy: /api/* -> server-be with /api stripped.
+  const proxy: Record<string, ProxyOptions> = {
+    '/api': {
+      target: env.BACKEND_URL || 'http://127.0.0.1:10002',
+      rewrite: (path) => path.replace(/^\/api/, '') || '/',
+      headers: { 'X-Forwarded-Prefix': '/api' },
+    },
+  };
+  const server = {
+    host: true,
+    port: Number(env.PORT) || 10003,
+    strictPort: true,
+    allowedHosts: (env.ALLOWED_HOSTS || 'dev.aggtaa.com').split(',').map((h) => h.trim()),
+    proxy,
+  };
+
+  return {
+    base: capacitor ? './' : WEB_BASE,
+    plugins: [
+      react(),
+      restoreStrippedBase(),
+      VitePWA({
+        disable: capacitor,
+        registerType: 'autoUpdate',
+        injectRegister: 'auto',
+        includeAssets: ['icon.svg'],
+        manifest: {
+          name: 'Cardy',
+          short_name: 'Cardy',
+          description: 'Discount cards',
+          theme_color: '#0f1115',
+          background_color: '#0f1115',
+          display: 'standalone',
+          orientation: 'portrait',
+          start_url: '.',
+          scope: '.',
+          icons: [
+            { src: 'icon.svg', sizes: 'any', type: 'image/svg+xml', purpose: 'any' },
+            { src: 'icon.svg', sizes: 'any', type: 'image/svg+xml', purpose: 'maskable' },
+          ],
+        },
+        workbox: {
+          globPatterns: ['**/*.{js,css,html,svg,wasm,webmanifest}'],
+          // bwip-js and the zxing wasm module are large but needed offline.
+          maximumFileSizeToCacheInBytes: 8 * 1024 * 1024,
+          navigateFallback: 'index.html',
+          navigateFallbackDenylist: [/^\/api(\/|$)/],
+        },
+      }),
+    ],
+    build: {
+      outDir: capacitor ? 'dist-capacitor' : 'dist',
+      emptyOutDir: true,
+      chunkSizeWarningLimit: 1100,
+    },
+    server,
+    preview: server,
+  };
+});