@portabletext/editor 7.0.5 → 7.0.6

package/lib/index.js

@@ -4785,32 +4785,6 @@ function DropIndicator() {
     zIndex: 5
   }, children: /* @__PURE__ */ jsx("span", {}) }), $[0] = t0) : t0 = $[0], t0;
 }
-function defaultCompare(a, b) {
-  return a === b;
-}
-function useEditorSelector(editor, selector, t0) {
-  return useSelector(editor, selector, t0 === void 0 ? defaultCompare : t0);
-}
-function getEditorSnapshot({
-  editorActorSnapshot,
-  editorEngineInstance
-}) {
-  return {
-    blockIndexMap: editorEngineInstance.blockIndexMap,
-    context: {
-      containers: editorEngineInstance.publicContainers,
-      converters: editorActorSnapshot.context.converters,
-      keyGenerator: editorActorSnapshot.context.keyGenerator,
-      readOnly: editorActorSnapshot.matches({
-        "edit mode": "read only"
-      }),
-      schema: editorActorSnapshot.context.schema,
-      selection: editorEngineInstance.selection,
-      value: editorEngineInstance.children
-    },
-    decoratorState: editorEngineInstance.decoratorState
-  };
-}
 const emptySet$1 = /* @__PURE__ */ new Set(), emptyState = {
   focusedLeafPath: void 0,
   selectedLeafPaths: emptySet$1,
@@ -4885,15 +4859,12 @@ const defaultStore = {
   getSnapshot: () => defaultSelectionState
 }, SelectionStateStoreContext = createContext(defaultStore);
 function SelectionStateProvider(t0) {
-  const $ = c(10), {
+  const $ = c(11), {
     children
   } = t0, editorActor = useContext(EditorActorContext), editorEngine = useEngineStatic();
   let t1;
-  $[0] !== editorActor || $[1] !== editorEngine ? (t1 = () => {
-    const actorSnapshot = editorActor.getSnapshot(), snapshot = getEditorSnapshot({
-      editorActorSnapshot: actorSnapshot,
-      editorEngineInstance: editorEngine
-    }), selection = snapshot.context.selection ? {
+  $[0] !== editorEngine.blockIndexMap || $[1] !== editorEngine.publicContainers || $[2] !== editorEngine.snapshot ? (t1 = () => {
+    const snapshot = editorEngine.snapshot, selection = snapshot.context.selection ? {
       anchorPath: snapshot.context.selection.anchor.path,
       focusPath: snapshot.context.selection.focus.path,
       backward: snapshot.context.selection.backward ?? !1,
@@ -4907,10 +4878,10 @@ function SelectionStateProvider(t0) {
       },
       blockIndexMap: editorEngine.blockIndexMap
     }, selection);
-  }, $[0] = editorActor, $[1] = editorEngine, $[2] = t1) : t1 = $[2];
+  }, $[0] = editorEngine.blockIndexMap, $[1] = editorEngine.publicContainers, $[2] = editorEngine.snapshot, $[3] = t1) : t1 = $[3];
   const computeCurrent = t1, [seed] = useState(computeCurrent), stateRef = useRef(seed), [initialSubscribers] = useState(_temp$2), subscribersRef = useRef(initialSubscribers);
   let t2, t3;
-  $[3] !== computeCurrent || $[4] !== editorActor ? (t2 = () => {
+  $[4] !== computeCurrent || $[5] !== editorActor ? (t2 = () => {
     const next = computeCurrent();
     if (!selectionStatesEqual(stateRef.current, next)) {
       stateRef.current = next;
@@ -4930,17 +4901,17 @@ function SelectionStateProvider(t0) {
       }));
     });
     return () => subscription.unsubscribe();
-  }, t3 = [editorActor, computeCurrent], $[3] = computeCurrent, $[4] = editorActor, $[5] = t2, $[6] = t3) : (t2 = $[5], t3 = $[6]), useEffect(t2, t3);
+  }, t3 = [editorActor, computeCurrent], $[4] = computeCurrent, $[5] = editorActor, $[6] = t2, $[7] = t3) : (t2 = $[6], t3 = $[7]), useEffect(t2, t3);
   let t4;
-  $[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t4 = {
+  $[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t4 = {
     subscribe: (callback) => (subscribersRef.current.add(callback), () => {
       subscribersRef.current.delete(callback);
     }),
     getSnapshot: () => stateRef.current
-  }, $[7] = t4) : t4 = $[7];
+  }, $[8] = t4) : t4 = $[8];
   const store = t4;
   let t5;
-  return $[8] !== children ? (t5 = /* @__PURE__ */ jsx(SelectionStateStoreContext.Provider, { value: store, children }), $[8] = children, $[9] = t5) : t5 = $[9], t5;
+  return $[9] !== children ? (t5 = /* @__PURE__ */ jsx(SelectionStateStoreContext.Provider, { value: store, children }), $[9] = children, $[10] = t5) : t5 = $[10], t5;
 }
 function _temp$2() {
   return /* @__PURE__ */ new Set();
@@ -5355,7 +5326,7 @@ function resolveElementDropPosition(dropPosition, elementPath) {
     return dropPosition.position;
 }
 function tupleRefEqual(previous, next) {
-  if (previous.length !== next.length)
+  if (previous === null || previous.length !== next.length)
     return !1;
   for (let i = 0; i < previous.length; i++)
     if (!Object.is(previous[i], next[i]))
@@ -5363,7 +5334,7 @@ function tupleRefEqual(previous, next) {
   return !0;
 }
 function RenderElement(props) {
-  const $ = c(84), editorActor = useContext(EditorActorContext), parentContainer = useContext(ParentContainerContext), parentTextBlock = useContext(ParentTextBlockContext), isInNewPipeline = useContext(NewPipelineContext), engineStatic = useEngineStatic(), schema = props.schema, type = props.element._type;
+  const $ = c(84), parentContainer = useContext(ParentContainerContext), parentTextBlock = useContext(ParentTextBlockContext), isInNewPipeline = useContext(NewPipelineContext), engineStatic = useEngineStatic(), schema = props.schema, type = props.element._type;
   let t0;
   $[0] !== parentContainer || $[1] !== type ? (t0 = findBlockPositionalOverride(parentContainer, type), $[0] = parentContainer, $[1] = type, $[2] = t0) : t0 = $[2];
   const blockPositionalOverride = t0;
@@ -5371,8 +5342,8 @@ function RenderElement(props) {
   $[3] !== parentTextBlock || $[4] !== type ? (t1 = findInlinePositionalOverride(parentTextBlock, type), $[3] = parentTextBlock, $[4] = type, $[5] = t1) : t1 = $[5];
   const inlinePositionalOverride = t1;
   let t2;
-  $[6] !== type ? (t2 = (state) => [state.context.containers.get(type), state.context.blockObjects.get(type), state.context.inlineObjects.get(type), state.context.textBlocks.get(type)], $[6] = type, $[7] = t2) : t2 = $[7];
-  const [globalContainerConfig, globalBlockObjectConfig, globalInlineObjectConfig, textBlockConfig] = useSelector(editorActor, t2, tupleRefEqual);
+  $[6] !== type ? (t2 = (engine) => [engine.containers.get(type), engine.blockObjects.get(type), engine.inlineObjects.get(type), engine.textBlocks.get(type)], $[6] = type, $[7] = t2) : t2 = $[7];
+  const [globalContainerConfig, globalBlockObjectConfig, globalInlineObjectConfig, textBlockConfig] = useEngineSelector(t2, tupleRefEqual);
   let t3;
   bb0: {
     if (blockPositionalOverride && "container" in blockPositionalOverride) {
@@ -5564,13 +5535,13 @@ function RenderTextBlockConfig(props) {
   }), $[2] = focused, $[3] = props.attributes, $[4] = props.children, $[5] = props.node, $[6] = props.path, $[7] = props.readOnly, $[8] = props.render, $[9] = selected, $[10] = t1) : t1 = $[10], t1;
 }
 function useSpanConfig(node, _path) {
-  const $ = c(5), editorActor = useContext(EditorActorContext), parentTextBlock = useContext(ParentTextBlockContext);
+  const $ = c(5), parentTextBlock = useContext(ParentTextBlockContext);
   let t0;
   $[0] !== node._type || $[1] !== parentTextBlock ? (t0 = findInlinePositionalOverride(parentTextBlock, node._type), $[0] = node._type, $[1] = parentTextBlock, $[2] = t0) : t0 = $[2];
   const positional = t0;
   let t1;
-  $[3] !== node._type ? (t1 = (state) => state.context.spans.get(node._type), $[3] = node._type, $[4] = t1) : t1 = $[4];
-  const globalSpan = useSelector(editorActor, t1);
+  $[3] !== node._type ? (t1 = (engine) => engine.spans.get(node._type), $[3] = node._type, $[4] = t1) : t1 = $[4];
+  const globalSpan = useEngineSelector(t1);
   return positional && "span" in positional ? positional.span.render === void 0 ? globalSpan : positional : globalSpan;
 }
 function RenderSpan(props) {
@@ -6025,7 +5996,7 @@ function validateSelection(editorEngine, editorElement) {
   }
 }
 const PortableTextEditable = forwardRef(function(props, forwardedRef) {
-  const $ = c(183);
+  const $ = c(180);
   let hotkeys, onBeforeInput, onBlur, onClick, onCopy, onCut, onDrag, onDragEnd, onDragEnter, onDragLeave, onDragOver, onDragStart, onDrop, onFocus, onPaste, propsSelection, rangeDecorations, renderAnnotation, renderBlock, renderChild, renderDecorator, renderListItem, renderPlaceholder, renderStyle, restProps, scrollSelectionIntoView;
   $[0] !== props ? ({
     hotkeys,
@@ -6055,65 +6026,62 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
     scrollSelectionIntoView,
     ...restProps
   } = props, $[0] = props, $[1] = hotkeys, $[2] = onBeforeInput, $[3] = onBlur, $[4] = onClick, $[5] = onCopy, $[6] = onCut, $[7] = onDrag, $[8] = onDragEnd, $[9] = onDragEnter, $[10] = onDragLeave, $[11] = onDragOver, $[12] = onDragStart, $[13] = onDrop, $[14] = onFocus, $[15] = onPaste, $[16] = propsSelection, $[17] = rangeDecorations, $[18] = renderAnnotation, $[19] = renderBlock, $[20] = renderChild, $[21] = renderDecorator, $[22] = renderListItem, $[23] = renderPlaceholder, $[24] = renderStyle, $[25] = restProps, $[26] = scrollSelectionIntoView) : (hotkeys = $[1], onBeforeInput = $[2], onBlur = $[3], onClick = $[4], onCopy = $[5], onCut = $[6], onDrag = $[7], onDragEnd = $[8], onDragEnter = $[9], onDragLeave = $[10], onDragOver = $[11], onDragStart = $[12], onDrop = $[13], onFocus = $[14], onPaste = $[15], propsSelection = $[16], rangeDecorations = $[17], renderAnnotation = $[18], renderBlock = $[19], renderChild = $[20], renderDecorator = $[21], renderListItem = $[22], renderPlaceholder = $[23], renderStyle = $[24], restProps = $[25], scrollSelectionIntoView = $[26]);
-  const portableTextEditor = usePortableTextEditor(), [hasInvalidValue, setHasInvalidValue] = useState(!1), editorActor = useContext(EditorActorContext), relayActor = useContext(RelayActorContext);
+  const portableTextEditor = usePortableTextEditor(), [hasInvalidValue, setHasInvalidValue] = useState(!1), editorActor = useContext(EditorActorContext), relayActor = useContext(RelayActorContext), editorEngine = useEngine(), schema = editorEngine.schema, readOnly = useSelector(editorActor, _temp);
   let t0;
-  $[27] !== editorActor ? (t0 = editorActor.getSnapshot(), $[27] = editorActor, $[28] = t0) : t0 = $[28];
-  const schema = t0.context.schema, readOnly = useSelector(editorActor, _temp), editorEngine = useEngine();
-  let t1;
-  $[29] !== editorEngine ? (t1 = {
+  $[27] !== editorEngine ? (t0 = {
     input: {
       editorEngine
     }
-  }, $[29] = editorEngine, $[30] = t1) : t1 = $[30];
-  const validateSelectionActor = useActorRef(validateSelectionMachine, t1);
+  }, $[27] = editorEngine, $[28] = t0) : t0 = $[28];
+  const validateSelectionActor = useActorRef(validateSelectionMachine, t0);
+  let t1;
+  $[29] !== rangeDecorations ? (t1 = rangeDecorations ?? [], $[29] = rangeDecorations, $[30] = t1) : t1 = $[30];
   let t2;
-  $[31] !== rangeDecorations ? (t2 = rangeDecorations ?? [], $[31] = rangeDecorations, $[32] = t2) : t2 = $[32];
-  let t3;
-  $[33] !== editorActor ? (t3 = editorActor.getSnapshot().matches({
+  $[31] !== editorActor ? (t2 = editorActor.getSnapshot().matches({
     setup: "setting up"
-  }), $[33] = editorActor, $[34] = t3) : t3 = $[34];
-  const t4 = !t3;
-  let t5;
-  $[35] !== editorEngine || $[36] !== readOnly || $[37] !== schema || $[38] !== t2 || $[39] !== t4 ? (t5 = {
+  }), $[31] = editorActor, $[32] = t2) : t2 = $[32];
+  const t3 = !t2;
+  let t4;
+  $[33] !== editorEngine || $[34] !== readOnly || $[35] !== schema || $[36] !== t1 || $[37] !== t3 ? (t4 = {
     input: {
-      rangeDecorations: t2,
+      rangeDecorations: t1,
       readOnly,
       schema,
       editorEngine,
-      skipSetup: t4
+      skipSetup: t3
     }
-  }, $[35] = editorEngine, $[36] = readOnly, $[37] = schema, $[38] = t2, $[39] = t4, $[40] = t5) : t5 = $[40];
-  const rangeDecorationsActor = useActorRef(rangeDecorationsMachine, t5), decorate = useSelector(rangeDecorationsActor, _temp2), dropPosition = useDropPosition();
-  let t6, t7;
-  $[41] !== rangeDecorationsActor || $[42] !== readOnly ? (t6 = () => {
+  }, $[33] = editorEngine, $[34] = readOnly, $[35] = schema, $[36] = t1, $[37] = t3, $[38] = t4) : t4 = $[38];
+  const rangeDecorationsActor = useActorRef(rangeDecorationsMachine, t4), decorate = useSelector(rangeDecorationsActor, _temp2), dropPosition = useDropPosition();
+  let t5, t6;
+  $[39] !== rangeDecorationsActor || $[40] !== readOnly ? (t5 = () => {
     rangeDecorationsActor.send({
       type: "update read only",
       readOnly
     });
-  }, t7 = [rangeDecorationsActor, readOnly], $[41] = rangeDecorationsActor, $[42] = readOnly, $[43] = t6, $[44] = t7) : (t6 = $[43], t7 = $[44]), useEffect(t6, t7);
-  let t8, t9;
-  $[45] !== rangeDecorations || $[46] !== rangeDecorationsActor ? (t8 = () => {
+  }, t6 = [rangeDecorationsActor, readOnly], $[39] = rangeDecorationsActor, $[40] = readOnly, $[41] = t5, $[42] = t6) : (t5 = $[41], t6 = $[42]), useEffect(t5, t6);
+  let t7, t8;
+  $[43] !== rangeDecorations || $[44] !== rangeDecorationsActor ? (t7 = () => {
     rangeDecorationsActor.send({
       type: "range decorations updated",
       rangeDecorations: rangeDecorations ?? []
     });
-  }, t9 = [rangeDecorationsActor, rangeDecorations], $[45] = rangeDecorations, $[46] = rangeDecorationsActor, $[47] = t8, $[48] = t9) : (t8 = $[47], t9 = $[48]), useEffect(t8, t9);
-  let t10;
-  $[49] !== renderBlock || $[50] !== renderChild || $[51] !== renderListItem || $[52] !== renderStyle ? (t10 = {
+  }, t8 = [rangeDecorationsActor, rangeDecorations], $[43] = rangeDecorations, $[44] = rangeDecorationsActor, $[45] = t7, $[46] = t8) : (t7 = $[45], t8 = $[46]), useEffect(t7, t8);
+  let t9;
+  $[47] !== renderBlock || $[48] !== renderChild || $[49] !== renderListItem || $[50] !== renderStyle ? (t9 = {
     renderBlock,
     renderChild,
     renderListItem,
     renderStyle
-  }, $[49] = renderBlock, $[50] = renderChild, $[51] = renderListItem, $[52] = renderStyle, $[53] = t10) : t10 = $[53];
-  const legacy = t10;
+  }, $[47] = renderBlock, $[48] = renderChild, $[49] = renderListItem, $[50] = renderStyle, $[51] = t9) : t9 = $[51];
+  const legacy = t9;
+  let t10;
+  $[52] !== dropPosition || $[53] !== legacy || $[54] !== readOnly || $[55] !== schema ? (t10 = (eProps) => /* @__PURE__ */ jsx(RenderElement, { ...eProps, dropPosition, legacy, readOnly, schema }), $[52] = dropPosition, $[53] = legacy, $[54] = readOnly, $[55] = schema, $[56] = t10) : t10 = $[56];
+  const renderElement = t10;
   let t11;
-  $[54] !== dropPosition || $[55] !== legacy || $[56] !== readOnly || $[57] !== schema ? (t11 = (eProps) => /* @__PURE__ */ jsx(RenderElement, { ...eProps, dropPosition, legacy, readOnly, schema }), $[54] = dropPosition, $[55] = legacy, $[56] = readOnly, $[57] = schema, $[58] = t11) : t11 = $[58];
-  const renderElement = t11;
+  $[57] !== readOnly || $[58] !== renderAnnotation || $[59] !== renderChild || $[60] !== renderDecorator || $[61] !== renderPlaceholder || $[62] !== schema ? (t11 = (leafProps) => /* @__PURE__ */ jsx(RenderLeaf, { ...leafProps, readOnly, renderAnnotation, renderChild, renderDecorator, renderPlaceholder, schema }), $[57] = readOnly, $[58] = renderAnnotation, $[59] = renderChild, $[60] = renderDecorator, $[61] = renderPlaceholder, $[62] = schema, $[63] = t11) : t11 = $[63];
+  const renderLeaf = t11, renderText = _temp3;
   let t12;
-  $[59] !== readOnly || $[60] !== renderAnnotation || $[61] !== renderChild || $[62] !== renderDecorator || $[63] !== renderPlaceholder || $[64] !== schema ? (t12 = (leafProps) => /* @__PURE__ */ jsx(RenderLeaf, { ...leafProps, readOnly, renderAnnotation, renderChild, renderDecorator, renderPlaceholder, schema }), $[59] = readOnly, $[60] = renderAnnotation, $[61] = renderChild, $[62] = renderDecorator, $[63] = renderPlaceholder, $[64] = schema, $[65] = t12) : t12 = $[65];
-  const renderLeaf = t12, renderText = _temp3;
-  let t13;
-  $[66] !== editorActor || $[67] !== editorEngine || $[68] !== propsSelection ? (t13 = () => {
+  $[64] !== editorActor || $[65] !== editorEngine || $[66] !== propsSelection ? (t12 = () => {
     if (propsSelection) {
       debug.selection.enabled && debug.selection(`Selection from props ${safeStringify(propsSelection)}`);
       const resolvedSelection = resolveSelection(editorEngine, propsSelection);
@@ -6122,10 +6090,10 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
         selection: resolvedSelection
       }), editorEngine.onChange());
     }
-  }, $[66] = editorActor, $[67] = editorEngine, $[68] = propsSelection, $[69] = t13) : t13 = $[69];
-  const restoreSelectionFromProps = t13;
-  let t14, t15;
-  $[70] !== editorActor || $[71] !== rangeDecorationsActor || $[72] !== restoreSelectionFromProps ? (t14 = () => {
+  }, $[64] = editorActor, $[65] = editorEngine, $[66] = propsSelection, $[67] = t12) : t12 = $[67];
+  const restoreSelectionFromProps = t12;
+  let t13, t14;
+  $[68] !== editorActor || $[69] !== rangeDecorationsActor || $[70] !== restoreSelectionFromProps ? (t13 = () => {
     const onReady = editorActor.on("ready", () => {
       rangeDecorationsActor.send({
         type: "ready"
@@ -6138,13 +6106,13 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
     return () => {
       onReady.unsubscribe(), onInvalidValue.unsubscribe(), onValueChanged.unsubscribe();
     };
-  }, t15 = [rangeDecorationsActor, editorActor, restoreSelectionFromProps], $[70] = editorActor, $[71] = rangeDecorationsActor, $[72] = restoreSelectionFromProps, $[73] = t14, $[74] = t15) : (t14 = $[73], t15 = $[74]), useEffect(t14, t15);
-  let t16, t17;
-  $[75] !== hasInvalidValue || $[76] !== propsSelection || $[77] !== restoreSelectionFromProps ? (t16 = () => {
+  }, t14 = [rangeDecorationsActor, editorActor, restoreSelectionFromProps], $[68] = editorActor, $[69] = rangeDecorationsActor, $[70] = restoreSelectionFromProps, $[71] = t13, $[72] = t14) : (t13 = $[71], t14 = $[72]), useEffect(t13, t14);
+  let t15, t16;
+  $[73] !== hasInvalidValue || $[74] !== propsSelection || $[75] !== restoreSelectionFromProps ? (t15 = () => {
     propsSelection && !hasInvalidValue && restoreSelectionFromProps();
-  }, t17 = [hasInvalidValue, propsSelection, restoreSelectionFromProps], $[75] = hasInvalidValue, $[76] = propsSelection, $[77] = restoreSelectionFromProps, $[78] = t16, $[79] = t17) : (t16 = $[78], t17 = $[79]), useEffect(t16, t17);
-  let t18;
-  $[80] !== editorActor || $[81] !== editorEngine || $[82] !== onCopy ? (t18 = (event) => {
+  }, t16 = [hasInvalidValue, propsSelection, restoreSelectionFromProps], $[73] = hasInvalidValue, $[74] = propsSelection, $[75] = restoreSelectionFromProps, $[76] = t15, $[77] = t16) : (t15 = $[76], t16 = $[77]), useEffect(t15, t16);
+  let t17;
+  $[78] !== editorActor || $[79] !== editorEngine || $[80] !== onCopy ? (t17 = (event) => {
     if (DOMEditor.hasSelectableTarget(editorEngine, event.target)) {
       if (onCopy)
         onCopy(event) !== void 0 && event.preventDefault();
@@ -6171,16 +6139,16 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
         });
       }
     }
-  }, $[80] = editorActor, $[81] = editorEngine, $[82] = onCopy, $[83] = t18) : t18 = $[83];
-  const handleCopy = t18;
-  let t19;
-  $[84] !== editorActor || $[85] !== editorEngine || $[86] !== onCut ? (t19 = (event_0) => {
+  }, $[78] = editorActor, $[79] = editorEngine, $[80] = onCopy, $[81] = t17) : t17 = $[81];
+  const handleCopy = t17;
+  let t18;
+  $[82] !== editorActor || $[83] !== editorEngine || $[84] !== onCut ? (t18 = (event_0) => {
     if (DOMEditor.hasSelectableTarget(editorEngine, event_0.target)) {
       if (onCut)
         onCut(event_0) !== void 0 && event_0.preventDefault();
       else if (event_0.nativeEvent.clipboardData) {
         event_0.stopPropagation(), event_0.preventDefault();
-        const selection_0 = editorActor.getSnapshot().context.selection, position_0 = selection_0 ? {
+        const selection_0 = editorEngine.selection, position_0 = selection_0 ? {
           selection: selection_0
         } : void 0;
         if (!position_0) {
@@ -6201,10 +6169,10 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
         });
       }
     }
-  }, $[84] = editorActor, $[85] = editorEngine, $[86] = onCut, $[87] = t19) : t19 = $[87];
-  const handleCut = t19;
-  let t20;
-  $[88] !== editorActor || $[89] !== editorEngine || $[90] !== onPaste || $[91] !== portableTextEditor || $[92] !== relayActor ? (t20 = (event_1) => {
+  }, $[82] = editorActor, $[83] = editorEngine, $[84] = onCut, $[85] = t18) : t18 = $[85];
+  const handleCut = t18;
+  let t19;
+  $[86] !== editorActor || $[87] !== editorEngine || $[88] !== onPaste || $[89] !== portableTextEditor || $[90] !== relayActor ? (t19 = (event_1) => {
     const value = editorEngine.children, path2 = editorEngine.selection?.focus.path || [], onPasteResult = onPaste?.({
       event: event_1,
       value,
@@ -6217,7 +6185,7 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
       }), Promise.resolve(onPasteResult).then((result_1) => {
         if (debug.behaviors("Custom paste function from client resolved", result_1), !result_1 || !result_1.insert) {
           debug.behaviors("No result from custom paste handler, pasting normally");
-          const selection_1 = editorActor.getSnapshot().context.selection, position_1 = selection_1 ? {
+          const selection_1 = editorEngine.selection, position_1 = selection_1 ? {
             selection: selection_1
           } : void 0;
           if (!position_1) {
@@ -6242,8 +6210,8 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
             behaviorEvent: {
               type: "insert.blocks",
               blocks: parseBlocks({
-                keyGenerator: editorActor.getSnapshot().context.keyGenerator,
-                schema: editorActor.getSnapshot().context.schema,
+                keyGenerator: editorEngine.keyGenerator,
+                schema: editorEngine.schema,
                 blocks: result_1.insert,
                 options: {
                   normalize: !1,
@@ -6262,7 +6230,7 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
       });
     else if (event_1.nativeEvent.clipboardData) {
       event_1.preventDefault(), event_1.stopPropagation();
-      const selection_2 = editorActor.getSnapshot().context.selection, position_2 = selection_2 ? {
+      const selection_2 = editorEngine.selection, position_2 = selection_2 ? {
         selection: selection_2
       } : void 0;
       if (!position_2) {
@@ -6283,18 +6251,18 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
       });
     }
     debug.behaviors("No result from custom paste handler, pasting normally");
-  }, $[88] = editorActor, $[89] = editorEngine, $[90] = onPaste, $[91] = portableTextEditor, $[92] = relayActor, $[93] = t20) : t20 = $[93];
-  const handlePaste = t20;
-  let t21;
-  $[94] !== editorActor || $[95] !== editorEngine || $[96] !== onFocus || $[97] !== relayActor ? (t21 = (event_2) => {
+  }, $[86] = editorActor, $[87] = editorEngine, $[88] = onPaste, $[89] = portableTextEditor, $[90] = relayActor, $[91] = t19) : t19 = $[91];
+  const handlePaste = t19;
+  let t20;
+  $[92] !== editorEngine || $[93] !== onFocus || $[94] !== relayActor ? (t20 = (event_2) => {
     onFocus && onFocus(event_2), event_2.isDefaultPrevented() || (relayActor.send({
       type: "focused",
       event: event_2
-    }), !editorEngine.selection && editorEngine.children.length === 1 && isEmptyTextBlock(editorActor.getSnapshot().context, editorEngine.children.at(0)) && (editorEngine.select(start(editorEngine, [])), editorEngine.onChange()));
-  }, $[94] = editorActor, $[95] = editorEngine, $[96] = onFocus, $[97] = relayActor, $[98] = t21) : t21 = $[98];
-  const handleOnFocus = t21;
-  let t22;
-  $[99] !== editorActor || $[100] !== editorEngine || $[101] !== onClick ? (t22 = (event_3) => {
+    }), !editorEngine.selection && editorEngine.children.length === 1 && isEmptyTextBlock(editorEngine, editorEngine.children.at(0)) && (editorEngine.select(start(editorEngine, [])), editorEngine.onChange()));
+  }, $[92] = editorEngine, $[93] = onFocus, $[94] = relayActor, $[95] = t20) : t20 = $[95];
+  const handleOnFocus = t20;
+  let t21;
+  $[96] !== editorActor || $[97] !== editorEngine || $[98] !== onClick ? (t21 = (event_3) => {
     if (onClick && onClick(event_3), event_3.isDefaultPrevented() || event_3.isPropagationStopped())
       return;
     const position_3 = getEventPosition({
@@ -6311,23 +6279,23 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
       editor: editorEngine,
       nativeEvent: event_3
     });
-  }, $[99] = editorActor, $[100] = editorEngine, $[101] = onClick, $[102] = t22) : t22 = $[102];
-  const handleClick = t22;
-  let t23;
-  $[103] !== onBlur || $[104] !== relayActor ? (t23 = (event_4) => {
+  }, $[96] = editorActor, $[97] = editorEngine, $[98] = onClick, $[99] = t21) : t21 = $[99];
+  const handleClick = t21;
+  let t22;
+  $[100] !== onBlur || $[101] !== relayActor ? (t22 = (event_4) => {
     onBlur && onBlur(event_4), event_4.isPropagationStopped() || relayActor.send({
       type: "blurred",
       event: event_4
     });
-  }, $[103] = onBlur, $[104] = relayActor, $[105] = t23) : t23 = $[105];
-  const handleOnBlur = t23;
-  let t24;
-  $[106] !== onBeforeInput ? (t24 = (event_5) => {
+  }, $[100] = onBlur, $[101] = relayActor, $[102] = t22) : t22 = $[102];
+  const handleOnBlur = t22;
+  let t23;
+  $[103] !== onBeforeInput ? (t23 = (event_5) => {
     onBeforeInput && onBeforeInput(event_5);
-  }, $[106] = onBeforeInput, $[107] = t24) : t24 = $[107];
-  const handleOnBeforeInput = t24;
-  let t25;
-  $[108] !== editorActor || $[109] !== editorEngine || $[110] !== hotkeys || $[111] !== portableTextEditor || $[112] !== props ? (t25 = (event_6) => {
+  }, $[103] = onBeforeInput, $[104] = t23) : t23 = $[104];
+  const handleOnBeforeInput = t23;
+  let t24;
+  $[105] !== editorActor || $[106] !== editorEngine || $[107] !== hotkeys || $[108] !== portableTextEditor || $[109] !== props ? (t24 = (event_6) => {
     props.onKeyDown && props.onKeyDown(event_6), event_6.isDefaultPrevented() || performHotkey({
       editorActor,
       editor: editorEngine,
@@ -6350,10 +6318,10 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
       editor: editorEngine,
       nativeEvent: event_6
     });
-  }, $[108] = editorActor, $[109] = editorEngine, $[110] = hotkeys, $[111] = portableTextEditor, $[112] = props, $[113] = t25) : t25 = $[113];
-  const handleKeyDown = t25;
-  let t26;
-  $[114] !== editorActor || $[115] !== editorEngine || $[116] !== props ? (t26 = (event_7) => {
+  }, $[105] = editorActor, $[106] = editorEngine, $[107] = hotkeys, $[108] = portableTextEditor, $[109] = props, $[110] = t24) : t24 = $[110];
+  const handleKeyDown = t24;
+  let t25;
+  $[111] !== editorActor || $[112] !== editorEngine || $[113] !== props ? (t25 = (event_7) => {
     props.onKeyUp && props.onKeyUp(event_7), event_7.isDefaultPrevented() || editorActor.send({
       type: "behavior event",
       behaviorEvent: {
@@ -6370,26 +6338,26 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
       editor: editorEngine,
       nativeEvent: event_7
     });
-  }, $[114] = editorActor, $[115] = editorEngine, $[116] = props, $[117] = t26) : t26 = $[117];
-  const handleKeyUp = t26;
-  let t27;
+  }, $[111] = editorActor, $[112] = editorEngine, $[113] = props, $[114] = t25) : t25 = $[114];
+  const handleKeyUp = t25;
+  let t26;
   bb0: {
     if (scrollSelectionIntoView === void 0) {
-      t27 = void 0;
+      t26 = void 0;
       break bb0;
     }
     if (scrollSelectionIntoView === null) {
-      t27 = noop;
+      t26 = noop;
       break bb0;
     }
-    let t282;
-    $[118] !== portableTextEditor || $[119] !== scrollSelectionIntoView ? (t282 = (_editor, domRange) => {
+    let t272;
+    $[115] !== portableTextEditor || $[116] !== scrollSelectionIntoView ? (t272 = (_editor, domRange) => {
       scrollSelectionIntoView(portableTextEditor, domRange);
-    }, $[118] = portableTextEditor, $[119] = scrollSelectionIntoView, $[120] = t282) : t282 = $[120], t27 = t282;
+    }, $[115] = portableTextEditor, $[116] = scrollSelectionIntoView, $[117] = t272) : t272 = $[117], t26 = t272;
   }
-  const scrollSelectionIntoViewToEngine = t27;
-  let t28, t29;
-  $[121] !== editorActor || $[122] !== editorEngine ? (t28 = () => {
+  const scrollSelectionIntoViewToEngine = t26;
+  let t27, t28;
+  $[118] !== editorActor || $[119] !== editorEngine ? (t27 = () => {
     const window2 = DOMEditor.getWindow(editorEngine), onDragEnd_0 = () => {
       editorActor.send({
         type: "dragend"
@@ -6402,9 +6370,9 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
     return window2.document.addEventListener("dragend", onDragEnd_0), window2.document.addEventListener("drop", onDrop_0), () => {
       window2.document.removeEventListener("dragend", onDragEnd_0), window2.document.removeEventListener("drop", onDrop_0);
     };
-  }, t29 = [editorEngine, editorActor], $[121] = editorActor, $[122] = editorEngine, $[123] = t28, $[124] = t29) : (t28 = $[123], t29 = $[124]), useEffect(t28, t29);
-  let t30;
-  $[125] !== editorActor || $[126] !== editorEngine || $[127] !== onDragStart || $[128] !== readOnly ? (t30 = (event_8) => {
+  }, t28 = [editorEngine, editorActor], $[118] = editorActor, $[119] = editorEngine, $[120] = t27, $[121] = t28) : (t27 = $[120], t28 = $[121]), useEffect(t27, t28);
+  let t29;
+  $[122] !== editorActor || $[123] !== editorEngine || $[124] !== onDragStart || $[125] !== readOnly ? (t29 = (event_8) => {
     if (readOnly || !DOMEditor.hasTarget(editorEngine, event_8.target) || (onDragStart?.(event_8), event_8.isDefaultPrevented() || event_8.isPropagationStopped()))
       return;
     const position_4 = getEventPosition({
@@ -6432,10 +6400,10 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
       },
       editor: editorEngine
     }), !0;
-  }, $[125] = editorActor, $[126] = editorEngine, $[127] = onDragStart, $[128] = readOnly, $[129] = t30) : t30 = $[129];
-  const handleDragStart = t30;
-  let t31;
-  $[130] !== editorActor || $[131] !== editorEngine || $[132] !== onDrag ? (t31 = (event_9) => {
+  }, $[122] = editorActor, $[123] = editorEngine, $[124] = onDragStart, $[125] = readOnly, $[126] = t29) : t29 = $[126];
+  const handleDragStart = t29;
+  let t30;
+  $[127] !== editorActor || $[128] !== editorEngine || $[129] !== onDrag ? (t30 = (event_9) => {
     if (onDrag?.(event_9), !(event_9.isDefaultPrevented() || event_9.isPropagationStopped() || !getEventPosition({
       editorActor,
       editorEngine,
@@ -6451,10 +6419,10 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
         },
         editor: editorEngine
       }), !0;
-  }, $[130] = editorActor, $[131] = editorEngine, $[132] = onDrag, $[133] = t31) : t31 = $[133];
-  const handleDrag = t31;
-  let t32;
-  $[134] !== editorActor || $[135] !== editorEngine || $[136] !== onDragEnd ? (t32 = (event_10) => {
+  }, $[127] = editorActor, $[128] = editorEngine, $[129] = onDrag, $[130] = t30) : t30 = $[130];
+  const handleDrag = t30;
+  let t31;
+  $[131] !== editorActor || $[132] !== editorEngine || $[133] !== onDragEnd ? (t31 = (event_10) => {
     if (onDragEnd?.(event_10), !(event_10.isDefaultPrevented() || event_10.isPropagationStopped()))
       return editorActor.send({
         type: "behavior event",
@@ -6466,10 +6434,10 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
         },
         editor: editorEngine
       }), !0;
-  }, $[134] = editorActor, $[135] = editorEngine, $[136] = onDragEnd, $[137] = t32) : t32 = $[137];
-  const handleDragEnd = t32;
-  let t33;
-  $[138] !== editorActor || $[139] !== editorEngine || $[140] !== onDragEnter ? (t33 = (event_11) => {
+  }, $[131] = editorActor, $[132] = editorEngine, $[133] = onDragEnd, $[134] = t31) : t31 = $[134];
+  const handleDragEnd = t31;
+  let t32;
+  $[135] !== editorActor || $[136] !== editorEngine || $[137] !== onDragEnter ? (t32 = (event_11) => {
     if (onDragEnter?.(event_11), event_11.isDefaultPrevented() || event_11.isPropagationStopped())
       return;
     const position_6 = getEventPosition({
@@ -6489,10 +6457,10 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
         },
         editor: editorEngine
       }), !0;
-  }, $[138] = editorActor, $[139] = editorEngine, $[140] = onDragEnter, $[141] = t33) : t33 = $[141];
-  const handleDragEnter = t33;
-  let t34;
-  $[142] !== editorActor || $[143] !== editorEngine || $[144] !== onDragOver ? (t34 = (event_12) => {
+  }, $[135] = editorActor, $[136] = editorEngine, $[137] = onDragEnter, $[138] = t32) : t32 = $[138];
+  const handleDragEnter = t32;
+  let t33;
+  $[139] !== editorActor || $[140] !== editorEngine || $[141] !== onDragOver ? (t33 = (event_12) => {
     if (onDragOver?.(event_12), event_12.isDefaultPrevented() || event_12.isPropagationStopped())
       return;
     const position_7 = getEventPosition({
@@ -6514,10 +6482,10 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
         editor: editorEngine,
         nativeEvent: event_12
       }), !0;
-  }, $[142] = editorActor, $[143] = editorEngine, $[144] = onDragOver, $[145] = t34) : t34 = $[145];
-  const handleDragOver = t34;
-  let t35;
-  $[146] !== editorActor || $[147] !== editorEngine || $[148] !== onDrop ? (t35 = (event_13) => {
+  }, $[139] = editorActor, $[140] = editorEngine, $[141] = onDragOver, $[142] = t33) : t33 = $[142];
+  const handleDragOver = t33;
+  let t34;
+  $[143] !== editorActor || $[144] !== editorEngine || $[145] !== onDrop ? (t34 = (event_13) => {
     if (onDrop?.(event_13), event_13.isDefaultPrevented() || event_13.isPropagationStopped())
       return;
     const position_8 = getEventPosition({
@@ -6542,10 +6510,10 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
       editor: editorEngine,
       nativeEvent: event_13
     }), !0;
-  }, $[146] = editorActor, $[147] = editorEngine, $[148] = onDrop, $[149] = t35) : t35 = $[149];
-  const handleDrop = t35;
-  let t36;
-  $[150] !== editorActor || $[151] !== editorEngine || $[152] !== onDragLeave ? (t36 = (event_14) => {
+  }, $[143] = editorActor, $[144] = editorEngine, $[145] = onDrop, $[146] = t34) : t34 = $[146];
+  const handleDrop = t34;
+  let t35;
+  $[147] !== editorActor || $[148] !== editorEngine || $[149] !== onDragLeave ? (t35 = (event_14) => {
     if (onDragLeave?.(event_14), !(event_14.isDefaultPrevented() || event_14.isPropagationStopped() || !getEventPosition({
       editorActor,
       editorEngine,
@@ -6561,10 +6529,10 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
         },
         editor: editorEngine
       }), !0;
-  }, $[150] = editorActor, $[151] = editorEngine, $[152] = onDragLeave, $[153] = t36) : t36 = $[153];
-  const handleDragLeave = t36;
-  let t37;
-  $[154] !== forwardedRef || $[155] !== validateSelectionActor ? (t37 = (editorElement) => {
+  }, $[147] = editorActor, $[148] = editorEngine, $[149] = onDragLeave, $[150] = t35) : t35 = $[150];
+  const handleDragLeave = t35;
+  let t36;
+  $[151] !== forwardedRef || $[152] !== validateSelectionActor ? (t36 = (editorElement) => {
     if (typeof forwardedRef == "function" ? forwardedRef(editorElement) : forwardedRef && (forwardedRef.current = editorElement), editorElement) {
       const mutationObserver = new MutationObserver(() => {
         validateSelectionActor.send({
@@ -6582,12 +6550,12 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
         mutationObserver.disconnect();
       };
     }
-  }, $[154] = forwardedRef, $[155] = validateSelectionActor, $[156] = t37) : t37 = $[156];
-  const callbackRef = t37;
+  }, $[151] = forwardedRef, $[152] = validateSelectionActor, $[153] = t36) : t36 = $[153];
+  const callbackRef = t36;
   if (!portableTextEditor)
     return null;
-  let t38;
-  return $[157] !== callbackRef || $[158] !== decorate || $[159] !== editorActor || $[160] !== handleClick || $[161] !== handleCopy || $[162] !== handleCut || $[163] !== handleDrag || $[164] !== handleDragEnd || $[165] !== handleDragEnter || $[166] !== handleDragLeave || $[167] !== handleDragOver || $[168] !== handleDragStart || $[169] !== handleDrop || $[170] !== handleKeyDown || $[171] !== handleKeyUp || $[172] !== handleOnBeforeInput || $[173] !== handleOnBlur || $[174] !== handleOnFocus || $[175] !== handlePaste || $[176] !== hasInvalidValue || $[177] !== readOnly || $[178] !== renderElement || $[179] !== renderLeaf || $[180] !== restProps || $[181] !== scrollSelectionIntoViewToEngine ? (t38 = hasInvalidValue ? null : /* @__PURE__ */ jsx(SelectionStateProvider, { children: /* @__PURE__ */ jsx(Editable, { ...restProps, ref: callbackRef, editorActor, "data-read-only": readOnly, autoFocus: !1, className: restProps.className || "pt-editable", decorate, onBlur: handleOnBlur, onCopy: handleCopy, onCut: handleCut, onClick: handleClick, onDOMBeforeInput: handleOnBeforeInput, onDragStart: handleDragStart, onDrag: handleDrag, onDragEnd: handleDragEnd, onDragEnter: handleDragEnter, onDragOver: handleDragOver, onDrop: handleDrop, onDragLeave: handleDragLeave, onFocus: handleOnFocus, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onPaste: handlePaste, readOnly, renderElement, renderLeaf, renderText, scrollSelectionIntoView: scrollSelectionIntoViewToEngine }) }), $[157] = callbackRef, $[158] = decorate, $[159] = editorActor, $[160] = handleClick, $[161] = handleCopy, $[162] = handleCut, $[163] = handleDrag, $[164] = handleDragEnd, $[165] = handleDragEnter, $[166] = handleDragLeave, $[167] = handleDragOver, $[168] = handleDragStart, $[169] = handleDrop, $[170] = handleKeyDown, $[171] = handleKeyUp, $[172] = handleOnBeforeInput, $[173] = handleOnBlur, $[174] = handleOnFocus, $[175] = handlePaste, $[176] = hasInvalidValue, $[177] = readOnly, $[178] = renderElement, $[179] = renderLeaf, $[180] = restProps, $[181] = scrollSelectionIntoViewToEngine, $[182] = t38) : t38 = $[182], t38;
+  let t37;
+  return $[154] !== callbackRef || $[155] !== decorate || $[156] !== editorActor || $[157] !== handleClick || $[158] !== handleCopy || $[159] !== handleCut || $[160] !== handleDrag || $[161] !== handleDragEnd || $[162] !== handleDragEnter || $[163] !== handleDragLeave || $[164] !== handleDragOver || $[165] !== handleDragStart || $[166] !== handleDrop || $[167] !== handleKeyDown || $[168] !== handleKeyUp || $[169] !== handleOnBeforeInput || $[170] !== handleOnBlur || $[171] !== handleOnFocus || $[172] !== handlePaste || $[173] !== hasInvalidValue || $[174] !== readOnly || $[175] !== renderElement || $[176] !== renderLeaf || $[177] !== restProps || $[178] !== scrollSelectionIntoViewToEngine ? (t37 = hasInvalidValue ? null : /* @__PURE__ */ jsx(SelectionStateProvider, { children: /* @__PURE__ */ jsx(Editable, { ...restProps, ref: callbackRef, editorActor, "data-read-only": readOnly, autoFocus: !1, className: restProps.className || "pt-editable", decorate, onBlur: handleOnBlur, onCopy: handleCopy, onCut: handleCut, onClick: handleClick, onDOMBeforeInput: handleOnBeforeInput, onDragStart: handleDragStart, onDrag: handleDrag, onDragEnd: handleDragEnd, onDragEnter: handleDragEnter, onDragOver: handleDragOver, onDrop: handleDrop, onDragLeave: handleDragLeave, onFocus: handleOnFocus, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onPaste: handlePaste, readOnly, renderElement, renderLeaf, renderText, scrollSelectionIntoView: scrollSelectionIntoViewToEngine }) }), $[154] = callbackRef, $[155] = decorate, $[156] = editorActor, $[157] = handleClick, $[158] = handleCopy, $[159] = handleCut, $[160] = handleDrag, $[161] = handleDragEnd, $[162] = handleDragEnter, $[163] = handleDragLeave, $[164] = handleDragOver, $[165] = handleDragStart, $[166] = handleDrop, $[167] = handleKeyDown, $[168] = handleKeyUp, $[169] = handleOnBeforeInput, $[170] = handleOnBlur, $[171] = handleOnFocus, $[172] = handlePaste, $[173] = hasInvalidValue, $[174] = readOnly, $[175] = renderElement, $[176] = renderLeaf, $[177] = restProps, $[178] = scrollSelectionIntoViewToEngine, $[179] = t37) : t37 = $[179], t37;
 });
 PortableTextEditable.displayName = "ForwardRef(PortableTextEditable)";
 function noop() {
@@ -6993,17 +6961,11 @@ function createEditableAPI(editor, editorActor) {
       });
     },
     isMarkActive: (mark) => {
-      const snapshot = getEditorSnapshot({
-        editorActorSnapshot: editorActor.getSnapshot(),
-        editorEngineInstance: editor
-      });
+      const snapshot = editor.snapshot;
       return getActiveDecorators(snapshot).includes(mark);
     },
     marks: () => {
-      const snapshot = getEditorSnapshot({
-        editorActorSnapshot: editorActor.getSnapshot(),
-        editorEngineInstance: editor
-      }), activeAnnotations = getActiveAnnotationsMarks(snapshot), activeDecorators = getActiveDecorators(snapshot);
+      const snapshot = editor.snapshot, activeAnnotations = getActiveAnnotationsMarks(snapshot), activeDecorators = getActiveDecorators(snapshot);
       return [...activeAnnotations, ...activeDecorators];
     },
     undo: () => {
@@ -7093,7 +7055,7 @@ function createEditableAPI(editor, editorActor) {
       }
     },
     isVoid: (element) => {
-      const schema = editorActor.getSnapshot().context.schema;
+      const schema = editor.schema;
       return ![schema.block.name, schema.span.name].includes(element._type);
     },
     findByPath: (path2) => {
@@ -7142,17 +7104,11 @@ function createEditableAPI(editor, editorActor) {
       }
     },
     isAnnotationActive: (annotationType) => {
-      const snapshot = getEditorSnapshot({
-        editorActorSnapshot: editorActor.getSnapshot(),
-        editorEngineInstance: editor
-      });
+      const snapshot = editor.snapshot;
       return isActiveAnnotation(annotationType)(snapshot);
     },
     addAnnotation: (type, value) => {
-      const snapshotBefore = getEditorSnapshot({
-        editorActorSnapshot: editorActor.getSnapshot(),
-        editorEngineInstance: editor
-      }), selectedValueBefore = getSelectedValue(snapshotBefore), focusSpanBefore = getFocusSpan(snapshotBefore), markDefsBefore = selectedValueBefore.flatMap((block) => isTextBlock(snapshotBefore.context, block) ? block.markDefs ?? [] : []);
+      const snapshotBefore = editor.snapshot, selectedValueBefore = getSelectedValue(snapshotBefore), focusSpanBefore = getFocusSpan(snapshotBefore), markDefsBefore = selectedValueBefore.flatMap((block) => isTextBlock(snapshotBefore.context, block) ? block.markDefs ?? [] : []);
       editorActor.send({
         type: "behavior event",
         behaviorEvent: {
@@ -7164,10 +7120,7 @@ function createEditableAPI(editor, editorActor) {
         },
         editor
       });
-      const snapshotAfter = getEditorSnapshot({
-        editorActorSnapshot: editorActor.getSnapshot(),
-        editorEngineInstance: editor
-      }), selectedValueAfter = getSelectedValue(snapshotAfter), focusBlockAfter = getFocusBlock(snapshotAfter), focusSpanAfter = getFocusSpan(snapshotAfter), focusSpanDecorators = focusSpanAfter ? getPathSubSchema(snapshotAfter, focusSpanAfter.path).decorators.map((decorator) => decorator.name) : snapshotAfter.context.schema.decorators.map((decorator) => decorator.name), newMarkDefKeysOnFocusSpan = focusSpanAfter?.node.marks?.filter((mark) => !focusSpanBefore?.node.marks?.includes(mark) && !focusSpanDecorators.includes(mark)), markDefs = selectedValueAfter.flatMap((block) => isTextBlock(snapshotAfter.context, block) ? block.markDefs?.map((markDef2) => ({
+      const snapshotAfter = editor.snapshot, selectedValueAfter = getSelectedValue(snapshotAfter), focusBlockAfter = getFocusBlock(snapshotAfter), focusSpanAfter = getFocusSpan(snapshotAfter), focusSpanDecorators = focusSpanAfter ? getPathSubSchema(snapshotAfter, focusSpanAfter.path).decorators.map((decorator) => decorator.name) : snapshotAfter.context.schema.decorators.map((decorator) => decorator.name), newMarkDefKeysOnFocusSpan = focusSpanAfter?.node.marks?.filter((mark) => !focusSpanBefore?.node.marks?.includes(mark) && !focusSpanDecorators.includes(mark)), markDefs = selectedValueAfter.flatMap((block) => isTextBlock(snapshotAfter.context, block) ? block.markDefs?.map((markDef2) => ({
         markDef: markDef2,
         path: [{
           _key: block._key
@@ -7219,10 +7172,7 @@ function createEditableAPI(editor, editorActor) {
       });
     },
     getFragment: () => {
-      const snapshot = getEditorSnapshot({
-        editorActorSnapshot: editorActor.getSnapshot(),
-        editorEngineInstance: editor
-      });
+      const snapshot = editor.snapshot;
       return getFragment(snapshot).map((entry) => entry.node);
     },
     isSelectionsOverlapping: (selectionA, selectionB) => !selectionA || !selectionB ? !1 : rangeIncludes(selectionA, selectionB, editor)
@@ -10391,56 +10341,43 @@ const shouldNormalize = (_editor, {
     onContextChange && onContextChange(options), onChange(options);
   }, e;
 };
-function buildPublicContainers(resolved) {
-  const projected = /* @__PURE__ */ new Map();
-  for (const [type, config] of resolved)
-    projected.set(type, toRegisteredContainer(config));
-  return projected;
+function defaultCompare(a, b) {
+  return a === b;
 }
-function toRegisteredContainer(config) {
+function useEditorSelector(editor, selector, t0) {
+  return useSelector(editor, selector, t0 === void 0 ? defaultCompare : t0);
+}
+function getEditorSnapshot({
+  editorEngineInstance
+}) {
   return {
-    kind: "container",
-    type: config.container.type,
-    field: config.field,
-    ...config.of ? {
-      of: config.of.map(toRegisteredOfEntry).filter(isDefined)
-    } : {}
+    blockIndexMap: editorEngineInstance.blockIndexMap,
+    context: {
+      containers: editorEngineInstance.publicContainers,
+      converters: editorEngineInstance.converters,
+      keyGenerator: editorEngineInstance.keyGenerator,
+      readOnly: editorEngineInstance.readOnly,
+      schema: editorEngineInstance.schema,
+      selection: editorEngineInstance.selection,
+      value: editorEngineInstance.children
+    },
+    decoratorState: editorEngineInstance.decoratorState
   };
 }
-function toRegisteredOfEntry(entry) {
-  if ("container" in entry)
-    return toRegisteredContainer(entry);
-  if ("span" in entry)
-    return {
-      kind: "span",
-      type: entry.span.type
-    };
-  if ("blockObject" in entry)
-    return {
-      kind: "blockObject",
-      type: entry.blockObject.type
-    };
-  if ("inlineObject" in entry)
-    return {
-      kind: "inlineObject",
-      type: entry.inlineObject.type
-    };
-}
-function isDefined(value) {
-  return value !== void 0;
-}
 function createEditorEngine(config) {
   debug.setup("creating new editor engine instance");
   const context = config.editorActor.getSnapshot().context, placeholderBlock = createPlaceholderBlock({
     context: {
       schema: context.schema,
-      containers: buildPublicContainers(context.containers),
+      // No containers registered at engine-init time. NodePlugin
+      // registrations run later, after the engine is attached.
+      containers: /* @__PURE__ */ new Map(),
       value: [],
       keyGenerator: context.keyGenerator
     },
     blockIndexMap: /* @__PURE__ */ new Map()
   }), editor = createEditor();
-  editor.schema = context.schema, editor.keyGenerator = context.keyGenerator, editor.containers = /* @__PURE__ */ new Map(), editor.publicContainers = /* @__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.decoratorState = {}, editor.blockIndexMap = /* @__PURE__ */ new Map(), editor.history = {
+  editor.schema = context.schema, editor.keyGenerator = context.keyGenerator, editor.converters = context.initialConverters, editor.readOnly = context.initialReadOnly, editor.containers = /* @__PURE__ */ new Map(), editor.publicContainers = /* @__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.decoratorState = {}, editor.blockIndexMap = /* @__PURE__ */ new Map(), editor.history = {
     undos: [],
     redos: []
   }, editor.listIndexMap = /* @__PURE__ */ new Map(), editor.remotePatches = [], editor.undoStepId = void 0, editor.children = [placeholderBlock], editor.isDeferringMutations = !1, editor.isNormalizingNode = !1, editor.isPatching = !0, editor.isPerformingBehaviorOperation = !1, editor.isProcessingRemoteChanges = !1, editor.isRedoing = !1, editor.isUndoing = !1, editor.withHistory = !0;
@@ -10455,6 +10392,17 @@ function createEditorEngine(config) {
   }, {
     blockIndexMap: editorEngine.blockIndexMap,
     listIndexMap: editorEngine.listIndexMap
+  }), editorEngine.snapshot = getEditorSnapshot({
+    editorEngineInstance: editorEngine
+  }), config.subscriptions.push(() => {
+    const subscription = config.editorActor.subscribe(() => {
+      editorEngine.snapshot = getEditorSnapshot({
+        editorEngineInstance: editorEngine
+      });
+    });
+    return () => {
+      subscription.unsubscribe();
+    };
   }), editorEngine;
 }
 function createEditorDom(sendBack, editorEngine) {
@@ -16191,6 +16139,51 @@ function sortByPriority(items) {
     result.includes(item) || result.push(item);
   return [...result, ...itemsWithoutPriority];
 }
+function pathsOverlap(pathA, pathB) {
+  const minLength = Math.min(pathA.length, pathB.length);
+  for (let i = 0; i < minLength; i++)
+    if (!isEqualPathSegments(pathA[i], pathB[i]))
+      return !1;
+  return !0;
+}
+function buildPublicContainers(resolved) {
+  const projected = /* @__PURE__ */ new Map();
+  for (const [type, config] of resolved)
+    projected.set(type, toRegisteredContainer(config));
+  return projected;
+}
+function toRegisteredContainer(config) {
+  return {
+    kind: "container",
+    type: config.container.type,
+    field: config.field,
+    ...config.of ? {
+      of: config.of.map(toRegisteredOfEntry).filter(isDefined)
+    } : {}
+  };
+}
+function toRegisteredOfEntry(entry) {
+  if ("container" in entry)
+    return toRegisteredContainer(entry);
+  if ("span" in entry)
+    return {
+      kind: "span",
+      type: entry.span.type
+    };
+  if ("blockObject" in entry)
+    return {
+      kind: "blockObject",
+      type: entry.blockObject.type
+    };
+  if ("inlineObject" in entry)
+    return {
+      kind: "inlineObject",
+      type: entry.inlineObject.type
+    };
+}
+function isDefined(value) {
+  return value !== void 0;
+}
 const PRIMITIVE_TYPES = /* @__PURE__ */ new Set(["string", "number", "boolean"]);
 function isChildArrayField(field) {
   return field.type === "array" && "of" in field && Array.isArray(field.of);
@@ -16299,13 +16292,6 @@ function resolveTextBlockConfig(textBlock) {
     } : {}
   };
 }
-function pathsOverlap(pathA, pathB) {
-  const minLength = Math.min(pathA.length, pathB.length);
-  for (let i = 0; i < minLength; i++)
-    if (!isEqualPathSegments(pathA[i], pathB[i]))
-      return !1;
-  return !0;
-}
 function isTypeAlreadyRegistered(maps, attempting, type) {
   const claimedAs = (kind) => {
     switch (kind) {
@@ -16333,6 +16319,77 @@ function isTypeAlreadyRegistered(maps, attempting, type) {
   }
   return !1;
 }
+function registerNodeOnEngine(engine, node) {
+  if (node.kind === "container") {
+    if (isTypeAlreadyRegistered(engine, "container", node.type))
+      return;
+    const containerConfig = resolveNestedContainer(engine.schema, node);
+    if (!containerConfig)
+      return;
+    const containers = new Map(engine.containers);
+    containers.set(node.type, containerConfig), engine.containers = containers, engine.publicContainers = buildPublicContainers(containers), normalize(engine, {
+      force: !0
+    }), engine.onChange();
+    return;
+  }
+  if (node.kind === "textBlock") {
+    if (isTypeAlreadyRegistered(engine, "textBlock", node.type))
+      return;
+    const textBlocks = new Map(engine.textBlocks);
+    textBlocks.set(node.type, resolveTextBlockConfig(node)), engine.textBlocks = textBlocks, engine.onChange();
+    return;
+  }
+  if (node.kind === "span") {
+    if (isTypeAlreadyRegistered(engine, "span", node.type))
+      return;
+    const spans = new Map(engine.spans);
+    spans.set(node.type, {
+      span: node
+    }), engine.spans = spans, engine.onChange();
+    return;
+  }
+  if (node.kind === "blockObject") {
+    if (isTypeAlreadyRegistered(engine, "blockObject", node.type))
+      return;
+    const blockObjects = new Map(engine.blockObjects);
+    blockObjects.set(node.type, {
+      blockObject: node
+    }), engine.blockObjects = blockObjects, engine.onChange();
+    return;
+  }
+  if (isTypeAlreadyRegistered(engine, "inlineObject", node.type))
+    return;
+  const inlineObjects = new Map(engine.inlineObjects);
+  inlineObjects.set(node.type, {
+    inlineObject: node
+  }), engine.inlineObjects = inlineObjects, engine.onChange();
+}
+function unregisterNodeOnEngine(engine, node) {
+  if (node.kind === "container") {
+    const containers = new Map(engine.containers);
+    containers.delete(node.type), engine.containers = containers, engine.publicContainers = buildPublicContainers(containers), normalize(engine, {
+      force: !0
+    }), engine.onChange();
+    return;
+  }
+  if (node.kind === "textBlock") {
+    const textBlocks = new Map(engine.textBlocks);
+    textBlocks.delete(node.type), engine.textBlocks = textBlocks, engine.onChange();
+    return;
+  }
+  if (node.kind === "span") {
+    const spans = new Map(engine.spans);
+    spans.delete(node.type), engine.spans = spans, engine.onChange();
+    return;
+  }
+  if (node.kind === "blockObject") {
+    const blockObjects = new Map(engine.blockObjects);
+    blockObjects.delete(node.type), engine.blockObjects = blockObjects, engine.onChange();
+    return;
+  }
+  const inlineObjects = new Map(engine.inlineObjects);
+  inlineObjects.delete(node.type), engine.inlineObjects = inlineObjects, engine.onChange();
+}
 function rerouteExternalBehaviorEvent({
   event,
   editorEngine
@@ -16397,105 +16454,38 @@ const editorMachine = setup({
         event
       }) => event.type === "add editor engine" ? event.editor : context.editorEngine
     }),
-    register: assign(({
+    register: ({
       context,
       event
     }) => {
-      assertEvent(event, "register");
-      const node = event.node;
-      if (node.kind === "container") {
-        if (isTypeAlreadyRegistered(context, "container", node.type))
-          return {};
-        const containerConfig = resolveNestedContainer(context.schema, node);
-        if (!containerConfig)
-          return {};
-        const containers = new Map(context.containers);
-        return containers.set(node.type, containerConfig), context.editorEngine && (context.editorEngine.containers = containers, context.editorEngine.publicContainers = buildPublicContainers(containers), normalize(context.editorEngine, {
-          force: !0
-        }), context.editorEngine.onChange()), {
-          containers
-        };
-      }
-      if (node.kind === "textBlock") {
-        if (isTypeAlreadyRegistered(context, "textBlock", node.type))
-          return {};
-        const textBlocks = new Map(context.textBlocks);
-        return textBlocks.set(node.type, resolveTextBlockConfig(node)), context.editorEngine && (context.editorEngine.textBlocks = textBlocks, context.editorEngine.onChange()), {
-          textBlocks
-        };
-      }
-      if (node.kind === "span") {
-        if (isTypeAlreadyRegistered(context, "span", node.type))
-          return {};
-        const spans = new Map(context.spans);
-        return spans.set(node.type, {
-          span: node
-        }), context.editorEngine && (context.editorEngine.spans = spans, context.editorEngine.onChange()), {
-          spans
-        };
-      }
-      if (node.kind === "blockObject") {
-        if (isTypeAlreadyRegistered(context, "blockObject", node.type))
-          return {};
-        const blockObjects = new Map(context.blockObjects);
-        return blockObjects.set(node.type, {
-          blockObject: node
-        }), context.editorEngine && (context.editorEngine.blockObjects = blockObjects, context.editorEngine.onChange()), {
-          blockObjects
-        };
+      if (assertEvent(event, "register"), !context.editorEngine) {
+        context.pendingRegistrations.push(event.node);
+        return;
       }
-      if (isTypeAlreadyRegistered(context, "inlineObject", node.type))
-        return {};
-      const inlineObjects = new Map(context.inlineObjects);
-      return inlineObjects.set(node.type, {
-        inlineObject: node
-      }), context.editorEngine && (context.editorEngine.inlineObjects = inlineObjects, context.editorEngine.onChange()), {
-        inlineObjects
-      };
-    }),
-    unregister: assign(({
+      registerNodeOnEngine(context.editorEngine, event.node);
+    },
+    unregister: ({
       context,
       event
     }) => {
-      assertEvent(event, "unregister");
-      const node = event.node;
-      if (node.kind === "container") {
-        const containers = new Map(context.containers);
-        return containers.delete(node.type), context.editorEngine && (context.editorEngine.containers = containers, context.editorEngine.publicContainers = buildPublicContainers(containers), normalize(context.editorEngine, {
-          force: !0
-        }), context.editorEngine.onChange()), {
-          containers
-        };
-      }
-      if (node.kind === "textBlock") {
-        const textBlocks = new Map(context.textBlocks);
-        return textBlocks.delete(node.type), context.editorEngine && (context.editorEngine.textBlocks = textBlocks, context.editorEngine.onChange()), {
-          textBlocks
-        };
-      }
-      if (node.kind === "span") {
-        const spans = new Map(context.spans);
-        return spans.delete(node.type), context.editorEngine && (context.editorEngine.spans = spans, context.editorEngine.onChange()), {
-          spans
-        };
-      }
-      if (node.kind === "blockObject") {
-        const blockObjects = new Map(context.blockObjects);
-        return blockObjects.delete(node.type), context.editorEngine && (context.editorEngine.blockObjects = blockObjects, context.editorEngine.onChange()), {
-          blockObjects
-        };
+      if (assertEvent(event, "unregister"), !context.editorEngine) {
+        const index = context.pendingRegistrations.indexOf(event.node);
+        index >= 0 && context.pendingRegistrations.splice(index, 1);
+        return;
       }
-      const inlineObjects = new Map(context.inlineObjects);
-      return inlineObjects.delete(node.type), context.editorEngine && (context.editorEngine.inlineObjects = inlineObjects, context.editorEngine.onChange()), {
-        inlineObjects
-      };
-    }),
+      unregisterNodeOnEngine(context.editorEngine, event.node);
+    },
     "attach maps to editor engine": ({
       context
     }) => {
-      context.editorEngine && (context.editorEngine.containers = context.containers, context.editorEngine.publicContainers = buildPublicContainers(context.containers), context.editorEngine.blockObjects = context.blockObjects, context.editorEngine.inlineObjects = context.inlineObjects, context.editorEngine.spans = context.spans, context.editorEngine.textBlocks = context.textBlocks, normalize(context.editorEngine, {
+      if (!context.editorEngine)
+        return;
+      const engine = context.editorEngine;
+      for (const node of context.pendingRegistrations)
+        registerNodeOnEngine(engine, node);
+      context.pendingRegistrations.length = 0, normalize(engine, {
         force: !0
-      }), context.editorEngine.onChange());
+      }), engine.onChange();
     },
     "emit patch event": emit(({
       event
@@ -16503,11 +16493,21 @@ const editorMachine = setup({
     "emit mutation event": emit(({
       event
     }) => (assertEvent(event, "mutation"), event)),
-    "emit read only": emit({
-      type: "read only"
+    "emit read only": enqueueActions(({
+      context,
+      enqueue
+    }) => {
+      context.editorEngine && (context.editorEngine.readOnly = !0, context.editorEngine.onChange()), enqueue.emit({
+        type: "read only"
+      });
     }),
-    "emit editable": emit({
-      type: "editable"
+    "emit editable": enqueueActions(({
+      context,
+      enqueue
+    }) => {
+      context.editorEngine && (context.editorEngine.readOnly = !1, context.editorEngine.onChange()), enqueue.emit({
+        type: "editable"
+      });
     }),
     "defer event": assign({
       pendingEvents: ({
@@ -16597,12 +16597,10 @@ const editorMachine = setup({
           remainingEventBehaviors: behaviors,
           event: event.behaviorEvent,
           editor: event.editor,
-          converters: context.converters,
-          keyGenerator: context.keyGenerator,
-          schema: context.schema,
-          readOnly: self.getSnapshot().matches({
-            "edit mode": "read only"
-          }),
+          converters: event.editor.converters,
+          keyGenerator: event.editor.keyGenerator,
+          schema: event.editor.schema,
+          readOnly: event.editor.readOnly,
           nativeEvent: event.nativeEvent,
           sendBack: (eventSentBack) => {
             if (eventSentBack.type === "set drag ghost") {
@@ -16641,17 +16639,12 @@ const editorMachine = setup({
   }) => ({
     behaviors: new Set(coreBehaviorsConfig),
     behaviorsSorted: !1,
-    containers: /* @__PURE__ */ new Map(),
-    blockObjects: /* @__PURE__ */ new Map(),
-    inlineObjects: /* @__PURE__ */ new Map(),
-    spans: /* @__PURE__ */ new Map(),
-    textBlocks: /* @__PURE__ */ new Map(),
-    converters: input.converters ?? [],
+    initialConverters: input.converters ?? [],
     keyGenerator: input.keyGenerator,
     pendingEvents: [],
     pendingIncomingPatchesEvents: [],
+    pendingRegistrations: [],
     schema: input.schema,
-    selection: null,
     initialReadOnly: input.readOnly ?? !1,
     initialValue: input.initialValue
   }),
@@ -16672,11 +16665,7 @@ const editorMachine = setup({
       actions: ["unregister"]
     },
     "update selection": {
-      actions: [assign({
-        selection: ({
-          event
-        }) => event.selection
-      }), emit(({
+      actions: [emit(({
         event
       }) => ({
         ...event,
@@ -18284,10 +18273,7 @@ function createInternalEditor(config) {
     subscriptions
   }), editor = {
     dom: createEditorDom((event) => editorActor.send(event), editorEngine),
-    getSnapshot: () => getEditorSnapshot({
-      editorActorSnapshot: editorActor.getSnapshot(),
-      editorEngineInstance: editorEngine
-    }),
+    getSnapshot: () => editorEngine.snapshot,
     registerBehavior: (behaviorConfig) => {
       const priority = createEditorPriority({
         name: "custom",
@@ -18914,12 +18900,9 @@ function EditorProvider(props) {
   return $[23] !== internalEditor_0.editor || $[24] !== t7 ? (t8 = /* @__PURE__ */ jsx(EditorContext$1.Provider, { value: internalEditor_0.editor, children: t7 }), $[23] = internalEditor_0.editor, $[24] = t7, $[25] = t8) : t8 = $[25], t8;
 }
 const usePortableTextEditorSelection = () => {
-  const $ = c(5), editorActor = useContext(EditorActorContext);
-  let t0;
-  $[0] !== editorActor ? (t0 = editorActor.getSnapshot(), $[0] = editorActor, $[1] = t0) : t0 = $[1];
-  const [selection, setSelection2] = useState(t0.context.selection);
-  let t1, t2;
-  return $[2] !== editorActor ? (t1 = () => {
+  const $ = c(3), editorActor = useContext(EditorActorContext), editorEngine = useEngineStatic(), [selection, setSelection2] = useState(editorEngine.selection);
+  let t0, t1;
+  return $[0] !== editorActor ? (t0 = () => {
     const subscription = editorActor.on("selection", (event) => {
       startTransition(() => {
         setSelection2(event.selection);
@@ -18928,7 +18911,7 @@ const usePortableTextEditorSelection = () => {
     return () => {
       subscription.unsubscribe();
     };
-  }, t2 = [editorActor], $[2] = editorActor, $[3] = t1, $[4] = t2) : (t1 = $[3], t2 = $[4]), useEffect(t1, t2), selection;
+  }, t1 = [editorActor], $[0] = editorActor, $[1] = t0, $[2] = t1) : (t0 = $[1], t1 = $[2]), useEffect(t0, t1), selection;
 };
 function defineContainer(config) {
   return {