vite.config.ts

import path from "node:path";

import react from "@vitejs/plugin-react-swc";
import { configDefaults, defineConfig } from "vitest/config";
import { VitePWA } from 'vite-plugin-pwa';

// https://vitejs.dev/config/
export default defineConfig(() => ({
  define: {
    __BUILD_TIME__: JSON.stringify(new Date().toISOString()),
    __BUILD_DATE__: JSON.stringify(new Date().toISOString().split('T')[0]),
  },
  preview: {
    host: "::",
    port: 4173,
    allowedHosts: ['host.docker.internal', 'localhost', '127.0.0.1'],
  },
  server: {
    host: "::",
    port: 8080,
    allowedHosts: ['host.docker.internal', 'localhost', '127.0.0.1'],
    proxy: {
      // Proxy CDN requests to avoid CORS issues in development
      '/cdn-proxy': {
        target: 'https://cdn.divine.video',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/cdn-proxy/, ''),
        secure: true,
        configure: (proxy, _options) => {
          proxy.on('error', (err, _req, _res) => {
            console.log('proxy error', err);
          });
          proxy.on('proxyReq', (_proxyReq, req, _res) => {
            console.log('Sending Request to the Target:', req.method, req.url);
          });
          proxy.on('proxyRes', (proxyRes, req, _res) => {
            console.log('Received Response from the Target:', proxyRes.statusCode, req.url);
          });
        },
      },
      '/api/moderation/check-result': {
        target: 'https://moderation-api.divine.video',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api\/moderation\/check-result/, '/check-result'),
        secure: true,
      },
    },
  },
  build: {
    // Enable source maps for better debugging
    sourcemap: false, // Disable in production for smaller builds
    // Optimize dependencies
    commonjsOptions: {
      include: [/node_modules/]
    }
  },
  plugins: [
    react(),
VitePWA({
      registerType: 'autoUpdate',
      injectRegister: null,
      devOptions: {
        enabled: false
      },
      workbox: {
        // Disable all caching - network only
        skipWaiting: true,
        clientsClaim: true,
        navigateFallback: null,
        runtimeCaching: [],
        // Allow larger JS bundles (default 2MB is too small for this app)
        maximumFileSizeToCacheInBytes: 3 * 1024 * 1024, // 3MB
      },
      includeAssets: [
        'app_icon.png',
        'favicon.png',
        'divine-logo.svg',
        'og.png',
        'no-ai-icon.svg',
        'divine_icon_transparent.avif',
        'browserconfig.xml'
      ],
      manifest: {
        name: 'Divine Web - Short-form Looping Videos',
        short_name: 'Divine',
        description: 'Watch and share 6-second looping videos on the decentralized Nostr network.',
        theme_color: '#27C58B',
        background_color: '#09090b',
        display: 'standalone',
        orientation: 'portrait-primary',
        scope: '/',
        start_url: '/',
        categories: ['entertainment', 'video', 'social'],
        screenshots: [
          {
            src: '/screenshots/iPad 13 inch-0.avif',
            sizes: '2048x2732',
            type: 'image/avif',
            form_factor: 'wide'
          },
          {
            src: '/screenshots/iPad 13 inch-1.avif',
            sizes: '2048x2732',
            type: 'image/avif',
            form_factor: 'wide'
          },
          {
            src: '/screenshots/iPad 13 inch-2.avif',
            sizes: '2048x2732',
            type: 'image/avif',
            form_factor: 'wide'
          }
        ],
        icons: [
          {
            src: 'app_icon.png',
            sizes: '1024x1024',
            type: 'image/png',
            purpose: 'any'
          },
          {
            src: 'app_icon.png',
            sizes: '1024x1024',
            type: 'image/png',
            purpose: 'maskable'
          }
        ]
      }
    })
  ],
  test: {
    globals: true,
    environment: 'jsdom',
    setupFiles: './src/test/setup.ts',
    exclude: [...configDefaults.exclude, '**/.worktrees/**', '**/worktrees/**'],
    onConsoleLog(log) {
      return !log.includes("React Router Future Flag Warning");
    },
    env: {
      DEBUG_PRINT_LIMIT: '0', // Suppress DOM output that exceeds AI context windows
    },
  },
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "./src"),
    },
  },
}));