@melony/react 0.1.10 → 0.1.12

package/dist/index.cjs

@@ -4,7 +4,7 @@ var React9 = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var jsxRuntime = require('react/jsx-runtime');
-var client = require('melony/client');
+var client = require('@melony/core/client');
 var separator = require('@base-ui/react/separator');
 var ICONS = require('@tabler/icons-react');
 var mergeProps = require('@base-ui/react/merge-props');
@@ -64,16 +64,25 @@ function groupEventsToMessages(events) {
   }
   return messages;
 }
-var MelonyContext = React9.createContext(void 0);
-var MelonyProvider = ({
+var MelonyContext = React9.createContext(
+  void 0
+);
+var MelonyClientProvider = ({
   children,
-  client
+  client,
+  initialEvents
 }) => {
   const [state, setState] = React9.useState(client.getState());
+  React9.useEffect(() => {
+    if (initialEvents && initialEvents.length > 0 && client.getState().events.length === 0) {
+      client.reset(initialEvents);
+    }
+  }, [client, initialEvents]);
   React9.useEffect(() => {
     setState(client.getState());
+    const unsubscribe = client.subscribe(setState);
     return () => {
-      client.subscribe(setState);
+      unsubscribe();
     };
   }, [client]);
   const sendEvent = React9.useCallback(
@@ -84,16 +93,19 @@ var MelonyProvider = ({
     },
     [client]
   );
-  const clear = React9.useCallback(() => client.clear(), [client]);
+  const reset = React9.useCallback(
+    (events) => client.reset(events),
+    [client]
+  );
   const value = React9.useMemo(
     () => ({
       ...state,
       messages: groupEventsToMessages(state.events),
       sendEvent,
-      clear,
+      reset,
       client
     }),
-    [state, sendEvent, clear, client]
+    [state, sendEvent, reset, client]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(MelonyContext.Provider, { value, children });
 };
@@ -160,7 +172,9 @@ var AuthProvider = ({
   }
   return /* @__PURE__ */ jsxRuntime.jsx(AuthContext.Provider, { value, children });
 };
-var ThreadContext = React9.createContext(void 0);
+var ThreadContext = React9.createContext(
+  void 0
+);
 var ThreadProvider = ({
   children,
   service,
@@ -231,9 +245,6 @@ var ThreadProvider = ({
   const refreshThreads = React9.useCallback(async () => {
     await fetchThreads();
   }, [fetchThreads]);
-  const threadMessages = React9.useMemo(() => {
-    return groupEventsToMessages(threadEvents);
-  }, [threadEvents]);
   React9.useEffect(() => {
     if (!activeThreadId) {
       setThreadEvents([]);
@@ -275,7 +286,6 @@ var ThreadProvider = ({
       deleteThread,
       refreshThreads,
       threadEvents,
-      threadMessages,
       isLoadingEvents
     }),
     [
@@ -288,17 +298,23 @@ var ThreadProvider = ({
       deleteThread,
       refreshThreads,
       threadEvents,
-      threadMessages,
       isLoadingEvents
     ]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(ThreadContext.Provider, { value, children });
 };
-var useMelony = () => {
+var useMelony = (options) => {
   const context = React9.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 || {};
+  React9.useEffect(() => {
+    if (initialEvents && initialEvents.length > 0 && client.getState().events.length === 0) {
+      reset(initialEvents);
+    }
+  }, [client, initialEvents, reset]);
   return context;
 };
 var useAuth = () => {
@@ -2357,8 +2373,8 @@ exports.ChatFull = ChatFull;
 exports.ChatPopup = ChatPopup;
 exports.ChatSidebar = ChatSidebar;
 exports.Composer = Composer;
+exports.MelonyClientProvider = MelonyClientProvider;
 exports.MelonyContext = MelonyContext;
-exports.MelonyProvider = MelonyProvider;
 exports.Thread = Thread;
 exports.ThreadContext = ThreadContext;
 exports.ThreadList = ThreadList;