@rolder/kit 3.0.0-alpha.46 → 3.0.0-alpha.48

package/dist/ai/ui/chat/Message.js

@@ -20,6 +20,6 @@ const Message = /*#__PURE__*/ memo(({ messageId })=>{
             isAnimating: isStreaming && 'assistant' === message.role,
             children: part?.text
         })
-    }, messageId) : null;
+    }) : null;
 });
 export { Message };

package/dist/ai/ui/chat/Root.d.ts

@@ -1,8 +1,11 @@
+import type { UseChatOptions } from '@ai-sdk/react';
 import { type PaperProps } from '@mantine/core';
+import type { ChatInit, UIMessage } from 'ai';
 import { type ScrollAreaProps } from '../../../ui';
 export interface ConversationRootProps extends PaperProps {
     children?: React.ReactNode;
     scrollAreaProps?: ScrollAreaProps;
     withScrollButton?: boolean;
+    chatOptions?: UseChatOptions<UIMessage> & ChatInit<UIMessage>;
 }
-export declare const Root: ({ children, scrollAreaProps, withScrollButton, ...props }: ConversationRootProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Root: ({ children, scrollAreaProps, withScrollButton, chatOptions, ...props }: ConversationRootProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ai/ui/chat/Root.js

@@ -1,22 +1,34 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Paper } from "@mantine/core";
 import { ScrollArea } from "../../../ui/index.js";
-const Root = ({ children, scrollAreaProps, withScrollButton = true, ...props })=>{
+import { useInitChat } from "./store/index.js";
+const ChatInitializer = ({ chatOptions })=>{
+    useInitChat(chatOptions);
+    return null;
+};
+const Root = ({ children, scrollAreaProps, withScrollButton = true, chatOptions, ...props })=>{
     console.log('Root render');
-    return /*#__PURE__*/ jsx(Paper, {
-        withBorder: true,
-        radius: "md",
-        ...props,
-        children: /*#__PURE__*/ jsxs(ScrollArea, {
-            autoScroll: true,
-            scrollToBottomOnInit: true,
-            p: "md",
-            ...scrollAreaProps,
-            children: [
-                children,
-                withScrollButton && /*#__PURE__*/ jsx(ScrollArea.ScrollButton, {})
-            ]
-        })
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(ChatInitializer, {
+                chatOptions: chatOptions
+            }),
+            /*#__PURE__*/ jsx(Paper, {
+                withBorder: true,
+                radius: "md",
+                ...props,
+                children: /*#__PURE__*/ jsxs(ScrollArea, {
+                    autoScroll: true,
+                    scrollToBottomOnInit: true,
+                    p: "md",
+                    ...scrollAreaProps,
+                    children: [
+                        children,
+                        withScrollButton && /*#__PURE__*/ jsx(ScrollArea.ScrollButton, {})
+                    ]
+                })
+            })
+        ]
     });
 };
 export { Root };

package/dist/ai/ui/chat/chatInput/store/input.js

@@ -68,10 +68,6 @@ ${fileContent}
     } catch (error) {
         fileErrorNotificaton(error);
     }
-    console.log('onSubmit', onSubmit, {
-        text,
-        file
-    });
     if (onSubmit) onSubmit({
         text,
         file: fileUIPart

package/dist/ai/ui/chat/index.d.ts

@@ -1,5 +1,5 @@
 export declare const Chat: {
-    Root: ({ children, scrollAreaProps, withScrollButton, ...props }: import("./Root").ConversationRootProps) => import("react/jsx-runtime").JSX.Element;
+    Root: ({ children, scrollAreaProps, withScrollButton, chatOptions, ...props }: import("./Root").ConversationRootProps) => import("react/jsx-runtime").JSX.Element;
     Messages: ({ children, ...props }: Omit<import("@mantine/core").StackProps, "children"> & {
         children: (messageId: string) => import("react").ReactNode;
     }) => import("react/jsx-runtime").JSX.Element;

package/dist/ai/ui/chat/store/messages.d.ts

@@ -8,7 +8,8 @@ export declare const getChatMessages: <T extends UIMessage>() => T[];
 export declare const setChatMessages: <T extends UIMessage>(messages: T[]) => void;
 export declare const getIsEmpty: () => boolean;
 export declare const useIsEmpty: () => boolean;
-export declare const useChatMessageIds: <T extends UIMessage>(props?: UseChatOptions<T> & ChatInit<T>) => string[];
+export declare const useInitChat: <T extends UIMessage>(props?: UseChatOptions<T> & ChatInit<T>) => void;
+export declare const useChatMessageIds: () => string[];
 export declare const useChatMessage: <T extends UIMessage>(messageId: string) => T;
 export declare const useChatMessagePart: <M extends UIMessage, T extends UIMessagePart<UIDataTypes, UITools>>(messageId: string, type?: T["type"]) => T | undefined;
 export type SendMessage = ({ text, file }: {

package/dist/ai/ui/chat/store/messages.js

@@ -1,10 +1,14 @@
 import { useChat } from "@ai-sdk/react";
 import { notifications } from "@mantine/notifications";
 import { useStore } from "@nanostores/react";
-import { atom, computed, map } from "nanostores";
+import { atom, computed, map, onSet } from "nanostores";
 import { useEffect } from "react";
 import { setChatError, setChatStatus } from "./states.js";
 const $chatMessageIds = atom([]);
+onSet($chatMessageIds, ({ newValue, abort })=>{
+    const currentValue = $chatMessageIds.get();
+    if (currentValue.length === newValue.length && currentValue.every((id, index)=>id === newValue[index])) abort();
+});
 const $chatMessages = map({});
 const getChatMessage = (messageId)=>$chatMessages.get()[messageId];
 const addChatMessage = (newMessage)=>{
@@ -27,7 +31,7 @@ const setChatMessages = (messages)=>{
 const $isEmpty = computed($chatMessageIds, (messages)=>0 === messages.length);
 const getIsEmpty = ()=>$isEmpty.get();
 const useIsEmpty = ()=>useStore($isEmpty);
-const useChatMessageIds = (props)=>{
+const useInitChat = (props)=>{
     const { messages, status, error, sendMessage } = useChat({
         onError: (e)=>{
             notifications.show({
@@ -59,8 +63,8 @@ const useChatMessageIds = (props)=>{
     }, [
         messages
     ]);
-    return useStore($chatMessageIds);
 };
+const useChatMessageIds = ()=>useStore($chatMessageIds);
 const useChatMessage = (messageId)=>useStore($chatMessages, {
         keys: [
             messageId
@@ -68,7 +72,6 @@ const useChatMessage = (messageId)=>useStore($chatMessages, {
     })[messageId];
 const useChatMessagePart = (messageId, type)=>{
     const message = useChatMessage(messageId);
-    console.log(messageId, message);
     const part = message?.parts?.find((i)=>i.type === type);
     return part;
 };
@@ -79,7 +82,6 @@ const messages_sendMessage = async ({ text, file }, data)=>{
     const files = file ? [
         file
     ] : [];
-    console.log(getChatSendMessage());
     await getChatSendMessage()?.({
         text,
         files
@@ -87,4 +89,4 @@ const messages_sendMessage = async ({ text, file }, data)=>{
         body: data
     });
 };
-export { $chatMessageIds, $chatMessages, addChatMessage, getChatMessage, getChatMessages, getIsEmpty, messages_sendMessage as sendMessage, setChatMessages, useChatMessage, useChatMessageIds, useChatMessagePart, useIsEmpty };
+export { $chatMessageIds, $chatMessages, addChatMessage, getChatMessage, getChatMessages, getIsEmpty, messages_sendMessage as sendMessage, setChatMessages, useChatMessage, useChatMessageIds, useChatMessagePart, useInitChat, useIsEmpty };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rolder/kit",
-  "version": "3.0.0-alpha.46",
+  "version": "3.0.0-alpha.48",
   "type": "module",
   "exports": {
     ".": {