@liveblocks/react 2.24.0-sub1 → 2.24.0

package/dist/{chunk-JYG2E4EZ.cjs → chunk-F2Y7N4WI.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/version.ts
 var PKG_NAME = "@liveblocks/react";
-var PKG_VERSION = "2.24.0-sub1";
+var PKG_VERSION = "2.24.0";
 var PKG_FORMAT = "cjs";
 
 // src/ClientSideSuspense.tsx
@@ -20,4 +20,4 @@ function ClientSideSuspense(props) {
 
 
 exports.PKG_NAME = PKG_NAME; exports.PKG_VERSION = PKG_VERSION; exports.PKG_FORMAT = PKG_FORMAT; exports.ClientSideSuspense = ClientSideSuspense;
-//# sourceMappingURL=chunk-JYG2E4EZ.cjs.map
+//# sourceMappingURL=chunk-F2Y7N4WI.cjs.map

package/dist/{chunk-JYG2E4EZ.cjs.map → chunk-F2Y7N4WI.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/liveblocks/liveblocks/packages/liveblocks-react/dist/chunk-JYG2E4EZ.cjs","../src/version.ts","../src/ClientSideSuspense.tsx"],"names":[],"mappings":"AAAA;ACGO,IAAM,SAAA,EAAW,mBAAA;AACjB,IAAM,YAAA,EAAiD,aAAA;AACvD,IAAM,WAAA,EAAgD,KAAA;ADD7D;AACA;AEJA,8BAA8C;AAkC1C,+CAAA;AAVG,SAAS,kBAAA,CAAmB,KAAA,EAAc;AAC/C,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,EAAA,EAAI,6BAAA,KAAc,CAAA;AAE5C,EAAA,8BAAA,CAAU,EAAA,GAAM;AAGd,IAAA,UAAA,CAAW,IAAI,CAAA;AAAA,EACjB,CAAA,EAAG,CAAC,CAAC,CAAA;AAEL,EAAA,uBACE,6BAAA,eAAC,EAAA,EAAS,QAAA,EAAU,KAAA,CAAM,QAAA,EACvB,QAAA,EAAA,QAAA,EACG,OAAO,KAAA,CAAM,SAAA,IAAa,WAAA,EACxB,KAAA,CAAM,QAAA,CAAS,EAAA,EACf,KAAA,CAAM,SAAA,EACR,KAAA,CAAM,SAAA,CACZ,CAAA;AAEJ;AF5BA;AACA;AACE;AACA;AACA;AACA;AACF,iJAAC","file":"/home/runner/work/liveblocks/liveblocks/packages/liveblocks-react/dist/chunk-JYG2E4EZ.cjs","sourcesContent":[null,"declare const __VERSION__: string;\ndeclare const TSUP_FORMAT: string;\n\nexport const PKG_NAME = \"@liveblocks/react\";\nexport const PKG_VERSION = typeof __VERSION__ === \"string\" && __VERSION__;\nexport const PKG_FORMAT = typeof TSUP_FORMAT === \"string\" && TSUP_FORMAT;\n","import type { ReactNode } from \"react\";\nimport { Suspense, useEffect, useState } from \"react\";\n\ntype Props = {\n  fallback: ReactNode;\n  children: (() => ReactNode | undefined) | ReactNode | undefined;\n};\n\n/**\n * Almost like a normal <Suspense> component, except that for server-side\n * renders, the fallback will be used.\n *\n * The child props will have to be provided in a function, i.e. change:\n *\n *   <Suspense fallback={<Loading />}>\n *     <MyRealComponent a={1} />\n *   </Suspense>\n *\n * To:\n *\n *   <ClientSideSuspense fallback={<Loading />}>\n *     <MyRealComponent a={1} />\n *   </ClientSideSuspense>\n *\n */\nexport function ClientSideSuspense(props: Props) {\n  const [mounted, setMounted] = useState(false);\n\n  useEffect(() => {\n    // Effects are never executed on the server side. The point of this is to\n    // delay the flipping of this boolean until after hydration has happened.\n    setMounted(true);\n  }, []);\n\n  return (\n    <Suspense fallback={props.fallback}>\n      {mounted\n        ? typeof props.children === \"function\"\n          ? props.children()\n          : props.children\n        : props.fallback}\n    </Suspense>\n  );\n}\n"]}
+{"version":3,"sources":["/home/runner/work/liveblocks/liveblocks/packages/liveblocks-react/dist/chunk-F2Y7N4WI.cjs","../src/version.ts","../src/ClientSideSuspense.tsx"],"names":[],"mappings":"AAAA;ACGO,IAAM,SAAA,EAAW,mBAAA;AACjB,IAAM,YAAA,EAAiD,QAAA;AACvD,IAAM,WAAA,EAAgD,KAAA;ADD7D;AACA;AEJA,8BAA8C;AAkC1C,+CAAA;AAVG,SAAS,kBAAA,CAAmB,KAAA,EAAc;AAC/C,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,EAAA,EAAI,6BAAA,KAAc,CAAA;AAE5C,EAAA,8BAAA,CAAU,EAAA,GAAM;AAGd,IAAA,UAAA,CAAW,IAAI,CAAA;AAAA,EACjB,CAAA,EAAG,CAAC,CAAC,CAAA;AAEL,EAAA,uBACE,6BAAA,eAAC,EAAA,EAAS,QAAA,EAAU,KAAA,CAAM,QAAA,EACvB,QAAA,EAAA,QAAA,EACG,OAAO,KAAA,CAAM,SAAA,IAAa,WAAA,EACxB,KAAA,CAAM,QAAA,CAAS,EAAA,EACf,KAAA,CAAM,SAAA,EACR,KAAA,CAAM,SAAA,CACZ,CAAA;AAEJ;AF5BA;AACA;AACE;AACA;AACA;AACA;AACF,iJAAC","file":"/home/runner/work/liveblocks/liveblocks/packages/liveblocks-react/dist/chunk-F2Y7N4WI.cjs","sourcesContent":[null,"declare const __VERSION__: string;\ndeclare const TSUP_FORMAT: string;\n\nexport const PKG_NAME = \"@liveblocks/react\";\nexport const PKG_VERSION = typeof __VERSION__ === \"string\" && __VERSION__;\nexport const PKG_FORMAT = typeof TSUP_FORMAT === \"string\" && TSUP_FORMAT;\n","import type { ReactNode } from \"react\";\nimport { Suspense, useEffect, useState } from \"react\";\n\ntype Props = {\n  fallback: ReactNode;\n  children: (() => ReactNode | undefined) | ReactNode | undefined;\n};\n\n/**\n * Almost like a normal <Suspense> component, except that for server-side\n * renders, the fallback will be used.\n *\n * The child props will have to be provided in a function, i.e. change:\n *\n *   <Suspense fallback={<Loading />}>\n *     <MyRealComponent a={1} />\n *   </Suspense>\n *\n * To:\n *\n *   <ClientSideSuspense fallback={<Loading />}>\n *     <MyRealComponent a={1} />\n *   </ClientSideSuspense>\n *\n */\nexport function ClientSideSuspense(props: Props) {\n  const [mounted, setMounted] = useState(false);\n\n  useEffect(() => {\n    // Effects are never executed on the server side. The point of this is to\n    // delay the flipping of this boolean until after hydration has happened.\n    setMounted(true);\n  }, []);\n\n  return (\n    <Suspense fallback={props.fallback}>\n      {mounted\n        ? typeof props.children === \"function\"\n          ? props.children()\n          : props.children\n        : props.fallback}\n    </Suspense>\n  );\n}\n"]}

package/dist/{chunk-ZWYRZR44.js → chunk-N6OQQVYV.js}

@@ -107,7 +107,7 @@ import {
   kInternal as kInternal2,
   makePoller,
   raise,
-  shallow as shallow4
+  shallow as shallow3
 } from "@liveblocks/core";
 import {
   createContext as createContext2,
@@ -247,7 +247,8 @@ import {
   nanoid,
   nn,
   patchNotificationSettings,
-  shallow as shallow3,
+  shallow,
+  shallow2,
   Signal,
   stableStringify
 } from "@liveblocks/core";
@@ -269,21 +270,6 @@ function autobind(self) {
   } while ((obj = Reflect.getPrototypeOf(obj)) && obj !== Object.prototype);
 }
 
-// src/lib/shallow2.ts
-import { isPlainObject, shallow } from "@liveblocks/core";
-function shallow2(a, b) {
-  if (!isPlainObject(a) || !isPlainObject(b)) {
-    return shallow(a, b);
-  }
-  const keysA = Object.keys(a);
-  if (keysA.length !== Object.keys(b).length) {
-    return false;
-  }
-  return keysA.every(
-    (key) => Object.prototype.hasOwnProperty.call(b, key) && shallow(a[key], b[key])
-  );
-}
-
 // src/ThreadDB.ts
 import { batch, MutableSignal, SortedList } from "@liveblocks/core";
 
@@ -932,7 +918,7 @@ var UmbrellaStore = class {
         sortedNotifications: s.sortedNotifications,
         notificationsById: s.notificationsById
       }),
-      shallow3
+      shallow
     );
     const threadSubscriptions = DerivedSignal.from(
       notifications,
@@ -1067,7 +1053,7 @@ var UmbrellaStore = class {
               nn(this.roomSubscriptionSettings.signal.get()[roomId])
             );
           }
-        }, shallow3);
+        }, shallow);
         return { signal, waitUntilLoaded: resource.waitUntilLoaded };
       }
     );
@@ -1098,7 +1084,7 @@ var UmbrellaStore = class {
               Object.values(this.historyVersions.signal.get()[roomId] ?? {})
             );
           }
-        }, shallow3);
+        }, shallow);
         return { signal, waitUntilLoaded: resource.waitUntilLoaded };
       }
     );
@@ -1112,7 +1098,7 @@ var UmbrellaStore = class {
           "settings",
           nn(this.notificationSettings.signal.get())
         );
-      }, shallow3),
+      }, shallow),
       waitUntilLoaded: this.#notificationSettings.waitUntilLoaded
     };
     this.outputs = {
@@ -1168,7 +1154,7 @@ var UmbrellaStore = class {
     });
   }
   /**
-   * Creates a existing subscription, replacing the corresponding
+   * Creates an existing subscription, replacing the corresponding
    * optimistic update.
    */
   createSubscription(subscription, optimisticId) {
@@ -1593,47 +1579,45 @@ function applyOptimisticUpdates_forRoomSubscriptionSettings(settingsLUT, optimis
 function applyOptimisticUpdates_forSubscriptions(subscriptionsLUT, threads, optimisticUpdates) {
   const subscriptions = Object.fromEntries(subscriptionsLUT);
   for (const update of optimisticUpdates) {
-    if (update.type === "update-room-subscription-settings") {
-      if (update.settings.threads) {
+    switch (update.type) {
+      case "update-room-subscription-settings": {
+        if (!update.settings.threads) {
+          continue;
+        }
         const roomThreads = threads.findMany(update.roomId, void 0, "desc");
         for (const thread of roomThreads) {
           const subscriptionKey = getSubscriptionKey("thread", thread.id);
-          if (update.settings.threads === "all") {
-            subscriptions[subscriptionKey] = {
-              kind: "thread",
-              subjectId: thread.id,
-              createdAt: /* @__PURE__ */ new Date()
-            };
-          } else if (update.settings.threads === "none") {
-            delete subscriptions[subscriptionKey];
-          } else if (update.settings.threads === "replies_and_mentions") {
-            let isParticipant = false;
-            for (const comment of thread.comments) {
-              if (comment.deletedAt) {
-                continue;
-              }
-              if (comment.userId === update.userId) {
-                isParticipant = true;
-                break;
-              }
-              const mentionedIds = getMentionedIdsFromCommentBody(comment.body);
-              if (mentionedIds.includes(update.userId)) {
-                isParticipant = true;
-                break;
-              }
-            }
-            if (isParticipant && !subscriptions[subscriptionKey]) {
+          switch (update.settings.threads) {
+            // Create subscriptions for all existing threads in the room
+            case "all": {
               subscriptions[subscriptionKey] = {
                 kind: "thread",
                 subjectId: thread.id,
                 createdAt: /* @__PURE__ */ new Date()
               };
+              break;
             }
-          } else {
-            assertNever(
-              update.settings.threads,
-              "Unexpected room subscription settings."
-            );
+            // Delete subscriptions for all existing threads in the room
+            case "none": {
+              delete subscriptions[subscriptionKey];
+              break;
+            }
+            // Create subscriptions for every threads in the room which the user participates in but doesn't have a subscription for yet
+            case "replies_and_mentions": {
+              if (isThreadParticipant(thread, update.userId) && !subscriptions[subscriptionKey]) {
+                subscriptions[subscriptionKey] = {
+                  kind: "thread",
+                  subjectId: thread.id,
+                  createdAt: /* @__PURE__ */ new Date()
+                };
+              }
+              break;
+            }
+            default:
+              assertNever(
+                update.settings.threads,
+                "Unexpected thread subscription settings."
+              );
           }
         }
       }
@@ -1827,6 +1811,24 @@ function upsertReaction(reactions, reaction) {
   }
   return reactions;
 }
+function isThreadParticipant(thread, userId) {
+  let isParticipant = false;
+  for (const comment of thread.comments) {
+    if (comment.deletedAt) {
+      continue;
+    }
+    if (comment.userId === userId) {
+      isParticipant = true;
+      break;
+    }
+    const mentionedIds = getMentionedIdsFromCommentBody(comment.body);
+    if (mentionedIds.includes(userId)) {
+      isParticipant = true;
+      break;
+    }
+  }
+  return isParticipant;
+}
 
 // src/liveblocks.tsx
 import { jsx } from "react/jsx-runtime";
@@ -1978,7 +1980,7 @@ function makeLiveblocksContextBundle(client) {
   const shared = createSharedContext(client);
   const bundle = {
     LiveblocksProvider: LiveblocksProvider2,
-    useInboxNotifications: () => useInboxNotifications_withClient(client, identity2, shallow4),
+    useInboxNotifications: () => useInboxNotifications_withClient(client, identity2, shallow3),
     useUnreadInboxNotificationsCount: () => useUnreadInboxNotificationsCount_withClient(client),
     useMarkInboxNotificationAsRead: useMarkInboxNotificationAsRead2,
     useMarkAllInboxNotificationsAsRead: useMarkAllInboxNotificationsAsRead2,
@@ -2036,7 +2038,7 @@ function useInboxNotificationsSuspense_withClient(client) {
   ensureNotServerSide();
   const store = getLiveblocksExtrasForClient(client).store;
   use(store.outputs.loadingNotifications.waitUntilLoaded());
-  const result = useInboxNotifications_withClient(client, identity2, shallow4);
+  const result = useInboxNotifications_withClient(client, identity2, shallow3);
   assert(!result.error, "Did not expect error");
   assert(!result.isLoading, "Did not expect loading");
   return result;
@@ -2045,7 +2047,7 @@ function useUnreadInboxNotificationsCount_withClient(client) {
   return useInboxNotifications_withClient(
     client,
     selectorFor_useUnreadInboxNotificationsCount,
-    shallow4
+    shallow3
   );
 }
 function useUnreadInboxNotificationsCountSuspense_withClient(client) {
@@ -2265,7 +2267,7 @@ function useUser_withClient(client, userId) {
     getUserState,
     getUserState,
     selector,
-    shallow4
+    shallow3
   );
   useEffect3(
     () => void usersStore.enqueue(userId)
@@ -2326,7 +2328,7 @@ function useRoomInfo_withClient(client, roomId) {
     getRoomInfoState,
     getRoomInfoState,
     selector,
-    shallow4
+    shallow3
   );
   useEffect3(
     () => void roomsInfoStore.enqueue(roomId)
@@ -2486,7 +2488,7 @@ function useUserThreadsSuspense_experimental(options = {}) {
   return result;
 }
 function useInboxNotifications() {
-  return useInboxNotifications_withClient(useClient(), identity2, shallow4);
+  return useInboxNotifications_withClient(useClient(), identity2, shallow3);
 }
 function useInboxNotificationsSuspense() {
   return useInboxNotificationsSuspense_withClient(useClient());
@@ -2593,7 +2595,7 @@ function useErrorListener(callback) {
 }
 
 // src/room.tsx
-import { shallow as shallow5 } from "@liveblocks/client";
+import { shallow as shallow4 } from "@liveblocks/client";
 import {
   assert as assert2,
   console as console3,
@@ -3255,7 +3257,7 @@ function useOthersMapped(itemSelector, itemIsEqual) {
   return useOthers(wrappedSelector, wrappedIsEqual);
 }
 function useOthersConnectionIds() {
-  return useOthers(selectorFor_useOthersConnectionIds, shallow5);
+  return useOthers(selectorFor_useOthersConnectionIds, shallow4);
 }
 var NOT_FOUND = Symbol();
 function useOther(connectionId, selector, isEqual) {
@@ -3945,7 +3947,7 @@ function useRoomThreadSubscription(roomId, threadId) {
     },
     [subscriptionKey, threadId, subscribe, unsubscribe]
   );
-  return useSignal(signal, selector, shallow5);
+  return useSignal(signal, selector, shallow4);
 }
 function useRoomNotificationSettings() {
   const updateRoomNotificationSettings = useUpdateRoomNotificationSettings();
@@ -4264,7 +4266,7 @@ function useRoomAttachmentUrl(attachmentId, roomId) {
     getAttachmentUrlState,
     getAttachmentUrlState,
     selectorFor_useAttachmentUrl,
-    shallow5
+    shallow4
   );
 }
 function useAttachmentUrlSuspense(attachmentId) {
@@ -4459,4 +4461,4 @@ export {
   _useStorageRoot,
   _useUpdateMyPresence
 };
-//# sourceMappingURL=chunk-ZWYRZR44.js.map
+//# sourceMappingURL=chunk-N6OQQVYV.js.map