import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import dts from 'vite-plugin-dts'
import { resolve } from 'node:path'

// Caminho para o seu CSS gerado manualmente (pelo Tailwind)
const cssInput = resolve(__dirname, 'lib/index.css') // se você tiver esse
const cssOutput = resolve(__dirname, 'dist/styles.css')

export default defineConfig({
  plugins: [
    react(),
    dts({
      include: [resolve(__dirname, 'lib')],
      outDir: 'dist/types',
      insertTypesEntry: true,
      rollupTypes: false,
    }),
  ],
  build: {
    copyPublicDir: false,
    lib: {
      entry: resolve(__dirname, 'lib/main.ts'),
      name: 'face-capture-landmarks-lib',
      fileName: 'face-capture-landmarks-lib',
      formats: ['es'],
    },
    rollupOptions: {
      external: ['react', 'react/jsx-runtime'],
      output: {
        assetFileNames: 'assets/[name][extname]',
        entryFileNames: '[name].js',
      },
    },
  },
})