@liveblocks/react - npm Package Compare versions

Comparing version 3.3.0 to 3.3.1

dist/chunk-45ZT2X3R.js

+// src/version.ts
+var PKG_NAME = "@liveblocks/react";
+var PKG_VERSION = "3.3.1";
+var PKG_FORMAT = "esm";
+
+// src/ClientSideSuspense.tsx
+import { Suspense, useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+function ClientSideSuspense(props) {
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+  return /* @__PURE__ */ jsx(Suspense, { fallback: props.fallback, children: mounted ? typeof props.children === "function" ? props.children() : props.children : props.fallback });
+}
+
+export {
+  PKG_NAME,
+  PKG_VERSION,
+  PKG_FORMAT,
+  ClientSideSuspense
+};
+//# sourceMappingURL=chunk-45ZT2X3R.js.map

dist/chunk-45ZT2X3R.js.map

+{"version":3,"sources":["../src/version.ts","../src/ClientSideSuspense.tsx"],"sourcesContent":["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"],"mappings":";AAGO,IAAM,WAAW;AACjB,IAAM,cAAiD;AACvD,IAAM,aAAgD;;;ACJ7D,SAAS,UAAU,WAAW,gBAAgB;AAkC1C;AAVG,SAAS,mBAAmB,OAAc;AAC/C,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,YAAU,MAAM;AAGd,eAAW,IAAI;AAAA,EACjB,GAAG,CAAC,CAAC;AAEL,SACE,oBAAC,YAAS,UAAU,MAAM,UACvB,oBACG,OAAO,MAAM,aAAa,aACxB,MAAM,SAAS,IACf,MAAM,WACR,MAAM,UACZ;AAEJ;","names":[]}

dist/chunk-S7XMPZC4.cjs

+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/version.ts
+var PKG_NAME = "@liveblocks/react";
+var PKG_VERSION = "3.3.1";
+var PKG_FORMAT = "cjs";
+
+// src/ClientSideSuspense.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+function ClientSideSuspense(props) {
+  const [mounted, setMounted] = _react.useState.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
+    setMounted(true);
+  }, []);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Suspense, { fallback: props.fallback, children: mounted ? typeof props.children === "function" ? props.children() : props.children : props.fallback });
+}
+
+
+
+
+
+
+exports.PKG_NAME = PKG_NAME; exports.PKG_VERSION = PKG_VERSION; exports.PKG_FORMAT = PKG_FORMAT; exports.ClientSideSuspense = ClientSideSuspense;
+//# sourceMappingURL=chunk-S7XMPZC4.cjs.map

dist/chunk-S7XMPZC4.cjs.map

+{"version":3,"sources":["/home/runner/work/liveblocks/liveblocks/packages/liveblocks-react/dist/chunk-S7XMPZC4.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-S7XMPZC4.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"]}

dist/index.cjs

@@ -6,3 +6,3 @@ "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkYXNWSNHJcjs = require('./chunk-YXNWSNHJ.cjs');
+var _chunkS7XMPZC4cjs = require('./chunk-S7XMPZC4.cjs');
 
@@ -85,3 +85,3 @@
 var _client = require('@liveblocks/client');
-_core.detectDupes.call(void 0, _chunkYXNWSNHJcjs.PKG_NAME, _chunkYXNWSNHJcjs.PKG_VERSION, _chunkYXNWSNHJcjs.PKG_FORMAT);
+_core.detectDupes.call(void 0, _chunkS7XMPZC4cjs.PKG_NAME, _chunkS7XMPZC4cjs.PKG_VERSION, _chunkS7XMPZC4cjs.PKG_FORMAT);
 
@@ -162,3 +162,3 @@
 
-exports.ClientContext = _chunkV36VCKRBcjs.ClientContext; exports.ClientSideSuspense = _chunkYXNWSNHJcjs.ClientSideSuspense; exports.LiveblocksProvider = _chunkV36VCKRBcjs.LiveblocksProvider; exports.RegisterAiKnowledge = _chunkV36VCKRBcjs.RegisterAiKnowledge; exports.RegisterAiTool = _chunkV36VCKRBcjs.RegisterAiTool; exports.RoomContext = _chunkV36VCKRBcjs.RoomContext; exports.RoomProvider = _chunkV36VCKRBcjs._RoomProvider; exports.createLiveblocksContext = _chunkV36VCKRBcjs.createLiveblocksContext; exports.createRoomContext = _chunkV36VCKRBcjs.createRoomContext; exports.isNotificationChannelEnabled = _client.isNotificationChannelEnabled; exports.shallow = _client.shallow; exports.useAddReaction = _chunkV36VCKRBcjs._useAddReaction; exports.useAiChat = _chunkV36VCKRBcjs._useAiChat; exports.useAiChatMessages = _chunkV36VCKRBcjs._useAiChatMessages; exports.useAiChats = _chunkV36VCKRBcjs._useAiChats; exports.useAttachmentUrl = _chunkV36VCKRBcjs.useAttachmentUrl; exports.useBroadcastEvent = _chunkV36VCKRBcjs._useBroadcastEvent; exports.useCanRedo = _chunkV36VCKRBcjs.useCanRedo; exports.useCanUndo = _chunkV36VCKRBcjs.useCanUndo; exports.useClient = _chunkV36VCKRBcjs.useClient; exports.useCreateAiChat = _chunkV36VCKRBcjs.useCreateAiChat; exports.useCreateComment = _chunkV36VCKRBcjs.useCreateComment; exports.useCreateThread = _chunkV36VCKRBcjs._useCreateThread; exports.useDeleteAiChat = _chunkV36VCKRBcjs.useDeleteAiChat; exports.useDeleteAllInboxNotifications = _chunkV36VCKRBcjs.useDeleteAllInboxNotifications; exports.useDeleteComment = _chunkV36VCKRBcjs.useDeleteComment; exports.useDeleteInboxNotification = _chunkV36VCKRBcjs.useDeleteInboxNotification; exports.useDeleteThread = _chunkV36VCKRBcjs._useDeleteThread; exports.useEditComment = _chunkV36VCKRBcjs.useEditComment; exports.useEditThreadMetadata = _chunkV36VCKRBcjs._useEditThreadMetadata; exports.useErrorListener = _chunkV36VCKRBcjs.useErrorListener; exports.useEventListener = _chunkV36VCKRBcjs._useEventListener; exports.useHistory = _chunkV36VCKRBcjs.useHistory; exports.useHistoryVersionData = _chunkV36VCKRBcjs.useHistoryVersionData; exports.useHistoryVersions = _chunkV36VCKRBcjs._useHistoryVersions; exports.useInboxNotificationThread = _chunkV36VCKRBcjs._useInboxNotificationThread; exports.useInboxNotifications = _chunkV36VCKRBcjs.useInboxNotifications; exports.useIsInsideRoom = _chunkV36VCKRBcjs._useIsInsideRoom; exports.useLostConnectionListener = _chunkV36VCKRBcjs.useLostConnectionListener; exports.useMarkAllInboxNotificationsAsRead = _chunkV36VCKRBcjs.useMarkAllInboxNotificationsAsRead; exports.useMarkInboxNotificationAsRead = _chunkV36VCKRBcjs.useMarkInboxNotificationAsRead; exports.useMarkThreadAsRead = _chunkV36VCKRBcjs.useMarkThreadAsRead; exports.useMarkThreadAsResolved = _chunkV36VCKRBcjs.useMarkThreadAsResolved; exports.useMarkThreadAsUnresolved = _chunkV36VCKRBcjs.useMarkThreadAsUnresolved; exports.useMutation = _chunkV36VCKRBcjs._useMutation; exports.useMyPresence = _chunkV36VCKRBcjs._useMyPresence; exports.useNotificationSettings = _chunkV36VCKRBcjs.useNotificationSettings; exports.useOther = _chunkV36VCKRBcjs._useOther; exports.useOthers = _chunkV36VCKRBcjs._useOthers; exports.useOthersConnectionIds = _chunkV36VCKRBcjs.useOthersConnectionIds; exports.useOthersListener = _chunkV36VCKRBcjs._useOthersListener; exports.useOthersMapped = _chunkV36VCKRBcjs._useOthersMapped; exports.useRedo = _chunkV36VCKRBcjs.useRedo; exports.useRemoveReaction = _chunkV36VCKRBcjs.useRemoveReaction; exports.useRoom = _chunkV36VCKRBcjs._useRoom; exports.useRoomInfo = _chunkV36VCKRBcjs.useRoomInfo; exports.useRoomSubscriptionSettings = _chunkV36VCKRBcjs._useRoomSubscriptionSettings; exports.useSelf = _chunkV36VCKRBcjs._useSelf; exports.useSendAiMessage = _chunkV36VCKRBcjs.useSendAiMessage; exports.useStatus = _chunkV36VCKRBcjs.useStatus; exports.useStorage = _chunkV36VCKRBcjs._useStorage; exports.useStorageRoot = _chunkV36VCKRBcjs._useStorageRoot; exports.useSubscribeToThread = _chunkV36VCKRBcjs.useSubscribeToThread; exports.useSyncStatus = _chunkV36VCKRBcjs.useSyncStatus; exports.useThreadSubscription = _chunkV36VCKRBcjs.useThreadSubscription; exports.useThreads = _chunkV36VCKRBcjs._useThreads; exports.useUndo = _chunkV36VCKRBcjs.useUndo; exports.useUnreadInboxNotificationsCount = _chunkV36VCKRBcjs.useUnreadInboxNotificationsCount; exports.useUnsubscribeFromThread = _chunkV36VCKRBcjs.useUnsubscribeFromThread; exports.useUpdateMyPresence = _chunkV36VCKRBcjs._useUpdateMyPresence; exports.useUpdateNotificationSettings = _chunkV36VCKRBcjs.useUpdateNotificationSettings; exports.useUpdateRoomSubscriptionSettings = _chunkV36VCKRBcjs.useUpdateRoomSubscriptionSettings; exports.useUser = _chunkV36VCKRBcjs._useUser; exports.useUserThreads_experimental = _chunkV36VCKRBcjs._useUserThreads_experimental;
+exports.ClientContext = _chunkV36VCKRBcjs.ClientContext; exports.ClientSideSuspense = _chunkS7XMPZC4cjs.ClientSideSuspense; exports.LiveblocksProvider = _chunkV36VCKRBcjs.LiveblocksProvider; exports.RegisterAiKnowledge = _chunkV36VCKRBcjs.RegisterAiKnowledge; exports.RegisterAiTool = _chunkV36VCKRBcjs.RegisterAiTool; exports.RoomContext = _chunkV36VCKRBcjs.RoomContext; exports.RoomProvider = _chunkV36VCKRBcjs._RoomProvider; exports.createLiveblocksContext = _chunkV36VCKRBcjs.createLiveblocksContext; exports.createRoomContext = _chunkV36VCKRBcjs.createRoomContext; exports.isNotificationChannelEnabled = _client.isNotificationChannelEnabled; exports.shallow = _client.shallow; exports.useAddReaction = _chunkV36VCKRBcjs._useAddReaction; exports.useAiChat = _chunkV36VCKRBcjs._useAiChat; exports.useAiChatMessages = _chunkV36VCKRBcjs._useAiChatMessages; exports.useAiChats = _chunkV36VCKRBcjs._useAiChats; exports.useAttachmentUrl = _chunkV36VCKRBcjs.useAttachmentUrl; exports.useBroadcastEvent = _chunkV36VCKRBcjs._useBroadcastEvent; exports.useCanRedo = _chunkV36VCKRBcjs.useCanRedo; exports.useCanUndo = _chunkV36VCKRBcjs.useCanUndo; exports.useClient = _chunkV36VCKRBcjs.useClient; exports.useCreateAiChat = _chunkV36VCKRBcjs.useCreateAiChat; exports.useCreateComment = _chunkV36VCKRBcjs.useCreateComment; exports.useCreateThread = _chunkV36VCKRBcjs._useCreateThread; exports.useDeleteAiChat = _chunkV36VCKRBcjs.useDeleteAiChat; exports.useDeleteAllInboxNotifications = _chunkV36VCKRBcjs.useDeleteAllInboxNotifications; exports.useDeleteComment = _chunkV36VCKRBcjs.useDeleteComment; exports.useDeleteInboxNotification = _chunkV36VCKRBcjs.useDeleteInboxNotification; exports.useDeleteThread = _chunkV36VCKRBcjs._useDeleteThread; exports.useEditComment = _chunkV36VCKRBcjs.useEditComment; exports.useEditThreadMetadata = _chunkV36VCKRBcjs._useEditThreadMetadata; exports.useErrorListener = _chunkV36VCKRBcjs.useErrorListener; exports.useEventListener = _chunkV36VCKRBcjs._useEventListener; exports.useHistory = _chunkV36VCKRBcjs.useHistory; exports.useHistoryVersionData = _chunkV36VCKRBcjs.useHistoryVersionData; exports.useHistoryVersions = _chunkV36VCKRBcjs._useHistoryVersions; exports.useInboxNotificationThread = _chunkV36VCKRBcjs._useInboxNotificationThread; exports.useInboxNotifications = _chunkV36VCKRBcjs.useInboxNotifications; exports.useIsInsideRoom = _chunkV36VCKRBcjs._useIsInsideRoom; exports.useLostConnectionListener = _chunkV36VCKRBcjs.useLostConnectionListener; exports.useMarkAllInboxNotificationsAsRead = _chunkV36VCKRBcjs.useMarkAllInboxNotificationsAsRead; exports.useMarkInboxNotificationAsRead = _chunkV36VCKRBcjs.useMarkInboxNotificationAsRead; exports.useMarkThreadAsRead = _chunkV36VCKRBcjs.useMarkThreadAsRead; exports.useMarkThreadAsResolved = _chunkV36VCKRBcjs.useMarkThreadAsResolved; exports.useMarkThreadAsUnresolved = _chunkV36VCKRBcjs.useMarkThreadAsUnresolved; exports.useMutation = _chunkV36VCKRBcjs._useMutation; exports.useMyPresence = _chunkV36VCKRBcjs._useMyPresence; exports.useNotificationSettings = _chunkV36VCKRBcjs.useNotificationSettings; exports.useOther = _chunkV36VCKRBcjs._useOther; exports.useOthers = _chunkV36VCKRBcjs._useOthers; exports.useOthersConnectionIds = _chunkV36VCKRBcjs.useOthersConnectionIds; exports.useOthersListener = _chunkV36VCKRBcjs._useOthersListener; exports.useOthersMapped = _chunkV36VCKRBcjs._useOthersMapped; exports.useRedo = _chunkV36VCKRBcjs.useRedo; exports.useRemoveReaction = _chunkV36VCKRBcjs.useRemoveReaction; exports.useRoom = _chunkV36VCKRBcjs._useRoom; exports.useRoomInfo = _chunkV36VCKRBcjs.useRoomInfo; exports.useRoomSubscriptionSettings = _chunkV36VCKRBcjs._useRoomSubscriptionSettings; exports.useSelf = _chunkV36VCKRBcjs._useSelf; exports.useSendAiMessage = _chunkV36VCKRBcjs.useSendAiMessage; exports.useStatus = _chunkV36VCKRBcjs.useStatus; exports.useStorage = _chunkV36VCKRBcjs._useStorage; exports.useStorageRoot = _chunkV36VCKRBcjs._useStorageRoot; exports.useSubscribeToThread = _chunkV36VCKRBcjs.useSubscribeToThread; exports.useSyncStatus = _chunkV36VCKRBcjs.useSyncStatus; exports.useThreadSubscription = _chunkV36VCKRBcjs.useThreadSubscription; exports.useThreads = _chunkV36VCKRBcjs._useThreads; exports.useUndo = _chunkV36VCKRBcjs.useUndo; exports.useUnreadInboxNotificationsCount = _chunkV36VCKRBcjs.useUnreadInboxNotificationsCount; exports.useUnsubscribeFromThread = _chunkV36VCKRBcjs.useUnsubscribeFromThread; exports.useUpdateMyPresence = _chunkV36VCKRBcjs._useUpdateMyPresence; exports.useUpdateNotificationSettings = _chunkV36VCKRBcjs.useUpdateNotificationSettings; exports.useUpdateRoomSubscriptionSettings = _chunkV36VCKRBcjs.useUpdateRoomSubscriptionSettings; exports.useUser = _chunkV36VCKRBcjs._useUser; exports.useUserThreads_experimental = _chunkV36VCKRBcjs._useUserThreads_experimental;
 //# sourceMappingURL=index.cjs.map

dist/index.js

@@ -6,3 +6,3 @@ import {
   PKG_VERSION
-} from "./chunk-2A27UCH4.js";
+} from "./chunk-45ZT2X3R.js";
 import {
@@ -9,0 +9,0 @@ ClientContext,

dist/suspense.cjs

@@ -6,3 +6,3 @@ "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkYXNWSNHJcjs = require('./chunk-YXNWSNHJ.cjs');
+var _chunkS7XMPZC4cjs = require('./chunk-S7XMPZC4.cjs');
 
@@ -82,3 +82,3 @@
 var _client = require('@liveblocks/client');
-_core.detectDupes.call(void 0, _chunkYXNWSNHJcjs.PKG_NAME, _chunkYXNWSNHJcjs.PKG_VERSION, _chunkYXNWSNHJcjs.PKG_FORMAT);
+_core.detectDupes.call(void 0, _chunkS7XMPZC4cjs.PKG_NAME, _chunkS7XMPZC4cjs.PKG_VERSION, _chunkS7XMPZC4cjs.PKG_FORMAT);
 
@@ -156,3 +156,3 @@
 
-exports.ClientContext = _chunkV36VCKRBcjs.ClientContext; exports.ClientSideSuspense = _chunkYXNWSNHJcjs.ClientSideSuspense; exports.LiveblocksProvider = _chunkV36VCKRBcjs.LiveblocksProvider; exports.RegisterAiKnowledge = _chunkV36VCKRBcjs.RegisterAiKnowledge; exports.RegisterAiTool = _chunkV36VCKRBcjs.RegisterAiTool; exports.RoomContext = _chunkV36VCKRBcjs.RoomContext; exports.RoomProvider = _chunkV36VCKRBcjs._RoomProvider; exports.isNotificationChannelEnabled = _client.isNotificationChannelEnabled; exports.shallow = _client.shallow; exports.useAddReaction = _chunkV36VCKRBcjs._useAddReaction; exports.useAiChat = _chunkV36VCKRBcjs._useAiChatSuspense; exports.useAiChatMessages = _chunkV36VCKRBcjs._useAiChatMessagesSuspense; exports.useAiChats = _chunkV36VCKRBcjs._useAiChatsSuspense; exports.useAttachmentUrl = _chunkV36VCKRBcjs.useAttachmentUrlSuspense; exports.useBroadcastEvent = _chunkV36VCKRBcjs._useBroadcastEvent; exports.useCanRedo = _chunkV36VCKRBcjs.useCanRedo; exports.useCanUndo = _chunkV36VCKRBcjs.useCanUndo; exports.useClient = _chunkV36VCKRBcjs.useClient; exports.useCreateAiChat = _chunkV36VCKRBcjs.useCreateAiChat; exports.useCreateComment = _chunkV36VCKRBcjs.useCreateComment; exports.useCreateThread = _chunkV36VCKRBcjs._useCreateThread; exports.useDeleteAiChat = _chunkV36VCKRBcjs.useDeleteAiChat; exports.useDeleteAllInboxNotifications = _chunkV36VCKRBcjs.useDeleteAllInboxNotifications; exports.useDeleteComment = _chunkV36VCKRBcjs.useDeleteComment; exports.useDeleteInboxNotification = _chunkV36VCKRBcjs.useDeleteInboxNotification; exports.useDeleteThread = _chunkV36VCKRBcjs._useDeleteThread; exports.useEditComment = _chunkV36VCKRBcjs.useEditComment; exports.useEditThreadMetadata = _chunkV36VCKRBcjs._useEditThreadMetadata; exports.useErrorListener = _chunkV36VCKRBcjs.useErrorListener; exports.useEventListener = _chunkV36VCKRBcjs._useEventListener; exports.useHistory = _chunkV36VCKRBcjs.useHistory; exports.useHistoryVersions = _chunkV36VCKRBcjs._useHistoryVersionsSuspense; exports.useInboxNotificationThread = _chunkV36VCKRBcjs._useInboxNotificationThread; exports.useInboxNotifications = _chunkV36VCKRBcjs.useInboxNotificationsSuspense; exports.useIsInsideRoom = _chunkV36VCKRBcjs._useIsInsideRoom; exports.useLostConnectionListener = _chunkV36VCKRBcjs.useLostConnectionListener; exports.useMarkAllInboxNotificationsAsRead = _chunkV36VCKRBcjs.useMarkAllInboxNotificationsAsRead; exports.useMarkInboxNotificationAsRead = _chunkV36VCKRBcjs.useMarkInboxNotificationAsRead; exports.useMarkThreadAsRead = _chunkV36VCKRBcjs.useMarkThreadAsRead; exports.useMarkThreadAsResolved = _chunkV36VCKRBcjs.useMarkThreadAsResolved; exports.useMarkThreadAsUnresolved = _chunkV36VCKRBcjs.useMarkThreadAsUnresolved; exports.useMutation = _chunkV36VCKRBcjs._useMutation; exports.useMyPresence = _chunkV36VCKRBcjs._useMyPresence; exports.useNotificationSettings = _chunkV36VCKRBcjs.useNotificationSettingsSuspense; exports.useOther = _chunkV36VCKRBcjs._useOtherSuspense; exports.useOthers = _chunkV36VCKRBcjs._useOthersSuspense; exports.useOthersConnectionIds = _chunkV36VCKRBcjs.useOthersConnectionIdsSuspense; exports.useOthersListener = _chunkV36VCKRBcjs._useOthersListener; exports.useOthersMapped = _chunkV36VCKRBcjs._useOthersMappedSuspense; exports.useRedo = _chunkV36VCKRBcjs.useRedo; exports.useRemoveReaction = _chunkV36VCKRBcjs.useRemoveReaction; exports.useRoom = _chunkV36VCKRBcjs._useRoom; exports.useRoomInfo = _chunkV36VCKRBcjs.useRoomInfoSuspense; exports.useRoomSubscriptionSettings = _chunkV36VCKRBcjs._useRoomSubscriptionSettingsSuspense; exports.useSelf = _chunkV36VCKRBcjs._useSelfSuspense; exports.useSendAiMessage = _chunkV36VCKRBcjs.useSendAiMessage; exports.useStatus = _chunkV36VCKRBcjs.useStatus; exports.useStorage = _chunkV36VCKRBcjs._useStorageSuspense; exports.useStorageRoot = _chunkV36VCKRBcjs._useStorageRoot; exports.useSubscribeToThread = _chunkV36VCKRBcjs.useSubscribeToThread; exports.useSyncStatus = _chunkV36VCKRBcjs.useSyncStatus; exports.useThreadSubscription = _chunkV36VCKRBcjs.useThreadSubscription; exports.useThreads = _chunkV36VCKRBcjs._useThreadsSuspense; exports.useUndo = _chunkV36VCKRBcjs.useUndo; exports.useUnreadInboxNotificationsCount = _chunkV36VCKRBcjs.useUnreadInboxNotificationsCountSuspense; exports.useUnsubscribeFromThread = _chunkV36VCKRBcjs.useUnsubscribeFromThread; exports.useUpdateMyPresence = _chunkV36VCKRBcjs._useUpdateMyPresence; exports.useUpdateNotificationSettings = _chunkV36VCKRBcjs.useUpdateNotificationSettings; exports.useUpdateRoomSubscriptionSettings = _chunkV36VCKRBcjs.useUpdateRoomSubscriptionSettings; exports.useUser = _chunkV36VCKRBcjs._useUserSuspense; exports.useUserThreads_experimental = _chunkV36VCKRBcjs._useUserThreadsSuspense_experimental;
+exports.ClientContext = _chunkV36VCKRBcjs.ClientContext; exports.ClientSideSuspense = _chunkS7XMPZC4cjs.ClientSideSuspense; exports.LiveblocksProvider = _chunkV36VCKRBcjs.LiveblocksProvider; exports.RegisterAiKnowledge = _chunkV36VCKRBcjs.RegisterAiKnowledge; exports.RegisterAiTool = _chunkV36VCKRBcjs.RegisterAiTool; exports.RoomContext = _chunkV36VCKRBcjs.RoomContext; exports.RoomProvider = _chunkV36VCKRBcjs._RoomProvider; exports.isNotificationChannelEnabled = _client.isNotificationChannelEnabled; exports.shallow = _client.shallow; exports.useAddReaction = _chunkV36VCKRBcjs._useAddReaction; exports.useAiChat = _chunkV36VCKRBcjs._useAiChatSuspense; exports.useAiChatMessages = _chunkV36VCKRBcjs._useAiChatMessagesSuspense; exports.useAiChats = _chunkV36VCKRBcjs._useAiChatsSuspense; exports.useAttachmentUrl = _chunkV36VCKRBcjs.useAttachmentUrlSuspense; exports.useBroadcastEvent = _chunkV36VCKRBcjs._useBroadcastEvent; exports.useCanRedo = _chunkV36VCKRBcjs.useCanRedo; exports.useCanUndo = _chunkV36VCKRBcjs.useCanUndo; exports.useClient = _chunkV36VCKRBcjs.useClient; exports.useCreateAiChat = _chunkV36VCKRBcjs.useCreateAiChat; exports.useCreateComment = _chunkV36VCKRBcjs.useCreateComment; exports.useCreateThread = _chunkV36VCKRBcjs._useCreateThread; exports.useDeleteAiChat = _chunkV36VCKRBcjs.useDeleteAiChat; exports.useDeleteAllInboxNotifications = _chunkV36VCKRBcjs.useDeleteAllInboxNotifications; exports.useDeleteComment = _chunkV36VCKRBcjs.useDeleteComment; exports.useDeleteInboxNotification = _chunkV36VCKRBcjs.useDeleteInboxNotification; exports.useDeleteThread = _chunkV36VCKRBcjs._useDeleteThread; exports.useEditComment = _chunkV36VCKRBcjs.useEditComment; exports.useEditThreadMetadata = _chunkV36VCKRBcjs._useEditThreadMetadata; exports.useErrorListener = _chunkV36VCKRBcjs.useErrorListener; exports.useEventListener = _chunkV36VCKRBcjs._useEventListener; exports.useHistory = _chunkV36VCKRBcjs.useHistory; exports.useHistoryVersions = _chunkV36VCKRBcjs._useHistoryVersionsSuspense; exports.useInboxNotificationThread = _chunkV36VCKRBcjs._useInboxNotificationThread; exports.useInboxNotifications = _chunkV36VCKRBcjs.useInboxNotificationsSuspense; exports.useIsInsideRoom = _chunkV36VCKRBcjs._useIsInsideRoom; exports.useLostConnectionListener = _chunkV36VCKRBcjs.useLostConnectionListener; exports.useMarkAllInboxNotificationsAsRead = _chunkV36VCKRBcjs.useMarkAllInboxNotificationsAsRead; exports.useMarkInboxNotificationAsRead = _chunkV36VCKRBcjs.useMarkInboxNotificationAsRead; exports.useMarkThreadAsRead = _chunkV36VCKRBcjs.useMarkThreadAsRead; exports.useMarkThreadAsResolved = _chunkV36VCKRBcjs.useMarkThreadAsResolved; exports.useMarkThreadAsUnresolved = _chunkV36VCKRBcjs.useMarkThreadAsUnresolved; exports.useMutation = _chunkV36VCKRBcjs._useMutation; exports.useMyPresence = _chunkV36VCKRBcjs._useMyPresence; exports.useNotificationSettings = _chunkV36VCKRBcjs.useNotificationSettingsSuspense; exports.useOther = _chunkV36VCKRBcjs._useOtherSuspense; exports.useOthers = _chunkV36VCKRBcjs._useOthersSuspense; exports.useOthersConnectionIds = _chunkV36VCKRBcjs.useOthersConnectionIdsSuspense; exports.useOthersListener = _chunkV36VCKRBcjs._useOthersListener; exports.useOthersMapped = _chunkV36VCKRBcjs._useOthersMappedSuspense; exports.useRedo = _chunkV36VCKRBcjs.useRedo; exports.useRemoveReaction = _chunkV36VCKRBcjs.useRemoveReaction; exports.useRoom = _chunkV36VCKRBcjs._useRoom; exports.useRoomInfo = _chunkV36VCKRBcjs.useRoomInfoSuspense; exports.useRoomSubscriptionSettings = _chunkV36VCKRBcjs._useRoomSubscriptionSettingsSuspense; exports.useSelf = _chunkV36VCKRBcjs._useSelfSuspense; exports.useSendAiMessage = _chunkV36VCKRBcjs.useSendAiMessage; exports.useStatus = _chunkV36VCKRBcjs.useStatus; exports.useStorage = _chunkV36VCKRBcjs._useStorageSuspense; exports.useStorageRoot = _chunkV36VCKRBcjs._useStorageRoot; exports.useSubscribeToThread = _chunkV36VCKRBcjs.useSubscribeToThread; exports.useSyncStatus = _chunkV36VCKRBcjs.useSyncStatus; exports.useThreadSubscription = _chunkV36VCKRBcjs.useThreadSubscription; exports.useThreads = _chunkV36VCKRBcjs._useThreadsSuspense; exports.useUndo = _chunkV36VCKRBcjs.useUndo; exports.useUnreadInboxNotificationsCount = _chunkV36VCKRBcjs.useUnreadInboxNotificationsCountSuspense; exports.useUnsubscribeFromThread = _chunkV36VCKRBcjs.useUnsubscribeFromThread; exports.useUpdateMyPresence = _chunkV36VCKRBcjs._useUpdateMyPresence; exports.useUpdateNotificationSettings = _chunkV36VCKRBcjs.useUpdateNotificationSettings; exports.useUpdateRoomSubscriptionSettings = _chunkV36VCKRBcjs.useUpdateRoomSubscriptionSettings; exports.useUser = _chunkV36VCKRBcjs._useUserSuspense; exports.useUserThreads_experimental = _chunkV36VCKRBcjs._useUserThreadsSuspense_experimental;
 //# sourceMappingURL=suspense.cjs.map

dist/suspense.js

@@ -6,3 +6,3 @@ import {
   PKG_VERSION
-} from "./chunk-2A27UCH4.js";
+} from "./chunk-45ZT2X3R.js";
 import {
@@ -9,0 +9,0 @@ ClientContext,

package.json

 {
   "name": "@liveblocks/react",
-  "version": "3.3.0",
+  "version": "3.3.1",
   "description": "A set of React hooks and providers to use Liveblocks declaratively. Liveblocks is the all-in-one toolkit to build collaborative products like Figma, Notion, and more.",
@@ -64,4 +64,4 @@ "license": "Apache-2.0",
   "dependencies": {
-    "@liveblocks/client": "3.3.0",
-    "@liveblocks/core": "3.3.0"
+    "@liveblocks/client": "3.3.1",
+    "@liveblocks/core": "3.3.1"
   },
@@ -68,0 +68,0 @@ "peerDependencies": {

dist/chunk-2A27UCH4.js

-// src/version.ts
-var PKG_NAME = "@liveblocks/react";
-var PKG_VERSION = "3.3.0";
-var PKG_FORMAT = "esm";
-
-// src/ClientSideSuspense.tsx
-import { Suspense, useEffect, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-function ClientSideSuspense(props) {
-  const [mounted, setMounted] = useState(false);
-  useEffect(() => {
-    setMounted(true);
-  }, []);
-  return /* @__PURE__ */ jsx(Suspense, { fallback: props.fallback, children: mounted ? typeof props.children === "function" ? props.children() : props.children : props.fallback });
-}
-
-export {
-  PKG_NAME,
-  PKG_VERSION,
-  PKG_FORMAT,
-  ClientSideSuspense
-};
-//# sourceMappingURL=chunk-2A27UCH4.js.map

dist/chunk-2A27UCH4.js.map

-{"version":3,"sources":["../src/version.ts","../src/ClientSideSuspense.tsx"],"sourcesContent":["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"],"mappings":";AAGO,IAAM,WAAW;AACjB,IAAM,cAAiD;AACvD,IAAM,aAAgD;;;ACJ7D,SAAS,UAAU,WAAW,gBAAgB;AAkC1C;AAVG,SAAS,mBAAmB,OAAc;AAC/C,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,YAAU,MAAM;AAGd,eAAW,IAAI;AAAA,EACjB,GAAG,CAAC,CAAC;AAEL,SACE,oBAAC,YAAS,UAAU,MAAM,UACvB,oBACG,OAAO,MAAM,aAAa,aACxB,MAAM,SAAS,IACf,MAAM,WACR,MAAM,UACZ;AAEJ;","names":[]}

dist/chunk-YXNWSNHJ.cjs

-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/version.ts
-var PKG_NAME = "@liveblocks/react";
-var PKG_VERSION = "3.3.0";
-var PKG_FORMAT = "cjs";
-
-// src/ClientSideSuspense.tsx
-var _react = require('react');
-var _jsxruntime = require('react/jsx-runtime');
-function ClientSideSuspense(props) {
-  const [mounted, setMounted] = _react.useState.call(void 0, false);
-  _react.useEffect.call(void 0, () => {
-    setMounted(true);
-  }, []);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Suspense, { fallback: props.fallback, children: mounted ? typeof props.children === "function" ? props.children() : props.children : props.fallback });
-}
-
-
-
-
-
-
-exports.PKG_NAME = PKG_NAME; exports.PKG_VERSION = PKG_VERSION; exports.PKG_FORMAT = PKG_FORMAT; exports.ClientSideSuspense = ClientSideSuspense;
-//# sourceMappingURL=chunk-YXNWSNHJ.cjs.map

dist/chunk-YXNWSNHJ.cjs.map

-{"version":3,"sources":["/home/runner/work/liveblocks/liveblocks/packages/liveblocks-react/dist/chunk-YXNWSNHJ.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-YXNWSNHJ.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"]}

New alerts

Network access

Supply chain risk

This module accesses the network.

Found 1 instance in 1 package

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Network access

Supply chain risk

This module accesses the network.

Found 1 instance in 1 package

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Number of medium supply chain risk alerts

36

-2.7%

Dependency changes

• + Added

  @liveblocks/client@3.3.1
  (transitive)

• + Added

  @liveblocks/core@3.3.1
  (transitive)

• - Removed

  @liveblocks/client@3.3.0
  (transitive)

• - Removed

  @liveblocks/core@3.3.0
  (transitive)

• Updated

  @liveblocks/client@3.3.1

• Updated

  @liveblocks/core@3.3.1