@portabletext/editor 1.43.0 → 1.44.0

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

@@ -13,8 +13,8 @@ import flatten from "lodash/flatten.js";
 import isPlainObject from "lodash/isPlainObject.js";
 import uniq from "lodash/uniq.js";
 import getRandomValues from "get-random-values-esm";
-import { parseBlock, selectionPointToBlockOffset, blockOffsetsToSelection, isTextBlock, parseBlocks } from "./util.selection-point-to-block-offset.js";
-import { sliceBlocks, blockOffsetToSpanSelectionPoint, isKeyedSegment as isKeyedSegment$1, getTextBlockText } from "./util.slice-blocks.js";
+import { parseBlock, isTextBlock } from "./parse-blocks.js";
+import { sliceBlocks, blockOffsetToSpanSelectionPoint, isKeyedSegment as isKeyedSegment$1, getBlockEndPoint, getBlockStartPoint, getTextBlockText } from "./util.slice-blocks.js";
 import { htmlToBlocks } from "@portabletext/block-tools";
 import { toHTML } from "@portabletext/to-html";
 import { Schema } from "@sanity/schema";
@@ -22,11 +22,12 @@ import get from "lodash/get.js";
 import isUndefined from "lodash/isUndefined.js";
 import omitBy from "lodash/omitBy.js";
 import omit from "lodash/omit.js";
-import { createGuards, getFocusSpan, isSelectionCollapsed, isOverlappingSelection, getSelectedBlocks, getFocusTextBlock, isSelectionExpanded } from "./selector.is-overlapping-selection.js";
-import { getTrimmedSelection, isActiveAnnotation, isActiveDecorator, isActiveListItem, isActiveStyle, isSelectingEntireBlocks, getActiveAnnotations } from "./selector.is-active-style.js";
+import { selectionPointToBlockOffset, blockOffsetsToSelection } from "./util.selection-point-to-block-offset.js";
+import { getTrimmedSelection, getSelectedTextBlocks, isActiveListItem, isActiveStyle, isActiveAnnotation, isActiveDecorator, isSelectingEntireBlocks, getActiveAnnotations } from "./selector.is-selecting-entire-blocks.js";
 import { DOMEditor } from "slate-dom";
 import startCase from "lodash.startcase";
 import { defineBehavior, raise, coreBehaviors } from "./behavior.core.js";
+import { getFocusTextBlock, getPreviousBlock, getNextBlock, getFocusSpan, isSelectionCollapsed, isOverlappingSelection, getSelectedBlocks, isSelectionExpanded } from "./selector.is-overlapping-selection.js";
 import { Subject } from "rxjs";
 import { useEffectEvent } from "use-effect-event";
 function createEditorSchema(portableTextType) {
@@ -408,6 +409,30 @@ function isBlockElement({
 }, node) {
   return Element.isElement(node) && !editor.isInline(node) && (schema.block.name === node._type || schema.blockObjects.some((blockObject) => blockObject.name === node._type));
 }
+function isListItemActive({
+  editor,
+  listItem
+}) {
+  if (!editor.selection)
+    return !1;
+  const selectedBlocks = [...Editor.nodes(editor, {
+    at: editor.selection,
+    match: (node) => editor.isTextBlock(node)
+  })];
+  return selectedBlocks.length > 0 ? selectedBlocks.every(([node]) => editor.isListBlock(node) && node.listItem === listItem) : !1;
+}
+function isStyleActive({
+  editor,
+  style
+}) {
+  if (!editor.selection)
+    return !1;
+  const selectedBlocks = [...Editor.nodes(editor, {
+    at: editor.selection,
+    match: (node) => editor.isTextBlock(node)
+  })];
+  return selectedBlocks.length > 0 ? selectedBlocks.every(([node]) => node.style === style) : !1;
+}
 const IS_PROCESSING_REMOTE_CHANGES = /* @__PURE__ */ new WeakMap(), KEY_TO_SLATE_ELEMENT = /* @__PURE__ */ new WeakMap(), KEY_TO_VALUE_ELEMENT = /* @__PURE__ */ new WeakMap(), SLATE_TO_PORTABLE_TEXT_RANGE = /* @__PURE__ */ new WeakMap(), EditorActorContext = createContext({}), PortableTextEditorContext = createContext(null), usePortableTextEditor = () => {
   const editor = useContext(PortableTextEditorContext);
   if (!editor)
@@ -2236,7 +2261,7 @@ async function* getBlocks({
 }) {
   let index = 0;
   for await (const block of slateValue)
-    streamBlocks && await new Promise((resolve) => setTimeout(resolve, 0)), yield [block, index], index++;
+    streamBlocks && index % 10 === 0 && await new Promise((resolve) => setTimeout(resolve, 0)), yield [block, index], index++;
 }
 function syncBlock({
   context,
@@ -2964,131 +2989,7 @@ const insertBreakActionImplementation = ({
 }) => {
   insertText(action.editor, `
 `);
-}, toggleListItemActionImplementation = ({
-  context,
-  action
-}) => {
-  isListItemActive({
-    editor: action.editor,
-    listItem: action.listItem
-  }) ? removeListItemActionImplementation({
-    context,
-    action: {
-      ...action
-    }
-  }) : addListItemActionImplementation({
-    context,
-    action: {
-      ...action
-    }
-  });
-}, removeListItemActionImplementation = ({
-  context,
-  action
-}) => {
-  if (!action.editor.selection)
-    return;
-  const guards = createGuards(context), selectedBlocks = [...Editor.nodes(action.editor, {
-    at: action.editor.selection,
-    match: (node) => guards.isListBlock(node)
-  })];
-  for (const [, at] of selectedBlocks)
-    Transforms.unsetNodes(action.editor, ["listItem", "level"], {
-      at
-    });
-}, addListItemActionImplementation = ({
-  context,
-  action
-}) => {
-  if (!action.editor.selection)
-    return;
-  const guards = createGuards(context), selectedBlocks = [...Editor.nodes(action.editor, {
-    at: action.editor.selection,
-    match: (node) => guards.isTextBlock(node)
-  })];
-  for (const [, at] of selectedBlocks)
-    Transforms.setNodes(action.editor, {
-      level: 1,
-      listItem: action.listItem
-    }, {
-      at
-    });
-};
-function isListItemActive({
-  editor,
-  listItem
-}) {
-  if (!editor.selection)
-    return !1;
-  const selectedBlocks = [...Editor.nodes(editor, {
-    at: editor.selection,
-    match: (node) => editor.isTextBlock(node)
-  })];
-  return selectedBlocks.length > 0 ? selectedBlocks.every(([node]) => editor.isListBlock(node) && node.listItem === listItem) : !1;
-}
-const toggleStyleActionImplementation = ({
-  context,
-  action
-}) => {
-  isStyleActive({
-    editor: action.editor,
-    style: action.style
-  }) ? removeStyleActionImplementation({
-    context,
-    action: {
-      ...action
-    }
-  }) : addStyleActionImplementation({
-    context,
-    action: {
-      ...action
-    }
-  });
-}, removeStyleActionImplementation = ({
-  context,
-  action
-}) => {
-  if (!action.editor.selection)
-    return;
-  const defaultStyle = context.schema.styles[0].value, guards = createGuards(context), selectedBlocks = [...Editor.nodes(action.editor, {
-    at: action.editor.selection,
-    match: (node) => guards.isTextBlock(node)
-  })];
-  for (const [, at] of selectedBlocks)
-    Transforms.setNodes(action.editor, {
-      style: defaultStyle
-    }, {
-      at
-    });
-}, addStyleActionImplementation = ({
-  context,
-  action
-}) => {
-  if (!action.editor.selection)
-    return;
-  const guards = createGuards(context), selectedBlocks = [...Editor.nodes(action.editor, {
-    at: action.editor.selection,
-    match: (node) => guards.isTextBlock(node)
-  })];
-  for (const [, at] of selectedBlocks)
-    Transforms.setNodes(action.editor, {
-      style: action.style
-    }, {
-      at
-    });
 };
-function isStyleActive({
-  editor,
-  style
-}) {
-  if (!editor.selection)
-    return !1;
-  const selectedBlocks = [...Editor.nodes(editor, {
-    at: editor.selection,
-    match: (node) => editor.isTextBlock(node)
-  })];
-  return selectedBlocks.length > 0 ? selectedBlocks.every(([node]) => node.style === style) : !1;
-}
 function isPortableTextSpan(node) {
   return node._type === "span" && "text" in node && typeof node.text == "string" && (typeof node.marks > "u" || Array.isArray(node.marks) && node.marks.every((mark) => typeof mark == "string"));
 }
@@ -4294,10 +4195,6 @@ const addAnnotationActionImplementation = ({
   action
 }) => {
   ReactEditor.blur(action.editor);
-}, dataTransferSetActionImplementation = ({
-  action
-}) => {
-  action.dataTransfer.setData(action.mimeType, action.data);
 }, deleteActionImplementation = ({
   action
 }) => {
@@ -4367,10 +4264,79 @@ const addAnnotationActionImplementation = ({
   Transforms.delete(action.editor, {
     at: range
   });
-}, deserializationFailureActionImplementation = ({
+}, effectActionImplementation = ({
+  action
+}) => {
+  action.effect();
+}, focusActionImplementation = ({
+  action
+}) => {
+  ReactEditor.focus(action.editor);
+}, insertInlineObjectActionImplementation = ({
+  context,
+  action
+}) => {
+  if (!context.schema.inlineObjects.some((inlineObject) => inlineObject.name === action.inlineObject.name)) {
+    console.error("Unable to insert unknown inline object");
+    return;
+  }
+  if (!action.editor.selection) {
+    console.error("Unable to insert inline object without selection");
+    return;
+  }
+  const [focusTextBlock] = Array.from(Editor.nodes(action.editor, {
+    at: action.editor.selection.focus.path,
+    match: (node) => action.editor.isTextBlock(node)
+  })).at(0) ?? [void 0, void 0];
+  if (!focusTextBlock) {
+    console.error("Unable to perform action without focus text block");
+    return;
+  }
+  const child = toSlateValue([{
+    _type: context.schema.block.name,
+    _key: context.keyGenerator(),
+    children: [{
+      _type: action.inlineObject.name,
+      _key: context.keyGenerator(),
+      ...action.inlineObject.value ?? {}
+    }]
+  }], {
+    schemaTypes: context.schema
+  }).at(0)?.children.at(0);
+  if (!child) {
+    console.error("Unable to insert inline object");
+    return;
+  }
+  Transforms.insertNodes(action.editor, child);
+}, insertSpanActionImplementation = ({
+  context,
   action
 }) => {
-  console.warn(`Deserialization of ${action.mimeType} failed with reason "${action.reason}"`);
+  if (!action.editor.selection) {
+    console.error("Unable to perform action without selection", action);
+    return;
+  }
+  const [focusBlock, focusBlockPath] = Array.from(Editor.nodes(action.editor, {
+    at: action.editor.selection.focus.path,
+    match: (node) => action.editor.isTextBlock(node)
+  }))[0] ?? [void 0, void 0];
+  if (!focusBlock || !focusBlockPath) {
+    console.error("Unable to perform action without focus block", action);
+    return;
+  }
+  const markDefs = focusBlock.markDefs ?? [], annotations = action.annotations ? action.annotations.map((annotation) => ({
+    _type: annotation.name,
+    _key: context.keyGenerator(),
+    ...annotation.value
+  })) : void 0;
+  annotations && annotations.length > 0 && Transforms.setNodes(action.editor, {
+    markDefs: [...markDefs, ...annotations]
+  }), Transforms.insertNodes(action.editor, {
+    _type: "span",
+    _key: context.keyGenerator(),
+    text: action.text,
+    marks: [...annotations?.map((annotation) => annotation._key) ?? [], ...action.decorators ?? []]
+  });
 }, insertBlockActionImplementation = ({
   context,
   action
@@ -4516,331 +4482,82 @@ function insertBlock({
     }
   }
 }
-const selectActionImplementation = ({
+const insertTextActionImplementation = ({
   action
 }) => {
-  const newSelection = toSlateRange(action.selection, action.editor);
-  newSelection ? Transforms.select(action.editor, newSelection) : Transforms.deselect(action.editor);
-}, selectNextBlockActionImplementation = ({
+  action.editor.insertText(action.text);
+}, moveBlockActionImplementation = ({
+  action
+}) => {
+  const at = [toSlatePath(action.at, action.editor)[0]], to = [toSlatePath(action.to, action.editor)[0]];
+  Transforms.moveNodes(action.editor, {
+    at,
+    to,
+    mode: "highest"
+  });
+}, moveBlockDownActionImplementation = ({
   context,
   action
 }) => {
-  if (!action.editor.selection) {
-    console.error("Unable to select previous block without a selection");
-    return;
-  }
-  const nextBlockPath = [action.editor.selection.focus.path.slice(0, 1)[0] + 1], position = action.select === "end" ? Editor.end(action.editor, nextBlockPath) : Editor.start(action.editor, nextBlockPath), newSelection = toPortableTextRange(action.editor.children, {
-    anchor: position,
-    focus: position
-  }, context.schema);
-  if (!newSelection) {
-    console.error("Could not find selection for next block");
+  const at = [toSlatePath(action.at, action.editor)[0]], to = [Path.next(at)[0]], selection = toPortableTextRange(action.editor.children, {
+    anchor: {
+      path: to,
+      offset: 0
+    },
+    focus: {
+      path: to,
+      offset: 0
+    }
+  }, context.schema), destinationBlockKey = selection && isKeyedSegment$1(selection.focus.path[0]) ? selection.focus.path[0]._key : void 0;
+  if (destinationBlockKey === void 0) {
+    console.error("Could not find destination block key");
     return;
   }
-  selectActionImplementation({
+  moveBlockActionImplementation({
     action: {
-      selection: newSelection,
+      at: action.at,
+      to: [{
+        _key: destinationBlockKey
+      }],
       editor: action.editor
     }
   });
-}, selectPreviousBlockActionImplementation = ({
+}, moveBlockUpActionImplementation = ({
   context,
   action
 }) => {
-  if (!action.editor.selection) {
-    console.error("Unable to select previous block without a selection");
-    return;
-  }
-  const blockPath = action.editor.selection.focus.path.slice(0, 1);
-  if (!Path.hasPrevious(blockPath)) {
-    console.error("There's no previous block to select");
+  const at = [toSlatePath(action.at, action.editor)[0]];
+  if (!Path.hasPrevious(at))
     return;
-  }
-  const position = action.select === "end" ? Editor.end(action.editor, Path.previous(blockPath)) : Editor.start(action.editor, Path.previous(blockPath)), newSelection = toPortableTextRange(action.editor.children, {
-    anchor: position,
-    focus: position
-  }, context.schema);
-  if (!newSelection) {
-    console.error("Could not find selection for previous block");
+  const to = [Path.previous(at)[0]], selection = toPortableTextRange(action.editor.children, {
+    anchor: {
+      path: to,
+      offset: 0
+    },
+    focus: {
+      path: to,
+      offset: 0
+    }
+  }, context.schema), destinationBlockKey = selection && isKeyedSegment$1(selection.focus.path[0]) ? selection.focus.path[0]._key : void 0;
+  if (destinationBlockKey === void 0) {
+    console.error("Could not find destination block key");
     return;
   }
-  selectActionImplementation({
+  moveBlockActionImplementation({
     action: {
-      selection: newSelection,
+      at: action.at,
+      to: [{
+        _key: destinationBlockKey
+      }],
       editor: action.editor
     }
   });
-}, insertBlocksActionImplementation = ({
-  context,
+}, noopActionImplementation = () => {
+}, selectActionImplementation = ({
   action
 }) => {
-  const parsedBlocks = parseBlocks({
-    context,
-    blocks: action.blocks,
-    options: {
-      refreshKeys: !1
-    }
-  });
-  if (parsedBlocks.length === 0)
-    throw new Error(`Failed to parse blocks ${JSON.stringify(action.blocks)}`);
-  const fragment = toSlateValue(parsedBlocks, {
-    schemaTypes: context.schema
-  });
-  if (fragment.length === 0)
-    throw new Error(`Failed to convert blocks to Slate fragment ${JSON.stringify(parsedBlocks)}`);
-  const [focusBlock] = getFocusBlock({
-    editor: action.editor
-  });
-  if (action.placement === "before") {
-    let index = 0;
-    for (const block of fragment)
-      insertBlock({
-        block,
-        placement: index === 0 ? "before" : "after",
-        select: "end",
-        editor: action.editor,
-        schema: context.schema
-      }), index++;
-  } else if (action.placement === "after")
-    for (const block of fragment)
-      insertBlock({
-        block,
-        placement: "after",
-        select: "end",
-        editor: action.editor,
-        schema: context.schema
-      });
-  else if (focusBlock && action.editor.isTextBlock(focusBlock)) {
-    if (fragment.length === 1) {
-      insertBlock({
-        block: fragment[0],
-        placement: "auto",
-        select: "end",
-        editor: action.editor,
-        schema: context.schema
-      });
-      return;
-    }
-    let index = 0;
-    for (const block of fragment)
-      index === 0 ? (insertBreakActionImplementation({
-        context,
-        action: {
-          editor: action.editor
-        }
-      }), selectPreviousBlockActionImplementation({
-        context,
-        action: {
-          editor: action.editor,
-          select: "end"
-        }
-      }), insertBlock({
-        block,
-        placement: "auto",
-        select: "end",
-        editor: action.editor,
-        schema: context.schema
-      })) : index === fragment.length - 1 ? (selectNextBlockActionImplementation({
-        context,
-        action: {
-          editor: action.editor,
-          select: "start"
-        }
-      }), insertBlock({
-        block,
-        placement: "auto",
-        select: "end",
-        editor: action.editor,
-        schema: context.schema
-      })) : insertBlock({
-        block,
-        placement: "after",
-        select: "end",
-        editor: action.editor,
-        schema: context.schema
-      }), index++;
-  } else {
-    let index = 0;
-    for (const block of fragment)
-      insertBlock({
-        block,
-        placement: index === 0 ? "auto" : "after",
-        select: "end",
-        editor: action.editor,
-        schema: context.schema
-      }), index++;
-  }
-}, deserializationSuccessActionImplementation = ({
-  context,
-  action
-}) => {
-  insertBlocksActionImplementation({
-    context,
-    action: {
-      blocks: action.data,
-      editor: action.editor,
-      placement: "auto"
-    }
-  });
-}, effectActionImplementation = ({
-  action
-}) => {
-  action.effect();
-}, focusActionImplementation = ({
-  action
-}) => {
-  ReactEditor.focus(action.editor);
-}, insertInlineObjectActionImplementation = ({
-  context,
-  action
-}) => {
-  if (!context.schema.inlineObjects.some((inlineObject) => inlineObject.name === action.inlineObject.name)) {
-    console.error("Unable to insert unknown inline object");
-    return;
-  }
-  if (!action.editor.selection) {
-    console.error("Unable to insert inline object without selection");
-    return;
-  }
-  const [focusTextBlock] = Array.from(Editor.nodes(action.editor, {
-    at: action.editor.selection.focus.path,
-    match: (node) => action.editor.isTextBlock(node)
-  })).at(0) ?? [void 0, void 0];
-  if (!focusTextBlock) {
-    console.error("Unable to perform action without focus text block");
-    return;
-  }
-  const child = toSlateValue([{
-    _type: context.schema.block.name,
-    _key: context.keyGenerator(),
-    children: [{
-      _type: action.inlineObject.name,
-      _key: context.keyGenerator(),
-      ...action.inlineObject.value ?? {}
-    }]
-  }], {
-    schemaTypes: context.schema
-  }).at(0)?.children.at(0);
-  if (!child) {
-    console.error("Unable to insert inline object");
-    return;
-  }
-  Transforms.insertNodes(action.editor, child);
-}, insertSpanActionImplementation = ({
-  context,
-  action
-}) => {
-  if (!action.editor.selection) {
-    console.error("Unable to perform action without selection", action);
-    return;
-  }
-  const [focusBlock, focusBlockPath] = Array.from(Editor.nodes(action.editor, {
-    at: action.editor.selection.focus.path,
-    match: (node) => action.editor.isTextBlock(node)
-  }))[0] ?? [void 0, void 0];
-  if (!focusBlock || !focusBlockPath) {
-    console.error("Unable to perform action without focus block", action);
-    return;
-  }
-  const markDefs = focusBlock.markDefs ?? [], annotations = action.annotations ? action.annotations.map((annotation) => ({
-    _type: annotation.name,
-    _key: context.keyGenerator(),
-    ...annotation.value
-  })) : void 0;
-  annotations && annotations.length > 0 && Transforms.setNodes(action.editor, {
-    markDefs: [...markDefs, ...annotations]
-  }), Transforms.insertNodes(action.editor, {
-    _type: "span",
-    _key: context.keyGenerator(),
-    text: action.text,
-    marks: [...annotations?.map((annotation) => annotation._key) ?? [], ...action.decorators ?? []]
-  });
-}, insertTextActionImplementation = ({
-  action
-}) => {
-  action.editor.insertText(action.text);
-}, moveBlockActionImplementation = ({
-  action
-}) => {
-  const at = [toSlatePath(action.at, action.editor)[0]], to = [toSlatePath(action.to, action.editor)[0]];
-  Transforms.moveNodes(action.editor, {
-    at,
-    to,
-    mode: "highest"
-  });
-}, moveBlockDownActionImplementation = ({
-  context,
-  action
-}) => {
-  const at = [toSlatePath(action.at, action.editor)[0]], to = [Path.next(at)[0]], selection = toPortableTextRange(action.editor.children, {
-    anchor: {
-      path: to,
-      offset: 0
-    },
-    focus: {
-      path: to,
-      offset: 0
-    }
-  }, context.schema), destinationBlockKey = selection && isKeyedSegment$1(selection.focus.path[0]) ? selection.focus.path[0]._key : void 0;
-  if (destinationBlockKey === void 0) {
-    console.error("Could not find destination block key");
-    return;
-  }
-  moveBlockActionImplementation({
-    action: {
-      at: action.at,
-      to: [{
-        _key: destinationBlockKey
-      }],
-      editor: action.editor
-    }
-  });
-}, moveBlockUpActionImplementation = ({
-  context,
-  action
-}) => {
-  const at = [toSlatePath(action.at, action.editor)[0]];
-  if (!Path.hasPrevious(at))
-    return;
-  const to = [Path.previous(at)[0]], selection = toPortableTextRange(action.editor.children, {
-    anchor: {
-      path: to,
-      offset: 0
-    },
-    focus: {
-      path: to,
-      offset: 0
-    }
-  }, context.schema), destinationBlockKey = selection && isKeyedSegment$1(selection.focus.path[0]) ? selection.focus.path[0]._key : void 0;
-  if (destinationBlockKey === void 0) {
-    console.error("Could not find destination block key");
-    return;
-  }
-  moveBlockActionImplementation({
-    action: {
-      at: action.at,
-      to: [{
-        _key: destinationBlockKey
-      }],
-      editor: action.editor
-    }
-  });
-}, noopActionImplementation = () => {
-}, serializationFailureActionImplementation = ({
-  action
-}) => {
-  console.warn(`Serialization of ${action.mimeType} failed with reason "${action.reason}"`);
-}, serializationSuccessActionImplementation = ({
-  context,
-  action
-}) => {
-  dataTransferSetActionImplementation({
-    action: {
-      data: action.data,
-      dataTransfer: action.originEvent.originEvent.dataTransfer,
-      mimeType: action.mimeType
-    }
-  });
+  const newSelection = toSlateRange(action.selection, action.editor);
+  newSelection ? Transforms.select(action.editor, newSelection) : Transforms.deselect(action.editor);
 }, debug$9 = debugWithName("behaviors:action"), behaviorActionImplementations = {
   "annotation.add": addAnnotationActionImplementation,
   "annotation.remove": removeAnnotationActionImplementation,
@@ -4848,7 +4565,6 @@ const selectActionImplementation = ({
   "block.set": blockSetBehaviorActionImplementation,
   "block.unset": blockUnsetBehaviorActionImplementation,
   blur: blurActionImplementation,
-  "data transfer.set": dataTransferSetActionImplementation,
   "decorator.add": decoratorAddActionImplementation,
   "decorator.remove": removeDecoratorActionImplementation,
   "decorator.toggle": toggleDecoratorActionImplementation,
@@ -4858,33 +4574,20 @@ const selectActionImplementation = ({
   "delete.forward": deleteForwardActionImplementation,
   "delete.block": deleteBlockActionImplementation,
   "delete.text": deleteTextActionImplementation,
-  "deserialization.failure": deserializationFailureActionImplementation,
-  "deserialization.success": deserializationSuccessActionImplementation,
   "history.redo": historyRedoActionImplementation,
   "history.undo": historyUndoActionImplementation,
   "insert.block": insertBlockActionImplementation,
-  "insert.blocks": insertBlocksActionImplementation,
   "insert.break": insertBreakActionImplementation,
   "insert.inline object": insertInlineObjectActionImplementation,
   "insert.soft break": insertSoftBreakActionImplementation,
   "insert.span": insertSpanActionImplementation,
   "insert.text": insertTextActionImplementation,
   effect: effectActionImplementation,
-  "list item.add": addListItemActionImplementation,
-  "list item.remove": removeListItemActionImplementation,
-  "list item.toggle": toggleListItemActionImplementation,
   "move.block": moveBlockActionImplementation,
   "move.block down": moveBlockDownActionImplementation,
   "move.block up": moveBlockUpActionImplementation,
   noop: noopActionImplementation,
-  select: selectActionImplementation,
-  "select.previous block": selectPreviousBlockActionImplementation,
-  "select.next block": selectNextBlockActionImplementation,
-  "serialization.failure": serializationFailureActionImplementation,
-  "serialization.success": serializationSuccessActionImplementation,
-  "style.toggle": toggleStyleActionImplementation,
-  "style.add": addStyleActionImplementation,
-  "style.remove": removeStyleActionImplementation
+  select: selectActionImplementation
 };
 function performAction({
   context,
@@ -4933,13 +4636,6 @@ function performAction({
       });
       break;
     }
-    case "data transfer.set": {
-      behaviorActionImplementations["data transfer.set"]({
-        context,
-        action
-      });
-      break;
-    }
     case "decorator.add": {
       behaviorActionImplementations["decorator.add"]({
         context,
@@ -4996,20 +4692,6 @@ function performAction({
       });
       break;
     }
-    case "deserialization.failure": {
-      behaviorActionImplementations["deserialization.failure"]({
-        context,
-        action
-      });
-      break;
-    }
-    case "deserialization.success": {
-      behaviorActionImplementations["deserialization.success"]({
-        context,
-        action
-      });
-      break;
-    }
     case "effect": {
       behaviorActionImplementations.effect({
         context,
@@ -5045,13 +4727,6 @@ function performAction({
       });
       break;
     }
-    case "insert.blocks": {
-      behaviorActionImplementations["insert.blocks"]({
-        context,
-        action
-      });
-      break;
-    }
     case "insert.inline object": {
       behaviorActionImplementations["insert.inline object"]({
         context,
@@ -5087,27 +4762,6 @@ function performAction({
       });
       break;
     }
-    case "list item.add": {
-      behaviorActionImplementations["list item.add"]({
-        context,
-        action
-      });
-      break;
-    }
-    case "list item.remove": {
-      behaviorActionImplementations["list item.remove"]({
-        context,
-        action
-      });
-      break;
-    }
-    case "list item.toggle": {
-      behaviorActionImplementations["list item.toggle"]({
-        context,
-        action
-      });
-      break;
-    }
     case "move.block": {
       behaviorActionImplementations["move.block"]({
         context,
@@ -5131,57 +4785,8 @@ function performAction({
     }
     case "noop":
       break;
-    case "select": {
-      behaviorActionImplementations.select({
-        context,
-        action
-      });
-      break;
-    }
-    case "select.previous block": {
-      behaviorActionImplementations["select.previous block"]({
-        context,
-        action
-      });
-      break;
-    }
-    case "select.next block": {
-      behaviorActionImplementations["select.next block"]({
-        context,
-        action
-      });
-      break;
-    }
-    case "serialization.failure": {
-      behaviorActionImplementations["serialization.failure"]({
-        context,
-        action
-      });
-      break;
-    }
-    case "serialization.success": {
-      behaviorActionImplementations["serialization.success"]({
-        context,
-        action
-      });
-      break;
-    }
-    case "style.add": {
-      behaviorActionImplementations["style.add"]({
-        context,
-        action
-      });
-      break;
-    }
-    case "style.remove": {
-      behaviorActionImplementations["style.remove"]({
-        context,
-        action
-      });
-      break;
-    }
     default: {
-      behaviorActionImplementations["style.toggle"]({
+      behaviorActionImplementations.select({
         context,
         action
       });
@@ -6090,67 +5695,116 @@ const keyIs = {
   actions: [() => [raise({
     type: "insert.soft break"
   })]]
-}), toggleAnnotationOff = defineBehavior({
-  on: "annotation.toggle",
+}), internalInsertBehaviors = [defineBehavior({
+  on: "insert.blocks",
   guard: ({
-    snapshot,
     event
-  }) => isActiveAnnotation(event.annotation.name)(snapshot),
+  }) => event.placement === "before",
   actions: [({
     event
-  }) => [raise({
-    type: "annotation.remove",
-    annotation: event.annotation
-  })]]
-}), toggleAnnotationOn = defineBehavior({
-  on: "annotation.toggle",
+  }) => event.blocks.map((block, index) => raise({
+    type: "insert.block",
+    block,
+    placement: index === 0 ? "before" : "after",
+    select: "end"
+  }))]
+}), defineBehavior({
+  on: "insert.blocks",
   guard: ({
-    snapshot,
     event
-  }) => !isActiveAnnotation(event.annotation.name)(snapshot),
+  }) => event.placement === "after",
   actions: [({
     event
-  }) => [raise({
-    type: "annotation.add",
-    annotation: event.annotation
-  })]]
-}), toggleDecoratorOff = defineBehavior({
-  on: "decorator.toggle",
+  }) => event.blocks.map((block) => raise({
+    type: "insert.block",
+    block,
+    placement: "after",
+    select: "end"
+  }))]
+}), defineBehavior({
+  on: "insert.blocks",
   guard: ({
     snapshot,
     event
-  }) => isActiveDecorator(event.decorator)(snapshot),
+  }) => !(event.placement !== "auto" || !getFocusTextBlock(snapshot)),
   actions: [({
     event
-  }) => [raise({
-    type: "decorator.remove",
-    decorator: event.decorator
-  })]]
-}), toggleDecoratorOn = defineBehavior({
-  on: "decorator.toggle",
+  }) => event.blocks.length === 1 ? [raise({
+    type: "insert.block",
+    block: event.blocks[0],
+    placement: "auto",
+    select: "end"
+  })] : event.blocks.flatMap((block, index) => index === 0 ? [raise({
+    type: "insert.break"
+  }), raise({
+    type: "select.previous block",
+    select: "end"
+  }), raise({
+    type: "insert.block",
+    block,
+    placement: "auto",
+    select: "end"
+  })] : index === event.blocks.length - 1 ? [raise({
+    type: "select.next block",
+    select: "start"
+  }), raise({
+    type: "insert.block",
+    block,
+    placement: "auto",
+    select: "end"
+  })] : [raise({
+    type: "insert.block",
+    block,
+    placement: "after",
+    select: "end"
+  })])]
+}), defineBehavior({
+  on: "insert.blocks",
   guard: ({
-    snapshot,
     event
-  }) => {
-    const manualSelection = event.offsets ? blockOffsetsToSelection({
-      value: snapshot.context.value,
-      offsets: event.offsets
-    }) : null;
-    return manualSelection ? !isActiveDecorator(event.decorator)({
-      ...snapshot,
-      context: {
-        ...snapshot.context,
-        selection: manualSelection
-      }
-    }) : !isActiveDecorator(event.decorator)(snapshot);
-  },
+  }) => event.placement === "auto",
   actions: [({
     event
-  }) => [raise({
-    ...event,
-    type: "decorator.add"
-  })]]
-}), toggleListItemOff = defineBehavior({
+  }) => event.blocks.map((block, index) => raise({
+    type: "insert.block",
+    block,
+    placement: index === 0 ? "auto" : "after",
+    select: "end"
+  }))]
+})], internalListItemBehaviors = [defineBehavior({
+  on: "list item.add",
+  guard: ({
+    snapshot
+  }) => ({
+    selectedTextBlocks: getSelectedTextBlocks(snapshot)
+  }),
+  actions: [({
+    event
+  }, {
+    selectedTextBlocks
+  }) => selectedTextBlocks.map((block) => raise({
+    type: "block.set",
+    at: block.path,
+    props: {
+      level: 1,
+      listItem: event.listItem
+    }
+  }))]
+}), defineBehavior({
+  on: "list item.remove",
+  guard: ({
+    snapshot
+  }) => ({
+    selectedTextBlocks: getSelectedTextBlocks(snapshot)
+  }),
+  actions: [(_, {
+    selectedTextBlocks
+  }) => selectedTextBlocks.map((block) => raise({
+    type: "block.unset",
+    at: block.path,
+    props: ["level", "listItem"]
+  }))]
+}), defineBehavior({
   on: "list item.toggle",
   guard: ({
     snapshot,
@@ -6162,7 +5816,7 @@ const keyIs = {
     type: "list item.remove",
     listItem: event.listItem
   })]]
-}), toggleListItemOn = defineBehavior({
+}), defineBehavior({
   on: "list item.toggle",
   guard: ({
     snapshot,
@@ -6174,7 +5828,85 @@ const keyIs = {
     type: "list item.add",
     listItem: event.listItem
   })]]
-}), toggleStyleOff = defineBehavior({
+})], internalSelectBehaviors = [defineBehavior({
+  on: "select.previous block",
+  guard: ({
+    snapshot,
+    event
+  }) => {
+    const previousBlock = getPreviousBlock(snapshot);
+    if (!previousBlock)
+      return !1;
+    const point = event.select === "end" ? getBlockEndPoint(previousBlock) : getBlockStartPoint(previousBlock);
+    return {
+      selection: {
+        anchor: point,
+        focus: point
+      }
+    };
+  },
+  actions: [(_, {
+    selection
+  }) => [raise({
+    type: "select",
+    selection
+  })]]
+}), defineBehavior({
+  on: "select.next block",
+  guard: ({
+    snapshot,
+    event
+  }) => {
+    const nextBlock = getNextBlock(snapshot);
+    if (!nextBlock)
+      return !1;
+    const point = event.select === "end" ? getBlockEndPoint(nextBlock) : getBlockStartPoint(nextBlock);
+    return {
+      selection: {
+        anchor: point,
+        focus: point
+      }
+    };
+  },
+  actions: [(_, {
+    selection
+  }) => [raise({
+    type: "select",
+    selection
+  })]]
+})], internalStyleBehaviors = [defineBehavior({
+  on: "style.add",
+  guard: ({
+    snapshot
+  }) => ({
+    selectedTextBlocks: getSelectedTextBlocks(snapshot)
+  }),
+  actions: [({
+    event
+  }, {
+    selectedTextBlocks
+  }) => selectedTextBlocks.map((block) => raise({
+    type: "block.set",
+    at: block.path,
+    props: {
+      style: event.style
+    }
+  }))]
+}), defineBehavior({
+  on: "style.remove",
+  guard: ({
+    snapshot
+  }) => ({
+    selectedTextBlocks: getSelectedTextBlocks(snapshot)
+  }),
+  actions: [(_, {
+    selectedTextBlocks
+  }) => selectedTextBlocks.map((block) => raise({
+    type: "block.unset",
+    at: block.path,
+    props: ["style"]
+  }))]
+}), defineBehavior({
   on: "style.toggle",
   guard: ({
     snapshot,
@@ -6186,7 +5918,7 @@ const keyIs = {
     type: "style.remove",
     style: event.style
   })]]
-}), toggleStyleOn = defineBehavior({
+}), defineBehavior({
   on: "style.toggle",
   guard: ({
     snapshot,
@@ -6198,6 +5930,66 @@ const keyIs = {
     type: "style.add",
     style: event.style
   })]]
+})], toggleAnnotationOff = defineBehavior({
+  on: "annotation.toggle",
+  guard: ({
+    snapshot,
+    event
+  }) => isActiveAnnotation(event.annotation.name)(snapshot),
+  actions: [({
+    event
+  }) => [raise({
+    type: "annotation.remove",
+    annotation: event.annotation
+  })]]
+}), toggleAnnotationOn = defineBehavior({
+  on: "annotation.toggle",
+  guard: ({
+    snapshot,
+    event
+  }) => !isActiveAnnotation(event.annotation.name)(snapshot),
+  actions: [({
+    event
+  }) => [raise({
+    type: "annotation.add",
+    annotation: event.annotation
+  })]]
+}), toggleDecoratorOff = defineBehavior({
+  on: "decorator.toggle",
+  guard: ({
+    snapshot,
+    event
+  }) => isActiveDecorator(event.decorator)(snapshot),
+  actions: [({
+    event
+  }) => [raise({
+    type: "decorator.remove",
+    decorator: event.decorator
+  })]]
+}), toggleDecoratorOn = defineBehavior({
+  on: "decorator.toggle",
+  guard: ({
+    snapshot,
+    event
+  }) => {
+    const manualSelection = event.offsets ? blockOffsetsToSelection({
+      value: snapshot.context.value,
+      offsets: event.offsets
+    }) : null;
+    return manualSelection ? !isActiveDecorator(event.decorator)({
+      ...snapshot,
+      context: {
+        ...snapshot.context,
+        selection: manualSelection
+      }
+    }) : !isActiveDecorator(event.decorator)(snapshot);
+  },
+  actions: [({
+    event
+  }) => [raise({
+    ...event,
+    type: "decorator.add"
+  })]]
 }), raiseDeserializationSuccessOrFailure = defineBehavior({
   on: "deserialize",
   guard: ({
@@ -6315,12 +6107,23 @@ const keyIs = {
     on: "serialization.success",
     actions: [({
       event
-    }) => [raise({
-      type: "data transfer.set",
-      data: event.data,
-      dataTransfer: event.originEvent.originEvent.dataTransfer,
-      mimeType: event.mimeType
-    })]]
+    }) => [{
+      type: "effect",
+      effect: () => {
+        event.originEvent.originEvent.dataTransfer.setData(event.mimeType, event.data);
+      }
+    }]]
+  }),
+  defineBehavior({
+    on: "serialization.failure",
+    actions: [({
+      event
+    }) => [{
+      type: "effect",
+      effect: () => {
+        console.warn(`Serialization of ${event.mimeType} failed with reason "${event.reason}"`);
+      }
+    }]]
   }),
   defineBehavior({
     on: "drag.drop",
@@ -6467,6 +6270,17 @@ const keyIs = {
       placement: "auto"
     })]]
   }),
+  defineBehavior({
+    on: "deserialization.failure",
+    actions: [({
+      event
+    }) => [{
+      type: "effect",
+      effect: () => {
+        console.warn(`Deserialization of ${event.mimeType} failed with reason "${event.reason}"`);
+      }
+    }]]
+  }),
   defineBehavior({
     on: "clipboard.paste",
     guard: ({
@@ -6504,14 +6318,14 @@ const keyIs = {
       originEvent: event
     })]]
   }),
+  ...internalInsertBehaviors,
+  ...internalListItemBehaviors,
+  ...internalStyleBehaviors,
+  ...internalSelectBehaviors,
   toggleAnnotationOff,
   toggleAnnotationOn,
   toggleDecoratorOff,
   toggleDecoratorOn,
-  toggleListItemOff,
-  toggleListItemOn,
-  toggleStyleOff,
-  toggleStyleOn,
   raiseDeserializationSuccessOrFailure,
   raiseSerializationSuccessOrFailure,
   raiseInsertSoftBreak
@@ -6519,6 +6333,12 @@ const keyIs = {
 function isKeyboardBehaviorEvent(event) {
   return event.type.startsWith("keyboard.");
 }
+function isInternalBehaviorEvent(event) {
+  return event.type === "deserialize" || event.type.startsWith("deserialization.") || event.type === "insert.blocks" || event.type.startsWith("list item.") || event.type === "serialize" || event.type.startsWith("serialization.") || event.type === "select.next block" || event.type === "select.previous block" || event.type.startsWith("style.");
+}
+function isNativeBehaviorEvent(event) {
+  return isClipboardBehaviorEvent(event) || isDragBehaviorEvent(event) || isInputBehaviorEvent(event) || isKeyboardBehaviorEvent(event) || isMouseBehaviorEvent(event);
+}
 function isClipboardBehaviorEvent(event) {
   return event.type.startsWith("clipboard.");
 }
@@ -6535,6 +6355,9 @@ function isCustomBehaviorEvent(event) {
   return event.type.startsWith("custom.");
 }
 const debug$2 = debugWithName("behaviors:event");
+function eventCategory(event) {
+  return isNativeBehaviorEvent(event) ? "native" : isInternalBehaviorEvent(event) ? "internal" : isCustomBehaviorEvent(event) ? "custom" : "synthetic";
+}
 function performEvent({
   behaviors,
   event,
@@ -6545,8 +6368,8 @@ function performEvent({
   nativeEvent,
   defaultActionCallback
 }) {
-  debug$2(JSON.stringify(event, null, 2));
-  const defaultAction = isCustomBehaviorEvent(event) || isClipboardBehaviorEvent(event) || isDragBehaviorEvent(event) || isInputBehaviorEvent(event) || isKeyboardBehaviorEvent(event) || isMouseBehaviorEvent(event) || event.type === "deserialize" || event.type === "serialize" ? void 0 : {
+  debug$2(`(${eventCategory(event)})`, JSON.stringify(event, null, 2));
+  const defaultAction = isCustomBehaviorEvent(event) || isNativeBehaviorEvent(event) || isInternalBehaviorEvent(event) ? void 0 : {
     ...event,
     editor
   }, eventBehaviors = behaviors.filter((behavior) => {
@@ -6938,7 +6761,7 @@ const editorMachine = setup({
               actions: "handle behavior event",
               guard: ({
                 event
-              }) => event.behaviorEvent.type === "clipboard.copy" || event.behaviorEvent.type === "data transfer.set" || event.behaviorEvent.type === "serialize" || event.behaviorEvent.type === "serialization.failure" || event.behaviorEvent.type === "serialization.success" || event.behaviorEvent.type === "select"
+              }) => event.behaviorEvent.type === "clipboard.copy" || event.behaviorEvent.type === "serialize" || event.behaviorEvent.type === "serialization.failure" || event.behaviorEvent.type === "serialization.success" || event.behaviorEvent.type === "select"
             }
           },
           states: {