@milkdown/plugin-slash 7.3.3 → 7.3.4

package/lib/index.es.js

@@ -1,73 +1,76 @@
-var C = (e, s, t) => {
-  if (!s.has(e))
+var $ = (s, e, t) => {
+  if (!e.has(s))
     throw TypeError("Cannot " + t);
 };
-var o = (e, s, t) => (C(e, s, "read from private field"), t ? t.call(e) : s.get(e)), a = (e, s, t) => {
-  if (s.has(e))
+var o = (s, e, t) => ($(s, e, "read from private field"), t ? t.call(s) : e.get(s)), a = (s, e, t) => {
+  if (e.has(s))
     throw TypeError("Cannot add the same private member more than once");
-  s instanceof WeakSet ? s.add(e) : s.set(e, t);
-}, c = (e, s, t, n) => (C(e, s, "write to private field"), n ? n.call(e, t) : s.set(e, t), t);
-var b = (e, s, t) => (C(e, s, "access private method"), t);
-import { Plugin as A, PluginKey as R, TextSelection as T } from "@milkdown/prose/state";
-import { $ctx as _, $prose as w } from "@milkdown/utils";
-import { posToDOMRect as F, findParentNode as H } from "@milkdown/prose";
-import I from "lodash.debounce";
-import M from "tippy.js";
-function D(e) {
-  const s = _({}, `${e}_SLASH_SPEC`), t = w((r) => {
-    const l = r.get(s.key);
-    return new A({
-      key: new R(`${e}_SLASH`),
-      ...l
+  e instanceof WeakSet ? e.add(s) : e.set(s, t);
+}, c = (s, e, t, n) => ($(s, e, "write to private field"), n ? n.call(s, t) : e.set(s, t), t);
+var b = (s, e, t) => ($(s, e, "access private method"), t);
+import { Plugin as O, PluginKey as A, TextSelection as M } from "@milkdown/prose/state";
+import { $ctx as N, $prose as R } from "@milkdown/utils";
+import { posToDOMRect as T, findParentNode as _ } from "@milkdown/prose";
+import B from "lodash.debounce";
+import F from "tippy.js";
+function D(s) {
+  const e = N({}, `${s}_SLASH_SPEC`), t = R((r) => {
+    const p = r.get(e.key);
+    return new O({
+      key: new A(`${s}_SLASH`),
+      ...p
     });
-  }), n = [s, t];
-  return n.key = s.key, n.pluginKey = t.key, s.meta = {
+  }), n = [e, t];
+  return n.key = e.key, n.pluginKey = t.key, e.meta = {
     package: "@milkdown/plugin-slash",
-    displayName: `Ctx<slashSpec>|${e}`
+    displayName: `Ctx<slashSpec>|${s}`
   }, t.meta = {
     package: "@milkdown/plugin-slash",
-    displayName: `Prose<slash>|${e}`
+    displayName: `Prose<slash>|${s}`
   }, n;
 }
-var i, p, m, h, u, d, k, N;
+var i, u, d, h, g, f, k, w;
 class U {
-  constructor(s) {
+  constructor(e) {
     /// @internal
     a(this, k);
     /// @internal
     a(this, i, void 0);
     /// @internal
-    a(this, p, void 0);
+    a(this, u, void 0);
     /// @internal
-    a(this, m, void 0);
+    a(this, d, void 0);
     /// @internal
     a(this, h, void 0);
     /// @internal
-    a(this, u, void 0);
-    a(this, d, void 0);
-    c(this, d, (t, n) => {
-      const { state: r, composing: l } = t, { selection: g, doc: S } = r, { ranges: y } = g, P = Math.min(...y.map((x) => x.$from.pos)), f = Math.max(...y.map((x) => x.$to.pos)), $ = n && n.doc.eq(S) && n.selection.eq(g);
-      if (o(this, i) ?? c(this, i, M(t.dom, {
+    a(this, g, void 0);
+    a(this, f, void 0);
+    c(this, f, (t, n) => {
+      const { state: r, composing: p } = t, { selection: l, doc: S } = r, { ranges: y } = l, x = Math.min(...y.map((m) => m.$from.pos)), P = Math.max(...y.map((m) => m.$to.pos)), C = n && n.doc.eq(S) && n.selection.eq(l);
+      if (o(this, i) ?? c(this, i, F(t.dom, {
         trigger: "manual",
         placement: "bottom-start",
         interactive: !0,
-        ...o(this, p),
+        delay: 0,
+        arrow: !1,
+        duration: 0,
+        ...o(this, u),
         content: this.element
-      })), !(l || $)) {
-        if (!o(this, u).call(this, t, n)) {
+      })), !(p || C)) {
+        if (!o(this, g).call(this, t, n)) {
           this.hide();
           return;
         }
         o(this, i).setProps({
-          getReferenceClientRect: () => F(t, P, f)
+          getReferenceClientRect: () => T(t, x, P)
         }), this.show();
       }
     }), this.update = (t, n) => {
-      I(o(this, d), o(this, m))(t, n);
+      B(o(this, f), o(this, d))(t, n);
     }, this.getContent = (t, n = (r) => r.type.name === "paragraph") => {
-      const { selection: r } = t.state, { empty: l } = r, g = t.state.selection instanceof T, S = this.element.contains(document.activeElement), y = !t.hasFocus() && !S, P = !t.editable, f = H(n)(t.state.selection);
-      if (!(y || P || !l || !g || !f))
-        return f.node.textContent;
+      const { selection: r } = t.state, { empty: p, $from: l } = r, S = t.state.selection instanceof M, y = this.element.contains(document.activeElement), x = !t.hasFocus() && !y, P = !t.editable, m = !_(n)(t.state.selection);
+      if (!(x || P || !p || !S || m))
+        return l.parent.textBetween(Math.max(0, l.parentOffset - 500), l.parentOffset, void 0, "");
     }, this.destroy = () => {
       var t;
       (t = o(this, i)) == null || t.destroy();
@@ -77,11 +80,11 @@ class U {
     }, this.hide = () => {
       var t;
       (t = o(this, i)) == null || t.hide();
-    }, this.getInstance = () => o(this, i), this.element = s.content, c(this, p, s.tippyOptions ?? {}), c(this, m, s.debounce ?? 200), c(this, u, s.shouldShow ?? b(this, k, N)), c(this, h, s.trigger ?? "/");
+    }, this.getInstance = () => o(this, i), this.element = e.content, c(this, u, e.tippyOptions ?? {}), c(this, d, e.debounce ?? 200), c(this, g, e.shouldShow ?? b(this, k, w)), c(this, h, e.trigger ?? "/");
   }
 }
-i = new WeakMap(), p = new WeakMap(), m = new WeakMap(), h = new WeakMap(), u = new WeakMap(), d = new WeakMap(), k = new WeakSet(), N = function(s) {
-  const t = this.getContent(s);
+i = new WeakMap(), u = new WeakMap(), d = new WeakMap(), h = new WeakMap(), g = new WeakMap(), f = new WeakMap(), k = new WeakSet(), w = function(e) {
+  const t = this.getContent(e);
   if (!t)
     return !1;
   const n = t.at(-1);

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\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 function 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  slashSpec.meta = {\n    package: '@milkdown/plugin-slash',\n    displayName: `Ctx<slashSpec>|${id}`,\n  }\n  slashPlugin.meta = {\n    package: '@milkdown/plugin-slash',\n    displayName: `Prose<slash>|${id}`,\n  }\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 type { Node } from '@milkdown/prose/model'\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 interface 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  /// The key trigger for shouldShow, '/' by default.\n  trigger?: string | string[]\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  #trigger: string | string[]\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    this.#trigger = options.trigger ?? '/'\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    const target = currentTextBlockContent.at(-1)\n\n    if (!target)\n      return false\n\n    return Array.isArray(this.#trigger) ? this.#trigger.includes(target) : this.#trigger === target\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  /// Pass the `matchNode` function to determine whether the current node should be matched, by default, it will match the paragraph node.\n  getContent = (view: EditorView, matchNode: (node: Node) => boolean = node => node.type.name === 'paragraph'): 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(matchNode)(view.state.selection)\n\n    const isNotInParagraph = !paragraph\n\n    if (notHasFocus || isReadonly || !empty || !isTextBlock || isNotInParagraph)\n      return\n\n    return paragraph.node.textContent\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 = () => this.#tippy\n}\n"],"names":["slashFactory","id","slashSpec","$ctx","slashPlugin","$prose","ctx","spec","Plugin","PluginKey","result","SlashProvider","options","__privateAdd","__shouldShow","_tippy","_tippyOptions","_debounce","_trigger","_shouldShow","_onUpdate","__privateSet","view","prevState","state","composing","selection","doc","ranges","from","range","to","isSame","__privateGet","tippy","posToDOMRect","debounce","matchNode","node","empty","isTextBlock","TextSelection","isSlashChildren","notHasFocus","isReadonly","paragraph","findParentNode","_a","__privateMethod","_shouldShow_fn","currentTextBlockContent","target"],"mappings":"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"}
+{"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 function 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  slashSpec.meta = {\n    package: '@milkdown/plugin-slash',\n    displayName: `Ctx<slashSpec>|${id}`,\n  }\n  slashPlugin.meta = {\n    package: '@milkdown/plugin-slash',\n    displayName: `Prose<slash>|${id}`,\n  }\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 type { Node } from '@milkdown/prose/model'\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 interface 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  /// The key trigger for shouldShow, '/' by default.\n  trigger?: string | string[]\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  #trigger: string | string[]\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    this.#trigger = options.trigger ?? '/'\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      delay: 0,\n      arrow: false,\n      duration: 0,\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    const target = currentTextBlockContent.at(-1)\n\n    if (!target)\n      return false\n\n    return Array.isArray(this.#trigger) ? this.#trigger.includes(target) : this.#trigger === target\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  /// Pass the `matchNode` function to determine whether the current node should be matched, by default, it will match the paragraph node.\n  getContent = (view: EditorView, matchNode: (node: Node) => boolean = node => node.type.name === 'paragraph'): string | undefined => {\n    const { selection } = view.state\n    const { empty, $from } = 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(matchNode)(view.state.selection)\n\n    const isNotInParagraph = !paragraph\n\n    if (notHasFocus || isReadonly || !empty || !isTextBlock || isNotInParagraph)\n      return\n\n    return $from.parent.textBetween(Math.max(0, $from.parentOffset - 500), $from.parentOffset, undefined, '\\uFFFC')\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 = () => this.#tippy\n}\n"],"names":["slashFactory","id","slashSpec","$ctx","slashPlugin","$prose","ctx","spec","Plugin","PluginKey","result","SlashProvider","options","__privateAdd","__shouldShow","_tippy","_tippyOptions","_debounce","_trigger","_shouldShow","_onUpdate","__privateSet","view","prevState","state","composing","selection","doc","ranges","from","range","to","isSame","__privateGet","tippy","posToDOMRect","debounce","matchNode","node","empty","$from","isTextBlock","TextSelection","isSlashChildren","notHasFocus","isReadonly","isNotInParagraph","findParentNode","_a","__privateMethod","_shouldShow_fn","currentTextBlockContent","target"],"mappings":"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"}

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;AACxD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AAEjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEtD,OAAO,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAI/C,MAAM,WAAW,oBAAoB;IAEnC,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;IAEnE,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAC5B;AAGD,qBAAa,aAAa;;IAExB,OAAO,EAAE,WAAW,CAAA;gBAiBR,OAAO,EAAE,oBAAoB;IAwDzC,MAAM,SAAU,UAAU,cAAc,WAAW,KAAG,IAAI,CAIzD;IAID,UAAU,SAAU,UAAU,qBAAoB,IAAI,KAAK,OAAO,KAA4C,MAAM,GAAG,SAAS,CAmB/H;IAGD,OAAO,aAEN;IAGD,IAAI,aAEH;IAGD,IAAI,aAEH;IAGD,WAAW,oCAAoB;CAChC"}
+{"version":3,"file":"slash-provider.d.ts","sourceRoot":"","sources":["../src/slash-provider.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AAEjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEtD,OAAO,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAI/C,MAAM,WAAW,oBAAoB;IAEnC,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;IAEnE,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAC5B;AAGD,qBAAa,aAAa;;IAExB,OAAO,EAAE,WAAW,CAAA;gBAiBR,OAAO,EAAE,oBAAoB;IA2DzC,MAAM,SAAU,UAAU,cAAc,WAAW,KAAG,IAAI,CAIzD;IAID,UAAU,SAAU,UAAU,qBAAoB,IAAI,KAAK,OAAO,KAA4C,MAAM,GAAG,SAAS,CAmB/H;IAGD,OAAO,aAEN;IAGD,IAAI,aAEH;IAGD,IAAI,aAEH;IAGD,WAAW,oCAAoB;CAChC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@milkdown/plugin-slash",
   "type": "module",
-  "version": "7.3.3",
+  "version": "7.3.4",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -13,6 +13,12 @@
     "milkdown plugin"
   ],
   "sideEffects": false,
+  "exports": {
+    ".": {
+      "import": "./lib/index.es.js",
+      "types": "./lib/index.d.ts"
+    }
+  },
   "main": "./lib/index.es.js",
   "files": [
     "lib",
@@ -28,13 +34,13 @@
     "lodash.debounce": "^4.0.8",
     "tippy.js": "^6.3.7",
     "tslib": "^2.5.0",
-    "@milkdown/exception": "7.3.3",
-    "@milkdown/utils": "7.3.3"
+    "@milkdown/exception": "7.3.4",
+    "@milkdown/utils": "7.3.4"
   },
   "devDependencies": {
-    "@milkdown/core": "7.3.3",
-    "@milkdown/ctx": "7.3.3",
-    "@milkdown/prose": "7.3.3"
+    "@milkdown/core": "7.3.4",
+    "@milkdown/ctx": "7.3.4",
+    "@milkdown/prose": "7.3.4"
   },
   "nx": {
     "targets": {

package/src/slash-provider.ts

@@ -63,6 +63,9 @@ export class SlashProvider {
       trigger: 'manual',
       placement: 'bottom-start',
       interactive: true,
+      delay: 0,
+      arrow: false,
+      duration: 0,
       ...this.#tippyOptions,
       content: this.element,
     })
@@ -108,7 +111,7 @@ export class SlashProvider {
   /// Pass the `matchNode` function to determine whether the current node should be matched, by default, it will match the paragraph node.
   getContent = (view: EditorView, matchNode: (node: Node) => boolean = node => node.type.name === 'paragraph'): string | undefined => {
     const { selection } = view.state
-    const { empty } = selection
+    const { empty, $from } = selection
     const isTextBlock = view.state.selection instanceof TextSelection
 
     const isSlashChildren = this.element.contains(document.activeElement)
@@ -124,7 +127,7 @@ export class SlashProvider {
     if (notHasFocus || isReadonly || !empty || !isTextBlock || isNotInParagraph)
       return
 
-    return paragraph.node.textContent
+    return $from.parent.textBetween(Math.max(0, $from.parentOffset - 500), $from.parentOffset, undefined, '\uFFFC')
   }
 
   /// Destroy the slash.