@floegence/floe-webapp-core 0.27.2 → 0.27.4

package/dist/components/chat/ChatProvider.js

@@ -1,11 +1,11 @@
 import { createComponent as N } from "solid-js/web";
-import { createMemo as x, createEffect as _, on as O, createSignal as I, useContext as V, createContext as G, batch as H } from "solid-js";
-import { createStore as W, reconcile as S, produce as y } from "solid-js/store";
-import { deferNonBlocking as m } from "../../utils/defer.js";
+import { createMemo as x, createEffect as W, on as _, createSignal as I, useContext as O, createContext as V, batch as H } from "solid-js";
+import { createStore as G, reconcile as S, produce as y } from "solid-js/store";
+import { deferNonBlocking as h } from "../../utils/defer.js";
 import { DEFAULT_VIRTUAL_LIST_CONFIG as J } from "./types.js";
-const L = G();
-function de() {
-  const r = V(L);
+const L = V();
+function ue() {
+  const r = O(L);
   if (!r)
     throw new Error("useChatContext must be used within a ChatProvider");
   return r;
@@ -18,16 +18,16 @@ const ge = (r) => {
     maxAttachmentSize: 10485760,
     // 10MB
     ...r.config
-  })), i = x(() => ({
+  })), d = x(() => ({
     ...J,
     ...r.config?.virtualList
-  })), [c, u] = W(r.initialMessages || []), U = /* @__PURE__ */ new Map();
-  _(O(() => r.initialMessages, (e) => {
+  })), [c, u] = G(r.initialMessages || []), U = /* @__PURE__ */ new Map();
+  W(_(() => r.initialMessages, (e) => {
     e && e.length > 0 && u(S(e));
   }, {
     defer: !0
   }));
-  const [w, A] = I(!1), [T, E] = I(!0), [v, b] = I(null), g = /* @__PURE__ */ new Map(), F = x(() => v() !== null), h = (e) => {
+  const [w, A] = I(!1), [T, E] = I(!0), [v, b] = I(null), g = /* @__PURE__ */ new Map(), F = x(() => v() !== null), m = (e) => {
     u(y((t) => {
       t.push(e);
     }));
@@ -62,7 +62,7 @@ const ge = (r) => {
           status: "streaming",
           timestamp: Date.now()
         };
-        h(t), b(e.messageId);
+        m(t), b(e.messageId);
         break;
       }
       case "block-start": {
@@ -118,7 +118,7 @@ const ge = (r) => {
     streamingMessageId: v,
     isWorking: F,
     config: k,
-    virtualListConfig: i,
+    virtualListConfig: d,
     sendMessage: async (e, t = []) => {
       const s = {
         id: crypto.randomUUID(),
@@ -128,24 +128,29 @@ const ge = (r) => {
         timestamp: Date.now()
       };
       H(() => {
-        h(s), l(s.id, (d) => ({
-          ...d,
+        m(s), l(s.id, (i) => ({
+          ...i,
           status: "complete"
         }));
       });
+      try {
+        r.callbacks?.onWillSend?.(e, t);
+      } catch (i) {
+        console.error("onWillSend error:", i);
+      }
       const o = r.callbacks?.onSendMessage;
       if (!o) return;
       const n = e, a = [...t];
-      m(() => {
-        Promise.resolve(o(n, a, h)).catch((d) => {
-          console.error("Failed to send message:", d);
+      h(() => {
+        Promise.resolve(o(n, a, m)).catch((i) => {
+          console.error("Failed to send message:", i);
         });
       });
     },
     loadMoreHistory: async () => {
       if (w() || !T()) return;
       const e = r.callbacks?.onLoadMore;
-      e && (A(!0), m(() => {
+      e && (A(!0), h(() => {
         Promise.resolve(e()).then((t) => {
           if (t.length === 0) {
             E(!1);
@@ -163,7 +168,7 @@ const ge = (r) => {
     },
     retryMessage: (e) => {
       const t = r.callbacks?.onRetry;
-      t && m(() => {
+      t && h(() => {
         try {
           t(e);
         } catch (s) {
@@ -171,7 +176,7 @@ const ge = (r) => {
         }
       });
     },
-    addMessage: h,
+    addMessage: m,
     updateMessage: l,
     deleteMessage: P,
     clearMessages: R,
@@ -213,7 +218,7 @@ const ge = (r) => {
         })
       }));
       const o = r.callbacks?.onToolApproval;
-      o && m(() => {
+      o && h(() => {
         Promise.resolve(o(e, t, s)).catch((n) => {
           console.error("Failed to approve tool call:", n);
         });
@@ -223,28 +228,28 @@ const ge = (r) => {
     setMessageHeight: (e, t) => {
       g.set(e, t);
     },
-    getMessageHeight: (e) => g.get(e) || i().defaultItemHeight,
+    getMessageHeight: (e) => g.get(e) || d().defaultItemHeight,
     toggleChecklistItem: (e, t, s) => {
       let o = null;
       l(e, (a) => {
-        const d = [...a.blocks], f = d[t];
+        const i = [...a.blocks], f = i[t];
         if (f && f.type === "checklist") {
           const q = f.items.map((p) => p.id === s ? (o = !p.checked, {
             ...p,
             checked: o
           }) : p);
-          d[t] = {
+          i[t] = {
             ...f,
             items: q
           };
         }
         return {
           ...a,
-          blocks: d
+          blocks: i
         };
       });
       const n = r.callbacks?.onChecklistChange;
-      !n || o === null || m(() => {
+      !n || o === null || h(() => {
         try {
           n(e, t, s, o);
         } catch (a) {
@@ -338,25 +343,25 @@ function K(r) {
   }
 }
 function Q(r, k) {
-  const i = [];
+  const d = [];
   for (const c of k)
-    c.type === "image" ? i.push({
+    c.type === "image" ? d.push({
       type: "image",
       src: c.url || c.preview || "",
       alt: c.file.name
-    }) : i.push({
+    }) : d.push({
       type: "file",
       name: c.file.name,
       size: c.file.size,
       mimeType: c.file.type,
       url: c.url
     });
-  return r.trim() && i.push({
+  return r.trim() && d.push({
     type: "text",
     content: r.trim()
-  }), i;
+  }), d;
 }
 export {
   ge as ChatProvider,
-  de as useChatContext
+  ue as useChatContext
 };

package/dist/components/chat/input/ChatInput.js

@@ -29,7 +29,7 @@ const ct = (u) => {
   }, H = (t) => {
     y(t.currentTarget.value), T();
   }, B = (t) => {
-    t.key === "Enter" && !t.shiftKey && (t.preventDefault(), x());
+    t.isComposing || t.key === "Enter" && !t.shiftKey && (t.preventDefault(), x());
   }, x = async () => {
     if (!f()) return;
     const t = g().trim(), o = n.attachments();

package/dist/components/chat/types.d.ts

@@ -159,6 +159,7 @@ export interface ChatConfig {
     maxAttachments?: number;
 }
 export interface ChatCallbacks {
+    onWillSend?: (content: string, attachments: Attachment[]) => void;
     onSendMessage?: (content: string, attachments: Attachment[], addMessage: (msg: Message) => void) => Promise<void>;
     onLoadMore?: () => Promise<Message[]>;
     onRetry?: (messageId: string) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@floegence/floe-webapp-core",
-  "version": "0.27.2",
+  "version": "0.27.4",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",