import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import path from 'path';
import tailwindcss from '@tailwindcss/vite';
import { tanstackRouter } from '@tanstack/router-plugin/vite'

const isDev = process.env.NODE_ENV === 'development';
const centerEnv = process.env.CENTER_ENV;
const plugins: any[] = [];
plugins.push(tailwindcss());
const meBackend = 'https://kevisual.xiongxiao.me';
let target = meBackend || 'http://localhost:51515';
const apiProxy = { target: target, changeOrigin: true, ws: true, rewriteWsOrigin: true, secure: false, cookieDomainRewrite: 'localhost' };
let proxy = {
  '/root/': apiProxy,
  '/api': apiProxy,
  '/client': apiProxy,
};

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    // Please make sure that '@tanstack/router-plugin' is passed before '@vitejs/plugin-react'
    tanstackRouter({
      target: 'react',
      autoCodeSplitting: true,
    }),
    react(), ...plugins],

  css: {
    postcss: {},
  },
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src'),
    },
  },
  define: {
    DEV_SERVER: JSON.stringify(process.env.NODE_ENV === 'development'),
    CENTER_ENV: JSON.stringify(centerEnv),
  },
  base: isDev ? '/' : '/root/center-v1/',
  build: {
    sourcemap: false,
  },
  server: {
    port: 6020,
    host: '0.0.0.0',
    proxy: {
      '/root/locales': {
        target: 'https://kevisual.cn',
        changeOrigin: true,
      },
      '/system/lib': {
        target: 'https://kevisual.xiongxiao.me',
        changeOrigin: true,
      },
      ...proxy,
    },
  },
});