vite.config.ts

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

// Default configuration for library build
export default defineConfig({
  plugins: [react(), dts({ include: ['lib'] }), tailwindcss()],
  build: {
    copyPublicDir: false,
    lib: {
      name: 'react-two.js',
      entry: resolve(__dirname, 'lib/main.ts'),
      fileName: (format, entryName) => `react-two-${entryName}.${format}.js`,
      formats: ['es'],
    },
    rollupOptions: {
      external: ['react', 'react/jsx-runtime', 'two.js'],
      output: {
        globals: {
          react: 'React',
          'two.js': 'Two',
        },
      },
    },
  },
  resolve: {
    alias: {
      '@': resolve(__dirname, 'src'),
      'react-two.js': resolve(__dirname, 'lib/main.ts'),
    },
  },
  server: {
    port: 3000,
  },
});