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

const DAEMON_PORT = Number(process.env.OD_PORT) || 7456;
const VITE_PORT = Number(process.env.VITE_PORT) || 5173;

export default defineConfig({
  plugins: [react()],
  server: {
    port: VITE_PORT,
    proxy: {
      '/api': {
        target: `http://127.0.0.1:${DAEMON_PORT}`,
        changeOrigin: true,
        // Daemon uses SSE on /api/chat — disable Vite's buffering.
        configure: (proxy) => {
          proxy.on('proxyRes', (proxyRes) => {
            proxyRes.headers['cache-control'] = 'no-cache, no-transform';
          });
        },
      },
      // The daemon serves persisted artifacts and the shared device-frame
      // library; proxy them through so the dev SPA can iframe them without
      // hitting a different origin.
      '/artifacts': {
        target: `http://127.0.0.1:${DAEMON_PORT}`,
        changeOrigin: true,
      },
      '/frames': {
        target: `http://127.0.0.1:${DAEMON_PORT}`,
        changeOrigin: true,
      },
    },
  },
});