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

export default defineConfig({
  plugins: [react()],
  root: 'client', // Set root to client folder where index.html resides
  build: {
    outDir: '../dist', // Build to src/dist (outside client)
    emptyOutDir: true
  },
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './client/src')
    }
  },
  server: {
    host: '0.0.0.0', // Expose to network
    proxy: {
      '/api': 'http://localhost:3000', // Proxy API requests to backend
      '/cards': 'http://localhost:3000', // Proxy cached card images
      '/images': 'http://localhost:3000', // Proxy static images
      '/socket.io': {
        target: 'http://localhost:3000',
        ws: true
      }
    }
  }
});