@langchain/vue 0.1.3 → 0.3.0

package/dist/stream.custom.js.map

@@ -1 +1 @@
-{"version":3,"file":"stream.custom.js","names":[],"sources":["../src/stream.custom.ts"],"sourcesContent":["import { onScopeDispose, ref, shallowRef, watch } from \"vue\";\nimport {\n  StreamManager,\n  MessageTupleManager,\n  extractInterrupts,\n  toMessageClass,\n  ensureMessageInstances,\n  type EventStreamEvent,\n  type GetUpdateType,\n  type GetCustomEventType,\n  type GetInterruptType,\n  type GetConfigurableType,\n  type AnyStreamCustomOptions,\n  type CustomSubmitOptions,\n  type MessageMetadata,\n} from \"@langchain/langgraph-sdk/ui\";\nimport { getToolCallsWithResults } from \"@langchain/langgraph-sdk/utils\";\nimport type { BagTemplate, Message, Interrupt } from \"@langchain/langgraph-sdk\";\n\nexport function useStreamCustom<\n  StateType extends Record<string, unknown> = Record<string, unknown>,\n  Bag extends BagTemplate = BagTemplate,\n>(options: AnyStreamCustomOptions<StateType, Bag>) {\n  type UpdateType = GetUpdateType<Bag, StateType>;\n  type CustomType = GetCustomEventType<Bag>;\n  type InterruptType = GetInterruptType<Bag>;\n  type ConfigurableType = GetConfigurableType<Bag>;\n\n  const messageManager = new MessageTupleManager();\n  const stream = new StreamManager<StateType, Bag>(messageManager, {\n    throttle: options.throttle ?? false,\n    subagentToolNames: options.subagentToolNames,\n    filterSubagentMessages: options.filterSubagentMessages,\n    toMessage: toMessageClass,\n  });\n\n  const streamValues = shallowRef<StateType | null>(stream.values);\n  const streamError = shallowRef<unknown>(stream.error);\n  const isLoading = shallowRef(stream.isLoading);\n\n  const subagentVersion = shallowRef(0);\n\n  const unsubscribe = stream.subscribe(() => {\n    streamValues.value = stream.values;\n    streamError.value = stream.error;\n    isLoading.value = stream.isLoading;\n    subagentVersion.value += 1;\n  });\n\n  const branch = ref<string>(\"\");\n\n  let threadId: string | null = options.threadId ?? null;\n\n  watch(\n    () => options.threadId,\n    (newId) => {\n      const resolved = newId ?? null;\n      if (resolved !== threadId) {\n        threadId = resolved;\n        stream.clear();\n      }\n    },\n    { flush: \"sync\" },\n  );\n\n  const getMessages = (value: StateType): Message[] => {\n    const messagesKey = options.messagesKey ?? \"messages\";\n    return Array.isArray(value[messagesKey])\n      ? (value[messagesKey] as Message[])\n      : [];\n  };\n\n  const setMessages = (current: StateType, messages: Message[]): StateType => {\n    const messagesKey = options.messagesKey ?? \"messages\";\n    return { ...current, [messagesKey]: messages };\n  };\n\n  const historyValues = options.initialValues ?? ({} as StateType);\n\n  onScopeDispose(() => {\n    unsubscribe();\n    void stream.stop(historyValues, { onStop: options.onStop });\n  });\n\n  const historyMessages = getMessages(historyValues);\n  // @ts-expect-error used in watch callback below\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const shouldReconstructSubagents =\n    options.filterSubagentMessages &&\n    !stream.isLoading &&\n    historyMessages.length > 0;\n\n  watch(\n    () => ({\n      should:\n        options.filterSubagentMessages &&\n        !isLoading.value &&\n        getMessages(historyValues).length > 0,\n      len: getMessages(historyValues).length,\n    }),\n    ({ should }) => {\n      if (should) {\n        stream.reconstructSubagents(getMessages(historyValues), {\n          skipIfPopulated: true,\n        });\n      }\n    },\n    { immediate: true },\n  );\n\n  function switchThread(newThreadId: string | null) {\n    if (newThreadId !== threadId) {\n      threadId = newThreadId;\n      stream.clear();\n    }\n  }\n\n  function stop() {\n    return stream.stop(historyValues, { onStop: options.onStop });\n  }\n\n  async function submitDirect(\n    values: UpdateType | null | undefined,\n    submitOptions?: CustomSubmitOptions<StateType, ConfigurableType>,\n  ) {\n    const currentThreadId = options.threadId ?? null;\n    if (currentThreadId !== threadId) {\n      threadId = currentThreadId;\n      stream.clear();\n    }\n\n    let usableThreadId = threadId ?? submitOptions?.threadId;\n\n    stream.setStreamValues(() => {\n      if (submitOptions?.optimisticValues != null) {\n        return {\n          ...historyValues,\n          ...(typeof submitOptions.optimisticValues === \"function\"\n            ? submitOptions.optimisticValues(historyValues)\n            : submitOptions.optimisticValues),\n        };\n      }\n\n      return { ...historyValues };\n    });\n\n    await stream.start(\n      async (signal: AbortSignal) => {\n        if (!usableThreadId) {\n          usableThreadId = crypto.randomUUID();\n          threadId = usableThreadId;\n          options.onThreadId?.(usableThreadId);\n        }\n\n        if (!usableThreadId) {\n          throw new Error(\"Failed to obtain valid thread ID.\");\n        }\n\n        return options.transport.stream({\n          input: values,\n          context: submitOptions?.context,\n          command: submitOptions?.command,\n          signal,\n          config: {\n            ...submitOptions?.config,\n            configurable: {\n              thread_id: usableThreadId,\n              ...submitOptions?.config?.configurable,\n            } as unknown as GetConfigurableType<Bag>,\n          },\n        }) as Promise<\n          AsyncGenerator<EventStreamEvent<StateType, UpdateType, CustomType>>\n        >;\n      },\n      {\n        getMessages,\n        setMessages,\n\n        initialValues: {} as StateType,\n        callbacks: options,\n\n        onSuccess: () => undefined,\n        onError(error) {\n          options.onError?.(error, undefined);\n          submitOptions?.onError?.(error, undefined);\n        },\n      },\n    );\n  }\n\n  async function submit(\n    values: UpdateType | null | undefined,\n    submitOptions?: CustomSubmitOptions<StateType, ConfigurableType>,\n  ) {\n    await submitDirect(values, submitOptions);\n  }\n\n  function setBranch(value: string) {\n    branch.value = value;\n  }\n\n  function getMessagesMetadata(\n    message: Message,\n    index?: number,\n  ): MessageMetadata<StateType> | undefined {\n    const streamMetadata = messageManager.get(message.id)?.metadata;\n    if (streamMetadata != null) {\n      return {\n        messageId: message.id ?? String(index),\n        firstSeenState: undefined,\n        branch: undefined,\n        branchOptions: undefined,\n        streamMetadata,\n      } as MessageMetadata<StateType>;\n    }\n    return undefined;\n  }\n\n  return {\n    get values() {\n      return streamValues.value ?? ({} as StateType);\n    },\n\n    error: streamError,\n    isLoading,\n\n    stop,\n    submit,\n    switchThread,\n\n    branch,\n    setBranch,\n    getMessagesMetadata,\n\n    queue: {\n      entries: [],\n      size: 0,\n      async cancel() {\n        return false;\n      },\n      async clear() {},\n    },\n\n    get interrupts(): Interrupt<InterruptType>[] {\n      if (\n        streamValues.value != null &&\n        \"__interrupt__\" in streamValues.value &&\n        Array.isArray(streamValues.value.__interrupt__)\n      ) {\n        const valueInterrupts = streamValues.value.__interrupt__;\n        if (valueInterrupts.length === 0) return [{ when: \"breakpoint\" }];\n        return valueInterrupts;\n      }\n\n      return [];\n    },\n\n    get interrupt(): Interrupt<InterruptType> | undefined {\n      return extractInterrupts<InterruptType>(streamValues.value);\n    },\n\n    get messages() {\n      if (!streamValues.value) return [];\n      return ensureMessageInstances(getMessages(streamValues.value));\n    },\n\n    get toolCalls() {\n      if (!streamValues.value) return [];\n      return getToolCallsWithResults(getMessages(streamValues.value));\n    },\n\n    getToolCalls(message: Message) {\n      if (!streamValues.value) return [];\n      const allToolCalls = getToolCallsWithResults(\n        getMessages(streamValues.value),\n      );\n      return allToolCalls.filter((tc) => tc.aiMessage.id === message.id);\n    },\n\n    get subagents() {\n      void subagentVersion.value;\n      return stream.getSubagents();\n    },\n\n    get activeSubagents() {\n      void subagentVersion.value;\n      return stream.getActiveSubagents();\n    },\n\n    getSubagent(toolCallId: string) {\n      return stream.getSubagent(toolCallId);\n    },\n\n    getSubagentsByType(type: string) {\n      return stream.getSubagentsByType(type);\n    },\n\n    getSubagentsByMessage(messageId: string) {\n      return stream.getSubagentsByMessage(messageId);\n    },\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"stream.custom.js","names":[],"sources":["../src/stream.custom.ts"],"sourcesContent":["import { onScopeDispose, ref, shallowRef, toValue, watch } from \"vue\";\nimport {\n  CustomStreamOrchestrator,\n  ensureMessageInstances,\n  type AnyStreamCustomOptions,\n  type CustomSubmitOptions,\n  type GetUpdateType,\n  type GetInterruptType,\n  type GetConfigurableType,\n  type MessageMetadata,\n} from \"@langchain/langgraph-sdk/ui\";\nimport type { BagTemplate, Message, Interrupt } from \"@langchain/langgraph-sdk\";\nimport type { VueReactiveOptions } from \"./types.js\";\n\nexport function useStreamCustom<\n  StateType extends Record<string, unknown> = Record<string, unknown>,\n  Bag extends BagTemplate = BagTemplate,\n>(options: VueReactiveOptions<AnyStreamCustomOptions<StateType, Bag>>) {\n  type UpdateType = GetUpdateType<Bag, StateType>;\n  type InterruptType = GetInterruptType<Bag>;\n  type ConfigurableType = GetConfigurableType<Bag>;\n\n  const orchestrator = new CustomStreamOrchestrator<StateType, Bag>(\n    options as unknown as AnyStreamCustomOptions<StateType, Bag>,\n  );\n\n  const branch = ref<string>(\"\");\n\n  let threadId: string | null = toValue(options.threadId) ?? null;\n\n  watch(\n    () => toValue(options.threadId),\n    (newId) => {\n      const resolved = newId ?? null;\n      if (resolved !== threadId) {\n        threadId = resolved;\n        orchestrator.syncThreadId(resolved);\n      }\n    },\n    { flush: \"sync\" },\n  );\n\n  const streamValues = shallowRef<StateType | null>(null);\n  const streamError = shallowRef<unknown>(undefined);\n  const isLoading = shallowRef(false);\n  const subagentsRef = shallowRef(orchestrator.subagents);\n  const activeSubagentsRef = shallowRef(orchestrator.activeSubagents);\n\n  const unsubscribe = orchestrator.subscribe(() => {\n    streamValues.value = orchestrator.streamValues;\n    streamError.value = orchestrator.error;\n    isLoading.value = orchestrator.isLoading;\n    subagentsRef.value = orchestrator.subagents;\n    activeSubagentsRef.value = orchestrator.activeSubagents;\n  });\n\n  onScopeDispose(() => {\n    unsubscribe();\n    orchestrator.dispose();\n  });\n\n  watch(\n    () => ({\n      should:\n        options.filterSubagentMessages &&\n        !isLoading.value &&\n        streamValues.value != null &&\n        orchestrator.messages.length > 0,\n      len: orchestrator.messages.length,\n    }),\n    ({ should }) => {\n      if (should) {\n        orchestrator.reconstructSubagentsIfNeeded();\n      }\n    },\n    { immediate: true },\n  );\n\n  return {\n    get values() {\n      return streamValues.value ?? ({} as StateType);\n    },\n\n    error: streamError,\n    isLoading,\n\n    stop: () => orchestrator.stop(),\n\n    submit: async (\n      values: UpdateType | null | undefined,\n      submitOptions?: CustomSubmitOptions<StateType, ConfigurableType>,\n    ) => {\n      await orchestrator.submit(values, submitOptions);\n    },\n\n    switchThread(newThreadId: string | null) {\n      orchestrator.switchThread(newThreadId);\n    },\n\n    branch,\n    setBranch(value: string) {\n      branch.value = value;\n      orchestrator.setBranch(value);\n    },\n\n    getMessagesMetadata(\n      message: Message,\n      index?: number,\n    ): MessageMetadata<StateType> | undefined {\n      return orchestrator.getMessagesMetadata(message, index);\n    },\n\n    queue: {\n      entries: [],\n      size: 0,\n      async cancel() {\n        return false;\n      },\n      async clear() {},\n    },\n\n    get interrupts(): Interrupt<InterruptType>[] {\n      void isLoading.value;\n      return orchestrator.interrupts as Interrupt<InterruptType>[];\n    },\n\n    get interrupt(): Interrupt<InterruptType> | undefined {\n      void isLoading.value;\n      return orchestrator.interrupt as Interrupt<InterruptType> | undefined;\n    },\n\n    get messages() {\n      if (!streamValues.value) return [];\n      return ensureMessageInstances(orchestrator.messages);\n    },\n\n    get toolCalls() {\n      if (!streamValues.value) return [];\n      return orchestrator.toolCalls;\n    },\n\n    getToolCalls(message: Message) {\n      return orchestrator.getToolCalls(message);\n    },\n\n    get subagents() {\n      return subagentsRef.value;\n    },\n\n    get activeSubagents() {\n      return activeSubagentsRef.value;\n    },\n\n    getSubagent(toolCallId: string) {\n      return orchestrator.getSubagent(toolCallId);\n    },\n    getSubagentsByType(type: string) {\n      return orchestrator.getSubagentsByType(type);\n    },\n    getSubagentsByMessage(messageId: string) {\n      return orchestrator.getSubagentsByMessage(messageId);\n    },\n  };\n}\n"],"mappings":";;;AAcA,SAAgB,gBAGd,SAAqE;CAKrE,MAAM,eAAe,IAAI,yBACvB,QACD;CAED,MAAM,SAAS,IAAY,GAAG;CAE9B,IAAI,WAA0B,QAAQ,QAAQ,SAAS,IAAI;AAE3D,aACQ,QAAQ,QAAQ,SAAS,GAC9B,UAAU;EACT,MAAM,WAAW,SAAS;AAC1B,MAAI,aAAa,UAAU;AACzB,cAAW;AACX,gBAAa,aAAa,SAAS;;IAGvC,EAAE,OAAO,QAAQ,CAClB;CAED,MAAM,eAAe,WAA6B,KAAK;CACvD,MAAM,cAAc,WAAoB,KAAA,EAAU;CAClD,MAAM,YAAY,WAAW,MAAM;CACnC,MAAM,eAAe,WAAW,aAAa,UAAU;CACvD,MAAM,qBAAqB,WAAW,aAAa,gBAAgB;CAEnE,MAAM,cAAc,aAAa,gBAAgB;AAC/C,eAAa,QAAQ,aAAa;AAClC,cAAY,QAAQ,aAAa;AACjC,YAAU,QAAQ,aAAa;AAC/B,eAAa,QAAQ,aAAa;AAClC,qBAAmB,QAAQ,aAAa;GACxC;AAEF,sBAAqB;AACnB,eAAa;AACb,eAAa,SAAS;GACtB;AAEF,cACS;EACL,QACE,QAAQ,0BACR,CAAC,UAAU,SACX,aAAa,SAAS,QACtB,aAAa,SAAS,SAAS;EACjC,KAAK,aAAa,SAAS;EAC5B,IACA,EAAE,aAAa;AACd,MAAI,OACF,cAAa,8BAA8B;IAG/C,EAAE,WAAW,MAAM,CACpB;AAED,QAAO;EACL,IAAI,SAAS;AACX,UAAO,aAAa,SAAU,EAAE;;EAGlC,OAAO;EACP;EAEA,YAAY,aAAa,MAAM;EAE/B,QAAQ,OACN,QACA,kBACG;AACH,SAAM,aAAa,OAAO,QAAQ,cAAc;;EAGlD,aAAa,aAA4B;AACvC,gBAAa,aAAa,YAAY;;EAGxC;EACA,UAAU,OAAe;AACvB,UAAO,QAAQ;AACf,gBAAa,UAAU,MAAM;;EAG/B,oBACE,SACA,OACwC;AACxC,UAAO,aAAa,oBAAoB,SAAS,MAAM;;EAGzD,OAAO;GACL,SAAS,EAAE;GACX,MAAM;GACN,MAAM,SAAS;AACb,WAAO;;GAET,MAAM,QAAQ;GACf;EAED,IAAI,aAAyC;AACtC,aAAU;AACf,UAAO,aAAa;;EAGtB,IAAI,YAAkD;AAC/C,aAAU;AACf,UAAO,aAAa;;EAGtB,IAAI,WAAW;AACb,OAAI,CAAC,aAAa,MAAO,QAAO,EAAE;AAClC,UAAO,uBAAuB,aAAa,SAAS;;EAGtD,IAAI,YAAY;AACd,OAAI,CAAC,aAAa,MAAO,QAAO,EAAE;AAClC,UAAO,aAAa;;EAGtB,aAAa,SAAkB;AAC7B,UAAO,aAAa,aAAa,QAAQ;;EAG3C,IAAI,YAAY;AACd,UAAO,aAAa;;EAGtB,IAAI,kBAAkB;AACpB,UAAO,mBAAmB;;EAG5B,YAAY,YAAoB;AAC9B,UAAO,aAAa,YAAY,WAAW;;EAE7C,mBAAmB,MAAc;AAC/B,UAAO,aAAa,mBAAmB,KAAK;;EAE9C,sBAAsB,WAAmB;AACvC,UAAO,aAAa,sBAAsB,UAAU;;EAEvD"}

package/dist/types.d.cts

@@ -0,0 +1,28 @@
+import { MaybeRefOrGetter } from "vue";
+
+//#region src/types.d.ts
+/**
+ * Option keys that support Vue reactive values via MaybeRefOrGetter.
+ */
+type ReactiveOptionKeys = "assistantId" | "apiUrl" | "apiKey" | "callerOptions" | "defaultHeaders" | "client" | "threadId" | "messagesKey";
+/**
+ * Wraps specific option keys to accept MaybeRefOrGetter for Vue reactivity.
+ * Allows options like assistantId, apiUrl, threadId, etc. to be passed as
+ * plain values, Vue refs, or getter functions.
+ *
+ * @example
+ * ```typescript
+ * const assistantId = ref("agent");
+ * const apiUrl = computed(() => getApiUrl());
+ *
+ * useStream({
+ *   assistantId,        // Ref<string>
+ *   apiUrl,             // ComputedRef<string>
+ *   threadId: null,     // plain value (still works)
+ * });
+ * ```
+ */
+type VueReactiveOptions<T> = { [K in keyof T]: K extends ReactiveOptionKeys ? MaybeRefOrGetter<T[K]> : T[K] };
+//#endregion
+export { VueReactiveOptions };
+//# sourceMappingURL=types.d.cts.map

package/dist/types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.cts","names":[],"sources":["../src/types.ts"],"mappings":";;;;;AAA4C;KAKvC,kBAAA;;;;AA2BL;;;;;;;;;;;;;;KAAY,kBAAA,oBACE,CAAA,GAAI,CAAA,SAAU,kBAAA,GAAqB,gBAAA,CAAiB,CAAA,CAAE,CAAA,KAAM,CAAA,CAAE,CAAA"}

package/dist/types.d.ts

@@ -0,0 +1,28 @@
+import { MaybeRefOrGetter } from "vue";
+
+//#region src/types.d.ts
+/**
+ * Option keys that support Vue reactive values via MaybeRefOrGetter.
+ */
+type ReactiveOptionKeys = "assistantId" | "apiUrl" | "apiKey" | "callerOptions" | "defaultHeaders" | "client" | "threadId" | "messagesKey";
+/**
+ * Wraps specific option keys to accept MaybeRefOrGetter for Vue reactivity.
+ * Allows options like assistantId, apiUrl, threadId, etc. to be passed as
+ * plain values, Vue refs, or getter functions.
+ *
+ * @example
+ * ```typescript
+ * const assistantId = ref("agent");
+ * const apiUrl = computed(() => getApiUrl());
+ *
+ * useStream({
+ *   assistantId,        // Ref<string>
+ *   apiUrl,             // ComputedRef<string>
+ *   threadId: null,     // plain value (still works)
+ * });
+ * ```
+ */
+type VueReactiveOptions<T> = { [K in keyof T]: K extends ReactiveOptionKeys ? MaybeRefOrGetter<T[K]> : T[K] };
+//#endregion
+export { VueReactiveOptions };
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../src/types.ts"],"mappings":";;;;;AAA4C;KAKvC,kBAAA;;;;AA2BL;;;;;;;;;;;;;;KAAY,kBAAA,oBACE,CAAA,GAAI,CAAA,SAAU,kBAAA,GAAqB,gBAAA,CAAiB,CAAA,CAAE,CAAA,KAAM,CAAA,CAAE,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@langchain/vue",
-  "version": "0.1.3",
+  "version": "0.3.0",
   "description": "Vue integration for LangGraph & LangChain",
   "type": "module",
   "license": "MIT",
@@ -10,13 +10,11 @@
     "directory": "libs/sdk-vue"
   },
   "dependencies": {
-    "@langchain/langgraph-sdk": "^1.7.1"
+    "@langchain/langgraph-sdk": "^1.8.0"
   },
   "devDependencies": {
     "@hono/node-server": "^1.19.11",
     "@langchain/core": "^1.1.31",
-    "@langchain/scripts": "^0.1.4",
-    "@tsconfig/recommended": "^1.0.13",
     "@types/node": "^25.4.0",
     "@typescript-eslint/eslint-plugin": "^6.12.0",
     "@typescript-eslint/parser": "^6.12.0",
@@ -24,7 +22,7 @@
     "@vitejs/plugin-vue-jsx": "^5.1.4",
     "@vitest/browser": "^4.0.18",
     "@vitest/browser-webdriverio": "^4.0.18",
-    "deepagents": "^1.8.1",
+    "deepagents": "^1.8.3",
     "eslint": "^8.33.0",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-config-prettier": "^8.6.0",
@@ -40,9 +38,9 @@
     "vue": "^3.5.30",
     "webdriverio": "^9.25.0",
     "zod": "^4.3.6",
-    "@langchain/langgraph": "1.2.2",
-    "@langchain/langgraph-api": "1.1.15",
-    "@langchain/langgraph-checkpoint": "1.0.0"
+    "@langchain/langgraph": "1.2.5",
+    "@langchain/langgraph-api": "1.1.16",
+    "@langchain/langgraph-checkpoint": "1.0.1"
   },
   "peerDependencies": {
     "@langchain/core": "^1.1.27",