vite.config.ts

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react-swc";
import path from "path";
import { componentTagger } from "lovable-tagger";
import { VitePWA } from "vite-plugin-pwa";

// https://vitejs.dev/config/
export default defineConfig(({ mode }) => ({
  base: './',
  server: {
    host: "0.0.0.0",
    port: 5000,
    allowedHosts: true,
    hmr: {
      overlay: false,
    },
    watch: {
      ignored: ["**/.cache/**"],
    },
    headers: {
      'Cross-Origin-Embedder-Policy': 'credentialless',
      'Cross-Origin-Opener-Policy': 'same-origin',
    },
    proxy: {
      '/api/replit': {
        target: 'http://localhost:3001',
        changeOrigin: true,
        ws: true,
      },
      '/api/preview': {
        target: 'http://localhost:3001',
        changeOrigin: true,
        ws: true,
      },
      '/api/proxy': {
        target: 'http://localhost:3001',
        changeOrigin: true,
      },
      '/api/supabase': {
        target: 'http://localhost:3001',
        changeOrigin: true,
      },
      '/api/token': {
        target: 'http://localhost:3001',
        changeOrigin: true,
      },
      '/api/discord': {
        target: 'http://localhost:3001',
        changeOrigin: true,
      },
    },
  },
  plugins: [
    react(),
    mode === "development" && componentTagger(),
    VitePWA({
      injectRegister: null,
      registerType: "autoUpdate",
      devOptions: { enabled: false },
      workbox: {
        maximumFileSizeToCacheInBytes: 20 * 1024 * 1024,
        // Ensure a newly-deployed SW immediately replaces any stale shell that
        // doesn't know about freshly-added routes (e.g. /auth-bridge).
        skipWaiting: true,
        clientsClaim: true,
        cleanupOutdatedCaches: true,
        // SPA fallback: serve index.html for any navigation that doesn't map
        // to a precached file so React Router can match the route client-side.
        navigateFallback: "index.html",
        navigateFallbackDenylist: [
          /^\/~oauth/,
          /^\/auth-bridge/,
          /^\/auth-link/,
          /^\/auth-logout/,
          /^\/auth-callback/,
          /^\/reset-password/,
        ],
        runtimeCaching: [
          {
            urlPattern: /^https:\/\/fonts\.googleapis\.com\/.*/i,
            handler: "CacheFirst",
            options: { cacheName: "google-fonts-cache", expiration: { maxEntries: 10, maxAgeSeconds: 60 * 60 * 24 * 365 } },
          },
          {
            urlPattern: /^https:\/\/fonts\.gstatic\.com\/.*/i,
            handler: "CacheFirst",
            options: { cacheName: "gstatic-fonts-cache", expiration: { maxEntries: 30, maxAgeSeconds: 60 * 60 * 24 * 365 } },
          },
          {
            urlPattern: /^https:\/\/cdn\.jsdelivr\.net\/pyodide\/.*/i,
            handler: "CacheFirst",
            options: {
              cacheName: "pyodide-cache",
              expiration: { maxEntries: 50, maxAgeSeconds: 60 * 60 * 24 * 30 },
            },
          },
        ],
      },
      includeAssets: ["favicon.ico", "placeholder.svg", "robots.txt", "pwa-192x192.png", "pwa-512x512.png"],
      manifest: {
        name: "Canvas IDE",
        short_name: "Canvas",
        description: "Build, code, and create — online or offline",
        theme_color: "#1a1d27",
        background_color: "#1a1d27",
        display: "standalone",
        start_url: ".",
        icons: [
          { src: "./pwa-192x192.png", sizes: "192x192", type: "image/png" },
          { src: "./pwa-512x512.png", sizes: "512x512", type: "image/png" },
          { src: "./pwa-512x512.png", sizes: "512x512", type: "image/png", purpose: "any maskable" },
        ],
      },
    }),
  ].filter(Boolean),
  define: {
    ...(process.env.VITE_DEPLOY_PLATFORM !== undefined && {
      'import.meta.env.VITE_DEPLOY_PLATFORM': JSON.stringify(process.env.VITE_DEPLOY_PLATFORM),
    }),
  },
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "./src"),
    },
  },
}));