@gravity-ui/markdown-editor 15.31.0 → 15.33.0

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

@@ -5,7 +5,11 @@ import { Decoration, DecorationSet } from 'prosemirror-view';
 import { capitalize } from "../../../../lodash.js";
 import { globalLogger } from "../../../../logger.js";
 import { CodeBlockNodeAttr, codeBlockNodeName, codeBlockType, } from "../CodeBlockSpecs/index.js";
+import { CodeBlockNodeView } from "./CodeBlockNodeView.js";
 import { codeLangSelectTooltipViewCreator } from "./TooltipPlugin/index.js";
+import { PlainTextLang } from "./const.js";
+import { codeBlockLineNumbersPlugin } from "./plugins/codeBlockLineNumbersPlugin.js";
+import { codeBlockLineWrappingPlugin } from "./plugins/codeBlockLineWrappingPlugin.js";
 import "./CodeBlockHighlight.css";
 const key = new PluginKey('code_block_highlight');
 export const CodeBlockHighlight = (builder, opts) => {
@@ -28,9 +32,14 @@ export const CodeBlockHighlight = (builder, opts) => {
             return false;
         }
     };
+    if (opts.lineWrapping?.enabled)
+        builder.addPlugin(codeBlockLineWrappingPlugin);
+    if (opts.lineNumbers?.enabled)
+        builder.addPlugin(codeBlockLineNumbersPlugin);
     builder.addPlugin(() => {
         let modulesLoaded = false;
         let view = null;
+        // empty array by default, but is filled after loading modules
         const selectItems = [];
         const mapping = {};
         // TODO: add TAB key handler
@@ -54,6 +63,7 @@ export const CodeBlockHighlight = (builder, opts) => {
                                     }
                                 }
                             }
+                            selectItems.sort(sortLangs);
                             if (view && !view.isDestroyed) {
                                 view.dispatch(view.state.tr.setMeta(key, { modulesLoaded }));
                             }
@@ -100,58 +110,17 @@ export const CodeBlockHighlight = (builder, opts) => {
             },
             view: (v) => {
                 view = v;
-                return codeLangSelectTooltipViewCreator(view, selectItems, mapping, Boolean(opts.lineNumbers?.enabled));
+                return codeLangSelectTooltipViewCreator(view, selectItems, mapping, {
+                    showCodeWrapping: Boolean(opts.lineWrapping?.enabled),
+                    showLineNumbers: Boolean(opts.lineNumbers?.enabled),
+                });
             },
             props: {
                 decorations: (state) => {
                     return key.getState(state);
                 },
                 nodeViews: {
-                    [codeBlockNodeName]: (node) => {
-                        let prevLang = node.attrs[CodeBlockNodeAttr.Lang];
-                        const dom = document.createElement('pre');
-                        updateDomAttribute(dom, CodeBlockNodeAttr.Line, node.attrs[CodeBlockNodeAttr.Line]);
-                        const code = document.createElement('code');
-                        code.classList.add('hljs');
-                        if (prevLang) {
-                            dom.setAttribute(CodeBlockNodeAttr.Lang, prevLang);
-                            code.classList.add(prevLang);
-                        }
-                        const contentDOM = document.createElement('div');
-                        let lineNumbersContainer;
-                        let prevLineCount = 0;
-                        if (opts.lineNumbers?.enabled) {
-                            const result = manageLineNumbers(node, code);
-                            lineNumbersContainer = result.container;
-                            prevLineCount = result.lineCount;
-                        }
-                        code.append(contentDOM);
-                        dom.append(code);
-                        return {
-                            dom,
-                            contentDOM,
-                            update(newNode) {
-                                if (node.type !== newNode.type)
-                                    return false;
-                                const newLang = newNode.attrs[CodeBlockNodeAttr.Lang];
-                                if (prevLang !== newLang) {
-                                    code.className = 'hljs';
-                                    updateDomAttribute(dom, CodeBlockNodeAttr.Lang, newLang);
-                                    if (newLang) {
-                                        code.classList.add(newLang);
-                                    }
-                                    prevLang = newLang;
-                                }
-                                updateDomAttribute(dom, CodeBlockNodeAttr.Line, newNode.attrs[CodeBlockNodeAttr.Line]);
-                                if (opts.lineNumbers?.enabled) {
-                                    const result = manageLineNumbers(newNode, code, lineNumbersContainer, prevLineCount);
-                                    lineNumbersContainer = result.container;
-                                    prevLineCount = result.lineCount;
-                                }
-                                return true;
-                            },
-                        };
-                    },
+                    [codeBlockNodeName]: CodeBlockNodeView.withOpts(opts),
                 },
             },
         });
@@ -203,58 +172,12 @@ function stepHasFromTo(step) {
     // @ts-expect-error
     return typeof step.from === 'number' && typeof step.to === 'number';
 }
-function updateDomAttribute(elem, attr, value) {
-    if (value) {
-        elem.setAttribute(attr, value);
-    }
-    else {
-        elem.removeAttribute(attr);
-    }
-}
-function manageLineNumbers(node, code, prevContainer, prevLineCount = 0) {
-    const showLineNumbers = node.attrs[CodeBlockNodeAttr.ShowLineNumbers] === 'true';
-    if (!showLineNumbers) {
-        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 prevMaxDigits = String(prevLineCount).length;
-        if (currentLineCount > prevLineCount) {
-            for (let i = prevLineCount + 1; i <= currentLineCount; i++) {
-                const lineNumberElement = document.createElement('div');
-                lineNumberElement.className = 'yfm-line-number';
-                lineNumberElement.textContent = String(i).padStart(maxDigits, ' ');
-                container.appendChild(lineNumberElement);
-            }
-        }
-        else if (currentLineCount < prevLineCount) {
-            for (let i = prevLineCount; i > currentLineCount; i--) {
-                if (container.lastChild) {
-                    container.removeChild(container.lastChild);
-                }
-            }
-        }
-        if (maxDigits !== prevMaxDigits) {
-            Array.from(container.children).forEach((lineNumber, index) => {
-                const lineNum = index + 1;
-                lineNumber.textContent = String(lineNum).padStart(maxDigits, ' ');
-            });
-        }
-    }
-    return { container, lineCount: currentLineCount };
+function sortLangs(a, b) {
+    // plaintext always goes first
+    if (a.value === PlainTextLang)
+        return -1;
+    if (b.value === PlainTextLang)
+        return 1;
+    return 0;
 }
 //# sourceMappingURL=CodeBlockHighlight.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CodeBlockHighlight.js","sourceRoot":"../../../../../../src","sources":["extensions/markdown/CodeBlock/CodeBlockHighlight/CodeBlockHighlight.ts"],"names":[],"mappings":"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","sourcesContent":["import type {Options} from '@diplodoc/transform';\n// importing only type, because lowlight and highlight.js is optional deps\nimport type HLJS from 'highlight.js/lib/core';\nimport type {createLowlight} from 'lowlight' with {'resolution-mode': 'import'};\nimport type {Node} from 'prosemirror-model';\nimport {Plugin, PluginKey} from 'prosemirror-state';\nimport type {Step} from 'prosemirror-transform';\n// @ts-ignore // TODO: fix cjs build\nimport {findChildrenByType} from 'prosemirror-utils';\nimport {Decoration, DecorationSet, type EditorView} from 'prosemirror-view';\n\nimport type {ExtensionAuto} from '../../../../core';\nimport {capitalize} from '../../../../lodash';\nimport {globalLogger} from '../../../../logger';\nimport {\n    CodeBlockNodeAttr,\n    type LineNumbersOptions,\n    codeBlockNodeName,\n    codeBlockType,\n} from '../CodeBlockSpecs';\n\nimport {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"]}
+{"version":3,"file":"CodeBlockHighlight.js","sourceRoot":"../../../../../../src","sources":["extensions/markdown/CodeBlock/CodeBlockHighlight/CodeBlockHighlight.ts"],"names":[],"mappings":"AAKA,OAAO,EAAC,MAAM,EAAE,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAEpD,oCAAoC;AACpC,OAAO,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAC,UAAU,EAAE,aAAa,EAAkB,MAAM,kBAAkB,CAAC;AAG5E,OAAO,EAAC,UAAU,EAAC,8BAA2B;AAC9C,OAAO,EAAC,YAAY,EAAC,8BAA2B;AAChD,OAAO,EACH,iBAAiB,EAEjB,iBAAiB,EACjB,aAAa,GAChB,mCAA0B;AAE3B,OAAO,EAAC,iBAAiB,EAAC,+BAA4B;AACtD,OAAO,EAAC,gCAAgC,EAAC,iCAAwB;AACjE,OAAO,EAAC,aAAa,EAAC,mBAAgB;AACtC,OAAO,EAAC,0BAA0B,EAAC,gDAA6C;AAChF,OAAO,EAAC,2BAA2B,EAAC,iDAA8C;AAElF,kCAAmC;AAYnC,MAAM,GAAG,GAAG,IAAI,SAAS,CAAgB,sBAAsB,CAAC,CAAC;AAUjE,MAAM,CAAC,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,YAAY,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,IAAI,IAAI,CAAC,YAAY,EAAE,OAAO;QAAE,OAAO,CAAC,SAAS,CAAC,2BAA2B,CAAC,CAAC;IAC/E,IAAI,IAAI,CAAC,WAAW,EAAE,OAAO;QAAE,OAAO,CAAC,SAAS,CAAC,0BAA0B,CAAC,CAAC;IAE7E,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,aAAa,GAAG,KAAK,CAAC;QAC1B,IAAI,IAAI,GAAsB,IAAI,CAAC;QAEnC,8DAA8D;QAC9D,MAAM,WAAW,GAAqB,EAAE,CAAC;QACzC,MAAM,OAAO,GAA2B,EAAE,CAAC;QAE3C,4BAA4B;QAC5B,2CAA2C;QAC3C,OAAO,IAAI,MAAM,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,UAAU,CAAC,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,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;4BAE5B,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,aAAa,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,iBAAiB;4BACjC,WAAW,KAAK,iBAAiB,EACnC,CAAC;4BACC,qCAAqC;4BACrC,OAAO,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;wBAClC,CAAC;6BAAM,CAAC;4BACJ,MAAM,QAAQ,GAAG,kBAAkB,CAC/B,QAAQ,CAAC,GAAG,EACZ,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,CACjC,CAAC;4BACF,MAAM,QAAQ,GAAG,kBAAkB,CAC/B,QAAQ,CAAC,GAAG,EACZ,aAAa,CAAC,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,gCAAgC,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE;oBAChE,gBAAgB,EAAE,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,OAAO,CAAC;oBACrD,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC;iBACtD,CAAC,CAAC;YACP,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,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,IAAI,CAAC;iBACxD;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,aAAa,CAAC,KAAK,CAAC;QAC/B,CAAC;QAED,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;YACtF,IAAI,IAAI,GAAG,GAAG,GAAG,CAAC,CAAC;YACnB,IAAI,KAAuB,CAAC;YAE5B,MAAM,IAAI,GAAuB,IAAI,CAAC,KAAK,CAAC,iBAAiB,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,UAAU,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,aAAa,CAAC,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IAC5C,CAAC;AACL,CAAC,CAAC;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,SAAS,CAAC,CAAiB,EAAE,CAAiB;IACnD,8BAA8B;IAC9B,IAAI,CAAC,CAAC,KAAK,KAAK,aAAa;QAAE,OAAO,CAAC,CAAC,CAAC;IACzC,IAAI,CAAC,CAAC,KAAK,KAAK,aAAa;QAAE,OAAO,CAAC,CAAC;IACxC,OAAO,CAAC,CAAC;AACb,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 {CodeBlockNodeView} from './CodeBlockNodeView';\nimport {codeLangSelectTooltipViewCreator} from './TooltipPlugin';\nimport {PlainTextLang} from './const';\nimport {codeBlockLineNumbersPlugin} from './plugins/codeBlockLineNumbersPlugin';\nimport {codeBlockLineWrappingPlugin} from './plugins/codeBlockLineWrappingPlugin';\n\nimport './CodeBlockHighlight.scss';\n\nexport type HighlightLangMap = Options['highlightLangs'];\n\ntype Lowlight = ReturnType<typeof createLowlight>;\ntype Root = ReturnType<Lowlight['highlight']>;\n\ntype LangSelectItem = {\n    value: string;\n    content: string;\n};\n\nconst key = new PluginKey<DecorationSet>('code_block_highlight');\n\nexport type CodeBlockHighlightOptions = {\n    lineWrapping?: {\n        enabled?: boolean;\n    };\n    lineNumbers?: LineNumbersOptions;\n    langs?: HighlightLangMap;\n};\n\nexport const CodeBlockHighlight: ExtensionAuto<CodeBlockHighlightOptions> = (builder, opts) => {\n    let langs: NonNullable<HighlightLangMap>;\n    let lowlight: Lowlight;\n    let hljs: typeof HLJS;\n\n    const loadModules = async () => {\n        try {\n            hljs = (await import('highlight.js/lib/core')).default;\n            const low = await import('lowlight');\n\n            const all: HighlightLangMap = low.all;\n            const create: typeof createLowlight = low.createLowlight;\n            langs = {...all, ...opts.langs};\n            lowlight = create(langs);\n            return true;\n        } catch (e) {\n            globalLogger.info('Skip code_block highlighting');\n            builder.logger.log('Skip code_block highlighting');\n            return false;\n        }\n    };\n\n    if (opts.lineWrapping?.enabled) builder.addPlugin(codeBlockLineWrappingPlugin);\n    if (opts.lineNumbers?.enabled) builder.addPlugin(codeBlockLineNumbersPlugin);\n\n    builder.addPlugin(() => {\n        let modulesLoaded = false;\n        let view: EditorView | null = null;\n\n        // empty array by default, but is filled after loading modules\n        const selectItems: LangSelectItem[] = [];\n        const mapping: Record<string, string> = {};\n\n        // TODO: add TAB key handler\n        // TODO: Remove constant selection of block\n        return new Plugin<DecorationSet>({\n            key,\n            state: {\n                init: (_, state) => {\n                    loadModules().then((loaded) => {\n                        modulesLoaded = loaded;\n\n                        if (modulesLoaded) {\n                            for (const lang of Object.keys(langs)) {\n                                const defs = langs[lang](hljs);\n                                selectItems.push({\n                                    value: lang,\n                                    content: defs.name || capitalize(lang),\n                                });\n                                if (defs.aliases) {\n                                    for (const alias of defs.aliases) {\n                                        mapping[alias] = lang;\n                                    }\n                                }\n                            }\n\n                            selectItems.sort(sortLangs);\n\n                            if (view && !view.isDestroyed) {\n                                view.dispatch(view.state.tr.setMeta(key, {modulesLoaded}));\n                            }\n                        }\n                    });\n                    return getDecorations(state.doc);\n                },\n                apply: (tr, decos, oldState, newState) => {\n                    if (!modulesLoaded) {\n                        return DecorationSet.empty;\n                    }\n\n                    if (tr.getMeta(key)?.modulesLoaded) {\n                        return getDecorations(tr.doc);\n                    }\n\n                    if (tr.docChanged) {\n                        const oldNodeName = oldState.selection.$head.parent.type.name;\n                        const newNodeName = newState.selection.$head.parent.type.name;\n\n                        // Apply decorations if:\n                        if (\n                            oldNodeName === codeBlockNodeName ||\n                            newNodeName === codeBlockNodeName\n                        ) {\n                            // selection includes codeblock node,\n                            return getDecorations(tr.doc);\n                        } else {\n                            const oldNodes = findChildrenByType(\n                                oldState.doc,\n                                codeBlockType(oldState.schema),\n                            );\n                            const newNodes = findChildrenByType(\n                                newState.doc,\n                                codeBlockType(newState.schema),\n                            );\n                            if (\n                                // OR transaction adds/removes codeblock nodes,\n                                newNodes.length !== oldNodes.length ||\n                                // OR transaction has changes that completely encapsulate a node\n                                // (for example, a transaction that affects the entire document).\n                                // Such transactions can happen during collab syncing via y-prosemirror, for example.\n                                tr.steps.some((step) => {\n                                    return (\n                                        stepHasFromTo(step) &&\n                                        oldNodes.some(\n                                            (node: {node: Node; pos: number}) =>\n                                                node.pos >= step.from &&\n                                                node.pos + node.node.nodeSize <= step.to,\n                                        )\n                                    );\n                                })\n                            ) {\n                                return getDecorations(tr.doc);\n                            }\n                        }\n                    }\n                    return decos.map(tr.mapping, tr.doc);\n                },\n            },\n            view: (v) => {\n                view = v;\n                return codeLangSelectTooltipViewCreator(view, selectItems, mapping, {\n                    showCodeWrapping: Boolean(opts.lineWrapping?.enabled),\n                    showLineNumbers: Boolean(opts.lineNumbers?.enabled),\n                });\n            },\n            props: {\n                decorations: (state) => {\n                    return key.getState(state);\n                },\n                nodeViews: {\n                    [codeBlockNodeName]: CodeBlockNodeView.withOpts(opts),\n                },\n            },\n        });\n    });\n\n    function getDecorations(doc: Node) {\n        const decos: Decoration[] = [];\n\n        if (!lowlight) {\n            return DecorationSet.empty;\n        }\n\n        for (const {node, pos} of findChildrenByType(doc, codeBlockType(doc.type.schema), true)) {\n            let from = pos + 1;\n            let nodes: Root['children'];\n\n            const lang: string | undefined = node.attrs[CodeBlockNodeAttr.Lang];\n            if (lang && lowlight.registered(lang)) {\n                nodes = lowlight.highlight(lang, node.textContent).children;\n            } else {\n                continue;\n            }\n\n            for (const {text, classes} of parseNodes(nodes)) {\n                const to = from + text.length;\n                if (classes.length) {\n                    decos.push(\n                        Decoration.inline(from, to, {\n                            class: classes.join(' '),\n                        }),\n                    );\n                }\n                from = to;\n            }\n        }\n\n        return DecorationSet.create(doc, decos);\n    }\n};\n\nfunction parseNodes(\n    nodes: Root['children'],\n    className: readonly string[] = [],\n): {text: string; classes: readonly string[]}[] {\n    return nodes\n        .map((node) => {\n            let classes = className;\n            if (node.type === 'element') {\n                classes = classes.concat((node.properties.className as string[]) ?? []);\n                return parseNodes(node.children, classes);\n            }\n\n            return {\n                text: node.type === 'comment' || node.type === 'text' ? node.value : '',\n                classes,\n            };\n        })\n        .flat();\n}\n\nfunction stepHasFromTo(step: Step): step is Step & {from: number; to: number} {\n    // @ts-expect-error\n    return typeof step.from === 'number' && typeof step.to === 'number';\n}\n\nfunction sortLangs(a: LangSelectItem, b: LangSelectItem): number {\n    // plaintext always goes first\n    if (a.value === PlainTextLang) return -1;\n    if (b.value === PlainTextLang) return 1;\n    return 0;\n}\n"]}

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

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

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":";AAEA,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAC,QAAQ,EAAE,MAAM,EAAoB,MAAM,mBAAmB,CAAC;AAItE,OAAO,EAAC,EAAE,EAAC,oCAAsB;AAEjC,OAAO,EAAC,IAAI,EAAC,+CAAsC;AACnD,OAAO,EAAC,IAAI,IAAI,eAAe,EAAC,iDAAwC;AACxE,OAAO,EAAC,qBAAqB,EAAC,oDAA2C;AACzE,OAAO,EAAC,OAAO,EAAoB,eAAe,EAAC,wCAA+B;AAClF,OAAO,EAAC,UAAU,EAAC,4CAAyC;AAC5D,OAAO,EAAC,iBAAiB,EAAE,aAAa,EAAC,sCAA6B;AAEtE,2BAA4B;AAE5B,MAAM,UAAU,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC;AACpC,MAAM,QAAQ,GAAG,EAAE,CAAC,oBAAoB,CAAC,CAAC;AAU1C,MAAM,QAAQ,GAA4B,CAAC,EAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAC,EAAE,EAAE;IAClF,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAChD,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC;IACtE,MAAM,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC;IAEpC,MAAM,WAAW,GAAG,CAAC,IAAY,EAAE,EAAE;QACjC,IAAI,CAAC,KAAK,EAAE,CAAC;QACb,IAAI,IAAI,KAAK,KAAK;YAAE,OAAO;QAE3B,IAAI,CAAC,QAAQ,CACT,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG,EAAE,IAAI,EAAE;YACnC,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,IAAI;YAC9B,CAAC,iBAAiB,CAAC,eAAe,CAAC,EAAE,eAAe;SACvD,CAAC,CACL,CAAC;IACN,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,MAAM,IACH,IAAI,EAAC,GAAG,EACR,KAAK,EAAC,KAAK,EACX,aAAa,QACb,KAAK,EAAE,CAAC,KAAK,CAAC,EACd,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAClC,OAAO,EAAE,WAAW,EACpB,UAAU,QACV,iBAAiB,EAAE,eAAe,CAAC,eAAe,CAAC,EACnD,cAAc,EAAE,UAAU,CAAC,cAAc,CAAC,EAC1C,SAAS,EAAE,UAAU,CAAC,eAAe,CAAC,EACtC,kBAAkB,EAAE,GAAG,EAAE,CAAC,CACtB,cAAK,SAAS,EAAE,UAAU,CAAC,cAAc,CAAC,YAAG,IAAI,CAAC,cAAc,CAAC,GAAO,CAC3E,GAGH,CACL,CAAC;AACN,CAAC,CAAC;AAQF,MAAM,eAAe,GAAmC,CAAC,EAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAC,EAAE,EAAE;IAC1E,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAChD,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAAC,KAAK,MAAM,CAAC;IAEjF,MAAM,YAAY,GAAyC,CAAC,KAAK,EAAE,EAAE;QACjE,IAAI,CAAC,QAAQ,CACT,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG,EAAE,IAAI,EAAE;YACnC,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,IAAI;YAC9B,CAAC,iBAAiB,CAAC,eAAe,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE;SAC1E,CAAC,CACL,CAAC;IACN,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,QAAQ,IACL,OAAO,EAAE,eAAe,EACxB,SAAS,EAAE,UAAU,CAAC,mBAAmB,CAAC,EAC1C,OAAO,EAAE,IAAI,CAAC,mBAAmB,CAAC,EAClC,QAAQ,EAAE,YAAY,GACxB,CACL,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gCAAgC,GAAG,CAC5C,IAAgB,EAChB,SAAyB,EACzB,UAAkC,EAAE,EACpC,eAAwB,EAC1B,EAAE;IACA,OAAO,IAAI,qBAAqB,CAAC,IAAI,EAAE;QACnC,QAAQ,EAAE,oBAAoB;QAC9B,QAAQ,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;QAC1C,cAAc,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC;QACjC,OAAO,EAAE,CAAC,IAAI,EAAE,EAAC,IAAI,EAAE,GAAG,EAAC,EAAE,EAAE;YAC3B,MAAM,mBAAmB,GAAoC;gBACzD,EAAE,EAAE,4BAA4B;gBAChC,IAAI,EAAE,eAAe,CAAC,cAAc;gBACpC,SAAS,EAAE,GAAG,EAAE,CAAC,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,GAAI;gBACtE,KAAK,EAAE,EAAE;aACZ,CAAC;YAEF,OAAO,CACH,KAAC,OAAO,IACJ,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,EACzB,SAAS,EAAE,QAAQ,EAAE,EACrB,IAAI,EAAE;oBACF;wBACI;4BACI,EAAE,EAAE,iBAAiB;4BACrB,IAAI,EAAE,eAAe,CAAC,cAAc;4BACpC,SAAS,EAAE,GAAG,EAAE,CAAC,CACb,KAAC,QAAQ,IACL,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,SAAS,EACtB,OAAO,EAAE,OAAO,GAClB,CACL;4BACD,KAAK,EAAE,EAAE;yBACZ;qBACJ;oBACD,GAAG,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;oBACnD;wBACI;4BACI,EAAE,EAAE,mBAAmB;4BACvB,IAAI,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC;4BACtB,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC;4BACrB,IAAI,EAAE,eAAe,CAAC,YAAY;4BAClC,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK;4BACrB,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI;4BACpB,IAAI,EAAE,GAAG,EAAE,CACP,UAAU,CAAC;gCACP,GAAG,EAAE,GAAG;gCACR,IAAI,EAAE,IAAI;gCACV,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE;gCACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;6BACrC,CAAC;yBACT;qBACJ;iBACJ,GACH,CACL,CAAC;QACN,CAAC;KACJ,CAAC,CAAC;AACP,CAAC,CAAC","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";