vite.config.js

import { defineConfig } from "vite";
import { svelte } from "@sveltejs/vite-plugin-svelte";
import { resolve } from "path";
import dts from "vite-plugin-dts";
import { copyFileSync, mkdirSync } from "fs";

export default defineConfig(({ mode }) => {
  const isLibraryBuild =
    mode === "production" || process.env.BUILD_MODE === "library";

  if (isLibraryBuild) {
    // Library build configuration
    return {
      plugins: [
        svelte({
          compilerOptions: {
            customElement: true,
          },
        }),
        dts({
          insertTypesEntry: true,
          outDir: "dist",
          include: ["src/**/*.ts", "src/**/*.svelte"],
          exclude: ["src/**/*.test.*", "docs/**/*", "test-app/**/*"],
        }),
        // Custom plugin to copy built files to docs/dist/
        {
          name: "copy-to-docs",
          writeBundle() {
            // Small delay to ensure files are fully written before copying
            setTimeout(() => {
              try {
                mkdirSync("./docs/dist", { recursive: true });
                copyFileSync(
                  "./dist/terminal-session.es.js",
                  "./docs/dist/terminal-session.es.js"
                );
                copyFileSync(
                  "./dist/terminal-session.umd.js",
                  "./docs/dist/terminal-session.umd.js"
                );
                console.log("✅ Copied build files to docs/dist/");
              } catch (error) {
                console.warn(
                  "⚠️ Failed to copy files to docs/dist/:",
                  error.message
                );
              }
            }, 100);
          },
        },
      ],
      build: {
        outDir: "dist",
        lib: {
          entry: resolve(__dirname, "src/main.ts"),
          name: "TerminalSession",
          fileName: (format) => `terminal-session.${format}.js`,
        },
        rollupOptions: {
          // Bundle everything for standalone web component
          output: {
            // No globals needed when everything is bundled
          },
        },
      },
    };
  } else {
    // Dev server configuration
    return {
      root: "docs",
      plugins: [
        svelte({
          compilerOptions: {
            customElement: true,
          },
        }),
      ],
      server: {
        open: true,
      },
    };
  }
});