@gravity-ui/markdown-editor 15.32.0 → 15.33.0

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

@@ -0,0 +1,91 @@
+import { CodeBlockNodeAttr } from "../CodeBlockSpecs/index.js";
+import { hasLineWrappingDecoration } from "./plugins/codeBlockLineWrappingPlugin.js";
+import { isLineNumbersVisible } from "./utils.js";
+/** @internal */
+export class CodeBlockNodeView {
+    static withOpts(opts) {
+        return (node, view, getPos, decorations, innerDecorations) => new this({ node, view, getPos, decorations, innerDecorations }, opts);
+    }
+    dom;
+    contentDOM;
+    _lang;
+    _codeElem;
+    _opts;
+    _applyLineNumbersResult;
+    constructor({ node, view, decorations }, opts) {
+        this._opts = opts;
+        this._lang = node.attrs[CodeBlockNodeAttr.Lang];
+        const document = view.dom.ownerDocument;
+        this.dom = document.createElement('pre');
+        updateDomAttribute(this.dom, CodeBlockNodeAttr.Line, node.attrs[CodeBlockNodeAttr.Line]);
+        this._codeElem = document.createElement('code');
+        this._codeElem.classList.add('hljs');
+        if (this._lang) {
+            this.dom.setAttribute(CodeBlockNodeAttr.Lang, this._lang);
+            this._codeElem.classList.add(this._lang);
+        }
+        this.contentDOM = document.createElement('div');
+        const hasLineWrapping = hasLineWrappingDecoration(decorations);
+        if (this._opts.lineNumbers?.enabled) {
+            this._applyLineNumbersResult = applyLineNumbers(node, this._codeElem, hasLineWrapping);
+        }
+        this._codeElem.append(this.contentDOM);
+        this.dom.append(this._codeElem);
+    }
+    update = (node, decorations) => {
+        const lang = node.attrs[CodeBlockNodeAttr.Lang];
+        if (lang !== this._lang) {
+            this._codeElem.className = 'hljs';
+            updateDomAttribute(this.dom, CodeBlockNodeAttr.Lang, lang);
+            if (lang) {
+                this._codeElem.classList.add(lang);
+            }
+            this._lang = lang;
+        }
+        updateDomAttribute(this.dom, CodeBlockNodeAttr.Line, node.attrs[CodeBlockNodeAttr.Line]);
+        const hasLineWrapping = hasLineWrappingDecoration(decorations);
+        this._codeElem.classList.toggle('wrap', hasLineWrapping);
+        if (this._opts.lineNumbers?.enabled) {
+            this._applyLineNumbersResult = applyLineNumbers(node, this._codeElem, hasLineWrapping, this._applyLineNumbersResult?.container, this._applyLineNumbersResult?.lineCount);
+        }
+        return true;
+    };
+}
+function updateDomAttribute(elem, attr, value) {
+    if (value) {
+        elem.setAttribute(attr, value);
+    }
+    else {
+        elem.removeAttribute(attr);
+    }
+}
+function applyLineNumbers(node, code, hasLineWrapping, prevContainer, prevLineCount = 0) {
+    const document = code.ownerDocument;
+    const showLineNumbers = isLineNumbersVisible(node);
+    if (!showLineNumbers || !hasLineWrapping) {
+        if (prevContainer) {
+            code.removeChild(prevContainer);
+            code.classList.remove('show-line-numbers');
+        }
+        return { container: undefined, lineCount: 0 };
+    }
+    const lines = node.textContent ? node.textContent.split('\n') : [''];
+    const currentLineCount = lines.length;
+    let container = prevContainer;
+    if (!container) {
+        container = document.createElement('div');
+        container.className = 'yfm-line-numbers';
+        container.contentEditable = 'false';
+        code.prepend(container);
+    }
+    code.classList.add('show-line-numbers');
+    if (currentLineCount !== prevLineCount) {
+        const maxDigits = String(currentLineCount).length;
+        const lineNumberElement = document.createElement('div');
+        lineNumberElement.classList.add('yfm-line-number', 'fake-line-number');
+        lineNumberElement.textContent = ''.padStart(maxDigits, '0');
+        container.replaceChildren(lineNumberElement);
+    }
+    return { container, lineCount: currentLineCount };
+}
+//# sourceMappingURL=CodeBlockNodeView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlockNodeView.js","sourceRoot":"../../../../../../src","sources":["extensions/markdown/CodeBlock/CodeBlockHighlight/CodeBlockNodeView.ts"],"names":[],"mappings":"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","sourcesContent":["import type {Node} from '#pm/model';\nimport type {\n    NodeView,\n    NodeViewConstructor,\n    NodeViewProps,\n    NodeViewUpdateFn,\n} from 'src/types/node-view';\n\nimport {CodeBlockNodeAttr, type LineNumbersOptions} from '../CodeBlockSpecs';\n\nimport {hasLineWrappingDecoration} from './plugins/codeBlockLineWrappingPlugin';\nimport {isLineNumbersVisible} from './utils';\n\n/** @internal */\nexport type CodeBlockNodeViewOpts = {\n    lineWrapping?: {enabled?: boolean};\n    lineNumbers?: LineNumbersOptions;\n};\n\n/** @internal */\nexport class CodeBlockNodeView implements NodeView {\n    static withOpts(opts: CodeBlockNodeViewOpts): NodeViewConstructor {\n        return (node, view, getPos, decorations, innerDecorations) =>\n            new this({node, view, getPos, decorations, innerDecorations}, opts);\n    }\n\n    readonly dom: HTMLElement;\n    readonly contentDOM: HTMLElement;\n\n    private _lang: string | undefined;\n    private readonly _codeElem: HTMLElement;\n    private readonly _opts: CodeBlockNodeViewOpts;\n\n    private _applyLineNumbersResult: ReturnType<typeof applyLineNumbers> | undefined;\n\n    constructor({node, view, decorations}: NodeViewProps, opts: CodeBlockNodeViewOpts) {\n        this._opts = opts;\n        this._lang = node.attrs[CodeBlockNodeAttr.Lang];\n\n        const document = view.dom.ownerDocument;\n\n        this.dom = document.createElement('pre');\n        updateDomAttribute(this.dom, CodeBlockNodeAttr.Line, node.attrs[CodeBlockNodeAttr.Line]);\n\n        this._codeElem = document.createElement('code');\n        this._codeElem.classList.add('hljs');\n\n        if (this._lang) {\n            this.dom.setAttribute(CodeBlockNodeAttr.Lang, this._lang);\n            this._codeElem.classList.add(this._lang);\n        }\n\n        this.contentDOM = document.createElement('div');\n\n        const hasLineWrapping = hasLineWrappingDecoration(decorations);\n        if (this._opts.lineNumbers?.enabled) {\n            this._applyLineNumbersResult = applyLineNumbers(node, this._codeElem, hasLineWrapping);\n        }\n\n        this._codeElem.append(this.contentDOM);\n        this.dom.append(this._codeElem);\n    }\n\n    update: NodeViewUpdateFn = (node, decorations) => {\n        const lang = node.attrs[CodeBlockNodeAttr.Lang];\n        if (lang !== this._lang) {\n            this._codeElem.className = 'hljs';\n            updateDomAttribute(this.dom, CodeBlockNodeAttr.Lang, lang);\n            if (lang) {\n                this._codeElem.classList.add(lang);\n            }\n            this._lang = lang;\n        }\n\n        updateDomAttribute(this.dom, CodeBlockNodeAttr.Line, node.attrs[CodeBlockNodeAttr.Line]);\n\n        const hasLineWrapping = hasLineWrappingDecoration(decorations);\n        this._codeElem.classList.toggle('wrap', hasLineWrapping);\n\n        if (this._opts.lineNumbers?.enabled) {\n            this._applyLineNumbersResult = applyLineNumbers(\n                node,\n                this._codeElem,\n                hasLineWrapping,\n                this._applyLineNumbersResult?.container,\n                this._applyLineNumbersResult?.lineCount,\n            );\n        }\n\n        return true;\n    };\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 applyLineNumbers(\n    node: Node,\n    code: HTMLElement,\n    hasLineWrapping: boolean,\n    prevContainer?: HTMLDivElement,\n    prevLineCount = 0,\n): {container?: HTMLDivElement; lineCount: number} {\n    const document = code.ownerDocument;\n    const showLineNumbers = isLineNumbersVisible(node);\n\n    if (!showLineNumbers || !hasLineWrapping) {\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\n        const lineNumberElement = document.createElement('div');\n        lineNumberElement.classList.add('yfm-line-number', 'fake-line-number');\n        lineNumberElement.textContent = ''.padStart(maxDigits, '0');\n        container.replaceChildren(lineNumberElement);\n    }\n\n    return {container, lineCount: currentLineCount};\n}\n"]}

package/build/esm/extensions/markdown/CodeBlock/CodeBlockHighlight/TooltipPlugin/TooltipView.css

@@ -1,5 +1,5 @@
 .g-md-code-block-toolbar {
-  margin: 2px 8px;
+  margin: var(--g-spacing-half);
 }
 
 .g-md-code-tooltip-menu {
@@ -23,8 +23,4 @@
 
 .g-md-code-block__select-button {
   margin: auto 0;
-}
-
-.g-md-code-block__show-line-numbers {
-  margin: auto 0;
 }

package/build/esm/extensions/markdown/CodeBlock/CodeBlockHighlight/TooltipPlugin/index.d.ts

@@ -2,4 +2,9 @@ import { type SelectOption } from '@gravity-ui/uikit';
 import type { EditorView } from 'prosemirror-view';
 import { BaseTooltipPluginView } from "../../../../../plugins/BaseTooltip/index.js";
 import "./TooltipView.css";
-export declare const codeLangSelectTooltipViewCreator: (view: EditorView, langItems: SelectOption[], mapping: Record<string, string> | undefined, showLineNumbers: boolean) => BaseTooltipPluginView;
+type Options = {
+    showCodeWrapping: boolean;
+    showLineNumbers: boolean;
+};
+export declare const codeLangSelectTooltipViewCreator: (view: EditorView, langItems: SelectOption[], mapping: Record<string, string> | undefined, { showCodeWrapping, showLineNumbers }: Options) => BaseTooltipPluginView;
+export {};

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

@@ -1,69 +1,93 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { TrashBin } from '@gravity-ui/icons';
-import { Checkbox, Select } from '@gravity-ui/uikit';
+import { ListOl as LineNumbersIcon, TrashBin as RemoveIcon, ArrowUturnCwLeft as WrappingIcon, } from '@gravity-ui/icons';
+import { ClipboardButton, Select } from '@gravity-ui/uikit';
 import { cn } from "../../../../../classname.js";
 import { i18n } from "../../../../../i18n/codeblock/index.js";
 import { i18n as i18nPlaceholder } from "../../../../../i18n/placeholder/index.js";
 import { BaseTooltipPluginView } from "../../../../../plugins/BaseTooltip/index.js";
 import { Toolbar, ToolbarDataType } from "../../../../../toolbar/index.js";
 import { removeNode } from "../../../../../utils/remove-node.js";
+import { isTruthy } from "../../../../../utils/truthy.js";
 import { CodeBlockNodeAttr, codeBlockType } from "../../CodeBlockSpecs/index.js";
+import { PlainTextLang } from "../const.js";
+import { isNodeHasLineWrapping } from "../plugins/codeBlockLineWrappingPlugin.js";
+import { isLineNumbersVisible, toggleLineNumbers, toggleLineWrapping } from "./utils.js";
 import "./TooltipView.css";
 const bCodeBlock = cn('code-block');
 const bToolbar = cn('code-block-toolbar');
 const CodeMenu = ({ view, pos, node, selectItems, mapping }) => {
     const lang = node.attrs[CodeBlockNodeAttr.Lang];
-    const showLineNumbers = node.attrs[CodeBlockNodeAttr.ShowLineNumbers];
-    const value = mapping[lang] ?? lang;
+    const value = mapping[lang] || lang || PlainTextLang;
     const handleClick = (type) => {
         view.focus();
         if (type === value)
             return;
-        view.dispatch(view.state.tr.setNodeMarkup(pos, null, {
-            [CodeBlockNodeAttr.Lang]: type,
-            [CodeBlockNodeAttr.ShowLineNumbers]: showLineNumbers,
-        }));
+        view.dispatch(view.state.tr.setNodeAttribute(pos, CodeBlockNodeAttr.Lang, type));
     };
     return (_jsx(Select, { size: "m", width: "max", disablePortal: true, value: [value], onUpdate: (v) => handleClick(v[0]), options: selectItems, filterable: true, filterPlaceholder: i18nPlaceholder('select_filter'), popupClassName: bCodeBlock('select-popup'), className: bCodeBlock('select-button'), renderEmptyOptions: () => (_jsx("div", { className: bCodeBlock('select-empty'), children: i18n('empty_option') })) }));
 };
-const ShowLineNumbers = ({ view, pos, node }) => {
-    const lang = node.attrs[CodeBlockNodeAttr.Lang];
-    const showLineNumbers = node.attrs[CodeBlockNodeAttr.ShowLineNumbers] === 'true';
-    const handleChange = (event) => {
-        view.dispatch(view.state.tr.setNodeMarkup(pos, null, {
-            [CodeBlockNodeAttr.Lang]: lang,
-            [CodeBlockNodeAttr.ShowLineNumbers]: event.target.checked ? 'true' : '',
-        }));
-    };
-    return (_jsx(Checkbox, { checked: showLineNumbers, className: bCodeBlock('show-line-numbers'), content: i18n('show_line_numbers'), onChange: handleChange }));
-};
-export const codeLangSelectTooltipViewCreator = (view, langItems, mapping = {}, showLineNumbers) => {
+export const codeLangSelectTooltipViewCreator = (view, langItems, mapping = {}, { showCodeWrapping, showLineNumbers }) => {
     return new BaseTooltipPluginView(view, {
         idPrefix: 'code-block-tooltip',
         nodeType: codeBlockType(view.state.schema),
         popupPlacement: ['bottom', 'top'],
-        content: (view, { node, pos }) => {
-            const lineNumbersCheckbox = {
-                id: 'code-block-showlinenumbers',
-                type: ToolbarDataType.ReactComponent,
-                component: () => _jsx(ShowLineNumbers, { view: view, pos: pos, node: node }),
-                width: 28,
-            };
+        content: (view, { node, pos }, _onChange, _forceEdit, _onOutsideClick, rerender) => {
             return (_jsx(Toolbar, { editor: {}, focus: () => view.focus(), className: bToolbar(), data: [
                     [
+                        langItems.length > 0 &&
+                            {
+                                id: 'code-block-type',
+                                type: ToolbarDataType.ReactComponent,
+                                component: () => (_jsx(CodeMenu, { view: view, pos: pos, node: node, selectItems: langItems, mapping: mapping })),
+                                width: 28,
+                            },
+                        showCodeWrapping &&
+                            {
+                                id: 'code-block-wrapping',
+                                icon: { data: WrappingIcon },
+                                title: i18n('code_wrapping'),
+                                type: ToolbarDataType.SingleButton,
+                                isActive: () => isNodeHasLineWrapping(view.state, pos),
+                                isEnable: () => true,
+                                exec: () => {
+                                    toggleLineWrapping({
+                                        pos,
+                                        node,
+                                        state: view.state,
+                                        dispatch: view.dispatch,
+                                    });
+                                    // forcing rerender because editor's toolbar isn't updated when the decorations change
+                                    rerender?.();
+                                },
+                            },
+                        showLineNumbers &&
+                            {
+                                id: 'code-block-linenumbers',
+                                icon: { data: LineNumbersIcon },
+                                title: i18n('show_line_numbers'),
+                                type: ToolbarDataType.SingleButton,
+                                isActive: () => isLineNumbersVisible(node),
+                                isEnable: () => true,
+                                exec: () => toggleLineNumbers({
+                                    pos,
+                                    node,
+                                    state: view.state,
+                                    dispatch: view.dispatch,
+                                }),
+                            },
                         {
-                            id: 'code-block-type',
-                            type: ToolbarDataType.ReactComponent,
-                            component: () => (_jsx(CodeMenu, { view: view, pos: pos, node: node, selectItems: langItems, mapping: mapping })),
+                            id: 'code-block-copy',
+                            type: ToolbarDataType.ReactNodeFn,
                             width: 28,
+                            content: () => _jsx(ClipboardButton, { text: node.textContent }),
                         },
-                    ],
-                    ...(showLineNumbers ? [[lineNumbersCheckbox]] : []),
+                    ].filter(isTruthy),
                     [
                         {
                             id: 'code-block-remove',
-                            icon: { data: TrashBin },
+                            icon: { data: RemoveIcon },
                             title: i18n('remove'),
+                            theme: 'danger',
                             type: ToolbarDataType.SingleButton,
                             isActive: () => false,
                             isEnable: () => true,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../../../../src","sources":["extensions/markdown/CodeBlock/CodeBlockHighlight/TooltipPlugin/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import type {ChangeEventHandler} from 'react';\n\nimport {TrashBin} from '@gravity-ui/icons';\nimport {Checkbox, Select, type SelectOption} from '@gravity-ui/uikit';\nimport type {Node} from 'prosemirror-model';\nimport type {EditorView} from 'prosemirror-view';\n\nimport {cn} from 'src/classname';\n\nimport {i18n} from '../../../../../i18n/codeblock';\nimport {i18n as i18nPlaceholder} from '../../../../../i18n/placeholder';\nimport {BaseTooltipPluginView} from '../../../../../plugins/BaseTooltip';\nimport {Toolbar, type ToolbarData, ToolbarDataType} from '../../../../../toolbar';\nimport {removeNode} from '../../../../../utils/remove-node';\nimport {CodeBlockNodeAttr, codeBlockType} from '../../CodeBlockSpecs';\n\nimport './TooltipView.scss';\n\nconst bCodeBlock = cn('code-block');\nconst bToolbar = cn('code-block-toolbar');\n\ntype CodeMenuProps = {\n    view: EditorView;\n    pos: number;\n    node: Node;\n    selectItems: SelectOption[];\n    mapping: Record<string, string>;\n};\n\nconst CodeMenu: React.FC<CodeMenuProps> = ({view, pos, node, selectItems, mapping}) => {\n    const lang = node.attrs[CodeBlockNodeAttr.Lang];\n    const showLineNumbers = node.attrs[CodeBlockNodeAttr.ShowLineNumbers];\n    const value = mapping[lang] ?? lang;\n\n    const handleClick = (type: string) => {\n        view.focus();\n        if (type === value) return;\n\n        view.dispatch(\n            view.state.tr.setNodeMarkup(pos, null, {\n                [CodeBlockNodeAttr.Lang]: type,\n                [CodeBlockNodeAttr.ShowLineNumbers]: showLineNumbers,\n            }),\n        );\n    };\n\n    return (\n        <Select\n            size=\"m\"\n            width=\"max\"\n            disablePortal\n            value={[value]}\n            onUpdate={(v) => handleClick(v[0])}\n            options={selectItems}\n            filterable\n            filterPlaceholder={i18nPlaceholder('select_filter')}\n            popupClassName={bCodeBlock('select-popup')}\n            className={bCodeBlock('select-button')}\n            renderEmptyOptions={() => (\n                <div className={bCodeBlock('select-empty')}>{i18n('empty_option')}</div>\n            )}\n            // TODO: in onOpenChange return focus to view.dom after press Esc in Select\n            // after https://github.com/gravity-ui/uikit/issues/2075\n        />\n    );\n};\n\ntype ShowLineNumbersProps = {\n    view: EditorView;\n    pos: number;\n    node: Node;\n};\n\nconst ShowLineNumbers: React.FC<ShowLineNumbersProps> = ({view, pos, node}) => {\n    const lang = node.attrs[CodeBlockNodeAttr.Lang];\n    const showLineNumbers = node.attrs[CodeBlockNodeAttr.ShowLineNumbers] === 'true';\n\n    const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n        view.dispatch(\n            view.state.tr.setNodeMarkup(pos, null, {\n                [CodeBlockNodeAttr.Lang]: lang,\n                [CodeBlockNodeAttr.ShowLineNumbers]: event.target.checked ? 'true' : '',\n            }),\n        );\n    };\n\n    return (\n        <Checkbox\n            checked={showLineNumbers}\n            className={bCodeBlock('show-line-numbers')}\n            content={i18n('show_line_numbers')}\n            onChange={handleChange}\n        />\n    );\n};\n\nexport const codeLangSelectTooltipViewCreator = (\n    view: EditorView,\n    langItems: SelectOption[],\n    mapping: Record<string, string> = {},\n    showLineNumbers: boolean,\n) => {\n    return new BaseTooltipPluginView(view, {\n        idPrefix: 'code-block-tooltip',\n        nodeType: codeBlockType(view.state.schema),\n        popupPlacement: ['bottom', 'top'],\n        content: (view, {node, pos}) => {\n            const lineNumbersCheckbox: ToolbarData<{}>[number][number] = {\n                id: 'code-block-showlinenumbers',\n                type: ToolbarDataType.ReactComponent,\n                component: () => <ShowLineNumbers view={view} pos={pos} node={node} />,\n                width: 28,\n            };\n\n            return (\n                <Toolbar\n                    editor={{}}\n                    focus={() => view.focus()}\n                    className={bToolbar()}\n                    data={[\n                        [\n                            {\n                                id: 'code-block-type',\n                                type: ToolbarDataType.ReactComponent,\n                                component: () => (\n                                    <CodeMenu\n                                        view={view}\n                                        pos={pos}\n                                        node={node}\n                                        selectItems={langItems}\n                                        mapping={mapping}\n                                    />\n                                ),\n                                width: 28,\n                            },\n                        ],\n                        ...(showLineNumbers ? [[lineNumbersCheckbox]] : []),\n                        [\n                            {\n                                id: 'code-block-remove',\n                                icon: {data: TrashBin},\n                                title: i18n('remove'),\n                                type: ToolbarDataType.SingleButton,\n                                isActive: () => false,\n                                isEnable: () => true,\n                                exec: () =>\n                                    removeNode({\n                                        pos: pos,\n                                        node: node,\n                                        tr: view.state.tr,\n                                        dispatch: view.dispatch.bind(view),\n                                    }),\n                            },\n                        ],\n                    ]}\n                />\n            );\n        },\n    });\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../../src","sources":["extensions/markdown/CodeBlock/CodeBlockHighlight/TooltipPlugin/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n    ListOl as LineNumbersIcon,\n    TrashBin as RemoveIcon,\n    ArrowUturnCwLeft as WrappingIcon,\n} from '@gravity-ui/icons';\nimport {ClipboardButton, Select, type SelectOption} from '@gravity-ui/uikit';\nimport type {Node} from 'prosemirror-model';\nimport type {EditorView} from 'prosemirror-view';\n\nimport {cn} from 'src/classname';\nimport {i18n} from 'src/i18n/codeblock';\nimport {i18n as i18nPlaceholder} from 'src/i18n/placeholder';\nimport {BaseTooltipPluginView} from 'src/plugins/BaseTooltip';\nimport {Toolbar, ToolbarDataType, type ToolbarGroupItemData} from 'src/toolbar';\nimport {removeNode} from 'src/utils/remove-node';\nimport {isTruthy} from 'src/utils/truthy';\n\nimport {CodeBlockNodeAttr, codeBlockType} from '../../CodeBlockSpecs';\nimport {PlainTextLang} from '../const';\nimport {isNodeHasLineWrapping} from '../plugins/codeBlockLineWrappingPlugin';\n\nimport {isLineNumbersVisible, toggleLineNumbers, toggleLineWrapping} from './utils';\n\nimport './TooltipView.scss';\n\nconst bCodeBlock = cn('code-block');\nconst bToolbar = cn('code-block-toolbar');\n\ntype CodeMenuProps = {\n    view: EditorView;\n    pos: number;\n    node: Node;\n    selectItems: SelectOption[];\n    mapping: Record<string, string>;\n};\n\nconst CodeMenu: React.FC<CodeMenuProps> = ({view, pos, node, selectItems, mapping}) => {\n    const lang = node.attrs[CodeBlockNodeAttr.Lang];\n    const value = mapping[lang] || lang || PlainTextLang;\n\n    const handleClick = (type: string) => {\n        view.focus();\n        if (type === value) return;\n\n        view.dispatch(view.state.tr.setNodeAttribute(pos, CodeBlockNodeAttr.Lang, type));\n    };\n\n    return (\n        <Select\n            size=\"m\"\n            width=\"max\"\n            disablePortal\n            value={[value]}\n            onUpdate={(v) => handleClick(v[0])}\n            options={selectItems}\n            filterable\n            filterPlaceholder={i18nPlaceholder('select_filter')}\n            popupClassName={bCodeBlock('select-popup')}\n            className={bCodeBlock('select-button')}\n            renderEmptyOptions={() => (\n                <div className={bCodeBlock('select-empty')}>{i18n('empty_option')}</div>\n            )}\n            // TODO: in onOpenChange return focus to view.dom after press Esc in Select\n            // after https://github.com/gravity-ui/uikit/issues/2075\n        />\n    );\n};\n\ntype Options = {\n    showCodeWrapping: boolean;\n    showLineNumbers: boolean;\n};\n\nexport const codeLangSelectTooltipViewCreator = (\n    view: EditorView,\n    langItems: SelectOption[],\n    mapping: Record<string, string> = {},\n    {showCodeWrapping, showLineNumbers}: Options,\n) => {\n    return new BaseTooltipPluginView(view, {\n        idPrefix: 'code-block-tooltip',\n        nodeType: codeBlockType(view.state.schema),\n        popupPlacement: ['bottom', 'top'],\n        content: (view, {node, pos}, _onChange, _forceEdit, _onOutsideClick, rerender) => {\n            return (\n                <Toolbar\n                    editor={{}}\n                    focus={() => view.focus()}\n                    className={bToolbar()}\n                    data={[\n                        [\n                            langItems.length > 0 &&\n                                ({\n                                    id: 'code-block-type',\n                                    type: ToolbarDataType.ReactComponent,\n                                    component: () => (\n                                        <CodeMenu\n                                            view={view}\n                                            pos={pos}\n                                            node={node}\n                                            selectItems={langItems}\n                                            mapping={mapping}\n                                        />\n                                    ),\n                                    width: 28,\n                                } satisfies ToolbarGroupItemData<{}>),\n                            showCodeWrapping &&\n                                ({\n                                    id: 'code-block-wrapping',\n                                    icon: {data: WrappingIcon},\n                                    title: i18n('code_wrapping'),\n                                    type: ToolbarDataType.SingleButton,\n                                    isActive: () => isNodeHasLineWrapping(view.state, pos),\n                                    isEnable: () => true,\n                                    exec: () => {\n                                        toggleLineWrapping({\n                                            pos,\n                                            node,\n                                            state: view.state,\n                                            dispatch: view.dispatch,\n                                        });\n                                        // forcing rerender because editor's toolbar isn't updated when the decorations change\n                                        rerender?.();\n                                    },\n                                } satisfies ToolbarGroupItemData<{}>),\n                            showLineNumbers &&\n                                ({\n                                    id: 'code-block-linenumbers',\n                                    icon: {data: LineNumbersIcon},\n                                    title: i18n('show_line_numbers'),\n                                    type: ToolbarDataType.SingleButton,\n                                    isActive: () => isLineNumbersVisible(node),\n                                    isEnable: () => true,\n                                    exec: () =>\n                                        toggleLineNumbers({\n                                            pos,\n                                            node,\n                                            state: view.state,\n                                            dispatch: view.dispatch,\n                                        }),\n                                } satisfies ToolbarGroupItemData<{}>),\n                            {\n                                id: 'code-block-copy',\n                                type: ToolbarDataType.ReactNodeFn,\n                                width: 28,\n                                content: () => <ClipboardButton text={node.textContent} />,\n                            } satisfies ToolbarGroupItemData<{}>,\n                        ].filter(isTruthy),\n                        [\n                            {\n                                id: 'code-block-remove',\n                                icon: {data: RemoveIcon},\n                                title: i18n('remove'),\n                                theme: 'danger',\n                                type: ToolbarDataType.SingleButton,\n                                isActive: () => false,\n                                isEnable: () => true,\n                                exec: () =>\n                                    removeNode({\n                                        pos: pos,\n                                        node: node,\n                                        tr: view.state.tr,\n                                        dispatch: view.dispatch.bind(view),\n                                    }),\n                            },\n                        ],\n                    ]}\n                />\n            );\n        },\n    });\n};\n"]}

package/build/esm/extensions/markdown/CodeBlock/CodeBlockHighlight/TooltipPlugin/utils.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,21 @@
+import { CodeBlockNodeAttr } from "../../CodeBlockSpecs/index.js";
+import { disableLineWrapping, enableLineWrapping, isNodeHasLineWrapping, } from "../plugins/codeBlockLineWrappingPlugin.js";
+import { isLineNumbersVisible } from "../utils.js";
+/** @internal */
+export { isLineNumbersVisible } from "../utils.js";
+/** @internal */
+export const toggleLineNumbers = ({ node, pos, state, dispatch }) => {
+    const showLineNumbers = isLineNumbersVisible(node);
+    dispatch(state.tr.setNodeAttribute(pos, CodeBlockNodeAttr.ShowLineNumbers, showLineNumbers ? '' : 'true'));
+};
+/** @internal */
+export const toggleLineWrapping = ({ pos, state, dispatch }) => {
+    const { tr } = state;
+    const hasLineWrapping = isNodeHasLineWrapping(state, pos);
+    if (hasLineWrapping)
+        disableLineWrapping(tr, pos);
+    else
+        enableLineWrapping(tr, pos);
+    dispatch(tr);
+};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../../../../src","sources":["extensions/markdown/CodeBlock/CodeBlockHighlight/TooltipPlugin/utils.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,iBAAiB,EAAC,sCAA6B;AACvD,OAAO,EACH,mBAAmB,EACnB,kBAAkB,EAClB,qBAAqB,GACxB,kDAA+C;AAChD,OAAO,EAAC,oBAAoB,EAAC,oBAAiB;AAE9C,gBAAgB;AAChB,OAAO,EAAC,oBAAoB,EAAC,oBAAiB;AAE9C,gBAAgB;AAChB,MAAM,CAAC,MAAM,iBAAiB,GAKjB,CAAC,EAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAC,EAAE,EAAE;IAC1C,MAAM,eAAe,GAAG,oBAAoB,CAAC,IAAI,CAAC,CAAC;IACnD,QAAQ,CACJ,KAAK,CAAC,EAAE,CAAC,gBAAgB,CACrB,GAAG,EACH,iBAAiB,CAAC,eAAe,EACjC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAChC,CACJ,CAAC;AACN,CAAC,CAAC;AAEF,gBAAgB;AAChB,MAAM,CAAC,MAAM,kBAAkB,GAKlB,CAAC,EAAC,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAC,EAAE,EAAE;IACpC,MAAM,EAAC,EAAE,EAAC,GAAG,KAAK,CAAC;IACnB,MAAM,eAAe,GAAG,qBAAqB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAC1D,IAAI,eAAe;QAAE,mBAAmB,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC;;QAC7C,kBAAkB,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,CAAC;AACjB,CAAC,CAAC","sourcesContent":["import type {Node} from '#pm/model';\nimport type {EditorState, Transaction} from '#pm/state';\n\nimport {CodeBlockNodeAttr} from '../../CodeBlockSpecs';\nimport {\n    disableLineWrapping,\n    enableLineWrapping,\n    isNodeHasLineWrapping,\n} from '../plugins/codeBlockLineWrappingPlugin';\nimport {isLineNumbersVisible} from '../utils';\n\n/** @internal */\nexport {isLineNumbersVisible} from '../utils';\n\n/** @internal */\nexport const toggleLineNumbers: (params: {\n    node: Node;\n    pos: number;\n    state: EditorState;\n    dispatch: (tr: Transaction) => void;\n}) => void = ({node, pos, state, dispatch}) => {\n    const showLineNumbers = isLineNumbersVisible(node);\n    dispatch(\n        state.tr.setNodeAttribute(\n            pos,\n            CodeBlockNodeAttr.ShowLineNumbers,\n            showLineNumbers ? '' : 'true',\n        ),\n    );\n};\n\n/** @internal */\nexport const toggleLineWrapping: (params: {\n    node: Node;\n    pos: number;\n    state: EditorState;\n    dispatch: (tr: Transaction) => void;\n}) => void = ({pos, state, dispatch}) => {\n    const {tr} = state;\n    const hasLineWrapping = isNodeHasLineWrapping(state, pos);\n    if (hasLineWrapping) disableLineWrapping(tr, pos);\n    else enableLineWrapping(tr, pos);\n    dispatch(tr);\n};\n"]}

package/build/esm/extensions/markdown/CodeBlock/CodeBlockHighlight/const.d.ts

@@ -0,0 +1 @@
+export declare const PlainTextLang = "plaintext";

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

@@ -0,0 +1,2 @@
+export const PlainTextLang = 'plaintext';
+//# sourceMappingURL=const.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"const.js","sourceRoot":"../../../../../../src","sources":["extensions/markdown/CodeBlock/CodeBlockHighlight/const.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG,WAAW,CAAC","sourcesContent":["export const PlainTextLang = 'plaintext';\n"]}

package/build/esm/extensions/markdown/CodeBlock/CodeBlockHighlight/plugins/codeBlockLineNumbersPlugin.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,51 @@
+import { Plugin, PluginKey } from "../../../../../pm/state.js";
+import { findChildrenByType } from "../../../../../pm/utils.js";
+import { Decoration, DecorationSet } from "../../../../../pm/view.js";
+import { codeBlockType } from "../../CodeBlockSpecs/index.js";
+import { isLineNumbersVisible } from "../utils.js";
+const pluginKey = new PluginKey('code_block_line_numbers_decorations');
+/** @internal */
+export const codeBlockLineNumbersPlugin = () => {
+    return new Plugin({
+        key: pluginKey,
+        state: {
+            init(_config, state) {
+                return getDecorations(state.doc);
+            },
+            apply(tr, decos) {
+                if (tr.docChanged) {
+                    return getDecorations(tr.doc);
+                }
+                return decos.map(tr.mapping, tr.doc);
+            },
+        },
+        props: {
+            decorations(state) {
+                return pluginKey.getState(state);
+            },
+        },
+    });
+};
+function getDecorations(doc) {
+    const decos = [];
+    for (const { node, pos } of findChildrenByType(doc, codeBlockType(doc.type.schema), true)) {
+        if (!isLineNumbersVisible(node))
+            continue;
+        const codeContent = node.textContent;
+        const contentByLines = codeContent.split('\n');
+        const maxDigits = String(contentByLines.length).length;
+        let shift = 0;
+        for (let i = 0; i < contentByLines.length; i++) {
+            const line = contentByLines[i];
+            {
+                const elem = document.createElement('span');
+                elem.classList.add('yfm-line-number');
+                elem.textContent = String(i + 1).padStart(maxDigits, ' ');
+                decos.push(Decoration.widget(pos + shift + 1, elem, { side: 1, ignoreSelection: true }));
+            }
+            shift += line.length + 1;
+        }
+    }
+    return DecorationSet.create(doc, decos);
+}
+//# sourceMappingURL=codeBlockLineNumbersPlugin.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"codeBlockLineNumbersPlugin.js","sourceRoot":"../../../../../../../src","sources":["extensions/markdown/CodeBlock/CodeBlockHighlight/plugins/codeBlockLineNumbersPlugin.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,MAAM,EAAE,SAAS,EAAC,mCAAkB;AAC5C,OAAO,EAAC,kBAAkB,EAAC,mCAAkB;AAC7C,OAAO,EAAC,UAAU,EAAE,aAAa,EAAC,kCAAiB;AAEnD,OAAO,EAAC,aAAa,EAAC,sCAA6B;AACnD,OAAO,EAAC,oBAAoB,EAAC,oBAAiB;AAE9C,MAAM,SAAS,GAAG,IAAI,SAAS,CAAgB,qCAAqC,CAAC,CAAC;AAEtF,gBAAgB;AAChB,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,EAAE;IAC3C,OAAO,IAAI,MAAM,CAAgB;QAC7B,GAAG,EAAE,SAAS;QACd,KAAK,EAAE;YACH,IAAI,CAAC,OAAO,EAAE,KAAK;gBACf,OAAO,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YACrC,CAAC;YACD,KAAK,CAAC,EAAE,EAAE,KAAK;gBACX,IAAI,EAAE,CAAC,UAAU,EAAE,CAAC;oBAChB,OAAO,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;gBAClC,CAAC;gBAED,OAAO,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC;YACzC,CAAC;SACJ;QACD,KAAK,EAAE;YACH,WAAW,CAAC,KAAK;gBACb,OAAO,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YACrC,CAAC;SACJ;KACJ,CAAC,CAAC;AACP,CAAC,CAAC;AAEF,SAAS,cAAc,CAAC,GAAS;IAC7B,MAAM,KAAK,GAAiB,EAAE,CAAC;IAE/B,KAAK,MAAM,EAAC,IAAI,EAAE,GAAG,EAAC,IAAI,kBAAkB,CAAC,GAAG,EAAE,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC;QACtF,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC;YAAE,SAAS;QAE1C,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;QACrC,MAAM,cAAc,GAAG,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAE/C,MAAM,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC;QAEvD,IAAI,KAAK,GAAG,CAAC,CAAC;QACd,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAC7C,MAAM,IAAI,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;YAE/B,CAAC;gBACG,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;gBAC5C,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;gBACtC,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;gBAE1D,KAAK,CAAC,IAAI,CACN,UAAU,CAAC,MAAM,CAAC,GAAG,GAAG,KAAK,GAAG,CAAC,EAAE,IAAI,EAAE,EAAC,IAAI,EAAE,CAAC,EAAE,eAAe,EAAE,IAAI,EAAC,CAAC,CAC7E,CAAC;YACN,CAAC;YAED,KAAK,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;QAC7B,CAAC;IACL,CAAC;IAED,OAAO,aAAa,CAAC,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;AAC5C,CAAC","sourcesContent":["import type {Node} from '#pm/model';\nimport {Plugin, PluginKey} from '#pm/state';\nimport {findChildrenByType} from '#pm/utils';\nimport {Decoration, DecorationSet} from '#pm/view';\n\nimport {codeBlockType} from '../../CodeBlockSpecs';\nimport {isLineNumbersVisible} from '../utils';\n\nconst pluginKey = new PluginKey<DecorationSet>('code_block_line_numbers_decorations');\n\n/** @internal */\nexport const codeBlockLineNumbersPlugin = () => {\n    return new Plugin<DecorationSet>({\n        key: pluginKey,\n        state: {\n            init(_config, state) {\n                return getDecorations(state.doc);\n            },\n            apply(tr, decos) {\n                if (tr.docChanged) {\n                    return getDecorations(tr.doc);\n                }\n\n                return decos.map(tr.mapping, tr.doc);\n            },\n        },\n        props: {\n            decorations(state) {\n                return pluginKey.getState(state);\n            },\n        },\n    });\n};\n\nfunction getDecorations(doc: Node) {\n    const decos: Decoration[] = [];\n\n    for (const {node, pos} of findChildrenByType(doc, codeBlockType(doc.type.schema), true)) {\n        if (!isLineNumbersVisible(node)) continue;\n\n        const codeContent = node.textContent;\n        const contentByLines = codeContent.split('\\n');\n\n        const maxDigits = String(contentByLines.length).length;\n\n        let shift = 0;\n        for (let i = 0; i < contentByLines.length; i++) {\n            const line = contentByLines[i];\n\n            {\n                const elem = document.createElement('span');\n                elem.classList.add('yfm-line-number');\n                elem.textContent = String(i + 1).padStart(maxDigits, ' ');\n\n                decos.push(\n                    Decoration.widget(pos + shift + 1, elem, {side: 1, ignoreSelection: true}),\n                );\n            }\n\n            shift += line.length + 1;\n        }\n    }\n\n    return DecorationSet.create(doc, decos);\n}\n"]}

package/build/esm/extensions/markdown/CodeBlock/CodeBlockHighlight/plugins/codeBlockLineWrappingPlugin.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,72 @@
+import { Plugin, PluginKey } from "../../../../../pm/state.js";
+import { Decoration, DecorationSet } from "../../../../../pm/view.js";
+import { codeBlockType } from "../../CodeBlockSpecs/index.js";
+const pluginKey = new PluginKey('code_block_line_wrapping');
+const WRAPPING_SPEC_KEY = '__code_block_line_wrapping';
+const WRAPPING_SPEC_VALUE = true;
+const isLineWrappingDecoration = (deco) => deco.spec?.[WRAPPING_SPEC_KEY] === WRAPPING_SPEC_VALUE;
+/** @internal */
+export const hasLineWrappingDecoration = (decorations) => {
+    return decorations.some(isLineWrappingDecoration);
+};
+/** @internal */
+export const isNodeHasLineWrapping = (state, pos) => {
+    const node = state.doc.nodeAt(pos);
+    if (!node || node.type !== codeBlockType(state.doc.type.schema))
+        return false;
+    const decos = pluginKey.getState(state)?.decorations.find(pos + 1, pos + node.nodeSize - 1);
+    return decos?.some(isLineWrappingDecoration) ?? false;
+};
+/** @internal */
+export function enableLineWrapping(tr, pos) {
+    return tr.setMeta(pluginKey, { type: 'add', pos });
+}
+/** @internal */
+export function disableLineWrapping(tr, pos) {
+    return tr.setMeta(pluginKey, { type: 'remove', pos });
+}
+/** @internal */
+export const codeBlockLineWrappingPlugin = () => {
+    return new Plugin({
+        key: pluginKey,
+        state: {
+            init() {
+                return {
+                    decorations: DecorationSet.empty,
+                };
+            },
+            apply(tr, value) {
+                let decorations = value.decorations.map(tr.mapping, tr.doc);
+                if (tr.getMeta(pluginKey)) {
+                    const meta = tr.getMeta(pluginKey);
+                    if (meta.type === 'add') {
+                        const node = tr.doc.nodeAt(meta.pos);
+                        if (node?.type === codeBlockType(tr.doc.type.schema)) {
+                            const from = meta.pos;
+                            const to = meta.pos + node.nodeSize;
+                            decorations = decorations.add(tr.doc, [
+                                Decoration.node(from, to, {}, { [WRAPPING_SPEC_KEY]: WRAPPING_SPEC_VALUE }),
+                            ]);
+                        }
+                    }
+                    else if (meta.type === 'remove') {
+                        const node = tr.doc.nodeAt(meta.pos);
+                        if (node?.type === codeBlockType(tr.doc.type.schema)) {
+                            const start = meta.pos + 1;
+                            const end = meta.pos + node.nodeSize - 1;
+                            const found = decorations.find(start, end);
+                            decorations = decorations.remove(found);
+                        }
+                    }
+                }
+                return { decorations };
+            },
+        },
+        props: {
+            decorations(state) {
+                return pluginKey.getState(state)?.decorations;
+            },
+        },
+    });
+};
+//# sourceMappingURL=codeBlockLineWrappingPlugin.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"codeBlockLineWrappingPlugin.js","sourceRoot":"../../../../../../../src","sources":["extensions/markdown/CodeBlock/CodeBlockHighlight/plugins/codeBlockLineWrappingPlugin.ts"],"names":[],"mappings":"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","sourcesContent":["import {type EditorState, Plugin, PluginKey, type Transaction} from '#pm/state';\nimport {Decoration, DecorationSet} from '#pm/view';\n\nimport {codeBlockType} from '../../CodeBlockSpecs';\n\ntype StateShape = {\n    decorations: DecorationSet;\n};\n\nconst pluginKey = new PluginKey<StateShape>('code_block_line_wrapping');\n\ntype Meta = {\n    type: 'add' | 'remove';\n    pos: number;\n};\n\nconst WRAPPING_SPEC_KEY = '__code_block_line_wrapping';\nconst WRAPPING_SPEC_VALUE = true;\n\nconst isLineWrappingDecoration = (deco: Decoration) =>\n    deco.spec?.[WRAPPING_SPEC_KEY] === WRAPPING_SPEC_VALUE;\n\n/** @internal */\nexport const hasLineWrappingDecoration = (decorations: readonly Decoration[]): boolean => {\n    return decorations.some(isLineWrappingDecoration);\n};\n\n/** @internal */\nexport const isNodeHasLineWrapping = (state: EditorState, pos: number): boolean => {\n    const node = state.doc.nodeAt(pos);\n    if (!node || node.type !== codeBlockType(state.doc.type.schema)) return false;\n    const decos = pluginKey.getState(state)?.decorations.find(pos + 1, pos + node.nodeSize - 1);\n    return decos?.some(isLineWrappingDecoration) ?? false;\n};\n\n/** @internal */\nexport function enableLineWrapping(tr: Transaction, pos: number): Transaction {\n    return tr.setMeta(pluginKey, {type: 'add', pos} satisfies Meta);\n}\n\n/** @internal */\nexport function disableLineWrapping(tr: Transaction, pos: number): Transaction {\n    return tr.setMeta(pluginKey, {type: 'remove', pos} satisfies Meta);\n}\n\n/** @internal */\nexport const codeBlockLineWrappingPlugin = () => {\n    return new Plugin<StateShape>({\n        key: pluginKey,\n        state: {\n            init() {\n                return {\n                    decorations: DecorationSet.empty,\n                };\n            },\n            apply(tr, value) {\n                let decorations = value.decorations.map(tr.mapping, tr.doc);\n\n                if (tr.getMeta(pluginKey)) {\n                    const meta = tr.getMeta(pluginKey) as Meta;\n\n                    if (meta.type === 'add') {\n                        const node = tr.doc.nodeAt(meta.pos);\n                        if (node?.type === codeBlockType(tr.doc.type.schema)) {\n                            const from = meta.pos;\n                            const to = meta.pos + node.nodeSize;\n                            decorations = decorations.add(tr.doc, [\n                                Decoration.node(\n                                    from,\n                                    to,\n                                    {},\n                                    {[WRAPPING_SPEC_KEY]: WRAPPING_SPEC_VALUE},\n                                ),\n                            ]);\n                        }\n                    } else if (meta.type === 'remove') {\n                        const node = tr.doc.nodeAt(meta.pos);\n                        if (node?.type === codeBlockType(tr.doc.type.schema)) {\n                            const start = meta.pos + 1;\n                            const end = meta.pos + node.nodeSize - 1;\n                            const found = decorations.find(start, end);\n                            decorations = decorations.remove(found);\n                        }\n                    }\n                }\n\n                return {decorations};\n            },\n        },\n        props: {\n            decorations(state) {\n                return pluginKey.getState(state)?.decorations;\n            },\n        },\n    });\n};\n"]}

package/build/esm/extensions/markdown/CodeBlock/CodeBlockHighlight/utils.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,6 @@
+import { CodeBlockNodeAttr } from "../CodeBlockSpecs/index.js";
+/** @internal */
+export function isLineNumbersVisible(node) {
+    return node.attrs[CodeBlockNodeAttr.ShowLineNumbers] === 'true';
+}
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../../../src","sources":["extensions/markdown/CodeBlock/CodeBlockHighlight/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,iBAAiB,EAAC,mCAA0B;AAEpD,gBAAgB;AAChB,MAAM,UAAU,oBAAoB,CAAC,IAAU;IAC3C,OAAO,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAAC,KAAK,MAAM,CAAC;AACpE,CAAC","sourcesContent":["import type {Node} from '#pm/model';\n\nimport {CodeBlockNodeAttr} from '../CodeBlockSpecs';\n\n/** @internal */\nexport function isLineNumbersVisible(node: Node): boolean {\n    return node.attrs[CodeBlockNodeAttr.ShowLineNumbers] === 'true';\n}\n"]}

package/build/esm/extensions/markdown/CodeBlock/CodeBlockSpecs/index.d.ts

@@ -22,6 +22,7 @@ export type LineNumbersOptions = {
 };
 export type CodeBlockSpecsOptions = {
     nodeview?: ExtensionNodeSpec['view'];
+    /** Configure line numbers in code block */
     lineNumbers?: LineNumbersOptions;
 };
 export declare const CodeBlockSpecs: ExtensionAuto<CodeBlockSpecsOptions>;

package/build/esm/extensions/markdown/CodeBlock/CodeBlockSpecs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["extensions/markdown/CodeBlock/CodeBlockSpecs/index.ts"],"names":[],"mappings":"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","sourcesContent":["import type {ExtensionAuto, ExtensionNodeSpec} from '#core';\nimport {nodeTypeFactory} from 'src/utils/schema';\n\nexport const CodeBlockNodeAttr = {\n    Lang: 'data-language',\n    Markup: 'data-markup',\n    Line: 'data-line',\n    ShowLineNumbers: 'data-show-line-numbers',\n} as const;\n\nexport const codeBlockNodeName = 'code_block';\nexport const codeBlockType = nodeTypeFactory(codeBlockNodeName);\n\nexport type LineNumbersOptions = {\n    /**\n     * Allow line numbers in codeblock.\n     * Available with @diplodoc/transform v4.55.0 or higher.\n     * @default true\n     */\n    // TODO [MAJOR]: enable by default and remove option\n    enabled?: boolean;\n    /**\n     * By default, new code blocks are added with line numbers.\n     * @default false\n     */\n    showByDefault?: boolean;\n};\n\nexport type CodeBlockSpecsOptions = {\n    nodeview?: ExtensionNodeSpec['view'];\n    lineNumbers?: LineNumbersOptions;\n};\n\nconst getLangOfNode = (node: Element) => {\n    let result = node.getAttribute(CodeBlockNodeAttr.Lang) || '';\n\n    if (!result) {\n        const firstElementChild = node.firstElementChild;\n\n        if (\n            firstElementChild &&\n            firstElementChild.nodeName.toLowerCase() === 'code' &&\n            firstElementChild.classList.contains('hljs')\n        ) {\n            result = firstElementChild.getAttribute('class')?.split(' ')?.[1] || '';\n        }\n    }\n\n    return result;\n};\n\nexport const CodeBlockSpecs: ExtensionAuto<CodeBlockSpecsOptions> = (builder, opts) => {\n    builder.addNode(codeBlockNodeName, () => ({\n        view: opts.nodeview,\n        spec: {\n            attrs: {\n                [CodeBlockNodeAttr.Lang]: {default: ''},\n                [CodeBlockNodeAttr.Markup]: {default: '```'},\n                [CodeBlockNodeAttr.Line]: {default: null},\n                ...(opts.lineNumbers?.enabled\n                    ? {\n                          [CodeBlockNodeAttr.ShowLineNumbers]: {\n                              default: opts.lineNumbers.showByDefault ? 'true' : '',\n                          },\n                      }\n                    : {}),\n            },\n            content: 'text*',\n            group: 'block',\n            code: true,\n            marks: '',\n            selectable: true,\n            allowSelection: false,\n            parseDOM: [\n                {\n                    tag: 'pre',\n                    preserveWhitespace: 'full',\n                    getAttrs: (node) => {\n                        return {\n                            [CodeBlockNodeAttr.Lang]: getLangOfNode(node as Element),\n                        };\n                    },\n                },\n            ],\n            toDOM({attrs}) {\n                return ['pre', attrs, ['code', 0]];\n            },\n        },\n        fromMd: {\n            tokenSpec: {\n                name: codeBlockNodeName,\n                type: 'block',\n                noCloseToken: true,\n                getAttrs: (tok) => {\n                    return {\n                        [CodeBlockNodeAttr.Line]: tok.attrGet('data-line'),\n                        [CodeBlockNodeAttr.ShowLineNumbers]: tok.info.includes('showLineNumbers')\n                            ? 'true'\n                            : '',\n                    };\n                },\n                prepareContent: removeNewLineAtEnd, // content of code blocks contains extra \\n at the end\n            },\n        },\n        toMd: (state, node) => {\n            const lang: string = node.attrs[CodeBlockNodeAttr.Lang];\n            const markup: string = node.attrs[CodeBlockNodeAttr.Markup];\n            const showLineNumbers: string = opts.lineNumbers?.enabled\n                ? node.attrs[CodeBlockNodeAttr.ShowLineNumbers]\n                : '';\n\n            let info = lang;\n\n            if (showLineNumbers === 'true') {\n                info += ' showLineNumbers';\n            }\n\n            state.write(markup + info + '\\n');\n            state.text(node.textContent, false);\n            // Add a newline to the current content before adding closing marker\n            state.write('\\n');\n            state.write(markup);\n            state.closeBlock(node);\n        },\n    }));\n    builder.addNode('fence', () => ({\n        //  we adding this node only for define specific 'fence' parser token,\n        //  which parse fence md token to code_block node\n        spec: {},\n        fromMd: {\n            tokenSpec: {\n                name: codeBlockNodeName,\n                type: 'block',\n                noCloseToken: true,\n                getAttrs: (tok) => {\n                    const attrs: Record<string, string | null> = {\n                        [CodeBlockNodeAttr.Markup]: tok.markup,\n                        [CodeBlockNodeAttr.Line]: tok.attrGet('data-line'),\n                    };\n                    if (tok.info) {\n                        // like in markdown-it\n                        // https://github.com/markdown-it/markdown-it/blob/d07d585b6b15aaee2bc8f7a54b994526dad4dbc5/lib/renderer.mjs#L36-L37\n                        const parts = tok.info.split(/\\s+/);\n\n                        const isFirstPartForLineNumbers =\n                            opts.lineNumbers?.enabled && parts[0] === 'showLineNumbers';\n\n                        attrs[CodeBlockNodeAttr.Lang] = isFirstPartForLineNumbers ? '' : parts[0];\n                    }\n                    if (opts.lineNumbers?.enabled && tok.info?.includes('showLineNumbers')) {\n                        attrs[CodeBlockNodeAttr.ShowLineNumbers] = 'true';\n                    } else {\n                        attrs[CodeBlockNodeAttr.ShowLineNumbers] = '';\n                    }\n\n                    return attrs;\n                },\n                prepareContent: removeNewLineAtEnd, // content of fence blocks contains extra \\n at the end\n            },\n        },\n        toMd: () => {\n            throw new Error('Unexpected toMd() call on fence node');\n        },\n    }));\n    builder.addKeymap(() => ({\n        Tab: (state, dispatch) => {\n            const {$anchor, $head} = state.selection;\n            if ($anchor.sameParent($head) && $anchor.parent.type.name === codeBlockNodeName) {\n                dispatch?.(state.tr.replaceSelectionWith(state.schema.text('\\t')).scrollIntoView());\n                return true;\n            }\n            return false;\n        },\n    }));\n};\n\nfunction removeNewLineAtEnd(content: string): string {\n    return content.endsWith('\\n') ? content.slice(0, content.length - 1) : content;\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["extensions/markdown/CodeBlock/CodeBlockSpecs/index.ts"],"names":[],"mappings":"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","sourcesContent":["import type {ExtensionAuto, ExtensionNodeSpec} from '#core';\nimport {nodeTypeFactory} from 'src/utils/schema';\n\nexport const CodeBlockNodeAttr = {\n    Lang: 'data-language',\n    Markup: 'data-markup',\n    Line: 'data-line',\n    ShowLineNumbers: 'data-show-line-numbers',\n} as const;\n\nexport const codeBlockNodeName = 'code_block';\nexport const codeBlockType = nodeTypeFactory(codeBlockNodeName);\n\nexport type LineNumbersOptions = {\n    /**\n     * Allow line numbers in codeblock.\n     * Available with @diplodoc/transform v4.55.0 or higher.\n     * @default true\n     */\n    // TODO [MAJOR]: enable by default and remove option\n    enabled?: boolean;\n    /**\n     * By default, new code blocks are added with line numbers.\n     * @default false\n     */\n    showByDefault?: boolean;\n};\n\nexport type CodeBlockSpecsOptions = {\n    nodeview?: ExtensionNodeSpec['view'];\n    /** Configure line numbers in code block */\n    lineNumbers?: LineNumbersOptions;\n};\n\nconst getLangOfNode = (node: Element) => {\n    let result = node.getAttribute(CodeBlockNodeAttr.Lang) || '';\n\n    if (!result) {\n        const firstElementChild = node.firstElementChild;\n\n        if (\n            firstElementChild &&\n            firstElementChild.nodeName.toLowerCase() === 'code' &&\n            firstElementChild.classList.contains('hljs')\n        ) {\n            result = firstElementChild.getAttribute('class')?.split(' ')?.[1] || '';\n        }\n    }\n\n    return result;\n};\n\nexport const CodeBlockSpecs: ExtensionAuto<CodeBlockSpecsOptions> = (builder, opts) => {\n    builder.addNode(codeBlockNodeName, () => ({\n        view: opts.nodeview,\n        spec: {\n            attrs: {\n                [CodeBlockNodeAttr.Lang]: {default: ''},\n                [CodeBlockNodeAttr.Markup]: {default: '```'},\n                [CodeBlockNodeAttr.Line]: {default: null},\n                ...(opts.lineNumbers?.enabled\n                    ? {\n                          [CodeBlockNodeAttr.ShowLineNumbers]: {\n                              default: opts.lineNumbers.showByDefault ? 'true' : '',\n                          },\n                      }\n                    : {}),\n            },\n            content: 'text*',\n            group: 'block',\n            code: true,\n            marks: '',\n            selectable: true,\n            allowSelection: false,\n            parseDOM: [\n                {\n                    tag: 'pre',\n                    preserveWhitespace: 'full',\n                    getAttrs: (node) => {\n                        return {\n                            [CodeBlockNodeAttr.Lang]: getLangOfNode(node as Element),\n                        };\n                    },\n                },\n            ],\n            toDOM({attrs}) {\n                return ['pre', attrs, ['code', 0]];\n            },\n        },\n        fromMd: {\n            tokenSpec: {\n                name: codeBlockNodeName,\n                type: 'block',\n                noCloseToken: true,\n                getAttrs: (tok) => {\n                    return {\n                        [CodeBlockNodeAttr.Line]: tok.attrGet('data-line'),\n                        [CodeBlockNodeAttr.ShowLineNumbers]: tok.info.includes('showLineNumbers')\n                            ? 'true'\n                            : '',\n                    };\n                },\n                prepareContent: removeNewLineAtEnd, // content of code blocks contains extra \\n at the end\n            },\n        },\n        toMd: (state, node) => {\n            const lang: string = node.attrs[CodeBlockNodeAttr.Lang];\n            const markup: string = node.attrs[CodeBlockNodeAttr.Markup];\n            const showLineNumbers: string = opts.lineNumbers?.enabled\n                ? node.attrs[CodeBlockNodeAttr.ShowLineNumbers]\n                : '';\n\n            let info = lang;\n\n            if (showLineNumbers === 'true') {\n                info += ' showLineNumbers';\n            }\n\n            state.write(markup + info + '\\n');\n            state.text(node.textContent, false);\n            // Add a newline to the current content before adding closing marker\n            state.write('\\n');\n            state.write(markup);\n            state.closeBlock(node);\n        },\n    }));\n    builder.addNode('fence', () => ({\n        //  we adding this node only for define specific 'fence' parser token,\n        //  which parse fence md token to code_block node\n        spec: {},\n        fromMd: {\n            tokenSpec: {\n                name: codeBlockNodeName,\n                type: 'block',\n                noCloseToken: true,\n                getAttrs: (tok) => {\n                    const attrs: Record<string, string | null> = {\n                        [CodeBlockNodeAttr.Markup]: tok.markup,\n                        [CodeBlockNodeAttr.Line]: tok.attrGet('data-line'),\n                    };\n                    if (tok.info) {\n                        // like in markdown-it\n                        // https://github.com/markdown-it/markdown-it/blob/d07d585b6b15aaee2bc8f7a54b994526dad4dbc5/lib/renderer.mjs#L36-L37\n                        const parts = tok.info.split(/\\s+/);\n\n                        const isFirstPartForLineNumbers =\n                            opts.lineNumbers?.enabled && parts[0] === 'showLineNumbers';\n\n                        attrs[CodeBlockNodeAttr.Lang] = isFirstPartForLineNumbers ? '' : parts[0];\n                    }\n                    if (opts.lineNumbers?.enabled && tok.info?.includes('showLineNumbers')) {\n                        attrs[CodeBlockNodeAttr.ShowLineNumbers] = 'true';\n                    } else {\n                        attrs[CodeBlockNodeAttr.ShowLineNumbers] = '';\n                    }\n\n                    return attrs;\n                },\n                prepareContent: removeNewLineAtEnd, // content of fence blocks contains extra \\n at the end\n            },\n        },\n        toMd: () => {\n            throw new Error('Unexpected toMd() call on fence node');\n        },\n    }));\n    builder.addKeymap(() => ({\n        Tab: (state, dispatch) => {\n            const {$anchor, $head} = state.selection;\n            if ($anchor.sameParent($head) && $anchor.parent.type.name === codeBlockNodeName) {\n                dispatch?.(state.tr.replaceSelectionWith(state.schema.text('\\t')).scrollIntoView());\n                return true;\n            }\n            return false;\n        },\n    }));\n};\n\nfunction removeNewLineAtEnd(content: string): string {\n    return content.endsWith('\\n') ? content.slice(0, content.length - 1) : content;\n}\n"]}