@milkdown/crepe 7.3.6 → 7.4.0

package/lib/index-BSv6537G.js

@@ -1,364 +0,0 @@
-var O = (n, t, r) => {
-  if (!t.has(n))
-    throw TypeError("Cannot " + r);
-};
-var i = (n, t, r) => (O(n, t, "read from private field"), r ? r.call(n) : t.get(n)), c = (n, t, r) => {
-  if (t.has(n))
-    throw TypeError("Cannot add the same private member more than once");
-  t instanceof WeakSet ? t.add(n) : t.set(n, r);
-}, d = (n, t, r, e) => (O(n, t, "write to private field"), e ? e.call(n, r) : t.set(n, r), r);
-import { t as j, l as D, a as B, b as H, T as z } from "./tooltip-plugin-NpyG8C5u.js";
-import { w as V, c as K, h as M, u as Q, a as U } from "./meta-tAGyVRPE.js";
-import { d as R, f as Y, g as _, T as tt, i as et } from "./index-Ls2I7eOW.js";
-import { d as it, p as q } from "./tippy.esm-4ny8MQOF.js";
-import { u as nt } from "./hooks-82sqkbtE.js";
-import { c as ot } from "./clsx-7d8NmkQq.js";
-import "./icons-HYkfuR-O.js";
-const $ = j("LINK_PREVIEW");
-V($[0], {
-  displayName: "PreviewTooltipSpec<link-tooltip>",
-  group: "LinkTooltip"
-});
-V($[1], {
-  displayName: "PreviewTooltipPlugin<link-tooltip>",
-  group: "LinkTooltip"
-});
-const Z = j("LINK_EDIT");
-V(Z[0], {
-  displayName: "EditTooltipSpec<link-tooltip>",
-  group: "LinkTooltip"
-});
-V(Z[1], {
-  displayName: "EditTooltipPlugin<link-tooltip>",
-  group: "LinkTooltip"
-});
-function st(n, t, r, e) {
-  let o = { start: -1, end: -1 };
-  return t.nodesBetween(r, e, (s, p) => {
-    if (o.start > -1)
-      return !1;
-    o.start === -1 && n.isInSet(s.marks) && (o = {
-      start: p,
-      end: p + Math.max(s.textContent.length, 1)
-    });
-  }), o;
-}
-function rt(n, t, r) {
-  const e = t.posAtCoords({ left: r.clientX, top: r.clientY });
-  if (!e)
-    return;
-  const { pos: o } = e, s = t.state.doc.nodeAt(o);
-  if (!s)
-    return;
-  const p = s.marks.find((a) => a.type === R.mark.type(n));
-  if (!(!p || !$.pluginKey()))
-    return { show: !0, pos: o, node: s, mark: p };
-}
-const W = ({ config: n, src: t, onEdit: r, onRemove: e }) => {
-  const o = (l) => {
-    l.stopPropagation(), l.preventDefault(), r == null || r();
-  }, s = (l) => {
-    l.stopPropagation(), l.preventDefault(), e == null || e();
-  };
-  return M`
-    <host>
-      <div class="link-preview" onmousedown=${(l) => {
-    l.preventDefault(), navigator.clipboard && t && navigator.clipboard.writeText(t).then(() => {
-      n == null || n.onCopyLink(t);
-    }).catch((a) => {
-      throw a;
-    });
-  }}>
-        <span class="link-icon">
-          ${n == null ? void 0 : n.linkIcon()}
-        </span>
-        <span class="link-display">${t}</span>
-        <span class="button link-edit-button" onmousedown=${o}>
-          ${n == null ? void 0 : n.editButton()}
-        </span>
-        <span class="button link-remove-button" onmousedown=${s}>
-          ${n == null ? void 0 : n.removeButton()}
-        </span>
-      </div>
-    </host>
-  `;
-};
-W.props = {
-  config: Object,
-  src: String,
-  onEdit: Function,
-  onRemove: Function
-};
-const X = K(W);
-var u, w, f, x, T, L, b, C, y;
-class lt {
-  constructor(t, r) {
-    c(this, x);
-    c(this, u, void 0);
-    c(this, w, void 0);
-    c(this, f, void 0);
-    c(this, L, void 0);
-    c(this, b, void 0);
-    c(this, C, void 0);
-    c(this, y, void 0);
-    this.ctx = t, d(this, u, new X()), d(this, f, !1), this.setRect = (e) => {
-      var o;
-      (o = i(this, w).getInstance()) == null || o.setProps({
-        getReferenceClientRect: () => e
-      });
-    }, d(this, L, ({ mode: e }) => {
-      e === "edit" && i(this, y).call(this);
-    }), d(this, b, () => {
-      d(this, f, !0);
-    }), d(this, C, () => {
-      d(this, f, !1);
-    }), d(this, y, () => {
-      var e, o;
-      i(this, w).hide(), (e = i(this, x, T)) == null || e.popper.addEventListener("mouseenter", i(this, b)), (o = i(this, x, T)) == null || o.popper.addEventListener("mouseleave", i(this, C));
-    }), this.show = (e, o, s) => {
-      var l, a;
-      const p = this.ctx.get(D.key);
-      i(this, u).config = p, i(this, u).src = e.attrs.href, i(this, u).onEdit = () => {
-        this.ctx.get(B.key).editLink(e, o, s);
-      }, i(this, u).onRemove = () => {
-        this.ctx.get(B.key).removeLink(o, s), i(this, y).call(this);
-      }, i(this, w).show(), (l = i(this, x, T)) == null || l.popper.addEventListener("mouseenter", i(this, b)), (a = i(this, x, T)) == null || a.popper.addEventListener("mouseleave", i(this, C));
-    }, this.hide = () => {
-      i(this, f) || i(this, y).call(this);
-    }, this.update = () => {
-    }, this.destroy = () => {
-      this.ctx.use(H.key).off(i(this, L)), i(this, w).destroy(), i(this, u).remove();
-    }, d(this, w, new z({
-      debounce: 0,
-      content: i(this, u),
-      shouldShow: () => !1,
-      tippyOptions: {
-        appendTo: () => t.get(Y)
-      }
-    })), i(this, w).update(r), t.use(H.key).on(i(this, L));
-  }
-}
-u = new WeakMap(), w = new WeakMap(), f = new WeakMap(), x = new WeakSet(), T = function() {
-  return i(this, w).getInstance();
-}, L = new WeakMap(), b = new WeakMap(), C = new WeakMap(), y = new WeakMap();
-customElements.define("milkdown-link-preview", X);
-function pt(n) {
-  let t;
-  const e = it((s, p) => {
-    if (!t || !s.hasFocus() || n.get(H.key).mode === "edit")
-      return;
-    const a = rt(n, s, p);
-    if (a) {
-      const h = s.state.doc.resolve(a.pos), E = st(a.mark, s.state.doc, h.before(), h.after()), F = E.start, A = E.end;
-      t.setRect(q(s, F, A)), t.show(a.mark, F, A);
-      return;
-    }
-    t.hide();
-  }, 200), o = () => {
-    setTimeout(() => {
-      t == null || t.hide();
-    }, 200);
-  };
-  n.set($.key, {
-    props: {
-      handleDOMEvents: {
-        mousemove: e,
-        mouseleave: o
-      }
-    },
-    view: (s) => (t = new lt(n, s), t)
-  });
-}
-const G = ({
-  src: n,
-  onConfirm: t,
-  onCancel: r,
-  config: e
-}) => {
-  const o = Q(), [s, p] = nt(n);
-  U(() => {
-    p(n ?? "");
-  }, [n]);
-  const l = () => {
-    var h;
-    t == null || t(((h = o.current) == null ? void 0 : h.value) ?? "");
-  }, a = (h) => {
-    var E;
-    h.stopPropagation(), h.key === "Enter" && (t == null || t(((E = o.current) == null ? void 0 : E.value) ?? ""), h.preventDefault()), h.key === "Escape" && (r == null || r(), h.preventDefault());
-  };
-  return M`
-    <host>
-      <div class="link-edit">
-        <input
-          class="input-area"
-          placeholder=${e == null ? void 0 : e.inputPlaceholder}
-          ref=${o}
-          onkeydown=${a}
-          oninput=${(h) => p(h.target.value)}
-          value=${s}
-        />
-        <span class=${ot("button confirm", s.length === 0 && "hidden")} onclick=${l}>
-          ${e == null ? void 0 : e.confirmButton()}
-        </span>
-      </div>
-    </host>
-  `;
-};
-G.props = {
-  config: Object,
-  src: String,
-  onConfirm: Function,
-  onCancel: Function
-};
-const J = K(G), N = {
-  from: -1,
-  to: -1,
-  mark: null
-};
-var k, m, v, g, I, S, P;
-class at {
-  constructor(t, r) {
-    c(this, k, void 0);
-    c(this, m, void 0);
-    c(this, v, void 0);
-    c(this, g, void 0);
-    c(this, I, void 0);
-    c(this, S, void 0);
-    c(this, P, void 0);
-    this.ctx = t, d(this, k, new J()), d(this, v, { ...N }), d(this, g, () => {
-      i(this, m).hide(), this.ctx.update(H.key, (e) => ({
-        ...e,
-        mode: "preview"
-      })), d(this, v, { ...N });
-    }), d(this, I, (e) => {
-      var o;
-      (o = i(this, m).getInstance()) == null || o.setProps({
-        getReferenceClientRect: () => e
-      });
-    }), d(this, S, (e) => {
-      const o = this.ctx.get(_), { from: s, to: p, mark: l } = i(this, v), a = R.type(this.ctx);
-      if (l && l.attrs.href === e) {
-        i(this, g).call(this);
-        return;
-      }
-      const h = o.state.tr;
-      l && h.removeMark(s, p, l), h.addMark(s, p, a.create({ href: e })), o.dispatch(h), i(this, g).call(this);
-    }), d(this, P, (e, o, s) => {
-      const p = this.ctx.get(D.key);
-      i(this, k).config = p, i(this, k).src = e, this.ctx.update(H.key, (a) => ({
-        ...a,
-        mode: "edit"
-      }));
-      const l = this.ctx.get(_);
-      i(this, I).call(this, q(l, o, s)), l.dispatch(l.state.tr.setSelection(tt.create(l.state.doc, o, s))), i(this, m).show(), requestAnimationFrame(() => {
-        var a;
-        (a = i(this, k).querySelector("input")) == null || a.focus();
-      });
-    }), this.update = (e) => {
-      const { state: o } = e, { selection: s } = o, { from: p, to: l } = s;
-      p === i(this, v).from && l === i(this, v).to || i(this, g).call(this);
-    }, this.destroy = () => {
-      i(this, m).destroy(), i(this, k).remove();
-    }, this.addLink = (e, o) => {
-      d(this, v, {
-        from: e,
-        to: o,
-        mark: null
-      }), i(this, P).call(this, "", e, o);
-    }, this.editLink = (e, o, s) => {
-      d(this, v, {
-        from: o,
-        to: s,
-        mark: e
-      }), i(this, P).call(this, e.attrs.href, o, s);
-    }, this.removeLink = (e, o) => {
-      const s = this.ctx.get(_), p = s.state.tr;
-      p.removeMark(e, o, R.type(this.ctx)), s.dispatch(p), i(this, g).call(this);
-    }, d(this, m, new z({
-      content: i(this, k),
-      debounce: 0,
-      shouldShow: () => !1,
-      tippyOptions: {
-        appendTo: () => t.get(Y),
-        onHidden: () => {
-          i(this, k).update().catch((e) => {
-            throw e;
-          }), t.get(_).dom.focus();
-        }
-      }
-    })), i(this, m).update(r), i(this, k).onConfirm = i(this, S), i(this, k).onCancel = i(this, g);
-  }
-}
-k = new WeakMap(), m = new WeakMap(), v = new WeakMap(), g = new WeakMap(), I = new WeakMap(), S = new WeakMap(), P = new WeakMap();
-customElements.define("milkdown-link-edit", J);
-function dt(n) {
-  let t;
-  n.update(B.key, (r) => ({
-    ...r,
-    addLink: (e, o) => {
-      t == null || t.addLink(e, o);
-    },
-    editLink: (e, o, s) => {
-      t == null || t.editLink(e, o, s);
-    },
-    removeLink: (e, o) => {
-      t == null || t.removeLink(e, o);
-    }
-  })), n.set(Z.key, {
-    view: (r) => (t = new at(n, r), t)
-  });
-}
-function ht(n) {
-  pt(n), dt(n);
-}
-const ct = [H, B, D, $, Z].flat(), kt = M`
-  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-    <path d="M17.0385 19.5003V16.5388H14.0769V15.0388H17.0385V12.0773H18.5384V15.0388H21.5V16.5388H18.5384V19.5003H17.0385ZM10.8077 16.5388H7.03845C5.78282 16.5388 4.7125 16.0963 3.8275 15.2114C2.9425 14.3266 2.5 13.2564 2.5 12.0009C2.5 10.7454 2.9425 9.67504 3.8275 8.78979C4.7125 7.90454 5.78282 7.46191 7.03845 7.46191H10.8077V8.96186H7.03845C6.1987 8.96186 5.48235 9.25834 4.8894 9.85129C4.29645 10.4442 3.99998 11.1606 3.99998 12.0003C3.99998 12.8401 4.29645 13.5564 4.8894 14.1494C5.48235 14.7423 6.1987 15.0388 7.03845 15.0388H10.8077V16.5388ZM8.25 12.7503V11.2504H15.75V12.7503H8.25ZM21.5 12.0003H20C20 11.1606 19.7035 10.4442 19.1106 9.85129C18.5176 9.25834 17.8013 8.96186 16.9615 8.96186H13.1923V7.46191H16.9615C18.2171 7.46191 19.2875 7.90441 20.1725 8.78939C21.0575 9.67439 21.5 10.7447 21.5 12.0003Z" fill="#817567"/>
-  </svg>
-`, ut = M`
-  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-    <g clip-path="url(#clip0_1013_1585)">
-      <path d="M14.06 9.02L14.98 9.94L5.92 19H5V18.08L14.06 9.02ZM17.66 3C17.41 3 17.15 3.1 16.96 3.29L15.13 5.12L18.88 8.87L20.71 7.04C21.1 6.65 21.1 6.02 20.71 5.63L18.37 3.29C18.17 3.09 17.92 3 17.66 3ZM14.06 6.19L3 17.25V21H6.75L17.81 9.94L14.06 6.19Z" fill="#817567"/>
-    </g>
-    <defs>
-      <clipPath id="clip0_1013_1585">
-        <rect width="24" height="24" fill="white"/>
-      </clipPath>
-    </defs>
-  </svg>
-`, wt = M`
-  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-    <g clip-path="url(#clip0_1013_1627)">
-      <path d="M6 19C6 20.1 6.9 21 8 21H16C17.1 21 18 20.1 18 19V9C18 7.9 17.1 7 16 7H8C6.9 7 6 7.9 6 9V19ZM9 9H15C15.55 9 16 9.45 16 10V18C16 18.55 15.55 19 15 19H9C8.45 19 8 18.55 8 18V10C8 9.45 8.45 9 9 9ZM15.5 4L14.79 3.29C14.61 3.11 14.35 3 14.09 3H9.91C9.65 3 9.39 3.11 9.21 3.29L8.5 4H6C5.45 4 5 4.45 5 5C5 5.55 5.45 6 6 6H18C18.55 6 19 5.55 19 5C19 4.45 18.55 4 18 4H15.5Z" fill="#817567"/>
-    </g>
-    <defs>
-      <clipPath id="clip0_1013_1627">
-        <rect width="24" height="24" fill="white"/>
-      </clipPath>
-    </defs>
-  </svg>
-`, vt = M`
-  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-    <g clip-path="url(#clip0_1013_1545)">
-      <path d="M9.00012 16.1998L5.50012 12.6998C5.11012 12.3098 4.49012 12.3098 4.10012 12.6998C3.71012 13.0898 3.71012 13.7098 4.10012 14.0998L8.29012 18.2898C8.68012 18.6798 9.31012 18.6798 9.70012 18.2898L20.3001 7.69982C20.6901 7.30982 20.6901 6.68982 20.3001 6.29982C19.9101 5.90982 19.2901 5.90982 18.9001 6.29982L9.00012 16.1998Z" fill="#817567"/>
-    </g>
-    <defs>
-      <clipPath id="clip0_1013_1545">
-        <rect width="24" height="24" fill="white"/>
-      </clipPath>
-    </defs>
-  </svg>
-`, mt = '.milkdown milkdown-link-preview>.link-preview{height:32px;display:flex;justify-content:center;padding:4px 10px;background:var(--crepe-color-surface);gap:10px;border-radius:8px;cursor:pointer;box-shadow:var(--crepe-shadow-1)}.milkdown milkdown-link-preview>.link-preview>.link-display:hover:before{display:block}.milkdown milkdown-link-preview>.link-preview>.link-display:before{content:"click to copy link";position:absolute;transform:translate(50%,-120%);padding:3px 10px;font-size:12px;border-radius:8px;color:color-mix(in srgb,var(--crepe-color-on-background),transparent 60%);background:var(--crepe-color-background);text-align:center;display:none}.milkdown milkdown-link-preview>.link-preview>.link-icon{padding:3px;line-height:24px}.milkdown milkdown-link-preview>.link-preview>.link-icon>svg{width:18px;height:18px}.milkdown milkdown-link-preview>.link-preview>.link-display{width:240px;line-height:24px;overflow:hidden;text-overflow:ellipsis;font-size:14px}.milkdown milkdown-link-preview>.link-preview>.link-display:hover{text-decoration:underline}.milkdown milkdown-link-preview>.link-preview>.button{padding:3px;border-radius:8px;line-height:24px}.milkdown milkdown-link-preview>.link-preview>.button>svg{width:18px;height:18px;color:var(--crepe-color-outline)}.milkdown milkdown-link-preview>.link-preview>.button:hover{background:var(--crepe-color-hover)}.milkdown milkdown-link-edit>.link-edit{height:32px;display:flex;justify-content:center;padding:4px 10px 4px 20px;background:var(--crepe-color-surface);gap:8px;border-radius:8px;box-shadow:var(--crepe-shadow-1)}.milkdown milkdown-link-edit>.link-edit>.input-area{outline:none;background:transparent;width:200px;font-size:14px;color:var(--crepe-color-on-background)}.milkdown milkdown-link-edit>.link-edit>.button{padding:3px;cursor:pointer;border-radius:8px;font-size:12px;line-height:24px}.milkdown milkdown-link-edit>.link-edit>.button>svg{width:18px;height:18px;color:var(--crepe-color-outline)}.milkdown milkdown-link-edit>.link-edit>.button:hover{background:var(--crepe-color-hover)}.milkdown milkdown-link-edit>.link-edit>.button.hidden{visibility:hidden}', Ht = (n) => {
-  n.config(et(mt)).config(ht).config((t) => {
-    t.update(D.key, (r) => ({
-      ...r,
-      linkIcon: () => kt,
-      editButton: () => ut,
-      removeButton: () => wt,
-      confirmButton: () => vt
-    }));
-  }).use(ct);
-};
-export {
-  Ht as defineFeature
-};