import vue from '@vitejs/plugin-vue';
import * as path from "path";
import { defineConfig, loadEnv } from 'vite';

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

    return {
        plugins: [vue()],
        resolve: {
            alias: {
                'src': path.resolve(__dirname, './src/'),
                '@': path.resolve(__dirname, './src/'),
            },
            extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue']
        },
        server: {
            port: 3000,
            strictPort: true,
            proxy: {
                '/api/': {
                    target: `https://${env.API_URL}/`,
                    changeOrigin: true,
                    followRedirects: true,
                    rewrite: (path) => path.replace(/^\/api/, ''),
                },
                '/pocketbase/': {
                    target: `https://${env.POCKET_BASE_URL}/`,
                    changeOrigin: true,
                    followRedirects: true,
                    rewrite: (path) => path.replace(/^\/pocketbase/, ''),
                },
                '/appraisal/': {
                    target: `https://${env.EVEPRAISAL_URL}/`,
                    changeOrigin: true,
                    followRedirects: true,
                    rewrite: (path) => path.replace(/^\/appraisal/, ''),
                },
                '/esi/': {
                    target: `https://${env.ESI_URL}/latest/`,
                    changeOrigin: true,
                    followRedirects: true,
                    rewrite: (path) => path.replace(/^\/esi/, ''),
                    headers: {
                        'User-Agent': env.ESI_USER_AGENT
                    },
                }
            }
        }
    };
})