vite.config.chrome.ts

import { readFile, writeFile } from 'node:fs/promises';
import { dirname, resolve } from 'node:path';
import { fileURLToPath } from 'node:url';
import preact from '@preact/preset-vite';
import tailwindcss from '@tailwindcss/vite';
import { defineConfig } from 'vite';

const __dirname = dirname(fileURLToPath(import.meta.url));

function copyManifestPlugin() {
	return {
		name: 'copy-manifest',
		async writeBundle() {
			const srcPath = resolve(__dirname, 'src/manifest.chrome.json');
			const destPath = resolve('dist/chrome/manifest.json');

			try {
				const content = await readFile(srcPath, 'utf8');
				await writeFile(destPath, content);
				console.log('dist/chrome/manifest.json');
			} catch (err) {
				console.error('Failed to copy manifest:', err);
			}
		},
	};
}

// https://vite.dev/config/
export default defineConfig({
	plugins: [preact(), tailwindcss(), copyManifestPlugin()],
	build: {
		outDir: 'dist/chrome',
		emptyOutDir: true,
		rollupOptions: {
			input: {
				popup: resolve(__dirname, 'src/popup/popup.html'),
				ServiceWorker: resolve(__dirname, 'src/ServiceWorker.ts'),
				Content: resolve(__dirname, 'src/Content.ts'),
			},
			output: {
				assetFileNames: assetInfo => {
					if (assetInfo.names[0].endsWith('.css')) {
						return 'assets/output.css';
					}
					return 'assets/[name].[hash][extname]';
				},
				entryFileNames: '[name].js',
				chunkFileNames: 'chunks/[name].js',
			},
		},
	},
});