@portabletext/editor 1.48.9 → 1.48.11

package/lib/plugins/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: !0 });
-var reactCompilerRuntime = require("react-compiler-runtime"), React = require("react"), editorProvider = require("../_chunks-cjs/editor-provider.cjs"), jsxRuntime = require("react/jsx-runtime"), behavior_core = require("../_chunks-cjs/behavior.core.cjs"), react = require("@xstate/react"), isEqual = require("lodash/isEqual.js"), xstate = require("xstate"), util_sliceBlocks = require("../_chunks-cjs/util.slice-blocks.cjs"), util_selectionPointToBlockOffset = require("../_chunks-cjs/util.selection-point-to-block-offset.cjs"), selector_isOverlappingSelection = require("../_chunks-cjs/selector.is-overlapping-selection.cjs"), selector_getTextBefore = require("../_chunks-cjs/selector.get-text-before.cjs"), useEffectEvent = require("use-effect-event"), behavior_markdown = require("../_chunks-cjs/behavior.markdown.cjs"), util_mergeTextBlocks = require("../_chunks-cjs/util.merge-text-blocks.cjs");
+var reactCompilerRuntime = require("react-compiler-runtime"), React = require("react"), editorProvider = require("../_chunks-cjs/editor-provider.cjs"), jsxRuntime = require("react/jsx-runtime"), react = require("@xstate/react"), isEqual = require("lodash/isEqual.js"), xstate = require("xstate"), util_sliceBlocks = require("../_chunks-cjs/util.slice-blocks.cjs"), util_selectionPointToBlockOffset = require("../_chunks-cjs/util.selection-point-to-block-offset.cjs"), selector_isSelectingEntireBlocks = require("../_chunks-cjs/selector.is-selecting-entire-blocks.cjs"), selector_getTextBefore = require("../_chunks-cjs/selector.get-text-before.cjs"), behaviors_index = require("../behaviors/index.cjs"), useEffectEvent = require("use-effect-event"), util_mergeTextBlocks = require("../_chunks-cjs/util.merge-text-blocks.cjs");
 function _interopDefaultCompat(e) {
   return e && typeof e == "object" && "default" in e ? e : { default: e };
 }
@@ -23,7 +23,7 @@ function _temp(unregister) {
 function CoreBehaviorsPlugin() {
   const $ = reactCompilerRuntime.c(1);
   let t0;
-  return $[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsxRuntime.jsx(BehaviorPlugin, { behaviors: behavior_core.coreBehaviors }), $[0] = t0) : t0 = $[0], t0;
+  return $[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsxRuntime.jsx(BehaviorPlugin, { behaviors: editorProvider.coreBehaviors }), $[0] = t0) : t0 = $[0], t0;
 }
 function createPairRegex(char, amount) {
   const prePrefix = `(?<!\\${char})`, prefix = `\\${char}`.repeat(Math.max(amount, 1)), postPrefix = "(?!\\s)", content = `([^${char}\\n]+?)`, preSuffix = "(?<!\\s)", suffix = `\\${char}`.repeat(Math.max(amount, 1)), postSuffix = `(?!\\${char})`;
@@ -32,7 +32,7 @@ function createPairRegex(char, amount) {
 function createDecoratorPairBehavior(config) {
   config.pair.amount < 1 && console.warn("The amount of characters in the pair should be greater than 0");
   const pairRegex = createPairRegex(config.pair.char, config.pair.amount), regEx = new RegExp(`(${pairRegex})$`);
-  return behavior_core.defineBehavior({
+  return behaviors_index.defineBehavior({
     on: "insert.text",
     guard: ({
       snapshot,
@@ -45,7 +45,7 @@ function createDecoratorPairBehavior(config) {
       });
       if (decorator === void 0)
         return !1;
-      const focusTextBlock = selector_isOverlappingSelection.getFocusTextBlock(snapshot), selectionStartPoint = selector_isOverlappingSelection.getSelectionStartPoint(snapshot), selectionStartOffset = selectionStartPoint ? util_sliceBlocks.spanSelectionPointToBlockOffset({
+      const focusTextBlock = selector_isSelectingEntireBlocks.getFocusTextBlock(snapshot), selectionStartPoint = selector_isSelectingEntireBlocks.getSelectionStartPoint(snapshot), selectionStartOffset = selectionStartPoint ? util_sliceBlocks.spanSelectionPointToBlockOffset({
         context: {
           schema: snapshot.context.schema,
           value: snapshot.context.value
@@ -84,7 +84,7 @@ function createDecoratorPairBehavior(config) {
         const prefixSelection = util_selectionPointToBlockOffset.blockOffsetsToSelection({
           context: snapshot.context,
           offsets: prefixOffsets
-        }), inlineObjectBeforePrefixFocus = selector_isOverlappingSelection.getPreviousInlineObject({
+        }), inlineObjectBeforePrefixFocus = selector_isSelectingEntireBlocks.getPreviousInlineObject({
           context: {
             ...snapshot.context,
             selection: prefixSelection ? {
@@ -106,7 +106,7 @@ function createDecoratorPairBehavior(config) {
           return !1;
       }
       if (suffixOffsets.focus.offset - suffixOffsets.anchor.offset > 1) {
-        const previousInlineObject = selector_isOverlappingSelection.getPreviousInlineObject(snapshot), previousInlineObjectOffset = previousInlineObject ? util_selectionPointToBlockOffset.childSelectionPointToBlockOffset({
+        const previousInlineObject = selector_isSelectingEntireBlocks.getPreviousInlineObject(snapshot), previousInlineObjectOffset = previousInlineObject ? util_selectionPointToBlockOffset.childSelectionPointToBlockOffset({
           context: {
             schema: snapshot.context.schema,
             value: snapshot.context.value
@@ -129,14 +129,14 @@ function createDecoratorPairBehavior(config) {
       // Insert the text as usual in its own undo step
       ({
         event
-      }) => [behavior_core.execute(event)],
+      }) => [behaviors_index.execute(event)],
       (_, {
         prefixOffsets,
         suffixOffsets,
         decorator
       }) => [
         // Decorate the text between the prefix and suffix
-        behavior_core.execute({
+        behaviors_index.execute({
           type: "decorator.add",
           decorator,
           at: {
@@ -145,21 +145,21 @@ function createDecoratorPairBehavior(config) {
           }
         }),
         // Delete the suffix
-        behavior_core.execute({
+        behaviors_index.execute({
           type: "delete.text",
           at: suffixOffsets
         }),
         // Delete the prefix
-        behavior_core.execute({
+        behaviors_index.execute({
           type: "delete.text",
           at: prefixOffsets
         }),
         // Toggle the decorator off so the next inserted text isn't emphasized
-        behavior_core.execute({
+        behaviors_index.execute({
           type: "decorator.remove",
           decorator
         }),
-        behavior_core.effect(() => {
+        behaviors_index.effect(() => {
           config.onDecorate({
             ...suffixOffsets.anchor,
             offset: suffixOffsets.anchor.offset - (prefixOffsets.focus.offset - prefixOffsets.anchor.offset)
@@ -198,7 +198,7 @@ const emphasisListener = ({
   sendBack,
   input
 }) => input.editor.registerBehavior({
-  behavior: behavior_core.defineBehavior({
+  behavior: behaviors_index.defineBehavior({
     on: "select",
     guard: ({
       snapshot,
@@ -236,17 +236,17 @@ const emphasisListener = ({
           blockOffsets
         });
       }
-    }, behavior_core.forward(event)]]
+    }, behaviors_index.forward(event)]]
   })
 }), deleteBackwardListenerCallback = ({
   sendBack,
   input
 }) => input.editor.registerBehavior({
-  behavior: behavior_core.defineBehavior({
+  behavior: behaviors_index.defineBehavior({
     on: "delete.backward",
-    actions: [() => [behavior_core.execute({
+    actions: [() => [behaviors_index.execute({
       type: "history.undo"
-    }), behavior_core.effect(() => {
+    }), behaviors_index.effect(() => {
       sendBack({
         type: "delete.backward"
       });
@@ -350,11 +350,328 @@ function EventListenerPlugin(props) {
   let t1;
   return $[3] !== editor ? (t1 = [editor], $[3] = editor, $[4] = t1) : t1 = $[4], React.useEffect(t0, t1), null;
 }
+function createMarkdownBehaviors(config) {
+  const automaticBlockquoteOnSpace = behaviors_index.defineBehavior({
+    on: "insert.text",
+    guard: ({
+      snapshot,
+      event
+    }) => {
+      if (event.text !== " ")
+        return !1;
+      const selectionCollapsed = selector_isSelectingEntireBlocks.isSelectionCollapsed(snapshot), focusTextBlock = selector_isSelectingEntireBlocks.getFocusTextBlock(snapshot), focusSpan = selector_isSelectingEntireBlocks.getFocusSpan(snapshot);
+      if (!selectionCollapsed || !focusTextBlock || !focusSpan)
+        return !1;
+      const previousInlineObject = selector_isSelectingEntireBlocks.getPreviousInlineObject(snapshot), blockOffset = util_sliceBlocks.spanSelectionPointToBlockOffset({
+        context: snapshot.context,
+        selectionPoint: {
+          path: [{
+            _key: focusTextBlock.node._key
+          }, "children", {
+            _key: focusSpan.node._key
+          }],
+          offset: snapshot.context.selection?.focus.offset ?? 0
+        }
+      });
+      if (previousInlineObject || !blockOffset)
+        return !1;
+      const blockText = util_sliceBlocks.getTextBlockText(focusTextBlock.node), caretAtTheEndOfQuote = blockOffset.offset === 1, looksLikeMarkdownQuote = /^>/.test(blockText), blockquoteStyle = config.blockquoteStyle?.(snapshot.context);
+      return caretAtTheEndOfQuote && looksLikeMarkdownQuote && blockquoteStyle !== void 0 ? {
+        focusTextBlock,
+        style: blockquoteStyle
+      } : !1;
+    },
+    actions: [() => [behaviors_index.execute({
+      type: "insert.text",
+      text: " "
+    })], (_, {
+      focusTextBlock,
+      style
+    }) => [behaviors_index.execute({
+      type: "block.unset",
+      props: ["listItem", "level"],
+      at: focusTextBlock.path
+    }), behaviors_index.execute({
+      type: "block.set",
+      props: {
+        style
+      },
+      at: focusTextBlock.path
+    }), behaviors_index.execute({
+      type: "delete.text",
+      at: {
+        anchor: {
+          path: focusTextBlock.path,
+          offset: 0
+        },
+        focus: {
+          path: focusTextBlock.path,
+          offset: 2
+        }
+      }
+    })]]
+  }), automaticHr = behaviors_index.defineBehavior({
+    on: "insert.text",
+    guard: ({
+      snapshot,
+      event
+    }) => {
+      const hrCharacter = event.text === "-" ? "-" : event.text === "*" ? "*" : event.text === "_" ? "_" : void 0;
+      if (hrCharacter === void 0)
+        return !1;
+      const hrObject = config.horizontalRuleObject?.(snapshot.context), focusBlock = selector_isSelectingEntireBlocks.getFocusTextBlock(snapshot), selectionCollapsed = selector_isSelectingEntireBlocks.isSelectionCollapsed(snapshot);
+      if (!hrObject || !focusBlock || !selectionCollapsed)
+        return !1;
+      const previousInlineObject = selector_isSelectingEntireBlocks.getPreviousInlineObject(snapshot), textBefore = selector_getTextBefore.getBlockTextBefore(snapshot), hrBlockOffsets = {
+        anchor: {
+          path: focusBlock.path,
+          offset: 0
+        },
+        focus: {
+          path: focusBlock.path,
+          offset: 3
+        }
+      };
+      return !previousInlineObject && textBefore === `${hrCharacter}${hrCharacter}` ? {
+        hrObject,
+        focusBlock,
+        hrCharacter,
+        hrBlockOffsets
+      } : !1;
+    },
+    actions: [(_, {
+      hrCharacter
+    }) => [behaviors_index.execute({
+      type: "insert.text",
+      text: hrCharacter
+    })], (_, {
+      hrObject,
+      hrBlockOffsets
+    }) => [behaviors_index.execute({
+      type: "insert.block",
+      placement: "before",
+      block: {
+        _type: hrObject.name,
+        ...hrObject.value ?? {}
+      }
+    }), behaviors_index.execute({
+      type: "delete.text",
+      at: hrBlockOffsets
+    })]]
+  }), automaticHrOnPaste = behaviors_index.defineBehavior({
+    on: "clipboard.paste",
+    guard: ({
+      snapshot,
+      event
+    }) => {
+      const text = event.originEvent.dataTransfer.getData("text/plain"), hrRegExp = /^(---)$|(___)$|(\*\*\*)$/, hrCharacters = text.match(hrRegExp)?.[0], hrObject = config.horizontalRuleObject?.(snapshot.context), focusBlock = selector_isSelectingEntireBlocks.getFocusBlock(snapshot);
+      return !hrCharacters || !hrObject || !focusBlock ? !1 : {
+        hrCharacters,
+        hrObject,
+        focusBlock
+      };
+    },
+    actions: [(_, {
+      hrCharacters
+    }) => [behaviors_index.execute({
+      type: "insert.text",
+      text: hrCharacters
+    })], ({
+      snapshot
+    }, {
+      hrObject,
+      focusBlock
+    }) => util_sliceBlocks.isTextBlock(snapshot.context, focusBlock.node) ? [behaviors_index.execute({
+      type: "insert.block",
+      block: {
+        _type: snapshot.context.schema.block.name,
+        children: focusBlock.node.children
+      },
+      placement: "after"
+    }), behaviors_index.execute({
+      type: "insert.block",
+      block: {
+        _type: hrObject.name,
+        ...hrObject.value ?? {}
+      },
+      placement: "after"
+    }), behaviors_index.execute({
+      type: "delete.block",
+      at: focusBlock.path
+    })] : [behaviors_index.execute({
+      type: "insert.block",
+      block: {
+        _type: hrObject.name,
+        ...hrObject.value ?? {}
+      },
+      placement: "after"
+    })]]
+  }), automaticHeadingOnSpace = behaviors_index.defineBehavior({
+    on: "insert.text",
+    guard: ({
+      snapshot,
+      event
+    }) => {
+      if (event.text !== " ")
+        return !1;
+      const selectionCollapsed = selector_isSelectingEntireBlocks.isSelectionCollapsed(snapshot), focusTextBlock = selector_isSelectingEntireBlocks.getFocusTextBlock(snapshot), focusSpan = selector_isSelectingEntireBlocks.getFocusSpan(snapshot);
+      if (!selectionCollapsed || !focusTextBlock || !focusSpan)
+        return !1;
+      const blockOffset = util_sliceBlocks.spanSelectionPointToBlockOffset({
+        context: snapshot.context,
+        selectionPoint: {
+          path: [{
+            _key: focusTextBlock.node._key
+          }, "children", {
+            _key: focusSpan.node._key
+          }],
+          offset: snapshot.context.selection?.focus.offset ?? 0
+        }
+      });
+      if (!blockOffset)
+        return !1;
+      const previousInlineObject = selector_isSelectingEntireBlocks.getPreviousInlineObject(snapshot), blockText = util_sliceBlocks.getTextBlockText(focusTextBlock.node), markdownHeadingSearch = /^#+/.exec(blockText), level = markdownHeadingSearch ? markdownHeadingSearch[0].length : void 0, caretAtTheEndOfHeading = blockOffset.offset === level;
+      if (previousInlineObject || !caretAtTheEndOfHeading)
+        return !1;
+      const style = level !== void 0 ? config.headingStyle?.({
+        schema: snapshot.context.schema,
+        level
+      }) : void 0;
+      return level !== void 0 && style !== void 0 ? {
+        focusTextBlock,
+        style,
+        level
+      } : !1;
+    },
+    actions: [({
+      event
+    }) => [behaviors_index.execute(event)], (_, {
+      focusTextBlock,
+      style,
+      level
+    }) => [behaviors_index.execute({
+      type: "block.unset",
+      props: ["listItem", "level"],
+      at: focusTextBlock.path
+    }), behaviors_index.execute({
+      type: "block.set",
+      props: {
+        style
+      },
+      at: focusTextBlock.path
+    }), behaviors_index.execute({
+      type: "delete.text",
+      at: {
+        anchor: {
+          path: focusTextBlock.path,
+          offset: 0
+        },
+        focus: {
+          path: focusTextBlock.path,
+          offset: level + 1
+        }
+      }
+    })]]
+  }), clearStyleOnBackspace = behaviors_index.defineBehavior({
+    on: "delete.backward",
+    guard: ({
+      snapshot
+    }) => {
+      const selectionCollapsed = selector_isSelectingEntireBlocks.isSelectionCollapsed(snapshot), focusTextBlock = selector_isSelectingEntireBlocks.getFocusTextBlock(snapshot), focusSpan = selector_isSelectingEntireBlocks.getFocusSpan(snapshot);
+      if (!selectionCollapsed || !focusTextBlock || !focusSpan)
+        return !1;
+      const atTheBeginningOfBLock = focusTextBlock.node.children[0]._key === focusSpan.node._key && snapshot.context.selection?.focus.offset === 0, defaultStyle = config.defaultStyle?.(snapshot.context);
+      return atTheBeginningOfBLock && defaultStyle && focusTextBlock.node.style !== defaultStyle ? {
+        defaultStyle,
+        focusTextBlock
+      } : !1;
+    },
+    actions: [(_, {
+      defaultStyle,
+      focusTextBlock
+    }) => [behaviors_index.execute({
+      type: "block.set",
+      props: {
+        style: defaultStyle
+      },
+      at: focusTextBlock.path
+    })]]
+  }), automaticListOnSpace = behaviors_index.defineBehavior({
+    on: "insert.text",
+    guard: ({
+      snapshot,
+      event
+    }) => {
+      if (event.text !== " ")
+        return !1;
+      const selectionCollapsed = selector_isSelectingEntireBlocks.isSelectionCollapsed(snapshot), focusTextBlock = selector_isSelectingEntireBlocks.getFocusTextBlock(snapshot), focusSpan = selector_isSelectingEntireBlocks.getFocusSpan(snapshot);
+      if (!selectionCollapsed || !focusTextBlock || !focusSpan)
+        return !1;
+      const previousInlineObject = selector_isSelectingEntireBlocks.getPreviousInlineObject(snapshot), blockOffset = util_sliceBlocks.spanSelectionPointToBlockOffset({
+        context: snapshot.context,
+        selectionPoint: {
+          path: [{
+            _key: focusTextBlock.node._key
+          }, "children", {
+            _key: focusSpan.node._key
+          }],
+          offset: snapshot.context.selection?.focus.offset ?? 0
+        }
+      });
+      if (previousInlineObject || !blockOffset)
+        return !1;
+      const blockText = util_sliceBlocks.getTextBlockText(focusTextBlock.node), defaultStyle = config.defaultStyle?.(snapshot.context), looksLikeUnorderedList = /^(-|\*)/.test(blockText), unorderedListStyle = config.unorderedListStyle?.(snapshot.context), caretAtTheEndOfUnorderedList = blockOffset.offset === 1;
+      if (defaultStyle && caretAtTheEndOfUnorderedList && looksLikeUnorderedList && unorderedListStyle !== void 0)
+        return {
+          focusTextBlock,
+          listItem: unorderedListStyle,
+          listItemLength: 1,
+          style: defaultStyle
+        };
+      const looksLikeOrderedList = /^1\./.test(blockText), orderedListStyle = config.orderedListStyle?.(snapshot.context), caretAtTheEndOfOrderedList = blockOffset.offset === 2;
+      return defaultStyle && caretAtTheEndOfOrderedList && looksLikeOrderedList && orderedListStyle !== void 0 ? {
+        focusTextBlock,
+        listItem: orderedListStyle,
+        listItemLength: 2,
+        style: defaultStyle
+      } : !1;
+    },
+    actions: [({
+      event
+    }) => [behaviors_index.execute(event)], (_, {
+      focusTextBlock,
+      style,
+      listItem,
+      listItemLength
+    }) => [behaviors_index.execute({
+      type: "block.set",
+      props: {
+        listItem,
+        level: 1,
+        style
+      },
+      at: focusTextBlock.path
+    }), behaviors_index.execute({
+      type: "delete.text",
+      at: {
+        anchor: {
+          path: focusTextBlock.path,
+          offset: 0
+        },
+        focus: {
+          path: focusTextBlock.path,
+          offset: listItemLength + 1
+        }
+      }
+    })]]
+  });
+  return [automaticBlockquoteOnSpace, automaticHeadingOnSpace, automaticHr, automaticHrOnPaste, clearStyleOnBackspace, automaticListOnSpace];
+}
 function MarkdownPlugin(props) {
   const $ = reactCompilerRuntime.c(17), editor = editorProvider.useEditor();
   let t0, t1;
   $[0] !== editor || $[1] !== props.config ? (t0 = () => {
-    const unregisterBehaviors = behavior_markdown.createMarkdownBehaviors(props.config).map((behavior) => editor.registerBehavior({
+    const unregisterBehaviors = createMarkdownBehaviors(props.config).map((behavior) => editor.registerBehavior({
       behavior
     }));
     return () => {
@@ -407,16 +724,16 @@ const oneLineBehaviors = [
    * Hitting Enter on an expanded selection should just delete that selection
    * without causing a line break.
    */
-  behavior_core.defineBehavior({
+  behaviors_index.defineBehavior({
     on: "insert.break",
     guard: ({
       snapshot
-    }) => snapshot.context.selection && selector_isOverlappingSelection.isSelectionExpanded(snapshot) ? {
+    }) => snapshot.context.selection && selector_isSelectingEntireBlocks.isSelectionExpanded(snapshot) ? {
       selection: snapshot.context.selection
     } : !1,
     actions: [(_, {
       selection
-    }) => [behavior_core.execute({
+    }) => [behaviors_index.execute({
       type: "delete",
       at: selection
     })]]
@@ -424,14 +741,14 @@ const oneLineBehaviors = [
   /**
    * All other cases of `insert.break` should be aborted.
    */
-  behavior_core.defineBehavior({
+  behaviors_index.defineBehavior({
     on: "insert.break",
     actions: []
   }),
   /**
    * `insert.block` `before` or `after` is not allowed in a one-line editor.
    */
-  behavior_core.defineBehavior({
+  behaviors_index.defineBehavior({
     on: "insert.block",
     guard: ({
       event
@@ -442,15 +759,15 @@ const oneLineBehaviors = [
    * An ordinary `insert.block` is acceptable if it's a text block. In that
    * case it will get merged into the existing text block.
    */
-  behavior_core.defineBehavior({
+  behaviors_index.defineBehavior({
     on: "insert.block",
     guard: ({
       snapshot,
       event
-    }) => !(!selector_isOverlappingSelection.getFocusTextBlock(snapshot) || !util_mergeTextBlocks.isTextBlock(snapshot.context, event.block)),
+    }) => !(!selector_isSelectingEntireBlocks.getFocusTextBlock(snapshot) || !util_mergeTextBlocks.isTextBlock(snapshot.context, event.block)),
     actions: [({
       event
-    }) => [behavior_core.execute({
+    }) => [behaviors_index.execute({
       type: "insert.block",
       block: event.block,
       placement: "auto",
@@ -461,7 +778,7 @@ const oneLineBehaviors = [
    * Fallback Behavior to avoid `insert.block` in case the Behaviors above all
    * end up with a falsy guard.
    */
-  behavior_core.defineBehavior({
+  behaviors_index.defineBehavior({
     on: "insert.block",
     actions: []
   }),
@@ -469,7 +786,7 @@ const oneLineBehaviors = [
    * If multiple blocks are inserted, then the non-text blocks are filtered out
    * and the text blocks are merged into one block
    */
-  behavior_core.defineBehavior({
+  behaviors_index.defineBehavior({
     on: "insert.blocks",
     guard: ({
       snapshot,
@@ -485,7 +802,7 @@ const oneLineBehaviors = [
     actions: [
       // `insert.block` is raised so the Behavior above can handle the
       // insertion
-      (_, block) => [behavior_core.raise({
+      (_, block) => [behaviors_index.raise({
         type: "insert.block",
         block,
         placement: "auto"
@@ -496,7 +813,7 @@ const oneLineBehaviors = [
    * Fallback Behavior to avoid `insert.blocks` in case the Behavior above
    * ends up with a falsy guard.
    */
-  behavior_core.defineBehavior({
+  behaviors_index.defineBehavior({
     on: "insert.blocks",
     actions: []
   })