@langchain/langgraph-sdk 0.0.47-experimental.0 → 0.0.48

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export { Client } from "./client.js";
-export type { Assistant, AssistantVersion, AssistantGraph, Config, DefaultValues, GraphSchema, Metadata, Run, Thread, ThreadTask, ThreadState, ThreadStatus, Cron, Checkpoint, Interrupt, ListNamespaceResponse, Item, SearchItem, SearchItemsResponse, CronCreateResponse, CronCreateForThreadResponse, } from "./schema.js";
+export type { AssistantBase, Assistant, AssistantVersion, AssistantGraph, Config, DefaultValues, GraphSchema, Metadata, Run, Thread, ThreadTask, ThreadState, ThreadStatus, Cron, Checkpoint, Interrupt, ListNamespaceResponse, Item, SearchItem, SearchItemsResponse, CronCreateResponse, CronCreateForThreadResponse, } from "./schema.js";
 export { overrideFetchImplementation } from "./singletons/fetch.js";
 export type { OnConflictBehavior, Command } from "./types.js";
 export type { StreamMode } from "./types.stream.js";

package/dist/react-ui/client.cjs

@@ -100,13 +100,17 @@ function fetchComponent(apiUrl, assistantId, agentName) {
     COMPONENT_PROMISE_CACHE[cacheKey] = request;
     return request;
 }
-function LoadExternalComponent({ apiUrl = "http://localhost:2024", assistantId, stream, message, meta, fallback, ...props }) {
+function LoadExternalComponent({ apiUrl = "http://localhost:2024", assistantId, stream, message, meta, fallback, components, ...props }) {
     const ref = React.useRef(null);
     const id = React.useId();
     const shadowRootId = `child-shadow-${id}`;
     const store = React.useMemo(() => COMPONENT_STORE.getBoundStore(shadowRootId), [shadowRootId]);
     const state = React.useSyncExternalStore(store.subscribe, store.getSnapshot);
+    const clientComponent = components?.[message.name];
+    const hasClientComponent = clientComponent != null;
     React.useEffect(() => {
+        if (hasClientComponent)
+            return;
         fetchComponent(apiUrl, assistantId, message.name).then((html) => {
             const dom = ref.current;
             if (!dom)
@@ -117,7 +121,10 @@ function LoadExternalComponent({ apiUrl = "http://localhost:2024", assistantId,
                 .createContextualFragment(html.replace("{{shadowRootId}}", shadowRootId));
             root.appendChild(fragment);
         });
-    }, [apiUrl, assistantId, message.name, shadowRootId]);
+    }, [apiUrl, assistantId, message.name, shadowRootId, hasClientComponent]);
+    if (hasClientComponent) {
+        return React.createElement(clientComponent, message.content);
+    }
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { id: shadowRootId, ref: ref, ...props }), (0, jsx_runtime_1.jsx)(UseStreamContext.Provider, { value: { stream, meta }, children: state?.target != null
                     ? ReactDOM.createPortal(React.createElement(state.comp, message.content), state.target)
                     : fallback })] }));

package/dist/react-ui/client.d.ts

@@ -61,8 +61,13 @@ interface LoadExternalComponentProps extends Pick<React.HTMLAttributes<HTMLDivEl
     meta?: unknown;
     /** Fallback to be rendered when the component is loading */
     fallback?: React.ReactNode;
+    /**
+     * Map of components that can be rendered directly without fetching the UI code
+     * from the server.
+     */
+    components?: Record<string, React.FunctionComponent | React.ComponentClass>;
 }
-export declare function LoadExternalComponent({ apiUrl, assistantId, stream, message, meta, fallback, ...props }: LoadExternalComponentProps): JsxRuntime.JSX.Element;
+export declare function LoadExternalComponent({ apiUrl, assistantId, stream, message, meta, fallback, components, ...props }: LoadExternalComponentProps): JsxRuntime.JSX.Element;
 declare global {
     interface Window {
         [EXT_STORE_SYMBOL]: ComponentStore;

package/dist/react-ui/client.js

@@ -73,13 +73,17 @@ function fetchComponent(apiUrl, assistantId, agentName) {
     COMPONENT_PROMISE_CACHE[cacheKey] = request;
     return request;
 }
-export function LoadExternalComponent({ apiUrl = "http://localhost:2024", assistantId, stream, message, meta, fallback, ...props }) {
+export function LoadExternalComponent({ apiUrl = "http://localhost:2024", assistantId, stream, message, meta, fallback, components, ...props }) {
     const ref = React.useRef(null);
     const id = React.useId();
     const shadowRootId = `child-shadow-${id}`;
     const store = React.useMemo(() => COMPONENT_STORE.getBoundStore(shadowRootId), [shadowRootId]);
     const state = React.useSyncExternalStore(store.subscribe, store.getSnapshot);
+    const clientComponent = components?.[message.name];
+    const hasClientComponent = clientComponent != null;
     React.useEffect(() => {
+        if (hasClientComponent)
+            return;
         fetchComponent(apiUrl, assistantId, message.name).then((html) => {
             const dom = ref.current;
             if (!dom)
@@ -90,7 +94,10 @@ export function LoadExternalComponent({ apiUrl = "http://localhost:2024", assist
                 .createContextualFragment(html.replace("{{shadowRootId}}", shadowRootId));
             root.appendChild(fragment);
         });
-    }, [apiUrl, assistantId, message.name, shadowRootId]);
+    }, [apiUrl, assistantId, message.name, shadowRootId, hasClientComponent]);
+    if (hasClientComponent) {
+        return React.createElement(clientComponent, message.content);
+    }
     return (_jsxs(_Fragment, { children: [_jsx("div", { id: shadowRootId, ref: ref, ...props }), _jsx(UseStreamContext.Provider, { value: { stream, meta }, children: state?.target != null
                     ? ReactDOM.createPortal(React.createElement(state.comp, message.content), state.target)
                     : fallback })] }));

package/dist/schema.d.ts

@@ -77,14 +77,14 @@ export interface AssistantBase {
     metadata: Metadata;
     /** The version of the assistant. */
     version: number;
+    /** The name of the assistant */
+    name: string;
 }
 export interface AssistantVersion extends AssistantBase {
 }
 export interface Assistant extends AssistantBase {
     /** The last time the assistant was updated. */
     updated_at: string;
-    /** The name of the assistant */
-    name: string;
 }
 export interface AssistantGraph {
     nodes: Array<{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@langchain/langgraph-sdk",
-  "version": "0.0.47-experimental.0",
+  "version": "0.0.48",
   "description": "Client library for interacting with the LangGraph API",
   "type": "module",
   "packageManager": "yarn@1.22.19",

package/react-ui/client.cjs

@@ -1 +0,0 @@
-module.exports = require('../dist/react-ui/client.cjs');

package/react-ui/client.d.cts

@@ -1 +0,0 @@
-export * from '../dist/react-ui/client.js'

package/react-ui/client.d.ts

@@ -1 +0,0 @@
-export * from '../dist/react-ui/client.js'

package/react-ui/client.js

@@ -1 +0,0 @@
-export * from '../dist/react-ui/client.js'