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

const backendHost = process.env.BACKEND_HOST || '127.0.0.1'
const backendPort = process.env.BACKEND_PORT || '8000'
const agentHost = process.env.AGENT_HOST || '127.0.0.1'
const agentPort = process.env.AGENT_PORT || '8010'

export default defineConfig({
  plugins: [react()],
  server: {
    host: process.env.FRONTEND_HOST || '127.0.0.1',
    port: Number(process.env.FRONTEND_PORT || 5173),
    strictPort: true,
    proxy: {
      '/api/chat': `http://${agentHost}:${agentPort}`,
      '/api/config': `http://${agentHost}:${agentPort}`,
      '/api/project-summary': `http://${backendHost}:${backendPort}`,
      '/api/designs': `http://${backendHost}:${backendPort}`,
      '/api/design-assets': `http://${backendHost}:${backendPort}`,
      '/api/generate': `http://${backendHost}:${backendPort}`,
      '/api/tasks': `http://${backendHost}:${backendPort}`,
      '/api/upload': `http://${backendHost}:${backendPort}`,
      '/project-assets': `http://${backendHost}:${backendPort}`,
    },
  },
})