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
603
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.0-alpha1
to
3.4.0
+23
dist/chunk-JP4MG2VP.cjs
"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/version.ts
var PKG_NAME = "@liveblocks/react";
var PKG_VERSION = "3.4.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-JP4MG2VP.cjs.map
{"version":3,"sources":["/home/runner/work/liveblocks/liveblocks/packages/liveblocks-react/dist/chunk-JP4MG2VP.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-JP4MG2VP.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.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-X4R5LG7N.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 _chunkM3QELTRLcjs = require('./chunk-M3QELTRL.cjs');
var _chunkJP4MG2VPcjs = require('./chunk-JP4MG2VP.cjs');

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

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

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

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

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

PKG_VERSION
} from "./chunk-ACVALBTI.js";
} from "./chunk-X4R5LG7N.js";
import {

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

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

var _chunkM3QELTRLcjs = require('./chunk-M3QELTRL.cjs');
var _chunkJP4MG2VPcjs = require('./chunk-JP4MG2VP.cjs');

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

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

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

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

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

PKG_VERSION
} from "./chunk-ACVALBTI.js";
} from "./chunk-X4R5LG7N.js";
import {

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

{
"name": "@liveblocks/react",
"version": "3.4.0-alpha1",
"version": "3.4.0",
"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.0-alpha1",
"@liveblocks/core": "3.4.0-alpha1"
"@liveblocks/client": "3.4.0",
"@liveblocks/core": "3.4.0"
},

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

// src/version.ts
var PKG_NAME = "@liveblocks/react";
var PKG_VERSION = "3.4.0-alpha1";
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-ACVALBTI.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":[]}
"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/version.ts
var PKG_NAME = "@liveblocks/react";
var PKG_VERSION = "3.4.0-alpha1";
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-M3QELTRL.cjs.map
{"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"]}