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

export default defineConfig(({ mode }) => {
    const env = loadEnv(mode, '.', '');

    // 환경변수에서 포트 읽기 (start.sh에서 설정)
    const backendPort = process.env.VITE_BACKEND_PORT || env.VITE_BACKEND_PORT || '3001';
    const frontendPort = parseInt(process.env.VITE_PORT || env.VITE_PORT || '3000');
    const backendUrl = `http://localhost:${backendPort}`;

    return {
      server: {
        port: frontendPort,
        host: '0.0.0.0',
        proxy: {
          '/api': backendUrl,
          '/render': backendUrl,
          '/downloads': backendUrl,
          '/temp': backendUrl
        }
      },
      plugins: [react()],
      define: {
        'process.env.API_KEY': JSON.stringify(env.GEMINI_API_KEY),
        'process.env.GEMINI_API_KEY': JSON.stringify(env.GEMINI_API_KEY)
      },
      resolve: {
        alias: {
          '@': path.resolve(__dirname, '.'),
        }
      }
    };
});