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

// https://vite.dev/config/
export default defineConfig({
  plugins: [react()],
  resolve: {
    alias: {
      '@syncfusion/ej2-react-navigations': '@syncfusion/ej2-react-navigations/index.js',
      '@syncfusion/ej2-react-buttons': '@syncfusion/ej2-react-buttons/index.js',
    },
  },
  optimizeDeps: {
    include: [
      '@syncfusion/ej2-react-navigations',
      '@syncfusion/ej2-react-buttons',
      '@syncfusion/ej2-base',
      '@syncfusion/ej2-navigations',
      '@syncfusion/ej2-buttons',
      '@syncfusion/ej2-react-base',
    ],
    force: true,
    esbuildOptions: {
      target: 'es2020',
    },
  },
  build: {
    target: 'es2020',
    commonjsOptions: {
      include: [/node_modules/],
      transformMixedEsModules: true,
    },
  },
  server: {
    host: '0.0.0.0',
    watch: {
      usePolling: true,
    },
    fs: {
      strict: false,
    },
    proxy: {
      '/api': 'http://server:8000',
      '/screenshots': 'http://server:8000',
    },
  },
});