@milkdown/plugin-tooltip 7.0.0-next.0 → 7.0.0-next.2

package/README.md

@@ -8,4 +8,4 @@ Documentation can be found on the [Milkdown website](https://milkdown.dev/plugin
 
 # License
 
-Milkdown is open sourced software licensed under [MIT license](https://github.com/Saul-Mirone/milkdown/blob/main/LICENSE).
+Milkdown is open sourced software licensed under [MIT license](https://github.com/Milkdown/milkdown/blob/main/LICENSE).

package/lib/index.es.js

@@ -1,6 +1,6 @@
-var I = Object.defineProperty;
-var M = (o, t, e) => t in o ? I(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
-var c = (o, t, e) => (M(o, typeof t != "symbol" ? t + "" : t, e), e), x = (o, t, e) => {
+var R = Object.defineProperty;
+var S = (o, t, e) => t in o ? R(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var c = (o, t, e) => (S(o, typeof t != "symbol" ? t + "" : t, e), e), x = (o, t, e) => {
   if (!t.has(o))
     throw TypeError("Cannot " + e);
 };
@@ -10,39 +10,39 @@ var n = (o, t, e) => (x(o, t, "read from private field"), e ? e.call(o) : t.get(
   t instanceof WeakSet ? t.add(o) : t.set(o, e);
 }, p = (o, t, e, s) => (x(o, t, "write to private field"), s ? s.call(o, e) : t.set(o, e), e);
 var $ = (o, t, e) => (x(o, t, "access private method"), e);
-import { posToDOMRect as R } from "@milkdown/prose";
-import { TextSelection as S, Plugin as _, PluginKey as w } from "@milkdown/prose/state";
-import C from "lodash.debounce";
-import E from "tippy.js";
-import { $ctx as F, $prose as K } from "@milkdown/utils";
+import { posToDOMRect as _ } from "@milkdown/prose";
+import { TextSelection as w, Plugin as C, PluginKey as E } from "@milkdown/prose/state";
+import F from "lodash.debounce";
+import I from "tippy.js";
+import { $ctx as M, $prose as q } from "@milkdown/utils";
 var i, m, u, a, y, f, b;
-class W {
+class j {
   constructor(t) {
     r(this, f);
     r(this, i, void 0);
-    c(this, "element");
     r(this, m, void 0);
     r(this, u, void 0);
     r(this, a, void 0);
+    c(this, "element");
     r(this, y, (t, e) => {
-      const { state: s, composing: l } = t, { selection: h, doc: g } = s, { ranges: d } = h, T = Math.min(...d.map((k) => k.$from.pos)), O = Math.max(...d.map((k) => k.$to.pos)), P = e && e.doc.eq(g) && e.selection.eq(h);
-      if (n(this, i) ?? p(this, i, E(t.dom, {
+      const { state: s, composing: l } = t, { selection: h, doc: g } = s, { ranges: d } = h, T = Math.min(...d.map((k) => k.$from.pos)), P = Math.max(...d.map((k) => k.$to.pos)), O = e && e.doc.eq(g) && e.selection.eq(h);
+      if (n(this, i) ?? p(this, i, I(t.dom, {
         trigger: "manual",
         interactive: !0,
         ...n(this, m),
         content: this.element
-      })), !(l || P)) {
+      })), !(l || O)) {
         if (!n(this, a).call(this, t, e)) {
           this.hide();
           return;
         }
         n(this, i).setProps({
-          getReferenceClientRect: () => R(t, T, O)
+          getReferenceClientRect: () => _(t, T, P)
         }), this.show();
       }
     });
     c(this, "update", (t, e) => {
-      C(n(this, y), n(this, u))(t, e);
+      F(n(this, y), n(this, u))(t, e);
     });
     c(this, "destroy", () => {
       var t;
@@ -61,22 +61,21 @@ class W {
   }
 }
 i = new WeakMap(), m = new WeakMap(), u = new WeakMap(), a = new WeakMap(), y = new WeakMap(), f = new WeakSet(), b = function(t) {
-  const { doc: e, selection: s } = t.state, { empty: l, from: h, to: g } = s, d = !e.textBetween(h, g).length && t.state.selection instanceof S, T = this.element.contains(document.activeElement), O = !t.hasFocus() && !T, P = !t.editable;
-  return !(O || l || d || P);
+  const { doc: e, selection: s } = t.state, { empty: l, from: h, to: g } = s, d = !e.textBetween(h, g).length && t.state.selection instanceof w, T = this.element.contains(document.activeElement), P = !t.hasFocus() && !T, O = !t.editable;
+  return !(P || l || d || O);
 };
-const L = (o) => {
-  const t = F({}, `${o}_TOOLTIP_SPEC`), e = K((l) => {
+const z = (o) => {
+  const t = M({}, `${o}_TOOLTIP_SPEC`), e = q((l) => {
     const h = l.get(t.key);
-    return new _({
-      key: new w(`${o}_TOOLTIP`),
+    return new C({
+      key: new E(`${o}_TOOLTIP`),
       ...h
     });
   }), s = [t, e];
   return s.key = t.key, s.pluginKey = e.key, s;
-}, j = L("MILKDOWN");
+};
 export {
-  W as TooltipProvider,
-  j as tooltip,
-  L as tooltipFactory
+  j as TooltipProvider,
+  z as tooltipFactory
 };
 //# sourceMappingURL=index.es.js.map

package/lib/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../src/tooltip-provider.ts","../src/tooltip-plugin.ts"],"sourcesContent":["/* Copyright 2021, Milkdown by Mirone. */\nimport { 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 TooltipProviderOptions = {\n  content: HTMLElement\n  tippyOptions?: Partial<Props>\n  debounce?: number\n  shouldShow?: (view: EditorView, prevState?: EditorState) => boolean\n}\n\nexport class TooltipProvider {\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: TooltipProviderOptions) {\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      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  #_shouldShow(view: EditorView): boolean {\n    const { doc, selection } = view.state\n    const { empty, from, to } = selection\n\n    const isEmptyTextBlock = !doc.textBetween(from, to).length && view.state.selection instanceof TextSelection\n\n    const isTooltipChildren = this.element.contains(document.activeElement)\n\n    const notHasFocus = !view.hasFocus() && !isTooltipChildren\n\n    const isReadonly = !view.editable\n\n    if (\n      notHasFocus\n      || empty\n      || isEmptyTextBlock\n      || isReadonly\n    )\n      return false\n\n    return true\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","/* 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 TooltipSpecId<Id extends string> = `${Id}_TOOLTIP_SPEC`\n\nexport type TooltipPlugin<Id extends string, State = any> = [$Ctx<PluginSpec<State>, TooltipSpecId<Id>>, $Prose] & {\n  key: SliceType<PluginSpec<State>, TooltipSpecId<Id>>\n  pluginKey: $Prose['key']\n}\n\nexport const tooltipFactory = <Id extends string, State = any>(id: Id) => {\n  const tooltipSpec = $ctx<PluginSpec<State>, TooltipSpecId<Id>>({}, `${id}_TOOLTIP_SPEC`)\n  const tooltipPlugin = $prose((ctx) => {\n    const spec = ctx.get(tooltipSpec.key)\n    return new Plugin({\n      key: new PluginKey(`${id}_TOOLTIP`),\n      ...spec,\n    })\n  })\n  const result = [tooltipSpec, tooltipPlugin] as TooltipPlugin<Id>\n  result.key = tooltipSpec.key\n  result.pluginKey = tooltipPlugin.key\n\n  return result\n}\n\nexport const tooltip = tooltipFactory('MILKDOWN')\n"],"names":["TooltipProvider","options","__privateAdd","__shouldShow","_tippy","__publicField","_tippyOptions","_debounce","_shouldShow","_onUpdate","view","prevState","state","composing","selection","doc","ranges","from","range","to","isSame","__privateGet","__privateSet","tippy","posToDOMRect","debounce","_a","__privateMethod","_shouldShow_fn","empty","isEmptyTextBlock","TextSelection","isTooltipChildren","notHasFocus","isReadonly","tooltipFactory","id","tooltipSpec","$ctx","tooltipPlugin","$prose","ctx","spec","Plugin","PluginKey","result","tooltip"],"mappings":"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"}
+{"version":3,"file":"index.es.js","sources":["../src/tooltip-provider.ts","../src/tooltip-plugin.ts"],"sourcesContent":["/* Copyright 2021, Milkdown by Mirone. */\nimport { 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 tooltip provider.\nexport type TooltipProviderOptions = {\n  /// The tooltip 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 tooltip, 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 tooltip.\nexport class TooltipProvider {\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  /// The root element of the tooltip.\n  element: HTMLElement\n\n  constructor(options: TooltipProviderOptions) {\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      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 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  /// @internal\n  #_shouldShow(view: EditorView): boolean {\n    const { doc, selection } = view.state\n    const { empty, from, to } = selection\n\n    const isEmptyTextBlock = !doc.textBetween(from, to).length && view.state.selection instanceof TextSelection\n\n    const isTooltipChildren = this.element.contains(document.activeElement)\n\n    const notHasFocus = !view.hasFocus() && !isTooltipChildren\n\n    const isReadonly = !view.editable\n\n    if (\n      notHasFocus\n      || empty\n      || isEmptyTextBlock\n      || isReadonly\n    )\n      return false\n\n    return true\n  }\n\n  /// Destroy the tooltip.\n  destroy = () => {\n    this.#tippy?.destroy()\n  }\n\n  /// Show the tooltip.\n  show = () => {\n    this.#tippy?.show()\n  }\n\n  /// Hide the tooltip.\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","/* 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 TooltipSpecId<Id extends string> = `${Id}_TOOLTIP_SPEC`\n\n/// @internal\nexport type TooltipPlugin<Id extends string, State = any> = [$Ctx<PluginSpec<State>, TooltipSpecId<Id>>, $Prose] & {\n  key: SliceType<PluginSpec<State>, TooltipSpecId<Id>>\n  pluginKey: $Prose['key']\n}\n\n/// Create a tooltip plugin with a unique id.\nexport const tooltipFactory = <Id extends string, State = any>(id: Id) => {\n  const tooltipSpec = $ctx<PluginSpec<State>, TooltipSpecId<Id>>({}, `${id}_TOOLTIP_SPEC`)\n  const tooltipPlugin = $prose((ctx) => {\n    const spec = ctx.get(tooltipSpec.key)\n    return new Plugin({\n      key: new PluginKey(`${id}_TOOLTIP`),\n      ...spec,\n    })\n  })\n  const result = [tooltipSpec, tooltipPlugin] as TooltipPlugin<Id>\n  result.key = tooltipSpec.key\n  result.pluginKey = tooltipPlugin.key\n\n  return result\n}\n"],"names":["TooltipProvider","options","__privateAdd","__shouldShow","_tippy","_tippyOptions","_debounce","_shouldShow","__publicField","_onUpdate","view","prevState","state","composing","selection","doc","ranges","from","range","to","isSame","__privateGet","__privateSet","tippy","posToDOMRect","debounce","_a","__privateMethod","_shouldShow_fn","empty","isEmptyTextBlock","TextSelection","isTooltipChildren","notHasFocus","isReadonly","tooltipFactory","id","tooltipSpec","$ctx","tooltipPlugin","$prose","ctx","spec","Plugin","PluginKey","result"],"mappings":"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"}

package/lib/tooltip-plugin.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip-plugin.d.ts","sourceRoot":"","sources":["../src/tooltip-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,aAAa,CAAC,EAAE,SAAS,MAAM,IAAI,GAAG,EAAE,eAAe,CAAA;AAEnE,MAAM,MAAM,aAAa,CAAC,EAAE,SAAS,MAAM,EAAE,KAAK,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG;IACjH,GAAG,EAAE,SAAS,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC,EAAE,CAAC,CAAC,CAAA;IACpD,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,CAAA;CACzB,CAAA;AAED,eAAO,MAAM,cAAc,oEAc1B,CAAA;AAED,eAAO,MAAM,OAAO,gCAA6B,CAAA"}
+{"version":3,"file":"tooltip-plugin.d.ts","sourceRoot":"","sources":["../src/tooltip-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,aAAa,CAAC,EAAE,SAAS,MAAM,IAAI,GAAG,EAAE,eAAe,CAAA;AAGnE,MAAM,MAAM,aAAa,CAAC,EAAE,SAAS,MAAM,EAAE,KAAK,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG;IACjH,GAAG,EAAE,SAAS,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC,EAAE,CAAC,CAAC,CAAA;IACpD,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,CAAA;CACzB,CAAA;AAGD,eAAO,MAAM,cAAc,oEAc1B,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip-provider.d.ts","sourceRoot":"","sources":["../src/tooltip-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,sBAAsB,GAAG;IACnC,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,eAAe;;IAG1B,OAAO,EAAE,WAAW,CAAA;gBAQR,OAAO,EAAE,sBAAsB;IAqC3C,MAAM,SAAU,UAAU,cAAc,WAAW,KAAG,IAAI,CAIzD;IAyBD,OAAO,aAEN;IAED,IAAI,aAEH;IAED,IAAI,aAEH;IAED,WAAW,oCAEV;CACF"}
+{"version":3,"file":"tooltip-provider.d.ts","sourceRoot":"","sources":["../src/tooltip-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,sBAAsB,GAAG;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;CACpE,CAAA;AAGD,qBAAa,eAAe;;IAc1B,OAAO,EAAE,WAAW,CAAA;gBAER,OAAO,EAAE,sBAAsB;IAuC3C,MAAM,SAAU,UAAU,cAAc,WAAW,KAAG,IAAI,CAIzD;IA2BD,OAAO,aAEN;IAGD,IAAI,aAEH;IAGD,IAAI,aAEH;IAGD,WAAW,oCAEV;CACF"}

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@milkdown/plugin-tooltip",
   "type": "module",
-  "version": "7.0.0-next.0",
+  "version": "7.0.0-next.2",
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/Saul-Mirone/milkdown.git",
+    "url": "git+https://github.com/Milkdown/milkdown.git",
     "directory": "packages/plugin-tooltip"
   },
   "keywords": [
@@ -29,13 +29,13 @@
     "lodash.debounce": "^4.0.8",
     "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.2",
+    "@milkdown/utils": "7.0.0-next.2"
   },
   "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.2",
+    "@milkdown/ctx": "7.0.0-next.2",
+    "@milkdown/prose": "7.0.0-next.2"
   },
   "nx": {
     "targets": {

package/src/tooltip-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 TooltipSpecId<Id extends string> = `${Id}_TOOLTIP_SPEC`
 
+/// @internal
 export type TooltipPlugin<Id extends string, State = any> = [$Ctx<PluginSpec<State>, TooltipSpecId<Id>>, $Prose] & {
   key: SliceType<PluginSpec<State>, TooltipSpecId<Id>>
   pluginKey: $Prose['key']
 }
 
+/// Create a tooltip plugin with a unique id.
 export const tooltipFactory = <Id extends string, State = any>(id: Id) => {
   const tooltipSpec = $ctx<PluginSpec<State>, TooltipSpecId<Id>>({}, `${id}_TOOLTIP_SPEC`)
   const tooltipPlugin = $prose((ctx) => {
@@ -27,5 +30,3 @@ export const tooltipFactory = <Id extends string, State = any>(id: Id) => {
 
   return result
 }
-
-export const tooltip = tooltipFactory('MILKDOWN')

package/src/tooltip-provider.ts

@@ -7,24 +7,35 @@ import debounce from 'lodash.debounce'
 import type { Instance, Props } from 'tippy.js'
 import tippy from 'tippy.js'
 
+/// Options for tooltip provider.
 export type TooltipProviderOptions = {
+  /// The tooltip content.
   content: HTMLElement
+  /// The options for creating [tippy.js](https://atomiks.github.io/tippyjs/) instance.
   tippyOptions?: Partial<Props>
+  /// The debounce time for updating tooltip, 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 tooltip.
 export class TooltipProvider {
+  /// @internal
   #tippy: Instance | undefined
 
-  element: HTMLElement
-
+  /// @internal
   #tippyOptions: Partial<Props>
 
+  /// @internal
   #debounce: number
 
+  /// @internal
   #shouldShow: (view: EditorView, prevState?: EditorState) => boolean
 
+  /// The root element of the tooltip.
+  element: HTMLElement
+
   constructor(options: TooltipProviderOptions) {
     this.element = options.content
     this.#tippyOptions = options.tippyOptions ?? {}
@@ -32,6 +43,7 @@ export class TooltipProvider {
     this.#shouldShow = options.shouldShow ?? this.#_shouldShow
   }
 
+  /// @internal
   #onUpdate = (view: EditorView, prevState?: EditorState): void => {
     const { state, composing } = view
     const { selection, doc } = state
@@ -62,12 +74,14 @@ export class TooltipProvider {
     this.show()
   }
 
+  /// Update provider state by editor view.
   update = (view: EditorView, prevState?: EditorState): void => {
     const updater = debounce(this.#onUpdate, this.#debounce)
 
     updater(view, prevState)
   }
 
+  /// @internal
   #_shouldShow(view: EditorView): boolean {
     const { doc, selection } = view.state
     const { empty, from, to } = selection
@@ -91,18 +105,22 @@ export class TooltipProvider {
     return true
   }
 
+  /// Destroy the tooltip.
   destroy = () => {
     this.#tippy?.destroy()
   }
 
+  /// Show the tooltip.
   show = () => {
     this.#tippy?.show()
   }
 
+  /// Hide the tooltip.
   hide = () => {
     this.#tippy?.hide()
   }
 
+  /// Get the [tippy.js](https://atomiks.github.io/tippyjs/) instance.
   getInstance = () => {
     return this.#tippy
   }