@liveblocks/react
Advanced tools
| // src/version.ts | ||
| var PKG_NAME = "@liveblocks/react"; | ||
| var PKG_VERSION = "2.23.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-6GLJE7ID.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 = "2.23.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-BZGGMXEG.cjs.map |
| {"version":3,"sources":["/home/runner/work/liveblocks/liveblocks/packages/liveblocks-react/dist/chunk-BZGGMXEG.cjs","../src/version.ts","../src/ClientSideSuspense.tsx"],"names":[],"mappings":"AAAA;ACGO,IAAM,SAAA,EAAW,mBAAA;AACjB,IAAM,YAAA,EAAiD,QAAA;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-BZGGMXEG.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"]} |
+3
-3
@@ -6,3 +6,3 @@ "use strict";Object.defineProperty(exports, "__esModule", {value: true}); | ||
| var _chunkLMSPQQUWcjs = require('./chunk-LMSPQQUW.cjs'); | ||
| var _chunkBZGGMXEGcjs = require('./chunk-BZGGMXEG.cjs'); | ||
@@ -77,3 +77,3 @@ | ||
| var _client = require('@liveblocks/client'); | ||
| _core.detectDupes.call(void 0, _chunkLMSPQQUWcjs.PKG_NAME, _chunkLMSPQQUWcjs.PKG_VERSION, _chunkLMSPQQUWcjs.PKG_FORMAT); | ||
| _core.detectDupes.call(void 0, _chunkBZGGMXEGcjs.PKG_NAME, _chunkBZGGMXEGcjs.PKG_VERSION, _chunkBZGGMXEGcjs.PKG_FORMAT); | ||
@@ -146,3 +146,3 @@ | ||
| exports.ClientContext = _chunkC337YEKBcjs.ClientContext; exports.ClientSideSuspense = _chunkLMSPQQUWcjs.ClientSideSuspense; exports.LiveblocksProvider = _chunkC337YEKBcjs.LiveblocksProvider; exports.RoomContext = _chunkC337YEKBcjs.RoomContext; exports.RoomProvider = _chunkC337YEKBcjs._RoomProvider; exports.createLiveblocksContext = _chunkC337YEKBcjs.createLiveblocksContext; exports.createRoomContext = _chunkC337YEKBcjs.createRoomContext; exports.isNotificationChannelEnabled = _client.isNotificationChannelEnabled; exports.shallow = _client.shallow; exports.useAddReaction = _chunkC337YEKBcjs._useAddReaction; exports.useAttachmentUrl = _chunkC337YEKBcjs.useAttachmentUrl; exports.useBatch = _chunkC337YEKBcjs.useBatch; exports.useBroadcastEvent = _chunkC337YEKBcjs._useBroadcastEvent; exports.useCanRedo = _chunkC337YEKBcjs.useCanRedo; exports.useCanUndo = _chunkC337YEKBcjs.useCanUndo; exports.useClient = _chunkC337YEKBcjs.useClient; exports.useCreateComment = _chunkC337YEKBcjs.useCreateComment; exports.useCreateThread = _chunkC337YEKBcjs._useCreateThread; exports.useDeleteAllInboxNotifications = _chunkC337YEKBcjs.useDeleteAllInboxNotifications; exports.useDeleteComment = _chunkC337YEKBcjs.useDeleteComment; exports.useDeleteInboxNotification = _chunkC337YEKBcjs.useDeleteInboxNotification; exports.useDeleteThread = _chunkC337YEKBcjs._useDeleteThread; exports.useEditComment = _chunkC337YEKBcjs.useEditComment; exports.useEditThreadMetadata = _chunkC337YEKBcjs._useEditThreadMetadata; exports.useErrorListener = _chunkC337YEKBcjs.useErrorListener; exports.useEventListener = _chunkC337YEKBcjs._useEventListener; exports.useHistory = _chunkC337YEKBcjs.useHistory; exports.useHistoryVersionData = _chunkC337YEKBcjs.useHistoryVersionData; exports.useHistoryVersions = _chunkC337YEKBcjs._useHistoryVersions; exports.useInboxNotificationThread = _chunkC337YEKBcjs._useInboxNotificationThread; exports.useInboxNotifications = _chunkC337YEKBcjs.useInboxNotifications; exports.useIsInsideRoom = _chunkC337YEKBcjs._useIsInsideRoom; exports.useLostConnectionListener = _chunkC337YEKBcjs.useLostConnectionListener; exports.useMarkAllInboxNotificationsAsRead = _chunkC337YEKBcjs.useMarkAllInboxNotificationsAsRead; exports.useMarkInboxNotificationAsRead = _chunkC337YEKBcjs.useMarkInboxNotificationAsRead; exports.useMarkThreadAsRead = _chunkC337YEKBcjs.useMarkThreadAsRead; exports.useMarkThreadAsResolved = _chunkC337YEKBcjs.useMarkThreadAsResolved; exports.useMarkThreadAsUnresolved = _chunkC337YEKBcjs.useMarkThreadAsUnresolved; exports.useMutation = _chunkC337YEKBcjs._useMutation; exports.useMyPresence = _chunkC337YEKBcjs._useMyPresence; exports.useNotificationSettings = _chunkC337YEKBcjs.useNotificationSettings; exports.useOther = _chunkC337YEKBcjs._useOther; exports.useOthers = _chunkC337YEKBcjs._useOthers; exports.useOthersConnectionIds = _chunkC337YEKBcjs.useOthersConnectionIds; exports.useOthersListener = _chunkC337YEKBcjs._useOthersListener; exports.useOthersMapped = _chunkC337YEKBcjs._useOthersMapped; exports.useRedo = _chunkC337YEKBcjs.useRedo; exports.useRemoveReaction = _chunkC337YEKBcjs.useRemoveReaction; exports.useRoom = _chunkC337YEKBcjs._useRoom; exports.useRoomInfo = _chunkC337YEKBcjs.useRoomInfo; exports.useRoomNotificationSettings = _chunkC337YEKBcjs._useRoomNotificationSettings; exports.useSelf = _chunkC337YEKBcjs._useSelf; exports.useStatus = _chunkC337YEKBcjs.useStatus; exports.useStorage = _chunkC337YEKBcjs._useStorage; exports.useStorageRoot = _chunkC337YEKBcjs._useStorageRoot; exports.useStorageStatus = _chunkC337YEKBcjs.useStorageStatus; exports.useSyncStatus = _chunkC337YEKBcjs.useSyncStatus; exports.useThreadSubscription = _chunkC337YEKBcjs.useThreadSubscription; exports.useThreads = _chunkC337YEKBcjs._useThreads; exports.useUndo = _chunkC337YEKBcjs.useUndo; exports.useUnreadInboxNotificationsCount = _chunkC337YEKBcjs.useUnreadInboxNotificationsCount; exports.useUpdateMyPresence = _chunkC337YEKBcjs._useUpdateMyPresence; exports.useUpdateNotificationSettings = _chunkC337YEKBcjs.useUpdateNotificationSettings; exports.useUpdateRoomNotificationSettings = _chunkC337YEKBcjs.useUpdateRoomNotificationSettings; exports.useUser = _chunkC337YEKBcjs._useUser; exports.useUserThreads_experimental = _chunkC337YEKBcjs._useUserThreads_experimental; | ||
| exports.ClientContext = _chunkC337YEKBcjs.ClientContext; exports.ClientSideSuspense = _chunkBZGGMXEGcjs.ClientSideSuspense; exports.LiveblocksProvider = _chunkC337YEKBcjs.LiveblocksProvider; exports.RoomContext = _chunkC337YEKBcjs.RoomContext; exports.RoomProvider = _chunkC337YEKBcjs._RoomProvider; exports.createLiveblocksContext = _chunkC337YEKBcjs.createLiveblocksContext; exports.createRoomContext = _chunkC337YEKBcjs.createRoomContext; exports.isNotificationChannelEnabled = _client.isNotificationChannelEnabled; exports.shallow = _client.shallow; exports.useAddReaction = _chunkC337YEKBcjs._useAddReaction; exports.useAttachmentUrl = _chunkC337YEKBcjs.useAttachmentUrl; exports.useBatch = _chunkC337YEKBcjs.useBatch; exports.useBroadcastEvent = _chunkC337YEKBcjs._useBroadcastEvent; exports.useCanRedo = _chunkC337YEKBcjs.useCanRedo; exports.useCanUndo = _chunkC337YEKBcjs.useCanUndo; exports.useClient = _chunkC337YEKBcjs.useClient; exports.useCreateComment = _chunkC337YEKBcjs.useCreateComment; exports.useCreateThread = _chunkC337YEKBcjs._useCreateThread; exports.useDeleteAllInboxNotifications = _chunkC337YEKBcjs.useDeleteAllInboxNotifications; exports.useDeleteComment = _chunkC337YEKBcjs.useDeleteComment; exports.useDeleteInboxNotification = _chunkC337YEKBcjs.useDeleteInboxNotification; exports.useDeleteThread = _chunkC337YEKBcjs._useDeleteThread; exports.useEditComment = _chunkC337YEKBcjs.useEditComment; exports.useEditThreadMetadata = _chunkC337YEKBcjs._useEditThreadMetadata; exports.useErrorListener = _chunkC337YEKBcjs.useErrorListener; exports.useEventListener = _chunkC337YEKBcjs._useEventListener; exports.useHistory = _chunkC337YEKBcjs.useHistory; exports.useHistoryVersionData = _chunkC337YEKBcjs.useHistoryVersionData; exports.useHistoryVersions = _chunkC337YEKBcjs._useHistoryVersions; exports.useInboxNotificationThread = _chunkC337YEKBcjs._useInboxNotificationThread; exports.useInboxNotifications = _chunkC337YEKBcjs.useInboxNotifications; exports.useIsInsideRoom = _chunkC337YEKBcjs._useIsInsideRoom; exports.useLostConnectionListener = _chunkC337YEKBcjs.useLostConnectionListener; exports.useMarkAllInboxNotificationsAsRead = _chunkC337YEKBcjs.useMarkAllInboxNotificationsAsRead; exports.useMarkInboxNotificationAsRead = _chunkC337YEKBcjs.useMarkInboxNotificationAsRead; exports.useMarkThreadAsRead = _chunkC337YEKBcjs.useMarkThreadAsRead; exports.useMarkThreadAsResolved = _chunkC337YEKBcjs.useMarkThreadAsResolved; exports.useMarkThreadAsUnresolved = _chunkC337YEKBcjs.useMarkThreadAsUnresolved; exports.useMutation = _chunkC337YEKBcjs._useMutation; exports.useMyPresence = _chunkC337YEKBcjs._useMyPresence; exports.useNotificationSettings = _chunkC337YEKBcjs.useNotificationSettings; exports.useOther = _chunkC337YEKBcjs._useOther; exports.useOthers = _chunkC337YEKBcjs._useOthers; exports.useOthersConnectionIds = _chunkC337YEKBcjs.useOthersConnectionIds; exports.useOthersListener = _chunkC337YEKBcjs._useOthersListener; exports.useOthersMapped = _chunkC337YEKBcjs._useOthersMapped; exports.useRedo = _chunkC337YEKBcjs.useRedo; exports.useRemoveReaction = _chunkC337YEKBcjs.useRemoveReaction; exports.useRoom = _chunkC337YEKBcjs._useRoom; exports.useRoomInfo = _chunkC337YEKBcjs.useRoomInfo; exports.useRoomNotificationSettings = _chunkC337YEKBcjs._useRoomNotificationSettings; exports.useSelf = _chunkC337YEKBcjs._useSelf; exports.useStatus = _chunkC337YEKBcjs.useStatus; exports.useStorage = _chunkC337YEKBcjs._useStorage; exports.useStorageRoot = _chunkC337YEKBcjs._useStorageRoot; exports.useStorageStatus = _chunkC337YEKBcjs.useStorageStatus; exports.useSyncStatus = _chunkC337YEKBcjs.useSyncStatus; exports.useThreadSubscription = _chunkC337YEKBcjs.useThreadSubscription; exports.useThreads = _chunkC337YEKBcjs._useThreads; exports.useUndo = _chunkC337YEKBcjs.useUndo; exports.useUnreadInboxNotificationsCount = _chunkC337YEKBcjs.useUnreadInboxNotificationsCount; exports.useUpdateMyPresence = _chunkC337YEKBcjs._useUpdateMyPresence; exports.useUpdateNotificationSettings = _chunkC337YEKBcjs.useUpdateNotificationSettings; exports.useUpdateRoomNotificationSettings = _chunkC337YEKBcjs.useUpdateRoomNotificationSettings; exports.useUser = _chunkC337YEKBcjs._useUser; exports.useUserThreads_experimental = _chunkC337YEKBcjs._useUserThreads_experimental; | ||
| //# sourceMappingURL=index.cjs.map |
+1
-1
@@ -6,3 +6,3 @@ import { | ||
| PKG_VERSION | ||
| } from "./chunk-SDHALR66.js"; | ||
| } from "./chunk-6GLJE7ID.js"; | ||
| import { | ||
@@ -9,0 +9,0 @@ ClientContext, |
@@ -6,3 +6,3 @@ "use strict";Object.defineProperty(exports, "__esModule", {value: true}); | ||
| var _chunkLMSPQQUWcjs = require('./chunk-LMSPQQUW.cjs'); | ||
| var _chunkBZGGMXEGcjs = require('./chunk-BZGGMXEG.cjs'); | ||
@@ -74,3 +74,3 @@ | ||
| var _client = require('@liveblocks/client'); | ||
| _core.detectDupes.call(void 0, _chunkLMSPQQUWcjs.PKG_NAME, _chunkLMSPQQUWcjs.PKG_VERSION, _chunkLMSPQQUWcjs.PKG_FORMAT); | ||
| _core.detectDupes.call(void 0, _chunkBZGGMXEGcjs.PKG_NAME, _chunkBZGGMXEGcjs.PKG_VERSION, _chunkBZGGMXEGcjs.PKG_FORMAT); | ||
@@ -140,3 +140,3 @@ | ||
| exports.ClientContext = _chunkC337YEKBcjs.ClientContext; exports.ClientSideSuspense = _chunkLMSPQQUWcjs.ClientSideSuspense; exports.LiveblocksProvider = _chunkC337YEKBcjs.LiveblocksProvider; exports.RoomContext = _chunkC337YEKBcjs.RoomContext; exports.RoomProvider = _chunkC337YEKBcjs._RoomProvider; exports.isNotificationChannelEnabled = _client.isNotificationChannelEnabled; exports.shallow = _client.shallow; exports.useAddReaction = _chunkC337YEKBcjs._useAddReaction; exports.useAttachmentUrl = _chunkC337YEKBcjs.useAttachmentUrlSuspense; exports.useBatch = _chunkC337YEKBcjs.useBatch; exports.useBroadcastEvent = _chunkC337YEKBcjs._useBroadcastEvent; exports.useCanRedo = _chunkC337YEKBcjs.useCanRedo; exports.useCanUndo = _chunkC337YEKBcjs.useCanUndo; exports.useClient = _chunkC337YEKBcjs.useClient; exports.useCreateComment = _chunkC337YEKBcjs.useCreateComment; exports.useCreateThread = _chunkC337YEKBcjs._useCreateThread; exports.useDeleteAllInboxNotifications = _chunkC337YEKBcjs.useDeleteAllInboxNotifications; exports.useDeleteComment = _chunkC337YEKBcjs.useDeleteComment; exports.useDeleteInboxNotification = _chunkC337YEKBcjs.useDeleteInboxNotification; exports.useDeleteThread = _chunkC337YEKBcjs._useDeleteThread; exports.useEditComment = _chunkC337YEKBcjs.useEditComment; exports.useEditThreadMetadata = _chunkC337YEKBcjs._useEditThreadMetadata; exports.useErrorListener = _chunkC337YEKBcjs.useErrorListener; exports.useEventListener = _chunkC337YEKBcjs._useEventListener; exports.useHistory = _chunkC337YEKBcjs.useHistory; exports.useHistoryVersions = _chunkC337YEKBcjs._useHistoryVersionsSuspense; exports.useInboxNotificationThread = _chunkC337YEKBcjs._useInboxNotificationThread; exports.useInboxNotifications = _chunkC337YEKBcjs.useInboxNotificationsSuspense; exports.useIsInsideRoom = _chunkC337YEKBcjs._useIsInsideRoom; exports.useLostConnectionListener = _chunkC337YEKBcjs.useLostConnectionListener; exports.useMarkAllInboxNotificationsAsRead = _chunkC337YEKBcjs.useMarkAllInboxNotificationsAsRead; exports.useMarkInboxNotificationAsRead = _chunkC337YEKBcjs.useMarkInboxNotificationAsRead; exports.useMarkThreadAsRead = _chunkC337YEKBcjs.useMarkThreadAsRead; exports.useMarkThreadAsResolved = _chunkC337YEKBcjs.useMarkThreadAsResolved; exports.useMarkThreadAsUnresolved = _chunkC337YEKBcjs.useMarkThreadAsUnresolved; exports.useMutation = _chunkC337YEKBcjs._useMutation; exports.useMyPresence = _chunkC337YEKBcjs._useMyPresence; exports.useNotificationSettings = _chunkC337YEKBcjs.useNotificationSettingsSuspense; exports.useOther = _chunkC337YEKBcjs._useOtherSuspense; exports.useOthers = _chunkC337YEKBcjs._useOthersSuspense; exports.useOthersConnectionIds = _chunkC337YEKBcjs.useOthersConnectionIdsSuspense; exports.useOthersListener = _chunkC337YEKBcjs._useOthersListener; exports.useOthersMapped = _chunkC337YEKBcjs._useOthersMappedSuspense; exports.useRedo = _chunkC337YEKBcjs.useRedo; exports.useRemoveReaction = _chunkC337YEKBcjs.useRemoveReaction; exports.useRoom = _chunkC337YEKBcjs._useRoom; exports.useRoomInfo = _chunkC337YEKBcjs.useRoomInfoSuspense; exports.useRoomNotificationSettings = _chunkC337YEKBcjs._useRoomNotificationSettingsSuspense; exports.useSelf = _chunkC337YEKBcjs._useSelfSuspense; exports.useStatus = _chunkC337YEKBcjs.useStatus; exports.useStorage = _chunkC337YEKBcjs._useStorageSuspense; exports.useStorageRoot = _chunkC337YEKBcjs._useStorageRoot; exports.useStorageStatus = _chunkC337YEKBcjs.useStorageStatusSuspense; exports.useSyncStatus = _chunkC337YEKBcjs.useSyncStatus; exports.useThreadSubscription = _chunkC337YEKBcjs.useThreadSubscription; exports.useThreads = _chunkC337YEKBcjs._useThreadsSuspense; exports.useUndo = _chunkC337YEKBcjs.useUndo; exports.useUnreadInboxNotificationsCount = _chunkC337YEKBcjs.useUnreadInboxNotificationsCountSuspense; exports.useUpdateMyPresence = _chunkC337YEKBcjs._useUpdateMyPresence; exports.useUpdateNotificationSettings = _chunkC337YEKBcjs.useUpdateNotificationSettings; exports.useUpdateRoomNotificationSettings = _chunkC337YEKBcjs.useUpdateRoomNotificationSettings; exports.useUser = _chunkC337YEKBcjs._useUserSuspense; exports.useUserThreads_experimental = _chunkC337YEKBcjs._useUserThreadsSuspense_experimental; | ||
| exports.ClientContext = _chunkC337YEKBcjs.ClientContext; exports.ClientSideSuspense = _chunkBZGGMXEGcjs.ClientSideSuspense; exports.LiveblocksProvider = _chunkC337YEKBcjs.LiveblocksProvider; exports.RoomContext = _chunkC337YEKBcjs.RoomContext; exports.RoomProvider = _chunkC337YEKBcjs._RoomProvider; exports.isNotificationChannelEnabled = _client.isNotificationChannelEnabled; exports.shallow = _client.shallow; exports.useAddReaction = _chunkC337YEKBcjs._useAddReaction; exports.useAttachmentUrl = _chunkC337YEKBcjs.useAttachmentUrlSuspense; exports.useBatch = _chunkC337YEKBcjs.useBatch; exports.useBroadcastEvent = _chunkC337YEKBcjs._useBroadcastEvent; exports.useCanRedo = _chunkC337YEKBcjs.useCanRedo; exports.useCanUndo = _chunkC337YEKBcjs.useCanUndo; exports.useClient = _chunkC337YEKBcjs.useClient; exports.useCreateComment = _chunkC337YEKBcjs.useCreateComment; exports.useCreateThread = _chunkC337YEKBcjs._useCreateThread; exports.useDeleteAllInboxNotifications = _chunkC337YEKBcjs.useDeleteAllInboxNotifications; exports.useDeleteComment = _chunkC337YEKBcjs.useDeleteComment; exports.useDeleteInboxNotification = _chunkC337YEKBcjs.useDeleteInboxNotification; exports.useDeleteThread = _chunkC337YEKBcjs._useDeleteThread; exports.useEditComment = _chunkC337YEKBcjs.useEditComment; exports.useEditThreadMetadata = _chunkC337YEKBcjs._useEditThreadMetadata; exports.useErrorListener = _chunkC337YEKBcjs.useErrorListener; exports.useEventListener = _chunkC337YEKBcjs._useEventListener; exports.useHistory = _chunkC337YEKBcjs.useHistory; exports.useHistoryVersions = _chunkC337YEKBcjs._useHistoryVersionsSuspense; exports.useInboxNotificationThread = _chunkC337YEKBcjs._useInboxNotificationThread; exports.useInboxNotifications = _chunkC337YEKBcjs.useInboxNotificationsSuspense; exports.useIsInsideRoom = _chunkC337YEKBcjs._useIsInsideRoom; exports.useLostConnectionListener = _chunkC337YEKBcjs.useLostConnectionListener; exports.useMarkAllInboxNotificationsAsRead = _chunkC337YEKBcjs.useMarkAllInboxNotificationsAsRead; exports.useMarkInboxNotificationAsRead = _chunkC337YEKBcjs.useMarkInboxNotificationAsRead; exports.useMarkThreadAsRead = _chunkC337YEKBcjs.useMarkThreadAsRead; exports.useMarkThreadAsResolved = _chunkC337YEKBcjs.useMarkThreadAsResolved; exports.useMarkThreadAsUnresolved = _chunkC337YEKBcjs.useMarkThreadAsUnresolved; exports.useMutation = _chunkC337YEKBcjs._useMutation; exports.useMyPresence = _chunkC337YEKBcjs._useMyPresence; exports.useNotificationSettings = _chunkC337YEKBcjs.useNotificationSettingsSuspense; exports.useOther = _chunkC337YEKBcjs._useOtherSuspense; exports.useOthers = _chunkC337YEKBcjs._useOthersSuspense; exports.useOthersConnectionIds = _chunkC337YEKBcjs.useOthersConnectionIdsSuspense; exports.useOthersListener = _chunkC337YEKBcjs._useOthersListener; exports.useOthersMapped = _chunkC337YEKBcjs._useOthersMappedSuspense; exports.useRedo = _chunkC337YEKBcjs.useRedo; exports.useRemoveReaction = _chunkC337YEKBcjs.useRemoveReaction; exports.useRoom = _chunkC337YEKBcjs._useRoom; exports.useRoomInfo = _chunkC337YEKBcjs.useRoomInfoSuspense; exports.useRoomNotificationSettings = _chunkC337YEKBcjs._useRoomNotificationSettingsSuspense; exports.useSelf = _chunkC337YEKBcjs._useSelfSuspense; exports.useStatus = _chunkC337YEKBcjs.useStatus; exports.useStorage = _chunkC337YEKBcjs._useStorageSuspense; exports.useStorageRoot = _chunkC337YEKBcjs._useStorageRoot; exports.useStorageStatus = _chunkC337YEKBcjs.useStorageStatusSuspense; exports.useSyncStatus = _chunkC337YEKBcjs.useSyncStatus; exports.useThreadSubscription = _chunkC337YEKBcjs.useThreadSubscription; exports.useThreads = _chunkC337YEKBcjs._useThreadsSuspense; exports.useUndo = _chunkC337YEKBcjs.useUndo; exports.useUnreadInboxNotificationsCount = _chunkC337YEKBcjs.useUnreadInboxNotificationsCountSuspense; exports.useUpdateMyPresence = _chunkC337YEKBcjs._useUpdateMyPresence; exports.useUpdateNotificationSettings = _chunkC337YEKBcjs.useUpdateNotificationSettings; exports.useUpdateRoomNotificationSettings = _chunkC337YEKBcjs.useUpdateRoomNotificationSettings; exports.useUser = _chunkC337YEKBcjs._useUserSuspense; exports.useUserThreads_experimental = _chunkC337YEKBcjs._useUserThreadsSuspense_experimental; | ||
| //# sourceMappingURL=suspense.cjs.map |
+1
-1
@@ -6,3 +6,3 @@ import { | ||
| PKG_VERSION | ||
| } from "./chunk-SDHALR66.js"; | ||
| } from "./chunk-6GLJE7ID.js"; | ||
| import { | ||
@@ -9,0 +9,0 @@ ClientContext, |
+3
-3
| { | ||
| "name": "@liveblocks/react", | ||
| "version": "2.22.4-emails2", | ||
| "version": "2.23.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": "2.22.4-emails2", | ||
| "@liveblocks/core": "2.22.4-emails2" | ||
| "@liveblocks/client": "2.23.0", | ||
| "@liveblocks/core": "2.23.0" | ||
| }, | ||
@@ -68,0 +68,0 @@ "peerDependencies": { |
| "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/version.ts | ||
| var PKG_NAME = "@liveblocks/react"; | ||
| var PKG_VERSION = "2.22.4-emails2"; | ||
| 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-LMSPQQUW.cjs.map |
| {"version":3,"sources":["/home/runner/work/liveblocks/liveblocks/packages/liveblocks-react/dist/chunk-LMSPQQUW.cjs","../src/version.ts","../src/ClientSideSuspense.tsx"],"names":[],"mappings":"AAAA;ACGO,IAAM,SAAA,EAAW,mBAAA;AACjB,IAAM,YAAA,EAAiD,gBAAA;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-LMSPQQUW.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 = "2.22.4-emails2"; | ||
| 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-SDHALR66.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":[]} |
Network access
Supply chain riskThis module accesses the network.
Found 1 instance in 1 package
Environment variable access
Supply chain riskPackage accesses environment variables, which may be a sign of credential stuffing or data theft.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Network access
Supply chain riskThis module accesses the network.
Found 1 instance in 1 package
Environment variable access
Supply chain riskPackage accesses environment variables, which may be a sign of credential stuffing or data theft.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
2
-33.33%1140202
0+ Added
+ Added
- Removed
- Removed
Updated
Updated