import path from 'node:path';
import { fileURLToPath } from 'node:url';
import tailwindcss from '@tailwindcss/vite';
import { defineConfig } from 'vite';

const PROJECT_ROOT = path.dirname(fileURLToPath(import.meta.url));
const APP_ROOT = path.resolve(PROJECT_ROOT, 'ui/app');

export default defineConfig({
	root: APP_ROOT,
	base: '/phengine/assets/app/',
	plugins: [tailwindcss()],
	esbuild: {
		jsx: 'automatic',
	},
	build: {
		outDir: path.resolve(PROJECT_ROOT, 'assets/app'),
		emptyOutDir: true,
		manifest: 'manifest.json',
		sourcemap: false,
		rollupOptions: {
			onwarn(warning, warn) {
				if (warning.code === 'MODULE_LEVEL_DIRECTIVE' && warning.message.includes('"use client"')) {
					return;
				}

				warn(warning);
			},
		},
	},
});