@wrdagency/blockout 0.1.10 → 1.0.1

package/dist/base-jB1DIMnz.js

@@ -0,0 +1,559 @@
+var st = (t) => {
+  throw TypeError(t);
+};
+var Q = (t, e, s) => e.has(t) || st("Cannot " + s);
+var u = (t, e, s) => (Q(t, e, "read from private field"), s ? s.call(t) : e.get(t)), d = (t, e, s) => e.has(t) ? st("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, s), g = (t, e, s, i) => (Q(t, e, "write to private field"), i ? i.call(t, s) : e.set(t, s), s), O = (t, e, s) => (Q(t, e, "access private method"), s);
+import { jsx as p, jsxs as X } from "react/jsx-runtime";
+import { normalizeOption as wt } from "./types/options.js";
+import { d as gt, u as vt } from "./index-CwFPDtaz.js";
+import { useContext as ct, useMemo as q, createContext as P, useState as yt, useRef as Y, useLayoutEffect as xt, useCallback as b, useEffect as nt } from "react";
+import { r as F } from "./index-Cgx3BqdJ.js";
+import { D as Mt, $ as Pt, a as Ct, T as kt, f as Ot, P as Dt, b as bt, p as Vt, e as Et, c as _t } from "./index-EPj3dCzl.js";
+import { c as Nt, f as At, o as St } from "./floating-ui.dom-2MezWvgs.js";
+var S, Z, ot, It = (ot = class {
+  constructor({ mark: t, view: e, inline: s, options: i }) {
+    d(this, S);
+    this.shouldIgnoreMutation = (o) => !this.dom || !this.contentDOM ? !0 : o.type === "selection" ? !1 : this.contentDOM === o.target && o.type === "attributes" ? !0 : !this.contentDOM.contains(o.target), this.ignoreMutation = (o) => {
+      if (!this.dom || !this.contentDOM) return !0;
+      let r;
+      const n = this.options.ignoreMutation;
+      return n && (r = n(o)), typeof r != "boolean" && (r = this.shouldIgnoreMutation(o)), r;
+    }, this.destroy = () => {
+      var o, r;
+      (r = (o = this.options).destroy) == null || r.call(o), this.dom.remove(), this.contentDOM.remove();
+    }, this.mark = t, this.view = e, this.inline = s, this.options = i, this.dom = this.createDOM(i.as), this.contentDOM = this.createContentDOM(i.contentAs), this.dom.setAttribute("data-mark-view-root", "true"), this.contentDOM.setAttribute("data-mark-view-content", "true"), this.contentDOM.style.whiteSpace = "inherit";
+  }
+  createDOM(t) {
+    return O(this, S, Z).call(this, t);
+  }
+  createContentDOM(t) {
+    return O(this, S, Z).call(this, t);
+  }
+  get component() {
+    return this.options.component;
+  }
+}, S = new WeakSet(), Z = function(t) {
+  const { inline: e, mark: s } = this;
+  return t == null ? document.createElement(e ? "span" : "div") : t instanceof HTMLElement ? t : typeof t == "function" ? t(s) : document.createElement(t);
+}, ot), I, tt, it, Ut = (it = class {
+  constructor({ node: t, view: e, getPos: s, decorations: i, innerDecorations: o, options: r }) {
+    d(this, I);
+    this.selected = !1, this.selectNode = () => {
+      var n, c;
+      this.selected = !0, (c = (n = this.options).selectNode) == null || c.call(n);
+    }, this.deselectNode = () => {
+      var n, c;
+      this.selected = !1, (c = (n = this.options).deselectNode) == null || c.call(n);
+    }, this.shouldUpdate = (n) => n.type === this.node.type, this.update = (n, c, a) => {
+      var m, y, C, f;
+      const h = ((y = (m = this.options).update) == null ? void 0 : y.call(m, n, c, a)) ?? this.shouldUpdate(n);
+      return this.node = n, this.decorations = c, this.innerDecorations = a, h && ((f = (C = this.options).onUpdate) == null || f.call(C)), h;
+    }, this.shouldIgnoreMutation = (n) => !this.dom || !this.contentDOM || this.node.isLeaf || this.node.isAtom ? !0 : n.type === "selection" ? !1 : this.contentDOM === n.target && n.type === "attributes" ? !0 : !this.contentDOM.contains(n.target), this.ignoreMutation = (n) => {
+      if (!this.dom || !this.contentDOM) return !0;
+      let c;
+      const a = this.options.ignoreMutation;
+      return a && (c = a(n)), typeof c != "boolean" && (c = this.shouldIgnoreMutation(n)), c;
+    }, this.destroy = () => {
+      var n, c, a;
+      (c = (n = this.options).destroy) == null || c.call(n), this.dom.remove(), (a = this.contentDOM) == null || a.remove();
+    }, this.setAttrs = (n) => {
+      const c = this.getPos();
+      if (typeof c == "number")
+        return this.view.dispatch(this.view.state.tr.setNodeMarkup(c, void 0, {
+          ...this.node.attrs,
+          ...n
+        }));
+    }, this.node = t, this.view = e, this.getPos = s, this.decorations = i, this.innerDecorations = o, this.options = r, this.dom = this.createDOM(r.as), this.contentDOM = t.isLeaf ? null : this.createContentDOM(r.contentAs), this.dom.setAttribute("data-node-view-root", "true"), this.contentDOM && (this.contentDOM.setAttribute("data-node-view-content", "true"), this.contentDOM.style.whiteSpace = "inherit"), this.setSelection = r.setSelection, this.stopEvent = r.stopEvent;
+  }
+  createDOM(t) {
+    return O(this, I, tt).call(this, t);
+  }
+  createContentDOM(t) {
+    return O(this, I, tt).call(this, t);
+  }
+  get component() {
+    return this.options.component;
+  }
+}, I = new WeakSet(), tt = function(t) {
+  const { node: e } = this;
+  return t == null ? document.createElement(e.isInline ? "span" : "div") : t instanceof HTMLElement ? t : typeof t == "function" ? t(e) : document.createElement(t);
+}, it), Lt = class {
+  constructor(t) {
+    this.view = t.view, this.options = t.options;
+  }
+  get component() {
+    return this.options.component;
+  }
+  get root() {
+    var e, s;
+    let t = (s = (e = this.options).root) == null ? void 0 : s.call(e, this.view.dom);
+    return t || (t = this.view.dom.parentElement ?? document.body), t;
+  }
+  update(t, e) {
+    var s, i;
+    this.view = t, this.prevState = e, (i = (s = this.options).update) == null || i.call(s, t, e);
+  }
+  destroy() {
+    var t, e;
+    (e = (t = this.options).destroy) == null || e.call(t);
+  }
+}, K, at, rt, Tt = (rt = class {
+  constructor({ pos: t, spec: e, options: s }) {
+    d(this, K);
+    this.pos = t, this.options = s, this.spec = e, this.dom = O(this, K, at).call(this, s.as), this.dom.setAttribute("data-widget-view-root", "true");
+  }
+  bind(t, e) {
+    this.view = t, this.getPos = e;
+  }
+  get component() {
+    return this.options.component;
+  }
+}, K = new WeakSet(), at = function(t) {
+  return t instanceof HTMLElement ? t : document.createElement(t);
+}, rt);
+const Ht = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
+let G = (t = 21) => {
+  let e = "", s = crypto.getRandomValues(new Uint8Array(t |= 0));
+  for (; t--; )
+    e += Ht[s[t] & 63];
+  return e;
+};
+const Rt = P({
+  contentRef: () => {
+  },
+  view: null,
+  mark: null
+}), $t = P((t) => {
+  throw new Error("No ProsemirrorAdapterProvider detected, maybe you need to wrap the component with the Editor with ProsemirrorAdapterProvider?");
+});
+var jt = class extends It {
+  constructor(...t) {
+    super(...t), this.key = G(), this.context = {
+      contentRef: (e) => {
+        e && this.contentDOM && e.firstChild !== this.contentDOM && e.appendChild(this.contentDOM);
+      },
+      view: this.view,
+      mark: this.mark
+    }, this.updateContext = () => {
+      Object.assign(this.context, { mark: this.mark });
+    }, this.render = () => {
+      const e = this.component;
+      return F.createPortal(/* @__PURE__ */ p(Rt.Provider, {
+        value: this.context,
+        children: /* @__PURE__ */ p(e, {})
+      }), this.dom, this.key);
+    };
+  }
+};
+const Ft = P({
+  contentRef: () => {
+  },
+  view: null,
+  getPos: () => 0,
+  setAttrs: () => {
+  },
+  node: null,
+  selected: !1,
+  decorations: [],
+  innerDecorations: null
+}), Wt = P((t) => {
+  throw new Error("No ProsemirrorAdapterProvider detected, maybe you need to wrap the component with the Editor with ProsemirrorAdapterProvider?");
+});
+var Bt = class extends Ut {
+  constructor(...t) {
+    super(...t), this.key = G(), this.context = {
+      contentRef: (e) => {
+        e && this.contentDOM && e.firstChild !== this.contentDOM && e.appendChild(this.contentDOM);
+      },
+      view: this.view,
+      getPos: this.getPos,
+      setAttrs: this.setAttrs,
+      node: this.node,
+      selected: this.selected,
+      decorations: this.decorations,
+      innerDecorations: this.innerDecorations
+    }, this.updateContext = () => {
+      Object.assign(this.context, {
+        node: this.node,
+        selected: this.selected,
+        decorations: this.decorations,
+        innerDecorations: this.innerDecorations
+      });
+    }, this.render = () => {
+      const e = this.component;
+      return F.createPortal(/* @__PURE__ */ p(Ft.Provider, {
+        value: this.context,
+        children: /* @__PURE__ */ p(e, {})
+      }), this.dom, this.key);
+    };
+  }
+};
+const ht = P({ view: null }), qt = () => ct(ht), lt = P((t) => {
+  throw new Error("out of scope");
+}), Kt = () => ct(lt);
+var zt = class extends Lt {
+  constructor(...t) {
+    super(...t), this.key = G(), this.context = {
+      view: this.view,
+      prevState: this.prevState
+    }, this.updateContext = () => {
+      Object.assign(this.context, {
+        view: this.view,
+        prevState: this.prevState
+      });
+    }, this.render = () => {
+      const e = this.component;
+      return F.createPortal(/* @__PURE__ */ p(ht.Provider, {
+        value: this.context,
+        children: /* @__PURE__ */ p(e, {})
+      }), this.root, this.key);
+    };
+  }
+};
+function Gt() {
+  const [t, e] = yt({}), s = Y(!1);
+  xt(() => (s.current = !0, () => {
+    s.current = !1;
+  }), []);
+  const i = b((o) => {
+    s.current ? F.flushSync(o) : o();
+  }, []);
+  return {
+    portals: t,
+    renderReactRenderer: b((o, r = !0) => {
+      i(() => {
+        r && o.updateContext(), e((n) => ({
+          ...n,
+          [o.key]: o.render()
+        }));
+      });
+    }, [i]),
+    removeReactRenderer: b((o) => {
+      i(() => {
+        e((r) => {
+          const n = { ...r };
+          return delete n[o.key], n;
+        });
+      });
+    }, [i])
+  };
+}
+function Jt(t, e) {
+  return b((s) => (i, o, r) => {
+    const n = new jt({
+      mark: i,
+      view: o,
+      inline: r,
+      options: {
+        ...s,
+        destroy() {
+          var c;
+          (c = s.destroy) == null || c.call(s), e(n);
+        }
+      }
+    });
+    return t(n, !1), n;
+  }, [e, t]);
+}
+function Qt(t, e) {
+  return b((s) => (i, o, r, n, c) => {
+    const a = new Bt({
+      node: i,
+      view: o,
+      getPos: r,
+      decorations: n,
+      innerDecorations: c,
+      options: {
+        ...s,
+        onUpdate() {
+          var h;
+          (h = s.onUpdate) == null || h.call(s), t(a);
+        },
+        selectNode() {
+          var h;
+          (h = s.selectNode) == null || h.call(s), t(a);
+        },
+        deselectNode() {
+          var h;
+          (h = s.deselectNode) == null || h.call(s), t(a);
+        },
+        destroy() {
+          var h;
+          (h = s.destroy) == null || h.call(s), e(a);
+        }
+      }
+    });
+    return t(a, !1), a;
+  }, [e, t]);
+}
+function Xt(t, e) {
+  return b((s) => (i) => {
+    const o = new zt({
+      view: i,
+      options: {
+        ...s,
+        update: (r, n) => {
+          var c;
+          (c = s.update) == null || c.call(s, r, n), t(o);
+        },
+        destroy: () => {
+          var r;
+          (r = s.destroy) == null || r.call(s), e(o);
+        }
+      }
+    });
+    return t(o, !1), o;
+  }, [e, t]);
+}
+const Yt = P({
+  view: null,
+  getPos: () => {
+  }
+}), Zt = P((t) => {
+  throw new Error("out of scope");
+});
+var te = class extends Tt {
+  constructor(...t) {
+    super(...t), this.key = G(), this.context = {
+      view: this.view,
+      getPos: this.getPos,
+      spec: this.spec
+    }, this.updateContext = () => {
+      Object.assign(this.context, {
+        view: this.view,
+        getPos: this.getPos,
+        spec: this.spec
+      });
+    }, this.render = () => {
+      const e = this.component;
+      return F.createPortal(/* @__PURE__ */ p(Yt.Provider, {
+        value: this.context,
+        children: /* @__PURE__ */ p(e, {})
+      }), this.dom, this.key);
+    };
+  }
+};
+function ee(t, e) {
+  return b((s) => (i, o = {}) => {
+    const r = new te({
+      pos: i,
+      options: s
+    }), n = {
+      ...o,
+      destroy: (c) => {
+        var a;
+        (a = o.destroy) == null || a.call(o, c), e(r);
+      }
+    };
+    return r.spec = n, Mt.widget(i, (c, a) => (r.bind(c, a), t(r), r.dom), n);
+  }, [e, t]);
+}
+const ue = ({ children: t }) => {
+  const { renderReactRenderer: e, removeReactRenderer: s, portals: i } = Gt(), o = Qt(e, s), r = Jt(e, s), n = Xt(e, s), c = ee(e, s), a = q(() => Object.values(i), [i]);
+  return /* @__PURE__ */ p(Wt.Provider, {
+    value: o,
+    children: /* @__PURE__ */ p($t.Provider, {
+      value: r,
+      children: /* @__PURE__ */ p(lt.Provider, {
+        value: n,
+        children: /* @__PURE__ */ X(Zt.Provider, {
+          value: c,
+          children: [t, a]
+        })
+      })
+    })
+  });
+};
+function se(t) {
+  const e = Pt(
+    {},
+    `${t}_SLASH_SPEC`
+  ), s = Ct((o) => {
+    const r = o.get(e.key);
+    return new Dt({
+      key: new bt(`${t}_SLASH`),
+      ...r
+    });
+  }), i = [e, s];
+  return i.key = e.key, i.pluginKey = s.key, e.meta = {
+    package: "@milkdown/plugin-slash",
+    displayName: `Ctx<slashSpec>|${t}`
+  }, s.meta = {
+    package: "@milkdown/plugin-slash",
+    displayName: `Prose<slash>|${t}`
+  }, i;
+}
+var E, U, L, T, H, D, R, _, $, j, z, dt;
+class ne {
+  constructor(e) {
+    d(this, z);
+    d(this, E);
+    /// @internal
+    d(this, U);
+    /// @internal
+    d(this, L);
+    /// @internal
+    d(this, T);
+    /// @internal
+    d(this, H);
+    /// @internal
+    d(this, D);
+    /// @internal
+    d(this, R);
+    /// @internal
+    d(this, _);
+    /// The offset to get the block. Default is 0.
+    d(this, $);
+    d(this, j);
+    g(this, E, !1), this.onShow = () => {
+    }, this.onHide = () => {
+    }, g(this, j, (s, i) => {
+      const { state: o, composing: r } = s, { selection: n, doc: c } = o, { ranges: a } = n, h = Math.min(...a.map((f) => f.$from.pos)), m = Math.max(...a.map((f) => f.$to.pos)), y = i && i.doc.eq(c) && i.selection.eq(n);
+      if (u(this, E) || ((u(this, T) ?? s.dom.parentElement ?? document.body).appendChild(this.element), g(this, E, !0)), r || y) return;
+      if (!u(this, R).call(this, s, i)) {
+        this.hide();
+        return;
+      }
+      Nt({
+        getBoundingClientRect: () => Vt(s, h, m)
+      }, this.element, {
+        placement: "bottom-start",
+        middleware: [At(), St(u(this, $)), ...u(this, U)],
+        ...u(this, L)
+      }).then(({ x: f, y: W }) => {
+        Object.assign(this.element.style, {
+          left: `${f}px`,
+          top: `${W}px`
+        });
+      }).catch(console.error), this.show();
+    }), this.update = (s, i) => {
+      u(this, _).call(this, s, i);
+    }, this.getContent = (s, i = (o) => o.type.name === "paragraph") => {
+      const { selection: o } = s.state, { empty: r, $from: n } = o, c = s.state.selection instanceof kt;
+      if (typeof document > "u") return;
+      const a = this.element.contains(document.activeElement), h = !s.hasFocus() && !a, m = !s.editable, C = !Ot(i)(s.state.selection);
+      if (!(h || m || !r || !c || C))
+        return n.parent.textBetween(
+          Math.max(0, n.parentOffset - 500),
+          n.parentOffset,
+          void 0,
+          ""
+        );
+    }, this.destroy = () => {
+      u(this, _).cancel();
+    }, this.show = () => {
+      this.element.dataset.show = "true", this.onShow();
+    }, this.hide = () => {
+      this.element.dataset.show = "false", this.onHide();
+    }, this.element = e.content, g(this, H, e.debounce ?? 200), g(this, R, e.shouldShow ?? O(this, z, dt)), g(this, D, e.trigger ?? "/"), g(this, $, e.offset), g(this, U, e.middleware ?? []), g(this, L, e.floatingUIOptions ?? {}), g(this, T, e.root), g(this, _, gt(u(this, j), u(this, H)));
+  }
+}
+E = new WeakMap(), U = new WeakMap(), L = new WeakMap(), T = new WeakMap(), H = new WeakMap(), D = new WeakMap(), R = new WeakMap(), _ = new WeakMap(), $ = new WeakMap(), j = new WeakMap(), z = new WeakSet(), /// @internal
+dt = function(e) {
+  const s = this.getContent(e);
+  if (!s) return !1;
+  const i = s.at(-1);
+  return i ? Array.isArray(u(this, D)) ? u(this, D).includes(i) : u(this, D) === i : !1;
+};
+function me(t) {
+  const { trigger: e = "/", options: s, command: i } = t, o = q(() => s.map(wt), [s]), r = se("Commands"), n = () => {
+    const h = Y(null), m = Y(null), { view: y, prevState: C } = qt(), [f, W] = vt(), J = (l) => {
+      const v = l.$from.parentOffset, w = l.$from.node().textContent, k = w.lastIndexOf(" ", v - 1);
+      let M = w.indexOf(" ", v);
+      M < 0 && (M = w.length);
+      const x = w.slice(k + 1, M), N = x.slice(0, v), V = x.slice(v + 1), B = x.slice(e.length), A = o.filter((pt) => pt.value.includes(B)), ft = A.length === 1 && A[0].value === x;
+      return {
+        startIndex: k,
+        endIndex: M,
+        content: x,
+        leadingContent: N,
+        trailingContent: V,
+        matches: A,
+        isExactMatch: ft
+      };
+    };
+    nt(() => {
+      const l = h.current;
+      if (f || !l)
+        return;
+      m.current = new ne({
+        content: l,
+        debounce: 0,
+        trigger: e,
+        shouldShow: (w) => {
+          const { state: k } = w, { selection: M } = k, { content: x, matches: N, isExactMatch: V } = J(M);
+          return !x.startsWith(e) || V ? !1 : N.length > 0;
+        },
+        floatingUIOptions: {
+          strategy: "absolute"
+        }
+      }), m.current.hide();
+      const v = W();
+      return m.current.onShow = () => v.ctx.get(r.key).opened = !0, m.current.onHide = () => v.ctx.get(r.key).opened = !1, () => {
+        var w;
+        (w = m.current) == null || w.destroy();
+      };
+    }, [f]), nt(() => {
+      var l;
+      (l = m.current) == null || l.update(y, C);
+    });
+    const { content: et } = q(
+      () => J(y.state.selection),
+      [y.state.selection]
+    ), ut = q(
+      () => o.filter((l) => l.value.toLowerCase().includes(et)),
+      [et, o]
+    ), mt = (l, v) => {
+      l.preventDefault(), !f && W().action((w) => {
+        const k = w.get(Et);
+        if (k.focus(), i)
+          _t(i.key)(w);
+        else {
+          const { dispatch: M, state: x } = k, { tr: N, selection: V } = x, { from: B } = V, { leadingContent: A } = J(V);
+          M(
+            N.insertText(
+              v.value + " ",
+              B - A.length,
+              B
+            )
+          );
+        }
+      });
+    };
+    return /* @__PURE__ */ p(
+      "div",
+      {
+        className: "component-markdown-editor__slash",
+        ref: h,
+        "aria-expanded": "false",
+        children: ut.map((l) => /* @__PURE__ */ X(
+          "button",
+          {
+            className: "component-markdown-editor__slash__option",
+            onClick: (v) => mt(v, l),
+            disabled: l.disabled,
+            children: [
+              /* @__PURE__ */ X("div", { className: "component-markdown-editor__slash__option__label", children: [
+                l.icon,
+                l.label
+              ] }),
+              l.description && /* @__PURE__ */ p("div", { className: "component-markdown-editor__slash__option__description", children: l.description })
+            ]
+          },
+          l.value
+        ))
+      }
+    );
+  }, c = Kt(), a = (h) => {
+    h.set(r.key, {
+      view: c({
+        component: n
+      })
+    });
+  };
+  return { key: r.key, plugin: r, View: n, config: a };
+}
+export {
+  ue as P,
+  me as u
+};