@milkdown/plugin-tooltip 6.5.2 → 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,SAuBtF,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.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        const maxLeft = $editor.clientWidth - (target.width + 4);\n        if (left > maxLeft) {\n            left = maxLeft;\n        }\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 { 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":["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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"}
+{"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.2",
   "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.2",
-    "@milkdown/prose": "6.5.2",
-    "@milkdown/design-system": "6.5.2"
-  },
   "peerDependencies": {
     "@milkdown/core": "^6.0.1",
     "@milkdown/prose": "^6.0.1"
   },
   "dependencies": {
-    "@milkdown/utils": "6.5.2",
-    "@milkdown/exception": "6.5.2",
-    "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,29 +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
 
-        const maxLeft = $editor.clientWidth - (target.width + 4);
-        if (left > maxLeft) {
-            left = maxLeft;
-        }
+    if (left < 0)
+      left = 0
 
-        if (top < $editor.scrollTop || (isBottom && parent.bottom - start.bottom > target.height)) {
-            top = start.bottom - parent.top + 14 + $editor.scrollTop;
-        }
-        return [top, left];
-    });
-};
+    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
+}