@langgraph-js/sdk 3.0.0 → 3.0.3

package/dist/LangGraphClient.js

@@ -208,7 +208,7 @@ export class LangGraphClient extends EventEmitter {
             throw new Error("Thread or Assistant not initialized");
         }
         if (!this.currentThread) {
-            await this.createThread({ graphId: this.currentAssistant.graph_id, threadId: this.currentThread.thread_id });
+            await this.createThread({ graphId: this.currentAssistant.graph_id });
             this.emit("thread", {
                 event: "thread/create",
                 data: {

package/dist/react/ChatContext.js

@@ -1,4 +1,4 @@
-import { createElement, createContext, useContext, useMemo, useEffect } from "react";
+import { createElement, createContext, useContext, useMemo, useEffect, useRef } from "react";
 import { createChatStore, useUnionStore } from "../ui-store/index.js";
 import { useStore } from "@nanostores/react";
 const ChatContext = createContext(undefined);
@@ -9,7 +9,14 @@ export const useChat = () => {
     }
     return context;
 };
-export const ChatProvider = ({ children, defaultAgent = "", apiUrl = "http://localhost:8123", defaultHeaders = {}, withCredentials = false, showHistory = false, showGraph = false, onInitError, }) => {
+export const ChatProvider = ({ children, defaultAgent = "", apiUrl = "http://localhost:8123", defaultHeaders, withCredentials = false, showHistory = false, showGraph = false, onInitError, }) => {
+    // 使用 useMemo 稳定 defaultHeaders 的引用
+    const stableHeaders = useMemo(() => defaultHeaders || {}, [defaultHeaders]);
+    // 使用 useRef 保存 onInitError 的最新引用
+    const onInitErrorRef = useRef(onInitError);
+    useEffect(() => {
+        onInitErrorRef.current = onInitError;
+    }, [onInitError]);
     const store = useMemo(() => {
         const F = withCredentials
             ? (url, options) => {
@@ -19,7 +26,7 @@ export const ChatProvider = ({ children, defaultAgent = "", apiUrl = "http://loc
             : fetch;
         return createChatStore(defaultAgent, {
             apiUrl,
-            defaultHeaders,
+            defaultHeaders: stableHeaders,
             callerOptions: {
                 fetch: F,
                 maxRetries: 1,
@@ -28,9 +35,15 @@ export const ChatProvider = ({ children, defaultAgent = "", apiUrl = "http://loc
             showHistory,
             showGraph,
         });
-    }, [defaultAgent, apiUrl, defaultHeaders, withCredentials, showHistory, showGraph]);
+    }, [defaultAgent, apiUrl, stableHeaders, withCredentials, showHistory, showGraph]);
     const unionStore = useUnionStore(store, useStore);
+    // 使用 ref 标记是否已初始化
+    const initializedRef = useRef(false);
     useEffect(() => {
+        if (initializedRef.current) {
+            return;
+        }
+        initializedRef.current = true;
         unionStore
             .initClient()
             .then((res) => {
@@ -40,10 +53,10 @@ export const ChatProvider = ({ children, defaultAgent = "", apiUrl = "http://loc
         })
             .catch((err) => {
             console.error(err);
-            if (onInitError) {
-                onInitError(err, unionStore.currentAgent);
+            if (onInitErrorRef.current) {
+                onInitErrorRef.current(err, unionStore.currentAgent);
             }
         });
-    }, [unionStore, onInitError]);
+    }, [unionStore]);
     return createElement(ChatContext.Provider, { value: unionStore }, children);
 };

package/dist/vue/ChatContext.js

@@ -1,4 +1,4 @@
-import { defineComponent, inject, provide, onMounted } from "vue";
+import { defineComponent, inject, provide, onMounted, defineExpose } from "vue";
 import { createChatStore } from "../ui-store/index.js";
 import { useStore } from "@nanostores/vue";
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@langgraph-js/sdk",
-  "version": "3.0.0",
+  "version": "3.0.3",
   "description": "The UI SDK for LangGraph - seamlessly integrate your AI agents with frontend interfaces",
   "main": "dist/index.js",
   "type": "module",

package/src/LangGraphClient.ts

@@ -302,7 +302,7 @@ export class LangGraphClient<TStateType = unknown> extends EventEmitter<LangGrap
             throw new Error("Thread or Assistant not initialized");
         }
         if (!this.currentThread) {
-            await this.createThread({ graphId: this.currentAssistant!.graph_id!, threadId: this.currentThread!.thread_id! });
+            await this.createThread({ graphId: this.currentAssistant!.graph_id! });
             this.emit("thread", {
                 event: "thread/create",
                 data: {

package/src/react/ChatContext.ts

@@ -1,4 +1,4 @@
-import { createElement, createContext, useContext, useMemo, ReactNode, useEffect } from "react";
+import { createElement, createContext, useContext, useMemo, ReactNode, useEffect, useRef } from "react";
 
 import { createChatStore, UnionStore, useUnionStore } from "../ui-store/index.js";
 import { useStore } from "@nanostores/react";
@@ -28,12 +28,21 @@ export const ChatProvider: React.FC<ChatProviderProps> = ({
     children,
     defaultAgent = "",
     apiUrl = "http://localhost:8123",
-    defaultHeaders = {},
+    defaultHeaders,
     withCredentials = false,
     showHistory = false,
     showGraph = false,
     onInitError,
 }) => {
+    // 使用 useMemo 稳定 defaultHeaders 的引用
+    const stableHeaders = useMemo(() => defaultHeaders || {}, [defaultHeaders]);
+
+    // 使用 useRef 保存 onInitError 的最新引用
+    const onInitErrorRef = useRef(onInitError);
+    useEffect(() => {
+        onInitErrorRef.current = onInitError;
+    }, [onInitError]);
+
     const store = useMemo(() => {
         const F = withCredentials
             ? (url: string, options: RequestInit) => {
@@ -46,7 +55,7 @@ export const ChatProvider: React.FC<ChatProviderProps> = ({
             defaultAgent,
             {
                 apiUrl,
-                defaultHeaders,
+                defaultHeaders: stableHeaders,
                 callerOptions: {
                     fetch: F,
                     maxRetries: 1,
@@ -57,11 +66,19 @@ export const ChatProvider: React.FC<ChatProviderProps> = ({
                 showGraph,
             }
         );
-    }, [defaultAgent, apiUrl, defaultHeaders, withCredentials, showHistory, showGraph]);
+    }, [defaultAgent, apiUrl, stableHeaders, withCredentials, showHistory, showGraph]);
 
     const unionStore = useUnionStore(store, useStore);
 
+    // 使用 ref 标记是否已初始化
+    const initializedRef = useRef(false);
+
     useEffect(() => {
+        if (initializedRef.current) {
+            return;
+        }
+        initializedRef.current = true;
+
         unionStore
             .initClient()
             .then((res) => {
@@ -71,11 +88,11 @@ export const ChatProvider: React.FC<ChatProviderProps> = ({
             })
             .catch((err) => {
                 console.error(err);
-                if (onInitError) {
-                    onInitError(err, unionStore.currentAgent);
+                if (onInitErrorRef.current) {
+                    onInitErrorRef.current(err, unionStore.currentAgent);
                 }
             });
-    }, [unionStore, onInitError]);
+    }, [unionStore]);
 
     return createElement(ChatContext.Provider, { value: unionStore }, children);
 };

package/src/vue/ChatContext.ts

@@ -1,4 +1,4 @@
-import { defineComponent, inject, provide, onMounted, h, type InjectionKey, type PropType, Ref } from "vue";
+import { defineComponent, inject, provide, onMounted, defineExpose, type InjectionKey, type PropType, Ref } from "vue";
 import { createChatStore } from "../ui-store/index.js";
 import { useStore } from "@nanostores/vue";
 import { PreinitializedWritableAtom, StoreValue } from "nanostores";