/// <reference types="vitest/config" />
import { defineConfig, loadEnv } from 'vite'
import react from '@vitejs/plugin-react'
import tailwindcss from '@tailwindcss/vite'

// https://vite.dev/config/
export default defineConfig(({ mode }) => {
  const env = loadEnv(mode, process.cwd(), '')

  // Configuration from environment variables with defaults
  const PORT = parseInt(env.VITE_PORT || '3000', 10)
  const BACKEND_URL = env.VITE_BACKEND_URL || 'http://localhost:8000'

  return {
    plugins: [
      tailwindcss(),
      react(),
    ],
    server: {
      port: PORT,
      proxy: {
        '/api': {
          target: BACKEND_URL,
          changeOrigin: true,
          ws: true, // Enable WebSocket proxying
        },
      },
    },
    test: {
      globals: true,
      environment: 'jsdom',
      setupFiles: ['./src/test/setup.ts'],
      include: ['src/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
    },
  }
})