@liveblocks/react 2.4.1-test1 → 2.4.1-test3
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-5QX5QCQC.js → chunk-JIDHPULE.js} +188 -50
- package/dist/chunk-JIDHPULE.js.map +1 -0
- package/dist/{chunk-OUY5PIZQ.mjs → chunk-T6YOAS5Z.mjs} +189 -51
- package/dist/chunk-T6YOAS5Z.mjs.map +1 -0
- package/dist/index.d.mts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.js +5 -3
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +4 -2
- package/dist/index.mjs.map +1 -1
- package/dist/{suspense-HhfQZzDE.d.mts → suspense-OBA-zP4D.d.mts} +10 -2
- package/dist/{suspense-HhfQZzDE.d.ts → suspense-OBA-zP4D.d.ts} +10 -2
- package/dist/suspense.d.mts +1 -1
- package/dist/suspense.d.ts +1 -1
- package/dist/suspense.js +5 -3
- package/dist/suspense.js.map +1 -1
- package/dist/suspense.mjs +4 -2
- package/dist/suspense.mjs.map +1 -1
- package/package.json +3 -3
- package/dist/chunk-5QX5QCQC.js.map +0 -1
- package/dist/chunk-OUY5PIZQ.mjs.map +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/version.ts
|
|
2
2
|
var PKG_NAME = "@liveblocks/react";
|
|
3
|
-
var PKG_VERSION = "2.4.1-
|
|
3
|
+
var PKG_VERSION = "2.4.1-test3";
|
|
4
4
|
var PKG_FORMAT = "cjs";
|
|
5
5
|
|
|
6
6
|
// src/ClientSideSuspense.tsx
|
|
@@ -13,6 +13,63 @@ function ClientSideSuspense(props) {
|
|
|
13
13
|
return /* @__PURE__ */ React.createElement(React.Suspense, { fallback: props.fallback }, mounted ? typeof props.children === "function" ? props.children() : props.children : props.fallback);
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
+
// src/comments/lib/selected-threads.ts
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
var _core = require('@liveblocks/core');
|
|
20
|
+
function selectedUserThreads(state) {
|
|
21
|
+
const result = _core.applyOptimisticUpdates.call(void 0, state);
|
|
22
|
+
const threads = Object.values(result.threads).filter(
|
|
23
|
+
(thread) => {
|
|
24
|
+
if (thread.deletedAt !== void 0) {
|
|
25
|
+
return false;
|
|
26
|
+
}
|
|
27
|
+
return true;
|
|
28
|
+
}
|
|
29
|
+
);
|
|
30
|
+
return threads.sort((a, b) => a.createdAt.getTime() - b.createdAt.getTime());
|
|
31
|
+
}
|
|
32
|
+
function selectedThreads(roomId, state, options) {
|
|
33
|
+
const result = _core.applyOptimisticUpdates.call(void 0, state);
|
|
34
|
+
const threads = Object.values(result.threads).filter(
|
|
35
|
+
(thread) => {
|
|
36
|
+
if (thread.roomId !== roomId) return false;
|
|
37
|
+
if (thread.deletedAt !== void 0) {
|
|
38
|
+
return false;
|
|
39
|
+
}
|
|
40
|
+
const query = options.query;
|
|
41
|
+
if (!query) return true;
|
|
42
|
+
if (query.resolved !== void 0 && thread.resolved !== query.resolved) {
|
|
43
|
+
return false;
|
|
44
|
+
}
|
|
45
|
+
for (const key in query.metadata) {
|
|
46
|
+
const metadataValue = thread.metadata[key];
|
|
47
|
+
const filterValue = query.metadata[key];
|
|
48
|
+
if (assertFilterIsStartsWithOperator(filterValue) && assertMetadataValueIsString(metadataValue)) {
|
|
49
|
+
if (metadataValue.startsWith(filterValue.startsWith)) {
|
|
50
|
+
return true;
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
if (metadataValue !== filterValue) {
|
|
54
|
+
return false;
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
return true;
|
|
58
|
+
}
|
|
59
|
+
);
|
|
60
|
+
return threads.sort((a, b) => a.createdAt.getTime() - b.createdAt.getTime());
|
|
61
|
+
}
|
|
62
|
+
var assertFilterIsStartsWithOperator = (filter) => {
|
|
63
|
+
if (typeof filter === "object" && typeof filter.startsWith === "string") {
|
|
64
|
+
return true;
|
|
65
|
+
} else {
|
|
66
|
+
return false;
|
|
67
|
+
}
|
|
68
|
+
};
|
|
69
|
+
var assertMetadataValueIsString = (value) => {
|
|
70
|
+
return typeof value === "string";
|
|
71
|
+
};
|
|
72
|
+
|
|
16
73
|
// src/liveblocks.tsx
|
|
17
74
|
|
|
18
75
|
|
|
@@ -23,7 +80,7 @@ function ClientSideSuspense(props) {
|
|
|
23
80
|
|
|
24
81
|
|
|
25
82
|
|
|
26
|
-
|
|
83
|
+
|
|
27
84
|
|
|
28
85
|
|
|
29
86
|
|
|
@@ -144,6 +201,7 @@ var _extras = /* @__PURE__ */ new WeakMap();
|
|
|
144
201
|
var _bundles = /* @__PURE__ */ new WeakMap();
|
|
145
202
|
var POLLING_INTERVAL = 60 * 1e3;
|
|
146
203
|
var INBOX_NOTIFICATIONS_QUERY = "INBOX_NOTIFICATIONS";
|
|
204
|
+
var USER_THREADS_QUERY = "USER_THREADS";
|
|
147
205
|
function selectorFor_useInboxNotifications(state) {
|
|
148
206
|
const query = state.queries[INBOX_NOTIFICATIONS_QUERY];
|
|
149
207
|
if (query === void 0 || query.isLoading) {
|
|
@@ -162,6 +220,25 @@ function selectorFor_useInboxNotifications(state) {
|
|
|
162
220
|
isLoading: false
|
|
163
221
|
};
|
|
164
222
|
}
|
|
223
|
+
function selectorFor_useUserThreads(state) {
|
|
224
|
+
const query = state.queries[USER_THREADS_QUERY];
|
|
225
|
+
if (query === void 0 || query.isLoading) {
|
|
226
|
+
return {
|
|
227
|
+
isLoading: true
|
|
228
|
+
};
|
|
229
|
+
}
|
|
230
|
+
if (query.error !== void 0) {
|
|
231
|
+
return {
|
|
232
|
+
threads: [],
|
|
233
|
+
error: query.error,
|
|
234
|
+
isLoading: false
|
|
235
|
+
};
|
|
236
|
+
}
|
|
237
|
+
return {
|
|
238
|
+
threads: selectedUserThreads(state),
|
|
239
|
+
isLoading: false
|
|
240
|
+
};
|
|
241
|
+
}
|
|
165
242
|
function selectUnreadInboxNotificationsCount(state) {
|
|
166
243
|
let count = 0;
|
|
167
244
|
for (const notification of selectedInboxNotifications(state)) {
|
|
@@ -321,11 +398,87 @@ function makeExtrasForClient(client) {
|
|
|
321
398
|
};
|
|
322
399
|
}, []);
|
|
323
400
|
}
|
|
401
|
+
let userThreadsPollerSubscribers = 0;
|
|
402
|
+
const userThreadsPoller = _core.makePoller.call(void 0, async () => {
|
|
403
|
+
try {
|
|
404
|
+
await waitUntilUserThreadsLoaded();
|
|
405
|
+
await fetchUserThreads();
|
|
406
|
+
} catch (err) {
|
|
407
|
+
console.warn(`Polling new user threads failed: ${String(err)}`);
|
|
408
|
+
}
|
|
409
|
+
});
|
|
410
|
+
let userThreadslastRequestedAt;
|
|
411
|
+
function loadUserThreads() {
|
|
412
|
+
void waitUntilUserThreadsLoaded().catch(() => {
|
|
413
|
+
});
|
|
414
|
+
}
|
|
415
|
+
const waitUntilUserThreadsLoaded = _core.memoizeOnSuccess.call(void 0, async () => {
|
|
416
|
+
store.setQueryState(USER_THREADS_QUERY, {
|
|
417
|
+
isLoading: true
|
|
418
|
+
});
|
|
419
|
+
try {
|
|
420
|
+
await autoRetry(() => fetchUserThreads(), 5, [5e3, 5e3, 1e4, 15e3]);
|
|
421
|
+
} catch (err) {
|
|
422
|
+
store.setQueryState(USER_THREADS_QUERY, {
|
|
423
|
+
isLoading: false,
|
|
424
|
+
error: err
|
|
425
|
+
});
|
|
426
|
+
throw err;
|
|
427
|
+
}
|
|
428
|
+
});
|
|
429
|
+
async function fetchUserThreads() {
|
|
430
|
+
if (userThreadslastRequestedAt === void 0) {
|
|
431
|
+
const result = await client[_core.kInternal].getThreads();
|
|
432
|
+
store.updateThreadsAndNotifications(
|
|
433
|
+
result.threads,
|
|
434
|
+
result.inboxNotifications,
|
|
435
|
+
[],
|
|
436
|
+
[],
|
|
437
|
+
USER_THREADS_QUERY
|
|
438
|
+
);
|
|
439
|
+
userThreadslastRequestedAt = result.requestedAt;
|
|
440
|
+
} else {
|
|
441
|
+
const result = await client[_core.kInternal].getThreadsSince({
|
|
442
|
+
since: userThreadslastRequestedAt
|
|
443
|
+
});
|
|
444
|
+
store.updateThreadsAndNotifications(
|
|
445
|
+
result.threads.updated,
|
|
446
|
+
result.inboxNotifications.updated,
|
|
447
|
+
result.threads.deleted,
|
|
448
|
+
result.inboxNotifications.deleted,
|
|
449
|
+
USER_THREADS_QUERY
|
|
450
|
+
);
|
|
451
|
+
if (userThreadslastRequestedAt < result.requestedAt) {
|
|
452
|
+
userThreadslastRequestedAt = result.requestedAt;
|
|
453
|
+
}
|
|
454
|
+
}
|
|
455
|
+
}
|
|
456
|
+
function useEnableUserThreadsPolling() {
|
|
457
|
+
_react.useEffect.call(void 0, () => {
|
|
458
|
+
userThreadsPollerSubscribers++;
|
|
459
|
+
userThreadsPoller.start(POLLING_INTERVAL);
|
|
460
|
+
return () => {
|
|
461
|
+
if (userThreadsPollerSubscribers <= 0) {
|
|
462
|
+
console.warn(
|
|
463
|
+
`Internal unexpected behavior. Cannot decrease subscriber count for query "${USER_THREADS_QUERY}"`
|
|
464
|
+
);
|
|
465
|
+
return;
|
|
466
|
+
}
|
|
467
|
+
userThreadsPollerSubscribers--;
|
|
468
|
+
if (userThreadsPollerSubscribers <= 0) {
|
|
469
|
+
userThreadsPoller.stop();
|
|
470
|
+
}
|
|
471
|
+
};
|
|
472
|
+
}, []);
|
|
473
|
+
}
|
|
324
474
|
return {
|
|
325
475
|
store,
|
|
326
476
|
useEnableInboxNotificationsPolling,
|
|
327
477
|
waitUntilInboxNotificationsLoaded,
|
|
328
|
-
loadInboxNotifications
|
|
478
|
+
loadInboxNotifications,
|
|
479
|
+
useEnableUserThreadsPolling,
|
|
480
|
+
waitUntilUserThreadsLoaded,
|
|
481
|
+
loadUserThreads
|
|
329
482
|
};
|
|
330
483
|
}
|
|
331
484
|
function makeLiveblocksContextBundle(client) {
|
|
@@ -363,6 +516,28 @@ function makeLiveblocksContextBundle(client) {
|
|
|
363
516
|
};
|
|
364
517
|
return bundle;
|
|
365
518
|
}
|
|
519
|
+
function useUserThreads_withClient(client) {
|
|
520
|
+
const { loadUserThreads, store, useEnableUserThreadsPolling } = getExtrasForClient(client);
|
|
521
|
+
_react.useEffect.call(void 0, () => {
|
|
522
|
+
loadUserThreads();
|
|
523
|
+
}, [loadUserThreads]);
|
|
524
|
+
useEnableUserThreadsPolling();
|
|
525
|
+
return _withselectorjs.useSyncExternalStoreWithSelector.call(void 0,
|
|
526
|
+
store.subscribe,
|
|
527
|
+
store.get,
|
|
528
|
+
store.get,
|
|
529
|
+
selectorFor_useUserThreads,
|
|
530
|
+
_core.shallow
|
|
531
|
+
);
|
|
532
|
+
}
|
|
533
|
+
function useUserThreadsSuspense_withClient(client) {
|
|
534
|
+
const { waitUntilUserThreadsLoaded } = getExtrasForClient(client);
|
|
535
|
+
use(waitUntilUserThreadsLoaded());
|
|
536
|
+
const result = useUserThreads_withClient(client);
|
|
537
|
+
_core.assert.call(void 0, !result.error, "Did not expect error");
|
|
538
|
+
_core.assert.call(void 0, !result.isLoading, "Did not expect loading");
|
|
539
|
+
return result;
|
|
540
|
+
}
|
|
366
541
|
function useInboxNotifications_withClient(client) {
|
|
367
542
|
const { loadInboxNotifications, store, useEnableInboxNotificationsPolling } = getExtrasForClient(client);
|
|
368
543
|
_react.useEffect.call(void 0, () => {
|
|
@@ -766,6 +941,12 @@ function LiveblocksProvider(props) {
|
|
|
766
941
|
function createLiveblocksContext(client) {
|
|
767
942
|
return getOrCreateContextBundle(client);
|
|
768
943
|
}
|
|
944
|
+
function useUserThreads() {
|
|
945
|
+
return useUserThreads_withClient(useClient());
|
|
946
|
+
}
|
|
947
|
+
function useUserThreadsSuspense() {
|
|
948
|
+
return useUserThreadsSuspense_withClient(useClient());
|
|
949
|
+
}
|
|
769
950
|
function useInboxNotifications() {
|
|
770
951
|
return useInboxNotifications_withClient(useClient());
|
|
771
952
|
}
|
|
@@ -912,51 +1093,6 @@ var UpdateNotificationSettingsError = class extends Error {
|
|
|
912
1093
|
}
|
|
913
1094
|
};
|
|
914
1095
|
|
|
915
|
-
// src/comments/lib/selected-threads.ts
|
|
916
|
-
|
|
917
|
-
|
|
918
|
-
|
|
919
|
-
function selectedThreads(roomId, state, options) {
|
|
920
|
-
const result = _core.applyOptimisticUpdates.call(void 0, state);
|
|
921
|
-
const threads = Object.values(result.threads).filter(
|
|
922
|
-
(thread) => {
|
|
923
|
-
if (thread.roomId !== roomId) return false;
|
|
924
|
-
if (thread.deletedAt !== void 0) {
|
|
925
|
-
return false;
|
|
926
|
-
}
|
|
927
|
-
const query = options.query;
|
|
928
|
-
if (!query) return true;
|
|
929
|
-
if (query.resolved !== void 0 && thread.resolved !== query.resolved) {
|
|
930
|
-
return false;
|
|
931
|
-
}
|
|
932
|
-
for (const key in query.metadata) {
|
|
933
|
-
const metadataValue = thread.metadata[key];
|
|
934
|
-
const filterValue = query.metadata[key];
|
|
935
|
-
if (assertFilterIsStartsWithOperator(filterValue) && assertMetadataValueIsString(metadataValue)) {
|
|
936
|
-
if (metadataValue.startsWith(filterValue.startsWith)) {
|
|
937
|
-
return true;
|
|
938
|
-
}
|
|
939
|
-
}
|
|
940
|
-
if (metadataValue !== filterValue) {
|
|
941
|
-
return false;
|
|
942
|
-
}
|
|
943
|
-
}
|
|
944
|
-
return true;
|
|
945
|
-
}
|
|
946
|
-
);
|
|
947
|
-
return threads.sort((a, b) => a.createdAt.getTime() - b.createdAt.getTime());
|
|
948
|
-
}
|
|
949
|
-
var assertFilterIsStartsWithOperator = (filter) => {
|
|
950
|
-
if (typeof filter === "object" && typeof filter.startsWith === "string") {
|
|
951
|
-
return true;
|
|
952
|
-
} else {
|
|
953
|
-
return false;
|
|
954
|
-
}
|
|
955
|
-
};
|
|
956
|
-
var assertMetadataValueIsString = (value) => {
|
|
957
|
-
return typeof value === "string";
|
|
958
|
-
};
|
|
959
|
-
|
|
960
1096
|
// src/room.tsx
|
|
961
1097
|
var _client = require('@liveblocks/client');
|
|
962
1098
|
|
|
@@ -2860,5 +2996,7 @@ var _useUpdateMyPresence = useUpdateMyPresence;
|
|
|
2860
2996
|
|
|
2861
2997
|
|
|
2862
2998
|
|
|
2863
|
-
|
|
2864
|
-
|
|
2999
|
+
|
|
3000
|
+
|
|
3001
|
+
exports.PKG_NAME = PKG_NAME; exports.PKG_VERSION = PKG_VERSION; exports.PKG_FORMAT = PKG_FORMAT; exports.ClientSideSuspense = ClientSideSuspense; exports.selectedThreads = selectedThreads; exports.ClientContext = ClientContext; exports.useClient = useClient; exports.LiveblocksProvider = LiveblocksProvider; exports.createLiveblocksContext = createLiveblocksContext; exports.useUserThreads = useUserThreads; exports.useUserThreadsSuspense = useUserThreadsSuspense; 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.useRoomInfo = useRoomInfo; exports.useRoomInfoSuspense = useRoomInfoSuspense; exports._useInboxNotificationThread = _useInboxNotificationThread; exports._useUser = _useUser; exports._useUserSuspense = _useUserSuspense; exports.CreateThreadError = CreateThreadError; exports.RoomContext = RoomContext; exports.useStatus = useStatus; exports.useStorageStatus = useStorageStatus; exports.useBatch = useBatch; exports.useLostConnectionListener = useLostConnectionListener; exports.useErrorListener = useErrorListener; exports.useHistory = useHistory; exports.useUndo = useUndo; exports.useRedo = useRedo; exports.useCanUndo = useCanUndo; exports.useCanRedo = useCanRedo; exports.useOthersConnectionIds = useOthersConnectionIds; exports.useCommentsErrorListener = useCommentsErrorListener; exports.useCreateComment = useCreateComment; exports.useEditComment = useEditComment; exports.useDeleteComment = useDeleteComment; exports.useRemoveReaction = useRemoveReaction; exports.useMarkThreadAsRead = useMarkThreadAsRead; exports.useMarkThreadAsResolved = useMarkThreadAsResolved; exports.useMarkThreadAsUnresolved = useMarkThreadAsUnresolved; exports.useThreadSubscription = useThreadSubscription; exports.useRoomNotificationSettings = useRoomNotificationSettings; exports.useUpdateRoomNotificationSettings = useUpdateRoomNotificationSettings; exports.useOthersConnectionIdsSuspense = useOthersConnectionIdsSuspense; exports.useStorageStatusSuspense = useStorageStatusSuspense; exports.createRoomContext = createRoomContext; exports._RoomProvider = _RoomProvider; exports._useBroadcastEvent = _useBroadcastEvent; exports._useOthersListener = _useOthersListener; exports._useRoom = _useRoom; 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._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;
|
|
3002
|
+
//# sourceMappingURL=chunk-JIDHPULE.js.map
|