@liveblocks/react-lexical 3.18.1 → 3.18.3-test1
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/LICENSE +16 -0
- package/dist/comments/anchored-threads.cjs +15 -30
- package/dist/comments/anchored-threads.cjs.map +1 -1
- package/dist/comments/anchored-threads.js +15 -30
- package/dist/comments/anchored-threads.js.map +1 -1
- package/dist/comments/comment-plugin-provider.cjs +10 -20
- package/dist/comments/comment-plugin-provider.cjs.map +1 -1
- package/dist/comments/comment-plugin-provider.js +10 -20
- package/dist/comments/comment-plugin-provider.js.map +1 -1
- package/dist/comments/floating-composer.cjs +7 -14
- package/dist/comments/floating-composer.cjs.map +1 -1
- package/dist/comments/floating-composer.js +7 -14
- package/dist/comments/floating-composer.js.map +1 -1
- package/dist/comments/floating-threads.cjs +6 -12
- package/dist/comments/floating-threads.cjs.map +1 -1
- package/dist/comments/floating-threads.js +6 -12
- package/dist/comments/floating-threads.js.map +1 -1
- package/dist/comments/wrap-selection-in-thread-mark-node.cjs +5 -1
- package/dist/comments/wrap-selection-in-thread-mark-node.cjs.map +1 -1
- package/dist/comments/wrap-selection-in-thread-mark-node.js +5 -1
- package/dist/comments/wrap-selection-in-thread-mark-node.js.map +1 -1
- package/dist/create-dom-range.cjs +1 -1
- package/dist/create-dom-range.cjs.map +1 -1
- package/dist/create-dom-range.js +1 -1
- package/dist/create-dom-range.js.map +1 -1
- package/dist/liveblocks-plugin-provider.cjs +3 -5
- package/dist/liveblocks-plugin-provider.cjs.map +1 -1
- package/dist/liveblocks-plugin-provider.js +3 -5
- package/dist/liveblocks-plugin-provider.js.map +1 -1
- package/dist/mentions/mention-component.cjs +1 -2
- package/dist/mentions/mention-component.cjs.map +1 -1
- package/dist/mentions/mention-component.js +1 -2
- package/dist/mentions/mention-component.js.map +1 -1
- package/dist/mentions/mention-plugin.cjs +29 -57
- package/dist/mentions/mention-plugin.cjs.map +1 -1
- package/dist/mentions/mention-plugin.js +29 -57
- package/dist/mentions/mention-plugin.js.map +1 -1
- package/dist/mentions/suggestions.cjs +12 -24
- package/dist/mentions/suggestions.cjs.map +1 -1
- package/dist/mentions/suggestions.js +12 -24
- package/dist/mentions/suggestions.js.map +1 -1
- package/dist/toolbar/floating-toolbar.cjs +1 -2
- package/dist/toolbar/floating-toolbar.cjs.map +1 -1
- package/dist/toolbar/floating-toolbar.js +1 -2
- package/dist/toolbar/floating-toolbar.js.map +1 -1
- package/dist/toolbar/toolbar.cjs +1 -2
- package/dist/toolbar/toolbar.cjs.map +1 -1
- package/dist/toolbar/toolbar.js +1 -2
- package/dist/toolbar/toolbar.js.map +1 -1
- package/dist/version-history/history-version-preview.cjs.map +1 -1
- package/dist/version-history/history-version-preview.js.map +1 -1
- package/dist/version.cjs +1 -1
- package/dist/version.cjs.map +1 -1
- package/dist/version.js +1 -1
- package/dist/version.js.map +1 -1
- package/package.json +41 -29
- package/src/styles/index.css +3 -3
- package/styles.css +1 -1
- package/styles.css.map +1 -1
|
@@ -22,14 +22,11 @@ const MentionRegex = new RegExp(
|
|
|
22
22
|
);
|
|
23
23
|
function $getAnchorNodeTextContent() {
|
|
24
24
|
const selection = lexical.$getSelection();
|
|
25
|
-
if (!lexical.$isRangeSelection(selection))
|
|
26
|
-
return null;
|
|
25
|
+
if (!lexical.$isRangeSelection(selection)) return null;
|
|
27
26
|
const anchor = selection.anchor;
|
|
28
|
-
if (anchor.type !== "text")
|
|
29
|
-
return null;
|
|
27
|
+
if (anchor.type !== "text") return null;
|
|
30
28
|
const anchorNode = anchor.getNode();
|
|
31
|
-
if (!anchorNode.isSimpleText())
|
|
32
|
-
return null;
|
|
29
|
+
if (!anchorNode.isSimpleText()) return null;
|
|
33
30
|
const anchorOffset = anchor.offset;
|
|
34
31
|
return anchorNode.getTextContent().slice(0, anchorOffset);
|
|
35
32
|
}
|
|
@@ -43,40 +40,31 @@ function getFullMatchOffset(documentText, entryText, offset2) {
|
|
|
43
40
|
return triggerOffset;
|
|
44
41
|
}
|
|
45
42
|
function $isCurrentSelectionAtBoundary(offset2) {
|
|
46
|
-
if (offset2 !== 0)
|
|
47
|
-
return false;
|
|
43
|
+
if (offset2 !== 0) return false;
|
|
48
44
|
const selection = lexical.$getSelection();
|
|
49
|
-
if (!lexical.$isRangeSelection(selection))
|
|
50
|
-
return false;
|
|
45
|
+
if (!lexical.$isRangeSelection(selection)) return false;
|
|
51
46
|
const anchor = selection.anchor.getNode();
|
|
52
47
|
const prevSibling = anchor.getPreviousSibling();
|
|
53
|
-
if (!lexical.$isTextNode(prevSibling))
|
|
54
|
-
|
|
55
|
-
if (!prevSibling.isTextEntity())
|
|
56
|
-
return false;
|
|
48
|
+
if (!lexical.$isTextNode(prevSibling)) return false;
|
|
49
|
+
if (!prevSibling.isTextEntity()) return false;
|
|
57
50
|
return true;
|
|
58
51
|
}
|
|
59
52
|
function $getRangeAtMatch(match) {
|
|
60
53
|
const offsetWithWhitespaces = match.index + match[1].length;
|
|
61
|
-
if ($isCurrentSelectionAtBoundary(offsetWithWhitespaces))
|
|
62
|
-
return null;
|
|
54
|
+
if ($isCurrentSelectionAtBoundary(offsetWithWhitespaces)) return null;
|
|
63
55
|
const selection = window.getSelection();
|
|
64
|
-
if (selection === null)
|
|
65
|
-
|
|
66
|
-
if (!selection.isCollapsed)
|
|
67
|
-
return null;
|
|
56
|
+
if (selection === null) return null;
|
|
57
|
+
if (!selection.isCollapsed) return null;
|
|
68
58
|
const anchor = selection.anchorNode;
|
|
69
|
-
if (anchor === null)
|
|
70
|
-
return null;
|
|
59
|
+
if (anchor === null) return null;
|
|
71
60
|
const endOffset = selection.anchorOffset;
|
|
72
|
-
if (endOffset === null)
|
|
73
|
-
return null;
|
|
61
|
+
if (endOffset === null) return null;
|
|
74
62
|
const range = document.createRange();
|
|
75
63
|
try {
|
|
76
64
|
range.setStart(anchor, offsetWithWhitespaces);
|
|
77
65
|
range.setEnd(anchor, endOffset);
|
|
78
66
|
return range;
|
|
79
|
-
} catch
|
|
67
|
+
} catch {
|
|
80
68
|
return null;
|
|
81
69
|
}
|
|
82
70
|
}
|
|
@@ -96,8 +84,7 @@ function MentionPlugin() {
|
|
|
96
84
|
if (mutation === "created") {
|
|
97
85
|
editor.getEditorState().read(() => {
|
|
98
86
|
const node = lexical.$getNodeByKey(key);
|
|
99
|
-
if (node === null)
|
|
100
|
-
return;
|
|
87
|
+
if (node === null) return;
|
|
101
88
|
if (mentionNode.$isMentionNode(node)) {
|
|
102
89
|
createTextMention(node.getId(), {
|
|
103
90
|
kind: "user",
|
|
@@ -108,8 +95,7 @@ function MentionPlugin() {
|
|
|
108
95
|
} else if (mutation === "destroyed") {
|
|
109
96
|
prevEditorState.read(() => {
|
|
110
97
|
const node = lexical.$getNodeByKey(key);
|
|
111
|
-
if (node === null)
|
|
112
|
-
return;
|
|
98
|
+
if (node === null) return;
|
|
113
99
|
if (mentionNode.$isMentionNode(node)) {
|
|
114
100
|
deleteTextMention(node.getId());
|
|
115
101
|
}
|
|
@@ -124,8 +110,7 @@ function MentionPlugin() {
|
|
|
124
110
|
if (mutation === "created") {
|
|
125
111
|
editor.getEditorState().read(() => {
|
|
126
112
|
const node = lexical.$getNodeByKey(key);
|
|
127
|
-
if (node === null)
|
|
128
|
-
return;
|
|
113
|
+
if (node === null) return;
|
|
129
114
|
if (groupMentionNode.$isGroupMentionNode(node)) {
|
|
130
115
|
createTextMention(node.getId(), {
|
|
131
116
|
kind: "group",
|
|
@@ -137,8 +122,7 @@ function MentionPlugin() {
|
|
|
137
122
|
} else if (mutation === "destroyed") {
|
|
138
123
|
prevEditorState.read(() => {
|
|
139
124
|
const node = lexical.$getNodeByKey(key);
|
|
140
|
-
if (node === null)
|
|
141
|
-
return;
|
|
125
|
+
if (node === null) return;
|
|
142
126
|
if (groupMentionNode.$isGroupMentionNode(node)) {
|
|
143
127
|
deleteTextMention(node.getId());
|
|
144
128
|
}
|
|
@@ -186,12 +170,10 @@ function MentionPlugin() {
|
|
|
186
170
|
react$1.useEffect(() => {
|
|
187
171
|
function $handleBackspace(event) {
|
|
188
172
|
const selection = lexical.$getSelection();
|
|
189
|
-
if (selection === null)
|
|
190
|
-
return false;
|
|
173
|
+
if (selection === null) return false;
|
|
191
174
|
if (lexical.$isNodeSelection(selection)) {
|
|
192
175
|
const nodes = selection.getNodes();
|
|
193
|
-
if (nodes.length !== 1)
|
|
194
|
-
return false;
|
|
176
|
+
if (nodes.length !== 1) return false;
|
|
195
177
|
const node = nodes[0];
|
|
196
178
|
if (!mentionNode.$isMentionNode(node) && !groupMentionNode.$isGroupMentionNode(node)) {
|
|
197
179
|
return false;
|
|
@@ -204,8 +186,7 @@ function MentionPlugin() {
|
|
|
204
186
|
event.preventDefault();
|
|
205
187
|
return true;
|
|
206
188
|
} else if (lexical.$isRangeSelection(selection)) {
|
|
207
|
-
if (!selection.isCollapsed())
|
|
208
|
-
return false;
|
|
189
|
+
if (!selection.isCollapsed()) return false;
|
|
209
190
|
const anchor = selection.anchor.getNode();
|
|
210
191
|
const prevSibling = anchor.getPreviousSibling();
|
|
211
192
|
if (selection.anchor.offset === 0 && (mentionNode.$isMentionNode(prevSibling) || groupMentionNode.$isGroupMentionNode(prevSibling))) {
|
|
@@ -242,27 +223,21 @@ function MentionPlugin() {
|
|
|
242
223
|
const handleSuggestionSelect = react$1.useCallback(
|
|
243
224
|
(mention) => {
|
|
244
225
|
function $onValueSelect() {
|
|
245
|
-
if (match === null)
|
|
246
|
-
return;
|
|
226
|
+
if (match === null) return;
|
|
247
227
|
setMatch(null);
|
|
248
228
|
const selection = lexical.$getSelection();
|
|
249
|
-
if (!lexical.$isRangeSelection(selection))
|
|
250
|
-
|
|
251
|
-
if (!selection.isCollapsed())
|
|
252
|
-
return;
|
|
229
|
+
if (!lexical.$isRangeSelection(selection)) return;
|
|
230
|
+
if (!selection.isCollapsed()) return;
|
|
253
231
|
const anchor = selection.anchor;
|
|
254
|
-
if (anchor.type !== "text")
|
|
255
|
-
return;
|
|
232
|
+
if (anchor.type !== "text") return;
|
|
256
233
|
const anchorNode = anchor.getNode();
|
|
257
|
-
if (!anchorNode.isSimpleText())
|
|
258
|
-
return;
|
|
234
|
+
if (!anchorNode.isSimpleText()) return;
|
|
259
235
|
const selectionOffset = anchor.offset;
|
|
260
236
|
const text = anchorNode.getTextContent().slice(0, selectionOffset);
|
|
261
237
|
const characterOffset = match[2].length;
|
|
262
238
|
const queryOffset = getFullMatchOffset(text, match[2], characterOffset);
|
|
263
239
|
const startOffset = selectionOffset - queryOffset;
|
|
264
|
-
if (startOffset < 0)
|
|
265
|
-
return;
|
|
240
|
+
if (startOffset < 0) return;
|
|
266
241
|
let mentionNode$1;
|
|
267
242
|
switch (mention.kind) {
|
|
268
243
|
case "user":
|
|
@@ -286,13 +261,10 @@ function MentionPlugin() {
|
|
|
286
261
|
},
|
|
287
262
|
[editor, match]
|
|
288
263
|
);
|
|
289
|
-
if (match === null || matchingString === void 0)
|
|
290
|
-
|
|
291
|
-
if (suggestions$1 === void 0 || suggestions$1.length === 0)
|
|
292
|
-
return null;
|
|
264
|
+
if (match === null || matchingString === void 0) return null;
|
|
265
|
+
if (suggestions$1 === void 0 || suggestions$1.length === 0) return null;
|
|
293
266
|
const range = editor.getEditorState().read(() => $getRangeAtMatch(match));
|
|
294
|
-
if (range === null)
|
|
295
|
-
return null;
|
|
267
|
+
if (range === null) return null;
|
|
296
268
|
return /* @__PURE__ */ jsxRuntime.jsx(suggestions.SuggestionsContext.Provider, { value: suggestions$1, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
297
269
|
suggestions.OnSuggestionSelectCallbackContext.Provider,
|
|
298
270
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mention-plugin.cjs","sources":["../../src/mentions/mention-plugin.tsx"],"sourcesContent":["import {\n autoUpdate,\n flip,\n hide,\n limitShift,\n offset,\n shift,\n size,\n useFloating,\n} from \"@floating-ui/react-dom\";\nimport { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport {\n assertNever,\n MENTION_CHARACTER,\n type MentionData,\n} from \"@liveblocks/core\";\nimport { useRoom } from \"@liveblocks/react\";\nimport {\n useCreateTextMention,\n useDeleteTextMention,\n useLayoutEffect,\n useMentionSuggestions,\n} from \"@liveblocks/react/_private\";\nimport {\n Group,\n GroupAvatar,\n GroupDescription,\n Portal,\n User,\n UserAvatar,\n UsersIcon,\n} from \"@liveblocks/react-ui/_private\";\nimport type { EditorState, NodeKey, NodeMutation, TextNode } from \"lexical\";\nimport {\n $createRangeSelection,\n $createTextNode,\n $getNodeByKey,\n $getSelection,\n $isElementNode,\n $isNodeSelection,\n $isRangeSelection,\n $isTextNode,\n $setSelection,\n COMMAND_PRIORITY_LOW,\n KEY_BACKSPACE_COMMAND,\n} from \"lexical\";\nimport type { ReactNode } from \"react\";\nimport { useCallback, useEffect, useState } from \"react\";\n\nimport {\n $createGroupMentionNode,\n $isGroupMentionNode,\n GroupMentionNode,\n} from \"./group-mention-node\";\nimport {\n $createMentionNode,\n $isMentionNode,\n MentionNode,\n} from \"./mention-node\";\nimport * as Suggestions from \"./suggestions\";\nimport {\n OnResetMatchCallbackContext,\n OnSuggestionSelectCallbackContext,\n SuggestionsContext,\n} from \"./suggestions\";\n\nconst PUNCTUATIONS =\n \"\\\\.,\\\\+\\\\*\\\\?\\\\$\\\\@\\\\|#{}\\\\(\\\\)\\\\^\\\\-\\\\[\\\\]\\\\\\\\/!%'\\\"~=<>_:;\";\n\n// Characters we expect to see in a mention (non-space, non-punctuation).\nconst VALID_CHARACTERS = \"[^\" + MENTION_CHARACTER + PUNCTUATIONS + \"\\\\s]\";\n\nconst VALID_JOINS =\n \"(?:\" +\n \"\\\\.[ |$]|\" + // E.g. \"r. \" in \"Mr. Smith\"\n \" |\" + // E.g. \" \" in \"Josh Duck\"\n \"[\" +\n PUNCTUATIONS +\n \"]|\" + // E.g. \"-' in \"Salier-Hellendag\"\n \")\";\n\nconst LENGTH_LIMIT = 75;\n\nconst MentionRegex = new RegExp(\n \"(^|\\\\s|\\\\()(\" +\n \"[\" +\n MENTION_CHARACTER +\n \"]\" +\n \"((?:\" +\n VALID_CHARACTERS +\n VALID_JOINS +\n \"){0,\" +\n LENGTH_LIMIT +\n \"})\" +\n \")$\"\n);\n\nfunction $getAnchorNodeTextContent(): string | null {\n const selection = $getSelection();\n if (!$isRangeSelection(selection)) return null;\n\n const anchor = selection.anchor;\n if (anchor.type !== \"text\") return null;\n const anchorNode = anchor.getNode();\n if (!anchorNode.isSimpleText()) return null;\n const anchorOffset = anchor.offset;\n return anchorNode.getTextContent().slice(0, anchorOffset);\n}\n\n/**\n * Walk backwards along user input and forward through entity title to try and replace more of the user's text with entity.\n */\nfunction getFullMatchOffset(\n documentText: string,\n entryText: string,\n offset: number\n): number {\n let triggerOffset = offset;\n for (let i = triggerOffset; i <= entryText.length; i++) {\n if (documentText.substr(-i) === entryText.substr(0, i)) {\n triggerOffset = i;\n }\n }\n return triggerOffset;\n}\n\nfunction $isCurrentSelectionAtBoundary(offset: number): boolean {\n // If the offset is not zero, i.e. not at the beginning of the text node, the selection is somewhere in the middle of the entity, i.e. not at the boundary.\n if (offset !== 0) return false;\n\n // Othewise (if the offset is zero), it means the selection could be at the start of an entity. It could also be at the end of the previous entity, or it could be in a position where there are no entities at all.\n // So, we check if the previous sibling of the node at the anchor of the selection is a text entity. If it is, then the selection is at the boundary of the entity.\n const selection = $getSelection();\n\n if (!$isRangeSelection(selection)) return false;\n\n const anchor = selection.anchor.getNode();\n const prevSibling = anchor.getPreviousSibling();\n\n if (!$isTextNode(prevSibling)) return false;\n if (!prevSibling.isTextEntity()) return false;\n\n return true;\n}\n\nfunction $getRangeAtMatch(match: RegExpExecArray): globalThis.Range | null {\n const offsetWithWhitespaces = match.index + match[1].length;\n\n if ($isCurrentSelectionAtBoundary(offsetWithWhitespaces)) return null;\n\n const selection = window.getSelection();\n if (selection === null) return null;\n if (!selection.isCollapsed) return null;\n\n const anchor = selection.anchorNode;\n if (anchor === null) return null;\n\n const endOffset = selection.anchorOffset;\n if (endOffset === null) return null;\n\n const range = document.createRange();\n\n try {\n range.setStart(anchor, offsetWithWhitespaces);\n range.setEnd(anchor, endOffset);\n return range;\n } catch (error) {\n return null;\n }\n}\n\nexport function MentionPlugin() {\n const [editor] = useLexicalComposerContext();\n const room = useRoom();\n\n const [match, setMatch] = useState<RegExpExecArray | null>(null); // Represents the current match of the mention regex. A `null` value means there is no match.\n const matchingString = match?.[3];\n\n const suggestions = useMentionSuggestions(room.id, matchingString);\n const createTextMention = useCreateTextMention();\n const deleteTextMention = useDeleteTextMention();\n\n useEffect(() => {\n function $handleMentionMutation(\n mutations: Map<NodeKey, NodeMutation>,\n {\n prevEditorState,\n }: {\n prevEditorState: EditorState;\n }\n ) {\n for (const [key, mutation] of mutations) {\n if (mutation === \"created\") {\n editor.getEditorState().read(() => {\n const node = $getNodeByKey(key);\n if (node === null) return;\n\n if ($isMentionNode(node)) {\n createTextMention(node.getId(), {\n kind: \"user\",\n id: node.getUserId(),\n });\n }\n });\n } else if (mutation === \"destroyed\") {\n prevEditorState.read(() => {\n const node = $getNodeByKey(key);\n if (node === null) return;\n\n if ($isMentionNode(node)) {\n deleteTextMention(node.getId());\n }\n });\n }\n }\n }\n\n function $handleGroupMentionMutation(\n mutations: Map<NodeKey, NodeMutation>,\n {\n prevEditorState,\n }: {\n prevEditorState: EditorState;\n }\n ) {\n for (const [key, mutation] of mutations) {\n if (mutation === \"created\") {\n editor.getEditorState().read(() => {\n const node = $getNodeByKey(key);\n if (node === null) return;\n\n if ($isGroupMentionNode(node)) {\n createTextMention(node.getId(), {\n kind: \"group\",\n id: node.getGroupId(),\n userIds: node.getUserIds(),\n });\n }\n });\n } else if (mutation === \"destroyed\") {\n prevEditorState.read(() => {\n const node = $getNodeByKey(key);\n if (node === null) return;\n\n if ($isGroupMentionNode(node)) {\n deleteTextMention(node.getId());\n }\n });\n }\n }\n }\n\n const unsubscribeMentionMutationListener = editor.registerMutationListener(\n MentionNode,\n (mutations, payload) => {\n // Ignore mutations to MentionNode (creation/updates/deletions) that are caused by collaboration (remote users) or history merge.\n if (\n payload.updateTags.has(\"collaboration\") ||\n payload.updateTags.has(\"history-merge\")\n ) {\n return;\n }\n\n $handleMentionMutation(mutations, payload);\n }\n );\n\n const unsubscribeGroupMentionMutationListener =\n editor.registerMutationListener(\n GroupMentionNode,\n (mutations, payload) => {\n // Ignore mutations to GroupMentionNode (creation/updates/deletions) that are caused by collaboration (remote users) or history merge.\n if (\n payload.updateTags.has(\"collaboration\") ||\n payload.updateTags.has(\"history-merge\")\n ) {\n return;\n }\n\n $handleGroupMentionMutation(mutations, payload);\n }\n );\n\n return () => {\n unsubscribeMentionMutationListener();\n unsubscribeGroupMentionMutationListener();\n };\n }, [editor, createTextMention, deleteTextMention]);\n\n useEffect(() => {\n function $onStateRead() {\n const text = $getAnchorNodeTextContent();\n if (text === null) {\n setMatch(null);\n return;\n }\n\n const match = MentionRegex.exec(text);\n setMatch(match);\n }\n\n return editor.registerUpdateListener(({ editorState: state }) => {\n state.read($onStateRead);\n });\n }, [editor]);\n\n useEffect(() => {\n function $handleBackspace(event: KeyboardEvent): boolean {\n const selection = $getSelection();\n\n if (selection === null) return false;\n\n // If the selection is a node selection and the only node selected is a mention node, then we replace the mention node with a text node containing \"@\" and set the selection at the end of the text node.\n if ($isNodeSelection(selection)) {\n const nodes = selection.getNodes();\n if (nodes.length !== 1) return false;\n\n const node = nodes[0];\n if (!$isMentionNode(node) && !$isGroupMentionNode(node)) {\n return false;\n }\n\n const text = $createTextNode(\"@\");\n node.replace(text);\n\n const newSelection = $createRangeSelection();\n newSelection.setTextNodeRange(text, 1, text, 1);\n $setSelection(newSelection);\n\n event.preventDefault();\n return true;\n } else if ($isRangeSelection(selection)) {\n if (!selection.isCollapsed()) return false;\n\n const anchor = selection.anchor.getNode();\n const prevSibling = anchor.getPreviousSibling();\n if (\n selection.anchor.offset === 0 &&\n ($isMentionNode(prevSibling) || $isGroupMentionNode(prevSibling))\n ) {\n const text = $createTextNode(\"@\");\n prevSibling.replace(text);\n\n const newSelection = $createRangeSelection();\n newSelection.setTextNodeRange(text, 1, text, 1);\n $setSelection(newSelection);\n\n event.preventDefault();\n return true;\n } else if ($isElementNode(anchor)) {\n const child = anchor.getChildAtIndex(selection.anchor.offset - 1);\n if (!$isMentionNode(child) && !$isGroupMentionNode(child)) {\n return false;\n }\n\n const text = $createTextNode(\"@\");\n child.replace(text);\n\n const newSelection = $createRangeSelection();\n newSelection.setTextNodeRange(text, 1, text, 1);\n $setSelection(newSelection);\n\n event.preventDefault();\n return true;\n }\n\n return false;\n }\n\n return false;\n }\n\n return editor.registerCommand(\n KEY_BACKSPACE_COMMAND,\n $handleBackspace,\n COMMAND_PRIORITY_LOW\n );\n }, [editor]);\n\n const handleSuggestionSelect = useCallback(\n (mention: MentionData) => {\n function $onValueSelect() {\n if (match === null) return;\n\n setMatch(null);\n\n const selection = $getSelection();\n\n if (!$isRangeSelection(selection)) return;\n if (!selection.isCollapsed()) return;\n\n const anchor = selection.anchor;\n if (anchor.type !== \"text\") return;\n\n const anchorNode: TextNode = anchor.getNode();\n if (!anchorNode.isSimpleText()) return;\n\n const selectionOffset = anchor.offset;\n const text = anchorNode.getTextContent().slice(0, selectionOffset);\n\n const characterOffset = match[2].length;\n const queryOffset = getFullMatchOffset(text, match[2], characterOffset);\n const startOffset = selectionOffset - queryOffset;\n if (startOffset < 0) return;\n\n let mentionNode: MentionNode | GroupMentionNode;\n\n switch (mention.kind) {\n case \"user\":\n mentionNode = $createMentionNode(mention.id);\n break;\n\n case \"group\":\n mentionNode = $createGroupMentionNode(mention.id, mention.userIds);\n break;\n\n default:\n return assertNever(mention, \"Unhandled mention kind\");\n }\n\n // Split the anchor (text) node and create a new text node only containing matched text.\n if (startOffset === 0) {\n const [node] = anchorNode.splitText(selectionOffset);\n node.replace(mentionNode);\n } else {\n const [, node] = anchorNode.splitText(startOffset, selectionOffset);\n node.replace(mentionNode);\n }\n }\n\n editor.update($onValueSelect);\n },\n [editor, match]\n );\n\n if (match === null || matchingString === undefined) return null;\n\n if (suggestions === undefined || suggestions.length === 0) return null;\n\n const range = editor.getEditorState().read(() => $getRangeAtMatch(match));\n\n if (range === null) return null;\n\n return (\n <SuggestionsContext.Provider value={suggestions}>\n <OnSuggestionSelectCallbackContext.Provider\n value={handleSuggestionSelect}\n >\n <OnResetMatchCallbackContext.Provider value={() => setMatch(null)}>\n <SuggestionsPortal range={range} key={matchingString}>\n <Suggestions.List className=\"lb-lexical-suggestions-list lb-lexical-mention-suggestions-list\">\n {suggestions.map((mention) => {\n return (\n <Suggestions.Item\n key={mention.id}\n value={mention.id}\n className=\"lb-lexical-suggestions-list-item lb-lexical-mention-suggestion\"\n >\n {mention.kind === \"user\" ? (\n <>\n <UserAvatar\n userId={mention.id}\n className=\"lb-lexical-mention-suggestion-avatar\"\n />\n <User\n userId={mention.id}\n className=\"lb-lexical-mention-suggestion-user\"\n />\n </>\n ) : mention.kind === \"group\" ? (\n <>\n <GroupAvatar\n groupId={mention.id}\n className=\"lb-lexical-mention-suggestion-avatar\"\n icon={<UsersIcon />}\n />\n <Group\n groupId={mention.id}\n className=\"lb-lexical-mention-suggestion-group\"\n >\n <GroupDescription\n groupId={mention.id}\n className=\"lb-lexical-mention-suggestion-group-description\"\n />\n </Group>\n </>\n ) : (\n assertNever(mention, \"Unhandled mention kind\")\n )}\n </Suggestions.Item>\n );\n })}\n </Suggestions.List>\n </SuggestionsPortal>\n </OnResetMatchCallbackContext.Provider>\n </OnSuggestionSelectCallbackContext.Provider>\n </SuggestionsContext.Provider>\n );\n}\n\nexport const SUGGESTIONS_COLLISION_PADDING = 10;\n\nfunction SuggestionsPortal({\n children,\n range,\n}: {\n children: ReactNode;\n range: Range;\n}) {\n const {\n refs: { setReference, setFloating },\n strategy,\n x,\n y,\n } = useFloating({\n strategy: \"fixed\",\n placement: \"top-start\",\n middleware: [\n flip({ padding: SUGGESTIONS_COLLISION_PADDING, crossAxis: false }),\n offset(10),\n hide({ padding: SUGGESTIONS_COLLISION_PADDING }),\n shift({ padding: SUGGESTIONS_COLLISION_PADDING, limiter: limitShift() }),\n size({ padding: SUGGESTIONS_COLLISION_PADDING }),\n ],\n whileElementsMounted: (...args) => {\n return autoUpdate(...args, {\n animationFrame: true,\n });\n },\n });\n\n useLayoutEffect(() => {\n setReference({\n getBoundingClientRect: () => range.getBoundingClientRect(),\n });\n }, [setReference, range]);\n\n return (\n <Portal asChild>\n <div\n ref={setFloating}\n style={{\n position: strategy,\n top: 0,\n left: 0,\n transform: `translate3d(${Math.round(x)}px, ${Math.round(y)}px, 0)`,\n minWidth: \"max-content\",\n }}\n className=\"lb-root lb-portal lb-elevation lb-lexical-suggestions lb-lexical-mention-suggestions\"\n >\n {children}\n </div>\n </Portal>\n );\n}\n"],"names":["MENTION_CHARACTER","$getSelection","$isRangeSelection","offset","$isTextNode","useLexicalComposerContext","useRoom","useState","suggestions","useMentionSuggestions","useCreateTextMention","useDeleteTextMention","useEffect","$getNodeByKey","$isMentionNode","$isGroupMentionNode","MentionNode","GroupMentionNode","match","$isNodeSelection","$createTextNode","$createRangeSelection","$setSelection","$isElementNode","KEY_BACKSPACE_COMMAND","COMMAND_PRIORITY_LOW","useCallback","mentionNode","$createMentionNode","$createGroupMentionNode","assertNever","jsx","SuggestionsContext","OnSuggestionSelectCallbackContext","OnResetMatchCallbackContext","Suggestions.List","Suggestions.Item","jsxs","Fragment","UserAvatar","User","GroupAvatar","UsersIcon","Group","GroupDescription","useFloating","flip","hide","shift","limitShift","size","autoUpdate","useLayoutEffect","Portal"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"mention-plugin.cjs","sources":["../../src/mentions/mention-plugin.tsx"],"sourcesContent":["import {\n autoUpdate,\n flip,\n hide,\n limitShift,\n offset,\n shift,\n size,\n useFloating,\n} from \"@floating-ui/react-dom\";\nimport { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport {\n assertNever,\n MENTION_CHARACTER,\n type MentionData,\n} from \"@liveblocks/core\";\nimport { useRoom } from \"@liveblocks/react\";\nimport {\n useCreateTextMention,\n useDeleteTextMention,\n useLayoutEffect,\n useMentionSuggestions,\n} from \"@liveblocks/react/_private\";\nimport {\n Group,\n GroupAvatar,\n GroupDescription,\n Portal,\n User,\n UserAvatar,\n UsersIcon,\n} from \"@liveblocks/react-ui/_private\";\nimport type { EditorState, NodeKey, NodeMutation, TextNode } from \"lexical\";\nimport {\n $createRangeSelection,\n $createTextNode,\n $getNodeByKey,\n $getSelection,\n $isElementNode,\n $isNodeSelection,\n $isRangeSelection,\n $isTextNode,\n $setSelection,\n COMMAND_PRIORITY_LOW,\n KEY_BACKSPACE_COMMAND,\n} from \"lexical\";\nimport type { ReactNode } from \"react\";\nimport { useCallback, useEffect, useState } from \"react\";\n\nimport {\n $createGroupMentionNode,\n $isGroupMentionNode,\n GroupMentionNode,\n} from \"./group-mention-node\";\nimport {\n $createMentionNode,\n $isMentionNode,\n MentionNode,\n} from \"./mention-node\";\nimport * as Suggestions from \"./suggestions\";\nimport {\n OnResetMatchCallbackContext,\n OnSuggestionSelectCallbackContext,\n SuggestionsContext,\n} from \"./suggestions\";\n\nconst PUNCTUATIONS =\n \"\\\\.,\\\\+\\\\*\\\\?\\\\$\\\\@\\\\|#{}\\\\(\\\\)\\\\^\\\\-\\\\[\\\\]\\\\\\\\/!%'\\\"~=<>_:;\";\n\n// Characters we expect to see in a mention (non-space, non-punctuation).\nconst VALID_CHARACTERS = \"[^\" + MENTION_CHARACTER + PUNCTUATIONS + \"\\\\s]\";\n\nconst VALID_JOINS =\n \"(?:\" +\n \"\\\\.[ |$]|\" + // E.g. \"r. \" in \"Mr. Smith\"\n \" |\" + // E.g. \" \" in \"Josh Duck\"\n \"[\" +\n PUNCTUATIONS +\n \"]|\" + // E.g. \"-' in \"Salier-Hellendag\"\n \")\";\n\nconst LENGTH_LIMIT = 75;\n\nconst MentionRegex = new RegExp(\n \"(^|\\\\s|\\\\()(\" +\n \"[\" +\n MENTION_CHARACTER +\n \"]\" +\n \"((?:\" +\n VALID_CHARACTERS +\n VALID_JOINS +\n \"){0,\" +\n LENGTH_LIMIT +\n \"})\" +\n \")$\"\n);\n\nfunction $getAnchorNodeTextContent(): string | null {\n const selection = $getSelection();\n if (!$isRangeSelection(selection)) return null;\n\n const anchor = selection.anchor;\n if (anchor.type !== \"text\") return null;\n const anchorNode = anchor.getNode();\n if (!anchorNode.isSimpleText()) return null;\n const anchorOffset = anchor.offset;\n return anchorNode.getTextContent().slice(0, anchorOffset);\n}\n\n/**\n * Walk backwards along user input and forward through entity title to try and replace more of the user's text with entity.\n */\nfunction getFullMatchOffset(\n documentText: string,\n entryText: string,\n offset: number\n): number {\n let triggerOffset = offset;\n for (let i = triggerOffset; i <= entryText.length; i++) {\n if (documentText.substr(-i) === entryText.substr(0, i)) {\n triggerOffset = i;\n }\n }\n return triggerOffset;\n}\n\nfunction $isCurrentSelectionAtBoundary(offset: number): boolean {\n // If the offset is not zero, i.e. not at the beginning of the text node, the selection is somewhere in the middle of the entity, i.e. not at the boundary.\n if (offset !== 0) return false;\n\n // Othewise (if the offset is zero), it means the selection could be at the start of an entity. It could also be at the end of the previous entity, or it could be in a position where there are no entities at all.\n // So, we check if the previous sibling of the node at the anchor of the selection is a text entity. If it is, then the selection is at the boundary of the entity.\n const selection = $getSelection();\n\n if (!$isRangeSelection(selection)) return false;\n\n const anchor = selection.anchor.getNode();\n const prevSibling = anchor.getPreviousSibling();\n\n if (!$isTextNode(prevSibling)) return false;\n if (!prevSibling.isTextEntity()) return false;\n\n return true;\n}\n\nfunction $getRangeAtMatch(match: RegExpExecArray): globalThis.Range | null {\n const offsetWithWhitespaces = match.index + match[1].length;\n\n if ($isCurrentSelectionAtBoundary(offsetWithWhitespaces)) return null;\n\n const selection = window.getSelection();\n if (selection === null) return null;\n if (!selection.isCollapsed) return null;\n\n const anchor = selection.anchorNode;\n if (anchor === null) return null;\n\n const endOffset = selection.anchorOffset;\n if (endOffset === null) return null;\n\n const range = document.createRange();\n\n try {\n range.setStart(anchor, offsetWithWhitespaces);\n range.setEnd(anchor, endOffset);\n return range;\n } catch {\n return null;\n }\n}\n\nexport function MentionPlugin() {\n const [editor] = useLexicalComposerContext();\n const room = useRoom();\n\n const [match, setMatch] = useState<RegExpExecArray | null>(null); // Represents the current match of the mention regex. A `null` value means there is no match.\n const matchingString = match?.[3];\n\n const suggestions = useMentionSuggestions(room.id, matchingString);\n const createTextMention = useCreateTextMention();\n const deleteTextMention = useDeleteTextMention();\n\n useEffect(() => {\n function $handleMentionMutation(\n mutations: Map<NodeKey, NodeMutation>,\n {\n prevEditorState,\n }: {\n prevEditorState: EditorState;\n }\n ) {\n for (const [key, mutation] of mutations) {\n if (mutation === \"created\") {\n editor.getEditorState().read(() => {\n const node = $getNodeByKey(key);\n if (node === null) return;\n\n if ($isMentionNode(node)) {\n createTextMention(node.getId(), {\n kind: \"user\",\n id: node.getUserId(),\n });\n }\n });\n } else if (mutation === \"destroyed\") {\n prevEditorState.read(() => {\n const node = $getNodeByKey(key);\n if (node === null) return;\n\n if ($isMentionNode(node)) {\n deleteTextMention(node.getId());\n }\n });\n }\n }\n }\n\n function $handleGroupMentionMutation(\n mutations: Map<NodeKey, NodeMutation>,\n {\n prevEditorState,\n }: {\n prevEditorState: EditorState;\n }\n ) {\n for (const [key, mutation] of mutations) {\n if (mutation === \"created\") {\n editor.getEditorState().read(() => {\n const node = $getNodeByKey(key);\n if (node === null) return;\n\n if ($isGroupMentionNode(node)) {\n createTextMention(node.getId(), {\n kind: \"group\",\n id: node.getGroupId(),\n userIds: node.getUserIds(),\n });\n }\n });\n } else if (mutation === \"destroyed\") {\n prevEditorState.read(() => {\n const node = $getNodeByKey(key);\n if (node === null) return;\n\n if ($isGroupMentionNode(node)) {\n deleteTextMention(node.getId());\n }\n });\n }\n }\n }\n\n const unsubscribeMentionMutationListener = editor.registerMutationListener(\n MentionNode,\n (mutations, payload) => {\n // Ignore mutations to MentionNode (creation/updates/deletions) that are caused by collaboration (remote users) or history merge.\n if (\n payload.updateTags.has(\"collaboration\") ||\n payload.updateTags.has(\"history-merge\")\n ) {\n return;\n }\n\n $handleMentionMutation(mutations, payload);\n }\n );\n\n const unsubscribeGroupMentionMutationListener =\n editor.registerMutationListener(\n GroupMentionNode,\n (mutations, payload) => {\n // Ignore mutations to GroupMentionNode (creation/updates/deletions) that are caused by collaboration (remote users) or history merge.\n if (\n payload.updateTags.has(\"collaboration\") ||\n payload.updateTags.has(\"history-merge\")\n ) {\n return;\n }\n\n $handleGroupMentionMutation(mutations, payload);\n }\n );\n\n return () => {\n unsubscribeMentionMutationListener();\n unsubscribeGroupMentionMutationListener();\n };\n }, [editor, createTextMention, deleteTextMention]);\n\n useEffect(() => {\n function $onStateRead() {\n const text = $getAnchorNodeTextContent();\n if (text === null) {\n setMatch(null);\n return;\n }\n\n const match = MentionRegex.exec(text);\n setMatch(match);\n }\n\n return editor.registerUpdateListener(({ editorState: state }) => {\n state.read($onStateRead);\n });\n }, [editor]);\n\n useEffect(() => {\n function $handleBackspace(event: KeyboardEvent): boolean {\n const selection = $getSelection();\n\n if (selection === null) return false;\n\n // If the selection is a node selection and the only node selected is a mention node, then we replace the mention node with a text node containing \"@\" and set the selection at the end of the text node.\n if ($isNodeSelection(selection)) {\n const nodes = selection.getNodes();\n if (nodes.length !== 1) return false;\n\n const node = nodes[0];\n if (!$isMentionNode(node) && !$isGroupMentionNode(node)) {\n return false;\n }\n\n const text = $createTextNode(\"@\");\n node.replace(text);\n\n const newSelection = $createRangeSelection();\n newSelection.setTextNodeRange(text, 1, text, 1);\n $setSelection(newSelection);\n\n event.preventDefault();\n return true;\n } else if ($isRangeSelection(selection)) {\n if (!selection.isCollapsed()) return false;\n\n const anchor = selection.anchor.getNode();\n const prevSibling = anchor.getPreviousSibling();\n if (\n selection.anchor.offset === 0 &&\n ($isMentionNode(prevSibling) || $isGroupMentionNode(prevSibling))\n ) {\n const text = $createTextNode(\"@\");\n prevSibling.replace(text);\n\n const newSelection = $createRangeSelection();\n newSelection.setTextNodeRange(text, 1, text, 1);\n $setSelection(newSelection);\n\n event.preventDefault();\n return true;\n } else if ($isElementNode(anchor)) {\n const child = anchor.getChildAtIndex(selection.anchor.offset - 1);\n if (!$isMentionNode(child) && !$isGroupMentionNode(child)) {\n return false;\n }\n\n const text = $createTextNode(\"@\");\n child.replace(text);\n\n const newSelection = $createRangeSelection();\n newSelection.setTextNodeRange(text, 1, text, 1);\n $setSelection(newSelection);\n\n event.preventDefault();\n return true;\n }\n\n return false;\n }\n\n return false;\n }\n\n return editor.registerCommand(\n KEY_BACKSPACE_COMMAND,\n $handleBackspace,\n COMMAND_PRIORITY_LOW\n );\n }, [editor]);\n\n const handleSuggestionSelect = useCallback(\n (mention: MentionData) => {\n function $onValueSelect() {\n if (match === null) return;\n\n setMatch(null);\n\n const selection = $getSelection();\n\n if (!$isRangeSelection(selection)) return;\n if (!selection.isCollapsed()) return;\n\n const anchor = selection.anchor;\n if (anchor.type !== \"text\") return;\n\n const anchorNode: TextNode = anchor.getNode();\n if (!anchorNode.isSimpleText()) return;\n\n const selectionOffset = anchor.offset;\n const text = anchorNode.getTextContent().slice(0, selectionOffset);\n\n const characterOffset = match[2].length;\n const queryOffset = getFullMatchOffset(text, match[2], characterOffset);\n const startOffset = selectionOffset - queryOffset;\n if (startOffset < 0) return;\n\n let mentionNode: MentionNode | GroupMentionNode;\n\n switch (mention.kind) {\n case \"user\":\n mentionNode = $createMentionNode(mention.id);\n break;\n\n case \"group\":\n mentionNode = $createGroupMentionNode(mention.id, mention.userIds);\n break;\n\n default:\n return assertNever(mention, \"Unhandled mention kind\");\n }\n\n // Split the anchor (text) node and create a new text node only containing matched text.\n if (startOffset === 0) {\n const [node] = anchorNode.splitText(selectionOffset);\n node.replace(mentionNode);\n } else {\n const [, node] = anchorNode.splitText(startOffset, selectionOffset);\n node.replace(mentionNode);\n }\n }\n\n editor.update($onValueSelect);\n },\n [editor, match]\n );\n\n if (match === null || matchingString === undefined) return null;\n\n if (suggestions === undefined || suggestions.length === 0) return null;\n\n const range = editor.getEditorState().read(() => $getRangeAtMatch(match));\n\n if (range === null) return null;\n\n return (\n <SuggestionsContext.Provider value={suggestions}>\n <OnSuggestionSelectCallbackContext.Provider\n value={handleSuggestionSelect}\n >\n <OnResetMatchCallbackContext.Provider value={() => setMatch(null)}>\n <SuggestionsPortal range={range} key={matchingString}>\n <Suggestions.List className=\"lb-lexical-suggestions-list lb-lexical-mention-suggestions-list\">\n {suggestions.map((mention) => {\n return (\n <Suggestions.Item\n key={mention.id}\n value={mention.id}\n className=\"lb-lexical-suggestions-list-item lb-lexical-mention-suggestion\"\n >\n {mention.kind === \"user\" ? (\n <>\n <UserAvatar\n userId={mention.id}\n className=\"lb-lexical-mention-suggestion-avatar\"\n />\n <User\n userId={mention.id}\n className=\"lb-lexical-mention-suggestion-user\"\n />\n </>\n ) : mention.kind === \"group\" ? (\n <>\n <GroupAvatar\n groupId={mention.id}\n className=\"lb-lexical-mention-suggestion-avatar\"\n icon={<UsersIcon />}\n />\n <Group\n groupId={mention.id}\n className=\"lb-lexical-mention-suggestion-group\"\n >\n <GroupDescription\n groupId={mention.id}\n className=\"lb-lexical-mention-suggestion-group-description\"\n />\n </Group>\n </>\n ) : (\n assertNever(mention, \"Unhandled mention kind\")\n )}\n </Suggestions.Item>\n );\n })}\n </Suggestions.List>\n </SuggestionsPortal>\n </OnResetMatchCallbackContext.Provider>\n </OnSuggestionSelectCallbackContext.Provider>\n </SuggestionsContext.Provider>\n );\n}\n\nexport const SUGGESTIONS_COLLISION_PADDING = 10;\n\nfunction SuggestionsPortal({\n children,\n range,\n}: {\n children: ReactNode;\n range: Range;\n}) {\n const {\n refs: { setReference, setFloating },\n strategy,\n x,\n y,\n } = useFloating({\n strategy: \"fixed\",\n placement: \"top-start\",\n middleware: [\n flip({ padding: SUGGESTIONS_COLLISION_PADDING, crossAxis: false }),\n offset(10),\n hide({ padding: SUGGESTIONS_COLLISION_PADDING }),\n shift({ padding: SUGGESTIONS_COLLISION_PADDING, limiter: limitShift() }),\n size({ padding: SUGGESTIONS_COLLISION_PADDING }),\n ],\n whileElementsMounted: (...args) => {\n return autoUpdate(...args, {\n animationFrame: true,\n });\n },\n });\n\n useLayoutEffect(() => {\n setReference({\n getBoundingClientRect: () => range.getBoundingClientRect(),\n });\n }, [setReference, range]);\n\n return (\n <Portal asChild>\n <div\n ref={setFloating}\n style={{\n position: strategy,\n top: 0,\n left: 0,\n transform: `translate3d(${Math.round(x)}px, ${Math.round(y)}px, 0)`,\n minWidth: \"max-content\",\n }}\n className=\"lb-root lb-portal lb-elevation lb-lexical-suggestions lb-lexical-mention-suggestions\"\n >\n {children}\n </div>\n </Portal>\n );\n}\n"],"names":["MENTION_CHARACTER","$getSelection","$isRangeSelection","offset","$isTextNode","useLexicalComposerContext","useRoom","useState","suggestions","useMentionSuggestions","useCreateTextMention","useDeleteTextMention","useEffect","$getNodeByKey","$isMentionNode","$isGroupMentionNode","MentionNode","GroupMentionNode","match","$isNodeSelection","$createTextNode","$createRangeSelection","$setSelection","$isElementNode","KEY_BACKSPACE_COMMAND","COMMAND_PRIORITY_LOW","useCallback","mentionNode","$createMentionNode","$createGroupMentionNode","assertNever","jsx","SuggestionsContext","OnSuggestionSelectCallbackContext","OnResetMatchCallbackContext","Suggestions.List","Suggestions.Item","jsxs","Fragment","UserAvatar","User","GroupAvatar","UsersIcon","Group","GroupDescription","useFloating","flip","hide","shift","limitShift","size","autoUpdate","useLayoutEffect","Portal"],"mappings":"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"}
|
|
@@ -20,14 +20,11 @@ const MentionRegex = new RegExp(
|
|
|
20
20
|
);
|
|
21
21
|
function $getAnchorNodeTextContent() {
|
|
22
22
|
const selection = $getSelection();
|
|
23
|
-
if (!$isRangeSelection(selection))
|
|
24
|
-
return null;
|
|
23
|
+
if (!$isRangeSelection(selection)) return null;
|
|
25
24
|
const anchor = selection.anchor;
|
|
26
|
-
if (anchor.type !== "text")
|
|
27
|
-
return null;
|
|
25
|
+
if (anchor.type !== "text") return null;
|
|
28
26
|
const anchorNode = anchor.getNode();
|
|
29
|
-
if (!anchorNode.isSimpleText())
|
|
30
|
-
return null;
|
|
27
|
+
if (!anchorNode.isSimpleText()) return null;
|
|
31
28
|
const anchorOffset = anchor.offset;
|
|
32
29
|
return anchorNode.getTextContent().slice(0, anchorOffset);
|
|
33
30
|
}
|
|
@@ -41,40 +38,31 @@ function getFullMatchOffset(documentText, entryText, offset2) {
|
|
|
41
38
|
return triggerOffset;
|
|
42
39
|
}
|
|
43
40
|
function $isCurrentSelectionAtBoundary(offset2) {
|
|
44
|
-
if (offset2 !== 0)
|
|
45
|
-
return false;
|
|
41
|
+
if (offset2 !== 0) return false;
|
|
46
42
|
const selection = $getSelection();
|
|
47
|
-
if (!$isRangeSelection(selection))
|
|
48
|
-
return false;
|
|
43
|
+
if (!$isRangeSelection(selection)) return false;
|
|
49
44
|
const anchor = selection.anchor.getNode();
|
|
50
45
|
const prevSibling = anchor.getPreviousSibling();
|
|
51
|
-
if (!$isTextNode(prevSibling))
|
|
52
|
-
|
|
53
|
-
if (!prevSibling.isTextEntity())
|
|
54
|
-
return false;
|
|
46
|
+
if (!$isTextNode(prevSibling)) return false;
|
|
47
|
+
if (!prevSibling.isTextEntity()) return false;
|
|
55
48
|
return true;
|
|
56
49
|
}
|
|
57
50
|
function $getRangeAtMatch(match) {
|
|
58
51
|
const offsetWithWhitespaces = match.index + match[1].length;
|
|
59
|
-
if ($isCurrentSelectionAtBoundary(offsetWithWhitespaces))
|
|
60
|
-
return null;
|
|
52
|
+
if ($isCurrentSelectionAtBoundary(offsetWithWhitespaces)) return null;
|
|
61
53
|
const selection = window.getSelection();
|
|
62
|
-
if (selection === null)
|
|
63
|
-
|
|
64
|
-
if (!selection.isCollapsed)
|
|
65
|
-
return null;
|
|
54
|
+
if (selection === null) return null;
|
|
55
|
+
if (!selection.isCollapsed) return null;
|
|
66
56
|
const anchor = selection.anchorNode;
|
|
67
|
-
if (anchor === null)
|
|
68
|
-
return null;
|
|
57
|
+
if (anchor === null) return null;
|
|
69
58
|
const endOffset = selection.anchorOffset;
|
|
70
|
-
if (endOffset === null)
|
|
71
|
-
return null;
|
|
59
|
+
if (endOffset === null) return null;
|
|
72
60
|
const range = document.createRange();
|
|
73
61
|
try {
|
|
74
62
|
range.setStart(anchor, offsetWithWhitespaces);
|
|
75
63
|
range.setEnd(anchor, endOffset);
|
|
76
64
|
return range;
|
|
77
|
-
} catch
|
|
65
|
+
} catch {
|
|
78
66
|
return null;
|
|
79
67
|
}
|
|
80
68
|
}
|
|
@@ -94,8 +82,7 @@ function MentionPlugin() {
|
|
|
94
82
|
if (mutation === "created") {
|
|
95
83
|
editor.getEditorState().read(() => {
|
|
96
84
|
const node = $getNodeByKey(key);
|
|
97
|
-
if (node === null)
|
|
98
|
-
return;
|
|
85
|
+
if (node === null) return;
|
|
99
86
|
if ($isMentionNode(node)) {
|
|
100
87
|
createTextMention(node.getId(), {
|
|
101
88
|
kind: "user",
|
|
@@ -106,8 +93,7 @@ function MentionPlugin() {
|
|
|
106
93
|
} else if (mutation === "destroyed") {
|
|
107
94
|
prevEditorState.read(() => {
|
|
108
95
|
const node = $getNodeByKey(key);
|
|
109
|
-
if (node === null)
|
|
110
|
-
return;
|
|
96
|
+
if (node === null) return;
|
|
111
97
|
if ($isMentionNode(node)) {
|
|
112
98
|
deleteTextMention(node.getId());
|
|
113
99
|
}
|
|
@@ -122,8 +108,7 @@ function MentionPlugin() {
|
|
|
122
108
|
if (mutation === "created") {
|
|
123
109
|
editor.getEditorState().read(() => {
|
|
124
110
|
const node = $getNodeByKey(key);
|
|
125
|
-
if (node === null)
|
|
126
|
-
return;
|
|
111
|
+
if (node === null) return;
|
|
127
112
|
if ($isGroupMentionNode(node)) {
|
|
128
113
|
createTextMention(node.getId(), {
|
|
129
114
|
kind: "group",
|
|
@@ -135,8 +120,7 @@ function MentionPlugin() {
|
|
|
135
120
|
} else if (mutation === "destroyed") {
|
|
136
121
|
prevEditorState.read(() => {
|
|
137
122
|
const node = $getNodeByKey(key);
|
|
138
|
-
if (node === null)
|
|
139
|
-
return;
|
|
123
|
+
if (node === null) return;
|
|
140
124
|
if ($isGroupMentionNode(node)) {
|
|
141
125
|
deleteTextMention(node.getId());
|
|
142
126
|
}
|
|
@@ -184,12 +168,10 @@ function MentionPlugin() {
|
|
|
184
168
|
useEffect(() => {
|
|
185
169
|
function $handleBackspace(event) {
|
|
186
170
|
const selection = $getSelection();
|
|
187
|
-
if (selection === null)
|
|
188
|
-
return false;
|
|
171
|
+
if (selection === null) return false;
|
|
189
172
|
if ($isNodeSelection(selection)) {
|
|
190
173
|
const nodes = selection.getNodes();
|
|
191
|
-
if (nodes.length !== 1)
|
|
192
|
-
return false;
|
|
174
|
+
if (nodes.length !== 1) return false;
|
|
193
175
|
const node = nodes[0];
|
|
194
176
|
if (!$isMentionNode(node) && !$isGroupMentionNode(node)) {
|
|
195
177
|
return false;
|
|
@@ -202,8 +184,7 @@ function MentionPlugin() {
|
|
|
202
184
|
event.preventDefault();
|
|
203
185
|
return true;
|
|
204
186
|
} else if ($isRangeSelection(selection)) {
|
|
205
|
-
if (!selection.isCollapsed())
|
|
206
|
-
return false;
|
|
187
|
+
if (!selection.isCollapsed()) return false;
|
|
207
188
|
const anchor = selection.anchor.getNode();
|
|
208
189
|
const prevSibling = anchor.getPreviousSibling();
|
|
209
190
|
if (selection.anchor.offset === 0 && ($isMentionNode(prevSibling) || $isGroupMentionNode(prevSibling))) {
|
|
@@ -240,27 +221,21 @@ function MentionPlugin() {
|
|
|
240
221
|
const handleSuggestionSelect = useCallback(
|
|
241
222
|
(mention) => {
|
|
242
223
|
function $onValueSelect() {
|
|
243
|
-
if (match === null)
|
|
244
|
-
return;
|
|
224
|
+
if (match === null) return;
|
|
245
225
|
setMatch(null);
|
|
246
226
|
const selection = $getSelection();
|
|
247
|
-
if (!$isRangeSelection(selection))
|
|
248
|
-
|
|
249
|
-
if (!selection.isCollapsed())
|
|
250
|
-
return;
|
|
227
|
+
if (!$isRangeSelection(selection)) return;
|
|
228
|
+
if (!selection.isCollapsed()) return;
|
|
251
229
|
const anchor = selection.anchor;
|
|
252
|
-
if (anchor.type !== "text")
|
|
253
|
-
return;
|
|
230
|
+
if (anchor.type !== "text") return;
|
|
254
231
|
const anchorNode = anchor.getNode();
|
|
255
|
-
if (!anchorNode.isSimpleText())
|
|
256
|
-
return;
|
|
232
|
+
if (!anchorNode.isSimpleText()) return;
|
|
257
233
|
const selectionOffset = anchor.offset;
|
|
258
234
|
const text = anchorNode.getTextContent().slice(0, selectionOffset);
|
|
259
235
|
const characterOffset = match[2].length;
|
|
260
236
|
const queryOffset = getFullMatchOffset(text, match[2], characterOffset);
|
|
261
237
|
const startOffset = selectionOffset - queryOffset;
|
|
262
|
-
if (startOffset < 0)
|
|
263
|
-
return;
|
|
238
|
+
if (startOffset < 0) return;
|
|
264
239
|
let mentionNode;
|
|
265
240
|
switch (mention.kind) {
|
|
266
241
|
case "user":
|
|
@@ -284,13 +259,10 @@ function MentionPlugin() {
|
|
|
284
259
|
},
|
|
285
260
|
[editor, match]
|
|
286
261
|
);
|
|
287
|
-
if (match === null || matchingString === void 0)
|
|
288
|
-
|
|
289
|
-
if (suggestions === void 0 || suggestions.length === 0)
|
|
290
|
-
return null;
|
|
262
|
+
if (match === null || matchingString === void 0) return null;
|
|
263
|
+
if (suggestions === void 0 || suggestions.length === 0) return null;
|
|
291
264
|
const range = editor.getEditorState().read(() => $getRangeAtMatch(match));
|
|
292
|
-
if (range === null)
|
|
293
|
-
return null;
|
|
265
|
+
if (range === null) return null;
|
|
294
266
|
return /* @__PURE__ */ jsx(SuggestionsContext.Provider, { value: suggestions, children: /* @__PURE__ */ jsx(
|
|
295
267
|
OnSuggestionSelectCallbackContext.Provider,
|
|
296
268
|
{
|