@milkdown/crepe 7.5.7 → 7.5.9

package/lib/esm/{index-sE0tYrbc.js → index-zKiGjwHz.js}

@@ -5,11 +5,11 @@ import { paragraphSchema, headingSchema, blockquoteSchema, hrSchema, bulletListS
 import { findParent } from '@milkdown/kit/prose';
 import { slashFactory, SlashProvider } from '@milkdown/kit/plugin/slash';
 import { $ctx } from '@milkdown/kit/utils';
-import { d as defIfNotExists, i as isInCodeBlock, a as isInList } from './index-Jvxff1vU.js';
+import { d as defIfNotExists, i as isInCodeBlock, a as isInList } from './index-D6fLMv29.js';
 import { c, useMemo, useHost, useState, useRef, useCallback, useEffect, html } from 'atomico';
 import { imageBlockSchema } from '@milkdown/kit/component/image-block';
 import { createTable } from '@milkdown/kit/preset/gfm';
-import { t as textIcon, k as h1Icon, l as h2Icon, m as h3Icon, n as h4Icon, o as h5Icon, p as h6Icon, q as quoteIcon, u as dividerIcon, v as bulletListIcon, w as orderedListIcon, x as todoListIcon, i as imageIcon, y as codeIcon, z as tableIcon, A as plusIcon, B as menuIcon } from './todoList-eAxCDaQj.js';
+import { t as textIcon, k as h1Icon, l as h2Icon, m as h3Icon, n as h4Icon, o as h5Icon, p as h6Icon, q as quoteIcon, u as dividerIcon, v as bulletListIcon, w as orderedListIcon, x as todoListIcon, i as imageIcon, y as codeIcon, z as tableIcon, A as plusIcon, B as menuIcon } from './todoList-CAbx4396.js';
 import { findWrapping } from '@milkdown/kit/prose/transform';
 
 function clearRange(tr) {
@@ -27,14 +27,12 @@ function wrapInBlockType(tr, nodeType, attrs = null) {
   const { $from, $to } = tr.selection;
   const range = $from.blockRange($to);
   const wrapping = range && 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) {
@@ -49,20 +47,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;
   };
 }
@@ -73,7 +67,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() {
@@ -109,8 +103,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 = () => {
@@ -139,7 +132,9 @@ function getGroups(filter, config) {
     onRun: (ctx) => {
       const view = ctx.get(editorViewCtx);
       const { dispatch, state } = view;
-      const command = clearContentAndSetBlockType(headingSchema.type(ctx), { level: 1 });
+      const command = clearContentAndSetBlockType(headingSchema.type(ctx), {
+        level: 1
+      });
       command(state, dispatch);
     }
   }).addItem("h2", {
@@ -148,7 +143,9 @@ function getGroups(filter, config) {
     onRun: (ctx) => {
       const view = ctx.get(editorViewCtx);
       const { dispatch, state } = view;
-      const command = clearContentAndSetBlockType(headingSchema.type(ctx), { level: 2 });
+      const command = clearContentAndSetBlockType(headingSchema.type(ctx), {
+        level: 2
+      });
       command(state, dispatch);
     }
   }).addItem("h3", {
@@ -157,7 +154,9 @@ function getGroups(filter, config) {
     onRun: (ctx) => {
       const view = ctx.get(editorViewCtx);
       const { dispatch, state } = view;
-      const command = clearContentAndSetBlockType(headingSchema.type(ctx), { level: 3 });
+      const command = clearContentAndSetBlockType(headingSchema.type(ctx), {
+        level: 3
+      });
       command(state, dispatch);
     }
   }).addItem("h4", {
@@ -166,7 +165,9 @@ function getGroups(filter, config) {
     onRun: (ctx) => {
       const view = ctx.get(editorViewCtx);
       const { dispatch, state } = view;
-      const command = clearContentAndSetBlockType(headingSchema.type(ctx), { level: 4 });
+      const command = clearContentAndSetBlockType(headingSchema.type(ctx), {
+        level: 4
+      });
       command(state, dispatch);
     }
   }).addItem("h5", {
@@ -175,7 +176,9 @@ function getGroups(filter, config) {
     onRun: (ctx) => {
       const view = ctx.get(editorViewCtx);
       const { dispatch, state } = view;
-      const command = clearContentAndSetBlockType(headingSchema.type(ctx), { level: 5 });
+      const command = clearContentAndSetBlockType(headingSchema.type(ctx), {
+        level: 5
+      });
       command(state, dispatch);
     }
   }).addItem("h6", {
@@ -184,7 +187,9 @@ function getGroups(filter, config) {
     onRun: (ctx) => {
       const view = ctx.get(editorViewCtx);
       const { dispatch, state } = view;
-      const command = clearContentAndSetBlockType(headingSchema.type(ctx), { level: 6 });
+      const command = clearContentAndSetBlockType(headingSchema.type(ctx), {
+        level: 6
+      });
       command(state, dispatch);
     }
   }).addItem("quote", {
@@ -193,7 +198,9 @@ function getGroups(filter, config) {
     onRun: (ctx) => {
       const view = ctx.get(editorViewCtx);
       const { dispatch, state } = view;
-      const command = clearContentAndWrapInBlockType(blockquoteSchema.type(ctx));
+      const command = clearContentAndWrapInBlockType(
+        blockquoteSchema.type(ctx)
+      );
       command(state, dispatch);
     }
   }).addItem("divider", {
@@ -212,7 +219,9 @@ function getGroups(filter, config) {
     onRun: (ctx) => {
       const view = ctx.get(editorViewCtx);
       const { dispatch, state } = view;
-      const command = clearContentAndWrapInBlockType(bulletListSchema.type(ctx));
+      const command = clearContentAndWrapInBlockType(
+        bulletListSchema.type(ctx)
+      );
       command(state, dispatch);
     }
   }).addItem("ordered-list", {
@@ -221,7 +230,9 @@ function getGroups(filter, config) {
     onRun: (ctx) => {
       const view = ctx.get(editorViewCtx);
       const { dispatch, state } = view;
-      const command = clearContentAndWrapInBlockType(orderedListSchema.type(ctx));
+      const command = clearContentAndWrapInBlockType(
+        orderedListSchema.type(ctx)
+      );
       command(state, dispatch);
     }
   }).addItem("todo-list", {
@@ -230,7 +241,10 @@ function getGroups(filter, config) {
     onRun: (ctx) => {
       const view = ctx.get(editorViewCtx);
       const { dispatch, state } = view;
-      const command = clearContentAndWrapInBlockType(listItemSchema.type(ctx), { checked: false });
+      const command = clearContentAndWrapInBlockType(
+        listItemSchema.type(ctx),
+        { checked: false }
+      );
       command(state, dispatch);
     }
   });
@@ -274,7 +288,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
@@ -312,93 +328,104 @@ const menuComponent = ({
   const prevMousePosition = useRef({ x: -999, y: -999 });
   const onMouseMove = useCallback((e) => {
     const prevPos = prevMousePosition.current;
-    if (!prevPos)
-      return;
+    if (!prevPos) return;
     const { x, y } = e;
     prevPos.x = x;
     prevPos.y = y;
   }, []);
   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 = useCallback((index, after) => {
-    setHoverIndex((prev) => {
-      const next = typeof index === "function" ? index(prev) : index;
-      after == null ? void 0 : after(next);
-      return next;
-    });
-  }, []);
+  const onHover = useCallback(
+    (index, after) => {
+      setHoverIndex((prev) => {
+        const next = typeof index === "function" ? index(prev) : index;
+        after == null ? void 0 : after(next);
+        return next;
+      });
+    },
+    []
+  );
   const scrollToIndex = 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 = 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 = useCallback((e) => {
-    if (e.key === "Escape") {
-      e.preventDefault();
+  const runByIndex = 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 = 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 = 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);
     };
   }, []);
   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 });
@@ -408,13 +435,15 @@ const menuComponent = ({
     <host onmousedown=${(e) => e.preventDefault()}>
       <nav class="tab-group">
         <ul>
-          ${groups.map((group) => 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) => 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}>
@@ -425,23 +454,23 @@ const menuComponent = ({
               <ul>
                 ${group.items.map(
       (item) => 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>
@@ -466,15 +495,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 = slashFactory("CREPE_MENU");
-const menuAPI = $ctx({
-  show: () => {
+const menuAPI = $ctx(
+  {
+    show: () => {
+    },
+    hide: () => {
+    }
   },
-  hide: () => {
-  }
-}, "menuAPICtx");
+  "menuAPICtx"
+);
 defIfNotExists("milkdown-slash-menu", MenuElement);
 function configureMenu(ctx, config) {
   ctx.set(menu.key, {
@@ -513,9 +545,11 @@ class MenuView {
       shouldShow(view2) {
         if (isInCodeBlock(view2.state.selection) || 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") {
@@ -525,8 +559,7 @@ class MenuView {
           }
           return true;
         }
-        if (!currentText.startsWith("/"))
-          return false;
+        if (!currentText.startsWith("/")) return false;
         return true;
       },
       offset: 10
@@ -573,12 +606,15 @@ const blockHandleComponent = ({
   };
   return 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()) || plusIcon}
       </div>
-      <div class="operation-item">
-        ${(handleIcon == null ? void 0 : handleIcon()) || menuIcon}
-      </div>
+      <div class="operation-item">${(handleIcon == null ? void 0 : handleIcon()) || menuIcon}</div>
     </host>
   `;
 };
@@ -596,7 +632,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) {
@@ -613,12 +649,10 @@ class BlockHandleView {
     this.onAdd = () => {
       const ctx = __privateGet(this, _ctx);
       const view = ctx.get(editorViewCtx);
-      if (!view.hasFocus())
-        view.focus();
+      if (!view.hasFocus()) view.focus();
       const { state, 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.tr.insert(pos, paragraphSchema.type(ctx).create());
@@ -638,8 +672,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;
@@ -665,9 +698,10 @@ defIfNotExists("milkdown-block-handle", BlockHandleElement);
 function configureBlockHandle(ctx, config) {
   ctx.set(blockConfig.key, {
     filterNodes: (pos) => {
-      const filter = findParent((node) => ["table", "blockquote"].includes(node.type.name))(pos);
-      if (filter)
-        return false;
+      const filter = findParent(
+        (node) => ["table", "blockquote"].includes(node.type.name)
+      )(pos);
+      if (filter) return false;
       return true;
     }
   });
@@ -681,4 +715,4 @@ const defineFeature = (editor, config) => {
 };
 
 export { defineFeature };
-//# sourceMappingURL=index-sE0tYrbc.js.map
+//# sourceMappingURL=index-zKiGjwHz.js.map