@milkdown/plugin-tooltip 6.5.0 → 6.5.3

package/lib/button-manager/calc-button-pos.d.ts

@@ -1,3 +1,3 @@
-import { EditorView } from '@milkdown/prose/view';
+import type { EditorView } from '@milkdown/prose/view';
 export declare const calcButtonPos: (buttons: HTMLElement, view: EditorView, isBottom: boolean) => void;
 //# sourceMappingURL=calc-button-pos.d.ts.map

package/lib/button-manager/calc-button-pos.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calc-button-pos.d.ts","sourceRoot":"","sources":["../../src/button-manager/calc-button-pos.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,eAAO,MAAM,aAAa,YAAa,WAAW,QAAQ,UAAU,YAAY,OAAO,SAkBtF,CAAC"}
+{"version":3,"file":"calc-button-pos.d.ts","sourceRoot":"","sources":["../../src/button-manager/calc-button-pos.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEtD,eAAO,MAAM,aAAa,YAAa,WAAW,QAAQ,UAAU,YAAY,OAAO,SAuBtF,CAAA"}

package/lib/button-manager/create-tooltip.d.ts

@@ -1,10 +1,10 @@
 import type { EditorView } from '@milkdown/prose/view';
 import type { ThemeUtils } from '@milkdown/utils';
 import type { ButtonList } from '../item';
-declare type Tooltip = {
+interface Tooltip {
     dom: HTMLDivElement;
     render: (editorView: EditorView) => void;
-};
+}
 export declare const createTooltip: (buttonMap: ButtonList, utils: ThemeUtils, className: string) => Tooltip;
 export {};
 //# sourceMappingURL=create-tooltip.d.ts.map

package/lib/button-manager/create-tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-tooltip.d.ts","sourceRoot":"","sources":["../../src/button-manager/create-tooltip.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C,aAAK,OAAO,GAAG;IACX,GAAG,EAAE,cAAc,CAAC;IACpB,MAAM,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,aAAa,iCAAkC,UAAU,aAAa,MAAM,KAAG,OAqB3F,CAAC"}
+{"version":3,"file":"create-tooltip.d.ts","sourceRoot":"","sources":["../../src/button-manager/create-tooltip.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAEjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAGzC,UAAU,OAAO;IACf,GAAG,EAAE,cAAc,CAAA;IACnB,MAAM,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAA;CACzC;AAED,eAAO,MAAM,aAAa,iCAAkC,UAAU,aAAa,MAAM,KAAG,OAoB3F,CAAA"}

package/lib/button-manager/filter-button.d.ts

@@ -1,4 +1,4 @@
-import { EditorView } from '@milkdown/prose/view';
-import { ButtonList } from '../item';
+import type { EditorView } from '@milkdown/prose/view';
+import type { ButtonList } from '../item';
 export declare const filterButton: (buttons: ButtonList, view: EditorView) => boolean;
 //# sourceMappingURL=filter-button.d.ts.map

package/lib/button-manager/filter-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter-button.d.ts","sourceRoot":"","sources":["../../src/button-manager/filter-button.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGrC,eAAO,MAAM,YAAY,8BAA+B,UAAU,YAqBjE,CAAC"}
+{"version":3,"file":"filter-button.d.ts","sourceRoot":"","sources":["../../src/button-manager/filter-button.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAGzC,eAAO,MAAM,YAAY,8BAA+B,UAAU,YAqBjE,CAAA"}

package/lib/button-manager/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/button-manager/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAK1C,eAAO,MAAM,mBAAmB,+BAErB,UAAU,UACT,OAAO,sBACK,MAAM;;;yBAyBD,UAAU;;CAUtC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/button-manager/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAEjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAKzC,eAAO,MAAM,mBAAmB,+BAEvB,UAAU,UACT,OAAO,sBACK,MAAM;;;yBA0BH,UAAU;;CAUlC,CAAA"}

package/lib/button-manager/no-active.d.ts

@@ -1,4 +1,4 @@
-import { EditorView } from '@milkdown/prose/view';
-import { ButtonList } from '../item';
+import type { EditorView } from '@milkdown/prose/view';
+import type { ButtonList } from '../item';
 export declare const noActive: (buttonMap: ButtonList, view: EditorView) => boolean;
 //# sourceMappingURL=no-active.d.ts.map

package/lib/button-manager/no-active.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"no-active.d.ts","sourceRoot":"","sources":["../../src/button-manager/no-active.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,eAAO,MAAM,QAAQ,gCAAiC,UAAU,YAI/D,CAAC"}
+{"version":3,"file":"no-active.d.ts","sourceRoot":"","sources":["../../src/button-manager/no-active.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,eAAO,MAAM,QAAQ,gCAAiC,UAAU,YAI/D,CAAA"}

package/lib/button-manager/style.d.ts

@@ -1,3 +1,3 @@
-import { Emotion, ThemeManager } from '@milkdown/core';
+import type { Emotion, ThemeManager } from '@milkdown/core';
 export declare const injectStyle: (themeManager: ThemeManager, { css }: Emotion) => string;
 //# sourceMappingURL=style.d.ts.map

package/lib/button-manager/style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../src/button-manager/style.ts"],"names":[],"mappings":"AACA,OAAO,EAAS,OAAO,EAA2B,YAAY,EAA0B,MAAM,gBAAgB,CAAC;AAE/G,eAAO,MAAM,WAAW,iBAAkB,YAAY,WAAW,OAAO,WA8CvE,CAAC"}
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../src/button-manager/style.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAS,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAGlE,eAAO,MAAM,WAAW,iBAAkB,YAAY,WAAW,OAAO,WA8CvE,CAAA"}

package/lib/index.d.ts

@@ -1,6 +1,6 @@
 import { PluginKey } from '@milkdown/prose/state';
 import { AtomList } from '@milkdown/utils';
-import { TooltipOptions } from './item';
+import type { TooltipOptions } from './item';
 export declare const key: PluginKey<any>;
 export * from './item';
 export declare const tooltipPlugin: import("@milkdown/utils").WithExtend<string, TooltipOptions, import("@milkdown/utils").TypeMapping<string, string>, import("@milkdown/utils").PluginRest<string, string>>;

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAA0B,MAAM,iBAAiB,CAAC;AAEnE,OAAO,EAAa,cAAc,EAAE,MAAM,QAAQ,CAAC;AAGnD,eAAO,MAAM,GAAG,gBAAoC,CAAC;AACrD,cAAc,QAAQ,CAAC;AAEvB,eAAO,MAAM,aAAa,2KA+BxB,CAAC;AAEH,eAAO,MAAM,OAAO,qJAAqC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,EAAE,QAAQ,EAA0B,MAAM,iBAAiB,CAAA;AAElE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAA;AAI5C,eAAO,MAAM,GAAG,gBAAoC,CAAA;AACpD,cAAc,QAAQ,CAAA;AAEtB,eAAO,MAAM,aAAa,2KA+BxB,CAAA;AAEF,eAAO,MAAM,OAAO,qJAAqC,CAAA"}

package/lib/index.es.js

@@ -1,24 +1,24 @@
-import { TextSelection as m, PluginKey as p, Plugin as T } from "@milkdown/prose/state";
-import { createPlugin as v, AtomList as $ } from "@milkdown/utils";
-import { schemaCtx as y, themeManagerCtx as b, ThemeIcon as L, commandsCtx as k, ThemeSize as f, ThemeBorder as P, ThemeShadow as E, ThemeColor as x } from "@milkdown/core";
-import { findParentNode as B, calculateTextPosition as C } from "@milkdown/prose";
-import { missingRootElement as M } from "@milkdown/exception";
-const h = (e, t) => {
+import { TextSelection as p, PluginKey as T, Plugin as v } from "@milkdown/prose/state";
+import { createPlugin as $, AtomList as y } from "@milkdown/utils";
+import { schemaCtx as b, themeManagerCtx as L, ThemeIcon as k, commandsCtx as P, ThemeSize as h, ThemeBorder as E, ThemeShadow as x, ThemeColor as B } from "@milkdown/core";
+import { findParentNode as C, calculateTextPosition as M } from "@milkdown/prose";
+import { missingRootElement as A } from "@milkdown/exception";
+const m = (e, t) => {
   if (!t)
     return !1;
   const { from: o, to: s } = e.selection;
   return e.doc.rangeHasMark(o, o === s ? s + 1 : s, t);
-}, A = (e) => {
+}, H = (e) => {
   const { selection: t } = e;
-  return t instanceof m ? !!e.doc.textBetween(t.from, t.to) : !1;
-}, H = (e) => Boolean(B((t) => !!t.type.spec.code)(e.selection)), I = (e, t) => !A(e) || H(e) || h(e, t), u = (e, t, o, s) => ({
+  return t instanceof p ? !!e.doc.textBetween(t.from, t.to) : !1;
+}, I = (e) => Boolean(C((t) => !!t.type.spec.code)(e.selection)), O = (e, t) => !H(e) || I(e) || m(e, t), u = (e, t, o, s) => ({
   icon: e,
   onClick: t,
-  isHidden: () => (n) => I(n.state, s),
-  isActive: () => (n) => h(n.state, o),
+  isHidden: () => (n) => O(n.state, s),
+  isActive: () => (n) => m(n.state, o),
   canAddToDOM: () => (n) => !!o && !!n.state.schema.marks[o.name]
-}), O = (e) => {
-  const t = e.get(y).marks;
+}), w = (e) => {
+  const t = e.get(b).marks;
   return [
     u("bold", "ToggleBold", t.strong),
     u("italic", "ToggleItalic", t.em),
@@ -26,39 +26,41 @@ const h = (e, t) => {
     u("code", "ToggleInlineCode", t.code_inline),
     u("link", "ToggleLink", t.link)
   ];
-}, D = (e, t = O) => {
+}, D = (e, t = w) => {
   const o = ({ icon: s, onClick: n, isHidden: l, isActive: i, canAddToDOM: c }) => {
     var r;
     return {
-      $: typeof s == "function" ? s(e) : (r = e.get(b).get(L, s)) == null ? void 0 : r.dom,
-      command: typeof n == "string" ? () => e.get(k).call(n) : n(e),
+      $: typeof s == "function" ? s(e) : (r = e.get(L).get(k, s)) == null ? void 0 : r.dom,
+      command: typeof n == "string" ? () => e.get(P).call(n) : n(e),
       disable: l(e),
       active: i(e),
       enable: c(e)
     };
   };
   return t(e).map(o);
-}, q = (e, t, o) => {
-  e.classList.remove("hide"), C(t, e, (s, n, l, i) => {
+}, W = (e, t, o) => {
+  e.classList.remove("hide"), M(t, e, (s, n, l, i) => {
     const c = e.parentElement;
     if (!c)
-      throw M();
+      throw A();
     const r = n.left - s.left;
     let a = s.left - i.left - (l.width - r) / 2, d = s.top - i.top - l.height - 14 + c.scrollTop;
-    return a < 0 && (a = 0), (s.top - i.top < l.height || o && i.bottom - s.bottom > l.height) && (d = s.bottom - i.top + 14 + c.scrollTop), [d, a];
+    a < 0 && (a = 0);
+    const f = c.clientWidth - (l.width + 4);
+    return a > f && (a = f), (d < c.scrollTop || o && i.bottom - s.bottom > l.height) && (d = s.bottom - i.top + 14 + c.scrollTop), [d, a];
   });
-}, w = (e, { css: t }) => {
-  const o = (n, l = 1) => e.get(x, [n, l]), s = e.get(f, "lineWidth");
+}, q = (e, { css: t }) => {
+  const o = (n, l = 1) => e.get(B, [n, l]), s = e.get(h, "lineWidth");
   return t`
         display: inline-flex;
         cursor: pointer;
         justify-content: space-evenly;
         position: absolute;
-        border-radius: ${e.get(f, "radius")};
+        border-radius: ${e.get(h, "radius")};
         z-index: 2;
 
-        ${e.get(P, void 0)}
         ${e.get(E, void 0)}
+        ${e.get(x, void 0)}
 
         overflow: hidden;
         background: ${o("surface")};
@@ -95,7 +97,7 @@ const h = (e, t) => {
 }, N = (e, t, o) => {
   const s = document.createElement("div");
   return t.themeManager.onFlush(() => {
-    const n = t.getStyle((l) => w(t.themeManager, l)) || "";
+    const n = t.getStyle((l) => q(t.themeManager, l)) || "";
     n && s.classList.add(n);
   }), s.classList.add(t.getClassName({}, o)), {
     dom: s,
@@ -104,7 +106,7 @@ const h = (e, t) => {
       e.filter((i) => i.enable(n) && i.$ != null).forEach(({ $: i }) => s.appendChild(i)), (l = n.dom.parentNode) == null || l.appendChild(s);
     }
   };
-}, W = (e, t) => Object.values(e).filter((o) => o.enable(t) && o.$ != null).every(({ $: o }) => o.classList.contains("hide")), _ = (e, t) => (e.filter((o) => o.enable(t) && o.$ != null).forEach((o) => {
+}, _ = (e, t) => Object.values(e).filter((o) => o.enable(t) && o.$ != null).every(({ $: o }) => o.classList.contains("hide")), j = (e, t) => (e.filter((o) => o.enable(t) && o.$ != null).forEach((o) => {
   var l;
   if ((l = o.disable) == null ? void 0 : l.call(o, t)) {
     o.$.classList.add("hide");
@@ -115,7 +117,7 @@ const h = (e, t) => {
     return;
   }
   o.$.classList.remove("active");
-}), W(e, t)), g = (e, t, o, s) => {
+}), _(e, t)), g = (e, t, o, s) => {
   const { dom: n, render: l } = N(e, t, s), i = (r) => {
     const a = e.find(({ $: d }) => r.target instanceof Element && d.contains(r.target));
     !a || (r.stopPropagation(), r.preventDefault(), a.command());
@@ -128,15 +130,15 @@ const h = (e, t) => {
     },
     hide: c,
     update: (r) => {
-      if (_(e, r)) {
+      if (j(e, r)) {
         c();
         return;
       }
-      q(n, r, o);
+      W(n, r, o);
     },
     render: l
   };
-}, j = (e, t, o, s) => {
+}, z = (e, t, o, s) => {
   let n = g(e, t, o, s), l = !1;
   const i = () => {
     n.hide();
@@ -163,13 +165,13 @@ const h = (e, t) => {
       l = r;
     }
   };
-}, z = new p("MILKDOWN_TOOLTIP"), F = v((e, t) => ({
+}, F = new T("MILKDOWN_TOOLTIP"), K = $((e, t) => ({
   id: "tooltip",
   prosePlugins: (o, s) => {
     var i;
-    const n = j(D(s, t == null ? void 0 : t.items), e, (i = t == null ? void 0 : t.bottom) != null ? i : !1, "tooltip");
-    return [new T({
-      key: z,
+    const n = z(D(s, t == null ? void 0 : t.items), e, (i = t == null ? void 0 : t.bottom) != null ? i : !1, "tooltip");
+    return [new v({
+      key: F,
       props: {
         handleClick: (c) => (n.setHide(!1), n.update(c), !1),
         handleDOMEvents: {
@@ -182,13 +184,13 @@ const h = (e, t) => {
       })
     })];
   }
-})), U = $.create([F()]);
+})), U = y.create([K()]);
 export {
   D as buttonMap,
   u as createToggleIcon,
-  O as defaultButtons,
-  z as key,
+  w as defaultButtons,
+  F as key,
   U as tooltip,
-  F as tooltipPlugin
+  K as tooltipPlugin
 };
 //# sourceMappingURL=index.es.js.map

package/lib/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../src/utility/prosemirror.ts","../src/item.ts","../src/button-manager/calc-button-pos.ts","../src/button-manager/style.ts","../src/button-manager/create-tooltip.ts","../src/button-manager/no-active.ts","../src/button-manager/filter-button.ts","../src/button-manager/index.ts","../src/selection-marks-tooltip.ts","../src/index.ts"],"sourcesContent":["/* Copyright 2021, Milkdown by Mirone. */\nimport { findParentNode } from '@milkdown/prose';\nimport { MarkType, Node, NodeType } from '@milkdown/prose/model';\nimport { EditorState, TextSelection } from '@milkdown/prose/state';\n\nexport type Position = {\n    start: number;\n    end: number;\n};\n\nexport const hasMark = (editorState: EditorState, type?: MarkType): boolean => {\n    if (!type) {\n        return false;\n    }\n    const { from, to } = editorState.selection;\n\n    return editorState.doc.rangeHasMark(from, from === to ? to + 1 : to, type);\n};\n\nexport const isTextSelection = (editorState: EditorState): boolean => {\n    const { selection } = editorState;\n    if (selection instanceof TextSelection) {\n        const text = editorState.doc.textBetween(selection.from, selection.to);\n\n        if (!text) return false;\n\n        return true;\n    }\n    return false;\n};\n\nexport const isInCodeFence = (editorState: EditorState): boolean =>\n    Boolean(findParentNode((node) => !!node.type.spec.code)(editorState.selection));\n\nexport const isTextAndNotHasMark = (editorState: EditorState, mark?: MarkType): boolean =>\n    !isTextSelection(editorState) || isInCodeFence(editorState) || hasMark(editorState, mark);\n\nexport const equalNodeType = (nodeType: NodeType, node: Node) => {\n    return (Array.isArray(nodeType) && nodeType.indexOf(node.type) > -1) || node.type === nodeType;\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { commandsCtx, Ctx, schemaCtx, ThemeIcon, themeManagerCtx } from '@milkdown/core';\nimport type { Icon } from '@milkdown/design-system';\nimport type { MarkType } from '@milkdown/prose/model';\nimport { EditorView } from '@milkdown/prose/view';\n\nimport { hasMark, isTextAndNotHasMark } from './utility';\n\nexport type Pred = (view: EditorView) => boolean;\nexport type Updater = (view: EditorView, $: HTMLElement) => void;\nexport type Event2Command = (e: Event) => void;\n\nexport type OnClick = (ctx: Ctx) => void;\n\nexport type Item = {\n    icon: Icon | ((ctx: Ctx) => HTMLElement);\n    onClick: string | ((ctx: Ctx) => () => void);\n    isHidden: (ctx: Ctx) => Pred;\n    isActive: (ctx: Ctx) => Pred;\n    canAddToDOM: (ctx: Ctx) => Pred;\n};\n\nexport type ButtonItem = {\n    $: HTMLElement;\n    command: () => void;\n    active: Pred;\n    disable?: Pred;\n    enable: Pred;\n};\n\nexport const createToggleIcon = (icon: Icon, onClick: string, mark?: MarkType, disableForMark?: MarkType): Item => ({\n    icon,\n    onClick,\n    isHidden: () => (view: EditorView) => isTextAndNotHasMark(view.state, disableForMark),\n    isActive: () => (view: EditorView) => hasMark(view.state, mark),\n    canAddToDOM: () => (view: EditorView) => !!mark && !!view.state.schema.marks[mark.name],\n});\n\nexport const defaultButtons = (ctx: Ctx) => {\n    const marks = ctx.get(schemaCtx).marks;\n    return [\n        createToggleIcon('bold', 'ToggleBold', marks['strong']),\n        createToggleIcon('italic', 'ToggleItalic', marks['em']),\n        createToggleIcon('strikeThrough', 'ToggleStrikeThrough', marks['strike_through']),\n        createToggleIcon('code', 'ToggleInlineCode', marks['code_inline']),\n        createToggleIcon('link', 'ToggleLink', marks['link']),\n    ];\n};\n\nexport type ButtonList = ButtonItem[];\n\nexport type TooltipOptions = {\n    bottom: boolean;\n    items: (ctx: Ctx) => Array<Item>;\n};\n\nexport const buttonMap = (ctx: Ctx, items: (ctx: Ctx) => Array<Item> = defaultButtons): ButtonList => {\n    const toButton = ({ icon, onClick, isHidden, isActive, canAddToDOM }: Item): ButtonItem => ({\n        $: typeof icon === 'function' ? icon(ctx) : (ctx.get(themeManagerCtx).get(ThemeIcon, icon)?.dom as HTMLElement),\n        command: typeof onClick === 'string' ? () => ctx.get(commandsCtx).call(onClick) : onClick(ctx),\n        disable: isHidden(ctx),\n        active: isActive(ctx),\n        enable: canAddToDOM(ctx),\n    });\n    return items(ctx).map(toButton);\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { missingRootElement } from '@milkdown/exception';\nimport { calculateTextPosition } from '@milkdown/prose';\nimport { EditorView } from '@milkdown/prose/view';\n\nexport const calcButtonPos = (buttons: HTMLElement, view: EditorView, isBottom: boolean) => {\n    buttons.classList.remove('hide');\n    calculateTextPosition(view, buttons, (start, end, target, parent) => {\n        const $editor = buttons.parentElement;\n        if (!$editor) {\n            throw missingRootElement();\n        }\n        const selectionWidth = end.left - start.left;\n        let left = start.left - parent.left - (target.width - selectionWidth) / 2;\n        let top = start.top - parent.top - target.height - 14 + $editor.scrollTop;\n\n        if (left < 0) left = 0;\n\n        if (start.top - parent.top < target.height || (isBottom && parent.bottom - start.bottom > target.height)) {\n            top = start.bottom - parent.top + 14 + $editor.scrollTop;\n        }\n        return [top, left];\n    });\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { Color, Emotion, ThemeBorder, ThemeColor, ThemeManager, ThemeShadow, ThemeSize } from '@milkdown/core';\n\nexport const injectStyle = (themeManager: ThemeManager, { css }: Emotion) => {\n    const palette = (color: Color, opacity = 1) => themeManager.get(ThemeColor, [color, opacity]);\n    const lineWidth = themeManager.get(ThemeSize, 'lineWidth');\n    return css`\n        display: inline-flex;\n        cursor: pointer;\n        justify-content: space-evenly;\n        position: absolute;\n        border-radius: ${themeManager.get(ThemeSize, 'radius')};\n        z-index: 2;\n\n        ${themeManager.get(ThemeBorder, undefined)}\n        ${themeManager.get(ThemeShadow, undefined)}\n\n        overflow: hidden;\n        background: ${palette('surface')};\n\n        .icon {\n            position: relative;\n            color: ${palette('solid', 0.87)};\n\n            width: 48px;\n            line-height: 48px;\n            text-align: center;\n            transition: all 0.4s ease-in-out;\n            &:hover {\n                background-color: ${palette('secondary', 0.12)};\n            }\n            &.active {\n                color: ${palette('primary')};\n            }\n            &:not(:last-child)::after {\n                content: '';\n                position: absolute;\n                top: 0;\n                right: calc(-0.5 * ${lineWidth});\n                width: ${lineWidth};\n                bottom: 0;\n                background: ${palette('line')};\n            }\n        }\n        &.hide,\n        .hide {\n            display: none;\n        }\n    `;\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport type { EditorView } from '@milkdown/prose/view';\nimport type { ThemeUtils } from '@milkdown/utils';\n\nimport type { ButtonList } from '../item';\nimport { injectStyle } from './style';\n\ntype Tooltip = {\n    dom: HTMLDivElement;\n    render: (editorView: EditorView) => void;\n};\n\nexport const createTooltip = (buttonMap: ButtonList, utils: ThemeUtils, className: string): Tooltip => {\n    const div = document.createElement('div');\n    utils.themeManager.onFlush(() => {\n        const style = utils.getStyle((emotion) => injectStyle(utils.themeManager, emotion)) || '';\n        if (style) {\n            div.classList.add(style);\n        }\n    });\n\n    div.classList.add(utils.getClassName({}, className));\n\n    return {\n        dom: div,\n        render: (editorView: EditorView) => {\n            buttonMap\n                .filter((item) => item.enable(editorView) && item.$ != null)\n                .forEach(({ $ }) => div.appendChild($));\n\n            editorView.dom.parentNode?.appendChild(div);\n        },\n    };\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { EditorView } from '@milkdown/prose/view';\n\nimport { ButtonList } from '../item';\n\nexport const noActive = (buttonMap: ButtonList, view: EditorView) => {\n    return Object.values(buttonMap)\n        .filter((item) => item.enable(view) && item.$ != null)\n        .every(({ $ }) => $.classList.contains('hide'));\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { EditorView } from '@milkdown/prose/view';\n\nimport { ButtonList } from '../item';\nimport { noActive } from './no-active';\n\nexport const filterButton = (buttons: ButtonList, view: EditorView) => {\n    buttons\n        .filter((item) => item.enable(view) && item.$ != null)\n        .forEach((item) => {\n            const disable = item.disable?.(view);\n            if (disable) {\n                item.$.classList.add('hide');\n                return;\n            }\n\n            item.$.classList.remove('hide');\n\n            const active = item.active(view);\n            if (active) {\n                item.$.classList.add('active');\n                return;\n            }\n            item.$.classList.remove('active');\n        });\n\n    return noActive(buttons, view);\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport type { EditorView } from '@milkdown/prose/view';\nimport type { ThemeUtils } from '@milkdown/utils';\n\nimport type { ButtonList } from '../item';\nimport { calcButtonPos } from './calc-button-pos';\nimport { createTooltip } from './create-tooltip';\nimport { filterButton } from './filter-button';\n\nexport const createButtonManager = (\n    buttons: ButtonList,\n    utils: ThemeUtils,\n    bottom: boolean,\n    containerClassName: string,\n) => {\n    const { dom: buttonDOM, render } = createTooltip(buttons, utils, containerClassName);\n\n    const onClick = (e: Event) => {\n        const target = buttons.find(({ $ }) => e.target instanceof Element && $.contains(e.target));\n        if (!target) return;\n\n        e.stopPropagation();\n        e.preventDefault();\n        target.command();\n    };\n\n    const hide = () => {\n        buttonDOM.classList.add('hide');\n    };\n\n    buttonDOM.addEventListener('mousedown', onClick);\n\n    return {\n        destroy: () => {\n            buttonDOM.removeEventListener('mousedown', onClick);\n            buttonDOM.remove();\n        },\n        hide,\n        update: (editorView: EditorView) => {\n            const noActive = filterButton(buttons, editorView);\n            if (noActive) {\n                hide();\n                return;\n            }\n            calcButtonPos(buttonDOM, editorView, bottom);\n        },\n        render,\n    };\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { EditorState } from '@milkdown/prose/state';\nimport type { EditorView } from '@milkdown/prose/view';\nimport { ThemeUtils } from '@milkdown/utils';\n\nimport { createButtonManager } from './button-manager';\nimport type { ButtonList } from './item';\n\nexport const createPlugin = (buttonMap: ButtonList, utils: ThemeUtils, bottom: boolean, containerClassName: string) => {\n    let buttonManager = createButtonManager(buttonMap, utils, bottom, containerClassName);\n    let shouldHide = false;\n\n    const hide = () => {\n        buttonManager.hide();\n    };\n\n    const update = (view: EditorView, prevState?: EditorState) => {\n        const { state } = view;\n\n        if (!view.editable || shouldHide) {\n            hide();\n            return;\n        }\n\n        const isEqualSelection = prevState?.doc.eq(state.doc) && prevState.selection.eq(state.selection);\n        if (isEqualSelection) return;\n\n        buttonManager.update(view);\n    };\n\n    return {\n        recreate: (editorView: EditorView) => {\n            buttonManager = createButtonManager(buttonMap, utils, bottom, containerClassName);\n            buttonManager.render(editorView);\n            update(editorView);\n        },\n        update,\n        destroy: () => {\n            buttonManager.destroy();\n        },\n        render: (editorView: EditorView) => {\n            buttonManager.render(editorView);\n            update(editorView);\n        },\n        setHide: (isTyping: boolean) => {\n            shouldHide = isTyping;\n        },\n    };\n};\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { Plugin, PluginKey } from '@milkdown/prose/state';\nimport { AtomList, createPlugin as create } from '@milkdown/utils';\n\nimport { buttonMap, TooltipOptions } from './item';\nimport { createPlugin } from './selection-marks-tooltip';\n\nexport const key = new PluginKey('MILKDOWN_TOOLTIP');\nexport * from './item';\n\nexport const tooltipPlugin = create<string, TooltipOptions>((utils, options) => {\n    return {\n        id: 'tooltip',\n        prosePlugins: (_, ctx) => {\n            const manager = createPlugin(buttonMap(ctx, options?.items), utils, options?.bottom ?? false, 'tooltip');\n            const plugin = new Plugin({\n                key,\n                props: {\n                    handleClick: (view) => {\n                        manager.setHide(false);\n                        manager.update(view);\n                        return false;\n                    },\n                    handleDOMEvents: {\n                        mousedown: () => {\n                            manager.setHide(false);\n                            return false;\n                        },\n                    },\n                },\n                view: (editorView) => {\n                    manager.recreate(editorView);\n                    return {\n                        update: manager.update,\n                        destroy: manager.destroy,\n                    };\n                },\n            });\n            return [plugin];\n        },\n    };\n});\n\nexport const tooltip = AtomList.create([tooltipPlugin()]);\n"],"names":["create"],"mappings":"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"}
+{"version":3,"file":"index.es.js","sources":["../src/utility/prosemirror.ts","../src/item.ts","../src/button-manager/calc-button-pos.ts","../src/button-manager/style.ts","../src/button-manager/create-tooltip.ts","../src/button-manager/no-active.ts","../src/button-manager/filter-button.ts","../src/button-manager/index.ts","../src/selection-marks-tooltip.ts","../src/index.ts"],"sourcesContent":["/* Copyright 2021, Milkdown by Mirone. */\nimport { findParentNode } from '@milkdown/prose'\nimport type { MarkType, Node, NodeType } from '@milkdown/prose/model'\nimport type { EditorState } from '@milkdown/prose/state'\nimport { TextSelection } from '@milkdown/prose/state'\n\nexport interface Position {\n  start: number\n  end: number\n}\n\nexport const hasMark = (editorState: EditorState, type?: MarkType): boolean => {\n  if (!type)\n    return false\n\n  const { from, to } = editorState.selection\n\n  return editorState.doc.rangeHasMark(from, from === to ? to + 1 : to, type)\n}\n\nexport const isTextSelection = (editorState: EditorState): boolean => {\n  const { selection } = editorState\n  if (selection instanceof TextSelection) {\n    const text = editorState.doc.textBetween(selection.from, selection.to)\n\n    if (!text)\n      return false\n\n    return true\n  }\n  return false\n}\n\nexport const isInCodeFence = (editorState: EditorState): boolean =>\n  Boolean(findParentNode(node => !!node.type.spec.code)(editorState.selection))\n\nexport const isTextAndNotHasMark = (editorState: EditorState, mark?: MarkType): boolean =>\n  !isTextSelection(editorState) || isInCodeFence(editorState) || hasMark(editorState, mark)\n\nexport const equalNodeType = (nodeType: NodeType, node: Node) => {\n  return (Array.isArray(nodeType) && nodeType.includes(node.type)) || node.type === nodeType\n}\n","/* Copyright 2021, Milkdown by Mirone. */\nimport type { Ctx } from '@milkdown/core'\nimport { ThemeIcon, commandsCtx, schemaCtx, themeManagerCtx } from '@milkdown/core'\nimport type { Icon } from '@milkdown/design-system'\nimport type { MarkType } from '@milkdown/prose/model'\nimport type { EditorView } from '@milkdown/prose/view'\n\nimport { hasMark, isTextAndNotHasMark } from './utility'\n\nexport type Pred = (view: EditorView) => boolean\nexport type Updater = (view: EditorView, $: HTMLElement) => void\nexport type Event2Command = (e: Event) => void\n\nexport type OnClick = (ctx: Ctx) => void\n\nexport interface Item {\n  icon: Icon | ((ctx: Ctx) => HTMLElement)\n  onClick: string | ((ctx: Ctx) => () => void)\n  isHidden: (ctx: Ctx) => Pred\n  isActive: (ctx: Ctx) => Pred\n  canAddToDOM: (ctx: Ctx) => Pred\n}\n\nexport interface ButtonItem {\n  $: HTMLElement\n  command: () => void\n  active: Pred\n  disable?: Pred\n  enable: Pred\n}\n\nexport const createToggleIcon = (icon: Icon, onClick: string, mark?: MarkType, disableForMark?: MarkType): Item => ({\n  icon,\n  onClick,\n  isHidden: () => (view: EditorView) => isTextAndNotHasMark(view.state, disableForMark),\n  isActive: () => (view: EditorView) => hasMark(view.state, mark),\n  canAddToDOM: () => (view: EditorView) => !!mark && !!view.state.schema.marks[mark.name],\n})\n\nexport const defaultButtons = (ctx: Ctx) => {\n  const marks = ctx.get(schemaCtx).marks\n  return [\n    createToggleIcon('bold', 'ToggleBold', marks.strong),\n    createToggleIcon('italic', 'ToggleItalic', marks.em),\n    createToggleIcon('strikeThrough', 'ToggleStrikeThrough', marks.strike_through),\n    createToggleIcon('code', 'ToggleInlineCode', marks.code_inline),\n    createToggleIcon('link', 'ToggleLink', marks.link),\n  ]\n}\n\nexport type ButtonList = ButtonItem[]\n\nexport interface TooltipOptions {\n  bottom: boolean\n  items: (ctx: Ctx) => Array<Item>\n}\n\nexport const buttonMap = (ctx: Ctx, items: (ctx: Ctx) => Array<Item> = defaultButtons): ButtonList => {\n  const toButton = ({ icon, onClick, isHidden, isActive, canAddToDOM }: Item): ButtonItem => ({\n    $: typeof icon === 'function' ? icon(ctx) : (ctx.get(themeManagerCtx).get(ThemeIcon, icon)?.dom as HTMLElement),\n    command: typeof onClick === 'string' ? () => ctx.get(commandsCtx).call(onClick) : onClick(ctx),\n    disable: isHidden(ctx),\n    active: isActive(ctx),\n    enable: canAddToDOM(ctx),\n  })\n  return items(ctx).map(toButton)\n}\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { missingRootElement } from '@milkdown/exception'\nimport { calculateTextPosition } from '@milkdown/prose'\nimport type { EditorView } from '@milkdown/prose/view'\n\nexport const calcButtonPos = (buttons: HTMLElement, view: EditorView, isBottom: boolean) => {\n  buttons.classList.remove('hide')\n  calculateTextPosition(view, buttons, (start, end, target, parent) => {\n    const $editor = buttons.parentElement\n    if (!$editor)\n      throw missingRootElement()\n\n    const selectionWidth = end.left - start.left\n    let left = start.left - parent.left - (target.width - selectionWidth) / 2\n    let top = start.top - parent.top - target.height - 14 + $editor.scrollTop\n\n    if (left < 0)\n      left = 0\n\n    const maxLeft = $editor.clientWidth - (target.width + 4)\n    if (left > maxLeft)\n      left = maxLeft\n\n    if (top < $editor.scrollTop || (isBottom && parent.bottom - start.bottom > target.height))\n      top = start.bottom - parent.top + 14 + $editor.scrollTop\n\n    return [top, left]\n  })\n}\n","/* Copyright 2021, Milkdown by Mirone. */\nimport type { Color, Emotion, ThemeManager } from '@milkdown/core'\nimport { ThemeBorder, ThemeColor, ThemeShadow, ThemeSize } from '@milkdown/core'\n\nexport const injectStyle = (themeManager: ThemeManager, { css }: Emotion) => {\n  const palette = (color: Color, opacity = 1) => themeManager.get(ThemeColor, [color, opacity])\n  const lineWidth = themeManager.get(ThemeSize, 'lineWidth')\n  return css`\n        display: inline-flex;\n        cursor: pointer;\n        justify-content: space-evenly;\n        position: absolute;\n        border-radius: ${themeManager.get(ThemeSize, 'radius')};\n        z-index: 2;\n\n        ${themeManager.get(ThemeBorder, undefined)}\n        ${themeManager.get(ThemeShadow, undefined)}\n\n        overflow: hidden;\n        background: ${palette('surface')};\n\n        .icon {\n            position: relative;\n            color: ${palette('solid', 0.87)};\n\n            width: 48px;\n            line-height: 48px;\n            text-align: center;\n            transition: all 0.4s ease-in-out;\n            &:hover {\n                background-color: ${palette('secondary', 0.12)};\n            }\n            &.active {\n                color: ${palette('primary')};\n            }\n            &:not(:last-child)::after {\n                content: '';\n                position: absolute;\n                top: 0;\n                right: calc(-0.5 * ${lineWidth});\n                width: ${lineWidth};\n                bottom: 0;\n                background: ${palette('line')};\n            }\n        }\n        &.hide,\n        .hide {\n            display: none;\n        }\n    `\n}\n","/* Copyright 2021, Milkdown by Mirone. */\nimport type { EditorView } from '@milkdown/prose/view'\nimport type { ThemeUtils } from '@milkdown/utils'\n\nimport type { ButtonList } from '../item'\nimport { injectStyle } from './style'\n\ninterface Tooltip {\n  dom: HTMLDivElement\n  render: (editorView: EditorView) => void\n}\n\nexport const createTooltip = (buttonMap: ButtonList, utils: ThemeUtils, className: string): Tooltip => {\n  const div = document.createElement('div')\n  utils.themeManager.onFlush(() => {\n    const style = utils.getStyle(emotion => injectStyle(utils.themeManager, emotion)) || ''\n    if (style)\n      div.classList.add(style)\n  })\n\n  div.classList.add(utils.getClassName({}, className))\n\n  return {\n    dom: div,\n    render: (editorView: EditorView) => {\n      buttonMap\n        .filter(item => item.enable(editorView) && item.$ != null)\n        .forEach(({ $ }) => div.appendChild($))\n\n      editorView.dom.parentNode?.appendChild(div)\n    },\n  }\n}\n","/* Copyright 2021, Milkdown by Mirone. */\nimport type { EditorView } from '@milkdown/prose/view'\n\nimport type { ButtonList } from '../item'\n\nexport const noActive = (buttonMap: ButtonList, view: EditorView) => {\n  return Object.values(buttonMap)\n    .filter(item => item.enable(view) && item.$ != null)\n    .every(({ $ }) => $.classList.contains('hide'))\n}\n","/* Copyright 2021, Milkdown by Mirone. */\nimport type { EditorView } from '@milkdown/prose/view'\n\nimport type { ButtonList } from '../item'\nimport { noActive } from './no-active'\n\nexport const filterButton = (buttons: ButtonList, view: EditorView) => {\n  buttons\n    .filter(item => item.enable(view) && item.$ != null)\n    .forEach((item) => {\n      const disable = item.disable?.(view)\n      if (disable) {\n        item.$.classList.add('hide')\n        return\n      }\n\n      item.$.classList.remove('hide')\n\n      const active = item.active(view)\n      if (active) {\n        item.$.classList.add('active')\n        return\n      }\n      item.$.classList.remove('active')\n    })\n\n  return noActive(buttons, view)\n}\n","/* Copyright 2021, Milkdown by Mirone. */\nimport type { EditorView } from '@milkdown/prose/view'\nimport type { ThemeUtils } from '@milkdown/utils'\n\nimport type { ButtonList } from '../item'\nimport { calcButtonPos } from './calc-button-pos'\nimport { createTooltip } from './create-tooltip'\nimport { filterButton } from './filter-button'\n\nexport const createButtonManager = (\n  buttons: ButtonList,\n  utils: ThemeUtils,\n  bottom: boolean,\n  containerClassName: string,\n) => {\n  const { dom: buttonDOM, render } = createTooltip(buttons, utils, containerClassName)\n\n  const onClick = (e: Event) => {\n    const target = buttons.find(({ $ }) => e.target instanceof Element && $.contains(e.target))\n    if (!target)\n      return\n\n    e.stopPropagation()\n    e.preventDefault()\n    target.command()\n  }\n\n  const hide = () => {\n    buttonDOM.classList.add('hide')\n  }\n\n  buttonDOM.addEventListener('mousedown', onClick)\n\n  return {\n    destroy: () => {\n      buttonDOM.removeEventListener('mousedown', onClick)\n      buttonDOM.remove()\n    },\n    hide,\n    update: (editorView: EditorView) => {\n      const noActive = filterButton(buttons, editorView)\n      if (noActive) {\n        hide()\n        return\n      }\n      calcButtonPos(buttonDOM, editorView, bottom)\n    },\n    render,\n  }\n}\n","/* Copyright 2021, Milkdown by Mirone. */\nimport type { EditorState } from '@milkdown/prose/state'\nimport type { EditorView } from '@milkdown/prose/view'\nimport type { ThemeUtils } from '@milkdown/utils'\n\nimport { createButtonManager } from './button-manager'\nimport type { ButtonList } from './item'\n\nexport const createPlugin = (buttonMap: ButtonList, utils: ThemeUtils, bottom: boolean, containerClassName: string) => {\n  let buttonManager = createButtonManager(buttonMap, utils, bottom, containerClassName)\n  let shouldHide = false\n\n  const hide = () => {\n    buttonManager.hide()\n  }\n\n  const update = (view: EditorView, prevState?: EditorState) => {\n    const { state } = view\n\n    if (!view.editable || shouldHide) {\n      hide()\n      return\n    }\n\n    const isEqualSelection = prevState?.doc.eq(state.doc) && prevState.selection.eq(state.selection)\n    if (isEqualSelection)\n      return\n\n    buttonManager.update(view)\n  }\n\n  return {\n    recreate: (editorView: EditorView) => {\n      buttonManager = createButtonManager(buttonMap, utils, bottom, containerClassName)\n      buttonManager.render(editorView)\n      update(editorView)\n    },\n    update,\n    destroy: () => {\n      buttonManager.destroy()\n    },\n    render: (editorView: EditorView) => {\n      buttonManager.render(editorView)\n      update(editorView)\n    },\n    setHide: (isTyping: boolean) => {\n      shouldHide = isTyping\n    },\n  }\n}\n","/* Copyright 2021, Milkdown by Mirone. */\nimport { Plugin, PluginKey } from '@milkdown/prose/state'\nimport { AtomList, createPlugin as create } from '@milkdown/utils'\n\nimport type { TooltipOptions } from './item'\nimport { buttonMap } from './item'\nimport { createPlugin } from './selection-marks-tooltip'\n\nexport const key = new PluginKey('MILKDOWN_TOOLTIP')\nexport * from './item'\n\nexport const tooltipPlugin = create<string, TooltipOptions>((utils, options) => {\n  return {\n    id: 'tooltip',\n    prosePlugins: (_, ctx) => {\n      const manager = createPlugin(buttonMap(ctx, options?.items), utils, options?.bottom ?? false, 'tooltip')\n      const plugin = new Plugin({\n        key,\n        props: {\n          handleClick: (view) => {\n            manager.setHide(false)\n            manager.update(view)\n            return false\n          },\n          handleDOMEvents: {\n            mousedown: () => {\n              manager.setHide(false)\n              return false\n            },\n          },\n        },\n        view: (editorView) => {\n          manager.recreate(editorView)\n          return {\n            update: manager.update,\n            destroy: manager.destroy,\n          }\n        },\n      })\n      return [plugin]\n    },\n  }\n})\n\nexport const tooltip = AtomList.create([tooltipPlugin()])\n"],"names":["hasMark","editorState","type","from","to","isTextSelection","selection","TextSelection","isInCodeFence","findParentNode","node","isTextAndNotHasMark","mark","createToggleIcon","icon","onClick","disableForMark","view","defaultButtons","ctx","marks","schemaCtx","buttonMap","items","toButton","isHidden","isActive","canAddToDOM","_a","themeManagerCtx","ThemeIcon","commandsCtx","calcButtonPos","buttons","isBottom","calculateTextPosition","start","end","target","parent","$editor","missingRootElement","selectionWidth","left","top","maxLeft","injectStyle","themeManager","css","palette","color","opacity","ThemeColor","lineWidth","ThemeSize","ThemeBorder","ThemeShadow","createTooltip","utils","className","div","style","emotion","editorView","item","$","noActive","filterButton","createButtonManager","bottom","containerClassName","buttonDOM","render","e","hide","createPlugin","buttonManager","shouldHide","update","prevState","state","isTyping","key","PluginKey","tooltipPlugin","create","options","_","manager","Plugin","tooltip","AtomList"],"mappings":"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"}

package/lib/item.d.ts

@@ -1,31 +1,31 @@
-import { Ctx } from '@milkdown/core';
+import type { Ctx } from '@milkdown/core';
 import type { Icon } from '@milkdown/design-system';
 import type { MarkType } from '@milkdown/prose/model';
-import { EditorView } from '@milkdown/prose/view';
-export declare type Pred = (view: EditorView) => boolean;
-export declare type Updater = (view: EditorView, $: HTMLElement) => void;
-export declare type Event2Command = (e: Event) => void;
-export declare type OnClick = (ctx: Ctx) => void;
-export declare type Item = {
+import type { EditorView } from '@milkdown/prose/view';
+export type Pred = (view: EditorView) => boolean;
+export type Updater = (view: EditorView, $: HTMLElement) => void;
+export type Event2Command = (e: Event) => void;
+export type OnClick = (ctx: Ctx) => void;
+export interface Item {
     icon: Icon | ((ctx: Ctx) => HTMLElement);
     onClick: string | ((ctx: Ctx) => () => void);
     isHidden: (ctx: Ctx) => Pred;
     isActive: (ctx: Ctx) => Pred;
     canAddToDOM: (ctx: Ctx) => Pred;
-};
-export declare type ButtonItem = {
+}
+export interface ButtonItem {
     $: HTMLElement;
     command: () => void;
     active: Pred;
     disable?: Pred;
     enable: Pred;
-};
+}
 export declare const createToggleIcon: (icon: Icon, onClick: string, mark?: MarkType, disableForMark?: MarkType) => Item;
 export declare const defaultButtons: (ctx: Ctx) => Item[];
-export declare type ButtonList = ButtonItem[];
-export declare type TooltipOptions = {
+export type ButtonList = ButtonItem[];
+export interface TooltipOptions {
     bottom: boolean;
     items: (ctx: Ctx) => Array<Item>;
-};
+}
 export declare const buttonMap: (ctx: Ctx, items?: (ctx: Ctx) => Array<Item>) => ButtonList;
 //# sourceMappingURL=item.d.ts.map

package/lib/item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../src/item.ts"],"names":[],"mappings":"AACA,OAAO,EAAe,GAAG,EAAyC,MAAM,gBAAgB,CAAC;AACzF,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAIlD,oBAAY,IAAI,GAAG,CAAC,IAAI,EAAE,UAAU,KAAK,OAAO,CAAC;AACjD,oBAAY,OAAO,GAAG,CAAC,IAAI,EAAE,UAAU,EAAE,CAAC,EAAE,WAAW,KAAK,IAAI,CAAC;AACjE,oBAAY,aAAa,GAAG,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;AAE/C,oBAAY,OAAO,GAAG,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;AAEzC,oBAAY,IAAI,GAAG;IACf,IAAI,EAAE,IAAI,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,WAAW,CAAC,CAAC;IACzC,OAAO,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,MAAM,IAAI,CAAC,CAAC;IAC7C,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7B,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7B,WAAW,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,oBAAY,UAAU,GAAG;IACrB,CAAC,EAAE,WAAW,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,IAAI,CAAC;IACb,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,MAAM,EAAE,IAAI,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,gBAAgB,SAAU,IAAI,WAAW,MAAM,SAAS,QAAQ,mBAAmB,QAAQ,KAAG,IAMzG,CAAC;AAEH,eAAO,MAAM,cAAc,QAAS,GAAG,WAStC,CAAC;AAEF,oBAAY,UAAU,GAAG,UAAU,EAAE,CAAC;AAEtC,oBAAY,cAAc,GAAG;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,KAAK,CAAC,IAAI,CAAC,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,SAAS,QAAS,GAAG,gBAAe,GAAG,KAAK,MAAM,IAAI,CAAC,eASnE,CAAC"}
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../src/item.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAEzC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AACrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAItD,MAAM,MAAM,IAAI,GAAG,CAAC,IAAI,EAAE,UAAU,KAAK,OAAO,CAAA;AAChD,MAAM,MAAM,OAAO,GAAG,CAAC,IAAI,EAAE,UAAU,EAAE,CAAC,EAAE,WAAW,KAAK,IAAI,CAAA;AAChE,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAA;AAE9C,MAAM,MAAM,OAAO,GAAG,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;AAExC,MAAM,WAAW,IAAI;IACnB,IAAI,EAAE,IAAI,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,WAAW,CAAC,CAAA;IACxC,OAAO,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,MAAM,IAAI,CAAC,CAAA;IAC5C,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;IAC5B,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;IAC5B,WAAW,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;CAChC;AAED,MAAM,WAAW,UAAU;IACzB,CAAC,EAAE,WAAW,CAAA;IACd,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,MAAM,EAAE,IAAI,CAAA;IACZ,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,MAAM,EAAE,IAAI,CAAA;CACb;AAED,eAAO,MAAM,gBAAgB,SAAU,IAAI,WAAW,MAAM,SAAS,QAAQ,mBAAmB,QAAQ,KAAG,IAMzG,CAAA;AAEF,eAAO,MAAM,cAAc,QAAS,GAAG,WAStC,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,UAAU,EAAE,CAAA;AAErC,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,OAAO,CAAA;IACf,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,KAAK,CAAC,IAAI,CAAC,CAAA;CACjC;AAED,eAAO,MAAM,SAAS,QAAS,GAAG,gBAAe,GAAG,KAAK,MAAM,IAAI,CAAC,eASnE,CAAA"}

package/lib/selection-marks-tooltip.d.ts

@@ -1,6 +1,6 @@
-import { EditorState } from '@milkdown/prose/state';
+import type { EditorState } from '@milkdown/prose/state';
 import type { EditorView } from '@milkdown/prose/view';
-import { ThemeUtils } from '@milkdown/utils';
+import type { ThemeUtils } from '@milkdown/utils';
 import type { ButtonList } from './item';
 export declare const createPlugin: (buttonMap: ButtonList, utils: ThemeUtils, bottom: boolean, containerClassName: string) => {
     recreate: (editorView: EditorView) => void;

package/lib/selection-marks-tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selection-marks-tooltip.d.ts","sourceRoot":"","sources":["../src/selection-marks-tooltip.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAG7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEzC,eAAO,MAAM,YAAY,iCAAkC,UAAU,UAAU,OAAO,sBAAsB,MAAM;2BAuBnF,UAAU;mBAff,UAAU,cAAc,WAAW;;yBAwBhC,UAAU;wBAIX,OAAO;CAIlC,CAAC"}
+{"version":3,"file":"selection-marks-tooltip.d.ts","sourceRoot":"","sources":["../src/selection-marks-tooltip.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAGjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AAExC,eAAO,MAAM,YAAY,iCAAkC,UAAU,UAAU,OAAO,sBAAsB,MAAM;2BAwBvF,UAAU;mBAhBb,UAAU,cAAc,WAAW;;yBAyBlC,UAAU;wBAIX,OAAO;CAI9B,CAAA"}

package/lib/utility/element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../../src/utility/element.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,YAAY,YAAa,WAAW,WAAW,MAAM,KAAG,OACxB,CAAC"}
+{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../../src/utility/element.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,YAAY,YAAa,WAAW,WAAW,MAAM,KAAG,OAC1B,CAAA"}

package/lib/utility/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utility/index.ts"],"names":[],"mappings":"AACA,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utility/index.ts"],"names":[],"mappings":"AACA,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA"}

package/lib/utility/prosemirror.d.ts

@@ -1,9 +1,9 @@
-import { MarkType, Node, NodeType } from '@milkdown/prose/model';
-import { EditorState } from '@milkdown/prose/state';
-export declare type Position = {
+import type { MarkType, Node, NodeType } from '@milkdown/prose/model';
+import type { EditorState } from '@milkdown/prose/state';
+export interface Position {
     start: number;
     end: number;
-};
+}
 export declare const hasMark: (editorState: EditorState, type?: MarkType) => boolean;
 export declare const isTextSelection: (editorState: EditorState) => boolean;
 export declare const isInCodeFence: (editorState: EditorState) => boolean;

package/lib/utility/prosemirror.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prosemirror.d.ts","sourceRoot":"","sources":["../../src/utility/prosemirror.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,WAAW,EAAiB,MAAM,uBAAuB,CAAC;AAEnE,oBAAY,QAAQ,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,OAAO,gBAAiB,WAAW,SAAS,QAAQ,KAAG,OAOnE,CAAC;AAEF,eAAO,MAAM,eAAe,gBAAiB,WAAW,KAAG,OAU1D,CAAC;AAEF,eAAO,MAAM,aAAa,gBAAiB,WAAW,KAAG,OAC0B,CAAC;AAEpF,eAAO,MAAM,mBAAmB,gBAAiB,WAAW,SAAS,QAAQ,KAAG,OACa,CAAC;AAE9F,eAAO,MAAM,aAAa,aAAc,QAAQ,QAAQ,IAAI,YAE3D,CAAC"}
+{"version":3,"file":"prosemirror.d.ts","sourceRoot":"","sources":["../../src/utility/prosemirror.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AACrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAGxD,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,eAAO,MAAM,OAAO,gBAAiB,WAAW,SAAS,QAAQ,KAAG,OAOnE,CAAA;AAED,eAAO,MAAM,eAAe,gBAAiB,WAAW,KAAG,OAW1D,CAAA;AAED,eAAO,MAAM,aAAa,gBAAiB,WAAW,KAAG,OACsB,CAAA;AAE/E,eAAO,MAAM,mBAAmB,gBAAiB,WAAW,SAAS,QAAQ,KAAG,OACW,CAAA;AAE3F,eAAO,MAAM,aAAa,aAAc,QAAQ,QAAQ,IAAI,YAE3D,CAAA"}

package/package.json

@@ -1,32 +1,32 @@
 {
   "name": "@milkdown/plugin-tooltip",
-  "version": "6.5.0",
   "type": "module",
+  "version": "6.5.3",
+  "license": "MIT",
+  "keywords": [
+    "milkdown",
+    "milkdown plugin"
+  ],
+  "sideEffects": false,
   "main": "./lib/index.es.js",
   "types": "./lib/index.d.ts",
-  "sideEffects": false,
-  "license": "MIT",
   "files": [
     "lib",
     "src"
   ],
-  "keywords": [
-    "milkdown",
-    "milkdown plugin"
-  ],
-  "devDependencies": {
-    "@milkdown/core": "6.5.0",
-    "@milkdown/prose": "6.5.0",
-    "@milkdown/design-system": "6.5.0"
-  },
   "peerDependencies": {
     "@milkdown/core": "^6.0.1",
     "@milkdown/prose": "^6.0.1"
   },
   "dependencies": {
-    "@milkdown/utils": "6.5.0",
-    "@milkdown/exception": "6.5.0",
-    "tslib": "^2.4.0"
+    "tslib": "^2.4.0",
+    "@milkdown/exception": "6.5.3",
+    "@milkdown/utils": "6.5.3"
+  },
+  "devDependencies": {
+    "@milkdown/core": "6.5.3",
+    "@milkdown/design-system": "6.5.3",
+    "@milkdown/prose": "6.5.3"
   },
   "nx": {
     "targets": {

package/src/button-manager/calc-button-pos.ts

@@ -1,24 +1,29 @@
 /* Copyright 2021, Milkdown by Mirone. */
-import { missingRootElement } from '@milkdown/exception';
-import { calculateTextPosition } from '@milkdown/prose';
-import { EditorView } from '@milkdown/prose/view';
+import { missingRootElement } from '@milkdown/exception'
+import { calculateTextPosition } from '@milkdown/prose'
+import type { EditorView } from '@milkdown/prose/view'
 
 export const calcButtonPos = (buttons: HTMLElement, view: EditorView, isBottom: boolean) => {
-    buttons.classList.remove('hide');
-    calculateTextPosition(view, buttons, (start, end, target, parent) => {
-        const $editor = buttons.parentElement;
-        if (!$editor) {
-            throw missingRootElement();
-        }
-        const selectionWidth = end.left - start.left;
-        let left = start.left - parent.left - (target.width - selectionWidth) / 2;
-        let top = start.top - parent.top - target.height - 14 + $editor.scrollTop;
+  buttons.classList.remove('hide')
+  calculateTextPosition(view, buttons, (start, end, target, parent) => {
+    const $editor = buttons.parentElement
+    if (!$editor)
+      throw missingRootElement()
 
-        if (left < 0) left = 0;
+    const selectionWidth = end.left - start.left
+    let left = start.left - parent.left - (target.width - selectionWidth) / 2
+    let top = start.top - parent.top - target.height - 14 + $editor.scrollTop
 
-        if (start.top - parent.top < target.height || (isBottom && parent.bottom - start.bottom > target.height)) {
-            top = start.bottom - parent.top + 14 + $editor.scrollTop;
-        }
-        return [top, left];
-    });
-};
+    if (left < 0)
+      left = 0
+
+    const maxLeft = $editor.clientWidth - (target.width + 4)
+    if (left > maxLeft)
+      left = maxLeft
+
+    if (top < $editor.scrollTop || (isBottom && parent.bottom - start.bottom > target.height))
+      top = start.bottom - parent.top + 14 + $editor.scrollTop
+
+    return [top, left]
+  })
+}

package/src/button-manager/create-tooltip.ts

@@ -1,34 +1,33 @@
 /* Copyright 2021, Milkdown by Mirone. */
-import type { EditorView } from '@milkdown/prose/view';
-import type { ThemeUtils } from '@milkdown/utils';
+import type { EditorView } from '@milkdown/prose/view'
+import type { ThemeUtils } from '@milkdown/utils'
 
-import type { ButtonList } from '../item';
-import { injectStyle } from './style';
+import type { ButtonList } from '../item'
+import { injectStyle } from './style'
 
-type Tooltip = {
-    dom: HTMLDivElement;
-    render: (editorView: EditorView) => void;
-};
+interface Tooltip {
+  dom: HTMLDivElement
+  render: (editorView: EditorView) => void
+}
 
 export const createTooltip = (buttonMap: ButtonList, utils: ThemeUtils, className: string): Tooltip => {
-    const div = document.createElement('div');
-    utils.themeManager.onFlush(() => {
-        const style = utils.getStyle((emotion) => injectStyle(utils.themeManager, emotion)) || '';
-        if (style) {
-            div.classList.add(style);
-        }
-    });
+  const div = document.createElement('div')
+  utils.themeManager.onFlush(() => {
+    const style = utils.getStyle(emotion => injectStyle(utils.themeManager, emotion)) || ''
+    if (style)
+      div.classList.add(style)
+  })
 
-    div.classList.add(utils.getClassName({}, className));
+  div.classList.add(utils.getClassName({}, className))
 
-    return {
-        dom: div,
-        render: (editorView: EditorView) => {
-            buttonMap
-                .filter((item) => item.enable(editorView) && item.$ != null)
-                .forEach(({ $ }) => div.appendChild($));
+  return {
+    dom: div,
+    render: (editorView: EditorView) => {
+      buttonMap
+        .filter(item => item.enable(editorView) && item.$ != null)
+        .forEach(({ $ }) => div.appendChild($))
 
-            editorView.dom.parentNode?.appendChild(div);
-        },
-    };
-};
+      editorView.dom.parentNode?.appendChild(div)
+    },
+  }
+}

package/src/button-manager/filter-button.ts

@@ -1,28 +1,28 @@
 /* Copyright 2021, Milkdown by Mirone. */
-import { EditorView } from '@milkdown/prose/view';
+import type { EditorView } from '@milkdown/prose/view'
 
-import { ButtonList } from '../item';
-import { noActive } from './no-active';
+import type { ButtonList } from '../item'
+import { noActive } from './no-active'
 
 export const filterButton = (buttons: ButtonList, view: EditorView) => {
-    buttons
-        .filter((item) => item.enable(view) && item.$ != null)
-        .forEach((item) => {
-            const disable = item.disable?.(view);
-            if (disable) {
-                item.$.classList.add('hide');
-                return;
-            }
+  buttons
+    .filter(item => item.enable(view) && item.$ != null)
+    .forEach((item) => {
+      const disable = item.disable?.(view)
+      if (disable) {
+        item.$.classList.add('hide')
+        return
+      }
 
-            item.$.classList.remove('hide');
+      item.$.classList.remove('hide')
 
-            const active = item.active(view);
-            if (active) {
-                item.$.classList.add('active');
-                return;
-            }
-            item.$.classList.remove('active');
-        });
+      const active = item.active(view)
+      if (active) {
+        item.$.classList.add('active')
+        return
+      }
+      item.$.classList.remove('active')
+    })
 
-    return noActive(buttons, view);
-};
+  return noActive(buttons, view)
+}

package/src/button-manager/index.ts

@@ -1,49 +1,50 @@
 /* Copyright 2021, Milkdown by Mirone. */
-import type { EditorView } from '@milkdown/prose/view';
-import type { ThemeUtils } from '@milkdown/utils';
+import type { EditorView } from '@milkdown/prose/view'
+import type { ThemeUtils } from '@milkdown/utils'
 
-import type { ButtonList } from '../item';
-import { calcButtonPos } from './calc-button-pos';
-import { createTooltip } from './create-tooltip';
-import { filterButton } from './filter-button';
+import type { ButtonList } from '../item'
+import { calcButtonPos } from './calc-button-pos'
+import { createTooltip } from './create-tooltip'
+import { filterButton } from './filter-button'
 
 export const createButtonManager = (
-    buttons: ButtonList,
-    utils: ThemeUtils,
-    bottom: boolean,
-    containerClassName: string,
+  buttons: ButtonList,
+  utils: ThemeUtils,
+  bottom: boolean,
+  containerClassName: string,
 ) => {
-    const { dom: buttonDOM, render } = createTooltip(buttons, utils, containerClassName);
+  const { dom: buttonDOM, render } = createTooltip(buttons, utils, containerClassName)
 
-    const onClick = (e: Event) => {
-        const target = buttons.find(({ $ }) => e.target instanceof Element && $.contains(e.target));
-        if (!target) return;
+  const onClick = (e: Event) => {
+    const target = buttons.find(({ $ }) => e.target instanceof Element && $.contains(e.target))
+    if (!target)
+      return
 
-        e.stopPropagation();
-        e.preventDefault();
-        target.command();
-    };
+    e.stopPropagation()
+    e.preventDefault()
+    target.command()
+  }
 
-    const hide = () => {
-        buttonDOM.classList.add('hide');
-    };
+  const hide = () => {
+    buttonDOM.classList.add('hide')
+  }
 
-    buttonDOM.addEventListener('mousedown', onClick);
+  buttonDOM.addEventListener('mousedown', onClick)
 
-    return {
-        destroy: () => {
-            buttonDOM.removeEventListener('mousedown', onClick);
-            buttonDOM.remove();
-        },
-        hide,
-        update: (editorView: EditorView) => {
-            const noActive = filterButton(buttons, editorView);
-            if (noActive) {
-                hide();
-                return;
-            }
-            calcButtonPos(buttonDOM, editorView, bottom);
-        },
-        render,
-    };
-};
+  return {
+    destroy: () => {
+      buttonDOM.removeEventListener('mousedown', onClick)
+      buttonDOM.remove()
+    },
+    hide,
+    update: (editorView: EditorView) => {
+      const noActive = filterButton(buttons, editorView)
+      if (noActive) {
+        hide()
+        return
+      }
+      calcButtonPos(buttonDOM, editorView, bottom)
+    },
+    render,
+  }
+}

package/src/button-manager/no-active.ts

@@ -1,10 +1,10 @@
 /* Copyright 2021, Milkdown by Mirone. */
-import { EditorView } from '@milkdown/prose/view';
+import type { EditorView } from '@milkdown/prose/view'
 
-import { ButtonList } from '../item';
+import type { ButtonList } from '../item'
 
 export const noActive = (buttonMap: ButtonList, view: EditorView) => {
-    return Object.values(buttonMap)
-        .filter((item) => item.enable(view) && item.$ != null)
-        .every(({ $ }) => $.classList.contains('hide'));
-};
+  return Object.values(buttonMap)
+    .filter(item => item.enable(view) && item.$ != null)
+    .every(({ $ }) => $.classList.contains('hide'))
+}

package/src/button-manager/style.ts

@@ -1,10 +1,11 @@
 /* Copyright 2021, Milkdown by Mirone. */
-import { Color, Emotion, ThemeBorder, ThemeColor, ThemeManager, ThemeShadow, ThemeSize } from '@milkdown/core';
+import type { Color, Emotion, ThemeManager } from '@milkdown/core'
+import { ThemeBorder, ThemeColor, ThemeShadow, ThemeSize } from '@milkdown/core'
 
 export const injectStyle = (themeManager: ThemeManager, { css }: Emotion) => {
-    const palette = (color: Color, opacity = 1) => themeManager.get(ThemeColor, [color, opacity]);
-    const lineWidth = themeManager.get(ThemeSize, 'lineWidth');
-    return css`
+  const palette = (color: Color, opacity = 1) => themeManager.get(ThemeColor, [color, opacity])
+  const lineWidth = themeManager.get(ThemeSize, 'lineWidth')
+  return css`
         display: inline-flex;
         cursor: pointer;
         justify-content: space-evenly;
@@ -46,5 +47,5 @@ export const injectStyle = (themeManager: ThemeManager, { css }: Emotion) => {
         .hide {
             display: none;
         }
-    `;
-};
+    `
+}

package/src/index.ts

@@ -1,44 +1,45 @@
 /* Copyright 2021, Milkdown by Mirone. */
-import { Plugin, PluginKey } from '@milkdown/prose/state';
-import { AtomList, createPlugin as create } from '@milkdown/utils';
+import { Plugin, PluginKey } from '@milkdown/prose/state'
+import { AtomList, createPlugin as create } from '@milkdown/utils'
 
-import { buttonMap, TooltipOptions } from './item';
-import { createPlugin } from './selection-marks-tooltip';
+import type { TooltipOptions } from './item'
+import { buttonMap } from './item'
+import { createPlugin } from './selection-marks-tooltip'
 
-export const key = new PluginKey('MILKDOWN_TOOLTIP');
-export * from './item';
+export const key = new PluginKey('MILKDOWN_TOOLTIP')
+export * from './item'
 
 export const tooltipPlugin = create<string, TooltipOptions>((utils, options) => {
-    return {
-        id: 'tooltip',
-        prosePlugins: (_, ctx) => {
-            const manager = createPlugin(buttonMap(ctx, options?.items), utils, options?.bottom ?? false, 'tooltip');
-            const plugin = new Plugin({
-                key,
-                props: {
-                    handleClick: (view) => {
-                        manager.setHide(false);
-                        manager.update(view);
-                        return false;
-                    },
-                    handleDOMEvents: {
-                        mousedown: () => {
-                            manager.setHide(false);
-                            return false;
-                        },
-                    },
-                },
-                view: (editorView) => {
-                    manager.recreate(editorView);
-                    return {
-                        update: manager.update,
-                        destroy: manager.destroy,
-                    };
-                },
-            });
-            return [plugin];
+  return {
+    id: 'tooltip',
+    prosePlugins: (_, ctx) => {
+      const manager = createPlugin(buttonMap(ctx, options?.items), utils, options?.bottom ?? false, 'tooltip')
+      const plugin = new Plugin({
+        key,
+        props: {
+          handleClick: (view) => {
+            manager.setHide(false)
+            manager.update(view)
+            return false
+          },
+          handleDOMEvents: {
+            mousedown: () => {
+              manager.setHide(false)
+              return false
+            },
+          },
         },
-    };
-});
+        view: (editorView) => {
+          manager.recreate(editorView)
+          return {
+            update: manager.update,
+            destroy: manager.destroy,
+          }
+        },
+      })
+      return [plugin]
+    },
+  }
+})
 
-export const tooltip = AtomList.create([tooltipPlugin()]);
+export const tooltip = AtomList.create([tooltipPlugin()])

package/src/item.ts

@@ -1,66 +1,67 @@
 /* Copyright 2021, Milkdown by Mirone. */
-import { commandsCtx, Ctx, schemaCtx, ThemeIcon, themeManagerCtx } from '@milkdown/core';
-import type { Icon } from '@milkdown/design-system';
-import type { MarkType } from '@milkdown/prose/model';
-import { EditorView } from '@milkdown/prose/view';
+import type { Ctx } from '@milkdown/core'
+import { ThemeIcon, commandsCtx, schemaCtx, themeManagerCtx } from '@milkdown/core'
+import type { Icon } from '@milkdown/design-system'
+import type { MarkType } from '@milkdown/prose/model'
+import type { EditorView } from '@milkdown/prose/view'
 
-import { hasMark, isTextAndNotHasMark } from './utility';
+import { hasMark, isTextAndNotHasMark } from './utility'
 
-export type Pred = (view: EditorView) => boolean;
-export type Updater = (view: EditorView, $: HTMLElement) => void;
-export type Event2Command = (e: Event) => void;
+export type Pred = (view: EditorView) => boolean
+export type Updater = (view: EditorView, $: HTMLElement) => void
+export type Event2Command = (e: Event) => void
 
-export type OnClick = (ctx: Ctx) => void;
+export type OnClick = (ctx: Ctx) => void
 
-export type Item = {
-    icon: Icon | ((ctx: Ctx) => HTMLElement);
-    onClick: string | ((ctx: Ctx) => () => void);
-    isHidden: (ctx: Ctx) => Pred;
-    isActive: (ctx: Ctx) => Pred;
-    canAddToDOM: (ctx: Ctx) => Pred;
-};
+export interface Item {
+  icon: Icon | ((ctx: Ctx) => HTMLElement)
+  onClick: string | ((ctx: Ctx) => () => void)
+  isHidden: (ctx: Ctx) => Pred
+  isActive: (ctx: Ctx) => Pred
+  canAddToDOM: (ctx: Ctx) => Pred
+}
 
-export type ButtonItem = {
-    $: HTMLElement;
-    command: () => void;
-    active: Pred;
-    disable?: Pred;
-    enable: Pred;
-};
+export interface ButtonItem {
+  $: HTMLElement
+  command: () => void
+  active: Pred
+  disable?: Pred
+  enable: Pred
+}
 
 export const createToggleIcon = (icon: Icon, onClick: string, mark?: MarkType, disableForMark?: MarkType): Item => ({
-    icon,
-    onClick,
-    isHidden: () => (view: EditorView) => isTextAndNotHasMark(view.state, disableForMark),
-    isActive: () => (view: EditorView) => hasMark(view.state, mark),
-    canAddToDOM: () => (view: EditorView) => !!mark && !!view.state.schema.marks[mark.name],
-});
+  icon,
+  onClick,
+  isHidden: () => (view: EditorView) => isTextAndNotHasMark(view.state, disableForMark),
+  isActive: () => (view: EditorView) => hasMark(view.state, mark),
+  canAddToDOM: () => (view: EditorView) => !!mark && !!view.state.schema.marks[mark.name],
+})
 
 export const defaultButtons = (ctx: Ctx) => {
-    const marks = ctx.get(schemaCtx).marks;
-    return [
-        createToggleIcon('bold', 'ToggleBold', marks['strong']),
-        createToggleIcon('italic', 'ToggleItalic', marks['em']),
-        createToggleIcon('strikeThrough', 'ToggleStrikeThrough', marks['strike_through']),
-        createToggleIcon('code', 'ToggleInlineCode', marks['code_inline']),
-        createToggleIcon('link', 'ToggleLink', marks['link']),
-    ];
-};
+  const marks = ctx.get(schemaCtx).marks
+  return [
+    createToggleIcon('bold', 'ToggleBold', marks.strong),
+    createToggleIcon('italic', 'ToggleItalic', marks.em),
+    createToggleIcon('strikeThrough', 'ToggleStrikeThrough', marks.strike_through),
+    createToggleIcon('code', 'ToggleInlineCode', marks.code_inline),
+    createToggleIcon('link', 'ToggleLink', marks.link),
+  ]
+}
 
-export type ButtonList = ButtonItem[];
+export type ButtonList = ButtonItem[]
 
-export type TooltipOptions = {
-    bottom: boolean;
-    items: (ctx: Ctx) => Array<Item>;
-};
+export interface TooltipOptions {
+  bottom: boolean
+  items: (ctx: Ctx) => Array<Item>
+}
 
 export const buttonMap = (ctx: Ctx, items: (ctx: Ctx) => Array<Item> = defaultButtons): ButtonList => {
-    const toButton = ({ icon, onClick, isHidden, isActive, canAddToDOM }: Item): ButtonItem => ({
-        $: typeof icon === 'function' ? icon(ctx) : (ctx.get(themeManagerCtx).get(ThemeIcon, icon)?.dom as HTMLElement),
-        command: typeof onClick === 'string' ? () => ctx.get(commandsCtx).call(onClick) : onClick(ctx),
-        disable: isHidden(ctx),
-        active: isActive(ctx),
-        enable: canAddToDOM(ctx),
-    });
-    return items(ctx).map(toButton);
-};
+  const toButton = ({ icon, onClick, isHidden, isActive, canAddToDOM }: Item): ButtonItem => ({
+    $: typeof icon === 'function' ? icon(ctx) : (ctx.get(themeManagerCtx).get(ThemeIcon, icon)?.dom as HTMLElement),
+    command: typeof onClick === 'string' ? () => ctx.get(commandsCtx).call(onClick) : onClick(ctx),
+    disable: isHidden(ctx),
+    active: isActive(ctx),
+    enable: canAddToDOM(ctx),
+  })
+  return items(ctx).map(toButton)
+}

package/src/selection-marks-tooltip.ts

@@ -1,49 +1,50 @@
 /* Copyright 2021, Milkdown by Mirone. */
-import { EditorState } from '@milkdown/prose/state';
-import type { EditorView } from '@milkdown/prose/view';
-import { ThemeUtils } from '@milkdown/utils';
+import type { EditorState } from '@milkdown/prose/state'
+import type { EditorView } from '@milkdown/prose/view'
+import type { ThemeUtils } from '@milkdown/utils'
 
-import { createButtonManager } from './button-manager';
-import type { ButtonList } from './item';
+import { createButtonManager } from './button-manager'
+import type { ButtonList } from './item'
 
 export const createPlugin = (buttonMap: ButtonList, utils: ThemeUtils, bottom: boolean, containerClassName: string) => {
-    let buttonManager = createButtonManager(buttonMap, utils, bottom, containerClassName);
-    let shouldHide = false;
-
-    const hide = () => {
-        buttonManager.hide();
-    };
-
-    const update = (view: EditorView, prevState?: EditorState) => {
-        const { state } = view;
-
-        if (!view.editable || shouldHide) {
-            hide();
-            return;
-        }
-
-        const isEqualSelection = prevState?.doc.eq(state.doc) && prevState.selection.eq(state.selection);
-        if (isEqualSelection) return;
-
-        buttonManager.update(view);
-    };
-
-    return {
-        recreate: (editorView: EditorView) => {
-            buttonManager = createButtonManager(buttonMap, utils, bottom, containerClassName);
-            buttonManager.render(editorView);
-            update(editorView);
-        },
-        update,
-        destroy: () => {
-            buttonManager.destroy();
-        },
-        render: (editorView: EditorView) => {
-            buttonManager.render(editorView);
-            update(editorView);
-        },
-        setHide: (isTyping: boolean) => {
-            shouldHide = isTyping;
-        },
-    };
-};
+  let buttonManager = createButtonManager(buttonMap, utils, bottom, containerClassName)
+  let shouldHide = false
+
+  const hide = () => {
+    buttonManager.hide()
+  }
+
+  const update = (view: EditorView, prevState?: EditorState) => {
+    const { state } = view
+
+    if (!view.editable || shouldHide) {
+      hide()
+      return
+    }
+
+    const isEqualSelection = prevState?.doc.eq(state.doc) && prevState.selection.eq(state.selection)
+    if (isEqualSelection)
+      return
+
+    buttonManager.update(view)
+  }
+
+  return {
+    recreate: (editorView: EditorView) => {
+      buttonManager = createButtonManager(buttonMap, utils, bottom, containerClassName)
+      buttonManager.render(editorView)
+      update(editorView)
+    },
+    update,
+    destroy: () => {
+      buttonManager.destroy()
+    },
+    render: (editorView: EditorView) => {
+      buttonManager.render(editorView)
+      update(editorView)
+    },
+    setHide: (isTyping: boolean) => {
+      shouldHide = isTyping
+    },
+  }
+}

package/src/utility/element.ts

@@ -1,3 +1,3 @@
 /* Copyright 2021, Milkdown by Mirone. */
 export const elementIsTag = (element: HTMLElement, tagName: string): boolean =>
-    element.tagName === tagName.toUpperCase();
+  element.tagName === tagName.toUpperCase()

package/src/utility/index.ts

@@ -1,3 +1,3 @@
 /* Copyright 2021, Milkdown by Mirone. */
-export * from './element';
-export * from './prosemirror';
+export * from './element'
+export * from './prosemirror'

package/src/utility/prosemirror.ts

@@ -1,40 +1,42 @@
 /* Copyright 2021, Milkdown by Mirone. */
-import { findParentNode } from '@milkdown/prose';
-import { MarkType, Node, NodeType } from '@milkdown/prose/model';
-import { EditorState, TextSelection } from '@milkdown/prose/state';
+import { findParentNode } from '@milkdown/prose'
+import type { MarkType, Node, NodeType } from '@milkdown/prose/model'
+import type { EditorState } from '@milkdown/prose/state'
+import { TextSelection } from '@milkdown/prose/state'
 
-export type Position = {
-    start: number;
-    end: number;
-};
+export interface Position {
+  start: number
+  end: number
+}
 
 export const hasMark = (editorState: EditorState, type?: MarkType): boolean => {
-    if (!type) {
-        return false;
-    }
-    const { from, to } = editorState.selection;
+  if (!type)
+    return false
 
-    return editorState.doc.rangeHasMark(from, from === to ? to + 1 : to, type);
-};
+  const { from, to } = editorState.selection
+
+  return editorState.doc.rangeHasMark(from, from === to ? to + 1 : to, type)
+}
 
 export const isTextSelection = (editorState: EditorState): boolean => {
-    const { selection } = editorState;
-    if (selection instanceof TextSelection) {
-        const text = editorState.doc.textBetween(selection.from, selection.to);
+  const { selection } = editorState
+  if (selection instanceof TextSelection) {
+    const text = editorState.doc.textBetween(selection.from, selection.to)
 
-        if (!text) return false;
+    if (!text)
+      return false
 
-        return true;
-    }
-    return false;
-};
+    return true
+  }
+  return false
+}
 
 export const isInCodeFence = (editorState: EditorState): boolean =>
-    Boolean(findParentNode((node) => !!node.type.spec.code)(editorState.selection));
+  Boolean(findParentNode(node => !!node.type.spec.code)(editorState.selection))
 
 export const isTextAndNotHasMark = (editorState: EditorState, mark?: MarkType): boolean =>
-    !isTextSelection(editorState) || isInCodeFence(editorState) || hasMark(editorState, mark);
+  !isTextSelection(editorState) || isInCodeFence(editorState) || hasMark(editorState, mark)
 
 export const equalNodeType = (nodeType: NodeType, node: Node) => {
-    return (Array.isArray(nodeType) && nodeType.indexOf(node.type) > -1) || node.type === nodeType;
-};
+  return (Array.isArray(nodeType) && nodeType.includes(node.type)) || node.type === nodeType
+}