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

// https://vite.dev/config/
export default defineConfig({
  plugins: [
    react({
      jsxRuntime: 'automatic'
    }),
    tailwindcss(),
  ],
  server: {
    // Allow connections from the VM hostname and any other host/IP
    allowedHosts: ['exp-dash', 'localhost'],
    // Proxy API calls from the browser to the API container via the compose service name
    proxy: {
      '/api': {
        // Route to API via the host so this works whether API is on bridge (via port mapping) or host network
        target: 'http://host.docker.internal:8000',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, ''),
      },
    },
  },
})