@gravity-ui/markdown-editor 15.25.0 → 15.26.1

package/build/cjs/extensions/additional/Math/const.d.ts

@@ -1,2 +1,3 @@
 export * from "./MathSpecs/const.js";
 export { mathBType, mathIType } from "./MathSpecs/index.js";
+export declare const LATEX_MODES: Set<string>;

package/build/cjs/extensions/additional/Math/const.js

@@ -1,9 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.mathIType = exports.mathBType = void 0;
+exports.LATEX_MODES = exports.mathIType = exports.mathBType = void 0;
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./MathSpecs/const.js"), exports);
 var MathSpecs_1 = require("./MathSpecs/index.js");
 Object.defineProperty(exports, "mathBType", { enumerable: true, get: function () { return MathSpecs_1.mathBType; } });
 Object.defineProperty(exports, "mathIType", { enumerable: true, get: function () { return MathSpecs_1.mathIType; } });
+exports.LATEX_MODES = new Set([
+    'tex',
+    'latex',
+    'bibtex',
+    'doctex',
+    'latex-expl3',
+    'pweave',
+    'jlweave',
+    'rsweave',
+]);
 //# sourceMappingURL=const.js.map

package/build/cjs/extensions/additional/Math/const.js.map

@@ -1 +1 @@
-{"version":3,"file":"const.js","sourceRoot":"../../../../../src","sources":["extensions/additional/Math/const.ts"],"names":[],"mappings":";;;;AAAA,+DAAkC;AAClC,kDAAiD;AAAzC,sGAAA,SAAS,OAAA;AAAE,sGAAA,SAAS,OAAA","sourcesContent":["export * from './MathSpecs/const';\nexport {mathBType, mathIType} from './MathSpecs';\n"]}
+{"version":3,"file":"const.js","sourceRoot":"../../../../../src","sources":["extensions/additional/Math/const.ts"],"names":[],"mappings":";;;;AAAA,+DAAkC;AAClC,kDAAiD;AAAzC,sGAAA,SAAS,OAAA;AAAE,sGAAA,SAAS,OAAA;AAEf,QAAA,WAAW,GAAG,IAAI,GAAG,CAAC;IAC/B,KAAK;IACL,OAAO;IACP,QAAQ;IACR,QAAQ;IACR,aAAa;IACb,QAAQ;IACR,SAAS;IACT,SAAS;CACZ,CAAC,CAAC","sourcesContent":["export * from './MathSpecs/const';\nexport {mathBType, mathIType} from './MathSpecs';\n\nexport const LATEX_MODES = new Set([\n    'tex',\n    'latex',\n    'bibtex',\n    'doctex',\n    'latex-expl3',\n    'pweave',\n    'jlweave',\n    'rsweave',\n]);\n"]}

package/build/cjs/extensions/additional/Math/index.d.ts

@@ -3,6 +3,7 @@ import { type MathNodeViewOptions } from "./view-and-edit.js";
 import "./index.css";
 export { MathNode, mathBType, mathIType } from "./MathSpecs/index.js";
 export { MathBlockNodeView, MathInlineNodeView } from "./view-and-edit.js";
+export { isLatexMode, parseLatexFormulas } from "./utils.js";
 declare const mathIAction = "addMathInline";
 declare const mathBAction = "toMathBlock";
 export type MathOptions = Pick<MathNodeViewOptions, 'loadRuntimeScript' | 'sanitize' | 'katexOptions'>;

package/build/cjs/extensions/additional/Math/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Math = exports.MathInlineNodeView = exports.MathBlockNodeView = exports.mathIType = exports.mathBType = exports.MathNode = void 0;
+exports.Math = exports.parseLatexFormulas = exports.isLatexMode = exports.MathInlineNodeView = exports.MathBlockNodeView = exports.mathIType = exports.mathBType = exports.MathNode = void 0;
 const prosemirror_commands_1 = require("prosemirror-commands");
 const prosemirror_state_1 = require("prosemirror-state");
 // @ts-ignore // TODO: fix cjs build
@@ -10,6 +10,7 @@ const selection_1 = require("../../../utils/selection.js");
 const MathSpecs_1 = require("./MathSpecs/index.js");
 const commands_1 = require("./commands.js");
 const const_1 = require("./const.js");
+const latex_paste_plugin_1 = require("./latex-paste-plugin.js");
 const view_and_edit_1 = require("./view-and-edit.js");
 require("./index.css");
 var MathSpecs_2 = require("./MathSpecs/index.js");
@@ -19,6 +20,9 @@ Object.defineProperty(exports, "mathIType", { enumerable: true, get: function ()
 var view_and_edit_2 = require("./view-and-edit.js");
 Object.defineProperty(exports, "MathBlockNodeView", { enumerable: true, get: function () { return view_and_edit_2.MathBlockNodeView; } });
 Object.defineProperty(exports, "MathInlineNodeView", { enumerable: true, get: function () { return view_and_edit_2.MathInlineNodeView; } });
+var utils_1 = require("./utils.js");
+Object.defineProperty(exports, "isLatexMode", { enumerable: true, get: function () { return utils_1.isLatexMode; } });
+Object.defineProperty(exports, "parseLatexFormulas", { enumerable: true, get: function () { return utils_1.parseLatexFormulas; } });
 const mathIAction = 'addMathInline';
 const mathBAction = 'toMathBlock';
 const mathITemplate = 'f(x)=';
@@ -29,6 +33,7 @@ const Math = (builder, opts) => {
         Backspace: (0, prosemirror_commands_1.chainCommands)(commands_1.removeEmptyMathInlineIfCursorIsAtBeginning, commands_1.moveCursorLeftOfMathInline),
     }));
     builder
+        .addPlugin(latex_paste_plugin_1.latexPastePlugin, builder.Priority.VeryHigh)
         .addPlugin(() => (0, view_and_edit_1.mathViewAndEditPlugin)({
         ...opts,
         reactRenderer: builder.context.get('reactrenderer'),

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/additional/Math/index.ts"],"names":[],"mappings":"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","sourcesContent":["import {chainCommands, setBlockType} from 'prosemirror-commands';\nimport {type Command, TextSelection} from 'prosemirror-state';\n// @ts-ignore // TODO: fix cjs build\nimport {hasParentNodeOfType} from 'prosemirror-utils';\n\nimport type {Action, ExtensionAuto} from '../../../core';\nimport {inlineNodeInputRule, textblockTypeInputRule} from '../../../utils/inputrules';\nimport {isTextSelection} from '../../../utils/selection';\n\nimport {MathSpecs} from './MathSpecs';\nimport {\n    ignoreIfCursorInsideMathInline,\n    moveCursorLeftOfMathInline,\n    removeEmptyMathInlineIfCursorIsAtBeginning,\n} from './commands';\nimport {mathBType, mathIType} from './const';\nimport {type MathNodeViewOptions, mathViewAndEditPlugin} from './view-and-edit';\n\nimport './index.scss';\n\nexport {MathNode, mathBType, mathIType} from './MathSpecs';\nexport {MathBlockNodeView, MathInlineNodeView} from './view-and-edit';\n\nconst mathIAction = 'addMathInline';\nconst mathBAction = 'toMathBlock';\n\nconst mathITemplate = 'f(x)=';\n\n// !!! YfmPreset/YfmSpecsPreset does not use or re-export the Math extension\n\nexport type MathOptions = Pick<\n    MathNodeViewOptions,\n    'loadRuntimeScript' | 'sanitize' | 'katexOptions'\n>;\n\nexport const Math: ExtensionAuto<MathOptions> = (builder, opts) => {\n    builder.use(MathSpecs);\n\n    builder.addKeymap(() => ({\n        Enter: ignoreIfCursorInsideMathInline, // ignore breaks in math inline\n        Backspace: chainCommands(\n            removeEmptyMathInlineIfCursorIsAtBeginning,\n            moveCursorLeftOfMathInline,\n        ),\n    }));\n\n    builder\n        .addPlugin(() =>\n            mathViewAndEditPlugin({\n                ...opts,\n                reactRenderer: builder.context.get('reactrenderer')!,\n            }),\n        )\n        .addInputRules((deps) => ({\n            rules: [\n                textblockTypeInputRule(/^\\$\\$\\s$/, mathBType(deps.schema)),\n                inlineNodeInputRule(/\\$[^$\\s]+\\$$/, (match) =>\n                    mathIType(deps.schema).create(null, deps.schema.text(match.replace(/\\$/g, ''))),\n                ),\n            ],\n        }));\n    builder\n        .addAction(mathIAction, (deps) => {\n            const type = mathIType(deps.schema);\n            const cmd: Command = (state, dispatch) => {\n                const {selection} = state;\n                if (isTextSelection(selection) && selection.$from.sameParent(selection.$to)) {\n                    if (dispatch) {\n                        const fragment = selection.content().content;\n                        const selectedText =\n                            fragment.textBetween(0, fragment.size) || mathITemplate;\n                        const tr = state.tr;\n                        selection.replaceWith(\n                            tr,\n                            type.create(null, deps.schema.text(selectedText)),\n                        );\n                        tr.setSelection(\n                            TextSelection.create(tr.doc, selection.from + selectedText.length + 1),\n                        );\n                        dispatch(tr);\n                    }\n                    return true;\n                }\n                return false;\n            };\n            return {\n                isActive: (state) => hasParentNodeOfType(type)(state.selection),\n                isEnable: cmd,\n                run: cmd,\n            };\n        })\n        .addAction(mathBAction, (deps) => {\n            const type = mathBType(deps.schema);\n            const cmd = setBlockType(type);\n            return {\n                isActive: (state) => hasParentNodeOfType(type)(state.selection),\n                isEnable: cmd,\n                run: cmd,\n            };\n        });\n};\n\ndeclare global {\n    namespace WysiwygEditor {\n        interface Actions {\n            [mathIAction]: Action;\n            [mathBAction]: Action;\n        }\n    }\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/additional/Math/index.ts"],"names":[],"mappings":"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","sourcesContent":["import {chainCommands, setBlockType} from 'prosemirror-commands';\nimport {type Command, TextSelection} from 'prosemirror-state';\n// @ts-ignore // TODO: fix cjs build\nimport {hasParentNodeOfType} from 'prosemirror-utils';\n\nimport type {Action, ExtensionAuto} from '../../../core';\nimport {inlineNodeInputRule, textblockTypeInputRule} from '../../../utils/inputrules';\nimport {isTextSelection} from '../../../utils/selection';\n\nimport {MathSpecs} from './MathSpecs';\nimport {\n    ignoreIfCursorInsideMathInline,\n    moveCursorLeftOfMathInline,\n    removeEmptyMathInlineIfCursorIsAtBeginning,\n} from './commands';\nimport {mathBType, mathIType} from './const';\nimport {latexPastePlugin} from './latex-paste-plugin';\nimport {type MathNodeViewOptions, mathViewAndEditPlugin} from './view-and-edit';\n\nimport './index.scss';\n\nexport {MathNode, mathBType, mathIType} from './MathSpecs';\nexport {MathBlockNodeView, MathInlineNodeView} from './view-and-edit';\nexport {isLatexMode, parseLatexFormulas} from './utils';\n\nconst mathIAction = 'addMathInline';\nconst mathBAction = 'toMathBlock';\n\nconst mathITemplate = 'f(x)=';\n\n// !!! YfmPreset/YfmSpecsPreset does not use or re-export the Math extension\n\nexport type MathOptions = Pick<\n    MathNodeViewOptions,\n    'loadRuntimeScript' | 'sanitize' | 'katexOptions'\n>;\n\nexport const Math: ExtensionAuto<MathOptions> = (builder, opts) => {\n    builder.use(MathSpecs);\n\n    builder.addKeymap(() => ({\n        Enter: ignoreIfCursorInsideMathInline, // ignore breaks in math inline\n        Backspace: chainCommands(\n            removeEmptyMathInlineIfCursorIsAtBeginning,\n            moveCursorLeftOfMathInline,\n        ),\n    }));\n\n    builder\n        .addPlugin(latexPastePlugin, builder.Priority.VeryHigh)\n        .addPlugin(() =>\n            mathViewAndEditPlugin({\n                ...opts,\n                reactRenderer: builder.context.get('reactrenderer')!,\n            }),\n        )\n        .addInputRules((deps) => ({\n            rules: [\n                textblockTypeInputRule(/^\\$\\$\\s$/, mathBType(deps.schema)),\n                inlineNodeInputRule(/\\$[^$\\s]+\\$$/, (match) =>\n                    mathIType(deps.schema).create(null, deps.schema.text(match.replace(/\\$/g, ''))),\n                ),\n            ],\n        }));\n    builder\n        .addAction(mathIAction, (deps) => {\n            const type = mathIType(deps.schema);\n            const cmd: Command = (state, dispatch) => {\n                const {selection} = state;\n                if (isTextSelection(selection) && selection.$from.sameParent(selection.$to)) {\n                    if (dispatch) {\n                        const fragment = selection.content().content;\n                        const selectedText =\n                            fragment.textBetween(0, fragment.size) || mathITemplate;\n                        const tr = state.tr;\n                        selection.replaceWith(\n                            tr,\n                            type.create(null, deps.schema.text(selectedText)),\n                        );\n                        tr.setSelection(\n                            TextSelection.create(tr.doc, selection.from + selectedText.length + 1),\n                        );\n                        dispatch(tr);\n                    }\n                    return true;\n                }\n                return false;\n            };\n            return {\n                isActive: (state) => hasParentNodeOfType(type)(state.selection),\n                isEnable: cmd,\n                run: cmd,\n            };\n        })\n        .addAction(mathBAction, (deps) => {\n            const type = mathBType(deps.schema);\n            const cmd = setBlockType(type);\n            return {\n                isActive: (state) => hasParentNodeOfType(type)(state.selection),\n                isEnable: cmd,\n                run: cmd,\n            };\n        });\n};\n\ndeclare global {\n    namespace WysiwygEditor {\n        interface Actions {\n            [mathIAction]: Action;\n            [mathBAction]: Action;\n        }\n    }\n}\n"]}

package/build/cjs/extensions/additional/Math/latex-paste-plugin.d.ts

@@ -0,0 +1,2 @@
+import { Plugin } from 'prosemirror-state';
+export declare const latexPastePlugin: () => Plugin<any>;

package/build/cjs/extensions/additional/Math/latex-paste-plugin.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.latexPastePlugin = void 0;
+const prosemirror_state_1 = require("prosemirror-state");
+const _core_1 = require("../../../core/index.js");
+const model_1 = require("../../../pm/model.js");
+const const_1 = require("./const.js");
+const utils_1 = require("./utils.js");
+const latexPastePlugin = () => new prosemirror_state_1.Plugin({
+    props: {
+        handleDOMEvents: {
+            paste(view, e) {
+                const event = e;
+                if (!event.clipboardData || view.state.selection.$from.parent.type.spec.code) {
+                    return false;
+                }
+                const latexData = (0, utils_1.getLatexData)(event.clipboardData);
+                if (!latexData)
+                    return false;
+                (0, _core_1.getLoggerFromState)(view.state).event({
+                    domEvent: 'paste',
+                    event: 'paste-latex-from-code-editor',
+                    editor: latexData.editor,
+                    editorMode: latexData.mode,
+                    empty: !latexData.value,
+                    dataTypes: event.clipboardData.types,
+                });
+                const { tr, schema } = view.state;
+                const mathBlockType = schema.nodes[const_1.MathNode.Block];
+                if (!mathBlockType)
+                    return false;
+                if (latexData.value) {
+                    const formulas = (0, utils_1.parseLatexFormulas)(latexData.value);
+                    if (formulas.length > 0) {
+                        const nodes = formulas.map((formula) => mathBlockType.create(null, schema.text(formula)));
+                        const fragment = model_1.Fragment.from(nodes);
+                        tr.replaceWith(tr.selection.from, tr.selection.to, fragment);
+                    }
+                    else {
+                        tr.replaceWith(tr.selection.from, tr.selection.to, model_1.Fragment.empty);
+                    }
+                }
+                else {
+                    tr.replaceWith(tr.selection.from, tr.selection.to, model_1.Fragment.empty);
+                }
+                view.dispatch(tr.scrollIntoView());
+                e.preventDefault();
+                return true;
+            },
+        },
+    },
+});
+exports.latexPastePlugin = latexPastePlugin;
+//# sourceMappingURL=latex-paste-plugin.js.map

package/build/cjs/extensions/additional/Math/latex-paste-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"latex-paste-plugin.js","sourceRoot":"../../../../../src","sources":["extensions/additional/Math/latex-paste-plugin.ts"],"names":[],"mappings":";;;AAAA,yDAAyC;AAEzC,kDAAyC;AACzC,gDAAmC;AAEnC,sCAAiC;AACjC,sCAAyD;AAElD,MAAM,gBAAgB,GAAG,GAAG,EAAE,CACjC,IAAI,0BAAM,CAAC;IACP,KAAK,EAAE;QACH,eAAe,EAAE;YACb,KAAK,CAAC,IAAI,EAAE,CAAQ;gBAChB,MAAM,KAAK,GAAG,CAAmB,CAAC;gBAClC,IAAI,CAAC,KAAK,CAAC,aAAa,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;oBAC3E,OAAO,KAAK,CAAC;gBACjB,CAAC;gBAED,MAAM,SAAS,GAAG,IAAA,oBAAY,EAAC,KAAK,CAAC,aAAa,CAAC,CAAC;gBACpD,IAAI,CAAC,SAAS;oBAAE,OAAO,KAAK,CAAC;gBAE7B,IAAA,0BAAkB,EAAC,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC;oBACjC,QAAQ,EAAE,OAAO;oBACjB,KAAK,EAAE,8BAA8B;oBACrC,MAAM,EAAE,SAAS,CAAC,MAAM;oBACxB,UAAU,EAAE,SAAS,CAAC,IAAI;oBAC1B,KAAK,EAAE,CAAC,SAAS,CAAC,KAAK;oBACvB,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK;iBACvC,CAAC,CAAC;gBAEH,MAAM,EAAC,EAAE,EAAE,MAAM,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;gBAChC,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,gBAAQ,CAAC,KAAK,CAAC,CAAC;gBAEnD,IAAI,CAAC,aAAa;oBAAE,OAAO,KAAK,CAAC;gBAEjC,IAAI,SAAS,CAAC,KAAK,EAAE,CAAC;oBAClB,MAAM,QAAQ,GAAG,IAAA,0BAAkB,EAAC,SAAS,CAAC,KAAK,CAAC,CAAC;oBAErD,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;wBACtB,MAAM,KAAK,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CACnC,aAAa,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CACnD,CAAC;wBACF,MAAM,QAAQ,GAAG,gBAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;wBACtC,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;oBACjE,CAAC;yBAAM,CAAC;wBACJ,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,EAAE,EAAE,gBAAQ,CAAC,KAAK,CAAC,CAAC;oBACvE,CAAC;gBACL,CAAC;qBAAM,CAAC;oBACJ,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,EAAE,EAAE,gBAAQ,CAAC,KAAK,CAAC,CAAC;gBACvE,CAAC;gBAED,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,cAAc,EAAE,CAAC,CAAC;gBACnC,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,OAAO,IAAI,CAAC;YAChB,CAAC;SACJ;KACJ;CACJ,CAAC,CAAC;AAjDM,QAAA,gBAAgB,oBAiDtB","sourcesContent":["import {Plugin} from 'prosemirror-state';\n\nimport {getLoggerFromState} from '#core';\nimport {Fragment} from '#pm/model';\n\nimport {MathNode} from './const';\nimport {getLatexData, parseLatexFormulas} from './utils';\n\nexport const latexPastePlugin = () =>\n    new Plugin({\n        props: {\n            handleDOMEvents: {\n                paste(view, e: Event) {\n                    const event = e as ClipboardEvent;\n                    if (!event.clipboardData || view.state.selection.$from.parent.type.spec.code) {\n                        return false;\n                    }\n\n                    const latexData = getLatexData(event.clipboardData);\n                    if (!latexData) return false;\n\n                    getLoggerFromState(view.state).event({\n                        domEvent: 'paste',\n                        event: 'paste-latex-from-code-editor',\n                        editor: latexData.editor,\n                        editorMode: latexData.mode,\n                        empty: !latexData.value,\n                        dataTypes: event.clipboardData.types,\n                    });\n\n                    const {tr, schema} = view.state;\n                    const mathBlockType = schema.nodes[MathNode.Block];\n\n                    if (!mathBlockType) return false;\n\n                    if (latexData.value) {\n                        const formulas = parseLatexFormulas(latexData.value);\n\n                        if (formulas.length > 0) {\n                            const nodes = formulas.map((formula) =>\n                                mathBlockType.create(null, schema.text(formula)),\n                            );\n                            const fragment = Fragment.from(nodes);\n                            tr.replaceWith(tr.selection.from, tr.selection.to, fragment);\n                        } else {\n                            tr.replaceWith(tr.selection.from, tr.selection.to, Fragment.empty);\n                        }\n                    } else {\n                        tr.replaceWith(tr.selection.from, tr.selection.to, Fragment.empty);\n                    }\n\n                    view.dispatch(tr.scrollIntoView());\n                    e.preventDefault();\n                    return true;\n                },\n            },\n        },\n    });\n"]}

package/build/cjs/extensions/additional/Math/utils.d.ts

@@ -0,0 +1,7 @@
+export declare function isLatexMode(mode: string | undefined): boolean;
+export declare function parseLatexFormulas(content: string): string[];
+export declare function getLatexData(data: DataTransfer): null | {
+    editor: string;
+    mode: string;
+    value: string;
+};

package/build/cjs/extensions/additional/Math/utils.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isLatexMode = isLatexMode;
+exports.parseLatexFormulas = parseLatexFormulas;
+exports.getLatexData = getLatexData;
+const tslib_1 = require("tslib");
+const ts_dedent_1 = tslib_1.__importDefault(require("ts-dedent"));
+const clipboard_1 = require("../../../utils/clipboard.js");
+const const_1 = require("./const.js");
+function isLatexMode(mode) {
+    if (!mode)
+        return false;
+    return const_1.LATEX_MODES.has(mode.toLowerCase());
+}
+function parseLatexFormulas(content) {
+    const blocks = content.split(/\n\s*\n/);
+    const formulas = [];
+    for (const block of blocks) {
+        const lines = block
+            .split('\n')
+            .map((line) => line.trim())
+            .filter((line) => line.length > 0);
+        if (lines.length > 0) {
+            formulas.push(lines.join('\n'));
+        }
+    }
+    return formulas;
+}
+function getLatexData(data) {
+    if (!data.getData(clipboard_1.DataTransferType.Text))
+        return null;
+    if ((0, clipboard_1.isVSCode)(data)) {
+        const vsCodeData = (0, clipboard_1.tryParseVSCodeData)(data);
+        const mode = vsCodeData?.mode;
+        if (mode && isLatexMode(mode)) {
+            return {
+                editor: 'vscode',
+                mode,
+                value: (0, ts_dedent_1.default)(data.getData(clipboard_1.DataTransferType.Text)),
+            };
+        }
+    }
+    return null;
+}
+//# sourceMappingURL=utils.js.map

package/build/cjs/extensions/additional/Math/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../../src","sources":["extensions/additional/Math/utils.ts"],"names":[],"mappings":";;AAMA,kCAGC;AAED,gDAgBC;AAED,oCAmBC;;AAhDD,kEAA2B;AAE3B,2DAAmF;AAEnF,sCAAoC;AAEpC,SAAgB,WAAW,CAAC,IAAwB;IAChD,IAAI,CAAC,IAAI;QAAE,OAAO,KAAK,CAAC;IACxB,OAAO,mBAAW,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;AAC/C,CAAC;AAED,SAAgB,kBAAkB,CAAC,OAAe;IAC9C,MAAM,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IACxC,MAAM,QAAQ,GAAa,EAAE,CAAC;IAE9B,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;QACzB,MAAM,KAAK,GAAG,KAAK;aACd,KAAK,CAAC,IAAI,CAAC;aACX,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;aAC1B,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAEvC,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACnB,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QACpC,CAAC;IACL,CAAC;IAED,OAAO,QAAQ,CAAC;AACpB,CAAC;AAED,SAAgB,YAAY,CACxB,IAAkB;IAElB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,4BAAgB,CAAC,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IAEtD,IAAI,IAAA,oBAAQ,EAAC,IAAI,CAAC,EAAE,CAAC;QACjB,MAAM,UAAU,GAAG,IAAA,8BAAkB,EAAC,IAAI,CAAC,CAAC;QAC5C,MAAM,IAAI,GAAG,UAAU,EAAE,IAAI,CAAC;QAE9B,IAAI,IAAI,IAAI,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;YAC5B,OAAO;gBACH,MAAM,EAAE,QAAQ;gBAChB,IAAI;gBACJ,KAAK,EAAE,IAAA,mBAAE,EAAC,IAAI,CAAC,OAAO,CAAC,4BAAgB,CAAC,IAAI,CAAC,CAAC;aACjD,CAAC;QACN,CAAC;IACL,CAAC;IAED,OAAO,IAAI,CAAC;AAChB,CAAC","sourcesContent":["import dd from 'ts-dedent';\n\nimport {DataTransferType, isVSCode, tryParseVSCodeData} from 'src/utils/clipboard';\n\nimport {LATEX_MODES} from './const';\n\nexport function isLatexMode(mode: string | undefined): boolean {\n    if (!mode) return false;\n    return LATEX_MODES.has(mode.toLowerCase());\n}\n\nexport function parseLatexFormulas(content: string): string[] {\n    const blocks = content.split(/\\n\\s*\\n/);\n    const formulas: string[] = [];\n\n    for (const block of blocks) {\n        const lines = block\n            .split('\\n')\n            .map((line) => line.trim())\n            .filter((line) => line.length > 0);\n\n        if (lines.length > 0) {\n            formulas.push(lines.join('\\n'));\n        }\n    }\n\n    return formulas;\n}\n\nexport function getLatexData(\n    data: DataTransfer,\n): null | {editor: string; mode: string; value: string} {\n    if (!data.getData(DataTransferType.Text)) return null;\n\n    if (isVSCode(data)) {\n        const vsCodeData = tryParseVSCodeData(data);\n        const mode = vsCodeData?.mode;\n\n        if (mode && isLatexMode(mode)) {\n            return {\n                editor: 'vscode',\n                mode,\n                value: dd(data.getData(DataTransferType.Text)),\n            };\n        }\n    }\n\n    return null;\n}\n"]}

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

@@ -0,0 +1,8 @@
+.yfm.ProseMirror .hljs.show-line-numbers {
+  display: flex;
+  white-space: pre;
+}
+
+.yfm.ProseMirror pre > code > .yfm-line-numbers > .yfm-line-number {
+  display: block;
+}

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

@@ -1,7 +1,10 @@
 import type { Options } from '@diplodoc/transform';
 import type { ExtensionAuto } from "../../../../core/index.js";
+import { type LineNumbersOptions } from "../CodeBlockSpecs/index.js";
+import "./CodeBlockHighlight.css";
 export type HighlightLangMap = Options['highlightLangs'];
 export type CodeBlockHighlightOptions = {
+    lineNumbers?: LineNumbersOptions;
     langs?: HighlightLangMap;
 };
 export declare const CodeBlockHighlight: ExtensionAuto<CodeBlockHighlightOptions>;

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);
@@ -103,13 +104,22 @@ const CodeBlockHighlight = (builder, opts) => {
                         let prevLang = node.attrs[CodeBlockSpecs_1.CodeBlockNodeAttr.Lang];
                         const dom = document.createElement('pre');
                         updateDomAttribute(dom, CodeBlockSpecs_1.CodeBlockNodeAttr.Line, node.attrs[CodeBlockSpecs_1.CodeBlockNodeAttr.Line]);
-                        const contentDOM = document.createElement('code');
-                        contentDOM.classList.add('hljs');
+                        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,
@@ -118,14 +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) {
-                                        contentDOM.classList.add(newLang);
+                                        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;
                             },
                         };
@@ -190,4 +205,50 @@ function updateDomAttribute(elem, attr, value) {
         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                        updateDomAttribute(\n                            dom,\n                            CodeBlockNodeAttr.Line,\n                            node.attrs[CodeBlockNodeAttr.Line],\n                        );\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                                    updateDomAttribute(dom, CodeBlockNodeAttr.Lang, newLang);\n                                    if (newLang) {\n                                        contentDOM.classList.add(newLang);\n                                    }\n                                    prevLang = newLang;\n                                }\n\n                                updateDomAttribute(\n                                    dom,\n                                    CodeBlockNodeAttr.Line,\n                                    newNode.attrs[CodeBlockNodeAttr.Line],\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"]}
+{"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 {\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;