@portabletext/editor 8.1.1 → 8.1.2

package/README.md

@@ -13,14 +13,14 @@
 
 This library provides you with the building blocks to create a completely custom editor experience built on top of Portable Text. We recommend [checking out the official documentation](https://www.portabletext.org/). The following guide includes the basics to get your started.
 
-In order to set up an editor you'll need to:
+To set up an editor you need to:
 
 - Create a schema that defines the rich text and block content elements.
 - Create a toolbar to toggle and insert these elements.
 - Set up rendering for each element type in the editor, including text blocks and inline formatting.
 - Render the editor.
 
-Check out the [Portable Text Playground](../../apps/playground/) for a comprehensive example of the editor in action.
+The [Portable Text Playground](../../apps/playground/) is a complete editor built with this library. Use it as a reference.
 
 ### Add the library to your project
 
@@ -361,7 +361,7 @@ Extend the editor with [official plugins](../../#editor-plugins).
 
 ## End-user experience
 
-In order to provide a robust and consistent end-user experience, the editor is backed by an elaborate E2E test suite generated from a [human-readable Gherkin spec](./gherkin-spec/).
+A large E2E test suite, generated from a [human-readable Gherkin spec](./gherkin-spec/), guards the end-user experience: how selection, editing, and formatting behave under real keyboard and pointer input.
 
 ## Development
 

package/lib/index.js

@@ -465,17 +465,19 @@ const IS_IOS = typeof navigator < "u" && typeof window < "u" && /iPad|iPhone|iPo
 	},
 	toEditorSelection: (editor, domRange, options) => {
 		let { exactMatch, suppressThrow } = options, el = isDOMSelection(domRange) ? domRange.anchorNode : domRange.startContainer, anchorNode = null, anchorOffset = 0, focusNode = null, focusOffset = 0, isCollapsed = !1;
-		if (el) if (isDOMSelection(domRange)) {
-			if (IS_FIREFOX && domRange.rangeCount > 1) {
-				focusNode = domRange.focusNode;
-				let firstRange = domRange.getRangeAt(0), lastRange = domRange.getRangeAt(domRange.rangeCount - 1);
-				if (focusNode instanceof HTMLTableRowElement && firstRange.startContainer instanceof HTMLTableRowElement && lastRange.startContainer instanceof HTMLTableRowElement) {
-					let getLastChildren = (element) => element.childElementCount > 0 ? getLastChildren(element.children[0]) : element, firstNodeRow = firstRange.startContainer, lastNodeRow = lastRange.startContainer, firstNode = getLastChildren(firstNodeRow.children[firstRange.startOffset]), lastNode = getLastChildren(lastNodeRow.children[lastRange.startOffset]);
-					focusOffset = 0, anchorNode = lastNode.childNodes.length > 0 ? lastNode.childNodes[0] ?? null : lastNode, focusNode = firstNode.childNodes.length > 0 ? firstNode.childNodes[0] ?? null : firstNode, anchorOffset = lastNode instanceof HTMLElement ? lastNode.innerHTML.length : 0;
-				} else firstRange.startContainer === focusNode ? (anchorNode = lastRange.endContainer, anchorOffset = lastRange.endOffset, focusOffset = firstRange.startOffset) : (anchorNode = firstRange.startContainer, anchorOffset = firstRange.endOffset, focusOffset = lastRange.startOffset);
-			} else anchorNode = domRange.anchorNode, anchorOffset = domRange.anchorOffset, focusNode = domRange.focusNode, focusOffset = domRange.focusOffset;
-			isCollapsed = IS_CHROME && hasShadowRoot(anchorNode) || IS_FIREFOX ? domRange.anchorNode === domRange.focusNode && domRange.anchorOffset === domRange.focusOffset : domRange.isCollapsed;
-		} else anchorNode = domRange.startContainer, anchorOffset = domRange.startOffset, focusNode = domRange.endContainer, focusOffset = domRange.endOffset, isCollapsed = domRange.collapsed;
+		if (el) {
+			if (isDOMSelection(domRange)) {
+				if (IS_FIREFOX && domRange.rangeCount > 1) {
+					focusNode = domRange.focusNode;
+					let firstRange = domRange.getRangeAt(0), lastRange = domRange.getRangeAt(domRange.rangeCount - 1);
+					if (focusNode instanceof HTMLTableRowElement && firstRange.startContainer instanceof HTMLTableRowElement && lastRange.startContainer instanceof HTMLTableRowElement) {
+						let getLastChildren = (element) => element.childElementCount > 0 ? getLastChildren(element.children[0]) : element, firstNodeRow = firstRange.startContainer, lastNodeRow = lastRange.startContainer, firstNode = getLastChildren(firstNodeRow.children[firstRange.startOffset]), lastNode = getLastChildren(lastNodeRow.children[lastRange.startOffset]);
+						focusOffset = 0, anchorNode = lastNode.childNodes.length > 0 ? lastNode.childNodes[0] ?? null : lastNode, focusNode = firstNode.childNodes.length > 0 ? firstNode.childNodes[0] ?? null : firstNode, anchorOffset = lastNode instanceof HTMLElement ? lastNode.innerHTML.length : 0;
+					} else firstRange.startContainer === focusNode ? (anchorNode = lastRange.endContainer, anchorOffset = lastRange.endOffset, focusOffset = firstRange.startOffset) : (anchorNode = firstRange.startContainer, anchorOffset = firstRange.endOffset, focusOffset = lastRange.startOffset);
+				} else anchorNode = domRange.anchorNode, anchorOffset = domRange.anchorOffset, focusNode = domRange.focusNode, focusOffset = domRange.focusOffset;
+				isCollapsed = IS_CHROME && hasShadowRoot(anchorNode) || IS_FIREFOX ? domRange.anchorNode === domRange.focusNode && domRange.anchorOffset === domRange.focusOffset : domRange.isCollapsed;
+			} else anchorNode = domRange.startContainer, anchorOffset = domRange.startOffset, focusNode = domRange.endContainer, focusOffset = domRange.endOffset, isCollapsed = domRange.collapsed;
+		}
 		if (anchorNode == null || focusNode == null || anchorOffset == null || focusOffset == null) {
 			if (suppressThrow) return null;
 			throw Error(`Cannot map DOM range to an editor selection: ${domRange}`);
@@ -2863,12 +2865,14 @@ const RestoreDOM = IS_ANDROID ? RestoreDOMComponent : ({ children }) => /* @__PU
 					exactMatch: !1,
 					suppressThrow: !0
 				});
-				if (range) if (!editor.composing && !androidInputManager?.hasPendingChanges() && !androidInputManager?.isFlushing()) {
-					if (editor.select(range), domSelection.isCollapsed && anchorNode && anchorNode.nodeType === Node.ELEMENT_NODE) try {
-						let canonicalRange = DOMEditor.toDOMRange(editor, range);
-						domSelection.setBaseAndExtent(canonicalRange.startContainer, canonicalRange.startOffset, canonicalRange.startContainer, canonicalRange.startOffset);
-					} catch {}
-				} else androidInputManager?.handleUserSelect(range);
+				if (range) {
+					if (!editor.composing && !androidInputManager?.hasPendingChanges() && !androidInputManager?.isFlushing()) {
+						if (editor.select(range), domSelection.isCollapsed && anchorNode && anchorNode.nodeType === Node.ELEMENT_NODE) try {
+							let canonicalRange = DOMEditor.toDOMRange(editor, range);
+							domSelection.setBaseAndExtent(canonicalRange.startContainer, canonicalRange.startOffset, canonicalRange.startContainer, canonicalRange.startOffset);
+						} catch {}
+					} else androidInputManager?.handleUserSelect(range);
+				}
 			}
 			readOnly && (!anchorNodeSelectable || !focusNodeInEditor) && deselect(editor);
 		}
@@ -5644,11 +5648,7 @@ const PortableTextEditable = forwardRef(function PortableTextEditable(props, for
 	}, $[105] = editorActor, $[106] = editorEngine, $[107] = onDragStart, $[108] = readOnly, $[109] = t28) : t28 = $[109];
 	let handleDragStart = t28, t29;
 	$[110] !== editorActor || $[111] !== editorEngine || $[112] !== onDrag ? (t29 = (event_9) => {
-		if (onDrag?.(event_9), !(event_9.isDefaultPrevented() || event_9.isPropagationStopped()) && getEventPosition({
-			editorActor,
-			editorEngine,
-			event: event_9.nativeEvent
-		})) return editorActor.send({
+		if (onDrag?.(event_9), !(event_9.isDefaultPrevented() || event_9.isPropagationStopped()) && !(editorActor.getSnapshot().matches({ setup: "setting up" }) || !DOMEditor.hasTarget(editorEngine, event_9.target))) return editorActor.send({
 			type: "behavior event",
 			behaviorEvent: {
 				type: "drag.drag",
@@ -5671,17 +5671,17 @@ const PortableTextEditable = forwardRef(function PortableTextEditable(props, for
 	let handleDragEnd = t30, t31;
 	$[118] !== editorActor || $[119] !== editorEngine || $[120] !== onDragEnter ? (t31 = (event_11) => {
 		if (onDragEnter?.(event_11), event_11.isDefaultPrevented() || event_11.isPropagationStopped()) return;
-		let position_6 = getEventPosition({
+		let position_5 = getEventPosition({
 			editorActor,
 			editorEngine,
 			event: event_11.nativeEvent
 		});
-		if (position_6) return editorActor.send({
+		if (position_5) return editorActor.send({
 			type: "behavior event",
 			behaviorEvent: {
 				type: "drag.dragenter",
 				originEvent: { dataTransfer: event_11.dataTransfer },
-				position: position_6
+				position: position_5
 			},
 			editor: editorEngine
 		}), !0;
@@ -5689,18 +5689,18 @@ const PortableTextEditable = forwardRef(function PortableTextEditable(props, for
 	let handleDragEnter = t31, t32;
 	$[122] !== editorActor || $[123] !== editorEngine || $[124] !== onDragOver ? (t32 = (event_12) => {
 		if (onDragOver?.(event_12), event_12.isDefaultPrevented() || event_12.isPropagationStopped()) return;
-		let position_7 = getEventPosition({
+		let position_6 = getEventPosition({
 			editorActor,
 			editorEngine,
 			event: event_12.nativeEvent
 		});
-		if (position_7) return editorActor.send({
+		if (position_6) return editorActor.send({
 			type: "behavior event",
 			behaviorEvent: {
 				type: "drag.dragover",
 				originEvent: { dataTransfer: event_12.dataTransfer },
 				dragOrigin: editorActor.getSnapshot().context.internalDrag?.origin,
-				position: position_7
+				position: position_6
 			},
 			editor: editorEngine,
 			nativeEvent: event_12
@@ -5709,12 +5709,12 @@ const PortableTextEditable = forwardRef(function PortableTextEditable(props, for
 	let handleDragOver = t32, t33;
 	$[126] !== editorActor || $[127] !== editorEngine || $[128] !== onDrop ? (t33 = (event_13) => {
 		if (onDrop?.(event_13), event_13.isDefaultPrevented() || event_13.isPropagationStopped()) return;
-		let position_8 = getEventPosition({
+		let position_7 = getEventPosition({
 			editorActor,
 			editorEngine,
 			event: event_13.nativeEvent
 		});
-		if (!position_8) {
+		if (!position_7) {
 			console.warn("Could not find position for drop event");
 			return;
 		}
@@ -5724,7 +5724,7 @@ const PortableTextEditable = forwardRef(function PortableTextEditable(props, for
 				type: "drag.drop",
 				originEvent: { dataTransfer: event_13.dataTransfer },
 				dragOrigin: editorActor.getSnapshot().context.internalDrag?.origin,
-				position: position_8
+				position: position_7
 			},
 			editor: editorEngine,
 			nativeEvent: event_13
@@ -5732,11 +5732,7 @@ const PortableTextEditable = forwardRef(function PortableTextEditable(props, for
 	}, $[126] = editorActor, $[127] = editorEngine, $[128] = onDrop, $[129] = t33) : t33 = $[129];
 	let handleDrop = t33, t34;
 	$[130] !== editorActor || $[131] !== editorEngine || $[132] !== onDragLeave ? (t34 = (event_14) => {
-		if (onDragLeave?.(event_14), !(event_14.isDefaultPrevented() || event_14.isPropagationStopped()) && getEventPosition({
-			editorActor,
-			editorEngine,
-			event: event_14.nativeEvent
-		})) return editorActor.send({
+		if (onDragLeave?.(event_14), !(event_14.isDefaultPrevented() || event_14.isPropagationStopped()) && !(editorActor.getSnapshot().matches({ setup: "setting up" }) || !DOMEditor.hasTarget(editorEngine, event_14.target))) return editorActor.send({
 			type: "behavior event",
 			behaviorEvent: {
 				type: "drag.dragleave",
@@ -6945,14 +6941,15 @@ function applyOperation(editor, op) {
 				typeof value == "object" && value && !Array.isArray(value) && modifyDescendant(editor, setNodePath, () => value), transformSelection = !0;
 				break;
 			}
-			if (getNode(editor.snapshot, setNodePath)) if (setPropertyPath.length === 1) {
-				let propertyName = setPropertyPath[0];
-				modifyDescendant(editor, setNodePath, (node) => ({
-					...node,
-					[propertyName]: value
-				}));
-			} else modifyDescendant(editor, setNodePath, (node) => deepSet(node, setPropertyPath, value));
-			else {
+			if (getNode(editor.snapshot, setNodePath)) {
+				if (setPropertyPath.length === 1) {
+					let propertyName = setPropertyPath[0];
+					modifyDescendant(editor, setNodePath, (node) => ({
+						...node,
+						[propertyName]: value
+					}));
+				} else modifyDescendant(editor, setNodePath, (node) => deepSet(node, setPropertyPath, value));
+			} else {
 				let blockSegment = findBlockSegment(path);
 				if (!blockSegment) break;
 				let blockIndex = resolveBlockIndex(editor, blockSegment);
@@ -7042,14 +7039,15 @@ function applyOperation(editor, op) {
 					value: previousValue
 				};
 			}
-			if (getNode(editor.snapshot, unsetNodePath)) if (unsetPropertyPath.length === 1) {
-				let propertyName = unsetPropertyPath[0];
-				modifyDescendant(editor, unsetNodePath, (node) => {
-					let newNode = { ...node };
-					return delete newNode[propertyName], newNode;
-				});
-			} else modifyDescendant(editor, unsetNodePath, (node) => deepUnset(node, unsetPropertyPath));
-			else {
+			if (getNode(editor.snapshot, unsetNodePath)) {
+				if (unsetPropertyPath.length === 1) {
+					let propertyName = unsetPropertyPath[0];
+					modifyDescendant(editor, unsetNodePath, (node) => {
+						let newNode = { ...node };
+						return delete newNode[propertyName], newNode;
+					});
+				} else modifyDescendant(editor, unsetNodePath, (node) => deepUnset(node, unsetPropertyPath));
+			} else {
 				let blockSegment = findBlockSegment(path);
 				if (!blockSegment) break;
 				let blockIndex = resolveBlockIndex(editor, blockSegment);
@@ -7253,23 +7251,25 @@ const apply$1 = (editor, op) => {
 	for (let ref of editor.pathRefs) PathRef.transform(ref, op);
 	for (let ref of editor.pointRefs) PointRef.transform(ref, op);
 	for (let ref of editor.rangeRefs) transformRangeRef(ref, op, editor.snapshot.context);
-	if (applyOperation(editor, op), updateDirtyPaths(editor, getDirtyPaths(editor.snapshot.context, op)), editor.operations.push(op), normalize(editor, { operation: op }), op.type === "set.selection") if (op.properties && op.newProperties && op.properties.anchor && op.properties.focus && op.newProperties.anchor && op.newProperties.focus) {
-		let previousSelectionIsCollapsed = isCollapsedRange({
-			anchor: op.properties.anchor,
-			focus: op.properties.focus
-		}), newSelectionIsCollapsed = isCollapsedRange({
-			anchor: op.newProperties.anchor,
-			focus: op.newProperties.focus
-		});
-		if (previousSelectionIsCollapsed && newSelectionIsCollapsed) {
-			let focusSpan = getSpan(editor.snapshot, op.properties.focus.path)?.node, newFocusSpan = getSpan(editor.snapshot, op.newProperties.focus.path)?.node, sameParent = pathEquals(parentPath(op.properties.focus.path), parentPath(op.newProperties.focus.path)), movedToNextSpan = !1, movedToPreviousSpan = !1;
-			if (sameParent && focusSpan && newFocusSpan) {
-				let nextSibling = getSibling(editor.snapshot, op.properties.focus.path, { direction: "next" }), previousSibling = getSibling(editor.snapshot, op.properties.focus.path, { direction: "previous" });
-				movedToNextSpan = nextSibling !== void 0 && pathEquals(nextSibling.path, op.newProperties.focus.path) && focusSpan.text.length === op.properties.focus.offset && op.newProperties.focus.offset === 0, movedToPreviousSpan = previousSibling !== void 0 && pathEquals(previousSibling.path, op.newProperties.focus.path) && op.properties.focus.offset === 0 && newFocusSpan.text.length === op.newProperties.focus.offset;
+	if (applyOperation(editor, op), updateDirtyPaths(editor, getDirtyPaths(editor.snapshot.context, op)), editor.operations.push(op), normalize(editor, { operation: op }), op.type === "set.selection") {
+		if (op.properties && op.newProperties && op.properties.anchor && op.properties.focus && op.newProperties.anchor && op.newProperties.focus) {
+			let previousSelectionIsCollapsed = isCollapsedRange({
+				anchor: op.properties.anchor,
+				focus: op.properties.focus
+			}), newSelectionIsCollapsed = isCollapsedRange({
+				anchor: op.newProperties.anchor,
+				focus: op.newProperties.focus
+			});
+			if (previousSelectionIsCollapsed && newSelectionIsCollapsed) {
+				let focusSpan = getSpan(editor.snapshot, op.properties.focus.path)?.node, newFocusSpan = getSpan(editor.snapshot, op.newProperties.focus.path)?.node, sameParent = pathEquals(parentPath(op.properties.focus.path), parentPath(op.newProperties.focus.path)), movedToNextSpan = !1, movedToPreviousSpan = !1;
+				if (sameParent && focusSpan && newFocusSpan) {
+					let nextSibling = getSibling(editor.snapshot, op.properties.focus.path, { direction: "next" }), previousSibling = getSibling(editor.snapshot, op.properties.focus.path, { direction: "previous" });
+					movedToNextSpan = nextSibling !== void 0 && pathEquals(nextSibling.path, op.newProperties.focus.path) && focusSpan.text.length === op.properties.focus.offset && op.newProperties.focus.offset === 0, movedToPreviousSpan = previousSibling !== void 0 && pathEquals(previousSibling.path, op.newProperties.focus.path) && op.properties.focus.offset === 0 && newFocusSpan.text.length === op.newProperties.focus.offset;
+				}
+				!movedToNextSpan && !movedToPreviousSpan && (editor.snapshot.decoratorState = {});
 			}
-			!movedToNextSpan && !movedToPreviousSpan && (editor.snapshot.decoratorState = {});
-		}
-	} else editor.snapshot.decoratorState = {};
+		} else editor.snapshot.decoratorState = {};
+	}
 	editor.flushing || (editor.flushing = !0, Promise.resolve().then(() => {
 		editor.flushing = !1, editor.onChange({ operation: op }), editor.operations = [];
 	})), operationEvent && emitOperationEvent(editor.operationListeners.after, operationEvent);
@@ -7677,30 +7677,32 @@ function applyNodeProperties(editor, props, path) {
 	let nodeRecord = result.entry.node, propsRecord = props, keys = Object.keys(propsRecord), keyIndex = keys.indexOf("_key");
 	keyIndex !== -1 && (keys.splice(keyIndex, 1), keys.unshift("_key"));
 	let currentPath = path;
-	for (let key of keys) if (propsRecord[key] !== nodeRecord[key]) if (propsRecord[key] != null) {
-		let hadProperty = nodeRecord.hasOwnProperty(key), lastSegment = currentPath[currentPath.length - 1], renamedPath = key === "_key" && typeof propsRecord[key] == "string" && isKeyedSegment(lastSegment) ? [...currentPath.slice(0, -1), { _key: propsRecord[key] }] : void 0, inversePath = renamedPath ? [...renamedPath, key] : [...currentPath, key];
-		editor.apply({
-			type: "set",
+	for (let key of keys) if (propsRecord[key] !== nodeRecord[key]) {
+		if (propsRecord[key] != null) {
+			let hadProperty = nodeRecord.hasOwnProperty(key), lastSegment = currentPath[currentPath.length - 1], renamedPath = key === "_key" && typeof propsRecord[key] == "string" && isKeyedSegment(lastSegment) ? [...currentPath.slice(0, -1), { _key: propsRecord[key] }] : void 0, inversePath = renamedPath ? [...renamedPath, key] : [...currentPath, key];
+			editor.apply({
+				type: "set",
+				path: [...currentPath, key],
+				value: propsRecord[key],
+				inverse: hadProperty ? {
+					type: "set",
+					path: inversePath,
+					value: nodeRecord[key]
+				} : {
+					type: "unset",
+					path: inversePath
+				}
+			}), renamedPath && (currentPath = renamedPath);
+		} else nodeRecord.hasOwnProperty(key) && editor.apply({
+			type: "unset",
 			path: [...currentPath, key],
-			value: propsRecord[key],
-			inverse: hadProperty ? {
+			inverse: {
 				type: "set",
-				path: inversePath,
+				path: [...currentPath, key],
 				value: nodeRecord[key]
-			} : {
-				type: "unset",
-				path: inversePath
 			}
-		}), renamedPath && (currentPath = renamedPath);
-	} else nodeRecord.hasOwnProperty(key) && editor.apply({
-		type: "unset",
-		path: [...currentPath, key],
-		inverse: {
-			type: "set",
-			path: [...currentPath, key],
-			value: nodeRecord[key]
-		}
-	});
+		});
+	}
 }
 /**
 * Create a placeholder text block -- the empty initial block used when the
@@ -7819,7 +7821,7 @@ function richDescentToParent(input, path) {
 * 3. **Global fallback with position-validity.** Falls back to the
 *    top-level rich `containers` map keyed by `_type`. Activates only
 *    when schema-at-position permits the registered `arrayField`
-*    (for containers) or simply declares `_type` (for leaves).
+*    (for containers) or declares `_type` (for leaves).
 *    Registration is type-keyed; activation is position-gated.
 */
 function resolveContainerByPath(input, path, node) {
@@ -8759,8 +8761,10 @@ function bitap(text, pattern, loc, opts = {}) {
 			let charMatch = s[text.charAt(j - 1)];
 			if (d === 0 ? rd[j] = (rd[j + 1] << 1 | 1) & charMatch : rd[j] = (rd[j + 1] << 1 | 1) & charMatch | (lastRd[j + 1] | lastRd[j]) << 1 | 1 | lastRd[j + 1], rd[j] & matchmask) {
 				let score = getBitapScore(d, j - 1);
-				if (score <= scoreThreshold) if (scoreThreshold = score, bestLoc = j - 1, bestLoc > loc) start = Math.max(1, 2 * loc - bestLoc);
-				else break;
+				if (score <= scoreThreshold) {
+					if (scoreThreshold = score, bestLoc = j - 1, bestLoc > loc) start = Math.max(1, 2 * loc - bestLoc);
+					else break;
+				}
 			}
 		}
 		if (getBitapScore(d + 1, loc) > scoreThreshold) break;
@@ -10387,9 +10391,9 @@ function isBlockLike(value) {
 * drag origin in a way that would make the drop a no-op.
 *
 * Two expanded selections that only touch at a single endpoint are not treated
-* as a self-drop — the drop position covers an adjacent block (typical when
+* as a self-drop: the drop position covers an adjacent block (typical when
 * dragging a block-object onto the next block via the expanded fallback in
-* `getEventPosition`), and the user genuinely wants the drop to happen.
+* `getEventPosition`), so the drop should go through.
 *
 * Chrome drags emit a collapsed selection pointing AT the dragged container.
 * A drop position whose path descends into that container is dropping the
@@ -11222,59 +11226,65 @@ function isBeforePath(path, another, root) {
 }
 const removeAnnotationOperationImplementation = ({ snapshot, operation }) => {
 	let editor = operation.editor, at = operation.at ? resolveSelection(operation.editor, operation.at) : null, effectiveSelection = at ?? editor.snapshot.context.selection;
-	if (effectiveSelection) if (isCollapsedRange(effectiveSelection)) {
-		let blockEntry = getParent(snapshot, effectiveSelection.focus.path, { match: (node) => isTextBlock({ schema: editor.snapshot.context.schema }, node) });
-		if (!blockEntry) return;
-		let { node: block, path: blockPath } = blockEntry, potentialAnnotations = (block.markDefs ?? []).filter((markDef) => markDef._type === operation.annotation.name), selectedChildEntry = getNode(editor.snapshot, effectiveSelection.focus.path);
-		if (!selectedChildEntry) return;
-		let { node: selectedChild, path: selectedChildPath } = selectedChildEntry;
-		if (!isSpan({ schema: editor.snapshot.context.schema }, selectedChild)) return;
-		let annotationToRemove = selectedChild.marks?.find((mark) => potentialAnnotations.some((markDef) => markDef._key === mark));
-		if (!annotationToRemove) return;
-		let previousSpansWithSameAnnotation = [], reversedChildren = getChildren(editor.snapshot, blockPath);
-		for (let index = reversedChildren.length - 1; index >= 0; index--) {
-			let entry = reversedChildren[index];
-			if (!entry) continue;
-			let { node: child, path: childPath } = entry;
-			if (isSpan({ schema: editor.snapshot.context.schema }, child) && isBeforePath(childPath, selectedChildPath, editor.snapshot.context)) if (child.marks?.includes(annotationToRemove)) previousSpansWithSameAnnotation.push([child, childPath]);
-			else break;
-		}
-		let nextSpansWithSameAnnotation = [];
-		for (let { node: child, path: childPath } of getChildren(editor.snapshot, blockPath)) if (isSpan({ schema: editor.snapshot.context.schema }, child) && isAfterPath(childPath, selectedChildPath, editor.snapshot.context)) if (child.marks?.includes(annotationToRemove)) nextSpansWithSameAnnotation.push([child, childPath]);
-		else break;
-		for (let [child, childPath] of [
-			...previousSpansWithSameAnnotation,
-			[selectedChild, selectedChildPath],
-			...nextSpansWithSameAnnotation
-		]) applyNodeProperties(editor, { marks: child.marks?.filter((mark) => mark !== annotationToRemove) }, childPath);
-	} else {
-		let ref = at ? rangeRef(editor, at, { affinity: "inward" }) : null;
-		withoutNormalizing(editor, () => {
-			let splitRange = at ?? editor.snapshot.context.selection;
-			if (splitRange && isRange(splitRange)) {
-				let splitLeaf = getNode(editor.snapshot, splitRange.anchor.path)?.node;
-				if (!(splitLeaf && isCollapsedRange(splitRange) && isSpan({ schema: editor.snapshot.context.schema }, splitLeaf) && splitLeaf.text.length > 0)) {
-					let splitRangeRef = rangeRef(editor, splitRange, { affinity: "inward" }), [splitStart, splitEnd] = rangeEdges(splitRange, editor.snapshot.context);
-					(!isEnd(editor, splitEnd, splitEnd.path) || !isEdge(editor, splitEnd, splitEnd.path)) && applySplitNode(editor, splitEnd.path, splitEnd.offset), (!isStart(editor, splitStart, splitStart.path) || !isEdge(editor, splitStart, splitStart.path)) && applySplitNode(editor, splitStart.path, splitStart.offset);
-					let updatedSplitRange = splitRangeRef.unref();
-					!at && updatedSplitRange && applySelect(editor, updatedSplitRange);
+	if (effectiveSelection) {
+		if (isCollapsedRange(effectiveSelection)) {
+			let blockEntry = getParent(snapshot, effectiveSelection.focus.path, { match: (node) => isTextBlock({ schema: editor.snapshot.context.schema }, node) });
+			if (!blockEntry) return;
+			let { node: block, path: blockPath } = blockEntry, potentialAnnotations = (block.markDefs ?? []).filter((markDef) => markDef._type === operation.annotation.name), selectedChildEntry = getNode(editor.snapshot, effectiveSelection.focus.path);
+			if (!selectedChildEntry) return;
+			let { node: selectedChild, path: selectedChildPath } = selectedChildEntry;
+			if (!isSpan({ schema: editor.snapshot.context.schema }, selectedChild)) return;
+			let annotationToRemove = selectedChild.marks?.find((mark) => potentialAnnotations.some((markDef) => markDef._key === mark));
+			if (!annotationToRemove) return;
+			let previousSpansWithSameAnnotation = [], reversedChildren = getChildren(editor.snapshot, blockPath);
+			for (let index = reversedChildren.length - 1; index >= 0; index--) {
+				let entry = reversedChildren[index];
+				if (!entry) continue;
+				let { node: child, path: childPath } = entry;
+				if (isSpan({ schema: editor.snapshot.context.schema }, child) && isBeforePath(childPath, selectedChildPath, editor.snapshot.context)) {
+					if (child.marks?.includes(annotationToRemove)) previousSpansWithSameAnnotation.push([child, childPath]);
+					else break;
 				}
 			}
-			let blocks = Array.from(getNodes(editor.snapshot, {
-				from: rangeStart(effectiveSelection, editor.snapshot.context).path,
-				to: rangeEnd(effectiveSelection, editor.snapshot.context).path,
-				match: (node) => isTextBlock({ schema: editor.snapshot.context.schema }, node)
-			})), selectionRange = ref?.current ?? editor.snapshot.context.selection;
-			for (let { node: block, path: blockPath } of blocks) {
-				if (!isTextBlock({ schema: editor.snapshot.context.schema }, block)) continue;
-				let children = getChildren(editor.snapshot, blockPath);
-				for (let { node: child, path: childPath } of children) {
-					if (!isSpan({ schema: editor.snapshot.context.schema }, child) || !selectionRange || !rangeIntersects(editor.snapshot, selectionRange, childPath)) continue;
-					let markDefs = block.markDefs ?? [], marks = child.marks ?? [], marksWithoutAnnotation = marks.filter((mark) => markDefs.find((markDef) => markDef._key === mark)?._type !== operation.annotation.name);
-					marksWithoutAnnotation.length !== marks.length && applyNodeProperties(editor, { marks: marksWithoutAnnotation }, childPath);
-				}
+			let nextSpansWithSameAnnotation = [];
+			for (let { node: child, path: childPath } of getChildren(editor.snapshot, blockPath)) if (isSpan({ schema: editor.snapshot.context.schema }, child) && isAfterPath(childPath, selectedChildPath, editor.snapshot.context)) {
+				if (child.marks?.includes(annotationToRemove)) nextSpansWithSameAnnotation.push([child, childPath]);
+				else break;
 			}
-		}), ref?.unref();
+			for (let [child, childPath] of [
+				...previousSpansWithSameAnnotation,
+				[selectedChild, selectedChildPath],
+				...nextSpansWithSameAnnotation
+			]) applyNodeProperties(editor, { marks: child.marks?.filter((mark) => mark !== annotationToRemove) }, childPath);
+		} else {
+			let ref = at ? rangeRef(editor, at, { affinity: "inward" }) : null;
+			withoutNormalizing(editor, () => {
+				let splitRange = at ?? editor.snapshot.context.selection;
+				if (splitRange && isRange(splitRange)) {
+					let splitLeaf = getNode(editor.snapshot, splitRange.anchor.path)?.node;
+					if (!(splitLeaf && isCollapsedRange(splitRange) && isSpan({ schema: editor.snapshot.context.schema }, splitLeaf) && splitLeaf.text.length > 0)) {
+						let splitRangeRef = rangeRef(editor, splitRange, { affinity: "inward" }), [splitStart, splitEnd] = rangeEdges(splitRange, editor.snapshot.context);
+						(!isEnd(editor, splitEnd, splitEnd.path) || !isEdge(editor, splitEnd, splitEnd.path)) && applySplitNode(editor, splitEnd.path, splitEnd.offset), (!isStart(editor, splitStart, splitStart.path) || !isEdge(editor, splitStart, splitStart.path)) && applySplitNode(editor, splitStart.path, splitStart.offset);
+						let updatedSplitRange = splitRangeRef.unref();
+						!at && updatedSplitRange && applySelect(editor, updatedSplitRange);
+					}
+				}
+				let blocks = Array.from(getNodes(editor.snapshot, {
+					from: rangeStart(effectiveSelection, editor.snapshot.context).path,
+					to: rangeEnd(effectiveSelection, editor.snapshot.context).path,
+					match: (node) => isTextBlock({ schema: editor.snapshot.context.schema }, node)
+				})), selectionRange = ref?.current ?? editor.snapshot.context.selection;
+				for (let { node: block, path: blockPath } of blocks) {
+					if (!isTextBlock({ schema: editor.snapshot.context.schema }, block)) continue;
+					let children = getChildren(editor.snapshot, blockPath);
+					for (let { node: child, path: childPath } of children) {
+						if (!isSpan({ schema: editor.snapshot.context.schema }, child) || !selectionRange || !rangeIntersects(editor.snapshot, selectionRange, childPath)) continue;
+						let markDefs = block.markDefs ?? [], marks = child.marks ?? [], marksWithoutAnnotation = marks.filter((mark) => markDefs.find((markDef) => markDef._key === mark)?._type !== operation.annotation.name);
+						marksWithoutAnnotation.length !== marks.length && applyNodeProperties(editor, { marks: marksWithoutAnnotation }, childPath);
+					}
+				}
+			}), ref?.unref();
+		}
 	}
 };
 /**
@@ -13014,12 +13024,13 @@ const insertChildOperationImplementation = ({ snapshot, operation }) => {
 	let node = nodeEntry.node;
 	if (isLeafObject(editor.snapshot, node, nodeEntry.path)) {
 		let nextSibling = getSibling(editor.snapshot, nodeEntry.path, { direction: "next" });
-		if (nextSibling) if (getSpan(editor.snapshot, nextSibling.path)) path = nextSibling.path, offset = 0, applySelect(editor, {
-			path,
-			offset
-		});
-		else return;
-		else return;
+		if (nextSibling) {
+			if (getSpan(editor.snapshot, nextSibling.path)) path = nextSibling.path, offset = 0, applySelect(editor, {
+				path,
+				offset
+			});
+			else return;
+		} else return;
 	}
 	operation.text.length > 0 && editor.apply({
 		type: "insert.text",
@@ -16142,49 +16153,51 @@ async function updateValue({ context, sendBack, editorEngine, streamBlocks, valu
 	if ((!value || value.length === 0) && (clearEditor({
 		editorEngine,
 		doneSyncing
-	}), isChanged = !0), value && value.length > 0) if (streamBlocks) await new Promise((resolve) => {
-		if (doneSyncing) {
-			resolve();
-			return;
-		}
-		isChanged = removeExtraBlocks({
-			editorEngine,
-			value
+	}), isChanged = !0), value && value.length > 0) {
+		if (streamBlocks) await new Promise((resolve) => {
+			if (doneSyncing) {
+				resolve();
+				return;
+			}
+			isChanged = removeExtraBlocks({
+				editorEngine,
+				value
+			});
+			let processBlocks = async () => {
+				for await (let [currentBlock, currentBlockIndex] of getStreamedBlocks({ value })) {
+					let { blockChanged, blockValid } = syncBlock({
+						context,
+						sendBack,
+						block: currentBlock,
+						index: currentBlockIndex,
+						editorEngine,
+						value
+					});
+					if (isChanged = blockChanged || isChanged, isValid &&= blockValid, !isValid) break;
+				}
+				resolve();
+			};
+			processBlocks();
 		});
-		let processBlocks = async () => {
-			for await (let [currentBlock, currentBlockIndex] of getStreamedBlocks({ value })) {
+		else {
+			if (doneSyncing) return;
+			isChanged = removeExtraBlocks({
+				editorEngine,
+				value
+			});
+			let index = 0;
+			for (let block of value) {
 				let { blockChanged, blockValid } = syncBlock({
 					context,
 					sendBack,
-					block: currentBlock,
-					index: currentBlockIndex,
+					block,
+					index,
 					editorEngine,
 					value
 				});
-				if (isChanged = blockChanged || isChanged, isValid &&= blockValid, !isValid) break;
+				if (isChanged = blockChanged || isChanged, isValid &&= blockValid, !blockValid) break;
+				index++;
 			}
-			resolve();
-		};
-		processBlocks();
-	});
-	else {
-		if (doneSyncing) return;
-		isChanged = removeExtraBlocks({
-			editorEngine,
-			value
-		});
-		let index = 0;
-		for (let block of value) {
-			let { blockChanged, blockValid } = syncBlock({
-				context,
-				sendBack,
-				block,
-				index,
-				editorEngine,
-				value
-			});
-			if (isChanged = blockChanged || isChanged, isValid &&= blockValid, !blockValid) break;
-			index++;
 		}
 	}
 	if (!isValid) {