@gravity-ui/markdown-editor 15.35.1 → 15.37.0

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

@@ -5,122 +5,76 @@ const prosemirror_state_1 = require("prosemirror-state");
 // @ts-ignore // TODO: fix cjs build
 const prosemirror_utils_1 = require("prosemirror-utils");
 const prosemirror_view_1 = require("prosemirror-view");
-const lodash_1 = require("../../../../lodash.js");
-const logger_1 = require("../../../../logger.js");
 const CodeBlockSpecs_1 = require("../CodeBlockSpecs/index.js");
 const CodeBlockNodeView_1 = require("./CodeBlockNodeView.js");
 const TooltipPlugin_1 = require("./TooltipPlugin/index.js");
-const const_1 = require("./const.js");
+const codeBlockLangsPlugin_1 = require("./plugins/codeBlockLangsPlugin.js");
 const codeBlockLineNumbersPlugin_1 = require("./plugins/codeBlockLineNumbersPlugin.js");
 const codeBlockLineWrappingPlugin_1 = require("./plugins/codeBlockLineWrappingPlugin.js");
+const utils_1 = require("./utils.js");
 require("./CodeBlockHighlight.css");
-const key = new prosemirror_state_1.PluginKey('code_block_highlight');
+const pluginKey = new prosemirror_state_1.PluginKey('code_block_highlight');
 const CodeBlockHighlight = (builder, opts) => {
-    let langs;
-    let lowlight;
-    let hljs;
-    const loadModules = async () => {
-        try {
-            hljs = (await import('highlight.js/lib/core')).default;
-            const low = await import('lowlight');
-            const all = low.all;
-            const create = low.createLowlight;
-            langs = { ...all, ...opts.langs };
-            lowlight = create(langs);
-            return true;
-        }
-        catch (e) {
-            logger_1.globalLogger.info('Skip code_block highlighting');
-            builder.logger.log('Skip code_block highlighting');
-            return false;
-        }
-    };
     if (opts.lineWrapping?.enabled)
         builder.addPlugin(codeBlockLineWrappingPlugin_1.codeBlockLineWrappingPlugin);
     if (opts.lineNumbers?.enabled)
         builder.addPlugin(codeBlockLineNumbersPlugin_1.codeBlockLineNumbersPlugin);
+    builder.addPlugin(() => (0, codeBlockLangsPlugin_1.codeBlockLangsPlugin)(opts.langs, builder.logger));
     builder.addPlugin(() => {
-        let modulesLoaded = false;
-        let view = null;
-        // empty array by default, but is filled after loading modules
-        const selectItems = [];
-        const mapping = {};
         // TODO: add TAB key handler
         // TODO: Remove constant selection of block
         return new prosemirror_state_1.Plugin({
-            key,
+            key: pluginKey,
             state: {
-                init: (_, state) => {
-                    loadModules().then((loaded) => {
-                        modulesLoaded = loaded;
-                        if (modulesLoaded) {
-                            for (const lang of Object.keys(langs)) {
-                                const defs = langs[lang](hljs);
-                                selectItems.push({
-                                    value: lang,
-                                    content: defs.name || (0, lodash_1.capitalize)(lang),
-                                });
-                                if (defs.aliases) {
-                                    for (const alias of defs.aliases) {
-                                        mapping[alias] = lang;
-                                    }
-                                }
-                            }
-                            selectItems.sort(sortLangs);
-                            if (view && !view.isDestroyed) {
-                                view.dispatch(view.state.tr.setMeta(key, { modulesLoaded }));
-                            }
-                        }
-                    });
-                    return getDecorations(state.doc);
+                init: (_config, _state) => {
+                    const cache = new WeakMap();
+                    return { cache, decoSet: prosemirror_view_1.DecorationSet.empty };
                 },
-                apply: (tr, decos, oldState, newState) => {
-                    if (!modulesLoaded) {
-                        return prosemirror_view_1.DecorationSet.empty;
+                apply: (tr, { cache, decoSet }, _oldState, newState) => {
+                    const langsUpdate = tr.getMeta(codeBlockLangsPlugin_1.codeBlockLangsPluginKey);
+                    if (langsUpdate?.loaded && langsUpdate.lowlight) {
+                        return {
+                            cache,
+                            decoSet: getDecorations(tr.doc, cache, langsUpdate.lowlight),
+                        };
                     }
-                    if (tr.getMeta(key)?.modulesLoaded) {
-                        return getDecorations(tr.doc);
+                    const { lowlight } = (0, codeBlockLangsPlugin_1.getCodeBlockLangsState)(newState);
+                    if (!lowlight) {
+                        return { cache, decoSet: prosemirror_view_1.DecorationSet.empty };
                     }
-                    if (tr.docChanged) {
-                        const oldNodeName = oldState.selection.$head.parent.type.name;
-                        const newNodeName = newState.selection.$head.parent.type.name;
-                        // Apply decorations if:
-                        if (oldNodeName === CodeBlockSpecs_1.codeBlockNodeName ||
-                            newNodeName === CodeBlockSpecs_1.codeBlockNodeName) {
-                            // selection includes codeblock node,
-                            return getDecorations(tr.doc);
+                    if (!tr.docChanged)
+                        return { cache, decoSet };
+                    decoSet = (0, utils_1.processChangedCodeBlocks)(tr, decoSet, (node, pos, decoSet) => {
+                        const lang = node.attrs[CodeBlockSpecs_1.CodeBlockNodeAttr.Lang];
+                        if (!lang || !lowlight.registered(lang)) {
+                            return decoSet.remove(decoSet.find(pos, pos + node.nodeSize));
                         }
-                        else {
-                            const oldNodes = (0, prosemirror_utils_1.findChildrenByType)(oldState.doc, (0, CodeBlockSpecs_1.codeBlockType)(oldState.schema));
-                            const newNodes = (0, prosemirror_utils_1.findChildrenByType)(newState.doc, (0, CodeBlockSpecs_1.codeBlockType)(newState.schema));
-                            if (
-                            // OR transaction adds/removes codeblock nodes,
-                            newNodes.length !== oldNodes.length ||
-                                // OR transaction has changes that completely encapsulate a node
-                                // (for example, a transaction that affects the entire document).
-                                // Such transactions can happen during collab syncing via y-prosemirror, for example.
-                                tr.steps.some((step) => {
-                                    return (stepHasFromTo(step) &&
-                                        oldNodes.some((node) => node.pos >= step.from &&
-                                            node.pos + node.node.nodeSize <= step.to));
-                                })) {
-                                return getDecorations(tr.doc);
+                        const cached = cache.get(node);
+                        if (cached) {
+                            // node is in cache, but decorations may be missing (for example, after undo)
+                            if (!decoSet.find(pos, pos + node.nodeSize).length) {
+                                return decoSet.add(tr.doc, renderTree(cached, pos + 1));
                             }
+                            return decoSet;
                         }
-                    }
-                    return decos.map(tr.mapping, tr.doc);
+                        decoSet = decoSet.remove(decoSet.find(pos, pos + node.nodeSize));
+                        const ast = lowlight.highlight(lang, node.textContent);
+                        const parsed = parseNodes(ast.children);
+                        cache.set(node, parsed);
+                        return decoSet.add(tr.doc, renderTree(parsed, pos + 1));
+                    });
+                    return { cache, decoSet };
                 },
             },
-            view: (v) => {
-                view = v;
-                return (0, TooltipPlugin_1.codeLangSelectTooltipViewCreator)(view, selectItems, mapping, {
+            view: (view) => {
+                return (0, TooltipPlugin_1.codeLangSelectTooltipViewCreator)(view, {
                     showCodeWrapping: Boolean(opts.lineWrapping?.enabled),
                     showLineNumbers: Boolean(opts.lineNumbers?.enabled),
                 });
             },
             props: {
-                decorations: (state) => {
-                    return key.getState(state);
+                decorations(state) {
+                    return pluginKey.getState(state)?.decoSet;
                 },
                 nodeViews: {
                     [CodeBlockSpecs_1.codeBlockNodeName]: CodeBlockNodeView_1.CodeBlockNodeView.withOpts(opts),
@@ -128,60 +82,57 @@ const CodeBlockHighlight = (builder, opts) => {
             },
         });
     });
-    function getDecorations(doc) {
+    function getDecorations(doc, cache, lowlight) {
         const decos = [];
-        if (!lowlight) {
-            return prosemirror_view_1.DecorationSet.empty;
-        }
         for (const { node, pos } of (0, prosemirror_utils_1.findChildrenByType)(doc, (0, CodeBlockSpecs_1.codeBlockType)(doc.type.schema), true)) {
-            let from = pos + 1;
-            let nodes;
             const lang = node.attrs[CodeBlockSpecs_1.CodeBlockNodeAttr.Lang];
-            if (lang && lowlight.registered(lang)) {
-                nodes = lowlight.highlight(lang, node.textContent).children;
-            }
-            else {
+            if (!lang || !lowlight.registered(lang)) {
                 continue;
             }
-            for (const { text, classes } of parseNodes(nodes)) {
-                const to = from + text.length;
-                if (classes.length) {
-                    decos.push(prosemirror_view_1.Decoration.inline(from, to, {
-                        class: classes.join(' '),
-                    }));
-                }
-                from = to;
+            // Try to get parsed result from cache using node as key
+            let parsedNodes = cache.get(node);
+            if (!parsedNodes) {
+                // Compute, parse and cache using the node itself as key
+                const nodes = lowlight.highlight(lang, node.textContent).children;
+                parsedNodes = parseNodes(nodes);
+                cache.set(node, parsedNodes);
             }
+            decos.push(...renderTree(parsedNodes, pos + 1));
         }
         return prosemirror_view_1.DecorationSet.create(doc, decos);
     }
 };
 exports.CodeBlockHighlight = CodeBlockHighlight;
-function parseNodes(nodes, className = []) {
-    return nodes
-        .map((node) => {
-        let classes = className;
-        if (node.type === 'element') {
-            classes = classes.concat(node.properties.className ?? []);
-            return parseNodes(node.children, classes);
+function renderTree(parsedNodes, from) {
+    const decos = [];
+    for (const { text, classes } of parsedNodes) {
+        const to = from + text.length;
+        if (classes.length) {
+            decos.push(prosemirror_view_1.Decoration.inline(from, to, {
+                class: classes.join(' '),
+            }));
         }
-        return {
-            text: node.type === 'comment' || node.type === 'text' ? node.value : '',
-            classes,
-        };
-    })
-        .flat();
+        from = to;
+    }
+    return decos;
 }
-function stepHasFromTo(step) {
-    // @ts-expect-error
-    return typeof step.from === 'number' && typeof step.to === 'number';
+function parseNodes(nodes, className = []) {
+    const result = [];
+    collectNodes(nodes, className, result);
+    return result;
 }
-function sortLangs(a, b) {
-    // plaintext always goes first
-    if (a.value === const_1.PlainTextLang)
-        return -1;
-    if (b.value === const_1.PlainTextLang)
-        return 1;
-    return 0;
+function collectNodes(nodes, className, result) {
+    for (const node of nodes) {
+        if (node.type === 'element') {
+            const classes = className.concat(node.properties.className ?? []);
+            collectNodes(node.children, classes, result);
+        }
+        else {
+            result.push({
+                text: node.type === 'comment' || node.type === 'text' ? node.value : '',
+                classes: className,
+            });
+        }
+    }
 }
 //# 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, type EditorView} from 'prosemirror-view';\n\nimport type {ExtensionAuto} from '../../../../core';\nimport {capitalize} from '../../../../lodash';\nimport {globalLogger} from '../../../../logger';\nimport {\n    CodeBlockNodeAttr,\n    type LineNumbersOptions,\n    codeBlockNodeName,\n    codeBlockType,\n} from '../CodeBlockSpecs';\n\nimport {CodeBlockNodeView} from './CodeBlockNodeView';\nimport {codeLangSelectTooltipViewCreator} from './TooltipPlugin';\nimport {PlainTextLang} from './const';\nimport {codeBlockLineNumbersPlugin} from './plugins/codeBlockLineNumbersPlugin';\nimport {codeBlockLineWrappingPlugin} from './plugins/codeBlockLineWrappingPlugin';\n\nimport './CodeBlockHighlight.scss';\n\nexport type HighlightLangMap = Options['highlightLangs'];\n\ntype Lowlight = ReturnType<typeof createLowlight>;\ntype Root = ReturnType<Lowlight['highlight']>;\n\ntype LangSelectItem = {\n    value: string;\n    content: string;\n};\n\nconst key = new PluginKey<DecorationSet>('code_block_highlight');\n\nexport type CodeBlockHighlightOptions = {\n    lineWrapping?: {\n        enabled?: boolean;\n    };\n    lineNumbers?: LineNumbersOptions;\n    langs?: HighlightLangMap;\n};\n\nexport const CodeBlockHighlight: ExtensionAuto<CodeBlockHighlightOptions> = (builder, opts) => {\n    let langs: NonNullable<HighlightLangMap>;\n    let lowlight: Lowlight;\n    let hljs: typeof HLJS;\n\n    const loadModules = async () => {\n        try {\n            hljs = (await import('highlight.js/lib/core')).default;\n            const low = await import('lowlight');\n\n            const all: HighlightLangMap = low.all;\n            const create: typeof createLowlight = low.createLowlight;\n            langs = {...all, ...opts.langs};\n            lowlight = create(langs);\n            return true;\n        } catch (e) {\n            globalLogger.info('Skip code_block highlighting');\n            builder.logger.log('Skip code_block highlighting');\n            return false;\n        }\n    };\n\n    if (opts.lineWrapping?.enabled) builder.addPlugin(codeBlockLineWrappingPlugin);\n    if (opts.lineNumbers?.enabled) builder.addPlugin(codeBlockLineNumbersPlugin);\n\n    builder.addPlugin(() => {\n        let modulesLoaded = false;\n        let view: EditorView | null = null;\n\n        // empty array by default, but is filled after loading modules\n        const selectItems: LangSelectItem[] = [];\n        const mapping: Record<string, string> = {};\n\n        // TODO: add TAB key handler\n        // TODO: Remove constant selection of block\n        return new Plugin<DecorationSet>({\n            key,\n            state: {\n                init: (_, state) => {\n                    loadModules().then((loaded) => {\n                        modulesLoaded = loaded;\n\n                        if (modulesLoaded) {\n                            for (const lang of Object.keys(langs)) {\n                                const defs = langs[lang](hljs);\n                                selectItems.push({\n                                    value: lang,\n                                    content: defs.name || capitalize(lang),\n                                });\n                                if (defs.aliases) {\n                                    for (const alias of defs.aliases) {\n                                        mapping[alias] = lang;\n                                    }\n                                }\n                            }\n\n                            selectItems.sort(sortLangs);\n\n                            if (view && !view.isDestroyed) {\n                                view.dispatch(view.state.tr.setMeta(key, {modulesLoaded}));\n                            }\n                        }\n                    });\n                    return getDecorations(state.doc);\n                },\n                apply: (tr, decos, oldState, newState) => {\n                    if (!modulesLoaded) {\n                        return DecorationSet.empty;\n                    }\n\n                    if (tr.getMeta(key)?.modulesLoaded) {\n                        return getDecorations(tr.doc);\n                    }\n\n                    if (tr.docChanged) {\n                        const oldNodeName = oldState.selection.$head.parent.type.name;\n                        const newNodeName = newState.selection.$head.parent.type.name;\n\n                        // Apply decorations if:\n                        if (\n                            oldNodeName === codeBlockNodeName ||\n                            newNodeName === codeBlockNodeName\n                        ) {\n                            // selection includes codeblock node,\n                            return getDecorations(tr.doc);\n                        } else {\n                            const oldNodes = findChildrenByType(\n                                oldState.doc,\n                                codeBlockType(oldState.schema),\n                            );\n                            const newNodes = findChildrenByType(\n                                newState.doc,\n                                codeBlockType(newState.schema),\n                            );\n                            if (\n                                // OR transaction adds/removes codeblock nodes,\n                                newNodes.length !== oldNodes.length ||\n                                // OR transaction has changes that completely encapsulate a node\n                                // (for example, a transaction that affects the entire document).\n                                // Such transactions can happen during collab syncing via y-prosemirror, for example.\n                                tr.steps.some((step) => {\n                                    return (\n                                        stepHasFromTo(step) &&\n                                        oldNodes.some(\n                                            (node: {node: Node; pos: number}) =>\n                                                node.pos >= step.from &&\n                                                node.pos + node.node.nodeSize <= step.to,\n                                        )\n                                    );\n                                })\n                            ) {\n                                return getDecorations(tr.doc);\n                            }\n                        }\n                    }\n                    return decos.map(tr.mapping, tr.doc);\n                },\n            },\n            view: (v) => {\n                view = v;\n                return codeLangSelectTooltipViewCreator(view, selectItems, mapping, {\n                    showCodeWrapping: Boolean(opts.lineWrapping?.enabled),\n                    showLineNumbers: Boolean(opts.lineNumbers?.enabled),\n                });\n            },\n            props: {\n                decorations: (state) => {\n                    return key.getState(state);\n                },\n                nodeViews: {\n                    [codeBlockNodeName]: CodeBlockNodeView.withOpts(opts),\n                },\n            },\n        });\n    });\n\n    function getDecorations(doc: Node) {\n        const decos: Decoration[] = [];\n\n        if (!lowlight) {\n            return DecorationSet.empty;\n        }\n\n        for (const {node, pos} of findChildrenByType(doc, codeBlockType(doc.type.schema), true)) {\n            let from = pos + 1;\n            let nodes: Root['children'];\n\n            const lang: string | undefined = node.attrs[CodeBlockNodeAttr.Lang];\n            if (lang && lowlight.registered(lang)) {\n                nodes = lowlight.highlight(lang, node.textContent).children;\n            } else {\n                continue;\n            }\n\n            for (const {text, classes} of parseNodes(nodes)) {\n                const to = from + text.length;\n                if (classes.length) {\n                    decos.push(\n                        Decoration.inline(from, to, {\n                            class: classes.join(' '),\n                        }),\n                    );\n                }\n                from = to;\n            }\n        }\n\n        return DecorationSet.create(doc, decos);\n    }\n};\n\nfunction parseNodes(\n    nodes: Root['children'],\n    className: readonly string[] = [],\n): {text: string; classes: readonly string[]}[] {\n    return nodes\n        .map((node) => {\n            let classes = className;\n            if (node.type === 'element') {\n                classes = classes.concat((node.properties.className as string[]) ?? []);\n                return parseNodes(node.children, classes);\n            }\n\n            return {\n                text: node.type === 'comment' || node.type === 'text' ? node.value : '',\n                classes,\n            };\n        })\n        .flat();\n}\n\nfunction stepHasFromTo(step: Step): step is Step & {from: number; to: number} {\n    // @ts-expect-error\n    return typeof step.from === 'number' && typeof step.to === 'number';\n}\n\nfunction sortLangs(a: LangSelectItem, b: LangSelectItem): number {\n    // plaintext always goes first\n    if (a.value === PlainTextLang) return -1;\n    if (b.value === PlainTextLang) return 1;\n    return 0;\n}\n"]}
+{"version":3,"file":"CodeBlockHighlight.js","sourceRoot":"../../../../../../src","sources":["extensions/markdown/CodeBlock/CodeBlockHighlight/CodeBlockHighlight.ts"],"names":[],"mappings":"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","sourcesContent":["import type {Node} from 'prosemirror-model';\nimport {Plugin, PluginKey} from 'prosemirror-state';\n// @ts-ignore // TODO: fix cjs build\nimport {findChildrenByType} from 'prosemirror-utils';\nimport {Decoration, DecorationSet} from 'prosemirror-view';\n\nimport type {ExtensionAuto} from '#core';\n\nimport {\n    CodeBlockNodeAttr,\n    type LineNumbersOptions,\n    codeBlockNodeName,\n    codeBlockType,\n} from '../CodeBlockSpecs';\n\nimport {CodeBlockNodeView} from './CodeBlockNodeView';\nimport {codeLangSelectTooltipViewCreator} from './TooltipPlugin';\nimport {\n    type HighlightLangMap,\n    type LLRoot,\n    type Lowlight,\n    codeBlockLangsPlugin,\n    codeBlockLangsPluginKey,\n    getCodeBlockLangsState,\n} from './plugins/codeBlockLangsPlugin';\nimport {codeBlockLineNumbersPlugin} from './plugins/codeBlockLineNumbersPlugin';\nimport {codeBlockLineWrappingPlugin} from './plugins/codeBlockLineWrappingPlugin';\nimport {processChangedCodeBlocks} from './utils';\n\nimport './CodeBlockHighlight.scss';\n\nexport type {HighlightLangMap};\n\nconst pluginKey = new PluginKey<PluginState>('code_block_highlight');\n\n// Cache for parsed highlight results, using ProseMirror nodes as keys\ntype HighlightCache = WeakMap<Node, HighlightParsedTree>;\n\ntype HighlightParsedTree = {text: string; classes: readonly string[]}[];\n\ntype PluginState = {\n    cache: HighlightCache;\n    decoSet: DecorationSet;\n};\n\nexport type CodeBlockHighlightOptions = {\n    lineWrapping?: {\n        enabled?: boolean;\n    };\n    lineNumbers?: LineNumbersOptions;\n    langs?: HighlightLangMap;\n};\n\nexport const CodeBlockHighlight: ExtensionAuto<CodeBlockHighlightOptions> = (builder, opts) => {\n    if (opts.lineWrapping?.enabled) builder.addPlugin(codeBlockLineWrappingPlugin);\n    if (opts.lineNumbers?.enabled) builder.addPlugin(codeBlockLineNumbersPlugin);\n\n    builder.addPlugin(() => codeBlockLangsPlugin(opts.langs, builder.logger));\n\n    builder.addPlugin(() => {\n        // TODO: add TAB key handler\n        // TODO: Remove constant selection of block\n        return new Plugin<PluginState>({\n            key: pluginKey,\n            state: {\n                init: (_config, _state) => {\n                    const cache: HighlightCache = new WeakMap();\n                    return {cache, decoSet: DecorationSet.empty};\n                },\n                apply: (tr, {cache, decoSet}, _oldState, newState) => {\n                    const langsUpdate = tr.getMeta(codeBlockLangsPluginKey);\n                    if (langsUpdate?.loaded && langsUpdate.lowlight) {\n                        return {\n                            cache,\n                            decoSet: getDecorations(tr.doc, cache, langsUpdate.lowlight),\n                        };\n                    }\n\n                    const {lowlight} = getCodeBlockLangsState(newState);\n\n                    if (!lowlight) {\n                        return {cache, decoSet: DecorationSet.empty};\n                    }\n\n                    if (!tr.docChanged) return {cache, decoSet};\n\n                    decoSet = processChangedCodeBlocks(tr, decoSet, (node, pos, decoSet) => {\n                        const lang: string | undefined = node.attrs[CodeBlockNodeAttr.Lang];\n\n                        if (!lang || !lowlight.registered(lang)) {\n                            return decoSet.remove(decoSet.find(pos, pos + node.nodeSize));\n                        }\n\n                        const cached = cache.get(node);\n                        if (cached) {\n                            // node is in cache, but decorations may be missing (for example, after undo)\n                            if (!decoSet.find(pos, pos + node.nodeSize).length) {\n                                return decoSet.add(tr.doc, renderTree(cached, pos + 1));\n                            }\n                            return decoSet;\n                        }\n\n                        decoSet = decoSet.remove(decoSet.find(pos, pos + node.nodeSize));\n                        const ast = lowlight.highlight(lang, node.textContent);\n                        const parsed = parseNodes(ast.children);\n                        cache.set(node, parsed);\n                        return decoSet.add(tr.doc, renderTree(parsed, pos + 1));\n                    });\n\n                    return {cache, decoSet};\n                },\n            },\n            view: (view) => {\n                return codeLangSelectTooltipViewCreator(view, {\n                    showCodeWrapping: Boolean(opts.lineWrapping?.enabled),\n                    showLineNumbers: Boolean(opts.lineNumbers?.enabled),\n                });\n            },\n            props: {\n                decorations(state) {\n                    return pluginKey.getState(state)?.decoSet;\n                },\n                nodeViews: {\n                    [codeBlockNodeName]: CodeBlockNodeView.withOpts(opts),\n                },\n            },\n        });\n    });\n\n    function getDecorations(doc: Node, cache: HighlightCache, lowlight: Lowlight) {\n        const decos: Decoration[] = [];\n\n        for (const {node, pos} of findChildrenByType(doc, codeBlockType(doc.type.schema), true)) {\n            const lang: string | undefined = node.attrs[CodeBlockNodeAttr.Lang];\n            if (!lang || !lowlight.registered(lang)) {\n                continue;\n            }\n\n            // Try to get parsed result from cache using node as key\n            let parsedNodes = cache.get(node);\n            if (!parsedNodes) {\n                // Compute, parse and cache using the node itself as key\n                const nodes = lowlight.highlight(lang, node.textContent).children;\n                parsedNodes = parseNodes(nodes);\n                cache.set(node, parsedNodes);\n            }\n\n            decos.push(...renderTree(parsedNodes, pos + 1));\n        }\n\n        return DecorationSet.create(doc, decos);\n    }\n};\n\nfunction renderTree(parsedNodes: HighlightParsedTree, from: number): Decoration[] {\n    const decos: Decoration[] = [];\n\n    for (const {text, classes} of parsedNodes) {\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    return decos;\n}\n\nfunction parseNodes(\n    nodes: LLRoot['children'],\n    className: readonly string[] = [],\n): HighlightParsedTree {\n    const result: HighlightParsedTree = [];\n    collectNodes(nodes, className, result);\n    return result;\n}\n\nfunction collectNodes(\n    nodes: LLRoot['children'],\n    className: readonly string[],\n    result: HighlightParsedTree,\n): void {\n    for (const node of nodes) {\n        if (node.type === 'element') {\n            const classes = className.concat((node.properties.className as string[]) ?? []);\n            collectNodes(node.children, classes, result);\n        } else {\n            result.push({\n                text: node.type === 'comment' || node.type === 'text' ? node.value : '',\n                classes: className,\n            });\n        }\n    }\n}\n"]}

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

@@ -0,0 +1,14 @@
+import { type SelectOption } from '@gravity-ui/uikit';
+import type { Node } from "../../../../../pm/model.js";
+import type { EditorView } from "../../../../../pm/view.js";
+export type CodeBlockToolbarProps = {
+    node: Node;
+    pos: number;
+    editorView: EditorView;
+    langItems: SelectOption[];
+    mapping: Record<string, string>;
+    showCodeWrapping: boolean;
+    showLineNumbers: boolean;
+    rerenderTooltip?: () => void;
+};
+export declare function CodeBlockToolbar({ node, pos, editorView, langItems, mapping, showCodeWrapping, showLineNumbers, rerenderTooltip, }: CodeBlockToolbarProps): JSX.Element;

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

@@ -0,0 +1,117 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CodeBlockToolbar = CodeBlockToolbar;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const icons_1 = require("@gravity-ui/icons");
+const uikit_1 = require("@gravity-ui/uikit");
+const react_use_1 = require("react-use");
+const classname_1 = require("../../../../../classname.js");
+const codeblock_1 = require("../../../../../i18n/codeblock/index.js");
+const memo_1 = require("../../../../../react-utils/memo.js");
+const toolbar_1 = require("../../../../../toolbar/index.js");
+const ToolbarRerender_1 = require("../../../../../toolbar/ToolbarRerender.js");
+const remove_node_1 = require("../../../../../utils/remove-node.js");
+const truthy_1 = require("../../../../../utils/truthy.js");
+const CodeBlockSpecs_1 = require("../../CodeBlockSpecs/index.js");
+const codeBlockLineWrappingPlugin_1 = require("../plugins/codeBlockLineWrappingPlugin.js");
+const CodeLangSelect_1 = require("./CodeLangSelect.js");
+const utils_1 = require("./utils.js");
+const bToolbar = (0, classname_1.cn)('code-block-toolbar');
+const ToolbarMemoized = (0, memo_1.typedMemo)(toolbar_1.Toolbar);
+function CodeBlockToolbar({ node, pos, editorView, langItems, mapping, showCodeWrapping, showLineNumbers, rerenderTooltip, }) {
+    const posRef = (0, react_use_1.useLatest)(pos);
+    const nodeRef = (0, react_use_1.useLatest)(node);
+    const onFocus = (0, react_1.useCallback)(() => {
+        editorView.focus();
+    }, [editorView]);
+    const toolbarData = (0, react_1.useMemo)(() => {
+        const copyText = () => nodeRef.current.textContent;
+        const focus = () => editorView.focus();
+        const onLangChange = (value) => {
+            editorView.dispatch(editorView.state.tr.setNodeAttribute(posRef.current, CodeBlockSpecs_1.CodeBlockNodeAttr.Lang, value));
+        };
+        return [
+            [
+                langItems.length > 0 &&
+                    {
+                        id: 'code-block-type',
+                        type: toolbar_1.ToolbarDataType.ReactComponent,
+                        component: () => ((0, jsx_runtime_1.jsx)(CodeLangSelect_1.CodeLangSelect, { focus: focus, onChange: onLangChange, lang: nodeRef.current.attrs[CodeBlockSpecs_1.CodeBlockNodeAttr.Lang], selectItems: langItems, mapping: mapping })),
+                        width: 28,
+                    },
+                showCodeWrapping &&
+                    {
+                        id: 'code-block-wrapping',
+                        icon: { data: icons_1.ArrowUturnCwLeft },
+                        title: (0, codeblock_1.i18n)('code_wrapping'),
+                        type: toolbar_1.ToolbarDataType.SingleButton,
+                        isActive: (view) => (0, codeBlockLineWrappingPlugin_1.isNodeHasLineWrapping)(view.state, posRef.current),
+                        isEnable: () => true,
+                        exec: (view) => {
+                            (0, utils_1.toggleLineWrapping)({
+                                pos: posRef.current,
+                                node: nodeRef.current,
+                                state: view.state,
+                                dispatch: view.dispatch,
+                            });
+                            // forcing rerender because editor's toolbar isn't updated when the decorations change
+                            rerenderTooltip?.();
+                        },
+                    },
+                showLineNumbers &&
+                    {
+                        id: 'code-block-linenumbers',
+                        icon: { data: icons_1.ListOl },
+                        title: (0, codeblock_1.i18n)('show_line_numbers'),
+                        type: toolbar_1.ToolbarDataType.SingleButton,
+                        isActive: () => (0, utils_1.isLineNumbersVisible)(nodeRef.current),
+                        isEnable: () => true,
+                        exec: (view) => {
+                            (0, utils_1.toggleLineNumbers)({
+                                pos: posRef.current,
+                                node: nodeRef.current,
+                                state: view.state,
+                                dispatch: view.dispatch,
+                            });
+                        },
+                    },
+                {
+                    id: 'code-block-copy',
+                    type: toolbar_1.ToolbarDataType.ReactNodeFn,
+                    width: 28,
+                    content: () => (0, jsx_runtime_1.jsx)(uikit_1.ClipboardButton, { text: copyText }),
+                    noRerenderOnUpdate: true,
+                },
+            ].filter(truthy_1.isTruthy),
+            [
+                {
+                    id: 'code-block-remove',
+                    icon: { data: icons_1.TrashBin },
+                    title: (0, codeblock_1.i18n)('remove'),
+                    theme: 'danger',
+                    type: toolbar_1.ToolbarDataType.SingleButton,
+                    isActive: () => false,
+                    isEnable: () => true,
+                    exec: (view) => (0, remove_node_1.removeNode)({
+                        pos: posRef.current,
+                        node: nodeRef.current,
+                        tr: view.state.tr,
+                        dispatch: view.dispatch,
+                    }),
+                },
+            ],
+        ];
+    }, [
+        editorView,
+        langItems,
+        mapping,
+        nodeRef,
+        posRef,
+        rerenderTooltip,
+        showCodeWrapping,
+        showLineNumbers,
+    ]);
+    return ((0, jsx_runtime_1.jsx)(ToolbarRerender_1.ToolbarWrapToContext, { editor: editorView, children: (0, jsx_runtime_1.jsx)(ToolbarMemoized, { editor: editorView, focus: onFocus, className: bToolbar(), data: toolbarData }) }));
+}
+//# sourceMappingURL=CodeBlockToolbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlockToolbar.js","sourceRoot":"../../../../../../../src","sources":["extensions/markdown/CodeBlock/CodeBlockHighlight/TooltipPlugin/CodeBlockToolbar.tsx"],"names":[],"mappings":";;AAwCA,4CA+HC;;AAvKD,iCAA2C;AAE3C,6CAI2B;AAC3B,6CAAqE;AACrE,yCAAoC;AAIpC,2DAAiC;AACjC,sEAAwC;AACxC,6DAA+C;AAC/C,6DAAkG;AAClG,+EAAiE;AACjE,qEAAiD;AACjD,2DAA0C;AAE1C,kEAAuD;AACvD,2FAA6E;AAE7E,wDAAgD;AAChD,sCAAoF;AAEpF,MAAM,QAAQ,GAAG,IAAA,cAAE,EAAC,oBAAoB,CAAC,CAAC;AAC1C,MAAM,eAAe,GAAG,IAAA,gBAAS,EAAC,iBAAO,CAAC,CAAC;AAa3C,SAAgB,gBAAgB,CAAC,EAC7B,IAAI,EACJ,GAAG,EACH,UAAU,EACV,SAAS,EACT,OAAO,EACP,gBAAgB,EAChB,eAAe,EACf,eAAe,GACK;IACpB,MAAM,MAAM,GAAG,IAAA,qBAAS,EAAC,GAAG,CAAC,CAAC;IAC9B,MAAM,OAAO,GAAG,IAAA,qBAAS,EAAC,IAAI,CAAC,CAAC;IAEhC,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC7B,UAAU,CAAC,KAAK,EAAE,CAAC;IACvB,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,WAAW,GAAG,IAAA,eAAO,EAA0B,GAAG,EAAE;QACtD,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC;QACnD,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;QACvC,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE;YACnC,UAAU,CAAC,QAAQ,CACf,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,MAAM,CAAC,OAAO,EAAE,kCAAiB,CAAC,IAAI,EAAE,KAAK,CAAC,CACtF,CAAC;QACN,CAAC,CAAC;QAEF,OAAO;YACH;gBACI,SAAS,CAAC,MAAM,GAAG,CAAC;oBACf;wBACG,EAAE,EAAE,iBAAiB;wBACrB,IAAI,EAAE,yBAAe,CAAC,cAAc;wBACpC,SAAS,EAAE,GAAG,EAAE,CAAC,CACb,uBAAC,+BAAc,IACX,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,kCAAiB,CAAC,IAAI,CAAC,EACnD,WAAW,EAAE,SAAS,EACtB,OAAO,EAAE,OAAO,GAClB,CACL;wBACD,KAAK,EAAE,EAAE;qBACgC;gBACjD,gBAAgB;oBACX;wBACG,EAAE,EAAE,qBAAqB;wBACzB,IAAI,EAAE,EAAC,IAAI,EAAE,wBAAY,EAAC;wBAC1B,KAAK,EAAE,IAAA,gBAAI,EAAC,eAAe,CAAC;wBAC5B,IAAI,EAAE,yBAAe,CAAC,YAAY;wBAClC,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAA,mDAAqB,EAAC,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC;wBACrE,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI;wBACpB,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE;4BACX,IAAA,0BAAkB,EAAC;gCACf,GAAG,EAAE,MAAM,CAAC,OAAO;gCACnB,IAAI,EAAE,OAAO,CAAC,OAAO;gCACrB,KAAK,EAAE,IAAI,CAAC,KAAK;gCACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ;6BAC1B,CAAC,CAAC;4BACH,sFAAsF;4BACtF,eAAe,EAAE,EAAE,CAAC;wBACxB,CAAC;qBACwC;gBACjD,eAAe;oBACV;wBACG,EAAE,EAAE,wBAAwB;wBAC5B,IAAI,EAAE,EAAC,IAAI,EAAE,cAAe,EAAC;wBAC7B,KAAK,EAAE,IAAA,gBAAI,EAAC,mBAAmB,CAAC;wBAChC,IAAI,EAAE,yBAAe,CAAC,YAAY;wBAClC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAA,4BAAoB,EAAC,OAAO,CAAC,OAAO,CAAC;wBACrD,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI;wBACpB,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE;4BACX,IAAA,yBAAiB,EAAC;gCACd,GAAG,EAAE,MAAM,CAAC,OAAO;gCACnB,IAAI,EAAE,OAAO,CAAC,OAAO;gCACrB,KAAK,EAAE,IAAI,CAAC,KAAK;gCACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ;6BAC1B,CAAC,CAAC;wBACP,CAAC;qBACwC;gBACjD;oBACI,EAAE,EAAE,iBAAiB;oBACrB,IAAI,EAAE,yBAAe,CAAC,WAAW;oBACjC,KAAK,EAAE,EAAE;oBACT,OAAO,EAAE,GAAG,EAAE,CAAC,uBAAC,uBAAe,IAAC,IAAI,EAAE,QAAQ,GAAI;oBAClD,kBAAkB,EAAE,IAAI;iBACgB;aAC/C,CAAC,MAAM,CAAC,iBAAQ,CAAC;YAClB;gBACI;oBACI,EAAE,EAAE,mBAAmB;oBACvB,IAAI,EAAE,EAAC,IAAI,EAAE,gBAAU,EAAC;oBACxB,KAAK,EAAE,IAAA,gBAAI,EAAC,QAAQ,CAAC;oBACrB,KAAK,EAAE,QAAQ;oBACf,IAAI,EAAE,yBAAe,CAAC,YAAY;oBAClC,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK;oBACrB,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI;oBACpB,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CACX,IAAA,wBAAU,EAAC;wBACP,GAAG,EAAE,MAAM,CAAC,OAAO;wBACnB,IAAI,EAAE,OAAO,CAAC,OAAO;wBACrB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE;wBACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ;qBAC1B,CAAC;iBACT;aACJ;SACJ,CAAC;IACN,CAAC,EAAE;QACC,UAAU;QACV,SAAS;QACT,OAAO;QACP,OAAO;QACP,MAAM;QACN,eAAe;QACf,gBAAgB;QAChB,eAAe;KAClB,CAAC,CAAC;IAEH,OAAO,CACH,uBAAC,sCAAoB,IAAC,MAAM,EAAE,UAAU,YACpC,uBAAC,eAAe,IACZ,MAAM,EAAE,UAAU,EAClB,KAAK,EAAE,OAAO,EACd,SAAS,EAAE,QAAQ,EAAE,EACrB,IAAI,EAAE,WAAW,GACnB,GACiB,CAC1B,CAAC;AACN,CAAC","sourcesContent":["import {useCallback, useMemo} from 'react';\n\nimport {\n    ListOl as LineNumbersIcon,\n    TrashBin as RemoveIcon,\n    ArrowUturnCwLeft as WrappingIcon,\n} from '@gravity-ui/icons';\nimport {ClipboardButton, type SelectOption} from '@gravity-ui/uikit';\nimport {useLatest} from 'react-use';\n\nimport type {Node} from '#pm/model';\nimport type {EditorView} from '#pm/view';\nimport {cn} from 'src/classname';\nimport {i18n} from 'src/i18n/codeblock';\nimport {typedMemo} from 'src/react-utils/memo';\nimport {Toolbar, type ToolbarData, ToolbarDataType, type ToolbarGroupItemData} from 'src/toolbar';\nimport {ToolbarWrapToContext} from 'src/toolbar/ToolbarRerender';\nimport {removeNode} from 'src/utils/remove-node';\nimport {isTruthy} from 'src/utils/truthy';\n\nimport {CodeBlockNodeAttr} from '../../CodeBlockSpecs';\nimport {isNodeHasLineWrapping} from '../plugins/codeBlockLineWrappingPlugin';\n\nimport {CodeLangSelect} from './CodeLangSelect';\nimport {isLineNumbersVisible, toggleLineNumbers, toggleLineWrapping} from './utils';\n\nconst bToolbar = cn('code-block-toolbar');\nconst ToolbarMemoized = typedMemo(Toolbar);\n\nexport type CodeBlockToolbarProps = {\n    node: Node;\n    pos: number;\n    editorView: EditorView;\n    langItems: SelectOption[];\n    mapping: Record<string, string>;\n    showCodeWrapping: boolean;\n    showLineNumbers: boolean;\n    rerenderTooltip?: () => void;\n};\n\nexport function CodeBlockToolbar({\n    node,\n    pos,\n    editorView,\n    langItems,\n    mapping,\n    showCodeWrapping,\n    showLineNumbers,\n    rerenderTooltip,\n}: CodeBlockToolbarProps) {\n    const posRef = useLatest(pos);\n    const nodeRef = useLatest(node);\n\n    const onFocus = useCallback(() => {\n        editorView.focus();\n    }, [editorView]);\n\n    const toolbarData = useMemo<ToolbarData<EditorView>>(() => {\n        const copyText = () => nodeRef.current.textContent;\n        const focus = () => editorView.focus();\n        const onLangChange = (value: string) => {\n            editorView.dispatch(\n                editorView.state.tr.setNodeAttribute(posRef.current, CodeBlockNodeAttr.Lang, value),\n            );\n        };\n\n        return [\n            [\n                langItems.length > 0 &&\n                    ({\n                        id: 'code-block-type',\n                        type: ToolbarDataType.ReactComponent,\n                        component: () => (\n                            <CodeLangSelect\n                                focus={focus}\n                                onChange={onLangChange}\n                                lang={nodeRef.current.attrs[CodeBlockNodeAttr.Lang]}\n                                selectItems={langItems}\n                                mapping={mapping}\n                            />\n                        ),\n                        width: 28,\n                    } satisfies ToolbarGroupItemData<EditorView>),\n                showCodeWrapping &&\n                    ({\n                        id: 'code-block-wrapping',\n                        icon: {data: WrappingIcon},\n                        title: i18n('code_wrapping'),\n                        type: ToolbarDataType.SingleButton,\n                        isActive: (view) => isNodeHasLineWrapping(view.state, posRef.current),\n                        isEnable: () => true,\n                        exec: (view) => {\n                            toggleLineWrapping({\n                                pos: posRef.current,\n                                node: nodeRef.current,\n                                state: view.state,\n                                dispatch: view.dispatch,\n                            });\n                            // forcing rerender because editor's toolbar isn't updated when the decorations change\n                            rerenderTooltip?.();\n                        },\n                    } satisfies ToolbarGroupItemData<EditorView>),\n                showLineNumbers &&\n                    ({\n                        id: 'code-block-linenumbers',\n                        icon: {data: LineNumbersIcon},\n                        title: i18n('show_line_numbers'),\n                        type: ToolbarDataType.SingleButton,\n                        isActive: () => isLineNumbersVisible(nodeRef.current),\n                        isEnable: () => true,\n                        exec: (view) => {\n                            toggleLineNumbers({\n                                pos: posRef.current,\n                                node: nodeRef.current,\n                                state: view.state,\n                                dispatch: view.dispatch,\n                            });\n                        },\n                    } satisfies ToolbarGroupItemData<EditorView>),\n                {\n                    id: 'code-block-copy',\n                    type: ToolbarDataType.ReactNodeFn,\n                    width: 28,\n                    content: () => <ClipboardButton text={copyText} />,\n                    noRerenderOnUpdate: true,\n                } satisfies ToolbarGroupItemData<EditorView>,\n            ].filter(isTruthy),\n            [\n                {\n                    id: 'code-block-remove',\n                    icon: {data: RemoveIcon},\n                    title: i18n('remove'),\n                    theme: 'danger',\n                    type: ToolbarDataType.SingleButton,\n                    isActive: () => false,\n                    isEnable: () => true,\n                    exec: (view) =>\n                        removeNode({\n                            pos: posRef.current,\n                            node: nodeRef.current,\n                            tr: view.state.tr,\n                            dispatch: view.dispatch,\n                        }),\n                },\n            ],\n        ];\n    }, [\n        editorView,\n        langItems,\n        mapping,\n        nodeRef,\n        posRef,\n        rerenderTooltip,\n        showCodeWrapping,\n        showLineNumbers,\n    ]);\n\n    return (\n        <ToolbarWrapToContext editor={editorView}>\n            <ToolbarMemoized\n                editor={editorView}\n                focus={onFocus}\n                className={bToolbar()}\n                data={toolbarData}\n            />\n        </ToolbarWrapToContext>\n    );\n}\n"]}

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

@@ -0,0 +1,9 @@
+import { type SelectOption } from '@gravity-ui/uikit';
+export type CodeLangSelectProps = {
+    lang: string;
+    selectItems: SelectOption[];
+    mapping: Record<string, string>;
+    focus: () => void;
+    onChange: (value: string) => void;
+};
+export declare const CodeLangSelect: React.FC<CodeLangSelectProps>;

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

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CodeLangSelect = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+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 const_1 = require("../const.js");
+const bCodeBlock = (0, classname_1.cn)('code-block');
+exports.CodeLangSelect = (0, react_1.memo)(function CodeLangSelect({ lang, focus, onChange, selectItems, mapping }) {
+    const value = mapping[lang] || lang || const_1.PlainTextLang;
+    const handleClick = (type) => {
+        focus();
+        if (type === value)
+            return;
+        onChange(type);
+    };
+    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') })) }));
+});
+//# sourceMappingURL=CodeLangSelect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeLangSelect.js","sourceRoot":"../../../../../../../src","sources":["extensions/markdown/CodeBlock/CodeBlockHighlight/TooltipPlugin/CodeLangSelect.tsx"],"names":[],"mappings":";;;;AAAA,iCAA2B;AAE3B,6CAA4D;AAE5D,2DAAiC;AACjC,sEAAwC;AACxC,0EAA6D;AAE7D,uCAAuC;AAEvC,MAAM,UAAU,GAAG,IAAA,cAAE,EAAC,YAAY,CAAC,CAAC;AAUvB,QAAA,cAAc,GAAkC,IAAA,YAAI,EAC7D,SAAS,cAAc,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAC;IACjE,MAAM,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,qBAAa,CAAC;IAErD,MAAM,WAAW,GAAG,CAAC,IAAY,EAAE,EAAE;QACjC,KAAK,EAAE,CAAC;QACR,IAAI,IAAI,KAAK,KAAK;YAAE,OAAO;QAC3B,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnB,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,EAAE,UAAU,CAAC,cAAc,CAAC,EAC1C,SAAS,EAAE,UAAU,CAAC,eAAe,CAAC,EACtC,kBAAkB,EAAE,GAAG,EAAE,CAAC,CACtB,gCAAK,SAAS,EAAE,UAAU,CAAC,cAAc,CAAC,YAAG,IAAA,gBAAI,EAAC,cAAc,CAAC,GAAO,CAC3E,GAGH,CACL,CAAC;AACN,CAAC,CACJ,CAAC","sourcesContent":["import {memo} from 'react';\n\nimport {Select, type SelectOption} from '@gravity-ui/uikit';\n\nimport {cn} from 'src/classname';\nimport {i18n} from 'src/i18n/codeblock';\nimport {i18n as i18nPlaceholder} from 'src/i18n/placeholder';\n\nimport {PlainTextLang} from '../const';\n\nconst bCodeBlock = cn('code-block');\n\nexport type CodeLangSelectProps = {\n    lang: string;\n    selectItems: SelectOption[];\n    mapping: Record<string, string>;\n    focus: () => void;\n    onChange: (value: string) => void;\n};\n\nexport const CodeLangSelect: React.FC<CodeLangSelectProps> = memo<CodeLangSelectProps>(\n    function CodeLangSelect({lang, focus, onChange, selectItems, mapping}) {\n        const value = mapping[lang] || lang || PlainTextLang;\n\n        const handleClick = (type: string) => {\n            focus();\n            if (type === value) return;\n            onChange(type);\n        };\n\n        return (\n            <Select\n                size=\"m\"\n                width=\"max\"\n                disablePortal\n                value={[value]}\n                onUpdate={(v) => handleClick(v[0])}\n                options={selectItems}\n                filterable\n                filterPlaceholder={i18nPlaceholder('select_filter')}\n                popupClassName={bCodeBlock('select-popup')}\n                className={bCodeBlock('select-button')}\n                renderEmptyOptions={() => (\n                    <div className={bCodeBlock('select-empty')}>{i18n('empty_option')}</div>\n                )}\n                // TODO: in onOpenChange return focus to view.dom after press Esc in Select\n                // after https://github.com/gravity-ui/uikit/issues/2075\n            />\n        );\n    },\n);\n"]}

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

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