import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import tailwindcss from '@tailwindcss/vite';
import path from 'node:path';

// V10 option B · Vite 5 + React 19 + Tailwind 4.
// Replaces Next.js 16 App Router with React Router 7 client-side routing.
export default defineConfig({
  plugins: [react(), tailwindcss()],
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src'),
    },
  },
  server: {
    host: '0.0.0.0',
    port: 3000,
    strictPort: true,
    // CloudStudio / WorkBuddy preview proxy allowlist.
    allowedHosts: [
      'webview.e2b.bj5.sandbox.cloudstudio.club',
      '.sandbox.cloudstudio.club',
      '.cloudstudio.club',
      '.workbuddy.agentos-worker.net',
      '.agentos-worker.net',
      'localhost',
      '127.0.0.1',
    ],
  },
  preview: {
    host: '0.0.0.0',
    port: 4173,
    strictPort: true,
  },
  build: {
    target: 'es2022',
    // Production sourcemap is disabled because dev debugging is enough and bundle size drops.
    sourcemap: false,
    cssCodeSplit: true,
    // Inline assets below 4KB.
    assetsInlineLimit: 4096,
    rollupOptions: {
      output: {
        // V10 optimization: manual chunk split.
        manualChunks: {
          'react-vendor': ['react', 'react-dom', 'react-router-dom', 'react-router'],
          'intl-vendor': ['react-intl'],
          'query-vendor': ['@tanstack/react-query', '@tanstack/react-query-devtools'],
          'state-vendor': ['zustand'],
          'form-vendor': ['react-hook-form', '@hookform/resolvers', 'zod'],
          'markdown-vendor': ['react-markdown', 'rehype-sanitize', 'remark-gfm'],
          'chart-vendor': ['recharts'],
          'qrcode-vendor': ['qrcode.react'],
          'icons-vendor': ['lucide-react'],
        },
        chunkFileNames: 'assets/[name]-[hash].js',
        entryFileNames: 'assets/[name]-[hash].js',
        assetFileNames: 'assets/[name]-[hash][extname]',
      },
    },
  },
  test: {
    globals: true,
    environment: 'jsdom',
    setupFiles: ['./src/test/setup.ts'],
    css: false,
    coverage: {
      provider: 'v8',
      reporter: ['text', 'html', 'json'],
      exclude: ['**/node_modules/**', '**/dist/**', '**/*.test.{ts,tsx}', '**/*.spec.{ts,tsx}'],
    },
  },
});