@clevertask/scribe 0.1.3 → 0.1.4

package/dist/index-CnQHDObA.js

@@ -0,0 +1,539 @@
+import { P as U, b as N, D as K, e as j, g as z, a as H } from "./index-CnKS-BY2.js";
+import { o as Q, f as V, a as W, c as G } from "./floating-ui.dom-ZRy7FSVk.js";
+function J(t) {
+  var s;
+  const {
+    char: o,
+    allowSpaces: n,
+    allowToIncludeChar: r,
+    allowedPrefixes: u,
+    startOfLine: a,
+    $position: c
+  } = t, d = n && !r, g = z(o), m = new RegExp(`\\s${g}$`), l = a ? "^" : "", f = r ? "" : g, S = d ? new RegExp(`${l}${g}.*?(?=\\s${f}|$)`, "gm") : new RegExp(`${l}(?:^)?${g}[^\\s${f}]*`, "gm"), p = ((s = c.nodeBefore) == null ? void 0 : s.isText) && c.nodeBefore.text;
+  if (!p)
+    return null;
+  const y = c.pos - p.length, i = Array.from(p.matchAll(S)).pop();
+  if (!i || i.input === void 0 || i.index === void 0)
+    return null;
+  const x = i.input.slice(Math.max(0, i.index - 1), i.index), _ = new RegExp(`^[${u?.join("")}\0]?$`).test(x);
+  if (u !== null && !_)
+    return null;
+  const b = y + i.index;
+  let e = b + i[0].length;
+  return d && m.test(p.slice(e - 1, e + 1)) && (i[0] += " ", e += 1), b < c.pos && e >= c.pos ? {
+    range: {
+      from: b,
+      to: e
+    },
+    query: i[0].slice(o.length),
+    text: i[0]
+  } : null;
+}
+function X(t) {
+  return t.docChanged ? t.steps.some((s) => {
+    const o = s.slice;
+    if (!o?.content)
+      return !1;
+    const n = o.content.textBetween(0, o.content.size, `
+`);
+    return /\s/.test(n);
+  }) : !1;
+}
+function Y(t) {
+  return () => {
+    const s = t.state.selection.$anchor.pos, o = t.view.coordsAtPos(s), { top: n, right: r, bottom: u, left: a } = o;
+    try {
+      return new DOMRect(a, n, r - a, u - n);
+    } catch {
+      return null;
+    }
+  };
+}
+function Z(t, s, o, n) {
+  return o ? () => {
+    const r = n.getState(t.state), u = r?.decorationId, a = s.dom.querySelector(`[data-decoration-id="${u}"]`);
+    return a?.getBoundingClientRect() || null;
+  } : Y(t);
+}
+function tt({
+  match: t,
+  dismissedRange: s,
+  state: o,
+  transaction: n,
+  editor: r,
+  shouldResetDismissed: u,
+  effectiveAllowSpaces: a
+}) {
+  return u?.({
+    editor: r,
+    state: o,
+    range: s,
+    match: t,
+    transaction: n,
+    allowSpaces: a
+  }) ? !1 : a ? t.range.from === s.from : t.range.from === s.from && !X(n);
+}
+function et({
+  view: t,
+  pluginKeyRef: s
+}) {
+  const o = t.state.tr.setMeta(s, { exit: !0 });
+  t.dispatch(o);
+}
+function nt({
+  pluginKey: t,
+  decorationTag: s,
+  decorationClass: o,
+  decorationContent: n,
+  decorationEmptyClass: r,
+  renderer: u,
+  dispatchExit: a
+}) {
+  return {
+    /**
+     * Call the keydown hook if suggestion is active.
+     */
+    handleKeyDown(c, d) {
+      var g, m;
+      const l = t.getState(c.state);
+      return l.active ? d.key === "Escape" || d.key === "Esc" ? ((g = u?.onKeyDown) == null || g.call(u, { view: c, event: d, range: l.range }), a(c), !0) : ((m = u?.onKeyDown) == null ? void 0 : m.call(u, { view: c, event: d, range: l.range })) || !1 : !1;
+    },
+    /**
+     * Setup decorator on the currently active suggestion.
+     */
+    decorations(c) {
+      const d = t.getState(c), { active: g, range: m, decorationId: l, query: f } = d;
+      if (!g)
+        return null;
+      const S = !f?.length, p = [o];
+      return S && p.push(r), K.create(c.doc, [
+        j.inline(m.from, m.to, {
+          nodeName: s,
+          class: p.join(" "),
+          "data-decoration-id": l || void 0,
+          "data-decoration-content": n
+        })
+      ]);
+    }
+  };
+}
+function ot({
+  editor: t,
+  char: s,
+  effectiveAllowSpaces: o,
+  allowToIncludeChar: n,
+  allowedPrefixes: r,
+  startOfLine: u,
+  findSuggestionMatch: a,
+  allow: c,
+  shouldShow: d,
+  shouldKeepDismissed: g,
+  pluginKey: m
+}) {
+  return {
+    /**
+     * Initialize the plugin's internal state.
+     */
+    init() {
+      return {
+        active: !1,
+        range: { from: 0, to: 0 },
+        query: null,
+        text: null,
+        composing: !1,
+        dismissedRange: null
+      };
+    },
+    /**
+     * Apply changes to the plugin state from a view transaction.
+     */
+    apply(l, f, S, p) {
+      const { isEditable: y } = t, { composing: i } = t.view, { selection: x } = l, { empty: _, from: b } = x, e = { ...f }, R = l.getMeta(m);
+      if (R && R.exit)
+        return e.active = !1, e.decorationId = null, e.range = { from: 0, to: 0 }, e.query = null, e.text = null, e.dismissedRange = f.active ? { ...f.range } : f.dismissedRange, e;
+      if (e.composing = i, l.docChanged && e.dismissedRange !== null && (e.dismissedRange = {
+        from: l.mapping.map(e.dismissedRange.from),
+        to: l.mapping.map(e.dismissedRange.to)
+      }), y && (_ || t.view.composing)) {
+        (b < f.range.from || b > f.range.to) && !i && !f.composing && (e.active = !1);
+        const v = a({
+          char: s,
+          allowSpaces: o,
+          allowToIncludeChar: n,
+          allowedPrefixes: r,
+          startOfLine: u,
+          $position: x.$from
+        }), C = `id_${Math.floor(Math.random() * 4294967295)}`;
+        v && c({
+          editor: t,
+          state: p,
+          range: v.range,
+          isActive: f.active
+        }) && (!d || d({
+          editor: t,
+          range: v.range,
+          query: v.query,
+          text: v.text,
+          transaction: l
+        })) ? (e.dismissedRange !== null && !g({
+          match: v,
+          dismissedRange: e.dismissedRange,
+          state: p,
+          transaction: l
+        }) && (e.dismissedRange = null), e.dismissedRange === null ? (e.active = !0, e.decorationId = f.decorationId || C, e.range = v.range, e.query = v.query, e.text = v.text) : e.active = !1) : (v || (e.dismissedRange = null), e.active = !1);
+      } else
+        e.active = !1;
+      return e.active || (e.decorationId = null, e.range = { from: 0, to: 0 }, e.query = null, e.text = null), e;
+    }
+  };
+}
+function st({
+  editor: t,
+  items: s
+}) {
+  let o = null, n = null, r = null;
+  const u = () => {
+    n !== null && (clearTimeout(n), n = null), r?.(), r = null;
+  }, a = (g) => new Promise((m) => {
+    r = m, n = setTimeout(() => {
+      n = null;
+      const l = r;
+      r = null, l?.();
+    }, g);
+  }), c = () => {
+    o?.abort(), u(), o = null;
+  };
+  return {
+    abort: c,
+    fetch: async (g, m) => {
+      c(), o = new AbortController();
+      const l = o;
+      if (m > 0 && await a(m), o !== l || l.signal.aborted)
+        return { status: "aborted" };
+      try {
+        const f = await s({
+          editor: t,
+          query: g,
+          signal: l.signal
+        });
+        return o !== l || l.signal.aborted ? { status: "aborted" } : { status: "resolved", items: f };
+      } catch {
+        return o !== l || l.signal.aborted ? { status: "aborted" } : { status: "error" };
+      }
+    }
+  };
+}
+function at({
+  placement: t,
+  offset: s,
+  flip: o,
+  floatingUi: n
+}) {
+  var r, u, a, c;
+  const d = [
+    Q({
+      mainAxis: (r = s.mainAxis) != null ? r : 4,
+      crossAxis: (u = s.crossAxis) != null ? u : 0
+    })
+  ];
+  return o && d.push(V()), (a = n?.middleware) != null && a.length && d.push(...n.middleware), {
+    placement: t,
+    strategy: (c = n?.strategy) != null ? c : "absolute",
+    middleware: d
+  };
+}
+function it(t) {
+  if (t instanceof HTMLElement)
+    return t;
+  if (typeof t == "string")
+    try {
+      const s = document.querySelector(t);
+      if (s)
+        return s;
+    } catch {
+      return document.body;
+    }
+  return document.body;
+}
+function lt({
+  getReferenceRect: t,
+  contextElement: s,
+  config: o,
+  container: n,
+  dismissOnOutsideClick: r,
+  dismiss: u
+}) {
+  return (a, c = {}) => {
+    const d = {
+      getBoundingClientRect: () => {
+        var p;
+        return (p = t()) != null ? p : new DOMRect();
+      },
+      contextElement: s
+    };
+    let g = !1;
+    const m = !a.isConnected;
+    m && it(n).appendChild(a), c.onPosition || (a.style.visibility = "hidden", a.style.width = "max-content");
+    const f = W(d, a, () => {
+      G(d, a, {
+        placement: o.placement,
+        strategy: o.strategy,
+        middleware: o.middleware
+      }).then(({ x: p, y, placement: i, strategy: x }) => {
+        if (c.onPosition) {
+          c.onPosition({ x: p, y, placement: i, strategy: x });
+          return;
+        }
+        Object.assign(a.style, {
+          position: x,
+          left: `${p}px`,
+          top: `${y}px`
+        }), g || (g = !0, a.style.visibility = "");
+      });
+    }, c.autoUpdate);
+    let S;
+    return r && (S = (p) => {
+      const y = p.target;
+      !(y instanceof Node) || a.contains(y) || s.contains(y) || u();
+    }, document.addEventListener("pointerdown", S, !0)), () => {
+      f(), S && document.removeEventListener("pointerdown", S, !0), m && a.remove();
+    };
+  };
+}
+function rt({
+  editor: t,
+  pluginKey: s,
+  items: o,
+  renderer: n,
+  minQueryLength: r,
+  debounce: u,
+  initialItems: a,
+  placement: c,
+  offset: d,
+  container: g,
+  flip: m,
+  floatingUi: l,
+  dismissOnOutsideClick: f,
+  command: S,
+  clientRectFor: p,
+  dispatchExit: y
+}) {
+  let i;
+  const x = st({
+    editor: t,
+    items: o
+  }), _ = at({
+    placement: c,
+    offset: d,
+    flip: m,
+    floatingUi: l
+  });
+  function b(e, R) {
+    var v, C, $;
+    switch (e) {
+      case "started":
+        (v = n?.onStart) == null || v.call(n, R);
+        break;
+      case "updated":
+        (C = n?.onUpdate) == null || C.call(n, R);
+        break;
+      case "stopped":
+        ($ = n?.onExit) == null || $.call(n, R);
+        break;
+    }
+  }
+  return {
+    update: async (e, R) => {
+      var v, C, $, P;
+      const q = s.getState(R), w = s.getState(e.state);
+      if (!q || !w)
+        return;
+      let h = null;
+      const F = q.query !== w.query, B = q.text !== w.text, D = q.range.from !== w.range.from || q.range.to !== w.range.to, A = F || B || D;
+      if (!q.active && w.active)
+        h = "started";
+      else if (q.active && !w.active)
+        h = "stopped";
+      else if (w.active && A)
+        h = "updated";
+      else
+        return;
+      const E = h === "stopped" ? q : w, k = e.dom.querySelector(`[data-decoration-id="${E.decorationId}"]`), I = p(e, k), L = r === 0 || (E.query ? E.query.length >= r : !1), O = (h === "started" || h === "updated") && L;
+      if (i = {
+        editor: t,
+        range: E.range,
+        query: E.query || "",
+        text: E.text || "",
+        items: a ?? [],
+        command: (M) => S({
+          editor: t,
+          range: E.range,
+          props: M
+        }),
+        decorationNode: k,
+        clientRect: I,
+        loading: O,
+        placement: c,
+        offset: { mainAxis: (v = d.mainAxis) != null ? v : 4, crossAxis: (C = d.crossAxis) != null ? C : 0 },
+        container: g,
+        flip: m,
+        floatingUi: _,
+        mount: lt({
+          getReferenceRect: I,
+          contextElement: e.dom,
+          config: _,
+          container: g,
+          dismissOnOutsideClick: f,
+          dismiss: () => y(t.view)
+        })
+      }, h === "started" && (($ = n?.onBeforeStart) == null || $.call(n, i)), h === "updated" && ((P = n?.onBeforeUpdate) == null || P.call(n, i)), h === "started" && b(h, i), h === "started" || h === "updated")
+        if (!O)
+          x.abort(), i = { ...i, items: a ?? [], loading: !1 };
+        else {
+          i = { ...i, items: a ?? [], loading: !0 }, h = "updated", b(h, i);
+          const M = await x.fetch(E.query || "", u);
+          if (M.status === "aborted")
+            return;
+          const T = s.getState(e.state);
+          if (!T?.active) {
+            x.abort();
+            return;
+          }
+          i = M.status === "resolved" ? {
+            ...i,
+            items: M.items,
+            loading: !1
+          } : {
+            ...i,
+            loading: !1
+          };
+        }
+      if (h === "stopped") {
+        x.abort(), b(h, i), i = void 0;
+        return;
+      }
+      h === "updated" && b(h, i);
+    },
+    destroy: () => {
+      var e;
+      x.abort(), i && ((e = n?.onExit) == null || e.call(n, i));
+    }
+  };
+}
+var ct = new U("suggestion");
+function ut({
+  pluginKey: t = ct,
+  editor: s,
+  char: o = "@",
+  allowSpaces: n = !1,
+  allowToIncludeChar: r = !1,
+  allowedPrefixes: u = [" "],
+  startOfLine: a = !1,
+  decorationTag: c = "span",
+  decorationClass: d = "suggestion",
+  decorationContent: g = "",
+  decorationEmptyClass: m = "is-empty",
+  command: l = () => null,
+  items: f = () => [],
+  minQueryLength: S = 0,
+  debounce: p = 0,
+  initialItems: y,
+  placement: i = "bottom-start",
+  offset: x = {},
+  container: _,
+  flip: b = !0,
+  floatingUi: e,
+  dismissOnOutsideClick: R = !0,
+  render: v = () => ({}),
+  allow: C = () => !0,
+  findSuggestionMatch: $ = J,
+  shouldShow: P,
+  shouldResetDismissed: q
+}) {
+  const w = v?.(), h = n && !r, F = (A, E) => Z(s, A, E, t);
+  function B(A) {
+    return tt({
+      ...A,
+      editor: s,
+      shouldResetDismissed: q,
+      effectiveAllowSpaces: h
+    });
+  }
+  const D = (A) => et({
+    view: A,
+    pluginKeyRef: t
+  });
+  return new N({
+    key: t,
+    view: () => rt({
+      editor: s,
+      pluginKey: t,
+      items: f,
+      renderer: w,
+      minQueryLength: S,
+      debounce: p,
+      initialItems: y,
+      placement: i,
+      offset: x,
+      container: _,
+      flip: b,
+      floatingUi: e,
+      dismissOnOutsideClick: R,
+      command: l,
+      clientRectFor: F,
+      dispatchExit: D
+    }),
+    state: ot({
+      editor: s,
+      char: o,
+      effectiveAllowSpaces: h,
+      allowToIncludeChar: r,
+      allowedPrefixes: u,
+      startOfLine: a,
+      findSuggestionMatch: $,
+      allow: C,
+      shouldShow: P,
+      shouldKeepDismissed: B,
+      pluginKey: t
+    }),
+    props: nt({
+      pluginKey: t,
+      decorationTag: c,
+      decorationClass: d,
+      decorationContent: g,
+      decorationEmptyClass: m,
+      renderer: w,
+      dispatchExit: D
+    })
+  });
+}
+var dt = ut;
+const ft = new U("slashSuggestion"), pt = H.create({
+  name: "slashCommand",
+  addOptions() {
+    return {
+      ...this.parent?.(),
+      slashSuggestion: {
+        char: "/",
+        startOfLine: !0,
+        command: ({ editor: t, range: s, props: o }) => {
+          o.command({ editor: t, range: s, props: o });
+        }
+      }
+    };
+  },
+  addProseMirrorPlugins() {
+    return [
+      dt({
+        pluginKey: ft,
+        ...this.options.slashSuggestion,
+        editor: this.editor
+      })
+    ];
+  }
+});
+export {
+  ut as S,
+  pt as a,
+  ft as s
+};

package/dist/main.js

@@ -1,6 +1,6 @@
 import { Scribe as o } from "./components/Scribe/index.js";
 import { html2md as m } from "./utils/html-to-markdown.js";
-import { m as i } from "./markdown-to-html-pL7ckd-m.js";
+import { m as i } from "./markdown-to-html-Bw9L43K6.js";
 import { isInViewport as x } from "./utils/is-in-viewport.js";
 import { convertLegacyMathDelimiters as a } from "./utils/convert-legacy-math-delimiters.js";
 import { createScribeEditor as d } from "./utils/create-scribe-editor.js";

package/dist/{markdown-to-html-pL7ckd-m.js → markdown-to-html-Bw9L43K6.js}

@@ -1,4 +1,4 @@
-import { p as xe } from "./purify.es-exIQuqhb.js";
+import { p as xe } from "./purify.es-DC1iJOxX.js";
 function H() {
   return { async: !1, breaks: !1, extensions: null, gfm: !0, hooks: null, pedantic: !1, renderer: null, silent: !1, tokenizer: null, walkTokens: null };
 }