vite.config.ts

import { resolve, join } from 'path'
import react from '@vitejs/plugin-react-swc'
import { defineConfig, type UserConfig } from 'vite'
import { nodePolyfills } from 'vite-plugin-node-polyfills'
import svgr from 'vite-plugin-svgr'
import tsConfigPaths from 'vite-tsconfig-paths'
import { createHtmlPlugin } from 'vite-plugin-html'
import 'vitest/config'

const {
  NODE_ENV = 'dev',
  VITE_WASM_BASE_URL = '/wasm/',
  VITE_WASM_API_VER = 'v2',
  VITE_BASE_URL = '',
} = process.env

const PROXY_HOST = process.env.LISTEN_ADDR || '127.0.0.1:8000';

export default defineConfig({
  resolve: {
    alias: {
      '~': resolve(__dirname, './src'),
    },
  },
  test: {
    globals: true,
    environment: 'jsdom',
    setupFiles: join(__dirname, 'src/setupTests.ts'),
    alias: [
      {
        find: /^monaco-editor$/,
        replacement:
          join(__dirname,'node_modules/monaco-editor/esm/vs/editor/editor.api'),
      },
    ],
  },
  server: {
    port: 3000,
    host: '0.0.0.0',
    proxy: {
      '/api': `http://${PROXY_HOST}`,
    }
  },
  build: {
    outDir: 'build',
  },
  plugins: [
    react(),
    tsConfigPaths(),
    createHtmlPlugin({
      minify: true,
      template: './src/pages/index.html',
      inject: {
        data: {
          PROD: NODE_ENV === 'production',
          VITE_WASM_BASE_URL,
          VITE_WASM_API_VER,
          VITE_BASE_URL,
        },
      },
    }),
    svgr({ svgrOptions: { icon: true } }),
    nodePolyfills({
      globals: {
        Buffer: true,
        process: true,
      },
    }),
  ],
})