@poolse/react 2.0.12 → 2.1.0

package/dist/index.cjs

@@ -316,6 +316,7 @@ function useMessages(conversationId) {
   const [error, setError] = react.useState(null);
   const [hasMore, setHasMore] = react.useState(true);
   const oldestSequenceRef = react.useRef(null);
+  const refetchRef = react.useRef(null);
   const meIdRef = react.useRef(me?.id ?? null);
   meIdRef.current = me?.id ?? null;
   const meExternalIdRef = react.useRef(me?.external_id ?? null);
@@ -340,6 +341,13 @@ function useMessages(conversationId) {
       setError(err instanceof Error ? err : new Error(String(err)));
       setLoading(false);
     });
+    refetchRef.current = async () => {
+      const page = await handle.list({ limit: PAGE_SIZE });
+      const ordered = [...page.data].reverse();
+      setMessages(ordered);
+      setHasMore(page.data.length === PAGE_SIZE);
+      oldestSequenceRef.current = ordered[0]?.sequence ?? null;
+    };
     const conv = chat.realtime.conversation(conversationId);
     const offNew = conv.onMessage((msg) => {
       if (msg.thread_root_id) {
@@ -489,6 +497,11 @@ function useMessages(conversationId) {
     },
     [chat, conversationId]
   );
+  const refetch = react.useCallback(async () => {
+    const fn = refetchRef.current;
+    if (!fn) return;
+    await fn();
+  }, []);
   return {
     messages,
     loading,
@@ -498,7 +511,8 @@ function useMessages(conversationId) {
     send,
     edit,
     delete: deleteMessage,
-    markReadUpTo
+    markReadUpTo,
+    refetch
   };
 }
 function upsertById(prev, msg) {
@@ -735,6 +749,7 @@ function upsertById2(prev, msg) {
   next[idx] = msg;
   return next;
 }
+var TYPING_TIMEOUT_MS = 4e3;
 function useTyping(conversationId) {
   const chat = usePoolse();
   const { me } = useMe();
@@ -744,11 +759,31 @@ function useTyping(conversationId) {
   meExtRef.current = me?.external_id ?? null;
   react.useEffect(() => {
     setTyping(/* @__PURE__ */ new Set());
+    const timers = /* @__PURE__ */ new Map();
+    const evict = (ext) => {
+      const t = timers.get(ext);
+      if (t) {
+        clearTimeout(t);
+        timers.delete(ext);
+      }
+      setTyping((prev) => {
+        if (!prev.has(ext)) return prev;
+        const next = new Set(prev);
+        next.delete(ext);
+        return next;
+      });
+    };
     const conv = chat.realtime.conversation(conversationId);
     const offStart = conv.onTypingStart((evt) => {
       const ext = evt.external_id;
       if (!ext) return;
       if (meExtRef.current && ext === meExtRef.current) return;
+      const existing = timers.get(ext);
+      if (existing) clearTimeout(existing);
+      timers.set(
+        ext,
+        setTimeout(() => evict(ext), TYPING_TIMEOUT_MS)
+      );
       setTyping((prev) => {
         if (prev.has(ext)) return prev;
         const next = new Set(prev);
@@ -760,16 +795,20 @@ function useTyping(conversationId) {
       const ext = evt.external_id;
       if (!ext) return;
       if (meExtRef.current && ext === meExtRef.current) return;
-      setTyping((prev) => {
-        if (!prev.has(ext)) return prev;
-        const next = new Set(prev);
-        next.delete(ext);
-        return next;
-      });
+      evict(ext);
+    });
+    const offMessage = conv.onMessage((msg) => {
+      const ext = msg.sender_external_id;
+      if (!ext) return;
+      if (meExtRef.current && ext === meExtRef.current) return;
+      evict(ext);
     });
     return () => {
       offStart();
       offStop();
+      offMessage();
+      for (const t of timers.values()) clearTimeout(t);
+      timers.clear();
     };
   }, [chat, conversationId]);
   const signalTyping = react.useCallback(() => {
@@ -986,6 +1025,43 @@ function useUser(externalId) {
   return state;
 }
 
+// src/grouping.ts
+function computeGroupPosition(msg, prev, next, windowMs) {
+  const continuesPrev = sameGroup(msg, prev, windowMs);
+  const continuesNext = sameGroup(next, msg, windowMs);
+  if (continuesPrev && continuesNext) return "middle";
+  if (continuesPrev) return "last";
+  if (continuesNext) return "first";
+  return "standalone";
+}
+function sameGroup(a, b, windowMs) {
+  if (!a || !b) return false;
+  if (a.sender_id !== b.sender_id) return false;
+  if (!sameDay(a.inserted_at, b.inserted_at)) return false;
+  const ta = new Date(a.inserted_at).getTime();
+  const tb = new Date(b.inserted_at).getTime();
+  return Math.abs(ta - tb) <= windowMs;
+}
+function sameDay(a, b) {
+  const da = new Date(a);
+  const db = new Date(b);
+  return da.getFullYear() === db.getFullYear() && da.getMonth() === db.getMonth() && da.getDate() === db.getDate();
+}
+function formatDayLabel(iso, now = /* @__PURE__ */ new Date()) {
+  const d = new Date(iso);
+  const startOfDay = (x) => new Date(x.getFullYear(), x.getMonth(), x.getDate()).getTime();
+  const diffDays = Math.floor((startOfDay(now) - startOfDay(d)) / 864e5);
+  if (diffDays === 0) return "Today";
+  if (diffDays === 1) return "Yesterday";
+  if (diffDays < 7) {
+    return d.toLocaleDateString(void 0, { weekday: "long" });
+  }
+  if (d.getFullYear() === now.getFullYear()) {
+    return d.toLocaleDateString(void 0, { weekday: "short", day: "numeric", month: "short" });
+  }
+  return d.toLocaleDateString(void 0, { day: "numeric", month: "short", year: "numeric" });
+}
+
 Object.defineProperty(exports, "ApiError", {
   enumerable: true,
   get: function () { return sdk.ApiError; }
@@ -1007,6 +1083,10 @@ Object.defineProperty(exports, "RateLimitedError", {
   get: function () { return sdk.RateLimitedError; }
 });
 exports.PoolseProvider = PoolseProvider;
+exports.computeGroupPosition = computeGroupPosition;
+exports.formatDayLabel = formatDayLabel;
+exports.sameDay = sameDay;
+exports.sameGroup = sameGroup;
 exports.useAttachmentUpload = useAttachmentUpload;
 exports.useAttachmentUrl = useAttachmentUrl;
 exports.useConversation = useConversation;