@milkdown/plugin-slash 7.0.0-next.0 → 7.0.0-next.1

package/lib/index.es.js

@@ -1,87 +1,86 @@
-var B = Object.defineProperty;
-var I = (s, t, e) => t in s ? B(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
-var i = (s, t, e) => (I(s, typeof t != "symbol" ? t + "" : t, e), e), C = (s, t, e) => {
-  if (!t.has(s))
+var b = Object.defineProperty;
+var B = (n, t, e) => t in n ? b(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
+var c = (n, t, e) => (B(n, typeof t != "symbol" ? t + "" : t, e), e), x = (n, t, e) => {
+  if (!t.has(n))
     throw TypeError("Cannot " + e);
 };
-var o = (s, t, e) => (C(s, t, "read from private field"), e ? e.call(s) : t.get(s)), r = (s, t, e) => {
-  if (t.has(s))
+var s = (n, t, e) => (x(n, t, "read from private field"), e ? e.call(n) : t.get(n)), i = (n, t, e) => {
+  if (t.has(n))
     throw TypeError("Cannot add the same private member more than once");
-  t instanceof WeakSet ? t.add(s) : t.set(s, e);
-}, h = (s, t, e, n) => (C(s, t, "write to private field"), n ? n.call(s, e) : t.set(s, e), e);
-var $ = (s, t, e) => (C(s, t, "access private method"), e);
-import { Plugin as M, PluginKey as N, TextSelection as O } from "@milkdown/prose/state";
-import { $ctx as R, $prose as _ } from "@milkdown/utils";
-import { posToDOMRect as F, findParentNode as H } from "@milkdown/prose";
-import K from "lodash.debounce";
-import L from "tippy.js";
-const q = (s) => {
-  const t = R({}, `${s}_SLASH_SPEC`), e = _((p) => {
-    const a = p.get(t.key);
-    return new M({
-      key: new N(`${s}_SLASH`),
+  t instanceof WeakSet ? t.add(n) : t.set(n, e);
+}, p = (n, t, e, o) => (x(n, t, "write to private field"), o ? o.call(n, e) : t.set(n, e), e);
+var T = (n, t, e) => (x(n, t, "access private method"), e);
+import { Plugin as R, PluginKey as _, TextSelection as F } from "@milkdown/prose/state";
+import { $ctx as H, $prose as I } from "@milkdown/utils";
+import { posToDOMRect as M, findParentNode as N } from "@milkdown/prose";
+import O from "lodash.debounce";
+import q from "tippy.js";
+const U = (n) => {
+  const t = H({}, `${n}_SLASH_SPEC`), e = I((h) => {
+    const a = h.get(t.key);
+    return new R({
+      key: new _(`${n}_SLASH`),
       ...a
     });
-  }), n = [t, e];
-  return n.key = t.key, n.pluginKey = e.key, n;
-}, j = q("MILKDOWN");
-var c, l, m, d, g, S, k, b;
-class z {
+  }), o = [t, e];
+  return o.key = t.key, o.pluginKey = e.key, o;
+};
+var r, u, m, d, f, S, $;
+class j {
   constructor(t) {
-    r(this, k);
-    r(this, c, void 0);
-    r(this, l, void 0);
-    r(this, m, void 0);
-    r(this, d, void 0);
-    r(this, g, void 0);
-    r(this, S, (t, e) => {
-      const { state: n, composing: p } = t, { selection: a, doc: x } = n, { ranges: y } = a, f = Math.min(...y.map((u) => u.$from.pos)), P = Math.max(...y.map((u) => u.$to.pos)), T = e && e.doc.eq(x) && e.selection.eq(a);
-      if (o(this, c) ?? h(this, c, L(t.dom, {
+    i(this, S);
+    c(this, "element");
+    i(this, r, void 0);
+    i(this, u, void 0);
+    i(this, m, void 0);
+    i(this, d, void 0);
+    i(this, f, (t, e) => {
+      const { state: o, composing: h } = t, { selection: a, doc: k } = o, { ranges: g } = a, y = Math.min(...g.map((l) => l.$from.pos)), C = Math.max(...g.map((l) => l.$to.pos)), P = e && e.doc.eq(k) && e.selection.eq(a);
+      if (s(this, r) ?? p(this, r, q(t.dom, {
         trigger: "manual",
         placement: "bottom-start",
         interactive: !0,
-        ...o(this, m),
-        content: o(this, l)
-      })), !(p || T)) {
-        if (!o(this, g).call(this, t, e)) {
+        ...s(this, u),
+        content: this.element
+      })), !(h || P)) {
+        if (!s(this, d).call(this, t, e)) {
           this.hide();
           return;
         }
-        o(this, c).setProps({
-          getReferenceClientRect: () => F(t, f, P)
+        s(this, r).setProps({
+          getReferenceClientRect: () => M(t, y, C)
         }), this.show();
       }
     });
-    i(this, "update", (t, e) => {
-      K(o(this, S), o(this, d))(t, e);
+    c(this, "update", (t, e) => {
+      O(s(this, f), s(this, m))(t, e);
     });
-    i(this, "getContent", (t) => {
-      const { selection: e } = t.state, { empty: n } = e, p = t.state.selection instanceof O, a = o(this, l).contains(document.activeElement), x = !t.hasFocus() && !a, y = !t.editable, f = H(({ type: u }) => u.name === "paragraph")(t.state.selection);
-      return x || y || !n || !p || !f ? void 0 : f.node.textContent;
+    c(this, "getContent", (t) => {
+      const { selection: e } = t.state, { empty: o } = e, h = t.state.selection instanceof F, a = this.element.contains(document.activeElement), k = !t.hasFocus() && !a, g = !t.editable, y = N(({ type: l }) => l.name === "paragraph")(t.state.selection);
+      return k || g || !o || !h || !y ? void 0 : y.node.textContent;
     });
-    i(this, "destroy", () => {
+    c(this, "destroy", () => {
       var t;
-      (t = o(this, c)) == null || t.destroy();
+      (t = s(this, r)) == null || t.destroy();
     });
-    i(this, "show", () => {
+    c(this, "show", () => {
       var t;
-      (t = o(this, c)) == null || t.show();
+      (t = s(this, r)) == null || t.show();
     });
-    i(this, "hide", () => {
+    c(this, "hide", () => {
       var t;
-      (t = o(this, c)) == null || t.hide();
+      (t = s(this, r)) == null || t.hide();
     });
-    i(this, "getInstance", () => o(this, c));
-    h(this, l, t.content), h(this, m, t.tippyOptions ?? {}), h(this, d, t.debounce ?? 200), h(this, g, t.shouldShow ?? $(this, k, b));
+    c(this, "getInstance", () => s(this, r));
+    this.element = t.content, p(this, u, t.tippyOptions ?? {}), p(this, m, t.debounce ?? 200), p(this, d, t.shouldShow ?? T(this, S, $));
   }
 }
-c = new WeakMap(), l = new WeakMap(), m = new WeakMap(), d = new WeakMap(), g = new WeakMap(), S = new WeakMap(), k = new WeakSet(), b = function(t) {
+r = new WeakMap(), u = new WeakMap(), m = new WeakMap(), d = new WeakMap(), f = new WeakMap(), S = new WeakSet(), $ = function(t) {
   const e = this.getContent(t);
   return e ? e.at(-1) === "/" : !1;
 };
 export {
-  z as SlashProvider,
-  j as slash,
-  q as slashFactory
+  j as SlashProvider,
+  U as slashFactory
 };
 //# sourceMappingURL=index.es.js.map

package/lib/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../src/slash-plugin.ts","../src/slash-provider.ts"],"sourcesContent":["/* Copyright 2021, Milkdown by Mirone. */\nimport type { SliceType } from '@milkdown/ctx'\nimport type { PluginSpec } from '@milkdown/prose/state'\nimport { Plugin, PluginKey } from '@milkdown/prose/state'\nimport type { $Ctx, $Prose } from '@milkdown/utils'\nimport { $ctx, $prose } from '@milkdown/utils'\n\nexport type SlashPluginSpecId<Id extends string> = `${Id}_SLASH_SPEC`\n\nexport type SlashPlugin<Id extends string, State = any> = [$Ctx<PluginSpec<State>, SlashPluginSpecId<Id>>, $Prose] & {\n  key: SliceType<PluginSpec<State>, SlashPluginSpecId<Id>>\n  pluginKey: $Prose['key']\n}\n\nexport const slashFactory = <Id extends string, State = any>(id: Id) => {\n  const slashSpec = $ctx<PluginSpec<State>, SlashPluginSpecId<Id>>({}, `${id}_SLASH_SPEC`)\n  const slashPlugin = $prose((ctx) => {\n    const spec = ctx.get(slashSpec.key)\n    return new Plugin({\n      key: new PluginKey(`${id}_SLASH`),\n      ...spec,\n    })\n  })\n  const result = [slashSpec, slashPlugin] as SlashPlugin<Id>\n  result.key = slashSpec.key\n  result.pluginKey = slashPlugin.key\n\n  return result\n}\n\nexport const slash = slashFactory('MILKDOWN')\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { findParentNode, posToDOMRect } from '@milkdown/prose'\nimport type { EditorState } from '@milkdown/prose/state'\nimport { TextSelection } from '@milkdown/prose/state'\nimport type { EditorView } from '@milkdown/prose/view'\nimport debounce from 'lodash.debounce'\nimport type { Instance, Props } from 'tippy.js'\nimport tippy from 'tippy.js'\n\nexport type SlashProviderOptions = {\n  content: HTMLElement\n  tippyOptions?: Partial<Props>\n  debounce?: number\n  shouldShow?: (view: EditorView, prevState?: EditorState) => boolean\n}\n\nexport class SlashProvider {\n  #tippy: Instance | undefined\n\n  #element: HTMLElement\n\n  #tippyOptions: Partial<Props>\n\n  #debounce: number\n\n  #shouldShow: (view: EditorView, prevState?: EditorState) => boolean\n\n  constructor(options: SlashProviderOptions) {\n    this.#element = options.content\n    this.#tippyOptions = options.tippyOptions ?? {}\n    this.#debounce = options.debounce ?? 200\n    this.#shouldShow = options.shouldShow ?? this.#_shouldShow\n  }\n\n  #onUpdate = (view: EditorView, prevState?: EditorState): void => {\n    const { state, composing } = view\n    const { selection, doc } = state\n    const { ranges } = selection\n    const from = Math.min(...ranges.map(range => range.$from.pos))\n    const to = Math.max(...ranges.map(range => range.$to.pos))\n    const isSame = prevState && prevState.doc.eq(doc) && prevState.selection.eq(selection)\n\n    this.#tippy ??= tippy(view.dom, {\n      trigger: 'manual',\n      placement: 'bottom-start',\n      interactive: true,\n      ...this.#tippyOptions,\n      content: this.#element,\n    })\n\n    if (composing || isSame)\n      return\n\n    if (!this.#shouldShow(view, prevState)) {\n      this.hide()\n      return\n    }\n\n    this.#tippy.setProps({\n      getReferenceClientRect: () => posToDOMRect(view, from, to),\n    })\n\n    this.show()\n  }\n\n  update = (view: EditorView, prevState?: EditorState): void => {\n    const updater = debounce(this.#onUpdate, this.#debounce)\n\n    updater(view, prevState)\n  }\n\n  getContent = (view: EditorView): string | undefined => {\n    const { selection } = view.state\n    const { empty } = selection\n    const isTextBlock = view.state.selection instanceof TextSelection\n\n    const isSlashChildren = this.#element.contains(document.activeElement)\n\n    const notHasFocus = !view.hasFocus() && !isSlashChildren\n\n    const isReadonly = !view.editable\n\n    const paragraph = findParentNode(({ type }) => type.name === 'paragraph')(view.state.selection)\n\n    const isNotInParagraph = !paragraph\n\n    if (notHasFocus || isReadonly || !empty || !isTextBlock || isNotInParagraph)\n      return\n\n    const currentTextBlockContent = paragraph.node.textContent\n\n    return currentTextBlockContent\n  }\n\n  #_shouldShow(view: EditorView): boolean {\n    const currentTextBlockContent = this.getContent(view)\n\n    if (!currentTextBlockContent)\n      return false\n\n    return currentTextBlockContent.at(-1) === '/'\n  }\n\n  destroy = () => {\n    this.#tippy?.destroy()\n  }\n\n  show = () => {\n    this.#tippy?.show()\n  }\n\n  hide = () => {\n    this.#tippy?.hide()\n  }\n\n  getInstance = () => {\n    return this.#tippy\n  }\n}\n"],"names":["slashFactory","id","slashSpec","$ctx","slashPlugin","$prose","ctx","spec","Plugin","PluginKey","result","slash","SlashProvider","options","__privateAdd","__shouldShow","_tippy","_element","_tippyOptions","_debounce","_shouldShow","_onUpdate","view","prevState","state","composing","selection","doc","ranges","from","range","to","isSame","__privateGet","__privateSet","tippy","posToDOMRect","__publicField","debounce","empty","isTextBlock","TextSelection","isSlashChildren","notHasFocus","isReadonly","paragraph","findParentNode","type","_a","__privateMethod","_shouldShow_fn","currentTextBlockContent"],"mappings":";;;;;;;;;;;;;;;;;AAca,MAAAA,IAAe,CAAiCC,MAAW;AACtE,QAAMC,IAAYC,EAA+C,CAAC,GAAG,GAAGF,cAAe,GACjFG,IAAcC,EAAO,CAACC,MAAQ;AAClC,UAAMC,IAAOD,EAAI,IAAIJ,EAAU,GAAG;AAClC,WAAO,IAAIM,EAAO;AAAA,MAChB,KAAK,IAAIC,EAAU,GAAGR,SAAU;AAAA,MAChC,GAAGM;AAAA,IAAA,CACJ;AAAA,EAAA,CACF,GACKG,IAAS,CAACR,GAAWE,CAAW;AACtC,SAAAM,EAAO,MAAMR,EAAU,KACvBQ,EAAO,YAAYN,EAAY,KAExBM;AACT,GAEaC,IAAQX,EAAa,UAAU;;ACdrC,MAAMY,EAAc;AAAA,EAWzB,YAAYC,GAA+B;AAmE3C,IAAAC,EAAA,MAAAC;AA7EA,IAAAD,EAAA,MAAAE,GAAA;AAEA,IAAAF,EAAA,MAAAG,GAAA;AAEA,IAAAH,EAAA,MAAAI,GAAA;AAEA,IAAAJ,EAAA,MAAAK,GAAA;AAEA,IAAAL,EAAA,MAAAM,GAAA;AASA,IAAAN,EAAA,MAAAO,GAAY,CAACC,GAAkBC,MAAkC;AACzD,YAAA,EAAE,OAAAC,GAAO,WAAAC,EAAc,IAAAH,GACvB,EAAE,WAAAI,GAAW,KAAAC,EAAQ,IAAAH,GACrB,EAAE,QAAAI,EAAW,IAAAF,GACbG,IAAO,KAAK,IAAI,GAAGD,EAAO,IAAI,CAASE,MAAAA,EAAM,MAAM,GAAG,CAAC,GACvDC,IAAK,KAAK,IAAI,GAAGH,EAAO,IAAI,CAASE,MAAAA,EAAM,IAAI,GAAG,CAAC,GACnDE,IAAST,KAAaA,EAAU,IAAI,GAAGI,CAAG,KAAKJ,EAAU,UAAU,GAAGG,CAAS;AAUrF,UARKO,EAAA,MAAAjB,MAAAkB,EAAA,MAAAlB,GAAWmB,EAAMb,EAAK,KAAK;AAAA,QAC9B,SAAS;AAAA,QACT,WAAW;AAAA,QACX,aAAa;AAAA,QACb,GAAGW,EAAA,MAAKf;AAAA,QACR,SAASe,EAAA,MAAKhB;AAAA,MAAA,CACf,IAEG,EAAAQ,KAAaO,IAGjB;AAAA,YAAI,CAACC,EAAA,MAAKb,GAAL,WAAiBE,GAAMC,IAAY;AACtC,eAAK,KAAK;AACV;AAAA,QACF;AAEA,QAAAU,EAAA,MAAKjB,GAAO,SAAS;AAAA,UACnB,wBAAwB,MAAMoB,EAAad,GAAMO,GAAME,CAAE;AAAA,QAAA,CAC1D,GAED,KAAK,KAAK;AAAA;AAAA,IAAA;AAGZ,IAAAM,EAAA,gBAAS,CAACf,GAAkBC,MAAkC;AAG5D,MAFgBe,EAASL,EAAA,MAAKZ,IAAWY,EAAA,MAAKd,EAAS,EAE/CG,GAAMC,CAAS;AAAA,IAAA;AAGzB,IAAAc,EAAA,oBAAa,CAACf,MAAyC;AAC/C,YAAA,EAAE,WAAAI,EAAU,IAAIJ,EAAK,OACrB,EAAE,OAAAiB,EAAU,IAAAb,GACZc,IAAclB,EAAK,MAAM,qBAAqBmB,GAE9CC,IAAkBT,EAAA,MAAKhB,GAAS,SAAS,SAAS,aAAa,GAE/D0B,IAAc,CAACrB,EAAK,cAAc,CAACoB,GAEnCE,IAAa,CAACtB,EAAK,UAEnBuB,IAAYC,EAAe,CAAC,EAAE,MAAAC,EAAK,MAAMA,EAAK,SAAS,WAAW,EAAEzB,EAAK,MAAM,SAAS;AAI9F,aAAIqB,KAAeC,KAAc,CAACL,KAAS,CAACC,KAFnB,CAACK,IAGxB,SAE8BA,EAAU,KAAK;AAAA,IAExC;AAYT,IAAAR,EAAA,iBAAU,MAAM;;AACd,OAAAW,IAAAf,EAAA,MAAKjB,OAAL,QAAAgC,EAAa;AAAA,IAAQ;AAGvB,IAAAX,EAAA,cAAO,MAAM;;AACX,OAAAW,IAAAf,EAAA,MAAKjB,OAAL,QAAAgC,EAAa;AAAA,IAAK;AAGpB,IAAAX,EAAA,cAAO,MAAM;;AACX,OAAAW,IAAAf,EAAA,MAAKjB,OAAL,QAAAgC,EAAa;AAAA,IAAK;AAGpB,IAAAX,EAAA,qBAAc,MACLJ,EAAA,MAAKjB;AAxFZ,IAAAkB,EAAA,MAAKjB,GAAWJ,EAAQ,UACnBqB,EAAA,MAAAhB,GAAgBL,EAAQ,gBAAgB,CAAA,IACxCqB,EAAA,MAAAf,GAAYN,EAAQ,YAAY,MAChCqB,EAAA,MAAAd,GAAcP,EAAQ,cAAcoC,EAAA,MAAKlC,GAAAmC;AAAA,EAChD;AAsFF;AArGElC,IAAA,eAEAC,IAAA,eAEAC,IAAA,eAEAC,IAAA,eAEAC,IAAA,eASAC,IAAA,eA4DAN,IAAA,eAAAmC,aAAa5B,GAA2B;AAChC,QAAA6B,IAA0B,KAAK,WAAW7B,CAAI;AAEpD,SAAK6B,IAGEA,EAAwB,GAAG,EAAE,MAAM,MAFjC;AAGX;"}
+{"version":3,"file":"index.es.js","sources":["../src/slash-plugin.ts","../src/slash-provider.ts"],"sourcesContent":["/* Copyright 2021, Milkdown by Mirone. */\nimport type { SliceType } from '@milkdown/ctx'\nimport type { PluginSpec } from '@milkdown/prose/state'\nimport { Plugin, PluginKey } from '@milkdown/prose/state'\nimport type { $Ctx, $Prose } from '@milkdown/utils'\nimport { $ctx, $prose } from '@milkdown/utils'\n\n/// @internal\nexport type SlashPluginSpecId<Id extends string> = `${Id}_SLASH_SPEC`\n\n/// @internal\nexport type SlashPlugin<Id extends string, State = any> = [$Ctx<PluginSpec<State>, SlashPluginSpecId<Id>>, $Prose] & {\n  key: SliceType<PluginSpec<State>, SlashPluginSpecId<Id>>\n  pluginKey: $Prose['key']\n}\n\n/// Create a slash plugin with a unique id.\nexport const slashFactory = <Id extends string, State = any>(id: Id) => {\n  const slashSpec = $ctx<PluginSpec<State>, SlashPluginSpecId<Id>>({}, `${id}_SLASH_SPEC`)\n  const slashPlugin = $prose((ctx) => {\n    const spec = ctx.get(slashSpec.key)\n    return new Plugin({\n      key: new PluginKey(`${id}_SLASH`),\n      ...spec,\n    })\n  })\n  const result = [slashSpec, slashPlugin] as SlashPlugin<Id>\n  result.key = slashSpec.key\n  result.pluginKey = slashPlugin.key\n\n  return result\n}\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { findParentNode, posToDOMRect } from '@milkdown/prose'\nimport type { EditorState } from '@milkdown/prose/state'\nimport { TextSelection } from '@milkdown/prose/state'\nimport type { EditorView } from '@milkdown/prose/view'\nimport debounce from 'lodash.debounce'\nimport type { Instance, Props } from 'tippy.js'\nimport tippy from 'tippy.js'\n\n/// Options for slash provider.\nexport type SlashProviderOptions = {\n  /// The slash content.\n  content: HTMLElement\n  /// The options for creating [tippy.js](https://atomiks.github.io/tippyjs/) instance.\n  tippyOptions?: Partial<Props>\n  /// The debounce time for updating slash, 200ms by default.\n  debounce?: number\n  /// The function to determine whether the tooltip should be shown.\n  shouldShow?: (view: EditorView, prevState?: EditorState) => boolean\n}\n\n/// A provider for creating slash.\nexport class SlashProvider {\n  /// The root element of the slash.\n  element: HTMLElement\n\n  /// @internal\n  #tippy: Instance | undefined\n\n  /// @internal\n  #tippyOptions: Partial<Props>\n\n  /// @internal\n  #debounce: number\n\n  /// @internal\n  #shouldShow: (view: EditorView, prevState?: EditorState) => boolean\n\n  constructor(options: SlashProviderOptions) {\n    this.element = options.content\n    this.#tippyOptions = options.tippyOptions ?? {}\n    this.#debounce = options.debounce ?? 200\n    this.#shouldShow = options.shouldShow ?? this.#_shouldShow\n  }\n\n  /// @internal\n  #onUpdate = (view: EditorView, prevState?: EditorState): void => {\n    const { state, composing } = view\n    const { selection, doc } = state\n    const { ranges } = selection\n    const from = Math.min(...ranges.map(range => range.$from.pos))\n    const to = Math.max(...ranges.map(range => range.$to.pos))\n    const isSame = prevState && prevState.doc.eq(doc) && prevState.selection.eq(selection)\n\n    this.#tippy ??= tippy(view.dom, {\n      trigger: 'manual',\n      placement: 'bottom-start',\n      interactive: true,\n      ...this.#tippyOptions,\n      content: this.element,\n    })\n\n    if (composing || isSame)\n      return\n\n    if (!this.#shouldShow(view, prevState)) {\n      this.hide()\n      return\n    }\n\n    this.#tippy.setProps({\n      getReferenceClientRect: () => posToDOMRect(view, from, to),\n    })\n\n    this.show()\n  }\n\n  /// @internal\n  #_shouldShow(view: EditorView): boolean {\n    const currentTextBlockContent = this.getContent(view)\n\n    if (!currentTextBlockContent)\n      return false\n\n    return currentTextBlockContent.at(-1) === '/'\n  }\n\n  /// Update provider state by editor view.\n  update = (view: EditorView, prevState?: EditorState): void => {\n    const updater = debounce(this.#onUpdate, this.#debounce)\n\n    updater(view, prevState)\n  }\n\n  /// Get the content of the current text block.\n  getContent = (view: EditorView): string | undefined => {\n    const { selection } = view.state\n    const { empty } = selection\n    const isTextBlock = view.state.selection instanceof TextSelection\n\n    const isSlashChildren = this.element.contains(document.activeElement)\n\n    const notHasFocus = !view.hasFocus() && !isSlashChildren\n\n    const isReadonly = !view.editable\n\n    const paragraph = findParentNode(({ type }) => type.name === 'paragraph')(view.state.selection)\n\n    const isNotInParagraph = !paragraph\n\n    if (notHasFocus || isReadonly || !empty || !isTextBlock || isNotInParagraph)\n      return\n\n    const currentTextBlockContent = paragraph.node.textContent\n\n    return currentTextBlockContent\n  }\n\n  /// Destroy the slash.\n  destroy = () => {\n    this.#tippy?.destroy()\n  }\n\n  /// Show the slash.\n  show = () => {\n    this.#tippy?.show()\n  }\n\n  /// Hide the slash.\n  hide = () => {\n    this.#tippy?.hide()\n  }\n\n  /// Get the [tippy.js](https://atomiks.github.io/tippyjs/) instance.\n  getInstance = () => {\n    return this.#tippy\n  }\n}\n"],"names":["slashFactory","id","slashSpec","$ctx","slashPlugin","$prose","ctx","spec","Plugin","PluginKey","result","SlashProvider","options","__privateAdd","__shouldShow","__publicField","_tippy","_tippyOptions","_debounce","_shouldShow","_onUpdate","view","prevState","state","composing","selection","doc","ranges","from","range","to","isSame","__privateGet","__privateSet","tippy","posToDOMRect","debounce","empty","isTextBlock","TextSelection","isSlashChildren","notHasFocus","isReadonly","paragraph","findParentNode","type","_a","__privateMethod","_shouldShow_fn","currentTextBlockContent"],"mappings":"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"}

package/lib/slash-plugin.d.ts

@@ -7,5 +7,4 @@ export type SlashPlugin<Id extends string, State = any> = [$Ctx<PluginSpec<State
     pluginKey: $Prose['key'];
 };
 export declare const slashFactory: <Id extends string, State = any>(id: Id) => SlashPlugin<Id, any>;
-export declare const slash: SlashPlugin<"MILKDOWN", any>;
 //# sourceMappingURL=slash-plugin.d.ts.map

package/lib/slash-plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slash-plugin.d.ts","sourceRoot":"","sources":["../src/slash-plugin.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAEvD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAGnD,MAAM,MAAM,iBAAiB,CAAC,EAAE,SAAS,MAAM,IAAI,GAAG,EAAE,aAAa,CAAA;AAErE,MAAM,MAAM,WAAW,CAAC,EAAE,SAAS,MAAM,EAAE,KAAK,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG;IACnH,GAAG,EAAE,SAAS,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,iBAAiB,CAAC,EAAE,CAAC,CAAC,CAAA;IACxD,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,CAAA;CACzB,CAAA;AAED,eAAO,MAAM,YAAY,kEAcxB,CAAA;AAED,eAAO,MAAM,KAAK,8BAA2B,CAAA"}
+{"version":3,"file":"slash-plugin.d.ts","sourceRoot":"","sources":["../src/slash-plugin.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAEvD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAInD,MAAM,MAAM,iBAAiB,CAAC,EAAE,SAAS,MAAM,IAAI,GAAG,EAAE,aAAa,CAAA;AAGrE,MAAM,MAAM,WAAW,CAAC,EAAE,SAAS,MAAM,EAAE,KAAK,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,iBAAiB,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG;IACnH,GAAG,EAAE,SAAS,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,iBAAiB,CAAC,EAAE,CAAC,CAAC,CAAA;IACxD,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,CAAA;CACzB,CAAA;AAGD,eAAO,MAAM,YAAY,kEAcxB,CAAA"}

package/lib/slash-provider.d.ts

@@ -9,6 +9,7 @@ export type SlashProviderOptions = {
 };
 export declare class SlashProvider {
     #private;
+    element: HTMLElement;
     constructor(options: SlashProviderOptions);
     update: (view: EditorView, prevState?: EditorState) => void;
     getContent: (view: EditorView) => string | undefined;

package/lib/slash-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slash-provider.d.ts","sourceRoot":"","sources":["../src/slash-provider.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAExD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEtD,OAAO,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAG/C,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,EAAE,WAAW,CAAA;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,SAAS,CAAC,EAAE,WAAW,KAAK,OAAO,CAAA;CACpE,CAAA;AAED,qBAAa,aAAa;;gBAWZ,OAAO,EAAE,oBAAoB;IAsCzC,MAAM,SAAU,UAAU,cAAc,WAAW,KAAG,IAAI,CAIzD;IAED,UAAU,SAAU,UAAU,KAAG,MAAM,GAAG,SAAS,CAqBlD;IAWD,OAAO,aAEN;IAED,IAAI,aAEH;IAED,IAAI,aAEH;IAED,WAAW,oCAEV;CACF"}
+{"version":3,"file":"slash-provider.d.ts","sourceRoot":"","sources":["../src/slash-provider.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAExD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEtD,OAAO,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAI/C,MAAM,MAAM,oBAAoB,GAAG;IAEjC,OAAO,EAAE,WAAW,CAAA;IAEpB,YAAY,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;IAE7B,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,SAAS,CAAC,EAAE,WAAW,KAAK,OAAO,CAAA;CACpE,CAAA;AAGD,qBAAa,aAAa;;IAExB,OAAO,EAAE,WAAW,CAAA;gBAcR,OAAO,EAAE,oBAAoB;IAkDzC,MAAM,SAAU,UAAU,cAAc,WAAW,KAAG,IAAI,CAIzD;IAGD,UAAU,SAAU,UAAU,KAAG,MAAM,GAAG,SAAS,CAqBlD;IAGD,OAAO,aAEN;IAGD,IAAI,aAEH;IAGD,IAAI,aAEH;IAGD,WAAW,oCAEV;CACF"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@milkdown/plugin-slash",
   "type": "module",
-  "version": "7.0.0-next.0",
+  "version": "7.0.0-next.1",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -30,13 +30,13 @@
     "smooth-scroll-into-view-if-needed": "^1.1.32",
     "tippy.js": "^6.3.7",
     "tslib": "^2.4.0",
-    "@milkdown/exception": "7.0.0-next.0",
-    "@milkdown/utils": "7.0.0-next.0"
+    "@milkdown/exception": "7.0.0-next.1",
+    "@milkdown/utils": "7.0.0-next.1"
   },
   "devDependencies": {
-    "@milkdown/core": "7.0.0-next.0",
-    "@milkdown/ctx": "7.0.0-next.0",
-    "@milkdown/prose": "7.0.0-next.0"
+    "@milkdown/core": "7.0.0-next.1",
+    "@milkdown/ctx": "7.0.0-next.1",
+    "@milkdown/prose": "7.0.0-next.1"
   },
   "nx": {
     "targets": {

package/src/slash-plugin.ts

@@ -5,13 +5,16 @@ import { Plugin, PluginKey } from '@milkdown/prose/state'
 import type { $Ctx, $Prose } from '@milkdown/utils'
 import { $ctx, $prose } from '@milkdown/utils'
 
+/// @internal
 export type SlashPluginSpecId<Id extends string> = `${Id}_SLASH_SPEC`
 
+/// @internal
 export type SlashPlugin<Id extends string, State = any> = [$Ctx<PluginSpec<State>, SlashPluginSpecId<Id>>, $Prose] & {
   key: SliceType<PluginSpec<State>, SlashPluginSpecId<Id>>
   pluginKey: $Prose['key']
 }
 
+/// Create a slash plugin with a unique id.
 export const slashFactory = <Id extends string, State = any>(id: Id) => {
   const slashSpec = $ctx<PluginSpec<State>, SlashPluginSpecId<Id>>({}, `${id}_SLASH_SPEC`)
   const slashPlugin = $prose((ctx) => {
@@ -27,5 +30,3 @@ export const slashFactory = <Id extends string, State = any>(id: Id) => {
 
   return result
 }
-
-export const slash = slashFactory('MILKDOWN')

package/src/slash-provider.ts

@@ -7,31 +7,43 @@ import debounce from 'lodash.debounce'
 import type { Instance, Props } from 'tippy.js'
 import tippy from 'tippy.js'
 
+/// Options for slash provider.
 export type SlashProviderOptions = {
+  /// The slash content.
   content: HTMLElement
+  /// The options for creating [tippy.js](https://atomiks.github.io/tippyjs/) instance.
   tippyOptions?: Partial<Props>
+  /// The debounce time for updating slash, 200ms by default.
   debounce?: number
+  /// The function to determine whether the tooltip should be shown.
   shouldShow?: (view: EditorView, prevState?: EditorState) => boolean
 }
 
+/// A provider for creating slash.
 export class SlashProvider {
-  #tippy: Instance | undefined
+  /// The root element of the slash.
+  element: HTMLElement
 
-  #element: HTMLElement
+  /// @internal
+  #tippy: Instance | undefined
 
+  /// @internal
   #tippyOptions: Partial<Props>
 
+  /// @internal
   #debounce: number
 
+  /// @internal
   #shouldShow: (view: EditorView, prevState?: EditorState) => boolean
 
   constructor(options: SlashProviderOptions) {
-    this.#element = options.content
+    this.element = options.content
     this.#tippyOptions = options.tippyOptions ?? {}
     this.#debounce = options.debounce ?? 200
     this.#shouldShow = options.shouldShow ?? this.#_shouldShow
   }
 
+  /// @internal
   #onUpdate = (view: EditorView, prevState?: EditorState): void => {
     const { state, composing } = view
     const { selection, doc } = state
@@ -45,7 +57,7 @@ export class SlashProvider {
       placement: 'bottom-start',
       interactive: true,
       ...this.#tippyOptions,
-      content: this.#element,
+      content: this.element,
     })
 
     if (composing || isSame)
@@ -63,18 +75,30 @@ export class SlashProvider {
     this.show()
   }
 
+  /// @internal
+  #_shouldShow(view: EditorView): boolean {
+    const currentTextBlockContent = this.getContent(view)
+
+    if (!currentTextBlockContent)
+      return false
+
+    return currentTextBlockContent.at(-1) === '/'
+  }
+
+  /// Update provider state by editor view.
   update = (view: EditorView, prevState?: EditorState): void => {
     const updater = debounce(this.#onUpdate, this.#debounce)
 
     updater(view, prevState)
   }
 
+  /// Get the content of the current text block.
   getContent = (view: EditorView): string | undefined => {
     const { selection } = view.state
     const { empty } = selection
     const isTextBlock = view.state.selection instanceof TextSelection
 
-    const isSlashChildren = this.#element.contains(document.activeElement)
+    const isSlashChildren = this.element.contains(document.activeElement)
 
     const notHasFocus = !view.hasFocus() && !isSlashChildren
 
@@ -92,27 +116,22 @@ export class SlashProvider {
     return currentTextBlockContent
   }
 
-  #_shouldShow(view: EditorView): boolean {
-    const currentTextBlockContent = this.getContent(view)
-
-    if (!currentTextBlockContent)
-      return false
-
-    return currentTextBlockContent.at(-1) === '/'
-  }
-
+  /// Destroy the slash.
   destroy = () => {
     this.#tippy?.destroy()
   }
 
+  /// Show the slash.
   show = () => {
     this.#tippy?.show()
   }
 
+  /// Hide the slash.
   hide = () => {
     this.#tippy?.hide()
   }
 
+  /// Get the [tippy.js](https://atomiks.github.io/tippyjs/) instance.
   getInstance = () => {
     return this.#tippy
   }