vite.config.mts

import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import { crx } from '@crxjs/vite-plugin';
import tailwindcss from '@tailwindcss/vite';
import manifest from './manifest.json';
import wasm from 'vite-plugin-wasm';
import topLevelAwait from 'vite-plugin-top-level-await';

export default defineConfig({
    plugins: [react(), tailwindcss(), crx({ manifest })],

    build: {
        rollupOptions: {
            input: {
                // Explicit definitions because sometimes Vite misses dynamically loaded files
                devtoolsHtml: 'src/devtools/index.html',
                panelHtml: 'src/devtools/panel/index.html',
            },
        },
    },

    server: {
        host: '0.0.0.0',
        port: 8080,
        strictPort: true,
        hmr: {
            host: '0.0.0.0',
            port: 8081,
        },
        cors: {
            origin: [/chrome-extension:\/\//],
        },
    },

    worker: {
        format: 'es',
        plugins: () => [wasm(), topLevelAwait()],
    },
});