@liveblocks/react 2.17.0-usrnotsettings1 → 2.17.0-usrnotsettings2

package/dist/{chunk-KAFU5ZQA.mjs → chunk-D5P6PENM.mjs}

@@ -1,6 +1,6 @@
 // src/version.ts
 var PKG_NAME = "@liveblocks/react";
-var PKG_VERSION = "2.17.0-usrnotsettings1";
+var PKG_VERSION = "2.17.0-usrnotsettings2";
 var PKG_FORMAT = "esm";
 
 // src/ClientSideSuspense.tsx
@@ -20,4 +20,4 @@ export {
   PKG_FORMAT,
   ClientSideSuspense
 };
-//# sourceMappingURL=chunk-KAFU5ZQA.mjs.map
+//# sourceMappingURL=chunk-D5P6PENM.mjs.map

package/dist/{chunk-DT3BO7N5.js → chunk-QJATV7TB.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/version.ts
 var PKG_NAME = "@liveblocks/react";
-var PKG_VERSION = "2.17.0-usrnotsettings1";
+var PKG_VERSION = "2.17.0-usrnotsettings2";
 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-DT3BO7N5.js.map
+//# sourceMappingURL=chunk-QJATV7TB.js.map

package/dist/{chunk-DT3BO7N5.js.map → chunk-QJATV7TB.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/liveblocks/liveblocks/packages/liveblocks-react/dist/chunk-DT3BO7N5.js","../src/version.ts","../src/ClientSideSuspense.tsx"],"names":[],"mappings":"AAAA;ACGO,IAAM,SAAA,EAAW,mBAAA;AACjB,IAAM,YAAA,EAAiD,wBAAA;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-DT3BO7N5.js","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-QJATV7TB.js","../src/version.ts","../src/ClientSideSuspense.tsx"],"names":[],"mappings":"AAAA;ACGO,IAAM,SAAA,EAAW,mBAAA;AACjB,IAAM,YAAA,EAAiD,wBAAA;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-QJATV7TB.js","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-LOPNJCSB.mjs → chunk-X2FQ2FNK.mjs}

@@ -161,6 +161,15 @@ function count(it, predicate) {
   return total;
 }
 
+// src/lib/ssr.ts
+function ensureNotServerSide() {
+  if (typeof window === "undefined") {
+    throw new Error(
+      "You cannot use the Suspense version of Liveblocks hooks server side. Make sure to only call them client side by using a ClientSideSuspense wrapper.\nFor tips, see https://liveblocks.io/docs/api-reference/liveblocks-react#ClientSideSuspense"
+    );
+  }
+}
+
 // src/lib/use-initial.ts
 import { useCallback, useReducer } from "react";
 
@@ -771,16 +780,16 @@ var UmbrellaStore = class {
   //
   //   Mutate inputs...                                             ...observe clean/consistent output!
   //
-  //            .-> Base ThreadDB ---------+                 +----> Clean threads by ID       (Part 1)
+  //            .-> Base ThreadDB ---------+                 +----> Clean threads by ID           (Part 1)
   //           /                           |                 |
-  //   mutate ----> Base Notifications --+ |                 | +--> Clean notifications       (Part 1)
+  //   mutate ----> Base Notifications --+ |                 | +--> Clean notifications           (Part 1)
   //          \                          | |                 | |    & notifications by ID
   //         | \                         | |      Apply      | |
-  //         |   `-> OptimisticUpdates --+--+--> Optimistic --+-+--> Notification Settings    (Part 2)
+  //         |   `-> OptimisticUpdates --+--+--> Optimistic --+-+--> Room Notification Settings   (Part 2)
   //          \                          |        Updates    |  |
-  //           `------- etc etc ---------+                   |  +--> History Versions         (Part 3)
+  //           `------- etc etc ---------+                   |  +--> History Versions             (Part 3)
   //                       ^                                 |
-  //                       |                                 +-----> Channels Notification Settings (Part 4)
+  //                       |                                 +-----> User Notification Settings   (Part 4)
   //                       |
   //                       |
   //                       |                        ^                  ^
@@ -840,7 +849,7 @@ var UmbrellaStore = class {
         return nextCursor;
       }
     );
-    const channelsNotificationSettingsFetcher = async () => {
+    const userNotificationSettingsFetcher = async () => {
       const result = await this.#client.getNotificationSettings();
       this.userNotificationSettings.update(result);
     };
@@ -848,7 +857,7 @@ var UmbrellaStore = class {
       this.optimisticUpdates.signal
     );
     this.#userNotificationSettings = new SinglePageResource(
-      channelsNotificationSettingsFetcher
+      userNotificationSettingsFetcher
     );
     this.threads = new ThreadDB();
     this.notifications = createStore_forNotifications();
@@ -1897,6 +1906,7 @@ function useInboxNotifications_withClient(client, selector, isEqual) {
   );
 }
 function useInboxNotificationsSuspense_withClient(client) {
+  ensureNotServerSide();
   const store = getLiveblocksExtrasForClient(client).store;
   use(store.outputs.loadingNotifications.waitUntilLoaded());
   const result = useInboxNotifications_withClient(client, identity2, shallow4);
@@ -1912,6 +1922,7 @@ function useUnreadInboxNotificationsCount_withClient(client) {
   );
 }
 function useUnreadInboxNotificationsCountSuspense_withClient(client) {
+  ensureNotServerSide();
   const store = getLiveblocksExtrasForClient(client).store;
   use(store.outputs.loadingNotifications.waitUntilLoaded());
   const result = useUnreadInboxNotificationsCount_withClient(client);
@@ -2088,6 +2099,7 @@ function useNotificationSettings_withClient(client) {
   }, [settings, updateNotificationSettings]);
 }
 function useNotificationSettingsSuspense_withClient(client) {
+  ensureNotServerSide();
   const store = getLiveblocksExtrasForClient(client).store;
   use(store.outputs.userNotificationSettings.waitUntilLoaded());
   const [settings, updateNotificationSettings] = useNotificationSettings_withClient(client);
@@ -2321,6 +2333,7 @@ function useUserThreads_experimental(options = {}) {
   );
 }
 function useUserThreadsSuspense_experimental(options = {}) {
+  ensureNotServerSide();
   const client = useClient();
   const { store } = getLiveblocksExtrasForClient(client);
   const queryKey = makeUserThreadsQueryKey(options.query);
@@ -3724,6 +3737,7 @@ function useRoomNotificationSettings() {
   }, [settings, updateRoomNotificationSettings]);
 }
 function useRoomNotificationSettingsSuspense() {
+  ensureNotServerSide();
   const client = useClient();
   const store = getRoomExtrasForClient(client).store;
   const room = useRoom();
@@ -3788,6 +3802,7 @@ function useHistoryVersions() {
   return useSignal(store.outputs.versionsByRoomId.getOrCreate(room.id).signal);
 }
 function useHistoryVersionsSuspense() {
+  ensureNotServerSide();
   const client = useClient();
   const room = useRoom();
   const store = getRoomExtrasForClient(client).store;
@@ -3822,13 +3837,6 @@ function useUpdateRoomNotificationSettings() {
     [client, room]
   );
 }
-function ensureNotServerSide() {
-  if (typeof window === "undefined") {
-    throw new Error(
-      "You cannot use the Suspense version of this hook on the server side. Make sure to only call them on the client side.\nFor tips, see https://liveblocks.io/docs/api-reference/liveblocks-react#suspense-avoid-ssr"
-    );
-  }
-}
 function useSuspendUntilPresenceReady() {
   ensureNotServerSide();
   const room = useRoom();
@@ -3877,6 +3885,7 @@ function useStorageStatusSuspense(options) {
   return useStorageStatus(options);
 }
 function useThreadsSuspense(options = {}) {
+  ensureNotServerSide();
   const client = useClient();
   const room = useRoom();
   const { store } = getRoomExtrasForClient(client);
@@ -4107,4 +4116,4 @@ export {
   _useStorageRoot,
   _useUpdateMyPresence
 };
-//# sourceMappingURL=chunk-LOPNJCSB.mjs.map
+//# sourceMappingURL=chunk-X2FQ2FNK.mjs.map