crowd-funder-for-time-pwa/vite.config.web.mts

import { defineConfig, mergeConfig } from "vite";
import { VitePWA } from "vite-plugin-pwa";
import { createBuildConfig } from "./vite.config.common.mts";
import { loadAppConfig } from "./vite.config.utils.mts";

export default defineConfig(async () => {
  const baseConfig = await createBuildConfig('web');
  const appConfig = await loadAppConfig();

  return mergeConfig(baseConfig, {
    server: {
      headers: {
        // Enable SharedArrayBuffer for absurd-sql
        'Cross-Origin-Opener-Policy': 'same-origin',
        'Cross-Origin-Embedder-Policy': 'require-corp'
      }
    },
    plugins: [
      VitePWA({
        registerType: 'autoUpdate',
        manifest: appConfig.pwaConfig?.manifest,
        devOptions: {
          enabled: false
        },
        workbox: {
          cleanupOutdatedCaches: true,
          skipWaiting: true,
          clientsClaim: true,
          sourcemap: true,
          maximumFileSizeToCacheInBytes: 10 * 1024 * 1024 // 10MB
        }
      })
    ]
  });
});