@melony/core 0.1.11 → 0.1.12
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 +5 -5
- package/dist/client.d.ts +7 -5
- package/dist/client.js +9 -7
- package/dist/client.js.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -59,16 +59,16 @@ app.post('/api/chat', handle(assistant));
|
|
|
59
59
|
### 3. Connect from React
|
|
60
60
|
|
|
61
61
|
```tsx
|
|
62
|
-
import {
|
|
63
|
-
import {
|
|
62
|
+
import { MelonyClient, createHttpTransport } from '@melony/core/client';
|
|
63
|
+
import { MelonyClientProvider, Thread } from '@melony/react';
|
|
64
64
|
|
|
65
|
-
const client = new
|
|
65
|
+
const client = new MelonyClient(createHttpTransport('/api/chat'));
|
|
66
66
|
|
|
67
67
|
function App() {
|
|
68
68
|
return (
|
|
69
|
-
<
|
|
69
|
+
<MelonyClientProvider client={client}>
|
|
70
70
|
<Thread />
|
|
71
|
-
</
|
|
71
|
+
</MelonyClientProvider>
|
|
72
72
|
);
|
|
73
73
|
}
|
|
74
74
|
```
|
package/dist/client.d.ts
CHANGED
|
@@ -7,13 +7,15 @@ interface ClientState {
|
|
|
7
7
|
isLoading: boolean;
|
|
8
8
|
error: Error | null;
|
|
9
9
|
}
|
|
10
|
-
declare class
|
|
10
|
+
declare class MelonyClient {
|
|
11
11
|
private transport;
|
|
12
12
|
private state;
|
|
13
13
|
private abortController;
|
|
14
14
|
private stateListeners;
|
|
15
|
-
constructor(transport: TransportFn
|
|
16
|
-
|
|
15
|
+
constructor(transport: TransportFn, options?: {
|
|
16
|
+
initialEvents?: Event[];
|
|
17
|
+
});
|
|
18
|
+
subscribe(listener: (state: ClientState) => void): () => void;
|
|
17
19
|
getState(): {
|
|
18
20
|
events: Event[];
|
|
19
21
|
isLoading: boolean;
|
|
@@ -25,7 +27,7 @@ declare class Client {
|
|
|
25
27
|
state?: Record<string, any>;
|
|
26
28
|
}): AsyncGenerator<Event>;
|
|
27
29
|
private handleIncomingEvent;
|
|
28
|
-
|
|
30
|
+
reset(events?: Event[]): void;
|
|
29
31
|
}
|
|
30
32
|
interface TransportRequest {
|
|
31
33
|
event: Event;
|
|
@@ -35,4 +37,4 @@ interface TransportRequest {
|
|
|
35
37
|
type TransportFn = (request: TransportRequest, signal?: AbortSignal) => Promise<ReadableStream<Uint8Array>>;
|
|
36
38
|
declare function createHttpTransport(api: string): TransportFn;
|
|
37
39
|
|
|
38
|
-
export {
|
|
40
|
+
export { type ClientState, Event, MelonyClient, type TransportFn, type TransportRequest, createHttpTransport };
|
package/dist/client.js
CHANGED
|
@@ -2,20 +2,22 @@ import { generateId } from './chunk-WAI5H335.js';
|
|
|
2
2
|
export { generateId } from './chunk-WAI5H335.js';
|
|
3
3
|
|
|
4
4
|
// src/client.ts
|
|
5
|
-
var
|
|
6
|
-
constructor(transport) {
|
|
5
|
+
var MelonyClient = class {
|
|
6
|
+
constructor(transport, options) {
|
|
7
7
|
this.abortController = null;
|
|
8
8
|
this.stateListeners = /* @__PURE__ */ new Set();
|
|
9
9
|
this.transport = transport;
|
|
10
10
|
this.state = {
|
|
11
|
-
events: [],
|
|
11
|
+
events: options?.initialEvents ?? [],
|
|
12
12
|
isLoading: false,
|
|
13
13
|
error: null
|
|
14
14
|
};
|
|
15
15
|
}
|
|
16
16
|
subscribe(listener) {
|
|
17
17
|
this.stateListeners.add(listener);
|
|
18
|
-
return () =>
|
|
18
|
+
return () => {
|
|
19
|
+
this.stateListeners.delete(listener);
|
|
20
|
+
};
|
|
19
21
|
}
|
|
20
22
|
getState() {
|
|
21
23
|
return { ...this.state };
|
|
@@ -91,9 +93,9 @@ var Client = class {
|
|
|
91
93
|
}
|
|
92
94
|
this.setState({ events });
|
|
93
95
|
}
|
|
94
|
-
|
|
96
|
+
reset(events = []) {
|
|
95
97
|
if (this.abortController) this.abortController.abort();
|
|
96
|
-
this.setState({ events
|
|
98
|
+
this.setState({ events, error: null, isLoading: false });
|
|
97
99
|
}
|
|
98
100
|
};
|
|
99
101
|
function createHttpTransport(api) {
|
|
@@ -110,6 +112,6 @@ function createHttpTransport(api) {
|
|
|
110
112
|
};
|
|
111
113
|
}
|
|
112
114
|
|
|
113
|
-
export {
|
|
115
|
+
export { MelonyClient, createHttpTransport };
|
|
114
116
|
//# sourceMappingURL=client.js.map
|
|
115
117
|
//# sourceMappingURL=client.js.map
|
package/dist/client.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/client.ts"],"names":[],"mappings":";;;;AAYO,IAAM,
|
|
1
|
+
{"version":3,"sources":["../src/client.ts"],"names":[],"mappings":"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","file":"client.js","sourcesContent":["import { Event } from \"./types\";\nimport { generateId } from \"./utils/generate-id\";\n\nexport type { Event };\nexport { generateId };\n\nexport interface ClientState {\n events: Event[];\n isLoading: boolean;\n error: Error | null;\n}\n\nexport class MelonyClient {\n private transport: TransportFn;\n private state: ClientState;\n private abortController: AbortController | null = null;\n private stateListeners: Set<(state: ClientState) => void> = new Set();\n\n constructor(transport: TransportFn, options?: { initialEvents?: Event[] }) {\n this.transport = transport;\n this.state = {\n events: options?.initialEvents ?? [],\n isLoading: false,\n error: null,\n };\n }\n\n subscribe(listener: (state: ClientState) => void) {\n this.stateListeners.add(listener);\n return () => {\n this.stateListeners.delete(listener);\n };\n }\n\n getState() {\n return { ...this.state };\n }\n\n private setState(updates: Partial<ClientState>) {\n this.state = { ...this.state, ...updates };\n this.stateListeners.forEach((l) => l(this.getState()));\n }\n\n async *sendEvent(\n event: Event,\n options?: { runId?: string; state?: Record<string, any> }\n ): AsyncGenerator<Event> {\n if (this.abortController) this.abortController.abort();\n this.abortController = new AbortController();\n\n const runId = options?.runId ?? generateId();\n const optimisticEvent: Event = {\n ...event,\n runId,\n role: event.role ?? \"user\",\n timestamp: event.timestamp ?? Date.now(),\n };\n\n this.setState({\n isLoading: true,\n error: null,\n events: [...this.state.events, optimisticEvent],\n });\n\n try {\n const stream = await this.transport(\n { event: optimisticEvent, ...options, runId },\n this.abortController.signal\n );\n\n const reader = stream.getReader();\n const decoder = new TextDecoder();\n let buffer = \"\";\n\n while (true) {\n const { done, value } = await reader.read();\n if (done) break;\n\n buffer += decoder.decode(value, { stream: true });\n const lines = buffer.split(\"\\n\\n\");\n buffer = lines.pop() || \"\";\n\n for (const line of lines) {\n if (!line.startsWith(\"data: \")) continue;\n try {\n const incomingEvent: Event = JSON.parse(line.slice(6));\n this.handleIncomingEvent(incomingEvent);\n yield incomingEvent;\n } catch (e) {\n console.error(\"Failed to parse event\", e);\n }\n }\n }\n this.setState({ isLoading: false });\n } catch (err) {\n if (err instanceof Error && err.name === \"AbortError\") {\n this.setState({ isLoading: false });\n return;\n }\n const error = err instanceof Error ? err : new Error(String(err));\n this.setState({ error, isLoading: false });\n throw error;\n }\n }\n\n private handleIncomingEvent(event: Event) {\n const events = [...this.state.events];\n\n // Contiguous text-delta merging for the same run\n const lastEvent = events[events.length - 1];\n if (\n event.type === \"text-delta\" &&\n lastEvent?.type === \"text-delta\" &&\n event.runId === lastEvent.runId &&\n event.data?.delta\n ) {\n events[events.length - 1] = {\n ...lastEvent,\n data: {\n ...lastEvent.data,\n delta: (lastEvent.data?.delta || \"\") + event.data.delta,\n },\n };\n } else {\n events.push(event);\n }\n\n this.setState({ events });\n }\n\n reset(events: Event[] = []) {\n if (this.abortController) this.abortController.abort();\n this.setState({ events, error: null, isLoading: false });\n }\n}\n\nexport interface TransportRequest {\n event: Event;\n runId?: string;\n state?: Record<string, any>;\n}\n\nexport type TransportFn = (\n request: TransportRequest,\n signal?: AbortSignal\n) => Promise<ReadableStream<Uint8Array>>;\n\nexport function createHttpTransport(api: string): TransportFn {\n return async (request: TransportRequest, signal?: AbortSignal) => {\n const response = await fetch(api, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(request),\n signal,\n });\n\n if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`);\n if (!response.body) throw new Error(\"No response body\");\n\n return response.body;\n };\n}\n"]}
|