import {fileURLToPath, URL} from 'node:url'
import {defineConfig, loadEnv} from 'vite'
import vue from '@vitejs/plugin-vue'
import fs from 'fs';

// https://vitejs.dev/config/
export default defineConfig(({mode}) => {
    // Load environment variables based on the mode
    const env = loadEnv(mode, process.cwd(), '')
    return {
        plugins: [
            vue()
        ],
        server: {
            https: {
                key: fs.readFileSync('localhost-key.pem'),
                cert: fs.readFileSync('localhost.pem'),
            },
            port: 5173, // Ensure this matches your WebStorm debug URL
            open: true, // Automatically opens the browser
            host: 'localhost',
        },
        build: {
            sourcemap: true, // Enable source maps for debugging
            rollupOptions: {
                output: {
                    format: 'es',
                    entryFileNames: '[name].[hash].js',
                    chunkFileNames: '[name].[hash].js',
                    assetFileNames: '[name].[hash].[ext]'
                }
            }
        },
        resolve: {
            alias: {
                '@': fileURLToPath(new URL('./src', import.meta.url))
            }
        },
        define: {
            // Define a global constant __APP_ENV__ based on loaded environment variables
            VITE_API_URL: JSON.stringify(env.VITE_API_URL),
            VITE_STRIPE_API_KEY: JSON.stringify(env.VITE_STRIPE_API_KEY)
        },
        json: {
            stringify: true
        }
    }
})