vite.config.ts

import { defineConfig } from 'vite'
import { nodePolyfills } from 'vite-plugin-node-polyfills'
import path from 'path'

/**
 * Vite config to generate the ESM & CJS bundles for Synapse React Client.
 */
const config = defineConfig({
  // Assets will be served from the `/Portal/cdn` servlet, which will redirect requests to the CDN when appropriate
  base: '/Portal/cdn/generated/vite/',
  server: {
    host: '0.0.0.0', // Bind to all interfaces so Docker can access it
    cors: {
      origin: ['http://localhost:8888', 'http://127.0.0.1:8888'],
    },
  },
  build: {
    manifest: true,
    outDir: './src/main/webapp/generated/vite',
    rollupOptions: {
      input: 'js/main.js',
      onwarn(warning, warn) {
        // Suppress "Module level directives cause errors when bundled" warnings
        if (warning.code === 'MODULE_LEVEL_DIRECTIVE') {
          return
        }
        warn(warning)
      },
    },
  },
  optimizeDeps: {
    include: [
      // We must import @emotion libraries so MUI uses them
      '@emotion/react',
      '@emotion/styled',
    ],
  },
  resolve: {
    alias: {
      // jsdom is only used by synapse-react-client's SanitizeHtmlUtils in
      // non-browser environments (guarded by typeof window === "undefined").
      // This stub satisfies static resolution without including jsdom in the bundle.
      jsdom: path.resolve(__dirname, 'js/stubs/jsdom.js'),
    },
    dedupe: [
      '@emotion/react',
      '@emotion/styled',
      'jotai',
      'react',
      'react-dom',
    ],
  },
  plugins: [nodePolyfills()],
  define: {
    __TEST__: JSON.stringify(false),
    __DEV__: JSON.stringify(false),
  },
})

export default config