@gravity-ui/markdown-editor 15.24.1 → 15.26.1

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

@@ -9,6 +9,7 @@ const lodash_1 = require("../../../../lodash.js");
 const logger_1 = require("../../../../logger.js");
 const CodeBlockSpecs_1 = require("../CodeBlockSpecs/index.js");
 const TooltipPlugin_1 = require("./TooltipPlugin/index.js");
+require("./CodeBlockHighlight.css");
 const key = new prosemirror_state_1.PluginKey('code_block_highlight');
 const CodeBlockHighlight = (builder, opts) => {
     let langs;
@@ -93,7 +94,7 @@ const CodeBlockHighlight = (builder, opts) => {
                     return decos.map(tr.mapping, tr.doc);
                 },
             },
-            view: (view) => (0, TooltipPlugin_1.codeLangSelectTooltipViewCreator)(view, selectItems, mapping),
+            view: (view) => (0, TooltipPlugin_1.codeLangSelectTooltipViewCreator)(view, selectItems, mapping, Boolean(opts.lineNumbers?.enabled)),
             props: {
                 decorations: (state) => {
                     return key.getState(state);
@@ -102,13 +103,23 @@ const CodeBlockHighlight = (builder, opts) => {
                     [CodeBlockSpecs_1.codeBlockNodeName]: (node) => {
                         let prevLang = node.attrs[CodeBlockSpecs_1.CodeBlockNodeAttr.Lang];
                         const dom = document.createElement('pre');
-                        const contentDOM = document.createElement('code');
-                        contentDOM.classList.add('hljs');
+                        updateDomAttribute(dom, CodeBlockSpecs_1.CodeBlockNodeAttr.Line, node.attrs[CodeBlockSpecs_1.CodeBlockNodeAttr.Line]);
+                        const code = document.createElement('code');
+                        code.classList.add('hljs');
                         if (prevLang) {
                             dom.setAttribute(CodeBlockSpecs_1.CodeBlockNodeAttr.Lang, prevLang);
-                            contentDOM.classList.add(prevLang);
+                            code.classList.add(prevLang);
                         }
-                        dom.append(contentDOM);
+                        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,
@@ -117,16 +128,19 @@ const CodeBlockHighlight = (builder, opts) => {
                                     return false;
                                 const newLang = newNode.attrs[CodeBlockSpecs_1.CodeBlockNodeAttr.Lang];
                                 if (prevLang !== newLang) {
-                                    contentDOM.className = 'hljs';
+                                    code.className = 'hljs';
+                                    updateDomAttribute(dom, CodeBlockSpecs_1.CodeBlockNodeAttr.Lang, newLang);
                                     if (newLang) {
-                                        dom.setAttribute(CodeBlockSpecs_1.CodeBlockNodeAttr.Lang, newLang);
-                                        contentDOM.classList.add(newLang);
-                                    }
-                                    else {
-                                        dom.removeAttribute(CodeBlockSpecs_1.CodeBlockNodeAttr.Lang);
+                                        code.classList.add(newLang);
                                     }
                                     prevLang = newLang;
                                 }
+                                updateDomAttribute(dom, CodeBlockSpecs_1.CodeBlockNodeAttr.Line, newNode.attrs[CodeBlockSpecs_1.CodeBlockNodeAttr.Line]);
+                                if (opts.lineNumbers?.enabled) {
+                                    const result = manageLineNumbers(newNode, code, lineNumbersContainer, prevLineCount);
+                                    lineNumbersContainer = result.container;
+                                    prevLineCount = result.lineCount;
+                                }
                                 return true;
                             },
                         };
@@ -183,4 +197,58 @@ 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[CodeBlockSpecs_1.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 };
+}
 //# sourceMappingURL=CodeBlockHighlight.js.map

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

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

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

@@ -23,4 +23,8 @@
 
 .g-md-code-block__select-button {
   margin: auto 0;
+}
+
+.g-md-code-block__show-line-numbers {
+  margin: auto 0;
 }

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

@@ -2,4 +2,4 @@ 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>) => BaseTooltipPluginView;
+export declare const codeLangSelectTooltipViewCreator: (view: EditorView, langItems: SelectOption[], mapping: Record<string, string> | undefined, showLineNumbers: boolean) => BaseTooltipPluginView;

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

@@ -4,6 +4,7 @@ exports.codeLangSelectTooltipViewCreator = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const icons_1 = require("@gravity-ui/icons");
 const uikit_1 = require("@gravity-ui/uikit");
+const classname_1 = require("../../../../../classname.js");
 const codeblock_1 = require("../../../../../i18n/codeblock/index.js");
 const placeholder_1 = require("../../../../../i18n/placeholder/index.js");
 const BaseTooltip_1 = require("../../../../../plugins/BaseTooltip/index.js");
@@ -11,8 +12,11 @@ const toolbar_1 = require("../../../../../toolbar/index.js");
 const remove_node_1 = require("../../../../../utils/remove-node.js");
 const CodeBlockSpecs_1 = require("../../CodeBlockSpecs/index.js");
 require("./TooltipView.css");
+const bCodeBlock = (0, classname_1.cn)('code-block');
+const bToolbar = (0, classname_1.cn)('code-block-toolbar');
 const CodeMenu = ({ view, pos, node, selectItems, mapping }) => {
     const lang = node.attrs[CodeBlockSpecs_1.CodeBlockNodeAttr.Lang];
+    const showLineNumbers = node.attrs[CodeBlockSpecs_1.CodeBlockNodeAttr.ShowLineNumbers];
     const value = mapping[lang] ?? lang;
     const handleClick = (type) => {
         view.focus();
@@ -20,41 +24,62 @@ const CodeMenu = ({ view, pos, node, selectItems, mapping }) => {
             return;
         view.dispatch(view.state.tr.setNodeMarkup(pos, null, {
             [CodeBlockSpecs_1.CodeBlockNodeAttr.Lang]: type,
+            [CodeBlockSpecs_1.CodeBlockNodeAttr.ShowLineNumbers]: showLineNumbers,
         }));
     };
-    return ((0, jsx_runtime_1.jsx)(uikit_1.Select, { size: "m", width: "max", disablePortal: true, value: [value], onUpdate: (v) => handleClick(v[0]), options: selectItems, filterable: true, filterPlaceholder: (0, placeholder_1.i18n)('select_filter'), popupClassName: "g-md-code-block__select-popup", className: "g-md-code-block__select-button", renderEmptyOptions: () => ((0, jsx_runtime_1.jsx)("div", { className: "g-md-code-block__select-empty", children: (0, codeblock_1.i18n)('empty_option') })) }));
+    return ((0, jsx_runtime_1.jsx)(uikit_1.Select, { size: "m", width: "max", disablePortal: true, value: [value], onUpdate: (v) => handleClick(v[0]), options: selectItems, filterable: true, filterPlaceholder: (0, placeholder_1.i18n)('select_filter'), popupClassName: bCodeBlock('select-popup'), className: bCodeBlock('select-button'), renderEmptyOptions: () => ((0, jsx_runtime_1.jsx)("div", { className: bCodeBlock('select-empty'), children: (0, codeblock_1.i18n)('empty_option') })) }));
 };
-const codeLangSelectTooltipViewCreator = (view, langItems, mapping = {}) => {
+const ShowLineNumbers = ({ view, pos, node }) => {
+    const lang = node.attrs[CodeBlockSpecs_1.CodeBlockNodeAttr.Lang];
+    const showLineNumbers = node.attrs[CodeBlockSpecs_1.CodeBlockNodeAttr.ShowLineNumbers] === 'true';
+    const handleChange = (event) => {
+        view.dispatch(view.state.tr.setNodeMarkup(pos, null, {
+            [CodeBlockSpecs_1.CodeBlockNodeAttr.Lang]: lang,
+            [CodeBlockSpecs_1.CodeBlockNodeAttr.ShowLineNumbers]: event.target.checked ? 'true' : '',
+        }));
+    };
+    return ((0, jsx_runtime_1.jsx)(uikit_1.Checkbox, { checked: showLineNumbers, className: bCodeBlock('show-line-numbers'), content: (0, codeblock_1.i18n)('show_line_numbers'), onChange: handleChange }));
+};
+const codeLangSelectTooltipViewCreator = (view, langItems, mapping = {}, showLineNumbers) => {
     return new BaseTooltip_1.BaseTooltipPluginView(view, {
         idPrefix: 'code-block-tooltip',
         nodeType: (0, CodeBlockSpecs_1.codeBlockType)(view.state.schema),
         popupPlacement: ['bottom', 'top'],
-        content: (view, { node, pos }) => ((0, jsx_runtime_1.jsx)(toolbar_1.Toolbar, { editor: {}, focus: () => view.focus(), className: "g-md-code-block-toolbar", data: [
-                [
-                    {
-                        id: 'code-block-type',
-                        type: toolbar_1.ToolbarDataType.ReactComponent,
-                        component: () => ((0, jsx_runtime_1.jsx)(CodeMenu, { view: view, pos: pos, node: node, selectItems: langItems, mapping: mapping })),
-                        width: 28,
-                    },
-                ],
-                [
-                    {
-                        id: 'code-block-remove',
-                        icon: { data: icons_1.TrashBin },
-                        title: (0, codeblock_1.i18n)('remove'),
-                        type: toolbar_1.ToolbarDataType.SingleButton,
-                        isActive: () => false,
-                        isEnable: () => true,
-                        exec: () => (0, remove_node_1.removeNode)({
-                            pos: pos,
-                            node: node,
-                            tr: view.state.tr,
-                            dispatch: view.dispatch.bind(view),
-                        }),
-                    },
-                ],
-            ] })),
+        content: (view, { node, pos }) => {
+            const lineNumbersCheckbox = {
+                id: 'code-block-showlinenumbers',
+                type: toolbar_1.ToolbarDataType.ReactComponent,
+                component: () => (0, jsx_runtime_1.jsx)(ShowLineNumbers, { view: view, pos: pos, node: node }),
+                width: 28,
+            };
+            return ((0, jsx_runtime_1.jsx)(toolbar_1.Toolbar, { editor: {}, focus: () => view.focus(), className: bToolbar(), data: [
+                    [
+                        {
+                            id: 'code-block-type',
+                            type: toolbar_1.ToolbarDataType.ReactComponent,
+                            component: () => ((0, jsx_runtime_1.jsx)(CodeMenu, { view: view, pos: pos, node: node, selectItems: langItems, mapping: mapping })),
+                            width: 28,
+                        },
+                    ],
+                    ...(showLineNumbers ? [[lineNumbersCheckbox]] : []),
+                    [
+                        {
+                            id: 'code-block-remove',
+                            icon: { data: icons_1.TrashBin },
+                            title: (0, codeblock_1.i18n)('remove'),
+                            type: toolbar_1.ToolbarDataType.SingleButton,
+                            isActive: () => false,
+                            isEnable: () => true,
+                            exec: () => (0, remove_node_1.removeNode)({
+                                pos: pos,
+                                node: node,
+                                tr: view.state.tr,
+                                dispatch: view.dispatch.bind(view),
+                            }),
+                        },
+                    ],
+                ] }));
+        },
     });
 };
 exports.codeLangSelectTooltipViewCreator = codeLangSelectTooltipViewCreator;

package/build/cjs/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":";;;;AAAA,6CAA2C;AAC3C,6CAA4D;AAI5D,sEAAmD;AACnD,0EAAwE;AACxE,6EAAyE;AACzE,6DAAgE;AAChE,qEAA4D;AAC5D,kEAAsE;AAEtE,6BAA4B;AAU5B,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,kCAAiB,CAAC,IAAI,CAAC,CAAC;IAChD,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,kCAAiB,CAAC,IAAI,CAAC,EAAE,IAAI;SACjC,CAAC,CACL,CAAC;IACN,CAAC,CAAC;IAEF,OAAO,CACH,uBAAC,cAAM,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,IAAA,kBAAe,EAAC,eAAe,CAAC,EACnD,cAAc,EAAC,+BAA+B,EAC9C,SAAS,EAAC,gCAAgC,EAC1C,kBAAkB,EAAE,GAAG,EAAE,CAAC,CACtB,gCAAK,SAAS,EAAC,+BAA+B,YAAE,IAAA,gBAAI,EAAC,cAAc,CAAC,GAAO,CAC9E,GAGH,CACL,CAAC;AACN,CAAC,CAAC;AAEK,MAAM,gCAAgC,GAAG,CAC5C,IAAgB,EAChB,SAAyB,EACzB,UAAkC,EAAE,EACtC,EAAE;IACA,OAAO,IAAI,mCAAqB,CAAC,IAAI,EAAE;QACnC,QAAQ,EAAE,oBAAoB;QAC9B,QAAQ,EAAE,IAAA,8BAAa,EAAC,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,CAAC,CAC5B,uBAAC,iBAAO,IACJ,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,EACzB,SAAS,EAAC,yBAAyB,EACnC,IAAI,EAAE;gBACF;oBACI;wBACI,EAAE,EAAE,iBAAiB;wBACrB,IAAI,EAAE,yBAAe,CAAC,cAAc;wBACpC,SAAS,EAAE,GAAG,EAAE,CAAC,CACb,uBAAC,QAAQ,IACL,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,SAAS,EACtB,OAAO,EAAE,OAAO,GAClB,CACL;wBACD,KAAK,EAAE,EAAE;qBACZ;iBACJ;gBACD;oBACI;wBACI,EAAE,EAAE,mBAAmB;wBACvB,IAAI,EAAE,EAAC,IAAI,EAAE,gBAAQ,EAAC;wBACtB,KAAK,EAAE,IAAA,gBAAI,EAAC,QAAQ,CAAC;wBACrB,IAAI,EAAE,yBAAe,CAAC,YAAY;wBAClC,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK;wBACrB,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI;wBACpB,IAAI,EAAE,GAAG,EAAE,CACP,IAAA,wBAAU,EAAC;4BACP,GAAG,EAAE,GAAG;4BACR,IAAI,EAAE,IAAI;4BACV,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE;4BACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;yBACrC,CAAC;qBACT;iBACJ;aACJ,GACH,CACL;KACJ,CAAC,CAAC;AACP,CAAC,CAAC;AApDW,QAAA,gCAAgC,oCAoD3C","sourcesContent":["import {TrashBin} from '@gravity-ui/icons';\nimport {Select, type SelectOption} from '@gravity-ui/uikit';\nimport type {Node} from 'prosemirror-model';\nimport type {EditorView} from 'prosemirror-view';\n\nimport {i18n} from '../../../../../i18n/codeblock';\nimport {i18n as i18nPlaceholder} from '../../../../../i18n/placeholder';\nimport {BaseTooltipPluginView} from '../../../../../plugins/BaseTooltip';\nimport {Toolbar, ToolbarDataType} from '../../../../../toolbar';\nimport {removeNode} from '../../../../../utils/remove-node';\nimport {CodeBlockNodeAttr, codeBlockType} from '../../CodeBlockSpecs';\n\nimport './TooltipView.scss';\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;\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            }),\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=\"g-md-code-block__select-popup\"\n            className=\"g-md-code-block__select-button\"\n            renderEmptyOptions={() => (\n                <div className=\"g-md-code-block__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\nexport const codeLangSelectTooltipViewCreator = (\n    view: EditorView,\n    langItems: SelectOption[],\n    mapping: Record<string, string> = {},\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            <Toolbar\n                editor={{}}\n                focus={() => view.focus()}\n                className=\"g-md-code-block-toolbar\"\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                    [\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"]}
+{"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"]}

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

@@ -2,10 +2,17 @@ import type { ExtensionAuto, ExtensionNodeSpec } from "../../../../core/index.js
 export declare const CodeBlockNodeAttr: {
     readonly Lang: "data-language";
     readonly Markup: "data-markup";
+    readonly Line: "data-line";
+    readonly ShowLineNumbers: "data-show-line-numbers";
 };
 export declare const codeBlockNodeName = "code_block";
 export declare const codeBlockType: (schema: import("prosemirror-model").Schema) => import("prosemirror-model").NodeType;
+export type LineNumbersOptions = {
+    enabled?: boolean;
+    showByDefault?: boolean;
+};
 export type CodeBlockSpecsOptions = {
     nodeview?: ExtensionNodeSpec['view'];
+    lineNumbers?: LineNumbersOptions;
 };
 export declare const CodeBlockSpecs: ExtensionAuto<CodeBlockSpecsOptions>;

package/build/cjs/extensions/markdown/CodeBlock/CodeBlockSpecs/index.js

@@ -5,6 +5,8 @@ const schema_1 = require("../../../../utils/schema.js");
 exports.CodeBlockNodeAttr = {
     Lang: 'data-language',
     Markup: 'data-markup',
+    Line: 'data-line',
+    ShowLineNumbers: 'data-show-line-numbers',
 };
 exports.codeBlockNodeName = 'code_block';
 exports.codeBlockType = (0, schema_1.nodeTypeFactory)(exports.codeBlockNodeName);
@@ -27,6 +29,14 @@ const CodeBlockSpecs = (builder, opts) => {
             attrs: {
                 [exports.CodeBlockNodeAttr.Lang]: { default: '' },
                 [exports.CodeBlockNodeAttr.Markup]: { default: '```' },
+                [exports.CodeBlockNodeAttr.Line]: { default: null },
+                ...(opts.lineNumbers?.enabled
+                    ? {
+                        [exports.CodeBlockNodeAttr.ShowLineNumbers]: {
+                            default: opts.lineNumbers.showByDefault ? 'true' : '',
+                        },
+                    }
+                    : {}),
             },
             content: 'text*',
             group: 'block',
@@ -54,13 +64,28 @@ const CodeBlockSpecs = (builder, opts) => {
                 name: exports.codeBlockNodeName,
                 type: 'block',
                 noCloseToken: true,
+                getAttrs: (tok) => {
+                    return {
+                        [exports.CodeBlockNodeAttr.Line]: tok.attrGet('data-line'),
+                        [exports.CodeBlockNodeAttr.ShowLineNumbers]: tok.info.includes('showLineNumbers')
+                            ? 'true'
+                            : '',
+                    };
+                },
                 prepareContent: removeNewLineAtEnd, // content of code blocks contains extra \n at the end
             },
         },
         toMd: (state, node) => {
             const lang = node.attrs[exports.CodeBlockNodeAttr.Lang];
             const markup = node.attrs[exports.CodeBlockNodeAttr.Markup];
-            state.write(markup + lang + '\n');
+            const showLineNumbers = opts.lineNumbers?.enabled
+                ? node.attrs[exports.CodeBlockNodeAttr.ShowLineNumbers]
+                : '';
+            let info = lang;
+            if (showLineNumbers === 'true') {
+                info += ' showLineNumbers';
+            }
+            state.write(markup + info + '\n');
             state.text(node.textContent, false);
             // Add a newline to the current content before adding closing marker
             state.write('\n');
@@ -80,11 +105,20 @@ const CodeBlockSpecs = (builder, opts) => {
                 getAttrs: (tok) => {
                     const attrs = {
                         [exports.CodeBlockNodeAttr.Markup]: tok.markup,
+                        [exports.CodeBlockNodeAttr.Line]: tok.attrGet('data-line'),
                     };
                     if (tok.info) {
                         // like in markdown-it
                         // https://github.com/markdown-it/markdown-it/blob/d07d585b6b15aaee2bc8f7a54b994526dad4dbc5/lib/renderer.mjs#L36-L37
-                        attrs[exports.CodeBlockNodeAttr.Lang] = tok.info.split(/(\s+)/g)[0];
+                        const parts = tok.info.split(/\s+/);
+                        const isFirstPartForLineNumbers = opts.lineNumbers?.enabled && parts[0] === 'showLineNumbers';
+                        attrs[exports.CodeBlockNodeAttr.Lang] = isFirstPartForLineNumbers ? '' : parts[0];
+                    }
+                    if (opts.lineNumbers?.enabled && tok.info?.includes('showLineNumbers')) {
+                        attrs[exports.CodeBlockNodeAttr.ShowLineNumbers] = 'true';
+                    }
+                    else {
+                        attrs[exports.CodeBlockNodeAttr.ShowLineNumbers] = '';
                     }
                     return attrs;
                 },

package/build/cjs/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 '../../../../utils/schema';\n\nexport const CodeBlockNodeAttr = {\n    Lang: 'data-language',\n    Markup: 'data-markup',\n} as const;\n\nexport const codeBlockNodeName = 'code_block';\nexport const codeBlockType = nodeTypeFactory(codeBlockNodeName);\n\nexport type CodeBlockSpecsOptions = {\n    nodeview?: ExtensionNodeSpec['view'];\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            },\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                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\n            state.write(markup + lang + '\\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> = {\n                        [CodeBlockNodeAttr.Markup]: tok.markup,\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                        attrs[CodeBlockNodeAttr.Lang] = tok.info.split(/(\\s+)/g)[0];\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 '../../../../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 = {enabled?: boolean; showByDefault?: boolean};\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"]}

package/build/cjs/extensions/markdown/CodeBlock/index.d.ts

@@ -1,6 +1,6 @@
 import type { Action, ExtensionAuto } from "../../../core/index.js";
 import { type HighlightLangMap } from "./CodeBlockHighlight/CodeBlockHighlight.js";
-import { type CodeBlockSpecsOptions } from "./CodeBlockSpecs/index.js";
+import { type CodeBlockSpecsOptions, type LineNumbersOptions } from "./CodeBlockSpecs/index.js";
 import { cbAction } from "./const.js";
 export { resetCodeblock } from "./commands.js";
 export { codeBlockNodeName, CodeBlockNodeAttr, codeBlockType } from "./CodeBlockSpecs/index.js";
@@ -8,6 +8,7 @@ export type CodeBlockOptions = CodeBlockSpecsOptions & {
     codeBlockKey?: string | null;
     langs?: HighlightLangMap;
 };
+export declare const lineNumbersOptionsDefault: LineNumbersOptions;
 export declare const CodeBlock: ExtensionAuto<CodeBlockOptions>;
 declare global {
     namespace WysiwygEditor {

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CodeBlock = exports.codeBlockType = exports.CodeBlockNodeAttr = exports.codeBlockNodeName = exports.resetCodeblock = void 0;
+exports.CodeBlock = exports.lineNumbersOptionsDefault = exports.codeBlockType = exports.CodeBlockNodeAttr = exports.codeBlockNodeName = exports.resetCodeblock = void 0;
 // @ts-ignore // TODO: fix cjs build
 const prosemirror_utils_1 = require("prosemirror-utils");
 const lodash_1 = require("../../../lodash.js");
@@ -17,10 +17,22 @@ var CodeBlockSpecs_2 = require("./CodeBlockSpecs/index.js");
 Object.defineProperty(exports, "codeBlockNodeName", { enumerable: true, get: function () { return CodeBlockSpecs_2.codeBlockNodeName; } });
 Object.defineProperty(exports, "CodeBlockNodeAttr", { enumerable: true, get: function () { return CodeBlockSpecs_2.CodeBlockNodeAttr; } });
 Object.defineProperty(exports, "codeBlockType", { enumerable: true, get: function () { return CodeBlockSpecs_2.codeBlockType; } });
+exports.lineNumbersOptionsDefault = { enabled: true, showByDefault: true };
 const CodeBlock = (builder, opts) => {
-    builder.use(CodeBlockSpecs_1.CodeBlockSpecs, opts);
+    const optsNormalized = {
+        ...opts,
+        lineNumbers: {
+            enabled: typeof opts.lineNumbers?.enabled === 'boolean'
+                ? opts.lineNumbers.enabled
+                : exports.lineNumbersOptionsDefault.enabled,
+            showByDefault: typeof opts.lineNumbers?.showByDefault === 'boolean'
+                ? opts.lineNumbers.showByDefault
+                : exports.lineNumbersOptionsDefault.showByDefault,
+        },
+    };
+    builder.use(CodeBlockSpecs_1.CodeBlockSpecs, optsNormalized);
     builder.addKeymap((deps) => {
-        const { codeBlockKey } = opts;
+        const { codeBlockKey } = optsNormalized;
         const bindings = { Enter: commands_1.newlineInCode, Backspace: commands_1.resetCodeblock };
         if (codeBlockKey) {
             bindings[codeBlockKey] = (0, keymap_1.withLogAction)('code_block', (0, commands_1.setCodeBlockType)(deps));
@@ -37,11 +49,14 @@ const CodeBlock = (builder, opts) => {
         };
     });
     builder.addPlugin(codeBlockPastePlugin_1.codeBlockPastePlugin, builder.Priority.High);
-    if ((0, lodash_1.isFunction)(opts.langs)) {
-        builder.use(opts.langs);
+    if ((0, lodash_1.isFunction)(optsNormalized.langs)) {
+        builder.use(optsNormalized.langs);
     }
     else {
-        builder.use(CodeBlockHighlight_1.CodeBlockHighlight, opts.langs ?? {});
+        builder.use(CodeBlockHighlight_1.CodeBlockHighlight, {
+            langs: optsNormalized.langs,
+            lineNumbers: optsNormalized.lineNumbers,
+        });
     }
 };
 exports.CodeBlock = CodeBlock;