import { defineConfig, loadEnv } from "vite"; import react from "@vitejs/plugin-react"; import { VitePWA } from "vite-plugin-pwa"; import * as path from "path"; import { execSync } from "node:child_process"; const envPath = path.resolve(process.cwd(), "..", ".."); // Resolve the version string shown in the UI. // Priority: explicit APP_VERSION env (injected by Docker/CI, where .git is absent), // then `git describe` for local builds, then the package.json version as a fallback. function resolveAppVersion(cwd: string): string { const fromEnv = process.env.APP_VERSION?.trim(); if (fromEnv) return fromEnv; try { return execSync("git describe --tags --always", { cwd, stdio: ["ignore", "pipe", "ignore"], }) .toString() .trim(); } catch { return `v${process.env.npm_package_version ?? "0.0.0"}`; } } export default defineConfig(({ mode }) => { const { APP_URL, FILE_UPLOAD_SIZE_LIMIT, FILE_IMPORT_SIZE_LIMIT, DRAWIO_URL, CLOUD, SUBDOMAIN_HOST, COLLAB_URL, BILLING_TRIAL_DAYS, POSTHOG_HOST, POSTHOG_KEY, } = loadEnv(mode, envPath, ""); return { define: { "process.env": { APP_URL, FILE_UPLOAD_SIZE_LIMIT, FILE_IMPORT_SIZE_LIMIT, DRAWIO_URL, CLOUD, SUBDOMAIN_HOST, COLLAB_URL, BILLING_TRIAL_DAYS, POSTHOG_HOST, POSTHOG_KEY, }, APP_VERSION: JSON.stringify(resolveAppVersion(envPath)), }, plugins: [ react(), VitePWA({ registerType: "prompt", injectRegister: null, strategies: "generateSW", manifest: false, workbox: { globPatterns: ["**/*.{js,css,html,svg,png,ico,woff2,json}"], navigateFallback: "index.html", // Segment-anchored (`^/(/|$)`) so navigation requests to these // segments are consistently excluded from the SPA fallback, mirroring // the runtimeCaching urlPattern regexes below. navigateFallbackDenylist: [/^\/api(\/|$)/, /^\/collab(\/|$)/, /^\/socket\.io(\/|$)/], cleanupOutdatedCaches: true, clientsClaim: true, // The urlPattern regexes below mirror apps/client/src/pwa/sw-strategy.ts // and MUST be kept in sync with it. Workbox `generateSW` serializes these // functions standalone into the generated service worker, so they cannot // import the module — the matching logic is intentionally duplicated as // self-contained inline regex literals anchored to a path segment boundary. runtimeCaching: [ { urlPattern: ({ url }) => /^\/(collab|socket\.io)(\/|$)/.test(url.pathname), handler: "NetworkOnly" }, // M2 read-path: GET navigation API responses fall back to cache when offline. // Only GET is cached; mutations always hit the network (Workbox caching handlers // only match GET by default, but scope explicitly for clarity/safety). { urlPattern: ({ url, request }) => /^\/api(\/|$)/.test(url.pathname) && request.method === "GET", handler: "NetworkFirst", options: { cacheName: "api-get-cache", networkTimeoutSeconds: 5, expiration: { maxEntries: 200, maxAgeSeconds: 60 * 60 * 24 }, }, }, // Any non-GET /api stays network-only (never served stale). { urlPattern: ({ url }) => /^\/api(\/|$)/.test(url.pathname), handler: "NetworkOnly" }, ], }, devOptions: { enabled: false }, }), ], build: { rolldownOptions: { output: { advancedChunks: { groups: [ { name: "vendor-mantine", test: /[\\/]node_modules[\\/]@mantine[\\/]/, }, ], }, }, }, }, resolve: { alias: { "@": "/src", }, }, server: { proxy: { "/api": { target: APP_URL, changeOrigin: false, }, "/socket.io": { target: APP_URL, ws: true, rewriteWsOrigin: true, }, "/collab": { target: APP_URL, ws: true, rewriteWsOrigin: true, }, }, }, }; });