@liveblocks/react 3.3.4 → 3.4.0
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/_private.cjs +5 -5
- package/dist/_private.js +1 -1
- package/dist/{chunk-FRJTGF46.cjs → chunk-JP4MG2VP.cjs} +2 -2
- package/dist/{chunk-FRJTGF46.cjs.map → chunk-JP4MG2VP.cjs.map} +1 -1
- package/dist/{chunk-TPVRRXA7.cjs → chunk-KEDRXCJD.cjs} +24 -20
- package/dist/chunk-KEDRXCJD.cjs.map +1 -0
- package/dist/{chunk-BZXNKY7M.js → chunk-TYQDESJE.js} +34 -30
- package/dist/chunk-TYQDESJE.js.map +1 -0
- package/dist/{chunk-DU4NTX4P.js → chunk-X4R5LG7N.js} +2 -2
- package/dist/index.cjs +4 -4
- package/dist/index.js +2 -2
- package/dist/suspense.cjs +4 -4
- package/dist/suspense.js +2 -2
- package/package.json +3 -3
- package/dist/chunk-BZXNKY7M.js.map +0 -1
- package/dist/chunk-TPVRRXA7.cjs.map +0 -1
- /package/dist/{chunk-DU4NTX4P.js.map → chunk-X4R5LG7N.js.map} +0 -0
package/dist/_private.cjs
CHANGED
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
|
|
26
26
|
|
|
27
27
|
|
|
28
|
-
var
|
|
28
|
+
var _chunkKEDRXCJDcjs = require('./chunk-KEDRXCJD.cjs');
|
|
29
29
|
|
|
30
30
|
// src/lib/use-layout-effect.ts
|
|
31
31
|
var _react = require('react');
|
|
@@ -43,8 +43,8 @@ function normalizeMentionSuggestions(suggestions) {
|
|
|
43
43
|
function useMentionSuggestions(roomId, search) {
|
|
44
44
|
const [mentionSuggestions, setMentionSuggestions] = _react.useState.call(void 0, );
|
|
45
45
|
const lastInvokedAt = _react.useRef.call(void 0, );
|
|
46
|
-
const resolveMentionSuggestions =
|
|
47
|
-
const mentionSuggestionsCache =
|
|
46
|
+
const resolveMentionSuggestions = _chunkKEDRXCJDcjs.useResolveMentionSuggestions.call(void 0, );
|
|
47
|
+
const mentionSuggestionsCache = _chunkKEDRXCJDcjs.useMentionSuggestionsCache.call(void 0, );
|
|
48
48
|
_react.useEffect.call(void 0, () => {
|
|
49
49
|
if (search === void 0 || !resolveMentionSuggestions) {
|
|
50
50
|
return;
|
|
@@ -99,7 +99,7 @@ function useMentionSuggestions(roomId, search) {
|
|
|
99
99
|
|
|
100
100
|
|
|
101
101
|
function useSyncSource() {
|
|
102
|
-
const client =
|
|
102
|
+
const client = _chunkKEDRXCJDcjs.useClient.call(void 0, );
|
|
103
103
|
const createSyncSource = client[_core.kInternal].createSyncSource;
|
|
104
104
|
const [syncSource, setSyncSource] = _react.useState.call(void 0, );
|
|
105
105
|
_react.useEffect.call(void 0, () => {
|
|
@@ -138,5 +138,5 @@ function useSyncSource() {
|
|
|
138
138
|
|
|
139
139
|
|
|
140
140
|
|
|
141
|
-
exports.getUmbrellaStoreForClient =
|
|
141
|
+
exports.getUmbrellaStoreForClient = _chunkKEDRXCJDcjs.getUmbrellaStoreForClient; exports.useAddRoomCommentReaction = _chunkKEDRXCJDcjs.useAddRoomCommentReaction; exports.useClientOrNull = _chunkKEDRXCJDcjs.useClientOrNull; exports.useCreateRoomComment = _chunkKEDRXCJDcjs.useCreateRoomComment; exports.useCreateRoomThread = _chunkKEDRXCJDcjs.useCreateRoomThread; exports.useCreateTextMention = _chunkKEDRXCJDcjs.useCreateTextMention; exports.useDeleteRoomComment = _chunkKEDRXCJDcjs.useDeleteRoomComment; exports.useDeleteRoomThread = _chunkKEDRXCJDcjs.useDeleteRoomThread; exports.useDeleteTextMention = _chunkKEDRXCJDcjs.useDeleteTextMention; exports.useEditRoomComment = _chunkKEDRXCJDcjs.useEditRoomComment; exports.useEditRoomThreadMetadata = _chunkKEDRXCJDcjs.useEditRoomThreadMetadata; exports.useLatest = _chunkKEDRXCJDcjs.useLatest; exports.useLayoutEffect = useLayoutEffect; exports.useMarkRoomThreadAsRead = _chunkKEDRXCJDcjs.useMarkRoomThreadAsRead; exports.useMarkRoomThreadAsResolved = _chunkKEDRXCJDcjs.useMarkRoomThreadAsResolved; exports.useMarkRoomThreadAsUnresolved = _chunkKEDRXCJDcjs.useMarkRoomThreadAsUnresolved; exports.useMentionSuggestions = useMentionSuggestions; exports.useMentionSuggestionsCache = _chunkKEDRXCJDcjs.useMentionSuggestionsCache; exports.useRemoveRoomCommentReaction = _chunkKEDRXCJDcjs.useRemoveRoomCommentReaction; exports.useReportTextEditor = _chunkKEDRXCJDcjs.useReportTextEditor; exports.useResolveMentionSuggestions = _chunkKEDRXCJDcjs.useResolveMentionSuggestions; exports.useRoomAttachmentUrl = _chunkKEDRXCJDcjs.useRoomAttachmentUrl; exports.useRoomPermissions = _chunkKEDRXCJDcjs.useRoomPermissions; exports.useRoomThreadSubscription = _chunkKEDRXCJDcjs.useRoomThreadSubscription; exports.useSignal = _chunkKEDRXCJDcjs.useSignal; exports.useSyncExternalStoreWithSelector = _chunkKEDRXCJDcjs.useSyncExternalStoreWithSelector; exports.useSyncSource = useSyncSource; exports.useYjsProvider = _chunkKEDRXCJDcjs.useYjsProvider;
|
|
142
142
|
//# sourceMappingURL=_private.cjs.map
|
package/dist/_private.js
CHANGED
|
@@ -25,7 +25,7 @@ import {
|
|
|
25
25
|
useSignal,
|
|
26
26
|
useSyncExternalStoreWithSelector,
|
|
27
27
|
useYjsProvider
|
|
28
|
-
} from "./chunk-
|
|
28
|
+
} from "./chunk-TYQDESJE.js";
|
|
29
29
|
|
|
30
30
|
// src/lib/use-layout-effect.ts
|
|
31
31
|
import { useEffect, useLayoutEffect as useOriginalLayoutEffect } from "react";
|
|
@@ -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.
|
|
3
|
+
var PKG_VERSION = "3.4.0";
|
|
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-JP4MG2VP.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/liveblocks/liveblocks/packages/liveblocks-react/dist/chunk-
|
|
1
|
+
{"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"]}
|
|
@@ -241,17 +241,18 @@ function ensureNotServerSide() {
|
|
|
241
241
|
|
|
242
242
|
// src/lib/use-initial.ts
|
|
243
243
|
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
const
|
|
244
|
+
function useInitial(value, roomId) {
|
|
245
|
+
return _react.useMemo.call(void 0, () => value, [roomId]);
|
|
246
|
+
}
|
|
247
|
+
function useInitialUnlessFunction(latestValue, roomId) {
|
|
248
|
+
const frozenValue = useInitial(latestValue, roomId);
|
|
249
|
+
const ref = useLatest(latestValue);
|
|
250
|
+
const wrapper = _react.useCallback.call(void 0,
|
|
251
|
+
(...args) => ref.current(...args),
|
|
252
|
+
[ref]
|
|
253
|
+
);
|
|
250
254
|
if (typeof frozenValue === "function") {
|
|
251
|
-
|
|
252
|
-
return _react.useCallback.call(void 0, (...args) => ref.current(...args), [
|
|
253
|
-
ref
|
|
254
|
-
]);
|
|
255
|
+
return wrapper;
|
|
255
256
|
} else {
|
|
256
257
|
return frozenValue;
|
|
257
258
|
}
|
|
@@ -508,7 +509,7 @@ function usify(promise) {
|
|
|
508
509
|
);
|
|
509
510
|
return usable;
|
|
510
511
|
}
|
|
511
|
-
var
|
|
512
|
+
var noop = Promise.resolve();
|
|
512
513
|
var PaginatedResource = class {
|
|
513
514
|
#signal;
|
|
514
515
|
|
|
@@ -552,7 +553,7 @@ var PaginatedResource = class {
|
|
|
552
553
|
}
|
|
553
554
|
fetchMore() {
|
|
554
555
|
const state = this.#signal.get();
|
|
555
|
-
if (!_optionalChain([state, 'access', _5 => _5.data, 'optionalAccess', _6 => _6.cursor])) return
|
|
556
|
+
if (!_optionalChain([state, 'access', _5 => _5.data, 'optionalAccess', _6 => _6.cursor])) return noop;
|
|
556
557
|
if (!this.#pendingFetchMore) {
|
|
557
558
|
this.#pendingFetchMore = this.#fetchMore().finally(() => {
|
|
558
559
|
this.#pendingFetchMore = null;
|
|
@@ -2992,7 +2993,7 @@ function useScrollToCommentOnLoadEffect(shouldScrollOnLoad, state) {
|
|
|
2992
2993
|
|
|
2993
2994
|
// src/room.tsx
|
|
2994
2995
|
|
|
2995
|
-
var
|
|
2996
|
+
var noop2 = () => {
|
|
2996
2997
|
};
|
|
2997
2998
|
var identity3 = (x) => x;
|
|
2998
2999
|
var STABLE_EMPTY_LIST = Object.freeze([]);
|
|
@@ -3286,11 +3287,14 @@ function RoomProviderInner(props) {
|
|
|
3286
3287
|
`React ${requiredVersion} or higher is required (you\u2019re on ${_react.version})`
|
|
3287
3288
|
);
|
|
3288
3289
|
}
|
|
3289
|
-
const frozenProps = useInitial(
|
|
3290
|
-
|
|
3291
|
-
|
|
3292
|
-
|
|
3293
|
-
|
|
3290
|
+
const frozenProps = useInitial(
|
|
3291
|
+
{
|
|
3292
|
+
initialPresence: props.initialPresence,
|
|
3293
|
+
initialStorage: props.initialStorage,
|
|
3294
|
+
autoConnect: _nullishCoalesce(props.autoConnect, () => ( typeof window !== "undefined"))
|
|
3295
|
+
},
|
|
3296
|
+
roomId
|
|
3297
|
+
);
|
|
3294
3298
|
const [{ room }, setRoomLeavePair] = _react.useState.call(void 0,
|
|
3295
3299
|
() => stableEnterRoom(roomId, {
|
|
3296
3300
|
...frozenProps,
|
|
@@ -3599,7 +3603,7 @@ function useStorage(selector, isEqual) {
|
|
|
3599
3603
|
[selector]
|
|
3600
3604
|
);
|
|
3601
3605
|
const subscribe = _react.useCallback.call(void 0,
|
|
3602
|
-
(onStoreChange) => rootOrNull !== null ? room.subscribe(rootOrNull, onStoreChange, { isDeep: true }) :
|
|
3606
|
+
(onStoreChange) => rootOrNull !== null ? room.subscribe(rootOrNull, onStoreChange, { isDeep: true }) : noop2,
|
|
3603
3607
|
[room, rootOrNull]
|
|
3604
3608
|
);
|
|
3605
3609
|
const getSnapshot = _react.useCallback.call(void 0, () => {
|
|
@@ -4672,4 +4676,4 @@ var _useUpdateMyPresence = useUpdateMyPresence;
|
|
|
4672
4676
|
|
|
4673
4677
|
|
|
4674
4678
|
exports.ClientContext = ClientContext; exports.useClientOrNull = useClientOrNull; exports.useClient = useClient; exports.RoomContext = RoomContext; exports.useLatest = useLatest; exports.RegisterAiKnowledge = RegisterAiKnowledge; exports.RegisterAiTool = RegisterAiTool; exports.useSyncExternalStoreWithSelector = useSyncExternalStoreWithSelector; exports.useSignal = useSignal; exports.getUmbrellaStoreForClient = getUmbrellaStoreForClient; exports.useCreateAiChat = useCreateAiChat; exports.useDeleteAiChat = useDeleteAiChat; exports.useSendAiMessage = useSendAiMessage; exports.LiveblocksProvider = LiveblocksProvider; exports.createLiveblocksContext = createLiveblocksContext; exports.useInboxNotifications = useInboxNotifications; exports.useInboxNotificationsSuspense = useInboxNotificationsSuspense; exports.useMarkAllInboxNotificationsAsRead = useMarkAllInboxNotificationsAsRead; exports.useMarkInboxNotificationAsRead = useMarkInboxNotificationAsRead; exports.useDeleteAllInboxNotifications = useDeleteAllInboxNotifications; exports.useDeleteInboxNotification = useDeleteInboxNotification; exports.useUnreadInboxNotificationsCount = useUnreadInboxNotificationsCount; exports.useUnreadInboxNotificationsCountSuspense = useUnreadInboxNotificationsCountSuspense; exports.useNotificationSettings = useNotificationSettings; exports.useNotificationSettingsSuspense = useNotificationSettingsSuspense; exports.useUpdateNotificationSettings = useUpdateNotificationSettings; exports.useRoomInfo = useRoomInfo; exports.useRoomInfoSuspense = useRoomInfoSuspense; exports._useInboxNotificationThread = _useInboxNotificationThread; exports._useUser = _useUser; exports._useUserSuspense = _useUserSuspense; exports._useUserThreads_experimental = _useUserThreads_experimental; exports._useUserThreadsSuspense_experimental = _useUserThreadsSuspense_experimental; exports._useAiChats = _useAiChats; exports._useAiChatsSuspense = _useAiChatsSuspense; exports._useAiChat = _useAiChat; exports._useAiChatSuspense = _useAiChatSuspense; exports._useAiChatMessages = _useAiChatMessages; exports._useAiChatMessagesSuspense = _useAiChatMessagesSuspense; exports.useSyncStatus = useSyncStatus; exports.useErrorListener = useErrorListener; exports.useStatus = useStatus; exports.useReportTextEditor = useReportTextEditor; exports.useYjsProvider = useYjsProvider; exports.useCreateTextMention = useCreateTextMention; exports.useDeleteTextMention = useDeleteTextMention; exports.useResolveMentionSuggestions = useResolveMentionSuggestions; exports.useMentionSuggestionsCache = useMentionSuggestionsCache; exports.useLostConnectionListener = useLostConnectionListener; exports.useHistory = useHistory; exports.useUndo = useUndo; exports.useRedo = useRedo; exports.useCanUndo = useCanUndo; exports.useCanRedo = useCanRedo; exports.useOthersConnectionIds = useOthersConnectionIds; exports.useCreateRoomThread = useCreateRoomThread; exports.useDeleteRoomThread = useDeleteRoomThread; exports.useEditRoomThreadMetadata = useEditRoomThreadMetadata; exports.useCreateComment = useCreateComment; exports.useCreateRoomComment = useCreateRoomComment; exports.useEditComment = useEditComment; exports.useEditRoomComment = useEditRoomComment; exports.useDeleteComment = useDeleteComment; exports.useDeleteRoomComment = useDeleteRoomComment; exports.useAddRoomCommentReaction = useAddRoomCommentReaction; exports.useRemoveReaction = useRemoveReaction; exports.useRemoveRoomCommentReaction = useRemoveRoomCommentReaction; exports.useMarkThreadAsRead = useMarkThreadAsRead; exports.useMarkRoomThreadAsRead = useMarkRoomThreadAsRead; exports.useMarkThreadAsResolved = useMarkThreadAsResolved; exports.useMarkRoomThreadAsResolved = useMarkRoomThreadAsResolved; exports.useMarkThreadAsUnresolved = useMarkThreadAsUnresolved; exports.useMarkRoomThreadAsUnresolved = useMarkRoomThreadAsUnresolved; exports.useSubscribeToThread = useSubscribeToThread; exports.useUnsubscribeFromThread = useUnsubscribeFromThread; exports.useThreadSubscription = useThreadSubscription; exports.useRoomThreadSubscription = useRoomThreadSubscription; exports.useHistoryVersionData = useHistoryVersionData; exports.useUpdateRoomSubscriptionSettings = useUpdateRoomSubscriptionSettings; exports.useOthersConnectionIdsSuspense = useOthersConnectionIdsSuspense; exports.useAttachmentUrl = useAttachmentUrl; exports.useRoomAttachmentUrl = useRoomAttachmentUrl; exports.useAttachmentUrlSuspense = useAttachmentUrlSuspense; exports.useRoomPermissions = useRoomPermissions; exports.createRoomContext = createRoomContext; exports._RoomProvider = _RoomProvider; exports._useBroadcastEvent = _useBroadcastEvent; exports._useOthersListener = _useOthersListener; exports._useRoom = _useRoom; exports._useIsInsideRoom = _useIsInsideRoom; exports._useAddReaction = _useAddReaction; exports._useMutation = _useMutation; exports._useCreateThread = _useCreateThread; exports._useDeleteThread = _useDeleteThread; exports._useEditThreadMetadata = _useEditThreadMetadata; exports._useEventListener = _useEventListener; exports._useMyPresence = _useMyPresence; exports._useOthersMapped = _useOthersMapped; exports._useOthersMappedSuspense = _useOthersMappedSuspense; exports._useThreads = _useThreads; exports._useThreadsSuspense = _useThreadsSuspense; exports._useRoomSubscriptionSettings = _useRoomSubscriptionSettings; exports._useRoomSubscriptionSettingsSuspense = _useRoomSubscriptionSettingsSuspense; exports._useHistoryVersions = _useHistoryVersions; exports._useHistoryVersionsSuspense = _useHistoryVersionsSuspense; exports._useOther = _useOther; exports._useOthers = _useOthers; exports._useOtherSuspense = _useOtherSuspense; exports._useOthersSuspense = _useOthersSuspense; exports._useStorage = _useStorage; exports._useStorageSuspense = _useStorageSuspense; exports._useSelf = _useSelf; exports._useSelfSuspense = _useSelfSuspense; exports._useStorageRoot = _useStorageRoot; exports._useUpdateMyPresence = _useUpdateMyPresence;
|
|
4675
|
-
//# sourceMappingURL=chunk-
|
|
4679
|
+
//# sourceMappingURL=chunk-KEDRXCJD.cjs.map
|