@portabletext/plugin-markdown-shortcuts 1.1.4 → 1.3.0

package/dist/index.js

@@ -1,131 +1,20 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
 import { useEditor } from "@portabletext/editor";
 import { CharacterPairDecoratorPlugin } from "@portabletext/plugin-character-pair-decorator";
+import { defineInputRule, InputRulePlugin } from "@portabletext/plugin-input-rule";
 import { useEffect } from "react";
-import { defineBehavior, execute } from "@portabletext/editor/behaviors";
+import { defineBehavior, execute, raise } from "@portabletext/editor/behaviors";
 import * as selectors from "@portabletext/editor/selectors";
-import * as utils from "@portabletext/editor/utils";
+import { getPreviousInlineObject } from "@portabletext/editor/selectors";
 function createMarkdownBehaviors(config) {
-  const automaticBlockquoteOnSpace = defineBehavior({
-    on: "insert.text",
-    guard: ({
-      snapshot,
-      event
-    }) => {
-      if (event.text !== " ")
-        return !1;
-      const selectionCollapsed = selectors.isSelectionCollapsed(snapshot), focusTextBlock = selectors.getFocusTextBlock(snapshot), focusSpan = selectors.getFocusSpan(snapshot);
-      if (!selectionCollapsed || !focusTextBlock || !focusSpan)
-        return !1;
-      const previousInlineObject = selectors.getPreviousInlineObject(snapshot), blockOffset = utils.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 = utils.getTextBlockText(focusTextBlock.node), caretAtTheEndOfQuote = blockOffset.offset === 1, looksLikeMarkdownQuote = /^>/.test(blockText), blockquoteStyle = config.blockquoteStyle?.({
-        schema: snapshot.context.schema
-      });
-      return caretAtTheEndOfQuote && looksLikeMarkdownQuote && blockquoteStyle !== void 0 ? {
-        focusTextBlock,
-        style: blockquoteStyle
-      } : !1;
-    },
-    actions: [() => [execute({
-      type: "insert.text",
-      text: " "
-    })], (_, {
-      focusTextBlock,
-      style
-    }) => [execute({
-      type: "block.unset",
-      props: ["listItem", "level"],
-      at: focusTextBlock.path
-    }), execute({
-      type: "block.set",
-      props: {
-        style
-      },
-      at: focusTextBlock.path
-    }), execute({
-      type: "delete.text",
-      at: {
-        anchor: {
-          path: focusTextBlock.path,
-          offset: 0
-        },
-        focus: {
-          path: focusTextBlock.path,
-          offset: 2
-        }
-      }
-    })]]
-  }), automaticHr = 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?.({
-        schema: snapshot.context.schema
-      }), focusBlock = selectors.getFocusTextBlock(snapshot), selectionCollapsed = selectors.isSelectionCollapsed(snapshot);
-      if (!hrObject || !focusBlock || !selectionCollapsed)
-        return !1;
-      const previousInlineObject = selectors.getPreviousInlineObject(snapshot), textBefore = selectors.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
-    }) => [execute({
-      type: "insert.text",
-      text: hrCharacter
-    })], (_, {
-      hrObject,
-      hrBlockOffsets
-    }) => [execute({
-      type: "insert.block",
-      block: {
-        _type: hrObject.name,
-        ...hrObject.value ?? {}
-      },
-      placement: "before",
-      select: "none"
-    }), execute({
-      type: "delete.text",
-      at: hrBlockOffsets
-    })]]
-  }), automaticHrOnPaste = defineBehavior({
+  const automaticHrOnPaste = defineBehavior({
     on: "clipboard.paste",
     guard: ({
       snapshot,
       event
     }) => {
-      const text = event.originEvent.dataTransfer.getData("text/plain"), hrRegExp = /^(---)$|(___)$|(\*\*\*)$/, hrCharacters = text.match(hrRegExp)?.[0], hrObject = config.horizontalRuleObject?.({
+      const text = event.originEvent.dataTransfer.getData("text/plain"), hrRegExp = /^(---)$|^(—-)$|^(___)$|^(\*\*\*)$/, hrCharacters = text.match(hrRegExp)?.[0], hrObject = config.horizontalRuleObject?.({
         schema: snapshot.context.schema
       }), focusBlock = selectors.getFocusBlock(snapshot), focusTextBlock = selectors.getFocusTextBlock(snapshot);
       return !hrCharacters || !hrObject || !focusBlock ? !1 : {
@@ -171,177 +60,233 @@ function createMarkdownBehaviors(config) {
       },
       placement: "after"
     })]]
-  }), automaticHeadingOnSpace = defineBehavior({
-    on: "insert.text",
+  }), clearStyleOnBackspace = defineBehavior({
+    on: "delete.backward",
     guard: ({
-      snapshot,
-      event
+      snapshot
     }) => {
-      if (event.text !== " ")
-        return !1;
       const selectionCollapsed = selectors.isSelectionCollapsed(snapshot), focusTextBlock = selectors.getFocusTextBlock(snapshot), focusSpan = selectors.getFocusSpan(snapshot);
       if (!selectionCollapsed || !focusTextBlock || !focusSpan)
         return !1;
-      const blockOffset = utils.spanSelectionPointToBlockOffset({
-        context: snapshot.context,
-        selectionPoint: {
-          path: [{
-            _key: focusTextBlock.node._key
-          }, "children", {
-            _key: focusSpan.node._key
-          }],
-          offset: snapshot.context.selection?.focus.offset ?? 0
-        }
+      const atTheBeginningOfBLock = focusTextBlock.node.children[0]._key === focusSpan.node._key && snapshot.context.selection?.focus.offset === 0, defaultStyle = config.defaultStyle?.({
+        schema: snapshot.context.schema
       });
-      if (!blockOffset)
-        return !1;
-      const previousInlineObject = selectors.getPreviousInlineObject(snapshot), blockText = utils.getTextBlockText(focusTextBlock.node), markdownHeadingSearch = /^#+/.exec(blockText), level = markdownHeadingSearch ? markdownHeadingSearch[0].length : void 0, caretAtTheEndOfHeading = blockOffset.offset === level;
-      if (previousInlineObject || !caretAtTheEndOfHeading)
+      return atTheBeginningOfBLock && defaultStyle && focusTextBlock.node.style !== defaultStyle ? {
+        defaultStyle,
+        focusTextBlock
+      } : !1;
+    },
+    actions: [(_, {
+      defaultStyle,
+      focusTextBlock
+    }) => [execute({
+      type: "block.set",
+      props: {
+        style: defaultStyle
+      },
+      at: focusTextBlock.path
+    })]]
+  });
+  return [automaticHrOnPaste, clearStyleOnBackspace];
+}
+function createBlockquoteRule(config) {
+  return defineInputRule({
+    on: /^> /,
+    guard: ({
+      snapshot,
+      event
+    }) => {
+      const style = config.blockquoteStyle({
+        schema: snapshot.context.schema
+      });
+      if (!style || getPreviousInlineObject(snapshot))
         return !1;
-      const style = level !== void 0 ? config.headingStyle?.({
-        schema: snapshot.context.schema,
-        level
-      }) : void 0;
-      return level !== void 0 && style !== void 0 ? {
-        focusTextBlock,
+      const match = event.matches.at(0);
+      return match ? {
         style,
-        level
+        match
       } : !1;
     },
     actions: [({
       event
-    }) => [execute(event)], (_, {
-      focusTextBlock,
+    }, {
       style,
-      level
-    }) => [execute({
+      match
+    }) => [raise({
       type: "block.unset",
       props: ["listItem", "level"],
-      at: focusTextBlock.path
-    }), execute({
+      at: event.focusTextBlock.path
+    }), raise({
       type: "block.set",
       props: {
         style
       },
-      at: focusTextBlock.path
-    }), execute({
-      type: "delete.text",
-      at: {
-        anchor: {
-          path: focusTextBlock.path,
-          offset: 0
-        },
-        focus: {
-          path: focusTextBlock.path,
-          offset: level + 1
-        }
-      }
+      at: event.focusTextBlock.path
+    }), raise({
+      type: "delete",
+      at: match.targetOffsets
     })]]
-  }), clearStyleOnBackspace = defineBehavior({
-    on: "delete.backward",
+  });
+}
+function createHeadingRule(config) {
+  return defineInputRule({
+    on: /^#+ /,
     guard: ({
-      snapshot
+      snapshot,
+      event
     }) => {
-      const selectionCollapsed = selectors.isSelectionCollapsed(snapshot), focusTextBlock = selectors.getFocusTextBlock(snapshot), focusSpan = selectors.getFocusSpan(snapshot);
-      if (!selectionCollapsed || !focusTextBlock || !focusSpan)
+      if (getPreviousInlineObject(snapshot))
         return !1;
-      const atTheBeginningOfBLock = focusTextBlock.node.children[0]._key === focusSpan.node._key && snapshot.context.selection?.focus.offset === 0, defaultStyle = config.defaultStyle?.({
-        schema: snapshot.context.schema
+      const match = event.matches.at(0);
+      if (!match)
+        return !1;
+      const level = match.text.length - 1, style = config.headingStyle({
+        schema: snapshot.context.schema,
+        level
       });
-      return atTheBeginningOfBLock && defaultStyle && focusTextBlock.node.style !== defaultStyle ? {
-        defaultStyle,
-        focusTextBlock
+      return style ? {
+        match,
+        style
       } : !1;
     },
-    actions: [(_, {
-      defaultStyle,
-      focusTextBlock
-    }) => [execute({
+    actions: [({
+      event
+    }, {
+      match,
+      style
+    }) => [raise({
+      type: "block.unset",
+      props: ["listItem", "level"],
+      at: event.focusTextBlock.path
+    }), raise({
       type: "block.set",
       props: {
-        style: defaultStyle
+        style
       },
-      at: focusTextBlock.path
+      at: event.focusTextBlock.path
+    }), raise({
+      type: "delete",
+      at: match.targetOffsets
     })]]
-  }), automaticListOnSpace = defineBehavior({
-    on: "insert.text",
+  });
+}
+function createHorizontalRuleRule(config) {
+  return defineInputRule({
+    on: /^(---)|^(—-)|^(___)|^(\*\*\*)/,
     guard: ({
       snapshot,
       event
     }) => {
-      if (event.text !== " ")
-        return !1;
-      const selectionCollapsed = selectors.isSelectionCollapsed(snapshot), focusTextBlock = selectors.getFocusTextBlock(snapshot), focusSpan = selectors.getFocusSpan(snapshot);
-      if (!selectionCollapsed || !focusTextBlock || !focusSpan)
-        return !1;
-      const previousInlineObject = selectors.getPreviousInlineObject(snapshot), blockOffset = utils.spanSelectionPointToBlockOffset({
-        context: snapshot.context,
-        selectionPoint: {
-          path: [{
-            _key: focusTextBlock.node._key
-          }, "children", {
-            _key: focusSpan.node._key
-          }],
-          offset: snapshot.context.selection?.focus.offset ?? 0
-        }
+      const hrObject = config.horizontalRuleObject({
+        schema: snapshot.context.schema
       });
-      if (previousInlineObject || !blockOffset)
+      if (!hrObject || getPreviousInlineObject(snapshot))
         return !1;
-      const blockText = utils.getTextBlockText(focusTextBlock.node), defaultStyle = config.defaultStyle?.({
-        schema: snapshot.context.schema
-      }), looksLikeUnorderedList = /^(-|\*)/.test(blockText), unorderedList = config.unorderedList?.({
-        schema: snapshot.context.schema
-      }), caretAtTheEndOfUnorderedList = blockOffset.offset === 1;
-      if (defaultStyle && caretAtTheEndOfUnorderedList && looksLikeUnorderedList && unorderedList !== void 0)
-        return {
-          focusTextBlock,
-          listItem: unorderedList,
-          listItemLength: 1,
-          style: defaultStyle
-        };
-      const looksLikeOrderedList = /^1\./.test(blockText), orderedList = config.orderedList?.({
+      const match = event.matches.at(0);
+      return match ? {
+        hrObject,
+        match
+      } : !1;
+    },
+    actions: [(_, {
+      hrObject,
+      match
+    }) => [raise({
+      type: "insert.block",
+      block: {
+        _type: hrObject.name,
+        ...hrObject.value ?? {}
+      },
+      placement: "before",
+      select: "none"
+    }), raise({
+      type: "delete",
+      at: match.targetOffsets
+    })]]
+  });
+}
+function createOrderedListRule(config) {
+  return defineInputRule({
+    on: /^1\. /,
+    guard: ({
+      snapshot,
+      event
+    }) => {
+      const orderedList = config.orderedList({
         schema: snapshot.context.schema
-      }), caretAtTheEndOfOrderedList = blockOffset.offset === 2;
-      return defaultStyle && caretAtTheEndOfOrderedList && looksLikeOrderedList && orderedList !== void 0 ? {
-        focusTextBlock,
+      });
+      if (!orderedList || getPreviousInlineObject(snapshot))
+        return !1;
+      const match = event.matches.at(0);
+      return match ? {
+        match,
+        orderedList
+      } : !1;
+    },
+    actions: [({
+      event
+    }, {
+      match,
+      orderedList
+    }) => [raise({
+      type: "block.unset",
+      props: ["style"],
+      at: event.focusTextBlock.path
+    }), raise({
+      type: "block.set",
+      props: {
         listItem: orderedList,
-        listItemLength: 2,
-        style: defaultStyle
+        level: event.focusTextBlock.node.level ?? 1
+      },
+      at: event.focusTextBlock.path
+    }), raise({
+      type: "delete",
+      at: match.targetOffsets
+    })]]
+  });
+}
+function createUnorderedListRule(config) {
+  return defineInputRule({
+    on: /^(-|\*) /,
+    guard: ({
+      snapshot,
+      event
+    }) => {
+      const unorderedList = config.unorderedList({
+        schema: snapshot.context.schema
+      });
+      if (!unorderedList || getPreviousInlineObject(snapshot))
+        return !1;
+      const match = event.matches.at(0);
+      return match ? {
+        match,
+        unorderedList
       } : !1;
     },
     actions: [({
       event
-    }) => [execute(event)], (_, {
-      focusTextBlock,
-      style,
-      listItem,
-      listItemLength
-    }) => [execute({
+    }, {
+      match,
+      unorderedList
+    }) => [raise({
+      type: "block.unset",
+      props: ["style"],
+      at: event.focusTextBlock.path
+    }), raise({
       type: "block.set",
       props: {
-        listItem,
-        level: 1,
-        style
+        listItem: unorderedList,
+        level: event.focusTextBlock.node.level ?? 1
       },
-      at: focusTextBlock.path
-    }), execute({
-      type: "delete.text",
-      at: {
-        anchor: {
-          path: focusTextBlock.path,
-          offset: 0
-        },
-        focus: {
-          path: focusTextBlock.path,
-          offset: listItemLength + 1
-        }
-      }
+      at: event.focusTextBlock.path
+    }), raise({
+      type: "delete",
+      at: match.targetOffsets
     })]]
   });
-  return [automaticBlockquoteOnSpace, automaticHeadingOnSpace, automaticHr, automaticHrOnPaste, clearStyleOnBackspace, automaticListOnSpace];
 }
 function MarkdownShortcutsPlugin(t0) {
-  const $ = c(22), {
+  const $ = c(35), {
     blockquoteStyle,
     boldDecorator,
     codeDecorator,
@@ -353,15 +298,10 @@ function MarkdownShortcutsPlugin(t0) {
     strikeThroughDecorator,
     unorderedList
   } = t0, editor = useEditor();
-  let t1, t2;
-  $[0] !== blockquoteStyle || $[1] !== defaultStyle || $[2] !== editor || $[3] !== headingStyle || $[4] !== horizontalRuleObject || $[5] !== orderedList || $[6] !== unorderedList ? (t1 = () => {
+  let t1;
+  $[0] !== defaultStyle || $[1] !== editor ? (t1 = () => {
     const unregisterBehaviors = createMarkdownBehaviors({
-      blockquoteStyle,
-      defaultStyle,
-      headingStyle,
-      horizontalRuleObject,
-      orderedList,
-      unorderedList
+      defaultStyle
     }).map((behavior) => editor.registerBehavior({
       behavior
     }));
@@ -369,9 +309,11 @@ function MarkdownShortcutsPlugin(t0) {
       for (const unregisterBehavior of unregisterBehaviors)
         unregisterBehavior();
     };
-  }, t2 = [blockquoteStyle, defaultStyle, editor, headingStyle, horizontalRuleObject, orderedList, unorderedList], $[0] = blockquoteStyle, $[1] = defaultStyle, $[2] = editor, $[3] = headingStyle, $[4] = horizontalRuleObject, $[5] = orderedList, $[6] = unorderedList, $[7] = t1, $[8] = t2) : (t1 = $[7], t2 = $[8]), useEffect(t1, t2);
+  }, $[0] = defaultStyle, $[1] = editor, $[2] = t1) : t1 = $[2];
+  let t2;
+  $[3] !== defaultStyle || $[4] !== editor || $[5] !== horizontalRuleObject ? (t2 = [defaultStyle, editor, horizontalRuleObject], $[3] = defaultStyle, $[4] = editor, $[5] = horizontalRuleObject, $[6] = t2) : t2 = $[6], useEffect(t1, t2);
   let t3;
-  $[9] !== boldDecorator ? (t3 = boldDecorator ? /* @__PURE__ */ jsxs(Fragment, { children: [
+  $[7] !== boldDecorator ? (t3 = boldDecorator ? /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(CharacterPairDecoratorPlugin, { decorator: boldDecorator, pair: {
       char: "*",
       amount: 2
@@ -380,14 +322,14 @@ function MarkdownShortcutsPlugin(t0) {
       char: "_",
       amount: 2
     } })
-  ] }) : null, $[9] = boldDecorator, $[10] = t3) : t3 = $[10];
+  ] }) : null, $[7] = boldDecorator, $[8] = t3) : t3 = $[8];
   let t4;
-  $[11] !== codeDecorator ? (t4 = codeDecorator ? /* @__PURE__ */ jsx(CharacterPairDecoratorPlugin, { decorator: codeDecorator, pair: {
+  $[9] !== codeDecorator ? (t4 = codeDecorator ? /* @__PURE__ */ jsx(CharacterPairDecoratorPlugin, { decorator: codeDecorator, pair: {
     char: "`",
     amount: 1
-  } }) : null, $[11] = codeDecorator, $[12] = t4) : t4 = $[12];
+  } }) : null, $[9] = codeDecorator, $[10] = t4) : t4 = $[10];
   let t5;
-  $[13] !== italicDecorator ? (t5 = italicDecorator ? /* @__PURE__ */ jsxs(Fragment, { children: [
+  $[11] !== italicDecorator ? (t5 = italicDecorator ? /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(CharacterPairDecoratorPlugin, { decorator: italicDecorator, pair: {
       char: "*",
       amount: 1
@@ -396,19 +338,44 @@ function MarkdownShortcutsPlugin(t0) {
       char: "_",
       amount: 1
     } })
-  ] }) : null, $[13] = italicDecorator, $[14] = t5) : t5 = $[14];
+  ] }) : null, $[11] = italicDecorator, $[12] = t5) : t5 = $[12];
   let t6;
-  $[15] !== strikeThroughDecorator ? (t6 = strikeThroughDecorator ? /* @__PURE__ */ jsx(CharacterPairDecoratorPlugin, { decorator: strikeThroughDecorator, pair: {
+  $[13] !== strikeThroughDecorator ? (t6 = strikeThroughDecorator ? /* @__PURE__ */ jsx(CharacterPairDecoratorPlugin, { decorator: strikeThroughDecorator, pair: {
     char: "~",
     amount: 2
-  } }) : null, $[15] = strikeThroughDecorator, $[16] = t6) : t6 = $[16];
+  } }) : null, $[13] = strikeThroughDecorator, $[14] = t6) : t6 = $[14];
   let t7;
-  return $[17] !== t3 || $[18] !== t4 || $[19] !== t5 || $[20] !== t6 ? (t7 = /* @__PURE__ */ jsxs(Fragment, { children: [
+  $[15] !== blockquoteStyle ? (t7 = blockquoteStyle ? /* @__PURE__ */ jsx(InputRulePlugin, { rules: [createBlockquoteRule({
+    blockquoteStyle
+  })] }) : null, $[15] = blockquoteStyle, $[16] = t7) : t7 = $[16];
+  let t8;
+  $[17] !== headingStyle ? (t8 = headingStyle ? /* @__PURE__ */ jsx(InputRulePlugin, { rules: [createHeadingRule({
+    headingStyle
+  })] }) : null, $[17] = headingStyle, $[18] = t8) : t8 = $[18];
+  let t9;
+  $[19] !== horizontalRuleObject ? (t9 = horizontalRuleObject ? /* @__PURE__ */ jsx(InputRulePlugin, { rules: [createHorizontalRuleRule({
+    horizontalRuleObject
+  })] }) : null, $[19] = horizontalRuleObject, $[20] = t9) : t9 = $[20];
+  let t10;
+  $[21] !== orderedList ? (t10 = orderedList ? /* @__PURE__ */ jsx(InputRulePlugin, { rules: [createOrderedListRule({
+    orderedList
+  })] }) : null, $[21] = orderedList, $[22] = t10) : t10 = $[22];
+  let t11;
+  $[23] !== unorderedList ? (t11 = unorderedList ? /* @__PURE__ */ jsx(InputRulePlugin, { rules: [createUnorderedListRule({
+    unorderedList
+  })] }) : null, $[23] = unorderedList, $[24] = t11) : t11 = $[24];
+  let t12;
+  return $[25] !== t10 || $[26] !== t11 || $[27] !== t3 || $[28] !== t4 || $[29] !== t5 || $[30] !== t6 || $[31] !== t7 || $[32] !== t8 || $[33] !== t9 ? (t12 = /* @__PURE__ */ jsxs(Fragment, { children: [
     t3,
     t4,
     t5,
-    t6
-  ] }), $[17] = t3, $[18] = t4, $[19] = t5, $[20] = t6, $[21] = t7) : t7 = $[21], t7;
+    t6,
+    t7,
+    t8,
+    t9,
+    t10,
+    t11
+  ] }), $[25] = t10, $[26] = t11, $[27] = t3, $[28] = t4, $[29] = t5, $[30] = t6, $[31] = t7, $[32] = t8, $[33] = t9, $[34] = t12) : t12 = $[34], t12;
 }
 export {
   MarkdownShortcutsPlugin