import { defineConfig, mergeConfig } from 'vite'; import { configDefaults, defineConfig as vitestDefineConfig, } from 'vitest/config'; import tsconfigPaths from 'vite-tsconfig-paths'; import react from '@vitejs/plugin-react'; import svgr from 'vite-plugin-svgr'; import envCompatible from 'vite-plugin-env-compatible'; const UNLEASH_API = process.env.UNLEASH_API || 'http://localhost:4242'; const UNLEASH_BASE_PATH = process.env.UNLEASH_BASE_PATH || '/'; if (!UNLEASH_BASE_PATH.startsWith('/') || !UNLEASH_BASE_PATH.endsWith('/')) { console.error('UNLEASH_BASE_PATH must both start and end with /'); process.exit(1); } const vitestConfig = vitestDefineConfig({ test: { globals: true, setupFiles: 'src/setupTests.ts', environment: 'jsdom', exclude: [...configDefaults.exclude, '**/cypress/**'], }, }); export default mergeConfig( defineConfig({ base: UNLEASH_BASE_PATH, build: { outDir: 'build', assetsDir: 'static', assetsInlineLimit: 0, modulePreload: false, cssCodeSplit: false, }, server: { open: true, host: true, port: 3000, proxy: { [`${UNLEASH_BASE_PATH}api`]: { target: UNLEASH_API, changeOrigin: true, }, [`${UNLEASH_BASE_PATH}auth`]: { target: UNLEASH_API, changeOrigin: true, }, [`${UNLEASH_BASE_PATH}logout`]: { target: UNLEASH_API, changeOrigin: true, }, [`${UNLEASH_BASE_PATH}health`]: { target: UNLEASH_API, changeOrigin: true, }, [`${UNLEASH_BASE_PATH}invite`]: { target: UNLEASH_API, changeOrigin: true, }, [`${UNLEASH_BASE_PATH}edge`]: { target: UNLEASH_API, changeOrigin: true, }, }, fs: { allow: ['..'], }, }, plugins: [react(), tsconfigPaths(), svgr(), envCompatible()], esbuild: { logOverride: { 'this-is-undefined-in-esm': 'silent' }, }, }), vitestConfig, );