@milkdown/crepe 7.5.6 → 7.5.8

package/lib/cjs/{index-vNNxr8yy.js → index-By3ewOiO.js}

@@ -7,11 +7,11 @@ var commonmark = require('@milkdown/kit/preset/commonmark');
 var prose = require('@milkdown/kit/prose');
 var slash = require('@milkdown/kit/plugin/slash');
 var utils = require('@milkdown/kit/utils');
-var index = require('./index-z6pe2alg.js');
+var index = require('./index-AlHHvSR_.js');
 var atomico = require('atomico');
 var imageBlock = require('@milkdown/kit/component/image-block');
 var gfm = require('@milkdown/kit/preset/gfm');
-var todoList = require('./todoList-Qb2JsRGC.js');
+var todoList = require('./todoList-V4JWO5-M.js');
 var transform = require('@milkdown/kit/prose/transform');
 
 function clearRange(tr) {
@@ -29,14 +29,12 @@ function wrapInBlockType(tr, nodeType, attrs = null) {
   const { $from, $to } = tr.selection;
   const range = $from.blockRange($to);
   const wrapping = range && transform.findWrapping(range, nodeType, attrs);
-  if (!wrapping)
-    return null;
+  if (!wrapping) return null;
   return tr.wrap(range, wrapping);
 }
 function addBlockType(tr, nodeType, attrs = null) {
   const node = nodeType.createAndFill(attrs);
-  if (!node)
-    return null;
+  if (!node) return null;
   return tr.replaceSelectionWith(node);
 }
 function clearContentAndSetBlockType(nodeType, attrs = null) {
@@ -51,20 +49,16 @@ function clearContentAndSetBlockType(nodeType, attrs = null) {
 function clearContentAndWrapInBlockType(nodeType, attrs = null) {
   return (state, dispatch) => {
     const tr = wrapInBlockType(clearRange(state.tr), nodeType, attrs);
-    if (!tr)
-      return false;
-    if (dispatch)
-      dispatch(tr.scrollIntoView());
+    if (!tr) return false;
+    if (dispatch) dispatch(tr.scrollIntoView());
     return true;
   };
 }
 function clearContentAndAddBlockType(nodeType, attrs = null) {
   return (state, dispatch) => {
     const tr = addBlockType(clearRange(state.tr), nodeType, attrs);
-    if (!tr)
-      return false;
-    if (dispatch)
-      dispatch(tr.scrollIntoView());
+    if (!tr) return false;
+    if (dispatch) dispatch(tr.scrollIntoView());
     return true;
   };
 }
@@ -75,7 +69,7 @@ var __typeError$2 = (msg) => {
 var __accessCheck$2 = (obj, member, msg) => member.has(obj) || __typeError$2("Cannot " + msg);
 var __privateGet$2 = (obj, member, getter) => (__accessCheck$2(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
 var __privateAdd$2 = (obj, member, value) => member.has(obj) ? __typeError$2("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet$2 = (obj, member, value, setter) => (__accessCheck$2(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateSet$2 = (obj, member, value, setter) => (__accessCheck$2(obj, member, "write to private field"), member.set(obj, value), value);
 var _groups, _getGroupInstance;
 class GroupBuilder {
   constructor() {
@@ -111,8 +105,7 @@ class GroupBuilder {
     };
     this.getGroup = (key) => {
       const group = __privateGet$2(this, _groups).find((group2) => group2.key === key);
-      if (!group)
-        throw new Error(`Group with key ${key} not found`);
+      if (!group) throw new Error(`Group with key ${key} not found`);
       return __privateGet$2(this, _getGroupInstance).call(this, group);
     };
     this.build = () => {
@@ -141,7 +134,9 @@ function getGroups(filter, config) {
     onRun: (ctx) => {
       const view = ctx.get(core.editorViewCtx);
       const { dispatch, state } = view;
-      const command = clearContentAndSetBlockType(commonmark.headingSchema.type(ctx), { level: 1 });
+      const command = clearContentAndSetBlockType(commonmark.headingSchema.type(ctx), {
+        level: 1
+      });
       command(state, dispatch);
     }
   }).addItem("h2", {
@@ -150,7 +145,9 @@ function getGroups(filter, config) {
     onRun: (ctx) => {
       const view = ctx.get(core.editorViewCtx);
       const { dispatch, state } = view;
-      const command = clearContentAndSetBlockType(commonmark.headingSchema.type(ctx), { level: 2 });
+      const command = clearContentAndSetBlockType(commonmark.headingSchema.type(ctx), {
+        level: 2
+      });
       command(state, dispatch);
     }
   }).addItem("h3", {
@@ -159,7 +156,9 @@ function getGroups(filter, config) {
     onRun: (ctx) => {
       const view = ctx.get(core.editorViewCtx);
       const { dispatch, state } = view;
-      const command = clearContentAndSetBlockType(commonmark.headingSchema.type(ctx), { level: 3 });
+      const command = clearContentAndSetBlockType(commonmark.headingSchema.type(ctx), {
+        level: 3
+      });
       command(state, dispatch);
     }
   }).addItem("h4", {
@@ -168,7 +167,9 @@ function getGroups(filter, config) {
     onRun: (ctx) => {
       const view = ctx.get(core.editorViewCtx);
       const { dispatch, state } = view;
-      const command = clearContentAndSetBlockType(commonmark.headingSchema.type(ctx), { level: 4 });
+      const command = clearContentAndSetBlockType(commonmark.headingSchema.type(ctx), {
+        level: 4
+      });
       command(state, dispatch);
     }
   }).addItem("h5", {
@@ -177,7 +178,9 @@ function getGroups(filter, config) {
     onRun: (ctx) => {
       const view = ctx.get(core.editorViewCtx);
       const { dispatch, state } = view;
-      const command = clearContentAndSetBlockType(commonmark.headingSchema.type(ctx), { level: 5 });
+      const command = clearContentAndSetBlockType(commonmark.headingSchema.type(ctx), {
+        level: 5
+      });
       command(state, dispatch);
     }
   }).addItem("h6", {
@@ -186,7 +189,9 @@ function getGroups(filter, config) {
     onRun: (ctx) => {
       const view = ctx.get(core.editorViewCtx);
       const { dispatch, state } = view;
-      const command = clearContentAndSetBlockType(commonmark.headingSchema.type(ctx), { level: 6 });
+      const command = clearContentAndSetBlockType(commonmark.headingSchema.type(ctx), {
+        level: 6
+      });
       command(state, dispatch);
     }
   }).addItem("quote", {
@@ -195,7 +200,9 @@ function getGroups(filter, config) {
     onRun: (ctx) => {
       const view = ctx.get(core.editorViewCtx);
       const { dispatch, state } = view;
-      const command = clearContentAndWrapInBlockType(commonmark.blockquoteSchema.type(ctx));
+      const command = clearContentAndWrapInBlockType(
+        commonmark.blockquoteSchema.type(ctx)
+      );
       command(state, dispatch);
     }
   }).addItem("divider", {
@@ -214,7 +221,9 @@ function getGroups(filter, config) {
     onRun: (ctx) => {
       const view = ctx.get(core.editorViewCtx);
       const { dispatch, state } = view;
-      const command = clearContentAndWrapInBlockType(commonmark.bulletListSchema.type(ctx));
+      const command = clearContentAndWrapInBlockType(
+        commonmark.bulletListSchema.type(ctx)
+      );
       command(state, dispatch);
     }
   }).addItem("ordered-list", {
@@ -223,7 +232,9 @@ function getGroups(filter, config) {
     onRun: (ctx) => {
       const view = ctx.get(core.editorViewCtx);
       const { dispatch, state } = view;
-      const command = clearContentAndWrapInBlockType(commonmark.orderedListSchema.type(ctx));
+      const command = clearContentAndWrapInBlockType(
+        commonmark.orderedListSchema.type(ctx)
+      );
       command(state, dispatch);
     }
   }).addItem("todo-list", {
@@ -232,7 +243,10 @@ function getGroups(filter, config) {
     onRun: (ctx) => {
       const view = ctx.get(core.editorViewCtx);
       const { dispatch, state } = view;
-      const command = clearContentAndWrapInBlockType(commonmark.listItemSchema.type(ctx), { checked: false });
+      const command = clearContentAndWrapInBlockType(
+        commonmark.listItemSchema.type(ctx),
+        { checked: false }
+      );
       command(state, dispatch);
     }
   });
@@ -276,7 +290,9 @@ function getGroups(filter, config) {
   let groups = groupBuilder.build();
   if (filter) {
     groups = groups.map((group) => {
-      const items2 = group.items.filter((item) => item.label.toLowerCase().includes(filter.toLowerCase()));
+      const items2 = group.items.filter(
+        (item) => item.label.toLowerCase().includes(filter.toLowerCase())
+      );
       return {
         ...group,
         items: items2
@@ -314,93 +330,104 @@ const menuComponent = ({
   const prevMousePosition = atomico.useRef({ x: -999, y: -999 });
   const onMouseMove = atomico.useCallback((e) => {
     const prevPos = prevMousePosition.current;
-    if (!prevPos)
-      return;
+    if (!prevPos) return;
     const { x, y } = e;
     prevPos.x = x;
     prevPos.y = y;
   }, []);
   atomico.useEffect(() => {
-    if (size === 0 && show)
-      hide == null ? void 0 : hide();
+    if (size === 0 && show) hide == null ? void 0 : hide();
+    else if (hoverIndex >= size) setHoverIndex(0);
   }, [size, show]);
-  const onHover = atomico.useCallback((index, after) => {
-    setHoverIndex((prev) => {
-      const next = typeof index === "function" ? index(prev) : index;
-      after == null ? void 0 : after(next);
-      return next;
-    });
-  }, []);
+  const onHover = atomico.useCallback(
+    (index, after) => {
+      setHoverIndex((prev) => {
+        const next = typeof index === "function" ? index(prev) : index;
+        after == null ? void 0 : after(next);
+        return next;
+      });
+    },
+    []
+  );
   const scrollToIndex = atomico.useCallback((index) => {
-    const target = host.current.querySelector(`[data-index="${index}"]`);
+    const target = host.current.querySelector(
+      `[data-index="${index}"]`
+    );
     const scrollRoot = host.current.querySelector(".menu-groups");
-    if (!target || !scrollRoot)
-      return;
+    if (!target || !scrollRoot) return;
     scrollRoot.scrollTop = target.offsetTop - scrollRoot.offsetTop;
   }, []);
-  const runByIndex = atomico.useCallback((index) => {
-    const item = groups.flatMap((group) => group.items).at(index);
-    if (item && ctx)
-      item.onRun(ctx);
-    hide == null ? void 0 : hide();
-  }, [groups]);
-  const onKeydown = atomico.useCallback((e) => {
-    if (e.key === "Escape") {
-      e.preventDefault();
+  const runByIndex = atomico.useCallback(
+    (index) => {
+      const item = groups.flatMap((group) => group.items).at(index);
+      if (item && ctx) item.onRun(ctx);
       hide == null ? void 0 : hide();
-      return;
-    }
-    if (e.key === "ArrowDown") {
-      e.preventDefault();
-      return onHover((index) => index < size - 1 ? index + 1 : index, scrollToIndex);
-    }
-    if (e.key === "ArrowUp") {
-      e.preventDefault();
-      return onHover((index) => index <= 0 ? index : index - 1, scrollToIndex);
-    }
-    if (e.key === "ArrowLeft") {
-      e.preventDefault();
-      return onHover((index) => {
-        const group = groups.find((group2) => group2.range[0] <= index && group2.range[1] > index);
-        if (!group)
-          return index;
-        const prevGroup = groups[groups.indexOf(group) - 1];
-        if (!prevGroup)
-          return index;
-        return prevGroup.range[1] - 1;
-      }, scrollToIndex);
-    }
-    if (e.key === "ArrowRight") {
-      e.preventDefault();
-      return onHover((index) => {
-        const group = groups.find((group2) => group2.range[0] <= index && group2.range[1] > index);
-        if (!group)
-          return index;
-        const nextGroup = groups[groups.indexOf(group) + 1];
-        if (!nextGroup)
-          return index;
-        return nextGroup.range[0];
-      }, scrollToIndex);
-    }
-    if (e.key === "Enter") {
-      e.preventDefault();
-      runByIndex(hoverIndex);
-    }
-  }, [hide, groups, hoverIndex]);
+    },
+    [groups]
+  );
+  const onKeydown = atomico.useCallback(
+    (e) => {
+      if (e.key === "Escape") {
+        e.preventDefault();
+        hide == null ? void 0 : hide();
+        return;
+      }
+      if (e.key === "ArrowDown") {
+        e.preventDefault();
+        return onHover(
+          (index) => index < size - 1 ? index + 1 : index,
+          scrollToIndex
+        );
+      }
+      if (e.key === "ArrowUp") {
+        e.preventDefault();
+        return onHover(
+          (index) => index <= 0 ? index : index - 1,
+          scrollToIndex
+        );
+      }
+      if (e.key === "ArrowLeft") {
+        e.preventDefault();
+        return onHover((index) => {
+          const group = groups.find(
+            (group2) => group2.range[0] <= index && group2.range[1] > index
+          );
+          if (!group) return index;
+          const prevGroup = groups[groups.indexOf(group) - 1];
+          if (!prevGroup) return index;
+          return prevGroup.range[1] - 1;
+        }, scrollToIndex);
+      }
+      if (e.key === "ArrowRight") {
+        e.preventDefault();
+        return onHover((index) => {
+          const group = groups.find(
+            (group2) => group2.range[0] <= index && group2.range[1] > index
+          );
+          if (!group) return index;
+          const nextGroup = groups[groups.indexOf(group) + 1];
+          if (!nextGroup) return index;
+          return nextGroup.range[0];
+        }, scrollToIndex);
+      }
+      if (e.key === "Enter") {
+        e.preventDefault();
+        runByIndex(hoverIndex);
+      }
+    },
+    [hide, groups, hoverIndex]
+  );
   const onMouseEnter = atomico.useCallback((index) => {
     return (e) => {
       const prevPos = prevMousePosition.current;
-      if (!prevPos)
-        return;
+      if (!prevPos) return;
       const { x, y } = e;
-      if (x === prevPos.x && y === prevPos.y)
-        return;
+      if (x === prevPos.x && y === prevPos.y) return;
       onHover(index);
     };
   }, []);
   atomico.useEffect(() => {
-    if (show)
-      root.addEventListener("keydown", onKeydown, { capture: true });
+    if (show) root.addEventListener("keydown", onKeydown, { capture: true });
     else root.removeEventListener("keydown", onKeydown, { capture: true });
     return () => {
       root.removeEventListener("keydown", onKeydown, { capture: true });
@@ -410,13 +437,15 @@ const menuComponent = ({
     <host onmousedown=${(e) => e.preventDefault()}>
       <nav class="tab-group">
         <ul>
-          ${groups.map((group) => atomico.html`<li
-              key=${group.key}
-              onmousedown=${() => onHover(group.range[0], scrollToIndex)}
-              class=${hoverIndex >= group.range[0] && hoverIndex < group.range[1] ? "selected" : ""}
-            >
-              ${group.label}
-            </li>`)}
+          ${groups.map(
+    (group) => atomico.html`<li
+                key=${group.key}
+                onmousedown=${() => onHover(group.range[0], scrollToIndex)}
+                class=${hoverIndex >= group.range[0] && hoverIndex < group.range[1] ? "selected" : ""}
+              >
+                ${group.label}
+              </li>`
+  )}
         </ul>
       </nav>
       <div class="menu-groups" onmousemove=${onMouseMove}>
@@ -427,23 +456,23 @@ const menuComponent = ({
               <ul>
                 ${group.items.map(
       (item) => atomico.html`<li
-                    key=${item.key}
-                    data-index=${item.index}
-                    class=${hoverIndex === item.index ? "hover" : ""}
-                    onmouseenter=${onMouseEnter(item.index)}
-                    onmousedown=${() => {
+                      key=${item.key}
+                      data-index=${item.index}
+                      class=${hoverIndex === item.index ? "hover" : ""}
+                      onmouseenter=${onMouseEnter(item.index)}
+                      onmousedown=${() => {
         var _a;
         (_a = host.current.querySelector(`[data-index="${item.index}"]`)) == null ? void 0 : _a.classList.add("active");
       }}
-                    onmouseup=${() => {
+                      onmouseup=${() => {
         var _a;
         (_a = host.current.querySelector(`[data-index="${item.index}"]`)) == null ? void 0 : _a.classList.remove("active");
         runByIndex(item.index);
       }}
-                  >
-                    ${item.icon}
-                    <span>${item.label}</span>
-                  </li>`
+                    >
+                      ${item.icon}
+                      <span>${item.label}</span>
+                    </li>`
     )}
               </ul>
             </div>
@@ -468,15 +497,18 @@ var __typeError$1 = (msg) => {
 var __accessCheck$1 = (obj, member, msg) => member.has(obj) || __typeError$1("Cannot " + msg);
 var __privateGet$1 = (obj, member, getter) => (__accessCheck$1(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
 var __privateAdd$1 = (obj, member, value) => member.has(obj) ? __typeError$1("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet$1 = (obj, member, value, setter) => (__accessCheck$1(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateSet$1 = (obj, member, value, setter) => (__accessCheck$1(obj, member, "write to private field"), member.set(obj, value), value);
 var _content$1, _slashProvider, _programmaticallyPos;
 const menu = slash.slashFactory("CREPE_MENU");
-const menuAPI = utils.$ctx({
-  show: () => {
+const menuAPI = utils.$ctx(
+  {
+    show: () => {
+    },
+    hide: () => {
+    }
   },
-  hide: () => {
-  }
-}, "menuAPICtx");
+  "menuAPICtx"
+);
 index.defIfNotExists("milkdown-slash-menu", MenuElement);
 function configureMenu(ctx, config) {
   ctx.set(menu.key, {
@@ -515,9 +547,11 @@ class MenuView {
       shouldShow(view2) {
         if (index.isInCodeBlock(view2.state.selection) || index.isInList(view2.state.selection))
           return false;
-        const currentText = this.getContent(view2, (node) => ["paragraph", "heading"].includes(node.type.name));
-        if (currentText == null)
-          return false;
+        const currentText = this.getContent(
+          view2,
+          (node) => ["paragraph", "heading"].includes(node.type.name)
+        );
+        if (currentText == null) return false;
         const pos = __privateGet$1(self, _programmaticallyPos);
         __privateGet$1(self, _content$1).filter = currentText.startsWith("/") ? currentText.slice(1) : currentText;
         if (typeof pos === "number") {
@@ -527,8 +561,7 @@ class MenuView {
           }
           return true;
         }
-        if (!currentText.startsWith("/"))
-          return false;
+        if (!currentText.startsWith("/")) return false;
         return true;
       },
       offset: 10
@@ -575,12 +608,15 @@ const blockHandleComponent = ({
   };
   return atomico.html`
     <host>
-      <div ref=${ref} onmousedown=${onMouseDown} onmouseup=${onMouseUp} class="operation-item">
+      <div
+        ref=${ref}
+        onmousedown=${onMouseDown}
+        onmouseup=${onMouseUp}
+        class="operation-item"
+      >
         ${(addIcon == null ? void 0 : addIcon()) || todoList.plusIcon}
       </div>
-      <div class="operation-item">
-        ${(handleIcon == null ? void 0 : handleIcon()) || todoList.menuIcon}
-      </div>
+      <div class="operation-item">${(handleIcon == null ? void 0 : handleIcon()) || todoList.menuIcon}</div>
     </host>
   `;
 };
@@ -598,7 +634,7 @@ var __typeError = (msg) => {
 var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
 var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
 var _content, _provider, _ctx;
 class BlockHandleView {
   constructor(ctx, config) {
@@ -615,12 +651,10 @@ class BlockHandleView {
     this.onAdd = () => {
       const ctx = __privateGet(this, _ctx);
       const view = ctx.get(core.editorViewCtx);
-      if (!view.hasFocus())
-        view.focus();
+      if (!view.hasFocus()) view.focus();
       const { state: state$1, dispatch } = view;
       const active = __privateGet(this, _provider).active;
-      if (!active)
-        return;
+      if (!active) return;
       const $pos = active.$pos;
       const pos = $pos.pos + active.node.nodeSize;
       let tr = state$1.tr.insert(pos, commonmark.paragraphSchema.type(ctx).create());
@@ -640,8 +674,7 @@ class BlockHandleView {
       content,
       getOffset: () => 16,
       getPlacement: ({ active, blockDom }) => {
-        if (active.node.type.name === "heading")
-          return "left";
+        if (active.node.type.name === "heading") return "left";
         let totalDescendant = 0;
         active.node.descendants((node) => {
           totalDescendant += node.childCount;
@@ -667,9 +700,10 @@ index.defIfNotExists("milkdown-block-handle", BlockHandleElement);
 function configureBlockHandle(ctx, config) {
   ctx.set(block.blockConfig.key, {
     filterNodes: (pos) => {
-      const filter = prose.findParent((node) => ["table", "blockquote"].includes(node.type.name))(pos);
-      if (filter)
-        return false;
+      const filter = prose.findParent(
+        (node) => ["table", "blockquote"].includes(node.type.name)
+      )(pos);
+      if (filter) return false;
       return true;
     }
   });
@@ -683,4 +717,4 @@ const defineFeature = (editor, config) => {
 };
 
 exports.defineFeature = defineFeature;
-//# sourceMappingURL=index-vNNxr8yy.js.map
+//# sourceMappingURL=index-By3ewOiO.js.map