@haklex/rich-plugin-block-handle 0.9.1 → 0.9.2

package/dist/index.mjs

@@ -6,7 +6,7 @@ import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext
 import { INSERT_HORIZONTAL_RULE_COMMAND } from "@lexical/react/LexicalHorizontalRuleNode";
 import { $createHeadingNode, $createQuoteNode } from "@lexical/rich-text";
 import { $setBlocksType } from "@lexical/selection";
-import { $createNodeSelection, $createParagraphNode, $createTabNode, $getNearestNodeFromDOMNode, $getNodeByKey, $getRoot, $getSelection, $isElementNode, $isNodeSelection, $isRangeSelection, $parseSerializedNode, $setSelection, COMMAND_PRIORITY_CRITICAL, COMMAND_PRIORITY_HIGH, COPY_COMMAND, CUT_COMMAND, DELETE_CHARACTER_COMMAND, DRAGOVER_COMMAND, DRAGSTART_COMMAND, DROP_COMMAND, KEY_ARROW_DOWN_COMMAND, KEY_ARROW_UP_COMMAND, KEY_BACKSPACE_COMMAND, KEY_DELETE_COMMAND, KEY_DOWN_COMMAND, KEY_ESCAPE_COMMAND, PASTE_COMMAND, PASTE_TAG, REMOVE_TEXT_COMMAND, SELECT_ALL_COMMAND } from "lexical";
+import { $createNodeSelection, $createParagraphNode, $createTabNode, $getNearestNodeFromDOMNode, $getNodeByKey, $getRoot, $getSelection, $isElementNode, $isNodeSelection, $isRangeSelection, $isTextNode, $parseSerializedNode, $setSelection, COMMAND_PRIORITY_CRITICAL, COMMAND_PRIORITY_HIGH, COPY_COMMAND, CUT_COMMAND, DELETE_CHARACTER_COMMAND, DRAGOVER_COMMAND, DRAGSTART_COMMAND, DROP_COMMAND, KEY_ARROW_DOWN_COMMAND, KEY_ARROW_UP_COMMAND, KEY_BACKSPACE_COMMAND, KEY_DELETE_COMMAND, KEY_DOWN_COMMAND, KEY_ESCAPE_COMMAND, PASTE_COMMAND, PASTE_TAG, REMOVE_TEXT_COMMAND, SELECT_ALL_COMMAND } from "lexical";
 import { ArrowDown, ArrowUp, Code2, Copy, GripVertical, Heading1, Heading2, Heading3, List, ListChecks, ListOrdered, Minus, Plus, TextQuote, Trash2, Type } from "lucide-react";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { createPortal } from "react-dom";
@@ -222,6 +222,15 @@ function getTopLevelKey(node) {
 	while (current && current.getParent() && current.getParent() !== $getRoot()) current = current.getParent();
 	return current?.getParent() === $getRoot() ? current.getKey() : null;
 }
+function $rangeCoversEntireContent(sel, target) {
+	if (target.getChildrenSize() === 0) return false;
+	const [startPoint, endPoint] = sel.isBackward() ? [sel.focus, sel.anchor] : [sel.anchor, sel.focus];
+	const targetKey = target.getKey();
+	const firstDesc = target.getFirstDescendant();
+	if (!(startPoint.type === "element" && startPoint.key === targetKey && startPoint.offset === 0 || startPoint.type === "text" && firstDesc !== null && firstDesc.getKey() === startPoint.key && startPoint.offset === 0)) return false;
+	const lastDesc = target.getLastDescendant();
+	return endPoint.type === "element" && endPoint.key === targetKey && endPoint.offset === target.getChildrenSize() || endPoint.type === "text" && $isTextNode(lastDesc) && lastDesc.getKey() === endPoint.key && endPoint.offset === lastDesc.getTextContentSize();
+}
 function $selectBlockRange(anchorKey, focusKey) {
 	const children = $getRoot().getChildren();
 	const anchorIdx = children.findIndex((c) => c.getKey() === anchorKey);
@@ -458,16 +467,31 @@ function useBlockSelection(editor) {
 			}
 			const sel = $getSelection();
 			let topLevelKey = null;
+			let topLevelNode = null;
 			if ($isRangeSelection(sel)) {
 				let node = sel.anchor.getNode();
-				while (node.getParent() && node.getParent() !== $getRoot()) node = node.getParent();
-				if (node.getParent() === $getRoot()) topLevelKey = node.getKey();
+				while (node && node.getParent() && node.getParent() !== $getRoot()) node = node.getParent();
+				if (node && node.getParent() === $getRoot()) {
+					topLevelKey = node.getKey();
+					topLevelNode = node;
+				}
 			} else if ($isNodeSelection(sel)) {
 				const nodes = sel.getNodes();
 				if (nodes.length > 0) {
 					let node = nodes[0];
-					while (node.getParent() && node.getParent() !== $getRoot()) node = node.getParent();
-					if (node.getParent() === $getRoot()) topLevelKey = node.getKey();
+					while (node && node.getParent() && node.getParent() !== $getRoot()) node = node.getParent();
+					if (node && node.getParent() === $getRoot()) {
+						topLevelKey = node.getKey();
+						topLevelNode = node;
+					}
+				}
+			}
+			if (topLevelNode && $isElementNode(topLevelNode)) {
+				const childrenSize = topLevelNode.getChildrenSize();
+				const isContentRangeAlready = $isRangeSelection(sel) && $rangeCoversEntireContent(sel, topLevelNode);
+				if (childrenSize > 0 && !isContentRangeAlready) {
+					topLevelNode.select(0, childrenSize);
+					return true;
 				}
 			}
 			if (topLevelKey) {

package/dist/useBlockSelection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useBlockSelection.d.ts","sourceRoot":"","sources":["../src/useBlockSelection.ts"],"names":[],"mappings":"AAAA,OAAO,EAkBL,KAAK,aAAa,EAMnB,MAAM,SAAS,CAAC;AAsDjB,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,aAAa;2BAsnBzC,MAAM,YAAY,OAAO;2BA6BG,MAAM,EAAE;kCAwB1C,OAAO;6CAZQ,MAAM,GAAG,IAAI;EAiBnC"}
+{"version":3,"file":"useBlockSelection.d.ts","sourceRoot":"","sources":["../src/useBlockSelection.ts"],"names":[],"mappings":"AAAA,OAAO,EAqBL,KAAK,aAAa,EAOnB,MAAM,SAAS,CAAC;AAkFjB,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,aAAa;2BAuoBzC,MAAM,YAAY,OAAO;2BA6BG,MAAM,EAAE;kCAwB1C,OAAO;6CAZQ,MAAM,GAAG,IAAI;EAiBnC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haklex/rich-plugin-block-handle",
-  "version": "0.9.1",
+  "version": "0.9.2",
   "description": "Block handle plugin with add button and context menu",
   "repository": {
     "type": "git",
@@ -51,8 +51,8 @@
     "lucide-react": "^1.0.0",
     "react": ">=19",
     "react-dom": ">=19",
-    "@haklex/rich-editor-ui": "0.9.1",
-    "@haklex/rich-style-token": "0.9.1"
+    "@haklex/rich-style-token": "0.9.2",
+    "@haklex/rich-editor-ui": "0.9.2"
   },
   "publishConfig": {
     "access": "public"