import react from '@vitejs/plugin-react';
import { defineConfig, loadEnv } from 'vite';
// import viteCompression from 'vite-plugin-compression';
import { ViteImageOptimizer } from 'vite-plugin-image-optimizer';
import tsconfigPaths from 'vite-tsconfig-paths';
// https://vitejs.dev/config/
export default defineConfig(function (_a) {
    var mode = _a.mode;
    var env = loadEnv(mode, process.cwd());
    var backendDebugUrl = env.VITE_DEBUG_BACKEND_URL;
    console.log('backendDebugUrl', backendDebugUrl);
    return {
        plugins: [
            react(),
            tsconfigPaths(),
            ViteImageOptimizer({}),
        ],
        base: '/webui/',
        server: {
            proxy: {
                '/api/ws/terminal': {
                    target: backendDebugUrl,
                    ws: true,
                    changeOrigin: true,
                },
                '/api/Debug/ws': {
                    target: backendDebugUrl,
                    ws: true,
                    changeOrigin: true,
                },
                '/api': backendDebugUrl,
                '/files': backendDebugUrl,
                '/plugin': backendDebugUrl,
                '/webui/fonts/CustomFont.woff': backendDebugUrl,
                '/webui/sw.js': backendDebugUrl,
            },
        },
        build: {
            assetsInlineLimit: 0,
            rollupOptions: {
                output: {
                    manualChunks: function (id) {
                        if (id.includes('node_modules')) {
                            // if (id.includes('@heroui/')) {
                            //   return 'heroui';
                            // }
                            // React 19: react / react-dom / scheduler 必须合并到同一 vendor chunk，
                            // 否则 react 的 forwardRef 等 API 会被错导向 react-dom 块而变成 undefined，
                            // 导致 codemirror-core 等 chunk 初始化即崩溃（Cannot read properties of undefined (reading 'forwardRef')）。
                            if (/[\\/]node_modules[\\/](react|react-dom|scheduler)[\\/]/.test(id)) {
                                return 'react-vendor';
                            }
                            if (id.includes('react-router-dom')) {
                                return 'react-router-dom';
                            }
                            if (id.includes('react-hook-form')) {
                                return 'react-hook-form';
                            }
                            if (id.includes('react-hot-toast')) {
                                return 'react-hot-toast';
                            }
                            if (id.includes('qface')) {
                                return 'qface';
                            }
                            if (id.includes('@uiw/react-codemirror') || id.includes('@codemirror/view') || id.includes('@codemirror/theme-one-dark')) {
                                return 'codemirror-core';
                            }
                            if (id.includes('@codemirror/lang-')) {
                                return 'codemirror-lang';
                            }
                        }
                    },
                },
            },
        },
    };
});