vite.config.ts

/// <reference types="vitest/config" />
import { defineConfig } from 'vite'
import { resolve } from 'path'
import tailwindcss from '@tailwindcss/vite'
import dts from 'vite-plugin-dts'
import { welyTailwindPlugin } from './src/build/wely-tailwind-plugin'

/** Library build modes: default = runtime-only for npm; bundle/chunks = runtime + demo components (see src/demo-bundle.ts). */
const isBundle = process.env.WELY_BUILD_MODE === 'bundle'
const isChunks = process.env.WELY_BUILD_MODE === 'chunks'
const runDts = !isBundle && !isChunks

export default defineConfig(({ command }) => {
  const includeComponentTailwind =
    isBundle || isChunks || command !== 'build'

  return {
    resolve: {
      alias: {
        /** Must be before `welyjs` so `welyjs/test` does not resolve under the runtime file alias. */
        'welyjs/test': resolve(__dirname, 'src/testing/index.ts'),
        /** Same public API as the published package — playground imports `welyjs` so it works in consumer projects too. */
        welyjs: resolve(__dirname, 'src/runtime/index.ts'),
      },
    },
    plugins: [
      welyTailwindPlugin({
        root: __dirname,
        welyPkgDir: __dirname,
        empty: !includeComponentTailwind,
        extraSources: includeComponentTailwind ? ['src/runtime/__tests__/**/*.ts'] : undefined,
      }),
      tailwindcss(),
      runDts && dts({ rollupTypes: true, outDir: 'dist', exclude: ['**/__tests__/**', '**/*.test.ts'] }),
    ].filter(Boolean),
    build: {
      target: 'es2020',
      minify: 'terser',
      terserOptions: {
        compress: { passes: 2, drop_console: false },
        format: { comments: false },
      },
      sourcemap: false,
      rollupOptions: {
        output: {
          ...(isChunks && {
            chunkFileNames: 'chunks/[name].js',
            manualChunks(id) {
              if (id.includes('src/runtime') || id.includes('src/styles')) return 'runtime'
              if (id.includes('src/components')) return 'components'
            },
          }),
        },
      },
      lib:
        isBundle || isChunks
          ? {
              entry: resolve(__dirname, 'src/demo-bundle.ts'),
              name: 'Wely',
              fileName: (format) => (isChunks ? 'wely.chunked.es' : `wely.bundle.${format}`) + '.js',
              formats: isChunks ? ['es'] : ['es', 'umd'],
            }
          : {
              entry: resolve(__dirname, 'src/runtime/index.ts'),
              name: 'Wely',
              fileName: (format) => `wely.${format}.js`,
            },
    },
    test: {
      globals: true,
      environment: 'jsdom',
      include: ['src/**/*.test.ts', 'e2e/**/*.e2e.test.ts'],
    },
  }
})