import { defineConfig, loadEnv } from 'vite'
import react from '@vitejs/plugin-react'
import { VitePWA } from 'vite-plugin-pwa'

// Use relative base so built assets load correctly from filesystem/Electron
// Ports are defined in the root .env file (PORT_FRONTEND_DEV, PORT_BACKEND)
export default defineConfig(({ mode }) => {
  const env = loadEnv(mode, '../', '')
  const isElectron = process.env.ELECTRON === '1'

  return {
    base: isElectron ? './' : '/',
    plugins: [
      react(),
      // PWA disabled for Electron builds
      !isElectron && VitePWA({
        registerType: 'autoUpdate',
        injectRegister: 'auto',
        includeAssets: ['icons/icon.svg'],
        manifest: {
          name: 'Project Hub',
          short_name: 'Project Hub',
          description: 'All your projects, one place',
          theme_color: '#090910',
          background_color: '#090910',
          display: 'standalone',
          start_url: '/',
          scope: '/',
          orientation: 'any',
          icons: [
            {
              src: '/icons/icon.svg',
              sizes: 'any',
              type: 'image/svg+xml',
              purpose: 'any',
            },
            {
              src: '/icons/icon.svg',
              sizes: 'any',
              type: 'image/svg+xml',
              purpose: 'maskable',
            },
          ],
        },
        workbox: {
          globPatterns: ['**/*.{js,css,html,svg,png,ico,woff2}'],
          runtimeCaching: [
            {
              urlPattern: /^\/api\//,
              handler: 'NetworkFirst',
              options: {
                cacheName: 'api-cache',
                networkTimeoutSeconds: 5,
                expiration: { maxEntries: 200, maxAgeSeconds: 86400 },
                cacheableResponse: { statuses: [0, 200] },
              },
            },
          ],
        },
        devOptions: { enabled: false },
      }),
    ].filter(Boolean),
    server: {
      host: env.VITE_DEV_HOST || '0.0.0.0',
      port: parseInt(env.PORT_FRONTEND_DEV) || 5173,
    },
  }
})