@natoe/colab 0.1.34 → 0.1.36

package/dist/index.mjs

@@ -601,6 +601,7 @@ function CollabProvider({ config, apiBaseUrl, children }) {
   });
   const [unreadCounts, setUnreadCounts] = useState({});
   const [unreadCountsByOrder, setUnreadCountsByOrder] = useState({});
+  const [unreadUpdateSeq, setUnreadUpdateSeq] = useState(0);
   const pendingKeys = useRef(/* @__PURE__ */ new Set());
   const pendingResolvers = useRef(/* @__PURE__ */ new Map());
   const previewCache = useRef(/* @__PURE__ */ new Map());
@@ -619,6 +620,7 @@ function CollabProvider({ config, apiBaseUrl, children }) {
       setUnreadCounts(counts.conversation);
       setUnreadCountsByOrder(counts.order);
       previewCache.current.clear();
+      setUnreadUpdateSeq((n) => n + 1);
     });
     if (!s.isConnected()) {
       s.connect(config);
@@ -852,6 +854,7 @@ function CollabProvider({ config, apiBaseUrl, children }) {
         config,
         apiBaseUrl,
         totalUnread,
+        unreadUpdateSeq,
         unreadCounts,
         unreadCountsByOrder,
         requestPreview,
@@ -5870,7 +5873,7 @@ var styles14 = {
   }};
 function useConversationList(options) {
   const enabled = options?.enabled ?? true;
-  const { fetchConversationList, config, totalUnread: serverTotalUnread } = useCollab();
+  const { fetchConversationList, config, unreadUpdateSeq } = useCollab();
   const [conversations, setConversations] = useState([]);
   const [isLoading, setIsLoading] = useState(enabled);
   const [error, setError] = useState(null);
@@ -5908,15 +5911,16 @@ function useConversationList(options) {
     if (!enabled) return;
     refresh();
   }, [enabled, refresh]);
-  const hasHandledInitialUnreadRef = useRef(false);
+  const hasHandledInitialSeqRef = useRef(false);
   useEffect(() => {
     if (!enabled) return;
-    if (!hasHandledInitialUnreadRef.current) {
-      hasHandledInitialUnreadRef.current = true;
+    if (!hasHandledInitialSeqRef.current) {
+      hasHandledInitialSeqRef.current = true;
       return;
     }
-    silentRefresh();
-  }, [serverTotalUnread, enabled]);
+    const t = setTimeout(silentRefresh, 250);
+    return () => clearTimeout(t);
+  }, [unreadUpdateSeq, enabled]);
   const filter = useCallback(
     (query) => {
       const q = query.trim().toLowerCase();