@poolse/react 3.0.0 → 3.1.0

package/dist/index.d.cts

@@ -438,7 +438,7 @@ interface UseAttachmentUrlState {
  * re-keys on a timer.
  *
  * ```tsx
- * const { url } = useAttachmentUrl(message.custom_data?.attachment_id ?? null);
+ * const { url } = useAttachmentUrl(message.attachments?.[0]?.id ?? null);
  * return url ? <img src={url} /> : <Spinner />;
  * ```
  */
@@ -525,7 +525,7 @@ interface UseCallRoom {
      * earpiece, but it does have several microphones and a pair of
      * headphones, and choosing between them is the same job. Sparse on
      * React Native, where routing goes through the platform audio session
-     * instead (see `useCallAudio` in `@poolse/react-native`).
+     * instead (`setAudioOutput` in `@poolse/native`).
      */
     devices: Record<CallDeviceKind, CallDevice[]>;
     /** Device id in use per kind, where the platform reports one. */

package/dist/index.d.ts

@@ -438,7 +438,7 @@ interface UseAttachmentUrlState {
  * re-keys on a timer.
  *
  * ```tsx
- * const { url } = useAttachmentUrl(message.custom_data?.attachment_id ?? null);
+ * const { url } = useAttachmentUrl(message.attachments?.[0]?.id ?? null);
  * return url ? <img src={url} /> : <Spinner />;
  * ```
  */
@@ -525,7 +525,7 @@ interface UseCallRoom {
      * earpiece, but it does have several microphones and a pair of
      * headphones, and choosing between them is the same job. Sparse on
      * React Native, where routing goes through the platform audio session
-     * instead (see `useCallAudio` in `@poolse/react-native`).
+     * instead (`setAudioOutput` in `@poolse/native`).
      */
     devices: Record<CallDeviceKind, CallDevice[]>;
     /** Device id in use per kind, where the platform reports one. */

package/dist/index.js

@@ -172,9 +172,21 @@ function useConversations() {
       const fromMe = by_user_id === me.id;
       setConversations((prev) => mergeUpdated(prev, conversation, fromMe));
     });
+    let wasConnected = chat.realtime.getStatus() === "connected";
+    let connectedBefore = wasConnected;
+    const offStatus = chat.realtime.onStatus((status) => {
+      const reconnected = status === "connected" && !wasConnected && connectedBefore;
+      connectedBefore ||= status === "connected";
+      if (reconnected) {
+        chat.conversations.list().then((list) => setConversations(list.data)).catch(() => {
+        });
+      }
+      wasConnected = status === "connected";
+    });
     return () => {
       offCreated();
       offUpdated();
+      offStatus();
     };
   }, [chat, me]);
   const markConversationRead = useCallback((conversationId) => {
@@ -381,11 +393,24 @@ function useMessages(conversationId) {
         return updated;
       });
     });
+    let wasConnected = chat.realtime.getStatus() === "connected";
+    let connectedBefore = wasConnected;
+    const offStatus = chat.realtime.onStatus((status) => {
+      const reconnected = status === "connected" && !wasConnected && connectedBefore;
+      wasConnected = status === "connected";
+      connectedBefore ||= wasConnected;
+      if (!reconnected || cancelled) return;
+      handle.list({ limit: PAGE_SIZE }).then((page) => {
+        if (!cancelled) setMessages((prev) => mergeLatest(prev, page.data));
+      }).catch(() => {
+      });
+    });
     return () => {
       cancelled = true;
       offNew();
       offUpdated();
       offDeleted();
+      offStatus();
     };
   }, [chat, conversationId]);
   const loadMore = useCallback(async () => {
@@ -526,6 +551,11 @@ function upsertById(prev, msg) {
   next[idx] = msg;
   return next;
 }
+function mergeLatest(prev, page) {
+  let next = prev;
+  for (const msg of page) next = upsertById(next, msg);
+  return next === prev ? prev : [...next].sort((a, b) => a.sequence - b.sequence);
+}
 function useReactions(messageId, opts) {
   const chat = usePoolse();
   const [reactions, setReactions] = useState(opts.initialReactions ?? {});
@@ -1275,9 +1305,11 @@ function useLiveCall(conversationId) {
       apply(null);
     });
     let wasConnected = chat.realtime.getStatus() === "connected";
+    let connectedBefore = wasConnected;
     const offStatus = chat.realtime.onStatus((status) => {
-      if (status === "connected" && !wasConnected) refresh();
+      if (status === "connected" && !wasConnected && connectedBefore) refresh();
       wasConnected = status === "connected";
+      connectedBefore ||= wasConnected;
     });
     return () => {
       offStarted();