@langgraph-js/sdk 1.10.0 → 1.10.2

package/dist/TestKit.d.ts

@@ -66,11 +66,12 @@ export declare class TestLangGraphChat {
     checkAllTask(messages: readonly RenderMessage[], options?: {
         skipLengthCheck?: boolean;
     }): void;
+    private readited;
     /**
      * @zh 准备测试环境，初始化客户端连接
      * @en Prepare test environment, initialize client connection
      */
-    ready(): Promise<import("./LangGraphClient.js").LangGraphClient>;
+    ready(): Promise<import("./LangGraphClient.js").LangGraphClient> | undefined;
     /**
      * @zh 模拟人类输入消息并等待测试任务完成，这是测试的核心方法
      * @en Simulate human input and wait for test tasks to complete, this is the core test method

package/dist/TestKit.js

@@ -26,6 +26,7 @@ export class TestLangGraphChat {
         this.lastLength = 0;
         /** 待处理的测试任务列表 */
         this.processFunc = [];
+        this.readited = false;
         this.debug = (_a = options.debug) !== null && _a !== void 0 ? _a : false;
         options.tools && this.addTools(options.tools);
         const renderMessages = this.store.data.renderMessages;
@@ -92,6 +93,10 @@ export class TestLangGraphChat {
      * @en Prepare test environment, initialize client connection
      */
     ready() {
+        if (this.readited) {
+            return;
+        }
+        this.readited = true;
         return this.store.mutations.initClient();
     }
     /**
@@ -121,7 +126,9 @@ export class TestLangGraphChat {
                     content: text,
                 },
             ])
-                .then(() => {
+                .then(async () => {
+                // messages 有 10 ms 的 debounce，我们需要稍等一下
+                await new Promise((resolve) => setTimeout(resolve, 20));
                 this.checkAllTask(this.getMessages(), {
                     skipLengthCheck: true,
                 });

package/dist/ui-store/createChatStore.js

@@ -1,6 +1,6 @@
 import { atom } from "nanostores";
 import { LangGraphClient } from "../LangGraphClient.js";
-import { rafDebounce } from "./rafDebounce.js";
+import { debounce } from "ts-debounce";
 import { ToolRenderData } from "../tool/ToolUI.js";
 /**
  * @zh 格式化日期对象为时间字符串。
@@ -91,12 +91,12 @@ export const createChatStore = (initClientName, config, context = {}) => {
         if (showGraph.get())
             graphVisualize.set((await ((_a = client.get()) === null || _a === void 0 ? void 0 : _a.graphVisualize())) || null);
     };
-    const updateUI = rafDebounce((newClient) => {
+    const updateUI = debounce((newClient) => {
         const messages = newClient.renderMessage;
         const lastMessage = messages[messages.length - 1];
         currentNodeName.set((lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.node_name) || (lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.name) || "__start__");
         renderMessages.set(messages);
-    });
+    }, 10);
     /**
      * @zh 初始化 LangGraph 客户端。
      * @en Initializes the LangGraph client.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@langgraph-js/sdk",
-  "version": "1.10.0",
+  "version": "1.10.2",
   "description": "The UI SDK for LangGraph - seamlessly integrate your AI agents with frontend interfaces",
   "main": "dist/index.js",
   "type": "module",
@@ -32,6 +32,7 @@
     "@langchain/langgraph-sdk": "^0.0.77",
     "jsonrepair": "^3.12.0",
     "nanostores": "^1.0.1",
+    "ts-debounce": "^4.0.0",
     "zod": "^3.25.17",
     "zod-to-json-schema": "^3.24.5"
   },

package/src/TestKit.ts

@@ -117,11 +117,16 @@ export class TestLangGraphChat {
         }
     }
 
+    private readited = false
     /**
      * @zh 准备测试环境，初始化客户端连接
      * @en Prepare test environment, initialize client connection
      */
     ready() {
+        if (this.readited) {
+            return
+        }
+        this.readited = true
         return this.store.mutations.initClient();
     }
 
@@ -152,7 +157,9 @@ export class TestLangGraphChat {
                         content: text,
                     },
                 ])
-                .then(() => {
+                .then(async () => {
+                    // messages 有 10 ms 的 debounce，我们需要稍等一下
+                    await new Promise((resolve) => setTimeout(resolve, 20));
                     this.checkAllTask(this.getMessages(), {
                         skipLengthCheck: true,
                     });

package/src/ui-store/createChatStore.ts

@@ -1,7 +1,7 @@
 import { atom, computed } from "nanostores";
 import { LangGraphClient, LangGraphClientConfig, RenderMessage, SendMessageOptions } from "../LangGraphClient.js";
 import { AssistantGraph, Message, Thread } from "@langchain/langgraph-sdk";
-import { rafDebounce } from "./rafDebounce.js";
+import { debounce } from "ts-debounce";
 import { ToolRenderData } from "../tool/ToolUI.js";
 import { UnionTool } from "../tool/createTool.js";
 
@@ -97,14 +97,14 @@ export const createChatStore = (
     const refreshGraph = async () => {
         if (showGraph.get()) graphVisualize.set((await client.get()?.graphVisualize()) || null);
     };
-    const updateUI = rafDebounce((newClient: LangGraphClient) => {
+    const updateUI = debounce((newClient: LangGraphClient) => {
         const messages = newClient.renderMessage;
         const lastMessage = messages[messages.length - 1];
 
         currentNodeName.set(lastMessage?.node_name || lastMessage?.name || "__start__");
 
         renderMessages.set(messages);
-    });
+    }, 10);
     /**
      * @zh 初始化 LangGraph 客户端。
      * @en Initializes the LangGraph client.

package/src/ui-store/rafDebounce.ts

@@ -1,29 +0,0 @@
-/**
- * Creates a debounced function that executes once per animation frame
- * @param callback - The function to debounce
- * @returns A function that executes the callback on the next animation frame
- */
-export function rafDebounce<T extends (...args: any[]) => any>(callback: T): (...args: Parameters<T>) => void {
-    let rafId: number | null = null;
-    let lastArgs: Parameters<T> | null = null;
-
-    // Return the debounced function
-    return function (...args: Parameters<T>): void {
-        // Store the most recent arguments
-        lastArgs = args;
-
-        // Cancel any pending animation frame
-        if (rafId !== null) {
-            cancelAnimationFrame(rafId);
-        }
-
-        // Schedule execution on the next animation frame
-        rafId = requestAnimationFrame(() => {
-            if (lastArgs !== null) {
-                callback(...lastArgs);
-                lastArgs = null;
-            }
-            rafId = null;
-        });
-    };
-}