vite.config.ts

/// <reference types="vitest" />
import { defineConfig } from 'vite'
import path from 'node:path'
import react from '@vitejs/plugin-react'
import dts from 'vite-plugin-dts'

export default defineConfig({
  plugins: [
    react({
      jsxRuntime: 'automatic',
    }),
    dts({
      insertTypesEntry: true,
    }),
  ],
  build: {
    /**
     * The library shouldn't minified.
     */
    minify: false,
    lib: {
      entry: path.resolve(process.cwd(), './src/index.ts'),
    },
    rollupOptions: {
      input: {
        index: 'src/index.ts',
      },
      external: [
        'react',
        'react-dom',
        'react/jsx-runtime',
        '@react-awesome/use-selection-range',
        '@react-awesome/use-previous',
        '@react-awesome/use-click-outside',
        '@react-awesome/use-preserve-input-caret-position',
        '@react-awesome/phone-input',
        '@react-awesome/use-toggle',
        '@react-awesome/use-breakpoint',
      ],
      output: [
        {
          dir: 'dist',
          entryFileNames: '[name].js',
          chunkFileNames: '[name]-[chunk].js',
          format: 'esm',
          exports: 'named',
          preserveModules: true,
        },
        {
          dir: 'dist',
          entryFileNames: '[name].cjs',
          chunkFileNames: '[name]-[chunk].cjs',
          format: 'cjs',
          exports: 'named',
          preserveModules: true,
        },
      ],
    },
  },
  test: {
    globals: true,
    testTimeout: 15_000,
    environment: 'jsdom',
    retry: 2,
    poolOptions: {
      threads: {
        singleThread: true,
      },
    },
    setupFiles: path.resolve(process.cwd(), '../../setup-test.tsx'),
    include: [
      /**
       * Unit tests should only apply to helpers function only.
       * For component testing, we should use Functional Test.
       * Thus to avoid unnecessary tests we should use .tsx for components file only.
       */
      './src/**/*.spec.ts',
      './src/**/*.spec.tsx',
    ],
    coverage: {
      provider: 'istanbul',
      include: ['**/*.ts', '**/*.tsx'],
      reporter: ['text', 'json', 'html'],
      /**
       * minimum threshold range, should be 100
       */
      thresholds: {
        statements: 0,
        functions: 0,
        lines: 0,
        branches: 0,
      },
    },
  },
})