@liveblocks/react 2.13.3-emails1 → 2.14.0-lexical1
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.d.mts +6 -3
- package/dist/_private.d.ts +6 -3
- package/dist/_private.js +18 -7
- package/dist/_private.js.map +1 -1
- package/dist/_private.mjs +21 -10
- package/dist/_private.mjs.map +1 -1
- package/dist/{chunk-BRCWZCNY.mjs → chunk-A4RI4GZW.mjs} +502 -351
- package/dist/chunk-A4RI4GZW.mjs.map +1 -0
- package/dist/{chunk-ZJOZQBXZ.mjs → chunk-CI2PWFZS.mjs} +2 -2
- package/dist/{chunk-X4DDEZYL.js → chunk-N33NEN5R.js} +496 -345
- package/dist/chunk-N33NEN5R.js.map +1 -0
- package/dist/{chunk-ZZZADXFA.js → chunk-QJWT5TQ2.js} +2 -2
- package/dist/index.d.mts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +4 -4
- package/dist/index.mjs +2 -2
- package/dist/{room-Rl_QnQMY.d.mts → room-FAbgoSMw.d.mts} +60 -67
- package/dist/{room-Rl_QnQMY.d.ts → room-FAbgoSMw.d.ts} +60 -67
- package/dist/suspense.d.mts +1 -1
- package/dist/suspense.d.ts +1 -1
- package/dist/suspense.js +4 -4
- package/dist/suspense.mjs +2 -2
- package/package.json +3 -3
- package/dist/chunk-BRCWZCNY.mjs.map +0 -1
- package/dist/chunk-X4DDEZYL.js.map +0 -1
- /package/dist/{chunk-ZJOZQBXZ.mjs.map → chunk-CI2PWFZS.mjs.map} +0 -0
- /package/dist/{chunk-ZZZADXFA.js.map → chunk-QJWT5TQ2.js.map} +0 -0
package/dist/_private.d.mts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { C as CreateThreadError, g as getUmbrellaStoreForClient, b as useAddRoomCommentReaction, a as useClientOrNull, c as useCreateRoomComment, d as useCreateRoomThread, e as
|
|
2
|
-
import { SyncSource } from '@liveblocks/core';
|
|
1
|
+
export { C as CreateThreadError, g as getUmbrellaStoreForClient, b as useAddRoomCommentReaction, a as useClientOrNull, c as useCreateRoomComment, d as useCreateRoomThread, e as useCreateTextMention, f as useDeleteRoomComment, h as useDeleteRoomThread, i as useDeleteTextMention, j as useEditRoomComment, k as useEditRoomThreadMetadata, l as useMarkRoomThreadAsRead, m as useMarkRoomThreadAsResolved, n as useMarkRoomThreadAsUnresolved, o as useMentionSuggestionsCache, p as useRemoveRoomCommentReaction, q as useReportTextEditor, r as useResolveMentionSuggestions, s as useRoomAttachmentUrl, u as useRoomOrNull, t as useRoomPermissions, v as useYjsProvider } from './room-FAbgoSMw.mjs';
|
|
2
|
+
import { ISignal, SyncSource } from '@liveblocks/core';
|
|
3
3
|
import '@liveblocks/client';
|
|
4
4
|
import 'react';
|
|
5
5
|
|
|
@@ -11,9 +11,12 @@ import 'react';
|
|
|
11
11
|
*/
|
|
12
12
|
declare function useMentionSuggestions(roomId: string, search?: string): string[] | undefined;
|
|
13
13
|
|
|
14
|
+
declare function useSignal<T>(signal: ISignal<T>): T;
|
|
15
|
+
declare function useSignal<T, V>(signal: ISignal<T>, selector: (value: T) => V, isEqual?: (a: V, b: V) => boolean): V;
|
|
16
|
+
|
|
14
17
|
/**
|
|
15
18
|
* @private For internal use only. Do not rely on this hook.
|
|
16
19
|
*/
|
|
17
20
|
declare function useSyncSource(): SyncSource | undefined;
|
|
18
21
|
|
|
19
|
-
export { useMentionSuggestions, useSyncSource };
|
|
22
|
+
export { useMentionSuggestions, useSignal, useSyncSource };
|
package/dist/_private.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { C as CreateThreadError, g as getUmbrellaStoreForClient, b as useAddRoomCommentReaction, a as useClientOrNull, c as useCreateRoomComment, d as useCreateRoomThread, e as
|
|
2
|
-
import { SyncSource } from '@liveblocks/core';
|
|
1
|
+
export { C as CreateThreadError, g as getUmbrellaStoreForClient, b as useAddRoomCommentReaction, a as useClientOrNull, c as useCreateRoomComment, d as useCreateRoomThread, e as useCreateTextMention, f as useDeleteRoomComment, h as useDeleteRoomThread, i as useDeleteTextMention, j as useEditRoomComment, k as useEditRoomThreadMetadata, l as useMarkRoomThreadAsRead, m as useMarkRoomThreadAsResolved, n as useMarkRoomThreadAsUnresolved, o as useMentionSuggestionsCache, p as useRemoveRoomCommentReaction, q as useReportTextEditor, r as useResolveMentionSuggestions, s as useRoomAttachmentUrl, u as useRoomOrNull, t as useRoomPermissions, v as useYjsProvider } from './room-FAbgoSMw.js';
|
|
2
|
+
import { ISignal, SyncSource } from '@liveblocks/core';
|
|
3
3
|
import '@liveblocks/client';
|
|
4
4
|
import 'react';
|
|
5
5
|
|
|
@@ -11,9 +11,12 @@ import 'react';
|
|
|
11
11
|
*/
|
|
12
12
|
declare function useMentionSuggestions(roomId: string, search?: string): string[] | undefined;
|
|
13
13
|
|
|
14
|
+
declare function useSignal<T>(signal: ISignal<T>): T;
|
|
15
|
+
declare function useSignal<T, V>(signal: ISignal<T>, selector: (value: T) => V, isEqual?: (a: V, b: V) => boolean): V;
|
|
16
|
+
|
|
14
17
|
/**
|
|
15
18
|
* @private For internal use only. Do not rely on this hook.
|
|
16
19
|
*/
|
|
17
20
|
declare function useSyncSource(): SyncSource | undefined;
|
|
18
21
|
|
|
19
|
-
export { useMentionSuggestions, useSyncSource };
|
|
22
|
+
export { useMentionSuggestions, useSignal, useSyncSource };
|
package/dist/_private.js
CHANGED
|
@@ -18,19 +18,24 @@
|
|
|
18
18
|
|
|
19
19
|
|
|
20
20
|
|
|
21
|
-
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
var _chunkN33NEN5Rjs = require('./chunk-N33NEN5R.js');
|
|
22
28
|
|
|
23
29
|
// src/use-mention-suggestions.ts
|
|
24
30
|
var _core = require('@liveblocks/core');
|
|
25
31
|
var _react = require('react'); var _react2 = _interopRequireDefault(_react);
|
|
26
32
|
var MENTION_SUGGESTIONS_DEBOUNCE = 500;
|
|
27
33
|
function useMentionSuggestions(roomId, search) {
|
|
28
|
-
const client = _chunkX4DDEZYLjs.useClient.call(void 0, );
|
|
29
34
|
const [mentionSuggestions, setMentionSuggestions] = _react2.default.useState();
|
|
30
35
|
const lastInvokedAt = _react2.default.useRef();
|
|
36
|
+
const resolveMentionSuggestions = _chunkN33NEN5Rjs.useResolveMentionSuggestions.call(void 0, );
|
|
37
|
+
const mentionSuggestionsCache = _chunkN33NEN5Rjs.useMentionSuggestionsCache.call(void 0, );
|
|
31
38
|
_react2.default.useEffect(() => {
|
|
32
|
-
const mentionSuggestionsCache = client[_core.kInternal].mentionSuggestionsCache;
|
|
33
|
-
const resolveMentionSuggestions = client[_core.kInternal].resolveMentionSuggestions;
|
|
34
39
|
if (search === void 0 || !resolveMentionSuggestions) {
|
|
35
40
|
return;
|
|
36
41
|
}
|
|
@@ -70,7 +75,7 @@ function useMentionSuggestions(roomId, search) {
|
|
|
70
75
|
isCanceled = true;
|
|
71
76
|
window.clearTimeout(debounceTimeout);
|
|
72
77
|
};
|
|
73
|
-
}, [
|
|
78
|
+
}, [search, roomId, resolveMentionSuggestions, mentionSuggestionsCache]);
|
|
74
79
|
return mentionSuggestions;
|
|
75
80
|
}
|
|
76
81
|
|
|
@@ -78,7 +83,7 @@ function useMentionSuggestions(roomId, search) {
|
|
|
78
83
|
|
|
79
84
|
|
|
80
85
|
function useSyncSource() {
|
|
81
|
-
const client =
|
|
86
|
+
const client = _chunkN33NEN5Rjs.useClient.call(void 0, );
|
|
82
87
|
const createSyncSource = client[_core.kInternal].createSyncSource;
|
|
83
88
|
const [syncSource, setSyncSource] = _react2.default.useState();
|
|
84
89
|
_react2.default.useEffect(() => {
|
|
@@ -109,5 +114,11 @@ function useSyncSource() {
|
|
|
109
114
|
|
|
110
115
|
|
|
111
116
|
|
|
112
|
-
|
|
117
|
+
|
|
118
|
+
|
|
119
|
+
|
|
120
|
+
|
|
121
|
+
|
|
122
|
+
|
|
123
|
+
exports.CreateThreadError = _chunkN33NEN5Rjs.CreateThreadError; exports.getUmbrellaStoreForClient = _chunkN33NEN5Rjs.getUmbrellaStoreForClient; exports.useAddRoomCommentReaction = _chunkN33NEN5Rjs.useAddRoomCommentReaction; exports.useClientOrNull = _chunkN33NEN5Rjs.useClientOrNull; exports.useCreateRoomComment = _chunkN33NEN5Rjs.useCreateRoomComment; exports.useCreateRoomThread = _chunkN33NEN5Rjs.useCreateRoomThread; exports.useCreateTextMention = _chunkN33NEN5Rjs.useCreateTextMention; exports.useDeleteRoomComment = _chunkN33NEN5Rjs.useDeleteRoomComment; exports.useDeleteRoomThread = _chunkN33NEN5Rjs.useDeleteRoomThread; exports.useDeleteTextMention = _chunkN33NEN5Rjs.useDeleteTextMention; exports.useEditRoomComment = _chunkN33NEN5Rjs.useEditRoomComment; exports.useEditRoomThreadMetadata = _chunkN33NEN5Rjs.useEditRoomThreadMetadata; exports.useMarkRoomThreadAsRead = _chunkN33NEN5Rjs.useMarkRoomThreadAsRead; exports.useMarkRoomThreadAsResolved = _chunkN33NEN5Rjs.useMarkRoomThreadAsResolved; exports.useMarkRoomThreadAsUnresolved = _chunkN33NEN5Rjs.useMarkRoomThreadAsUnresolved; exports.useMentionSuggestions = useMentionSuggestions; exports.useMentionSuggestionsCache = _chunkN33NEN5Rjs.useMentionSuggestionsCache; exports.useRemoveRoomCommentReaction = _chunkN33NEN5Rjs.useRemoveRoomCommentReaction; exports.useReportTextEditor = _chunkN33NEN5Rjs.useReportTextEditor; exports.useResolveMentionSuggestions = _chunkN33NEN5Rjs.useResolveMentionSuggestions; exports.useRoomAttachmentUrl = _chunkN33NEN5Rjs.useRoomAttachmentUrl; exports.useRoomOrNull = _chunkN33NEN5Rjs.useRoomOrNull; exports.useRoomPermissions = _chunkN33NEN5Rjs.useRoomPermissions; exports.useSignal = _chunkN33NEN5Rjs.useSignal; exports.useSyncSource = useSyncSource; exports.useYjsProvider = _chunkN33NEN5Rjs.useYjsProvider;
|
|
113
124
|
//# sourceMappingURL=_private.js.map
|
package/dist/_private.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/use-mention-suggestions.ts","../src/use-sync-source.ts"],"names":["mentionSuggestions","
|
|
1
|
+
{"version":3,"sources":["../src/use-mention-suggestions.ts","../src/use-sync-source.ts"],"names":["mentionSuggestions","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,iBAAiB;AAC1B,OAAO,WAAW;AAOlB,IAAM,+BAA+B;AAQ9B,SAAS,sBAAsB,QAAgB,QAAiB;AACrE,QAAM,CAAC,oBAAoB,qBAAqB,IAC9C,MAAM,SAAmB;AAC3B,QAAM,gBAAgB,MAAM,OAAe;AAE3C,QAAM,4BAA4B,6BAA6B;AAC/D,QAAM,0BAA0B,2BAA2B;AAE3D,QAAM,UAAU,MAAM;AACpB,QAAI,WAAW,UAAa,CAAC,2BAA2B;AACtD;AAAA,IACF;AAEA,UAAM,gCAAgC,EAAE,MAAM,QAAQ,OAAO;AAC7D,UAAM,6BAA6B,UAAU,6BAA6B;AAC1E,QAAI;AACJ,QAAI,aAAa;AAEjB,UAAM,wBAAwB,YAAY;AACxC,UAAI;AACF,sBAAc,UAAU,YAAY,IAAI;AACxC,cAAMA,sBAAqB,MAAM;AAAA,UAC/B;AAAA,QACF;AAEA,YAAI,CAAC,YAAY;AACf,gCAAsBA,mBAAkB;AACxC,kCAAwB;AAAA,YACtB;AAAA,YACAA;AAAA,UACF;AAAA,QACF;AAAA,MACF,SAAS,OAAO;AACd,gBAAQ,MAAO,OAAiB,OAAO;AAAA,MACzC;AAAA,IACF;AAEA,QAAI,wBAAwB,IAAI,0BAA0B,GAAG;AAE3D;AAAA,QACE,wBAAwB,IAAI,0BAA0B;AAAA,MACxD;AAAA,IACF,WACE,CAAC,cAAc,WACf,KAAK,IAAI,YAAY,IAAI,IAAI,cAAc,OAAO,IAChD,8BACF;AAGA,WAAK,sBAAsB;AAAA,IAC7B,OAAO;AAEL,wBAAkB,OAAO,WAAW,MAAM;AACxC,aAAK,sBAAsB;AAAA,MAC7B,GAAG,4BAA4B;AAAA,IACjC;AAEA,WAAO,MAAM;AACX,mBAAa;AACb,aAAO,aAAa,eAAe;AAAA,IACrC;AAAA,EACF,GAAG,CAAC,QAAQ,QAAQ,2BAA2B,uBAAuB,CAAC;AAEvE,SAAO;AACT;;;AC/EA,SAAS,iBAAiB;AAC1B,OAAOC,YAAW;AAOX,SAAS,gBAAwC;AACtD,QAAM,SAAS,UAAU;AACzB,QAAM,mBAAmB,OAAO,SAAS,EAAE;AAC3C,QAAM,CAAC,YAAY,aAAa,IAAIA,OAAM,SAAiC;AAE3E,EAAAA,OAAM,UAAU,MAAM;AAEpB,UAAM,gBAAgB,iBAAiB;AACvC,kBAAc,aAAa;AAC3B,WAAO,MAAM,cAAc,QAAQ;AAAA,EACrC,GAAG,CAAC,gBAAgB,CAAC;AAErB,SAAO;AACT","sourcesContent":["import { stringify } from \"@liveblocks/core\";\nimport React from \"react\";\n\nimport {\n useMentionSuggestionsCache,\n useResolveMentionSuggestions,\n} from \"./room\";\n\nconst MENTION_SUGGESTIONS_DEBOUNCE = 500;\n\n/**\n * @private For internal use only. Do not rely on this hook.\n *\n * Simplistic debounced search, we don't need to worry too much about deduping\n * and race conditions as there can only be one search at a time.\n */\nexport function useMentionSuggestions(roomId: string, search?: string) {\n const [mentionSuggestions, setMentionSuggestions] =\n React.useState<string[]>();\n const lastInvokedAt = React.useRef<number>();\n\n const resolveMentionSuggestions = useResolveMentionSuggestions();\n const mentionSuggestionsCache = useMentionSuggestionsCache();\n\n React.useEffect(() => {\n if (search === undefined || !resolveMentionSuggestions) {\n return;\n }\n\n const resolveMentionSuggestionsArgs = { text: search, roomId };\n const mentionSuggestionsCacheKey = stringify(resolveMentionSuggestionsArgs);\n let debounceTimeout: number | undefined;\n let isCanceled = false;\n\n const getMentionSuggestions = async () => {\n try {\n lastInvokedAt.current = performance.now();\n const mentionSuggestions = await resolveMentionSuggestions(\n resolveMentionSuggestionsArgs\n );\n\n if (!isCanceled) {\n setMentionSuggestions(mentionSuggestions);\n mentionSuggestionsCache.set(\n mentionSuggestionsCacheKey,\n mentionSuggestions\n );\n }\n } catch (error) {\n console.error((error as Error)?.message);\n }\n };\n\n if (mentionSuggestionsCache.has(mentionSuggestionsCacheKey)) {\n // If there are already cached mention suggestions, use them immediately.\n setMentionSuggestions(\n mentionSuggestionsCache.get(mentionSuggestionsCacheKey)\n );\n } else if (\n !lastInvokedAt.current ||\n Math.abs(performance.now() - lastInvokedAt.current) >\n MENTION_SUGGESTIONS_DEBOUNCE\n ) {\n // If on the debounce's leading edge (either because it's the first invokation or enough\n // time has passed since the last debounce), get mention suggestions immediately.\n void getMentionSuggestions();\n } else {\n // Otherwise, wait for the debounce delay.\n debounceTimeout = window.setTimeout(() => {\n void getMentionSuggestions();\n }, MENTION_SUGGESTIONS_DEBOUNCE);\n }\n\n return () => {\n isCanceled = true;\n window.clearTimeout(debounceTimeout);\n };\n }, [search, roomId, resolveMentionSuggestions, mentionSuggestionsCache]);\n\n return mentionSuggestions;\n}\n","import type { SyncSource } from \"@liveblocks/core\";\nimport { kInternal } from \"@liveblocks/core\";\nimport React from \"react\";\n\nimport { useClient } from \"./liveblocks\";\n\n/**\n * @private For internal use only. Do not rely on this hook.\n */\nexport function useSyncSource(): SyncSource | undefined {\n const client = useClient();\n const createSyncSource = client[kInternal].createSyncSource;\n const [syncSource, setSyncSource] = React.useState<SyncSource | undefined>();\n\n React.useEffect(() => {\n // Create new sync source on mount\n const newSyncSource = createSyncSource();\n setSyncSource(newSyncSource);\n return () => newSyncSource.destroy();\n }, [createSyncSource]);\n\n return syncSource;\n}\n"]}
|
package/dist/_private.mjs
CHANGED
|
@@ -6,31 +6,36 @@ import {
|
|
|
6
6
|
useClientOrNull,
|
|
7
7
|
useCreateRoomComment,
|
|
8
8
|
useCreateRoomThread,
|
|
9
|
+
useCreateTextMention,
|
|
9
10
|
useDeleteRoomComment,
|
|
10
11
|
useDeleteRoomThread,
|
|
12
|
+
useDeleteTextMention,
|
|
11
13
|
useEditRoomComment,
|
|
12
14
|
useEditRoomThreadMetadata,
|
|
13
15
|
useMarkRoomThreadAsRead,
|
|
14
16
|
useMarkRoomThreadAsResolved,
|
|
15
17
|
useMarkRoomThreadAsUnresolved,
|
|
18
|
+
useMentionSuggestionsCache,
|
|
16
19
|
useRemoveRoomCommentReaction,
|
|
17
20
|
useReportTextEditor,
|
|
21
|
+
useResolveMentionSuggestions,
|
|
18
22
|
useRoomAttachmentUrl,
|
|
19
23
|
useRoomOrNull,
|
|
20
|
-
useRoomPermissions
|
|
21
|
-
|
|
24
|
+
useRoomPermissions,
|
|
25
|
+
useSignal,
|
|
26
|
+
useYjsProvider
|
|
27
|
+
} from "./chunk-A4RI4GZW.mjs";
|
|
22
28
|
|
|
23
29
|
// src/use-mention-suggestions.ts
|
|
24
|
-
import {
|
|
30
|
+
import { stringify } from "@liveblocks/core";
|
|
25
31
|
import React from "react";
|
|
26
32
|
var MENTION_SUGGESTIONS_DEBOUNCE = 500;
|
|
27
33
|
function useMentionSuggestions(roomId, search) {
|
|
28
|
-
const client = useClient();
|
|
29
34
|
const [mentionSuggestions, setMentionSuggestions] = React.useState();
|
|
30
35
|
const lastInvokedAt = React.useRef();
|
|
36
|
+
const resolveMentionSuggestions = useResolveMentionSuggestions();
|
|
37
|
+
const mentionSuggestionsCache = useMentionSuggestionsCache();
|
|
31
38
|
React.useEffect(() => {
|
|
32
|
-
const mentionSuggestionsCache = client[kInternal].mentionSuggestionsCache;
|
|
33
|
-
const resolveMentionSuggestions = client[kInternal].resolveMentionSuggestions;
|
|
34
39
|
if (search === void 0 || !resolveMentionSuggestions) {
|
|
35
40
|
return;
|
|
36
41
|
}
|
|
@@ -70,16 +75,16 @@ function useMentionSuggestions(roomId, search) {
|
|
|
70
75
|
isCanceled = true;
|
|
71
76
|
window.clearTimeout(debounceTimeout);
|
|
72
77
|
};
|
|
73
|
-
}, [
|
|
78
|
+
}, [search, roomId, resolveMentionSuggestions, mentionSuggestionsCache]);
|
|
74
79
|
return mentionSuggestions;
|
|
75
80
|
}
|
|
76
81
|
|
|
77
82
|
// src/use-sync-source.ts
|
|
78
|
-
import { kInternal
|
|
83
|
+
import { kInternal } from "@liveblocks/core";
|
|
79
84
|
import React2 from "react";
|
|
80
85
|
function useSyncSource() {
|
|
81
86
|
const client = useClient();
|
|
82
|
-
const createSyncSource = client[
|
|
87
|
+
const createSyncSource = client[kInternal].createSyncSource;
|
|
83
88
|
const [syncSource, setSyncSource] = React2.useState();
|
|
84
89
|
React2.useEffect(() => {
|
|
85
90
|
const newSyncSource = createSyncSource();
|
|
@@ -95,19 +100,25 @@ export {
|
|
|
95
100
|
useClientOrNull,
|
|
96
101
|
useCreateRoomComment,
|
|
97
102
|
useCreateRoomThread,
|
|
103
|
+
useCreateTextMention,
|
|
98
104
|
useDeleteRoomComment,
|
|
99
105
|
useDeleteRoomThread,
|
|
106
|
+
useDeleteTextMention,
|
|
100
107
|
useEditRoomComment,
|
|
101
108
|
useEditRoomThreadMetadata,
|
|
102
109
|
useMarkRoomThreadAsRead,
|
|
103
110
|
useMarkRoomThreadAsResolved,
|
|
104
111
|
useMarkRoomThreadAsUnresolved,
|
|
105
112
|
useMentionSuggestions,
|
|
113
|
+
useMentionSuggestionsCache,
|
|
106
114
|
useRemoveRoomCommentReaction,
|
|
107
115
|
useReportTextEditor,
|
|
116
|
+
useResolveMentionSuggestions,
|
|
108
117
|
useRoomAttachmentUrl,
|
|
109
118
|
useRoomOrNull,
|
|
110
119
|
useRoomPermissions,
|
|
111
|
-
|
|
120
|
+
useSignal,
|
|
121
|
+
useSyncSource,
|
|
122
|
+
useYjsProvider
|
|
112
123
|
};
|
|
113
124
|
//# sourceMappingURL=_private.mjs.map
|
package/dist/_private.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/use-mention-suggestions.ts","../src/use-sync-source.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"sources":["../src/use-mention-suggestions.ts","../src/use-sync-source.ts"],"sourcesContent":["import { stringify } from \"@liveblocks/core\";\nimport React from \"react\";\n\nimport {\n useMentionSuggestionsCache,\n useResolveMentionSuggestions,\n} from \"./room\";\n\nconst MENTION_SUGGESTIONS_DEBOUNCE = 500;\n\n/**\n * @private For internal use only. Do not rely on this hook.\n *\n * Simplistic debounced search, we don't need to worry too much about deduping\n * and race conditions as there can only be one search at a time.\n */\nexport function useMentionSuggestions(roomId: string, search?: string) {\n const [mentionSuggestions, setMentionSuggestions] =\n React.useState<string[]>();\n const lastInvokedAt = React.useRef<number>();\n\n const resolveMentionSuggestions = useResolveMentionSuggestions();\n const mentionSuggestionsCache = useMentionSuggestionsCache();\n\n React.useEffect(() => {\n if (search === undefined || !resolveMentionSuggestions) {\n return;\n }\n\n const resolveMentionSuggestionsArgs = { text: search, roomId };\n const mentionSuggestionsCacheKey = stringify(resolveMentionSuggestionsArgs);\n let debounceTimeout: number | undefined;\n let isCanceled = false;\n\n const getMentionSuggestions = async () => {\n try {\n lastInvokedAt.current = performance.now();\n const mentionSuggestions = await resolveMentionSuggestions(\n resolveMentionSuggestionsArgs\n );\n\n if (!isCanceled) {\n setMentionSuggestions(mentionSuggestions);\n mentionSuggestionsCache.set(\n mentionSuggestionsCacheKey,\n mentionSuggestions\n );\n }\n } catch (error) {\n console.error((error as Error)?.message);\n }\n };\n\n if (mentionSuggestionsCache.has(mentionSuggestionsCacheKey)) {\n // If there are already cached mention suggestions, use them immediately.\n setMentionSuggestions(\n mentionSuggestionsCache.get(mentionSuggestionsCacheKey)\n );\n } else if (\n !lastInvokedAt.current ||\n Math.abs(performance.now() - lastInvokedAt.current) >\n MENTION_SUGGESTIONS_DEBOUNCE\n ) {\n // If on the debounce's leading edge (either because it's the first invokation or enough\n // time has passed since the last debounce), get mention suggestions immediately.\n void getMentionSuggestions();\n } else {\n // Otherwise, wait for the debounce delay.\n debounceTimeout = window.setTimeout(() => {\n void getMentionSuggestions();\n }, MENTION_SUGGESTIONS_DEBOUNCE);\n }\n\n return () => {\n isCanceled = true;\n window.clearTimeout(debounceTimeout);\n };\n }, [search, roomId, resolveMentionSuggestions, mentionSuggestionsCache]);\n\n return mentionSuggestions;\n}\n","import type { SyncSource } from \"@liveblocks/core\";\nimport { kInternal } from \"@liveblocks/core\";\nimport React from \"react\";\n\nimport { useClient } from \"./liveblocks\";\n\n/**\n * @private For internal use only. Do not rely on this hook.\n */\nexport function useSyncSource(): SyncSource | undefined {\n const client = useClient();\n const createSyncSource = client[kInternal].createSyncSource;\n const [syncSource, setSyncSource] = React.useState<SyncSource | undefined>();\n\n React.useEffect(() => {\n // Create new sync source on mount\n const newSyncSource = createSyncSource();\n setSyncSource(newSyncSource);\n return () => newSyncSource.destroy();\n }, [createSyncSource]);\n\n return syncSource;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,iBAAiB;AAC1B,OAAO,WAAW;AAOlB,IAAM,+BAA+B;AAQ9B,SAAS,sBAAsB,QAAgB,QAAiB;AACrE,QAAM,CAAC,oBAAoB,qBAAqB,IAC9C,MAAM,SAAmB;AAC3B,QAAM,gBAAgB,MAAM,OAAe;AAE3C,QAAM,4BAA4B,6BAA6B;AAC/D,QAAM,0BAA0B,2BAA2B;AAE3D,QAAM,UAAU,MAAM;AACpB,QAAI,WAAW,UAAa,CAAC,2BAA2B;AACtD;AAAA,IACF;AAEA,UAAM,gCAAgC,EAAE,MAAM,QAAQ,OAAO;AAC7D,UAAM,6BAA6B,UAAU,6BAA6B;AAC1E,QAAI;AACJ,QAAI,aAAa;AAEjB,UAAM,wBAAwB,YAAY;AACxC,UAAI;AACF,sBAAc,UAAU,YAAY,IAAI;AACxC,cAAMA,sBAAqB,MAAM;AAAA,UAC/B;AAAA,QACF;AAEA,YAAI,CAAC,YAAY;AACf,gCAAsBA,mBAAkB;AACxC,kCAAwB;AAAA,YACtB;AAAA,YACAA;AAAA,UACF;AAAA,QACF;AAAA,MACF,SAAS,OAAO;AACd,gBAAQ,MAAO,OAAiB,OAAO;AAAA,MACzC;AAAA,IACF;AAEA,QAAI,wBAAwB,IAAI,0BAA0B,GAAG;AAE3D;AAAA,QACE,wBAAwB,IAAI,0BAA0B;AAAA,MACxD;AAAA,IACF,WACE,CAAC,cAAc,WACf,KAAK,IAAI,YAAY,IAAI,IAAI,cAAc,OAAO,IAChD,8BACF;AAGA,WAAK,sBAAsB;AAAA,IAC7B,OAAO;AAEL,wBAAkB,OAAO,WAAW,MAAM;AACxC,aAAK,sBAAsB;AAAA,MAC7B,GAAG,4BAA4B;AAAA,IACjC;AAEA,WAAO,MAAM;AACX,mBAAa;AACb,aAAO,aAAa,eAAe;AAAA,IACrC;AAAA,EACF,GAAG,CAAC,QAAQ,QAAQ,2BAA2B,uBAAuB,CAAC;AAEvE,SAAO;AACT;;;AC/EA,SAAS,iBAAiB;AAC1B,OAAOC,YAAW;AAOX,SAAS,gBAAwC;AACtD,QAAM,SAAS,UAAU;AACzB,QAAM,mBAAmB,OAAO,SAAS,EAAE;AAC3C,QAAM,CAAC,YAAY,aAAa,IAAIC,OAAM,SAAiC;AAE3E,EAAAA,OAAM,UAAU,MAAM;AAEpB,UAAM,gBAAgB,iBAAiB;AACvC,kBAAc,aAAa;AAC3B,WAAO,MAAM,cAAc,QAAQ;AAAA,EACrC,GAAG,CAAC,gBAAgB,CAAC;AAErB,SAAO;AACT;","names":["mentionSuggestions","React","React"]}
|