vite.config.js

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

// https://vite.dev/config/
export default defineConfig(({ command, mode }) => {
  // Load env file based on current mode
  const env = loadEnv(mode, process.cwd(), '');
  
  return {
    plugins: [react()],
    // 1. Ensure assets are linked from the root
    base: '/', 
    build: {
      // 2. Explicitly set output directory for Vercel
      outDir: 'dist',
      // 3. Clear existing files before building
      emptyOutDir: true,
    },
    server: {
      proxy: {
        // Forward all API calls to backend; all routes now under /api
        '/api': {
          target: env.VITE_BACKEND_URL || 'http://localhost:3000',
          changeOrigin: true,
          secure: false,
        },
      },
    }
  }
})