vite.config.ts

import webExtension from '@samrum/vite-plugin-web-extension'
import { vanillaExtractPlugin } from '@vanilla-extract/vite-plugin'
import react from '@vitejs/plugin-react'
import { defineConfig } from 'vite'
import tsconfigPaths from 'vite-tsconfig-paths'

import { getManifest } from './manifest.config'

const dev = process.env.NODE_ENV === 'development'

export const outDir = dev ? 'dist/dev' : 'dist/build'

// https://vitejs.dev/config/
export default defineConfig({
  build: {
    emptyOutDir: false,
    outDir,
  },
  optimizeDeps: {
    exclude: ['mipd', 'viem', '@vanilla-extract/css'],
  },
  plugins: [
    tsconfigPaths(),
    react(),
    vanillaExtractPlugin(),
    webExtension({
      additionalInputs: {
        html: [
          'src/index.html',
          'src/entries/iframe/index.html',
          'src/components/_playground/index.html',
          'src/design-system/_playground/index.html',
        ],
      },
      manifest: getManifest({ dev }),
    }),
  ],
})