import { fileURLToPath, URL } from 'node:url';
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';

// Ported from legacy henza_admin/vue.config.js.
// The legacy build switched publicPath/outputDir on NODE_ENV=='branch'; in Vite the
// equivalent switch is the --mode flag (`pnpm dev:branch` / `pnpm build:branch`),
// which src/utils/index.ts reads via import.meta.env.MODE.
export default defineConfig(({ mode }) => {
  const isBranch = mode === 'branch';

  return {
    // legacy: publicPath: isBranch ? '/branch/' : 'admin/'
    base: isBranch ? '/branch/' : '/admin/',
    plugins: [vue()],
    resolve: {
      alias: {
        '@': fileURLToPath(new URL('./src', import.meta.url)),
      },
    },
    css: {
      preprocessorOptions: {
        less: {
          // Verbatim from legacy vue.config.js configureWebpack less-loader modifyVars.
          modifyVars: {
            'primary-color': '#1c2d56',
            'secondary-color': '#836447',
            'third-color': '#f5cb55',
            'link-color': '#1DA57A',
            'border-radius-base': '6px',
          },
          javascriptEnabled: true,
        },
      },
    },
    build: {
      // legacy: outputDir: isBranch ? 'branchDist/export' : 'dist/export'
      outDir: isBranch ? 'branchDist/export' : 'dist/export',
      emptyOutDir: true,
      sourcemap: false, // legacy: productionSourceMap: false
    },
    server: {
      port: 5174,
      proxy: {
        '/api': 'http://localhost:3000',
      },
    },
  };
});