@melony/react 0.1.10 → 0.1.12

package/dist/index.d.cts

@@ -1,7 +1,7 @@
 import * as React$1 from 'react';
 import React__default, { ReactNode } from 'react';
-import { ClientState, Client } from 'melony/client';
-import { Role, Event, UINode } from 'melony';
+import { ClientState, MelonyClient } from '@melony/core/client';
+import { Role, Event, UINode } from '@melony/core';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface User {
@@ -45,15 +45,16 @@ interface MelonyContextValue extends ClientState {
         runId?: string;
         state?: Record<string, any>;
     }) => Promise<void>;
-    clear: () => void;
-    client: Client;
+    reset: (events?: Event[]) => void;
+    client: MelonyClient;
 }
 declare const MelonyContext: React__default.Context<MelonyContextValue | undefined>;
-interface MelonyProviderProps {
+interface MelonyClientProviderProps {
     children: ReactNode;
-    client: Client;
+    client: MelonyClient;
+    initialEvents?: Event[];
 }
-declare const MelonyProvider: React__default.FC<MelonyProviderProps>;
+declare const MelonyClientProvider: React__default.FC<MelonyClientProviderProps>;
 
 interface AuthContextValue {
     user: User | null;
@@ -80,7 +81,6 @@ interface ThreadContextValue {
     deleteThread: (threadId: string) => Promise<void>;
     refreshThreads: () => Promise<void>;
     threadEvents: Event[];
-    threadMessages: Message[];
     isLoadingEvents: boolean;
 }
 declare const ThreadContext: React__default.Context<ThreadContextValue | undefined>;
@@ -91,7 +91,10 @@ interface ThreadProviderProps {
 }
 declare const ThreadProvider: React__default.FC<ThreadProviderProps>;
 
-declare const useMelony: () => MelonyContextValue;
+interface UseMelonyOptions {
+    initialEvents?: Event[];
+}
+declare const useMelony: (options?: UseMelonyOptions) => MelonyContextValue;
 
 declare const useAuth: () => AuthContextValue;
 
@@ -162,4 +165,4 @@ interface UIRendererProps {
  */
 declare function UIRenderer({ node }: UIRendererProps): react_jsx_runtime.JSX.Element;
 
-export { AccountDialog, type AccountDialogProps, AuthContext, type AuthContextValue, AuthProvider, type AuthProviderProps, type AuthService, ChatFull, type ChatFullProps, ChatPopup, type ChatPopupProps, ChatSidebar, type ChatSidebarProps, Composer, MelonyContext, type MelonyContextValue, MelonyProvider, type MelonyProviderProps, type Message, type StarterPrompt, Thread, ThreadContext, type ThreadContextValue, type ThreadData, ThreadList, type ThreadListProps, ThreadProvider, type ThreadProviderProps, type ThreadService, UIRenderer, type UIRendererProps, type User, useAuth, useMelony, useThreads };
+export { AccountDialog, type AccountDialogProps, AuthContext, type AuthContextValue, AuthProvider, type AuthProviderProps, type AuthService, ChatFull, type ChatFullProps, ChatPopup, type ChatPopupProps, ChatSidebar, type ChatSidebarProps, Composer, MelonyClientProvider, type MelonyClientProviderProps, MelonyContext, type MelonyContextValue, type Message, type StarterPrompt, Thread, ThreadContext, type ThreadContextValue, type ThreadData, ThreadList, type ThreadListProps, ThreadProvider, type ThreadProviderProps, type ThreadService, UIRenderer, type UIRendererProps, type UseMelonyOptions, type User, useAuth, useMelony, useThreads };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as React$1 from 'react';
 import React__default, { ReactNode } from 'react';
-import { ClientState, Client } from 'melony/client';
-import { Role, Event, UINode } from 'melony';
+import { ClientState, MelonyClient } from '@melony/core/client';
+import { Role, Event, UINode } from '@melony/core';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface User {
@@ -45,15 +45,16 @@ interface MelonyContextValue extends ClientState {
         runId?: string;
         state?: Record<string, any>;
     }) => Promise<void>;
-    clear: () => void;
-    client: Client;
+    reset: (events?: Event[]) => void;
+    client: MelonyClient;
 }
 declare const MelonyContext: React__default.Context<MelonyContextValue | undefined>;
-interface MelonyProviderProps {
+interface MelonyClientProviderProps {
     children: ReactNode;
-    client: Client;
+    client: MelonyClient;
+    initialEvents?: Event[];
 }
-declare const MelonyProvider: React__default.FC<MelonyProviderProps>;
+declare const MelonyClientProvider: React__default.FC<MelonyClientProviderProps>;
 
 interface AuthContextValue {
     user: User | null;
@@ -80,7 +81,6 @@ interface ThreadContextValue {
     deleteThread: (threadId: string) => Promise<void>;
     refreshThreads: () => Promise<void>;
     threadEvents: Event[];
-    threadMessages: Message[];
     isLoadingEvents: boolean;
 }
 declare const ThreadContext: React__default.Context<ThreadContextValue | undefined>;
@@ -91,7 +91,10 @@ interface ThreadProviderProps {
 }
 declare const ThreadProvider: React__default.FC<ThreadProviderProps>;
 
-declare const useMelony: () => MelonyContextValue;
+interface UseMelonyOptions {
+    initialEvents?: Event[];
+}
+declare const useMelony: (options?: UseMelonyOptions) => MelonyContextValue;
 
 declare const useAuth: () => AuthContextValue;
 
@@ -162,4 +165,4 @@ interface UIRendererProps {
  */
 declare function UIRenderer({ node }: UIRendererProps): react_jsx_runtime.JSX.Element;
 
-export { AccountDialog, type AccountDialogProps, AuthContext, type AuthContextValue, AuthProvider, type AuthProviderProps, type AuthService, ChatFull, type ChatFullProps, ChatPopup, type ChatPopupProps, ChatSidebar, type ChatSidebarProps, Composer, MelonyContext, type MelonyContextValue, MelonyProvider, type MelonyProviderProps, type Message, type StarterPrompt, Thread, ThreadContext, type ThreadContextValue, type ThreadData, ThreadList, type ThreadListProps, ThreadProvider, type ThreadProviderProps, type ThreadService, UIRenderer, type UIRendererProps, type User, useAuth, useMelony, useThreads };
+export { AccountDialog, type AccountDialogProps, AuthContext, type AuthContextValue, AuthProvider, type AuthProviderProps, type AuthService, ChatFull, type ChatFullProps, ChatPopup, type ChatPopupProps, ChatSidebar, type ChatSidebarProps, Composer, MelonyClientProvider, type MelonyClientProviderProps, MelonyContext, type MelonyContextValue, type Message, type StarterPrompt, Thread, ThreadContext, type ThreadContextValue, type ThreadData, ThreadList, type ThreadListProps, ThreadProvider, type ThreadProviderProps, type ThreadService, UIRenderer, type UIRendererProps, type UseMelonyOptions, type User, useAuth, useMelony, useThreads };

package/dist/index.js

@@ -3,7 +3,7 @@ import { createContext, useState, useEffect, useCallback, useMemo, useContext, u
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { generateId } from 'melony/client';
+import { generateId } from '@melony/core/client';
 import { Separator as Separator$1 } from '@base-ui/react/separator';
 import * as ICONS from '@tabler/icons-react';
 import { IconArrowUp, IconPlus, IconMessage, IconTrash, IconArrowLeft, IconHistory, IconX, IconUser, IconLogout, IconBrandGoogle, IconSelector, IconCheck, IconChevronUp, IconChevronDown } from '@tabler/icons-react';
@@ -43,16 +43,25 @@ function groupEventsToMessages(events) {
   }
   return messages;
 }
-var MelonyContext = createContext(void 0);
-var MelonyProvider = ({
+var MelonyContext = createContext(
+  void 0
+);
+var MelonyClientProvider = ({
   children,
-  client
+  client,
+  initialEvents
 }) => {
   const [state, setState] = useState(client.getState());
+  useEffect(() => {
+    if (initialEvents && initialEvents.length > 0 && client.getState().events.length === 0) {
+      client.reset(initialEvents);
+    }
+  }, [client, initialEvents]);
   useEffect(() => {
     setState(client.getState());
+    const unsubscribe = client.subscribe(setState);
     return () => {
-      client.subscribe(setState);
+      unsubscribe();
     };
   }, [client]);
   const sendEvent = useCallback(
@@ -63,16 +72,19 @@ var MelonyProvider = ({
     },
     [client]
   );
-  const clear = useCallback(() => client.clear(), [client]);
+  const reset = useCallback(
+    (events) => client.reset(events),
+    [client]
+  );
   const value = useMemo(
     () => ({
       ...state,
       messages: groupEventsToMessages(state.events),
       sendEvent,
-      clear,
+      reset,
       client
     }),
-    [state, sendEvent, clear, client]
+    [state, sendEvent, reset, client]
   );
   return /* @__PURE__ */ jsx(MelonyContext.Provider, { value, children });
 };
@@ -139,7 +151,9 @@ var AuthProvider = ({
   }
   return /* @__PURE__ */ jsx(AuthContext.Provider, { value, children });
 };
-var ThreadContext = createContext(void 0);
+var ThreadContext = createContext(
+  void 0
+);
 var ThreadProvider = ({
   children,
   service,
@@ -210,9 +224,6 @@ var ThreadProvider = ({
   const refreshThreads = useCallback(async () => {
     await fetchThreads();
   }, [fetchThreads]);
-  const threadMessages = useMemo(() => {
-    return groupEventsToMessages(threadEvents);
-  }, [threadEvents]);
   useEffect(() => {
     if (!activeThreadId) {
       setThreadEvents([]);
@@ -254,7 +265,6 @@ var ThreadProvider = ({
       deleteThread,
       refreshThreads,
       threadEvents,
-      threadMessages,
       isLoadingEvents
     }),
     [
@@ -267,17 +277,23 @@ var ThreadProvider = ({
       deleteThread,
       refreshThreads,
       threadEvents,
-      threadMessages,
       isLoadingEvents
     ]
   );
   return /* @__PURE__ */ jsx(ThreadContext.Provider, { value, children });
 };
-var useMelony = () => {
+var useMelony = (options) => {
   const context = useContext(MelonyContext);
   if (context === void 0) {
-    throw new Error("useMelony must be used within a MelonyProvider");
+    throw new Error("useMelony must be used within a MelonyClientProvider");
   }
+  const { client, reset } = context;
+  const { initialEvents } = options || {};
+  useEffect(() => {
+    if (initialEvents && initialEvents.length > 0 && client.getState().events.length === 0) {
+      reset(initialEvents);
+    }
+  }, [client, initialEvents, reset]);
   return context;
 };
 var useAuth = () => {
@@ -2329,6 +2345,6 @@ var AccountDialog = ({
   ] });
 };
 
-export { AccountDialog, AuthContext, AuthProvider, ChatFull, ChatPopup, ChatSidebar, Composer, MelonyContext, MelonyProvider, Thread, ThreadContext, ThreadList, ThreadProvider, UIRenderer, useAuth, useMelony, useThreads };
+export { AccountDialog, AuthContext, AuthProvider, ChatFull, ChatPopup, ChatSidebar, Composer, MelonyClientProvider, MelonyContext, Thread, ThreadContext, ThreadList, ThreadProvider, UIRenderer, useAuth, useMelony, useThreads };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map