@liveblocks/react 3.1.4 → 3.2.1

package/dist/{chunk-RA4OFBFY.cjs → chunk-VARKVHO4.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.1.4";
+var PKG_VERSION = "3.2.1";
 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-RA4OFBFY.cjs.map
+//# sourceMappingURL=chunk-VARKVHO4.cjs.map

package/dist/{chunk-RA4OFBFY.cjs.map → chunk-VARKVHO4.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/liveblocks/liveblocks/packages/liveblocks-react/dist/chunk-RA4OFBFY.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-RA4OFBFY.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-VARKVHO4.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-VARKVHO4.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-MXMOBMOL.js → chunk-YZRXMG3Z.js}

@@ -17,9 +17,19 @@ function useIsInsideRoom() {
   return room !== null;
 }
 
+// src/lib/use-latest.ts
+import { useEffect, useRef } from "react";
+function useLatest(value) {
+  const ref = useRef(value);
+  useEffect(() => {
+    ref.current = value;
+  }, [value]);
+  return ref;
+}
+
 // src/ai.tsx
 import { kInternal, nanoid } from "@liveblocks/core";
-import { memo, useEffect, useId, useState } from "react";
+import { memo, useEffect as useEffect2, useId, useState } from "react";
 function useAi() {
   return useClient()[kInternal].ai;
 }
@@ -31,7 +41,7 @@ var RegisterAiKnowledge = memo(function RegisterAiKnowledge2(props) {
   const ai = useAi();
   const { description, value } = props;
   const [layerKey, setLayerKey] = useState();
-  useEffect(() => {
+  useEffect2(() => {
     const layerKey2 = ai.registerKnowledgeLayer(layerId);
     setLayerKey(layerKey2);
     return () => {
@@ -41,7 +51,7 @@ var RegisterAiKnowledge = memo(function RegisterAiKnowledge2(props) {
   }, [ai, layerId]);
   const randomKey = useRandom();
   const knowledgeKey = props.id ?? randomKey;
-  useEffect(() => {
+  useEffect2(() => {
     if (layerKey !== void 0) {
       ai.updateKnowledge(layerKey, { description, value }, knowledgeKey);
     }
@@ -56,7 +66,7 @@ var RegisterAiTool = memo(function RegisterAiTool2({
 }) {
   const client = useClient();
   const ai = client[kInternal].ai;
-  useEffect(() => {
+  useEffect2(() => {
     const toolWithEnabled = enabled !== void 0 ? { ...tool, enabled } : tool;
     return ai.registerTool(name, toolWithEnabled, chatId);
   }, [ai, chatId, name, tool, enabled]);
@@ -66,16 +76,16 @@ var RegisterAiTool = memo(function RegisterAiTool2({
 // src/use-sync-external-store-with-selector.ts
 import {
   useDebugValue,
-  useEffect as useEffect2,
+  useEffect as useEffect3,
   useMemo,
-  useRef,
+  useRef as useRef2,
   useSyncExternalStore
 } from "react";
 function is(x, y) {
   return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y;
 }
 function useSyncExternalStoreWithSelector(subscribe, getSnapshot, getServerSnapshot, selector, isEqual) {
-  const instRef = useRef(null);
+  const instRef = useRef2(null);
   let inst;
   if (instRef.current === null) {
     inst = {
@@ -131,7 +141,7 @@ function useSyncExternalStoreWithSelector(subscribe, getSnapshot, getServerSnaps
     getSelection,
     getServerSelection
   );
-  useEffect2(() => {
+  useEffect3(() => {
     inst.hasValue = true;
     inst.value = value;
   }, [value]);
@@ -231,18 +241,6 @@ function ensureNotServerSide() {
 
 // src/lib/use-initial.ts
 import { useCallback, useReducer } from "react";
-
-// src/lib/use-latest.ts
-import { useEffect as useEffect3, useRef as useRef2 } from "react";
-function useLatest(value) {
-  const ref = useRef2(value);
-  useEffect3(() => {
-    ref.current = value;
-  }, [value]);
-  return ref;
-}
-
-// src/lib/use-initial.ts
 var noop = (state) => state;
 function useInitial(value) {
   return useReducer(noop, value)[0];
@@ -4529,6 +4527,7 @@ export {
   useClientOrNull,
   useClient,
   RoomContext,
+  useLatest,
   RegisterAiKnowledge,
   RegisterAiTool,
   useSyncExternalStoreWithSelector,
@@ -4640,4 +4639,4 @@ export {
   _useStorageRoot,
   _useUpdateMyPresence
 };
-//# sourceMappingURL=chunk-MXMOBMOL.js.map
+//# sourceMappingURL=chunk-YZRXMG3Z.js.map