pwaLUPMIS2/vite.config.js

/**
 * Vite Configuration
 *
 * Configures:
 * - Cross-origin isolation headers (required for OPFS/SQLite)
 * - Worker bundling
 */

import { defineConfig } from 'vite';

export default defineConfig({
  // Development server configuration
  server: {
    headers: {
      // Required for OPFS (Origin Private File System) access
      'Cross-Origin-Opener-Policy': 'same-origin',
      'Cross-Origin-Embedder-Policy': 'require-corp',
    },
    // In production the PWA host proxies /api to the ApiEngine container, so
    // the app calls the API with a relative path. The dev server is not behind
    // that proxy, so it forwards /api to the public host — which is correct
    // here because a developer's machine is outside the server, and only
    // callers inside it are blocked from using the public name.
    proxy: {
      '/api': {
        target: 'https://api.lupmis4luspa.org',
        changeOrigin: true,
        secure: true,
      },
    },
  },

  // Preview server (npm run preview) configuration
  preview: {
    headers: {
      'Cross-Origin-Opener-Policy': 'same-origin',
      'Cross-Origin-Embedder-Policy': 'require-corp',
    },
  },

  // Build configuration
  build: {
    // Generate source maps for debugging
    sourcemap: true,

    // Target modern browsers that support OPFS
    target: 'esnext',

    // Raise the chunk-size warning threshold.
    // Rationale: the two largest chunks are unavoidable —
    //   • openlayers (~535 kB / ~152 kB gzipped) — the OL library itself,
    //     used app-wide; further splitting just creates more HTTP round-trips
    //   • sqlite3.wasm (~856 kB) — a runtime WASM binary, not a JS chunk;
    //     code-splitting does not apply
    // 900 kB silences the noise without hiding genuine regressions.
    chunkSizeWarningLimit: 900,

    rollupOptions: {
      output: {
        manualChunks(id) {
          // pako (zlib) is pulled in by BOTH geotiff and jspdf (via fast-png).
          // Without its own chunk, Rollup assigns it to one of them and the two
          // chunks reference each other ("Circular chunk: jspdf -> geotiff").
          if (id.includes('node_modules/pako/')) return 'pako';
          // Vite's preload helper (the `__vitePreload` used by every dynamic
          // import()) is a virtual module with no node_modules path, so Rollup
          // is free to park it in whichever chunk it likes — it used to land in
          // the geotiff chunk. The entry needs the helper at startup, so that
          // made the browser preload all ~257 kB of geotiff.js on every visit,
          // defeating the lazy rule below. Give the helper a chunk of its own
          // (~1 kB) so the entry pulls in only that.
          if (id.includes('vite/preload-helper')) return 'vite-helpers';
          // Turf.js — only needed when the Analysis panel is opened, which
          // main.js imports dynamically. Keep it out of the eager bundle.
          if (id.includes('node_modules/@turf/')) return 'turf';
          // geotiff.js + the OL modules that use it — only needed when the user
          // opens a Cloud-Optimized GeoTIFF layer, which MapView.addCOGLayer()
          // imports dynamically. Must be tested BEFORE the generic ol/ rule so
          // it isn't swallowed into the eagerly-loaded openlayers chunk.
          if (id.includes('node_modules/geotiff/') ||
              id.includes('node_modules/ol/source/GeoTIFF') ||
              id.includes('node_modules/ol/layer/WebGLTile')) return 'geotiff';
          if (id.includes('node_modules/ol/')) return 'openlayers';
          if (id.includes('node_modules/ol-ext/')) return 'ol-ext';
          if (id.includes('node_modules/bootstrap/')) return 'bootstrap';
          // shpjs — dynamically imported at runtime (main.js), so this chunk is
          // only fetched when the user imports a shapefile. Writing shapefiles
          // needs no dependency at all (src/shapefile-write.js), and shpjs 6
          // unzips with but-unzip, so nothing here reaches JSZip any more.
          if (id.includes('node_modules/shpjs/')) return 'shpjs';
          if (id.includes('node_modules/jspdf')) return 'jspdf';
        },
      },
    },
  },

  // Worker configuration
  worker: {
    format: 'es',
  },

  // Dependency optimization
  optimizeDeps: {
    exclude: ['sqlocal'],
  },
});