import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueJsx from '@vitejs/plugin-vue-jsx'
import vueDevTools from 'vite-plugin-vue-devtools'

// https://vite.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    vueJsx(),
    vueDevTools(),
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    },
  },
  server: {
    // ngrok 등 외부 도메인 접근 허용 (DNS Rebinding 보호 비활성화)
    allowedHosts: true,
    // 도커/윈도우 환경 파일 핫 리로딩 강제 활성화
    watch: {
      usePolling: true,
    },
    // 개발 서버 API 프록시.
    // useApi 의 baseURL 은 '/api'(상대경로)라 프록시가 없으면 vite 가 SPA 폴백으로
    // index.html 을 200 으로 돌려준다 — 요청이 조용히 HTML 을 받아 실패한다.
    //
    // target 기본값은 호스트에서 직접 띄울 때 기준이고,
    // docker 개발 환경에서는 compose 가 VITE_DEV_API_PROXY=http://backend:3000 을 주입한다.
    proxy: {
      '/api': {
        target: process.env.VITE_DEV_API_PROXY || 'http://localhost:3000',
        changeOrigin: true,
      },
    },
  }
})