@gravity-ui/markdown-editor 15.27.2 → 15.29.0

package/build/cjs/extensions/additional/GPT/gptExtension/view.js.map

@@ -1 +1 @@
-{"version":3,"file":"view.js","sourceRoot":"../../../../../../src","sources":["extensions/additional/GPT/gptExtension/view.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useCallback} from 'react';\n\nimport {Popup} from '@gravity-ui/uikit';\nimport type {PopupProps} from '@gravity-ui/uikit';\nimport {Slice} from 'prosemirror-model';\nimport type {EditorState, PluginView} from 'prosemirror-state';\nimport {TextSelection} from 'prosemirror-state';\nimport type {EditorView} from 'prosemirror-view';\nimport {useMount} from 'react-use';\n\nimport {cn} from '../../../../classname';\nimport type {Parser, Serializer} from '../../../../core';\nimport {getReactRendererFromState} from '../../../behavior';\nimport type {CommonAnswer} from '../ErrorScreen/types';\nimport type {GptDialogProps} from '../GptDialog/GptDialog';\nimport {GptDialog} from '../GptDialog/GptDialog';\nimport {WIDGET_DECO_CLASS_NAME, WIDGET_DECO_SPEC_FLAG, gptPopupPlacement} from '../constants';\nimport type {GptWidgetMeta} from '../plugin';\nimport {pluginKey} from '../plugin';\n\nimport './view.scss';\n\nexport const cnGptPopup = cn('gpt-popup');\n\nexport type GptWidgetDecoViewParams<\n    AnswerData extends CommonAnswer = CommonAnswer,\n    PromptData extends unknown = unknown,\n> = Omit<GptDialogProps<AnswerData, PromptData>, 'markup' | 'onApplyResult'> & {\n    serializer: Serializer;\n    parser: Parser;\n} & {\n    onApplyResult?: GptDialogProps['onApplyResult'];\n};\n\nexport class GptWidgetDecoView<\n    AnswerData extends CommonAnswer = CommonAnswer,\n    PromptData extends unknown = unknown,\n> implements Required<PluginView>\n{\n    private readonly _view;\n    private readonly _renderer;\n\n    private _decoElem: Element | null = null;\n    private _params: GptWidgetDecoViewParams<AnswerData, PromptData>;\n    private _serializer: Serializer;\n    private _parser: Parser;\n    private _confirmOpen: boolean;\n\n    constructor(view: EditorView, params: GptWidgetDecoViewParams<AnswerData, PromptData>) {\n        this._view = view;\n\n        this._params = params;\n        this._serializer = params.serializer;\n        this._parser = params.parser;\n        this._confirmOpen = false;\n\n        this._renderer = getReactRendererFromState(view.state).createItem(\n            'gpt-widget-view',\n            this._render.bind(this),\n        );\n    }\n\n    update(view: EditorView, prevState: EditorState): void {\n        const {state, dispatch} = view;\n\n        if (this._decoElem && !state.selection.eq(prevState.selection)) {\n            const transaction = state.tr;\n            const meta: GptWidgetMeta = {action: 'hide'};\n\n            dispatch(transaction.setMeta(pluginKey, meta));\n            this._view.focus();\n\n            return;\n        }\n\n        const decoElements = Array.from(view.dom.querySelectorAll(`.${WIDGET_DECO_CLASS_NAME}`));\n\n        this._decoElem = decoElements.at(-1) ?? null;\n        this._renderer.rerender();\n    }\n\n    destroy(): void {\n        this._resetState();\n\n        this._renderer.remove();\n    }\n\n    private _resetState() {\n        this._decoElem = null;\n        this._confirmOpen = false;\n    }\n\n    private _onConfirmCancel = () => {\n        this._confirmOpen = false;\n\n        this._renderer.rerender();\n    };\n\n    private _onConfirmOk = () => {\n        this._onClose();\n    };\n\n    private _render() {\n        if (!this._decoElem) return null;\n\n        const markup = this._getContentOfDecoration();\n\n        if (markup === undefined) {\n            return null;\n        }\n\n        return (\n            <Widget\n                markup={markup}\n                anchorElement={this._decoElem}\n                answerRender={this._params.answerRender}\n                promptPresets={this._params.promptPresets}\n                disablePromptPresets={this._params.disablePromptPresets}\n                customPromptPlaceholder={this._params.customPromptPlaceholder}\n                disabledPromptPlaceholder={this._params.disabledPromptPlaceholder}\n                gptAlertProps={this._params.gptAlertProps}\n                onApplyResult={this._onSubmit}\n                onCustomPromptApply={this._params.onCustomPromptApply}\n                onPromptPresetClick={this._params.onPromptPresetClick}\n                onTryAgain={this._params.onTryAgain}\n                onLike={this._params.onLike}\n                onDislike={this._params.onDislike}\n                onClose={this._onClose}\n                onUpdate={this._onGptAnswerUpdate}\n                confirmOpen={this._confirmOpen}\n                onConfirmOk={this._onConfirmOk}\n                onConfirmCancel={this._onConfirmCancel}\n            />\n        );\n    }\n\n    private _onGptAnswerUpdate: NonNullable<WidgetProps<AnswerData, PromptData>['onUpdate']> = (\n        answer,\n    ) => {\n        this._params.onUpdate?.(answer);\n    };\n\n    private _onSubmit: NonNullable<WidgetProps['onApplyResult']> = (answer: string) => {\n        const deco = this._getCurrentDecoration();\n\n        if (!deco) return;\n\n        const {from, to} = deco;\n\n        const answerNode = this._parser.parse(answer);\n\n        const tr = this._view.state.tr;\n        const meta: GptWidgetMeta = {action: 'hide'};\n\n        tr.setMeta(pluginKey, meta);\n        tr.replace(from, to, new Slice(answerNode.content, 1, 1));\n        tr.setSelection(TextSelection.create(tr.doc, tr.mapping.map(to)));\n\n        this._view.dispatch(tr);\n\n        setTimeout(() => {\n            this._view.focus();\n        }, 0);\n\n        this._params.onApplyResult?.(answer);\n\n        this._resetState();\n    };\n\n    private _onClose = () => {\n        const deco = this._getCurrentDecoration();\n\n        if (!deco) {\n            return;\n        }\n\n        const tr = this._view.state.tr;\n        const meta: GptWidgetMeta = {action: 'hide'};\n\n        tr.setSelection(TextSelection.create(tr.doc, deco.from, deco.to));\n\n        tr.setMeta(pluginKey, meta);\n\n        this._view.dispatch(tr);\n\n        setTimeout(() => {\n            this._view.focus();\n        }, 0);\n\n        this._params.onClose?.();\n\n        this._resetState();\n    };\n\n    private _getContentOfDecoration(): string | undefined {\n        const deco = this._getCurrentDecoration();\n\n        if (!deco) return undefined;\n\n        const {from, to} = deco;\n\n        try {\n            // FIXME: Verify and use Node instead of Fragment\n            const fragment = this._view.state.doc.slice(from, to, true).content;\n            const yfmMarkup = this._serializer.serialize(fragment as any);\n\n            return yfmMarkup;\n        } catch (error) {\n            console.error(error);\n\n            return this._view.state.doc.textBetween(from, to, '\\n', '');\n        }\n    }\n\n    private _getCurrentDecoration() {\n        return this._getPluginState()?.find(\n            undefined,\n            undefined,\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-return\n            (spec) => spec[WIDGET_DECO_SPEC_FLAG],\n        )[0];\n    }\n\n    private _getPluginState() {\n        return pluginKey.getState(this._view.state);\n    }\n}\n\ntype WidgetProps<\n    AnswerData extends CommonAnswer = CommonAnswer,\n    PromptData extends unknown = unknown,\n> = Pick<PopupProps, 'anchorElement'> & {\n    markup: string;\n    onClose: () => void;\n    confirmOpen: boolean;\n    onConfirmOk: () => void;\n    onConfirmCancel: () => void;\n} & GptDialogProps<AnswerData, PromptData>;\n\nfunction Widget<\n    AnswerData extends CommonAnswer = CommonAnswer,\n    PromptData extends unknown = unknown,\n>({\n    markup,\n    anchorElement,\n    answerRender,\n    promptPresets,\n    disablePromptPresets,\n    customPromptPlaceholder,\n    disabledPromptPlaceholder,\n    onCustomPromptApply,\n    onApplyResult,\n    onPromptPresetClick,\n    onTryAgain,\n    onLike,\n    onDislike,\n    onClose,\n    onUpdate,\n    gptAlertProps,\n}: WidgetProps<AnswerData, PromptData>) {\n    useMount(() => {\n        if (anchorElement && 'scrollIntoView' in anchorElement) {\n            anchorElement.scrollIntoView({\n                behavior: 'smooth',\n                block: 'center',\n            });\n        }\n    });\n\n    const handleUpdate = useCallback(\n        (result?: AnswerData) => {\n            onUpdate?.(result);\n        },\n        [onUpdate],\n    );\n\n    return (\n        <>\n            <Popup\n                className={cnGptPopup()}\n                open\n                anchorElement={anchorElement}\n                placement={gptPopupPlacement}\n                onOpenChange={(open) => {\n                    if (!open) onClose();\n                }}\n                strategy=\"absolute\"\n            >\n                <div className={cnGptPopup('content')}>\n                    <GptDialog\n                        markup={markup}\n                        answerRender={answerRender}\n                        promptPresets={promptPresets}\n                        disablePromptPresets={disablePromptPresets}\n                        customPromptPlaceholder={customPromptPlaceholder}\n                        disabledPromptPlaceholder={disabledPromptPlaceholder}\n                        onApplyResult={onApplyResult}\n                        onCustomPromptApply={onCustomPromptApply}\n                        onPromptPresetClick={onPromptPresetClick}\n                        onTryAgain={onTryAgain}\n                        onLike={onLike}\n                        onDislike={onDislike}\n                        onClose={onClose}\n                        onUpdate={handleUpdate}\n                        gptAlertProps={gptAlertProps}\n                    />\n                </div>\n            </Popup>\n        </>\n    );\n}\n"]}
+{"version":3,"file":"view.js","sourceRoot":"../../../../../../src","sources":["extensions/additional/GPT/gptExtension/view.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useCallback} from 'react';\n\nimport {Popup} from '@gravity-ui/uikit';\nimport type {PopupProps} from '@gravity-ui/uikit';\nimport {Slice} from 'prosemirror-model';\nimport type {EditorState, PluginView} from 'prosemirror-state';\nimport {TextSelection} from 'prosemirror-state';\nimport type {EditorView} from 'prosemirror-view';\nimport {useMount} from 'react-use';\n\nimport {cn} from '../../../../classname';\nimport type {Parser, Serializer} from '../../../../core';\nimport {getReactRendererFromState} from '../../../behavior';\nimport type {CommonAnswer} from '../ErrorScreen/types';\nimport type {GptDialogProps} from '../GptDialog/GptDialog';\nimport {GptDialog} from '../GptDialog/GptDialog';\nimport {WIDGET_DECO_CLASS_NAME, WIDGET_DECO_SPEC_FLAG, gptPopupPlacement} from '../constants';\nimport type {GptWidgetMeta} from '../plugin';\nimport {pluginKey} from '../plugin';\n\nimport './view.scss';\n\nexport const cnGptPopup = cn('gpt-popup');\n\nexport type GptWidgetDecoViewParams<\n    AnswerData extends CommonAnswer = CommonAnswer,\n    PromptData extends unknown = unknown,\n> = Omit<GptDialogProps<AnswerData, PromptData>, 'markup' | 'onApplyResult'> & {\n    serializer: Serializer;\n    parser: Parser;\n} & {\n    onApplyResult?: GptDialogProps['onApplyResult'];\n};\n\nexport class GptWidgetDecoView<\n    AnswerData extends CommonAnswer = CommonAnswer,\n    PromptData extends unknown = unknown,\n> implements Required<PluginView> {\n    private readonly _view;\n    private readonly _renderer;\n\n    private _decoElem: Element | null = null;\n    private _params: GptWidgetDecoViewParams<AnswerData, PromptData>;\n    private _serializer: Serializer;\n    private _parser: Parser;\n    private _confirmOpen: boolean;\n\n    constructor(view: EditorView, params: GptWidgetDecoViewParams<AnswerData, PromptData>) {\n        this._view = view;\n\n        this._params = params;\n        this._serializer = params.serializer;\n        this._parser = params.parser;\n        this._confirmOpen = false;\n\n        this._renderer = getReactRendererFromState(view.state).createItem(\n            'gpt-widget-view',\n            this._render.bind(this),\n        );\n    }\n\n    update(view: EditorView, prevState: EditorState): void {\n        const {state, dispatch} = view;\n\n        if (this._decoElem && !state.selection.eq(prevState.selection)) {\n            const transaction = state.tr;\n            const meta: GptWidgetMeta = {action: 'hide'};\n\n            dispatch(transaction.setMeta(pluginKey, meta));\n            this._view.focus();\n\n            return;\n        }\n\n        const decoElements = Array.from(view.dom.querySelectorAll(`.${WIDGET_DECO_CLASS_NAME}`));\n\n        this._decoElem = decoElements.at(-1) ?? null;\n        this._renderer.rerender();\n    }\n\n    destroy(): void {\n        this._resetState();\n\n        this._renderer.remove();\n    }\n\n    private _resetState() {\n        this._decoElem = null;\n        this._confirmOpen = false;\n    }\n\n    private _onConfirmCancel = () => {\n        this._confirmOpen = false;\n\n        this._renderer.rerender();\n    };\n\n    private _onConfirmOk = () => {\n        this._onClose();\n    };\n\n    private _render() {\n        if (!this._decoElem) return null;\n\n        const markup = this._getContentOfDecoration();\n\n        if (markup === undefined) {\n            return null;\n        }\n\n        return (\n            <Widget\n                markup={markup}\n                anchorElement={this._decoElem}\n                answerRender={this._params.answerRender}\n                promptPresets={this._params.promptPresets}\n                disablePromptPresets={this._params.disablePromptPresets}\n                customPromptPlaceholder={this._params.customPromptPlaceholder}\n                disabledPromptPlaceholder={this._params.disabledPromptPlaceholder}\n                gptAlertProps={this._params.gptAlertProps}\n                onApplyResult={this._onSubmit}\n                onCustomPromptApply={this._params.onCustomPromptApply}\n                onPromptPresetClick={this._params.onPromptPresetClick}\n                onTryAgain={this._params.onTryAgain}\n                onLike={this._params.onLike}\n                onDislike={this._params.onDislike}\n                onClose={this._onClose}\n                onUpdate={this._onGptAnswerUpdate}\n                confirmOpen={this._confirmOpen}\n                onConfirmOk={this._onConfirmOk}\n                onConfirmCancel={this._onConfirmCancel}\n            />\n        );\n    }\n\n    private _onGptAnswerUpdate: NonNullable<WidgetProps<AnswerData, PromptData>['onUpdate']> = (\n        answer,\n    ) => {\n        this._params.onUpdate?.(answer);\n    };\n\n    private _onSubmit: NonNullable<WidgetProps['onApplyResult']> = (answer: string) => {\n        const deco = this._getCurrentDecoration();\n\n        if (!deco) return;\n\n        const {from, to} = deco;\n\n        const answerNode = this._parser.parse(answer);\n\n        const tr = this._view.state.tr;\n        const meta: GptWidgetMeta = {action: 'hide'};\n\n        tr.setMeta(pluginKey, meta);\n        tr.replace(from, to, new Slice(answerNode.content, 1, 1));\n        tr.setSelection(TextSelection.create(tr.doc, tr.mapping.map(to)));\n\n        this._view.dispatch(tr);\n\n        setTimeout(() => {\n            this._view.focus();\n        }, 0);\n\n        this._params.onApplyResult?.(answer);\n\n        this._resetState();\n    };\n\n    private _onClose = () => {\n        const deco = this._getCurrentDecoration();\n\n        if (!deco) {\n            return;\n        }\n\n        const tr = this._view.state.tr;\n        const meta: GptWidgetMeta = {action: 'hide'};\n\n        tr.setSelection(TextSelection.create(tr.doc, deco.from, deco.to));\n\n        tr.setMeta(pluginKey, meta);\n\n        this._view.dispatch(tr);\n\n        setTimeout(() => {\n            this._view.focus();\n        }, 0);\n\n        this._params.onClose?.();\n\n        this._resetState();\n    };\n\n    private _getContentOfDecoration(): string | undefined {\n        const deco = this._getCurrentDecoration();\n\n        if (!deco) return undefined;\n\n        const {from, to} = deco;\n\n        try {\n            // FIXME: Verify and use Node instead of Fragment\n            const fragment = this._view.state.doc.slice(from, to, true).content;\n            const yfmMarkup = this._serializer.serialize(fragment as any);\n\n            return yfmMarkup;\n        } catch (error) {\n            console.error(error);\n\n            return this._view.state.doc.textBetween(from, to, '\\n', '');\n        }\n    }\n\n    private _getCurrentDecoration() {\n        return this._getPluginState()?.find(\n            undefined,\n            undefined,\n            (spec) => spec[WIDGET_DECO_SPEC_FLAG],\n        )[0];\n    }\n\n    private _getPluginState() {\n        return pluginKey.getState(this._view.state);\n    }\n}\n\ntype WidgetProps<\n    AnswerData extends CommonAnswer = CommonAnswer,\n    PromptData extends unknown = unknown,\n> = Pick<PopupProps, 'anchorElement'> & {\n    markup: string;\n    onClose: () => void;\n    confirmOpen: boolean;\n    onConfirmOk: () => void;\n    onConfirmCancel: () => void;\n} & GptDialogProps<AnswerData, PromptData>;\n\nfunction Widget<\n    AnswerData extends CommonAnswer = CommonAnswer,\n    PromptData extends unknown = unknown,\n>({\n    markup,\n    anchorElement,\n    answerRender,\n    promptPresets,\n    disablePromptPresets,\n    customPromptPlaceholder,\n    disabledPromptPlaceholder,\n    onCustomPromptApply,\n    onApplyResult,\n    onPromptPresetClick,\n    onTryAgain,\n    onLike,\n    onDislike,\n    onClose,\n    onUpdate,\n    gptAlertProps,\n}: WidgetProps<AnswerData, PromptData>) {\n    useMount(() => {\n        if (anchorElement && 'scrollIntoView' in anchorElement) {\n            anchorElement.scrollIntoView({\n                behavior: 'smooth',\n                block: 'center',\n            });\n        }\n    });\n\n    const handleUpdate = useCallback(\n        (result?: AnswerData) => {\n            onUpdate?.(result);\n        },\n        [onUpdate],\n    );\n\n    return (\n        <>\n            <Popup\n                className={cnGptPopup()}\n                open\n                anchorElement={anchorElement}\n                placement={gptPopupPlacement}\n                onOpenChange={(open) => {\n                    if (!open) onClose();\n                }}\n                strategy=\"absolute\"\n            >\n                <div className={cnGptPopup('content')}>\n                    <GptDialog\n                        markup={markup}\n                        answerRender={answerRender}\n                        promptPresets={promptPresets}\n                        disablePromptPresets={disablePromptPresets}\n                        customPromptPlaceholder={customPromptPlaceholder}\n                        disabledPromptPlaceholder={disabledPromptPlaceholder}\n                        onApplyResult={onApplyResult}\n                        onCustomPromptApply={onCustomPromptApply}\n                        onPromptPresetClick={onPromptPresetClick}\n                        onTryAgain={onTryAgain}\n                        onLike={onLike}\n                        onDislike={onDislike}\n                        onClose={onClose}\n                        onUpdate={handleUpdate}\n                        gptAlertProps={gptAlertProps}\n                    />\n                </div>\n            </Popup>\n        </>\n    );\n}\n"]}

package/build/cjs/extensions/additional/Mermaid/MermaidSpecs/index.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MermaidSpecs = exports.MermaidConsts = exports.mermaidNodeName = void 0;
-// eslint-disable-next-line import/no-extraneous-dependencies
 const mermaid_extension_1 = require("@diplodoc/mermaid-extension");
 const entity_id_1 = require("../../../../utils/entity-id.js");
 const const_1 = require("./const.js");

package/build/cjs/extensions/additional/Mermaid/MermaidSpecs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["extensions/additional/Mermaid/MermaidSpecs/index.tsx"],"names":[],"mappings":";;;AAAA,6DAA6D;AAC7D,mEAAsD;AAGtD,8DAAqD;AAErD,sCAA+E;AAC/E,oCAAuD;AAA/C,wGAAA,eAAe,OAAA;AAAE,sGAAA,aAAa,OAAA;AAMtC,MAAM,qBAAqB,GAAuC,CAAC,OAAO,EAAE,EAAC,QAAQ,EAAC,EAAE,EAAE;IACtF,OAAO;SACF,WAAW,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,IAAA,6BAAS,EAAC,EAAC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAC,CAAC,EAAE,EAAE,CAAC,CAAC;SAC/E,OAAO,CAAC,uBAAe,EAAE,GAAG,EAAE,CAAC,CAAC;QAC7B,MAAM,EAAE;YACJ,SAAS,EAAE;gBACP,IAAI,EAAE,uBAAe;gBACrB,IAAI,EAAE,MAAM;gBACZ,QAAQ,EAAE,CAAC,EAAC,OAAO,EAAC,EAAE,EAAE,CAAC,CAAC;oBACtB,CAAC,qBAAa,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,OAAO;oBAC1C,CAAC,qBAAa,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,IAAA,4BAAgB,EAAC,uBAAe,CAAC;iBACxE,CAAC;aACL;SACJ;QACD,IAAI,EAAE;YACF,UAAU,EAAE,IAAI;YAChB,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,OAAO;YACd,KAAK,EAAE;gBACH,CAAC,qBAAa,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,EAAC,OAAO,EAAE,EAAE,EAAC;gBAChD,CAAC,qBAAa,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,EAAC,OAAO,EAAE,SAAS,EAAC;gBACrD,CAAC,qBAAa,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,EAAC,OAAO,EAAE,8BAAsB,EAAC;gBACrE,CAAC,qBAAa,CAAC,SAAS,CAAC,UAAU,CAAC,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC;aACxD;YACD,QAAQ,EAAE,EAAE;YACZ,KAAK,CAAC,IAAI;gBACN,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;YAC/B,CAAC;YACD,GAAG,EAAE,EAAC,KAAK,EAAE,EAAC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAC,EAAC;SACjC;QACD,IAAI,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE;YAClB,MAAM,OAAO,GAAW,IAAI,CAAC,KAAK,CAAC,qBAAa,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;YAE1E,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;YAC1B,KAAK,CAAC,aAAa,EAAE,CAAC;YACtB,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,KAAK,CAAC,CAAC;YAClC,KAAK,CAAC,aAAa,EAAE,CAAC;YACtB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACnB,KAAK,CAAC,aAAa,EAAE,CAAC;QAC1B,CAAC;QACD,IAAI,EAAE,QAAQ;KACjB,CAAC,CAAC,CAAC;AACZ,CAAC,CAAC;AAEW,QAAA,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,qBAAqB,EAAE,qBAAa,CAAC,CAAC","sourcesContent":["// eslint-disable-next-line import/no-extraneous-dependencies\nimport {transform} from '@diplodoc/mermaid-extension';\n\nimport type {ExtensionAuto, ExtensionNodeSpec} from '#core';\nimport {generateEntityId} from 'src/utils/entity-id';\n\nimport {MermaidConsts, defaultMermaidEntityId, mermaidNodeName} from './const';\nexport {mermaidNodeName, MermaidConsts} from './const';\n\nexport type MermaidSpecsOptions = {\n    nodeView?: ExtensionNodeSpec['view'];\n};\n\nconst MermaidSpecsExtension: ExtensionAuto<MermaidSpecsOptions> = (builder, {nodeView}) => {\n    builder\n        .configureMd((md) => md.use(transform({runtime: 'mermaid', bundle: false}), {}))\n        .addNode(mermaidNodeName, () => ({\n            fromMd: {\n                tokenSpec: {\n                    name: mermaidNodeName,\n                    type: 'node',\n                    getAttrs: ({content}) => ({\n                        [MermaidConsts.NodeAttrs.content]: content,\n                        [MermaidConsts.NodeAttrs.EntityId]: generateEntityId(mermaidNodeName),\n                    }),\n                },\n            },\n            spec: {\n                selectable: true,\n                atom: true,\n                group: 'block',\n                attrs: {\n                    [MermaidConsts.NodeAttrs.content]: {default: ''},\n                    [MermaidConsts.NodeAttrs.class]: {default: 'mermaid'},\n                    [MermaidConsts.NodeAttrs.EntityId]: {default: defaultMermaidEntityId},\n                    [MermaidConsts.NodeAttrs.newCreated]: {default: null},\n                },\n                parseDOM: [],\n                toDOM(node) {\n                    return ['div', node.attrs];\n                },\n                dnd: {props: {offset: [8, 1]}},\n            },\n            toMd: (state, node) => {\n                const content: string = node.attrs[MermaidConsts.NodeAttrs.content] || '';\n\n                state.write('```mermaid');\n                state.ensureNewLine();\n                state.text(content.trim(), false);\n                state.ensureNewLine();\n                state.write('```');\n                state.ensureNewLine();\n            },\n            view: nodeView,\n        }));\n};\n\nexport const MermaidSpecs = Object.assign(MermaidSpecsExtension, MermaidConsts);\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["extensions/additional/Mermaid/MermaidSpecs/index.tsx"],"names":[],"mappings":";;;AAAA,mEAAsD;AAGtD,8DAAqD;AAErD,sCAA+E;AAC/E,oCAAuD;AAA/C,wGAAA,eAAe,OAAA;AAAE,sGAAA,aAAa,OAAA;AAMtC,MAAM,qBAAqB,GAAuC,CAAC,OAAO,EAAE,EAAC,QAAQ,EAAC,EAAE,EAAE;IACtF,OAAO;SACF,WAAW,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,IAAA,6BAAS,EAAC,EAAC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAC,CAAC,EAAE,EAAE,CAAC,CAAC;SAC/E,OAAO,CAAC,uBAAe,EAAE,GAAG,EAAE,CAAC,CAAC;QAC7B,MAAM,EAAE;YACJ,SAAS,EAAE;gBACP,IAAI,EAAE,uBAAe;gBACrB,IAAI,EAAE,MAAM;gBACZ,QAAQ,EAAE,CAAC,EAAC,OAAO,EAAC,EAAE,EAAE,CAAC,CAAC;oBACtB,CAAC,qBAAa,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,OAAO;oBAC1C,CAAC,qBAAa,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,IAAA,4BAAgB,EAAC,uBAAe,CAAC;iBACxE,CAAC;aACL;SACJ;QACD,IAAI,EAAE;YACF,UAAU,EAAE,IAAI;YAChB,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,OAAO;YACd,KAAK,EAAE;gBACH,CAAC,qBAAa,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,EAAC,OAAO,EAAE,EAAE,EAAC;gBAChD,CAAC,qBAAa,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,EAAC,OAAO,EAAE,SAAS,EAAC;gBACrD,CAAC,qBAAa,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,EAAC,OAAO,EAAE,8BAAsB,EAAC;gBACrE,CAAC,qBAAa,CAAC,SAAS,CAAC,UAAU,CAAC,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC;aACxD;YACD,QAAQ,EAAE,EAAE;YACZ,KAAK,CAAC,IAAI;gBACN,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;YAC/B,CAAC;YACD,GAAG,EAAE,EAAC,KAAK,EAAE,EAAC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAC,EAAC;SACjC;QACD,IAAI,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE;YAClB,MAAM,OAAO,GAAW,IAAI,CAAC,KAAK,CAAC,qBAAa,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;YAE1E,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;YAC1B,KAAK,CAAC,aAAa,EAAE,CAAC;YACtB,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,KAAK,CAAC,CAAC;YAClC,KAAK,CAAC,aAAa,EAAE,CAAC;YACtB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACnB,KAAK,CAAC,aAAa,EAAE,CAAC;QAC1B,CAAC;QACD,IAAI,EAAE,QAAQ;KACjB,CAAC,CAAC,CAAC;AACZ,CAAC,CAAC;AAEW,QAAA,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,qBAAqB,EAAE,qBAAa,CAAC,CAAC","sourcesContent":["import {transform} from '@diplodoc/mermaid-extension';\n\nimport type {ExtensionAuto, ExtensionNodeSpec} from '#core';\nimport {generateEntityId} from 'src/utils/entity-id';\n\nimport {MermaidConsts, defaultMermaidEntityId, mermaidNodeName} from './const';\nexport {mermaidNodeName, MermaidConsts} from './const';\n\nexport type MermaidSpecsOptions = {\n    nodeView?: ExtensionNodeSpec['view'];\n};\n\nconst MermaidSpecsExtension: ExtensionAuto<MermaidSpecsOptions> = (builder, {nodeView}) => {\n    builder\n        .configureMd((md) => md.use(transform({runtime: 'mermaid', bundle: false}), {}))\n        .addNode(mermaidNodeName, () => ({\n            fromMd: {\n                tokenSpec: {\n                    name: mermaidNodeName,\n                    type: 'node',\n                    getAttrs: ({content}) => ({\n                        [MermaidConsts.NodeAttrs.content]: content,\n                        [MermaidConsts.NodeAttrs.EntityId]: generateEntityId(mermaidNodeName),\n                    }),\n                },\n            },\n            spec: {\n                selectable: true,\n                atom: true,\n                group: 'block',\n                attrs: {\n                    [MermaidConsts.NodeAttrs.content]: {default: ''},\n                    [MermaidConsts.NodeAttrs.class]: {default: 'mermaid'},\n                    [MermaidConsts.NodeAttrs.EntityId]: {default: defaultMermaidEntityId},\n                    [MermaidConsts.NodeAttrs.newCreated]: {default: null},\n                },\n                parseDOM: [],\n                toDOM(node) {\n                    return ['div', node.attrs];\n                },\n                dnd: {props: {offset: [8, 1]}},\n            },\n            toMd: (state, node) => {\n                const content: string = node.attrs[MermaidConsts.NodeAttrs.content] || '';\n\n                state.write('```mermaid');\n                state.ensureNewLine();\n                state.text(content.trim(), false);\n                state.ensureNewLine();\n                state.write('```');\n                state.ensureNewLine();\n            },\n            view: nodeView,\n        }));\n};\n\nexport const MermaidSpecs = Object.assign(MermaidSpecsExtension, MermaidConsts);\n"]}

package/build/cjs/extensions/additional/YfmHtmlBlock/YfmHtmlBlockNodeView/YfmHtmlBlockView.js

@@ -175,7 +175,7 @@ const YfmHtmlBlockView = ({ onChange, node, getPos, view, options }) => {
     const html = `<!DOCTYPE html><html>${head}${body}</html>`;
     const sanitizeFunction = typeof sanitize === 'function' ? sanitize : sanitize?.body;
     const resultHtml = sanitizeFunction ? sanitizeFunction(html) : html;
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b(), onDoubleClick: setEditing, children: [(0, jsx_runtime_1.jsx)(uikit_1.Label, { className: b('label'), icon: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { size: 16, data: icons_1.Eye }), children: (0, common_1.i18n)('preview') }), (0, jsx_runtime_1.jsx)(YfmHtmlBlockPreview, { html: resultHtml, onClick: setEditing, config: config }), (0, jsx_runtime_1.jsxs)("div", { className: b('menu'), children: [(0, jsx_runtime_1.jsx)(uikit_1.Button, { onClick: toggleMenuOpen, ref: setAnchorElement, size: "s", className: exports.STOP_EVENT_CLASSNAME, children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.Ellipsis, className: exports.STOP_EVENT_CLASSNAME }) }), (0, jsx_runtime_1.jsx)(uikit_1.Popup, { anchorElement: anchorElement, open: menuOpen, onOpenChange: closeMenu, placement: "bottom-end", children: (0, jsx_runtime_1.jsxs)(uikit_1.Menu, { children: [(0, jsx_runtime_1.jsx)(uikit_1.Menu.Item, { onClick: () => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b(), onDoubleClick: setEditing, children: [(0, jsx_runtime_1.jsx)(uikit_1.Label, { className: b('label'), icon: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { size: 16, data: icons_1.Eye }), children: (0, common_1.i18n)('preview') }), (0, jsx_runtime_1.jsx)(YfmHtmlBlockPreview, { html: resultHtml, onClick: setEditing, config: config }), (0, jsx_runtime_1.jsxs)("div", { className: b('menu'), children: [(0, jsx_runtime_1.jsx)(uikit_1.Button, { onClick: toggleMenuOpen, ref: setAnchorElement, size: "s", className: exports.STOP_EVENT_CLASSNAME, "aria-label": (0, common_1.i18n)('actions'), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.Ellipsis, className: exports.STOP_EVENT_CLASSNAME }) }), (0, jsx_runtime_1.jsx)(uikit_1.Popup, { anchorElement: anchorElement, open: menuOpen, onOpenChange: closeMenu, placement: "bottom-end", children: (0, jsx_runtime_1.jsxs)(uikit_1.Menu, { children: [(0, jsx_runtime_1.jsx)(uikit_1.Menu.Item, { onClick: () => {
                                         setEditing();
                                         closeMenu();
                                     }, children: (0, common_1.i18n)('edit') }), (0, jsx_runtime_1.jsx)(uikit_1.Menu.Item, { onClick: () => {

package/build/cjs/extensions/additional/YfmHtmlBlock/YfmHtmlBlockNodeView/YfmHtmlBlockView.js.map

@@ -1 +1 @@
-{"version":3,"file":"YfmHtmlBlockView.js","sourceRoot":"../../../../../../src","sources":["extensions/additional/YfmHtmlBlock/YfmHtmlBlockNodeView/YfmHtmlBlockView.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useEffect, useMemo, useRef, useState} from 'react';\n\nimport {getStyles} from '@diplodoc/html-extension';\nimport type {IHTMLIFrameElementConfig} from '@diplodoc/html-extension/runtime';\nimport {Ellipsis as DotsIcon, Eye} from '@gravity-ui/icons';\nimport {Button, Icon, Label, Menu, Popup} from '@gravity-ui/uikit';\nimport type {Node} from 'prosemirror-model';\nimport type {EditorView} from 'prosemirror-view';\n\nimport {cn} from 'src/classname';\nimport {SharedStateKey} from 'src/extensions/behavior/SharedState';\nimport {TextAreaFixed as TextArea} from 'src/forms/TextInput';\nimport {i18n} from 'src/i18n/common';\nimport {debounce} from 'src/lodash';\nimport {useAutoSave, useBooleanState, useElementState} from 'src/react-utils/hooks';\nimport {useSharedEditingState} from 'src/react-utils/useSharedEditingState';\nimport {removeNode} from 'src/utils/remove-node';\n\nimport {YfmHtmlBlockConsts} from '../YfmHtmlBlockSpecs/const';\nimport type {YfmHtmlBlockOptions} from '../index';\nimport type {YfmHtmlBlockEntitySharedState} from '../types';\n\nimport './YfmHtmlBlock.scss';\n\nexport const cnYfmHtmlBlock = cn('yfm-html-block');\nexport const STOP_EVENT_CLASSNAME = 'prosemirror-stop-event';\n\nconst b = cnYfmHtmlBlock;\n\ninterface YfmHtmlBlockViewProps {\n    html: string;\n    onClick: () => void;\n    config?: IHTMLIFrameElementConfig;\n}\n\nexport function generateID() {\n    return Math.random().toString(36).substr(2, 8);\n}\n\nconst DEFAULT_PADDING = 20;\nconst DEFAULT_DELAY = 100;\n\nconst createLinkCLickHandler = (value: Element, document: Document) => (event: Event) => {\n    event.preventDefault();\n    const targetId = value.getAttribute('href');\n\n    if (targetId) {\n        const targetElement = document.querySelector(targetId);\n        if (targetElement) {\n            targetElement.scrollIntoView({behavior: 'smooth'});\n        }\n    }\n};\n\nconst YfmHtmlBlockPreview: React.FC<YfmHtmlBlockViewProps> = ({html, onClick, config}) => {\n    const ref = useRef<HTMLIFrameElement>(null);\n    const styles = useRef<Record<string, string>>({});\n    const classNames = useRef<string[]>([]);\n    const resizeConfig = useRef<Record<string, number>>({});\n\n    const [height, setHeight] = useState('100%');\n\n    useEffect(() => {\n        setStyles(config?.styles);\n        setClassNames(config?.classNames);\n    }, [config, ref.current?.contentWindow?.document?.body]);\n\n    const handleLoadIFrame = () => {\n        const contentWindow = ref.current?.contentWindow;\n\n        handleResizeIFrame();\n\n        if (contentWindow) {\n            const frameDocument = contentWindow.document;\n            frameDocument.addEventListener('dblclick', () => {\n                onClick();\n            });\n        }\n    };\n\n    const handleResizeIFrame = () => {\n        if (ref.current) {\n            const contentWindow = ref.current?.contentWindow;\n            if (contentWindow) {\n                const body = contentWindow.document.body;\n                if (body) {\n                    const height =\n                        body.scrollHeight +\n                        (resizeConfig.current?.padding || DEFAULT_PADDING) +\n                        'px';\n\n                    setHeight(height);\n                }\n            }\n        }\n    };\n\n    const setClassNames = (newClassNames: string[] | undefined) => {\n        const body = ref.current?.contentWindow?.document.body;\n\n        if (body && newClassNames) {\n            const previousClassNames = classNames.current;\n\n            // remove all classes that were in previousClassNames but are not in classNames\n            previousClassNames.forEach((className) => {\n                if (!newClassNames.includes(className)) {\n                    body.classList.remove(className);\n                }\n            });\n\n            // add classes that are in classNames\n            newClassNames.forEach((className) => {\n                if (!body.classList.contains(className)) {\n                    body.classList.add(className);\n                }\n            });\n\n            classNames.current = newClassNames;\n        }\n    };\n\n    const setStyles = (newStyles: Record<string, string> | undefined) => {\n        const body = ref.current?.contentWindow?.document.body;\n\n        if (body && newStyles) {\n            const previousStyles = styles.current;\n\n            // remove all styles that are in previousStyles but not in styles\n            Object.keys(previousStyles).forEach((property) => {\n                if (!Object.prototype.hasOwnProperty.call(newStyles, property)) {\n                    body.style.removeProperty(property);\n                }\n            });\n\n            // sdd or update styles that are in styles\n            Object.keys(newStyles).forEach((property) => {\n                body.style.setProperty(property, newStyles[property]);\n            });\n\n            // update current styles to the new styles\n            styles.current = newStyles;\n        }\n    };\n\n    // finds all relative links (href^=\"#\") and changes their click behavior\n    const createAnchorLinkHandlers = (type: 'add' | 'remove') => () => {\n        const document = ref.current?.contentWindow!.document;\n\n        if (document) {\n            document.querySelectorAll('a[href^=\"#\"]').forEach((value: Element) => {\n                const handler = createLinkCLickHandler(value, document);\n                if (type === 'add') {\n                    value.addEventListener('click', handler);\n                } else {\n                    value.removeEventListener('click', handler);\n                }\n            });\n        }\n    };\n\n    useEffect(() => {\n        ref.current?.addEventListener('load', handleLoadIFrame);\n        ref.current?.addEventListener('load', createAnchorLinkHandlers('add'));\n        return () => {\n            ref.current?.removeEventListener('load', handleLoadIFrame);\n            ref.current?.removeEventListener('load', createAnchorLinkHandlers('remove'));\n        };\n    }, [html]);\n\n    useEffect(() => {\n        if (ref.current) {\n            const resizeObserver = new window.ResizeObserver(\n                debounce(handleResizeIFrame, DEFAULT_DELAY),\n            );\n            resizeObserver.observe(ref.current);\n        }\n    }, [ref.current?.contentWindow?.document?.body]);\n\n    return (\n        <iframe\n            style={{\n                height,\n            }}\n            ref={ref}\n            title={generateID()}\n            frameBorder={0}\n            className={b('content')}\n            srcDoc={html}\n        />\n    );\n};\n\nconst CodeEditMode: React.FC<{\n    initialText: string;\n    onSave: (v: string) => void;\n    onCancel: () => void;\n    options: YfmHtmlBlockOptions;\n}> = ({initialText, onSave, onCancel, options: {autoSave}}) => {\n    const {value, handleChange, handleManualSave, isSaveDisabled, isAutoSaveEnabled} = useAutoSave({\n        initialValue: initialText || '\\n',\n        onSave,\n        onClose: onCancel,\n        autoSave,\n    });\n\n    return (\n        <div className={b({editing: true})}>\n            <div className={b('editor')}>\n                <TextArea\n                    controlProps={{\n                        className: STOP_EVENT_CLASSNAME,\n                    }}\n                    value={value}\n                    onUpdate={handleChange}\n                    autoFocus\n                />\n\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 YfmHtmlBlockView: React.FC<{\n    getPos: () => number | undefined;\n    node: Node;\n    onChange: (attrs: {[YfmHtmlBlockConsts.NodeAttrs.srcdoc]: string}) => void;\n    options: YfmHtmlBlockOptions;\n    view: EditorView;\n}> = ({onChange, node, getPos, view, options}) => {\n    const {useConfig, sanitize, styles, baseTarget = '_parent', head: headContent = ''} = options;\n    const entityId: string = node.attrs[YfmHtmlBlockConsts.NodeAttrs.EntityId];\n    const entityKey = useMemo(\n        () => SharedStateKey.define<YfmHtmlBlockEntitySharedState>({name: entityId}),\n        [entityId],\n    );\n\n    const config = useConfig?.();\n\n    const [editing, setEditing, unsetEditing] = useSharedEditingState(view, entityKey);\n    const [menuOpen, _openMenu, closeMenu, toggleMenuOpen] = useBooleanState(false);\n    const [anchorElement, setAnchorElement] = useElementState();\n\n    if (editing) {\n        return (\n            <CodeEditMode\n                initialText={node.attrs[YfmHtmlBlockConsts.NodeAttrs.srcdoc]}\n                onCancel={unsetEditing}\n                onSave={(v) => {\n                    onChange({[YfmHtmlBlockConsts.NodeAttrs.srcdoc]: v});\n                }}\n                options={options}\n            />\n        );\n    }\n\n    let additional = baseTarget ? `<base target=\"${baseTarget}\">` : '';\n    if (styles) {\n        const stylesContent =\n            typeof styles === 'string'\n                ? `<link rel=\"stylesheet\" href=\"${styles}\" />`\n                : `<style>${getStyles(styles)}</style>`;\n        additional += stylesContent;\n    }\n\n    const head = `<head>${headContent || additional}</head>`;\n    const body = `<body>${node.attrs[YfmHtmlBlockConsts.NodeAttrs.srcdoc] ?? ''}</body>`;\n    const html = `<!DOCTYPE html><html>${head}${body}</html>`;\n\n    const sanitizeFunction = typeof sanitize === 'function' ? sanitize : sanitize?.body;\n\n    const resultHtml = sanitizeFunction ? sanitizeFunction(html) : html;\n\n    return (\n        <div className={b()} onDoubleClick={setEditing}>\n            <Label className={b('label')} icon={<Icon size={16} data={Eye} />}>\n                {i18n('preview')}\n            </Label>\n            <YfmHtmlBlockPreview html={resultHtml} onClick={setEditing} config={config} />\n\n            <div className={b('menu')}>\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                    anchorElement={anchorElement}\n                    open={menuOpen}\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":"YfmHtmlBlockView.js","sourceRoot":"../../../../../../src","sources":["extensions/additional/YfmHtmlBlock/YfmHtmlBlockNodeView/YfmHtmlBlockView.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useEffect, useMemo, useRef, useState} from 'react';\n\nimport {getStyles} from '@diplodoc/html-extension';\nimport type {IHTMLIFrameElementConfig} from '@diplodoc/html-extension/runtime';\nimport {Ellipsis as DotsIcon, Eye} from '@gravity-ui/icons';\nimport {Button, Icon, Label, Menu, Popup} from '@gravity-ui/uikit';\nimport type {Node} from 'prosemirror-model';\nimport type {EditorView} from 'prosemirror-view';\n\nimport {cn} from 'src/classname';\nimport {SharedStateKey} from 'src/extensions/behavior/SharedState';\nimport {TextAreaFixed as TextArea} from 'src/forms/TextInput';\nimport {i18n} from 'src/i18n/common';\nimport {debounce} from 'src/lodash';\nimport {useAutoSave, useBooleanState, useElementState} from 'src/react-utils/hooks';\nimport {useSharedEditingState} from 'src/react-utils/useSharedEditingState';\nimport {removeNode} from 'src/utils/remove-node';\n\nimport {YfmHtmlBlockConsts} from '../YfmHtmlBlockSpecs/const';\nimport type {YfmHtmlBlockOptions} from '../index';\nimport type {YfmHtmlBlockEntitySharedState} from '../types';\n\nimport './YfmHtmlBlock.scss';\n\nexport const cnYfmHtmlBlock = cn('yfm-html-block');\nexport const STOP_EVENT_CLASSNAME = 'prosemirror-stop-event';\n\nconst b = cnYfmHtmlBlock;\n\ninterface YfmHtmlBlockViewProps {\n    html: string;\n    onClick: () => void;\n    config?: IHTMLIFrameElementConfig;\n}\n\nexport function generateID() {\n    return Math.random().toString(36).substr(2, 8);\n}\n\nconst DEFAULT_PADDING = 20;\nconst DEFAULT_DELAY = 100;\n\nconst createLinkCLickHandler = (value: Element, document: Document) => (event: Event) => {\n    event.preventDefault();\n    const targetId = value.getAttribute('href');\n\n    if (targetId) {\n        const targetElement = document.querySelector(targetId);\n        if (targetElement) {\n            targetElement.scrollIntoView({behavior: 'smooth'});\n        }\n    }\n};\n\nconst YfmHtmlBlockPreview: React.FC<YfmHtmlBlockViewProps> = ({html, onClick, config}) => {\n    const ref = useRef<HTMLIFrameElement>(null);\n    const styles = useRef<Record<string, string>>({});\n    const classNames = useRef<string[]>([]);\n    const resizeConfig = useRef<Record<string, number>>({});\n\n    const [height, setHeight] = useState('100%');\n\n    useEffect(() => {\n        setStyles(config?.styles);\n        setClassNames(config?.classNames);\n    }, [config, ref.current?.contentWindow?.document?.body]);\n\n    const handleLoadIFrame = () => {\n        const contentWindow = ref.current?.contentWindow;\n\n        handleResizeIFrame();\n\n        if (contentWindow) {\n            const frameDocument = contentWindow.document;\n            frameDocument.addEventListener('dblclick', () => {\n                onClick();\n            });\n        }\n    };\n\n    const handleResizeIFrame = () => {\n        if (ref.current) {\n            const contentWindow = ref.current?.contentWindow;\n            if (contentWindow) {\n                const body = contentWindow.document.body;\n                if (body) {\n                    const height =\n                        body.scrollHeight +\n                        (resizeConfig.current?.padding || DEFAULT_PADDING) +\n                        'px';\n\n                    setHeight(height);\n                }\n            }\n        }\n    };\n\n    const setClassNames = (newClassNames: string[] | undefined) => {\n        const body = ref.current?.contentWindow?.document.body;\n\n        if (body && newClassNames) {\n            const previousClassNames = classNames.current;\n\n            // remove all classes that were in previousClassNames but are not in classNames\n            previousClassNames.forEach((className) => {\n                if (!newClassNames.includes(className)) {\n                    body.classList.remove(className);\n                }\n            });\n\n            // add classes that are in classNames\n            newClassNames.forEach((className) => {\n                if (!body.classList.contains(className)) {\n                    body.classList.add(className);\n                }\n            });\n\n            classNames.current = newClassNames;\n        }\n    };\n\n    const setStyles = (newStyles: Record<string, string> | undefined) => {\n        const body = ref.current?.contentWindow?.document.body;\n\n        if (body && newStyles) {\n            const previousStyles = styles.current;\n\n            // remove all styles that are in previousStyles but not in styles\n            Object.keys(previousStyles).forEach((property) => {\n                if (!Object.prototype.hasOwnProperty.call(newStyles, property)) {\n                    body.style.removeProperty(property);\n                }\n            });\n\n            // sdd or update styles that are in styles\n            Object.keys(newStyles).forEach((property) => {\n                body.style.setProperty(property, newStyles[property]);\n            });\n\n            // update current styles to the new styles\n            styles.current = newStyles;\n        }\n    };\n\n    // finds all relative links (href^=\"#\") and changes their click behavior\n    const createAnchorLinkHandlers = (type: 'add' | 'remove') => () => {\n        const document = ref.current?.contentWindow!.document;\n\n        if (document) {\n            document.querySelectorAll('a[href^=\"#\"]').forEach((value: Element) => {\n                const handler = createLinkCLickHandler(value, document);\n                if (type === 'add') {\n                    value.addEventListener('click', handler);\n                } else {\n                    value.removeEventListener('click', handler);\n                }\n            });\n        }\n    };\n\n    useEffect(() => {\n        ref.current?.addEventListener('load', handleLoadIFrame);\n        ref.current?.addEventListener('load', createAnchorLinkHandlers('add'));\n        return () => {\n            ref.current?.removeEventListener('load', handleLoadIFrame);\n            ref.current?.removeEventListener('load', createAnchorLinkHandlers('remove'));\n        };\n    }, [html]);\n\n    useEffect(() => {\n        if (ref.current) {\n            const resizeObserver = new window.ResizeObserver(\n                debounce(handleResizeIFrame, DEFAULT_DELAY),\n            );\n            resizeObserver.observe(ref.current);\n        }\n    }, [ref.current?.contentWindow?.document?.body]);\n\n    return (\n        <iframe\n            style={{\n                height,\n            }}\n            ref={ref}\n            title={generateID()}\n            frameBorder={0}\n            className={b('content')}\n            srcDoc={html}\n        />\n    );\n};\n\nconst CodeEditMode: React.FC<{\n    initialText: string;\n    onSave: (v: string) => void;\n    onCancel: () => void;\n    options: YfmHtmlBlockOptions;\n}> = ({initialText, onSave, onCancel, options: {autoSave}}) => {\n    const {value, handleChange, handleManualSave, isSaveDisabled, isAutoSaveEnabled} = useAutoSave({\n        initialValue: initialText || '\\n',\n        onSave,\n        onClose: onCancel,\n        autoSave,\n    });\n\n    return (\n        <div className={b({editing: true})}>\n            <div className={b('editor')}>\n                <TextArea\n                    controlProps={{\n                        className: STOP_EVENT_CLASSNAME,\n                    }}\n                    value={value}\n                    onUpdate={handleChange}\n                    autoFocus\n                />\n\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 YfmHtmlBlockView: React.FC<{\n    getPos: () => number | undefined;\n    node: Node;\n    onChange: (attrs: {[YfmHtmlBlockConsts.NodeAttrs.srcdoc]: string}) => void;\n    options: YfmHtmlBlockOptions;\n    view: EditorView;\n}> = ({onChange, node, getPos, view, options}) => {\n    const {useConfig, sanitize, styles, baseTarget = '_parent', head: headContent = ''} = options;\n    const entityId: string = node.attrs[YfmHtmlBlockConsts.NodeAttrs.EntityId];\n    const entityKey = useMemo(\n        () => SharedStateKey.define<YfmHtmlBlockEntitySharedState>({name: entityId}),\n        [entityId],\n    );\n\n    const config = useConfig?.();\n\n    const [editing, setEditing, unsetEditing] = useSharedEditingState(view, entityKey);\n    const [menuOpen, _openMenu, closeMenu, toggleMenuOpen] = useBooleanState(false);\n    const [anchorElement, setAnchorElement] = useElementState();\n\n    if (editing) {\n        return (\n            <CodeEditMode\n                initialText={node.attrs[YfmHtmlBlockConsts.NodeAttrs.srcdoc]}\n                onCancel={unsetEditing}\n                onSave={(v) => {\n                    onChange({[YfmHtmlBlockConsts.NodeAttrs.srcdoc]: v});\n                }}\n                options={options}\n            />\n        );\n    }\n\n    let additional = baseTarget ? `<base target=\"${baseTarget}\">` : '';\n    if (styles) {\n        const stylesContent =\n            typeof styles === 'string'\n                ? `<link rel=\"stylesheet\" href=\"${styles}\" />`\n                : `<style>${getStyles(styles)}</style>`;\n        additional += stylesContent;\n    }\n\n    const head = `<head>${headContent || additional}</head>`;\n    const body = `<body>${node.attrs[YfmHtmlBlockConsts.NodeAttrs.srcdoc] ?? ''}</body>`;\n    const html = `<!DOCTYPE html><html>${head}${body}</html>`;\n\n    const sanitizeFunction = typeof sanitize === 'function' ? sanitize : sanitize?.body;\n\n    const resultHtml = sanitizeFunction ? sanitizeFunction(html) : html;\n\n    return (\n        <div className={b()} onDoubleClick={setEditing}>\n            <Label className={b('label')} icon={<Icon size={16} data={Eye} />}>\n                {i18n('preview')}\n            </Label>\n            <YfmHtmlBlockPreview html={resultHtml} onClick={setEditing} config={config} />\n\n            <div className={b('menu')}>\n                <Button\n                    onClick={toggleMenuOpen}\n                    ref={setAnchorElement}\n                    size=\"s\"\n                    className={STOP_EVENT_CLASSNAME}\n                    aria-label={i18n('actions')}\n                >\n                    <Icon data={DotsIcon} className={STOP_EVENT_CLASSNAME} />\n                </Button>\n                <Popup\n                    anchorElement={anchorElement}\n                    open={menuOpen}\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/cjs/extensions/additional/YfmHtmlBlock/YfmHtmlBlockSpecs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["extensions/additional/YfmHtmlBlock/YfmHtmlBlockSpecs/index.tsx"],"names":[],"mappings":";;;AAAA,6DAAuE;AAGvE,8DAAqD;AAErD,sCAAwE;AAExE,oCAAiE;AAAzD,6GAAA,oBAAoB,OAAA;AAAE,2GAAA,kBAAkB,OAAA;AAOhD,MAAM,0BAA0B,GAA4C,CACxE,OAAO,EACP,EAAC,QAAQ,EAAE,GAAG,OAAO,EAAC,EACxB,EAAE;IACA,OAAO;SACF,WAAW,CAAC,CAAC,EAAE,EAAE,EAAE,CAChB,EAAE,CAAC,GAAG,CACF,IAAA,0BAAS,EAAC;QACN,MAAM,EAAE,KAAK;QACb,aAAa,EAAE,QAAQ;QACvB,GAAG,OAAO;KACb,CAAC,EACF,EAAE,CACL,CACJ;SACA,OAAO,CAAC,0BAAkB,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC;QACzC,MAAM,EAAE;YACJ,SAAS,EAAE;gBACP,IAAI,EAAE,0BAAkB,CAAC,QAAQ;gBACjC,IAAI,EAAE,MAAM;gBACZ,YAAY,EAAE,IAAI;gBAClB,QAAQ,EAAE,CAAC,EAAC,OAAO,EAAC,EAAE,EAAE,CAAC,CAAC;oBACtB,CAAC,0BAAkB,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,OAAO;oBAC9C,CAAC,0BAAkB,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,IAAA,4BAAgB,EACrD,0BAAkB,CAAC,QAAQ,CAC9B;iBACJ,CAAC;aACL;SACJ;QACD,IAAI,EAAE;YACF,KAAK,EAAE,OAAO;YACd,KAAK,EAAE;gBACH,CAAC,0BAAkB,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,EAAC,OAAO,EAAE,UAAU,EAAC;gBAC3D,CAAC,0BAAkB,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,EAAC,OAAO,EAAE,EAAE,EAAC;gBACzD,CAAC,0BAAkB,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,EAAC,OAAO,EAAE,EAAE,EAAC;gBACpD,CAAC,0BAAkB,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC;gBACrD,CAAC,0BAAkB,CAAC,SAAS,CAAC,UAAU,CAAC,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC;gBAC1D,CAAC,0BAAkB,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,EAAC,OAAO,EAAE,mCAA2B,EAAC;aAClF;YACD,KAAK,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC;SAC1C;QACD,IAAI,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE;YAClB,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;YACxB,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YAClB,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,0BAAkB,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;YAC7D,KAAK,CAAC,aAAa,EAAE,CAAC;YACtB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACnB,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC;QACD,IAAI,EAAE,QAAQ;KACjB,CAAC,CAAC,CAAC;AACZ,CAAC,CAAC;AAEW,QAAA,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAC,0BAA0B,EAAE,0BAAkB,CAAC,CAAC","sourcesContent":["import {type PluginOptions, transform} from '@diplodoc/html-extension';\n\nimport type {ExtensionAuto, ExtensionNodeSpec} from '#core';\nimport {generateEntityId} from 'src/utils/entity-id';\n\nimport {YfmHtmlBlockConsts, defaultYfmHtmlBlockEntityId} from './const';\n\nexport {yfmHtmlBlockNodeName, YfmHtmlBlockConsts} from './const';\n\nexport interface YfmHtmlBlockSpecsOptions\n    extends Omit<PluginOptions, 'runtimeJsPath' | 'containerClasses' | 'bundle' | 'embeddingMode'> {\n    nodeView?: ExtensionNodeSpec['view'];\n}\n\nconst YfmHtmlBlockSpecsExtension: ExtensionAuto<YfmHtmlBlockSpecsOptions> = (\n    builder,\n    {nodeView, ...options},\n) => {\n    builder\n        .configureMd((md) =>\n            md.use(\n                transform({\n                    bundle: false,\n                    embeddingMode: 'srcdoc',\n                    ...options,\n                }),\n                {},\n            ),\n        )\n        .addNode(YfmHtmlBlockConsts.NodeName, () => ({\n            fromMd: {\n                tokenSpec: {\n                    name: YfmHtmlBlockConsts.NodeName,\n                    type: 'node',\n                    noCloseToken: true,\n                    getAttrs: ({content}) => ({\n                        [YfmHtmlBlockConsts.NodeAttrs.srcdoc]: content,\n                        [YfmHtmlBlockConsts.NodeAttrs.EntityId]: generateEntityId(\n                            YfmHtmlBlockConsts.NodeName,\n                        ),\n                    }),\n                },\n            },\n            spec: {\n                group: 'block',\n                attrs: {\n                    [YfmHtmlBlockConsts.NodeAttrs.class]: {default: 'yfm-html'},\n                    [YfmHtmlBlockConsts.NodeAttrs.frameborder]: {default: ''},\n                    [YfmHtmlBlockConsts.NodeAttrs.srcdoc]: {default: ''},\n                    [YfmHtmlBlockConsts.NodeAttrs.style]: {default: null},\n                    [YfmHtmlBlockConsts.NodeAttrs.newCreated]: {default: null},\n                    [YfmHtmlBlockConsts.NodeAttrs.EntityId]: {default: defaultYfmHtmlBlockEntityId},\n                },\n                toDOM: (node) => ['iframe', node.attrs],\n            },\n            toMd: (state, node) => {\n                state.write('::: html');\n                state.write('\\n');\n                state.write(node.attrs[YfmHtmlBlockConsts.NodeAttrs.srcdoc]);\n                state.ensureNewLine();\n                state.write(':::');\n                state.closeBlock(node);\n            },\n            view: nodeView,\n        }));\n};\n\nexport const YfmHtmlBlockSpecs = Object.assign(YfmHtmlBlockSpecsExtension, YfmHtmlBlockConsts);\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["extensions/additional/YfmHtmlBlock/YfmHtmlBlockSpecs/index.tsx"],"names":[],"mappings":";;;AAAA,6DAAuE;AAGvE,8DAAqD;AAErD,sCAAwE;AAExE,oCAAiE;AAAzD,6GAAA,oBAAoB,OAAA;AAAE,2GAAA,kBAAkB,OAAA;AAShD,MAAM,0BAA0B,GAA4C,CACxE,OAAO,EACP,EAAC,QAAQ,EAAE,GAAG,OAAO,EAAC,EACxB,EAAE;IACA,OAAO;SACF,WAAW,CAAC,CAAC,EAAE,EAAE,EAAE,CAChB,EAAE,CAAC,GAAG,CACF,IAAA,0BAAS,EAAC;QACN,MAAM,EAAE,KAAK;QACb,aAAa,EAAE,QAAQ;QACvB,GAAG,OAAO;KACb,CAAC,EACF,EAAE,CACL,CACJ;SACA,OAAO,CAAC,0BAAkB,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC;QACzC,MAAM,EAAE;YACJ,SAAS,EAAE;gBACP,IAAI,EAAE,0BAAkB,CAAC,QAAQ;gBACjC,IAAI,EAAE,MAAM;gBACZ,YAAY,EAAE,IAAI;gBAClB,QAAQ,EAAE,CAAC,EAAC,OAAO,EAAC,EAAE,EAAE,CAAC,CAAC;oBACtB,CAAC,0BAAkB,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,OAAO;oBAC9C,CAAC,0BAAkB,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,IAAA,4BAAgB,EACrD,0BAAkB,CAAC,QAAQ,CAC9B;iBACJ,CAAC;aACL;SACJ;QACD,IAAI,EAAE;YACF,KAAK,EAAE,OAAO;YACd,KAAK,EAAE;gBACH,CAAC,0BAAkB,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,EAAC,OAAO,EAAE,UAAU,EAAC;gBAC3D,CAAC,0BAAkB,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,EAAC,OAAO,EAAE,EAAE,EAAC;gBACzD,CAAC,0BAAkB,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,EAAC,OAAO,EAAE,EAAE,EAAC;gBACpD,CAAC,0BAAkB,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC;gBACrD,CAAC,0BAAkB,CAAC,SAAS,CAAC,UAAU,CAAC,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC;gBAC1D,CAAC,0BAAkB,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,EAAC,OAAO,EAAE,mCAA2B,EAAC;aAClF;YACD,KAAK,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC;SAC1C;QACD,IAAI,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE;YAClB,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;YACxB,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YAClB,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,0BAAkB,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;YAC7D,KAAK,CAAC,aAAa,EAAE,CAAC;YACtB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACnB,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC;QACD,IAAI,EAAE,QAAQ;KACjB,CAAC,CAAC,CAAC;AACZ,CAAC,CAAC;AAEW,QAAA,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAC,0BAA0B,EAAE,0BAAkB,CAAC,CAAC","sourcesContent":["import {type PluginOptions, transform} from '@diplodoc/html-extension';\n\nimport type {ExtensionAuto, ExtensionNodeSpec} from '#core';\nimport {generateEntityId} from 'src/utils/entity-id';\n\nimport {YfmHtmlBlockConsts, defaultYfmHtmlBlockEntityId} from './const';\n\nexport {yfmHtmlBlockNodeName, YfmHtmlBlockConsts} from './const';\n\nexport interface YfmHtmlBlockSpecsOptions extends Omit<\n    PluginOptions,\n    'runtimeJsPath' | 'containerClasses' | 'bundle' | 'embeddingMode'\n> {\n    nodeView?: ExtensionNodeSpec['view'];\n}\n\nconst YfmHtmlBlockSpecsExtension: ExtensionAuto<YfmHtmlBlockSpecsOptions> = (\n    builder,\n    {nodeView, ...options},\n) => {\n    builder\n        .configureMd((md) =>\n            md.use(\n                transform({\n                    bundle: false,\n                    embeddingMode: 'srcdoc',\n                    ...options,\n                }),\n                {},\n            ),\n        )\n        .addNode(YfmHtmlBlockConsts.NodeName, () => ({\n            fromMd: {\n                tokenSpec: {\n                    name: YfmHtmlBlockConsts.NodeName,\n                    type: 'node',\n                    noCloseToken: true,\n                    getAttrs: ({content}) => ({\n                        [YfmHtmlBlockConsts.NodeAttrs.srcdoc]: content,\n                        [YfmHtmlBlockConsts.NodeAttrs.EntityId]: generateEntityId(\n                            YfmHtmlBlockConsts.NodeName,\n                        ),\n                    }),\n                },\n            },\n            spec: {\n                group: 'block',\n                attrs: {\n                    [YfmHtmlBlockConsts.NodeAttrs.class]: {default: 'yfm-html'},\n                    [YfmHtmlBlockConsts.NodeAttrs.frameborder]: {default: ''},\n                    [YfmHtmlBlockConsts.NodeAttrs.srcdoc]: {default: ''},\n                    [YfmHtmlBlockConsts.NodeAttrs.style]: {default: null},\n                    [YfmHtmlBlockConsts.NodeAttrs.newCreated]: {default: null},\n                    [YfmHtmlBlockConsts.NodeAttrs.EntityId]: {default: defaultYfmHtmlBlockEntityId},\n                },\n                toDOM: (node) => ['iframe', node.attrs],\n            },\n            toMd: (state, node) => {\n                state.write('::: html');\n                state.write('\\n');\n                state.write(node.attrs[YfmHtmlBlockConsts.NodeAttrs.srcdoc]);\n                state.ensureNewLine();\n                state.write(':::');\n                state.closeBlock(node);\n            },\n            view: nodeView,\n        }));\n};\n\nexport const YfmHtmlBlockSpecs = Object.assign(YfmHtmlBlockSpecsExtension, YfmHtmlBlockConsts);\n"]}

package/build/cjs/extensions/additional/YfmHtmlBlock/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/additional/YfmHtmlBlock/index.ts"],"names":[],"mappings":";;;AAKA,0EAA6D;AAC7D,oEAAsD;AACtD,wDAA6D;AAC7D,0CAA0C;AAWnC,MAAM,YAAY,GAAuC,CAC5D,OAAO,EACP,EAAC,SAAS,EAAE,CAAC,EAAE,GAAG,OAAO,EAAC,EAC5B,EAAE;IACA,OAAO,CAAC,GAAG,CAAC,qCAAiB,EAAE;QAC3B,QAAQ,EAAE,2BAA2B,CAAC,OAAO,CAAC;QAC9C,GAAG,OAAO;KACb,CAAC,CAAC;IAEH,OAAO,CAAC,SAAS,CAAC,0BAAkB,EAAE,GAAG,EAAE,CAAC,yBAAe,CAAC,CAAC;AACjE,CAAC,CAAC;AAVW,QAAA,YAAY,gBAUvB;AAEF,MAAM,2BAA2B,GAEmB,CAAC,OAAO,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IAC1F,OAAO,IAAI,4CAAqB,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAC,CAAC,CAAC;AACpE,CAAC,CAAC","sourcesContent":["import type {PluginOptions} from '@diplodoc/html-extension';\nimport type {IHTMLIFrameElementConfig} from '@diplodoc/html-extension/runtime';\n\nimport type {Action, ExtensionAuto, ExtensionDeps, NodeViewConstructor} from '../../../core';\n\nimport {WYfmHtmlBlockNodeView} from './YfmHtmlBlockNodeView';\nimport {YfmHtmlBlockSpecs} from './YfmHtmlBlockSpecs';\nimport {YfmHtmlBlockAction} from './YfmHtmlBlockSpecs/const';\nimport {addYfmHtmlBlock} from './actions';\n\nexport interface YfmHtmlBlockOptions\n    extends Omit<PluginOptions, 'runtimeJsPath' | 'containerClasses' | 'bundle' | 'embeddingMode'> {\n    useConfig?: () => IHTMLIFrameElementConfig | undefined;\n    autoSave?: {\n        enabled: boolean;\n        delay?: number; // по умолчанию 1000ms\n    };\n}\n\nexport const YfmHtmlBlock: ExtensionAuto<YfmHtmlBlockOptions> = (\n    builder,\n    {useConfig: _, ...options},\n) => {\n    builder.use(YfmHtmlBlockSpecs, {\n        nodeView: YfmHtmlBlockNodeViewFactory(options),\n        ...options,\n    });\n\n    builder.addAction(YfmHtmlBlockAction, () => addYfmHtmlBlock);\n};\n\nconst YfmHtmlBlockNodeViewFactory: (\n    options: YfmHtmlBlockOptions,\n) => (deps: ExtensionDeps) => NodeViewConstructor = (options) => () => (node, view, getPos) => {\n    return new WYfmHtmlBlockNodeView({node, view, getPos, options});\n};\n\ndeclare global {\n    namespace WysiwygEditor {\n        interface Actions {\n            [YfmHtmlBlockAction]: Action;\n        }\n    }\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/additional/YfmHtmlBlock/index.ts"],"names":[],"mappings":";;;AAKA,0EAA6D;AAC7D,oEAAsD;AACtD,wDAA6D;AAC7D,0CAA0C;AAanC,MAAM,YAAY,GAAuC,CAC5D,OAAO,EACP,EAAC,SAAS,EAAE,CAAC,EAAE,GAAG,OAAO,EAAC,EAC5B,EAAE;IACA,OAAO,CAAC,GAAG,CAAC,qCAAiB,EAAE;QAC3B,QAAQ,EAAE,2BAA2B,CAAC,OAAO,CAAC;QAC9C,GAAG,OAAO;KACb,CAAC,CAAC;IAEH,OAAO,CAAC,SAAS,CAAC,0BAAkB,EAAE,GAAG,EAAE,CAAC,yBAAe,CAAC,CAAC;AACjE,CAAC,CAAC;AAVW,QAAA,YAAY,gBAUvB;AAEF,MAAM,2BAA2B,GAEmB,CAAC,OAAO,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;IAC1F,OAAO,IAAI,4CAAqB,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAC,CAAC,CAAC;AACpE,CAAC,CAAC","sourcesContent":["import type {PluginOptions} from '@diplodoc/html-extension';\nimport type {IHTMLIFrameElementConfig} from '@diplodoc/html-extension/runtime';\n\nimport type {Action, ExtensionAuto, ExtensionDeps, NodeViewConstructor} from '../../../core';\n\nimport {WYfmHtmlBlockNodeView} from './YfmHtmlBlockNodeView';\nimport {YfmHtmlBlockSpecs} from './YfmHtmlBlockSpecs';\nimport {YfmHtmlBlockAction} from './YfmHtmlBlockSpecs/const';\nimport {addYfmHtmlBlock} from './actions';\n\nexport interface YfmHtmlBlockOptions extends Omit<\n    PluginOptions,\n    'runtimeJsPath' | 'containerClasses' | 'bundle' | 'embeddingMode'\n> {\n    useConfig?: () => IHTMLIFrameElementConfig | undefined;\n    autoSave?: {\n        enabled: boolean;\n        delay?: number; // по умолчанию 1000ms\n    };\n}\n\nexport const YfmHtmlBlock: ExtensionAuto<YfmHtmlBlockOptions> = (\n    builder,\n    {useConfig: _, ...options},\n) => {\n    builder.use(YfmHtmlBlockSpecs, {\n        nodeView: YfmHtmlBlockNodeViewFactory(options),\n        ...options,\n    });\n\n    builder.addAction(YfmHtmlBlockAction, () => addYfmHtmlBlock);\n};\n\nconst YfmHtmlBlockNodeViewFactory: (\n    options: YfmHtmlBlockOptions,\n) => (deps: ExtensionDeps) => NodeViewConstructor = (options) => () => (node, view, getPos) => {\n    return new WYfmHtmlBlockNodeView({node, view, getPos, options});\n};\n\ndeclare global {\n    namespace WysiwygEditor {\n        interface Actions {\n            [YfmHtmlBlockAction]: Action;\n        }\n    }\n}\n"]}

package/build/cjs/extensions/behavior/Autocomplete/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/Autocomplete/types.ts"],"names":[],"mappings":";;;AASA,qEAA8E;AAAtE,kIAAA,UAAU,OAA0B","sourcesContent":["import type {Options, Trigger} from 'prosemirror-autocomplete';\n\nexport type {\n    FromTo,\n    AutocompleteAction,\n    AutocompleteState,\n    Trigger as AutocompleteTrigger,\n} from 'prosemirror-autocomplete';\n\nexport {ActionKind as AutocompleteActionKind} from 'prosemirror-autocomplete';\n\nexport interface AutocompleteHandler\n    extends Pick<Options, 'onArrow' | 'onClose' | 'onEnter' | 'onFilter' | 'onOpen'> {\n    onDestroy?: () => void;\n}\n\nexport type AutocompleteItem = {trigger: Trigger; handler: AutocompleteHandler};\n"]}
+{"version":3,"file":"types.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/Autocomplete/types.ts"],"names":[],"mappings":";;;AASA,qEAA8E;AAAtE,kIAAA,UAAU,OAA0B","sourcesContent":["import type {Options, Trigger} from 'prosemirror-autocomplete';\n\nexport type {\n    FromTo,\n    AutocompleteAction,\n    AutocompleteState,\n    Trigger as AutocompleteTrigger,\n} from 'prosemirror-autocomplete';\n\nexport {ActionKind as AutocompleteActionKind} from 'prosemirror-autocomplete';\n\nexport interface AutocompleteHandler extends Pick<\n    Options,\n    'onArrow' | 'onClose' | 'onEnter' | 'onFilter' | 'onOpen'\n> {\n    onDestroy?: () => void;\n}\n\nexport type AutocompleteItem = {trigger: Trigger; handler: AutocompleteHandler};\n"]}

package/build/cjs/extensions/behavior/SelectionContext/index.d.ts

@@ -6,13 +6,11 @@ export type SelectionContextOptions = {
     config?: ContextConfig;
     /**
      * Placement of context popup
-     *
      * @default 'bottom'
      */
     placement?: 'top' | 'bottom';
     /**
      * Prevents context popup from overflowing
-     *
      * @default false
      */
     flip?: boolean;

package/build/cjs/extensions/behavior/SelectionContext/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/SelectionContext/index.ts"],"names":[],"mappings":"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","sourcesContent":["import {keydownHandler} from 'prosemirror-keymap';\nimport type {Node} from 'prosemirror-model';\nimport {\n    AllSelection,\n    type EditorState,\n    Plugin,\n    PluginKey,\n    type PluginSpec,\n    type StateField,\n    TextSelection,\n    type Transaction,\n} from 'prosemirror-state';\n// @ts-ignore // TODO: fix cjs build\nimport {hasParentNode} from 'prosemirror-utils';\nimport type {EditorProps, EditorView} from 'prosemirror-view';\n\nimport type {ActionStorage, ExtensionAuto} from '../../../core';\nimport type {Logger2} from '../../../logger';\nimport {isCodeBlock} from '../../../utils/nodes';\n\nimport {type ContextConfig, TooltipView} from './tooltip';\n\nexport type {\n    ContextConfig as SelectionContextConfig,\n    ContextGroupItemData as SelectionContextItemData,\n} from './tooltip';\n\nexport type SelectionContextOptions = {\n    config?: ContextConfig;\n    /**\n     * Placement of context popup\n     *\n     * @default 'bottom'\n     */\n    placement?: 'top' | 'bottom';\n    /**\n     * Prevents context popup from overflowing\n     *\n     * @default false\n     */\n    flip?: boolean;\n};\n\nexport const SelectionContext: ExtensionAuto<SelectionContextOptions> = (builder, opts) => {\n    const {config} = opts;\n    if (Array.isArray(config) && config.length > 0) {\n        builder.addPlugin(\n            ({actions}) => new Plugin(new SelectionTooltip(actions, config, builder.logger, opts)),\n        );\n    }\n};\n\nconst HideMetaKey = 'hide-selection-menu';\n\nexport const hideSelectionMenu = (tr: Transaction) => {\n    return tr.setMeta(HideMetaKey, true);\n};\n\nconst pluginKey = new PluginKey<PluginState>('selection-context');\n\ntype PluginState = {\n    disabled: boolean;\n};\n\ntype TinyState = Pick<EditorState, 'doc' | 'selection'>;\n\nclass SelectionTooltip implements PluginSpec<PluginState> {\n    private destroyed = false;\n\n    private tooltip: TooltipView;\n    private hideTimeoutRef: ReturnType<typeof setTimeout> | null = null;\n\n    private _isMousePressed = false;\n\n    constructor(\n        actions: ActionStorage,\n        menuConfig: ContextConfig,\n        logger: Logger2.ILogger,\n        options: SelectionContextOptions,\n    ) {\n        this.tooltip = new TooltipView(actions, menuConfig, logger, options);\n    }\n\n    get key(): PluginKey<PluginState> {\n        return pluginKey;\n    }\n\n    get props(): EditorProps {\n        return {\n            // same as keymap({})\n            handleKeyDown: keydownHandler({\n                // hide context menu when Esc was pressed\n                Escape: (_state, _dispatch, view) => {\n                    if (this.tooltip.isTooltipOpen) {\n                        this.tooltip.hide(view!);\n                        return true;\n                    }\n                    return false;\n                },\n            }),\n            handleDOMEvents: {\n                mousedown: (view) => {\n                    const startState: TinyState = {\n                        doc: view.state.doc,\n                        selection: view.state.selection,\n                    };\n                    this._isMousePressed = true;\n                    this.cancelTooltipHiding();\n                    this.tooltip.hide(view);\n\n                    const onMouseUp = () => {\n                        if (this.destroyed) return;\n                        this._isMousePressed = false;\n                        this.update(view, startState);\n                    };\n\n                    document.addEventListener('mouseup', onMouseUp, {once: true});\n                },\n            },\n        };\n    }\n\n    get state(): StateField<PluginState> {\n        return {\n            init: () => ({disabled: false}),\n            apply(tr) {\n                return {disabled: Boolean(tr.getMeta(HideMetaKey))};\n            },\n        };\n    }\n\n    view(view: EditorView) {\n        this.update(view);\n        return {\n            update: this.update.bind(this),\n            destroy: () => {\n                this.destroyed = true;\n                this.cancelTooltipHiding();\n                this.tooltip.destroy();\n            },\n        };\n    }\n\n    private update(view: EditorView, prevState?: TinyState) {\n        if (this._isMousePressed) return;\n\n        this.cancelTooltipHiding();\n\n        const hideFromTr = pluginKey.getState(view.state)?.disabled;\n\n        // Don't show tooltip if editor not mounted to the DOM\n        // or when view is out of focus\n        if (hideFromTr || !view.dom.parentNode || !view.hasFocus()) {\n            this.tooltip.hide(view);\n            return;\n        }\n\n        const {state} = view;\n        // Don't do anything if the document/selection didn't change\n        if (prevState && prevState.doc.eq(state.doc) && prevState.selection.eq(state.selection))\n            return;\n\n        const {selection} = state;\n        // Hide the tooltip if the selection is empty\n        if (\n            selection.empty ||\n            !(selection instanceof TextSelection || selection instanceof AllSelection)\n        ) {\n            this.tooltip.hide(view);\n            return;\n        }\n\n        if (\n            // Hide tooltip when one side of selection is inside a codeblock\n            isCodeBlock(selection.$from.parent) ||\n            isCodeBlock(selection.$to.parent) ||\n            // or when selection is inside node where context menu is disabled\n            hasParentNode((node: Node) => node.type.spec.selectionContext === false)(selection)\n        ) {\n            this.tooltip.hide(view);\n            return;\n        }\n\n        this.tooltip.show(view, {\n            onOpenChange: (_open, _event, reason) => {\n                if (reason !== 'escape-key') this.scheduleTooltipHiding(view);\n            },\n        });\n    }\n\n    private scheduleTooltipHiding(view: EditorView) {\n        this.hideTimeoutRef = setTimeout(() => {\n            // hide tooltip if view is out of focus after 30 ms\n            if (!view.hasFocus()) {\n                this.tooltip.hide(view);\n            }\n        }, 30);\n    }\n\n    private cancelTooltipHiding() {\n        if (this.hideTimeoutRef !== null) {\n            clearTimeout(this.hideTimeoutRef);\n            this.hideTimeoutRef = null;\n        }\n    }\n}\n\ndeclare module 'prosemirror-model' {\n    interface NodeSpec {\n        /** Set false to disable the selection-context menu within this node */\n        selectionContext?: boolean | undefined;\n    }\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/behavior/SelectionContext/index.ts"],"names":[],"mappings":"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","sourcesContent":["import {keydownHandler} from 'prosemirror-keymap';\nimport type {Node} from 'prosemirror-model';\nimport {\n    AllSelection,\n    type EditorState,\n    Plugin,\n    PluginKey,\n    type PluginSpec,\n    type StateField,\n    TextSelection,\n    type Transaction,\n} from 'prosemirror-state';\n// @ts-ignore // TODO: fix cjs build\nimport {hasParentNode} from 'prosemirror-utils';\nimport type {EditorProps, EditorView} from 'prosemirror-view';\n\nimport type {ActionStorage, ExtensionAuto} from '../../../core';\nimport type {Logger2} from '../../../logger';\nimport {isCodeBlock} from '../../../utils/nodes';\n\nimport {type ContextConfig, TooltipView} from './tooltip';\n\nexport type {\n    ContextConfig as SelectionContextConfig,\n    ContextGroupItemData as SelectionContextItemData,\n} from './tooltip';\n\nexport type SelectionContextOptions = {\n    config?: ContextConfig;\n    /**\n     * Placement of context popup\n     * @default 'bottom'\n     */\n    placement?: 'top' | 'bottom';\n    /**\n     * Prevents context popup from overflowing\n     * @default false\n     */\n    flip?: boolean;\n};\n\nexport const SelectionContext: ExtensionAuto<SelectionContextOptions> = (builder, opts) => {\n    const {config} = opts;\n    if (Array.isArray(config) && config.length > 0) {\n        builder.addPlugin(\n            ({actions}) => new Plugin(new SelectionTooltip(actions, config, builder.logger, opts)),\n        );\n    }\n};\n\nconst HideMetaKey = 'hide-selection-menu';\n\nexport const hideSelectionMenu = (tr: Transaction) => {\n    return tr.setMeta(HideMetaKey, true);\n};\n\nconst pluginKey = new PluginKey<PluginState>('selection-context');\n\ntype PluginState = {\n    disabled: boolean;\n};\n\ntype TinyState = Pick<EditorState, 'doc' | 'selection'>;\n\nclass SelectionTooltip implements PluginSpec<PluginState> {\n    private destroyed = false;\n\n    private tooltip: TooltipView;\n    private hideTimeoutRef: ReturnType<typeof setTimeout> | null = null;\n\n    private _isMousePressed = false;\n\n    constructor(\n        actions: ActionStorage,\n        menuConfig: ContextConfig,\n        logger: Logger2.ILogger,\n        options: SelectionContextOptions,\n    ) {\n        this.tooltip = new TooltipView(actions, menuConfig, logger, options);\n    }\n\n    get key(): PluginKey<PluginState> {\n        return pluginKey;\n    }\n\n    get props(): EditorProps {\n        return {\n            // same as keymap({})\n            handleKeyDown: keydownHandler({\n                // hide context menu when Esc was pressed\n                Escape: (_state, _dispatch, view) => {\n                    if (this.tooltip.isTooltipOpen) {\n                        this.tooltip.hide(view!);\n                        return true;\n                    }\n                    return false;\n                },\n            }),\n            handleDOMEvents: {\n                mousedown: (view) => {\n                    const startState: TinyState = {\n                        doc: view.state.doc,\n                        selection: view.state.selection,\n                    };\n                    this._isMousePressed = true;\n                    this.cancelTooltipHiding();\n                    this.tooltip.hide(view);\n\n                    const onMouseUp = () => {\n                        if (this.destroyed) return;\n                        this._isMousePressed = false;\n                        this.update(view, startState);\n                    };\n\n                    document.addEventListener('mouseup', onMouseUp, {once: true});\n                },\n            },\n        };\n    }\n\n    get state(): StateField<PluginState> {\n        return {\n            init: () => ({disabled: false}),\n            apply(tr) {\n                return {disabled: Boolean(tr.getMeta(HideMetaKey))};\n            },\n        };\n    }\n\n    view(view: EditorView) {\n        this.update(view);\n        return {\n            update: this.update.bind(this),\n            destroy: () => {\n                this.destroyed = true;\n                this.cancelTooltipHiding();\n                this.tooltip.destroy();\n            },\n        };\n    }\n\n    private update(view: EditorView, prevState?: TinyState) {\n        if (this._isMousePressed) return;\n\n        this.cancelTooltipHiding();\n\n        const hideFromTr = pluginKey.getState(view.state)?.disabled;\n\n        // Don't show tooltip if editor not mounted to the DOM\n        // or when view is out of focus\n        if (hideFromTr || !view.dom.parentNode || !view.hasFocus()) {\n            this.tooltip.hide(view);\n            return;\n        }\n\n        const {state} = view;\n        // Don't do anything if the document/selection didn't change\n        if (prevState && prevState.doc.eq(state.doc) && prevState.selection.eq(state.selection))\n            return;\n\n        const {selection} = state;\n        // Hide the tooltip if the selection is empty\n        if (\n            selection.empty ||\n            !(selection instanceof TextSelection || selection instanceof AllSelection)\n        ) {\n            this.tooltip.hide(view);\n            return;\n        }\n\n        if (\n            // Hide tooltip when one side of selection is inside a codeblock\n            isCodeBlock(selection.$from.parent) ||\n            isCodeBlock(selection.$to.parent) ||\n            // or when selection is inside node where context menu is disabled\n            hasParentNode((node: Node) => node.type.spec.selectionContext === false)(selection)\n        ) {\n            this.tooltip.hide(view);\n            return;\n        }\n\n        this.tooltip.show(view, {\n            onOpenChange: (_open, _event, reason) => {\n                if (reason !== 'escape-key') this.scheduleTooltipHiding(view);\n            },\n        });\n    }\n\n    private scheduleTooltipHiding(view: EditorView) {\n        this.hideTimeoutRef = setTimeout(() => {\n            // hide tooltip if view is out of focus after 30 ms\n            if (!view.hasFocus()) {\n                this.tooltip.hide(view);\n            }\n        }, 30);\n    }\n\n    private cancelTooltipHiding() {\n        if (this.hideTimeoutRef !== null) {\n            clearTimeout(this.hideTimeoutRef);\n            this.hideTimeoutRef = null;\n        }\n    }\n}\n\ndeclare module 'prosemirror-model' {\n    interface NodeSpec {\n        /** Set false to disable the selection-context menu within this node */\n        selectionContext?: boolean | undefined;\n    }\n}\n"]}

package/build/cjs/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'; // eslint-disable-line import/no-extraneous-dependencies\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":";;;;AACA,6CAA8E;AAK9E,+CAA2C;AAC3C,+CAA2D;AAC3D,yEAAuE;AACvE,uDAAyC;AAOzC,6DAA8E;AAQ9E,MAAM,gBAAgB,GAAoC,CAAC,EACvD,IAAI,EACJ,WAAW,EACX,GAAG,YAAY,EAClB,EAAE,EAAE;IACD,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IACvB,OAAO,CACH,uBAAC,aAAK,IAAC,IAAI,WAAK,WAAW,EAAE,KAAK,EAAE,EAAC,OAAO,EAAE,SAAS,EAAC,YACpD,uBAAC,iBAAO,OAAK,YAAY,GAAI,GACzB,CACX,CAAC;AACN,CAAC,CAAC;AAoBF,MAAa,WAAW;IACpB,cAAc,GAAG,KAAK,CAAC;IAEN,MAAM,CAAkB;IACxB,OAAO,CAAgB;IACvB,UAAU,CAAgB;IAC1B,SAAS,CAAiB;IAEnC,IAAI,CAAc;IAClB,SAAS,GAA8B,EAAC,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAC,CAAC;IACtE,kBAAkB,GAAwB,IAAI,CAAC;IAEvD,YACI,OAAsB,EACtB,UAAyB,EACzB,MAAuB,EACvB,MAAyB;QAEzB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAE7B,MAAM,EAAC,IAAI,EAAE,SAAS,GAAG,QAAQ,EAAC,GAAG,MAAM,CAAC;QAC5C,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IACpD,CAAC;IAED,IAAI,aAAa;QACb,OAAO,IAAI,CAAC,cAAc,CAAC;IAC/B,CAAC;IAED,IAAI,CAAC,IAAgB,EAAE,UAAuB;QAC1C,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC3B,IAAI,CAAC,SAAS,GAAG;YACb,IAAI,EAAE,IAAI;YACV,WAAW,EAAE;gBACT,GAAG,UAAU;gBACb,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;aAC7B;SACJ,CAAC;QACF,IAAI,CAAC,WAAW,EAAE,CAAC;IACvB,CAAC;IAED,IAAI,CAAC,IAAgB;QACjB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;QAC5B,IAAI,CAAC,SAAS,GAAG,EAAC,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAC,CAAC;QAChD,IAAI,CAAC,WAAW,EAAE,CAAC;IACvB,CAAC;IAED,OAAO;QACH,IAAI,CAAC,kBAAkB,EAAE,MAAM,EAAE,CAAC;QAClC,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;IACnC,CAAC;IAEO,wBAAwB;QAC5B,OAAO;YACH,GAAG,IAAI,CAAC,SAAS;YACjB,EAAE,EAAE,wBAAwB;YAC5B,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YAC9B,IAAI,EAAE,IAAI,CAAC,iBAAiB,EAAE;YAC9B,MAAM,EAAE,IAAI,CAAC,OAAO;YACpB,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE;gBACZ,qBAAY,CAAC,MAAM,CAAC,EAAC,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,EAAE,EAAC,CAAC,CAAC;gBAC3E,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,EAAC,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,EAAE,EAAC,CAAC,CAAC;YAC7D,CAAC;SACJ,CAAC;IACN,CAAC;IAEO,iBAAiB;QACrB,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI;YACtB,CAAC,CAAC,IAAI,CAAC,UAAU;iBACV,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CACf,SAAS,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE;gBACtB,MAAM,EAAC,SAAS,EAAC,GAAG,IAAI,CAAC;gBACzB,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;oBAC1B,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;gBACvC,CAAC;gBACD,IAAI,IAAA,mBAAU,EAAC,SAAS,CAAC,EAAE,CAAC;oBACxB,OAAO,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBACtC,CAAC;gBACD,OAAO,IAAI,CAAC;YAChB,CAAC,CAAC,CACL;iBACA,MAAM,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;YACvD,CAAC,CAAC,EAAE,CAAC;IACb,CAAC;IAEO,WAAW;QACf,IAAI,CAAC,iBAAiB,CAAC,QAAQ,EAAE,CAAC;IACtC,CAAC;IAED,IAAY,iBAAiB;QACzB,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC3B,MAAM,aAAa,GAAG,IAAA,yCAAyB,EAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACjE,IAAI,CAAC,kBAAkB,GAAG,aAAa,CAAC,UAAU,CAAC,mBAAmB,EAAE,GAAG,EAAE,CAAC,CAC1E,uBAAC,mCAAmB,cAChB,uBAAC,gBAAgB,OAAK,IAAI,CAAC,wBAAwB,EAAE,GAAI,GACvC,CACzB,CAAC,CAAC;QACP,CAAC;QACD,OAAO,IAAI,CAAC,kBAAkB,CAAC;IACnC,CAAC;IAEO,YAAY,CAAC,IAAgB;QACjC,MAAM,WAAW,GAAmB;YAChC,qBAAqB;gBACjB,kCAAkC;gBAClC,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;gBAC1D,MAAM,GAAG,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;gBACtD,kEAAkE;gBAClE,+CAA+C;gBAC/C,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;gBAEtE,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;gBACtB,MAAM,IAAI,GAAG,OAAO,GAAG,CAAC,CAAC;gBACzB,MAAM,KAAK,GAAG,CAAC,CAAC;gBAChB,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC;gBAEtC,OAAO;oBACH,GAAG;oBACH,IAAI;oBACJ,KAAK,EAAE,IAAI,GAAG,KAAK;oBACnB,MAAM,EAAE,GAAG,GAAG,MAAM;oBACpB,CAAC,EAAE,GAAG;oBACN,CAAC,EAAE,IAAI;oBACP,MAAM;oBACN,KAAK;iBACR,CAAC;YACN,CAAC;SACJ,CAAC;QAEF,OAAO;YACH,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,aAAa,EAAE,WAAW;SAC7B,CAAC;IACN,CAAC;CACJ;AAzID,kCAyIC","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"]}

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

@@ -57,7 +57,9 @@ const CodeBlockHighlight = (builder, opts) => {
                                     }
                                 }
                             }
-                            view?.dispatch(view.state.tr.setMeta(key, { modulesLoaded }));
+                            if (view && !view.isDestroyed) {
+                                view.dispatch(view.state.tr.setMeta(key, { modulesLoaded }));
+                            }
                         }
                     });
                     return getDecorations(state.doc);

package/build/cjs/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":";;;AAKA,yDAAoD;AAEpD,oCAAoC;AACpC,yDAAqD;AACrD,uDAA4E;AAG5E,kDAA8C;AAC9C,kDAAgD;AAChD,+DAK2B;AAE3B,4DAAiE;AAEjE,oCAAmC;AAYnC,MAAM,GAAG,GAAG,IAAI,6BAAS,CAAgB,sBAAsB,CAAC,CAAC;AAO1D,MAAM,kBAAkB,GAA6C,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;IAC1F,IAAI,KAAoC,CAAC;IACzC,IAAI,QAAkB,CAAC;IACvB,IAAI,IAAiB,CAAC;IAEtB,MAAM,WAAW,GAAG,KAAK,IAAI,EAAE;QAC3B,IAAI,CAAC;YACD,IAAI,GAAG,CAAC,MAAM,MAAM,CAAC,uBAAuB,CAAC,CAAC,CAAC,OAAO,CAAC;YACvD,MAAM,GAAG,GAAG,MAAM,MAAM,CAAC,UAAU,CAAC,CAAC;YAErC,MAAM,GAAG,GAAqB,GAAG,CAAC,GAAG,CAAC;YACtC,MAAM,MAAM,GAA0B,GAAG,CAAC,cAAc,CAAC;YACzD,KAAK,GAAG,EAAC,GAAG,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,EAAC,CAAC;YAChC,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;YACzB,OAAO,IAAI,CAAC;QAChB,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACT,qBAAY,CAAC,IAAI,CAAC,8BAA8B,CAAC,CAAC;YAClD,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,8BAA8B,CAAC,CAAC;YACnD,OAAO,KAAK,CAAC;QACjB,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,aAAa,GAAG,KAAK,CAAC;QAC1B,IAAI,IAAI,GAAsB,IAAI,CAAC;QAEnC,MAAM,WAAW,GAAqB,EAAE,CAAC;QACzC,MAAM,OAAO,GAA2B,EAAE,CAAC;QAE3C,4BAA4B;QAC5B,2CAA2C;QAC3C,OAAO,IAAI,0BAAM,CAAgB;YAC7B,GAAG;YACH,KAAK,EAAE;gBACH,IAAI,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;oBACf,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;wBAC1B,aAAa,GAAG,MAAM,CAAC;wBAEvB,IAAI,aAAa,EAAE,CAAC;4BAChB,KAAK,MAAM,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;gCACpC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC;gCAC/B,WAAW,CAAC,IAAI,CAAC;oCACb,KAAK,EAAE,IAAI;oCACX,OAAO,EAAE,IAAI,CAAC,IAAI,IAAI,IAAA,mBAAU,EAAC,IAAI,CAAC;iCACzC,CAAC,CAAC;gCACH,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;oCACf,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;wCAC/B,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;oCAC1B,CAAC;gCACL,CAAC;4BACL,CAAC;4BAED,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,EAAC,aAAa,EAAC,CAAC,CAAC,CAAC;wBAChE,CAAC;oBACL,CAAC,CAAC,CAAC;oBACH,OAAO,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;gBACrC,CAAC;gBACD,KAAK,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE;oBACrC,IAAI,CAAC,aAAa,EAAE,CAAC;wBACjB,OAAO,gCAAa,CAAC,KAAK,CAAC;oBAC/B,CAAC;oBAED,IAAI,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,aAAa,EAAE,CAAC;wBACjC,OAAO,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;oBAClC,CAAC;oBAED,IAAI,EAAE,CAAC,UAAU,EAAE,CAAC;wBAChB,MAAM,WAAW,GAAG,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;wBAC9D,MAAM,WAAW,GAAG,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;wBAE9D,wBAAwB;wBACxB,IACI,WAAW,KAAK,kCAAiB;4BACjC,WAAW,KAAK,kCAAiB,EACnC,CAAC;4BACC,qCAAqC;4BACrC,OAAO,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;wBAClC,CAAC;6BAAM,CAAC;4BACJ,MAAM,QAAQ,GAAG,IAAA,sCAAkB,EAC/B,QAAQ,CAAC,GAAG,EACZ,IAAA,8BAAa,EAAC,QAAQ,CAAC,MAAM,CAAC,CACjC,CAAC;4BACF,MAAM,QAAQ,GAAG,IAAA,sCAAkB,EAC/B,QAAQ,CAAC,GAAG,EACZ,IAAA,8BAAa,EAAC,QAAQ,CAAC,MAAM,CAAC,CACjC,CAAC;4BACF;4BACI,+CAA+C;4BAC/C,QAAQ,CAAC,MAAM,KAAK,QAAQ,CAAC,MAAM;gCACnC,gEAAgE;gCAChE,iEAAiE;gCACjE,qFAAqF;gCACrF,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;oCACnB,OAAO,CACH,aAAa,CAAC,IAAI,CAAC;wCACnB,QAAQ,CAAC,IAAI,CACT,CAAC,IAA+B,EAAE,EAAE,CAChC,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,IAAI;4CACrB,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,EAAE,CAC/C,CACJ,CAAC;gCACN,CAAC,CAAC,EACJ,CAAC;gCACC,OAAO,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;4BAClC,CAAC;wBACL,CAAC;oBACL,CAAC;oBACD,OAAO,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC;gBACzC,CAAC;aACJ;YACD,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE;gBACR,IAAI,GAAG,CAAC,CAAC;gBACT,OAAO,IAAA,gDAAgC,EACnC,IAAI,EACJ,WAAW,EACX,OAAO,EACP,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,CACrC,CAAC;YACN,CAAC;YACD,KAAK,EAAE;gBACH,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE;oBACnB,OAAO,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;gBAC/B,CAAC;gBACD,SAAS,EAAE;oBACP,CAAC,kCAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,EAAE;wBAC1B,IAAI,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,kCAAiB,CAAC,IAAI,CAAC,CAAC;wBAElD,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;wBAC1C,kBAAkB,CACd,GAAG,EACH,kCAAiB,CAAC,IAAI,EACtB,IAAI,CAAC,KAAK,CAAC,kCAAiB,CAAC,IAAI,CAAC,CACrC,CAAC;wBAEF,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;wBAC5C,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;wBAE3B,IAAI,QAAQ,EAAE,CAAC;4BACX,GAAG,CAAC,YAAY,CAAC,kCAAiB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;4BACnD,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;wBACjC,CAAC;wBAED,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;wBAEjD,IAAI,oBAAgD,CAAC;wBACrD,IAAI,aAAa,GAAG,CAAC,CAAC;wBAEtB,IAAI,IAAI,CAAC,WAAW,EAAE,OAAO,EAAE,CAAC;4BAC5B,MAAM,MAAM,GAAG,iBAAiB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;4BAC7C,oBAAoB,GAAG,MAAM,CAAC,SAAS,CAAC;4BACxC,aAAa,GAAG,MAAM,CAAC,SAAS,CAAC;wBACrC,CAAC;wBAED,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;wBACxB,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;wBAEjB,OAAO;4BACH,GAAG;4BACH,UAAU;4BACV,MAAM,CAAC,OAAO;gCACV,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,IAAI;oCAAE,OAAO,KAAK,CAAC;gCAE7C,MAAM,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,kCAAiB,CAAC,IAAI,CAAC,CAAC;gCACtD,IAAI,QAAQ,KAAK,OAAO,EAAE,CAAC;oCACvB,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC;oCACxB,kBAAkB,CAAC,GAAG,EAAE,kCAAiB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;oCACzD,IAAI,OAAO,EAAE,CAAC;wCACV,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;oCAChC,CAAC;oCACD,QAAQ,GAAG,OAAO,CAAC;gCACvB,CAAC;gCAED,kBAAkB,CACd,GAAG,EACH,kCAAiB,CAAC,IAAI,EACtB,OAAO,CAAC,KAAK,CAAC,kCAAiB,CAAC,IAAI,CAAC,CACxC,CAAC;gCAEF,IAAI,IAAI,CAAC,WAAW,EAAE,OAAO,EAAE,CAAC;oCAC5B,MAAM,MAAM,GAAG,iBAAiB,CAC5B,OAAO,EACP,IAAI,EACJ,oBAAoB,EACpB,aAAa,CAChB,CAAC;oCACF,oBAAoB,GAAG,MAAM,CAAC,SAAS,CAAC;oCACxC,aAAa,GAAG,MAAM,CAAC,SAAS,CAAC;gCACrC,CAAC;gCAED,OAAO,IAAI,CAAC;4BAChB,CAAC;yBACJ,CAAC;oBACN,CAAC;iBACJ;aACJ;SACJ,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,SAAS,cAAc,CAAC,GAAS;QAC7B,MAAM,KAAK,GAAiB,EAAE,CAAC;QAE/B,IAAI,CAAC,QAAQ,EAAE,CAAC;YACZ,OAAO,gCAAa,CAAC,KAAK,CAAC;QAC/B,CAAC;QAED,KAAK,MAAM,EAAC,IAAI,EAAE,GAAG,EAAC,IAAI,IAAA,sCAAkB,EAAC,GAAG,EAAE,IAAA,8BAAa,EAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC;YACtF,IAAI,IAAI,GAAG,GAAG,GAAG,CAAC,CAAC;YACnB,IAAI,KAAuB,CAAC;YAE5B,MAAM,IAAI,GAAuB,IAAI,CAAC,KAAK,CAAC,kCAAiB,CAAC,IAAI,CAAC,CAAC;YACpE,IAAI,IAAI,IAAI,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;gBACpC,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC;YAChE,CAAC;iBAAM,CAAC;gBACJ,SAAS;YACb,CAAC;YAED,KAAK,MAAM,EAAC,IAAI,EAAE,OAAO,EAAC,IAAI,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC9C,MAAM,EAAE,GAAG,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC;gBAC9B,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC;oBACjB,KAAK,CAAC,IAAI,CACN,6BAAU,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,EAAE;wBACxB,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;qBAC3B,CAAC,CACL,CAAC;gBACN,CAAC;gBACD,IAAI,GAAG,EAAE,CAAC;YACd,CAAC;QACL,CAAC;QAED,OAAO,gCAAa,CAAC,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IAC5C,CAAC;AACL,CAAC,CAAC;AAvOW,QAAA,kBAAkB,sBAuO7B;AAEF,SAAS,UAAU,CACf,KAAuB,EACvB,YAA+B,EAAE;IAEjC,OAAO,KAAK;SACP,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QACV,IAAI,OAAO,GAAG,SAAS,CAAC;QACxB,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YAC1B,OAAO,GAAG,OAAO,CAAC,MAAM,CAAE,IAAI,CAAC,UAAU,CAAC,SAAsB,IAAI,EAAE,CAAC,CAAC;YACxE,OAAO,UAAU,CAAC,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QAC9C,CAAC;QAED,OAAO;YACH,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;YACvE,OAAO;SACV,CAAC;IACN,CAAC,CAAC;SACD,IAAI,EAAE,CAAC;AAChB,CAAC;AAED,SAAS,aAAa,CAAC,IAAU;IAC7B,mBAAmB;IACnB,OAAO,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,IAAI,OAAO,IAAI,CAAC,EAAE,KAAK,QAAQ,CAAC;AACxE,CAAC;AAED,SAAS,kBAAkB,CAAC,IAAa,EAAE,IAAY,EAAE,KAAgC;IACrF,IAAI,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IACnC,CAAC;SAAM,CAAC;QACJ,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC;AACL,CAAC;AAED,SAAS,iBAAiB,CACtB,IAAU,EACV,IAAiB,EACjB,aAA8B,EAC9B,aAAa,GAAG,CAAC;IAEjB,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,kCAAiB,CAAC,eAAe,CAAC,KAAK,MAAM,CAAC;IAEjF,IAAI,CAAC,eAAe,EAAE,CAAC;QACnB,IAAI,aAAa,EAAE,CAAC;YAChB,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;YAChC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC;QAC/C,CAAC;QACD,OAAO,EAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,EAAC,CAAC;IAChD,CAAC;IAED,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IACrE,MAAM,gBAAgB,GAAG,KAAK,CAAC,MAAM,CAAC;IAEtC,IAAI,SAAS,GAAG,aAAa,CAAC;IAC9B,IAAI,CAAC,SAAS,EAAE,CAAC;QACb,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1C,SAAS,CAAC,SAAS,GAAG,kBAAkB,CAAC;QACzC,SAAS,CAAC,eAAe,GAAG,OAAO,CAAC;QACpC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;IAC5B,CAAC;IAED,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;IAExC,IAAI,gBAAgB,KAAK,aAAa,EAAE,CAAC;QACrC,MAAM,SAAS,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC;QAClD,MAAM,aAAa,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC;QAEnD,IAAI,gBAAgB,GAAG,aAAa,EAAE,CAAC;YACnC,KAAK,IAAI,CAAC,GAAG,aAAa,GAAG,CAAC,EAAE,CAAC,IAAI,gBAAgB,EAAE,CAAC,EAAE,EAAE,CAAC;gBACzD,MAAM,iBAAiB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;gBACxD,iBAAiB,CAAC,SAAS,GAAG,iBAAiB,CAAC;gBAChD,iBAAiB,CAAC,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;gBACnE,SAAS,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;YAC7C,CAAC;QACL,CAAC;aAAM,IAAI,gBAAgB,GAAG,aAAa,EAAE,CAAC;YAC1C,KAAK,IAAI,CAAC,GAAG,aAAa,EAAE,CAAC,GAAG,gBAAgB,EAAE,CAAC,EAAE,EAAE,CAAC;gBACpD,IAAI,SAAS,CAAC,SAAS,EAAE,CAAC;oBACtB,SAAS,CAAC,WAAW,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;gBAC/C,CAAC;YACL,CAAC;QACL,CAAC;QAED,IAAI,SAAS,KAAK,aAAa,EAAE,CAAC;YAC9B,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE;gBACzD,MAAM,OAAO,GAAG,KAAK,GAAG,CAAC,CAAC;gBAC1B,UAAU,CAAC,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;YACtE,CAAC,CAAC,CAAC;QACP,CAAC;IACL,CAAC;IAED,OAAO,EAAC,SAAS,EAAE,SAAS,EAAE,gBAAgB,EAAC,CAAC;AACpD,CAAC","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 {codeLangSelectTooltipViewCreator} from './TooltipPlugin';\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    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    builder.addPlugin(() => {\n        let modulesLoaded = false;\n        let view: EditorView | null = null;\n\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                            view?.dispatch(view.state.tr.setMeta(key, {modulesLoaded}));\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(\n                    view,\n                    selectItems,\n                    mapping,\n                    Boolean(opts.lineNumbers?.enabled),\n                );\n            },\n            props: {\n                decorations: (state) => {\n                    return key.getState(state);\n                },\n                nodeViews: {\n                    [codeBlockNodeName]: (node) => {\n                        let prevLang = node.attrs[CodeBlockNodeAttr.Lang];\n\n                        const dom = document.createElement('pre');\n                        updateDomAttribute(\n                            dom,\n                            CodeBlockNodeAttr.Line,\n                            node.attrs[CodeBlockNodeAttr.Line],\n                        );\n\n                        const code = document.createElement('code');\n                        code.classList.add('hljs');\n\n                        if (prevLang) {\n                            dom.setAttribute(CodeBlockNodeAttr.Lang, prevLang);\n                            code.classList.add(prevLang);\n                        }\n\n                        const contentDOM = document.createElement('div');\n\n                        let lineNumbersContainer: HTMLDivElement | undefined;\n                        let prevLineCount = 0;\n\n                        if (opts.lineNumbers?.enabled) {\n                            const result = manageLineNumbers(node, code);\n                            lineNumbersContainer = result.container;\n                            prevLineCount = result.lineCount;\n                        }\n\n                        code.append(contentDOM);\n                        dom.append(code);\n\n                        return {\n                            dom,\n                            contentDOM,\n                            update(newNode) {\n                                if (node.type !== newNode.type) return false;\n\n                                const newLang = newNode.attrs[CodeBlockNodeAttr.Lang];\n                                if (prevLang !== newLang) {\n                                    code.className = 'hljs';\n                                    updateDomAttribute(dom, CodeBlockNodeAttr.Lang, newLang);\n                                    if (newLang) {\n                                        code.classList.add(newLang);\n                                    }\n                                    prevLang = newLang;\n                                }\n\n                                updateDomAttribute(\n                                    dom,\n                                    CodeBlockNodeAttr.Line,\n                                    newNode.attrs[CodeBlockNodeAttr.Line],\n                                );\n\n                                if (opts.lineNumbers?.enabled) {\n                                    const result = manageLineNumbers(\n                                        newNode,\n                                        code,\n                                        lineNumbersContainer,\n                                        prevLineCount,\n                                    );\n                                    lineNumbersContainer = result.container;\n                                    prevLineCount = result.lineCount;\n                                }\n\n                                return true;\n                            },\n                        };\n                    },\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 updateDomAttribute(elem: Element, attr: string, value: string | null | undefined) {\n    if (value) {\n        elem.setAttribute(attr, value);\n    } else {\n        elem.removeAttribute(attr);\n    }\n}\n\nfunction manageLineNumbers(\n    node: Node,\n    code: HTMLElement,\n    prevContainer?: HTMLDivElement,\n    prevLineCount = 0,\n): {container?: HTMLDivElement; lineCount: number} {\n    const showLineNumbers = node.attrs[CodeBlockNodeAttr.ShowLineNumbers] === 'true';\n\n    if (!showLineNumbers) {\n        if (prevContainer) {\n            code.removeChild(prevContainer);\n            code.classList.remove('show-line-numbers');\n        }\n        return {container: undefined, lineCount: 0};\n    }\n\n    const lines = node.textContent ? node.textContent.split('\\n') : [''];\n    const currentLineCount = lines.length;\n\n    let container = prevContainer;\n    if (!container) {\n        container = document.createElement('div');\n        container.className = 'yfm-line-numbers';\n        container.contentEditable = 'false';\n        code.prepend(container);\n    }\n\n    code.classList.add('show-line-numbers');\n\n    if (currentLineCount !== prevLineCount) {\n        const maxDigits = String(currentLineCount).length;\n        const prevMaxDigits = String(prevLineCount).length;\n\n        if (currentLineCount > prevLineCount) {\n            for (let i = prevLineCount + 1; i <= currentLineCount; i++) {\n                const lineNumberElement = document.createElement('div');\n                lineNumberElement.className = 'yfm-line-number';\n                lineNumberElement.textContent = String(i).padStart(maxDigits, ' ');\n                container.appendChild(lineNumberElement);\n            }\n        } else if (currentLineCount < prevLineCount) {\n            for (let i = prevLineCount; i > currentLineCount; i--) {\n                if (container.lastChild) {\n                    container.removeChild(container.lastChild);\n                }\n            }\n        }\n\n        if (maxDigits !== prevMaxDigits) {\n            Array.from(container.children).forEach((lineNumber, index) => {\n                const lineNum = index + 1;\n                lineNumber.textContent = String(lineNum).padStart(maxDigits, ' ');\n            });\n        }\n    }\n\n    return {container, lineCount: currentLineCount};\n}\n"]}
+{"version":3,"file":"CodeBlockHighlight.js","sourceRoot":"../../../../../../src","sources":["extensions/markdown/CodeBlock/CodeBlockHighlight/CodeBlockHighlight.ts"],"names":[],"mappings":";;;AAKA,yDAAoD;AAEpD,oCAAoC;AACpC,yDAAqD;AACrD,uDAA4E;AAG5E,kDAA8C;AAC9C,kDAAgD;AAChD,+DAK2B;AAE3B,4DAAiE;AAEjE,oCAAmC;AAYnC,MAAM,GAAG,GAAG,IAAI,6BAAS,CAAgB,sBAAsB,CAAC,CAAC;AAO1D,MAAM,kBAAkB,GAA6C,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;IAC1F,IAAI,KAAoC,CAAC;IACzC,IAAI,QAAkB,CAAC;IACvB,IAAI,IAAiB,CAAC;IAEtB,MAAM,WAAW,GAAG,KAAK,IAAI,EAAE;QAC3B,IAAI,CAAC;YACD,IAAI,GAAG,CAAC,MAAM,MAAM,CAAC,uBAAuB,CAAC,CAAC,CAAC,OAAO,CAAC;YACvD,MAAM,GAAG,GAAG,MAAM,MAAM,CAAC,UAAU,CAAC,CAAC;YAErC,MAAM,GAAG,GAAqB,GAAG,CAAC,GAAG,CAAC;YACtC,MAAM,MAAM,GAA0B,GAAG,CAAC,cAAc,CAAC;YACzD,KAAK,GAAG,EAAC,GAAG,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,EAAC,CAAC;YAChC,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;YACzB,OAAO,IAAI,CAAC;QAChB,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACT,qBAAY,CAAC,IAAI,CAAC,8BAA8B,CAAC,CAAC;YAClD,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,8BAA8B,CAAC,CAAC;YACnD,OAAO,KAAK,CAAC;QACjB,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,aAAa,GAAG,KAAK,CAAC;QAC1B,IAAI,IAAI,GAAsB,IAAI,CAAC;QAEnC,MAAM,WAAW,GAAqB,EAAE,CAAC;QACzC,MAAM,OAAO,GAA2B,EAAE,CAAC;QAE3C,4BAA4B;QAC5B,2CAA2C;QAC3C,OAAO,IAAI,0BAAM,CAAgB;YAC7B,GAAG;YACH,KAAK,EAAE;gBACH,IAAI,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;oBACf,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;wBAC1B,aAAa,GAAG,MAAM,CAAC;wBAEvB,IAAI,aAAa,EAAE,CAAC;4BAChB,KAAK,MAAM,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;gCACpC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC;gCAC/B,WAAW,CAAC,IAAI,CAAC;oCACb,KAAK,EAAE,IAAI;oCACX,OAAO,EAAE,IAAI,CAAC,IAAI,IAAI,IAAA,mBAAU,EAAC,IAAI,CAAC;iCACzC,CAAC,CAAC;gCACH,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;oCACf,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;wCAC/B,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;oCAC1B,CAAC;gCACL,CAAC;4BACL,CAAC;4BAED,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;gCAC5B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,EAAC,aAAa,EAAC,CAAC,CAAC,CAAC;4BAC/D,CAAC;wBACL,CAAC;oBACL,CAAC,CAAC,CAAC;oBACH,OAAO,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;gBACrC,CAAC;gBACD,KAAK,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE;oBACrC,IAAI,CAAC,aAAa,EAAE,CAAC;wBACjB,OAAO,gCAAa,CAAC,KAAK,CAAC;oBAC/B,CAAC;oBAED,IAAI,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,aAAa,EAAE,CAAC;wBACjC,OAAO,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;oBAClC,CAAC;oBAED,IAAI,EAAE,CAAC,UAAU,EAAE,CAAC;wBAChB,MAAM,WAAW,GAAG,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;wBAC9D,MAAM,WAAW,GAAG,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;wBAE9D,wBAAwB;wBACxB,IACI,WAAW,KAAK,kCAAiB;4BACjC,WAAW,KAAK,kCAAiB,EACnC,CAAC;4BACC,qCAAqC;4BACrC,OAAO,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;wBAClC,CAAC;6BAAM,CAAC;4BACJ,MAAM,QAAQ,GAAG,IAAA,sCAAkB,EAC/B,QAAQ,CAAC,GAAG,EACZ,IAAA,8BAAa,EAAC,QAAQ,CAAC,MAAM,CAAC,CACjC,CAAC;4BACF,MAAM,QAAQ,GAAG,IAAA,sCAAkB,EAC/B,QAAQ,CAAC,GAAG,EACZ,IAAA,8BAAa,EAAC,QAAQ,CAAC,MAAM,CAAC,CACjC,CAAC;4BACF;4BACI,+CAA+C;4BAC/C,QAAQ,CAAC,MAAM,KAAK,QAAQ,CAAC,MAAM;gCACnC,gEAAgE;gCAChE,iEAAiE;gCACjE,qFAAqF;gCACrF,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;oCACnB,OAAO,CACH,aAAa,CAAC,IAAI,CAAC;wCACnB,QAAQ,CAAC,IAAI,CACT,CAAC,IAA+B,EAAE,EAAE,CAChC,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,IAAI;4CACrB,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,EAAE,CAC/C,CACJ,CAAC;gCACN,CAAC,CAAC,EACJ,CAAC;gCACC,OAAO,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;4BAClC,CAAC;wBACL,CAAC;oBACL,CAAC;oBACD,OAAO,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC;gBACzC,CAAC;aACJ;YACD,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE;gBACR,IAAI,GAAG,CAAC,CAAC;gBACT,OAAO,IAAA,gDAAgC,EACnC,IAAI,EACJ,WAAW,EACX,OAAO,EACP,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,CACrC,CAAC;YACN,CAAC;YACD,KAAK,EAAE;gBACH,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE;oBACnB,OAAO,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;gBAC/B,CAAC;gBACD,SAAS,EAAE;oBACP,CAAC,kCAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,EAAE;wBAC1B,IAAI,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,kCAAiB,CAAC,IAAI,CAAC,CAAC;wBAElD,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;wBAC1C,kBAAkB,CACd,GAAG,EACH,kCAAiB,CAAC,IAAI,EACtB,IAAI,CAAC,KAAK,CAAC,kCAAiB,CAAC,IAAI,CAAC,CACrC,CAAC;wBAEF,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;wBAC5C,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;wBAE3B,IAAI,QAAQ,EAAE,CAAC;4BACX,GAAG,CAAC,YAAY,CAAC,kCAAiB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;4BACnD,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;wBACjC,CAAC;wBAED,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;wBAEjD,IAAI,oBAAgD,CAAC;wBACrD,IAAI,aAAa,GAAG,CAAC,CAAC;wBAEtB,IAAI,IAAI,CAAC,WAAW,EAAE,OAAO,EAAE,CAAC;4BAC5B,MAAM,MAAM,GAAG,iBAAiB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;4BAC7C,oBAAoB,GAAG,MAAM,CAAC,SAAS,CAAC;4BACxC,aAAa,GAAG,MAAM,CAAC,SAAS,CAAC;wBACrC,CAAC;wBAED,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;wBACxB,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;wBAEjB,OAAO;4BACH,GAAG;4BACH,UAAU;4BACV,MAAM,CAAC,OAAO;gCACV,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,IAAI;oCAAE,OAAO,KAAK,CAAC;gCAE7C,MAAM,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,kCAAiB,CAAC,IAAI,CAAC,CAAC;gCACtD,IAAI,QAAQ,KAAK,OAAO,EAAE,CAAC;oCACvB,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC;oCACxB,kBAAkB,CAAC,GAAG,EAAE,kCAAiB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;oCACzD,IAAI,OAAO,EAAE,CAAC;wCACV,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;oCAChC,CAAC;oCACD,QAAQ,GAAG,OAAO,CAAC;gCACvB,CAAC;gCAED,kBAAkB,CACd,GAAG,EACH,kCAAiB,CAAC,IAAI,EACtB,OAAO,CAAC,KAAK,CAAC,kCAAiB,CAAC,IAAI,CAAC,CACxC,CAAC;gCAEF,IAAI,IAAI,CAAC,WAAW,EAAE,OAAO,EAAE,CAAC;oCAC5B,MAAM,MAAM,GAAG,iBAAiB,CAC5B,OAAO,EACP,IAAI,EACJ,oBAAoB,EACpB,aAAa,CAChB,CAAC;oCACF,oBAAoB,GAAG,MAAM,CAAC,SAAS,CAAC;oCACxC,aAAa,GAAG,MAAM,CAAC,SAAS,CAAC;gCACrC,CAAC;gCAED,OAAO,IAAI,CAAC;4BAChB,CAAC;yBACJ,CAAC;oBACN,CAAC;iBACJ;aACJ;SACJ,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,SAAS,cAAc,CAAC,GAAS;QAC7B,MAAM,KAAK,GAAiB,EAAE,CAAC;QAE/B,IAAI,CAAC,QAAQ,EAAE,CAAC;YACZ,OAAO,gCAAa,CAAC,KAAK,CAAC;QAC/B,CAAC;QAED,KAAK,MAAM,EAAC,IAAI,EAAE,GAAG,EAAC,IAAI,IAAA,sCAAkB,EAAC,GAAG,EAAE,IAAA,8BAAa,EAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC;YACtF,IAAI,IAAI,GAAG,GAAG,GAAG,CAAC,CAAC;YACnB,IAAI,KAAuB,CAAC;YAE5B,MAAM,IAAI,GAAuB,IAAI,CAAC,KAAK,CAAC,kCAAiB,CAAC,IAAI,CAAC,CAAC;YACpE,IAAI,IAAI,IAAI,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;gBACpC,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC;YAChE,CAAC;iBAAM,CAAC;gBACJ,SAAS;YACb,CAAC;YAED,KAAK,MAAM,EAAC,IAAI,EAAE,OAAO,EAAC,IAAI,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC9C,MAAM,EAAE,GAAG,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC;gBAC9B,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC;oBACjB,KAAK,CAAC,IAAI,CACN,6BAAU,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,EAAE;wBACxB,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;qBAC3B,CAAC,CACL,CAAC;gBACN,CAAC;gBACD,IAAI,GAAG,EAAE,CAAC;YACd,CAAC;QACL,CAAC;QAED,OAAO,gCAAa,CAAC,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IAC5C,CAAC;AACL,CAAC,CAAC;AAzOW,QAAA,kBAAkB,sBAyO7B;AAEF,SAAS,UAAU,CACf,KAAuB,EACvB,YAA+B,EAAE;IAEjC,OAAO,KAAK;SACP,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QACV,IAAI,OAAO,GAAG,SAAS,CAAC;QACxB,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YAC1B,OAAO,GAAG,OAAO,CAAC,MAAM,CAAE,IAAI,CAAC,UAAU,CAAC,SAAsB,IAAI,EAAE,CAAC,CAAC;YACxE,OAAO,UAAU,CAAC,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QAC9C,CAAC;QAED,OAAO;YACH,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;YACvE,OAAO;SACV,CAAC;IACN,CAAC,CAAC;SACD,IAAI,EAAE,CAAC;AAChB,CAAC;AAED,SAAS,aAAa,CAAC,IAAU;IAC7B,mBAAmB;IACnB,OAAO,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,IAAI,OAAO,IAAI,CAAC,EAAE,KAAK,QAAQ,CAAC;AACxE,CAAC;AAED,SAAS,kBAAkB,CAAC,IAAa,EAAE,IAAY,EAAE,KAAgC;IACrF,IAAI,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IACnC,CAAC;SAAM,CAAC;QACJ,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC;AACL,CAAC;AAED,SAAS,iBAAiB,CACtB,IAAU,EACV,IAAiB,EACjB,aAA8B,EAC9B,aAAa,GAAG,CAAC;IAEjB,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,kCAAiB,CAAC,eAAe,CAAC,KAAK,MAAM,CAAC;IAEjF,IAAI,CAAC,eAAe,EAAE,CAAC;QACnB,IAAI,aAAa,EAAE,CAAC;YAChB,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;YAChC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC;QAC/C,CAAC;QACD,OAAO,EAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,EAAC,CAAC;IAChD,CAAC;IAED,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IACrE,MAAM,gBAAgB,GAAG,KAAK,CAAC,MAAM,CAAC;IAEtC,IAAI,SAAS,GAAG,aAAa,CAAC;IAC9B,IAAI,CAAC,SAAS,EAAE,CAAC;QACb,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1C,SAAS,CAAC,SAAS,GAAG,kBAAkB,CAAC;QACzC,SAAS,CAAC,eAAe,GAAG,OAAO,CAAC;QACpC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;IAC5B,CAAC;IAED,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;IAExC,IAAI,gBAAgB,KAAK,aAAa,EAAE,CAAC;QACrC,MAAM,SAAS,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC;QAClD,MAAM,aAAa,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC;QAEnD,IAAI,gBAAgB,GAAG,aAAa,EAAE,CAAC;YACnC,KAAK,IAAI,CAAC,GAAG,aAAa,GAAG,CAAC,EAAE,CAAC,IAAI,gBAAgB,EAAE,CAAC,EAAE,EAAE,CAAC;gBACzD,MAAM,iBAAiB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;gBACxD,iBAAiB,CAAC,SAAS,GAAG,iBAAiB,CAAC;gBAChD,iBAAiB,CAAC,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;gBACnE,SAAS,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;YAC7C,CAAC;QACL,CAAC;aAAM,IAAI,gBAAgB,GAAG,aAAa,EAAE,CAAC;YAC1C,KAAK,IAAI,CAAC,GAAG,aAAa,EAAE,CAAC,GAAG,gBAAgB,EAAE,CAAC,EAAE,EAAE,CAAC;gBACpD,IAAI,SAAS,CAAC,SAAS,EAAE,CAAC;oBACtB,SAAS,CAAC,WAAW,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;gBAC/C,CAAC;YACL,CAAC;QACL,CAAC;QAED,IAAI,SAAS,KAAK,aAAa,EAAE,CAAC;YAC9B,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE;gBACzD,MAAM,OAAO,GAAG,KAAK,GAAG,CAAC,CAAC;gBAC1B,UAAU,CAAC,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;YACtE,CAAC,CAAC,CAAC;QACP,CAAC;IACL,CAAC;IAED,OAAO,EAAC,SAAS,EAAE,SAAS,EAAE,gBAAgB,EAAC,CAAC;AACpD,CAAC","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 {codeLangSelectTooltipViewCreator} from './TooltipPlugin';\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    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    builder.addPlugin(() => {\n        let modulesLoaded = false;\n        let view: EditorView | null = null;\n\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                            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(\n                    view,\n                    selectItems,\n                    mapping,\n                    Boolean(opts.lineNumbers?.enabled),\n                );\n            },\n            props: {\n                decorations: (state) => {\n                    return key.getState(state);\n                },\n                nodeViews: {\n                    [codeBlockNodeName]: (node) => {\n                        let prevLang = node.attrs[CodeBlockNodeAttr.Lang];\n\n                        const dom = document.createElement('pre');\n                        updateDomAttribute(\n                            dom,\n                            CodeBlockNodeAttr.Line,\n                            node.attrs[CodeBlockNodeAttr.Line],\n                        );\n\n                        const code = document.createElement('code');\n                        code.classList.add('hljs');\n\n                        if (prevLang) {\n                            dom.setAttribute(CodeBlockNodeAttr.Lang, prevLang);\n                            code.classList.add(prevLang);\n                        }\n\n                        const contentDOM = document.createElement('div');\n\n                        let lineNumbersContainer: HTMLDivElement | undefined;\n                        let prevLineCount = 0;\n\n                        if (opts.lineNumbers?.enabled) {\n                            const result = manageLineNumbers(node, code);\n                            lineNumbersContainer = result.container;\n                            prevLineCount = result.lineCount;\n                        }\n\n                        code.append(contentDOM);\n                        dom.append(code);\n\n                        return {\n                            dom,\n                            contentDOM,\n                            update(newNode) {\n                                if (node.type !== newNode.type) return false;\n\n                                const newLang = newNode.attrs[CodeBlockNodeAttr.Lang];\n                                if (prevLang !== newLang) {\n                                    code.className = 'hljs';\n                                    updateDomAttribute(dom, CodeBlockNodeAttr.Lang, newLang);\n                                    if (newLang) {\n                                        code.classList.add(newLang);\n                                    }\n                                    prevLang = newLang;\n                                }\n\n                                updateDomAttribute(\n                                    dom,\n                                    CodeBlockNodeAttr.Line,\n                                    newNode.attrs[CodeBlockNodeAttr.Line],\n                                );\n\n                                if (opts.lineNumbers?.enabled) {\n                                    const result = manageLineNumbers(\n                                        newNode,\n                                        code,\n                                        lineNumbersContainer,\n                                        prevLineCount,\n                                    );\n                                    lineNumbersContainer = result.container;\n                                    prevLineCount = result.lineCount;\n                                }\n\n                                return true;\n                            },\n                        };\n                    },\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 updateDomAttribute(elem: Element, attr: string, value: string | null | undefined) {\n    if (value) {\n        elem.setAttribute(attr, value);\n    } else {\n        elem.removeAttribute(attr);\n    }\n}\n\nfunction manageLineNumbers(\n    node: Node,\n    code: HTMLElement,\n    prevContainer?: HTMLDivElement,\n    prevLineCount = 0,\n): {container?: HTMLDivElement; lineCount: number} {\n    const showLineNumbers = node.attrs[CodeBlockNodeAttr.ShowLineNumbers] === 'true';\n\n    if (!showLineNumbers) {\n        if (prevContainer) {\n            code.removeChild(prevContainer);\n            code.classList.remove('show-line-numbers');\n        }\n        return {container: undefined, lineCount: 0};\n    }\n\n    const lines = node.textContent ? node.textContent.split('\\n') : [''];\n    const currentLineCount = lines.length;\n\n    let container = prevContainer;\n    if (!container) {\n        container = document.createElement('div');\n        container.className = 'yfm-line-numbers';\n        container.contentEditable = 'false';\n        code.prepend(container);\n    }\n\n    code.classList.add('show-line-numbers');\n\n    if (currentLineCount !== prevLineCount) {\n        const maxDigits = String(currentLineCount).length;\n        const prevMaxDigits = String(prevLineCount).length;\n\n        if (currentLineCount > prevLineCount) {\n            for (let i = prevLineCount + 1; i <= currentLineCount; i++) {\n                const lineNumberElement = document.createElement('div');\n                lineNumberElement.className = 'yfm-line-number';\n                lineNumberElement.textContent = String(i).padStart(maxDigits, ' ');\n                container.appendChild(lineNumberElement);\n            }\n        } else if (currentLineCount < prevLineCount) {\n            for (let i = prevLineCount; i > currentLineCount; i--) {\n                if (container.lastChild) {\n                    container.removeChild(container.lastChild);\n                }\n            }\n        }\n\n        if (maxDigits !== prevMaxDigits) {\n            Array.from(container.children).forEach((lineNumber, index) => {\n                const lineNum = index + 1;\n                lineNumber.textContent = String(lineNum).padStart(maxDigits, ' ');\n            });\n        }\n    }\n\n    return {container, lineCount: currentLineCount};\n}\n"]}

package/build/cjs/extensions/markdown/CodeBlock/handle-paste.d.ts

@@ -1,2 +1,22 @@
+import type { Schema } from 'prosemirror-model';
+import type { Transaction } from 'prosemirror-state';
 import type { EditorProps } from "../../../pm/view.js";
+export type CodePasteData = {
+    editor: string;
+    value: string;
+    inline: boolean;
+    mode?: string;
+};
+type InsertCodeParams = {
+    tr: Transaction;
+    schema: Schema;
+    code: CodePasteData;
+    from: number;
+    to: number;
+    inCodeBlock: boolean;
+};
 export declare const handlePaste: NonNullable<EditorProps['handlePaste']>;
+export declare function insertCode({ tr, schema, code, from, to, inCodeBlock }: InsertCodeParams): void;
+export declare function getCodeData(data: DataTransfer): CodePasteData | null;
+export declare function isInlineCode(text: string): boolean;
+export {};