vite.config.ts

import react from '@vitejs/plugin-react';
import fs from 'fs';
import path from 'path';
import sourcemaps from 'rollup-plugin-sourcemaps';
import { defineConfig } from 'vite';
import ViteRestart from 'vite-plugin-restart';
import svgr from 'vite-plugin-svgr';

const entryPointsDir = path.join(__dirname, 'entry-points');
const entryPointsExist = fs.existsSync(entryPointsDir);

const entryPoints = entryPointsExist
  ? fs.readdirSync(entryPointsDir).map((file) => `/entry-points/${file}`)
  : [];

// https://vitejs.dev/config/
export default defineConfig(({ mode }) => ({
  define: {
    'process.env': {},
  },
  rollupOptions: {
    // Needed for Abacus sourcemaps since Rollup doesn't load external sourcemaps by default.
    // https://github.com/vitejs/vite/issues/11743
    plugins: mode === 'development' ? [sourcemaps()] : [],
  },
  resolve: {
    alias: [
      { find: '@', replacement: path.resolve(__dirname, 'src') },
      { find: 'public', replacement: path.resolve(__dirname, 'public') },
      {
        find: 'stream',
        replacement: 'stream-browserify',
      },
      {
        find: 'assert',
        replacement: 'assert',
      },
      {
        find: 'url',
        replacement: 'url-polyfill',
      },
      {
        find: 'util',
        replacement: 'util/',
      },
      {
        find: 'zlib',
        replacement: 'browserify-zlib',
      },
    ],
  },
  plugins: [
    react({
      babel: {
        plugins: [
          [
            'babel-plugin-styled-components',
            {
              displayName: mode === 'development',
            },
          ],
        ],
      },
    }),
    svgr({
      exportAsDefault: true,
    }),
    // Currently, the Vite file watcher is unable to watch folders within node_modules.
    // Workaround is to use ViteRestart plugin + a generated file to trigger the restart.
    // See https://github.com/vitejs/vite/issues/8619
    ViteRestart({
      restart: ['local-abacus-hash'],
    }),
  ],
  publicDir: 'public',
  test: {
    exclude: [
      '**/node_modules/**',
      '**/dist/**',
      '**/cypress/**',
      '**/.{idea,git,cache,output,temp}/**',
      '**/{karma,rollup,webpack,vite,vitest,jest,ava,babel,nyc,cypress,tsup,build}.config.*',
      '**/e2e/**',
    ],
    environment: 'jsdom',
  },
  build: {
    rollupOptions: {
      input: entryPoints,
    },
  },
}));