bknd/app/build.ts

import { $ } from "bun";
import * as tsup from "tsup";

const args = process.argv.slice(2);
const watch = args.includes("--watch");
const minify = args.includes("--minify");
const types = args.includes("--types");
const sourcemap = args.includes("--sourcemap");
const clean = args.includes("--clean");

if (clean) {
   console.log("Cleaning dist (w/o static)");
   await $`find dist -mindepth 1 ! -path "dist/static/*" ! -path "dist/static" -exec rm -rf {} +`;
}

let types_running = false;
function buildTypes() {
   if (types_running || !types) return;
   types_running = true;

   Bun.spawn(["bun", "build:types"], {
      stdout: "inherit",
      onExit: () => {
         console.log("Types built");
         Bun.spawn(["bun", "tsc-alias"], {
            stdout: "inherit",
            onExit: () => {
               console.log("Types aliased");
               types_running = false;
            }
         });
      }
   });
}

let watcher_timeout: any;
function delayTypes() {
   if (!watch || !types) return;
   if (watcher_timeout) {
      clearTimeout(watcher_timeout);
   }
   watcher_timeout = setTimeout(buildTypes, 1000);
}

if (types && !watch) {
   buildTypes();
}

/**
 * Building backend and general API
 */
await tsup.build({
   minify,
   sourcemap,
   watch,
   entry: ["src/index.ts", "src/data/index.ts", "src/core/index.ts", "src/core/utils/index.ts"],
   outDir: "dist",
   external: ["bun:test", "@libsql/client"],
   metafile: true,
   platform: "browser",
   format: ["esm"],
   splitting: false,
   treeshake: true,
   loader: {
      ".svg": "dataurl"
   },
   onSuccess: async () => {
      delayTypes();
   }
});

/**
 * Building UI for direct imports
 */
await tsup.build({
   minify,
   sourcemap,
   watch,
   entry: ["src/ui/index.ts", "src/ui/client/index.ts", "src/ui/main.css", "src/ui/styles.css"],
   outDir: "dist/ui",
   external: [
      "bun:test",
      "react",
      "react-dom",
      "react/jsx-runtime",
      "react/jsx-dev-runtime",
      "use-sync-external-store",
      /codemirror/,
      "@xyflow/react",
      "@mantine/core"
   ],
   metafile: true,
   platform: "browser",
   format: ["esm"],
   splitting: false,
   bundle: true,
   treeshake: true,
   loader: {
      ".svg": "dataurl"
   },
   esbuildOptions: (options) => {
      options.logLevel = "silent";
   },
   onSuccess: async () => {
      delayTypes();
   }
});

/**
 * Building UI Elements
 * - tailwind-merge is mocked, no exclude
 * - ui/client is external, and after built replaced with "bknd/client"
 */
await tsup.build({
   minify,
   sourcemap,
   watch,
   entry: ["src/ui/elements/index.ts"],
   outDir: "dist/ui/elements",
   external: [
      "ui/client",
      "react",
      "react-dom",
      "react/jsx-runtime",
      "react/jsx-dev-runtime",
      "use-sync-external-store"
   ],
   metafile: true,
   platform: "browser",
   format: ["esm"],
   splitting: false,
   bundle: true,
   treeshake: true,
   loader: {
      ".svg": "dataurl"
   },
   esbuildOptions: (options) => {
      options.alias = {
         // not important for elements, mock to reduce bundle
         "tailwind-merge": "./src/ui/elements/mocks/tailwind-merge.ts"
      };
   },
   onSuccess: async () => {
      // manually replace ui/client with bknd/client
      const path = "./dist/ui/elements/index.js";
      const bundle = await Bun.file(path).text();
      await Bun.write(path, bundle.replaceAll("ui/client", "bknd/client"));

      delayTypes();
   }
});

/**
 * Building adapters
 */
function baseConfig(adapter: string): tsup.Options {
   return {
      minify,
      sourcemap,
      watch,
      entry: [`src/adapter/${adapter}/index.ts`],
      format: ["esm"],
      platform: "neutral",
      outDir: `dist/adapter/${adapter}`,
      define: {
         __isDev: "0"
      },
      external: [
         /^cloudflare*/,
         /^@?(hono|libsql).*?/,
         /^(bknd|react|next|node).*?/,
         /.*\.(html)$/
      ],
      metafile: true,
      splitting: false,
      onSuccess: async () => {
         delayTypes();
      }
   };
}

// base adapter handles
await tsup.build({
   ...baseConfig(""),
   entry: ["src/adapter/index.ts"],
   outDir: "dist/adapter"
});

// specific adatpers
await tsup.build(baseConfig("remix"));
await tsup.build(baseConfig("bun"));
await tsup.build(baseConfig("astro"));
await tsup.build(baseConfig("cloudflare"));

await tsup.build({
   ...baseConfig("vite"),
   platform: "node"
});

await tsup.build({
   ...baseConfig("nextjs"),
   platform: "node"
});

await tsup.build({
   ...baseConfig("node"),
   platform: "node"
});