@portabletext/editor 4.1.4 → 4.2.0

package/lib/index.js

@@ -11,7 +11,7 @@ import { isTextBlock, isSpan, compileSchema } from "@portabletext/schema";
 import { defineSchema } from "@portabletext/schema";
 import { isEmptyTextBlock, sliceTextBlock, getTextBlockText } from "./_chunks-es/util.slice-text-block.js";
 import { setup, fromCallback, assign, and, enqueueActions, emit, assertEvent, raise as raise$1, not, createActor } from "xstate";
-import { isSelectionCollapsed as isSelectionCollapsed$1, getFocusSpan as getFocusSpan$1, getSelectedChildren, getSelectionStartPoint, getSelectionEndPoint, getFocusInlineObject, getFocusTextBlock, getSelectedBlocks, isSelectionExpanded, getSelectionStartBlock, getSelectionEndBlock, isOverlappingSelection, getFocusBlock as getFocusBlock$1, isSelectingEntireBlocks, getSelectedValue, isActiveAnnotation, getActiveAnnotationsMarks, getActiveDecorators, getSelectionStartChild, getSelectionEndChild, getPreviousSpan, getNextSpan, getCaretWordSelection, getFocusBlockObject, getPreviousBlock, getNextBlock, getMarkState, isAtTheEndOfBlock, isAtTheStartOfBlock, getFocusListBlock, isActiveDecorator, getFocusChild as getFocusChild$1, getActiveAnnotations, getLastBlock as getLastBlock$1, getSelectedTextBlocks, isActiveListItem, isActiveStyle } from "./_chunks-es/selector.is-at-the-start-of-block.js";
+import { isSelectionCollapsed as isSelectionCollapsed$1, getFocusChild as getFocusChild$1, getSelectedChildren, getSelectionStartPoint, getSelectionEndPoint, getFocusInlineObject, getFocusTextBlock, getFocusSpan as getFocusSpan$1, getSelectedBlocks, isSelectionExpanded, getSelectionStartBlock, getSelectionEndBlock, isOverlappingSelection, getFocusBlock as getFocusBlock$1, isSelectingEntireBlocks, getSelectedValue, isActiveAnnotation, getActiveAnnotationsMarks, getActiveDecorators, getSelectionStartChild, getSelectionEndChild, getPreviousSpan, getNextSpan, getCaretWordSelection, getFocusBlockObject, getPreviousBlock, getNextBlock, getMarkState, isAtTheEndOfBlock, isAtTheStartOfBlock, getFocusListBlock, isActiveDecorator, getActiveAnnotations, getLastBlock as getLastBlock$1, getSelectedTextBlocks, isActiveListItem, isActiveStyle } from "./_chunks-es/selector.is-selecting-entire-blocks.js";
 import { defineBehavior, forward, raise, effect } from "./behaviors/index.js";
 import { compileSchemaDefinitionToPortableTextMemberSchemaTypes, createPortableTextMemberSchemaTypes, portableTextMemberSchemaTypesToSchema } from "@portabletext/sanity-bridge";
 import { htmlToBlocks } from "@portabletext/block-tools";
@@ -1214,7 +1214,7 @@ function SelectionStateProvider(t0) {
       return defaultSelectionState;
     const isCollapsed = isSelectionCollapsed$1(snapshot);
     let focusedChildKey;
-    isCollapsed && (focusedChildKey = getFocusSpan$1(snapshot)?.node._key);
+    isCollapsed && (focusedChildKey = getFocusChild$1(snapshot)?.node._key);
     const selectedChildren = getSelectedChildren()(snapshot);
     let selectedChildKeys = selectedChildren.length > 0 ? new Set(selectedChildren.map(_temp$4)) : emptySet;
     isCollapsed && focusedChildKey && !selectedChildKeys.has(focusedChildKey) && (selectedChildKeys = new Set(selectedChildKeys), selectedChildKeys.add(focusedChildKey));
@@ -8477,11 +8477,11 @@ function insertBlock(options) {
         }
       }
     } else {
-      Transforms.insertNodes(editor, [block], {
-        select: !1
-      });
       const nextPath = [endBlockPath[0] + 1];
-      select === "start" ? Transforms.select(editor, Editor.start(editor, nextPath)) : select === "end" && Transforms.select(editor, Editor.end(editor, nextPath));
+      Transforms.insertNodes(editor, [block], {
+        select: !1,
+        at: nextPath
+      }), select === "start" ? Transforms.select(editor, Editor.start(editor, nextPath)) : select === "end" && Transforms.select(editor, Editor.end(editor, nextPath));
     }
   }
 }
@@ -9349,104 +9349,70 @@ const abstractInsertBehaviors = [
       type: "insert.block",
       block: onlyBlock,
       placement: event.placement,
-      select: event.select ?? "end"
+      select: event.select ?? "end",
+      ...event.at ? {
+        at: event.at
+      } : {}
     })]]
   }),
   defineBehavior({
     on: "insert.blocks",
     guard: ({
-      snapshot,
       event
-    }) => {
-      if (event.placement !== "before")
-        return !1;
-      const firstBlockKey = getUniqueBlockKey(event.blocks.at(0)?._key)(snapshot), lastBlockKey = getUniqueBlockKey(event.blocks.at(-1)?._key)(snapshot);
-      return {
-        firstBlockKey,
-        lastBlockKey
-      };
-    },
+    }) => event.placement === "before" || event.placement === "after",
     actions: [({
       snapshot,
       event
-    }, {
-      firstBlockKey,
-      lastBlockKey
-    }) => [...event.blocks.map((block, index) => raise({
-      type: "insert.block",
-      block: index === 0 ? {
-        ...block,
-        _key: firstBlockKey
-      } : index === event.blocks.length - 1 ? {
-        ...block,
-        _key: lastBlockKey
-      } : block,
-      placement: index === 0 ? "before" : "after",
-      select: index !== event.blocks.length - 1 ? "end" : "none"
-    })), ...event.select === "none" ? [raise({
-      type: "select",
-      at: snapshot.context.selection
-    })] : event.select === "start" ? [raise({
-      type: "select.block",
-      at: [{
-        _key: firstBlockKey
-      }],
-      select: "start"
-    })] : [raise({
-      type: "select.block",
-      at: [{
-        _key: lastBlockKey
-      }],
-      select: "end"
-    })]]]
-  }),
-  defineBehavior({
-    on: "insert.blocks",
-    guard: ({
-      snapshot,
-      event
     }) => {
-      if (event.placement !== "after")
-        return !1;
-      const firstBlockKey = getUniqueBlockKey(event.blocks.at(0)?._key)(snapshot), lastBlockKey = getUniqueBlockKey(event.blocks.at(-1)?._key)(snapshot);
-      return {
-        firstBlockKey,
-        lastBlockKey
-      };
-    },
-    actions: [({
-      snapshot,
-      event
-    }, {
-      firstBlockKey,
-      lastBlockKey
-    }) => [...event.blocks.map((block, index) => raise({
-      type: "insert.block",
-      block: index === 0 ? {
-        ...block,
-        _key: firstBlockKey
-      } : index === event.blocks.length - 1 ? {
-        ...block,
-        _key: lastBlockKey
-      } : block,
-      placement: "after",
-      select: index !== event.blocks.length - 1 ? "end" : "none"
-    })), ...event.select === "none" ? [raise({
-      type: "select",
-      at: snapshot.context.selection
-    })] : event.select === "start" ? [raise({
-      type: "select.block",
-      at: [{
-        _key: firstBlockKey
-      }],
-      select: "start"
-    })] : [raise({
-      type: "select.block",
-      at: [{
-        _key: lastBlockKey
-      }],
-      select: "end"
-    })]]]
+      let firstBlockKey, lastBlockKey, previousBlockKey;
+      const actions = [];
+      let index = -1;
+      for (const block of event.blocks) {
+        index++;
+        const key = getUniqueBlockKey(block._key)(snapshot);
+        index === 0 && (firstBlockKey = key), index === event.blocks.length - 1 && (lastBlockKey = key), actions.push(raise({
+          type: "insert.block",
+          block: key !== block._key ? {
+            ...block,
+            _key: key
+          } : block,
+          placement: event.placement === "after" ? "after" : index === 0 ? "before" : "after",
+          select: "none",
+          ...previousBlockKey ? {
+            at: {
+              anchor: {
+                path: [{
+                  _key: previousBlockKey
+                }],
+                offset: 0
+              },
+              focus: {
+                path: [{
+                  _key: previousBlockKey
+                }],
+                offset: 0
+              }
+            }
+          } : event.at ? {
+            at: event.at
+          } : {}
+        })), previousBlockKey = key;
+      }
+      const select = event.select ?? "end";
+      return select === "start" && firstBlockKey && actions.push(raise({
+        type: "select.block",
+        at: [{
+          _key: firstBlockKey
+        }],
+        select: "start"
+      })), select === "end" && lastBlockKey && actions.push(raise({
+        type: "select.block",
+        at: [{
+          _key: lastBlockKey
+        }],
+        select: "end"
+      })), actions;
+    }]
   }),
   defineBehavior({
     on: "insert.blocks",
@@ -9456,62 +9422,17 @@ const abstractInsertBehaviors = [
     }) => {
       if (event.placement !== "auto")
         return !1;
-      const focusTextBlock = getFocusTextBlock(snapshot);
-      if (!focusTextBlock || !isEmptyTextBlock(snapshot.context, focusTextBlock.node))
+      const at = event.at ?? snapshot.context.selection;
+      if (!at)
         return !1;
-      const firstBlockKey = getUniqueBlockKey(event.blocks.at(0)?._key)(snapshot), lastBlockKey = getUniqueBlockKey(event.blocks.at(-1)?._key)(snapshot);
-      return {
-        focusTextBlock,
-        firstBlockKey,
-        lastBlockKey
-      };
-    },
-    actions: [({
-      event
-    }, {
-      firstBlockKey,
-      lastBlockKey
-    }) => [...event.blocks.map((block, index) => raise({
-      type: "insert.block",
-      block: index === 0 ? {
-        ...block,
-        _key: firstBlockKey
-      } : index === event.blocks.length - 1 ? {
-        ...block,
-        _key: lastBlockKey
-      } : block,
-      placement: index === 0 ? "auto" : "after",
-      select: index !== event.blocks.length - 1 ? "end" : "none"
-    })), ...event.select === "none" ? [raise({
-      type: "select.block",
-      at: [{
-        _key: firstBlockKey
-      }],
-      select: "start"
-    })] : event.select === "start" ? [raise({
-      type: "select.block",
-      at: [{
-        _key: firstBlockKey
-      }],
-      select: "start"
-    })] : [raise({
-      type: "select.block",
-      at: [{
-        _key: lastBlockKey
-      }],
-      select: "end"
-    })]]]
-  }),
-  defineBehavior({
-    on: "insert.blocks",
-    guard: ({
-      snapshot,
-      event
-    }) => {
-      if (event.placement !== "auto")
-        return !1;
-      const focusTextBlock = getFocusTextBlock(snapshot);
-      if (!focusTextBlock || !snapshot.context.selection)
+      const adjustedSnapshot = {
+        ...snapshot,
+        context: {
+          ...snapshot.context,
+          selection: at
+        }
+      }, focusTextBlock = getFocusTextBlock(adjustedSnapshot);
+      if (!focusTextBlock || isEmptyTextBlock(snapshot.context, focusTextBlock.node))
         return !1;
       const focusBlockStartPoint = getBlockStartPoint({
         context: snapshot.context,
@@ -9523,19 +9444,19 @@ const abstractInsertBehaviors = [
         context: {
           schema: snapshot.context.schema,
           selection: {
-            anchor: snapshot.context.selection.focus,
+            anchor: at.focus,
             focus: focusBlockEndPoint
           }
         },
         block: focusTextBlock.node
-      }), firstBlockKey = getUniqueBlockKey(event.blocks.at(0)?._key)(snapshot), lastBlockKey = getUniqueBlockKey(event.blocks.at(-1)?._key)(snapshot), isFirstBlockTextBlock = isTextBlock(snapshot.context, event.blocks.at(0));
+      }), isFirstBlockTextBlock = isTextBlock(snapshot.context, event.blocks.at(0));
       return {
-        firstBlockKey,
-        lastBlockKey,
+        focusTextBlock,
         focusBlockStartPoint,
         focusBlockEndPoint,
         focusTextBlockAfter,
-        selection: snapshot.context.selection,
+        at,
+        originalSelection: snapshot.context.selection,
         isFirstBlockTextBlock
       };
     },
@@ -9543,110 +9464,178 @@ const abstractInsertBehaviors = [
       snapshot,
       event
     }, {
+      focusTextBlock,
       focusBlockEndPoint,
       focusTextBlockAfter,
-      selection,
-      firstBlockKey,
-      lastBlockKey,
+      at,
       focusBlockStartPoint,
-      isFirstBlockTextBlock
-    }) => [...event.blocks.flatMap((block, index) => index === 0 ? [...isEqualSelectionPoints(selection.focus, focusBlockEndPoint) ? [] : [raise({
-      type: "delete",
-      at: {
-        anchor: selection.focus,
-        focus: focusBlockEndPoint
-      }
-    })], raise({
-      type: "insert.block",
-      block: {
-        ...block,
-        _key: firstBlockKey
-      },
-      placement: "auto",
-      select: "end"
-    })] : index === event.blocks.length - 1 ? [raise({
-      type: "insert.block",
-      block: {
-        ...block,
-        _key: lastBlockKey
-      },
-      placement: "after",
-      select: "end"
-    }), ...isEmptyTextBlock(snapshot.context, focusTextBlockAfter) ? [] : [raise({
-      type: "insert.block",
-      block: focusTextBlockAfter,
-      placement: "auto",
-      select: event.select === "end" ? "none" : "end"
-    })]] : [raise({
-      type: "insert.block",
-      block,
-      placement: "after",
-      select: "end"
-    })]), ...event.select === "none" ? [raise({
-      type: "select",
-      at: selection
-    })] : event.select === "start" ? [isEqualSelectionPoints(selection.focus, focusBlockStartPoint) || !isFirstBlockTextBlock ? raise({
-      type: "select.block",
-      at: [{
-        _key: firstBlockKey
-      }],
-      select: "start"
-    }) : raise({
-      type: "select",
-      at: {
-        anchor: selection.focus,
-        focus: selection.focus
+      isFirstBlockTextBlock,
+      originalSelection
+    }) => {
+      let previousBlockKey, firstBlockKey;
+      const actions = [];
+      let index = -1;
+      for (const block of event.blocks) {
+        if (index++, index === 0) {
+          isEqualSelectionPoints(at.focus, focusBlockEndPoint) || actions.push(raise({
+            type: "delete",
+            at: {
+              anchor: at.focus,
+              focus: focusBlockEndPoint
+            }
+          }));
+          const key2 = getUniqueBlockKey(block._key)(snapshot), deletingEndToEnd = isEqualSelectionPoints(at.focus, focusBlockStartPoint);
+          isTextBlock(snapshot.context, block) && !deletingEndToEnd ? (firstBlockKey = focusTextBlock.node._key, previousBlockKey = focusTextBlock.node._key) : (firstBlockKey = key2, previousBlockKey = key2), actions.push(raise({
+            type: "insert.block",
+            block: key2 !== block._key ? {
+              ...block,
+              _key: key2
+            } : block,
+            placement: "auto",
+            select: "end",
+            ...event.at ? {
+              at: event.at
+            } : {}
+          }));
+          continue;
+        }
+        if (index === event.blocks.length - 1) {
+          actions.push(raise({
+            type: "insert.block",
+            block,
+            placement: "after",
+            select: "end",
+            at: previousBlockKey ? {
+              anchor: {
+                path: [{
+                  _key: previousBlockKey
+                }],
+                offset: 0
+              },
+              focus: {
+                path: [{
+                  _key: previousBlockKey
+                }],
+                offset: 0
+              }
+            } : void 0
+          }));
+          continue;
+        }
+        const key = getUniqueBlockKey(block._key)(snapshot);
+        actions.push(raise({
+          type: "insert.block",
+          block: key !== block._key ? {
+            ...block,
+            _key: key
+          } : block,
+          placement: "after",
+          select: previousBlockKey ? "none" : "end",
+          at: previousBlockKey ? {
+            anchor: {
+              path: [{
+                _key: previousBlockKey
+              }],
+              offset: 0
+            },
+            focus: {
+              path: [{
+                _key: previousBlockKey
+              }],
+              offset: 0
+            }
+          } : void 0
+        })), previousBlockKey = key;
       }
-    })] : []]]
+      return isEmptyTextBlock(snapshot.context, focusTextBlockAfter) || actions.push(raise({
+        type: "insert.block",
+        block: focusTextBlockAfter,
+        placement: "auto",
+        select: event.select === "end" ? "none" : "end"
+      })), event.select === "none" && actions.push(raise({
+        type: "select",
+        at: originalSelection
+      })), event.select === "start" && ((isEqualSelectionPoints(at.focus, focusBlockStartPoint) || !isFirstBlockTextBlock) && firstBlockKey ? actions.push(raise({
+        type: "select.block",
+        at: [{
+          _key: firstBlockKey
+        }],
+        select: "start"
+      })) : actions.push(raise({
+        type: "select",
+        at: {
+          anchor: at.focus,
+          focus: at.focus
+        }
+      }))), actions;
+    }]
   }),
   defineBehavior({
     on: "insert.blocks",
     guard: ({
       snapshot,
       event
-    }) => {
-      if (event.placement !== "auto")
-        return !1;
-      const selection = snapshot.context.selection, firstBlockKey = getUniqueBlockKey(event.blocks.at(0)?._key)(snapshot), lastBlockKey = getUniqueBlockKey(event.blocks.at(-1)?._key)(snapshot);
-      return {
-        firstBlockKey,
-        lastBlockKey,
-        selection
-      };
+    }) => event.placement !== "auto" ? !1 : {
+      originalSelection: snapshot.context.selection
     },
     actions: [({
+      snapshot,
       event
     }, {
-      firstBlockKey,
-      lastBlockKey,
-      selection
-    }) => [...event.blocks.map((block, index) => raise({
-      type: "insert.block",
-      block: index === 0 ? {
-        ...block,
-        _key: firstBlockKey
-      } : index === event.blocks.length - 1 ? {
-        ...block,
-        _key: lastBlockKey
-      } : block,
-      placement: index === 0 ? "auto" : "after",
-      select: index !== event.blocks.length - 1 ? "end" : event.select ?? "end"
-    })), ...event.select === "none" ? [raise({
-      type: "select",
-      at: selection
-    })] : event.select === "start" ? [raise({
-      type: "select.block",
-      at: [{
-        _key: firstBlockKey
-      }],
-      select: "start"
-    })] : [raise({
-      type: "select.block",
-      at: [{
-        _key: lastBlockKey
-      }],
-      select: "end"
-    })]]]
+      originalSelection
+    }) => {
+      let firstBlockKey, lastBlockKey, previousBlockKey;
+      const actions = [];
+      let index = -1;
+      for (const block of event.blocks) {
+        index++;
+        const key = getUniqueBlockKey(block._key)(snapshot);
+        index === 0 && (firstBlockKey = key), index === event.blocks.length - 1 && (lastBlockKey = key), actions.push(raise({
+          type: "insert.block",
+          block: key !== block._key ? {
+            ...block,
+            _key: key
+          } : block,
+          placement: index === 0 ? "auto" : "after",
+          select: "none",
+          ...previousBlockKey ? {
+            at: {
+              anchor: {
+                path: [{
+                  _key: previousBlockKey
+                }],
+                offset: 0
+              },
+              focus: {
+                path: [{
+                  _key: previousBlockKey
+                }],
+                offset: 0
+              }
+            }
+          } : event.at ? {
+            at: event.at
+          } : {}
+        })), previousBlockKey = key;
+      }
+      const select = event.select ?? "end";
+      return select === "none" ? actions.push(raise({
+        type: "select",
+        at: originalSelection
+      })) : select === "start" && firstBlockKey ? actions.push(raise({
+        type: "select.block",
+        at: [{
+          _key: firstBlockKey
+        }],
+        select: "start"
+      })) : lastBlockKey && actions.push(raise({
+        type: "select.block",
+        at: [{
+          _key: lastBlockKey
+        }],
+        select: "end"
+      })), actions;
+    }]
   }),
   defineBehavior({
     on: "insert.break",