@milkdown/crepe 7.3.6 → 7.4.0

package/lib/index-xjkoF_Bn.js

@@ -1,317 +0,0 @@
-import { P as b, o as T, p, q as V, T as v, t as x, F as w, w as k, D, x as M, $ as O, y as P, i as F, a as N, C as y } from "./index-Ls2I7eOW.js";
-function R(i = {}) {
-  return new b({
-    view(e) {
-      return new B(e, i);
-    }
-  });
-}
-class B {
-  constructor(e, t) {
-    var o;
-    this.editorView = e, this.cursorPos = null, this.element = null, this.timeout = -1, this.width = (o = t.width) !== null && o !== void 0 ? o : 1, this.color = t.color === !1 ? void 0 : t.color || "black", this.class = t.class, this.handlers = ["dragover", "dragend", "drop", "dragleave"].map((r) => {
-      let l = (s) => {
-        this[r](s);
-      };
-      return e.dom.addEventListener(r, l), { name: r, handler: l };
-    });
-  }
-  destroy() {
-    this.handlers.forEach(({ name: e, handler: t }) => this.editorView.dom.removeEventListener(e, t));
-  }
-  update(e, t) {
-    this.cursorPos != null && t.doc != e.state.doc && (this.cursorPos > e.state.doc.content.size ? this.setCursor(null) : this.updateOverlay());
-  }
-  setCursor(e) {
-    e != this.cursorPos && (this.cursorPos = e, e == null ? (this.element.parentNode.removeChild(this.element), this.element = null) : this.updateOverlay());
-  }
-  updateOverlay() {
-    let e = this.editorView.state.doc.resolve(this.cursorPos), t = !e.parent.inlineContent, o;
-    if (t) {
-      let n = e.nodeBefore, d = e.nodeAfter;
-      if (n || d) {
-        let c = this.editorView.nodeDOM(this.cursorPos - (n ? n.nodeSize : 0));
-        if (c) {
-          let u = c.getBoundingClientRect(), f = n ? u.bottom : u.top;
-          n && d && (f = (f + this.editorView.nodeDOM(this.cursorPos).getBoundingClientRect().top) / 2), o = { left: u.left, right: u.right, top: f - this.width / 2, bottom: f + this.width / 2 };
-        }
-      }
-    }
-    if (!o) {
-      let n = this.editorView.coordsAtPos(this.cursorPos);
-      o = { left: n.left - this.width / 2, right: n.left + this.width / 2, top: n.top, bottom: n.bottom };
-    }
-    let r = this.editorView.dom.offsetParent;
-    this.element || (this.element = r.appendChild(document.createElement("div")), this.class && (this.element.className = this.class), this.element.style.cssText = "position: absolute; z-index: 50; pointer-events: none;", this.color && (this.element.style.backgroundColor = this.color)), this.element.classList.toggle("prosemirror-dropcursor-block", t), this.element.classList.toggle("prosemirror-dropcursor-inline", !t);
-    let l, s;
-    if (!r || r == document.body && getComputedStyle(r).position == "static")
-      l = -pageXOffset, s = -pageYOffset;
-    else {
-      let n = r.getBoundingClientRect();
-      l = n.left - r.scrollLeft, s = n.top - r.scrollTop;
-    }
-    this.element.style.left = o.left - l + "px", this.element.style.top = o.top - s + "px", this.element.style.width = o.right - o.left + "px", this.element.style.height = o.bottom - o.top + "px";
-  }
-  scheduleRemoval(e) {
-    clearTimeout(this.timeout), this.timeout = setTimeout(() => this.setCursor(null), e);
-  }
-  dragover(e) {
-    if (!this.editorView.editable)
-      return;
-    let t = this.editorView.posAtCoords({ left: e.clientX, top: e.clientY }), o = t && t.inside >= 0 && this.editorView.state.doc.nodeAt(t.inside), r = o && o.type.spec.disableDropCursor, l = typeof r == "function" ? r(this.editorView, t, e) : r;
-    if (t && !l) {
-      let s = t.pos;
-      if (this.editorView.dragging && this.editorView.dragging.slice) {
-        let n = T(this.editorView.state.doc, s, this.editorView.dragging.slice);
-        n != null && (s = n);
-      }
-      this.setCursor(s), this.scheduleRemoval(5e3);
-    }
-  }
-  dragend() {
-    this.scheduleRemoval(20);
-  }
-  drop() {
-    this.scheduleRemoval(20);
-  }
-  dragleave(e) {
-    (e.target == this.editorView.dom || !this.editorView.dom.contains(e.relatedTarget)) && this.setCursor(null);
-  }
-}
-class a extends p {
-  /**
-  Create a gap cursor.
-  */
-  constructor(e) {
-    super(e, e);
-  }
-  map(e, t) {
-    let o = e.resolve(t.map(this.head));
-    return a.valid(o) ? new a(o) : p.near(o);
-  }
-  content() {
-    return k.empty;
-  }
-  eq(e) {
-    return e instanceof a && e.head == this.head;
-  }
-  toJSON() {
-    return { type: "gapcursor", pos: this.head };
-  }
-  /**
-  @internal
-  */
-  static fromJSON(e, t) {
-    if (typeof t.pos != "number")
-      throw new RangeError("Invalid input for GapCursor.fromJSON");
-    return new a(e.resolve(t.pos));
-  }
-  /**
-  @internal
-  */
-  getBookmark() {
-    return new g(this.anchor);
-  }
-  /**
-  @internal
-  */
-  static valid(e) {
-    let t = e.parent;
-    if (t.isTextblock || !E(e) || !L(e))
-      return !1;
-    let o = t.type.spec.allowGapCursor;
-    if (o != null)
-      return o;
-    let r = t.contentMatchAt(e.index()).defaultType;
-    return r && r.isTextblock;
-  }
-  /**
-  @internal
-  */
-  static findGapCursorFrom(e, t, o = !1) {
-    e:
-      for (; ; ) {
-        if (!o && a.valid(e))
-          return e;
-        let r = e.pos, l = null;
-        for (let s = e.depth; ; s--) {
-          let n = e.node(s);
-          if (t > 0 ? e.indexAfter(s) < n.childCount : e.index(s) > 0) {
-            l = n.child(t > 0 ? e.indexAfter(s) : e.index(s) - 1);
-            break;
-          } else if (s == 0)
-            return null;
-          r += t;
-          let d = e.doc.resolve(r);
-          if (a.valid(d))
-            return d;
-        }
-        for (; ; ) {
-          let s = t > 0 ? l.firstChild : l.lastChild;
-          if (!s) {
-            if (l.isAtom && !l.isText && !x.isSelectable(l)) {
-              e = e.doc.resolve(r + l.nodeSize * t), o = !1;
-              continue e;
-            }
-            break;
-          }
-          l = s, r += t;
-          let n = e.doc.resolve(r);
-          if (a.valid(n))
-            return n;
-        }
-        return null;
-      }
-  }
-}
-a.prototype.visible = !1;
-a.findFrom = a.findGapCursorFrom;
-p.jsonID("gapcursor", a);
-class g {
-  constructor(e) {
-    this.pos = e;
-  }
-  map(e) {
-    return new g(e.map(this.pos));
-  }
-  resolve(e) {
-    let t = e.resolve(this.pos);
-    return a.valid(t) ? new a(t) : p.near(t);
-  }
-}
-function E(i) {
-  for (let e = i.depth; e >= 0; e--) {
-    let t = i.index(e), o = i.node(e);
-    if (t == 0) {
-      if (o.type.spec.isolating)
-        return !0;
-      continue;
-    }
-    for (let r = o.child(t - 1); ; r = r.lastChild) {
-      if (r.childCount == 0 && !r.inlineContent || r.isAtom || r.type.spec.isolating)
-        return !0;
-      if (r.inlineContent)
-        return !1;
-    }
-  }
-  return !0;
-}
-function L(i) {
-  for (let e = i.depth; e >= 0; e--) {
-    let t = i.indexAfter(e), o = i.node(e);
-    if (t == o.childCount) {
-      if (o.type.spec.isolating)
-        return !0;
-      continue;
-    }
-    for (let r = o.child(t); ; r = r.firstChild) {
-      if (r.childCount == 0 && !r.inlineContent || r.isAtom || r.type.spec.isolating)
-        return !0;
-      if (r.inlineContent)
-        return !1;
-    }
-  }
-  return !0;
-}
-function z() {
-  return new b({
-    props: {
-      decorations: j,
-      createSelectionBetween(i, e, t) {
-        return e.pos == t.pos && a.valid(t) ? new a(t) : null;
-      },
-      handleClick: X,
-      handleKeyDown: J,
-      handleDOMEvents: { beforeinput: Y }
-    }
-  });
-}
-const J = V({
-  ArrowLeft: h("horiz", -1),
-  ArrowRight: h("horiz", 1),
-  ArrowUp: h("vert", -1),
-  ArrowDown: h("vert", 1)
-});
-function h(i, e) {
-  const t = i == "vert" ? e > 0 ? "down" : "up" : e > 0 ? "right" : "left";
-  return function(o, r, l) {
-    let s = o.selection, n = e > 0 ? s.$to : s.$from, d = s.empty;
-    if (s instanceof v) {
-      if (!l.endOfTextblock(t) || n.depth == 0)
-        return !1;
-      d = !1, n = o.doc.resolve(e > 0 ? n.after() : n.before());
-    }
-    let c = a.findGapCursorFrom(n, e, d);
-    return c ? (r && r(o.tr.setSelection(new a(c))), !0) : !1;
-  };
-}
-function X(i, e, t) {
-  if (!i || !i.editable)
-    return !1;
-  let o = i.state.doc.resolve(e);
-  if (!a.valid(o))
-    return !1;
-  let r = i.posAtCoords({ left: t.clientX, top: t.clientY });
-  return r && r.inside > -1 && x.isSelectable(i.state.doc.nodeAt(r.inside)) ? !1 : (i.dispatch(i.state.tr.setSelection(new a(o))), !0);
-}
-function Y(i, e) {
-  if (e.inputType != "insertCompositionText" || !(i.state.selection instanceof a))
-    return !1;
-  let { $from: t } = i.state.selection, o = t.parent.contentMatchAt(t.index()).findWrapping(i.state.schema.nodes.text);
-  if (!o)
-    return !1;
-  let r = w.empty;
-  for (let s = o.length - 1; s >= 0; s--)
-    r = w.from(o[s].createAndFill(null, r));
-  let l = i.state.tr.replace(t.pos, t.pos, new k(r, 0, 0));
-  return l.setSelection(v.near(l.doc.resolve(t.pos + 1))), i.dispatch(l), !1;
-}
-function j(i) {
-  if (!(i.selection instanceof a))
-    return null;
-  let e = document.createElement("div");
-  return e.className = "ProseMirror-gapcursor", D.create(i.doc, [M.widget(i.selection.head, e, { key: "gapcursor" })]);
-}
-function C(i, e) {
-  return Object.assign(i, {
-    meta: {
-      package: "@milkdown/plugin-cursor",
-      ...e
-    }
-  }), i;
-}
-const m = O({}, "dropCursorConfig");
-C(m, {
-  displayName: "Ctx<dropCursor>"
-});
-const A = P((i) => R(i.get(m.key)));
-C(A, {
-  displayName: "Prose<dropCursor>"
-});
-const S = P(() => z());
-C(S, {
-  displayName: "Prose<gapCursor>"
-});
-const q = [m, A, S], I = '.ProseMirror-gapcursor{display:none;pointer-events:none;position:absolute}.ProseMirror-gapcursor:after{content:"";display:block;position:absolute;top:-2px;width:20px;border-top:1px solid black;animation:ProseMirror-cursor-blink 1.1s steps(2,start) infinite}@keyframes ProseMirror-cursor-blink{to{visibility:hidden}}.ProseMirror-focused .ProseMirror-gapcursor{display:block}';
-function H(i) {
-  switch (i) {
-    case y.Classic:
-      return "#1F1B16";
-    case y.ClassicDark:
-      return "#EAE1D9";
-    default:
-      return;
-  }
-}
-const U = (i) => {
-  i.config(F(I)).config((e) => {
-    const t = e.get(N);
-    e.update(m.key, (o) => ({
-      ...o,
-      color: H(t)
-    }));
-  }).use(q);
-};
-export {
-  U as defineFeature
-};

package/lib/index-zNGl_CdN.js

@@ -1,8 +0,0 @@
-import { p as o } from "./prosemirror-noTDkx-k.js";
-import { i as r } from "./index-Ls2I7eOW.js";
-const t = (e) => {
-  e.config(r(o));
-};
-export {
-  t as defineTheme
-};

package/lib/index-zc51oyS8.js

@@ -1,121 +0,0 @@
-import { c as y, e as w, u as x, b as $, h as r, w as f } from "./meta-tAGyVRPE.js";
-import { c as I, u as L, $ as C } from "./index-cteyPSwp.js";
-import { c as B } from "./clsx-7d8NmkQq.js";
-import { $ as v, l as S, T as E, i as T } from "./index-Ls2I7eOW.js";
-const F = I`
-  :host > .list-item {
-    display: flex;
-    align-items: start;
-  }
-
-  :host > .list-item > .children {
-    min-width: 0;
-    flex: 1;
-  }
-`, h = ({
-  selected: i,
-  label: n,
-  listType: l,
-  checked: o,
-  onMount: t,
-  setAttr: s,
-  config: p
-}) => {
-  const u = w(), a = x();
-  L(F), $(() => {
-    const m = a.current;
-    if (!m)
-      return;
-    const c = u.current.querySelector("[data-content-dom]");
-    c && (m.appendChild(c), t == null || t());
-  }, []);
-  const e = () => {
-    o != null && (s == null || s("checked", !o));
-  };
-  return r`<host>
-    <li class=${B("list-item", i && "ProseMirror-selectednode")}>
-      <div class="label-wrapper" onclick=${e} contenteditable="false">${p == null ? void 0 : p.renderLabel(n ?? "", l ?? "", o)}</div>
-      <div class="children" ref=${a}></div>
-    </li>
-  </host>`;
-};
-h.props = {
-  label: String,
-  checked: Boolean,
-  listType: String,
-  config: Object,
-  selected: Boolean,
-  setAttr: Function,
-  onMount: Function
-};
-const M = y(h), _ = {
-  renderLabel: (i, n, l) => l == null ? r`<span class='label'>${n === "bullet" ? "⦿" : i}</span>` : r`<input class='label' type="checkbox" checked=${l} />`
-}, d = v(_, "listItemBlockConfigCtx");
-f(d, {
-  displayName: "Config<list-item-block>",
-  group: "ListItemBlock"
-});
-customElements.define("milkdown-list-item-block", M);
-const b = C(S.node, (i) => (n, l, o) => {
-  const t = document.createElement("milkdown-list-item-block"), s = document.createElement("div");
-  s.setAttribute("data-content-dom", "true"), s.classList.add("content-dom");
-  const p = i.get(d.key), u = (e) => {
-    t.listType = e.attrs.listType, t.label = e.attrs.label, t.checked = e.attrs.checked;
-  };
-  u(n), t.appendChild(s), t.selected = !1, t.setAttr = (e, m) => {
-    const c = o();
-    c != null && l.dispatch(l.state.tr.setNodeAttribute(c, e, m));
-  }, t.onMount = () => {
-    const e = o() ?? 0, m = e + n.nodeSize, { from: c, to: k } = l.state.selection;
-    l.hasFocus() && e < c && k < m && Promise.resolve().then(() => {
-      const g = l.state.doc.resolve(e);
-      l.dispatch(l.state.tr.setSelection(E.near(g, 1)));
-    });
-  };
-  let a = n;
-  return t.config = p, {
-    dom: t,
-    contentDOM: s,
-    update: (e) => e.type !== n.type || e.sameMarkup(a) && e.content.eq(a.content) ? !1 : (a = e, u(e), !0),
-    ignoreMutation: (e) => !t || !s ? !0 : e.type === "selection" ? !1 : s === e.target && e.type === "attributes" ? !0 : !s.contains(e.target),
-    selectNode: () => {
-      t.selected = !0;
-    },
-    deselectNode: () => {
-      t.selected = !1;
-    },
-    destroy: () => {
-      t.remove(), s.remove();
-    }
-  };
-});
-f(b, {
-  displayName: "NodeView<list-item-block>",
-  group: "ListItemBlock"
-});
-const j = [
-  d,
-  b
-], D = r`
-  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-    <g clip-path="url(#clip0_952_6527)">
-      <circle cx="12" cy="12" r="3" fill="#817567"/>
-    </g>
-    <defs>
-      <clipPath id="clip0_952_6527">
-        <rect width="24" height="24" fill="white"/>
-      </clipPath>
-    </defs>
-  </svg>
-`, O = ".milkdown milkdown-list-item-block{display:block;margin-top:10px}.milkdown milkdown-list-item-block li{gap:10px}.milkdown milkdown-list-item-block li .label-wrapper{color:var(--crepe-color-outline);height:24px;width:24px;display:flex;justify-content:center;align-items:center}.milkdown milkdown-list-item-block li .label-wrapper .label{height:24px;width:24px;text-align:right}";
-function P(i) {
-  i.set(d.key, {
-    renderLabel: (n, l, o) => o == null ? l === "bullet" ? r`<span class='label'>${D}</span>` : r`<span class='label'>${n}</span>` : r`<input class='label' type="checkbox" checked=${o} />`
-  });
-}
-const A = (i) => {
-  i.config(T(O)).config(P).use(j);
-};
-export {
-  A as defineFeature
-};

package/lib/index.d.ts

@@ -1,4 +0,0 @@
-export { CrepeTheme } from './theme';
-export { CrepeFeature } from './feature';
-export * from './core';
-//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,cAAc,QAAQ,CAAA"}

package/lib/index.es.js

@@ -1,7 +0,0 @@
-import { a2 as r, a0 as C, C as o, a1 as p } from "./index-Ls2I7eOW.js";
-export {
-  r as Crepe,
-  C as CrepeFeature,
-  o as CrepeTheme,
-  p as EmotionCtx
-};