import path from 'path';
import { loadEnv } from 'vite';
import react from '@vitejs/plugin-react';
import svgr from '@honkhonk/vite-plugin-svgr';

const CWD = process.cwd();

export default (params) => {
  const { mode } = params;
  const { VITE_BASE_URL } = loadEnv(mode, CWD);
  const baseUrl = VITE_BASE_URL?.trim() || '/admin/';

  return {
    base: baseUrl,
    resolve: {
      dedupe: ['react', 'react-dom', 'tdesign-react'],
      alias: {
        'tdesign-react': path.resolve(__dirname, './node_modules/tdesign-react'),
        assets: path.resolve(__dirname, './src/assets'),
        components: path.resolve(__dirname, './src/components'),
        configs: path.resolve(__dirname, './src/configs'),
        layouts: path.resolve(__dirname, './src/layouts'),
        modules: path.resolve(__dirname, './src/modules'),
        pages: path.resolve(__dirname, './src/pages'),
        styles: path.resolve(__dirname, './src/styles'),
        utils: path.resolve(__dirname, './src/utils'),
        services: path.resolve(__dirname, './src/services'),
        router: path.resolve(__dirname, './src/router'),
        hooks: path.resolve(__dirname, './src/hooks'),
        types: path.resolve(__dirname, './src/types'),
      },
    },

    optimizeDeps: {
      // TDesign Alert uses react-transition-group's ESM entry, which imports
      // CommonJS prop-types. Pre-bundle both modules for Vite 2 dev parity.
      include: ['prop-types', 'react-transition-group'],
    },

    css: {
      preprocessorOptions: {
        less: {
          modifyVars: {
            // 如需自定义组件其他 token, 在此处配置
          },
        },
      },
    },

    plugins: [
      svgr(),
      react(),
    ],

    build: {
      cssCodeSplit: false,
    },

    server: {
      host: '0.0.0.0',
      port: 3003,
      proxy: {
        '/api': {
          // 用于开发环境下的转发请求
          // 更多请参考：https://vitejs.dev/config/#server-proxy
          target: `http://127.0.0.1:${process.env.MIRAGENFLOW_SERVER_PORT || '3100'}`,
          changeOrigin: true,
          ws: true,
        },
      },
    },
  };
};