@gravity-ui/markdown-editor 15.35.1 → 15.36.0

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

@@ -13,8 +13,9 @@ const TooltipPlugin_1 = require("./TooltipPlugin/index.js");
 const const_1 = require("./const.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;
@@ -48,7 +49,7 @@ const CodeBlockHighlight = (builder, opts) => {
         // 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) => {
@@ -68,47 +69,47 @@ const CodeBlockHighlight = (builder, opts) => {
                             }
                             selectItems.sort(sortLangs);
                             if (view && !view.isDestroyed) {
-                                view.dispatch(view.state.tr.setMeta(key, { modulesLoaded }));
+                                view.dispatch(view.state.tr.setMeta(pluginKey, { modulesLoaded }));
                             }
                         }
                     });
-                    return getDecorations(state.doc);
+                    const cache = new WeakMap();
+                    return {
+                        cache,
+                        decoSet: modulesLoaded
+                            ? prosemirror_view_1.DecorationSet.empty
+                            : getDecorations(state.doc, cache),
+                    };
                 },
-                apply: (tr, decos, oldState, newState) => {
+                apply: (tr, { cache, decoSet }) => {
                     if (!modulesLoaded) {
-                        return prosemirror_view_1.DecorationSet.empty;
+                        return { cache, decoSet: prosemirror_view_1.DecorationSet.empty };
                     }
-                    if (tr.getMeta(key)?.modulesLoaded) {
-                        return getDecorations(tr.doc);
+                    if (tr.getMeta(pluginKey)?.modulesLoaded) {
+                        return { cache, decoSet: getDecorations(tr.doc, cache) };
                     }
-                    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) => {
@@ -119,8 +120,8 @@ const CodeBlockHighlight = (builder, opts) => {
                 });
             },
             props: {
-                decorations: (state) => {
-                    return key.getState(state);
+                decorations(state) {
+                    return pluginKey.getState(state)?.decoSet;
                 },
                 nodeViews: {
                     [CodeBlockSpecs_1.codeBlockNodeName]: CodeBlockNodeView_1.CodeBlockNodeView.withOpts(opts),
@@ -128,53 +129,61 @@ const CodeBlockHighlight = (builder, opts) => {
             },
         });
     });
-    function getDecorations(doc) {
-        const decos = [];
+    function getDecorations(doc, cache) {
         if (!lowlight) {
             return prosemirror_view_1.DecorationSet.empty;
         }
+        const decos = [];
         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 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(' '),
+            }));
+        }
+        from = to;
+    }
+    return decos;
+}
 function parseNodes(nodes, className = []) {
-    return nodes
-        .map((node) => {
-        let classes = className;
+    const result = [];
+    collectNodes(nodes, className, result);
+    return result;
+}
+function collectNodes(nodes, className, result) {
+    for (const node of nodes) {
         if (node.type === 'element') {
-            classes = classes.concat(node.properties.className ?? []);
-            return parseNodes(node.children, classes);
+            const classes = className.concat(node.properties.className ?? []);
+            collectNodes(node.children, classes, result);
         }
-        return {
-            text: node.type === 'comment' || node.type === 'text' ? node.value : '',
-            classes,
-        };
-    })
-        .flat();
-}
-function stepHasFromTo(step) {
-    // @ts-expect-error
-    return typeof step.from === 'number' && typeof step.to === 'number';
+        else {
+            result.push({
+                text: node.type === 'comment' || node.type === 'text' ? node.value : '',
+                classes: className,
+            });
+        }
+    }
 }
 function sortLangs(a, b) {
     // plaintext always goes first

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":";;;AAKA,yDAAoD;AACpD,oCAAoC;AACpC,yDAAqD;AACrD,uDAA4E;AAG5E,kDAA8C;AAC9C,kDAAgD;AAChD,+DAK2B;AAE3B,8DAAsD;AACtD,4DAAiE;AACjE,sCAAsC;AACtC,wFAAgF;AAChF,0FAAkF;AAClF,sCAAiD;AAEjD,oCAAmC;AAYnC,MAAM,SAAS,GAAG,IAAI,6BAAS,CAAc,sBAAsB,CAAC,CAAC;AAoB9D,MAAM,kBAAkB,GAA6C,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;IAC1F,IAAI,KAAoC,CAAC;IACzC,IAAI,QAAkB,CAAC;IACvB,IAAI,IAAiB,CAAC;IAEtB,MAAM,WAAW,GAAG,KAAK,IAAI,EAAE;QAC3B,IAAI,CAAC;YACD,IAAI,GAAG,CAAC,MAAM,MAAM,CAAC,uBAAuB,CAAC,CAAC,CAAC,OAAO,CAAC;YACvD,MAAM,GAAG,GAAG,MAAM,MAAM,CAAC,UAAU,CAAC,CAAC;YAErC,MAAM,GAAG,GAAqB,GAAG,CAAC,GAAG,CAAC;YACtC,MAAM,MAAM,GAA0B,GAAG,CAAC,cAAc,CAAC;YACzD,KAAK,GAAG,EAAC,GAAG,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,EAAC,CAAC;YAChC,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;YACzB,OAAO,IAAI,CAAC;QAChB,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACT,qBAAY,CAAC,IAAI,CAAC,8BAA8B,CAAC,CAAC;YAClD,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,8BAA8B,CAAC,CAAC;YACnD,OAAO,KAAK,CAAC;QACjB,CAAC;IACL,CAAC,CAAC;IAEF,IAAI,IAAI,CAAC,YAAY,EAAE,OAAO;QAAE,OAAO,CAAC,SAAS,CAAC,yDAA2B,CAAC,CAAC;IAC/E,IAAI,IAAI,CAAC,WAAW,EAAE,OAAO;QAAE,OAAO,CAAC,SAAS,CAAC,uDAA0B,CAAC,CAAC;IAE7E,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,aAAa,GAAG,KAAK,CAAC;QAC1B,IAAI,IAAI,GAAsB,IAAI,CAAC;QAEnC,8DAA8D;QAC9D,MAAM,WAAW,GAAqB,EAAE,CAAC;QACzC,MAAM,OAAO,GAA2B,EAAE,CAAC;QAE3C,4BAA4B;QAC5B,2CAA2C;QAC3C,OAAO,IAAI,0BAAM,CAAc;YAC3B,GAAG,EAAE,SAAS;YACd,KAAK,EAAE;gBACH,IAAI,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;oBACf,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;wBAC1B,aAAa,GAAG,MAAM,CAAC;wBAEvB,IAAI,aAAa,EAAE,CAAC;4BAChB,KAAK,MAAM,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;gCACpC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC;gCAC/B,WAAW,CAAC,IAAI,CAAC;oCACb,KAAK,EAAE,IAAI;oCACX,OAAO,EAAE,IAAI,CAAC,IAAI,IAAI,IAAA,mBAAU,EAAC,IAAI,CAAC;iCACzC,CAAC,CAAC;gCACH,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;oCACf,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;wCAC/B,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;oCAC1B,CAAC;gCACL,CAAC;4BACL,CAAC;4BAED,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;4BAE5B,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;gCAC5B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE,EAAC,aAAa,EAAC,CAAC,CAAC,CAAC;4BACrE,CAAC;wBACL,CAAC;oBACL,CAAC,CAAC,CAAC;oBAEH,MAAM,KAAK,GAAmB,IAAI,OAAO,EAAE,CAAC;oBAE5C,OAAO;wBACH,KAAK;wBACL,OAAO,EAAE,aAAa;4BAClB,CAAC,CAAC,gCAAa,CAAC,KAAK;4BACrB,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC;qBACzC,CAAC;gBACN,CAAC;gBACD,KAAK,EAAE,CAAC,EAAE,EAAE,EAAC,KAAK,EAAE,OAAO,EAAC,EAAE,EAAE;oBAC5B,IAAI,CAAC,aAAa,EAAE,CAAC;wBACjB,OAAO,EAAC,KAAK,EAAE,OAAO,EAAE,gCAAa,CAAC,KAAK,EAAC,CAAC;oBACjD,CAAC;oBAED,IAAI,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,aAAa,EAAE,CAAC;wBACvC,OAAO,EAAC,KAAK,EAAE,OAAO,EAAE,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,EAAC,CAAC;oBAC3D,CAAC;oBAED,IAAI,CAAC,EAAE,CAAC,UAAU;wBAAE,OAAO,EAAC,KAAK,EAAE,OAAO,EAAC,CAAC;oBAE5C,OAAO,GAAG,IAAA,gCAAwB,EAAC,EAAE,EAAE,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE;wBACnE,MAAM,IAAI,GAAuB,IAAI,CAAC,KAAK,CAAC,kCAAiB,CAAC,IAAI,CAAC,CAAC;wBAEpE,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;4BACtC,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;wBAClE,CAAC;wBAED,MAAM,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;wBAC/B,IAAI,MAAM,EAAE,CAAC;4BACT,6EAA6E;4BAC7E,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,EAAE,CAAC;gCACjD,OAAO,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;4BAC5D,CAAC;4BACD,OAAO,OAAO,CAAC;wBACnB,CAAC;wBAED,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;wBACjE,MAAM,GAAG,GAAG,QAAQ,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;wBACvD,MAAM,MAAM,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;wBACxC,KAAK,CAAC,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;wBACxB,OAAO,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;oBAC5D,CAAC,CAAC,CAAC;oBAEH,OAAO,EAAC,KAAK,EAAE,OAAO,EAAC,CAAC;gBAC5B,CAAC;aACJ;YACD,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE;gBACR,IAAI,GAAG,CAAC,CAAC;gBACT,OAAO,IAAA,gDAAgC,EAAC,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE;oBAChE,gBAAgB,EAAE,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,OAAO,CAAC;oBACrD,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC;iBACtD,CAAC,CAAC;YACP,CAAC;YACD,KAAK,EAAE;gBACH,WAAW,CAAC,KAAK;oBACb,OAAO,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;gBAC9C,CAAC;gBACD,SAAS,EAAE;oBACP,CAAC,kCAAiB,CAAC,EAAE,qCAAiB,CAAC,QAAQ,CAAC,IAAI,CAAC;iBACxD;aACJ;SACJ,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,SAAS,cAAc,CAAC,GAAS,EAAE,KAAqB;QACpD,IAAI,CAAC,QAAQ,EAAE,CAAC;YACZ,OAAO,gCAAa,CAAC,KAAK,CAAC;QAC/B,CAAC;QAED,MAAM,KAAK,GAAiB,EAAE,CAAC;QAE/B,KAAK,MAAM,EAAC,IAAI,EAAE,GAAG,EAAC,IAAI,IAAA,sCAAkB,EAAC,GAAG,EAAE,IAAA,8BAAa,EAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC;YACtF,MAAM,IAAI,GAAuB,IAAI,CAAC,KAAK,CAAC,kCAAiB,CAAC,IAAI,CAAC,CAAC;YACpE,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;gBACtC,SAAS;YACb,CAAC;YAED,wDAAwD;YACxD,IAAI,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YAClC,IAAI,CAAC,WAAW,EAAE,CAAC;gBACf,wDAAwD;gBACxD,MAAM,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC;gBAClE,WAAW,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;gBAChC,KAAK,CAAC,GAAG,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;YACjC,CAAC;YAED,KAAK,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC,WAAW,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;QACpD,CAAC;QAED,OAAO,gCAAa,CAAC,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IAC5C,CAAC;AACL,CAAC,CAAC;AA3JW,QAAA,kBAAkB,sBA2J7B;AAEF,SAAS,UAAU,CAAC,WAAgC,EAAE,IAAY;IAC9D,MAAM,KAAK,GAAiB,EAAE,CAAC;IAE/B,KAAK,MAAM,EAAC,IAAI,EAAE,OAAO,EAAC,IAAI,WAAW,EAAE,CAAC;QACxC,MAAM,EAAE,GAAG,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC;QAC9B,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC;YACjB,KAAK,CAAC,IAAI,CACN,6BAAU,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,EAAE;gBACxB,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;aAC3B,CAAC,CACL,CAAC;QACN,CAAC;QACD,IAAI,GAAG,EAAE,CAAC;IACd,CAAC;IAED,OAAO,KAAK,CAAC;AACjB,CAAC;AAED,SAAS,UAAU,CACf,KAAuB,EACvB,YAA+B,EAAE;IAEjC,MAAM,MAAM,GAAwB,EAAE,CAAC;IACvC,YAAY,CAAC,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;IACvC,OAAO,MAAM,CAAC;AAClB,CAAC;AAED,SAAS,YAAY,CACjB,KAAuB,EACvB,SAA4B,EAC5B,MAA2B;IAE3B,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACvB,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YAC1B,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,CAAE,IAAI,CAAC,UAAU,CAAC,SAAsB,IAAI,EAAE,CAAC,CAAC;YAChF,YAAY,CAAC,IAAI,CAAC,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;QACjD,CAAC;aAAM,CAAC;YACJ,MAAM,CAAC,IAAI,CAAC;gBACR,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;gBACvE,OAAO,EAAE,SAAS;aACrB,CAAC,CAAC;QACP,CAAC;IACL,CAAC;AACL,CAAC;AAED,SAAS,SAAS,CAAC,CAAiB,EAAE,CAAiB;IACnD,8BAA8B;IAC9B,IAAI,CAAC,CAAC,KAAK,KAAK,qBAAa;QAAE,OAAO,CAAC,CAAC,CAAC;IACzC,IAAI,CAAC,CAAC,KAAK,KAAK,qBAAa;QAAE,OAAO,CAAC,CAAC;IACxC,OAAO,CAAC,CAAC;AACb,CAAC","sourcesContent":["import type {Options} from '@diplodoc/transform';\n// importing only type, because lowlight and highlight.js is optional deps\nimport type HLJS from 'highlight.js/lib/core';\nimport type {createLowlight} from 'lowlight' with {'resolution-mode': 'import'};\nimport type {Node} from 'prosemirror-model';\nimport {Plugin, PluginKey} from 'prosemirror-state';\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';\nimport {processChangedCodeBlocks} from './utils';\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 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    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<PluginState>({\n            key: pluginKey,\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(pluginKey, {modulesLoaded}));\n                            }\n                        }\n                    });\n\n                    const cache: HighlightCache = new WeakMap();\n\n                    return {\n                        cache,\n                        decoSet: modulesLoaded\n                            ? DecorationSet.empty\n                            : getDecorations(state.doc, cache),\n                    };\n                },\n                apply: (tr, {cache, decoSet}) => {\n                    if (!modulesLoaded) {\n                        return {cache, decoSet: DecorationSet.empty};\n                    }\n\n                    if (tr.getMeta(pluginKey)?.modulesLoaded) {\n                        return {cache, decoSet: getDecorations(tr.doc, cache)};\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: (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 pluginKey.getState(state)?.decoSet;\n                },\n                nodeViews: {\n                    [codeBlockNodeName]: CodeBlockNodeView.withOpts(opts),\n                },\n            },\n        });\n    });\n\n    function getDecorations(doc: Node, cache: HighlightCache) {\n        if (!lowlight) {\n            return DecorationSet.empty;\n        }\n\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: Root['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: Root['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\nfunction sortLangs(a: LangSelectItem, b: LangSelectItem): number {\n    // plaintext always goes first\n    if (a.value === PlainTextLang) return -1;\n    if (b.value === PlainTextLang) return 1;\n    return 0;\n}\n"]}

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

@@ -13,43 +13,63 @@ const codeBlockLineNumbersPlugin = () => {
         key: pluginKey,
         state: {
             init(_config, state) {
-                return getDecorations(state.doc);
+                const cache = new WeakSet();
+                return { cache, decoSet: buildAllDecorations(state.doc, cache) };
             },
-            apply(tr, decos) {
-                if (tr.docChanged) {
-                    return getDecorations(tr.doc);
-                }
-                return decos.map(tr.mapping, tr.doc);
+            apply(tr, { cache, decoSet }) {
+                if (!tr.docChanged)
+                    return { cache, decoSet };
+                decoSet = (0, utils_2.processChangedCodeBlocks)(tr, decoSet, (node, pos, decoSet) => {
+                    if (!(0, utils_2.isLineNumbersVisible)(node)) {
+                        return decoSet.remove(decoSet.find(pos, pos + node.nodeSize));
+                    }
+                    if (cache.has(node)) {
+                        // node has not changed, but decorations may be missing (after undo/redo)
+                        if (!decoSet.find(pos, pos + node.nodeSize).length) {
+                            return decoSet.add(tr.doc, buildNodeDecorations(node, pos));
+                        }
+                        return decoSet;
+                    }
+                    decoSet = decoSet.remove(decoSet.find(pos, pos + node.nodeSize));
+                    cache.add(node);
+                    return decoSet.add(tr.doc, buildNodeDecorations(node, pos));
+                });
+                return { cache, decoSet };
             },
         },
         props: {
             decorations(state) {
-                return pluginKey.getState(state);
+                return pluginKey.getState(state)?.decoSet;
             },
         },
     });
 };
 exports.codeBlockLineNumbersPlugin = codeBlockLineNumbersPlugin;
-function getDecorations(doc) {
+function buildAllDecorations(doc, cache) {
     const decos = [];
     for (const { node, pos } of (0, utils_1.findChildrenByType)(doc, (0, CodeBlockSpecs_1.codeBlockType)(doc.type.schema), true)) {
         if (!(0, utils_2.isLineNumbersVisible)(node))
             continue;
-        const codeContent = node.textContent;
-        const contentByLines = codeContent.split('\n');
-        const maxDigits = String(contentByLines.length).length;
-        let shift = 0;
-        for (let i = 0; i < contentByLines.length; i++) {
-            const line = contentByLines[i];
-            {
-                const elem = document.createElement('span');
-                elem.classList.add('yfm-line-number');
-                elem.textContent = String(i + 1).padStart(maxDigits, ' ');
-                decos.push(view_1.Decoration.widget(pos + shift + 1, elem, { side: 1, ignoreSelection: true }));
-            }
-            shift += line.length + 1;
-        }
+        const nodeDecos = buildNodeDecorations(node, pos);
+        cache.add(node);
+        decos.push(...nodeDecos);
     }
     return view_1.DecorationSet.create(doc, decos);
 }
+function buildNodeDecorations(node, pos) {
+    const decos = [];
+    const codeContent = node.textContent;
+    const contentByLines = codeContent.split('\n');
+    const maxDigits = String(contentByLines.length).length;
+    let shift = 0;
+    for (let i = 0; i < contentByLines.length; i++) {
+        const line = contentByLines[i];
+        const elem = document.createElement('span');
+        elem.classList.add('yfm-line-number');
+        elem.textContent = String(i + 1).padStart(maxDigits, ' ');
+        decos.push(view_1.Decoration.widget(pos + shift + 1, elem, { side: 1, ignoreSelection: true }));
+        shift += line.length + 1;
+    }
+    return decos;
+}
 //# sourceMappingURL=codeBlockLineNumbersPlugin.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"codeBlockLineNumbersPlugin.js","sourceRoot":"../../../../../../../src","sources":["extensions/markdown/CodeBlock/CodeBlockHighlight/plugins/codeBlockLineNumbersPlugin.ts"],"names":[],"mappings":";;;AACA,sDAA4C;AAC5C,sDAA6C;AAC7C,oDAAmD;AAEnD,kEAAmD;AACnD,uCAA8C;AAE9C,MAAM,SAAS,GAAG,IAAI,iBAAS,CAAgB,qCAAqC,CAAC,CAAC;AAEtF,gBAAgB;AACT,MAAM,0BAA0B,GAAG,GAAG,EAAE;IAC3C,OAAO,IAAI,cAAM,CAAgB;QAC7B,GAAG,EAAE,SAAS;QACd,KAAK,EAAE;YACH,IAAI,CAAC,OAAO,EAAE,KAAK;gBACf,OAAO,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YACrC,CAAC;YACD,KAAK,CAAC,EAAE,EAAE,KAAK;gBACX,IAAI,EAAE,CAAC,UAAU,EAAE,CAAC;oBAChB,OAAO,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;gBAClC,CAAC;gBAED,OAAO,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC;YACzC,CAAC;SACJ;QACD,KAAK,EAAE;YACH,WAAW,CAAC,KAAK;gBACb,OAAO,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YACrC,CAAC;SACJ;KACJ,CAAC,CAAC;AACP,CAAC,CAAC;AArBW,QAAA,0BAA0B,8BAqBrC;AAEF,SAAS,cAAc,CAAC,GAAS;IAC7B,MAAM,KAAK,GAAiB,EAAE,CAAC;IAE/B,KAAK,MAAM,EAAC,IAAI,EAAE,GAAG,EAAC,IAAI,IAAA,0BAAkB,EAAC,GAAG,EAAE,IAAA,8BAAa,EAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC;QACtF,IAAI,CAAC,IAAA,4BAAoB,EAAC,IAAI,CAAC;YAAE,SAAS;QAE1C,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;QACrC,MAAM,cAAc,GAAG,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAE/C,MAAM,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC;QAEvD,IAAI,KAAK,GAAG,CAAC,CAAC;QACd,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAC7C,MAAM,IAAI,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;YAE/B,CAAC;gBACG,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;gBAC5C,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;gBACtC,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;gBAE1D,KAAK,CAAC,IAAI,CACN,iBAAU,CAAC,MAAM,CAAC,GAAG,GAAG,KAAK,GAAG,CAAC,EAAE,IAAI,EAAE,EAAC,IAAI,EAAE,CAAC,EAAE,eAAe,EAAE,IAAI,EAAC,CAAC,CAC7E,CAAC;YACN,CAAC;YAED,KAAK,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;QAC7B,CAAC;IACL,CAAC;IAED,OAAO,oBAAa,CAAC,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;AAC5C,CAAC","sourcesContent":["import type {Node} from '#pm/model';\nimport {Plugin, PluginKey} from '#pm/state';\nimport {findChildrenByType} from '#pm/utils';\nimport {Decoration, DecorationSet} from '#pm/view';\n\nimport {codeBlockType} from '../../CodeBlockSpecs';\nimport {isLineNumbersVisible} from '../utils';\n\nconst pluginKey = new PluginKey<DecorationSet>('code_block_line_numbers_decorations');\n\n/** @internal */\nexport const codeBlockLineNumbersPlugin = () => {\n    return new Plugin<DecorationSet>({\n        key: pluginKey,\n        state: {\n            init(_config, state) {\n                return getDecorations(state.doc);\n            },\n            apply(tr, decos) {\n                if (tr.docChanged) {\n                    return getDecorations(tr.doc);\n                }\n\n                return decos.map(tr.mapping, tr.doc);\n            },\n        },\n        props: {\n            decorations(state) {\n                return pluginKey.getState(state);\n            },\n        },\n    });\n};\n\nfunction getDecorations(doc: Node) {\n    const decos: Decoration[] = [];\n\n    for (const {node, pos} of findChildrenByType(doc, codeBlockType(doc.type.schema), true)) {\n        if (!isLineNumbersVisible(node)) continue;\n\n        const codeContent = node.textContent;\n        const contentByLines = codeContent.split('\\n');\n\n        const maxDigits = String(contentByLines.length).length;\n\n        let shift = 0;\n        for (let i = 0; i < contentByLines.length; i++) {\n            const line = contentByLines[i];\n\n            {\n                const elem = document.createElement('span');\n                elem.classList.add('yfm-line-number');\n                elem.textContent = String(i + 1).padStart(maxDigits, ' ');\n\n                decos.push(\n                    Decoration.widget(pos + shift + 1, elem, {side: 1, ignoreSelection: true}),\n                );\n            }\n\n            shift += line.length + 1;\n        }\n    }\n\n    return DecorationSet.create(doc, decos);\n}\n"]}
+{"version":3,"file":"codeBlockLineNumbersPlugin.js","sourceRoot":"../../../../../../../src","sources":["extensions/markdown/CodeBlock/CodeBlockHighlight/plugins/codeBlockLineNumbersPlugin.ts"],"names":[],"mappings":"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","sourcesContent":["import type {Node} from '#pm/model';\nimport {Plugin, PluginKey} from '#pm/state';\nimport {findChildrenByType} from '#pm/utils';\nimport {Decoration, DecorationSet} from '#pm/view';\n\nimport {codeBlockType} from '../../CodeBlockSpecs';\nimport {isLineNumbersVisible, processChangedCodeBlocks} from '../utils';\n\ntype LineNumberCache = WeakSet<Node>;\n\ntype PluginState = {\n    cache: LineNumberCache;\n    decoSet: DecorationSet;\n};\n\nconst pluginKey = new PluginKey<PluginState>('code_block_line_numbers_decorations');\n\n/** @internal */\nexport const codeBlockLineNumbersPlugin = () => {\n    return new Plugin<PluginState>({\n        key: pluginKey,\n        state: {\n            init(_config, state) {\n                const cache: LineNumberCache = new WeakSet();\n                return {cache, decoSet: buildAllDecorations(state.doc, cache)};\n            },\n            apply(tr, {cache, decoSet}) {\n                if (!tr.docChanged) return {cache, decoSet};\n\n                decoSet = processChangedCodeBlocks(tr, decoSet, (node, pos, decoSet) => {\n                    if (!isLineNumbersVisible(node)) {\n                        return decoSet.remove(decoSet.find(pos, pos + node.nodeSize));\n                    }\n\n                    if (cache.has(node)) {\n                        // node has not changed, but decorations may be missing (after undo/redo)\n                        if (!decoSet.find(pos, pos + node.nodeSize).length) {\n                            return decoSet.add(tr.doc, buildNodeDecorations(node, pos));\n                        }\n                        return decoSet;\n                    }\n\n                    decoSet = decoSet.remove(decoSet.find(pos, pos + node.nodeSize));\n                    cache.add(node);\n                    return decoSet.add(tr.doc, buildNodeDecorations(node, pos));\n                });\n\n                return {cache, decoSet};\n            },\n        },\n        props: {\n            decorations(state) {\n                return pluginKey.getState(state)?.decoSet;\n            },\n        },\n    });\n};\n\nfunction buildAllDecorations(doc: Node, cache: LineNumberCache) {\n    const decos: Decoration[] = [];\n\n    for (const {node, pos} of findChildrenByType(doc, codeBlockType(doc.type.schema), true)) {\n        if (!isLineNumbersVisible(node)) continue;\n\n        const nodeDecos = buildNodeDecorations(node, pos);\n        cache.add(node);\n        decos.push(...nodeDecos);\n    }\n\n    return DecorationSet.create(doc, decos);\n}\n\nfunction buildNodeDecorations(node: Node, pos: number): Decoration[] {\n    const decos: Decoration[] = [];\n    const codeContent = node.textContent;\n    const contentByLines = codeContent.split('\\n');\n    const maxDigits = String(contentByLines.length).length;\n\n    let shift = 0;\n    for (let i = 0; i < contentByLines.length; i++) {\n        const line = contentByLines[i];\n\n        const elem = document.createElement('span');\n        elem.classList.add('yfm-line-number');\n        elem.textContent = String(i + 1).padStart(maxDigits, ' ');\n\n        decos.push(Decoration.widget(pos + shift + 1, elem, {side: 1, ignoreSelection: true}));\n\n        shift += line.length + 1;\n    }\n\n    return decos;\n}\n"]}

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

@@ -1,9 +1,29 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isLineNumbersVisible = isLineNumbersVisible;
+exports.processChangedCodeBlocks = processChangedCodeBlocks;
+const transaction_1 = require("../../../../utils/transaction.js");
 const CodeBlockSpecs_1 = require("../CodeBlockSpecs/index.js");
 /** @internal */
 function isLineNumbersVisible(node) {
     return node.attrs[CodeBlockSpecs_1.CodeBlockNodeAttr.ShowLineNumbers] === 'true';
 }
+/** @internal */
+function processChangedCodeBlocks(tr, decoSet, onCodeBlock) {
+    decoSet = decoSet.map(tr.mapping, tr.doc);
+    (0, transaction_1.forEachChangedNode)(tr, (node, pos) => {
+        if (node.type.name !== CodeBlockSpecs_1.codeBlockNodeName) {
+            if (node.isTextblock) {
+                // Remove stale decorations from non-code_block textblocks
+                // (e.g. when a code_block is converted to a paragraph)
+                decoSet = decoSet.remove(decoSet.find(pos, pos + node.nodeSize));
+                return false;
+            }
+            return true;
+        }
+        decoSet = onCodeBlock(node, pos, decoSet);
+        return false;
+    });
+    return decoSet;
+}
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"../../../../../../src","sources":["extensions/markdown/CodeBlock/CodeBlockHighlight/utils.ts"],"names":[],"mappings":";;AAKA,oDAEC;AALD,+DAAoD;AAEpD,gBAAgB;AAChB,SAAgB,oBAAoB,CAAC,IAAU;IAC3C,OAAO,IAAI,CAAC,KAAK,CAAC,kCAAiB,CAAC,eAAe,CAAC,KAAK,MAAM,CAAC;AACpE,CAAC","sourcesContent":["import type {Node} from '#pm/model';\n\nimport {CodeBlockNodeAttr} from '../CodeBlockSpecs';\n\n/** @internal */\nexport function isLineNumbersVisible(node: Node): boolean {\n    return node.attrs[CodeBlockNodeAttr.ShowLineNumbers] === 'true';\n}\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"../../../../../../src","sources":["extensions/markdown/CodeBlock/CodeBlockHighlight/utils.ts"],"names":[],"mappings":";;AAQA,oDAEC;AAGD,4DAsBC;AAhCD,kEAAyD;AAEzD,+DAAuE;AAEvE,gBAAgB;AAChB,SAAgB,oBAAoB,CAAC,IAAU;IAC3C,OAAO,IAAI,CAAC,KAAK,CAAC,kCAAiB,CAAC,eAAe,CAAC,KAAK,MAAM,CAAC;AACpE,CAAC;AAED,gBAAgB;AAChB,SAAgB,wBAAwB,CACpC,EAAe,EACf,OAAsB,EACtB,WAA+E;IAE/E,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC;IAE1C,IAAA,gCAAkB,EAAC,EAAE,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE;QACjC,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,kCAAiB,EAAE,CAAC;YACvC,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;gBACnB,0DAA0D;gBAC1D,uDAAuD;gBACvD,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;gBACjE,OAAO,KAAK,CAAC;YACjB,CAAC;YACD,OAAO,IAAI,CAAC;QAChB,CAAC;QACD,OAAO,GAAG,WAAW,CAAC,IAAI,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC;QAC1C,OAAO,KAAK,CAAC;IACjB,CAAC,CAAC,CAAC;IAEH,OAAO,OAAO,CAAC;AACnB,CAAC","sourcesContent":["import type {Node} from '#pm/model';\nimport type {Transaction} from '#pm/state';\nimport type {DecorationSet} from '#pm/view';\nimport {forEachChangedNode} from 'src/utils/transaction';\n\nimport {CodeBlockNodeAttr, codeBlockNodeName} from '../CodeBlockSpecs';\n\n/** @internal */\nexport function isLineNumbersVisible(node: Node): boolean {\n    return node.attrs[CodeBlockNodeAttr.ShowLineNumbers] === 'true';\n}\n\n/** @internal */\nexport function processChangedCodeBlocks(\n    tr: Transaction,\n    decoSet: DecorationSet,\n    onCodeBlock: (node: Node, pos: number, decoSet: DecorationSet) => DecorationSet,\n): DecorationSet {\n    decoSet = decoSet.map(tr.mapping, tr.doc);\n\n    forEachChangedNode(tr, (node, pos) => {\n        if (node.type.name !== codeBlockNodeName) {\n            if (node.isTextblock) {\n                // Remove stale decorations from non-code_block textblocks\n                // (e.g. when a code_block is converted to a paragraph)\n                decoSet = decoSet.remove(decoSet.find(pos, pos + node.nodeSize));\n                return false;\n            }\n            return true;\n        }\n        decoSet = onCodeBlock(node, pos, decoSet);\n        return false;\n    });\n\n    return decoSet;\n}\n"]}

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

@@ -12,7 +12,7 @@ Object.defineProperty(exports, "italicType", { enumerable: true, get: function (
 const iAction = 'italic';
 const Italic = (builder, opts) => {
     builder.use(ItalicSpecs_1.ItalicSpecs);
-    builder.addAction(iAction, ({ schema }) => (0, actions_1.createToggleMarkAction)((0, ItalicSpecs_1.italicType)(schema)));
+    builder.addAction(iAction, ({ schema }) => (0, actions_1.createMarkdownInlineMarkAction)((0, ItalicSpecs_1.italicType)(schema)));
     builder.addInputRules(({ schema }) => ({
         rules: [
             (0, inputrules_1.markInputRule)({ open: '*', close: '*', ignoreBetween: '*' }, (0, ItalicSpecs_1.italicType)(schema)),

package/build/cjs/extensions/markdown/Italic/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/markdown/Italic/index.ts"],"names":[],"mappings":";;;AAAA,+DAAgD;AAGhD,uDAA8D;AAC9D,6DAAwD;AACxD,qDAAoD;AAEpD,wDAAsD;AAEtD,sDAAyD;AAAjD,6GAAA,cAAc,OAAA;AAAE,yGAAA,UAAU,OAAA;AAClC,MAAM,OAAO,GAAG,QAAQ,CAAC;AAMlB,MAAM,MAAM,GAAiC,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;IAClE,OAAO,CAAC,GAAG,CAAC,yBAAW,CAAC,CAAC;IAEzB,OAAO,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,IAAA,gCAAsB,EAAC,IAAA,wBAAU,EAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAErF,OAAO,CAAC,aAAa,CAAC,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,CAAC;QACjC,KAAK,EAAE;YACH,IAAA,0BAAa,EAAC,EAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,EAAE,GAAG,EAAC,EAAE,IAAA,wBAAU,EAAC,MAAM,CAAC,CAAC;YAC9E,IAAA,0BAAa,EAAC,EAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,EAAE,GAAG,EAAC,EAAE,IAAA,wBAAU,EAAC,MAAM,CAAC,CAAC;SACjF;KACJ,CAAC,CAAC,CAAC;IAEJ,IAAI,IAAI,EAAE,SAAS,EAAE,CAAC;QAClB,MAAM,EAAC,SAAS,EAAC,GAAG,IAAI,CAAC;QACzB,OAAO,CAAC,SAAS,CAAC,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,CAAC;YAC7B,CAAC,SAAS,CAAC,EAAE,IAAA,sBAAa,EAAC,QAAQ,EAAE,IAAA,iCAAU,EAAC,IAAA,wBAAU,EAAC,MAAM,CAAC,CAAC,CAAC;SACvE,CAAC,CAAC,CAAC;IACR,CAAC;AACL,CAAC,CAAC;AAlBW,QAAA,MAAM,UAkBjB","sourcesContent":["import {toggleMark} from 'prosemirror-commands';\n\nimport type {Action, ExtensionAuto} from '../../../core';\nimport {createToggleMarkAction} from '../../../utils/actions';\nimport {markInputRule} from '../../../utils/inputrules';\nimport {withLogAction} from '../../../utils/keymap';\n\nimport {ItalicSpecs, italicType} from './ItalicSpecs';\n\nexport {italicMarkName, italicType} from './ItalicSpecs';\nconst iAction = 'italic';\n\nexport type ItalicOptions = {\n    italicKey?: string | null;\n};\n\nexport const Italic: ExtensionAuto<ItalicOptions> = (builder, opts) => {\n    builder.use(ItalicSpecs);\n\n    builder.addAction(iAction, ({schema}) => createToggleMarkAction(italicType(schema)));\n\n    builder.addInputRules(({schema}) => ({\n        rules: [\n            markInputRule({open: '*', close: '*', ignoreBetween: '*'}, italicType(schema)),\n            markInputRule({open: '_', close: '_', ignoreBetween: '_'}, italicType(schema)),\n        ],\n    }));\n\n    if (opts?.italicKey) {\n        const {italicKey} = opts;\n        builder.addKeymap(({schema}) => ({\n            [italicKey]: withLogAction('italic', toggleMark(italicType(schema))),\n        }));\n    }\n};\n\ndeclare global {\n    namespace WysiwygEditor {\n        interface Actions {\n            [iAction]: Action;\n        }\n    }\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/markdown/Italic/index.ts"],"names":[],"mappings":";;;AAAA,+DAAgD;AAGhD,uDAAsE;AACtE,6DAAwD;AACxD,qDAAoD;AAEpD,wDAAsD;AAEtD,sDAAyD;AAAjD,6GAAA,cAAc,OAAA;AAAE,yGAAA,UAAU,OAAA;AAClC,MAAM,OAAO,GAAG,QAAQ,CAAC;AAMlB,MAAM,MAAM,GAAiC,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;IAClE,OAAO,CAAC,GAAG,CAAC,yBAAW,CAAC,CAAC;IAEzB,OAAO,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,IAAA,wCAA8B,EAAC,IAAA,wBAAU,EAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAE7F,OAAO,CAAC,aAAa,CAAC,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,CAAC;QACjC,KAAK,EAAE;YACH,IAAA,0BAAa,EAAC,EAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,EAAE,GAAG,EAAC,EAAE,IAAA,wBAAU,EAAC,MAAM,CAAC,CAAC;YAC9E,IAAA,0BAAa,EAAC,EAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,EAAE,GAAG,EAAC,EAAE,IAAA,wBAAU,EAAC,MAAM,CAAC,CAAC;SACjF;KACJ,CAAC,CAAC,CAAC;IAEJ,IAAI,IAAI,EAAE,SAAS,EAAE,CAAC;QAClB,MAAM,EAAC,SAAS,EAAC,GAAG,IAAI,CAAC;QACzB,OAAO,CAAC,SAAS,CAAC,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,CAAC;YAC7B,CAAC,SAAS,CAAC,EAAE,IAAA,sBAAa,EAAC,QAAQ,EAAE,IAAA,iCAAU,EAAC,IAAA,wBAAU,EAAC,MAAM,CAAC,CAAC,CAAC;SACvE,CAAC,CAAC,CAAC;IACR,CAAC;AACL,CAAC,CAAC;AAlBW,QAAA,MAAM,UAkBjB","sourcesContent":["import {toggleMark} from 'prosemirror-commands';\n\nimport type {Action, ExtensionAuto} from '../../../core';\nimport {createMarkdownInlineMarkAction} from '../../../utils/actions';\nimport {markInputRule} from '../../../utils/inputrules';\nimport {withLogAction} from '../../../utils/keymap';\n\nimport {ItalicSpecs, italicType} from './ItalicSpecs';\n\nexport {italicMarkName, italicType} from './ItalicSpecs';\nconst iAction = 'italic';\n\nexport type ItalicOptions = {\n    italicKey?: string | null;\n};\n\nexport const Italic: ExtensionAuto<ItalicOptions> = (builder, opts) => {\n    builder.use(ItalicSpecs);\n\n    builder.addAction(iAction, ({schema}) => createMarkdownInlineMarkAction(italicType(schema)));\n\n    builder.addInputRules(({schema}) => ({\n        rules: [\n            markInputRule({open: '*', close: '*', ignoreBetween: '*'}, italicType(schema)),\n            markInputRule({open: '_', close: '_', ignoreBetween: '_'}, italicType(schema)),\n        ],\n    }));\n\n    if (opts?.italicKey) {\n        const {italicKey} = opts;\n        builder.addKeymap(({schema}) => ({\n            [italicKey]: withLogAction('italic', toggleMark(italicType(schema))),\n        }));\n    }\n};\n\ndeclare global {\n    namespace WysiwygEditor {\n        interface Actions {\n            [iAction]: Action;\n        }\n    }\n}\n"]}

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

@@ -11,7 +11,7 @@ const mAction = 'mark';
 const Mark = (builder) => {
     builder.use(MarkSpecs_1.MarkSpecs);
     builder
-        .addAction(mAction, ({ schema }) => (0, actions_1.createToggleMarkAction)((0, MarkSpecs_1.markMarkType)(schema)))
+        .addAction(mAction, ({ schema }) => (0, actions_1.createMarkdownInlineMarkAction)((0, MarkSpecs_1.markMarkType)(schema)))
         .addInputRules(({ schema }) => ({
         rules: [
             (0, inputrules_1.markInputRule)({ open: '==', close: '==', ignoreBetween: '=' }, (0, MarkSpecs_1.markMarkType)(schema)),

package/build/cjs/extensions/markdown/Mark/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/markdown/Mark/index.ts"],"names":[],"mappings":";;;AACA,uDAA8D;AAC9D,6DAAwD;AAExD,oDAAoD;AAEpD,kDAAuD;AAA/C,yGAAA,YAAY,OAAA;AAAE,yGAAA,YAAY,OAAA;AAClC,MAAM,OAAO,GAAG,MAAM,CAAC;AAEhB,MAAM,IAAI,GAAkB,CAAC,OAAO,EAAE,EAAE;IAC3C,OAAO,CAAC,GAAG,CAAC,qBAAS,CAAC,CAAC;IAEvB,OAAO;SACF,SAAS,CAAC,OAAO,EAAE,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,IAAA,gCAAsB,EAAC,IAAA,wBAAY,EAAC,MAAM,CAAC,CAAC,CAAC;SAC9E,aAAa,CAAC,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,CAAC;QAC1B,KAAK,EAAE;YACH,IAAA,0BAAa,EAAC,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,EAAC,EAAE,IAAA,wBAAY,EAAC,MAAM,CAAC,CAAC;SACrF;KACJ,CAAC,CAAC,CAAC;AACZ,CAAC,CAAC;AAVW,QAAA,IAAI,QAUf","sourcesContent":["import type {Action, ExtensionAuto} from '../../../core';\nimport {createToggleMarkAction} from '../../../utils/actions';\nimport {markInputRule} from '../../../utils/inputrules';\n\nimport {MarkSpecs, markMarkType} from './MarkSpecs';\n\nexport {markMarkName, markMarkType} from './MarkSpecs';\nconst mAction = 'mark';\n\nexport const Mark: ExtensionAuto = (builder) => {\n    builder.use(MarkSpecs);\n\n    builder\n        .addAction(mAction, ({schema}) => createToggleMarkAction(markMarkType(schema)))\n        .addInputRules(({schema}) => ({\n            rules: [\n                markInputRule({open: '==', close: '==', ignoreBetween: '='}, markMarkType(schema)),\n            ],\n        }));\n};\n\ndeclare global {\n    namespace WysiwygEditor {\n        interface Actions {\n            [mAction]: Action;\n        }\n    }\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/markdown/Mark/index.ts"],"names":[],"mappings":";;;AACA,uDAAsE;AACtE,6DAAwD;AAExD,oDAAoD;AAEpD,kDAAuD;AAA/C,yGAAA,YAAY,OAAA;AAAE,yGAAA,YAAY,OAAA;AAClC,MAAM,OAAO,GAAG,MAAM,CAAC;AAEhB,MAAM,IAAI,GAAkB,CAAC,OAAO,EAAE,EAAE;IAC3C,OAAO,CAAC,GAAG,CAAC,qBAAS,CAAC,CAAC;IAEvB,OAAO;SACF,SAAS,CAAC,OAAO,EAAE,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,IAAA,wCAA8B,EAAC,IAAA,wBAAY,EAAC,MAAM,CAAC,CAAC,CAAC;SACtF,aAAa,CAAC,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,CAAC;QAC1B,KAAK,EAAE;YACH,IAAA,0BAAa,EAAC,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,EAAC,EAAE,IAAA,wBAAY,EAAC,MAAM,CAAC,CAAC;SACrF;KACJ,CAAC,CAAC,CAAC;AACZ,CAAC,CAAC;AAVW,QAAA,IAAI,QAUf","sourcesContent":["import type {Action, ExtensionAuto} from '../../../core';\nimport {createMarkdownInlineMarkAction} from '../../../utils/actions';\nimport {markInputRule} from '../../../utils/inputrules';\n\nimport {MarkSpecs, markMarkType} from './MarkSpecs';\n\nexport {markMarkName, markMarkType} from './MarkSpecs';\nconst mAction = 'mark';\n\nexport const Mark: ExtensionAuto = (builder) => {\n    builder.use(MarkSpecs);\n\n    builder\n        .addAction(mAction, ({schema}) => createMarkdownInlineMarkAction(markMarkType(schema)))\n        .addInputRules(({schema}) => ({\n            rules: [\n                markInputRule({open: '==', close: '==', ignoreBetween: '='}, markMarkType(schema)),\n            ],\n        }));\n};\n\ndeclare global {\n    namespace WysiwygEditor {\n        interface Actions {\n            [mAction]: Action;\n        }\n    }\n}\n"]}

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

@@ -13,7 +13,7 @@ const sAction = 'strike';
 const Strike = (builder, opts) => {
     builder.use(StrikeSpecs_1.StrikeSpecs);
     builder
-        .addAction(sAction, ({ schema }) => (0, actions_1.createToggleMarkAction)((0, StrikeSpecs_1.strikeType)(schema)))
+        .addAction(sAction, ({ schema }) => (0, actions_1.createMarkdownInlineMarkAction)((0, StrikeSpecs_1.strikeType)(schema)))
         .addInputRules(({ schema }) => ({
         rules: [
             (0, inputrules_1.markInputRule)({ open: '~~', close: '~~', ignoreBetween: '~' }, (0, StrikeSpecs_1.strikeType)(schema)),

package/build/cjs/extensions/markdown/Strike/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/markdown/Strike/index.ts"],"names":[],"mappings":";;;AAAA,+DAAgD;AAGhD,uDAA8D;AAC9D,6DAAwD;AACxD,qDAAoD;AAEpD,wDAAsD;AAEtD,sDAAyD;AAAjD,6GAAA,cAAc,OAAA;AAAE,yGAAA,UAAU,OAAA;AAClC,MAAM,OAAO,GAAG,QAAQ,CAAC;AAMlB,MAAM,MAAM,GAAiC,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;IAClE,OAAO,CAAC,GAAG,CAAC,yBAAW,CAAC,CAAC;IAEzB,OAAO;SACF,SAAS,CAAC,OAAO,EAAE,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,IAAA,gCAAsB,EAAC,IAAA,wBAAU,EAAC,MAAM,CAAC,CAAC,CAAC;SAC5E,aAAa,CAAC,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,CAAC;QAC1B,KAAK,EAAE;YACH,IAAA,0BAAa,EAAC,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,EAAC,EAAE,IAAA,wBAAU,EAAC,MAAM,CAAC,CAAC;SACnF;KACJ,CAAC,CAAC,CAAC;IAER,IAAI,IAAI,EAAE,SAAS,EAAE,CAAC;QAClB,MAAM,EAAC,SAAS,EAAC,GAAG,IAAI,CAAC;QACzB,OAAO,CAAC,SAAS,CAAC,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,CAAC;YAC7B,CAAC,SAAS,CAAC,EAAE,IAAA,sBAAa,EAAC,QAAQ,EAAE,IAAA,iCAAU,EAAC,IAAA,wBAAU,EAAC,MAAM,CAAC,CAAC,CAAC;SACvE,CAAC,CAAC,CAAC;IACR,CAAC;AACL,CAAC,CAAC;AAjBW,QAAA,MAAM,UAiBjB","sourcesContent":["import {toggleMark} from 'prosemirror-commands';\n\nimport type {Action, ExtensionAuto} from '../../../core';\nimport {createToggleMarkAction} from '../../../utils/actions';\nimport {markInputRule} from '../../../utils/inputrules';\nimport {withLogAction} from '../../../utils/keymap';\n\nimport {StrikeSpecs, strikeType} from './StrikeSpecs';\n\nexport {strikeMarkName, strikeType} from './StrikeSpecs';\nconst sAction = 'strike';\n\nexport type StrikeOptions = {\n    strikeKey?: string | null;\n};\n\nexport const Strike: ExtensionAuto<StrikeOptions> = (builder, opts) => {\n    builder.use(StrikeSpecs);\n\n    builder\n        .addAction(sAction, ({schema}) => createToggleMarkAction(strikeType(schema)))\n        .addInputRules(({schema}) => ({\n            rules: [\n                markInputRule({open: '~~', close: '~~', ignoreBetween: '~'}, strikeType(schema)),\n            ],\n        }));\n\n    if (opts?.strikeKey) {\n        const {strikeKey} = opts;\n        builder.addKeymap(({schema}) => ({\n            [strikeKey]: withLogAction('strike', toggleMark(strikeType(schema))),\n        }));\n    }\n};\n\ndeclare global {\n    namespace WysiwygEditor {\n        interface Actions {\n            [sAction]: Action;\n        }\n    }\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/markdown/Strike/index.ts"],"names":[],"mappings":";;;AAAA,+DAAgD;AAGhD,uDAAsE;AACtE,6DAAwD;AACxD,qDAAoD;AAEpD,wDAAsD;AAEtD,sDAAyD;AAAjD,6GAAA,cAAc,OAAA;AAAE,yGAAA,UAAU,OAAA;AAClC,MAAM,OAAO,GAAG,QAAQ,CAAC;AAMlB,MAAM,MAAM,GAAiC,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;IAClE,OAAO,CAAC,GAAG,CAAC,yBAAW,CAAC,CAAC;IAEzB,OAAO;SACF,SAAS,CAAC,OAAO,EAAE,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,IAAA,wCAA8B,EAAC,IAAA,wBAAU,EAAC,MAAM,CAAC,CAAC,CAAC;SACpF,aAAa,CAAC,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,CAAC;QAC1B,KAAK,EAAE;YACH,IAAA,0BAAa,EAAC,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,EAAC,EAAE,IAAA,wBAAU,EAAC,MAAM,CAAC,CAAC;SACnF;KACJ,CAAC,CAAC,CAAC;IAER,IAAI,IAAI,EAAE,SAAS,EAAE,CAAC;QAClB,MAAM,EAAC,SAAS,EAAC,GAAG,IAAI,CAAC;QACzB,OAAO,CAAC,SAAS,CAAC,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,CAAC;YAC7B,CAAC,SAAS,CAAC,EAAE,IAAA,sBAAa,EAAC,QAAQ,EAAE,IAAA,iCAAU,EAAC,IAAA,wBAAU,EAAC,MAAM,CAAC,CAAC,CAAC;SACvE,CAAC,CAAC,CAAC;IACR,CAAC;AACL,CAAC,CAAC;AAjBW,QAAA,MAAM,UAiBjB","sourcesContent":["import {toggleMark} from 'prosemirror-commands';\n\nimport type {Action, ExtensionAuto} from '../../../core';\nimport {createMarkdownInlineMarkAction} from '../../../utils/actions';\nimport {markInputRule} from '../../../utils/inputrules';\nimport {withLogAction} from '../../../utils/keymap';\n\nimport {StrikeSpecs, strikeType} from './StrikeSpecs';\n\nexport {strikeMarkName, strikeType} from './StrikeSpecs';\nconst sAction = 'strike';\n\nexport type StrikeOptions = {\n    strikeKey?: string | null;\n};\n\nexport const Strike: ExtensionAuto<StrikeOptions> = (builder, opts) => {\n    builder.use(StrikeSpecs);\n\n    builder\n        .addAction(sAction, ({schema}) => createMarkdownInlineMarkAction(strikeType(schema)))\n        .addInputRules(({schema}) => ({\n            rules: [\n                markInputRule({open: '~~', close: '~~', ignoreBetween: '~'}, strikeType(schema)),\n            ],\n        }));\n\n    if (opts?.strikeKey) {\n        const {strikeKey} = opts;\n        builder.addKeymap(({schema}) => ({\n            [strikeKey]: withLogAction('strike', toggleMark(strikeType(schema))),\n        }));\n    }\n};\n\ndeclare global {\n    namespace WysiwygEditor {\n        interface Actions {\n            [sAction]: Action;\n        }\n    }\n}\n"]}

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

@@ -13,7 +13,7 @@ const undAction = 'underline';
 const Underline = (builder, opts) => {
     builder.use(UnderlineSpecs_1.UnderlineSpecs);
     builder
-        .addAction(undAction, ({ schema }) => (0, actions_1.createToggleMarkAction)((0, UnderlineSpecs_1.underlineType)(schema)))
+        .addAction(undAction, ({ schema }) => (0, actions_1.createMarkdownInlineMarkAction)((0, UnderlineSpecs_1.underlineType)(schema)))
         .addInputRules(({ schema }) => ({
         rules: [
             (0, inputrules_1.markInputRule)({ open: '++', close: '++', ignoreBetween: '+' }, (0, UnderlineSpecs_1.underlineType)(schema)),

package/build/cjs/extensions/markdown/Underline/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/markdown/Underline/index.ts"],"names":[],"mappings":";;;AAAA,+DAAgD;AAGhD,uDAA8D;AAC9D,6DAAwD;AACxD,qDAAoD;AAEpD,8DAA+D;AAE/D,4DAAkE;AAA1D,mHAAA,iBAAiB,OAAA;AAAE,+GAAA,aAAa,OAAA;AACxC,MAAM,SAAS,GAAG,WAAW,CAAC;AAMvB,MAAM,SAAS,GAAoC,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;IACxE,OAAO,CAAC,GAAG,CAAC,+BAAc,CAAC,CAAC;IAE5B,OAAO;SACF,SAAS,CAAC,SAAS,EAAE,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,IAAA,gCAAsB,EAAC,IAAA,8BAAa,EAAC,MAAM,CAAC,CAAC,CAAC;SACjF,aAAa,CAAC,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,CAAC;QAC1B,KAAK,EAAE;YACH,IAAA,0BAAa,EAAC,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,EAAC,EAAE,IAAA,8BAAa,EAAC,MAAM,CAAC,CAAC;SACtF;KACJ,CAAC,CAAC,CAAC;IAER,IAAI,IAAI,EAAE,YAAY,EAAE,CAAC;QACrB,MAAM,EAAC,YAAY,EAAC,GAAG,IAAI,CAAC;QAC5B,OAAO,CAAC,SAAS,CAAC,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,CAAC;YAC7B,CAAC,YAAY,CAAC,EAAE,IAAA,sBAAa,EAAC,WAAW,EAAE,IAAA,iCAAU,EAAC,IAAA,8BAAa,EAAC,MAAM,CAAC,CAAC,CAAC;SAChF,CAAC,CAAC,CAAC;IACR,CAAC;AACL,CAAC,CAAC;AAjBW,QAAA,SAAS,aAiBpB","sourcesContent":["import {toggleMark} from 'prosemirror-commands';\n\nimport type {Action, ExtensionAuto} from '../../../core';\nimport {createToggleMarkAction} from '../../../utils/actions';\nimport {markInputRule} from '../../../utils/inputrules';\nimport {withLogAction} from '../../../utils/keymap';\n\nimport {UnderlineSpecs, underlineType} from './UnderlineSpecs';\n\nexport {underlineMarkName, underlineType} from './UnderlineSpecs';\nconst undAction = 'underline';\n\nexport type UnderlineOptions = {\n    underlineKey?: string | null;\n};\n\nexport const Underline: ExtensionAuto<UnderlineOptions> = (builder, opts) => {\n    builder.use(UnderlineSpecs);\n\n    builder\n        .addAction(undAction, ({schema}) => createToggleMarkAction(underlineType(schema)))\n        .addInputRules(({schema}) => ({\n            rules: [\n                markInputRule({open: '++', close: '++', ignoreBetween: '+'}, underlineType(schema)),\n            ],\n        }));\n\n    if (opts?.underlineKey) {\n        const {underlineKey} = opts;\n        builder.addKeymap(({schema}) => ({\n            [underlineKey]: withLogAction('underline', toggleMark(underlineType(schema))),\n        }));\n    }\n};\n\ndeclare global {\n    namespace WysiwygEditor {\n        interface Actions {\n            [undAction]: Action;\n        }\n    }\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/markdown/Underline/index.ts"],"names":[],"mappings":";;;AAAA,+DAAgD;AAGhD,uDAAsE;AACtE,6DAAwD;AACxD,qDAAoD;AAEpD,8DAA+D;AAE/D,4DAAkE;AAA1D,mHAAA,iBAAiB,OAAA;AAAE,+GAAA,aAAa,OAAA;AACxC,MAAM,SAAS,GAAG,WAAW,CAAC;AAMvB,MAAM,SAAS,GAAoC,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;IACxE,OAAO,CAAC,GAAG,CAAC,+BAAc,CAAC,CAAC;IAE5B,OAAO;SACF,SAAS,CAAC,SAAS,EAAE,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,IAAA,wCAA8B,EAAC,IAAA,8BAAa,EAAC,MAAM,CAAC,CAAC,CAAC;SACzF,aAAa,CAAC,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,CAAC;QAC1B,KAAK,EAAE;YACH,IAAA,0BAAa,EAAC,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,EAAC,EAAE,IAAA,8BAAa,EAAC,MAAM,CAAC,CAAC;SACtF;KACJ,CAAC,CAAC,CAAC;IAER,IAAI,IAAI,EAAE,YAAY,EAAE,CAAC;QACrB,MAAM,EAAC,YAAY,EAAC,GAAG,IAAI,CAAC;QAC5B,OAAO,CAAC,SAAS,CAAC,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,CAAC;YAC7B,CAAC,YAAY,CAAC,EAAE,IAAA,sBAAa,EAAC,WAAW,EAAE,IAAA,iCAAU,EAAC,IAAA,8BAAa,EAAC,MAAM,CAAC,CAAC,CAAC;SAChF,CAAC,CAAC,CAAC;IACR,CAAC;AACL,CAAC,CAAC;AAjBW,QAAA,SAAS,aAiBpB","sourcesContent":["import {toggleMark} from 'prosemirror-commands';\n\nimport type {Action, ExtensionAuto} from '../../../core';\nimport {createMarkdownInlineMarkAction} from '../../../utils/actions';\nimport {markInputRule} from '../../../utils/inputrules';\nimport {withLogAction} from '../../../utils/keymap';\n\nimport {UnderlineSpecs, underlineType} from './UnderlineSpecs';\n\nexport {underlineMarkName, underlineType} from './UnderlineSpecs';\nconst undAction = 'underline';\n\nexport type UnderlineOptions = {\n    underlineKey?: string | null;\n};\n\nexport const Underline: ExtensionAuto<UnderlineOptions> = (builder, opts) => {\n    builder.use(UnderlineSpecs);\n\n    builder\n        .addAction(undAction, ({schema}) => createMarkdownInlineMarkAction(underlineType(schema)))\n        .addInputRules(({schema}) => ({\n            rules: [\n                markInputRule({open: '++', close: '++', ignoreBetween: '+'}, underlineType(schema)),\n            ],\n        }));\n\n    if (opts?.underlineKey) {\n        const {underlineKey} = opts;\n        builder.addKeymap(({schema}) => ({\n            [underlineKey]: withLogAction('underline', toggleMark(underlineType(schema))),\n        }));\n    }\n};\n\ndeclare global {\n    namespace WysiwygEditor {\n        interface Actions {\n            [undAction]: Action;\n        }\n    }\n}\n"]}

package/build/cjs/extensions/yfm/Monospace/index.js

@@ -11,7 +11,7 @@ const monoAction = 'mono';
 const Monospace = (builder) => {
     builder.use(MonospaceSpecs_1.MonospaceSpecs);
     builder
-        .addAction(monoAction, ({ schema }) => (0, actions_1.createToggleMarkAction)((0, MonospaceSpecs_1.monospaceType)(schema)))
+        .addAction(monoAction, ({ schema }) => (0, actions_1.createMarkdownInlineMarkAction)((0, MonospaceSpecs_1.monospaceType)(schema)))
         .addInputRules(({ schema }) => ({
         rules: [
             (0, inputrules_1.markInputRule)({ open: '##', close: '##', ignoreBetween: '#' }, (0, MonospaceSpecs_1.monospaceType)(schema)),

package/build/cjs/extensions/yfm/Monospace/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/yfm/Monospace/index.ts"],"names":[],"mappings":";;;AACA,uDAA8D;AAC9D,6DAAwD;AAExD,8DAA+D;AAE/D,4DAAkE;AAA1D,mHAAA,iBAAiB,OAAA;AAAE,+GAAA,aAAa,OAAA;AACxC,MAAM,UAAU,GAAG,MAAM,CAAC;AAEnB,MAAM,SAAS,GAAkB,CAAC,OAAO,EAAE,EAAE;IAChD,OAAO,CAAC,GAAG,CAAC,+BAAc,CAAC,CAAC;IAE5B,OAAO;SACF,SAAS,CAAC,UAAU,EAAE,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,IAAA,gCAAsB,EAAC,IAAA,8BAAa,EAAC,MAAM,CAAC,CAAC,CAAC;SAClF,aAAa,CAAC,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,CAAC;QAC1B,KAAK,EAAE;YACH,IAAA,0BAAa,EAAC,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,EAAC,EAAE,IAAA,8BAAa,EAAC,MAAM,CAAC,CAAC;SACtF;KACJ,CAAC,CAAC,CAAC;AACZ,CAAC,CAAC;AAVW,QAAA,SAAS,aAUpB","sourcesContent":["import type {Action, ExtensionAuto} from '../../../core';\nimport {createToggleMarkAction} from '../../../utils/actions';\nimport {markInputRule} from '../../../utils/inputrules';\n\nimport {MonospaceSpecs, monospaceType} from './MonospaceSpecs';\n\nexport {monospaceMarkName, monospaceType} from './MonospaceSpecs';\nconst monoAction = 'mono';\n\nexport const Monospace: ExtensionAuto = (builder) => {\n    builder.use(MonospaceSpecs);\n\n    builder\n        .addAction(monoAction, ({schema}) => createToggleMarkAction(monospaceType(schema)))\n        .addInputRules(({schema}) => ({\n            rules: [\n                markInputRule({open: '##', close: '##', ignoreBetween: '#'}, monospaceType(schema)),\n            ],\n        }));\n};\n\ndeclare global {\n    namespace WysiwygEditor {\n        interface Actions {\n            [monoAction]: Action;\n        }\n    }\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["extensions/yfm/Monospace/index.ts"],"names":[],"mappings":";;;AACA,uDAAsE;AACtE,6DAAwD;AAExD,8DAA+D;AAE/D,4DAAkE;AAA1D,mHAAA,iBAAiB,OAAA;AAAE,+GAAA,aAAa,OAAA;AACxC,MAAM,UAAU,GAAG,MAAM,CAAC;AAEnB,MAAM,SAAS,GAAkB,CAAC,OAAO,EAAE,EAAE;IAChD,OAAO,CAAC,GAAG,CAAC,+BAAc,CAAC,CAAC;IAE5B,OAAO;SACF,SAAS,CAAC,UAAU,EAAE,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,IAAA,wCAA8B,EAAC,IAAA,8BAAa,EAAC,MAAM,CAAC,CAAC,CAAC;SAC1F,aAAa,CAAC,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,CAAC;QAC1B,KAAK,EAAE;YACH,IAAA,0BAAa,EAAC,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,EAAC,EAAE,IAAA,8BAAa,EAAC,MAAM,CAAC,CAAC;SACtF;KACJ,CAAC,CAAC,CAAC;AACZ,CAAC,CAAC;AAVW,QAAA,SAAS,aAUpB","sourcesContent":["import type {Action, ExtensionAuto} from '../../../core';\nimport {createMarkdownInlineMarkAction} from '../../../utils/actions';\nimport {markInputRule} from '../../../utils/inputrules';\n\nimport {MonospaceSpecs, monospaceType} from './MonospaceSpecs';\n\nexport {monospaceMarkName, monospaceType} from './MonospaceSpecs';\nconst monoAction = 'mono';\n\nexport const Monospace: ExtensionAuto = (builder) => {\n    builder.use(MonospaceSpecs);\n\n    builder\n        .addAction(monoAction, ({schema}) => createMarkdownInlineMarkAction(monospaceType(schema)))\n        .addInputRules(({schema}) => ({\n            rules: [\n                markInputRule({open: '##', close: '##', ignoreBetween: '#'}, monospaceType(schema)),\n            ],\n        }));\n};\n\ndeclare global {\n    namespace WysiwygEditor {\n        interface Actions {\n            [monoAction]: Action;\n        }\n    }\n}\n"]}

package/build/cjs/utils/actions.d.ts

@@ -2,3 +2,9 @@ import type { MarkType } from 'prosemirror-model';
 import type { ActionSpec } from "../core/index.js";
 export declare function defineActions<Keys extends string>(actions: Record<Keys, ActionSpec>): Record<Keys, ActionSpec>;
 export declare function createToggleMarkAction(markType: MarkType): ActionSpec;
+/**
+ * Like createToggleMarkAction, but blocks applying the mark when the selection
+ * boundaries would produce markdown that cannot round-trip (e.g. `word**,**`).
+ * Removing the mark (toggling off) is always allowed.
+ */
+export declare function createMarkdownInlineMarkAction(markType: MarkType): ActionSpec;

package/build/cjs/utils/actions.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.defineActions = defineActions;
 exports.createToggleMarkAction = createToggleMarkAction;
+exports.createMarkdownInlineMarkAction = createMarkdownInlineMarkAction;
 const prosemirror_commands_1 = require("prosemirror-commands");
 const marks_1 = require("./marks.js");
 function defineActions(actions) {
@@ -15,4 +16,27 @@ function createToggleMarkAction(markType) {
         run: command,
     };
 }
+/**
+ * Like createToggleMarkAction, but blocks applying the mark when the selection
+ * boundaries would produce markdown that cannot round-trip (e.g. `word**,**`).
+ * Removing the mark (toggling off) is always allowed.
+ */
+function createMarkdownInlineMarkAction(markType) {
+    const base = createToggleMarkAction(markType);
+    return {
+        isActive: base.isActive,
+        isEnable: (state, dispatch, view, attrs) => {
+            const isBlocked = !(0, marks_1.isMarkActive)(state, markType) && !(0, marks_1.canApplyInlineMarkInMarkdown)(state);
+            if (isBlocked)
+                return false;
+            return base.isEnable(state, dispatch, view, attrs);
+        },
+        run: (state, dispatch, view, attrs) => {
+            const isBlocked = !(0, marks_1.isMarkActive)(state, markType) && !(0, marks_1.canApplyInlineMarkInMarkdown)(state);
+            if (isBlocked)
+                return;
+            base.run(state, dispatch, view, attrs);
+        },
+    };
+}
 //# sourceMappingURL=actions.js.map