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

const inputs = {
    main: "./src/main.ts",
    style: "./src/style.css",
};

export default defineConfig({
    plugins: [vue(), tailwindcss()],
    base: "/",
    publicDir: false,
    build: {
        outDir: "public/build",
        minify: false,
        sourcemap: "inline",

        chunkSizeWarningLimit: 2000,

        rollupOptions: {
            input: inputs,
            output: {
                entryFileNames: "[name].js",
                assetFileNames: ({ name }) => {
                    if (name && name.endsWith(".css")) {
                        return "[name].css";
                    }
                    return "[name].[ext]";
                },

                inlineDynamicImports: false,
            },
        },
    },
    server: {
        proxy: {
            '^/(?!src|node_modules|@).*$': {
                target: 'http://localhost:3000',
                changeOrigin: true,
                configure(proxy, options) {
                    proxy.on('proxyReq', (proxyReq, req, res) => {
                        proxyReq.setHeader('X-Vite', 'true');
                    });
                },
            }
        },
        origin: 'http://localhost:3000'
    },
    define: {
        __VUE_OPTIONS_API__: true,
        __VUE_PROD_DEVTOOLS__: false,
        __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: false,
    },
    resolve: {
        alias: {
            '@': fileURLToPath(new URL('./src', import.meta.url))
        }
    }
});