@liveblocks/react 2.4.1-test1 → 2.4.1-test2
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-MUOCWN6E.js} +192 -50
- package/dist/chunk-MUOCWN6E.js.map +1 -0
- package/dist/{chunk-OUY5PIZQ.mjs → chunk-U4TTA3CR.mjs} +193 -51
- package/dist/chunk-U4TTA3CR.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-test2";
|
|
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,91 @@ 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(
|
|
421
|
+
() => fetchInboxNotifications(),
|
|
422
|
+
5,
|
|
423
|
+
[5e3, 5e3, 1e4, 15e3]
|
|
424
|
+
);
|
|
425
|
+
} catch (err) {
|
|
426
|
+
store.setQueryState(USER_THREADS_QUERY, {
|
|
427
|
+
isLoading: false,
|
|
428
|
+
error: err
|
|
429
|
+
});
|
|
430
|
+
throw err;
|
|
431
|
+
}
|
|
432
|
+
});
|
|
433
|
+
async function fetchUserThreads() {
|
|
434
|
+
if (userThreadslastRequestedAt === void 0) {
|
|
435
|
+
const result = await client[_core.kInternal].getThreads();
|
|
436
|
+
store.updateThreadsAndNotifications(
|
|
437
|
+
result.threads,
|
|
438
|
+
result.inboxNotifications,
|
|
439
|
+
[],
|
|
440
|
+
[],
|
|
441
|
+
USER_THREADS_QUERY
|
|
442
|
+
);
|
|
443
|
+
userThreadslastRequestedAt = result.requestedAt;
|
|
444
|
+
} else {
|
|
445
|
+
const result = await client[_core.kInternal].getThreadsSince({
|
|
446
|
+
since: userThreadslastRequestedAt
|
|
447
|
+
});
|
|
448
|
+
store.updateThreadsAndNotifications(
|
|
449
|
+
result.threads.updated,
|
|
450
|
+
result.inboxNotifications.updated,
|
|
451
|
+
result.threads.deleted,
|
|
452
|
+
result.inboxNotifications.deleted,
|
|
453
|
+
USER_THREADS_QUERY
|
|
454
|
+
);
|
|
455
|
+
if (userThreadslastRequestedAt < result.requestedAt) {
|
|
456
|
+
userThreadslastRequestedAt = result.requestedAt;
|
|
457
|
+
}
|
|
458
|
+
}
|
|
459
|
+
}
|
|
460
|
+
function useEnableUserThreadsPolling() {
|
|
461
|
+
_react.useEffect.call(void 0, () => {
|
|
462
|
+
userThreadsPollerSubscribers++;
|
|
463
|
+
userThreadsPoller.start(POLLING_INTERVAL);
|
|
464
|
+
return () => {
|
|
465
|
+
if (userThreadsPollerSubscribers <= 0) {
|
|
466
|
+
console.warn(
|
|
467
|
+
`Internal unexpected behavior. Cannot decrease subscriber count for query "${USER_THREADS_QUERY}"`
|
|
468
|
+
);
|
|
469
|
+
return;
|
|
470
|
+
}
|
|
471
|
+
userThreadsPollerSubscribers--;
|
|
472
|
+
if (userThreadsPollerSubscribers <= 0) {
|
|
473
|
+
userThreadsPoller.stop();
|
|
474
|
+
}
|
|
475
|
+
};
|
|
476
|
+
}, []);
|
|
477
|
+
}
|
|
324
478
|
return {
|
|
325
479
|
store,
|
|
326
480
|
useEnableInboxNotificationsPolling,
|
|
327
481
|
waitUntilInboxNotificationsLoaded,
|
|
328
|
-
loadInboxNotifications
|
|
482
|
+
loadInboxNotifications,
|
|
483
|
+
useEnableUserThreadsPolling,
|
|
484
|
+
waitUntilUserThreadsLoaded,
|
|
485
|
+
loadUserThreads
|
|
329
486
|
};
|
|
330
487
|
}
|
|
331
488
|
function makeLiveblocksContextBundle(client) {
|
|
@@ -363,6 +520,28 @@ function makeLiveblocksContextBundle(client) {
|
|
|
363
520
|
};
|
|
364
521
|
return bundle;
|
|
365
522
|
}
|
|
523
|
+
function useUserThreads_withClient(client) {
|
|
524
|
+
const { loadUserThreads, store, useEnableUserThreadsPolling } = getExtrasForClient(client);
|
|
525
|
+
_react.useEffect.call(void 0, () => {
|
|
526
|
+
loadUserThreads();
|
|
527
|
+
}, [loadUserThreads]);
|
|
528
|
+
useEnableUserThreadsPolling();
|
|
529
|
+
return _withselectorjs.useSyncExternalStoreWithSelector.call(void 0,
|
|
530
|
+
store.subscribe,
|
|
531
|
+
store.get,
|
|
532
|
+
store.get,
|
|
533
|
+
selectorFor_useUserThreads,
|
|
534
|
+
_core.shallow
|
|
535
|
+
);
|
|
536
|
+
}
|
|
537
|
+
function useUserThreadsSuspense_withClient(client) {
|
|
538
|
+
const { waitUntilUserThreadsLoaded } = getExtrasForClient(client);
|
|
539
|
+
use(waitUntilUserThreadsLoaded());
|
|
540
|
+
const result = useUserThreads_withClient(client);
|
|
541
|
+
_core.assert.call(void 0, !result.error, "Did not expect error");
|
|
542
|
+
_core.assert.call(void 0, !result.isLoading, "Did not expect loading");
|
|
543
|
+
return result;
|
|
544
|
+
}
|
|
366
545
|
function useInboxNotifications_withClient(client) {
|
|
367
546
|
const { loadInboxNotifications, store, useEnableInboxNotificationsPolling } = getExtrasForClient(client);
|
|
368
547
|
_react.useEffect.call(void 0, () => {
|
|
@@ -766,6 +945,12 @@ function LiveblocksProvider(props) {
|
|
|
766
945
|
function createLiveblocksContext(client) {
|
|
767
946
|
return getOrCreateContextBundle(client);
|
|
768
947
|
}
|
|
948
|
+
function useUserThreads() {
|
|
949
|
+
return useUserThreads_withClient(useClient());
|
|
950
|
+
}
|
|
951
|
+
function useUserThreadsSuspense() {
|
|
952
|
+
return useUserThreadsSuspense_withClient(useClient());
|
|
953
|
+
}
|
|
769
954
|
function useInboxNotifications() {
|
|
770
955
|
return useInboxNotifications_withClient(useClient());
|
|
771
956
|
}
|
|
@@ -912,51 +1097,6 @@ var UpdateNotificationSettingsError = class extends Error {
|
|
|
912
1097
|
}
|
|
913
1098
|
};
|
|
914
1099
|
|
|
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
1100
|
// src/room.tsx
|
|
961
1101
|
var _client = require('@liveblocks/client');
|
|
962
1102
|
|
|
@@ -2860,5 +3000,7 @@ var _useUpdateMyPresence = useUpdateMyPresence;
|
|
|
2860
3000
|
|
|
2861
3001
|
|
|
2862
3002
|
|
|
2863
|
-
|
|
2864
|
-
|
|
3003
|
+
|
|
3004
|
+
|
|
3005
|
+
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;
|
|
3006
|
+
//# sourceMappingURL=chunk-MUOCWN6E.js.map
|