import { defineConfig, loadEnv } from 'vite';
import react from '@vitejs/plugin-react';

// Vite-конфиг студии Рублокса.
//
// - порт 5174 фиксирован (плеер на 5173, чтобы можно было гонять оба
//   проекта параллельно на одной машине)
// - outDir 'build' (деплоится в nginx /var/www/rublox-studio/build/)
// - manualChunks: babylon/monaco/colyseus в отдельные чанки
//   (movie engine ~46к строк + monaco ~5МБ — без разделения тормозит)
// - define для process.env.NODE_ENV — шим для engine-кода
// - dev-proxy по умолчанию на staging (dev-api.rublox.pro);
//   переопределяй через VITE_API_PROXY_TARGET если нужно свой бэкенд.
export default defineConfig(({ mode }) => {
  const env = loadEnv(mode, process.cwd(), '');
  const PROXY_TARGET = env.VITE_API_PROXY_TARGET || 'https://dev-api.rublox.pro';

  // Префиксы которые проксируем на бэкенд.
  const proxyPrefixes = ['/api-user', '/api-storys', '/api-game'];
  const proxy = Object.fromEntries(
    proxyPrefixes.map((p) => [
      p,
      { target: PROXY_TARGET, changeOrigin: true, secure: true, ws: true },
    ])
  );

  return {
    plugins: [react()],
    server: {
      host: '127.0.0.1',
      port: 5174,
      strictPort: true,
      proxy,
    },
    build: {
      outDir: 'build',
      sourcemap: false,
      rollupOptions: {
        output: {
          manualChunks: {
            babylon: ['@babylonjs/core', '@babylonjs/loaders'],
            monaco: ['@monaco-editor/react'],
            colyseus: ['colyseus.js'],
          },
        },
      },
    },
    define: {
      'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV || 'development'),
    },
  };
});
