import {defineConfig, loadEnv, type UserConfig} from 'vite'
import react from '@vitejs/plugin-react'
import {resolve} from 'path'
import {viteMockServe} from 'vite-plugin-mock'

// https://vitejs.dev/config/
export default defineConfig(({ command, mode }) => {
  const env = loadEnv(mode, process.cwd())
  const useMock = env.VITE_USE_MOCK === 'true'
  return {
    assetsInclude: ['**/*.svg', '**/*.png'],
    resolve: {
      basedir: './',
      alias: {
        '@': resolve(__dirname, './src')
      }
    },
    plugins: [
      react(),
      viteMockServe({
        mockPath: 'mock',
        enable: command === 'serve' && useMock,
      }),
    ],
    server: {
      host: '0.0.0.0',
      port: env.VITE_PORT,
      open: true,
      cors: true,
      hmr: true,
      proxy: {
        '/api': {
          target: 'http://127.0.0.1:8888',
          changeOrigin: true
        },
        '/uploads': {
          target: 'http://127.0.0.1:8888',
          changeOrigin: true
        }
      }
    }
  } as unknown as UserConfig
})