/console-ui-next/vite.config.ts

/// <reference types="vitest/config" />
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import tailwindcss from '@tailwindcss/vite';
import path from 'path';

const isTest = !!process.env.VITEST;

export default defineConfig(({ command }) => ({
  base: command === 'build' ? './' : '/',
  plugins: [react(), tailwindcss()],
  test: {
    globals: true,
    environment: 'node',
  },
  define: isTest
    ? {}
    : {
        // Polyfill Node.js `process` global for browser-incompatible libs (e.g. swagger2openapi)
        'process.env': {},
        'process.version': JSON.stringify(''),
      },
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src'),
    },
  },
  server: {
    port: 8000,
    proxy: {
      // Auth/admin endpoints → 8848 (server has contextPath=/nacos, so add prefix)
      '/v1/auth': {
        target: 'http://localhost:8848',
        changeOrigin: true,
        rewrite: (path) => `/nacos${path}`,
      },
      '/v3/auth': {
        target: 'http://localhost:8848',
        changeOrigin: true,
        rewrite: (path) => `/nacos${path}`,
      },
      // Console endpoints → 8080 (console has empty contextPath, no rewrite needed)
      '/v1': {
        target: 'http://localhost:8080',
        changeOrigin: true,
      },
      '/v2': {
        target: 'http://localhost:8080',
        changeOrigin: true,
      },
      '/v3': {
        target: 'http://localhost:8080',
        changeOrigin: true,
      },
    },
  },
  build: {
    outDir: 'dist',
    rollupOptions: {
      output: {
        entryFileNames: 'js/main.js',
        chunkFileNames: 'js/[name].js',
        assetFileNames: (info) => {
          if (info.name?.endsWith('.css')) return 'css/main.css';
          return 'assets/[name]-[hash][extname]';
        },
        manualChunks(id) {
          // Merge all lucide-react icons into one chunk
          if (id.includes('lucide-react')) {
            return 'vendor-icons';
          }
          // Merge Monaco Editor core + languages into one chunk
          if (id.includes('monaco-editor')) {
            return 'vendor-monaco';
          }
          // Merge major vendor libs
          if (id.includes('node_modules')) {
            if (id.includes('react-dom')) return 'vendor-react';
            if (id.includes('/react/') || id.includes('react-router') || id.includes('react-i18next') || id.includes('i18next')) return 'vendor-react';
            if (id.includes('@radix-ui') || id.includes('class-variance-authority') || id.includes('clsx') || id.includes('tailwind-merge')) return 'vendor-ui';
            if (id.includes('react-markdown') || id.includes('remark') || id.includes('rehype') || id.includes('unified') || id.includes('mdast') || id.includes('hast') || id.includes('micromark') || id.includes('@uiw/react-md-editor')) return 'vendor-markdown';
          }
        },
      },
    },
  },
}));