@liveblocks/react 3.3.3 → 3.4.0-alpha1

package/dist/{chunk-XWK43YXO.cjs → chunk-M3QELTRL.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/version.ts
 var PKG_NAME = "@liveblocks/react";
-var PKG_VERSION = "3.3.3";
+var PKG_VERSION = "3.4.0-alpha1";
 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-XWK43YXO.cjs.map
+//# sourceMappingURL=chunk-M3QELTRL.cjs.map

package/dist/{chunk-XWK43YXO.cjs.map → chunk-M3QELTRL.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/liveblocks/liveblocks/packages/liveblocks-react/dist/chunk-XWK43YXO.cjs","../src/version.ts","../src/ClientSideSuspense.tsx"],"names":[],"mappings":"AAAA;ACGO,IAAM,SAAA,EAAW,mBAAA;AACjB,IAAM,YAAA,EAAiD,OAAA;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-XWK43YXO.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-M3QELTRL.cjs","../src/version.ts","../src/ClientSideSuspense.tsx"],"names":[],"mappings":"AAAA;ACGO,IAAM,SAAA,EAAW,mBAAA;AACjB,IAAM,YAAA,EAAiD,cAAA;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-M3QELTRL.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-UHR5FZDL.js → chunk-TYQDESJE.js}

@@ -180,7 +180,7 @@ import {
 import {
   useCallback as useCallback2,
   useEffect as useEffect4,
-  useMemo as useMemo2,
+  useMemo as useMemo3,
   useState as useState2,
   useSyncExternalStore as useSyncExternalStore2
 } from "react";
@@ -240,18 +240,19 @@ function ensureNotServerSide() {
 }
 
 // src/lib/use-initial.ts
-import { useCallback, useReducer } from "react";
-var noop = (state) => state;
-function useInitial(value) {
-  return useReducer(noop, value)[0];
-}
-function useInitialUnlessFunction(latestValue) {
-  const frozenValue = useInitial(latestValue);
+import { useCallback, useMemo as useMemo2 } from "react";
+function useInitial(value, roomId) {
+  return useMemo2(() => value, [roomId]);
+}
+function useInitialUnlessFunction(latestValue, roomId) {
+  const frozenValue = useInitial(latestValue, roomId);
+  const ref = useLatest(latestValue);
+  const wrapper = useCallback(
+    (...args) => ref.current(...args),
+    [ref]
+  );
   if (typeof frozenValue === "function") {
-    const ref = useLatest(latestValue);
-    return useCallback((...args) => ref.current(...args), [
-      ref
-    ]);
+    return wrapper;
   } else {
     return frozenValue;
   }
@@ -508,7 +509,7 @@ function usify(promise) {
   );
   return usable;
 }
-var noop2 = Promise.resolve();
+var noop = Promise.resolve();
 var PaginatedResource = class {
   #signal;
   signal;
@@ -552,7 +553,7 @@ var PaginatedResource = class {
   }
   fetchMore() {
     const state = this.#signal.get();
-    if (!state.data?.cursor) return noop2;
+    if (!state.data?.cursor) return noop;
     if (!this.#pendingFetchMore) {
       this.#pendingFetchMore = this.#fetchMore().finally(() => {
         this.#pendingFetchMore = null;
@@ -2393,7 +2394,7 @@ function useNotificationSettings_withClient(client) {
     };
   }, [poller]);
   const result = useSignal(store.outputs.notificationSettings.signal);
-  return useMemo2(() => {
+  return useMemo3(() => {
     return [result, updateNotificationSettings];
   }, [result, updateNotificationSettings]);
 }
@@ -2404,7 +2405,7 @@ function useNotificationSettingsSuspense_withClient(client) {
   const [result, updateNotificationSettings] = useNotificationSettings_withClient(client);
   assert(!result.error, "Did not expect error");
   assert(!result.isLoading, "Did not expect loading");
-  return useMemo2(() => {
+  return useMemo3(() => {
     return [result, updateNotificationSettings];
   }, [result, updateNotificationSettings]);
 }
@@ -2547,7 +2548,11 @@ function useAiChats(options) {
     // 3. If ever the promise would fail, then after 5 seconds it would reset, and on the very
     //    *next* render after that, a *new* fetch/promise will get created.
   );
-  return useSignal(store.outputs.aiChats.getOrCreate(queryKey).signal, identity2, shallow3);
+  return useSignal(
+    store.outputs.aiChats.getOrCreate(queryKey).signal,
+    identity2,
+    shallow3
+  );
 }
 function useAiChatsSuspense(options) {
   ensureNotServerSide();
@@ -2771,7 +2776,7 @@ function LiveblocksProvider(props) {
       o.enableDebugLogging
     )
   };
-  const client = useMemo2(() => createClient(options), []);
+  const client = useMemo3(() => createClient(options), []);
   useEffect4(() => {
     return () => {
       client[kInternal3].ai.disconnect();
@@ -2950,7 +2955,7 @@ import {
 import {
   useCallback as useCallback3,
   useEffect as useEffect6,
-  useMemo as useMemo3,
+  useMemo as useMemo4,
   useRef as useRef3,
   useState as useState3,
   useSyncExternalStore as useSyncExternalStore3,
@@ -2988,7 +2993,7 @@ function useScrollToCommentOnLoadEffect(shouldScrollOnLoad, state) {
 
 // src/room.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
-var noop3 = () => {
+var noop2 = () => {
 };
 var identity3 = (x) => x;
 var STABLE_EMPTY_LIST = Object.freeze([]);
@@ -3282,11 +3287,14 @@ function RoomProviderInner(props) {
       `React ${requiredVersion} or higher is required (you\u2019re on ${reactVersion})`
     );
   }
-  const frozenProps = useInitial({
-    initialPresence: props.initialPresence,
-    initialStorage: props.initialStorage,
-    autoConnect: props.autoConnect ?? typeof window !== "undefined"
-  });
+  const frozenProps = useInitial(
+    {
+      initialPresence: props.initialPresence,
+      initialStorage: props.initialStorage,
+      autoConnect: props.autoConnect ?? typeof window !== "undefined"
+    },
+    roomId
+  );
   const [{ room }, setRoomLeavePair] = useState3(
     () => stableEnterRoom(roomId, {
       ...frozenProps,
@@ -3595,7 +3603,7 @@ function useStorage(selector, isEqual) {
     [selector]
   );
   const subscribe = useCallback3(
-    (onStoreChange) => rootOrNull !== null ? room.subscribe(rootOrNull, onStoreChange, { isDeep: true }) : noop3,
+    (onStoreChange) => rootOrNull !== null ? room.subscribe(rootOrNull, onStoreChange, { isDeep: true }) : noop2,
     [room, rootOrNull]
   );
   const getSnapshot = useCallback3(() => {
@@ -3618,7 +3626,7 @@ function useStorage(selector, isEqual) {
 }
 function useMutation(callback, deps) {
   const room = useRoom();
-  return useMemo3(
+  return useMemo4(
     () => {
       return (...args) => (
         // eslint-disable-next-line @typescript-eslint/no-unsafe-return
@@ -4205,7 +4213,7 @@ function useThreadSubscription(threadId) {
 function useRoomThreadSubscription(roomId, threadId) {
   const client = useClient();
   const { store } = getRoomExtrasForClient(client);
-  const subscriptionKey = useMemo3(
+  const subscriptionKey = useMemo4(
     () => getSubscriptionKey2("thread", threadId),
     [threadId]
   );
@@ -4267,7 +4275,7 @@ function useRoomSubscriptionSettings() {
   const settings = useSignal(
     store.outputs.roomSubscriptionSettingsByRoomId.getOrCreate(room.id).signal
   );
-  return useMemo3(() => {
+  return useMemo4(() => {
     return [settings, updateRoomSubscriptionSettings];
   }, [settings, updateRoomSubscriptionSettings]);
 }
@@ -4282,7 +4290,7 @@ function useRoomSubscriptionSettingsSuspense() {
   const [settings, updateRoomSubscriptionSettings] = useRoomSubscriptionSettings();
   assert2(!settings.error, "Did not expect error");
   assert2(!settings.isLoading, "Did not expect loading");
-  return useMemo3(() => {
+  return useMemo4(() => {
     return [settings, updateRoomSubscriptionSettings];
   }, [settings, updateRoomSubscriptionSettings]);
 }
@@ -4668,4 +4676,4 @@ export {
   _useStorageRoot,
   _useUpdateMyPresence
 };
-//# sourceMappingURL=chunk-UHR5FZDL.js.map
+//# sourceMappingURL=chunk-TYQDESJE.js.map