@portabletext/editor 7.6.2 → 7.7.0

package/lib/index.js

@@ -5055,6 +5055,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 +5132,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 +5400,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 +5498,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) {
@@ -9208,87 +9307,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 +10625,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 +10659,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
   });
@@ -13268,13 +13283,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))
@@ -17368,7 +17385,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 +17501,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 +18590,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 +18609,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 {