@melony/react 0.1.38 → 0.1.39

package/dist/index.d.cts

@@ -1,10 +1,26 @@
 import * as React$1 from 'react';
 import React__default, { ReactNode, CSSProperties } from 'react';
 import { ClientState, MelonyClient } from 'melony/client';
-import { Role, Event, Config, UINode, UIContract } from 'melony';
+import { Message, Event, Config, UINode, UIContract } from 'melony';
 import { QueryClient } from '@tanstack/react-query';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
+interface MelonyContextValue extends ClientState {
+    messages: Message[];
+    sendEvent: (event: Event) => Promise<void>;
+    reset: (events?: Event[]) => void;
+    client: MelonyClient;
+    config?: Config;
+}
+declare const MelonyContext: React__default.Context<MelonyContextValue | undefined>;
+interface MelonyProviderProps {
+    children: ReactNode;
+    client: MelonyClient;
+    initialEvents?: Event[];
+    queryClient?: QueryClient;
+}
+declare const MelonyProvider: React__default.FC<MelonyProviderProps>;
+
 interface User {
     id?: string;
     uid: string;
@@ -16,12 +32,6 @@ interface User {
     lastSignIn?: string | null;
     emailVerified?: boolean;
 }
-interface Message {
-    role: Role;
-    content: Event[];
-    runId?: string;
-    threadId?: string;
-}
 interface ThreadData {
     id: string;
     title?: string;
@@ -57,22 +67,6 @@ interface ThreadService {
     getEvents: (threadId: string) => Promise<Event[]>;
 }
 
-interface MelonyContextValue extends ClientState {
-    messages: Message[];
-    sendEvent: (event: Event) => Promise<void>;
-    reset: (events?: Event[]) => void;
-    client: MelonyClient;
-    config?: Config;
-}
-declare const MelonyContext: React__default.Context<MelonyContextValue | undefined>;
-interface MelonyProviderProps {
-    children: ReactNode;
-    client: MelonyClient;
-    initialEvents?: Event[];
-    queryClient?: QueryClient;
-}
-declare const MelonyProvider: React__default.FC<MelonyProviderProps>;
-
 interface WelcomeScreenProps {
     title?: string;
     description?: string;
@@ -484,6 +478,4 @@ declare const Text: React__default.FC<TextProps>;
 
 declare const Badge: React__default.FC<BadgeProps>;
 
-declare function groupEventsToMessages(events: Event[]): Message[];
-
-export { AccountButton, type AccountButtonProps, AuthContext, type AuthContextValue, AuthProvider, type AuthProviderProps, type AuthService, Badge, Box, Button, Card, Chart, ChatHeader, type ChatHeaderProps, Checkbox, Col, Composer, type ComposerOption, type ComposerOptionGroup, CreateThreadButton, type CreateThreadButtonProps, CreateThreadNavItem, type CreateThreadNavItemProps, Divider, Dropdown, type DropdownProps, Form, FullChat, type FullChatProps, Heading, Image, Input, Label, List, ListItem, MelonyContext, type MelonyContextValue, MelonyProvider, type MelonyProviderProps, type Message, PopupChat, type PopupChatProps, RadioGroup, Row, type ScreenSize, Select, Sidebar, SidebarContext, type SidebarContextValue, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarToggle, type SidebarToggleProps, Spacer, type StarterPrompt, Text, Textarea, ThemeProvider, ThemeToggle, Thread, ThreadContext, type ThreadContextValue, type ThreadData, ThreadList, type ThreadListProps, ThreadPopover, type ThreadPopoverProps, ThreadProvider, type ThreadProviderProps, type ThreadService, UIRenderer, type UIRendererProps, type UseMelonyOptions, type User, WelcomeScreen, type WelcomeScreenProps, groupEventsToMessages, useAuth, useMelony, useScreenSize, useSidebar, useTheme, useThreads };
+export { AccountButton, type AccountButtonProps, AuthContext, type AuthContextValue, AuthProvider, type AuthProviderProps, type AuthService, Badge, Box, Button, Card, Chart, ChatHeader, type ChatHeaderProps, Checkbox, Col, Composer, type ComposerOption, type ComposerOptionGroup, CreateThreadButton, type CreateThreadButtonProps, CreateThreadNavItem, type CreateThreadNavItemProps, Divider, Dropdown, type DropdownProps, Form, FullChat, type FullChatProps, Heading, Image, Input, Label, List, ListItem, MelonyContext, type MelonyContextValue, MelonyProvider, type MelonyProviderProps, PopupChat, type PopupChatProps, RadioGroup, Row, type ScreenSize, Select, Sidebar, SidebarContext, type SidebarContextValue, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarToggle, type SidebarToggleProps, Spacer, type StarterPrompt, Text, Textarea, ThemeProvider, ThemeToggle, Thread, ThreadContext, type ThreadContextValue, type ThreadData, ThreadList, type ThreadListProps, ThreadPopover, type ThreadPopoverProps, ThreadProvider, type ThreadProviderProps, type ThreadService, UIRenderer, type UIRendererProps, type UseMelonyOptions, type User, WelcomeScreen, type WelcomeScreenProps, useAuth, useMelony, useScreenSize, useSidebar, useTheme, useThreads };

package/dist/index.d.ts

@@ -1,10 +1,26 @@
 import * as React$1 from 'react';
 import React__default, { ReactNode, CSSProperties } from 'react';
 import { ClientState, MelonyClient } from 'melony/client';
-import { Role, Event, Config, UINode, UIContract } from 'melony';
+import { Message, Event, Config, UINode, UIContract } from 'melony';
 import { QueryClient } from '@tanstack/react-query';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
+interface MelonyContextValue extends ClientState {
+    messages: Message[];
+    sendEvent: (event: Event) => Promise<void>;
+    reset: (events?: Event[]) => void;
+    client: MelonyClient;
+    config?: Config;
+}
+declare const MelonyContext: React__default.Context<MelonyContextValue | undefined>;
+interface MelonyProviderProps {
+    children: ReactNode;
+    client: MelonyClient;
+    initialEvents?: Event[];
+    queryClient?: QueryClient;
+}
+declare const MelonyProvider: React__default.FC<MelonyProviderProps>;
+
 interface User {
     id?: string;
     uid: string;
@@ -16,12 +32,6 @@ interface User {
     lastSignIn?: string | null;
     emailVerified?: boolean;
 }
-interface Message {
-    role: Role;
-    content: Event[];
-    runId?: string;
-    threadId?: string;
-}
 interface ThreadData {
     id: string;
     title?: string;
@@ -57,22 +67,6 @@ interface ThreadService {
     getEvents: (threadId: string) => Promise<Event[]>;
 }
 
-interface MelonyContextValue extends ClientState {
-    messages: Message[];
-    sendEvent: (event: Event) => Promise<void>;
-    reset: (events?: Event[]) => void;
-    client: MelonyClient;
-    config?: Config;
-}
-declare const MelonyContext: React__default.Context<MelonyContextValue | undefined>;
-interface MelonyProviderProps {
-    children: ReactNode;
-    client: MelonyClient;
-    initialEvents?: Event[];
-    queryClient?: QueryClient;
-}
-declare const MelonyProvider: React__default.FC<MelonyProviderProps>;
-
 interface WelcomeScreenProps {
     title?: string;
     description?: string;
@@ -484,6 +478,4 @@ declare const Text: React__default.FC<TextProps>;
 
 declare const Badge: React__default.FC<BadgeProps>;
 
-declare function groupEventsToMessages(events: Event[]): Message[];
-
-export { AccountButton, type AccountButtonProps, AuthContext, type AuthContextValue, AuthProvider, type AuthProviderProps, type AuthService, Badge, Box, Button, Card, Chart, ChatHeader, type ChatHeaderProps, Checkbox, Col, Composer, type ComposerOption, type ComposerOptionGroup, CreateThreadButton, type CreateThreadButtonProps, CreateThreadNavItem, type CreateThreadNavItemProps, Divider, Dropdown, type DropdownProps, Form, FullChat, type FullChatProps, Heading, Image, Input, Label, List, ListItem, MelonyContext, type MelonyContextValue, MelonyProvider, type MelonyProviderProps, type Message, PopupChat, type PopupChatProps, RadioGroup, Row, type ScreenSize, Select, Sidebar, SidebarContext, type SidebarContextValue, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarToggle, type SidebarToggleProps, Spacer, type StarterPrompt, Text, Textarea, ThemeProvider, ThemeToggle, Thread, ThreadContext, type ThreadContextValue, type ThreadData, ThreadList, type ThreadListProps, ThreadPopover, type ThreadPopoverProps, ThreadProvider, type ThreadProviderProps, type ThreadService, UIRenderer, type UIRendererProps, type UseMelonyOptions, type User, WelcomeScreen, type WelcomeScreenProps, groupEventsToMessages, useAuth, useMelony, useScreenSize, useSidebar, useTheme, useThreads };
+export { AccountButton, type AccountButtonProps, AuthContext, type AuthContextValue, AuthProvider, type AuthProviderProps, type AuthService, Badge, Box, Button, Card, Chart, ChatHeader, type ChatHeaderProps, Checkbox, Col, Composer, type ComposerOption, type ComposerOptionGroup, CreateThreadButton, type CreateThreadButtonProps, CreateThreadNavItem, type CreateThreadNavItemProps, Divider, Dropdown, type DropdownProps, Form, FullChat, type FullChatProps, Heading, Image, Input, Label, List, ListItem, MelonyContext, type MelonyContextValue, MelonyProvider, type MelonyProviderProps, PopupChat, type PopupChatProps, RadioGroup, Row, type ScreenSize, Select, Sidebar, SidebarContext, type SidebarContextValue, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarToggle, type SidebarToggleProps, Spacer, type StarterPrompt, Text, Textarea, ThemeProvider, ThemeToggle, Thread, ThreadContext, type ThreadContextValue, type ThreadData, ThreadList, type ThreadListProps, ThreadPopover, type ThreadPopoverProps, ThreadProvider, type ThreadProviderProps, type ThreadService, UIRenderer, type UIRendererProps, type UseMelonyOptions, type User, WelcomeScreen, type WelcomeScreenProps, useAuth, useMelony, useScreenSize, useSidebar, useTheme, useThreads };

package/dist/index.js

@@ -1,5 +1,6 @@
 import * as React11 from 'react';
 import React11__default, { createContext, useState, useContext, useCallback, useEffect, useMemo, useRef } from 'react';
+import { convertEventsToMessages } from 'melony';
 import { NuqsAdapter } from 'nuqs/adapters/react';
 import { QueryClient, QueryClientProvider, useQueryClient, useQuery, useMutation } from '@tanstack/react-query';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -21,31 +22,6 @@ import { createPortal } from 'react-dom';
 import { useHotkeys } from 'react-hotkeys-hook';
 
 // src/providers/melony-provider.tsx
-
-// src/lib/group-events-to-messages.ts
-function groupEventsToMessages(events) {
-  if (events.length === 0) return [];
-  const messages = [];
-  let currentMessage = null;
-  for (const event of events) {
-    const role = event.role || "assistant";
-    const runId = event.runId;
-    if (!currentMessage || currentMessage.role !== role || runId && currentMessage.runId && runId !== currentMessage.runId) {
-      currentMessage = {
-        role,
-        content: [event],
-        runId
-      };
-      messages.push(currentMessage);
-    } else {
-      currentMessage.content.push(event);
-      if (!currentMessage.runId && runId) {
-        currentMessage.runId = runId;
-      }
-    }
-  }
-  return messages;
-}
 var MelonyContext = createContext(
   void 0
 );
@@ -143,7 +119,7 @@ var MelonyContextProviderInner = ({
   const value = useMemo(
     () => ({
       ...state,
-      messages: groupEventsToMessages(state.events),
+      messages: convertEventsToMessages(state.events),
       sendEvent,
       reset,
       client,
@@ -2812,25 +2788,16 @@ function MessageContent({ events }) {
 }
 function MessageBubble({ message }) {
   const isUser = message.role === "user";
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col", isUser ? "items-end" : "items-start"), children: /* @__PURE__ */ jsx(
     "div",
     {
       className: cn(
-        "flex flex-col",
-        isUser ? "items-end" : "items-start"
+        "flex flex-col items-start max-w-[85%] rounded-2xl px-4 py-2 space-y-4 whitespace-pre-wrap",
+        isUser ? "bg-primary text-primary-foreground" : "px-0 py-0 text-foreground"
       ),
-      children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: cn(
-            "flex flex-col items-start max-w-[85%] rounded-2xl px-4 py-2 space-y-4 whitespace-pre-wrap",
-            isUser ? "bg-primary text-primary-foreground" : "px-0 py-0 text-foreground"
-          ),
-          children: /* @__PURE__ */ jsx(MessageContent, { events: message.content })
-        }
-      )
+      children: /* @__PURE__ */ jsx(MessageContent, { events: message.content })
     }
-  );
+  ) });
 }
 function LoadingIndicator({ status }) {
   const [isExpanded, setIsExpanded] = useState(false);
@@ -2913,17 +2880,15 @@ function Thread({
     const hasOptions = state && Object.keys(state).filter((k) => k !== "threadId").length > 0;
     if (!text && !hasFiles && !hasOptions || isLoading) return;
     if (!overrideInput) setInput("");
-    await sendEvent(
-      {
-        type: "text",
-        role: "user",
-        data: { content: text || "" },
-        state: {
-          ...state,
-          threadId: activeThreadId ?? void 0
-        }
+    await sendEvent({
+      type: "text",
+      role: "user",
+      data: { content: text || "" },
+      state: {
+        ...state,
+        threadId: activeThreadId ?? void 0
       }
-    );
+    });
   };
   const handleStarterPromptClick = (prompt) => {
     if (onStarterPromptClick) {
@@ -3655,6 +3620,6 @@ var CreateThreadNavItem = ({
   );
 };
 
-export { AccountButton, AuthContext, AuthProvider, Badge2 as Badge, Box, Button2 as Button, Card2 as Card, Chart, ChatHeader, Checkbox, Col, Composer, CreateThreadButton, CreateThreadNavItem, Divider, Dropdown, Form, FullChat, Heading, Image, Input2 as Input, Label2 as Label, List, ListItem, MelonyContext, MelonyProvider, PopupChat, RadioGroup, Row, Select2 as Select, Sidebar, SidebarContext, SidebarProvider, SidebarToggle, Spacer, Text, Textarea2 as Textarea, ThemeProvider, ThemeToggle, Thread, ThreadContext, ThreadList, ThreadPopover, ThreadProvider, UIRenderer, WelcomeScreen, groupEventsToMessages, useAuth, useMelony, useScreenSize, useSidebar, useTheme, useThreads };
+export { AccountButton, AuthContext, AuthProvider, Badge2 as Badge, Box, Button2 as Button, Card2 as Card, Chart, ChatHeader, Checkbox, Col, Composer, CreateThreadButton, CreateThreadNavItem, Divider, Dropdown, Form, FullChat, Heading, Image, Input2 as Input, Label2 as Label, List, ListItem, MelonyContext, MelonyProvider, PopupChat, RadioGroup, Row, Select2 as Select, Sidebar, SidebarContext, SidebarProvider, SidebarToggle, Spacer, Text, Textarea2 as Textarea, ThemeProvider, ThemeToggle, Thread, ThreadContext, ThreadList, ThreadPopover, ThreadProvider, UIRenderer, WelcomeScreen, useAuth, useMelony, useScreenSize, useSidebar, useTheme, useThreads };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map