@portabletext/editor 2.9.2 → 2.11.0

package/lib/index.js

@@ -8,14 +8,14 @@ import { Element as Element$1, Text, Range, Editor, Node, Point, Path, Transform
 import { useSelected, useSlateSelector, useSlateStatic, useSlate, Editable, ReactEditor, withReact, Slate } from "slate-react";
 import debug$f from "debug";
 import { DOMEditor, isDOMNode, EDITOR_TO_PENDING_SELECTION, IS_FOCUSED, IS_READ_ONLY } from "slate-dom";
-import { getBlockStartPoint, getBlockKeyFromSelectionPoint, getChildKeyFromSelectionPoint, blockOffsetToSpanSelectionPoint, defaultKeyGenerator, parseBlocks, parseBlock, parseAnnotation, isKeyedSegment, isListBlock, isTypedObject, getSelectionStartPoint, getSelectionEndPoint, getTextBlockText } from "./_chunks-es/util.slice-blocks.js";
+import { getBlockStartPoint, getBlockKeyFromSelectionPoint, getChildKeyFromSelectionPoint, blockOffsetToSpanSelectionPoint, defaultKeyGenerator, parseBlocks, parseBlock, parseAnnotation, parseSpan, parseInlineObject, isKeyedSegment, isListBlock, isTypedObject, getSelectionStartPoint, getSelectionEndPoint, getTextBlockText } from "./_chunks-es/util.slice-blocks.js";
 import { getBlockEndPoint, isSelectionCollapsed, isEqualSelectionPoints, isEmptyTextBlock } from "./_chunks-es/util.is-selection-collapsed.js";
 import isEqual from "lodash/isEqual.js";
 import { isTextBlock, isSpan, compileSchema } from "@portabletext/schema";
 import { defineSchema } from "@portabletext/schema";
 import { isSelectionCollapsed as isSelectionCollapsed$1, getFocusTextBlock, getFocusSpan as getFocusSpan$1, isSelectionExpanded, getFocusBlock as getFocusBlock$1, getSelectedValue, getSelectionStartPoint as getSelectionStartPoint$1, getFocusChild as getFocusChild$1 } from "./_chunks-es/selector.is-selection-expanded.js";
 import { getFocusInlineObject, getSelectedBlocks, getSelectionStartBlock as getSelectionStartBlock$1, getSelectionEndBlock as getSelectionEndBlock$1, isOverlappingSelection, isSelectingEntireBlocks, getMarkState, getActiveDecorators, getTrimmedSelection, getActiveAnnotationsMarks, isActiveAnnotation, getCaretWordSelection, getFocusBlockObject, getPreviousBlock, getNextBlock, isAtTheEndOfBlock, isAtTheStartOfBlock, getFirstBlock as getFirstBlock$1, getLastBlock as getLastBlock$1, getFocusListBlock, getSelectionEndPoint as getSelectionEndPoint$1, isActiveDecorator, getActiveAnnotations, getSelectedTextBlocks, isActiveListItem, isActiveStyle } from "./_chunks-es/selector.is-selecting-entire-blocks.js";
-import { defineBehavior, forward, raise, effect, execute } from "./behaviors/index.js";
+import { defineBehavior, forward, raise, effect } from "./behaviors/index.js";
 import uniq from "lodash/uniq.js";
 import { setup, fromCallback, assign, and, enqueueActions, emit, assertEvent, raise as raise$1, not, createActor } from "xstate";
 import { compileSchemaDefinitionToPortableTextMemberSchemaTypes, createPortableTextMemberSchemaTypes, portableTextMemberSchemaTypesToSchema } from "@portabletext/sanity-bridge";
@@ -1118,6 +1118,11 @@ function getEditorSnapshot({
   editorActorSnapshot,
   slateEditorInstance
 }) {
+  const selection = slateEditorInstance.selection ? slateRangeToSelection({
+    schema: editorActorSnapshot.context.schema,
+    editor: slateEditorInstance,
+    range: slateEditorInstance.selection
+  }) : null;
   return {
     blockIndexMap: slateEditorInstance.blockIndexMap,
     context: {
@@ -1127,7 +1132,7 @@ function getEditorSnapshot({
         "edit mode": "read only"
       }),
       schema: editorActorSnapshot.context.schema,
-      selection: editorActorSnapshot.context.selection,
+      selection,
       value: slateEditorInstance.value
     },
     decoratorState: slateEditorInstance.decoratorState
@@ -1955,6 +1960,7 @@ const RelayActorContext = createContext({}), debug$d = debugWithName("component:
                 },
                 blocks: result_1.insert,
                 options: {
+                  removeUnusedMarkDefs: !0,
                   validateFields: !1
                 }
               }),
@@ -2423,6 +2429,7 @@ const converterJson = {
         context: snapshot.context,
         block,
         options: {
+          removeUnusedMarkDefs: !0,
           validateFields: !1
         }
       });
@@ -2485,6 +2492,7 @@ function createConverterTextHtml(legacySchema) {
           context: snapshot.context,
           block,
           options: {
+            removeUnusedMarkDefs: !0,
             validateFields: !1
           }
         });
@@ -2532,6 +2540,7 @@ function createConverterTextPlain(legacySchema) {
           context: snapshot.context,
           block,
           options: {
+            removeUnusedMarkDefs: !0,
             validateFields: !1
           }
         });
@@ -4079,12 +4088,12 @@ const addAnnotationOperationImplementation = ({
     context,
     block: updatedBlock,
     options: {
+      removeUnusedMarkDefs: !1,
       validateFields: !0
     }
   });
   if (!parsedBlock)
     throw new Error(`Unable to update block at ${JSON.stringify(operation.at)}`);
-  parsedBlock.markDefs = updatedBlock.markDefs;
   const slateBlock = toSlateValue([parsedBlock], {
     schemaTypes: context.schema
   })?.at(0);
@@ -4129,6 +4138,7 @@ const addAnnotationOperationImplementation = ({
       context,
       block: omit(parsedBlock, propsToRemove),
       options: {
+        removeUnusedMarkDefs: !0,
         validateFields: !0
       }
     });
@@ -4146,6 +4156,7 @@ const addAnnotationOperationImplementation = ({
     context,
     block: omit(parsedBlock, operation.props.filter((prop) => prop !== "_type")),
     options: {
+      removeUnusedMarkDefs: !0,
       validateFields: !0
     }
   });
@@ -4534,6 +4545,7 @@ const insertBlockOperationImplementation = ({
     block: operation.block,
     context,
     options: {
+      removeUnusedMarkDefs: !0,
       validateFields: !0
     }
   });
@@ -4744,7 +4756,76 @@ function insertBlock({
     }
   }
 }
-const insertTextOperationImplementation = ({
+const insertChildOperationImplementation = ({
+  context,
+  operation
+}) => {
+  const focus = operation.editor.selection?.focus, focusBlockIndex = focus?.path.at(0), focusChildIndex = focus?.path.at(1);
+  if (focusBlockIndex === void 0 || focusChildIndex === void 0)
+    throw new Error("Unable to insert child without a focus");
+  const [focusBlock, focusBlockPath] = getFocusBlock({
+    editor: operation.editor
+  });
+  if (!focus || !focusBlock || !focusBlockPath)
+    throw new Error("Unable to insert child without a focus block");
+  if (!isTextBlock(context, focusBlock))
+    throw new Error("Unable to insert child into a non-text block");
+  const markDefs = focusBlock.markDefs ?? [], markDefKeyMap = /* @__PURE__ */ new Map();
+  for (const markDef of markDefs)
+    markDefKeyMap.set(markDef._key, markDef._key);
+  const span = parseSpan({
+    span: operation.child,
+    context,
+    markDefKeyMap,
+    options: {
+      validateFields: !0
+    }
+  });
+  if (span) {
+    const [focusSpan] = getFocusSpan({
+      editor: operation.editor
+    });
+    focusSpan ? Transforms.insertNodes(operation.editor, span, {
+      at: focus,
+      select: !0
+    }) : Transforms.insertNodes(operation.editor, span, {
+      at: [focusBlockIndex, focusChildIndex + 1],
+      select: !0
+    });
+    return;
+  }
+  const inlineObject = parseInlineObject({
+    inlineObject: operation.child,
+    context,
+    options: {
+      validateFields: !0
+    }
+  });
+  if (inlineObject) {
+    const {
+      _key,
+      _type,
+      ...rest
+    } = inlineObject;
+    Transforms.insertNodes(operation.editor, {
+      _key,
+      _type,
+      children: [{
+        _key: VOID_CHILD_KEY,
+        _type: "span",
+        text: "",
+        marks: []
+      }],
+      value: rest,
+      __inline: !0
+    }, {
+      at: [focusBlockIndex, focusChildIndex + 1],
+      select: !0
+    });
+    return;
+  }
+  throw new Error("Unable to parse child");
+}, insertTextOperationImplementation = ({
   context,
   operation
 }) => {
@@ -4848,6 +4929,7 @@ const insertTextOperationImplementation = ({
   "history.redo": historyRedoOperationImplementation,
   "history.undo": historyUndoOperationImplementation,
   "insert.block": insertBlockOperationImplementation,
+  "insert.child": insertChildOperationImplementation,
   "insert.text": insertTextOperationImplementation,
   "move.backward": moveBackwardOperationImplementation,
   "move.block": moveBlockOperationImplementation,
@@ -4945,6 +5027,13 @@ function performOperation({
           });
           break;
         }
+        case "insert.child": {
+          behaviorOperationImplementations["insert.child"]({
+            context,
+            operation
+          });
+          break;
+        }
         case "insert.text": {
           behaviorOperationImplementations["insert.text"]({
             context,
@@ -7722,7 +7811,11 @@ const MAX_LIST_LEVEL = 10, clearListOnBackspace = defineBehavior({
 }, coreBehaviorsConfig = [...coreAnnotationBehaviors, coreDecoratorBehaviors.strongShortcut, coreDecoratorBehaviors.emShortcut, coreDecoratorBehaviors.underlineShortcut, coreDecoratorBehaviors.codeShortcut, ...coreDndBehaviors, coreBlockObjectBehaviors.clickingAboveLonelyBlockObject, coreBlockObjectBehaviors.clickingBelowLonelyBlockObject, coreBlockObjectBehaviors.arrowDownOnLonelyBlockObject, coreBlockObjectBehaviors.arrowUpOnLonelyBlockObject, coreBlockObjectBehaviors.breakingBlockObject, coreBlockObjectBehaviors.deletingEmptyTextBlockAfterBlockObject, coreBlockObjectBehaviors.deletingEmptyTextBlockBeforeBlockObject, coreListBehaviors.clearListOnBackspace, coreListBehaviors.unindentListOnBackspace, coreListBehaviors.mergeTextIntoListOnDelete, coreListBehaviors.mergeTextIntoListOnBackspace, coreListBehaviors.deletingListFromStart, coreListBehaviors.clearListOnEnter, coreListBehaviors.indentListOnTab, coreListBehaviors.unindentListOnShiftTab, coreListBehaviors.inheritListLevel, coreListBehaviors.inheritListItem, coreListBehaviors.inheritListProperties, coreInsertBreakBehaviors.breakingAtTheEndOfTextBlock, coreInsertBreakBehaviors.breakingAtTheStartOfTextBlock, coreInsertBreakBehaviors.breakingEntireDocument, coreInsertBreakBehaviors.breakingEntireBlocks, coreInsertBreakBehaviors.breakingInlineObject].map((behavior) => ({
   behavior,
   priority: corePriority
-})), abstractAnnotationBehaviors = [defineBehavior({
+}));
+function withoutNormalizingConditional(editor, predicate, fn) {
+  predicate() ? Editor.withoutNormalizing(editor, fn) : fn();
+}
+const abstractAnnotationBehaviors = [defineBehavior({
   on: "annotation.set",
   guard: ({
     snapshot,
@@ -8504,21 +8597,63 @@ const MAX_LIST_LEVEL = 10, clearListOnBackspace = defineBehavior({
     type: "split"
   })]]
 }), defineBehavior({
-  on: "insert.inline object",
+  on: "insert.child",
+  guard: ({
+    snapshot
+  }) => {
+    const lastBlock = getLastBlock$1(snapshot);
+    return !lastBlock || snapshot.context.selection ? !1 : {
+      lastBlockEndPoint: getBlockEndPoint({
+        context: snapshot.context,
+        block: lastBlock
+      })
+    };
+  },
+  actions: [({
+    event
+  }, {
+    lastBlockEndPoint
+  }) => [raise({
+    type: "select",
+    at: {
+      anchor: lastBlockEndPoint,
+      focus: lastBlockEndPoint
+    }
+  }), raise(event)]]
+}), defineBehavior({
+  on: "insert.child",
+  guard: ({
+    snapshot
+  }) => {
+    const focusTextBlock = getFocusTextBlock(snapshot);
+    return snapshot.context.selection && !focusTextBlock;
+  },
   actions: [({
     snapshot,
     event
-  }) => [execute({
+  }) => [raise({
     type: "insert.block",
     block: {
       _type: snapshot.context.schema.block.name,
       children: [{
-        _type: event.inlineObject.name,
-        ...event.inlineObject.value
+        _type: snapshot.context.schema.span.name,
+        text: "",
+        marks: []
       }]
     },
     placement: "auto",
     select: "end"
+  }), raise(event)]]
+}), defineBehavior({
+  on: "insert.inline object",
+  actions: [({
+    event
+  }) => [raise({
+    type: "insert.child",
+    child: {
+      _type: event.inlineObject.name,
+      ...event.inlineObject.value
+    }
   })]]
 }), defineBehavior({
   on: "insert.soft break",
@@ -8530,33 +8665,59 @@ const MAX_LIST_LEVEL = 10, clearListOnBackspace = defineBehavior({
 }), defineBehavior({
   on: "insert.span",
   guard: ({
-    snapshot,
-    event
-  }) => ({
-    markDefs: event.annotations?.map((annotation) => ({
-      _type: annotation.name,
-      _key: snapshot.context.keyGenerator(),
-      ...annotation.value
-    })) ?? []
-  }),
+    snapshot
+  }) => !getFocusTextBlock(snapshot),
   actions: [({
     snapshot,
     event
-  }, {
-    markDefs
-  }) => [execute({
+  }) => [raise({
     type: "insert.block",
     block: {
       _type: snapshot.context.schema.block.name,
       children: [{
         _type: snapshot.context.schema.span.name,
-        text: event.text,
-        marks: [...event.decorators ?? [], ...markDefs.map((markDef) => markDef._key)]
-      }],
-      markDefs
+        text: "",
+        marks: []
+      }]
     },
     placement: "auto",
     select: "end"
+  }), raise(event)]]
+}), defineBehavior({
+  on: "insert.span",
+  guard: ({
+    snapshot,
+    event
+  }) => {
+    const focusTextBlock = getFocusTextBlock(snapshot);
+    return {
+      markDefs: event.annotations?.map((annotation) => ({
+        _type: annotation.name,
+        _key: snapshot.context.keyGenerator(),
+        ...annotation.value
+      })) ?? [],
+      focusTextBlock
+    };
+  },
+  actions: [({
+    snapshot,
+    event
+  }, {
+    markDefs,
+    focusTextBlock
+  }) => [...focusTextBlock ? [raise({
+    type: "block.set",
+    at: focusTextBlock.path,
+    props: {
+      markDefs: [...focusTextBlock.node.markDefs ?? [], ...markDefs]
+    }
+  })] : [], raise({
+    type: "insert.child",
+    child: {
+      _type: snapshot.context.schema.span.name,
+      text: event.text,
+      marks: [...event.decorators ?? [], ...markDefs.map((markDef) => markDef._key)]
+    }
   })]]
 })], abstractKeyboardBehaviors = [
   /**
@@ -9034,6 +9195,7 @@ const MAX_LIST_LEVEL = 10, clearListOnBackspace = defineBehavior({
         }),
         context: snapshot.context,
         options: {
+          removeUnusedMarkDefs: !0,
           validateFields: !1
         }
       });
@@ -9288,62 +9450,64 @@ function performEvent({
         nativeEventPrevented = actions.some((action) => action.type === "raise" || action.type === "execute") || !actions.some((action) => action.type === "forward");
         let undoStepCreated = !1;
         actions.some((action) => action.type === "execute") && (createUndoStep(editor), undoStepCreated = !0);
-        for (const action of actions) {
-          if (action.type === "effect") {
-            try {
-              action.effect({
-                send: sendBack
+        const actionTypes = actions.map((action) => action.type), uniqueActionTypes = new Set(actionTypes), raiseGroup = actionTypes.length > 1 && uniqueActionTypes.size === 1 && uniqueActionTypes.has("raise"), executeGroup = actionTypes.length > 1 && uniqueActionTypes.size === 1 && uniqueActionTypes.has("execute");
+        withoutNormalizingConditional(editor, () => raiseGroup || executeGroup, () => {
+          for (const action of actions) {
+            if (action.type === "effect") {
+              try {
+                action.effect({
+                  send: sendBack
+                });
+              } catch (error) {
+                console.error(new Error(`Executing effect as a result of "${event.type}" failed due to: ${error.message}`));
+              }
+              continue;
+            }
+            if (action.type === "forward") {
+              const remainingEventBehaviors2 = eventBehaviors.slice(eventBehaviorIndex + 1);
+              performEvent({
+                mode: mode === "execute" ? "execute" : "forward",
+                behaviors,
+                remainingEventBehaviors: remainingEventBehaviors2,
+                event: action.event,
+                editor,
+                keyGenerator,
+                schema,
+                getSnapshot,
+                nativeEvent,
+                sendBack
               });
-            } catch (error) {
-              console.error(new Error(`Executing effect as a result of "${event.type}" failed due to: ${error.message}`));
+              continue;
+            }
+            if (action.type === "raise") {
+              performEvent({
+                mode: mode === "execute" ? "execute" : "raise",
+                behaviors,
+                remainingEventBehaviors: mode === "execute" ? remainingEventBehaviors : behaviors,
+                event: action.event,
+                editor,
+                keyGenerator,
+                schema,
+                getSnapshot,
+                nativeEvent,
+                sendBack
+              });
+              continue;
             }
-            continue;
-          }
-          if (action.type === "forward") {
-            const remainingEventBehaviors2 = eventBehaviors.slice(eventBehaviorIndex + 1);
-            performEvent({
-              mode: mode === "execute" ? "execute" : "forward",
-              behaviors,
-              remainingEventBehaviors: remainingEventBehaviors2,
-              event: action.event,
-              editor,
-              keyGenerator,
-              schema,
-              getSnapshot,
-              nativeEvent,
-              sendBack
-            });
-            continue;
-          }
-          if (action.type === "raise") {
             performEvent({
-              mode: mode === "execute" ? "execute" : "raise",
+              mode: "execute",
               behaviors,
-              remainingEventBehaviors: mode === "execute" ? remainingEventBehaviors : behaviors,
+              remainingEventBehaviors: [],
               event: action.event,
               editor,
               keyGenerator,
               schema,
               getSnapshot,
-              nativeEvent,
+              nativeEvent: void 0,
               sendBack
             });
-            continue;
           }
-          performEvent({
-            mode: "execute",
-            behaviors,
-            remainingEventBehaviors: [],
-            event: action.event,
-            editor,
-            keyGenerator,
-            schema,
-            getSnapshot,
-            nativeEvent: void 0,
-            sendBack
-          });
-        }
-        undoStepCreated && clearUndoStep(editor);
+        }), undoStepCreated && clearUndoStep(editor);
       }
       break;
     }