import path from 'node:path';
import { fileURLToPath } from 'node:url';
import { defineConfig } from 'vite';
import viteTemplatePlugin from './scripts/vite-template-plugin.mjs';

const PROJECT_ROOT = path.dirname(fileURLToPath(import.meta.url));
const FRONTEND_ENTRY = path.resolve(PROJECT_ROOT, 'ui/frontend/js/frontend.js');

export default defineConfig({
	root: PROJECT_ROOT,
	base: '/phengine/assets/frontend/',
	plugins: [
		viteTemplatePlugin({
			entry: FRONTEND_ENTRY,
			templates: [
				{
					source: 'ui/frontend/masterpage_template.tpl',
					output: 'ui/frontend/masterpage.tpl',
				},
				{
					source: 'ui/frontend/errors_template.tpl',
					output: 'ui/frontend/errors.tpl',
				},
			],
		}),
	],
	build: {
		outDir: path.resolve(PROJECT_ROOT, 'assets/frontend'),
		emptyOutDir: true,
		manifest: 'manifest.json',
		sourcemap: false,
		rollupOptions: {
			input: FRONTEND_ENTRY,
		},
	},
});