vite.config.ts

import { defineConfig } from 'vite';
import tailwindcss from '@tailwindcss/vite';
import dts from 'vite-plugin-dts';
import { resolve } from 'path';

export default defineConfig({
  plugins: [
    tailwindcss(),
    dts({
      include: ['src'],
      exclude: ['src/**/*.test.ts', 'dev'],
    }),
  ],
  build: {
    lib: {
      entry: {
        index: resolve(__dirname, 'src/index.ts'),
        react: resolve(__dirname, 'src/react.ts'),
        define: resolve(__dirname, 'src/define.ts'),
      },
      formats: ['es', 'cjs'],
      fileName: (format, entryName) => {
        if (format === 'cjs') return `${entryName}.cjs`;
        return `${entryName}.js`;
      },
    },
    rollupOptions: {
      external: [/^lit(\/|$)/, /^@lit(\/|$)/, 'react', 'react-dom', 'react/jsx-runtime'],
      output: {
        globals: {
          lit: 'Lit',
          react: 'React',
          'react-dom': 'ReactDOM',
          'react/jsx-runtime': 'ReactJSXRuntime',
        },
      },
    },
    cssCodeSplit: false,
    minify: 'esbuild',
  },
  resolve: {
    alias: {
      '@': resolve(__dirname, 'src'),
    },
  },
});