vite.config.ts

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

/** @type {import('vite').UserConfig} */
export default defineConfig(({ mode }) => {
    if (mode === 'docs') {
        return {
            plugins: [tailwindcss()],
            build: { outDir: 'docs' },
            base: '/react-wizard-onboarding/'
        }
    }
    if (mode === 'production') {
        return {
            plugins: [react(), tailwindcss(), dts({ include: ['lib'] })],
            build: {
                lib: {
                    entry: resolve(__dirname, 'lib/main.ts'),
                    name: 'react-wizard-onboarding',
                    fileName: 'main'
                },
                rollupOptions: {
                    external: ['react', 'react-dom', 'react/jsx-runtime'],
                    output: {
                        globals: {
                            react: 'React',
                            'react-dom': 'ReactDOM',
                            'react/jsx-runtime': 'ReactJsxRuntime'
                        }
                    }
                }
            }
        }
    }
    return {
        plugins: [react({ include: /\.[jt]sx?$/ }), tailwindcss()],
        test: {
            globals: true,
            environment: 'jsdom',
            setupFiles: './tests/setupTests.js',
            include: ['src/__tests__/**/*.test.{js,jsx,ts,tsx}']
        }
    }
})