import {defineConfig} from 'vite';
import {resolve} from 'node:path';
import {globSync} from 'node:fs';

const htmlFiles = globSync('bundle/*.html');
const inputFiles = htmlFiles.map(file => resolve(import.meta.dirname, file));

export default defineConfig({
    root: 'bundle',

    // 1. Map the browser's flattened requests back to the real src directory
    resolve: {
        alias: {
            '/src': resolve(import.meta.dirname, 'src')
        }
    },

    // 2. Permit Vite to serve assets from outside the 'bundle' root folder during dev
    server: {
        fs: {
            allow: [
                resolve(import.meta.dirname, 'bundle'),
                resolve(import.meta.dirname, 'src')
            ]
        }
    },

    build: {
        outDir: '../dist',
        emptyOutDir: true,
        rollupOptions: {
            input: inputFiles
        }
    }
});