@portabletext/editor 7.6.2 → 7.8.0

package/lib/index.js

@@ -5,11 +5,11 @@ import React, { createContext, useContext, useRef, useEffect, useLayoutEffect, u
 import { serializePath, isKeyedSegment, getNode, getParent, parentPath, getChildren, getNodeChildren } from "./_chunks-es/get-parent.js";
 import { isPath, getLeaf, isRange, isPoint, isObject, isLeafObject, getAncestor, pathContains, getSpan, isBeforePoint, getText, rangeIntersects, getTextBlock, getUnionSchema, getFirstChild } from "./_chunks-es/get-first-child.js";
 import { rangeEdges, isTextBlockNode, isBackwardRange, hasNode, getNodes, isAncestorPath, isEditableContainer, getSibling, isInline, isObject as isObject$1, isSpanNode, isBlock, getEnclosingBlock, getAncestors, getPathSubSchema, getBlock, resolveContainerAt, comparePaths, getEnclosingContainer, comparePoints$1 as comparePoints, isAfterPoint } from "./_chunks-es/get-path-sub-schema.js";
-import { isSpan, isTextBlock, compileSchema } from "@portabletext/schema";
+import { isSpan, isTextBlock, getSubSchema, compileSchema } from "@portabletext/schema";
 import { defineSchema } from "@portabletext/schema";
 import scrollIntoView from "scroll-into-view-if-needed";
 import { createKeyboardShortcut, undo, redo, code, underline, italic as italic$1, bold as bold$1 } from "@portabletext/keyboard-shortcuts";
-import { rangesOverlap, getFocusInlineObject, isSelectionCollapsed as isSelectionCollapsed$1, getFocusTextBlock, getFocusSpan, getFragment, isSelectionExpanded, getSelectionStartBlock, getSelectionEndBlock, isOverlappingSelection, getFocusBlock, getSelectedBlocks, isSelectingEntireBlocks, getSelectedValue, isActiveAnnotation, getActiveAnnotationsMarks, getActiveDecorators, getCaretWordSelection, getSelectionStartChild, getSelectionEndChild, getPreviousSpan, getNextSpan, getSelectionStartPoint, getSelectionEndPoint, getFocusBlockObject, getLastBlock, getFirstBlock, isAtTheEndOfBlock, isAtTheStartOfBlock, getMarkState, getFocusListBlock, getNextBlock, getPreviousBlock, getSelectedTextBlocks, getRootAcceptedTypes, isActiveDecorator, getFocusChild, getActiveAnnotations, isActiveListItem, isActiveStyle } from "./_chunks-es/selector.is-at-the-start-of-block.js";
+import { rangesOverlap, getFocusInlineObject, getFocusTextBlock, getFocusSpan, getFragment, isSelectionExpanded, getSelectionStartBlock, getSelectionEndBlock, isOverlappingSelection, isSelectionCollapsed as isSelectionCollapsed$1, getFocusBlock, getSelectedBlocks, isSelectingEntireBlocks, getSelectedValue, isActiveAnnotation, getActiveAnnotationsMarks, getActiveDecorators, getCaretWordSelection, getSelectionStartChild, getSelectionEndChild, getPreviousSpan, getNextSpan, getSelectionStartPoint, getSelectionEndPoint, getFocusBlockObject, getLastBlock, getFirstBlock, isAtTheEndOfBlock, isAtTheStartOfBlock, getRootAcceptedTypes, getMarkState, getFocusListBlock, getNextBlock, getPreviousBlock, getSelectedTextBlocks, isActiveDecorator, getFocusChild, getActiveAnnotations, isActiveListItem, isActiveStyle } from "./_chunks-es/selector.is-at-the-start-of-block.js";
 import { isEqualSelectionPoints, blockOffsetToSpanSelectionPoint, getBlockKeyFromSelectionPoint, getBlockEndPoint, getBlockStartPoint, isSelectionCollapsed, defaultKeyGenerator, parseBlocks, parseBlock, isListBlock, getSelectionStartPoint as getSelectionStartPoint$1, getSelectionEndPoint as getSelectionEndPoint$1, parseAnnotation, parseMarkDefs, parseSpan, parseInlineObject } from "./_chunks-es/util.slice-blocks.js";
 import rawDebug from "debug";
 import { isEmptyTextBlock, getTextBlockText } from "./_chunks-es/util.is-empty-text-block.js";
@@ -4046,6 +4046,9 @@ const debug = {
   syncValue: createDebugger("sync:value"),
   syncPatch: createDebugger("sync:patch")
 };
+function isDragEvent(event) {
+  return "dataTransfer" in event;
+}
 function getEventPosition({
   editorActor,
   editorEngine,
@@ -4085,6 +4088,22 @@ function getEventPosition({
         }
       }
     };
+  if (eventPositionBlock && !isEditor(eventNode) && isEditableContainer(editorEngine.snapshot, eventNode, eventPath) && isDragEvent(event))
+    return {
+      block: eventPositionBlock,
+      isEditor: !1,
+      isContainer: !0,
+      selection: {
+        anchor: {
+          path: eventPath,
+          offset: 0
+        },
+        focus: {
+          path: eventPath,
+          offset: 0
+        }
+      }
+    };
   if (eventBlock && eventBlockPath && eventPositionBlock && !eventSelection && !isEventContainer(editorEngine, eventNode, eventPath))
     return {
       block: eventPositionBlock,
@@ -4227,16 +4246,6 @@ function getSelectionFromEvent(editor, event) {
 function isEventContainer(editorEngine, eventNode, eventPath) {
   return isEditor(eventNode) ? !0 : isEditableContainer(editorEngine.snapshot, eventNode, eventPath);
 }
-function createEditorPriority(config) {
-  return {
-    id: defaultKeyGenerator(),
-    name: config?.name,
-    reference: config?.reference
-  };
-}
-const corePriority = createEditorPriority({
-  name: "core"
-});
 function getDragSelection({
   eventSelection,
   snapshot
@@ -4306,6 +4315,16 @@ function getDragSelection({
   }
   return dragSelection;
 }
+function createEditorPriority(config) {
+  return {
+    id: defaultKeyGenerator(),
+    name: config?.name,
+    reference: config?.reference
+  };
+}
+const corePriority = createEditorPriority({
+  name: "core"
+});
 function createDropPositionBehaviorsConfig({
   setDropPosition
 }) {
@@ -5055,6 +5074,23 @@ function getSelectionState(snapshot, selection) {
     selectedContainerPaths: selectedContainerPaths.size > 0 ? selectedContainerPaths : emptySet$1
   };
 }
+function subscribeCoalesced(actor, observer) {
+  let scheduled = !1, active = !0;
+  const subscription = actor.subscribe({
+    next: observer.next ? () => {
+      scheduled || !active || (scheduled = !0, queueMicrotask(() => {
+        scheduled = !1, active && observer.next?.();
+      }));
+    } : void 0,
+    error: observer.error,
+    complete: observer.complete
+  });
+  return {
+    unsubscribe: () => {
+      active = !1, subscription.unsubscribe();
+    }
+  };
+}
 const emptySet = /* @__PURE__ */ new Set(), defaultSelectionState = {
   focusedLeafPath: void 0,
   selectedLeafPaths: emptySet,
@@ -5115,17 +5151,15 @@ function SelectionStateProvider(t0) {
       for (const cb of subscribersRef.current)
         cb();
     }
-    let pendingRecompute = !1;
-    const subscription = editorActor.subscribe(() => {
-      pendingRecompute || (pendingRecompute = !0, queueMicrotask(() => {
-        pendingRecompute = !1;
+    const subscription = subscribeCoalesced(editorActor, {
+      next: () => {
         const newState = computeCurrent();
         if (!selectionStatesEqual(stateRef.current, newState)) {
           stateRef.current = newState;
           for (const cb_0 of subscribersRef.current)
             cb_0();
         }
-      }));
+      }
     });
     return () => subscription.unsubscribe();
   }, t3 = [editorActor, computeCurrent], $[3] = computeCurrent, $[4] = editorActor, $[5] = t2, $[6] = t3) : (t2 = $[5], t3 = $[6]), useEffect(t2, t3);
@@ -5385,6 +5419,90 @@ function RenderChild$1({
     value
   });
 }
+const levelIndexMaps = /* @__PURE__ */ new Map();
+function buildIndexMaps(context, {
+  blockIndexMap,
+  listIndexMap
+}) {
+  blockIndexMap.clear();
+  for (let blockIndex = 0; blockIndex < context.value.length; blockIndex++) {
+    const block = context.value.at(blockIndex);
+    if (block === void 0 || block._key === void 0)
+      continue;
+    const blockPath = [{
+      _key: block._key
+    }], blockKey = serializePath(blockPath);
+    blockIndexMap.has(blockKey) || blockIndexMap.set(blockKey, blockIndex), collectDescendantIndexes(context, block, blockPath, void 0, blockIndexMap);
+  }
+  buildListIndexMap(context, listIndexMap);
+}
+function buildListIndexMap(context, listIndexMap) {
+  listIndexMap.clear(), levelIndexMaps.clear();
+  let previousListItem;
+  for (let blockIndex = 0; blockIndex < context.value.length; blockIndex++) {
+    const block = context.value.at(blockIndex);
+    if (block === void 0)
+      continue;
+    const blockPath = [{
+      _key: block._key
+    }];
+    if (!isTextBlockNode(context, block)) {
+      levelIndexMaps.clear(), previousListItem = void 0;
+      continue;
+    }
+    if (block.listItem === void 0 || block.level === void 0) {
+      levelIndexMaps.clear(), previousListItem = void 0;
+      continue;
+    }
+    if (!previousListItem) {
+      const levelIndexMap2 = levelIndexMaps.get(block.listItem) ?? /* @__PURE__ */ new Map();
+      levelIndexMap2.set(block.level, 1), levelIndexMaps.set(block.listItem, levelIndexMap2), listIndexMap.set(serializePath(blockPath), 1), previousListItem = {
+        listItem: block.listItem,
+        level: block.level
+      };
+      continue;
+    }
+    if (previousListItem.listItem === block.listItem && previousListItem.level < block.level) {
+      const levelIndexMap2 = levelIndexMaps.get(block.listItem) ?? /* @__PURE__ */ new Map();
+      levelIndexMap2.set(block.level, 1), levelIndexMaps.set(block.listItem, levelIndexMap2), listIndexMap.set(serializePath(blockPath), 1), previousListItem = {
+        listItem: block.listItem,
+        level: block.level
+      };
+      continue;
+    }
+    levelIndexMaps.forEach((levelIndexMap2, listItem) => {
+      if (listItem === block.listItem)
+        return;
+      const levelsToDelete = [];
+      levelIndexMap2.forEach((_, level) => {
+        level >= block.level && levelsToDelete.push(level);
+      }), levelsToDelete.forEach((level) => {
+        levelIndexMap2.delete(level);
+      });
+    });
+    const levelIndexMap = levelIndexMaps.get(block.listItem) ?? /* @__PURE__ */ new Map(), levelCounter = levelIndexMap.get(block.level) ?? 0;
+    levelIndexMap.set(block.level, levelCounter + 1), levelIndexMaps.set(block.listItem, levelIndexMap), listIndexMap.set(serializePath(blockPath), levelCounter + 1), previousListItem = {
+      listItem: block.listItem,
+      level: block.level
+    };
+  }
+}
+function getListIndexMap(editor) {
+  return editor.listIndexMapDirty && (buildListIndexMap(editor.snapshot.context, editor.listIndexMap), editor.listIndexMapDirty = !1), editor.listIndexMap;
+}
+function collectDescendantIndexes(context, node, nodePath, parent, blockIndexMap) {
+  const result = getNodeChildren(context, node, parent);
+  if (result)
+    for (let i = 0; i < result.children.length; i++) {
+      const child = result.children[i];
+      if (!child._key)
+        continue;
+      const childSegment = {
+        _key: child._key
+      }, childPath = [...nodePath, result.fieldName, childSegment], childKey = serializePath(childPath);
+      blockIndexMap.has(childKey) || blockIndexMap.set(childKey, i), collectDescendantIndexes(context, child, childPath, result.parent, blockIndexMap);
+    }
+}
 function RenderTextBlock(props) {
   const $ = c(79), blockRef = useRef(null);
   let t0;
@@ -5399,7 +5517,7 @@ function RenderTextBlock(props) {
   $[5] !== props.path ? (t2 = serializePath(props.path), $[5] = props.path, $[6] = t2) : t2 = $[6];
   const serializedPath = t2, selected = useIsSelectedContainer(serializedPath), focused = useIsFocusedContainer(serializedPath), dropPosition = useElementDropPosition(props.path);
   let t3;
-  $[7] !== serializedPath ? (t3 = (editor) => editor.listIndexMap.get(serializedPath), $[7] = serializedPath, $[8] = t3) : t3 = $[8];
+  $[7] !== serializedPath ? (t3 = (editor) => getListIndexMap(editor).get(serializedPath), $[7] = serializedPath, $[8] = t3) : t3 = $[8];
   const listIndex = useEngineSelector(t3), subSchema = useBlockSubSchema(props.path);
   let children = props.children;
   if (props.legacy.renderStyle && props.textBlock.style) {
@@ -6024,7 +6142,7 @@ function validateSelection(editorEngine, editorElement) {
     const newDOMRange = DOMEditor.toDOMRange(editorEngine, editorEngine.snapshot.context.selection);
     (newDOMRange.startOffset !== existingDOMRange.startOffset || newDOMRange.endOffset !== existingDOMRange.endOffset) && (debug.selection("DOM range out of sync, validating selection"), domSelection?.removeAllRanges(), domSelection.addRange(newDOMRange));
   } catch {
-    debug.selection("Could not resolve selection, selecting top document"), applyDeselect(editorEngine), editorEngine.snapshot.context.value.length > 0 && applySelect(editorEngine, start(editorEngine, [])), editorEngine.onChange();
+    debug.selection("Could not resolve selection, skipping DOM sync this tick");
   }
 }
 const PortableTextEditable = forwardRef(function(props, forwardedRef) {
@@ -6416,9 +6534,16 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
       console.warn("Could not find position for dragstart event");
       return;
     }
+    const dragPosition = {
+      ...position_4,
+      selection: getDragSelection({
+        snapshot: editorEngine.snapshot,
+        eventSelection: position_4.selection
+      })
+    };
     return editorActor.send({
       type: "dragstart",
-      origin: position_4
+      origin: dragPosition
     }), editorActor.send({
       type: "behavior event",
       behaviorEvent: {
@@ -6428,7 +6553,7 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
           clientY: event_8.clientY,
           dataTransfer: event_8.dataTransfer
         },
-        position: position_4
+        position: dragPosition
       },
       editor: editorEngine
     }), !0;
@@ -9208,87 +9333,6 @@ class BlockIndexMap extends Map {
     }]));
   }
 }
-const levelIndexMaps = /* @__PURE__ */ new Map();
-function buildIndexMaps(context, {
-  blockIndexMap,
-  listIndexMap
-}) {
-  blockIndexMap.clear();
-  for (let blockIndex = 0; blockIndex < context.value.length; blockIndex++) {
-    const block = context.value.at(blockIndex);
-    if (block === void 0 || block._key === void 0)
-      continue;
-    const blockPath = [{
-      _key: block._key
-    }], blockKey = serializePath(blockPath);
-    blockIndexMap.has(blockKey) || blockIndexMap.set(blockKey, blockIndex), collectDescendantIndexes(context, block, blockPath, void 0, blockIndexMap);
-  }
-  buildListIndexMap(context, listIndexMap);
-}
-function buildListIndexMap(context, listIndexMap) {
-  listIndexMap.clear(), levelIndexMaps.clear();
-  let previousListItem;
-  for (let blockIndex = 0; blockIndex < context.value.length; blockIndex++) {
-    const block = context.value.at(blockIndex);
-    if (block === void 0)
-      continue;
-    const blockPath = [{
-      _key: block._key
-    }];
-    if (!isTextBlockNode(context, block)) {
-      levelIndexMaps.clear(), previousListItem = void 0;
-      continue;
-    }
-    if (block.listItem === void 0 || block.level === void 0) {
-      levelIndexMaps.clear(), previousListItem = void 0;
-      continue;
-    }
-    if (!previousListItem) {
-      const levelIndexMap2 = levelIndexMaps.get(block.listItem) ?? /* @__PURE__ */ new Map();
-      levelIndexMap2.set(block.level, 1), levelIndexMaps.set(block.listItem, levelIndexMap2), listIndexMap.set(serializePath(blockPath), 1), previousListItem = {
-        listItem: block.listItem,
-        level: block.level
-      };
-      continue;
-    }
-    if (previousListItem.listItem === block.listItem && previousListItem.level < block.level) {
-      const levelIndexMap2 = levelIndexMaps.get(block.listItem) ?? /* @__PURE__ */ new Map();
-      levelIndexMap2.set(block.level, 1), levelIndexMaps.set(block.listItem, levelIndexMap2), listIndexMap.set(serializePath(blockPath), 1), previousListItem = {
-        listItem: block.listItem,
-        level: block.level
-      };
-      continue;
-    }
-    levelIndexMaps.forEach((levelIndexMap2, listItem) => {
-      if (listItem === block.listItem)
-        return;
-      const levelsToDelete = [];
-      levelIndexMap2.forEach((_, level) => {
-        level >= block.level && levelsToDelete.push(level);
-      }), levelsToDelete.forEach((level) => {
-        levelIndexMap2.delete(level);
-      });
-    });
-    const levelIndexMap = levelIndexMaps.get(block.listItem) ?? /* @__PURE__ */ new Map(), levelCounter = levelIndexMap.get(block.level) ?? 0;
-    levelIndexMap.set(block.level, levelCounter + 1), levelIndexMaps.set(block.listItem, levelIndexMap), listIndexMap.set(serializePath(blockPath), levelCounter + 1), previousListItem = {
-      listItem: block.listItem,
-      level: block.level
-    };
-  }
-}
-function collectDescendantIndexes(context, node, nodePath, parent, blockIndexMap) {
-  const result = getNodeChildren(context, node, parent);
-  if (result)
-    for (let i = 0; i < result.children.length; i++) {
-      const child = result.children[i];
-      if (!child._key)
-        continue;
-      const childSegment = {
-        _key: child._key
-      }, childPath = [...nodePath, result.fieldName, childSegment], childKey = serializePath(childPath);
-      blockIndexMap.has(childKey) || blockIndexMap.set(childKey, i), collectDescendantIndexes(context, child, childPath, result.parent, blockIndexMap);
-    }
-}
 function withRemoteChanges(editor, fn) {
   const prev = editor.isProcessingRemoteChanges;
   editor.isProcessingRemoteChanges = !0, fn(), editor.isProcessingRemoteChanges = prev;
@@ -10607,10 +10651,7 @@ ${safeStringify(event.operation, 2)}`);
     operation.type !== "set.selection" && (operation.type === "insert.text" || operation.type === "remove.text" || (transformBlockIndexMap(editor.blockIndexMap, operation, event.beforeValue, editor.snapshot.context.value, {
       schema: context.schema,
       containers: editor.snapshot.context.containers
-    }), operation.path.length <= 2 && buildListIndexMap({
-      schema: context.schema,
-      value: editor.snapshot.context.value
-    }, editor.listIndexMap)));
+    }), editor.listIndexMapDirty = !0));
   });
   return () => {
     unsubscribeNormalizationLog?.(), unsubscribeIndexMaps();
@@ -10644,7 +10685,7 @@ function createEditorEngine(config) {
   }, editor.containers = /* @__PURE__ */ new Map(), editor.blockObjects = /* @__PURE__ */ new Map(), editor.inlineObjects = /* @__PURE__ */ new Map(), editor.spans = /* @__PURE__ */ new Map(), editor.textBlocks = /* @__PURE__ */ new Map(), editor.decoratedRanges = [], editor.blockIndexMap = blockIndexMap, editor.history = {
     undos: [],
     redos: []
-  }, editor.listIndexMap = /* @__PURE__ */ new Map(), editor.remotePatches = [], editor.undoStepId = void 0, editor.isDeferringMutations = !1, editor.isNormalizingNode = !1, editor.isPatching = !0, editor.isPerformingBehaviorOperation = !1, editor.isProcessingRemoteChanges = !1, editor.isRedoing = !1, editor.isUndoing = !1, editor.withHistory = !0;
+  }, editor.listIndexMap = /* @__PURE__ */ new Map(), editor.listIndexMapDirty = !1, editor.remotePatches = [], editor.undoStepId = void 0, editor.isDeferringMutations = !1, editor.isNormalizingNode = !1, editor.isPatching = !0, editor.isPerformingBehaviorOperation = !1, editor.isProcessingRemoteChanges = !1, editor.isRedoing = !1, editor.isUndoing = !1, editor.withHistory = !0;
   const editorEngine = plugins(withDOM(editor), {
     editorActor: config.editorActor
   });
@@ -11374,7 +11415,39 @@ function getCompoundClientRect(nodes) {
   }
   return new DOMRect(left, top, right - left, bottom - top);
 }
+function fitBlocksToDestination(snapshot, blocks) {
+  if (blocks.length === 0)
+    return [];
+  const startBlock = getSelectionStartBlock(snapshot);
+  if (!startBlock)
+    return [...blocks];
+  const resolvedAt = resolveContainerAt(snapshot.context.containers, snapshot.context.value, startBlock.path), subSchema = resolvedAt && "field" in resolvedAt && resolvedAt.of ? getSubSchema(snapshot.context.schema, resolvedAt.of) : getPathSubSchema(snapshot, startBlock.path), accepted = getRootAcceptedTypes(subSchema);
+  if (accepted.size === 0)
+    return [];
+  const result = [];
+  for (const block of blocks)
+    fitOne(block, accepted, result);
+  return result;
+}
+function fitOne(block, accepted, out) {
+  if (accepted.has(block._type)) {
+    out.push(block);
+    return;
+  }
+  for (const value of Object.values(block))
+    if (Array.isArray(value))
+      for (const child of value)
+        isBlockLike(child) && fitOne(child, accepted, out);
+}
+function isBlockLike(value) {
+  return typeof value == "object" && value !== null && "_type" in value && typeof value._type == "string";
+}
 function isDropTargetingDragOrigin(dropSelection, dragOriginSelection, snapshot) {
+  if (isCollapsedRange(dragOriginSelection)) {
+    const originPath = dragOriginSelection.anchor.path;
+    if (isAncestorPath(originPath, dropSelection.anchor.path) || isAncestorPath(originPath, dropSelection.focus.path))
+      return !0;
+  }
   if (!isOverlappingSelection(dropSelection)({
     ...snapshot,
     context: {
@@ -11413,25 +11486,18 @@ const coreDndBehaviors = [
           ...snapshot.context,
           selection: dragSelection
         }
-      }), draggedDomNodes = {
-        blockNodes: dom.getBlockNodes({
-          ...snapshot,
-          context: {
-            ...snapshot.context,
-            selection: dragSelection
-          }
-        }),
-        childNodes: dom.getChildNodes({
-          ...snapshot,
-          context: {
-            ...snapshot.context,
-            selection: dragSelection
-          }
-        })
+      }), dragSnapshot = {
+        ...snapshot,
+        context: {
+          ...snapshot.context,
+          selection: dragSelection
+        }
       };
       return {
-        dragSelection,
-        draggedDomNodes,
+        draggedDomNodes: {
+          blockNodes: dom.getBlockNodes(dragSnapshot),
+          childNodes: dom.getChildNodes(dragSnapshot)
+        },
         selectingEntireBlocks
       };
     },
@@ -11439,7 +11505,6 @@ const coreDndBehaviors = [
       dom,
       event
     }, {
-      dragSelection,
       draggedDomNodes,
       selectingEntireBlocks
     }) => {
@@ -11451,10 +11516,7 @@ const coreDndBehaviors = [
         const customGhost = dragGhost.querySelector("[data-pt-drag-ghost-element]");
         if (customGhost && dragGhost.replaceChildren(customGhost), dragGhost.setAttribute("data-dragged", ""), dragGhost.style.position = "absolute", dragGhost.style.left = "-99999px", dragGhost.style.boxSizing = "border-box", document.body.appendChild(dragGhost), customGhost) {
           const customGhostRect = customGhost.getBoundingClientRect(), x = event.originEvent.clientX - customGhostRect.left, y = event.originEvent.clientY - customGhostRect.top;
-          return dragGhost.style.width = `${customGhostRect.width}px`, dragGhost.style.height = `${customGhostRect.height}px`, [raise({
-            type: "select",
-            at: dragSelection
-          }), effect(() => {
+          return dragGhost.style.width = `${customGhostRect.width}px`, dragGhost.style.height = `${customGhostRect.height}px`, [effect(() => {
             dom.setDragGhost({
               event,
               ghost: {
@@ -11466,10 +11528,7 @@ const coreDndBehaviors = [
           }), forward(event)];
         } else {
           const blocksDomRect = getCompoundClientRect(draggedDomNodes.blockNodes), x = event.originEvent.clientX - blocksDomRect.left, y = event.originEvent.clientY - blocksDomRect.top;
-          return dragGhost.style.width = `${blocksDomRect.width}px`, dragGhost.style.height = `${blocksDomRect.height}px`, [raise({
-            type: "select",
-            at: dragSelection
-          }), effect(() => {
+          return dragGhost.style.width = `${blocksDomRect.width}px`, dragGhost.style.height = `${blocksDomRect.height}px`, [effect(() => {
             dom.setDragGhost({
               event,
               ghost: {
@@ -11486,10 +11545,7 @@ const coreDndBehaviors = [
           dragGhost.appendChild(child);
         dragGhost.style.position = "absolute", dragGhost.style.left = "-99999px", dragGhost.style.boxSizing = "border-box", document.body.appendChild(dragGhost);
         const childrenDomRect = getCompoundClientRect(draggedDomNodes.childNodes), x = event.originEvent.clientX - childrenDomRect.left, y = event.originEvent.clientY - childrenDomRect.top;
-        return dragGhost.style.width = `${childrenDomRect.width}px`, dragGhost.style.height = `${childrenDomRect.height}px`, [raise({
-          type: "select",
-          at: dragSelection
-        }), effect(() => {
+        return dragGhost.style.width = `${childrenDomRect.width}px`, dragGhost.style.height = `${childrenDomRect.height}px`, [effect(() => {
           dom.setDragGhost({
             event,
             ghost: {
@@ -11578,48 +11634,52 @@ const coreDndBehaviors = [
       const dragOrigin = event.originEvent.dragOrigin, dragSelection = getDragSelection({
         eventSelection: dragOrigin.selection,
         snapshot
-      }), dropPosition = event.originEvent.position.selection, droppingOnDragOrigin = dragOrigin ? isDropTargetingDragOrigin(dropPosition, dragSelection, snapshot) : !1, draggingEntireBlocks = isSelectingEntireBlocks({
+      }), dropPosition = event.originEvent.position.selection, droppingOnDragOrigin = dragOrigin ? isDropTargetingDragOrigin(dropPosition, dragSelection, snapshot) : !1, dragSnapshot = {
         ...snapshot,
         context: {
           ...snapshot.context,
           selection: dragSelection
         }
-      }), draggedBlocks = getFragment({
+      }, draggingEntireBlocks = isSelectingEntireBlocks(dragSnapshot), draggedNodes = getFragment(dragSnapshot), fittedBlocks = fitBlocksToDestination({
+        ...snapshot,
         context: {
           ...snapshot.context,
-          selection: dragSelection
+          selection: dropPosition
         }
-      });
+      }, event.data);
       return droppingOnDragOrigin ? !1 : {
         dropPosition,
         draggingEntireBlocks,
-        draggedBlocks,
+        draggedNodes,
         dragOrigin,
-        originEvent: event.originEvent
+        originEvent: event.originEvent,
+        fittedBlocks
       };
     },
-    actions: [({
-      event
-    }, {
+    actions: [(_, {
       draggingEntireBlocks,
-      draggedBlocks,
+      draggedNodes,
       dragOrigin,
       dropPosition,
-      originEvent
-    }) => [raise({
-      type: "select",
-      at: dropPosition
-    }), ...draggingEntireBlocks ? draggedBlocks.map((block) => raise({
-      type: "delete.block",
-      at: block.path
-    })) : [raise({
-      type: "delete",
-      at: dragOrigin.selection
-    })], raise({
-      type: "insert.blocks",
-      blocks: event.data,
-      placement: draggingEntireBlocks ? originEvent.position.block === "start" ? "before" : originEvent.position.block === "end" ? "after" : "auto" : "auto"
-    })]]
+      originEvent,
+      fittedBlocks
+    }) => {
+      const deleteEvents = draggingEntireBlocks ? draggedNodes.map((entry) => raise({
+        type: "unset",
+        at: entry.path
+      })) : [raise({
+        type: "delete",
+        at: dragOrigin.selection
+      })];
+      return [raise({
+        type: "select",
+        at: dropPosition
+      }), ...deleteEvents, raise({
+        type: "insert.blocks",
+        blocks: fittedBlocks,
+        placement: draggingEntireBlocks ? originEvent.position.block === "start" ? "before" : originEvent.position.block === "end" ? "after" : "auto" : "auto"
+      })];
+    }]
   })
 ], coreInsertBehaviors = [defineBehavior({
   on: "insert.text",
@@ -13268,13 +13328,15 @@ function removeLeadingChildrenOf(editor, blockPath, endChildPath) {
     removeNodeAt(editor, firstChild.path), firstChild = getFirstChild(editor.snapshot, blockPath);
 }
 function removeBlocksBetween(editor, startBlockPath, endBlockPath) {
-  let cursor = getSibling(editor.snapshot, startBlockPath, {
-    direction: "next"
+  let cursor = getSibling(editor.snapshot, endBlockPath, {
+    direction: "previous"
   });
-  for (; cursor && !pathEquals(cursor.path, endBlockPath); )
-    removeNodeAt(editor, cursor.path), cursor = getSibling(editor.snapshot, startBlockPath, {
-      direction: "next"
+  for (; cursor && !pathEquals(cursor.path, startBlockPath); ) {
+    const previous = getSibling(editor.snapshot, cursor.path, {
+      direction: "previous"
     });
+    removeNodeAt(editor, cursor.path), cursor = previous;
+  }
 }
 function mergeBlock(editor, startBlockPath, endBlockPath, removeEmptyStartBlock) {
   if (pathEquals(startBlockPath, endBlockPath))
@@ -14833,35 +14895,7 @@ const abstractAnnotationBehaviors = [defineBehavior({
     ...event,
     type: "delete"
   })]]
-})];
-function fitBlocksToDestination(snapshot, blocks) {
-  if (blocks.length === 0)
-    return [];
-  const startBlock = getSelectionStartBlock(snapshot);
-  if (!startBlock)
-    return [...blocks];
-  const subSchema = getPathSubSchema(snapshot, startBlock.path), accepted = getRootAcceptedTypes(subSchema);
-  if (accepted.size === 0)
-    return [];
-  const result = [];
-  for (const block of blocks)
-    fitOne(block, accepted, result);
-  return result;
-}
-function fitOne(block, accepted, out) {
-  if (accepted.has(block._type)) {
-    out.push(block);
-    return;
-  }
-  for (const value of Object.values(block))
-    if (Array.isArray(value))
-      for (const child of value)
-        isBlockLike(child) && fitOne(child, accepted, out);
-}
-function isBlockLike(value) {
-  return typeof value == "object" && value !== null && "_type" in value && typeof value._type == "string";
-}
-const mimeTypePriority = ["application/x-portable-text", "application/json", "text/markdown", "text/html", "text/plain"];
+})], mimeTypePriority = ["application/x-portable-text", "application/json", "text/markdown", "text/html", "text/plain"];
 function getFirstAvailableData({
   dataTransfer,
   startAfter
@@ -16035,13 +16069,22 @@ const abstractInsertBehaviors = [
     event
   }) => {
     const converter = snapshot.context.converters.find((converter2) => converter2.mimeType === event.mimeType);
-    return converter ? converter.serialize({
-      snapshot,
+    if (!converter)
+      return !1;
+    const snapshotForConverter = event.originEvent.type === "drag.dragstart" ? {
+      ...snapshot,
+      context: {
+        ...snapshot.context,
+        selection: event.originEvent.position.selection
+      }
+    } : snapshot;
+    return converter.serialize({
+      snapshot: snapshotForConverter,
       event: {
         type: "serialize",
         originEvent: event.originEvent.type
       }
-    }) : !1;
+    });
   },
   actions: [({
     event
@@ -17368,7 +17411,7 @@ const editorMachine = setup({
   }
 }), TYPE_DEBOUNCE = 250, FLUSH_INTERVAL = (
   // @ts-expect-error - dot notation required for Vite to replace at build time
-  process.env.NODE_ENV === "test" ? 250 : 1e3
+  process.env.NODE_ENV === "test" ? 500 : 1e3
 );
 function createMutationBatcher({
   editorActor,
@@ -17484,12 +17527,36 @@ function createRelay() {
     send: (event) => {
       status !== "stopped" && (mailbox.push(event), status === "started" && drainMailbox());
     },
-    on: (type, listener) => (listeners.set(type, [...listeners.get(type) ?? [], listener]), {
-      unsubscribe: () => {
-        const current = listeners.get(type) ?? [], index = current.indexOf(listener);
-        index !== -1 && listeners.set(type, [...current.slice(0, index), ...current.slice(index + 1)]);
-      }
-    }),
+    on: (type, listener, options) => {
+      let stored, unsubscribed = !1;
+      if (options?.batch) {
+        let scheduled = !1;
+        const pendingEvents = [];
+        stored = (event) => {
+          pendingEvents.push(event), !scheduled && (scheduled = !0, queueMicrotask(() => {
+            if (scheduled = !1, unsubscribed || status === "stopped") {
+              pendingEvents.length = 0;
+              return;
+            }
+            const events = pendingEvents.slice();
+            pendingEvents.length = 0;
+            try {
+              listener(events);
+            } catch (error) {
+              console.error(error);
+            }
+          }));
+        };
+      } else
+        stored = listener;
+      return listeners.set(type, [...listeners.get(type) ?? [], stored]), {
+        unsubscribe: () => {
+          unsubscribed = !0;
+          const current = listeners.get(type) ?? [], index = current.indexOf(stored);
+          index !== -1 && listeners.set(type, [...current.slice(0, index), ...current.slice(index + 1)]);
+        }
+      };
+    },
     start: () => {
       status = "started", drainMailbox();
     },
@@ -18549,8 +18616,12 @@ function createInternalEditor(config) {
           }));
       }
     },
-    on: (event, listener) => relay.on(event, (event2) => {
-      switch (event2.type) {
+    on: (type, listener, options) => options?.batch ? relay.on(type, (events) => {
+      listener(events);
+    }, {
+      batch: !0
+    }) : relay.on(type, (event) => {
+      switch (event.type) {
         case "blurred":
         case "done loading":
         case "editable":
@@ -18564,19 +18635,16 @@ function createInternalEditor(config) {
         case "ready":
         case "selection":
         case "value changed":
-          listener(event2);
+          listener(event);
           break;
       }
     }),
     subscribe(observer) {
-      const actorSubscription = editorActor.subscribe({
+      return subscribeCoalesced(editorActor, {
         next: () => observer.next?.(editor.getSnapshot()),
         error: observer.error,
         complete: observer.complete
       });
-      return {
-        unsubscribe: () => actorSubscription.unsubscribe()
-      };
     }
   };
   return {