@langchain/vue 0.3.1 → 0.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -3
- package/dist/context.cjs.map +1 -1
- package/dist/context.js.map +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.js.map +1 -1
- package/dist/stream.custom.cjs.map +1 -1
- package/dist/stream.custom.js.map +1 -1
- package/package.json +3 -16
package/README.md
CHANGED
|
@@ -139,7 +139,7 @@ const { messages, interrupt, submit } = useStream<
|
|
|
139
139
|
</div>
|
|
140
140
|
|
|
141
141
|
<div v-if="interrupt">
|
|
142
|
-
<p>{{ interrupt.
|
|
142
|
+
<p>{{ interrupt.question }}</p>
|
|
143
143
|
<button @click="submit(null, { command: { resume: 'Approved' } })">
|
|
144
144
|
Approve
|
|
145
145
|
</button>
|
|
@@ -322,7 +322,7 @@ const { messages } = useStreamContext();
|
|
|
322
322
|
</script>
|
|
323
323
|
|
|
324
324
|
<template>
|
|
325
|
-
<div v-for="(msg, i) in messages
|
|
325
|
+
<div v-for="(msg, i) in messages" :key="msg.id ?? i">
|
|
326
326
|
{{ msg.content }}
|
|
327
327
|
</div>
|
|
328
328
|
</template>
|
|
@@ -346,7 +346,7 @@ function send() {
|
|
|
346
346
|
<template>
|
|
347
347
|
<form @submit.prevent="send">
|
|
348
348
|
<textarea v-model="input" />
|
|
349
|
-
<button :disabled="isLoading
|
|
349
|
+
<button :disabled="isLoading" type="submit">Send</button>
|
|
350
350
|
</form>
|
|
351
351
|
</template>
|
|
352
352
|
```
|
package/dist/context.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.cjs","names":["useStream"],"sources":["../src/context.ts"],"sourcesContent":["import { provide, inject, type InjectionKey, type App, type Plugin } from \"vue\";\nimport type { BagTemplate } from \"@langchain/langgraph-sdk\";\nimport type {\n ResolveStreamOptions,\n InferBag,\n InferStateType,\n UseStreamCustomOptions,\n} from \"@langchain/langgraph-sdk/ui\";\nimport { Client } from \"@langchain/langgraph-sdk\";\nimport { useStream } from \"./index.js\";\n\n/**\n * Configuration options for the LangChain Vue plugin.\n * These provide default values that `useStream` will pick up automatically.\n */\nexport interface LangChainPluginOptions {\n /** Base URL of the LangGraph API. */\n apiUrl?: string;\n /** API key for authenticating with the LangGraph API. */\n apiKey?: string;\n /** Pre-configured Client instance. */\n client?: Client;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst STREAM_CONTEXT_KEY: InjectionKey<any> = Symbol(\"langchain-stream\");\n\nexport const LANGCHAIN_OPTIONS: InjectionKey<LangChainPluginOptions> =\n Symbol(\"langchain-options\");\n\n/**\n * Vue plugin that provides default LangGraph configuration to all components.\n *\n * When installed, `useStream` composables throughout the application will\n * automatically use the configured `apiUrl` and `client` without requiring\n * explicit options.\n *\n * @example\n * ```typescript\n * import { createApp } from \"vue\";\n * import { LangChainPlugin } from \"@langchain/vue\";\n * import App from \"./App.vue\";\n *\n * const app = createApp(App);\n * app.use(LangChainPlugin, {\n * apiUrl: \"http://localhost:2024\",\n * });\n * app.mount(\"#app\");\n * ```\n *\n * Then in any component:\n * ```vue\n * <script setup lang=\"ts\">\n * import { useStream } from \"@langchain/vue\";\n *\n * // apiUrl is inherited from the plugin — no need to repeat it\n * const stream = useStream({ assistantId: \"agent\" });\n * </script>\n * ```\n */\nexport const LangChainPlugin: Plugin<[LangChainPluginOptions?]> = {\n install(app: App, options: LangChainPluginOptions = {}) {\n app.provide(LANGCHAIN_OPTIONS, options);\n },\n};\n\n/**\n * Creates a shared `useStream` instance and provides it to all descendant\n * components via Vue's `provide`/`inject`.\n *\n * Call this in a parent component's `<script setup>` to make the stream\n * available to children via `useStreamContext()`.\n *\n * @example\n * ```vue\n * <!-- ChatContainer.vue -->\n * <script setup lang=\"ts\">\n * import { provideStream } from \"@langchain/vue\";\n *\n * provideStream({ assistantId: \"agent\", apiUrl: \"http://localhost:2024\" });\n * </script>\n *\n * <template>\n * <ChatHeader />\n * <MessageList />\n * <MessageInput />\n * </template>\n * ```\n *\n * @returns The stream instance (same as calling `useStream` directly).\n */\nexport function provideStream<\n T = Record<string, unknown>,\n Bag extends BagTemplate = BagTemplate,\n>(\n options:\n | ResolveStreamOptions<T, InferBag<T, Bag>>\n | UseStreamCustomOptions<InferStateType<T>, InferBag<T, Bag
|
|
1
|
+
{"version":3,"file":"context.cjs","names":["useStream"],"sources":["../src/context.ts"],"sourcesContent":["import { provide, inject, type InjectionKey, type App, type Plugin } from \"vue\";\nimport type { BagTemplate } from \"@langchain/langgraph-sdk\";\nimport type {\n ResolveStreamOptions,\n InferBag,\n InferStateType,\n UseStreamCustomOptions,\n} from \"@langchain/langgraph-sdk/ui\";\nimport { Client } from \"@langchain/langgraph-sdk\";\nimport { useStream } from \"./index.js\";\n\n/**\n * Configuration options for the LangChain Vue plugin.\n * These provide default values that `useStream` will pick up automatically.\n */\nexport interface LangChainPluginOptions {\n /** Base URL of the LangGraph API. */\n apiUrl?: string;\n /** API key for authenticating with the LangGraph API. */\n apiKey?: string;\n /** Pre-configured Client instance. */\n client?: Client;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst STREAM_CONTEXT_KEY: InjectionKey<any> = Symbol(\"langchain-stream\");\n\nexport const LANGCHAIN_OPTIONS: InjectionKey<LangChainPluginOptions> =\n Symbol(\"langchain-options\");\n\n/**\n * Vue plugin that provides default LangGraph configuration to all components.\n *\n * When installed, `useStream` composables throughout the application will\n * automatically use the configured `apiUrl` and `client` without requiring\n * explicit options.\n *\n * @example\n * ```typescript\n * import { createApp } from \"vue\";\n * import { LangChainPlugin } from \"@langchain/vue\";\n * import App from \"./App.vue\";\n *\n * const app = createApp(App);\n * app.use(LangChainPlugin, {\n * apiUrl: \"http://localhost:2024\",\n * });\n * app.mount(\"#app\");\n * ```\n *\n * Then in any component:\n * ```vue\n * <script setup lang=\"ts\">\n * import { useStream } from \"@langchain/vue\";\n *\n * // apiUrl is inherited from the plugin — no need to repeat it\n * const stream = useStream({ assistantId: \"agent\" });\n * </script>\n * ```\n */\nexport const LangChainPlugin: Plugin<[LangChainPluginOptions?]> = {\n install(app: App, options: LangChainPluginOptions = {}) {\n app.provide(LANGCHAIN_OPTIONS, options);\n },\n};\n\n/**\n * Creates a shared `useStream` instance and provides it to all descendant\n * components via Vue's `provide`/`inject`.\n *\n * Call this in a parent component's `<script setup>` to make the stream\n * available to children via `useStreamContext()`.\n *\n * @example\n * ```vue\n * <!-- ChatContainer.vue -->\n * <script setup lang=\"ts\">\n * import { provideStream } from \"@langchain/vue\";\n *\n * provideStream({ assistantId: \"agent\", apiUrl: \"http://localhost:2024\" });\n * </script>\n *\n * <template>\n * <ChatHeader />\n * <MessageList />\n * <MessageInput />\n * </template>\n * ```\n *\n * @returns The stream instance (same as calling `useStream` directly).\n */\nexport function provideStream<\n T = Record<string, unknown>,\n Bag extends BagTemplate = BagTemplate,\n>(\n options:\n | ResolveStreamOptions<T, InferBag<T, Bag>>\n | UseStreamCustomOptions<InferStateType<T>, InferBag<T, Bag>>\n): ReturnType<typeof useStream<T, Bag>> {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const stream = useStream<T, Bag>(options as any);\n provide(STREAM_CONTEXT_KEY, stream);\n return stream;\n}\n\n/**\n * Accesses the shared stream instance from the nearest ancestor that\n * called `provideStream()`.\n *\n * Throws if no ancestor has provided a stream.\n *\n * @example\n * ```vue\n * <!-- MessageList.vue -->\n * <script setup lang=\"ts\">\n * import { useStreamContext } from \"@langchain/vue\";\n *\n * const { messages } = useStreamContext();\n * </script>\n *\n * <template>\n * <div v-for=\"(msg, i) in messages.value\" :key=\"msg.id ?? i\">\n * {{ msg.content }}\n * </div>\n * </template>\n * ```\n *\n * @example With type parameters for full type safety:\n * ```vue\n * <script setup lang=\"ts\">\n * import { useStreamContext } from \"@langchain/vue\";\n * import type { agent } from \"./agent\";\n *\n * const { toolCalls } = useStreamContext<typeof agent>();\n * </script>\n * ```\n */\nexport function useStreamContext<\n T = Record<string, unknown>,\n Bag extends BagTemplate = BagTemplate,\n>(): ReturnType<typeof useStream<T, Bag>> {\n const context = inject(STREAM_CONTEXT_KEY);\n if (context == null) {\n throw new Error(\n \"useStreamContext() requires a parent component to call provideStream(). \" +\n \"Add provideStream({ assistantId: '...' }) in an ancestor component.\"\n );\n }\n return context;\n}\n"],"mappings":";;;AAyBA,MAAM,qBAAwC,OAAO,mBAAmB;AAExE,MAAa,oBACX,OAAO,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgC7B,MAAa,kBAAqD,EAChE,QAAQ,KAAU,UAAkC,EAAE,EAAE;AACtD,KAAI,QAAQ,mBAAmB,QAAQ;GAE1C;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BD,SAAgB,cAId,SAGsC;CAEtC,MAAM,SAASA,cAAAA,UAAkB,QAAe;AAChD,EAAA,GAAA,IAAA,SAAQ,oBAAoB,OAAO;AACnC,QAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCT,SAAgB,mBAG0B;CACxC,MAAM,WAAA,GAAA,IAAA,QAAiB,mBAAmB;AAC1C,KAAI,WAAW,KACb,OAAM,IAAI,MACR,8IAED;AAEH,QAAO"}
|
package/dist/context.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.js","names":[],"sources":["../src/context.ts"],"sourcesContent":["import { provide, inject, type InjectionKey, type App, type Plugin } from \"vue\";\nimport type { BagTemplate } from \"@langchain/langgraph-sdk\";\nimport type {\n ResolveStreamOptions,\n InferBag,\n InferStateType,\n UseStreamCustomOptions,\n} from \"@langchain/langgraph-sdk/ui\";\nimport { Client } from \"@langchain/langgraph-sdk\";\nimport { useStream } from \"./index.js\";\n\n/**\n * Configuration options for the LangChain Vue plugin.\n * These provide default values that `useStream` will pick up automatically.\n */\nexport interface LangChainPluginOptions {\n /** Base URL of the LangGraph API. */\n apiUrl?: string;\n /** API key for authenticating with the LangGraph API. */\n apiKey?: string;\n /** Pre-configured Client instance. */\n client?: Client;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst STREAM_CONTEXT_KEY: InjectionKey<any> = Symbol(\"langchain-stream\");\n\nexport const LANGCHAIN_OPTIONS: InjectionKey<LangChainPluginOptions> =\n Symbol(\"langchain-options\");\n\n/**\n * Vue plugin that provides default LangGraph configuration to all components.\n *\n * When installed, `useStream` composables throughout the application will\n * automatically use the configured `apiUrl` and `client` without requiring\n * explicit options.\n *\n * @example\n * ```typescript\n * import { createApp } from \"vue\";\n * import { LangChainPlugin } from \"@langchain/vue\";\n * import App from \"./App.vue\";\n *\n * const app = createApp(App);\n * app.use(LangChainPlugin, {\n * apiUrl: \"http://localhost:2024\",\n * });\n * app.mount(\"#app\");\n * ```\n *\n * Then in any component:\n * ```vue\n * <script setup lang=\"ts\">\n * import { useStream } from \"@langchain/vue\";\n *\n * // apiUrl is inherited from the plugin — no need to repeat it\n * const stream = useStream({ assistantId: \"agent\" });\n * </script>\n * ```\n */\nexport const LangChainPlugin: Plugin<[LangChainPluginOptions?]> = {\n install(app: App, options: LangChainPluginOptions = {}) {\n app.provide(LANGCHAIN_OPTIONS, options);\n },\n};\n\n/**\n * Creates a shared `useStream` instance and provides it to all descendant\n * components via Vue's `provide`/`inject`.\n *\n * Call this in a parent component's `<script setup>` to make the stream\n * available to children via `useStreamContext()`.\n *\n * @example\n * ```vue\n * <!-- ChatContainer.vue -->\n * <script setup lang=\"ts\">\n * import { provideStream } from \"@langchain/vue\";\n *\n * provideStream({ assistantId: \"agent\", apiUrl: \"http://localhost:2024\" });\n * </script>\n *\n * <template>\n * <ChatHeader />\n * <MessageList />\n * <MessageInput />\n * </template>\n * ```\n *\n * @returns The stream instance (same as calling `useStream` directly).\n */\nexport function provideStream<\n T = Record<string, unknown>,\n Bag extends BagTemplate = BagTemplate,\n>(\n options:\n | ResolveStreamOptions<T, InferBag<T, Bag>>\n | UseStreamCustomOptions<InferStateType<T>, InferBag<T, Bag
|
|
1
|
+
{"version":3,"file":"context.js","names":[],"sources":["../src/context.ts"],"sourcesContent":["import { provide, inject, type InjectionKey, type App, type Plugin } from \"vue\";\nimport type { BagTemplate } from \"@langchain/langgraph-sdk\";\nimport type {\n ResolveStreamOptions,\n InferBag,\n InferStateType,\n UseStreamCustomOptions,\n} from \"@langchain/langgraph-sdk/ui\";\nimport { Client } from \"@langchain/langgraph-sdk\";\nimport { useStream } from \"./index.js\";\n\n/**\n * Configuration options for the LangChain Vue plugin.\n * These provide default values that `useStream` will pick up automatically.\n */\nexport interface LangChainPluginOptions {\n /** Base URL of the LangGraph API. */\n apiUrl?: string;\n /** API key for authenticating with the LangGraph API. */\n apiKey?: string;\n /** Pre-configured Client instance. */\n client?: Client;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst STREAM_CONTEXT_KEY: InjectionKey<any> = Symbol(\"langchain-stream\");\n\nexport const LANGCHAIN_OPTIONS: InjectionKey<LangChainPluginOptions> =\n Symbol(\"langchain-options\");\n\n/**\n * Vue plugin that provides default LangGraph configuration to all components.\n *\n * When installed, `useStream` composables throughout the application will\n * automatically use the configured `apiUrl` and `client` without requiring\n * explicit options.\n *\n * @example\n * ```typescript\n * import { createApp } from \"vue\";\n * import { LangChainPlugin } from \"@langchain/vue\";\n * import App from \"./App.vue\";\n *\n * const app = createApp(App);\n * app.use(LangChainPlugin, {\n * apiUrl: \"http://localhost:2024\",\n * });\n * app.mount(\"#app\");\n * ```\n *\n * Then in any component:\n * ```vue\n * <script setup lang=\"ts\">\n * import { useStream } from \"@langchain/vue\";\n *\n * // apiUrl is inherited from the plugin — no need to repeat it\n * const stream = useStream({ assistantId: \"agent\" });\n * </script>\n * ```\n */\nexport const LangChainPlugin: Plugin<[LangChainPluginOptions?]> = {\n install(app: App, options: LangChainPluginOptions = {}) {\n app.provide(LANGCHAIN_OPTIONS, options);\n },\n};\n\n/**\n * Creates a shared `useStream` instance and provides it to all descendant\n * components via Vue's `provide`/`inject`.\n *\n * Call this in a parent component's `<script setup>` to make the stream\n * available to children via `useStreamContext()`.\n *\n * @example\n * ```vue\n * <!-- ChatContainer.vue -->\n * <script setup lang=\"ts\">\n * import { provideStream } from \"@langchain/vue\";\n *\n * provideStream({ assistantId: \"agent\", apiUrl: \"http://localhost:2024\" });\n * </script>\n *\n * <template>\n * <ChatHeader />\n * <MessageList />\n * <MessageInput />\n * </template>\n * ```\n *\n * @returns The stream instance (same as calling `useStream` directly).\n */\nexport function provideStream<\n T = Record<string, unknown>,\n Bag extends BagTemplate = BagTemplate,\n>(\n options:\n | ResolveStreamOptions<T, InferBag<T, Bag>>\n | UseStreamCustomOptions<InferStateType<T>, InferBag<T, Bag>>\n): ReturnType<typeof useStream<T, Bag>> {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const stream = useStream<T, Bag>(options as any);\n provide(STREAM_CONTEXT_KEY, stream);\n return stream;\n}\n\n/**\n * Accesses the shared stream instance from the nearest ancestor that\n * called `provideStream()`.\n *\n * Throws if no ancestor has provided a stream.\n *\n * @example\n * ```vue\n * <!-- MessageList.vue -->\n * <script setup lang=\"ts\">\n * import { useStreamContext } from \"@langchain/vue\";\n *\n * const { messages } = useStreamContext();\n * </script>\n *\n * <template>\n * <div v-for=\"(msg, i) in messages.value\" :key=\"msg.id ?? i\">\n * {{ msg.content }}\n * </div>\n * </template>\n * ```\n *\n * @example With type parameters for full type safety:\n * ```vue\n * <script setup lang=\"ts\">\n * import { useStreamContext } from \"@langchain/vue\";\n * import type { agent } from \"./agent\";\n *\n * const { toolCalls } = useStreamContext<typeof agent>();\n * </script>\n * ```\n */\nexport function useStreamContext<\n T = Record<string, unknown>,\n Bag extends BagTemplate = BagTemplate,\n>(): ReturnType<typeof useStream<T, Bag>> {\n const context = inject(STREAM_CONTEXT_KEY);\n if (context == null) {\n throw new Error(\n \"useStreamContext() requires a parent component to call provideStream(). \" +\n \"Add provideStream({ assistantId: '...' }) in an ancestor component.\"\n );\n }\n return context;\n}\n"],"mappings":";;;AAyBA,MAAM,qBAAwC,OAAO,mBAAmB;AAExE,MAAa,oBACX,OAAO,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgC7B,MAAa,kBAAqD,EAChE,QAAQ,KAAU,UAAkC,EAAE,EAAE;AACtD,KAAI,QAAQ,mBAAmB,QAAQ;GAE1C;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BD,SAAgB,cAId,SAGsC;CAEtC,MAAM,SAAS,UAAkB,QAAe;AAChD,SAAQ,oBAAoB,OAAO;AACnC,QAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCT,SAAgB,mBAG0B;CACxC,MAAM,UAAU,OAAO,mBAAmB;AAC1C,KAAI,WAAW,KACb,OAAM,IAAI,MACR,8IAED;AAEH,QAAO"}
|
package/dist/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","names":["LANGCHAIN_OPTIONS","Client","StreamOrchestrator","useStreamCustom"],"sources":["../src/index.ts"],"sourcesContent":["import {\n computed,\n inject,\n onScopeDispose,\n reactive,\n ref,\n shallowRef,\n toValue,\n watch,\n type ComputedRef,\n type Ref,\n} from \"vue\";\nimport type {\n BaseMessage,\n ToolMessage as CoreToolMessage,\n AIMessage as CoreAIMessage,\n} from \"@langchain/core/messages\";\nimport {\n StreamOrchestrator,\n FetchStreamTransport,\n ensureMessageInstances,\n type MessageMetadata,\n type AnyStreamOptions,\n type ResolveStreamInterface,\n type ResolveStreamOptions,\n type InferBag,\n type InferStateType,\n type AcceptBaseMessages,\n type UseStreamCustomOptions,\n type SubagentStreamInterface,\n type HistoryWithBaseMessages,\n type ClassToolCallWithResult,\n type ClassSubagentStreamInterface,\n} from \"@langchain/langgraph-sdk/ui\";\n\nimport {\n Client,\n type Message,\n type BagTemplate,\n type ToolCallWithResult as _ToolCallWithResult,\n type DefaultToolCall,\n} from \"@langchain/langgraph-sdk\";\n\nimport { useStreamCustom } from \"./stream.custom.js\";\nimport type { VueReactiveOptions } from \"./types.js\";\nimport { LANGCHAIN_OPTIONS, type LangChainPluginOptions } from \"./context.js\";\n\nexport { FetchStreamTransport };\nexport type { VueReactiveOptions } from \"./types.js\";\nexport {\n LangChainPlugin,\n provideStream,\n useStreamContext,\n LANGCHAIN_OPTIONS,\n} from \"./context.js\";\nexport type { LangChainPluginOptions } from \"./context.js\";\n\nfunction useStreamLGP<\n StateType extends Record<string, unknown> = Record<string, unknown>,\n Bag extends {\n ConfigurableType?: Record<string, unknown>;\n InterruptType?: unknown;\n CustomEventType?: unknown;\n UpdateType?: unknown;\n } = BagTemplate,\n>(options: VueReactiveOptions<AnyStreamOptions<StateType, Bag>>) {\n const pluginOptions: LangChainPluginOptions = inject(LANGCHAIN_OPTIONS, {});\n\n const client = computed(() => {\n const c = toValue(options.client) ?? pluginOptions.client;\n if (c) return c;\n return new Client({\n apiUrl: toValue(options.apiUrl) ?? pluginOptions.apiUrl,\n apiKey: toValue(options.apiKey) ?? pluginOptions.apiKey,\n callerOptions: toValue(options.callerOptions),\n defaultHeaders: toValue(options.defaultHeaders),\n });\n });\n\n const orchestrator = new StreamOrchestrator<StateType, Bag>(\n options as unknown as AnyStreamOptions<StateType, Bag>,\n {\n getClient: () => client.value,\n getAssistantId: () => toValue(options.assistantId),\n getMessagesKey: () => toValue(options.messagesKey) ?? \"messages\",\n },\n );\n\n const initialThreadId = toValue(options.threadId) ?? undefined;\n orchestrator.initThreadId(initialThreadId);\n\n watch(\n () => toValue(options.threadId),\n (newId) => {\n const resolved = newId ?? undefined;\n orchestrator.setThreadId(resolved);\n },\n { flush: \"sync\" },\n );\n\n // Monotonically increasing counter bumped on every orchestrator update.\n // Computed properties read `version.value` (via `void version.value`)\n // solely to register a reactive dependency, so Vue knows to invalidate\n // their cached values when the orchestrator state changes.\n const version = shallowRef(0);\n const subagentsRef = shallowRef(orchestrator.subagents);\n const activeSubagentsRef = shallowRef(orchestrator.activeSubagents);\n\n const unsubscribe = orchestrator.subscribe(() => {\n version.value += 1;\n subagentsRef.value = orchestrator.subagents;\n activeSubagentsRef.value = orchestrator.activeSubagents;\n });\n\n onScopeDispose(() => {\n unsubscribe();\n orchestrator.dispose();\n });\n\n // Subagent reconstruction\n watch(\n () => {\n void version.value;\n const hvMessages = orchestrator.messages;\n return {\n should:\n options.filterSubagentMessages &&\n !orchestrator.isLoading &&\n !orchestrator.historyData.isLoading &&\n hvMessages.length > 0,\n len: hvMessages.length,\n };\n },\n ({ should }, _prev, onCleanup) => {\n if (should) {\n const controller = orchestrator.reconstructSubagentsIfNeeded();\n if (controller) {\n onCleanup(() => controller.abort());\n }\n }\n },\n { immediate: true },\n );\n\n // Queue draining\n watch(\n () => ({\n loading: orchestrator.isLoading,\n size: orchestrator.queueSize,\n v: version.value,\n }),\n () => {\n orchestrator.drainQueue();\n },\n );\n\n // Auto-reconnect\n let { shouldReconnect } = orchestrator;\n if (shouldReconnect) {\n orchestrator.tryReconnect();\n }\n\n watch(\n () => {\n void version.value;\n return orchestrator.threadId;\n },\n () => {\n ({ shouldReconnect } = orchestrator);\n if (shouldReconnect) {\n orchestrator.tryReconnect();\n }\n },\n );\n\n // Cached computed properties derived from the orchestrator.\n //\n // The orchestrator is not itself reactive — it is a plain object whose\n // state is mutated in place. To bridge it into Vue's reactivity system\n // we bump `version` (a shallowRef) inside the orchestrator's subscribe\n // callback. Each computed below reads `version.value` (via `void`) to\n // register it as a dependency. When `version` increments, Vue marks\n // every computed that depends on it as dirty, causing a re-evaluation\n // on the next access. The `void` operator discards the unused value\n // and signals this intent to future readers.\n const values = computed(() => {\n void version.value;\n return orchestrator.values;\n });\n\n const error = computed(() => {\n void version.value;\n return orchestrator.error;\n });\n\n const isLoading = computed(() => {\n void version.value;\n return orchestrator.isLoading;\n });\n\n const branch = ref<string>(\"\");\n watch(\n () => {\n void version.value;\n return orchestrator.branch;\n },\n (newBranch) => {\n if (branch.value !== newBranch) branch.value = newBranch;\n },\n { immediate: true },\n );\n\n const messages = computed(() => {\n void version.value;\n orchestrator.trackStreamMode(\"messages-tuple\");\n return ensureMessageInstances(orchestrator.messages);\n });\n\n const toolCalls = computed(() => {\n void version.value;\n return orchestrator.toolCalls;\n });\n\n const interrupt = computed(() => {\n void version.value;\n return orchestrator.interrupt;\n });\n\n const interrupts = computed(() => {\n void version.value;\n return orchestrator.interrupts;\n });\n\n const flatHistory = computed(() => {\n void version.value;\n return orchestrator.flatHistory;\n });\n\n const isThreadLoading = computed(() => {\n void version.value;\n return orchestrator.isThreadLoading;\n });\n\n const experimentalBranchTree = computed(() => {\n void version.value;\n return orchestrator.experimental_branchTree;\n });\n\n const queueEntries = computed(() => {\n void version.value;\n return orchestrator.queueEntries;\n });\n\n const queueSize = computed(() => {\n void version.value;\n return orchestrator.queueSize;\n });\n\n return {\n get assistantId() {\n return toValue(options.assistantId);\n },\n get client() {\n return client.value;\n },\n\n values,\n error,\n isLoading,\n\n branch,\n setBranch(value: string) {\n orchestrator.setBranch(value);\n },\n\n messages,\n toolCalls,\n\n getToolCalls(message: Message) {\n orchestrator.trackStreamMode(\"messages-tuple\");\n return orchestrator.getToolCalls(message);\n },\n\n interrupt,\n interrupts,\n history: flatHistory,\n isThreadLoading,\n experimental_branchTree: experimentalBranchTree,\n\n getMessagesMetadata: (\n message: Message,\n index?: number,\n ): MessageMetadata<StateType> | undefined => {\n return orchestrator.getMessagesMetadata(message, index);\n },\n\n submit: (...args: Parameters<typeof orchestrator.submit>) =>\n orchestrator.submit(...args),\n stop: () => orchestrator.stop(),\n joinStream: (...args: Parameters<typeof orchestrator.joinStream>) =>\n orchestrator.joinStream(...args),\n\n queue: reactive({\n entries: queueEntries,\n size: queueSize,\n cancel: (id: string) => orchestrator.cancelQueueItem(id),\n clear: () => orchestrator.clearQueue(),\n }),\n\n switchThread(newThreadId: string | null) {\n orchestrator.switchThread(newThreadId);\n },\n\n get subagents() {\n return subagentsRef.value;\n },\n get activeSubagents() {\n return activeSubagentsRef.value;\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\nexport type { ClassSubagentStreamInterface } from \"@langchain/langgraph-sdk/ui\";\n\ntype WithClassMessages<T> = {\n [K in keyof T as K extends\n | \"getSubagent\"\n | \"getSubagentsByType\"\n | \"getSubagentsByMessage\"\n ? never\n : K]: K extends \"messages\"\n ? ComputedRef<BaseMessage[]>\n : K extends \"getMessagesMetadata\"\n ? (\n message: BaseMessage,\n index?: number,\n ) => MessageMetadata<Record<string, unknown>> | undefined\n : K extends \"toolCalls\"\n ? T[K] extends (infer TC)[]\n ? Ref<ClassToolCallWithResult<TC>[]>\n : Ref<T[K]>\n : K extends \"getToolCalls\"\n ? T[K] extends (message: infer _M) => (infer TC)[]\n ? (message: CoreAIMessage) => ClassToolCallWithResult<TC>[]\n : T[K]\n : K extends \"queue\"\n ? {\n [QK in keyof T[K]]: T[K][QK] extends (\n ...args: infer A\n ) => infer R\n ? (...args: A) => R\n : T[K][QK];\n }\n : K extends \"client\" | \"assistantId\"\n ? T[K]\n : K extends \"subagents\"\n ? T[K] extends Map<\n string,\n SubagentStreamInterface<infer S, infer TC, infer N>\n >\n ? Map<string, ClassSubagentStreamInterface<S, TC, N>>\n : T[K]\n : K extends \"activeSubagents\"\n ? T[K] extends SubagentStreamInterface<\n infer S,\n infer TC,\n infer N\n >[]\n ? ClassSubagentStreamInterface<S, TC, N>[]\n : T[K]\n : K extends \"submit\"\n ? T[K] extends (\n values: infer V,\n options?: infer O,\n ) => infer Ret\n ? (\n values:\n | AcceptBaseMessages<Exclude<V, null | undefined>>\n | null\n | undefined,\n options?: O,\n ) => Ret\n : T[K]\n : K extends \"history\"\n ? ComputedRef<HistoryWithBaseMessages<T[K]>>\n : T[K] extends (...args: infer A) => infer R\n ? (...args: A) => R\n : Ref<T[K]>;\n} & (\"subagents\" extends keyof T\n ? {\n getSubagent: T extends {\n getSubagent: (\n id: string,\n ) => SubagentStreamInterface<infer S, infer TC, infer N> | undefined;\n }\n ? (\n toolCallId: string,\n ) => ClassSubagentStreamInterface<S, TC, N> | undefined\n : never;\n getSubagentsByType: T extends {\n getSubagentsByType: (\n type: string,\n ) => SubagentStreamInterface<infer S, infer TC, infer N>[];\n }\n ? (type: string) => ClassSubagentStreamInterface<S, TC, N>[]\n : never;\n getSubagentsByMessage: T extends {\n getSubagentsByMessage: (\n id: string,\n ) => SubagentStreamInterface<infer S, infer TC, infer N>[];\n }\n ? (messageId: string) => ClassSubagentStreamInterface<S, TC, N>[]\n : never;\n }\n : unknown);\n\nexport function useStream<\n T = Record<string, unknown>,\n Bag extends BagTemplate = BagTemplate,\n>(\n options: VueReactiveOptions<ResolveStreamOptions<T, InferBag<T, Bag>>>,\n): WithClassMessages<ResolveStreamInterface<T, InferBag<T, Bag>>>;\n\nexport function useStream<\n T = Record<string, unknown>,\n Bag extends BagTemplate = BagTemplate,\n>(\n options: VueReactiveOptions<\n UseStreamCustomOptions<InferStateType<T>, InferBag<T, Bag>>\n >,\n): WithClassMessages<ResolveStreamInterface<T, InferBag<T, Bag>>>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function useStream(options: any): any {\n if (\"transport\" in options) {\n return useStreamCustom(options);\n }\n return useStreamLGP(options);\n}\n\nexport type { MaybeRefOrGetter } from \"vue\";\n\nexport type {\n BaseStream,\n UseAgentStream,\n UseAgentStreamOptions,\n UseDeepAgentStream,\n UseDeepAgentStreamOptions,\n ResolveStreamInterface,\n ResolveStreamOptions,\n InferStateType,\n InferToolCalls,\n InferSubagentStates,\n InferNodeNames,\n InferBag,\n MessageMetadata,\n UseStreamOptions,\n UseStreamCustomOptions,\n UseStreamTransport,\n UseStreamThread,\n GetToolCallsType,\n AgentTypeConfigLike,\n IsAgentLike,\n ExtractAgentConfig,\n InferAgentToolCalls,\n SubagentToolCall,\n SubagentStatus,\n SubagentApi,\n SubagentStream,\n SubagentStreamInterface,\n SubAgentLike,\n CompiledSubAgentLike,\n DeepAgentTypeConfigLike,\n IsDeepAgentLike,\n ExtractDeepAgentConfig,\n ExtractSubAgentMiddleware,\n InferDeepAgentSubagents,\n InferSubagentByName,\n InferSubagentState,\n InferSubagentNames,\n SubagentStateMap,\n DefaultSubagentStates,\n BaseSubagentState,\n QueueEntry,\n QueueInterface,\n} from \"@langchain/langgraph-sdk/ui\";\n\nexport type ToolCallWithResult<ToolCall = DefaultToolCall> =\n _ToolCallWithResult<ToolCall, CoreToolMessage, CoreAIMessage>;\nexport type {\n ToolCallState,\n DefaultToolCall,\n ToolCallFromTool,\n ToolCallsFromTools,\n} from \"@langchain/langgraph-sdk\";\n\nexport {\n SubagentManager,\n extractToolCallIdFromNamespace,\n calculateDepthFromNamespace,\n extractParentIdFromNamespace,\n isSubagentNamespace,\n} from \"@langchain/langgraph-sdk/ui\";\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.cjs","names":["LANGCHAIN_OPTIONS","Client","StreamOrchestrator","useStreamCustom"],"sources":["../src/index.ts"],"sourcesContent":["import {\n computed,\n inject,\n onScopeDispose,\n reactive,\n ref,\n shallowRef,\n toValue,\n watch,\n type ComputedRef,\n type Ref,\n} from \"vue\";\nimport type {\n BaseMessage,\n ToolMessage as CoreToolMessage,\n AIMessage as CoreAIMessage,\n} from \"@langchain/core/messages\";\nimport {\n StreamOrchestrator,\n FetchStreamTransport,\n ensureMessageInstances,\n type MessageMetadata,\n type AnyStreamOptions,\n type ResolveStreamInterface,\n type ResolveStreamOptions,\n type InferBag,\n type InferStateType,\n type AcceptBaseMessages,\n type UseStreamCustomOptions,\n type SubagentStreamInterface,\n type HistoryWithBaseMessages,\n type ClassToolCallWithResult,\n type ClassSubagentStreamInterface,\n} from \"@langchain/langgraph-sdk/ui\";\n\nimport {\n Client,\n type Message,\n type BagTemplate,\n type ToolCallWithResult as _ToolCallWithResult,\n type DefaultToolCall,\n} from \"@langchain/langgraph-sdk\";\n\nimport { useStreamCustom } from \"./stream.custom.js\";\nimport type { VueReactiveOptions } from \"./types.js\";\nimport { LANGCHAIN_OPTIONS, type LangChainPluginOptions } from \"./context.js\";\n\nexport { FetchStreamTransport };\nexport type { VueReactiveOptions } from \"./types.js\";\nexport {\n LangChainPlugin,\n provideStream,\n useStreamContext,\n LANGCHAIN_OPTIONS,\n} from \"./context.js\";\nexport type { LangChainPluginOptions } from \"./context.js\";\n\nfunction useStreamLGP<\n StateType extends Record<string, unknown> = Record<string, unknown>,\n Bag extends {\n ConfigurableType?: Record<string, unknown>;\n InterruptType?: unknown;\n CustomEventType?: unknown;\n UpdateType?: unknown;\n } = BagTemplate,\n>(options: VueReactiveOptions<AnyStreamOptions<StateType, Bag>>) {\n const pluginOptions: LangChainPluginOptions = inject(LANGCHAIN_OPTIONS, {});\n\n const client = computed(() => {\n const c = toValue(options.client) ?? pluginOptions.client;\n if (c) return c;\n return new Client({\n apiUrl: toValue(options.apiUrl) ?? pluginOptions.apiUrl,\n apiKey: toValue(options.apiKey) ?? pluginOptions.apiKey,\n callerOptions: toValue(options.callerOptions),\n defaultHeaders: toValue(options.defaultHeaders),\n });\n });\n\n const orchestrator = new StreamOrchestrator<StateType, Bag>(\n options as unknown as AnyStreamOptions<StateType, Bag>,\n {\n getClient: () => client.value,\n getAssistantId: () => toValue(options.assistantId),\n getMessagesKey: () => toValue(options.messagesKey) ?? \"messages\",\n }\n );\n\n const initialThreadId = toValue(options.threadId) ?? undefined;\n orchestrator.initThreadId(initialThreadId);\n\n watch(\n () => toValue(options.threadId),\n (newId) => {\n const resolved = newId ?? undefined;\n orchestrator.setThreadId(resolved);\n },\n { flush: \"sync\" }\n );\n\n // Monotonically increasing counter bumped on every orchestrator update.\n // Computed properties read `version.value` (via `void version.value`)\n // solely to register a reactive dependency, so Vue knows to invalidate\n // their cached values when the orchestrator state changes.\n const version = shallowRef(0);\n const subagentsRef = shallowRef(orchestrator.subagents);\n const activeSubagentsRef = shallowRef(orchestrator.activeSubagents);\n\n const unsubscribe = orchestrator.subscribe(() => {\n version.value += 1;\n subagentsRef.value = orchestrator.subagents;\n activeSubagentsRef.value = orchestrator.activeSubagents;\n });\n\n onScopeDispose(() => {\n unsubscribe();\n orchestrator.dispose();\n });\n\n // Subagent reconstruction\n watch(\n () => {\n void version.value;\n const hvMessages = orchestrator.messages;\n return {\n should:\n options.filterSubagentMessages &&\n !orchestrator.isLoading &&\n !orchestrator.historyData.isLoading &&\n hvMessages.length > 0,\n len: hvMessages.length,\n };\n },\n ({ should }, _prev, onCleanup) => {\n if (should) {\n const controller = orchestrator.reconstructSubagentsIfNeeded();\n if (controller) {\n onCleanup(() => controller.abort());\n }\n }\n },\n { immediate: true }\n );\n\n // Queue draining\n watch(\n () => ({\n loading: orchestrator.isLoading,\n size: orchestrator.queueSize,\n v: version.value,\n }),\n () => {\n orchestrator.drainQueue();\n }\n );\n\n // Auto-reconnect\n let { shouldReconnect } = orchestrator;\n if (shouldReconnect) {\n orchestrator.tryReconnect();\n }\n\n watch(\n () => {\n void version.value;\n return orchestrator.threadId;\n },\n () => {\n ({ shouldReconnect } = orchestrator);\n if (shouldReconnect) {\n orchestrator.tryReconnect();\n }\n }\n );\n\n // Cached computed properties derived from the orchestrator.\n //\n // The orchestrator is not itself reactive — it is a plain object whose\n // state is mutated in place. To bridge it into Vue's reactivity system\n // we bump `version` (a shallowRef) inside the orchestrator's subscribe\n // callback. Each computed below reads `version.value` (via `void`) to\n // register it as a dependency. When `version` increments, Vue marks\n // every computed that depends on it as dirty, causing a re-evaluation\n // on the next access. The `void` operator discards the unused value\n // and signals this intent to future readers.\n const values = computed(() => {\n void version.value;\n return orchestrator.values;\n });\n\n const error = computed(() => {\n void version.value;\n return orchestrator.error;\n });\n\n const isLoading = computed(() => {\n void version.value;\n return orchestrator.isLoading;\n });\n\n const branch = ref<string>(\"\");\n watch(\n () => {\n void version.value;\n return orchestrator.branch;\n },\n (newBranch) => {\n if (branch.value !== newBranch) branch.value = newBranch;\n },\n { immediate: true }\n );\n\n const messages = computed(() => {\n void version.value;\n orchestrator.trackStreamMode(\"messages-tuple\");\n return ensureMessageInstances(orchestrator.messages);\n });\n\n const toolCalls = computed(() => {\n void version.value;\n return orchestrator.toolCalls;\n });\n\n const interrupt = computed(() => {\n void version.value;\n return orchestrator.interrupt;\n });\n\n const interrupts = computed(() => {\n void version.value;\n return orchestrator.interrupts;\n });\n\n const flatHistory = computed(() => {\n void version.value;\n return orchestrator.flatHistory;\n });\n\n const isThreadLoading = computed(() => {\n void version.value;\n return orchestrator.isThreadLoading;\n });\n\n const experimentalBranchTree = computed(() => {\n void version.value;\n return orchestrator.experimental_branchTree;\n });\n\n const queueEntries = computed(() => {\n void version.value;\n return orchestrator.queueEntries;\n });\n\n const queueSize = computed(() => {\n void version.value;\n return orchestrator.queueSize;\n });\n\n return {\n get assistantId() {\n return toValue(options.assistantId);\n },\n get client() {\n return client.value;\n },\n\n values,\n error,\n isLoading,\n\n branch,\n setBranch(value: string) {\n orchestrator.setBranch(value);\n },\n\n messages,\n toolCalls,\n\n getToolCalls(message: Message) {\n orchestrator.trackStreamMode(\"messages-tuple\");\n return orchestrator.getToolCalls(message);\n },\n\n interrupt,\n interrupts,\n history: flatHistory,\n isThreadLoading,\n experimental_branchTree: experimentalBranchTree,\n\n getMessagesMetadata: (\n message: Message,\n index?: number\n ): MessageMetadata<StateType> | undefined => {\n return orchestrator.getMessagesMetadata(message, index);\n },\n\n submit: (...args: Parameters<typeof orchestrator.submit>) =>\n orchestrator.submit(...args),\n stop: () => orchestrator.stop(),\n joinStream: (...args: Parameters<typeof orchestrator.joinStream>) =>\n orchestrator.joinStream(...args),\n\n queue: reactive({\n entries: queueEntries,\n size: queueSize,\n cancel: (id: string) => orchestrator.cancelQueueItem(id),\n clear: () => orchestrator.clearQueue(),\n }),\n\n switchThread(newThreadId: string | null) {\n orchestrator.switchThread(newThreadId);\n },\n\n get subagents() {\n return subagentsRef.value;\n },\n get activeSubagents() {\n return activeSubagentsRef.value;\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\nexport type { ClassSubagentStreamInterface } from \"@langchain/langgraph-sdk/ui\";\n\ntype WithClassMessages<T> = {\n [K in keyof T as K extends\n | \"getSubagent\"\n | \"getSubagentsByType\"\n | \"getSubagentsByMessage\"\n ? never\n : K]: K extends \"messages\"\n ? ComputedRef<BaseMessage[]>\n : K extends \"getMessagesMetadata\"\n ? (\n message: BaseMessage,\n index?: number\n ) => MessageMetadata<Record<string, unknown>> | undefined\n : K extends \"toolCalls\"\n ? T[K] extends (infer TC)[]\n ? Ref<ClassToolCallWithResult<TC>[]>\n : Ref<T[K]>\n : K extends \"getToolCalls\"\n ? T[K] extends (message: infer _M) => (infer TC)[]\n ? (message: CoreAIMessage) => ClassToolCallWithResult<TC>[]\n : T[K]\n : K extends \"queue\"\n ? {\n [QK in keyof T[K]]: T[K][QK] extends (\n ...args: infer A\n ) => infer R\n ? (...args: A) => R\n : T[K][QK];\n }\n : K extends \"client\" | \"assistantId\"\n ? T[K]\n : K extends \"subagents\"\n ? T[K] extends Map<\n string,\n SubagentStreamInterface<infer S, infer TC, infer N>\n >\n ? Map<string, ClassSubagentStreamInterface<S, TC, N>>\n : T[K]\n : K extends \"activeSubagents\"\n ? T[K] extends SubagentStreamInterface<\n infer S,\n infer TC,\n infer N\n >[]\n ? ClassSubagentStreamInterface<S, TC, N>[]\n : T[K]\n : K extends \"submit\"\n ? T[K] extends (\n values: infer V,\n options?: infer O\n ) => infer Ret\n ? (\n values:\n | AcceptBaseMessages<Exclude<V, null | undefined>>\n | null\n | undefined,\n options?: O\n ) => Ret\n : T[K]\n : K extends \"history\"\n ? ComputedRef<HistoryWithBaseMessages<T[K]>>\n : T[K] extends (...args: infer A) => infer R\n ? (...args: A) => R\n : Ref<T[K]>;\n} & (\"subagents\" extends keyof T\n ? {\n getSubagent: T extends {\n getSubagent: (\n id: string\n ) => SubagentStreamInterface<infer S, infer TC, infer N> | undefined;\n }\n ? (\n toolCallId: string\n ) => ClassSubagentStreamInterface<S, TC, N> | undefined\n : never;\n getSubagentsByType: T extends {\n getSubagentsByType: (\n type: string\n ) => SubagentStreamInterface<infer S, infer TC, infer N>[];\n }\n ? (type: string) => ClassSubagentStreamInterface<S, TC, N>[]\n : never;\n getSubagentsByMessage: T extends {\n getSubagentsByMessage: (\n id: string\n ) => SubagentStreamInterface<infer S, infer TC, infer N>[];\n }\n ? (messageId: string) => ClassSubagentStreamInterface<S, TC, N>[]\n : never;\n }\n : unknown);\n\nexport function useStream<\n T = Record<string, unknown>,\n Bag extends BagTemplate = BagTemplate,\n>(\n options: VueReactiveOptions<ResolveStreamOptions<T, InferBag<T, Bag>>>\n): WithClassMessages<ResolveStreamInterface<T, InferBag<T, Bag>>>;\n\nexport function useStream<\n T = Record<string, unknown>,\n Bag extends BagTemplate = BagTemplate,\n>(\n options: VueReactiveOptions<\n UseStreamCustomOptions<InferStateType<T>, InferBag<T, Bag>>\n >\n): WithClassMessages<ResolveStreamInterface<T, InferBag<T, Bag>>>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function useStream(options: any): any {\n if (\"transport\" in options) {\n return useStreamCustom(options);\n }\n return useStreamLGP(options);\n}\n\nexport type { MaybeRefOrGetter } from \"vue\";\n\nexport type {\n BaseStream,\n UseAgentStream,\n UseAgentStreamOptions,\n UseDeepAgentStream,\n UseDeepAgentStreamOptions,\n ResolveStreamInterface,\n ResolveStreamOptions,\n InferStateType,\n InferToolCalls,\n InferSubagentStates,\n InferNodeNames,\n InferBag,\n MessageMetadata,\n UseStreamOptions,\n UseStreamCustomOptions,\n UseStreamTransport,\n UseStreamThread,\n GetToolCallsType,\n AgentTypeConfigLike,\n IsAgentLike,\n ExtractAgentConfig,\n InferAgentToolCalls,\n SubagentToolCall,\n SubagentStatus,\n SubagentApi,\n SubagentStream,\n SubagentStreamInterface,\n SubAgentLike,\n CompiledSubAgentLike,\n DeepAgentTypeConfigLike,\n IsDeepAgentLike,\n ExtractDeepAgentConfig,\n ExtractSubAgentMiddleware,\n InferDeepAgentSubagents,\n InferSubagentByName,\n InferSubagentState,\n InferSubagentNames,\n SubagentStateMap,\n DefaultSubagentStates,\n BaseSubagentState,\n QueueEntry,\n QueueInterface,\n} from \"@langchain/langgraph-sdk/ui\";\n\nexport type ToolCallWithResult<ToolCall = DefaultToolCall> =\n _ToolCallWithResult<ToolCall, CoreToolMessage, CoreAIMessage>;\nexport type {\n ToolCallState,\n DefaultToolCall,\n ToolCallFromTool,\n ToolCallsFromTools,\n} from \"@langchain/langgraph-sdk\";\n\nexport {\n SubagentManager,\n extractToolCallIdFromNamespace,\n calculateDepthFromNamespace,\n extractParentIdFromNamespace,\n isSubagentNamespace,\n} from \"@langchain/langgraph-sdk/ui\";\n"],"mappings":"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"}
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["import {\n computed,\n inject,\n onScopeDispose,\n reactive,\n ref,\n shallowRef,\n toValue,\n watch,\n type ComputedRef,\n type Ref,\n} from \"vue\";\nimport type {\n BaseMessage,\n ToolMessage as CoreToolMessage,\n AIMessage as CoreAIMessage,\n} from \"@langchain/core/messages\";\nimport {\n StreamOrchestrator,\n FetchStreamTransport,\n ensureMessageInstances,\n type MessageMetadata,\n type AnyStreamOptions,\n type ResolveStreamInterface,\n type ResolveStreamOptions,\n type InferBag,\n type InferStateType,\n type AcceptBaseMessages,\n type UseStreamCustomOptions,\n type SubagentStreamInterface,\n type HistoryWithBaseMessages,\n type ClassToolCallWithResult,\n type ClassSubagentStreamInterface,\n} from \"@langchain/langgraph-sdk/ui\";\n\nimport {\n Client,\n type Message,\n type BagTemplate,\n type ToolCallWithResult as _ToolCallWithResult,\n type DefaultToolCall,\n} from \"@langchain/langgraph-sdk\";\n\nimport { useStreamCustom } from \"./stream.custom.js\";\nimport type { VueReactiveOptions } from \"./types.js\";\nimport { LANGCHAIN_OPTIONS, type LangChainPluginOptions } from \"./context.js\";\n\nexport { FetchStreamTransport };\nexport type { VueReactiveOptions } from \"./types.js\";\nexport {\n LangChainPlugin,\n provideStream,\n useStreamContext,\n LANGCHAIN_OPTIONS,\n} from \"./context.js\";\nexport type { LangChainPluginOptions } from \"./context.js\";\n\nfunction useStreamLGP<\n StateType extends Record<string, unknown> = Record<string, unknown>,\n Bag extends {\n ConfigurableType?: Record<string, unknown>;\n InterruptType?: unknown;\n CustomEventType?: unknown;\n UpdateType?: unknown;\n } = BagTemplate,\n>(options: VueReactiveOptions<AnyStreamOptions<StateType, Bag>>) {\n const pluginOptions: LangChainPluginOptions = inject(LANGCHAIN_OPTIONS, {});\n\n const client = computed(() => {\n const c = toValue(options.client) ?? pluginOptions.client;\n if (c) return c;\n return new Client({\n apiUrl: toValue(options.apiUrl) ?? pluginOptions.apiUrl,\n apiKey: toValue(options.apiKey) ?? pluginOptions.apiKey,\n callerOptions: toValue(options.callerOptions),\n defaultHeaders: toValue(options.defaultHeaders),\n });\n });\n\n const orchestrator = new StreamOrchestrator<StateType, Bag>(\n options as unknown as AnyStreamOptions<StateType, Bag>,\n {\n getClient: () => client.value,\n getAssistantId: () => toValue(options.assistantId),\n getMessagesKey: () => toValue(options.messagesKey) ?? \"messages\",\n },\n );\n\n const initialThreadId = toValue(options.threadId) ?? undefined;\n orchestrator.initThreadId(initialThreadId);\n\n watch(\n () => toValue(options.threadId),\n (newId) => {\n const resolved = newId ?? undefined;\n orchestrator.setThreadId(resolved);\n },\n { flush: \"sync\" },\n );\n\n // Monotonically increasing counter bumped on every orchestrator update.\n // Computed properties read `version.value` (via `void version.value`)\n // solely to register a reactive dependency, so Vue knows to invalidate\n // their cached values when the orchestrator state changes.\n const version = shallowRef(0);\n const subagentsRef = shallowRef(orchestrator.subagents);\n const activeSubagentsRef = shallowRef(orchestrator.activeSubagents);\n\n const unsubscribe = orchestrator.subscribe(() => {\n version.value += 1;\n subagentsRef.value = orchestrator.subagents;\n activeSubagentsRef.value = orchestrator.activeSubagents;\n });\n\n onScopeDispose(() => {\n unsubscribe();\n orchestrator.dispose();\n });\n\n // Subagent reconstruction\n watch(\n () => {\n void version.value;\n const hvMessages = orchestrator.messages;\n return {\n should:\n options.filterSubagentMessages &&\n !orchestrator.isLoading &&\n !orchestrator.historyData.isLoading &&\n hvMessages.length > 0,\n len: hvMessages.length,\n };\n },\n ({ should }, _prev, onCleanup) => {\n if (should) {\n const controller = orchestrator.reconstructSubagentsIfNeeded();\n if (controller) {\n onCleanup(() => controller.abort());\n }\n }\n },\n { immediate: true },\n );\n\n // Queue draining\n watch(\n () => ({\n loading: orchestrator.isLoading,\n size: orchestrator.queueSize,\n v: version.value,\n }),\n () => {\n orchestrator.drainQueue();\n },\n );\n\n // Auto-reconnect\n let { shouldReconnect } = orchestrator;\n if (shouldReconnect) {\n orchestrator.tryReconnect();\n }\n\n watch(\n () => {\n void version.value;\n return orchestrator.threadId;\n },\n () => {\n ({ shouldReconnect } = orchestrator);\n if (shouldReconnect) {\n orchestrator.tryReconnect();\n }\n },\n );\n\n // Cached computed properties derived from the orchestrator.\n //\n // The orchestrator is not itself reactive — it is a plain object whose\n // state is mutated in place. To bridge it into Vue's reactivity system\n // we bump `version` (a shallowRef) inside the orchestrator's subscribe\n // callback. Each computed below reads `version.value` (via `void`) to\n // register it as a dependency. When `version` increments, Vue marks\n // every computed that depends on it as dirty, causing a re-evaluation\n // on the next access. The `void` operator discards the unused value\n // and signals this intent to future readers.\n const values = computed(() => {\n void version.value;\n return orchestrator.values;\n });\n\n const error = computed(() => {\n void version.value;\n return orchestrator.error;\n });\n\n const isLoading = computed(() => {\n void version.value;\n return orchestrator.isLoading;\n });\n\n const branch = ref<string>(\"\");\n watch(\n () => {\n void version.value;\n return orchestrator.branch;\n },\n (newBranch) => {\n if (branch.value !== newBranch) branch.value = newBranch;\n },\n { immediate: true },\n );\n\n const messages = computed(() => {\n void version.value;\n orchestrator.trackStreamMode(\"messages-tuple\");\n return ensureMessageInstances(orchestrator.messages);\n });\n\n const toolCalls = computed(() => {\n void version.value;\n return orchestrator.toolCalls;\n });\n\n const interrupt = computed(() => {\n void version.value;\n return orchestrator.interrupt;\n });\n\n const interrupts = computed(() => {\n void version.value;\n return orchestrator.interrupts;\n });\n\n const flatHistory = computed(() => {\n void version.value;\n return orchestrator.flatHistory;\n });\n\n const isThreadLoading = computed(() => {\n void version.value;\n return orchestrator.isThreadLoading;\n });\n\n const experimentalBranchTree = computed(() => {\n void version.value;\n return orchestrator.experimental_branchTree;\n });\n\n const queueEntries = computed(() => {\n void version.value;\n return orchestrator.queueEntries;\n });\n\n const queueSize = computed(() => {\n void version.value;\n return orchestrator.queueSize;\n });\n\n return {\n get assistantId() {\n return toValue(options.assistantId);\n },\n get client() {\n return client.value;\n },\n\n values,\n error,\n isLoading,\n\n branch,\n setBranch(value: string) {\n orchestrator.setBranch(value);\n },\n\n messages,\n toolCalls,\n\n getToolCalls(message: Message) {\n orchestrator.trackStreamMode(\"messages-tuple\");\n return orchestrator.getToolCalls(message);\n },\n\n interrupt,\n interrupts,\n history: flatHistory,\n isThreadLoading,\n experimental_branchTree: experimentalBranchTree,\n\n getMessagesMetadata: (\n message: Message,\n index?: number,\n ): MessageMetadata<StateType> | undefined => {\n return orchestrator.getMessagesMetadata(message, index);\n },\n\n submit: (...args: Parameters<typeof orchestrator.submit>) =>\n orchestrator.submit(...args),\n stop: () => orchestrator.stop(),\n joinStream: (...args: Parameters<typeof orchestrator.joinStream>) =>\n orchestrator.joinStream(...args),\n\n queue: reactive({\n entries: queueEntries,\n size: queueSize,\n cancel: (id: string) => orchestrator.cancelQueueItem(id),\n clear: () => orchestrator.clearQueue(),\n }),\n\n switchThread(newThreadId: string | null) {\n orchestrator.switchThread(newThreadId);\n },\n\n get subagents() {\n return subagentsRef.value;\n },\n get activeSubagents() {\n return activeSubagentsRef.value;\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\nexport type { ClassSubagentStreamInterface } from \"@langchain/langgraph-sdk/ui\";\n\ntype WithClassMessages<T> = {\n [K in keyof T as K extends\n | \"getSubagent\"\n | \"getSubagentsByType\"\n | \"getSubagentsByMessage\"\n ? never\n : K]: K extends \"messages\"\n ? ComputedRef<BaseMessage[]>\n : K extends \"getMessagesMetadata\"\n ? (\n message: BaseMessage,\n index?: number,\n ) => MessageMetadata<Record<string, unknown>> | undefined\n : K extends \"toolCalls\"\n ? T[K] extends (infer TC)[]\n ? Ref<ClassToolCallWithResult<TC>[]>\n : Ref<T[K]>\n : K extends \"getToolCalls\"\n ? T[K] extends (message: infer _M) => (infer TC)[]\n ? (message: CoreAIMessage) => ClassToolCallWithResult<TC>[]\n : T[K]\n : K extends \"queue\"\n ? {\n [QK in keyof T[K]]: T[K][QK] extends (\n ...args: infer A\n ) => infer R\n ? (...args: A) => R\n : T[K][QK];\n }\n : K extends \"client\" | \"assistantId\"\n ? T[K]\n : K extends \"subagents\"\n ? T[K] extends Map<\n string,\n SubagentStreamInterface<infer S, infer TC, infer N>\n >\n ? Map<string, ClassSubagentStreamInterface<S, TC, N>>\n : T[K]\n : K extends \"activeSubagents\"\n ? T[K] extends SubagentStreamInterface<\n infer S,\n infer TC,\n infer N\n >[]\n ? ClassSubagentStreamInterface<S, TC, N>[]\n : T[K]\n : K extends \"submit\"\n ? T[K] extends (\n values: infer V,\n options?: infer O,\n ) => infer Ret\n ? (\n values:\n | AcceptBaseMessages<Exclude<V, null | undefined>>\n | null\n | undefined,\n options?: O,\n ) => Ret\n : T[K]\n : K extends \"history\"\n ? ComputedRef<HistoryWithBaseMessages<T[K]>>\n : T[K] extends (...args: infer A) => infer R\n ? (...args: A) => R\n : Ref<T[K]>;\n} & (\"subagents\" extends keyof T\n ? {\n getSubagent: T extends {\n getSubagent: (\n id: string,\n ) => SubagentStreamInterface<infer S, infer TC, infer N> | undefined;\n }\n ? (\n toolCallId: string,\n ) => ClassSubagentStreamInterface<S, TC, N> | undefined\n : never;\n getSubagentsByType: T extends {\n getSubagentsByType: (\n type: string,\n ) => SubagentStreamInterface<infer S, infer TC, infer N>[];\n }\n ? (type: string) => ClassSubagentStreamInterface<S, TC, N>[]\n : never;\n getSubagentsByMessage: T extends {\n getSubagentsByMessage: (\n id: string,\n ) => SubagentStreamInterface<infer S, infer TC, infer N>[];\n }\n ? (messageId: string) => ClassSubagentStreamInterface<S, TC, N>[]\n : never;\n }\n : unknown);\n\nexport function useStream<\n T = Record<string, unknown>,\n Bag extends BagTemplate = BagTemplate,\n>(\n options: VueReactiveOptions<ResolveStreamOptions<T, InferBag<T, Bag>>>,\n): WithClassMessages<ResolveStreamInterface<T, InferBag<T, Bag>>>;\n\nexport function useStream<\n T = Record<string, unknown>,\n Bag extends BagTemplate = BagTemplate,\n>(\n options: VueReactiveOptions<\n UseStreamCustomOptions<InferStateType<T>, InferBag<T, Bag>>\n >,\n): WithClassMessages<ResolveStreamInterface<T, InferBag<T, Bag>>>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function useStream(options: any): any {\n if (\"transport\" in options) {\n return useStreamCustom(options);\n }\n return useStreamLGP(options);\n}\n\nexport type { MaybeRefOrGetter } from \"vue\";\n\nexport type {\n BaseStream,\n UseAgentStream,\n UseAgentStreamOptions,\n UseDeepAgentStream,\n UseDeepAgentStreamOptions,\n ResolveStreamInterface,\n ResolveStreamOptions,\n InferStateType,\n InferToolCalls,\n InferSubagentStates,\n InferNodeNames,\n InferBag,\n MessageMetadata,\n UseStreamOptions,\n UseStreamCustomOptions,\n UseStreamTransport,\n UseStreamThread,\n GetToolCallsType,\n AgentTypeConfigLike,\n IsAgentLike,\n ExtractAgentConfig,\n InferAgentToolCalls,\n SubagentToolCall,\n SubagentStatus,\n SubagentApi,\n SubagentStream,\n SubagentStreamInterface,\n SubAgentLike,\n CompiledSubAgentLike,\n DeepAgentTypeConfigLike,\n IsDeepAgentLike,\n ExtractDeepAgentConfig,\n ExtractSubAgentMiddleware,\n InferDeepAgentSubagents,\n InferSubagentByName,\n InferSubagentState,\n InferSubagentNames,\n SubagentStateMap,\n DefaultSubagentStates,\n BaseSubagentState,\n QueueEntry,\n QueueInterface,\n} from \"@langchain/langgraph-sdk/ui\";\n\nexport type ToolCallWithResult<ToolCall = DefaultToolCall> =\n _ToolCallWithResult<ToolCall, CoreToolMessage, CoreAIMessage>;\nexport type {\n ToolCallState,\n DefaultToolCall,\n ToolCallFromTool,\n ToolCallsFromTools,\n} from \"@langchain/langgraph-sdk\";\n\nexport {\n SubagentManager,\n extractToolCallIdFromNamespace,\n calculateDepthFromNamespace,\n extractParentIdFromNamespace,\n isSubagentNamespace,\n} from \"@langchain/langgraph-sdk/ui\";\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["import {\n computed,\n inject,\n onScopeDispose,\n reactive,\n ref,\n shallowRef,\n toValue,\n watch,\n type ComputedRef,\n type Ref,\n} from \"vue\";\nimport type {\n BaseMessage,\n ToolMessage as CoreToolMessage,\n AIMessage as CoreAIMessage,\n} from \"@langchain/core/messages\";\nimport {\n StreamOrchestrator,\n FetchStreamTransport,\n ensureMessageInstances,\n type MessageMetadata,\n type AnyStreamOptions,\n type ResolveStreamInterface,\n type ResolveStreamOptions,\n type InferBag,\n type InferStateType,\n type AcceptBaseMessages,\n type UseStreamCustomOptions,\n type SubagentStreamInterface,\n type HistoryWithBaseMessages,\n type ClassToolCallWithResult,\n type ClassSubagentStreamInterface,\n} from \"@langchain/langgraph-sdk/ui\";\n\nimport {\n Client,\n type Message,\n type BagTemplate,\n type ToolCallWithResult as _ToolCallWithResult,\n type DefaultToolCall,\n} from \"@langchain/langgraph-sdk\";\n\nimport { useStreamCustom } from \"./stream.custom.js\";\nimport type { VueReactiveOptions } from \"./types.js\";\nimport { LANGCHAIN_OPTIONS, type LangChainPluginOptions } from \"./context.js\";\n\nexport { FetchStreamTransport };\nexport type { VueReactiveOptions } from \"./types.js\";\nexport {\n LangChainPlugin,\n provideStream,\n useStreamContext,\n LANGCHAIN_OPTIONS,\n} from \"./context.js\";\nexport type { LangChainPluginOptions } from \"./context.js\";\n\nfunction useStreamLGP<\n StateType extends Record<string, unknown> = Record<string, unknown>,\n Bag extends {\n ConfigurableType?: Record<string, unknown>;\n InterruptType?: unknown;\n CustomEventType?: unknown;\n UpdateType?: unknown;\n } = BagTemplate,\n>(options: VueReactiveOptions<AnyStreamOptions<StateType, Bag>>) {\n const pluginOptions: LangChainPluginOptions = inject(LANGCHAIN_OPTIONS, {});\n\n const client = computed(() => {\n const c = toValue(options.client) ?? pluginOptions.client;\n if (c) return c;\n return new Client({\n apiUrl: toValue(options.apiUrl) ?? pluginOptions.apiUrl,\n apiKey: toValue(options.apiKey) ?? pluginOptions.apiKey,\n callerOptions: toValue(options.callerOptions),\n defaultHeaders: toValue(options.defaultHeaders),\n });\n });\n\n const orchestrator = new StreamOrchestrator<StateType, Bag>(\n options as unknown as AnyStreamOptions<StateType, Bag>,\n {\n getClient: () => client.value,\n getAssistantId: () => toValue(options.assistantId),\n getMessagesKey: () => toValue(options.messagesKey) ?? \"messages\",\n }\n );\n\n const initialThreadId = toValue(options.threadId) ?? undefined;\n orchestrator.initThreadId(initialThreadId);\n\n watch(\n () => toValue(options.threadId),\n (newId) => {\n const resolved = newId ?? undefined;\n orchestrator.setThreadId(resolved);\n },\n { flush: \"sync\" }\n );\n\n // Monotonically increasing counter bumped on every orchestrator update.\n // Computed properties read `version.value` (via `void version.value`)\n // solely to register a reactive dependency, so Vue knows to invalidate\n // their cached values when the orchestrator state changes.\n const version = shallowRef(0);\n const subagentsRef = shallowRef(orchestrator.subagents);\n const activeSubagentsRef = shallowRef(orchestrator.activeSubagents);\n\n const unsubscribe = orchestrator.subscribe(() => {\n version.value += 1;\n subagentsRef.value = orchestrator.subagents;\n activeSubagentsRef.value = orchestrator.activeSubagents;\n });\n\n onScopeDispose(() => {\n unsubscribe();\n orchestrator.dispose();\n });\n\n // Subagent reconstruction\n watch(\n () => {\n void version.value;\n const hvMessages = orchestrator.messages;\n return {\n should:\n options.filterSubagentMessages &&\n !orchestrator.isLoading &&\n !orchestrator.historyData.isLoading &&\n hvMessages.length > 0,\n len: hvMessages.length,\n };\n },\n ({ should }, _prev, onCleanup) => {\n if (should) {\n const controller = orchestrator.reconstructSubagentsIfNeeded();\n if (controller) {\n onCleanup(() => controller.abort());\n }\n }\n },\n { immediate: true }\n );\n\n // Queue draining\n watch(\n () => ({\n loading: orchestrator.isLoading,\n size: orchestrator.queueSize,\n v: version.value,\n }),\n () => {\n orchestrator.drainQueue();\n }\n );\n\n // Auto-reconnect\n let { shouldReconnect } = orchestrator;\n if (shouldReconnect) {\n orchestrator.tryReconnect();\n }\n\n watch(\n () => {\n void version.value;\n return orchestrator.threadId;\n },\n () => {\n ({ shouldReconnect } = orchestrator);\n if (shouldReconnect) {\n orchestrator.tryReconnect();\n }\n }\n );\n\n // Cached computed properties derived from the orchestrator.\n //\n // The orchestrator is not itself reactive — it is a plain object whose\n // state is mutated in place. To bridge it into Vue's reactivity system\n // we bump `version` (a shallowRef) inside the orchestrator's subscribe\n // callback. Each computed below reads `version.value` (via `void`) to\n // register it as a dependency. When `version` increments, Vue marks\n // every computed that depends on it as dirty, causing a re-evaluation\n // on the next access. The `void` operator discards the unused value\n // and signals this intent to future readers.\n const values = computed(() => {\n void version.value;\n return orchestrator.values;\n });\n\n const error = computed(() => {\n void version.value;\n return orchestrator.error;\n });\n\n const isLoading = computed(() => {\n void version.value;\n return orchestrator.isLoading;\n });\n\n const branch = ref<string>(\"\");\n watch(\n () => {\n void version.value;\n return orchestrator.branch;\n },\n (newBranch) => {\n if (branch.value !== newBranch) branch.value = newBranch;\n },\n { immediate: true }\n );\n\n const messages = computed(() => {\n void version.value;\n orchestrator.trackStreamMode(\"messages-tuple\");\n return ensureMessageInstances(orchestrator.messages);\n });\n\n const toolCalls = computed(() => {\n void version.value;\n return orchestrator.toolCalls;\n });\n\n const interrupt = computed(() => {\n void version.value;\n return orchestrator.interrupt;\n });\n\n const interrupts = computed(() => {\n void version.value;\n return orchestrator.interrupts;\n });\n\n const flatHistory = computed(() => {\n void version.value;\n return orchestrator.flatHistory;\n });\n\n const isThreadLoading = computed(() => {\n void version.value;\n return orchestrator.isThreadLoading;\n });\n\n const experimentalBranchTree = computed(() => {\n void version.value;\n return orchestrator.experimental_branchTree;\n });\n\n const queueEntries = computed(() => {\n void version.value;\n return orchestrator.queueEntries;\n });\n\n const queueSize = computed(() => {\n void version.value;\n return orchestrator.queueSize;\n });\n\n return {\n get assistantId() {\n return toValue(options.assistantId);\n },\n get client() {\n return client.value;\n },\n\n values,\n error,\n isLoading,\n\n branch,\n setBranch(value: string) {\n orchestrator.setBranch(value);\n },\n\n messages,\n toolCalls,\n\n getToolCalls(message: Message) {\n orchestrator.trackStreamMode(\"messages-tuple\");\n return orchestrator.getToolCalls(message);\n },\n\n interrupt,\n interrupts,\n history: flatHistory,\n isThreadLoading,\n experimental_branchTree: experimentalBranchTree,\n\n getMessagesMetadata: (\n message: Message,\n index?: number\n ): MessageMetadata<StateType> | undefined => {\n return orchestrator.getMessagesMetadata(message, index);\n },\n\n submit: (...args: Parameters<typeof orchestrator.submit>) =>\n orchestrator.submit(...args),\n stop: () => orchestrator.stop(),\n joinStream: (...args: Parameters<typeof orchestrator.joinStream>) =>\n orchestrator.joinStream(...args),\n\n queue: reactive({\n entries: queueEntries,\n size: queueSize,\n cancel: (id: string) => orchestrator.cancelQueueItem(id),\n clear: () => orchestrator.clearQueue(),\n }),\n\n switchThread(newThreadId: string | null) {\n orchestrator.switchThread(newThreadId);\n },\n\n get subagents() {\n return subagentsRef.value;\n },\n get activeSubagents() {\n return activeSubagentsRef.value;\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\nexport type { ClassSubagentStreamInterface } from \"@langchain/langgraph-sdk/ui\";\n\ntype WithClassMessages<T> = {\n [K in keyof T as K extends\n | \"getSubagent\"\n | \"getSubagentsByType\"\n | \"getSubagentsByMessage\"\n ? never\n : K]: K extends \"messages\"\n ? ComputedRef<BaseMessage[]>\n : K extends \"getMessagesMetadata\"\n ? (\n message: BaseMessage,\n index?: number\n ) => MessageMetadata<Record<string, unknown>> | undefined\n : K extends \"toolCalls\"\n ? T[K] extends (infer TC)[]\n ? Ref<ClassToolCallWithResult<TC>[]>\n : Ref<T[K]>\n : K extends \"getToolCalls\"\n ? T[K] extends (message: infer _M) => (infer TC)[]\n ? (message: CoreAIMessage) => ClassToolCallWithResult<TC>[]\n : T[K]\n : K extends \"queue\"\n ? {\n [QK in keyof T[K]]: T[K][QK] extends (\n ...args: infer A\n ) => infer R\n ? (...args: A) => R\n : T[K][QK];\n }\n : K extends \"client\" | \"assistantId\"\n ? T[K]\n : K extends \"subagents\"\n ? T[K] extends Map<\n string,\n SubagentStreamInterface<infer S, infer TC, infer N>\n >\n ? Map<string, ClassSubagentStreamInterface<S, TC, N>>\n : T[K]\n : K extends \"activeSubagents\"\n ? T[K] extends SubagentStreamInterface<\n infer S,\n infer TC,\n infer N\n >[]\n ? ClassSubagentStreamInterface<S, TC, N>[]\n : T[K]\n : K extends \"submit\"\n ? T[K] extends (\n values: infer V,\n options?: infer O\n ) => infer Ret\n ? (\n values:\n | AcceptBaseMessages<Exclude<V, null | undefined>>\n | null\n | undefined,\n options?: O\n ) => Ret\n : T[K]\n : K extends \"history\"\n ? ComputedRef<HistoryWithBaseMessages<T[K]>>\n : T[K] extends (...args: infer A) => infer R\n ? (...args: A) => R\n : Ref<T[K]>;\n} & (\"subagents\" extends keyof T\n ? {\n getSubagent: T extends {\n getSubagent: (\n id: string\n ) => SubagentStreamInterface<infer S, infer TC, infer N> | undefined;\n }\n ? (\n toolCallId: string\n ) => ClassSubagentStreamInterface<S, TC, N> | undefined\n : never;\n getSubagentsByType: T extends {\n getSubagentsByType: (\n type: string\n ) => SubagentStreamInterface<infer S, infer TC, infer N>[];\n }\n ? (type: string) => ClassSubagentStreamInterface<S, TC, N>[]\n : never;\n getSubagentsByMessage: T extends {\n getSubagentsByMessage: (\n id: string\n ) => SubagentStreamInterface<infer S, infer TC, infer N>[];\n }\n ? (messageId: string) => ClassSubagentStreamInterface<S, TC, N>[]\n : never;\n }\n : unknown);\n\nexport function useStream<\n T = Record<string, unknown>,\n Bag extends BagTemplate = BagTemplate,\n>(\n options: VueReactiveOptions<ResolveStreamOptions<T, InferBag<T, Bag>>>\n): WithClassMessages<ResolveStreamInterface<T, InferBag<T, Bag>>>;\n\nexport function useStream<\n T = Record<string, unknown>,\n Bag extends BagTemplate = BagTemplate,\n>(\n options: VueReactiveOptions<\n UseStreamCustomOptions<InferStateType<T>, InferBag<T, Bag>>\n >\n): WithClassMessages<ResolveStreamInterface<T, InferBag<T, Bag>>>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function useStream(options: any): any {\n if (\"transport\" in options) {\n return useStreamCustom(options);\n }\n return useStreamLGP(options);\n}\n\nexport type { MaybeRefOrGetter } from \"vue\";\n\nexport type {\n BaseStream,\n UseAgentStream,\n UseAgentStreamOptions,\n UseDeepAgentStream,\n UseDeepAgentStreamOptions,\n ResolveStreamInterface,\n ResolveStreamOptions,\n InferStateType,\n InferToolCalls,\n InferSubagentStates,\n InferNodeNames,\n InferBag,\n MessageMetadata,\n UseStreamOptions,\n UseStreamCustomOptions,\n UseStreamTransport,\n UseStreamThread,\n GetToolCallsType,\n AgentTypeConfigLike,\n IsAgentLike,\n ExtractAgentConfig,\n InferAgentToolCalls,\n SubagentToolCall,\n SubagentStatus,\n SubagentApi,\n SubagentStream,\n SubagentStreamInterface,\n SubAgentLike,\n CompiledSubAgentLike,\n DeepAgentTypeConfigLike,\n IsDeepAgentLike,\n ExtractDeepAgentConfig,\n ExtractSubAgentMiddleware,\n InferDeepAgentSubagents,\n InferSubagentByName,\n InferSubagentState,\n InferSubagentNames,\n SubagentStateMap,\n DefaultSubagentStates,\n BaseSubagentState,\n QueueEntry,\n QueueInterface,\n} from \"@langchain/langgraph-sdk/ui\";\n\nexport type ToolCallWithResult<ToolCall = DefaultToolCall> =\n _ToolCallWithResult<ToolCall, CoreToolMessage, CoreAIMessage>;\nexport type {\n ToolCallState,\n DefaultToolCall,\n ToolCallFromTool,\n ToolCallsFromTools,\n} from \"@langchain/langgraph-sdk\";\n\nexport {\n SubagentManager,\n extractToolCallIdFromNamespace,\n calculateDepthFromNamespace,\n extractParentIdFromNamespace,\n isSubagentNamespace,\n} from \"@langchain/langgraph-sdk/ui\";\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stream.custom.cjs","names":["CustomStreamOrchestrator"],"sources":["../src/stream.custom.ts"],"sourcesContent":["import {\n computed,\n onScopeDispose,\n reactive,\n ref,\n shallowRef,\n toValue,\n watch,\n} 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
|
|
1
|
+
{"version":3,"file":"stream.custom.cjs","names":["CustomStreamOrchestrator"],"sources":["../src/stream.custom.ts"],"sourcesContent":["import {\n computed,\n onScopeDispose,\n reactive,\n ref,\n shallowRef,\n toValue,\n watch,\n} 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 // Cached computed properties — unlike plain getters, `computed()` only\n // recomputes when a tracked dependency changes, and caches the result\n // between reads. Getters below unwrap `.value` so callers see plain\n // values (matching the original API surface).\n //\n // `void isLoading.value` / reading `streamValues.value` accesses the\n // ref solely to register it as a dependency of the computed, so Vue\n // knows to invalidate the cached value when the orchestrator pushes an\n // update. The `void` operator discards the unused value and signals\n // intent to future readers.\n const interruptsComputed = computed(() => {\n void isLoading.value;\n return orchestrator.interrupts as Interrupt<InterruptType>[];\n });\n\n const interruptComputed = computed(() => {\n void isLoading.value;\n return orchestrator.interrupt as Interrupt<InterruptType> | undefined;\n });\n\n const messagesComputed = computed(() => {\n if (!streamValues.value) return [];\n return ensureMessageInstances(orchestrator.messages);\n });\n\n const toolCallsComputed = computed(() => {\n if (!streamValues.value) return [];\n return orchestrator.toolCalls;\n });\n\n const queueEntries = shallowRef<unknown[]>([]);\n const queueSize = shallowRef(0);\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: reactive({\n entries: queueEntries,\n size: queueSize,\n cancel: async () => false,\n clear: async () => {},\n }),\n\n get interrupts(): Interrupt<InterruptType>[] {\n return interruptsComputed.value;\n },\n get interrupt(): Interrupt<InterruptType> | undefined {\n return interruptComputed.value;\n },\n get messages() {\n return messagesComputed.value;\n },\n get toolCalls() {\n return toolCallsComputed.value;\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":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stream.custom.js","names":[],"sources":["../src/stream.custom.ts"],"sourcesContent":["import {\n computed,\n onScopeDispose,\n reactive,\n ref,\n shallowRef,\n toValue,\n watch,\n} 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
|
|
1
|
+
{"version":3,"file":"stream.custom.js","names":[],"sources":["../src/stream.custom.ts"],"sourcesContent":["import {\n computed,\n onScopeDispose,\n reactive,\n ref,\n shallowRef,\n toValue,\n watch,\n} 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 // Cached computed properties — unlike plain getters, `computed()` only\n // recomputes when a tracked dependency changes, and caches the result\n // between reads. Getters below unwrap `.value` so callers see plain\n // values (matching the original API surface).\n //\n // `void isLoading.value` / reading `streamValues.value` accesses the\n // ref solely to register it as a dependency of the computed, so Vue\n // knows to invalidate the cached value when the orchestrator pushes an\n // update. The `void` operator discards the unused value and signals\n // intent to future readers.\n const interruptsComputed = computed(() => {\n void isLoading.value;\n return orchestrator.interrupts as Interrupt<InterruptType>[];\n });\n\n const interruptComputed = computed(() => {\n void isLoading.value;\n return orchestrator.interrupt as Interrupt<InterruptType> | undefined;\n });\n\n const messagesComputed = computed(() => {\n if (!streamValues.value) return [];\n return ensureMessageInstances(orchestrator.messages);\n });\n\n const toolCallsComputed = computed(() => {\n if (!streamValues.value) return [];\n return orchestrator.toolCalls;\n });\n\n const queueEntries = shallowRef<unknown[]>([]);\n const queueSize = shallowRef(0);\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: reactive({\n entries: queueEntries,\n size: queueSize,\n cancel: async () => false,\n clear: async () => {},\n }),\n\n get interrupts(): Interrupt<InterruptType>[] {\n return interruptsComputed.value;\n },\n get interrupt(): Interrupt<InterruptType> | undefined {\n return interruptComputed.value;\n },\n get messages() {\n return messagesComputed.value;\n },\n get toolCalls() {\n return toolCallsComputed.value;\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":";;;AAsBA,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;CAYD,MAAM,qBAAqB,eAAe;AACnC,YAAU;AACf,SAAO,aAAa;GACpB;CAEF,MAAM,oBAAoB,eAAe;AAClC,YAAU;AACf,SAAO,aAAa;GACpB;CAEF,MAAM,mBAAmB,eAAe;AACtC,MAAI,CAAC,aAAa,MAAO,QAAO,EAAE;AAClC,SAAO,uBAAuB,aAAa,SAAS;GACpD;CAEF,MAAM,oBAAoB,eAAe;AACvC,MAAI,CAAC,aAAa,MAAO,QAAO,EAAE;AAClC,SAAO,aAAa;GACpB;AAKF,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,SAAS;GACd,SAtCiB,WAAsB,EAAE,CAAC;GAuC1C,MAtCc,WAAW,EAAE;GAuC3B,QAAQ,YAAY;GACpB,OAAO,YAAY;GACpB,CAAC;EAEF,IAAI,aAAyC;AAC3C,UAAO,mBAAmB;;EAE5B,IAAI,YAAkD;AACpD,UAAO,kBAAkB;;EAE3B,IAAI,WAAW;AACb,UAAO,iBAAiB;;EAE1B,IAAI,YAAY;AACd,UAAO,kBAAkB;;EAG3B,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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@langchain/vue",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.2",
|
|
4
4
|
"description": "Vue integration for LangGraph & LangChain",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
@@ -10,28 +10,19 @@
|
|
|
10
10
|
"directory": "libs/sdk-vue"
|
|
11
11
|
},
|
|
12
12
|
"dependencies": {
|
|
13
|
-
"@langchain/langgraph-sdk": "^1.8.
|
|
13
|
+
"@langchain/langgraph-sdk": "^1.8.3"
|
|
14
14
|
},
|
|
15
15
|
"devDependencies": {
|
|
16
16
|
"@hono/node-server": "^1.19.11",
|
|
17
17
|
"@langchain/core": "^1.1.31",
|
|
18
18
|
"@types/node": "^25.4.0",
|
|
19
|
-
"@typescript-eslint/eslint-plugin": "^6.12.0",
|
|
20
|
-
"@typescript-eslint/parser": "^6.12.0",
|
|
21
19
|
"@vitejs/plugin-vue": "^6.0.4",
|
|
22
20
|
"@vitejs/plugin-vue-jsx": "^5.1.4",
|
|
23
21
|
"@vitest/browser": "^4.0.18",
|
|
24
22
|
"@vitest/browser-webdriverio": "^4.0.18",
|
|
25
23
|
"deepagents": "^1.8.3",
|
|
26
|
-
"eslint": "^8.33.0",
|
|
27
|
-
"eslint-config-airbnb-base": "^15.0.0",
|
|
28
|
-
"eslint-config-prettier": "^8.6.0",
|
|
29
|
-
"eslint-plugin-import": "^2.29.1",
|
|
30
|
-
"eslint-plugin-no-instanceof": "^1.0.1",
|
|
31
|
-
"eslint-plugin-prettier": "^4.2.1",
|
|
32
24
|
"hono": "^4.12.7",
|
|
33
25
|
"langchain": "^1.2.30",
|
|
34
|
-
"prettier": "^3.8.1",
|
|
35
26
|
"typescript": "^5.9.3",
|
|
36
27
|
"vitest": "^4.0.18",
|
|
37
28
|
"vitest-browser-vue": "^2.0.2",
|
|
@@ -39,7 +30,7 @@
|
|
|
39
30
|
"webdriverio": "^9.25.0",
|
|
40
31
|
"zod": "^4.3.6",
|
|
41
32
|
"@langchain/langgraph": "1.2.6",
|
|
42
|
-
"@langchain/langgraph-api": "1.1.
|
|
33
|
+
"@langchain/langgraph-api": "1.1.17",
|
|
43
34
|
"@langchain/langgraph-checkpoint": "1.0.1"
|
|
44
35
|
},
|
|
45
36
|
"peerDependencies": {
|
|
@@ -71,11 +62,7 @@
|
|
|
71
62
|
"build": "pnpm turbo build:internal --filter=@langchain/vue",
|
|
72
63
|
"build:internal": "pnpm --filter @langchain/build compile @langchain/vue",
|
|
73
64
|
"prepublish": "pnpm build",
|
|
74
|
-
"format:check": "prettier --check src",
|
|
75
|
-
"format": "prettier --write src",
|
|
76
65
|
"lint:eslint": "NODE_OPTIONS=--max-old-space-size=4096 eslint --cache --ext .ts,.js,.jsx,.tsx src/",
|
|
77
|
-
"lint": "pnpm lint:eslint",
|
|
78
|
-
"lint:fix": "pnpm lint:eslint --fix",
|
|
79
66
|
"test": "vitest run"
|
|
80
67
|
}
|
|
81
68
|
}
|