vite.config.ts

/// <reference types="vitest" />

import { resolve } from 'path';
import { defineConfig } from 'vite';

export default defineConfig({
  server: {
    port: 3000,
  },
  build: process.env.NETLIFY
    ? {}
    : {
        lib: process.env.BUILD_WPT
          ? // build that adds a delay variable for WPT test-runner
            {
              entry: resolve(__dirname, 'src/index-wpt.ts'),
              name: 'CssAnchorPositioning',
              formats: ['umd'],
              // the proper extensions will be added
              fileName: 'css-anchor-positioning-wpt',
            }
          : process.env.BUILD_FN
            ? // build that exposes the polyfill as a fn
              {
                entry: resolve(__dirname, 'src/index-fn.ts'),
                name: 'CssAnchorPositioning',
                // the proper extensions will be added
                fileName: 'css-anchor-positioning-fn',
              }
            : // build that runs the polyfill on import
              {
                entry: resolve(__dirname, 'src/index.ts'),
                name: 'CssAnchorPositioning',
                // the proper extensions will be added
                fileName: 'css-anchor-positioning',
              },
        emptyOutDir: !process.env.BUILD_FN,
        target: 'es6',
        sourcemap: true,
      },
  /**
   * @see https://vitest.dev/config/#configuration
   */
  test: {
    include: ['./tests/unit/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
    globals: true,
    environment: 'jsdom',
    watch: false,
    setupFiles: './tests/unit/setup.ts',
    clearMocks: true,
    reporters: 'dot',
    coverage: {
      enabled: true,
      provider: 'istanbul',
      reporter: ['text-summary', 'html'],
      include: ['src/**/*.{js,ts}'],
      exclude: ['src/index.ts', 'src/index-fn.ts', 'src/index-wpt.ts'],
      skipFull: true,
      all: true,
    },
  },
});