vite.config.ts

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import dts from 'vite-plugin-dts'
import { resolve } from 'path';
import { libInjectCss } from 'vite-plugin-lib-inject-css';
import { viteStaticCopy } from 'vite-plugin-static-copy';

// https://vite.dev/config/
export default defineConfig({
  resolve: {
    dedupe: ['react', 'react-dom'],
  },
  plugins: [
    react(),
    dts({
      insertTypesEntry: true,
      include: ['src'],
      tsconfigPath: './tsconfig.build.json',
      outDir: 'dist'
    }),
    libInjectCss(),
    viteStaticCopy({
      targets: [
        {
          src: 'src/assets/fonts',
          dest: 'assets'
        }
      ]
    })
  ],
  build: {
    lib: {
      entry: resolve(__dirname, 'src/index.ts'),
      name: '@thatsit/ui',
      // Standardizing the output filename to "index"
      fileName: (format) => `index.${format === 'es' ? 'js' : 'cjs'}`,
      formats: ['es', 'cjs']
    },
    rollupOptions: {
      external: ['react', 'react-dom', 'cmdk'],
      output: {
        globals: {
          react: 'React',
          'react-dom': 'ReactDOM',
          cmdk: 'cmdk',
        },
      },
    },
  },
})