vite.config.ts

import react from "@vitejs/plugin-react";
import dts from "vite-plugin-dts";
import { defineConfig } from "vitest/config";

export default defineConfig({
  plugins: [
    react(),
    dts({
      tsconfigPath: "./tsconfig.build.json",
      include: ["src/**/*.ts", "src/**/*.tsx"],
      exclude: ["src/**/*.test.ts", "src/**/*.test.tsx", "src/test/**"],
      outDir: "dist",
      insertTypesEntry: false, // We manually set types in package.json
    }),
  ],
  build: {
    lib: {
      entry: "./src/index.tsx", // Ensure this exists
      name: "DynamicUI",
      formats: ["es", "cjs"],
      fileName: (format) => `index.${format}.js`,
    },
    // Target modern browsers for smaller bundles
    target: "es2020",
    // Enable CSS code splitting
    cssCodeSplit: true,
    // Enable minification
    minify: "esbuild",
    rollupOptions: {
      external: (id) => {
        // Externalize all React-related imports
        return (
          id === "react" ||
          id === "react-dom" ||
          id.startsWith("react/") ||
          id.startsWith("react-dom/")
        );
      },
      output: {
        exports: "named",
        // Manual chunk splitting for better caching
        manualChunks: (id) => {
          // Separate PatternFly into its own chunk
          if (
            id.includes("@patternfly/react-core") ||
            id.includes("@patternfly/react-charts") ||
            id.includes("@patternfly/react-table") ||
            id.includes("@patternfly/react-data-view")
          ) {
            return "patternfly";
          }
        },
        globals: {
          react: "React",
          "react-dom": "ReactDOM",
          "react/jsx-runtime": "React",
          "react/jsx-dev-runtime": "React",
          "react-dom/client": "ReactDOM",
        },
      },
    },
  },
  test: {
    globals: true,
    environment: "jsdom",
    setupFiles: "./src/test/setup.tsx",
    coverage: {
      provider: "v8",
      reporter: ["text", "json", "html", "lcov"],
      exclude: [
        "node_modules/",
        "src/test/",
        "**/*.test.{ts,tsx}",
        "**/*.config.{ts,js}",
        "dist/",
      ],
    },
  },
});