vitest/packages/browser/rollup.config.js

import { createRequire } from 'node:module'
import commonjs from '@rollup/plugin-commonjs'
import json from '@rollup/plugin-json'
import resolve from '@rollup/plugin-node-resolve'
import { defineConfig } from 'rollup'
import esbuild from 'rollup-plugin-esbuild'
import { createDtsUtils } from '../../scripts/build-utils.js'

const require = createRequire(import.meta.url)
const pkg = require('./package.json')

const external = [
  ...Object.keys(pkg.dependencies),
  ...Object.keys(pkg.peerDependencies || {}),
  /^@?vitest(\/|$)/,
  'worker_threads',
  'node:worker_threads',
  'vite',
]

const dtsUtils = createDtsUtils()
const dtsUtilsClient = createDtsUtils({
  // need extra depth to avoid output conflict
  isolatedDeclDir: '.types-client/tester',
  cleanupDir: '.types-client',
})

const plugins = [
  resolve({
    preferBuiltins: true,
  }),
  json(),
  commonjs(),
  esbuild({
    target: 'node18',
  }),
]

const input = {
  index: './src/node/index.ts',
  providers: './src/node/providers/index.ts',
}

export default () =>
  defineConfig([
    {
      input,
      output: {
        dir: 'dist',
        format: 'esm',
      },
      external,
      context: 'null',
      plugins: [
        {
          name: 'no-side-effects',
          async resolveId(id, importer) {
            // Clipboard injects "afterEach" callbacks
            // We mark it as having no side effects to prevent it from being included in the bundle
            if (id.includes('dataTransfer/Clipboard')) {
              return {
                ...await this.resolve(id, importer),
                moduleSideEffects: false,
              }
            }
          },
        },
        ...dtsUtils.isolatedDecl(),
        ...plugins,
      ],
    },
    {
      input: {
        'locators/playwright': './src/client/tester/locators/playwright.ts',
        'locators/webdriverio': './src/client/tester/locators/webdriverio.ts',
        'locators/preview': './src/client/tester/locators/preview.ts',
        'locators/index': './src/client/tester/locators/index.ts',
        'utils': './src/client/tester/public-utils.ts',
      },
      output: {
        dir: 'dist',
        format: 'esm',
      },
      external,
      plugins: [
        ...dtsUtilsClient.isolatedDecl(),
        ...plugins,
      ],
    },
    {
      input: './src/client/tester/context.ts',
      output: {
        file: 'dist/context.js',
        format: 'esm',
      },
      plugins: [
        esbuild({
          target: 'node18',
        }),
      ],
    },
    {
      input: './src/client/client.ts',
      output: {
        file: 'dist/client.js',
        format: 'esm',
      },
      plugins: [
        resolve({
          preferBuiltins: true,
        }),
        esbuild({
          target: 'node18',
        }),
      ],
    },
    {
      input: './src/client/tester/state.ts',
      output: {
        file: 'dist/state.js',
        format: 'iife',
      },
      plugins: [
        esbuild({
          target: 'node18',
          minifyWhitespace: true,
        }),
        resolve(),
      ],
    },
    {
      input: dtsUtils.dtsInput(input.index),
      output: {
        dir: 'dist',
        entryFileNames: '[name].d.ts',
        format: 'esm',
      },
      external,
      plugins: dtsUtils.dts(),
    },
    {
      input: dtsUtilsClient.dtsInput({
        'locators/index': './src/client/tester/locators/index.ts',
      }),
      output: {
        dir: 'dist',
        entryFileNames: '[name].d.ts',
        format: 'esm',
      },
      external,
      plugins: dtsUtilsClient.dts(),
    },
    // {
    //   input: './src/client/tester/jest-dom.ts',
    //   output: {
    //     file: './jest-dom.d.ts',
    //     format: 'esm',
    //   },
    //   external: [],
    //   plugins: [
    //     dts({
    //       respectExternal: true,
    //     }),
    //   ],
    // },
  ])