vite.config.ts

import { defineConfig } from 'vite';
import { crx } from '@crxjs/vite-plugin';
import glsl from 'vite-plugin-glsl';
import { fileURLToPath } from 'node:url';
import { dirname, resolve } from 'node:path';
import manifest from './manifest.json';

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

export default defineConfig({
  plugins: [
    glsl({
      include: ['**/*.glsl', '**/*.vert', '**/*.frag'],
    }),
    crx({ manifest }),
  ],
  publicDir: 'public',
  resolve: {
    alias: {
      '@': resolve(__dirname, 'src'),
      '@shaders': resolve(__dirname, 'src/shaders'),
    },
  },
  build: {
    outDir: 'dist',
    minify: 'esbuild',
    sourcemap: false,
    rollupOptions: {
      output: {
        manualChunks: {
          'three-vendor': ['three'],
        },
      },
      input: {
        newtab: resolve(__dirname, 'src/newtab.html'),
        sidepanel: resolve(__dirname, 'src/sidepanel.html'),
      },
    },
  },
});