camox 0.40.0 → 0.41.0

package/dist/core/components/lexical/SelectionBroadcaster.js

@@ -1,5 +1,7 @@
+import { FORMAT_FLAGS } from "../../lib/modifierFormats.js";
 import { isOverlayMessage, postOverlayMessage } from "../../../features/preview/overlayMessages.js";
-import { TEXT_MODIFIERS } from "../../lib/modifiers.js";
+import { $selectionHasGradient, $toggleGradient } from "./GradientNode.js";
+import { selectTextLink } from "./selectTextLink.js";
 import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { $createLinkNode, TOGGLE_LINK_COMMAND } from "@lexical/link";
@@ -21,10 +23,10 @@ function getLinkTargetFromSelection() {
 	return null;
 }
 function SelectionBroadcaster(t0) {
-	const $ = c(18);
-	if ($[0] !== "e89fc1c958f4e83679744b18d31c960a1ed541e1ba675eee3f5a0ecee772b5f2") {
-		for (let $i = 0; $i < 18; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "e89fc1c958f4e83679744b18d31c960a1ed541e1ba675eee3f5a0ecee772b5f2";
+	const $ = c(20);
+	if ($[0] !== "9b38f39cf15304b288c351ba69b5c7891a3521400640cd47c3395c47e67ae59c") {
+		for (let $i = 0; $i < 20; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "9b38f39cf15304b288c351ba69b5c7891a3521400640cd47c3395c47e67ae59c";
 	}
 	const { targetWindow } = t0;
 	const [editor] = useLexicalComposerContext();
@@ -49,10 +51,12 @@ function SelectionBroadcaster(t0) {
 				const selection = $getSelection();
 				if (!$isRangeSelection(selection)) return;
 				lastTextSelectionRef.current = selection.clone();
-				for (const modifier of Object.values(TEXT_MODIFIERS)) {
-					const key = modifier === TEXT_MODIFIERS.bold ? "bold" : "italic";
-					if (selection.hasFormat(key)) format = format | modifier.formatFlag;
-				}
+				for (const key of [
+					"bold",
+					"italic",
+					"underline"
+				]) if (selection.hasFormat(key)) format = format | FORMAT_FLAGS[key];
+				if ($selectionHasGradient()) format = format | FORMAT_FLAGS.gradient;
 				linkTarget = getLinkTargetFromSelection();
 			});
 			postOverlayMessage({
@@ -88,8 +92,7 @@ function SelectionBroadcaster(t0) {
 	}
 	React.useEffect(t2, t3);
 	let t4;
-	let t5;
-	if ($[8] !== broadcastSelection || $[9] !== editor || $[10] !== targetWindow) {
+	if ($[8] !== broadcastSelection || $[9] !== editor) {
 		t4 = () => editor.registerRootListener((root) => {
 			if (!root) return;
 			const handleLinkClick = (event) => {
@@ -97,44 +100,42 @@ function SelectionBroadcaster(t0) {
 				if (!(target instanceof HTMLElement)) return;
 				const anchor = target.closest("a");
 				if (!anchor || !root.contains(anchor)) return;
-				const href = anchor.getAttribute("href");
-				if (!href) return;
+				if (!(anchor.dataset.camoxLinkTarget ?? anchor.getAttribute("href"))) return;
 				event.preventDefault();
 				event.stopPropagation();
-				const range = targetWindow.document.createRange();
-				range.selectNodeContents(anchor);
-				const selection_0 = targetWindow.getSelection();
-				selection_0?.removeAllRanges();
-				selection_0?.addRange(range);
-				root.focus();
+				const link = selectTextLink(editor, anchor);
+				if (!link) return;
+				lastTextSelectionRef.current = link.selection;
 				broadcastSelection();
 				postOverlayMessage({
 					type: "CAMOX_OPEN_TEXT_LINK_POPOVER",
-					target: href,
-					text: selection_0?.toString() ?? ""
+					target: link.target,
+					text: link.text
 				});
 			};
 			root.addEventListener("click", handleLinkClick);
 			return () => root.removeEventListener("click", handleLinkClick);
 		});
+		$[8] = broadcastSelection;
+		$[9] = editor;
+		$[10] = t4;
+	} else t4 = $[10];
+	let t5;
+	if ($[11] !== broadcastSelection || $[12] !== editor || $[13] !== targetWindow) {
 		t5 = [
 			editor,
 			targetWindow,
 			broadcastSelection
 		];
-		$[8] = broadcastSelection;
-		$[9] = editor;
-		$[10] = targetWindow;
-		$[11] = t4;
-		$[12] = t5;
-	} else {
-		t4 = $[11];
-		t5 = $[12];
-	}
+		$[11] = broadcastSelection;
+		$[12] = editor;
+		$[13] = targetWindow;
+		$[14] = t5;
+	} else t5 = $[14];
 	React.useEffect(t4, t5);
 	let t6;
 	let t7;
-	if ($[13] !== broadcastSelection || $[14] !== editor || $[15] !== targetWindow) {
+	if ($[15] !== broadcastSelection || $[16] !== editor || $[17] !== targetWindow) {
 		t6 = () => {
 			const handleMessage = (event_0) => {
 				const data = event_0.data;
@@ -145,23 +146,25 @@ function SelectionBroadcaster(t0) {
 				if (!root_0.contains(nativeSelection_0.anchorNode)) return;
 				root_0.focus();
 				editor.update(() => {
-					const selection_1 = $getSelection();
-					if ($isRangeSelection(selection_1) && !selection_1.isCollapsed()) {
-						lastTextSelectionRef.current = selection_1.clone();
+					const selection_0 = $getSelection();
+					if ($isRangeSelection(selection_0) && !selection_0.isCollapsed()) {
+						lastTextSelectionRef.current = selection_0.clone();
 						return;
 					}
 					if (lastTextSelectionRef.current) $setSelection(lastTextSelectionRef.current.clone());
 				});
-				if (data.type === "CAMOX_FORMAT_TEXT") editor.dispatchCommand(FORMAT_TEXT_COMMAND, data.formatKey);
-				else if (data.target === null) editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);
+				if (data.type === "CAMOX_FORMAT_TEXT") {
+					if (data.formatKey === "gradient") editor.update($toggleGradient);
+					else if (data.formatKey === "bold" || data.formatKey === "italic" || data.formatKey === "underline") editor.dispatchCommand(FORMAT_TEXT_COMMAND, data.formatKey);
+				} else if (data.target === null) editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);
 				else if (typeof data.text === "string") {
 					const target_0 = data.target;
 					editor.update(() => {
-						const selection_2 = $getSelection();
-						if (!$isRangeSelection(selection_2)) return;
+						const selection_1 = $getSelection();
+						if (!$isRangeSelection(selection_1)) return;
 						const linkNode = $createLinkNode(target_0);
 						linkNode.append($createTextNode(data.text));
-						selection_2.insertNodes([linkNode]);
+						selection_1.insertNodes([linkNode]);
 					});
 				} else editor.dispatchCommand(TOGGLE_LINK_COMMAND, data.target);
 				setTimeout(broadcastSelection, 10);
@@ -174,14 +177,14 @@ function SelectionBroadcaster(t0) {
 			targetWindow,
 			broadcastSelection
 		];
-		$[13] = broadcastSelection;
-		$[14] = editor;
-		$[15] = targetWindow;
-		$[16] = t6;
-		$[17] = t7;
+		$[15] = broadcastSelection;
+		$[16] = editor;
+		$[17] = targetWindow;
+		$[18] = t6;
+		$[19] = t7;
 	} else {
-		t6 = $[16];
-		t7 = $[17];
+		t6 = $[18];
+		t7 = $[19];
 	}
 	React.useEffect(t6, t7);
 	return null;