@liveblocks/react 3.6.0 → 3.6.1-preview1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{chunk-Q75L5HRG.cjs → chunk-5WJEEON5.cjs} +2 -2
- package/dist/chunk-5WJEEON5.cjs.map +1 -0
- package/dist/{chunk-TESSMBRA.js → chunk-B5I7RQMM.js} +2 -2
- package/dist/index.cjs +3 -3
- package/dist/index.js +1 -1
- package/dist/suspense.cjs +3 -3
- package/dist/suspense.js +1 -1
- package/package.json +3 -3
- package/dist/chunk-Q75L5HRG.cjs.map +0 -1
- /package/dist/{chunk-TESSMBRA.js.map → chunk-B5I7RQMM.js.map} +0 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/version.ts
|
|
2
2
|
var PKG_NAME = "@liveblocks/react";
|
|
3
|
-
var PKG_VERSION = "3.6.
|
|
3
|
+
var PKG_VERSION = "3.6.1-preview1";
|
|
4
4
|
var PKG_FORMAT = "cjs";
|
|
5
5
|
|
|
6
6
|
// src/ClientSideSuspense.tsx
|
|
@@ -20,4 +20,4 @@ function ClientSideSuspense(props) {
|
|
|
20
20
|
|
|
21
21
|
|
|
22
22
|
exports.PKG_NAME = PKG_NAME; exports.PKG_VERSION = PKG_VERSION; exports.PKG_FORMAT = PKG_FORMAT; exports.ClientSideSuspense = ClientSideSuspense;
|
|
23
|
-
//# sourceMappingURL=chunk-
|
|
23
|
+
//# sourceMappingURL=chunk-5WJEEON5.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/liveblocks/liveblocks/packages/liveblocks-react/dist/chunk-5WJEEON5.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-5WJEEON5.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"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
// src/version.ts
|
|
2
2
|
var PKG_NAME = "@liveblocks/react";
|
|
3
|
-
var PKG_VERSION = "3.6.
|
|
3
|
+
var PKG_VERSION = "3.6.1-preview1";
|
|
4
4
|
var PKG_FORMAT = "esm";
|
|
5
5
|
|
|
6
6
|
// src/ClientSideSuspense.tsx
|
|
@@ -20,4 +20,4 @@ export {
|
|
|
20
20
|
PKG_FORMAT,
|
|
21
21
|
ClientSideSuspense
|
|
22
22
|
};
|
|
23
|
-
//# sourceMappingURL=chunk-
|
|
23
|
+
//# sourceMappingURL=chunk-B5I7RQMM.js.map
|
package/dist/index.cjs
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
var
|
|
6
|
+
var _chunk5WJEEON5cjs = require('./chunk-5WJEEON5.cjs');
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
|
|
@@ -81,7 +81,7 @@ var _chunkEEINMYNIcjs = require('./chunk-EEINMYNI.cjs');
|
|
|
81
81
|
// src/index.ts
|
|
82
82
|
var _core = require('@liveblocks/core');
|
|
83
83
|
var _client = require('@liveblocks/client');
|
|
84
|
-
_core.detectDupes.call(void 0,
|
|
84
|
+
_core.detectDupes.call(void 0, _chunk5WJEEON5cjs.PKG_NAME, _chunk5WJEEON5cjs.PKG_VERSION, _chunk5WJEEON5cjs.PKG_FORMAT);
|
|
85
85
|
|
|
86
86
|
|
|
87
87
|
|
|
@@ -157,5 +157,5 @@ _core.detectDupes.call(void 0, _chunkQ75L5HRGcjs.PKG_NAME, _chunkQ75L5HRGcjs.PKG
|
|
|
157
157
|
|
|
158
158
|
|
|
159
159
|
|
|
160
|
-
exports.ClientContext = _chunkEEINMYNIcjs.ClientContext; exports.ClientSideSuspense =
|
|
160
|
+
exports.ClientContext = _chunkEEINMYNIcjs.ClientContext; exports.ClientSideSuspense = _chunk5WJEEON5cjs.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;
|
|
161
161
|
//# sourceMappingURL=index.cjs.map
|
package/dist/index.js
CHANGED
package/dist/suspense.cjs
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
var
|
|
6
|
+
var _chunk5WJEEON5cjs = require('./chunk-5WJEEON5.cjs');
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
|
|
@@ -78,7 +78,7 @@ var _chunkEEINMYNIcjs = require('./chunk-EEINMYNI.cjs');
|
|
|
78
78
|
// src/suspense.ts
|
|
79
79
|
var _core = require('@liveblocks/core');
|
|
80
80
|
var _client = require('@liveblocks/client');
|
|
81
|
-
_core.detectDupes.call(void 0,
|
|
81
|
+
_core.detectDupes.call(void 0, _chunk5WJEEON5cjs.PKG_NAME, _chunk5WJEEON5cjs.PKG_VERSION, _chunk5WJEEON5cjs.PKG_FORMAT);
|
|
82
82
|
|
|
83
83
|
|
|
84
84
|
|
|
@@ -151,5 +151,5 @@ _core.detectDupes.call(void 0, _chunkQ75L5HRGcjs.PKG_NAME, _chunkQ75L5HRGcjs.PKG
|
|
|
151
151
|
|
|
152
152
|
|
|
153
153
|
|
|
154
|
-
exports.ClientContext = _chunkEEINMYNIcjs.ClientContext; exports.ClientSideSuspense =
|
|
154
|
+
exports.ClientContext = _chunkEEINMYNIcjs.ClientContext; exports.ClientSideSuspense = _chunk5WJEEON5cjs.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;
|
|
155
155
|
//# sourceMappingURL=suspense.cjs.map
|
package/dist/suspense.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@liveblocks/react",
|
|
3
|
-
"version": "3.6.
|
|
3
|
+
"version": "3.6.1-preview1",
|
|
4
4
|
"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.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"type": "module",
|
|
@@ -61,8 +61,8 @@
|
|
|
61
61
|
"showdeps": "depcruise src --include-only '^src' --exclude='__tests__' --output-type dot | dot -T svg > /tmp/dependency-graph.svg && open /tmp/dependency-graph.svg"
|
|
62
62
|
},
|
|
63
63
|
"dependencies": {
|
|
64
|
-
"@liveblocks/client": "3.6.
|
|
65
|
-
"@liveblocks/core": "3.6.
|
|
64
|
+
"@liveblocks/client": "3.6.1-preview1",
|
|
65
|
+
"@liveblocks/core": "3.6.1-preview1"
|
|
66
66
|
},
|
|
67
67
|
"peerDependencies": {
|
|
68
68
|
"@types/react": "*",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/liveblocks/liveblocks/packages/liveblocks-react/dist/chunk-Q75L5HRG.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-Q75L5HRG.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"]}
|
|
File without changes
|