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

// Parse allowed hosts from environment variable
const getAllowedHosts = () => {
  const hosts = process.env.VITE_ALLOWED_HOSTS;

  // If set to 'all', allow all hosts
  if (hosts === 'all') {
    return 'all';
  }

  // If set, parse comma-separated list
  if (hosts) {
    return hosts.split(',').map(h => h.trim());
  }

  // Default: localhost only
  return ['localhost'];
};

// https://vite.dev/config/
export default defineConfig({
  plugins: [react()],
  server: {
    host: '0.0.0.0',
    port: 5173,
    allowedHosts: getAllowedHosts(),
    watch: {
      usePolling: true,
    },
    hmr: {
      clientPort: 8080,
    },
  },
})