@liveblocks/react 2.16.0-toolbars4 → 2.17.0-channels1

package/dist/{chunk-V52BQ2MG.mjs → chunk-KFACA6OH.mjs}

@@ -1,6 +1,6 @@
 // src/version.ts
 var PKG_NAME = "@liveblocks/react";
-var PKG_VERSION = "2.16.0-toolbars4";
+var PKG_VERSION = "2.17.0-channels1";
 var PKG_FORMAT = "esm";
 
 // src/ClientSideSuspense.tsx
@@ -20,4 +20,4 @@ export {
   PKG_FORMAT,
   ClientSideSuspense
 };
-//# sourceMappingURL=chunk-V52BQ2MG.mjs.map
+//# sourceMappingURL=chunk-KFACA6OH.mjs.map

package/dist/{chunk-GUS4QAJA.js → chunk-RABQO63H.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.16.0-toolbars4";
+var PKG_VERSION = "2.17.0-channels1";
 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-GUS4QAJA.js.map
+//# sourceMappingURL=chunk-RABQO63H.js.map

package/dist/{chunk-GUS4QAJA.js.map → chunk-RABQO63H.js.map}

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

@@ -130,7 +130,9 @@ var config = {
   HISTORY_VERSIONS_POLL_INTERVAL: 1 * MINUTES,
   HISTORY_VERSIONS_MAX_STALE_TIME: 5 * SECONDS,
   NOTIFICATION_SETTINGS_POLL_INTERVAL: 1 * MINUTES,
-  NOTIFICATION_SETTINGS_MAX_STALE_TIME: 5 * SECONDS
+  NOTIFICATION_SETTINGS_MAX_STALE_TIME: 5 * SECONDS,
+  CHANNEL_NOTIFICATION_SETTINGS_INTERVAL: 5 * MINUTES,
+  CHANNEL_NOTIFICATION_SETTINGS_MAX_STALE_TIME: 1 * MINUTES
 };
 
 // src/lib/AsyncResult.ts
@@ -224,7 +226,9 @@ import {
   console as console2,
   DefaultMap,
   DerivedSignal,
+  entries,
   HttpError,
+  keys,
   kInternal,
   MutableSignal as MutableSignal2,
   nanoid,
@@ -716,6 +720,26 @@ function createStore_forPermissionHints() {
     update
   };
 }
+function createStore_forChannelsNotificationSettings(updates) {
+  const signal = new Signal({});
+  function update(settings) {
+    signal.set((prevSettings) => {
+      return {
+        ...prevSettings,
+        ...settings
+      };
+    });
+  }
+  return {
+    signal: DerivedSignal.from(
+      signal,
+      updates,
+      (base, updates2) => applyOptimisticUpdates_forChannelNotificationSettings(base, updates2)
+    ),
+    // Mutations
+    update
+  };
+}
 function createStore_forOptimistic(client) {
   const signal = new Signal([]);
   const syncSource = client[kInternal].createSyncSource();
@@ -755,9 +779,11 @@ var UmbrellaStore = class {
   //          \                          | |                 | |    & notifications by ID
   //         | \                         | |      Apply      | |
   //         |   `-> OptimisticUpdates --+--+--> Optimistic --+-+--> Notification Settings    (Part 2)
-  //          \                          |        Updates       |
-  //           `------- etc etc ---------+                      +--> History Versions         (Part 3)
-  //                       ^
+  //          \                          |        Updates    |  |
+  //           `------- etc etc ---------+                   |  +--> History Versions         (Part 3)
+  //                       ^                                 |
+  //                       |                                 +-----> Channels Notification Settings (Part 4)
+  //                       |
   //                       |
   //                       |                        ^                  ^
   //                    Signal                      |                  |
@@ -778,6 +804,7 @@ var UmbrellaStore = class {
   // prettier-ignore
   historyVersions;
   permissionHints;
+  channelNotificationSettings;
   optimisticUpdates;
   //
   // Output signals.
@@ -798,6 +825,8 @@ var UmbrellaStore = class {
   #userThreadsLastRequestedAt = null;
   // Room versions
   #roomVersionsLastRequestedAtByRoom = /* @__PURE__ */ new Map();
+  // Channels Notification Settings
+  #channelsNotificationSettings;
   constructor(client) {
     this.#client = client[kInternal].as();
     this.optimisticUpdates = createStore_forOptimistic(this.#client);
@@ -813,6 +842,16 @@ var UmbrellaStore = class {
         return nextCursor;
       }
     );
+    const channelsNotificationSettingsFetcher = async () => {
+      const result = await this.#client.getChannelsNotificationSettings();
+      this.channelNotificationSettings.update(result);
+    };
+    this.channelNotificationSettings = createStore_forChannelsNotificationSettings(
+      this.optimisticUpdates.signal
+    );
+    this.#channelsNotificationSettings = new SinglePageResource(
+      channelsNotificationSettingsFetcher
+    );
     this.threads = new ThreadDB();
     this.notifications = createStore_forNotifications();
     this.roomNotificationSettings = createStore_forRoomNotificationSettings(
@@ -996,6 +1035,22 @@ var UmbrellaStore = class {
         return { signal, waitUntilLoaded: resource.waitUntilLoaded };
       }
     );
+    const channelNotificationSettings = {
+      signal: DerivedSignal.from(
+        () => {
+          const result = this.#channelsNotificationSettings.get();
+          if (result.isLoading || result.error) {
+            return result;
+          }
+          return ASYNC_OK(
+            "settings",
+            nn(this.channelNotificationSettings.signal.get())
+          );
+        },
+        shallow3
+      ),
+      waitUntilLoaded: this.#channelsNotificationSettings.waitUntilLoaded
+    };
     this.outputs = {
       threadifications,
       threads,
@@ -1004,7 +1059,8 @@ var UmbrellaStore = class {
       notifications,
       loadingNotifications,
       settingsByRoomId,
-      versionsByRoomId
+      versionsByRoomId,
+      channelNotificationSettings
     };
     autobind(this);
   }
@@ -1249,6 +1305,25 @@ var UmbrellaStore = class {
     const result = await room.getNotificationSettings({ signal });
     this.roomNotificationSettings.update(roomId, result);
   }
+  /**
+   * Refresh Channels Notification Settings from poller
+   */
+  async refreshChannelsNotificationSettings(signal) {
+    const result = await this.#client.getChannelsNotificationSettings({
+      signal
+    });
+    this.channelNotificationSettings.update(result);
+  }
+  /**
+   * Updates channels notification settings with a new value, replacing the
+   * corresponding optimistic update.
+   */
+  updateChannelsNotificationSettings_confirmOptimisticUpdate(settings, optimisticUpdateId) {
+    batch2(() => {
+      this.optimisticUpdates.remove(optimisticUpdateId);
+      this.channelNotificationSettings.update(settings);
+    });
+  }
 };
 function applyOptimisticUpdates_forThreadifications(baseThreadsDB, notificationsLUT, optimisticUpdates) {
   const threadsDB = baseThreadsDB.clone();
@@ -1423,6 +1498,33 @@ function applyOptimisticUpdates_forSettings(settingsLUT, optimisticUpdates) {
   }
   return settingsByRoomId;
 }
+function applyOptimisticUpdates_forChannelNotificationSettings(baseChannelsNotificationSettings, optimisticUpdates) {
+  const outcomingSettings = { ...baseChannelsNotificationSettings };
+  for (const optimisticUpdate of optimisticUpdates) {
+    switch (optimisticUpdate.type) {
+      case "update-channels-notification-settings": {
+        const incomingSettings = optimisticUpdate.settings;
+        for (const channelKey of keys(incomingSettings)) {
+          const key = channelKey;
+          const channelUpdates = incomingSettings[key];
+          if (channelUpdates) {
+            const realChannelUpdates = Object.fromEntries(
+              entries(channelUpdates).filter(
+                ([_, value]) => value !== void 0
+              )
+            );
+            outcomingSettings[key] = {
+              ...outcomingSettings[key],
+              ...realChannelUpdates
+            };
+          }
+        }
+        break;
+      }
+    }
+  }
+  return outcomingSettings;
+}
 function compareInboxNotifications(inboxNotificationA, inboxNotificationB) {
   if (inboxNotificationA.notifiedAt > inboxNotificationB.notifiedAt) {
     return 1;
@@ -1716,10 +1818,25 @@ function makeLiveblocksExtrasForClient(client) {
     config.USER_THREADS_POLL_INTERVAL,
     { maxStaleTimeMs: config.USER_THREADS_MAX_STALE_TIME }
   );
+  const channelNotificationSettingsPoller = makePoller(
+    async (signal) => {
+      try {
+        return await store.refreshChannelsNotificationSettings(signal);
+      } catch (err) {
+        console.warn(
+          `Polling new channel notification settings failed: ${String(err)}`
+        );
+        throw err;
+      }
+    },
+    config.CHANNEL_NOTIFICATION_SETTINGS_INTERVAL,
+    { maxStaleTimeMs: config.CHANNEL_NOTIFICATION_SETTINGS_MAX_STALE_TIME }
+  );
   return {
     store,
     notificationsPoller,
-    userThreadsPoller
+    userThreadsPoller,
+    channelNotificationSettingsPoller
   };
 }
 function makeLiveblocksContextBundle(client) {
@@ -1728,6 +1845,7 @@ function makeLiveblocksContextBundle(client) {
   const useMarkAllInboxNotificationsAsRead2 = () => useMarkAllInboxNotificationsAsRead_withClient(client);
   const useDeleteInboxNotification2 = () => useDeleteInboxNotification_withClient(client);
   const useDeleteAllInboxNotifications2 = () => useDeleteAllInboxNotifications_withClient(client);
+  const useUpdateChannelsNotificationSettings2 = () => useUpdateChannelsNotificationSettings_withClient(client);
   function LiveblocksProvider2(props) {
     useEnsureNoLiveblocksProvider();
     return /* @__PURE__ */ jsx(ClientContext.Provider, { value: client, children: props.children });
@@ -1741,6 +1859,8 @@ function makeLiveblocksContextBundle(client) {
     useMarkAllInboxNotificationsAsRead: useMarkAllInboxNotificationsAsRead2,
     useDeleteInboxNotification: useDeleteInboxNotification2,
     useDeleteAllInboxNotifications: useDeleteAllInboxNotifications2,
+    useChannelsNotificationSettings: () => useChannelsNotificationSettings_withClient(client),
+    useUpdateChannelsNotificationSettings: useUpdateChannelsNotificationSettings2,
     useInboxNotificationThread: useInboxNotificationThread2,
     useUserThreads_experimental,
     ...shared.classic,
@@ -1753,6 +1873,8 @@ function makeLiveblocksContextBundle(client) {
       useDeleteInboxNotification: useDeleteInboxNotification2,
       useDeleteAllInboxNotifications: useDeleteAllInboxNotifications2,
       useInboxNotificationThread: useInboxNotificationThread2,
+      useChannelsNotificationSettings: () => useChannelsNotificationSettingsSuspense_withClient(client),
+      useUpdateChannelsNotificationSettings: useUpdateChannelsNotificationSettings2,
       useUserThreads_experimental: useUserThreadsSuspense_experimental,
       ...shared.suspense
     }
@@ -1915,6 +2037,57 @@ function useInboxNotificationThread_withClient(client, inboxNotificationId) {
     )
   );
 }
+function useUpdateChannelsNotificationSettings_withClient(client) {
+  return useCallback2(
+    (settings) => {
+      const { store } = getLiveblocksExtrasForClient(client);
+      const optimisticUpdateId = store.optimisticUpdates.add({
+        type: "update-channels-notification-settings",
+        settings
+      });
+      client.updateChannelsNotificationSettings(settings).then(
+        (settings2) => {
+          store.updateChannelsNotificationSettings_confirmOptimisticUpdate(
+            settings2,
+            optimisticUpdateId
+          );
+        },
+        () => {
+          store.optimisticUpdates.remove(optimisticUpdateId);
+        }
+      );
+    },
+    [client]
+  );
+}
+function useChannelsNotificationSettings_withClient(client) {
+  const updateChannelsNotificationSettings = useUpdateChannelsNotificationSettings_withClient(client);
+  const { store, channelNotificationSettingsPoller: poller } = getLiveblocksExtrasForClient(client);
+  useEffect3(() => {
+    void store.outputs.channelNotificationSettings.waitUntilLoaded();
+  });
+  useEffect3(() => {
+    poller.inc();
+    poller.pollNowIfStale();
+    return () => {
+      poller.dec();
+    };
+  }, [poller]);
+  const settings = useSignal(store.outputs.channelNotificationSettings.signal);
+  return useMemo2(() => {
+    return [settings, updateChannelsNotificationSettings];
+  }, [settings, updateChannelsNotificationSettings]);
+}
+function useChannelsNotificationSettingsSuspense_withClient(client) {
+  const store = getLiveblocksExtrasForClient(client).store;
+  use(store.outputs.channelNotificationSettings.waitUntilLoaded());
+  const [settings, updateChannelsNotificationSettings] = useChannelsNotificationSettings_withClient(client);
+  assert(!settings.error, "Did not expect error");
+  assert(!settings.isLoading, "Did not expect loading");
+  return useMemo2(() => {
+    return [settings, updateChannelsNotificationSettings];
+  }, [settings, updateChannelsNotificationSettings]);
+}
 function useUser_withClient(client, userId) {
   const usersStore = client[kInternal2].usersStore;
   const getUserState = useCallback2(
@@ -2176,6 +2349,15 @@ function useUnreadInboxNotificationsCount() {
 function useUnreadInboxNotificationsCountSuspense() {
   return useUnreadInboxNotificationsCountSuspense_withClient(useClient());
 }
+function useChannelsNotificationSettings() {
+  return useChannelsNotificationSettings_withClient(useClient());
+}
+function useChannelsNotificationSettingsSuspense() {
+  return useChannelsNotificationSettingsSuspense_withClient(useClient());
+}
+function useUpdateChannelsNotificationSettings() {
+  return useUpdateChannelsNotificationSettings_withClient(useClient());
+}
 function useUser(userId) {
   const client = useClient();
   return useUser_withClient(client, userId);
@@ -3954,6 +4136,9 @@ export {
   useDeleteInboxNotification,
   useUnreadInboxNotificationsCount,
   useUnreadInboxNotificationsCountSuspense,
+  useChannelsNotificationSettings,
+  useChannelsNotificationSettingsSuspense,
+  useUpdateChannelsNotificationSettings,
   useRoomInfo,
   useRoomInfoSuspense,
   _useInboxNotificationThread,
@@ -4040,4 +4225,4 @@ export {
   _useStorageRoot,
   _useUpdateMyPresence
 };
-//# sourceMappingURL=chunk-FQKGWA7O.mjs.map
+//# sourceMappingURL=chunk-VX6Y3GQO.mjs.map