@langchain/angular 0.0.1

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.
Files changed (15) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +321 -0
  3. package/dist/index.cjs +471 -0
  4. package/dist/index.cjs.map +1 -0
  5. package/dist/index.d.cts +72 -0
  6. package/dist/index.d.cts.map +1 -0
  7. package/dist/index.d.ts +72 -0
  8. package/dist/index.d.ts.map +1 -0
  9. package/dist/index.js +433 -0
  10. package/dist/index.js.map +1 -0
  11. package/dist/stream.custom.cjs +164 -0
  12. package/dist/stream.custom.cjs.map +1 -0
  13. package/dist/stream.custom.js +164 -0
  14. package/dist/stream.custom.js.map +1 -0
  15. package/package.json +85 -0
package/dist/stream.custom.cjs ADDED
@@ -0,0 +1,164 @@
1
+ let _angular_core = require("@angular/core");
2
+ let _langchain_langgraph_sdk_ui = require("@langchain/langgraph-sdk/ui");
3
+ let _langchain_langgraph_sdk_utils = require("@langchain/langgraph-sdk/utils");
4
+
5
+ //#region src/stream.custom.ts
6
+ function useStreamCustom(options) {
7
+ const stream = new _langchain_langgraph_sdk_ui.StreamManager(new _langchain_langgraph_sdk_ui.MessageTupleManager(), {
8
+ throttle: options.throttle ?? false,
9
+ subagentToolNames: options.subagentToolNames,
10
+ filterSubagentMessages: options.filterSubagentMessages,
11
+ toMessage: _langchain_langgraph_sdk_ui.toMessageClass
12
+ });
13
+ const streamValues = (0, _angular_core.signal)(stream.values);
14
+ const streamError = (0, _angular_core.signal)(stream.error);
15
+ const isLoading = (0, _angular_core.signal)(stream.isLoading);
16
+ (0, _angular_core.effect)((onCleanup) => {
17
+ const unsubscribe = stream.subscribe(() => {
18
+ streamValues.set(stream.values);
19
+ streamError.set(stream.error);
20
+ isLoading.set(stream.isLoading);
21
+ });
22
+ onCleanup(() => unsubscribe());
23
+ });
24
+ let threadId = options.threadId ?? null;
25
+ const getMessages = (value) => {
26
+ const messagesKey = options.messagesKey ?? "messages";
27
+ return Array.isArray(value[messagesKey]) ? value[messagesKey] : [];
28
+ };
29
+ const setMessages = (current, messages) => {
30
+ const messagesKey = options.messagesKey ?? "messages";
31
+ return {
32
+ ...current,
33
+ [messagesKey]: messages
34
+ };
35
+ };
36
+ const historyValues = options.initialValues ?? {};
37
+ const historyMessages = getMessages(historyValues);
38
+ const shouldReconstructSubagents = options.filterSubagentMessages && !stream.isLoading && historyMessages.length > 0;
39
+ (0, _angular_core.effect)(() => {
40
+ const loading = isLoading();
41
+ const hvMessages = getMessages(historyValues);
42
+ if (options.filterSubagentMessages && !loading && hvMessages.length > 0) stream.reconstructSubagents(hvMessages, { skipIfPopulated: true });
43
+ });
44
+ if (shouldReconstructSubagents) stream.reconstructSubagents(historyMessages, { skipIfPopulated: true });
45
+ function switchThread(newThreadId) {
46
+ if (newThreadId !== threadId) {
47
+ threadId = newThreadId;
48
+ stream.clear();
49
+ }
50
+ }
51
+ function stop() {
52
+ return stream.stop(historyValues, { onStop: options.onStop });
53
+ }
54
+ async function submitDirect(values, submitOptions) {
55
+ const currentThreadId = options.threadId ?? null;
56
+ if (currentThreadId !== threadId) {
57
+ threadId = currentThreadId;
58
+ stream.clear();
59
+ }
60
+ let usableThreadId = threadId;
61
+ stream.setStreamValues(() => {
62
+ if (submitOptions?.optimisticValues != null) return {
63
+ ...historyValues,
64
+ ...typeof submitOptions.optimisticValues === "function" ? submitOptions.optimisticValues(historyValues) : submitOptions.optimisticValues
65
+ };
66
+ return { ...historyValues };
67
+ });
68
+ await stream.start(async (signal) => {
69
+ if (!usableThreadId) {
70
+ usableThreadId = crypto.randomUUID();
71
+ threadId = usableThreadId;
72
+ options.onThreadId?.(usableThreadId);
73
+ }
74
+ if (!usableThreadId) throw new Error("Failed to obtain valid thread ID.");
75
+ return options.transport.stream({
76
+ input: values,
77
+ context: submitOptions?.context,
78
+ command: submitOptions?.command,
79
+ signal,
80
+ config: {
81
+ ...submitOptions?.config,
82
+ configurable: {
83
+ thread_id: usableThreadId,
84
+ ...submitOptions?.config?.configurable
85
+ }
86
+ }
87
+ });
88
+ }, {
89
+ getMessages,
90
+ setMessages,
91
+ initialValues: {},
92
+ callbacks: options,
93
+ onSuccess: () => void 0,
94
+ onError(error) {
95
+ options.onError?.(error, void 0);
96
+ }
97
+ });
98
+ }
99
+ async function submit(values, submitOptions) {
100
+ await submitDirect(values, submitOptions);
101
+ }
102
+ return {
103
+ values: (0, _angular_core.computed)(() => streamValues() ?? {}),
104
+ error: streamError,
105
+ isLoading,
106
+ stop,
107
+ submit,
108
+ switchThread,
109
+ queue: {
110
+ entries: (0, _angular_core.signal)([]),
111
+ size: (0, _angular_core.signal)(0),
112
+ async cancel() {
113
+ return false;
114
+ },
115
+ async clear() {}
116
+ },
117
+ get interrupts() {
118
+ const vals = streamValues();
119
+ if (vals != null && "__interrupt__" in vals && Array.isArray(vals.__interrupt__)) {
120
+ const valueInterrupts = vals.__interrupt__;
121
+ if (valueInterrupts.length === 0) return [{ when: "breakpoint" }];
122
+ return valueInterrupts;
123
+ }
124
+ return [];
125
+ },
126
+ get interrupt() {
127
+ return (0, _langchain_langgraph_sdk_ui.extractInterrupts)(streamValues());
128
+ },
129
+ get messages() {
130
+ const vals = streamValues();
131
+ if (!vals) return [];
132
+ return getMessages(vals);
133
+ },
134
+ get toolCalls() {
135
+ const vals = streamValues();
136
+ if (!vals) return [];
137
+ return (0, _langchain_langgraph_sdk_utils.getToolCallsWithResults)(getMessages(vals));
138
+ },
139
+ getToolCalls(message) {
140
+ const vals = streamValues();
141
+ if (!vals) return [];
142
+ return (0, _langchain_langgraph_sdk_utils.getToolCallsWithResults)(getMessages(vals)).filter((tc) => tc.aiMessage.id === message.id);
143
+ },
144
+ get subagents() {
145
+ return stream.getSubagents();
146
+ },
147
+ get activeSubagents() {
148
+ return stream.getActiveSubagents();
149
+ },
150
+ getSubagent(toolCallId) {
151
+ return stream.getSubagent(toolCallId);
152
+ },
153
+ getSubagentsByType(type) {
154
+ return stream.getSubagentsByType(type);
155
+ },
156
+ getSubagentsByMessage(messageId) {
157
+ return stream.getSubagentsByMessage(messageId);
158
+ }
159
+ };
160
+ }
161
+
162
+ //#endregion
163
+ exports.useStreamCustom = useStreamCustom;
164
+ //# sourceMappingURL=stream.custom.cjs.map
package/dist/stream.custom.cjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"stream.custom.cjs","names":["StreamManager","MessageTupleManager","toMessageClass"],"sources":["../src/stream.custom.ts"],"sourcesContent":["import { signal, computed, effect } from \"@angular/core\";\nimport {\n StreamManager,\n MessageTupleManager,\n extractInterrupts,\n toMessageClass,\n type EventStreamEvent,\n type GetUpdateType,\n type GetCustomEventType,\n type GetInterruptType,\n type GetConfigurableType,\n type GetToolCallsType,\n type AnyStreamCustomOptions,\n type CustomSubmitOptions,\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 type ToolCallType = GetToolCallsType<StateType>;\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 = signal<StateType | null>(stream.values);\n const streamError = signal<unknown>(stream.error);\n const isLoading = signal(stream.isLoading);\n\n effect((onCleanup) => {\n const unsubscribe = stream.subscribe(() => {\n streamValues.set(stream.values);\n streamError.set(stream.error);\n isLoading.set(stream.isLoading);\n });\n\n onCleanup(() => unsubscribe());\n });\n\n let threadId: string | null = options.threadId ?? null;\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 const historyMessages = getMessages(historyValues);\n const shouldReconstructSubagents =\n options.filterSubagentMessages &&\n !stream.isLoading &&\n historyMessages.length > 0;\n\n effect(() => {\n const loading = isLoading();\n const hvMessages = getMessages(historyValues);\n const should =\n options.filterSubagentMessages && !loading && hvMessages.length > 0;\n if (should) {\n stream.reconstructSubagents(hvMessages, { skipIfPopulated: true });\n }\n });\n\n if (shouldReconstructSubagents) {\n stream.reconstructSubagents(historyMessages, { skipIfPopulated: 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;\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 },\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 const values = computed(() => streamValues() ?? ({} as StateType));\n\n return {\n values,\n error: streamError,\n isLoading,\n\n stop,\n submit,\n switchThread,\n\n queue: {\n entries: signal([]),\n size: signal(0),\n async cancel() {\n return false;\n },\n async clear() {},\n },\n\n get interrupts(): Interrupt<InterruptType>[] {\n const vals = streamValues();\n if (\n vals != null &&\n \"__interrupt__\" in vals &&\n Array.isArray(vals.__interrupt__)\n ) {\n const valueInterrupts = vals.__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());\n },\n\n get messages(): Message<ToolCallType>[] {\n const vals = streamValues();\n if (!vals) return [];\n return getMessages(vals);\n },\n\n get toolCalls() {\n const vals = streamValues();\n if (!vals) return [];\n const msgs = getMessages(vals);\n return getToolCallsWithResults<ToolCallType>(msgs);\n },\n\n getToolCalls(message: Message<ToolCallType>) {\n const vals = streamValues();\n if (!vals) return [];\n const msgs = getMessages(vals);\n const allToolCalls = getToolCallsWithResults<ToolCallType>(msgs);\n return allToolCalls.filter((tc) => tc.aiMessage.id === message.id);\n },\n\n get subagents() {\n return stream.getSubagents();\n },\n\n get activeSubagents() {\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":";;;;;AAkBA,SAAgB,gBAGd,SAAiD;CAQjD,MAAM,SAAS,IAAIA,0CADI,IAAIC,iDAAqB,EACiB;EAC/D,UAAU,QAAQ,YAAY;EAC9B,mBAAmB,QAAQ;EAC3B,wBAAwB,QAAQ;EAChC,WAAWC;EACZ,CAAC;CAEF,MAAM,yCAAwC,OAAO,OAAO;CAC5D,MAAM,wCAA8B,OAAO,MAAM;CACjD,MAAM,sCAAmB,OAAO,UAAU;AAE1C,4BAAQ,cAAc;EACpB,MAAM,cAAc,OAAO,gBAAgB;AACzC,gBAAa,IAAI,OAAO,OAAO;AAC/B,eAAY,IAAI,OAAO,MAAM;AAC7B,aAAU,IAAI,OAAO,UAAU;IAC/B;AAEF,kBAAgB,aAAa,CAAC;GAC9B;CAEF,IAAI,WAA0B,QAAQ,YAAY;CAElD,MAAM,eAAe,UAAgC;EACnD,MAAM,cAAc,QAAQ,eAAe;AAC3C,SAAO,MAAM,QAAQ,MAAM,aAAa,GACnC,MAAM,eACP,EAAE;;CAGR,MAAM,eAAe,SAAoB,aAAmC;EAC1E,MAAM,cAAc,QAAQ,eAAe;AAC3C,SAAO;GAAE,GAAG;IAAU,cAAc;GAAU;;CAGhD,MAAM,gBAAgB,QAAQ,iBAAkB,EAAE;CAElD,MAAM,kBAAkB,YAAY,cAAc;CAClD,MAAM,6BACJ,QAAQ,0BACR,CAAC,OAAO,aACR,gBAAgB,SAAS;AAE3B,iCAAa;EACX,MAAM,UAAU,WAAW;EAC3B,MAAM,aAAa,YAAY,cAAc;AAG7C,MADE,QAAQ,0BAA0B,CAAC,WAAW,WAAW,SAAS,EAElE,QAAO,qBAAqB,YAAY,EAAE,iBAAiB,MAAM,CAAC;GAEpE;AAEF,KAAI,2BACF,QAAO,qBAAqB,iBAAiB,EAAE,iBAAiB,MAAM,CAAC;CAGzE,SAAS,aAAa,aAA4B;AAChD,MAAI,gBAAgB,UAAU;AAC5B,cAAW;AACX,UAAO,OAAO;;;CAIlB,SAAS,OAAO;AACd,SAAO,OAAO,KAAK,eAAe,EAAE,QAAQ,QAAQ,QAAQ,CAAC;;CAG/D,eAAe,aACb,QACA,eACA;EACA,MAAM,kBAAkB,QAAQ,YAAY;AAC5C,MAAI,oBAAoB,UAAU;AAChC,cAAW;AACX,UAAO,OAAO;;EAGhB,IAAI,iBAAiB;AAErB,SAAO,sBAAsB;AAC3B,OAAI,eAAe,oBAAoB,KACrC,QAAO;IACL,GAAG;IACH,GAAI,OAAO,cAAc,qBAAqB,aAC1C,cAAc,iBAAiB,cAAc,GAC7C,cAAc;IACnB;AAGH,UAAO,EAAE,GAAG,eAAe;IAC3B;AAEF,QAAM,OAAO,MACX,OAAO,WAAwB;AAC7B,OAAI,CAAC,gBAAgB;AACnB,qBAAiB,OAAO,YAAY;AACpC,eAAW;AACX,YAAQ,aAAa,eAAe;;AAGtC,OAAI,CAAC,eACH,OAAM,IAAI,MAAM,oCAAoC;AAGtD,UAAO,QAAQ,UAAU,OAAO;IAC9B,OAAO;IACP,SAAS,eAAe;IACxB,SAAS,eAAe;IACxB;IACA,QAAQ;KACN,GAAG,eAAe;KAClB,cAAc;MACZ,WAAW;MACX,GAAG,eAAe,QAAQ;MAC3B;KACF;IACF,CAAC;KAIJ;GACE;GACA;GAEA,eAAe,EAAE;GACjB,WAAW;GAEX,iBAAiB;GACjB,QAAQ,OAAO;AACb,YAAQ,UAAU,OAAO,OAAU;;GAEtC,CACF;;CAGH,eAAe,OACb,QACA,eACA;AACA,QAAM,aAAa,QAAQ,cAAc;;AAK3C,QAAO;EACL,0CAH4B,cAAc,IAAK,EAAE,CAAe;EAIhE,OAAO;EACP;EAEA;EACA;EACA;EAEA,OAAO;GACL,mCAAgB,EAAE,CAAC;GACnB,gCAAa,EAAE;GACf,MAAM,SAAS;AACb,WAAO;;GAET,MAAM,QAAQ;GACf;EAED,IAAI,aAAyC;GAC3C,MAAM,OAAO,cAAc;AAC3B,OACE,QAAQ,QACR,mBAAmB,QACnB,MAAM,QAAQ,KAAK,cAAc,EACjC;IACA,MAAM,kBAAkB,KAAK;AAC7B,QAAI,gBAAgB,WAAW,EAAG,QAAO,CAAC,EAAE,MAAM,cAAc,CAAC;AACjE,WAAO;;AAGT,UAAO,EAAE;;EAGX,IAAI,YAAkD;AACpD,6DAAwC,cAAc,CAAC;;EAGzD,IAAI,WAAoC;GACtC,MAAM,OAAO,cAAc;AAC3B,OAAI,CAAC,KAAM,QAAO,EAAE;AACpB,UAAO,YAAY,KAAK;;EAG1B,IAAI,YAAY;GACd,MAAM,OAAO,cAAc;AAC3B,OAAI,CAAC,KAAM,QAAO,EAAE;AAEpB,sEADa,YAAY,KAAK,CACoB;;EAGpD,aAAa,SAAgC;GAC3C,MAAM,OAAO,cAAc;AAC3B,OAAI,CAAC,KAAM,QAAO,EAAE;AAGpB,sEAFa,YAAY,KAAK,CACkC,CAC5C,QAAQ,OAAO,GAAG,UAAU,OAAO,QAAQ,GAAG;;EAGpE,IAAI,YAAY;AACd,UAAO,OAAO,cAAc;;EAG9B,IAAI,kBAAkB;AACpB,UAAO,OAAO,oBAAoB;;EAGpC,YAAY,YAAoB;AAC9B,UAAO,OAAO,YAAY,WAAW;;EAGvC,mBAAmB,MAAc;AAC/B,UAAO,OAAO,mBAAmB,KAAK;;EAGxC,sBAAsB,WAAmB;AACvC,UAAO,OAAO,sBAAsB,UAAU;;EAEjD"}
package/dist/stream.custom.js ADDED
@@ -0,0 +1,164 @@
1
+ import { computed, effect, signal } from "@angular/core";
2
+ import { MessageTupleManager, StreamManager, extractInterrupts, toMessageClass } from "@langchain/langgraph-sdk/ui";
3
+ import { getToolCallsWithResults } from "@langchain/langgraph-sdk/utils";
4
+
5
+ //#region src/stream.custom.ts
6
+ function useStreamCustom(options) {
7
+ const stream = new StreamManager(new MessageTupleManager(), {
8
+ throttle: options.throttle ?? false,
9
+ subagentToolNames: options.subagentToolNames,
10
+ filterSubagentMessages: options.filterSubagentMessages,
11
+ toMessage: toMessageClass
12
+ });
13
+ const streamValues = signal(stream.values);
14
+ const streamError = signal(stream.error);
15
+ const isLoading = signal(stream.isLoading);
16
+ effect((onCleanup) => {
17
+ const unsubscribe = stream.subscribe(() => {
18
+ streamValues.set(stream.values);
19
+ streamError.set(stream.error);
20
+ isLoading.set(stream.isLoading);
21
+ });
22
+ onCleanup(() => unsubscribe());
23
+ });
24
+ let threadId = options.threadId ?? null;
25
+ const getMessages = (value) => {
26
+ const messagesKey = options.messagesKey ?? "messages";
27
+ return Array.isArray(value[messagesKey]) ? value[messagesKey] : [];
28
+ };
29
+ const setMessages = (current, messages) => {
30
+ const messagesKey = options.messagesKey ?? "messages";
31
+ return {
32
+ ...current,
33
+ [messagesKey]: messages
34
+ };
35
+ };
36
+ const historyValues = options.initialValues ?? {};
37
+ const historyMessages = getMessages(historyValues);
38
+ const shouldReconstructSubagents = options.filterSubagentMessages && !stream.isLoading && historyMessages.length > 0;
39
+ effect(() => {
40
+ const loading = isLoading();
41
+ const hvMessages = getMessages(historyValues);
42
+ if (options.filterSubagentMessages && !loading && hvMessages.length > 0) stream.reconstructSubagents(hvMessages, { skipIfPopulated: true });
43
+ });
44
+ if (shouldReconstructSubagents) stream.reconstructSubagents(historyMessages, { skipIfPopulated: true });
45
+ function switchThread(newThreadId) {
46
+ if (newThreadId !== threadId) {
47
+ threadId = newThreadId;
48
+ stream.clear();
49
+ }
50
+ }
51
+ function stop() {
52
+ return stream.stop(historyValues, { onStop: options.onStop });
53
+ }
54
+ async function submitDirect(values, submitOptions) {
55
+ const currentThreadId = options.threadId ?? null;
56
+ if (currentThreadId !== threadId) {
57
+ threadId = currentThreadId;
58
+ stream.clear();
59
+ }
60
+ let usableThreadId = threadId;
61
+ stream.setStreamValues(() => {
62
+ if (submitOptions?.optimisticValues != null) return {
63
+ ...historyValues,
64
+ ...typeof submitOptions.optimisticValues === "function" ? submitOptions.optimisticValues(historyValues) : submitOptions.optimisticValues
65
+ };
66
+ return { ...historyValues };
67
+ });
68
+ await stream.start(async (signal) => {
69
+ if (!usableThreadId) {
70
+ usableThreadId = crypto.randomUUID();
71
+ threadId = usableThreadId;
72
+ options.onThreadId?.(usableThreadId);
73
+ }
74
+ if (!usableThreadId) throw new Error("Failed to obtain valid thread ID.");
75
+ return options.transport.stream({
76
+ input: values,
77
+ context: submitOptions?.context,
78
+ command: submitOptions?.command,
79
+ signal,
80
+ config: {
81
+ ...submitOptions?.config,
82
+ configurable: {
83
+ thread_id: usableThreadId,
84
+ ...submitOptions?.config?.configurable
85
+ }
86
+ }
87
+ });
88
+ }, {
89
+ getMessages,
90
+ setMessages,
91
+ initialValues: {},
92
+ callbacks: options,
93
+ onSuccess: () => void 0,
94
+ onError(error) {
95
+ options.onError?.(error, void 0);
96
+ }
97
+ });
98
+ }
99
+ async function submit(values, submitOptions) {
100
+ await submitDirect(values, submitOptions);
101
+ }
102
+ return {
103
+ values: computed(() => streamValues() ?? {}),
104
+ error: streamError,
105
+ isLoading,
106
+ stop,
107
+ submit,
108
+ switchThread,
109
+ queue: {
110
+ entries: signal([]),
111
+ size: signal(0),
112
+ async cancel() {
113
+ return false;
114
+ },
115
+ async clear() {}
116
+ },
117
+ get interrupts() {
118
+ const vals = streamValues();
119
+ if (vals != null && "__interrupt__" in vals && Array.isArray(vals.__interrupt__)) {
120
+ const valueInterrupts = vals.__interrupt__;
121
+ if (valueInterrupts.length === 0) return [{ when: "breakpoint" }];
122
+ return valueInterrupts;
123
+ }
124
+ return [];
125
+ },
126
+ get interrupt() {
127
+ return extractInterrupts(streamValues());
128
+ },
129
+ get messages() {
130
+ const vals = streamValues();
131
+ if (!vals) return [];
132
+ return getMessages(vals);
133
+ },
134
+ get toolCalls() {
135
+ const vals = streamValues();
136
+ if (!vals) return [];
137
+ return getToolCallsWithResults(getMessages(vals));
138
+ },
139
+ getToolCalls(message) {
140
+ const vals = streamValues();
141
+ if (!vals) return [];
142
+ return getToolCallsWithResults(getMessages(vals)).filter((tc) => tc.aiMessage.id === message.id);
143
+ },
144
+ get subagents() {
145
+ return stream.getSubagents();
146
+ },
147
+ get activeSubagents() {
148
+ return stream.getActiveSubagents();
149
+ },
150
+ getSubagent(toolCallId) {
151
+ return stream.getSubagent(toolCallId);
152
+ },
153
+ getSubagentsByType(type) {
154
+ return stream.getSubagentsByType(type);
155
+ },
156
+ getSubagentsByMessage(messageId) {
157
+ return stream.getSubagentsByMessage(messageId);
158
+ }
159
+ };
160
+ }
161
+
162
+ //#endregion
163
+ export { useStreamCustom };
164
+ //# sourceMappingURL=stream.custom.js.map
package/dist/stream.custom.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"stream.custom.js","names":[],"sources":["../src/stream.custom.ts"],"sourcesContent":["import { signal, computed, effect } from \"@angular/core\";\nimport {\n StreamManager,\n MessageTupleManager,\n extractInterrupts,\n toMessageClass,\n type EventStreamEvent,\n type GetUpdateType,\n type GetCustomEventType,\n type GetInterruptType,\n type GetConfigurableType,\n type GetToolCallsType,\n type AnyStreamCustomOptions,\n type CustomSubmitOptions,\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 type ToolCallType = GetToolCallsType<StateType>;\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 = signal<StateType | null>(stream.values);\n const streamError = signal<unknown>(stream.error);\n const isLoading = signal(stream.isLoading);\n\n effect((onCleanup) => {\n const unsubscribe = stream.subscribe(() => {\n streamValues.set(stream.values);\n streamError.set(stream.error);\n isLoading.set(stream.isLoading);\n });\n\n onCleanup(() => unsubscribe());\n });\n\n let threadId: string | null = options.threadId ?? null;\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 const historyMessages = getMessages(historyValues);\n const shouldReconstructSubagents =\n options.filterSubagentMessages &&\n !stream.isLoading &&\n historyMessages.length > 0;\n\n effect(() => {\n const loading = isLoading();\n const hvMessages = getMessages(historyValues);\n const should =\n options.filterSubagentMessages && !loading && hvMessages.length > 0;\n if (should) {\n stream.reconstructSubagents(hvMessages, { skipIfPopulated: true });\n }\n });\n\n if (shouldReconstructSubagents) {\n stream.reconstructSubagents(historyMessages, { skipIfPopulated: 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;\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 },\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 const values = computed(() => streamValues() ?? ({} as StateType));\n\n return {\n values,\n error: streamError,\n isLoading,\n\n stop,\n submit,\n switchThread,\n\n queue: {\n entries: signal([]),\n size: signal(0),\n async cancel() {\n return false;\n },\n async clear() {},\n },\n\n get interrupts(): Interrupt<InterruptType>[] {\n const vals = streamValues();\n if (\n vals != null &&\n \"__interrupt__\" in vals &&\n Array.isArray(vals.__interrupt__)\n ) {\n const valueInterrupts = vals.__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());\n },\n\n get messages(): Message<ToolCallType>[] {\n const vals = streamValues();\n if (!vals) return [];\n return getMessages(vals);\n },\n\n get toolCalls() {\n const vals = streamValues();\n if (!vals) return [];\n const msgs = getMessages(vals);\n return getToolCallsWithResults<ToolCallType>(msgs);\n },\n\n getToolCalls(message: Message<ToolCallType>) {\n const vals = streamValues();\n if (!vals) return [];\n const msgs = getMessages(vals);\n const allToolCalls = getToolCallsWithResults<ToolCallType>(msgs);\n return allToolCalls.filter((tc) => tc.aiMessage.id === message.id);\n },\n\n get subagents() {\n return stream.getSubagents();\n },\n\n get activeSubagents() {\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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"}
package/package.json ADDED
@@ -0,0 +1,85 @@
1
+ {
2
+ "name": "@langchain/angular",
3
+ "version": "0.0.1",
4
+ "description": "Angular integration for LangGraph & LangChain",
5
+ "type": "module",
6
+ "license": "MIT",
7
+ "dependencies": {
8
+ "@langchain/langgraph-sdk": "^1.6.5"
9
+ },
10
+ "devDependencies": {
11
+ "@analogjs/vite-plugin-angular": "^2.2.3",
12
+ "@analogjs/vitest-angular": "^2.2.3",
13
+ "@angular/compiler": "^20.3.10",
14
+ "@angular/core": "^20.3.10",
15
+ "@angular/platform-browser": "^20.3.10",
16
+ "@angular/platform-browser-dynamic": "^20.3.10",
17
+ "@angular/router": "^20.3.10",
18
+ "@hono/node-server": "^1.14.1",
19
+ "@langchain/core": "^1.1.27",
20
+ "@langchain/scripts": "^0.1.4",
21
+ "@tsconfig/recommended": "^1.0.2",
22
+ "@types/node": "^18.15.11",
23
+ "@types/uuid": "^9.0.1",
24
+ "@typescript-eslint/eslint-plugin": "^6.12.0",
25
+ "@typescript-eslint/parser": "^6.12.0",
26
+ "@vitest/browser": "^3.2.4",
27
+ "deepagents": "^1.8.0",
28
+ "eslint": "^8.33.0",
29
+ "eslint-config-airbnb-base": "^15.0.0",
30
+ "eslint-config-prettier": "^8.6.0",
31
+ "eslint-plugin-import": "^2.29.1",
32
+ "eslint-plugin-no-instanceof": "^1.0.1",
33
+ "eslint-plugin-prettier": "^4.2.1",
34
+ "hono": "^4.7.10",
35
+ "langchain": "^1.2.25",
36
+ "prettier": "^3.8.1",
37
+ "rxjs": "^7.8.1",
38
+ "tslib": "^2.6.0",
39
+ "typescript": "^4.9.5 || ^5.4.5",
40
+ "vite": "^7.3.1",
41
+ "vitest": "^3.2.4",
42
+ "vitest-browser-angular": "^0.3.0",
43
+ "webdriverio": "^9.15.0",
44
+ "zod": "^4.3.6",
45
+ "@langchain/langgraph-api": "^1.1.14",
46
+ "@langchain/langgraph-checkpoint": "^1.0.0",
47
+ "@langchain/langgraph": "^1.2.0"
48
+ },
49
+ "peerDependencies": {
50
+ "@angular/core": "^18.0.0 || ^19.0.0 || ^20.0.0",
51
+ "@langchain/core": "^1.1.27"
52
+ },
53
+ "main": "./dist/index.js",
54
+ "types": "./dist/index.d.ts",
55
+ "exports": {
56
+ ".": {
57
+ "input": "./src/index.ts",
58
+ "typedoc": "./src/index.ts",
59
+ "import": {
60
+ "types": "./dist/index.d.ts",
61
+ "default": "./dist/index.js"
62
+ },
63
+ "require": {
64
+ "types": "./dist/index.d.cts",
65
+ "default": "./dist/index.cjs"
66
+ }
67
+ },
68
+ "./package.json": "./package.json"
69
+ },
70
+ "files": [
71
+ "dist/"
72
+ ],
73
+ "scripts": {
74
+ "clean": "rm -rf dist/ dist-cjs/",
75
+ "build": "pnpm turbo build:internal --filter=@langchain/angular",
76
+ "build:internal": "pnpm --filter @langchain/build compile @langchain/angular",
77
+ "prepublish": "pnpm build",
78
+ "format:check": "prettier --check src",
79
+ "format": "prettier --write src",
80
+ "lint:eslint": "NODE_OPTIONS=--max-old-space-size=4096 eslint --cache --ext .ts,.js,.jsx,.tsx src/",
81
+ "lint": "pnpm lint:eslint",
82
+ "lint:fix": "pnpm lint:eslint --fix",
83
+ "test": "vitest run"
84
+ }
85
+ }