@portabletext/editor 6.3.0 → 6.3.1

package/lib/index.js

@@ -678,9 +678,24 @@ const debug$1 = {
     });
     ref.current = path2, path2 == null && ref.unref();
   }
-}, Scrubber = {
+};
+function safeStringify(value, space) {
+  try {
+    return JSON.stringify(value, null, space);
+  } catch (error) {
+    return console.error(error), "JSON.stringify failed";
+  }
+}
+function safeParse(text) {
+  try {
+    return JSON.parse(text);
+  } catch (error) {
+    return console.error(error), "JSON.parse failed";
+  }
+}
+const Scrubber = {
   stringify(value) {
-    return JSON.stringify(value);
+    return safeStringify(value);
   }
 }, Text$1 = {
   equals(text, another, options = {}) {
@@ -2718,7 +2733,7 @@ const deleteText = (editor, options = {}) => {
 }, isDOMSelection = (value) => {
   const window2 = value && value.anchorNode && getDefaultView(value.anchorNode);
   return !!window2 && value instanceof window2.Selection;
-}, isDOMText = (value) => isDOMNode(value) && value.nodeType === 3, isPlainTextOnlyPaste = (event) => event.clipboardData && event.clipboardData.getData("text/plain") !== "" && event.clipboardData.types.length === 1, normalizeDOMPoint = (domPoint) => {
+}, isPlainTextOnlyPaste = (event) => event.clipboardData && event.clipboardData.getData("text/plain") !== "" && event.clipboardData.types.length === 1, normalizeDOMPoint = (domPoint) => {
   let [node2, offset] = domPoint;
   if (isDOMElement(node2) && node2.childNodes.length) {
     let isLast = offset === node2.childNodes.length, index = isLast ? offset - 1 : offset;
@@ -2757,18 +2772,6 @@ const deleteText = (editor, options = {}) => {
 }, getEditableChild = (parent2, index, direction) => {
   const [child] = getEditableChildAndIndex(parent2, index, direction);
   return child;
-}, getPlainText = (domNode) => {
-  let text = "";
-  if (isDOMText(domNode) && domNode.nodeValue)
-    return domNode.nodeValue;
-  if (isDOMElement(domNode)) {
-    for (const childNode of Array.from(domNode.childNodes))
-      text += getPlainText(childNode);
-    const display = getComputedStyle(domNode).getPropertyValue("display");
-    (display === "block" || display === "list" || domNode.tagName === "BR") && (text += `
-`);
-  }
-  return text;
 }, getSelection = (root) => "getSelection" in root && typeof root.getSelection == "function" ? root.getSelection() : document.getSelection(), isTrackedMutation = (editor, mutation, batch) => {
   const {
     target
@@ -2970,7 +2973,6 @@ const DOMEditor = {
     const slateNode = DOMEditor.hasTarget(editor, target) && DOMEditor.toSlateNode(editor, target);
     return !!slateNode && editor.isObjectNode(slateNode);
   },
-  setFragmentData: (editor, data, originEvent) => editor.setFragmentData(data, originEvent),
   toDOMNode: (editor, node2) => {
     const domNode = Editor.isEditor(node2) ? editor.domElement : editor.keyToElement?.get(DOMEditor.findKey(editor, node2));
     if (!domNode)
@@ -3513,39 +3515,6 @@ const withDOM = (editor) => {
       const [node2] = Editor.node(e, path2);
       e.nodeToKey.set(node2, key);
     }
-  }, e.setFragmentData = (data) => {
-    const {
-      selection
-    } = e;
-    if (!selection)
-      return;
-    const [start2, end2] = Range.edges(selection), startVoid = Editor.void(e, {
-      at: start2.path
-    }), endVoid = Editor.void(e, {
-      at: end2.path
-    });
-    if (Range.isCollapsed(selection) && !startVoid)
-      return;
-    const domRange = DOMEditor.toDOMRange(e, selection);
-    let contents = domRange.cloneContents(), attach = contents.childNodes[0];
-    if (contents.childNodes.forEach((node2) => {
-      node2.textContent && node2.textContent.trim() !== "" && (attach = node2);
-    }), endVoid) {
-      const [voidNode] = endVoid, r = domRange.cloneRange(), domNode = DOMEditor.toDOMNode(e, voidNode);
-      r.setEndAfter(domNode), contents = r.cloneContents();
-    }
-    if (startVoid && (attach = contents.querySelector("[data-slate-spacer]")), Array.from(contents.querySelectorAll("[data-slate-zero-width]")).forEach((zw) => {
-      const isNewline = zw.getAttribute("data-slate-zero-width") === "n";
-      zw.textContent = isNewline ? `
-` : "";
-    }), isDOMText(attach)) {
-      const span = attach.ownerDocument.createElement("span");
-      span.style.whiteSpace = "pre", span.appendChild(attach), contents.appendChild(span), attach = span;
-    }
-    const fragment = e.getFragment(), string2 = JSON.stringify(fragment), encoded = window.btoa(encodeURIComponent(string2));
-    attach.setAttribute("data-slate-fragment", encoded), data.setData("application/x-slate-fragment", encoded);
-    const div = contents.ownerDocument.createElement("div");
-    return div.appendChild(contents), div.setAttribute("hidden", "true"), contents.ownerDocument.body.appendChild(div), data.setData("text/html", div.innerHTML), data.setData("text/plain", getPlainText(div)), contents.ownerDocument.body.removeChild(div), data;
   }, e.insertData = (data) => {
     e.insertTextData(data);
   }, e.insertTextData = (data) => {
@@ -5615,7 +5584,6 @@ const RestoreDOM = IS_ANDROID ? RestoreDOMComponent : ({
   } = useTrackUserInput(), [, forceRender] = useReducer((s) => s + 1, 0);
   editor.forceRender = forceRender, editor.readOnly = readOnly;
   const state = useMemo(() => ({
-    isDraggingInternally: !1,
     isUpdatingSelection: !1,
     latestElement: null,
     hasMarkPlaceholder: !1
@@ -5634,7 +5602,7 @@ const RestoreDOM = IS_ANDROID ? RestoreDOMComponent : ({
       return;
     }
     const androidInputManager = androidInputManagerRef.current;
-    if ((IS_ANDROID || !ReactEditor.isComposing(editor)) && (!state.isUpdatingSelection || androidInputManager?.isFlushing()) && !state.isDraggingInternally) {
+    if ((IS_ANDROID || !ReactEditor.isComposing(editor)) && (!state.isUpdatingSelection || androidInputManager?.isFlushing())) {
       const root2 = ReactEditor.findDocumentOrShadowRoot(editor), {
         activeElement
       } = root2, el2 = ReactEditor.toDOMNode(editor, editor), domSelection = getSelection(root2);
@@ -5992,14 +5960,10 @@ const RestoreDOM = IS_ANDROID ? RestoreDOMComponent : ({
       const targetTagName = (target instanceof HTMLElement ? target : null)?.tagName;
       targetTagName === "INPUT" || targetTagName === "TEXTAREA" || scheduleOnDOMSelectionChange();
     };
-    window2.document.addEventListener("selectionchange", onSelectionChange);
-    const stoppedDragging = () => {
-      state.isDraggingInternally = !1;
+    return window2.document.addEventListener("selectionchange", onSelectionChange), () => {
+      window2.document.removeEventListener("selectionchange", onSelectionChange);
     };
-    return window2.document.addEventListener("dragend", stoppedDragging), window2.document.addEventListener("drop", stoppedDragging), () => {
-      window2.document.removeEventListener("selectionchange", onSelectionChange), window2.document.removeEventListener("dragend", stoppedDragging), window2.document.removeEventListener("drop", stoppedDragging);
-    };
-  }, [scheduleOnDOMSelectionChange, state]);
+  }, [scheduleOnDOMSelectionChange]);
   const decorations = decorate([editor, []]), decorateContext = useDecorateContext(decorate), showPlaceholder = placeholder && editor.children.length === 1 && Array.from(Node$1.texts(editor, editor.schema)).length === 1 && Node$1.string(editor, editor.schema) === "" && !isComposing, placeHolderResizeHandler = useCallback((placeholderEl) => {
     setPlaceholderHeight(placeholderEl && showPlaceholder ? placeholderEl.getBoundingClientRect()?.height : void 0);
   }, [showPlaceholder]);
@@ -6207,74 +6171,12 @@ const RestoreDOM = IS_ANDROID ? RestoreDOMComponent : ({
           }
         }
       }, [attributes.onCompositionStart, editor, editorActor]),
-      onCopy: useCallback((event) => {
-        ReactEditor.hasSelectableTarget(editor, event.target) && !isEventHandled(event, attributes.onCopy) && !isDOMEventTargetInput(event) && (event.preventDefault(), ReactEditor.setFragmentData(editor, event.clipboardData, "copy"));
-      }, [attributes.onCopy, editor]),
-      onCut: useCallback((event) => {
-        if (!readOnly && ReactEditor.hasSelectableTarget(editor, event.target) && !isEventHandled(event, attributes.onCut) && !isDOMEventTargetInput(event)) {
-          event.preventDefault(), ReactEditor.setFragmentData(editor, event.clipboardData, "cut");
-          const {
-            selection
-          } = editor;
-          if (selection)
-            if (Range.isExpanded(selection))
-              editorActor.send({
-                type: "behavior event",
-                behaviorEvent: {
-                  type: "delete",
-                  direction: "forward"
-                },
-                editor
-              });
-            else {
-              const node2 = Node$1.get(editor, selection.anchor.path, editor.schema);
-              editor.isObjectNode(node2) && Transforms.delete(editor);
-            }
-        }
-      }, [readOnly, editor, editorActor, attributes.onCut]),
-      onDragOver: useCallback((event) => {
-        if (ReactEditor.hasTarget(editor, event.target) && !isEventHandled(event, attributes.onDragOver)) {
-          const node2 = ReactEditor.toSlateNode(editor, event.target);
-          editor.isObjectNode(node2) && event.preventDefault();
-        }
-      }, [attributes.onDragOver, editor]),
-      onDragStart: useCallback((event) => {
-        if (!readOnly && ReactEditor.hasTarget(editor, event.target) && !isEventHandled(event, attributes.onDragStart)) {
-          const node2 = ReactEditor.toSlateNode(editor, event.target), path2 = ReactEditor.findPath(editor, node2);
-          if (editor.isObjectNode(node2) || Editor.void(editor, {
-            at: path2,
-            voids: !0
-          })) {
-            const range2 = Editor.range(editor, path2);
-            Transforms.select(editor, range2);
-          }
-          state.isDraggingInternally = !0, ReactEditor.setFragmentData(editor, event.dataTransfer, "drag");
-        }
-      }, [readOnly, editor, attributes.onDragStart, state]),
-      onDrop: useCallback((event) => {
-        if (!readOnly && ReactEditor.hasTarget(editor, event.target) && !isEventHandled(event, attributes.onDrop)) {
-          event.preventDefault();
-          const draggedRange = editor.selection, range2 = ReactEditor.findEventRange(editor, event), data = event.dataTransfer;
-          Transforms.select(editor, range2), state.isDraggingInternally && draggedRange && !Range.equals(draggedRange, range2) && !Editor.void(editor, {
-            at: range2,
-            voids: !0
-          }) && Transforms.delete(editor, {
-            at: draggedRange
-          }), editorActor.send({
-            type: "behavior event",
-            behaviorEvent: {
-              type: "input.*",
-              originEvent: {
-                dataTransfer: data
-              }
-            },
-            editor
-          }), ReactEditor.isFocused(editor) || ReactEditor.focus(editor);
-        }
-      }, [readOnly, editor, editorActor, attributes.onDrop, state]),
-      onDragEnd: useCallback((event) => {
-        !readOnly && state.isDraggingInternally && attributes.onDragEnd && ReactEditor.hasTarget(editor, event.target) && attributes.onDragEnd(event);
-      }, [readOnly, state, attributes, editor]),
+      onCopy: attributes.onCopy,
+      onCut: attributes.onCut,
+      onDragOver: attributes.onDragOver,
+      onDragStart: attributes.onDragStart,
+      onDrop: attributes.onDrop,
+      onDragEnd: attributes.onDragEnd,
       onFocus: useCallback((event) => {
         if (!readOnly && !state.isUpdatingSelection && ReactEditor.hasEditableTarget(editor, event.target) && !isEventHandled(event, attributes.onFocus)) {
           const el = ReactEditor.toDOMNode(editor, editor), root = ReactEditor.findDocumentOrShadowRoot(editor);
@@ -6296,26 +6198,6 @@ const RestoreDOM = IS_ANDROID ? RestoreDOMComponent : ({
           const {
             selection
           } = editor, element = editor.children[selection !== null ? selection.focus.path[0] : 0], isRTL = getDirection(Node$1.string(element, editor.schema)) === "rtl";
-          if (Hotkeys.isRedo(nativeEvent)) {
-            event.preventDefault(), editorActor.send({
-              type: "behavior event",
-              behaviorEvent: {
-                type: "history.redo"
-              },
-              editor
-            });
-            return;
-          }
-          if (Hotkeys.isUndo(nativeEvent)) {
-            event.preventDefault(), editorActor.send({
-              type: "behavior event",
-              behaviorEvent: {
-                type: "history.undo"
-              },
-              editor
-            });
-            return;
-          }
           if (Hotkeys.isMoveLineBackward(nativeEvent)) {
             event.preventDefault(), Transforms.move(editor, {
               unit: "line",
@@ -8496,7 +8378,7 @@ function validateSelection(slateEditor, editorElement) {
   }
 }
 const PortableTextEditable = forwardRef(function(props, forwardedRef) {
-  const $ = c(180);
+  const $ = c(181);
   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, spellCheck;
   $[0] !== props ? ({
     hotkeys,
@@ -8579,10 +8461,10 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
   let t13;
   $[64] !== editorActor || $[65] !== propsSelection || $[66] !== slateEditor ? (t13 = () => {
     if (propsSelection) {
-      debug$1.selection(`Selection from props ${JSON.stringify(propsSelection)}`);
+      debug$1.selection(`Selection from props ${safeStringify(propsSelection)}`);
       const normalizedSelection = normalizeSelection(propsSelection, slateEditor.children);
       if (normalizedSelection !== null) {
-        debug$1.selection(`Normalized selection from props ${JSON.stringify(normalizedSelection)}`);
+        debug$1.selection(`Normalized selection from props ${safeStringify(normalizedSelection)}`);
         const slateRange = toSlateRange({
           context: {
             schema: editorActor.getSnapshot().context.schema,
@@ -8620,61 +8502,65 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
   }, t17 = [hasInvalidValue, propsSelection, restoreSelectionFromProps], $[73] = hasInvalidValue, $[74] = propsSelection, $[75] = restoreSelectionFromProps, $[76] = t16, $[77] = t17) : (t16 = $[76], t17 = $[77]), useEffect(t16, t17);
   let t18;
   $[78] !== editorActor || $[79] !== onCopy || $[80] !== slateEditor ? (t18 = (event) => {
-    if (onCopy)
-      onCopy(event) !== void 0 && event.preventDefault();
-    else if (event.nativeEvent.clipboardData) {
-      event.stopPropagation(), event.preventDefault();
-      const selection = slateEditor.selection ? slateRangeToSelection({
-        schema: editorActor.getSnapshot().context.schema,
-        editor: slateEditor,
-        range: slateEditor.selection
-      }) : void 0, position = selection ? {
-        selection
-      } : void 0;
-      if (!position) {
-        console.warn("Could not find position for copy event");
-        return;
-      }
-      editorActor.send({
-        type: "behavior event",
-        behaviorEvent: {
-          type: "clipboard.copy",
-          originEvent: {
-            dataTransfer: event.nativeEvent.clipboardData
+    if (ReactEditor.hasSelectableTarget(slateEditor, event.target)) {
+      if (onCopy)
+        onCopy(event) !== void 0 && event.preventDefault();
+      else if (event.nativeEvent.clipboardData) {
+        event.stopPropagation(), event.preventDefault();
+        const selection = slateEditor.selection ? slateRangeToSelection({
+          schema: editorActor.getSnapshot().context.schema,
+          editor: slateEditor,
+          range: slateEditor.selection
+        }) : void 0, position = selection ? {
+          selection
+        } : void 0;
+        if (!position) {
+          console.warn("Could not find position for copy event");
+          return;
+        }
+        editorActor.send({
+          type: "behavior event",
+          behaviorEvent: {
+            type: "clipboard.copy",
+            originEvent: {
+              dataTransfer: event.nativeEvent.clipboardData
+            },
+            position
           },
-          position
-        },
-        editor: slateEditor,
-        nativeEvent: event
-      });
+          editor: slateEditor,
+          nativeEvent: event
+        });
+      }
     }
   }, $[78] = editorActor, $[79] = onCopy, $[80] = slateEditor, $[81] = t18) : t18 = $[81];
   const handleCopy = t18;
   let t19;
   $[82] !== editorActor || $[83] !== onCut || $[84] !== slateEditor ? (t19 = (event_0) => {
-    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 ? {
-        selection: selection_0
-      } : void 0;
-      if (!position_0) {
-        console.warn("Could not find position for cut event");
-        return;
-      }
-      editorActor.send({
-        type: "behavior event",
-        behaviorEvent: {
-          type: "clipboard.cut",
-          originEvent: {
-            dataTransfer: event_0.nativeEvent.clipboardData
+    if (ReactEditor.hasSelectableTarget(slateEditor, 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 ? {
+          selection: selection_0
+        } : void 0;
+        if (!position_0) {
+          console.warn("Could not find position for cut event");
+          return;
+        }
+        editorActor.send({
+          type: "behavior event",
+          behaviorEvent: {
+            type: "clipboard.cut",
+            originEvent: {
+              dataTransfer: event_0.nativeEvent.clipboardData
+            },
+            position: position_0
           },
-          position: position_0
-        },
-        editor: slateEditor,
-        nativeEvent: event_0
-      });
+          editor: slateEditor,
+          nativeEvent: event_0
+        });
+      }
     }
   }, $[82] = editorActor, $[83] = onCut, $[84] = slateEditor, $[85] = t19) : t19 = $[85];
   const handleCut = t19;
@@ -8885,8 +8771,8 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
     };
   }, t29 = [slateEditor, editorActor], $[119] = editorActor, $[120] = slateEditor, $[121] = t28, $[122] = t29) : (t28 = $[121], t29 = $[122]), useEffect(t28, t29);
   let t30;
-  $[123] !== editorActor || $[124] !== onDragStart || $[125] !== slateEditor ? (t30 = (event_8) => {
-    if (onDragStart?.(event_8), event_8.isDefaultPrevented() || event_8.isPropagationStopped())
+  $[123] !== editorActor || $[124] !== onDragStart || $[125] !== readOnly || $[126] !== slateEditor ? (t30 = (event_8) => {
+    if (readOnly || !ReactEditor.hasTarget(slateEditor, event_8.target) || (onDragStart?.(event_8), event_8.isDefaultPrevented() || event_8.isPropagationStopped()))
       return;
     const position_4 = getEventPosition({
       editorActor,
@@ -8913,10 +8799,10 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
       },
       editor: slateEditor
     }), !0;
-  }, $[123] = editorActor, $[124] = onDragStart, $[125] = slateEditor, $[126] = t30) : t30 = $[126];
+  }, $[123] = editorActor, $[124] = onDragStart, $[125] = readOnly, $[126] = slateEditor, $[127] = t30) : t30 = $[127];
   const handleDragStart = t30;
   let t31;
-  $[127] !== editorActor || $[128] !== onDrag || $[129] !== slateEditor ? (t31 = (event_9) => {
+  $[128] !== editorActor || $[129] !== onDrag || $[130] !== slateEditor ? (t31 = (event_9) => {
     if (onDrag?.(event_9), !(event_9.isDefaultPrevented() || event_9.isPropagationStopped() || !getEventPosition({
       editorActor,
       slateEditor,
@@ -8932,10 +8818,10 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
         },
         editor: slateEditor
       }), !0;
-  }, $[127] = editorActor, $[128] = onDrag, $[129] = slateEditor, $[130] = t31) : t31 = $[130];
+  }, $[128] = editorActor, $[129] = onDrag, $[130] = slateEditor, $[131] = t31) : t31 = $[131];
   const handleDrag = t31;
   let t32;
-  $[131] !== editorActor || $[132] !== onDragEnd || $[133] !== slateEditor ? (t32 = (event_10) => {
+  $[132] !== editorActor || $[133] !== onDragEnd || $[134] !== slateEditor ? (t32 = (event_10) => {
     if (onDragEnd?.(event_10), !(event_10.isDefaultPrevented() || event_10.isPropagationStopped()))
       return editorActor.send({
         type: "behavior event",
@@ -8947,10 +8833,10 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
         },
         editor: slateEditor
       }), !0;
-  }, $[131] = editorActor, $[132] = onDragEnd, $[133] = slateEditor, $[134] = t32) : t32 = $[134];
+  }, $[132] = editorActor, $[133] = onDragEnd, $[134] = slateEditor, $[135] = t32) : t32 = $[135];
   const handleDragEnd = t32;
   let t33;
-  $[135] !== editorActor || $[136] !== onDragEnter || $[137] !== slateEditor ? (t33 = (event_11) => {
+  $[136] !== editorActor || $[137] !== onDragEnter || $[138] !== slateEditor ? (t33 = (event_11) => {
     if (onDragEnter?.(event_11), event_11.isDefaultPrevented() || event_11.isPropagationStopped())
       return;
     const position_6 = getEventPosition({
@@ -8970,10 +8856,10 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
         },
         editor: slateEditor
       }), !0;
-  }, $[135] = editorActor, $[136] = onDragEnter, $[137] = slateEditor, $[138] = t33) : t33 = $[138];
+  }, $[136] = editorActor, $[137] = onDragEnter, $[138] = slateEditor, $[139] = t33) : t33 = $[139];
   const handleDragEnter = t33;
   let t34;
-  $[139] !== editorActor || $[140] !== onDragOver || $[141] !== slateEditor ? (t34 = (event_12) => {
+  $[140] !== editorActor || $[141] !== onDragOver || $[142] !== slateEditor ? (t34 = (event_12) => {
     if (onDragOver?.(event_12), event_12.isDefaultPrevented() || event_12.isPropagationStopped())
       return;
     const position_7 = getEventPosition({
@@ -8995,10 +8881,10 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
         editor: slateEditor,
         nativeEvent: event_12
       }), !0;
-  }, $[139] = editorActor, $[140] = onDragOver, $[141] = slateEditor, $[142] = t34) : t34 = $[142];
+  }, $[140] = editorActor, $[141] = onDragOver, $[142] = slateEditor, $[143] = t34) : t34 = $[143];
   const handleDragOver = t34;
   let t35;
-  $[143] !== editorActor || $[144] !== onDrop || $[145] !== slateEditor ? (t35 = (event_13) => {
+  $[144] !== editorActor || $[145] !== onDrop || $[146] !== slateEditor ? (t35 = (event_13) => {
     if (onDrop?.(event_13), event_13.isDefaultPrevented() || event_13.isPropagationStopped())
       return;
     const position_8 = getEventPosition({
@@ -9023,10 +8909,10 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
       editor: slateEditor,
       nativeEvent: event_13
     }), !0;
-  }, $[143] = editorActor, $[144] = onDrop, $[145] = slateEditor, $[146] = t35) : t35 = $[146];
+  }, $[144] = editorActor, $[145] = onDrop, $[146] = slateEditor, $[147] = t35) : t35 = $[147];
   const handleDrop = t35;
   let t36;
-  $[147] !== editorActor || $[148] !== onDragLeave || $[149] !== slateEditor ? (t36 = (event_14) => {
+  $[148] !== editorActor || $[149] !== onDragLeave || $[150] !== slateEditor ? (t36 = (event_14) => {
     if (onDragLeave?.(event_14), !(event_14.isDefaultPrevented() || event_14.isPropagationStopped() || !getEventPosition({
       editorActor,
       slateEditor,
@@ -9042,10 +8928,10 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
         },
         editor: slateEditor
       }), !0;
-  }, $[147] = editorActor, $[148] = onDragLeave, $[149] = slateEditor, $[150] = t36) : t36 = $[150];
+  }, $[148] = editorActor, $[149] = onDragLeave, $[150] = slateEditor, $[151] = t36) : t36 = $[151];
   const handleDragLeave = t36;
   let t37;
-  $[151] !== forwardedRef || $[152] !== validateSelectionActor ? (t37 = (editorElement) => {
+  $[152] !== forwardedRef || $[153] !== validateSelectionActor ? (t37 = (editorElement) => {
     if (typeof forwardedRef == "function" ? forwardedRef(editorElement) : forwardedRef && (forwardedRef.current = editorElement), editorElement) {
       const mutationObserver = new MutationObserver(() => {
         validateSelectionActor.send({
@@ -9063,12 +8949,12 @@ const PortableTextEditable = forwardRef(function(props, forwardedRef) {
         mutationObserver.disconnect();
       };
     }
-  }, $[151] = forwardedRef, $[152] = validateSelectionActor, $[153] = t37) : t37 = $[153];
+  }, $[152] = forwardedRef, $[153] = validateSelectionActor, $[154] = t37) : t37 = $[154];
   const callbackRef = t37;
   if (!portableTextEditor)
     return null;
   let t38;
-  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] !== scrollSelectionIntoViewToSlate ? (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, renderPlaceholder: void 0, renderElement, renderLeaf, renderText, scrollSelectionIntoView: scrollSelectionIntoViewToSlate }) }), $[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] = scrollSelectionIntoViewToSlate, $[179] = t38) : t38 = $[179], t38;
+  return $[155] !== callbackRef || $[156] !== decorate || $[157] !== editorActor || $[158] !== handleClick || $[159] !== handleCopy || $[160] !== handleCut || $[161] !== handleDrag || $[162] !== handleDragEnd || $[163] !== handleDragEnter || $[164] !== handleDragLeave || $[165] !== handleDragOver || $[166] !== handleDragStart || $[167] !== handleDrop || $[168] !== handleKeyDown || $[169] !== handleKeyUp || $[170] !== handleOnBeforeInput || $[171] !== handleOnBlur || $[172] !== handleOnFocus || $[173] !== handlePaste || $[174] !== hasInvalidValue || $[175] !== readOnly || $[176] !== renderElement || $[177] !== renderLeaf || $[178] !== restProps || $[179] !== scrollSelectionIntoViewToSlate ? (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, renderPlaceholder: void 0, renderElement, renderLeaf, renderText, scrollSelectionIntoView: scrollSelectionIntoViewToSlate }) }), $[155] = callbackRef, $[156] = decorate, $[157] = editorActor, $[158] = handleClick, $[159] = handleCopy, $[160] = handleCut, $[161] = handleDrag, $[162] = handleDragEnd, $[163] = handleDragEnter, $[164] = handleDragLeave, $[165] = handleDragOver, $[166] = handleDragStart, $[167] = handleDrop, $[168] = handleKeyDown, $[169] = handleKeyUp, $[170] = handleOnBeforeInput, $[171] = handleOnBlur, $[172] = handleOnFocus, $[173] = handlePaste, $[174] = hasInvalidValue, $[175] = readOnly, $[176] = renderElement, $[177] = renderLeaf, $[178] = restProps, $[179] = scrollSelectionIntoViewToSlate, $[180] = t38) : t38 = $[180], t38;
 });
 PortableTextEditable.displayName = "ForwardRef(PortableTextEditable)";
 function noop() {
@@ -9166,7 +9052,7 @@ const converterJson = {
       originEvent: event.originEvent
     } : {
       type: "serialization.success",
-      data: JSON.stringify(blocks),
+      data: safeStringify(blocks),
       mimeType: "application/x-portable-text",
       originEvent: event.originEvent
     };
@@ -9175,7 +9061,7 @@ const converterJson = {
     snapshot,
     event
   }) => {
-    const blocks = JSON.parse(event.data);
+    const blocks = safeParse(event.data);
     if (!Array.isArray(blocks))
       return {
         type: "deserialization.failure",
@@ -9933,8 +9819,6 @@ function createBehaviorApiPlugin(editorActor) {
         },
         editor
       });
-    }, editor.setFragmentData = () => {
-      console.error("Unexpected call to .setFragmentData(...)");
     }, editor.undo = () => {
       if (editor.isNormalizingNode || editor.isPerformingBehaviorOperation) {
         console.error("Unexpected call to .undo(...)");
@@ -11425,7 +11309,7 @@ function setNodePatch(schema, children, operation) {
     }
     throw new Error("Could not find a valid block");
   } else
-    throw new Error(`Unexpected path encountered: ${JSON.stringify(operation.path)}`);
+    throw new Error(`Unexpected path encountered: ${safeStringify(operation.path)}`);
 }
 function insertNodePatch(schema, children, operation, beforeValue) {
   const block = beforeValue[operation.path[0]];
@@ -11462,7 +11346,7 @@ function removeNodePatch(schema, beforeValue, operation) {
     schema
   }, block) && operation.path.length === 2) {
     const spanToRemove = block.children[operation.path[1]];
-    return spanToRemove ? block.children.filter((span) => span._key === operation.node._key).length > 1 ? (console.warn(`Multiple spans have \`_key\` ${operation.node._key}. It's ambiguous which one to remove.`, JSON.stringify(block, null, 2)), []) : [unset([{
+    return spanToRemove ? block.children.filter((span) => span._key === operation.node._key).length > 1 ? (console.warn(`Multiple spans have \`_key\` ${operation.node._key}. It's ambiguous which one to remove.`, safeStringify(block, 2)), []) : [unset([{
       _key: block._key
     }, "children", {
       _key: spanToRemove._key
@@ -11503,9 +11387,9 @@ function createPatchesPlugin({
             pluginWithoutHistory(editor, () => {
               for (const patch of patches)
                 try {
-                  changed = applyPatch(editor, patch), changed ? debug$1.syncPatch(`(applied) ${JSON.stringify(patch, null, 2)}`) : debug$1.syncPatch(`(ignored) ${JSON.stringify(patch, null, 2)}`);
+                  changed = applyPatch(editor, patch), changed ? debug$1.syncPatch(`(applied) ${safeStringify(patch, 2)}`) : debug$1.syncPatch(`(ignored) ${safeStringify(patch, 2)}`);
                 } catch (error) {
-                  console.error(`Applying patch ${JSON.stringify(patch)} failed due to: ${error instanceof Error ? error.message : error}`);
+                  console.error(`Applying patch ${safeStringify(patch)} failed due to: ${error instanceof Error ? error.message : error}`);
                 }
             });
           });
@@ -11772,7 +11656,7 @@ function updateValuePlugin(context, editor) {
   } = editor;
   return editor.apply = (operation) => {
     if (editor.isNormalizingNode && debug$1.normalization(`(slate operation)
-${JSON.stringify(operation, null, 2)}`), operation.type === "set_selection") {
+${safeStringify(operation, 2)}`), operation.type === "set_selection") {
       apply2(operation);
       return;
     }
@@ -13329,7 +13213,7 @@ const addAnnotationOperationImplementation = ({
     }
   });
   if (!parsedAnnotation)
-    throw new Error(`Failed to parse annotation ${JSON.stringify(operation.annotation)}`);
+    throw new Error(`Failed to parse annotation ${safeStringify(operation.annotation)}`);
   const editor = operation.editor, at = operation.at ? toSlateRange({
     context: {
       schema: context.schema,
@@ -13481,10 +13365,10 @@ const addAnnotationOperationImplementation = ({
 }) => {
   const blockIndex = operation.editor.blockIndexMap.get(operation.at[0]._key);
   if (blockIndex === void 0)
-    throw new Error(`Unable to find block index for block at ${JSON.stringify(operation.at)}`);
+    throw new Error(`Unable to find block index for block at ${safeStringify(operation.at)}`);
   const slateBlock = operation.editor.children.at(blockIndex);
   if (!slateBlock)
-    throw new Error(`Unable to find block at ${JSON.stringify(operation.at)}`);
+    throw new Error(`Unable to find block at ${safeStringify(operation.at)}`);
   if (isTextBlock(context, slateBlock)) {
     const filteredProps = {};
     for (const key of Object.keys(operation.props))
@@ -13539,7 +13423,7 @@ const addAnnotationOperationImplementation = ({
     throw new Error(`Unable to find block index for block key ${blockKey}`);
   const slateBlock = blockIndex !== void 0 ? operation.editor.children.at(blockIndex) : void 0;
   if (!slateBlock)
-    throw new Error(`Unable to find block at ${JSON.stringify(operation.at)}`);
+    throw new Error(`Unable to find block at ${safeStringify(operation.at)}`);
   if (isTextBlock(context, slateBlock)) {
     const propsToRemove = operation.props.filter((prop) => prop !== "_type" && prop !== "_key" && prop !== "children"), unsetProps2 = {};
     for (const prop of propsToRemove)
@@ -13575,12 +13459,12 @@ const addAnnotationOperationImplementation = ({
     blockIndexMap: operation.editor.blockIndexMap
   });
   if (!location)
-    throw new Error(`Unable to convert ${JSON.stringify(operation.at)} into a Slate Range`);
+    throw new Error(`Unable to convert ${safeStringify(operation.at)} into a Slate Range`);
   const childEntry = Editor.node(operation.editor, location, {
     depth: 2
   }), child = childEntry?.[0], childPath = childEntry?.[1];
   if (!child || !childPath)
-    throw new Error(`Unable to find child at ${JSON.stringify(operation.at)}`);
+    throw new Error(`Unable to find child at ${safeStringify(operation.at)}`);
   if (operation.editor.isTextSpan(child)) {
     const {
       _type,
@@ -13621,7 +13505,7 @@ const addAnnotationOperationImplementation = ({
     }, childPath);
     return;
   }
-  throw new Error(`Unable to determine the type of child at ${JSON.stringify(operation.at)}`);
+  throw new Error(`Unable to determine the type of child at ${safeStringify(operation.at)}`);
 }, childUnsetOperationImplementation = ({
   context,
   operation
@@ -13631,20 +13515,20 @@ const addAnnotationOperationImplementation = ({
     throw new Error(`Unable to find block index for block key ${blockKey}`);
   const block = blockIndex !== void 0 ? operation.editor.children.at(blockIndex) : void 0;
   if (!block)
-    throw new Error(`Unable to find block at ${JSON.stringify(operation.at)}`);
+    throw new Error(`Unable to find block at ${safeStringify(operation.at)}`);
   if (!isTextBlock(context, block))
-    throw new Error(`Block ${JSON.stringify(blockKey)} is not a text block`);
+    throw new Error(`Block ${safeStringify(blockKey)} is not a text block`);
   const childKey = operation.at[2]._key;
   if (!childKey)
-    throw new Error(`Unable to find child key at ${JSON.stringify(operation.at)}`);
+    throw new Error(`Unable to find child key at ${safeStringify(operation.at)}`);
   const childIndex = block.children.findIndex((child2) => child2._key === childKey);
   if (childIndex === -1)
-    throw new Error(`Unable to find child at ${JSON.stringify(operation.at)}`);
+    throw new Error(`Unable to find child at ${safeStringify(operation.at)}`);
   const childEntry = Editor.node(operation.editor, [blockIndex, childIndex], {
     depth: 2
   }), child = childEntry?.[0], childPath = childEntry?.[1];
   if (!child || !childPath)
-    throw new Error(`Unable to find child at ${JSON.stringify(operation.at)}`);
+    throw new Error(`Unable to find child at ${safeStringify(operation.at)}`);
   if (operation.editor.isTextSpan(child)) {
     const newNode = {};
     for (const prop of operation.props)
@@ -13670,7 +13554,7 @@ const addAnnotationOperationImplementation = ({
     applySetNode(operation.editor, unsetProps, childPath);
     return;
   }
-  throw new Error(`Unable to determine the type of child at ${JSON.stringify(operation.at)}`);
+  throw new Error(`Unable to determine the type of child at ${safeStringify(operation.at)}`);
 }, decoratorAddOperationImplementation = ({
   context,
   operation
@@ -14260,7 +14144,7 @@ const historyUndoOperationImplementation = ({
     }
   });
   if (!parsedBlock)
-    throw new Error(`Failed to parse block ${JSON.stringify(operation.block)}`);
+    throw new Error(`Failed to parse block ${safeStringify(operation.block)}`);
   const block = toSlateBlock(parsedBlock, {
     schemaTypes: context.schema
   });
@@ -17023,7 +16907,7 @@ function performEvent({
   nativeEvent,
   sendBack
 }) {
-  mode === "send" && !isNativeBehaviorEvent(event) && (editor.undoStepId = defaultKeyGenerator()), debug$1.behaviors(`(${mode}:${eventCategory(event)})`, JSON.stringify(event, null, 2));
+  mode === "send" && !isNativeBehaviorEvent(event) && (editor.undoStepId = defaultKeyGenerator()), debug$1.behaviors(`(${mode}:${eventCategory(event)})`, safeStringify(event, 2));
   const eventBehaviors = [...remainingEventBehaviors, ...abstractBehaviors].filter((behavior) => {
     if (behavior.on === "*")
       return !0;
@@ -17032,7 +16916,7 @@ function performEvent({
   });
   if (eventBehaviors.length === 0 && isSyntheticBehaviorEvent(event)) {
     nativeEvent?.preventDefault(), mode === "send" && (editor.undoStepId = void 0), withPerformingBehaviorOperation(editor, () => {
-      debug$1.operation(JSON.stringify(event, null, 2)), performOperation({
+      debug$1.operation(safeStringify(event, 2)), performOperation({
         context: {
           keyGenerator,
           schema
@@ -17158,7 +17042,7 @@ function performEvent({
     break;
   }
   !defaultBehaviorOverwritten && isSyntheticBehaviorEvent(event) ? (nativeEvent?.preventDefault(), mode === "send" && (editor.undoStepId = void 0), withPerformingBehaviorOperation(editor, () => {
-    debug$1.operation(JSON.stringify(event, null, 2)), performOperation({
+    debug$1.operation(safeStringify(event, 2)), performOperation({
       context: {
         keyGenerator,
         schema
@@ -18446,7 +18330,7 @@ const syncValueCallback = ({
       context
     }) => {
       const isBusy = context.slateEditor.isDeferringMutations || context.slateEditor.isProcessingRemoteChanges;
-      return debug$1.syncValue(JSON.stringify({
+      return debug$1.syncValue(safeStringify({
         isBusy,
         isDeferringMutations: context.slateEditor.isDeferringMutations,
         isProcessingRemoteChanges: context.slateEditor.isProcessingRemoteChanges