You're Invited:Meet the Socket Team at RSAC and BSidesSF 2026, March 23–26.RSVP
Socket
Book a DemoSign in
Socket

@liveblocks/react

Package Overview
Dependencies
Maintainers
3
Versions
599
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@liveblocks/react - npm Package Compare versions

Comparing version
3.4.1
to
3.4.2
+23
dist/chunk-LCSPHE5S.cjs
"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/version.ts
var PKG_NAME = "@liveblocks/react";
var PKG_VERSION = "3.4.2";
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-LCSPHE5S.cjs.map
{"version":3,"sources":["/home/runner/work/liveblocks/liveblocks/packages/liveblocks-react/dist/chunk-LCSPHE5S.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-LCSPHE5S.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"]}
// src/version.ts
var PKG_NAME = "@liveblocks/react";
var PKG_VERSION = "3.4.2";
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-VJ4ALVRZ.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":[]}
+3
-3

@@ -6,3 +6,3 @@ "use strict";Object.defineProperty(exports, "__esModule", {value: true});

var _chunk65PGHVADcjs = require('./chunk-65PGHVAD.cjs');
var _chunkLCSPHE5Scjs = require('./chunk-LCSPHE5S.cjs');

@@ -85,3 +85,3 @@

var _client = require('@liveblocks/client');
_core.detectDupes.call(void 0, _chunk65PGHVADcjs.PKG_NAME, _chunk65PGHVADcjs.PKG_VERSION, _chunk65PGHVADcjs.PKG_FORMAT);
_core.detectDupes.call(void 0, _chunkLCSPHE5Scjs.PKG_NAME, _chunkLCSPHE5Scjs.PKG_VERSION, _chunkLCSPHE5Scjs.PKG_FORMAT);

@@ -162,3 +162,3 @@

exports.ClientContext = _chunkEEINMYNIcjs.ClientContext; exports.ClientSideSuspense = _chunk65PGHVADcjs.ClientSideSuspense; exports.LiveblocksProvider = _chunkEEINMYNIcjs.LiveblocksProvider; exports.RegisterAiKnowledge = _chunkEEINMYNIcjs.RegisterAiKnowledge; exports.RegisterAiTool = _chunkEEINMYNIcjs.RegisterAiTool; exports.RoomContext = _chunkEEINMYNIcjs.RoomContext; exports.RoomProvider = _chunkEEINMYNIcjs._RoomProvider; exports.createLiveblocksContext = _chunkEEINMYNIcjs.createLiveblocksContext; exports.createRoomContext = _chunkEEINMYNIcjs.createRoomContext; exports.isNotificationChannelEnabled = _client.isNotificationChannelEnabled; exports.shallow = _client.shallow; exports.useAddReaction = _chunkEEINMYNIcjs._useAddReaction; exports.useAiChat = _chunkEEINMYNIcjs._useAiChat; exports.useAiChatMessages = _chunkEEINMYNIcjs._useAiChatMessages; exports.useAiChats = _chunkEEINMYNIcjs._useAiChats; exports.useAttachmentUrl = _chunkEEINMYNIcjs.useAttachmentUrl; exports.useBroadcastEvent = _chunkEEINMYNIcjs._useBroadcastEvent; exports.useCanRedo = _chunkEEINMYNIcjs.useCanRedo; exports.useCanUndo = _chunkEEINMYNIcjs.useCanUndo; exports.useClient = _chunkEEINMYNIcjs.useClient; exports.useCreateAiChat = _chunkEEINMYNIcjs.useCreateAiChat; exports.useCreateComment = _chunkEEINMYNIcjs.useCreateComment; exports.useCreateThread = _chunkEEINMYNIcjs._useCreateThread; exports.useDeleteAiChat = _chunkEEINMYNIcjs.useDeleteAiChat; exports.useDeleteAllInboxNotifications = _chunkEEINMYNIcjs.useDeleteAllInboxNotifications; exports.useDeleteComment = _chunkEEINMYNIcjs.useDeleteComment; exports.useDeleteInboxNotification = _chunkEEINMYNIcjs.useDeleteInboxNotification; exports.useDeleteThread = _chunkEEINMYNIcjs._useDeleteThread; exports.useEditComment = _chunkEEINMYNIcjs.useEditComment; exports.useEditThreadMetadata = _chunkEEINMYNIcjs._useEditThreadMetadata; exports.useErrorListener = _chunkEEINMYNIcjs.useErrorListener; exports.useEventListener = _chunkEEINMYNIcjs._useEventListener; exports.useHistory = _chunkEEINMYNIcjs.useHistory; exports.useHistoryVersionData = _chunkEEINMYNIcjs.useHistoryVersionData; exports.useHistoryVersions = _chunkEEINMYNIcjs._useHistoryVersions; exports.useInboxNotificationThread = _chunkEEINMYNIcjs._useInboxNotificationThread; exports.useInboxNotifications = _chunkEEINMYNIcjs.useInboxNotifications; exports.useIsInsideRoom = _chunkEEINMYNIcjs._useIsInsideRoom; exports.useLostConnectionListener = _chunkEEINMYNIcjs.useLostConnectionListener; exports.useMarkAllInboxNotificationsAsRead = _chunkEEINMYNIcjs.useMarkAllInboxNotificationsAsRead; exports.useMarkInboxNotificationAsRead = _chunkEEINMYNIcjs.useMarkInboxNotificationAsRead; exports.useMarkThreadAsRead = _chunkEEINMYNIcjs.useMarkThreadAsRead; exports.useMarkThreadAsResolved = _chunkEEINMYNIcjs.useMarkThreadAsResolved; exports.useMarkThreadAsUnresolved = _chunkEEINMYNIcjs.useMarkThreadAsUnresolved; exports.useMutation = _chunkEEINMYNIcjs._useMutation; exports.useMyPresence = _chunkEEINMYNIcjs._useMyPresence; exports.useNotificationSettings = _chunkEEINMYNIcjs.useNotificationSettings; exports.useOther = _chunkEEINMYNIcjs._useOther; exports.useOthers = _chunkEEINMYNIcjs._useOthers; exports.useOthersConnectionIds = _chunkEEINMYNIcjs.useOthersConnectionIds; exports.useOthersListener = _chunkEEINMYNIcjs._useOthersListener; exports.useOthersMapped = _chunkEEINMYNIcjs._useOthersMapped; exports.useRedo = _chunkEEINMYNIcjs.useRedo; exports.useRemoveReaction = _chunkEEINMYNIcjs.useRemoveReaction; exports.useRoom = _chunkEEINMYNIcjs._useRoom; exports.useRoomInfo = _chunkEEINMYNIcjs.useRoomInfo; exports.useRoomSubscriptionSettings = _chunkEEINMYNIcjs._useRoomSubscriptionSettings; exports.useSelf = _chunkEEINMYNIcjs._useSelf; exports.useSendAiMessage = _chunkEEINMYNIcjs.useSendAiMessage; exports.useStatus = _chunkEEINMYNIcjs.useStatus; exports.useStorage = _chunkEEINMYNIcjs._useStorage; exports.useStorageRoot = _chunkEEINMYNIcjs._useStorageRoot; exports.useSubscribeToThread = _chunkEEINMYNIcjs.useSubscribeToThread; exports.useSyncStatus = _chunkEEINMYNIcjs.useSyncStatus; exports.useThreadSubscription = _chunkEEINMYNIcjs.useThreadSubscription; exports.useThreads = _chunkEEINMYNIcjs._useThreads; exports.useUndo = _chunkEEINMYNIcjs.useUndo; exports.useUnreadInboxNotificationsCount = _chunkEEINMYNIcjs.useUnreadInboxNotificationsCount; exports.useUnsubscribeFromThread = _chunkEEINMYNIcjs.useUnsubscribeFromThread; exports.useUpdateMyPresence = _chunkEEINMYNIcjs._useUpdateMyPresence; exports.useUpdateNotificationSettings = _chunkEEINMYNIcjs.useUpdateNotificationSettings; exports.useUpdateRoomSubscriptionSettings = _chunkEEINMYNIcjs.useUpdateRoomSubscriptionSettings; exports.useUser = _chunkEEINMYNIcjs._useUser; exports.useUserThreads_experimental = _chunkEEINMYNIcjs._useUserThreads_experimental;
exports.ClientContext = _chunkEEINMYNIcjs.ClientContext; exports.ClientSideSuspense = _chunkLCSPHE5Scjs.ClientSideSuspense; exports.LiveblocksProvider = _chunkEEINMYNIcjs.LiveblocksProvider; exports.RegisterAiKnowledge = _chunkEEINMYNIcjs.RegisterAiKnowledge; exports.RegisterAiTool = _chunkEEINMYNIcjs.RegisterAiTool; exports.RoomContext = _chunkEEINMYNIcjs.RoomContext; exports.RoomProvider = _chunkEEINMYNIcjs._RoomProvider; exports.createLiveblocksContext = _chunkEEINMYNIcjs.createLiveblocksContext; exports.createRoomContext = _chunkEEINMYNIcjs.createRoomContext; exports.isNotificationChannelEnabled = _client.isNotificationChannelEnabled; exports.shallow = _client.shallow; exports.useAddReaction = _chunkEEINMYNIcjs._useAddReaction; exports.useAiChat = _chunkEEINMYNIcjs._useAiChat; exports.useAiChatMessages = _chunkEEINMYNIcjs._useAiChatMessages; exports.useAiChats = _chunkEEINMYNIcjs._useAiChats; exports.useAttachmentUrl = _chunkEEINMYNIcjs.useAttachmentUrl; exports.useBroadcastEvent = _chunkEEINMYNIcjs._useBroadcastEvent; exports.useCanRedo = _chunkEEINMYNIcjs.useCanRedo; exports.useCanUndo = _chunkEEINMYNIcjs.useCanUndo; exports.useClient = _chunkEEINMYNIcjs.useClient; exports.useCreateAiChat = _chunkEEINMYNIcjs.useCreateAiChat; exports.useCreateComment = _chunkEEINMYNIcjs.useCreateComment; exports.useCreateThread = _chunkEEINMYNIcjs._useCreateThread; exports.useDeleteAiChat = _chunkEEINMYNIcjs.useDeleteAiChat; exports.useDeleteAllInboxNotifications = _chunkEEINMYNIcjs.useDeleteAllInboxNotifications; exports.useDeleteComment = _chunkEEINMYNIcjs.useDeleteComment; exports.useDeleteInboxNotification = _chunkEEINMYNIcjs.useDeleteInboxNotification; exports.useDeleteThread = _chunkEEINMYNIcjs._useDeleteThread; exports.useEditComment = _chunkEEINMYNIcjs.useEditComment; exports.useEditThreadMetadata = _chunkEEINMYNIcjs._useEditThreadMetadata; exports.useErrorListener = _chunkEEINMYNIcjs.useErrorListener; exports.useEventListener = _chunkEEINMYNIcjs._useEventListener; exports.useHistory = _chunkEEINMYNIcjs.useHistory; exports.useHistoryVersionData = _chunkEEINMYNIcjs.useHistoryVersionData; exports.useHistoryVersions = _chunkEEINMYNIcjs._useHistoryVersions; exports.useInboxNotificationThread = _chunkEEINMYNIcjs._useInboxNotificationThread; exports.useInboxNotifications = _chunkEEINMYNIcjs.useInboxNotifications; exports.useIsInsideRoom = _chunkEEINMYNIcjs._useIsInsideRoom; exports.useLostConnectionListener = _chunkEEINMYNIcjs.useLostConnectionListener; exports.useMarkAllInboxNotificationsAsRead = _chunkEEINMYNIcjs.useMarkAllInboxNotificationsAsRead; exports.useMarkInboxNotificationAsRead = _chunkEEINMYNIcjs.useMarkInboxNotificationAsRead; exports.useMarkThreadAsRead = _chunkEEINMYNIcjs.useMarkThreadAsRead; exports.useMarkThreadAsResolved = _chunkEEINMYNIcjs.useMarkThreadAsResolved; exports.useMarkThreadAsUnresolved = _chunkEEINMYNIcjs.useMarkThreadAsUnresolved; exports.useMutation = _chunkEEINMYNIcjs._useMutation; exports.useMyPresence = _chunkEEINMYNIcjs._useMyPresence; exports.useNotificationSettings = _chunkEEINMYNIcjs.useNotificationSettings; exports.useOther = _chunkEEINMYNIcjs._useOther; exports.useOthers = _chunkEEINMYNIcjs._useOthers; exports.useOthersConnectionIds = _chunkEEINMYNIcjs.useOthersConnectionIds; exports.useOthersListener = _chunkEEINMYNIcjs._useOthersListener; exports.useOthersMapped = _chunkEEINMYNIcjs._useOthersMapped; exports.useRedo = _chunkEEINMYNIcjs.useRedo; exports.useRemoveReaction = _chunkEEINMYNIcjs.useRemoveReaction; exports.useRoom = _chunkEEINMYNIcjs._useRoom; exports.useRoomInfo = _chunkEEINMYNIcjs.useRoomInfo; exports.useRoomSubscriptionSettings = _chunkEEINMYNIcjs._useRoomSubscriptionSettings; exports.useSelf = _chunkEEINMYNIcjs._useSelf; exports.useSendAiMessage = _chunkEEINMYNIcjs.useSendAiMessage; exports.useStatus = _chunkEEINMYNIcjs.useStatus; exports.useStorage = _chunkEEINMYNIcjs._useStorage; exports.useStorageRoot = _chunkEEINMYNIcjs._useStorageRoot; exports.useSubscribeToThread = _chunkEEINMYNIcjs.useSubscribeToThread; exports.useSyncStatus = _chunkEEINMYNIcjs.useSyncStatus; exports.useThreadSubscription = _chunkEEINMYNIcjs.useThreadSubscription; exports.useThreads = _chunkEEINMYNIcjs._useThreads; exports.useUndo = _chunkEEINMYNIcjs.useUndo; exports.useUnreadInboxNotificationsCount = _chunkEEINMYNIcjs.useUnreadInboxNotificationsCount; exports.useUnsubscribeFromThread = _chunkEEINMYNIcjs.useUnsubscribeFromThread; exports.useUpdateMyPresence = _chunkEEINMYNIcjs._useUpdateMyPresence; exports.useUpdateNotificationSettings = _chunkEEINMYNIcjs.useUpdateNotificationSettings; exports.useUpdateRoomSubscriptionSettings = _chunkEEINMYNIcjs.useUpdateRoomSubscriptionSettings; exports.useUser = _chunkEEINMYNIcjs._useUser; exports.useUserThreads_experimental = _chunkEEINMYNIcjs._useUserThreads_experimental;
//# sourceMappingURL=index.cjs.map

@@ -6,3 +6,3 @@ import {

PKG_VERSION
} from "./chunk-HPDXWAER.js";
} from "./chunk-VJ4ALVRZ.js";
import {

@@ -9,0 +9,0 @@ ClientContext,

@@ -6,3 +6,3 @@ "use strict";Object.defineProperty(exports, "__esModule", {value: true});

var _chunk65PGHVADcjs = require('./chunk-65PGHVAD.cjs');
var _chunkLCSPHE5Scjs = require('./chunk-LCSPHE5S.cjs');

@@ -82,3 +82,3 @@

var _client = require('@liveblocks/client');
_core.detectDupes.call(void 0, _chunk65PGHVADcjs.PKG_NAME, _chunk65PGHVADcjs.PKG_VERSION, _chunk65PGHVADcjs.PKG_FORMAT);
_core.detectDupes.call(void 0, _chunkLCSPHE5Scjs.PKG_NAME, _chunkLCSPHE5Scjs.PKG_VERSION, _chunkLCSPHE5Scjs.PKG_FORMAT);

@@ -156,3 +156,3 @@

exports.ClientContext = _chunkEEINMYNIcjs.ClientContext; exports.ClientSideSuspense = _chunk65PGHVADcjs.ClientSideSuspense; exports.LiveblocksProvider = _chunkEEINMYNIcjs.LiveblocksProvider; exports.RegisterAiKnowledge = _chunkEEINMYNIcjs.RegisterAiKnowledge; exports.RegisterAiTool = _chunkEEINMYNIcjs.RegisterAiTool; exports.RoomContext = _chunkEEINMYNIcjs.RoomContext; exports.RoomProvider = _chunkEEINMYNIcjs._RoomProvider; exports.isNotificationChannelEnabled = _client.isNotificationChannelEnabled; exports.shallow = _client.shallow; exports.useAddReaction = _chunkEEINMYNIcjs._useAddReaction; exports.useAiChat = _chunkEEINMYNIcjs._useAiChatSuspense; exports.useAiChatMessages = _chunkEEINMYNIcjs._useAiChatMessagesSuspense; exports.useAiChats = _chunkEEINMYNIcjs._useAiChatsSuspense; exports.useAttachmentUrl = _chunkEEINMYNIcjs.useAttachmentUrlSuspense; exports.useBroadcastEvent = _chunkEEINMYNIcjs._useBroadcastEvent; exports.useCanRedo = _chunkEEINMYNIcjs.useCanRedo; exports.useCanUndo = _chunkEEINMYNIcjs.useCanUndo; exports.useClient = _chunkEEINMYNIcjs.useClient; exports.useCreateAiChat = _chunkEEINMYNIcjs.useCreateAiChat; exports.useCreateComment = _chunkEEINMYNIcjs.useCreateComment; exports.useCreateThread = _chunkEEINMYNIcjs._useCreateThread; exports.useDeleteAiChat = _chunkEEINMYNIcjs.useDeleteAiChat; exports.useDeleteAllInboxNotifications = _chunkEEINMYNIcjs.useDeleteAllInboxNotifications; exports.useDeleteComment = _chunkEEINMYNIcjs.useDeleteComment; exports.useDeleteInboxNotification = _chunkEEINMYNIcjs.useDeleteInboxNotification; exports.useDeleteThread = _chunkEEINMYNIcjs._useDeleteThread; exports.useEditComment = _chunkEEINMYNIcjs.useEditComment; exports.useEditThreadMetadata = _chunkEEINMYNIcjs._useEditThreadMetadata; exports.useErrorListener = _chunkEEINMYNIcjs.useErrorListener; exports.useEventListener = _chunkEEINMYNIcjs._useEventListener; exports.useHistory = _chunkEEINMYNIcjs.useHistory; exports.useHistoryVersions = _chunkEEINMYNIcjs._useHistoryVersionsSuspense; exports.useInboxNotificationThread = _chunkEEINMYNIcjs._useInboxNotificationThread; exports.useInboxNotifications = _chunkEEINMYNIcjs.useInboxNotificationsSuspense; exports.useIsInsideRoom = _chunkEEINMYNIcjs._useIsInsideRoom; exports.useLostConnectionListener = _chunkEEINMYNIcjs.useLostConnectionListener; exports.useMarkAllInboxNotificationsAsRead = _chunkEEINMYNIcjs.useMarkAllInboxNotificationsAsRead; exports.useMarkInboxNotificationAsRead = _chunkEEINMYNIcjs.useMarkInboxNotificationAsRead; exports.useMarkThreadAsRead = _chunkEEINMYNIcjs.useMarkThreadAsRead; exports.useMarkThreadAsResolved = _chunkEEINMYNIcjs.useMarkThreadAsResolved; exports.useMarkThreadAsUnresolved = _chunkEEINMYNIcjs.useMarkThreadAsUnresolved; exports.useMutation = _chunkEEINMYNIcjs._useMutation; exports.useMyPresence = _chunkEEINMYNIcjs._useMyPresence; exports.useNotificationSettings = _chunkEEINMYNIcjs.useNotificationSettingsSuspense; exports.useOther = _chunkEEINMYNIcjs._useOtherSuspense; exports.useOthers = _chunkEEINMYNIcjs._useOthersSuspense; exports.useOthersConnectionIds = _chunkEEINMYNIcjs.useOthersConnectionIdsSuspense; exports.useOthersListener = _chunkEEINMYNIcjs._useOthersListener; exports.useOthersMapped = _chunkEEINMYNIcjs._useOthersMappedSuspense; exports.useRedo = _chunkEEINMYNIcjs.useRedo; exports.useRemoveReaction = _chunkEEINMYNIcjs.useRemoveReaction; exports.useRoom = _chunkEEINMYNIcjs._useRoom; exports.useRoomInfo = _chunkEEINMYNIcjs.useRoomInfoSuspense; exports.useRoomSubscriptionSettings = _chunkEEINMYNIcjs._useRoomSubscriptionSettingsSuspense; exports.useSelf = _chunkEEINMYNIcjs._useSelfSuspense; exports.useSendAiMessage = _chunkEEINMYNIcjs.useSendAiMessage; exports.useStatus = _chunkEEINMYNIcjs.useStatus; exports.useStorage = _chunkEEINMYNIcjs._useStorageSuspense; exports.useStorageRoot = _chunkEEINMYNIcjs._useStorageRoot; exports.useSubscribeToThread = _chunkEEINMYNIcjs.useSubscribeToThread; exports.useSyncStatus = _chunkEEINMYNIcjs.useSyncStatus; exports.useThreadSubscription = _chunkEEINMYNIcjs.useThreadSubscription; exports.useThreads = _chunkEEINMYNIcjs._useThreadsSuspense; exports.useUndo = _chunkEEINMYNIcjs.useUndo; exports.useUnreadInboxNotificationsCount = _chunkEEINMYNIcjs.useUnreadInboxNotificationsCountSuspense; exports.useUnsubscribeFromThread = _chunkEEINMYNIcjs.useUnsubscribeFromThread; exports.useUpdateMyPresence = _chunkEEINMYNIcjs._useUpdateMyPresence; exports.useUpdateNotificationSettings = _chunkEEINMYNIcjs.useUpdateNotificationSettings; exports.useUpdateRoomSubscriptionSettings = _chunkEEINMYNIcjs.useUpdateRoomSubscriptionSettings; exports.useUser = _chunkEEINMYNIcjs._useUserSuspense; exports.useUserThreads_experimental = _chunkEEINMYNIcjs._useUserThreadsSuspense_experimental;
exports.ClientContext = _chunkEEINMYNIcjs.ClientContext; exports.ClientSideSuspense = _chunkLCSPHE5Scjs.ClientSideSuspense; exports.LiveblocksProvider = _chunkEEINMYNIcjs.LiveblocksProvider; exports.RegisterAiKnowledge = _chunkEEINMYNIcjs.RegisterAiKnowledge; exports.RegisterAiTool = _chunkEEINMYNIcjs.RegisterAiTool; exports.RoomContext = _chunkEEINMYNIcjs.RoomContext; exports.RoomProvider = _chunkEEINMYNIcjs._RoomProvider; exports.isNotificationChannelEnabled = _client.isNotificationChannelEnabled; exports.shallow = _client.shallow; exports.useAddReaction = _chunkEEINMYNIcjs._useAddReaction; exports.useAiChat = _chunkEEINMYNIcjs._useAiChatSuspense; exports.useAiChatMessages = _chunkEEINMYNIcjs._useAiChatMessagesSuspense; exports.useAiChats = _chunkEEINMYNIcjs._useAiChatsSuspense; exports.useAttachmentUrl = _chunkEEINMYNIcjs.useAttachmentUrlSuspense; exports.useBroadcastEvent = _chunkEEINMYNIcjs._useBroadcastEvent; exports.useCanRedo = _chunkEEINMYNIcjs.useCanRedo; exports.useCanUndo = _chunkEEINMYNIcjs.useCanUndo; exports.useClient = _chunkEEINMYNIcjs.useClient; exports.useCreateAiChat = _chunkEEINMYNIcjs.useCreateAiChat; exports.useCreateComment = _chunkEEINMYNIcjs.useCreateComment; exports.useCreateThread = _chunkEEINMYNIcjs._useCreateThread; exports.useDeleteAiChat = _chunkEEINMYNIcjs.useDeleteAiChat; exports.useDeleteAllInboxNotifications = _chunkEEINMYNIcjs.useDeleteAllInboxNotifications; exports.useDeleteComment = _chunkEEINMYNIcjs.useDeleteComment; exports.useDeleteInboxNotification = _chunkEEINMYNIcjs.useDeleteInboxNotification; exports.useDeleteThread = _chunkEEINMYNIcjs._useDeleteThread; exports.useEditComment = _chunkEEINMYNIcjs.useEditComment; exports.useEditThreadMetadata = _chunkEEINMYNIcjs._useEditThreadMetadata; exports.useErrorListener = _chunkEEINMYNIcjs.useErrorListener; exports.useEventListener = _chunkEEINMYNIcjs._useEventListener; exports.useHistory = _chunkEEINMYNIcjs.useHistory; exports.useHistoryVersions = _chunkEEINMYNIcjs._useHistoryVersionsSuspense; exports.useInboxNotificationThread = _chunkEEINMYNIcjs._useInboxNotificationThread; exports.useInboxNotifications = _chunkEEINMYNIcjs.useInboxNotificationsSuspense; exports.useIsInsideRoom = _chunkEEINMYNIcjs._useIsInsideRoom; exports.useLostConnectionListener = _chunkEEINMYNIcjs.useLostConnectionListener; exports.useMarkAllInboxNotificationsAsRead = _chunkEEINMYNIcjs.useMarkAllInboxNotificationsAsRead; exports.useMarkInboxNotificationAsRead = _chunkEEINMYNIcjs.useMarkInboxNotificationAsRead; exports.useMarkThreadAsRead = _chunkEEINMYNIcjs.useMarkThreadAsRead; exports.useMarkThreadAsResolved = _chunkEEINMYNIcjs.useMarkThreadAsResolved; exports.useMarkThreadAsUnresolved = _chunkEEINMYNIcjs.useMarkThreadAsUnresolved; exports.useMutation = _chunkEEINMYNIcjs._useMutation; exports.useMyPresence = _chunkEEINMYNIcjs._useMyPresence; exports.useNotificationSettings = _chunkEEINMYNIcjs.useNotificationSettingsSuspense; exports.useOther = _chunkEEINMYNIcjs._useOtherSuspense; exports.useOthers = _chunkEEINMYNIcjs._useOthersSuspense; exports.useOthersConnectionIds = _chunkEEINMYNIcjs.useOthersConnectionIdsSuspense; exports.useOthersListener = _chunkEEINMYNIcjs._useOthersListener; exports.useOthersMapped = _chunkEEINMYNIcjs._useOthersMappedSuspense; exports.useRedo = _chunkEEINMYNIcjs.useRedo; exports.useRemoveReaction = _chunkEEINMYNIcjs.useRemoveReaction; exports.useRoom = _chunkEEINMYNIcjs._useRoom; exports.useRoomInfo = _chunkEEINMYNIcjs.useRoomInfoSuspense; exports.useRoomSubscriptionSettings = _chunkEEINMYNIcjs._useRoomSubscriptionSettingsSuspense; exports.useSelf = _chunkEEINMYNIcjs._useSelfSuspense; exports.useSendAiMessage = _chunkEEINMYNIcjs.useSendAiMessage; exports.useStatus = _chunkEEINMYNIcjs.useStatus; exports.useStorage = _chunkEEINMYNIcjs._useStorageSuspense; exports.useStorageRoot = _chunkEEINMYNIcjs._useStorageRoot; exports.useSubscribeToThread = _chunkEEINMYNIcjs.useSubscribeToThread; exports.useSyncStatus = _chunkEEINMYNIcjs.useSyncStatus; exports.useThreadSubscription = _chunkEEINMYNIcjs.useThreadSubscription; exports.useThreads = _chunkEEINMYNIcjs._useThreadsSuspense; exports.useUndo = _chunkEEINMYNIcjs.useUndo; exports.useUnreadInboxNotificationsCount = _chunkEEINMYNIcjs.useUnreadInboxNotificationsCountSuspense; exports.useUnsubscribeFromThread = _chunkEEINMYNIcjs.useUnsubscribeFromThread; exports.useUpdateMyPresence = _chunkEEINMYNIcjs._useUpdateMyPresence; exports.useUpdateNotificationSettings = _chunkEEINMYNIcjs.useUpdateNotificationSettings; exports.useUpdateRoomSubscriptionSettings = _chunkEEINMYNIcjs.useUpdateRoomSubscriptionSettings; exports.useUser = _chunkEEINMYNIcjs._useUserSuspense; exports.useUserThreads_experimental = _chunkEEINMYNIcjs._useUserThreadsSuspense_experimental;
//# sourceMappingURL=suspense.cjs.map

@@ -6,3 +6,3 @@ import {

PKG_VERSION
} from "./chunk-HPDXWAER.js";
} from "./chunk-VJ4ALVRZ.js";
import {

@@ -9,0 +9,0 @@ ClientContext,

{
"name": "@liveblocks/react",
"version": "3.4.1",
"version": "3.4.2",
"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.4.1",
"@liveblocks/core": "3.4.1"
"@liveblocks/client": "3.4.2",
"@liveblocks/core": "3.4.2"
},

@@ -68,0 +68,0 @@ "peerDependencies": {

"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/version.ts
var PKG_NAME = "@liveblocks/react";
var PKG_VERSION = "3.4.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-65PGHVAD.cjs.map
{"version":3,"sources":["/home/runner/work/liveblocks/liveblocks/packages/liveblocks-react/dist/chunk-65PGHVAD.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-65PGHVAD.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"]}
// src/version.ts
var PKG_NAME = "@liveblocks/react";
var PKG_VERSION = "3.4.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-HPDXWAER.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":[]}