import { defineConfig, loadEnv } from 'vite'
import react from '@vitejs/plugin-react'
import tailwindcss from '@tailwindcss/vite'
import path from 'node:path'

export default defineConfig(({ mode }) => {
  const env = loadEnv(mode, process.cwd(), '')
  const apiBase = env.VITE_API_BASE_URL || 'https://api.longde.cloud'

  return {
    plugins: [react(), tailwindcss()],
    resolve: {
      alias: { '@': path.resolve(import.meta.dirname, 'src') },
    },
    build: {
      rollupOptions: {
        output: {
          manualChunks(id: string) {
            if (id.includes('node_modules/react') || id.includes('node_modules/react-dom')) return 'react'
            if (id.includes('node_modules/antd') || id.includes('node_modules/@ant-design')) return 'antd'
            if (id.includes('node_modules/echarts')) return 'echarts'
            if (id.includes('node_modules/react-markdown') || id.includes('node_modules/react-syntax-highlighter') || id.includes('node_modules/remark-gfm')) return 'markdown'
            if (id.includes('node_modules/@tanstack')) return 'query'
          },
        },
      },
    },
    server: {
      port: 5174, host: true,
      proxy: {
        '/api': apiBase,
        '/admin-api': apiBase,
      },
    },
  }
})