import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import tailwindcss from '@tailwindcss/vite'

// Both dev and preview forward /api/* to FastAPI, so a same-origin (relative)
// request works whichever local server is delivering the page. Keep the two in
// sync: `preview` serves dist/, and without this it would answer /api with a
// 404 index.html, which surfaces in the UI as a login failure.
const apiProxy = {
  '/api': {
    // Proxy all /api/* requests straight to FastAPI on port 8000
    target: 'http://127.0.0.1:8000',
    changeOrigin: true,
    secure: false,
    ws: true,
  },
}

// https://vite.dev/config/
export default defineConfig({
  plugins: [react(), tailwindcss()],
  server: {
    port: 5173,
    proxy: apiProxy,
  },
  preview: {
    port: 4173,
    proxy: apiProxy,
  },
})