@portabletext/editor 1.39.0 → 1.40.0

package/lib/_chunks-es/editor-provider.js

@@ -5,16 +5,16 @@ import { ReactEditor, withReact, Slate } from "slate-react";
 import { useSelector, useActorRef } from "@xstate/react";
 import debug$e from "debug";
 import isEqual from "lodash/isEqual.js";
-import { Editor, Element, Range, Point, Text, Operation, Transforms, Path, Node, insertText, createEditor as createEditor$1 } from "slate";
-import { setup, emit, enqueueActions, assign, assertEvent, fromCallback, stateIn, and, not, createActor } from "xstate";
+import { Editor, Element, Range, Point, Text, Operation, Transforms, Path, insertText, Node, createEditor } from "slate";
+import { setup, stateIn, fromCallback, assign, enqueueActions, emit, assertEvent, and, not, createActor } from "xstate";
 import { unset, set, setIfMissing, insert, diffMatchPatch as diffMatchPatch$1, applyAll } from "@portabletext/patches";
 import { defineType, defineField, isKeySegment, isPortableTextTextBlock, isPortableTextSpan as isPortableTextSpan$1, isPortableTextListBlock } from "@sanity/types";
 import flatten from "lodash/flatten.js";
 import isPlainObject from "lodash/isPlainObject.js";
 import uniq from "lodash/uniq.js";
 import getRandomValues from "get-random-values-esm";
-import { parseBlock, blockOffsetsToSelection, isTextBlock, parseBlocks } from "./parse-blocks.js";
-import { sliceBlocks, blockOffsetToSpanSelectionPoint, spanSelectionPointToBlockOffset, isKeyedSegment as isKeyedSegment$1 } from "./util.slice-blocks.js";
+import { parseBlock, selectionPointToBlockOffset, blockOffsetsToSelection, isTextBlock, parseBlocks } from "./util.selection-point-to-block-offset.js";
+import { sliceBlocks, blockOffsetToSpanSelectionPoint, isKeyedSegment as isKeyedSegment$1 } from "./util.slice-blocks.js";
 import { htmlToBlocks } from "@portabletext/block-tools";
 import { toHTML } from "@portabletext/to-html";
 import { Schema } from "@sanity/schema";
@@ -22,11 +22,11 @@ import get from "lodash/get.js";
 import isUndefined from "lodash/isUndefined.js";
 import omitBy from "lodash/omitBy.js";
 import { createGuards, getFocusSpan, isSelectionCollapsed, getSelectedBlocks, isSelectionExpanded } from "./selector.is-at-the-start-of-block.js";
-import { getTrimmedSelection, isOverlappingSelection, isSelectingEntireBlocks, isActiveAnnotation, isActiveDecorator, isActiveListItem, isActiveStyle } from "./selector.is-overlapping-selection.js";
+import { getTrimmedSelection, isActiveAnnotation, isActiveDecorator, isActiveListItem, isActiveStyle, isOverlappingSelection, isSelectingEntireBlocks } from "./selector.is-overlapping-selection.js";
 import omit from "lodash/omit.js";
 import { DOMEditor } from "slate-dom";
 import startCase from "lodash.startcase";
-import { defineBehavior, raise, isClipboardBehaviorEvent, isDragBehaviorEvent, isKeyboardBehaviorEvent, isMouseBehaviorEvent, coreBehaviors, isCustomBehaviorEvent } from "./behavior.core.js";
+import { defineBehavior, raise, isClipboardBehaviorEvent, isDragBehaviorEvent, isInputBehaviorEvent, isKeyboardBehaviorEvent, isMouseBehaviorEvent, coreBehaviors, isCustomBehaviorEvent } from "./behavior.core.js";
 import { Subject } from "rxjs";
 import { useEffectEvent } from "use-effect-event";
 function createEditorSchema(portableTextType) {
@@ -218,7 +218,7 @@ function toSlateRange(selection, editor) {
     path: toSlatePath(selection.focus.path, editor),
     offset: selection.focus.offset
   };
-  return focus.path.length === 0 || anchor.path.length === 0 ? null : focus ? {
+  return focus.path.length === 0 || anchor.path.length === 0 ? null : anchor && focus ? {
     anchor,
     focus
   } : null;
@@ -243,12 +243,7 @@ function toSlateValue(value, {
       _type,
       _key,
       ...rest
-    } = block, voidChildren = [{
-      _key: VOID_CHILD_KEY,
-      _type: "span",
-      text: "",
-      marks: []
-    }];
+    } = block;
     if (block && block._type === schemaTypes.block.name) {
       const textBlock = block;
       let hasInlines = !1;
@@ -261,7 +256,12 @@ function toSlateValue(value, {
         return cType !== "span" ? (hasInlines = !0, keepObjectEquality({
           _type: cType,
           _key: cKey,
-          children: voidChildren,
+          children: [{
+            _key: VOID_CHILD_KEY,
+            _type: "span",
+            text: "",
+            marks: []
+          }],
           value: cRest,
           __inline: !0
         }, keyMap)) : child;
@@ -276,7 +276,12 @@ function toSlateValue(value, {
     return keepObjectEquality({
       _type,
       _key,
-      children: voidChildren,
+      children: [{
+        _key: VOID_CHILD_KEY,
+        _type: "span",
+        text: "",
+        marks: []
+      }],
       value: rest
     }, keyMap);
   }) : [];
@@ -332,65 +337,7 @@ function fromSlateValue(value, textBlockType, keyMap = {}) {
 function isEqualToEmptyEditor(children, schemaTypes) {
   return children === void 0 || children && Array.isArray(children) && children.length === 0 || children && Array.isArray(children) && children.length === 1 && Element.isElement(children[0]) && children[0]._type === schemaTypes.block.name && "style" in children[0] && children[0].style === schemaTypes.styles[0].value && !("listItem" in children[0]) && Array.isArray(children[0].children) && children[0].children.length === 1 && Text.isText(children[0].children[0]) && children[0].children[0]._type === "span" && !children[0].children[0].marks?.join("") && children[0].children[0].text === "";
 }
-const IS_PROCESSING_REMOTE_CHANGES = /* @__PURE__ */ new WeakMap(), KEY_TO_SLATE_ELEMENT = /* @__PURE__ */ new WeakMap(), KEY_TO_VALUE_ELEMENT = /* @__PURE__ */ new WeakMap(), SLATE_TO_PORTABLE_TEXT_RANGE = /* @__PURE__ */ new WeakMap(), EditorActorContext = createContext({});
-function getActiveDecorators({
-  schema,
-  slateEditorInstance
-}) {
-  const decorators = schema.decorators.map((decorator) => decorator.value);
-  return ({
-    ...Editor.marks(slateEditorInstance) ?? {}
-  }.marks ?? []).filter((mark) => decorators.includes(mark));
-}
-function getValue({
-  editorActorSnapshot,
-  slateEditorInstance
-}) {
-  return fromSlateValue(slateEditorInstance.children, editorActorSnapshot.context.schema.block.name, KEY_TO_VALUE_ELEMENT.get(slateEditorInstance));
-}
-function defaultCompare(a, b) {
-  return a === b;
-}
-function useEditorSelector(editor, selector, t0) {
-  const $ = c(3), compare = t0 === void 0 ? defaultCompare : t0;
-  let t1;
-  return $[0] !== editor._internal.slateEditor.instance || $[1] !== selector ? (t1 = (editorActorSnapshot) => {
-    const snapshot = getEditorSnapshot({
-      editorActorSnapshot,
-      slateEditorInstance: editor._internal.slateEditor.instance
-    });
-    return selector(snapshot);
-  }, $[0] = editor._internal.slateEditor.instance, $[1] = selector, $[2] = t1) : t1 = $[2], useSelector(editor._internal.editorActor, t1, compare);
-}
-function getEditorSnapshot({
-  editorActorSnapshot,
-  slateEditorInstance
-}) {
-  return {
-    context: {
-      converters: [...editorActorSnapshot.context.converters],
-      activeDecorators: getActiveDecorators({
-        schema: editorActorSnapshot.context.schema,
-        slateEditorInstance
-      }),
-      keyGenerator: editorActorSnapshot.context.keyGenerator,
-      readOnly: editorActorSnapshot.matches({
-        "edit mode": "read only"
-      }),
-      schema: editorActorSnapshot.context.schema,
-      selection: editorActorSnapshot.context.selection,
-      value: getValue({
-        editorActorSnapshot,
-        slateEditorInstance
-      })
-    },
-    beta: {
-      hasTag: (tag) => editorActorSnapshot.hasTag(tag),
-      internalDrag: editorActorSnapshot.context.internalDrag
-    }
-  };
-}
-const PortableTextEditorContext = createContext(null), usePortableTextEditor = () => {
+const IS_PROCESSING_REMOTE_CHANGES = /* @__PURE__ */ new WeakMap(), KEY_TO_SLATE_ELEMENT = /* @__PURE__ */ new WeakMap(), KEY_TO_VALUE_ELEMENT = /* @__PURE__ */ new WeakMap(), SLATE_TO_PORTABLE_TEXT_RANGE = /* @__PURE__ */ new WeakMap(), EditorActorContext = createContext({}), PortableTextEditorContext = createContext(null), usePortableTextEditor = () => {
   const editor = useContext(PortableTextEditorContext);
   if (!editor)
     throw new Error("The `usePortableTextEditor` hook must be used inside the <PortableTextEditor> component's context.");
@@ -2947,14 +2894,12 @@ const insertBreakActionImplementation = ({
   }) ? removeListItemActionImplementation({
     context,
     action: {
-      ...action,
-      type: "list item.remove"
+      ...action
     }
   }) : addListItemActionImplementation({
     context,
     action: {
-      ...action,
-      type: "list item.add"
+      ...action
     }
   });
 }, removeListItemActionImplementation = ({
@@ -3011,14 +2956,12 @@ const toggleStyleActionImplementation = ({
   }) ? removeStyleActionImplementation({
     context,
     action: {
-      ...action,
-      type: "style.remove"
+      ...action
     }
   }) : addStyleActionImplementation({
     context,
     action: {
-      ...action,
-      type: "style.add"
+      ...action
     }
   });
 }, removeStyleActionImplementation = ({
@@ -3099,10 +3042,10 @@ const decoratorAddActionImplementation = ({
   } : void 0, selection = manualSelection ? toSlateRange(manualSelection, action.editor) ?? editor.selection : editor.selection;
   if (!selection)
     return;
-  const editorSelection = toPortableTextRange(value, selection, context.schema), anchorOffset = editorSelection ? spanSelectionPointToBlockOffset({
+  const editorSelection = toPortableTextRange(value, selection, context.schema), anchorOffset = editorSelection ? selectionPointToBlockOffset({
     value,
     selectionPoint: editorSelection.anchor
-  }) : void 0, focusOffset = editorSelection ? spanSelectionPointToBlockOffset({
+  }) : void 0, focusOffset = editorSelection ? selectionPointToBlockOffset({
     value,
     selectionPoint: editorSelection.focus
   }) : void 0;
@@ -3123,10 +3066,6 @@ const decoratorAddActionImplementation = ({
       },
       backward: editorSelection?.backward
     }), trimmedSelection = getTrimmedSelection({
-      beta: {
-        hasTag: () => !1,
-        internalDrag: void 0
-      },
       context: {
         activeDecorators: [],
         converters: [],
@@ -3158,6 +3097,11 @@ const decoratorAddActionImplementation = ({
       });
     }
   } else {
+    if (!Array.from(Editor.nodes(editor, {
+      at: selection,
+      match: (node) => editor.isTextSpan(node)
+    }))?.at(0))
+      return;
     const [block, blockPath] = Editor.node(editor, selection, {
       depth: 1
     }), lonelyEmptySpan = editor.isTextBlock(block) && block.children.length === 1 && editor.isTextSpan(block.children[0]) && block.children[0].text === "" ? block.children[0] : void 0;
@@ -3651,18 +3595,14 @@ const toggleDecoratorActionImplementation = ({
     editor: action.editor,
     decorator: action.decorator
   }) ? removeDecoratorActionImplementation({
-    context,
     action: {
-      type: "decorator.remove",
       editor: action.editor,
       decorator: action.decorator
     }
   }) : decoratorAddActionImplementation({
     context,
     action: {
-      type: "decorator.add",
-      editor: action.editor,
-      decorator: action.decorator
+      ...action
     }
   });
 }, debug$8 = debugWithName("API:editable");
@@ -3921,7 +3861,6 @@ function createEditableAPI(editor, editorActor) {
             schema: types
           },
           action: {
-            type: "annotation.add",
             annotation: {
               name: type.name,
               value: value ?? {}
@@ -4148,9 +4087,7 @@ const addAnnotationActionImplementation = ({
     }
   }))
     removeAnnotationActionImplementation({
-      context,
       action: {
-        type: "annotation.remove",
         annotation: action.annotation,
         editor: action.editor
       }
@@ -4159,7 +4096,6 @@ const addAnnotationActionImplementation = ({
     return addAnnotationActionImplementation({
       context,
       action: {
-        type: "annotation.add",
         annotation: action.annotation,
         editor: action.editor
       }
@@ -4333,10 +4269,6 @@ const addAnnotationActionImplementation = ({
   if (!selection)
     throw new Error("Unable to find selection from block offsets");
   const trimmedSelection = getTrimmedSelection({
-    beta: {
-      hasTag: () => !1,
-      internalDrag: void 0
-    },
     context: {
       converters: [],
       schema: context.schema,
@@ -4555,9 +4487,7 @@ const selectActionImplementation = ({
     return;
   }
   selectActionImplementation({
-    context,
     action: {
-      type: "select",
       selection: newSelection,
       editor: action.editor
     }
@@ -4584,9 +4514,7 @@ const selectActionImplementation = ({
     return;
   }
   selectActionImplementation({
-    context,
     action: {
-      type: "select",
       selection: newSelection,
       editor: action.editor
     }
@@ -4647,13 +4575,11 @@ const selectActionImplementation = ({
       index === 0 ? (insertBreakActionImplementation({
         context,
         action: {
-          type: "insert.break",
           editor: action.editor
         }
       }), selectPreviousBlockActionImplementation({
         context,
         action: {
-          type: "select.previous block",
           editor: action.editor,
           select: "end"
         }
@@ -4666,7 +4592,6 @@ const selectActionImplementation = ({
       })) : index === fragment.length - 1 ? (selectNextBlockActionImplementation({
         context,
         action: {
-          type: "select.next block",
           editor: action.editor,
           select: "start"
         }
@@ -4699,7 +4624,6 @@ const selectActionImplementation = ({
   insertBlocksActionImplementation({
     context,
     action: {
-      type: "insert.blocks",
       blocks: action.data,
       editor: action.editor,
       placement: "auto"
@@ -4785,7 +4709,6 @@ const selectActionImplementation = ({
   insertBlockActionImplementation({
     context,
     action: {
-      type: "insert.block",
       block: {
         _key: context.keyGenerator(),
         _type: action.blockObject.name,
@@ -4806,7 +4729,6 @@ const selectActionImplementation = ({
   insertBlockActionImplementation({
     context,
     action: {
-      type: "insert.block",
       block: {
         _key: context.keyGenerator(),
         _type: context.schema.block.name,
@@ -4855,9 +4777,7 @@ const selectActionImplementation = ({
     return;
   }
   moveBlockActionImplementation({
-    context,
     action: {
-      type: "move.block",
       at: action.at,
       to: [{
         _key: destinationBlockKey
@@ -4887,9 +4807,7 @@ const selectActionImplementation = ({
     return;
   }
   moveBlockActionImplementation({
-    context,
     action: {
-      type: "move.block",
       at: action.at,
       to: [{
         _key: destinationBlockKey
@@ -4907,13 +4825,10 @@ const selectActionImplementation = ({
   action
 }) => {
   dataTransferSetActionImplementation({
-    context,
     action: {
-      type: "data transfer.set",
       data: action.data,
       dataTransfer: action.originEvent.originEvent.dataTransfer,
-      mimeType: action.mimeType,
-      editor: action.editor
+      mimeType: action.mimeType
     }
   });
 }, behaviorActionImplementations = {
@@ -5370,8 +5285,22 @@ function createWithEventListeners(editorActor, subscriptions) {
         },
         editor
       });
-    }, editor.insertData = () => {
-      console.warn("Unexpected call to .insertData(...)");
+    }, editor.insertData = (dataTransfer) => {
+      if (isApplyingBehaviorActions(editor))
+        throw new Error("Unexpected call to .insertData(...)");
+      editorActor.send({
+        type: "behavior event",
+        behaviorEvent: {
+          type: "deserialize",
+          originEvent: {
+            type: "input.*",
+            originEvent: {
+              dataTransfer
+            }
+          }
+        },
+        editor
+      });
     }, editor.insertSoftBreak = () => {
       if (isApplyingBehaviorActions(editor)) {
         insertSoftBreakActionImplementation({
@@ -5380,7 +5309,6 @@ function createWithEventListeners(editorActor, subscriptions) {
             schema: editorActor.getSnapshot().context.schema
           },
           action: {
-            type: "insert.soft break",
             editor
           }
         });
@@ -6133,7 +6061,7 @@ function createSlateEditor(config) {
   if (existingSlateEditor)
     return debug$2("Reusing existing Slate editor instance", config.editorActor.id), existingSlateEditor;
   debug$2("Creating new Slate editor instance", config.editorActor.id);
-  const unsubscriptions = [], subscriptions = [], instance = withPlugins(withReact(createEditor$1()), {
+  const unsubscriptions = [], subscriptions = [], instance = withPlugins(withReact(createEditor()), {
     editorActor: config.editorActor,
     subscriptions
   });
@@ -6199,12 +6127,24 @@ const keyIs = {
   guard: ({
     snapshot,
     event
-  }) => !isActiveDecorator(event.decorator)(snapshot),
+  }) => {
+    const manualSelection = event.offsets ? blockOffsetsToSelection({
+      value: snapshot.context.value,
+      offsets: event.offsets
+    }) : null;
+    return manualSelection ? !isActiveDecorator(event.decorator)({
+      ...snapshot,
+      context: {
+        ...snapshot.context,
+        selection: manualSelection
+      }
+    }) : !isActiveDecorator(event.decorator)(snapshot);
+  },
   actions: [({
     event
   }) => [raise({
-    type: "decorator.add",
-    decorator: event.decorator
+    ...event,
+    type: "decorator.add"
   })]]
 }), toggleListItemOff = defineBehavior({
   on: "list item.toggle",
@@ -6412,13 +6352,11 @@ const keyIs = {
         selection: dragOrigin.selection
       }
     }) : !1, draggingEntireBlocks = isSelectingEntireBlocks({
-      ...snapshot,
       context: {
         ...snapshot.context,
         selection: dragOrigin.selection
       }
     }), draggedBlocks = getSelectedBlocks({
-      ...snapshot,
       context: {
         ...snapshot.context,
         selection: dragOrigin.selection
@@ -6427,7 +6365,8 @@ const keyIs = {
     return droppingOnDragOrigin ? !1 : {
       draggingEntireBlocks,
       draggedBlocks,
-      dragOrigin
+      dragOrigin,
+      originEvent: event.originEvent
     };
   },
   actions: [({
@@ -6435,18 +6374,19 @@ const keyIs = {
   }, {
     draggingEntireBlocks,
     draggedBlocks,
-    dragOrigin
-  }) => [raise({
-    type: "insert.blocks",
-    blocks: event.data,
-    placement: draggingEntireBlocks ? event.originEvent.position.block === "start" ? "before" : event.originEvent.position.block === "end" ? "after" : "auto" : "auto"
-  }), ...draggingEntireBlocks ? draggedBlocks.map((block) => raise({
+    dragOrigin,
+    originEvent
+  }) => [...draggingEntireBlocks ? draggedBlocks.map((block) => raise({
     type: "delete.block",
     blockPath: block.path
   })) : [raise({
     type: "delete",
     selection: dragOrigin.selection
-  })]]]
+  })], raise({
+    type: "insert.blocks",
+    blocks: event.data,
+    placement: draggingEntireBlocks ? originEvent.position.block === "start" ? "before" : originEvent.position.block === "end" ? "after" : "auto" : "auto"
+  })]]
 }), defineBehavior({
   on: "deserialization.success",
   actions: [({
@@ -6482,7 +6422,24 @@ const keyIs = {
     type: "deserialize",
     originEvent: event
   })]]
+}), defineBehavior({
+  on: "input.*",
+  actions: [({
+    event
+  }) => [raise({
+    type: "deserialize",
+    originEvent: event
+  })]]
 }), toggleAnnotationOff, toggleAnnotationOn, toggleDecoratorOff, toggleDecoratorOn, toggleListItemOff, toggleListItemOn, toggleStyleOff, toggleStyleOn, raiseDeserializationSuccessOrFailure, raiseSerializationSuccessOrFailure, raiseInsertSoftBreak];
+function getActiveDecorators({
+  schema,
+  slateEditorInstance
+}) {
+  const decorators = schema.decorators.map((decorator) => decorator.value);
+  return ({
+    ...Editor.marks(slateEditorInstance) ?? {}
+  }.marks ?? []).filter((mark) => decorators.includes(mark));
+}
 function createEditorSnapshot({
   converters,
   editor,
@@ -6590,10 +6547,10 @@ const editorMachine = setup({
       self
     }) => {
       assertEvent(event, ["behavior event", "custom behavior event"]);
-      const defaultAction = event.type === "custom behavior event" || isClipboardBehaviorEvent(event.behaviorEvent) || isDragBehaviorEvent(event.behaviorEvent) || isKeyboardBehaviorEvent(event.behaviorEvent) || event.behaviorEvent.type === "deserialize" || isMouseBehaviorEvent(event.behaviorEvent) || event.behaviorEvent.type === "serialize" ? void 0 : {
+      const defaultAction = event.type === "custom behavior event" || isClipboardBehaviorEvent(event.behaviorEvent) || isDragBehaviorEvent(event.behaviorEvent) || isInputBehaviorEvent(event.behaviorEvent) || isKeyboardBehaviorEvent(event.behaviorEvent) || isMouseBehaviorEvent(event.behaviorEvent) || event.behaviorEvent.type === "deserialize" || event.behaviorEvent.type === "serialize" ? void 0 : {
         ...event.behaviorEvent,
         editor: event.editor
-      }, defaultActionCallback = event.type === "behavior event" ? event.defaultActionCallback : void 0, eventBehaviors = [...context.behaviors.values(), ...defaultBehaviors].filter((behavior) => behavior.on === "*" ? !0 : isClipboardBehaviorEvent(event.behaviorEvent) ? behavior.on === "clipboard.*" || behavior.on === event.behaviorEvent.type : isDragBehaviorEvent(event.behaviorEvent) ? behavior.on === "drag.*" || behavior.on === event.behaviorEvent.type : isKeyboardBehaviorEvent(event.behaviorEvent) ? behavior.on === "keyboard.*" || behavior.on === event.behaviorEvent.type : isMouseBehaviorEvent(event.behaviorEvent) && behavior.on === "mouse.*" || behavior.on === event.behaviorEvent.type);
+      }, defaultActionCallback = event.type === "behavior event" ? event.defaultActionCallback : void 0, eventBehaviors = [...context.behaviors.values(), ...defaultBehaviors].filter((behavior) => behavior.on === "*" ? !0 : isClipboardBehaviorEvent(event.behaviorEvent) ? behavior.on === "clipboard.*" || behavior.on === event.behaviorEvent.type : isDragBehaviorEvent(event.behaviorEvent) ? behavior.on === "drag.*" || behavior.on === event.behaviorEvent.type : isInputBehaviorEvent(event.behaviorEvent) ? behavior.on === "input.*" : isKeyboardBehaviorEvent(event.behaviorEvent) ? behavior.on === "keyboard.*" || behavior.on === event.behaviorEvent.type : isMouseBehaviorEvent(event.behaviorEvent) && behavior.on === "mouse.*" || behavior.on === event.behaviorEvent.type);
       if (eventBehaviors.length === 0) {
         if (defaultActionCallback) {
           withApplyingBehaviorActions(event.editor, () => {
@@ -7078,13 +7035,61 @@ const editorMachine = setup({
     }
   }
 });
-function createEditor(config) {
+function getValue({
+  editorActorSnapshot,
+  slateEditorInstance
+}) {
+  return fromSlateValue(slateEditorInstance.children, editorActorSnapshot.context.schema.block.name, KEY_TO_VALUE_ELEMENT.get(slateEditorInstance));
+}
+function defaultCompare(a, b) {
+  return a === b;
+}
+function useEditorSelector(editor, selector, t0) {
+  const $ = c(3), compare = t0 === void 0 ? defaultCompare : t0;
+  let t1;
+  return $[0] !== editor || $[1] !== selector ? (t1 = (editorActorSnapshot) => {
+    const snapshot = getEditorSnapshot({
+      editorActorSnapshot,
+      slateEditorInstance: editor._internal.slateEditor.instance
+    });
+    return selector(snapshot);
+  }, $[0] = editor, $[1] = selector, $[2] = t1) : t1 = $[2], useSelector(editor._internal.editorActor, t1, compare);
+}
+function getEditorSnapshot({
+  editorActorSnapshot,
+  slateEditorInstance
+}) {
+  return {
+    context: {
+      converters: [...editorActorSnapshot.context.converters],
+      activeDecorators: getActiveDecorators({
+        schema: editorActorSnapshot.context.schema,
+        slateEditorInstance
+      }),
+      keyGenerator: editorActorSnapshot.context.keyGenerator,
+      readOnly: editorActorSnapshot.matches({
+        "edit mode": "read only"
+      }),
+      schema: editorActorSnapshot.context.schema,
+      selection: editorActorSnapshot.context.selection,
+      value: getValue({
+        editorActorSnapshot,
+        slateEditorInstance
+      })
+    },
+    beta: {
+      hasTag: (tag) => editorActorSnapshot.hasTag(tag),
+      internalDrag: editorActorSnapshot.context.internalDrag
+    }
+  };
+}
+function createInternalEditor(config) {
   const editorActor = createActor(editorMachine, {
     input: editorConfigToMachineInput(config)
   });
-  return editorActor.start(), createEditorFromActor(editorActor);
+  return editorActor.start(), createInternalEditorFromActor(editorActor);
 }
-function useCreateEditor(config) {
+function useCreateInternalEditor(config) {
   const $ = c(6);
   let t0;
   $[0] !== config ? (t0 = editorConfigToMachineInput(config), $[0] = config, $[1] = t0) : t0 = $[1];
@@ -7094,7 +7099,7 @@ function useCreateEditor(config) {
   }, $[2] = t0, $[3] = t1) : t1 = $[3];
   const editorActor = useActorRef(editorMachine, t1);
   let t2, t3;
-  return $[4] !== editorActor ? (t3 = createEditorFromActor(editorActor), $[4] = editorActor, $[5] = t3) : t3 = $[5], t2 = t3, t2;
+  return $[4] !== editorActor ? (t3 = createInternalEditorFromActor(editorActor), $[4] = editorActor, $[5] = t3) : t3 = $[5], t2 = t3, t2;
 }
 function editorConfigToMachineInput(config) {
   return {
@@ -7107,7 +7112,7 @@ function editorConfigToMachineInput(config) {
     value: config.initialValue
   };
 }
-function createEditorFromActor(editorActor) {
+function createInternalEditorFromActor(editorActor) {
   const slateEditor = createSlateEditor({
     editorActor
   }), editable = createEditableAPI(slateEditor.instance, editorActor);
@@ -7194,7 +7199,7 @@ class PortableTextEditor extends Component {
    * The editor API (currently implemented with Slate).
    */
   constructor(props) {
-    super(props), props.editor ? this.editor = props.editor : this.editor = createEditor({
+    super(props), props.editor ? this.editor = props.editor : this.editor = createInternalEditor({
       keyGenerator: props.keyGenerator ?? defaultKeyGenerator,
       schema: props.schemaType,
       initialValue: props.value,
@@ -7686,11 +7691,11 @@ function RouteEventsToChanges(props) {
 }
 const EditorContext = React.createContext(void 0);
 function EditorProvider(props) {
-  const $ = c(28), editor = useCreateEditor(props.initialConfig), editorActor = editor._internal.editorActor, slateEditor = editor._internal.slateEditor;
+  const $ = c(28), internalEditor = useCreateInternalEditor(props.initialConfig), editorActor = internalEditor._internal.editorActor, slateEditor = internalEditor._internal.slateEditor;
   let t0, t1;
-  $[0] !== editor ? (t1 = new PortableTextEditor({
-    editor
-  }), $[0] = editor, $[1] = t1) : t1 = $[1], t0 = t1;
+  $[0] !== internalEditor ? (t1 = new PortableTextEditor({
+    editor: internalEditor
+  }), $[0] = internalEditor, $[1] = t1) : t1 = $[1], t0 = t1;
   const portableTextEditor = t0;
   let t2;
   $[2] !== portableTextEditor.change$ ? (t2 = (change) => {
@@ -7709,11 +7714,11 @@ function EditorProvider(props) {
   let t8;
   $[20] !== editorActor || $[21] !== t7 ? (t8 = /* @__PURE__ */ jsx(EditorActorContext.Provider, { value: editorActor, children: t7 }), $[20] = editorActor, $[21] = t7, $[22] = t8) : t8 = $[22];
   let t9;
-  return $[23] !== editor || $[24] !== t3 || $[25] !== t4 || $[26] !== t8 ? (t9 = /* @__PURE__ */ jsxs(EditorContext.Provider, { value: editor, children: [
+  return $[23] !== internalEditor || $[24] !== t3 || $[25] !== t4 || $[26] !== t8 ? (t9 = /* @__PURE__ */ jsxs(EditorContext.Provider, { value: internalEditor, children: [
     t3,
     t4,
     t8
-  ] }), $[23] = editor, $[24] = t3, $[25] = t4, $[26] = t8, $[27] = t9) : t9 = $[27], t9;
+  ] }), $[23] = internalEditor, $[24] = t3, $[25] = t4, $[26] = t8, $[27] = t9) : t9 = $[27], t9;
 }
 function useEditor() {
   const editor = React.useContext(EditorContext);