@langgraph-js/sdk 1.10.0 → 1.10.1

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.1",
   "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/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;
-        });
-    };
-}