import { defineConfig } from 'vite';

export default defineConfig(({ mode }) => ({
  define: {
    'process.env.NODE_ENV': JSON.stringify(mode === 'production' ? 'production' : 'development'),
    'process.env': {},
    global: 'window',
  },
  resolve: {
    alias: {
      process: 'process/browser',
    },
  },
  optimizeDeps: {
    include: [
      '@excalidraw/excalidraw',
      'react',
      'react-dom',
      'react-dom/client',
      'react/jsx-runtime',
      'react-to-webcomponent',
      'process'
    ],
    esbuildOptions: {
      target: 'es2020',
    },
  },
  build: {
    target: 'es2020',
    commonjsOptions: {
      include: [/node_modules/],
      transformMixedEsModules: true,
    },
  },
  ssr: {
    noExternal: ['@excalidraw/excalidraw'],
  },
})
);