@gravity-ui/markdown-editor 15.35.0 → 15.36.0

package/build/esm/extensions/additional/Mermaid/MermaidNodeView/MermaidView.js.map

@@ -1 +1 @@
-{"version":3,"file":"MermaidView.js","sourceRoot":"../../../../../../src","sources":["extensions/additional/Mermaid/MermaidNodeView/MermaidView.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useEffect, useMemo, useState} from 'react';\n\nimport {Ellipsis as DotsIcon} from '@gravity-ui/icons';\nimport {Button, Icon, Loader, Menu, Popup, useThemeType} from '@gravity-ui/uikit';\nimport type {Mermaid} from 'mermaid' with {'resolution-mode': 'import'};\nimport type {Node} from 'prosemirror-model';\nimport type {EditorView} from 'prosemirror-view';\n\nimport {SharedStateKey} from 'src/extensions/behavior/SharedState';\nimport {useSharedEditingState} from 'src/react-utils/useSharedEditingState';\n\nimport {cn} from '../../../../classname';\nimport {TextAreaFixed as TextArea} from '../../../../forms/TextInput';\nimport {i18n} from '../../../../i18n/common';\nimport {useAutoSave, useBooleanState, useElementState} from '../../../../react-utils';\nimport {removeNode} from '../../../../utils';\nimport {MermaidConsts} from '../MermaidSpecs/const';\nimport type {MermaidOptions} from '../index';\nimport type {MermaidEntitySharedState} from '../types';\n\nexport const cnMermaid = cn('Mermaid');\n\nexport const STOP_EVENT_CLASSNAME = 'prosemirror-stop-event';\n\nimport './Mermaid.scss';\n\nconst b = cnMermaid;\n\nconst MermaidPreview: React.FC<{mermaidInstance: Mermaid | null; text: string}> = ({\n    mermaidInstance,\n    text = '',\n}) => {\n    const [svg, setSvg] = useState<string>();\n    const [error, setError] = useState<string | null>(null);\n\n    const theme = useThemeType();\n\n    useEffect(() => {\n        const p = async () => {\n            if (mermaidInstance) {\n                try {\n                    // Validates syntax and throws error if text is invalid\n                    await mermaidInstance.parse(text);\n\n                    mermaidInstance.initialize({theme: theme === 'dark' ? 'dark' : 'forest'});\n\n                    const {svg: S} = await mermaidInstance.render(`mermaid-${Date.now()}`, text);\n\n                    setSvg(S);\n                    setError(null);\n                } catch (e) {\n                    setError((e as Error).message);\n                }\n            }\n        };\n\n        p();\n    }, [mermaidInstance, text, theme]);\n\n    if (error) {\n        return <div className={b('Error')}>{error && <div>{error}</div>}</div>;\n    }\n\n    return (\n        <div className={b('Preview')}>\n            {svg ? <div className=\"mermaid\" dangerouslySetInnerHTML={{__html: svg}} /> : <Loader />}\n        </div>\n    );\n};\n\nconst DiagramEditMode: React.FC<{\n    initialText: string;\n    mermaidInstance: Mermaid | null;\n    onSave: (v: string) => void;\n    onCancel: () => void;\n    options: MermaidOptions;\n}> = ({initialText, onSave, onCancel, mermaidInstance, options: {autoSave}}) => {\n    const {value, handleChange, handleManualSave, isSaveDisabled, isAutoSaveEnabled} = useAutoSave({\n        initialValue: initialText || '',\n        onSave,\n        onClose: onCancel,\n        autoSave,\n    });\n\n    return (\n        <div className={b()}>\n            <MermaidPreview mermaidInstance={mermaidInstance} text={value} />\n            <div className={b('Editor')}>\n                <div>\n                    <TextArea\n                        controlProps={{\n                            className: STOP_EVENT_CLASSNAME,\n                        }}\n                        value={value}\n                        onUpdate={handleChange}\n                        autoFocus\n                    />\n                </div>\n                <div className={b('Controls')}>\n                    <div>\n                        <Button onClick={onCancel} view={'flat'}>\n                            <span className={STOP_EVENT_CLASSNAME}>\n                                {isAutoSaveEnabled ? i18n('close') : i18n('cancel')}\n                            </span>\n                        </Button>\n                        {!isAutoSaveEnabled && (\n                            <Button\n                                onClick={handleManualSave}\n                                view={'action'}\n                                disabled={isSaveDisabled}\n                            >\n                                <span className={STOP_EVENT_CLASSNAME}>{i18n('save')}</span>\n                            </Button>\n                        )}\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport const MermaidView: React.FC<{\n    view: EditorView;\n    onChange: (attrs: {[MermaidConsts.NodeAttrs.content]: string}) => void;\n    getMermaidInstance: () => Mermaid;\n    node: Node;\n    getPos: () => number | undefined;\n    options: MermaidOptions;\n}> = ({onChange, node, getPos, view, getMermaidInstance, options}) => {\n    const enitityId: string = node.attrs[MermaidConsts.NodeAttrs.EntityId];\n    const entityKey = useMemo(\n        () => SharedStateKey.define<MermaidEntitySharedState>({name: enitityId}),\n        [enitityId],\n    );\n\n    const [editing, setEditing, unsetEditing] = useSharedEditingState(view, entityKey);\n    const [menuOpen, , closeMenu, toggleMenuOpen] = useBooleanState(false);\n    const [anchorElement, setAnchorElement] = useElementState();\n\n    const [mermaidInstance, setMermaidInstance] = useState<Mermaid | null>(null);\n    useEffect(() => {\n        const waitForMermaid = () =>\n            setTimeout(() => {\n                const instance = getMermaidInstance();\n                if (instance) {\n                    setMermaidInstance(instance);\n\n                    return;\n                }\n\n                waitForMermaid();\n            }, 100);\n\n        waitForMermaid();\n    }, []);\n\n    if (editing) {\n        return (\n            <DiagramEditMode\n                initialText={node.attrs[MermaidConsts.NodeAttrs.content]}\n                mermaidInstance={mermaidInstance}\n                onCancel={unsetEditing}\n                onSave={(v) => {\n                    onChange({[MermaidConsts.NodeAttrs.content]: v});\n                }}\n                options={options}\n            />\n        );\n    }\n\n    return (\n        <div className={b()} onDoubleClick={setEditing}>\n            <MermaidPreview\n                mermaidInstance={mermaidInstance}\n                text={node.attrs[MermaidConsts.NodeAttrs.content]}\n            />\n            <div>\n                <Button\n                    onClick={toggleMenuOpen}\n                    ref={setAnchorElement}\n                    size={'s'}\n                    className={STOP_EVENT_CLASSNAME}\n                >\n                    <Icon data={DotsIcon} className={STOP_EVENT_CLASSNAME} />\n                </Button>\n                <Popup\n                    open={menuOpen}\n                    anchorElement={anchorElement}\n                    onOpenChange={closeMenu}\n                    placement=\"bottom-end\"\n                >\n                    <Menu>\n                        <Menu.Item\n                            onClick={() => {\n                                setEditing();\n                                closeMenu();\n                            }}\n                        >\n                            {i18n('edit')}\n                        </Menu.Item>\n                        <Menu.Item\n                            onClick={() => {\n                                const pos = getPos();\n                                if (pos === undefined) return;\n                                removeNode({\n                                    node,\n                                    pos,\n                                    tr: view.state.tr,\n                                    dispatch: view.dispatch,\n                                });\n                            }}\n                        >\n                            {i18n('remove')}\n                        </Menu.Item>\n                    </Menu>\n                </Popup>\n            </div>\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"MermaidView.js","sourceRoot":"../../../../../../src","sources":["extensions/additional/Mermaid/MermaidNodeView/MermaidView.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useEffect, useMemo, useState} from 'react';\n\nimport {Ellipsis as DotsIcon} from '@gravity-ui/icons';\nimport {Button, Icon, Loader, Menu, Popup, useThemeType} from '@gravity-ui/uikit';\nimport type {Mermaid} from 'mermaid' with {'resolution-mode': 'import'};\nimport type {Node} from 'prosemirror-model';\nimport type {EditorView} from 'prosemirror-view';\n\nimport {SharedStateKey} from 'src/extensions/behavior/SharedState';\nimport {useSharedEditingState} from 'src/react-utils/useSharedEditingState';\n\nimport {cn} from '../../../../classname';\nimport {TextAreaFixed as TextArea} from '../../../../forms/TextInput';\nimport {i18n} from '../../../../i18n/common';\nimport {useAutoSave, useBooleanState, useElementState} from '../../../../react-utils';\nimport {removeNode} from '../../../../utils';\nimport {MermaidConsts} from '../MermaidSpecs/const';\nimport type {MermaidOptions} from '../index';\nimport type {MermaidEntitySharedState} from '../types';\n\nexport const cnMermaid = cn('Mermaid');\n\nexport const STOP_EVENT_CLASSNAME = 'prosemirror-stop-event';\n\nimport './Mermaid.scss';\n\nconst b = cnMermaid;\n\nconst MermaidPreview: React.FC<{\n    mermaidInstance: Mermaid | null;\n    text: string;\n    options: MermaidOptions;\n}> = ({mermaidInstance, text = '', options}) => {\n    const [svg, setSvg] = useState<string>();\n    const [error, setError] = useState<string | null>(null);\n\n    const theme = useThemeType();\n\n    useEffect(() => {\n        const p = async () => {\n            if (mermaidInstance) {\n                try {\n                    // Validates syntax and throws error if text is invalid\n                    await mermaidInstance.parse(text);\n\n                    if (options.theme) {\n                        mermaidInstance.initialize({\n                            theme: theme === 'dark' ? options.theme.dark : options.theme.light,\n                        });\n                    }\n\n                    const {svg: S} = await mermaidInstance.render(`mermaid-${Date.now()}`, text);\n\n                    setSvg(S);\n                    setError(null);\n                } catch (e) {\n                    setError((e as Error).message);\n                }\n            }\n        };\n\n        p();\n    }, [mermaidInstance, text, theme, options.theme]);\n\n    if (error) {\n        return <div className={b('Error')}>{error && <div>{error}</div>}</div>;\n    }\n\n    return (\n        <div className={b('Preview')}>\n            {svg ? <div className=\"mermaid\" dangerouslySetInnerHTML={{__html: svg}} /> : <Loader />}\n        </div>\n    );\n};\n\nconst DiagramEditMode: React.FC<{\n    initialText: string;\n    mermaidInstance: Mermaid | null;\n    onSave: (v: string) => void;\n    onCancel: () => void;\n    options: MermaidOptions;\n}> = ({initialText, onSave, onCancel, mermaidInstance, options}) => {\n    const {value, handleChange, handleManualSave, isSaveDisabled, isAutoSaveEnabled} = useAutoSave({\n        initialValue: initialText || '',\n        onSave,\n        onClose: onCancel,\n        autoSave: options.autoSave,\n    });\n\n    return (\n        <div className={b()}>\n            <MermaidPreview mermaidInstance={mermaidInstance} text={value} options={options} />\n            <div className={b('Editor')}>\n                <div>\n                    <TextArea\n                        controlProps={{\n                            className: STOP_EVENT_CLASSNAME,\n                        }}\n                        value={value}\n                        onUpdate={handleChange}\n                        autoFocus\n                    />\n                </div>\n                <div className={b('Controls')}>\n                    <div>\n                        <Button onClick={onCancel} view={'flat'}>\n                            <span className={STOP_EVENT_CLASSNAME}>\n                                {isAutoSaveEnabled ? i18n('close') : i18n('cancel')}\n                            </span>\n                        </Button>\n                        {!isAutoSaveEnabled && (\n                            <Button\n                                onClick={handleManualSave}\n                                view={'action'}\n                                disabled={isSaveDisabled}\n                            >\n                                <span className={STOP_EVENT_CLASSNAME}>{i18n('save')}</span>\n                            </Button>\n                        )}\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport const MermaidView: React.FC<{\n    view: EditorView;\n    onChange: (attrs: {[MermaidConsts.NodeAttrs.content]: string}) => void;\n    getMermaidInstance: () => Mermaid;\n    node: Node;\n    getPos: () => number | undefined;\n    options: MermaidOptions;\n}> = ({onChange, node, getPos, view, getMermaidInstance, options}) => {\n    const enitityId: string = node.attrs[MermaidConsts.NodeAttrs.EntityId];\n    const entityKey = useMemo(\n        () => SharedStateKey.define<MermaidEntitySharedState>({name: enitityId}),\n        [enitityId],\n    );\n\n    const [editing, setEditing, unsetEditing] = useSharedEditingState(view, entityKey);\n    const [menuOpen, , closeMenu, toggleMenuOpen] = useBooleanState(false);\n    const [anchorElement, setAnchorElement] = useElementState();\n\n    const [mermaidInstance, setMermaidInstance] = useState<Mermaid | null>(null);\n    useEffect(() => {\n        const waitForMermaid = () =>\n            setTimeout(() => {\n                const instance = getMermaidInstance();\n                if (instance) {\n                    setMermaidInstance(instance);\n\n                    return;\n                }\n\n                waitForMermaid();\n            }, 100);\n\n        waitForMermaid();\n    }, []);\n\n    if (editing) {\n        return (\n            <DiagramEditMode\n                initialText={node.attrs[MermaidConsts.NodeAttrs.content]}\n                mermaidInstance={mermaidInstance}\n                onCancel={unsetEditing}\n                onSave={(v) => {\n                    onChange({[MermaidConsts.NodeAttrs.content]: v});\n                }}\n                options={options}\n            />\n        );\n    }\n\n    return (\n        <div className={b()} onDoubleClick={setEditing}>\n            <MermaidPreview\n                mermaidInstance={mermaidInstance}\n                text={node.attrs[MermaidConsts.NodeAttrs.content]}\n                options={options}\n            />\n            <div>\n                <Button\n                    onClick={toggleMenuOpen}\n                    ref={setAnchorElement}\n                    size={'s'}\n                    className={STOP_EVENT_CLASSNAME}\n                >\n                    <Icon data={DotsIcon} className={STOP_EVENT_CLASSNAME} />\n                </Button>\n                <Popup\n                    open={menuOpen}\n                    anchorElement={anchorElement}\n                    onOpenChange={closeMenu}\n                    placement=\"bottom-end\"\n                >\n                    <Menu>\n                        <Menu.Item\n                            onClick={() => {\n                                setEditing();\n                                closeMenu();\n                            }}\n                        >\n                            {i18n('edit')}\n                        </Menu.Item>\n                        <Menu.Item\n                            onClick={() => {\n                                const pos = getPos();\n                                if (pos === undefined) return;\n                                removeNode({\n                                    node,\n                                    pos,\n                                    tr: view.state.tr,\n                                    dispatch: view.dispatch,\n                                });\n                            }}\n                        >\n                            {i18n('remove')}\n                        </Menu.Item>\n                    </Menu>\n                </Popup>\n            </div>\n        </div>\n    );\n};\n"]}

package/build/esm/extensions/additional/Mermaid/index.d.ts

@@ -1,3 +1,4 @@
+import type { MermaidConfig } from 'mermaid' with { 'resolution-mode': 'import' };
 import type { Action, ExtensionAuto } from "../../../core/index.js";
 import { MermaidAction } from "./MermaidSpecs/const.js";
 export type MermaidOptions = {
@@ -6,6 +7,10 @@ export type MermaidOptions = {
         enabled: boolean;
         delay?: number;
     };
+    theme?: {
+        dark: MermaidConfig['theme'];
+        light: MermaidConfig['theme'];
+    };
 };
 export declare const Mermaid: ExtensionAuto<MermaidOptions>;
 declare global {

package/build/esm/extensions/additional/Mermaid/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/additional/Mermaid/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,gBAAgB,EAAC,mCAA0B;AACnD,OAAO,EAAC,YAAY,EAAC,gCAAuB;AAC5C,OAAO,EAAC,aAAa,EAAC,gCAA6B;AACnD,OAAO,EAAC,UAAU,EAAC,qBAAkB;AAUrC,MAAM,CAAC,MAAM,OAAO,GAAkC,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE;IACvE,OAAO,CAAC,GAAG,CAAC,YAAY,EAAE;QACtB,QAAQ,EAAE,sBAAsB,CAAC,OAAO,CAAC;KAC5C,CAAC,CAAC;IAEH,OAAO,CAAC,SAAS,CAAC,aAAa,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC;AACvD,CAAC,CAAC;AAEF,MAAM,sBAAsB,GAEwB,CAAC,OAAO,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IAC1F,OAAO,IAAI,gBAAgB,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;AAC7D,CAAC,CAAC","sourcesContent":["import type {Action, ExtensionAuto, ExtensionDeps, NodeViewConstructor} from '../../../core';\n\nimport {WMermaidNodeView} from './MermaidNodeView';\nimport {MermaidSpecs} from './MermaidSpecs';\nimport {MermaidAction} from './MermaidSpecs/const';\nimport {addMermaid} from './actions';\n\nexport type MermaidOptions = {\n    loadRuntimeScript: () => void;\n    autoSave?: {\n        enabled: boolean;\n        delay?: number;\n    };\n};\n\nexport const Mermaid: ExtensionAuto<MermaidOptions> = (builder, options) => {\n    builder.use(MermaidSpecs, {\n        nodeView: MermaidNodeViewFactory(options),\n    });\n\n    builder.addAction(MermaidAction, () => addMermaid);\n};\n\nconst MermaidNodeViewFactory: (\n    opts: MermaidOptions,\n) => (deps: ExtensionDeps) => NodeViewConstructor = (options) => () => (node, view, getPos) => {\n    return new WMermaidNodeView(node, view, getPos, options);\n};\n\ndeclare global {\n    namespace WysiwygEditor {\n        interface Actions {\n            [MermaidAction]: Action;\n        }\n    }\n    interface Window {\n        mermaidJsonp: Function[];\n    }\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/additional/Mermaid/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,gBAAgB,EAAC,mCAA0B;AACnD,OAAO,EAAC,YAAY,EAAC,gCAAuB;AAC5C,OAAO,EAAC,aAAa,EAAC,gCAA6B;AACnD,OAAO,EAAC,UAAU,EAAC,qBAAkB;AAcrC,MAAM,CAAC,MAAM,OAAO,GAAkC,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE;IACvE,OAAO,CAAC,GAAG,CAAC,YAAY,EAAE;QACtB,QAAQ,EAAE,sBAAsB,CAAC,OAAO,CAAC;KAC5C,CAAC,CAAC;IAEH,OAAO,CAAC,SAAS,CAAC,aAAa,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC;AACvD,CAAC,CAAC;AAEF,MAAM,sBAAsB,GAEwB,CAAC,OAAO,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IAC1F,OAAO,IAAI,gBAAgB,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;AAC7D,CAAC,CAAC","sourcesContent":["import type {MermaidConfig} from 'mermaid' with {'resolution-mode': 'import'};\n\nimport type {Action, ExtensionAuto, ExtensionDeps, NodeViewConstructor} from '../../../core';\n\nimport {WMermaidNodeView} from './MermaidNodeView';\nimport {MermaidSpecs} from './MermaidSpecs';\nimport {MermaidAction} from './MermaidSpecs/const';\nimport {addMermaid} from './actions';\n\nexport type MermaidOptions = {\n    loadRuntimeScript: () => void;\n    autoSave?: {\n        enabled: boolean;\n        delay?: number;\n    };\n    theme?: {\n        dark: MermaidConfig['theme'];\n        light: MermaidConfig['theme'];\n    };\n};\n\nexport const Mermaid: ExtensionAuto<MermaidOptions> = (builder, options) => {\n    builder.use(MermaidSpecs, {\n        nodeView: MermaidNodeViewFactory(options),\n    });\n\n    builder.addAction(MermaidAction, () => addMermaid);\n};\n\nconst MermaidNodeViewFactory: (\n    opts: MermaidOptions,\n) => (deps: ExtensionDeps) => NodeViewConstructor = (options) => () => (node, view, getPos) => {\n    return new WMermaidNodeView(node, view, getPos, options);\n};\n\ndeclare global {\n    namespace WysiwygEditor {\n        interface Actions {\n            [MermaidAction]: Action;\n        }\n    }\n    interface Window {\n        mermaidJsonp: Function[];\n    }\n}\n"]}

package/build/esm/extensions/behavior/SelectionContext/tooltip.js

@@ -43,6 +43,9 @@ export class TooltipView {
     }
     hide(view) {
         this.view = view;
+        // do not rerender popup if it is already hidden
+        if (!this.#isTooltipOpen && !this.baseProps.show)
+            return;
         this.#isTooltipOpen = false;
         this.baseProps = { show: false, poppupProps: {} };
         this.renderPopup();

package/build/esm/extensions/behavior/SelectionContext/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/SelectionContext/tooltip.tsx"],"names":[],"mappings":"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","sourcesContent":["import type {VirtualElement} from '@floating-ui/react';\nimport {Popup, type PopupPlacement, type PopupProps} from '@gravity-ui/uikit';\nimport type {EditorState} from 'prosemirror-state';\nimport type {EditorView} from 'prosemirror-view';\n\nimport type {ActionStorage} from '../../../core';\nimport {isFunction} from '../../../lodash';\nimport {type Logger2, globalLogger} from '../../../logger';\nimport {ErrorLoggerBoundary} from '../../../react-utils/ErrorBoundary';\nimport {Toolbar} from '../../../toolbar';\nimport type {\n    ToolbarButtonPopupData,\n    ToolbarGroupItemData,\n    ToolbarProps,\n    ToolbarSingleItemData,\n} from '../../../toolbar';\nimport {type RendererItem, getReactRendererFromState} from '../ReactRenderer';\n\ntype SelectionTooltipBaseProps = {\n    show?: boolean;\n    poppupProps: PopupProps;\n};\ntype SelectionTooltipProps = SelectionTooltipBaseProps & ToolbarProps<ActionStorage>;\n\nconst SelectionTooltip: React.FC<SelectionTooltipProps> = ({\n    show,\n    poppupProps,\n    ...toolbarProps\n}) => {\n    if (!show) return null;\n    return (\n        <Popup open {...poppupProps} style={{padding: '4px 8px'}}>\n            <Toolbar {...toolbarProps} />\n        </Popup>\n    );\n};\n\nexport type ContextGroupItemData =\n    | (ToolbarGroupItemData<ActionStorage> & {\n          condition?: (state: EditorState) => void;\n      })\n    | ((ToolbarSingleItemData<ActionStorage> | ToolbarButtonPopupData<ActionStorage>) & {\n          condition?: 'enabled';\n      });\n\nexport type ContextGroupData = ContextGroupItemData[];\nexport type ContextConfig = ContextGroupData[];\n\nexport type TooltipViewParams = {\n    /** @default 'bottom' */\n    placement?: 'top' | 'bottom';\n    /** @default false */\n    flip?: boolean;\n};\n\nexport class TooltipView {\n    #isTooltipOpen = false;\n\n    private readonly logger: Logger2.ILogger;\n    private readonly actions: ActionStorage;\n    private readonly menuConfig: ContextConfig;\n    private readonly placement: PopupPlacement;\n\n    private view!: EditorView;\n    private baseProps: SelectionTooltipBaseProps = {show: false, poppupProps: {}};\n    private _tooltipRenderItem: RendererItem | null = null;\n\n    constructor(\n        actions: ActionStorage,\n        menuConfig: ContextConfig,\n        logger: Logger2.ILogger,\n        params: TooltipViewParams,\n    ) {\n        this.logger = logger;\n        this.actions = actions;\n        this.menuConfig = menuConfig;\n\n        const {flip, placement = 'bottom'} = params;\n        this.placement = flip ? placement : [placement];\n    }\n\n    get isTooltipOpen(): boolean {\n        return this.#isTooltipOpen;\n    }\n\n    show(view: EditorView, popupProps?: PopupProps) {\n        this.view = view;\n        this.#isTooltipOpen = true;\n        this.baseProps = {\n            show: true,\n            poppupProps: {\n                ...popupProps,\n                ...this.calcPosition(view),\n            },\n        };\n        this.renderPopup();\n    }\n\n    hide(view: EditorView) {\n        this.view = view;\n        this.#isTooltipOpen = false;\n        this.baseProps = {show: false, poppupProps: {}};\n        this.renderPopup();\n    }\n\n    destroy() {\n        this._tooltipRenderItem?.remove();\n        this._tooltipRenderItem = null;\n    }\n\n    private getSelectionTooltipProps(): SelectionTooltipProps {\n        return {\n            ...this.baseProps,\n            qa: 'g-md-toolbar-selection',\n            focus: () => this.view.focus(),\n            data: this.getFilteredConfig(),\n            editor: this.actions,\n            onClick: (id) => {\n                globalLogger.action({mode: 'wysiwyg', source: 'context-menu', action: id});\n                this.logger.action({source: 'context-menu', action: id});\n            },\n        };\n    }\n\n    private getFilteredConfig(): ContextConfig {\n        return this.baseProps.show\n            ? this.menuConfig\n                  .map((groupData) =>\n                      groupData.filter((item) => {\n                          const {condition} = item;\n                          if (condition === 'enabled') {\n                              return item.isEnable(this.actions);\n                          }\n                          if (isFunction(condition)) {\n                              return condition(this.view.state);\n                          }\n                          return true;\n                      }),\n                  )\n                  .filter((groupData) => Boolean(groupData.length))\n            : [];\n    }\n\n    private renderPopup() {\n        this.tooltipRenderItem.rerender();\n    }\n\n    private get tooltipRenderItem() {\n        if (!this._tooltipRenderItem) {\n            const reactRenderer = getReactRendererFromState(this.view.state);\n            this._tooltipRenderItem = reactRenderer.createItem('selection_context', () => (\n                <ErrorLoggerBoundary>\n                    <SelectionTooltip {...this.getSelectionTooltipProps()} />\n                </ErrorLoggerBoundary>\n            ));\n        }\n        return this._tooltipRenderItem;\n    }\n\n    private calcPosition(view: EditorView): PopupProps {\n        const virtualElem: VirtualElement = {\n            getBoundingClientRect() {\n                // These are in screen coordinates\n                const start = view.coordsAtPos(view.state.selection.from);\n                const end = view.coordsAtPos(view.state.selection.to);\n                // Find a center-ish x position from the selection endpoints (when\n                // crossing lines, end may be more to the left)\n                const yCenter = Math.max((start.left + end.left) / 2, start.left + 3);\n\n                const top = start.top;\n                const left = yCenter - 1;\n                const width = 2;\n                const height = end.bottom - start.top;\n\n                return {\n                    top,\n                    left,\n                    right: left + width,\n                    bottom: top + height,\n                    y: top,\n                    x: left,\n                    height,\n                    width,\n                };\n            },\n        };\n\n        return {\n            placement: this.placement,\n            anchorElement: virtualElem,\n        };\n    }\n}\n"]}
+{"version":3,"file":"tooltip.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/SelectionContext/tooltip.tsx"],"names":[],"mappings":"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","sourcesContent":["import type {VirtualElement} from '@floating-ui/react';\nimport {Popup, type PopupPlacement, type PopupProps} from '@gravity-ui/uikit';\nimport type {EditorState} from 'prosemirror-state';\nimport type {EditorView} from 'prosemirror-view';\n\nimport type {ActionStorage} from '../../../core';\nimport {isFunction} from '../../../lodash';\nimport {type Logger2, globalLogger} from '../../../logger';\nimport {ErrorLoggerBoundary} from '../../../react-utils/ErrorBoundary';\nimport {Toolbar} from '../../../toolbar';\nimport type {\n    ToolbarButtonPopupData,\n    ToolbarGroupItemData,\n    ToolbarProps,\n    ToolbarSingleItemData,\n} from '../../../toolbar';\nimport {type RendererItem, getReactRendererFromState} from '../ReactRenderer';\n\ntype SelectionTooltipBaseProps = {\n    show?: boolean;\n    poppupProps: PopupProps;\n};\ntype SelectionTooltipProps = SelectionTooltipBaseProps & ToolbarProps<ActionStorage>;\n\nconst SelectionTooltip: React.FC<SelectionTooltipProps> = ({\n    show,\n    poppupProps,\n    ...toolbarProps\n}) => {\n    if (!show) return null;\n    return (\n        <Popup open {...poppupProps} style={{padding: '4px 8px'}}>\n            <Toolbar {...toolbarProps} />\n        </Popup>\n    );\n};\n\nexport type ContextGroupItemData =\n    | (ToolbarGroupItemData<ActionStorage> & {\n          condition?: (state: EditorState) => void;\n      })\n    | ((ToolbarSingleItemData<ActionStorage> | ToolbarButtonPopupData<ActionStorage>) & {\n          condition?: 'enabled';\n      });\n\nexport type ContextGroupData = ContextGroupItemData[];\nexport type ContextConfig = ContextGroupData[];\n\nexport type TooltipViewParams = {\n    /** @default 'bottom' */\n    placement?: 'top' | 'bottom';\n    /** @default false */\n    flip?: boolean;\n};\n\nexport class TooltipView {\n    #isTooltipOpen = false;\n\n    private readonly logger: Logger2.ILogger;\n    private readonly actions: ActionStorage;\n    private readonly menuConfig: ContextConfig;\n    private readonly placement: PopupPlacement;\n\n    private view!: EditorView;\n    private baseProps: SelectionTooltipBaseProps = {show: false, poppupProps: {}};\n    private _tooltipRenderItem: RendererItem | null = null;\n\n    constructor(\n        actions: ActionStorage,\n        menuConfig: ContextConfig,\n        logger: Logger2.ILogger,\n        params: TooltipViewParams,\n    ) {\n        this.logger = logger;\n        this.actions = actions;\n        this.menuConfig = menuConfig;\n\n        const {flip, placement = 'bottom'} = params;\n        this.placement = flip ? placement : [placement];\n    }\n\n    get isTooltipOpen(): boolean {\n        return this.#isTooltipOpen;\n    }\n\n    show(view: EditorView, popupProps?: PopupProps) {\n        this.view = view;\n        this.#isTooltipOpen = true;\n        this.baseProps = {\n            show: true,\n            poppupProps: {\n                ...popupProps,\n                ...this.calcPosition(view),\n            },\n        };\n        this.renderPopup();\n    }\n\n    hide(view: EditorView) {\n        this.view = view;\n\n        // do not rerender popup if it is already hidden\n        if (!this.#isTooltipOpen && !this.baseProps.show) return;\n\n        this.#isTooltipOpen = false;\n        this.baseProps = {show: false, poppupProps: {}};\n        this.renderPopup();\n    }\n\n    destroy() {\n        this._tooltipRenderItem?.remove();\n        this._tooltipRenderItem = null;\n    }\n\n    private getSelectionTooltipProps(): SelectionTooltipProps {\n        return {\n            ...this.baseProps,\n            qa: 'g-md-toolbar-selection',\n            focus: () => this.view.focus(),\n            data: this.getFilteredConfig(),\n            editor: this.actions,\n            onClick: (id) => {\n                globalLogger.action({mode: 'wysiwyg', source: 'context-menu', action: id});\n                this.logger.action({source: 'context-menu', action: id});\n            },\n        };\n    }\n\n    private getFilteredConfig(): ContextConfig {\n        return this.baseProps.show\n            ? this.menuConfig\n                  .map((groupData) =>\n                      groupData.filter((item) => {\n                          const {condition} = item;\n                          if (condition === 'enabled') {\n                              return item.isEnable(this.actions);\n                          }\n                          if (isFunction(condition)) {\n                              return condition(this.view.state);\n                          }\n                          return true;\n                      }),\n                  )\n                  .filter((groupData) => Boolean(groupData.length))\n            : [];\n    }\n\n    private renderPopup() {\n        this.tooltipRenderItem.rerender();\n    }\n\n    private get tooltipRenderItem() {\n        if (!this._tooltipRenderItem) {\n            const reactRenderer = getReactRendererFromState(this.view.state);\n            this._tooltipRenderItem = reactRenderer.createItem('selection_context', () => (\n                <ErrorLoggerBoundary>\n                    <SelectionTooltip {...this.getSelectionTooltipProps()} />\n                </ErrorLoggerBoundary>\n            ));\n        }\n        return this._tooltipRenderItem;\n    }\n\n    private calcPosition(view: EditorView): PopupProps {\n        const virtualElem: VirtualElement = {\n            getBoundingClientRect() {\n                // These are in screen coordinates\n                const start = view.coordsAtPos(view.state.selection.from);\n                const end = view.coordsAtPos(view.state.selection.to);\n                // Find a center-ish x position from the selection endpoints (when\n                // crossing lines, end may be more to the left)\n                const yCenter = Math.max((start.left + end.left) / 2, start.left + 3);\n\n                const top = start.top;\n                const left = yCenter - 1;\n                const width = 2;\n                const height = end.bottom - start.top;\n\n                return {\n                    top,\n                    left,\n                    right: left + width,\n                    bottom: top + height,\n                    y: top,\n                    x: left,\n                    height,\n                    width,\n                };\n            },\n        };\n\n        return {\n            placement: this.placement,\n            anchorElement: virtualElem,\n        };\n    }\n}\n"]}

package/build/esm/extensions/markdown/Bold/index.js

@@ -1,5 +1,5 @@
 import { toggleMark } from 'prosemirror-commands';
-import { createToggleMarkAction } from "../../../utils/actions.js";
+import { createMarkdownInlineMarkAction } from "../../../utils/actions.js";
 import { markInputRule } from "../../../utils/inputrules.js";
 import { withLogAction } from "../../../utils/keymap.js";
 import { BoldSpecs, boldType } from "./BoldSpecs/index.js";
@@ -7,7 +7,7 @@ export { boldMarkName, boldType } from "./BoldSpecs/index.js";
 const bAction = 'bold';
 export const Bold = (builder, opts) => {
     builder.use(BoldSpecs);
-    builder.addAction(bAction, ({ schema }) => createToggleMarkAction(boldType(schema)));
+    builder.addAction(bAction, ({ schema }) => createMarkdownInlineMarkAction(boldType(schema)));
     if (opts?.boldKey) {
         const { boldKey } = opts;
         builder.addKeymap(({ schema }) => ({

package/build/esm/extensions/markdown/Bold/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/markdown/Bold/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAGhD,OAAO,EAAC,sBAAsB,EAAC,kCAA+B;AAC9D,OAAO,EAAC,aAAa,EAAC,qCAAkC;AACxD,OAAO,EAAC,aAAa,EAAC,iCAA8B;AAEpD,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,6BAAoB;AAEhD,OAAO,EAAC,YAAY,EAAE,QAAQ,EAAC,6BAAoB;AACnD,MAAM,OAAO,GAAG,MAAM,CAAC;AAMvB,MAAM,CAAC,MAAM,IAAI,GAA+B,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;IAC9D,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IACvB,OAAO,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,sBAAsB,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAEnF,IAAI,IAAI,EAAE,OAAO,EAAE,CAAC;QAChB,MAAM,EAAC,OAAO,EAAC,GAAG,IAAI,CAAC;QACvB,OAAO,CAAC,SAAS,CAAC,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,CAAC;YAC7B,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;SACjE,CAAC,CAAC,CAAC;IACR,CAAC;IAED,OAAO,CAAC,aAAa,CAAC,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,CAAC;QACjC,KAAK,EAAE;YACH,aAAa,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,EAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;YAC9E,aAAa,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,EAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;SACjF;KACJ,CAAC,CAAC,CAAC;AACR,CAAC,CAAC","sourcesContent":["import {toggleMark} from 'prosemirror-commands';\n\nimport type {Action, ExtensionAuto} from '../../../core';\nimport {createToggleMarkAction} from '../../../utils/actions';\nimport {markInputRule} from '../../../utils/inputrules';\nimport {withLogAction} from '../../../utils/keymap';\n\nimport {BoldSpecs, boldType} from './BoldSpecs';\n\nexport {boldMarkName, boldType} from './BoldSpecs';\nconst bAction = 'bold';\n\nexport type BoldOptions = {\n    boldKey?: string | null;\n};\n\nexport const Bold: ExtensionAuto<BoldOptions> = (builder, opts) => {\n    builder.use(BoldSpecs);\n    builder.addAction(bAction, ({schema}) => createToggleMarkAction(boldType(schema)));\n\n    if (opts?.boldKey) {\n        const {boldKey} = opts;\n        builder.addKeymap(({schema}) => ({\n            [boldKey]: withLogAction('bold', toggleMark(boldType(schema))),\n        }));\n    }\n\n    builder.addInputRules(({schema}) => ({\n        rules: [\n            markInputRule({open: '**', close: '**', ignoreBetween: '*'}, boldType(schema)),\n            markInputRule({open: '__', close: '__', ignoreBetween: '_'}, boldType(schema)),\n        ],\n    }));\n};\n\ndeclare global {\n    namespace WysiwygEditor {\n        interface Actions {\n            [bAction]: Action;\n        }\n    }\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/markdown/Bold/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAGhD,OAAO,EAAC,8BAA8B,EAAC,kCAA+B;AACtE,OAAO,EAAC,aAAa,EAAC,qCAAkC;AACxD,OAAO,EAAC,aAAa,EAAC,iCAA8B;AAEpD,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,6BAAoB;AAEhD,OAAO,EAAC,YAAY,EAAE,QAAQ,EAAC,6BAAoB;AACnD,MAAM,OAAO,GAAG,MAAM,CAAC;AAMvB,MAAM,CAAC,MAAM,IAAI,GAA+B,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;IAC9D,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IACvB,OAAO,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,8BAA8B,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAE3F,IAAI,IAAI,EAAE,OAAO,EAAE,CAAC;QAChB,MAAM,EAAC,OAAO,EAAC,GAAG,IAAI,CAAC;QACvB,OAAO,CAAC,SAAS,CAAC,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,CAAC;YAC7B,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;SACjE,CAAC,CAAC,CAAC;IACR,CAAC;IAED,OAAO,CAAC,aAAa,CAAC,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,CAAC;QACjC,KAAK,EAAE;YACH,aAAa,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,EAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;YAC9E,aAAa,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,EAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;SACjF;KACJ,CAAC,CAAC,CAAC;AACR,CAAC,CAAC","sourcesContent":["import {toggleMark} from 'prosemirror-commands';\n\nimport type {Action, ExtensionAuto} from '../../../core';\nimport {createMarkdownInlineMarkAction} from '../../../utils/actions';\nimport {markInputRule} from '../../../utils/inputrules';\nimport {withLogAction} from '../../../utils/keymap';\n\nimport {BoldSpecs, boldType} from './BoldSpecs';\n\nexport {boldMarkName, boldType} from './BoldSpecs';\nconst bAction = 'bold';\n\nexport type BoldOptions = {\n    boldKey?: string | null;\n};\n\nexport const Bold: ExtensionAuto<BoldOptions> = (builder, opts) => {\n    builder.use(BoldSpecs);\n    builder.addAction(bAction, ({schema}) => createMarkdownInlineMarkAction(boldType(schema)));\n\n    if (opts?.boldKey) {\n        const {boldKey} = opts;\n        builder.addKeymap(({schema}) => ({\n            [boldKey]: withLogAction('bold', toggleMark(boldType(schema))),\n        }));\n    }\n\n    builder.addInputRules(({schema}) => ({\n        rules: [\n            markInputRule({open: '**', close: '**', ignoreBetween: '*'}, boldType(schema)),\n            markInputRule({open: '__', close: '__', ignoreBetween: '_'}, boldType(schema)),\n        ],\n    }));\n};\n\ndeclare global {\n    namespace WysiwygEditor {\n        interface Actions {\n            [bAction]: Action;\n        }\n    }\n}\n"]}

package/build/esm/extensions/markdown/Code/index.js

@@ -1,7 +1,7 @@
 import codemark from 'prosemirror-codemark';
 import { toggleMark } from 'prosemirror-commands';
 import { Plugin } from 'prosemirror-state';
-import { createToggleMarkAction } from "../../../utils/actions.js";
+import { createMarkdownInlineMarkAction } from "../../../utils/actions.js";
 import { withLogAction } from "../../../utils/keymap.js";
 import { CodeSpecs, codeType } from "./CodeSpecs/index.js";
 import "./code.css";
@@ -9,7 +9,7 @@ export { codeMarkName, codeType } from "./CodeSpecs/index.js";
 const codeAction = 'code';
 export const Code = (builder, opts) => {
     builder.use(CodeSpecs);
-    builder.addAction(codeAction, ({ schema }) => createToggleMarkAction(codeType(schema)));
+    builder.addAction(codeAction, ({ schema }) => createMarkdownInlineMarkAction(codeType(schema)));
     if (opts?.codeKey) {
         const { codeKey } = opts;
         builder.addKeymap(({ schema }) => ({

package/build/esm/extensions/markdown/Code/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/markdown/Code/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAC,MAAM,EAAC,MAAM,mBAAmB,CAAC;AAGzC,OAAO,EAAC,sBAAsB,EAAC,kCAA+B;AAC9D,OAAO,EAAC,aAAa,EAAC,iCAA8B;AAEpD,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,6BAAoB;AAEhD,oBAAqB;AAErB,OAAO,EAAC,YAAY,EAAE,QAAQ,EAAC,6BAAoB;AACnD,MAAM,UAAU,GAAG,MAAM,CAAC;AAM1B,MAAM,CAAC,MAAM,IAAI,GAA+B,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;IAC9D,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IACvB,OAAO,CAAC,SAAS,CAAC,UAAU,EAAE,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,sBAAsB,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAEtF,IAAI,IAAI,EAAE,OAAO,EAAE,CAAC;QAChB,MAAM,EAAC,OAAO,EAAC,GAAG,IAAI,CAAC;QACvB,OAAO,CAAC,SAAS,CAAC,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,CAAC;YAC7B,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC,aAAa,EAAE,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;SACxE,CAAC,CAAC,CAAC;IACR,CAAC;IAED,OAAO;QACH,sCAAsC;QACtC,mEAAmE;QACnE,kEAAkE;QAClE,8DAA8D;SAC7D,SAAS,CAAC,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAC,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAC,CAAC,CAAC,CAAC;IAErE,OAAO,CAAC,SAAS,CACb,GAAG,EAAE;IACD,6CAA6C;IAC7C,IAAI,MAAM,CAAC;QACP,KAAK,EAAE;YACH,eAAe,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE;gBACtC,MAAM,EACF,SAAS,EAAE,EAAC,OAAO,EAAC,EACpB,EAAE,EACF,MAAM,GACT,GAAG,IAAI,CAAC,KAAK,CAAC;gBACf,IACI,OAAO,CAAC,UAAU,EAAE,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC;oBACvC,OAAO,CAAC,SAAS,EAAE,IAAI,EAAE,UAAU,CAAC,GAAG,CAAC,EAC1C,CAAC;oBACC,IAAI,CAAC,QAAQ,CACT,EAAE,CAAC,gBAAgB,CACf,IAAI,GAAG,CAAC,EACR,EAAE,GAAG,CAAC,EACN,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,CAC5D,CACJ,CAAC;oBAEF,OAAO,IAAI,CAAC;gBAChB,CAAC;gBACD,OAAO,KAAK,CAAC;YACjB,CAAC;SACJ;KACJ,CAAC,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import codemark from 'prosemirror-codemark';\nimport {toggleMark} from 'prosemirror-commands';\nimport {Plugin} from 'prosemirror-state';\n\nimport type {Action, ExtensionAuto} from '../../../core';\nimport {createToggleMarkAction} from '../../../utils/actions';\nimport {withLogAction} from '../../../utils/keymap';\n\nimport {CodeSpecs, codeType} from './CodeSpecs';\n\nimport './code.scss';\n\nexport {codeMarkName, codeType} from './CodeSpecs';\nconst codeAction = 'code';\n\nexport type CodeOptions = {\n    codeKey?: string | null;\n};\n\nexport const Code: ExtensionAuto<CodeOptions> = (builder, opts) => {\n    builder.use(CodeSpecs);\n    builder.addAction(codeAction, ({schema}) => createToggleMarkAction(codeType(schema)));\n\n    if (opts?.codeKey) {\n        const {codeKey} = opts;\n        builder.addKeymap(({schema}) => ({\n            [codeKey]: withLogAction('code_inline', toggleMark(codeType(schema))),\n        }));\n    }\n\n    builder\n        // codemark adds inputRule for `code`,\n        // adds fake cursor behaviour when crossing inline_code boundaries,\n        // wrap current selected text to inline_code when '`' was pressed.\n        // See demo: https://curvenote.github.io/prosemirror-codemark/\n        .addPlugin(({schema}) => codemark({markType: codeType(schema)}));\n\n    builder.addPlugin(\n        () =>\n            // apply codemark when typing text between ``\n            new Plugin({\n                props: {\n                    handleTextInput: (view, from, to, text) => {\n                        const {\n                            selection: {$anchor},\n                            tr,\n                            schema,\n                        } = view.state;\n                        if (\n                            $anchor.nodeBefore?.text?.endsWith('`') &&\n                            $anchor.nodeAfter?.text?.startsWith('`')\n                        ) {\n                            view.dispatch(\n                                tr.replaceRangeWith(\n                                    from - 1,\n                                    to + 1,\n                                    view.state.schema.text(text, [codeType(schema).create()]),\n                                ),\n                            );\n\n                            return true;\n                        }\n                        return false;\n                    },\n                },\n            }),\n    );\n};\n\ndeclare global {\n    namespace WysiwygEditor {\n        interface Actions {\n            [codeAction]: Action;\n        }\n    }\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/markdown/Code/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAC,MAAM,EAAC,MAAM,mBAAmB,CAAC;AAGzC,OAAO,EAAC,8BAA8B,EAAC,kCAA+B;AACtE,OAAO,EAAC,aAAa,EAAC,iCAA8B;AAEpD,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,6BAAoB;AAEhD,oBAAqB;AAErB,OAAO,EAAC,YAAY,EAAE,QAAQ,EAAC,6BAAoB;AACnD,MAAM,UAAU,GAAG,MAAM,CAAC;AAM1B,MAAM,CAAC,MAAM,IAAI,GAA+B,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;IAC9D,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IACvB,OAAO,CAAC,SAAS,CAAC,UAAU,EAAE,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,8BAA8B,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAE9F,IAAI,IAAI,EAAE,OAAO,EAAE,CAAC;QAChB,MAAM,EAAC,OAAO,EAAC,GAAG,IAAI,CAAC;QACvB,OAAO,CAAC,SAAS,CAAC,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,CAAC;YAC7B,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC,aAAa,EAAE,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;SACxE,CAAC,CAAC,CAAC;IACR,CAAC;IAED,OAAO;QACH,sCAAsC;QACtC,mEAAmE;QACnE,kEAAkE;QAClE,8DAA8D;SAC7D,SAAS,CAAC,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAC,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAC,CAAC,CAAC,CAAC;IAErE,OAAO,CAAC,SAAS,CACb,GAAG,EAAE;IACD,6CAA6C;IAC7C,IAAI,MAAM,CAAC;QACP,KAAK,EAAE;YACH,eAAe,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE;gBACtC,MAAM,EACF,SAAS,EAAE,EAAC,OAAO,EAAC,EACpB,EAAE,EACF,MAAM,GACT,GAAG,IAAI,CAAC,KAAK,CAAC;gBACf,IACI,OAAO,CAAC,UAAU,EAAE,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC;oBACvC,OAAO,CAAC,SAAS,EAAE,IAAI,EAAE,UAAU,CAAC,GAAG,CAAC,EAC1C,CAAC;oBACC,IAAI,CAAC,QAAQ,CACT,EAAE,CAAC,gBAAgB,CACf,IAAI,GAAG,CAAC,EACR,EAAE,GAAG,CAAC,EACN,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,CAC5D,CACJ,CAAC;oBAEF,OAAO,IAAI,CAAC;gBAChB,CAAC;gBACD,OAAO,KAAK,CAAC;YACjB,CAAC;SACJ;KACJ,CAAC,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import codemark from 'prosemirror-codemark';\nimport {toggleMark} from 'prosemirror-commands';\nimport {Plugin} from 'prosemirror-state';\n\nimport type {Action, ExtensionAuto} from '../../../core';\nimport {createMarkdownInlineMarkAction} from '../../../utils/actions';\nimport {withLogAction} from '../../../utils/keymap';\n\nimport {CodeSpecs, codeType} from './CodeSpecs';\n\nimport './code.scss';\n\nexport {codeMarkName, codeType} from './CodeSpecs';\nconst codeAction = 'code';\n\nexport type CodeOptions = {\n    codeKey?: string | null;\n};\n\nexport const Code: ExtensionAuto<CodeOptions> = (builder, opts) => {\n    builder.use(CodeSpecs);\n    builder.addAction(codeAction, ({schema}) => createMarkdownInlineMarkAction(codeType(schema)));\n\n    if (opts?.codeKey) {\n        const {codeKey} = opts;\n        builder.addKeymap(({schema}) => ({\n            [codeKey]: withLogAction('code_inline', toggleMark(codeType(schema))),\n        }));\n    }\n\n    builder\n        // codemark adds inputRule for `code`,\n        // adds fake cursor behaviour when crossing inline_code boundaries,\n        // wrap current selected text to inline_code when '`' was pressed.\n        // See demo: https://curvenote.github.io/prosemirror-codemark/\n        .addPlugin(({schema}) => codemark({markType: codeType(schema)}));\n\n    builder.addPlugin(\n        () =>\n            // apply codemark when typing text between ``\n            new Plugin({\n                props: {\n                    handleTextInput: (view, from, to, text) => {\n                        const {\n                            selection: {$anchor},\n                            tr,\n                            schema,\n                        } = view.state;\n                        if (\n                            $anchor.nodeBefore?.text?.endsWith('`') &&\n                            $anchor.nodeAfter?.text?.startsWith('`')\n                        ) {\n                            view.dispatch(\n                                tr.replaceRangeWith(\n                                    from - 1,\n                                    to + 1,\n                                    view.state.schema.text(text, [codeType(schema).create()]),\n                                ),\n                            );\n\n                            return true;\n                        }\n                        return false;\n                    },\n                },\n            }),\n    );\n};\n\ndeclare global {\n    namespace WysiwygEditor {\n        interface Actions {\n            [codeAction]: Action;\n        }\n    }\n}\n"]}

package/build/esm/extensions/markdown/CodeBlock/CodeBlockHighlight/CodeBlockHighlight.js

@@ -10,8 +10,9 @@ import { codeLangSelectTooltipViewCreator } from "./TooltipPlugin/index.js";
 import { PlainTextLang } from "./const.js";
 import { codeBlockLineNumbersPlugin } from "./plugins/codeBlockLineNumbersPlugin.js";
 import { codeBlockLineWrappingPlugin } from "./plugins/codeBlockLineWrappingPlugin.js";
+import { processChangedCodeBlocks } from "./utils.js";
 import "./CodeBlockHighlight.css";
-const key = new PluginKey('code_block_highlight');
+const pluginKey = new PluginKey('code_block_highlight');
 export const CodeBlockHighlight = (builder, opts) => {
     let langs;
     let lowlight;
@@ -45,7 +46,7 @@ export const CodeBlockHighlight = (builder, opts) => {
         // TODO: add TAB key handler
         // TODO: Remove constant selection of block
         return new Plugin({
-            key,
+            key: pluginKey,
             state: {
                 init: (_, state) => {
                     loadModules().then((loaded) => {
@@ -65,47 +66,47 @@ export const CodeBlockHighlight = (builder, opts) => {
                             }
                             selectItems.sort(sortLangs);
                             if (view && !view.isDestroyed) {
-                                view.dispatch(view.state.tr.setMeta(key, { modulesLoaded }));
+                                view.dispatch(view.state.tr.setMeta(pluginKey, { modulesLoaded }));
                             }
                         }
                     });
-                    return getDecorations(state.doc);
+                    const cache = new WeakMap();
+                    return {
+                        cache,
+                        decoSet: modulesLoaded
+                            ? DecorationSet.empty
+                            : getDecorations(state.doc, cache),
+                    };
                 },
-                apply: (tr, decos, oldState, newState) => {
+                apply: (tr, { cache, decoSet }) => {
                     if (!modulesLoaded) {
-                        return DecorationSet.empty;
+                        return { cache, decoSet: DecorationSet.empty };
                     }
-                    if (tr.getMeta(key)?.modulesLoaded) {
-                        return getDecorations(tr.doc);
+                    if (tr.getMeta(pluginKey)?.modulesLoaded) {
+                        return { cache, decoSet: getDecorations(tr.doc, cache) };
                     }
-                    if (tr.docChanged) {
-                        const oldNodeName = oldState.selection.$head.parent.type.name;
-                        const newNodeName = newState.selection.$head.parent.type.name;
-                        // Apply decorations if:
-                        if (oldNodeName === codeBlockNodeName ||
-                            newNodeName === codeBlockNodeName) {
-                            // selection includes codeblock node,
-                            return getDecorations(tr.doc);
+                    if (!tr.docChanged)
+                        return { cache, decoSet };
+                    decoSet = processChangedCodeBlocks(tr, decoSet, (node, pos, decoSet) => {
+                        const lang = node.attrs[CodeBlockNodeAttr.Lang];
+                        if (!lang || !lowlight.registered(lang)) {
+                            return decoSet.remove(decoSet.find(pos, pos + node.nodeSize));
                         }
-                        else {
-                            const oldNodes = findChildrenByType(oldState.doc, codeBlockType(oldState.schema));
-                            const newNodes = findChildrenByType(newState.doc, codeBlockType(newState.schema));
-                            if (
-                            // OR transaction adds/removes codeblock nodes,
-                            newNodes.length !== oldNodes.length ||
-                                // OR transaction has changes that completely encapsulate a node
-                                // (for example, a transaction that affects the entire document).
-                                // Such transactions can happen during collab syncing via y-prosemirror, for example.
-                                tr.steps.some((step) => {
-                                    return (stepHasFromTo(step) &&
-                                        oldNodes.some((node) => node.pos >= step.from &&
-                                            node.pos + node.node.nodeSize <= step.to));
-                                })) {
-                                return getDecorations(tr.doc);
+                        const cached = cache.get(node);
+                        if (cached) {
+                            // node is in cache, but decorations may be missing (for example, after undo)
+                            if (!decoSet.find(pos, pos + node.nodeSize).length) {
+                                return decoSet.add(tr.doc, renderTree(cached, pos + 1));
                             }
+                            return decoSet;
                         }
-                    }
-                    return decos.map(tr.mapping, tr.doc);
+                        decoSet = decoSet.remove(decoSet.find(pos, pos + node.nodeSize));
+                        const ast = lowlight.highlight(lang, node.textContent);
+                        const parsed = parseNodes(ast.children);
+                        cache.set(node, parsed);
+                        return decoSet.add(tr.doc, renderTree(parsed, pos + 1));
+                    });
+                    return { cache, decoSet };
                 },
             },
             view: (v) => {
@@ -116,8 +117,8 @@ export const CodeBlockHighlight = (builder, opts) => {
                 });
             },
             props: {
-                decorations: (state) => {
-                    return key.getState(state);
+                decorations(state) {
+                    return pluginKey.getState(state)?.decoSet;
                 },
                 nodeViews: {
                     [codeBlockNodeName]: CodeBlockNodeView.withOpts(opts),
@@ -125,52 +126,60 @@ export const CodeBlockHighlight = (builder, opts) => {
             },
         });
     });
-    function getDecorations(doc) {
-        const decos = [];
+    function getDecorations(doc, cache) {
         if (!lowlight) {
             return DecorationSet.empty;
         }
+        const decos = [];
         for (const { node, pos } of findChildrenByType(doc, codeBlockType(doc.type.schema), true)) {
-            let from = pos + 1;
-            let nodes;
             const lang = node.attrs[CodeBlockNodeAttr.Lang];
-            if (lang && lowlight.registered(lang)) {
-                nodes = lowlight.highlight(lang, node.textContent).children;
-            }
-            else {
+            if (!lang || !lowlight.registered(lang)) {
                 continue;
             }
-            for (const { text, classes } of parseNodes(nodes)) {
-                const to = from + text.length;
-                if (classes.length) {
-                    decos.push(Decoration.inline(from, to, {
-                        class: classes.join(' '),
-                    }));
-                }
-                from = to;
+            // Try to get parsed result from cache using node as key
+            let parsedNodes = cache.get(node);
+            if (!parsedNodes) {
+                // Compute, parse and cache using the node itself as key
+                const nodes = lowlight.highlight(lang, node.textContent).children;
+                parsedNodes = parseNodes(nodes);
+                cache.set(node, parsedNodes);
             }
+            decos.push(...renderTree(parsedNodes, pos + 1));
         }
         return DecorationSet.create(doc, decos);
     }
 };
+function renderTree(parsedNodes, from) {
+    const decos = [];
+    for (const { text, classes } of parsedNodes) {
+        const to = from + text.length;
+        if (classes.length) {
+            decos.push(Decoration.inline(from, to, {
+                class: classes.join(' '),
+            }));
+        }
+        from = to;
+    }
+    return decos;
+}
 function parseNodes(nodes, className = []) {
-    return nodes
-        .map((node) => {
-        let classes = className;
+    const result = [];
+    collectNodes(nodes, className, result);
+    return result;
+}
+function collectNodes(nodes, className, result) {
+    for (const node of nodes) {
         if (node.type === 'element') {
-            classes = classes.concat(node.properties.className ?? []);
-            return parseNodes(node.children, classes);
+            const classes = className.concat(node.properties.className ?? []);
+            collectNodes(node.children, classes, result);
         }
-        return {
-            text: node.type === 'comment' || node.type === 'text' ? node.value : '',
-            classes,
-        };
-    })
-        .flat();
-}
-function stepHasFromTo(step) {
-    // @ts-expect-error
-    return typeof step.from === 'number' && typeof step.to === 'number';
+        else {
+            result.push({
+                text: node.type === 'comment' || node.type === 'text' ? node.value : '',
+                classes: className,
+            });
+        }
+    }
 }
 function sortLangs(a, b) {
     // plaintext always goes first

package/build/esm/extensions/markdown/CodeBlock/CodeBlockHighlight/CodeBlockHighlight.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlockHighlight.js","sourceRoot":"../../../../../../src","sources":["extensions/markdown/CodeBlock/CodeBlockHighlight/CodeBlockHighlight.ts"],"names":[],"mappings":"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","sourcesContent":["import type {Options} from '@diplodoc/transform';\n// importing only type, because lowlight and highlight.js is optional deps\nimport type HLJS from 'highlight.js/lib/core';\nimport type {createLowlight} from 'lowlight' with {'resolution-mode': 'import'};\nimport type {Node} from 'prosemirror-model';\nimport {Plugin, PluginKey} from 'prosemirror-state';\nimport type {Step} from 'prosemirror-transform';\n// @ts-ignore // TODO: fix cjs build\nimport {findChildrenByType} from 'prosemirror-utils';\nimport {Decoration, DecorationSet, type EditorView} from 'prosemirror-view';\n\nimport type {ExtensionAuto} from '../../../../core';\nimport {capitalize} from '../../../../lodash';\nimport {globalLogger} from '../../../../logger';\nimport {\n    CodeBlockNodeAttr,\n    type LineNumbersOptions,\n    codeBlockNodeName,\n    codeBlockType,\n} from '../CodeBlockSpecs';\n\nimport {CodeBlockNodeView} from './CodeBlockNodeView';\nimport {codeLangSelectTooltipViewCreator} from './TooltipPlugin';\nimport {PlainTextLang} from './const';\nimport {codeBlockLineNumbersPlugin} from './plugins/codeBlockLineNumbersPlugin';\nimport {codeBlockLineWrappingPlugin} from './plugins/codeBlockLineWrappingPlugin';\n\nimport './CodeBlockHighlight.scss';\n\nexport type HighlightLangMap = Options['highlightLangs'];\n\ntype Lowlight = ReturnType<typeof createLowlight>;\ntype Root = ReturnType<Lowlight['highlight']>;\n\ntype LangSelectItem = {\n    value: string;\n    content: string;\n};\n\nconst key = new PluginKey<DecorationSet>('code_block_highlight');\n\nexport type CodeBlockHighlightOptions = {\n    lineWrapping?: {\n        enabled?: boolean;\n    };\n    lineNumbers?: LineNumbersOptions;\n    langs?: HighlightLangMap;\n};\n\nexport const CodeBlockHighlight: ExtensionAuto<CodeBlockHighlightOptions> = (builder, opts) => {\n    let langs: NonNullable<HighlightLangMap>;\n    let lowlight: Lowlight;\n    let hljs: typeof HLJS;\n\n    const loadModules = async () => {\n        try {\n            hljs = (await import('highlight.js/lib/core')).default;\n            const low = await import('lowlight');\n\n            const all: HighlightLangMap = low.all;\n            const create: typeof createLowlight = low.createLowlight;\n            langs = {...all, ...opts.langs};\n            lowlight = create(langs);\n            return true;\n        } catch (e) {\n            globalLogger.info('Skip code_block highlighting');\n            builder.logger.log('Skip code_block highlighting');\n            return false;\n        }\n    };\n\n    if (opts.lineWrapping?.enabled) builder.addPlugin(codeBlockLineWrappingPlugin);\n    if (opts.lineNumbers?.enabled) builder.addPlugin(codeBlockLineNumbersPlugin);\n\n    builder.addPlugin(() => {\n        let modulesLoaded = false;\n        let view: EditorView | null = null;\n\n        // empty array by default, but is filled after loading modules\n        const selectItems: LangSelectItem[] = [];\n        const mapping: Record<string, string> = {};\n\n        // TODO: add TAB key handler\n        // TODO: Remove constant selection of block\n        return new Plugin<DecorationSet>({\n            key,\n            state: {\n                init: (_, state) => {\n                    loadModules().then((loaded) => {\n                        modulesLoaded = loaded;\n\n                        if (modulesLoaded) {\n                            for (const lang of Object.keys(langs)) {\n                                const defs = langs[lang](hljs);\n                                selectItems.push({\n                                    value: lang,\n                                    content: defs.name || capitalize(lang),\n                                });\n                                if (defs.aliases) {\n                                    for (const alias of defs.aliases) {\n                                        mapping[alias] = lang;\n                                    }\n                                }\n                            }\n\n                            selectItems.sort(sortLangs);\n\n                            if (view && !view.isDestroyed) {\n                                view.dispatch(view.state.tr.setMeta(key, {modulesLoaded}));\n                            }\n                        }\n                    });\n                    return getDecorations(state.doc);\n                },\n                apply: (tr, decos, oldState, newState) => {\n                    if (!modulesLoaded) {\n                        return DecorationSet.empty;\n                    }\n\n                    if (tr.getMeta(key)?.modulesLoaded) {\n                        return getDecorations(tr.doc);\n                    }\n\n                    if (tr.docChanged) {\n                        const oldNodeName = oldState.selection.$head.parent.type.name;\n                        const newNodeName = newState.selection.$head.parent.type.name;\n\n                        // Apply decorations if:\n                        if (\n                            oldNodeName === codeBlockNodeName ||\n                            newNodeName === codeBlockNodeName\n                        ) {\n                            // selection includes codeblock node,\n                            return getDecorations(tr.doc);\n                        } else {\n                            const oldNodes = findChildrenByType(\n                                oldState.doc,\n                                codeBlockType(oldState.schema),\n                            );\n                            const newNodes = findChildrenByType(\n                                newState.doc,\n                                codeBlockType(newState.schema),\n                            );\n                            if (\n                                // OR transaction adds/removes codeblock nodes,\n                                newNodes.length !== oldNodes.length ||\n                                // OR transaction has changes that completely encapsulate a node\n                                // (for example, a transaction that affects the entire document).\n                                // Such transactions can happen during collab syncing via y-prosemirror, for example.\n                                tr.steps.some((step) => {\n                                    return (\n                                        stepHasFromTo(step) &&\n                                        oldNodes.some(\n                                            (node: {node: Node; pos: number}) =>\n                                                node.pos >= step.from &&\n                                                node.pos + node.node.nodeSize <= step.to,\n                                        )\n                                    );\n                                })\n                            ) {\n                                return getDecorations(tr.doc);\n                            }\n                        }\n                    }\n                    return decos.map(tr.mapping, tr.doc);\n                },\n            },\n            view: (v) => {\n                view = v;\n                return codeLangSelectTooltipViewCreator(view, selectItems, mapping, {\n                    showCodeWrapping: Boolean(opts.lineWrapping?.enabled),\n                    showLineNumbers: Boolean(opts.lineNumbers?.enabled),\n                });\n            },\n            props: {\n                decorations: (state) => {\n                    return key.getState(state);\n                },\n                nodeViews: {\n                    [codeBlockNodeName]: CodeBlockNodeView.withOpts(opts),\n                },\n            },\n        });\n    });\n\n    function getDecorations(doc: Node) {\n        const decos: Decoration[] = [];\n\n        if (!lowlight) {\n            return DecorationSet.empty;\n        }\n\n        for (const {node, pos} of findChildrenByType(doc, codeBlockType(doc.type.schema), true)) {\n            let from = pos + 1;\n            let nodes: Root['children'];\n\n            const lang: string | undefined = node.attrs[CodeBlockNodeAttr.Lang];\n            if (lang && lowlight.registered(lang)) {\n                nodes = lowlight.highlight(lang, node.textContent).children;\n            } else {\n                continue;\n            }\n\n            for (const {text, classes} of parseNodes(nodes)) {\n                const to = from + text.length;\n                if (classes.length) {\n                    decos.push(\n                        Decoration.inline(from, to, {\n                            class: classes.join(' '),\n                        }),\n                    );\n                }\n                from = to;\n            }\n        }\n\n        return DecorationSet.create(doc, decos);\n    }\n};\n\nfunction parseNodes(\n    nodes: Root['children'],\n    className: readonly string[] = [],\n): {text: string; classes: readonly string[]}[] {\n    return nodes\n        .map((node) => {\n            let classes = className;\n            if (node.type === 'element') {\n                classes = classes.concat((node.properties.className as string[]) ?? []);\n                return parseNodes(node.children, classes);\n            }\n\n            return {\n                text: node.type === 'comment' || node.type === 'text' ? node.value : '',\n                classes,\n            };\n        })\n        .flat();\n}\n\nfunction stepHasFromTo(step: Step): step is Step & {from: number; to: number} {\n    // @ts-expect-error\n    return typeof step.from === 'number' && typeof step.to === 'number';\n}\n\nfunction sortLangs(a: LangSelectItem, b: LangSelectItem): number {\n    // plaintext always goes first\n    if (a.value === PlainTextLang) return -1;\n    if (b.value === PlainTextLang) return 1;\n    return 0;\n}\n"]}
+{"version":3,"file":"CodeBlockHighlight.js","sourceRoot":"../../../../../../src","sources":["extensions/markdown/CodeBlock/CodeBlockHighlight/CodeBlockHighlight.ts"],"names":[],"mappings":"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","sourcesContent":["import type {Options} from '@diplodoc/transform';\n// importing only type, because lowlight and highlight.js is optional deps\nimport type HLJS from 'highlight.js/lib/core';\nimport type {createLowlight} from 'lowlight' with {'resolution-mode': 'import'};\nimport type {Node} from 'prosemirror-model';\nimport {Plugin, PluginKey} from 'prosemirror-state';\n// @ts-ignore // TODO: fix cjs build\nimport {findChildrenByType} from 'prosemirror-utils';\nimport {Decoration, DecorationSet, type EditorView} from 'prosemirror-view';\n\nimport type {ExtensionAuto} from '../../../../core';\nimport {capitalize} from '../../../../lodash';\nimport {globalLogger} from '../../../../logger';\nimport {\n    CodeBlockNodeAttr,\n    type LineNumbersOptions,\n    codeBlockNodeName,\n    codeBlockType,\n} from '../CodeBlockSpecs';\n\nimport {CodeBlockNodeView} from './CodeBlockNodeView';\nimport {codeLangSelectTooltipViewCreator} from './TooltipPlugin';\nimport {PlainTextLang} from './const';\nimport {codeBlockLineNumbersPlugin} from './plugins/codeBlockLineNumbersPlugin';\nimport {codeBlockLineWrappingPlugin} from './plugins/codeBlockLineWrappingPlugin';\nimport {processChangedCodeBlocks} from './utils';\n\nimport './CodeBlockHighlight.scss';\n\nexport type HighlightLangMap = Options['highlightLangs'];\n\ntype Lowlight = ReturnType<typeof createLowlight>;\ntype Root = ReturnType<Lowlight['highlight']>;\n\ntype LangSelectItem = {\n    value: string;\n    content: string;\n};\n\nconst pluginKey = new PluginKey<PluginState>('code_block_highlight');\n\n// Cache for parsed highlight results, using ProseMirror nodes as keys\ntype HighlightCache = WeakMap<Node, HighlightParsedTree>;\n\ntype HighlightParsedTree = {text: string; classes: readonly string[]}[];\n\ntype PluginState = {\n    cache: HighlightCache;\n    decoSet: DecorationSet;\n};\n\nexport type CodeBlockHighlightOptions = {\n    lineWrapping?: {\n        enabled?: boolean;\n    };\n    lineNumbers?: LineNumbersOptions;\n    langs?: HighlightLangMap;\n};\n\nexport const CodeBlockHighlight: ExtensionAuto<CodeBlockHighlightOptions> = (builder, opts) => {\n    let langs: NonNullable<HighlightLangMap>;\n    let lowlight: Lowlight;\n    let hljs: typeof HLJS;\n\n    const loadModules = async () => {\n        try {\n            hljs = (await import('highlight.js/lib/core')).default;\n            const low = await import('lowlight');\n\n            const all: HighlightLangMap = low.all;\n            const create: typeof createLowlight = low.createLowlight;\n            langs = {...all, ...opts.langs};\n            lowlight = create(langs);\n            return true;\n        } catch (e) {\n            globalLogger.info('Skip code_block highlighting');\n            builder.logger.log('Skip code_block highlighting');\n            return false;\n        }\n    };\n\n    if (opts.lineWrapping?.enabled) builder.addPlugin(codeBlockLineWrappingPlugin);\n    if (opts.lineNumbers?.enabled) builder.addPlugin(codeBlockLineNumbersPlugin);\n\n    builder.addPlugin(() => {\n        let modulesLoaded = false;\n        let view: EditorView | null = null;\n\n        // empty array by default, but is filled after loading modules\n        const selectItems: LangSelectItem[] = [];\n        const mapping: Record<string, string> = {};\n\n        // TODO: add TAB key handler\n        // TODO: Remove constant selection of block\n        return new Plugin<PluginState>({\n            key: pluginKey,\n            state: {\n                init: (_, state) => {\n                    loadModules().then((loaded) => {\n                        modulesLoaded = loaded;\n\n                        if (modulesLoaded) {\n                            for (const lang of Object.keys(langs)) {\n                                const defs = langs[lang](hljs);\n                                selectItems.push({\n                                    value: lang,\n                                    content: defs.name || capitalize(lang),\n                                });\n                                if (defs.aliases) {\n                                    for (const alias of defs.aliases) {\n                                        mapping[alias] = lang;\n                                    }\n                                }\n                            }\n\n                            selectItems.sort(sortLangs);\n\n                            if (view && !view.isDestroyed) {\n                                view.dispatch(view.state.tr.setMeta(pluginKey, {modulesLoaded}));\n                            }\n                        }\n                    });\n\n                    const cache: HighlightCache = new WeakMap();\n\n                    return {\n                        cache,\n                        decoSet: modulesLoaded\n                            ? DecorationSet.empty\n                            : getDecorations(state.doc, cache),\n                    };\n                },\n                apply: (tr, {cache, decoSet}) => {\n                    if (!modulesLoaded) {\n                        return {cache, decoSet: DecorationSet.empty};\n                    }\n\n                    if (tr.getMeta(pluginKey)?.modulesLoaded) {\n                        return {cache, decoSet: getDecorations(tr.doc, cache)};\n                    }\n\n                    if (!tr.docChanged) return {cache, decoSet};\n\n                    decoSet = processChangedCodeBlocks(tr, decoSet, (node, pos, decoSet) => {\n                        const lang: string | undefined = node.attrs[CodeBlockNodeAttr.Lang];\n\n                        if (!lang || !lowlight.registered(lang)) {\n                            return decoSet.remove(decoSet.find(pos, pos + node.nodeSize));\n                        }\n\n                        const cached = cache.get(node);\n                        if (cached) {\n                            // node is in cache, but decorations may be missing (for example, after undo)\n                            if (!decoSet.find(pos, pos + node.nodeSize).length) {\n                                return decoSet.add(tr.doc, renderTree(cached, pos + 1));\n                            }\n                            return decoSet;\n                        }\n\n                        decoSet = decoSet.remove(decoSet.find(pos, pos + node.nodeSize));\n                        const ast = lowlight.highlight(lang, node.textContent);\n                        const parsed = parseNodes(ast.children);\n                        cache.set(node, parsed);\n                        return decoSet.add(tr.doc, renderTree(parsed, pos + 1));\n                    });\n\n                    return {cache, decoSet};\n                },\n            },\n            view: (v) => {\n                view = v;\n                return codeLangSelectTooltipViewCreator(view, selectItems, mapping, {\n                    showCodeWrapping: Boolean(opts.lineWrapping?.enabled),\n                    showLineNumbers: Boolean(opts.lineNumbers?.enabled),\n                });\n            },\n            props: {\n                decorations(state) {\n                    return pluginKey.getState(state)?.decoSet;\n                },\n                nodeViews: {\n                    [codeBlockNodeName]: CodeBlockNodeView.withOpts(opts),\n                },\n            },\n        });\n    });\n\n    function getDecorations(doc: Node, cache: HighlightCache) {\n        if (!lowlight) {\n            return DecorationSet.empty;\n        }\n\n        const decos: Decoration[] = [];\n\n        for (const {node, pos} of findChildrenByType(doc, codeBlockType(doc.type.schema), true)) {\n            const lang: string | undefined = node.attrs[CodeBlockNodeAttr.Lang];\n            if (!lang || !lowlight.registered(lang)) {\n                continue;\n            }\n\n            // Try to get parsed result from cache using node as key\n            let parsedNodes = cache.get(node);\n            if (!parsedNodes) {\n                // Compute, parse and cache using the node itself as key\n                const nodes = lowlight.highlight(lang, node.textContent).children;\n                parsedNodes = parseNodes(nodes);\n                cache.set(node, parsedNodes);\n            }\n\n            decos.push(...renderTree(parsedNodes, pos + 1));\n        }\n\n        return DecorationSet.create(doc, decos);\n    }\n};\n\nfunction renderTree(parsedNodes: HighlightParsedTree, from: number): Decoration[] {\n    const decos: Decoration[] = [];\n\n    for (const {text, classes} of parsedNodes) {\n        const to = from + text.length;\n        if (classes.length) {\n            decos.push(\n                Decoration.inline(from, to, {\n                    class: classes.join(' '),\n                }),\n            );\n        }\n        from = to;\n    }\n\n    return decos;\n}\n\nfunction parseNodes(\n    nodes: Root['children'],\n    className: readonly string[] = [],\n): HighlightParsedTree {\n    const result: HighlightParsedTree = [];\n    collectNodes(nodes, className, result);\n    return result;\n}\n\nfunction collectNodes(\n    nodes: Root['children'],\n    className: readonly string[],\n    result: HighlightParsedTree,\n): void {\n    for (const node of nodes) {\n        if (node.type === 'element') {\n            const classes = className.concat((node.properties.className as string[]) ?? []);\n            collectNodes(node.children, classes, result);\n        } else {\n            result.push({\n                text: node.type === 'comment' || node.type === 'text' ? node.value : '',\n                classes: className,\n            });\n        }\n    }\n}\n\nfunction sortLangs(a: LangSelectItem, b: LangSelectItem): number {\n    // plaintext always goes first\n    if (a.value === PlainTextLang) return -1;\n    if (b.value === PlainTextLang) return 1;\n    return 0;\n}\n"]}