@portabletext/editor 1.25.0 → 1.26.0

package/lib/behaviors/index.js

@@ -1,6 +1,6 @@
 import { defineBehavior, isHotkey } from "../_chunks-es/behavior.core.js";
 import { coreBehavior, coreBehaviors, raise } from "../_chunks-es/behavior.core.js";
-import { getFirstBlock, getSelectedBlocks, getLastBlock, getFocusTextBlock, isSelectionCollapsed, getFocusSpan, getFocusBlock } from "../_chunks-es/selector.is-active-style.js";
+import { getFirstBlock, getSelectedBlocks, getLastBlock, getFocusTextBlock, isSelectionCollapsed, getFocusSpan, getFocusBlock } from "../_chunks-es/selector.is-at-the-start-of-block.js";
 import { createActor, setup, assign, assertEvent } from "xstate";
 import { getBlockTextBefore } from "../_chunks-es/selector.get-text-before.js";
 import { isPortableTextTextBlock } from "@sanity/types";

package/lib/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: !0 });
-var schema = require("@sanity/schema"), types = require("@sanity/types"), startCase = require("lodash.startcase"), jsxRuntime = require("react/jsx-runtime"), react = require("@xstate/react"), isEqual = require("lodash/isEqual.js"), noop = require("lodash/noop.js"), React = require("react"), slate = require("slate"), slateReact = require("slate-react"), debug$j = require("debug"), reactCompilerRuntime = require("react-compiler-runtime"), uniq = require("lodash/uniq.js"), rxjs = require("rxjs"), useEffectEvent = require("use-effect-event"), xstate = require("xstate"), patches = require("@portabletext/patches"), flatten = require("lodash/flatten.js"), isPlainObject = require("lodash/isPlainObject.js"), util_sliceBlocks = require("./_chunks-cjs/util.slice-blocks.cjs"), blockTools = require("@portabletext/block-tools"), toHtml = require("@portabletext/to-html"), get = require("lodash/get.js"), isUndefined = require("lodash/isUndefined.js"), omitBy = require("lodash/omitBy.js"), selector_isActiveStyle = require("./_chunks-cjs/selector.is-active-style.cjs"), util_isEmptyTextBlock = require("./_chunks-cjs/util.is-empty-text-block.cjs"), behavior_core = require("./_chunks-cjs/behavior.core.cjs"), getRandomValues = require("get-random-values-esm");
+var schema = require("@sanity/schema"), types = require("@sanity/types"), startCase = require("lodash.startcase"), jsxRuntime = require("react/jsx-runtime"), react = require("@xstate/react"), isEqual = require("lodash/isEqual.js"), noop = require("lodash/noop.js"), React = require("react"), slate = require("slate"), slateReact = require("slate-react"), debug$j = require("debug"), reactCompilerRuntime = require("react-compiler-runtime"), uniq = require("lodash/uniq.js"), rxjs = require("rxjs"), useEffectEvent = require("use-effect-event"), xstate = require("xstate"), patches = require("@portabletext/patches"), flatten = require("lodash/flatten.js"), isPlainObject = require("lodash/isPlainObject.js"), util_sliceBlocks = require("./_chunks-cjs/util.slice-blocks.cjs"), blockTools = require("@portabletext/block-tools"), toHtml = require("@portabletext/to-html"), get = require("lodash/get.js"), isUndefined = require("lodash/isUndefined.js"), omitBy = require("lodash/omitBy.js"), selector_isAtTheStartOfBlock = require("./_chunks-cjs/selector.is-at-the-start-of-block.cjs"), util_isEmptyTextBlock = require("./_chunks-cjs/util.is-empty-text-block.cjs"), behavior_core = require("./_chunks-cjs/behavior.core.cjs"), getRandomValues = require("get-random-values-esm");
 function _interopDefaultCompat(e) {
   return e && typeof e == "object" && "default" in e ? e : { default: e };
 }
@@ -2501,6 +2501,7 @@ function _temp(s) {
 }
 Synchronizer.displayName = "Synchronizer";
 const converterJson = {
+  mimeType: "application/json",
   serialize: ({
     context,
     event
@@ -2536,8 +2537,7 @@ const converterJson = {
       mimeType: "application/json",
       reason: "No application/x-portable-text Converter found"
     };
-  },
-  mimeType: "application/json"
+  }
 };
 function isTypedObject(object) {
   return isRecord(object) && typeof object._type == "string";
@@ -2599,6 +2599,7 @@ function parseBlock({
   return context.schema.lists.find((list) => list.value === block.listItem) || (delete parsedBlock.listItem, delete parsedBlock.level), parsedBlock;
 }
 const converterPortableText = {
+  mimeType: "application/x-portable-text",
   serialize: ({
     context,
     event
@@ -2648,9 +2649,9 @@ const converterPortableText = {
       data: parsedBlocks,
       mimeType: "application/x-portable-text"
     };
-  },
-  mimeType: "application/x-portable-text"
+  }
 }, converterTextHtml = {
+  mimeType: "text/html",
   serialize: ({
     context,
     event
@@ -2695,8 +2696,7 @@ const converterPortableText = {
       unstable_whitespaceOnPasteMode: context.schema.block.options.unstable_whitespaceOnPasteMode
     }),
     mimeType: "text/html"
-  }),
-  mimeType: "text/html"
+  })
 }, converterTextPlain = {
   mimeType: "text/plain",
   serialize: ({
@@ -2991,6 +2991,8 @@ function createWithEventListeners(editorActor, subscriptions) {
           case "annotation.add":
           case "annotation.remove":
           case "annotation.toggle":
+          case "block.set":
+          case "block.unset":
           case "blur":
           case "data transfer.set":
           case "decorator.add":
@@ -3003,6 +3005,7 @@ function createWithEventListeners(editorActor, subscriptions) {
           case "deserialization.failure":
           case "deserialization.success":
           case "focus":
+          case "insert.block":
           case "insert.block object":
           case "insert.inline object":
           case "insert.span":
@@ -4431,7 +4434,7 @@ const toggleListItemActionImplementation = ({
 }) => {
   if (!action.editor.selection)
     return;
-  const guards = selector_isActiveStyle.createGuards(context), selectedBlocks = [...slate.Editor.nodes(action.editor, {
+  const guards = selector_isAtTheStartOfBlock.createGuards(context), selectedBlocks = [...slate.Editor.nodes(action.editor, {
     at: action.editor.selection,
     match: (node) => guards.isListBlock(node)
   })];
@@ -4445,7 +4448,7 @@ const toggleListItemActionImplementation = ({
 }) => {
   if (!action.editor.selection)
     return;
-  const guards = selector_isActiveStyle.createGuards(context), selectedBlocks = [...slate.Editor.nodes(action.editor, {
+  const guards = selector_isAtTheStartOfBlock.createGuards(context), selectedBlocks = [...slate.Editor.nodes(action.editor, {
     at: action.editor.selection,
     match: (node) => guards.isTextBlock(node)
   })];
@@ -4495,7 +4498,7 @@ const toggleStyleActionImplementation = ({
 }) => {
   if (!action.editor.selection)
     return;
-  const defaultStyle = context.schema.styles[0].value, guards = selector_isActiveStyle.createGuards(context), selectedBlocks = [...slate.Editor.nodes(action.editor, {
+  const defaultStyle = context.schema.styles[0].value, guards = selector_isAtTheStartOfBlock.createGuards(context), selectedBlocks = [...slate.Editor.nodes(action.editor, {
     at: action.editor.selection,
     match: (node) => guards.isTextBlock(node)
   })];
@@ -4511,7 +4514,7 @@ const toggleStyleActionImplementation = ({
 }) => {
   if (!action.editor.selection)
     return;
-  const guards = selector_isActiveStyle.createGuards(context), selectedBlocks = [...slate.Editor.nodes(action.editor, {
+  const guards = selector_isAtTheStartOfBlock.createGuards(context), selectedBlocks = [...slate.Editor.nodes(action.editor, {
     at: action.editor.selection,
     match: (node) => guards.isTextBlock(node)
   })];
@@ -5052,10 +5055,9 @@ function insertBlock({
       });
     } else placement === "before" ? slate.Transforms.insertNodes(editor, block, {
       at: focusBlockPath
-    }) : slate.Editor.insertNode(editor, block);
-    focusBlock && isEqualToEmptyEditor([focusBlock], schema2) && slate.Transforms.removeNodes(editor, {
+    }) : (slate.Editor.insertNode(editor, block), focusBlock && isEqualToEmptyEditor([focusBlock], schema2) && slate.Transforms.removeNodes(editor, {
       at: focusBlockPath
-    });
+    }));
   } else {
     const lastBlock = Array.from(slate.Editor.nodes(editor, {
       match: (n) => !slate.Editor.isEditor(n),
@@ -5067,7 +5069,47 @@ function insertBlock({
     });
   }
 }
-const dataTransferSetActionImplementation = ({
+const blockSetBehaviorActionImplementation = ({
+  action
+}) => {
+  const location = toSlateRange({
+    anchor: {
+      path: action.at,
+      offset: 0
+    },
+    focus: {
+      path: action.at,
+      offset: 0
+    }
+  }, action.editor);
+  if (!location)
+    return;
+  const {
+    at,
+    editor,
+    type,
+    ...payload
+  } = action;
+  slate.Transforms.setNodes(action.editor, payload, {
+    at: location
+  });
+}, blockUnsetBehaviorActionImplementation = ({
+  action
+}) => {
+  const location = toSlateRange({
+    anchor: {
+      path: action.at,
+      offset: 0
+    },
+    focus: {
+      path: action.at,
+      offset: 0
+    }
+  }, action.editor);
+  location && slate.Transforms.unsetNodes(action.editor, action.props, {
+    at: location
+  });
+}, dataTransferSetActionImplementation = ({
   action
 }) => {
   action.dataTransfer.setData(action.mimeType, action.data);
@@ -5124,96 +5166,54 @@ const dataTransferSetActionImplementation = ({
   const keyGenerator = context.keyGenerator, schema2 = context.schema, editor = action.editor;
   if (!editor.selection)
     return;
-  const [focusSpan] = Array.from(slate.Editor.nodes(editor, {
-    mode: "lowest",
-    at: editor.selection.focus,
-    match: (n) => editor.isTextSpan(n),
-    voids: !1
-  }))[0] ?? [void 0], focusDecorators = focusSpan?.marks?.filter((mark) => schema2.decorators.some((decorator) => decorator.value === mark)) ?? [], focusAnnotations = focusSpan?.marks?.filter((mark) => !schema2.decorators.some((decorator) => decorator.value === mark)) ?? [], anchorBlockPath = editor.selection.anchor.path.slice(0, 1), focusBlockPath = editor.selection.focus.path.slice(0, 1), focusBlock = slate.Node.descendant(editor, focusBlockPath);
-  if (editor.isTextBlock(focusBlock)) {
-    const [start, end] = slate.Range.edges(editor.selection), lastFocusBlockChild = focusBlock.children[focusBlock.children.length - 1], atTheEndOfBlock = isEqual__default.default(start, {
-      path: [...focusBlockPath, focusBlock.children.length - 1],
-      offset: editor.isTextSpan(lastFocusBlockChild) ? lastFocusBlockChild.text.length : 0
-    }), atTheStartOfBlock = isEqual__default.default(end, {
-      path: [...focusBlockPath, 0],
-      offset: 0
-    });
-    if (atTheEndOfBlock && slate.Range.isCollapsed(editor.selection)) {
-      slate.Editor.insertNode(editor, editor.pteCreateTextBlock({
-        decorators: [],
-        listItem: focusBlock.listItem,
-        level: focusBlock.level
-      }));
-      return;
-    }
-    if (atTheStartOfBlock && slate.Range.isCollapsed(editor.selection)) {
-      slate.Editor.insertNode(editor, editor.pteCreateTextBlock({
-        decorators: focusAnnotations.length === 0 ? focusDecorators : [],
-        listItem: focusBlock.listItem,
-        level: focusBlock.level
-      }));
-      const [nextBlockPath] = slate.Path.next(focusBlockPath);
-      slate.Transforms.select(editor, {
+  const anchorBlockPath = editor.selection.anchor.path.slice(0, 1), focusBlockPath = editor.selection.focus.path.slice(0, 1), focusBlock = slate.Node.descendant(editor, focusBlockPath);
+  if (editor.isTextBlock(focusBlock) && anchorBlockPath[0] === focusBlockPath[0]) {
+    slate.Editor.withoutNormalizing(editor, () => {
+      if (!editor.selection)
+        return;
+      slate.Transforms.splitNodes(editor, {
+        at: editor.selection
+      });
+      const [nextNode, nextNodePath] = slate.Editor.node(editor, slate.Path.next(focusBlockPath), {
+        depth: 1
+      });
+      if (slate.Transforms.setSelection(editor, {
         anchor: {
-          path: [nextBlockPath, 0],
+          path: [...nextNodePath, 0],
           offset: 0
         },
         focus: {
-          path: [nextBlockPath, 0],
+          path: [...nextNodePath, 0],
           offset: 0
         }
-      });
-      return;
-    }
-    const selectionAcrossBlocks = anchorBlockPath[0] !== focusBlockPath[0];
-    if (!atTheStartOfBlock && !atTheEndOfBlock && !selectionAcrossBlocks) {
-      slate.Editor.withoutNormalizing(editor, () => {
-        if (!editor.selection)
-          return;
-        slate.Transforms.splitNodes(editor, {
-          at: editor.selection
-        });
-        const [nextNode, nextNodePath] = slate.Editor.node(editor, slate.Path.next(focusBlockPath), {
-          depth: 1
-        });
-        if (slate.Transforms.setSelection(editor, {
-          anchor: {
-            path: [...nextNodePath, 0],
-            offset: 0
-          },
-          focus: {
-            path: [...nextNodePath, 0],
-            offset: 0
-          }
-        }), editor.isTextBlock(nextNode) && nextNode.markDefs && nextNode.markDefs.length > 0) {
-          const newMarkDefKeys = /* @__PURE__ */ new Map(), prevNodeSpans = Array.from(slate.Node.children(editor, focusBlockPath)).map((entry) => entry[0]).filter((node) => editor.isTextSpan(node)), children = slate.Node.children(editor, nextNodePath);
-          for (const [child, childPath] of children) {
-            if (!editor.isTextSpan(child))
-              continue;
-            const marks = child.marks ?? [];
-            for (const mark of marks)
-              schema2.decorators.some((decorator) => decorator.value === mark) || prevNodeSpans.some((prevNodeSpan) => prevNodeSpan.marks?.includes(mark)) && !newMarkDefKeys.has(mark) && newMarkDefKeys.set(mark, keyGenerator());
-            const newMarks = marks.map((mark) => newMarkDefKeys.get(mark) ?? mark);
-            isEqual__default.default(marks, newMarks) || slate.Transforms.setNodes(editor, {
-              marks: newMarks
-            }, {
-              at: childPath
-            });
-          }
-          const newMarkDefs = nextNode.markDefs.map((markDef) => ({
-            ...markDef,
-            _key: newMarkDefKeys.get(markDef._key) ?? markDef._key
-          }));
-          isEqual__default.default(nextNode.markDefs, newMarkDefs) || slate.Transforms.setNodes(editor, {
-            markDefs: newMarkDefs
+      }), editor.isTextBlock(nextNode) && nextNode.markDefs && nextNode.markDefs.length > 0) {
+        const newMarkDefKeys = /* @__PURE__ */ new Map(), prevNodeSpans = Array.from(slate.Node.children(editor, focusBlockPath)).map((entry) => entry[0]).filter((node) => editor.isTextSpan(node)), children = slate.Node.children(editor, nextNodePath);
+        for (const [child, childPath] of children) {
+          if (!editor.isTextSpan(child))
+            continue;
+          const marks = child.marks ?? [];
+          for (const mark of marks)
+            schema2.decorators.some((decorator) => decorator.value === mark) || prevNodeSpans.some((prevNodeSpan) => prevNodeSpan.marks?.includes(mark)) && !newMarkDefKeys.has(mark) && newMarkDefKeys.set(mark, keyGenerator());
+          const newMarks = marks.map((mark) => newMarkDefKeys.get(mark) ?? mark);
+          isEqual__default.default(marks, newMarks) || slate.Transforms.setNodes(editor, {
+            marks: newMarks
           }, {
-            at: nextNodePath,
-            match: (node) => editor.isTextBlock(node)
+            at: childPath
           });
         }
-      }), editor.onChange();
-      return;
-    }
+        const newMarkDefs = nextNode.markDefs.map((markDef) => ({
+          ...markDef,
+          _key: newMarkDefKeys.get(markDef._key) ?? markDef._key
+        }));
+        isEqual__default.default(nextNode.markDefs, newMarkDefs) || slate.Transforms.setNodes(editor, {
+          markDefs: newMarkDefs
+        }, {
+          at: nextNodePath,
+          match: (node) => editor.isTextBlock(node)
+        });
+      }
+    }), editor.onChange();
+    return;
   }
   slate.Transforms.splitNodes(editor, {
     always: !0
@@ -5294,6 +5294,27 @@ const dataTransferSetActionImplementation = ({
     text: action.text,
     marks: [...annotations?.map((annotation) => annotation._key) ?? [], ...action.decorators ?? []]
   });
+}, insertBlockActionImplementation = ({
+  context,
+  action
+}) => {
+  const parsedBlock = parseBlock({
+    block: action.block,
+    context
+  });
+  if (!parsedBlock)
+    throw new Error(`Failed to parse block ${JSON.stringify(action.block)}`);
+  const fragment = toSlateValue([parsedBlock], {
+    schemaTypes: context.schema
+  })[0];
+  if (!fragment)
+    throw new Error(`Failed to convert block to Slate fragment ${JSON.stringify(parsedBlock)}`);
+  insertBlock({
+    block: fragment,
+    placement: action.placement,
+    editor: action.editor,
+    schema: context.schema
+  });
 }, textBlockSetActionImplementation = ({
   action
 }) => {
@@ -5340,6 +5361,8 @@ const dataTransferSetActionImplementation = ({
   "annotation.add": addAnnotationActionImplementation,
   "annotation.remove": removeAnnotationActionImplementation,
   "annotation.toggle": toggleAnnotationActionImplementation,
+  "block.set": blockSetBehaviorActionImplementation,
+  "block.unset": blockUnsetBehaviorActionImplementation,
   blur: ({
     action
   }) => {
@@ -5430,6 +5453,7 @@ const dataTransferSetActionImplementation = ({
       }
     });
   },
+  "insert.block": insertBlockActionImplementation,
   "insert.blocks": insertBlocksActionImplementation,
   "insert.block object": insertBlockObjectActionImplementation,
   "insert.break": insertBreakActionImplementation,
@@ -5579,13 +5603,6 @@ function performAction({
       });
       break;
     }
-    case "select": {
-      behaviorActionImplementations.select({
-        context,
-        action
-      });
-      break;
-    }
     default:
       performDefaultAction({
         context,
@@ -5619,6 +5636,20 @@ function performDefaultAction({
       });
       break;
     }
+    case "block.set": {
+      behaviorActionImplementations["block.set"]({
+        context,
+        action
+      });
+      break;
+    }
+    case "block.unset": {
+      behaviorActionImplementations["block.unset"]({
+        context,
+        action
+      });
+      break;
+    }
     case "blur": {
       behaviorActionImplementations.blur({
         context,
@@ -5703,6 +5734,13 @@ function performDefaultAction({
       });
       break;
     }
+    case "insert.block": {
+      behaviorActionImplementations["insert.block"]({
+        context,
+        action
+      });
+      break;
+    }
     case "insert.blocks": {
       behaviorActionImplementations["insert.blocks"]({
         context,
@@ -5864,13 +5902,11 @@ function performDefaultAction({
       });
       break;
     }
-    case "text block.unset": {
+    default:
       behaviorActionImplementations["text block.unset"]({
         context,
         action
       });
-      break;
-    }
   }
 }
 function getActiveDecorators({
@@ -6251,6 +6287,11 @@ const editorMachine = xstate.setup({
                 event
               }) => event)
             },
+            "block.*": {
+              actions: xstate.emit(({
+                event
+              }) => event)
+            },
             blur: {
               actions: xstate.emit(({
                 event