vite.lib.config.ts

import { defineConfig } from 'vite'
import tailwindcss from '@tailwindcss/vite'
import react from '@vitejs/plugin-react'

/**
 * Library build configuration.
 * Run via: npm run build:lib
 *
 * Outputs:
 *   dist/index.js   — ESM bundle (tree-shakeable)
 *   dist/index.css  — Tailwind-generated stylesheet (consumers must import separately)
 *   dist/index.d.ts — TypeScript declarations (generated by tsc, see tsconfig.build.json)
 */
const src = new URL('src', import.meta.url).pathname

export default defineConfig({
  plugins: [react(), tailwindcss()],
  resolve: {
    alias: {
      '@': src,
    },
  },
  build: {
    lib: {
      entry: `${src}/app/components/openapi-designer/index.ts`,
      name: 'OpenAPIDesigner',
      formats: ['es'],
      fileName: 'index',
    },
    rollupOptions: {
      // React must be provided by the consumer (peer dependency).
      external: ['react', 'react-dom', 'react/jsx-runtime'],
      output: {
        // Write CSS asset as dist/index.css so the exports map resolves correctly.
        assetFileNames: 'index.[ext]',
      },
    },
    outDir: 'dist',
    emptyOutDir: true,
    sourcemap: true,
    // Emit a single CSS file instead of per-chunk splits.
    cssCodeSplit: false,
  },
})