@langchain/langgraph-ui 0.0.19 → 0.0.20-dev.1

package/dist/api.d.mts

@@ -0,0 +1,6 @@
+export declare function build(options: {
+    output: string;
+}): Promise<void>;
+export declare function watch(options: {
+    output: string;
+}): Promise<void>;

package/dist/api.mjs

@@ -0,0 +1,62 @@
+import { z } from "zod";
+import * as fs from "node:fs/promises";
+import * as path from "node:path";
+import * as bundler from "./bundler.mjs";
+export async function build(options) {
+    const cwd = process.cwd();
+    const defs = z
+        .record(z.string(), z.string())
+        .parse(JSON.parse(process.env.LANGGRAPH_UI || "{}"));
+    const config = z
+        .object({ shared: z.array(z.string()).optional() })
+        .parse(JSON.parse(process.env.LANGGRAPH_UI_CONFIG || "{}"));
+    const fullPath = path.resolve(cwd, options.output);
+    const publicPath = path.resolve(fullPath, "ui");
+    const schemasPath = path.resolve(fullPath, "client.ui.schemas.json");
+    const schemas = {};
+    await Promise.all(Object.entries(defs).map(async ([graphId, userPath]) => {
+        const folder = path.resolve(publicPath, graphId);
+        await fs.mkdir(folder, { recursive: true });
+        const files = await bundler.build(graphId, { userPath, cwd, config });
+        await Promise.all(files.map(async (item) => {
+            const target = path.resolve(folder, item.basename);
+            await fs.writeFile(target, item.contents);
+            schemas[graphId] ??= { assets: [], name: graphId };
+            schemas[graphId].assets.push(path.relative(folder, target));
+        }));
+    }));
+    await fs.writeFile(schemasPath, JSON.stringify(schemas), {
+        encoding: "utf-8",
+    });
+}
+export async function watch(options) {
+    const cwd = process.cwd();
+    const defs = z
+        .record(z.string(), z.string())
+        .parse(JSON.parse(process.env.LANGGRAPH_UI || "{}"));
+    const config = z
+        .object({ shared: z.array(z.string()).optional() })
+        .parse(JSON.parse(process.env.LANGGRAPH_UI_CONFIG || "{}"));
+    const fullPath = path.resolve(cwd, options.output);
+    const publicPath = path.resolve(fullPath, "public");
+    const schemasPath = path.resolve(fullPath, "schemas.json");
+    const schemas = {};
+    let promiseSeq = Promise.resolve();
+    await Promise.all(Object.entries(defs).map(async ([graphId, userPath]) => {
+        const folder = path.resolve(publicPath, graphId);
+        await fs.mkdir(folder, { recursive: true });
+        await bundler.watch(graphId, { cwd, userPath, config }, (files) => {
+            promiseSeq = promiseSeq.then(async () => {
+                await Promise.all(files.map(async ({ basename, contents }) => {
+                    const target = path.resolve(folder, basename);
+                    await fs.writeFile(target, contents);
+                    schemas[graphId] ??= { assets: [], name: graphId };
+                    schemas[graphId].assets.push(path.relative(folder, target));
+                }));
+                await fs.writeFile(schemasPath, JSON.stringify(schemas), {
+                    encoding: "utf-8",
+                });
+            }, (e) => console.error(e));
+        });
+    }));
+}

package/dist/cli.mjs

@@ -1,32 +1,13 @@
-import { watch } from "./bundler.mjs";
-import * as fs from "node:fs/promises";
-import * as url from "node:url";
-import * as path from "node:path";
-import { z } from "zod";
-const cmd = process.argv.at(-1);
-if (cmd !== "dev")
-    throw new Error(`Invalid command "${cmd}"`);
-const cwd = process.cwd();
-const defs = z
-    .record(z.string(), z.string())
-    .parse(JSON.parse(process.env.LANGGRAPH_UI || "{}"));
-const config = z
-    .object({ shared: z.array(z.string()).optional() })
-    .parse(JSON.parse(process.env.LANGGRAPH_UI_CONFIG || "{}"));
-const UI_DIR = url.fileURLToPath(new URL("../../ui", import.meta.url));
-// clear the files in the ui directory
-await fs.rm(UI_DIR, { recursive: true, force: true });
-// watch the files in the ui directory
-await Promise.all(Object.entries(defs).map(async ([graphId, userPath]) => {
-    const folder = path.resolve(UI_DIR, graphId);
-    await fs.mkdir(folder, { recursive: true });
-    let promiseSeq = Promise.resolve();
-    await watch(graphId, { cwd, userPath, config }, (files) => {
-        promiseSeq = promiseSeq.then(async () => {
-            await Promise.all(files.map(async ({ basename, contents }) => {
-                const target = path.join(folder, basename);
-                await fs.writeFile(target, contents);
-            }));
-        }, (e) => console.error(e));
-    });
-}));
+#!/usr/bin/env node
+import { Command } from "@commander-js/extra-typings";
+import * as api from "./api.mjs";
+const builder = new Command().name("langgraphjs-ui");
+builder
+    .command("build")
+    .requiredOption("-o, --output <string>", "Output directory")
+    .action(api.build);
+builder
+    .command("watch")
+    .requiredOption("-o, --output <string>", "Output directory")
+    .action(api.watch);
+builder.parse();

package/dist/index.d.mts

@@ -1 +1 @@
-export { build, watch } from "./bundler.mjs";
+export { build, watch } from "./api.mjs";

package/dist/index.mjs

@@ -1 +1 @@
-export { build, watch } from "./bundler.mjs";
+export { build, watch } from "./api.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@langchain/langgraph-ui",
-  "version": "0.0.19",
+  "version": "0.0.20-dev.1",
   "type": "module",
   "engines": {
     "node": "^18.19.0 || >=20.16.0"
@@ -20,7 +20,9 @@
   "dependencies": {
     "zod": "^3.23.8",
     "esbuild": "^0.25.0",
-    "esbuild-plugin-tailwindcss": "^2.0.1"
+    "esbuild-plugin-tailwindcss": "^2.0.1",
+    "@commander-js/extra-typings": "^13.0.0",
+    "commander": "^13.0.0"
   },
   "devDependencies": {
     "@types/react": "^19.0.8",