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

export default defineConfig(({ mode }) => {
  const env = loadEnv(mode, process.cwd(), '')
  /** V2-Defaults — Produktiv bleibt auf 5173 / API 4000. */
  const port = Number(env.PORT || process.env.PORT || 5174)
  const apiUrl = env.API_URL || process.env.API_URL || 'http://localhost:4001'

  if (port === 5173) {
    throw new Error(
      `[vite] SAFETY: PORT=${port} kollidiert mit dem Produktiv-Frontend. V2 erwartet z.B. 5174 (siehe .env).`,
    )
  }

  return {
    server: {
      port,
      strictPort: true,
      proxy: {
        '/api': apiUrl,
      },
    },
    plugins: [
      react(),
      tailwindcss(),
      VitePWA({
        registerType: 'autoUpdate',
        manifest: {
          name: 'Assignment Monitor DEV',
          short_name: 'AM-DEV',
          description: 'DEV — Trainee-Bewertungs-App (nicht Produktiv)',
          theme_color: '#0070AD',
          background_color: '#ffffff',
          display: 'standalone',
          icons: [
            { src: 'pwa-192.png', sizes: '192x192', type: 'image/png' },
            { src: 'pwa-512.png', sizes: '512x512', type: 'image/png' },
          ],
        },
      }),
    ],
  }
})