camox 0.44.0 → 0.46.0

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

@@ -0,0 +1,59 @@
+import { lexicalStateToMarkdown } from "../../lib/lexicalState.js";
+import { c } from "react/compiler-runtime";
+import * as React from "react";
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { $getRoot, $isElementNode, RootNode } from "lexical";
+import { $restoreEditorState } from "@lexical/utils";
+
+//#region src/core/components/lexical/MaxLengthPlugin.tsx
+function $serialize(node) {
+	const json = node.exportJSON();
+	if (!$isElementNode(node)) return json;
+	return {
+		...json,
+		children: node.getChildren().map($serialize)
+	};
+}
+/** The length of the stored markdown, in code points, as the API's validation counts it. */
+function $storedLength() {
+	let length = 0;
+	for (const _codePoint of lexicalStateToMarkdown({ root: $serialize($getRoot()) })) length++;
+	return length;
+}
+/**
+* Rejects edits that would make a string field's stored markdown longer than its `maxLength`,
+* so the editor never holds a value the API refuses to save. A value that is already too long
+* can still be shortened.
+*/
+function MaxLengthPlugin(t0) {
+	const $ = c(4);
+	const { maxLength } = t0;
+	const [editor] = useLexicalComposerContext();
+	let t1;
+	let t2;
+	if ($[0] !== editor || $[1] !== maxLength) {
+		t1 = () => {
+			if (maxLength === void 0) return;
+			return editor.registerNodeTransform(RootNode, () => {
+				const length = $storedLength();
+				if (length <= maxLength) return;
+				const previous = editor.getEditorState();
+				if (length <= previous.read($storedLength)) return;
+				$restoreEditorState(editor, previous);
+			});
+		};
+		t2 = [editor, maxLength];
+		$[0] = editor;
+		$[1] = maxLength;
+		$[2] = t1;
+		$[3] = t2;
+	} else {
+		t1 = $[2];
+		t2 = $[3];
+	}
+	React.useEffect(t1, t2);
+	return null;
+}
+
+//#endregion
+export { MaxLengthPlugin };

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

@@ -1,5 +1,5 @@
 import { FORMAT_FLAGS } from "../../lib/modifierFormats.js";
-import { isOverlayMessage, postOverlayMessage } from "../../../features/preview/overlayMessages.js";
+import { isOverlayMessage } from "../../../features/preview/overlayMessages.js";
 import { $selectionHasHighlight, $toggleHighlight } from "./HighlightNode.js";
 import { selectTextLink } from "./selectTextLink.js";
 import { c } from "react/compiler-runtime";
@@ -23,26 +23,25 @@ function getLinkTargetFromSelection() {
 	return null;
 }
 function SelectionBroadcaster(t0) {
-	const $ = c(20);
-	if ($[0] !== "2d98eff236d853b0e4620c2d3c00e2ca29a164ad2d12c316c48e5344bd1ca447") {
-		for (let $i = 0; $i < 20; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "2d98eff236d853b0e4620c2d3c00e2ca29a164ad2d12c316c48e5344bd1ca447";
-	}
+	const $ = c(17);
 	const { targetWindow } = t0;
 	const [editor] = useLexicalComposerContext();
 	const lastTextSelectionRef = React.useRef(null);
 	let t1;
-	if ($[1] !== editor || $[2] !== targetWindow) {
+	if ($[0] !== editor || $[1] !== targetWindow) {
 		t1 = () => {
 			const nativeSelection = targetWindow.getSelection();
+			const root = editor.getRootElement();
+			if (!root) return;
+			if (nativeSelection?.anchorNode && !root.contains(nativeSelection.anchorNode)) return;
 			if (!(nativeSelection != null && nativeSelection.rangeCount > 0 && !nativeSelection.isCollapsed)) {
-				postOverlayMessage({
+				targetWindow.postMessage({
 					type: "CAMOX_TEXT_SELECTION_STATE",
 					hasSelection: false,
 					activeFormats: 0,
 					linkTarget: null,
 					selectedText: ""
-				});
+				}, "*");
 				return;
 			}
 			let format = 0;
@@ -59,22 +58,22 @@ function SelectionBroadcaster(t0) {
 				if ($selectionHasHighlight()) format = format | FORMAT_FLAGS.highlight;
 				linkTarget = getLinkTargetFromSelection();
 			});
-			postOverlayMessage({
+			targetWindow.postMessage({
 				type: "CAMOX_TEXT_SELECTION_STATE",
 				hasSelection: true,
 				activeFormats: format,
 				linkTarget,
 				selectedText: nativeSelection?.toString() ?? ""
-			});
+			}, "*");
 		};
-		$[1] = editor;
-		$[2] = targetWindow;
-		$[3] = t1;
-	} else t1 = $[3];
+		$[0] = editor;
+		$[1] = targetWindow;
+		$[2] = t1;
+	} else t1 = $[2];
 	const broadcastSelection = t1;
 	let t2;
 	let t3;
-	if ($[4] !== broadcastSelection || $[5] !== targetWindow) {
+	if ($[3] !== broadcastSelection || $[4] !== targetWindow) {
 		t2 = () => {
 			const doc = targetWindow.document;
 			const handleSelectionChange = () => broadcastSelection();
@@ -82,24 +81,26 @@ function SelectionBroadcaster(t0) {
 			return () => doc.removeEventListener("selectionchange", handleSelectionChange);
 		};
 		t3 = [targetWindow, broadcastSelection];
-		$[4] = broadcastSelection;
-		$[5] = targetWindow;
-		$[6] = t2;
-		$[7] = t3;
+		$[3] = broadcastSelection;
+		$[4] = targetWindow;
+		$[5] = t2;
+		$[6] = t3;
 	} else {
-		t2 = $[6];
-		t3 = $[7];
+		t2 = $[5];
+		t3 = $[6];
 	}
 	React.useEffect(t2, t3);
 	let t4;
-	if ($[8] !== broadcastSelection || $[9] !== editor) {
-		t4 = () => editor.registerRootListener((root) => {
-			if (!root) return;
+	let t5;
+	if ($[7] !== broadcastSelection || $[8] !== editor || $[9] !== targetWindow) {
+		t4 = () => editor.registerRootListener((root_0) => {
+			if (!root_0) return;
 			const handleLinkClick = (event) => {
 				const target = event.target;
-				if (!(target instanceof HTMLElement)) return;
+				const ElementClass = root_0.ownerDocument.defaultView?.HTMLElement;
+				if (!ElementClass || !(target instanceof ElementClass)) return;
 				const anchor = target.closest("a");
-				if (!anchor || !root.contains(anchor)) return;
+				if (!anchor || !root_0.contains(anchor)) return;
 				if (!(anchor.dataset.camoxLinkTarget ?? anchor.getAttribute("href"))) return;
 				event.preventDefault();
 				event.stopPropagation();
@@ -107,44 +108,42 @@ function SelectionBroadcaster(t0) {
 				if (!link) return;
 				lastTextSelectionRef.current = link.selection;
 				broadcastSelection();
-				postOverlayMessage({
+				targetWindow.postMessage({
 					type: "CAMOX_OPEN_TEXT_LINK_POPOVER",
 					target: link.target,
 					text: link.text
-				});
+				}, "*");
 			};
-			root.addEventListener("click", handleLinkClick);
-			return () => root.removeEventListener("click", handleLinkClick);
+			root_0.addEventListener("click", handleLinkClick);
+			return () => root_0.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
 		];
-		$[11] = broadcastSelection;
-		$[12] = editor;
-		$[13] = targetWindow;
-		$[14] = t5;
-	} else t5 = $[14];
+		$[7] = broadcastSelection;
+		$[8] = editor;
+		$[9] = targetWindow;
+		$[10] = t4;
+		$[11] = t5;
+	} else {
+		t4 = $[10];
+		t5 = $[11];
+	}
 	React.useEffect(t4, t5);
 	let t6;
 	let t7;
-	if ($[15] !== broadcastSelection || $[16] !== editor || $[17] !== targetWindow) {
+	if ($[12] !== broadcastSelection || $[13] !== editor || $[14] !== targetWindow) {
 		t6 = () => {
 			const handleMessage = (event_0) => {
 				const data = event_0.data;
 				if (!isOverlayMessage(data) || data.type !== "CAMOX_FORMAT_TEXT" && data.type !== "CAMOX_TOGGLE_TEXT_LINK") return;
-				const root_0 = editor.getRootElement();
+				const root_1 = editor.getRootElement();
 				const nativeSelection_0 = targetWindow.getSelection();
-				if (!root_0 || !nativeSelection_0 || nativeSelection_0.rangeCount === 0) return;
-				if (!root_0.contains(nativeSelection_0.anchorNode)) return;
-				root_0.focus();
+				if (!root_1 || !nativeSelection_0 || nativeSelection_0.rangeCount === 0) return;
+				if (!root_1.contains(nativeSelection_0.anchorNode)) return;
+				root_1.focus();
 				editor.update(() => {
 					const selection_0 = $getSelection();
 					if ($isRangeSelection(selection_0) && !selection_0.isCollapsed()) {
@@ -177,14 +176,14 @@ function SelectionBroadcaster(t0) {
 			targetWindow,
 			broadcastSelection
 		];
-		$[15] = broadcastSelection;
-		$[16] = editor;
-		$[17] = targetWindow;
-		$[18] = t6;
-		$[19] = t7;
+		$[12] = broadcastSelection;
+		$[13] = editor;
+		$[14] = targetWindow;
+		$[15] = t6;
+		$[16] = t7;
 	} else {
-		t6 = $[18];
-		t7 = $[19];
+		t6 = $[15];
+		t7 = $[16];
 	}
 	React.useEffect(t6, t7);
 	return null;