@krainovsd/markdown-editor 0.0.3 → 0.1.0

package/lib/cjs/index-lPo-3QDL.js

@@ -0,0 +1,1374 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const langMarkdown = require('@codemirror/lang-markdown');
+const language = require('@codemirror/language');
+const view = require('@codemirror/view');
+const clsx = require('clsx');
+const index = require('./index-Byjf17iv.js');
+require('@lezer/highlight');
+require('@codemirror/state');
+require('@codemirror/commands');
+
+function copyToClipboard(content) {
+    if (navigator.clipboard && window.isSecureContext) {
+        return navigator.clipboard.writeText(content);
+    }
+    return fallbackCopyTextToClipboard(content);
+}
+function fallbackCopyTextToClipboard(content) {
+    const textArea = document.createElement("textarea");
+    textArea.value = content;
+    textArea.style.top = "0";
+    textArea.style.left = "0";
+    textArea.style.opacity = "0";
+    textArea.style.position = "fixed";
+    document.body.appendChild(textArea);
+    textArea.focus();
+    textArea.select();
+    return new Promise((resolve, reject) => {
+        try {
+            // eslint-disable-next-line @typescript-eslint/no-deprecated
+            if (document.execCommand("copy"))
+                resolve();
+            else
+                reject();
+        }
+        catch {
+            reject();
+        }
+        finally {
+            document.body.removeChild(textArea);
+        }
+    });
+}
+
+function tick({ deep = 1, maxDeep = 1, delay = 0, recursiveCondition, delayGetter, type = "macro", }) {
+    return new Promise((resolve) => {
+        if (type === "micro") {
+            if (deep >= maxDeep || !recursiveCondition || recursiveCondition())
+                resolve(1);
+            else
+                void tick({ deep: deep + 1, maxDeep, delay, recursiveCondition, type, delayGetter }).then(() => resolve(1));
+        }
+        if (type === "macro") {
+            const currentDelay = delayGetter ? delayGetter(deep) : delay;
+            setTimeout(() => {
+                if (deep >= maxDeep || !recursiveCondition || recursiveCondition())
+                    resolve(1);
+                else
+                    void tick({ deep: deep + 1, maxDeep, delay, recursiveCondition, type, delayGetter }).then(() => resolve(1));
+            }, currentDelay);
+        }
+    });
+}
+
+function getLineDecoration({ style, range }) {
+    return view.Decoration.line({
+        class: style,
+    }).range(range[0], range[1]);
+}
+function getMarkDecoration({ range, style }) {
+    return view.Decoration.mark({
+        class: style,
+    }).range(range[0], range[1]);
+}
+function getHideDecoration({ range }) {
+    return view.Decoration.replace({}).range(range[0], range[1]);
+}
+function getReplaceDecoration({ range, widget }) {
+    return view.Decoration.replace({ widget }).range(range[0], range[1]);
+}
+function getWidgetDecorationOptions({ widget, range }) {
+    return view.Decoration.widget({ widget, side: 1 }).range(range[0], range[1]);
+}
+
+function isRangeOverlap(range, text) {
+    return range[0] <= text[1] && text[0] <= range[1];
+}
+
+function isInRange(ranges, text) {
+    return ranges.some((range) => isRangeOverlap([range.from, range.to], text));
+}
+
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z = "._header_XFwV5{font-weight:700}._header_XFwV5._level_1_-KPph{font-size:2rem}._header_XFwV5._level_2_ecHlB{font-size:1.8rem}._header_XFwV5._level_3_SYcVr{font-size:1.6rem}._header_XFwV5._level_4_V3o5m{font-size:1.4rem}._header_XFwV5._level_5_I7eVk{font-size:1.3rem}._header_XFwV5._level_6_A3lbK{font-size:1.2rem}._bold_I8DT-{font-weight:700}._italic_72qBe{font-style:italic}._blockquote_Xq6O4{border-left:3px solid;margin-left:5px}._blockquote__inner_mjT0h{margin-left:1px;padding-left:5px;position:relative}._blockquote__inner_mjT0h:before{border-left:3px solid;content:\"\";height:140%;left:0;position:absolute;top:-3px}._blockquote__inner-deep_s6tNj{margin-left:5px}._strike-through_U64jP{text-decoration:line-through}._list_MHIjT._common_0GdDi{position:relative;visibility:hidden}._list_MHIjT._common_0GdDi:after{border-radius:100%;content:\"\";height:5px;left:0;position:absolute;top:50%;transform:translateY(-50%);visibility:visible;width:5px}._link_7U9wl{text-decoration:none;text-decoration:underline}._link__label_dHGGf{font-size:12px;position:relative;top:-4px}._image_KmBM8{display:inline-flex}._code__line_m3IiO{padding:5px;position:relative}._code__line_m3IiO,._code__single_hbMte{font-family:monospace}._code__button_WwYE-{background-color:transparent;border:none;border-radius:4px;box-shadow:none;cursor:pointer;min-width:30px;outline:none;padding:4px 10px;position:absolute;right:5px;top:5px;transition:all .3s ease;z-index:1}._code__button_WwYE-._pending_fgHgD:before{animation:_loading-btn--fade-in_8z5an .33s ease,_loading-btn--rotation_QaopN .66s linear 0s infinite;border:2px solid hsla(0,0%,100%,.33);border-radius:50%;border-top-color:#000;content:\"\";display:inline-block;height:10.5px;left:50%;position:absolute;top:50%;width:10.5px}._code__button_WwYE-._success_kUPnO:after{animation:_loading-btn--fade-in_8z5an .6s ease;border-color:currentcolor;border-style:solid;border-width:0 0 1px 1px;content:\"\";display:inline-block;height:7px;left:50%;position:absolute;top:50%;transform:translate(-50%,-75%) rotate(-45deg);width:11px}._code__button_WwYE-._fail_cOpap:after,._code__button_WwYE-._fail_cOpap:before{content:\" \";height:13px;left:50%;position:absolute;top:50%;width:1px}._code__button_WwYE-._fail_cOpap:before{transform:translate(-50%,-50%) rotate(45deg)}._code__button_WwYE-._fail_cOpap:after{transform:translate(-50%,-50%) rotate(-45deg)}@keyframes _loading-btn--fade-in_8z5an{0%{opacity:0}to{opacity:1}}@keyframes _loading-btn--rotation_QaopN{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}._code__span_iSCmj{opacity:1;transition:opacity .3s ease}._code__span_iSCmj._hide_uqpax{opacity:0}._horizontal_J1jU-{border-bottom:1px solid;margin:0 5px;position:relative;width:calc(100% - 10px)}._todo_m6MIP{align-items:flex-end;display:inline-flex;height:100%;padding-left:3px;padding-right:3px}._todo_m6MIP>input{margin:0}._todo__checked_kemjy{text-decoration:line-through}._mention_cpzik{font-weight:700}";
+const styles = {"header":"_header_XFwV5","level_1":"_level_1_-KPph","level_2":"_level_2_ecHlB","level_3":"_level_3_SYcVr","level_4":"_level_4_V3o5m","level_5":"_level_5_I7eVk","level_6":"_level_6_A3lbK","bold":"_bold_I8DT-","italic":"_italic_72qBe","blockquote":"_blockquote_Xq6O4","blockquote__inner":"_blockquote__inner_mjT0h","blockquote__inner-deep":"_blockquote__inner-deep_s6tNj","strike-through":"_strike-through_U64jP","list":"_list_MHIjT","common":"_common_0GdDi","link":"_link_7U9wl","link__label":"_link__label_dHGGf","image":"_image_KmBM8","code__line":"_code__line_m3IiO","code__single":"_code__single_hbMte","code__button":"_code__button_WwYE-","pending":"_pending_fgHgD","loading-btn--fade-in":"_loading-btn--fade-in_8z5an","loading-btn--rotation":"_loading-btn--rotation_QaopN","success":"_success_kUPnO","fail":"_fail_cOpap","code__span":"_code__span_iSCmj","hide":"_hide_uqpax","horizontal":"_horizontal_J1jU-","todo":"_todo_m6MIP","todo__checked":"_todo__checked_kemjy","mention":"_mention_cpzik"};
+styleInject(css_248z);
+
+const NAME_OF_BLOCKQUOTE_MARK = "QuoteMark";
+const CODE_OF_SPACE$1 = 32;
+const CODE_OF_BLOCKQUOTE_MARK = 62; // >
+
+class BlockquoteWidget extends view.WidgetType {
+    deep;
+    constructor(deep) {
+        super();
+        this.deep = deep;
+    }
+    toDOM() {
+        const span = document.createElement("span");
+        span.classList.add(styles.blockquote__inner);
+        if (this.deep)
+            span.classList.add(styles["blockquote__inner-deep"]);
+        span.classList.add(index.CLASSES.blockquoteInner);
+        return span;
+    }
+}
+
+function getBlockquoteDecorations({ decorations, node, view }) {
+    if (node.name !== NAME_OF_BLOCKQUOTE_MARK) {
+        return;
+    }
+    const line = view.lineBlockAt(node.from);
+    let isInner = false;
+    if (line.from !== node.from) {
+        const content = view.state.doc.sliceString(line.from, node.to);
+        let pos = content.length - 1;
+        let isHasMark = false;
+        while (pos >= 0) {
+            pos--;
+            const currentCode = content.charCodeAt(pos);
+            if (currentCode === CODE_OF_SPACE$1)
+                continue;
+            if (currentCode === CODE_OF_BLOCKQUOTE_MARK) {
+                if (!isHasMark) {
+                    isHasMark = true;
+                    continue;
+                }
+                if (!isInner) {
+                    isInner = true;
+                    break;
+                }
+            }
+            pos = -1;
+        }
+    }
+    if (!isInner) {
+        decorations.push(getLineDecoration({
+            style: clsx(styles.blockquote, index.CLASSES.blockquote),
+            range: [line.from],
+        }));
+    }
+}
+function getBlockquoteSelectionDecorations({ decorations, node, view, isReadonly, }) {
+    if (node.name !== NAME_OF_BLOCKQUOTE_MARK) {
+        return;
+    }
+    const line = view.lineBlockAt(node.from);
+    let isInner = false;
+    let isDeepInner = false;
+    if (line.from !== node.from) {
+        const content = view.state.doc.sliceString(line.from, node.to);
+        let pos = content.length;
+        let isHasMark = false;
+        while (pos >= 0) {
+            pos--;
+            const currentCode = content.charCodeAt(pos);
+            if (currentCode === CODE_OF_SPACE$1)
+                continue;
+            if (currentCode === CODE_OF_BLOCKQUOTE_MARK) {
+                if (!isHasMark) {
+                    isHasMark = true;
+                    continue;
+                }
+                if (!isInner) {
+                    isInner = true;
+                    continue;
+                }
+                if (!isDeepInner) {
+                    isDeepInner = true;
+                    break;
+                }
+            }
+            pos = -1;
+        }
+    }
+    if (isReadonly ||
+        !view.hasFocus ||
+        !isInRange(view.state.selection.ranges, [line.from, line.to])) {
+        if (!isInner)
+            decorations.push(getHideDecoration({ range: [node.from, node.to] }));
+        else
+            decorations.push(getReplaceDecoration({
+                widget: new BlockquoteWidget(isDeepInner),
+                range: [node.from, node.to],
+            }));
+    }
+}
+const blockquoteDecorationPlugin = {
+    decorations: [getBlockquoteDecorations],
+    selectionDecorations: [getBlockquoteSelectionDecorations],
+};
+
+const NAME_OF_BOLD = "StrongEmphasis";
+const LIST_OF_BOLD_MARKS = new Set([95, 42]); // _  *
+
+function getBoldDecorations({ decorations, node, view }) {
+    if (node.name !== NAME_OF_BOLD) {
+        return;
+    }
+    const step = LIST_OF_BOLD_MARKS.has(view.state.doc.sliceString(node.from - 1, node.from).charCodeAt(0)) &&
+        language.syntaxTree(view.state).resolve(node.from - 1).type.name !== "Emphasis"
+        ? 1
+        : 0;
+    decorations.push(getMarkDecoration({
+        style: styles.bold,
+        range: [node.from - step, node.to + step],
+    }));
+}
+function getBoldSelectionDecorations({ decorations, node, view, isReadonly, }) {
+    if (node.name !== NAME_OF_BOLD) {
+        return;
+    }
+    if (LIST_OF_BOLD_MARKS.has(view.state.doc.sliceString(node.from - 1, node.from).charCodeAt(0)) &&
+        language.syntaxTree(view.state).resolve(node.from - 1).type.name !== "Emphasis") {
+        return;
+    }
+    if (isReadonly ||
+        !view.hasFocus ||
+        !isInRange(view.state.selection.ranges, [node.from, node.to])) {
+        decorations.push(getHideDecoration({ range: [node.from, node.from + 2] }));
+        decorations.push(getHideDecoration({ range: [node.to - 2, node.to] }));
+    }
+}
+const boldDecorationPlugin = {
+    decorations: [getBoldDecorations],
+    selectionDecorations: [getBoldSelectionDecorations],
+};
+
+const NAME_OF_FENCED_CODE = "FencedCode";
+const NAME_OF_INLINE_CODE = "InlineCode";
+const CODE_OF_CODE_MARK = 96; // `
+
+class CodeWidget extends view.WidgetType {
+    language;
+    content;
+    view;
+    timer;
+    button;
+    span;
+    constructor(language, content) {
+        super();
+        this.language = language;
+        this.content = content;
+    }
+    onClick() {
+        if (this.content && this.button && this.span) {
+            const span = this.span;
+            const button = this.button;
+            clearTimeout(this.timer);
+            button.classList.remove(styles.pending);
+            button.classList.remove(index.CLASSES.codeButtonPending);
+            button.classList.remove(styles.success);
+            button.classList.remove(index.CLASSES.codeButtonSuccess);
+            button.classList.remove(styles.fail);
+            button.classList.remove(index.CLASSES.codeButtonFail);
+            button.classList.add(styles.pending);
+            button.classList.add(index.CLASSES.codeButtonPending);
+            span.classList.add(styles.hide);
+            void copyToClipboard(this.content)
+                .then(() => {
+                button.classList.remove(styles.pending);
+                button.classList.remove(index.CLASSES.codeButtonPending);
+                button.classList.add(styles.success);
+                button.classList.add(index.CLASSES.codeButtonSuccess);
+                this.timer = setTimeout(() => {
+                    button.classList.remove(styles.success);
+                    button.classList.remove(index.CLASSES.codeButtonSuccess);
+                    span.classList.remove(styles.hide);
+                }, 500);
+            })
+                .catch(() => {
+                button.classList.remove(styles.pending);
+                button.classList.remove(index.CLASSES.codeButtonPending);
+                button.classList.add(styles.fail);
+                button.classList.add(index.CLASSES.codeButtonFail);
+                this.timer = setTimeout(() => {
+                    button.classList.remove(styles.fail);
+                    button.classList.remove(index.CLASSES.codeButtonFail);
+                    span.classList.remove(styles.hide);
+                }, 500);
+            });
+        }
+    }
+    toDOM(view) {
+        this.view = view;
+        const span = document.createElement("span");
+        span.classList.add(styles.code__span);
+        span.classList.add(index.CLASSES.codeButtonSpan);
+        span.textContent = this.language;
+        const button = document.createElement("button");
+        button.classList.add(styles.code__button);
+        button.classList.add(index.CLASSES.codeButton);
+        if (this.content)
+            button.addEventListener("click", this.onClick.bind(this));
+        button.appendChild(span);
+        this.button = button;
+        this.span = span;
+        return button;
+    }
+    destroy(dom) {
+        if (this.content)
+            dom.removeEventListener("click", this.onClick.bind(this));
+    }
+}
+
+function getCodeSelectionDecorations({ decorations, node, view, isReadonly, }) {
+    if (node.name !== NAME_OF_FENCED_CODE && node.name !== NAME_OF_INLINE_CODE) {
+        return;
+    }
+    let isOverlapLine = false;
+    const startMarkPosition = { from: -1, to: -1 };
+    const endMarkPosition = { from: -1, to: -1 };
+    const lines = view.viewportLineBlocks.filter((line) => {
+        const isOverlap = isRangeOverlap([node.from, node.to], [line.from, line.to]);
+        if (isOverlap && isInRange(view.state.selection.ranges, [line.from, line.to]))
+            isOverlapLine = true;
+        return isOverlap;
+    });
+    let languagePos;
+    let language;
+    let codeContent;
+    const content = view.state.doc.sliceString(node.from, node.to);
+    let pos = -1;
+    while ((startMarkPosition.from === -1 || startMarkPosition.to === -1) &&
+        pos >= -1 &&
+        pos < content.length) {
+        pos++;
+        const code = content.charCodeAt(pos);
+        if (code !== CODE_OF_CODE_MARK && startMarkPosition.from === -1)
+            continue;
+        else if (code === CODE_OF_CODE_MARK && startMarkPosition.from === -1)
+            startMarkPosition.from = node.from + pos;
+        else if (code !== CODE_OF_CODE_MARK && startMarkPosition.from !== -1)
+            startMarkPosition.to = node.from + pos;
+    }
+    pos = content.length;
+    while ((endMarkPosition.from === -1 || endMarkPosition.to === -1) &&
+        pos >= -1 &&
+        pos <= content.length) {
+        pos--;
+        const code = content.charCodeAt(pos);
+        if (code !== CODE_OF_CODE_MARK && endMarkPosition.to === -1)
+            continue;
+        else if (code === CODE_OF_CODE_MARK && endMarkPosition.to === -1)
+            endMarkPosition.to = node.from + pos + 1;
+        else if (code !== CODE_OF_CODE_MARK && endMarkPosition.to !== -1)
+            endMarkPosition.from = node.from + pos + 1;
+    }
+    if (node.name === NAME_OF_FENCED_CODE) {
+        const codeInfo = node.node.getChild("CodeInfo");
+        const codeText = node.node.getChild("CodeText");
+        if (codeInfo) {
+            language = view.state.doc.sliceString(codeInfo.from, codeInfo.to);
+            languagePos = [codeInfo.from, codeInfo.to];
+        }
+        if (codeText)
+            codeContent = view.state.doc.sliceString(codeText.from, codeText.to);
+        else
+            codeContent = "";
+    }
+    if (node.name === NAME_OF_INLINE_CODE) {
+        codeContent = view.state.doc.sliceString(startMarkPosition.to, endMarkPosition.from).trim();
+    }
+    if (!language)
+        language = "copy";
+    if (lines.length > 1) {
+        lines.forEach((line) => {
+            decorations.push(getLineDecoration({
+                style: clsx(styles.code__line, index.CLASSES.code),
+                range: [line.from],
+            }));
+        });
+    }
+    else {
+        decorations.push(getMarkDecoration({
+            style: clsx(styles.code__single, index.CLASSES.code),
+            range: [node.from, node.to],
+        }));
+    }
+    if (isReadonly ||
+        !view.hasFocus ||
+        (lines.length > 1 && !isOverlapLine) ||
+        (lines.length === 1 && !isInRange(view.state.selection.ranges, [node.from, node.to]))) {
+        if (lines.length > 1 && language) {
+            if (languagePos)
+                decorations.push(getHideDecoration({ range: languagePos }));
+            decorations.push(getWidgetDecorationOptions({
+                widget: new CodeWidget(language, codeContent),
+                range: [node.from],
+            }));
+        }
+        decorations.push(getHideDecoration({ range: [startMarkPosition.from, startMarkPosition.to] }));
+        decorations.push(getHideDecoration({ range: [endMarkPosition.from, endMarkPosition.to] }));
+    }
+}
+const codeDecorationPlugin = {
+    selectionDecorations: [getCodeSelectionDecorations],
+};
+
+const NAME_OF_HEADER = "ATXHeading";
+const NAME_OF_HEADER_UNDER = "SetextHeading";
+const NAME_OF_HEADER_MARK = "HeaderMark";
+
+function getHeaderDecorations({ decorations, node, view }) {
+    const isHeader = node.name.startsWith(NAME_OF_HEADER);
+    const isHeaderUnder = node.name.startsWith(NAME_OF_HEADER_UNDER);
+    if (!isHeader && !isHeaderUnder) {
+        return;
+    }
+    let level;
+    if (isHeader) {
+        level = node.name.replace(NAME_OF_HEADER, "");
+        if (view.state.doc.sliceString(node.from + +level).charCodeAt(0) !== 32)
+            return;
+    }
+    else {
+        level = node.name.replace(NAME_OF_HEADER_UNDER, "");
+    }
+    if (!level)
+        return;
+    decorations.push(getLineDecoration({
+        style: clsx(styles.header, styles[`level_${level}`]),
+        range: [view.lineBlockAt(node.from).from],
+    }));
+}
+function getHeaderSelectionDecorations({ decorations, node, view, isReadonly, }) {
+    const isHeader = node.name.startsWith(NAME_OF_HEADER);
+    const isHeaderUnder = node.name.startsWith(NAME_OF_HEADER_UNDER);
+    if (!isHeader && !isHeaderUnder) {
+        return;
+    }
+    const mark = node.node.getChild(NAME_OF_HEADER_MARK);
+    if (!mark)
+        return;
+    if (isHeader) {
+        const line = view.lineBlockAt(mark.from);
+        if (line.length < mark.to - mark.from + 1)
+            return;
+        if (isReadonly ||
+            !view.hasFocus ||
+            !isInRange(view.state.selection.ranges, [line.from, line.to])) {
+            decorations.push(getHideDecoration({ range: [mark.from, mark.to + 1] }));
+        }
+    }
+    else {
+        const lineHeader = view.lineBlockAt(node.from);
+        const lineMark = view.lineBlockAt(mark.from);
+        if (isReadonly ||
+            !view.hasFocus ||
+            !isInRange(view.state.selection.ranges, [lineHeader.from, lineMark.to])) {
+            decorations.push(getHideDecoration({ range: [lineMark.from, lineMark.to] }));
+        }
+    }
+}
+const headerDecorationPlugin = {
+    decorations: [getHeaderDecorations],
+    selectionDecorations: [getHeaderSelectionDecorations],
+};
+
+const NAME_OF_HORIZONTAL = "HorizontalRule";
+
+function getHorizontalSelectionDecoration({ decorations, isReadonly, node, view, }) {
+    if (node.name !== NAME_OF_HORIZONTAL)
+        return;
+    const line = view.lineBlockAt(node.from);
+    if (isReadonly ||
+        !view.hasFocus ||
+        !isInRange(view.state.selection.ranges, [line.from, line.to])) {
+        decorations.push(getLineDecoration({
+            style: clsx(styles.horizontal, index.CLASSES.horizontal),
+            range: [line.from],
+        }));
+        decorations.push(getHideDecoration({ range: [node.from, node.to] }));
+    }
+}
+const horizontalDecorationPlugin = {
+    selectionDecorations: [getHorizontalSelectionDecoration],
+};
+
+const NAME_OF_IMAGE = "Image";
+const CODE_OF_START_IMAGE_TEXT = 91; // [
+const CODE_OF_END_IMAGE_TEXT = 93; // ]
+const CODE_OF_START_IMAGE_URL = 40; // (
+const CODE_OF_END_IMAGE_URL = 41; // )
+
+const INTERVAL_DELAY = 10000;
+const IMAGE_NODES = {};
+const EXISTING_WIDGETS = new Set();
+let interval = null;
+class ImageWidget extends view.WidgetType {
+    text;
+    link;
+    from;
+    to;
+    view;
+    constructor(text, link, from, to) {
+        super();
+        this.text = text;
+        this.link = link;
+        this.from = from;
+        this.to = to;
+    }
+    get key() {
+        return `${this.link}:${this.text}:${this.from}:${this.to}`;
+    }
+    eq(widget) {
+        const image = IMAGE_NODES[this.key];
+        delete IMAGE_NODES[this.key];
+        EXISTING_WIDGETS.delete(this.key);
+        if (image.src !== widget.link)
+            image.src = widget.link;
+        if (image.alt !== widget.text)
+            image.alt = widget.text;
+        this.link = widget.link;
+        this.text = widget.text;
+        this.from = widget.from;
+        this.to = widget.to;
+        IMAGE_NODES[this.key] = image;
+        EXISTING_WIDGETS.add(this.key);
+        return true;
+    }
+    updateDOM() {
+        return true;
+    }
+    toDOM(view) {
+        EXISTING_WIDGETS.add(this.key);
+        if (IMAGE_NODES[this.key]) {
+            const image = IMAGE_NODES[this.key];
+            if (image.src !== this.link) {
+                image.src = this.link;
+            }
+            if (image.alt !== this.text)
+                image.alt = this.text;
+            return image;
+        }
+        this.view = view;
+        const image = document.createElement("img");
+        image.classList.add(styles.image);
+        image.alt = this.text;
+        image.src = this.link;
+        image.addEventListener("mousedown", handleClick);
+        image.addEventListener("click", handleClick);
+        IMAGE_NODES[this.key] = image;
+        if (!interval)
+            interval = setInterval(garbageCollectorInterval, INTERVAL_DELAY);
+        return image;
+    }
+    destroy() {
+        EXISTING_WIDGETS.delete(this.key);
+    }
+}
+function garbageCollectorInterval() {
+    for (const [key, node] of Object.entries(IMAGE_NODES)) {
+        if (EXISTING_WIDGETS.has(key))
+            continue;
+        delete IMAGE_NODES[key];
+        node.removeEventListener("mousedown", handleClick);
+        node.removeEventListener("click", handleClick);
+        node.remove();
+    }
+    if (Object.keys(IMAGE_NODES).length === 0 && interval) {
+        clearInterval(interval);
+        interval = null;
+    }
+}
+/** recursively find the link text node in line */
+function getTextNode(imageNode, line) {
+    if (!line)
+        return null;
+    const link = imageNode.src;
+    let textNode = null;
+    for (const node of Array.from(line.childNodes)) {
+        if (node.nodeType !== 3) {
+            const innerNode = getTextNode(imageNode, node);
+            if (innerNode) {
+                textNode = innerNode;
+                break;
+            }
+            continue;
+        }
+        const textContent = node.textContent;
+        if (textContent && textContent.includes(link)) {
+            textNode = node;
+            break;
+        }
+    }
+    return textNode;
+}
+function getMinLength(imageNode) {
+    const text = imageNode.alt || "";
+    const link = imageNode.src;
+    const startPosition = 4 + text.length;
+    const endPosition = startPosition + link.length + 1;
+    return endPosition;
+}
+function isCorrectNode(imageNode, node) {
+    if (!node)
+        return false;
+    const textContent = node?.textContent;
+    const minLength = getMinLength(imageNode);
+    return Boolean(node && textContent && node.nodeType === 3 && textContent.length >= minLength);
+}
+function selectLink({ imageNode, node, selection, start }) {
+    const link = imageNode.src;
+    const startPosition = start ?? (node.textContent?.indexOf?.(link) || 0);
+    const endPosition = startPosition + link.length;
+    const range = document.createRange();
+    range.setStart(node, startPosition);
+    range.setEnd(node, endPosition);
+    selection.removeAllRanges();
+    selection.addRange(range);
+}
+function handleClick(event) {
+    const selection = window.getSelection();
+    if (event.shiftKey || event.ctrlKey || event.altKey || event.metaKey) {
+        return;
+    }
+    event.stopPropagation();
+    event.preventDefault();
+    const target = event.target;
+    const parent = target.parentNode;
+    let line = parent;
+    /** recursively find line that contains link */
+    while (line && !line.classList.contains("cm-line")) {
+        line = line.parentNode;
+    }
+    const editor = Array.from(document.querySelectorAll(".cm-editor")).find((element) => element.contains(target));
+    if (!selection || !editor || !parent)
+        return;
+    const prevLine = parent.previousSibling;
+    let textNode = getTextNode(target, prevLine);
+    if (!textNode)
+        textNode = getTextNode(target, parent);
+    if (textNode) {
+        if (isCorrectNode(target, textNode))
+            selectLink({ selection, imageNode: target, node: textNode });
+        return;
+    }
+    const range = document.createRange();
+    range.selectNode(target);
+    range.collapse(true);
+    selection.removeAllRanges();
+    selection.addRange(range);
+    /** wait for the widget to disappear and link will be visible */
+    void tick({
+        delay: 0,
+        maxDeep: 5,
+        delayGetter: (deep) => {
+            return deep > 1 ? 10 : 0;
+        },
+        recursiveCondition: () => {
+            const textNode = getTextNode(target, line);
+            return isCorrectNode(target, textNode);
+        },
+    })
+        .then(() => {
+        const textNode = getTextNode(target, line);
+        if (isCorrectNode(target, textNode))
+            selectLink({ selection, imageNode: target, node: textNode });
+    });
+    return false;
+}
+
+function getImageSelectionDecorations({ decorations, node, view, isReadonly, }) {
+    if (node.name !== NAME_OF_IMAGE) {
+        return;
+    }
+    const { text, url } = parseInfo(view, node);
+    const line = view.lineBlockAt(node.from);
+    if (line.from === node.from && line.to === node.to) {
+        if (isReadonly ||
+            !view.hasFocus ||
+            !isInRange(view.state.selection.ranges, [line.from, line.to])) {
+            decorations.push(getReplaceDecoration({
+                range: [line.from, line.to],
+                widget: new ImageWidget(text, url, node.from, node.to),
+            }));
+        }
+        else {
+            decorations.push(getWidgetDecorationOptions({
+                range: [node.to + 1],
+                widget: new ImageWidget(text, url, node.from, node.to),
+            }));
+        }
+    }
+    else if (isReadonly ||
+        !view.hasFocus ||
+        !isInRange(view.state.selection.ranges, [line.from, line.to])) {
+        decorations.push(getReplaceDecoration({
+            range: [node.from, node.to],
+            widget: new ImageWidget(text, url, node.from, node.to),
+        }));
+    }
+    else {
+        decorations.push(getWidgetDecorationOptions({
+            range: [node.to],
+            widget: new ImageWidget(text, url, node.from, node.to),
+        }));
+    }
+}
+function parseInfo(view, node) {
+    const content = view.state.doc.sliceString(node.from, node.to);
+    const textCoordinates = { from: -1, to: -1 };
+    const urlCoordinates = { from: -1, to: -1 };
+    let pos = -1;
+    while (pos < content.length) {
+        pos++;
+        const code = content.charCodeAt(pos);
+        if (textCoordinates.from === -1 && code === CODE_OF_START_IMAGE_TEXT)
+            textCoordinates.from = pos + 1;
+        else if (urlCoordinates.from === -1 &&
+            textCoordinates.to !== -1 &&
+            code === CODE_OF_START_IMAGE_URL)
+            urlCoordinates.from = pos + 1;
+        else if (textCoordinates.from !== -1 &&
+            textCoordinates.to === -1 &&
+            code === CODE_OF_END_IMAGE_TEXT)
+            textCoordinates.to = pos;
+        else if (urlCoordinates.from !== -1 &&
+            urlCoordinates.to === -1 &&
+            code === CODE_OF_END_IMAGE_URL)
+            urlCoordinates.to = pos;
+    }
+    const text = content.substring(textCoordinates.from, textCoordinates.to);
+    const url = content.substring(urlCoordinates.from, urlCoordinates.to);
+    return { text, url };
+}
+const imageDecorationPlugin = {
+    selectionDecorations: [getImageSelectionDecorations],
+};
+
+const NAME_OF_ITALIC = "Emphasis";
+const LIST_OF_ITALIC_MARKS = new Set([95, 42]); // _  *
+
+function getItalicDecorations({ decorations, node }) {
+    if (node.name !== NAME_OF_ITALIC) {
+        return;
+    }
+    decorations.push(getMarkDecoration({
+        style: styles.italic,
+        range: [node.from, node.to],
+    }));
+}
+function getItalicSelectionDecorations({ decorations, node, view, isReadonly, }) {
+    if (node.name !== NAME_OF_ITALIC) {
+        return;
+    }
+    if (checkIsSeveralEmphasis({ decorations, node, view, isReadonly })) {
+        return void splitEmphasis({ decorations, node, view, isReadonly });
+    }
+    let step = 1;
+    const startText = view.state.doc.sliceString(node.from, node.from + 3);
+    if (LIST_OF_ITALIC_MARKS.has(startText.charCodeAt(0)) &&
+        LIST_OF_ITALIC_MARKS.has(startText.charCodeAt(1)) &&
+        LIST_OF_ITALIC_MARKS.has(startText.charCodeAt(2)))
+        step = 3;
+    if (isReadonly ||
+        !view.hasFocus ||
+        !isInRange(view.state.selection.ranges, [node.from, node.to])) {
+        decorations.push(getHideDecoration({ range: [node.from, node.from + step] }));
+        decorations.push(getHideDecoration({ range: [node.to - step, node.to] }));
+    }
+}
+/** Fixed wide italic + italic */
+function checkIsSeveralEmphasis({ node, view }) {
+    let marks = 0;
+    let pos = 0;
+    const text = view.state.doc.sliceString(node.from, node.to);
+    while (pos <= text.length) {
+        if (LIST_OF_ITALIC_MARKS.has(text.charCodeAt(pos)))
+            marks++;
+        pos++;
+    }
+    if (marks === 8)
+        return true;
+    return false;
+}
+function splitEmphasis({ decorations, node, view, isReadonly }) {
+    const text = view.state.doc.sliceString(node.from, node.to);
+    let marks = 0;
+    let pos = 0;
+    while (pos <= text.length && marks < 6) {
+        if (LIST_OF_ITALIC_MARKS.has(text.charCodeAt(pos)))
+            marks++;
+        pos++;
+    }
+    getItalicSelectionDecorations({
+        decorations,
+        view,
+        node: { ...node, name: node.name, from: node.from, to: node.from + pos },
+        isReadonly,
+    });
+    getItalicSelectionDecorations({
+        decorations,
+        view,
+        node: { ...node, name: node.name, from: node.from + pos, to: node.to },
+        isReadonly,
+    });
+}
+const italicDecorationPlugin = {
+    decorations: [getItalicDecorations],
+    selectionDecorations: [getItalicSelectionDecorations],
+};
+
+const NAME_OF_LINK = "Link";
+const CODE_OF_START_LINK_TEXT = 91; // [
+const CODE_OF_END_LINK_TEXT = 93; // ]
+const CODE_OF_START_LINK_URL = 40; // (
+const CODE_OF_END_LINK_URL = 41; // )
+const NAME_OF_AUTO_LINK = "Autolink";
+const CODE_OF_LINK_LABEL_END = 58; // :
+
+function getLinkLabelSelectionDecoration({ decorations, node, view, isReadonly, }) {
+    if (view.state.doc.sliceString(node.to, node.to + 1).charCodeAt(0) !== CODE_OF_LINK_LABEL_END)
+        return;
+    if (isReadonly ||
+        !view.hasFocus ||
+        !isInRange(view.state.selection.ranges, [node.from, node.to + 1])) {
+        decorations.push(getMarkDecoration({
+            range: [node.from, node.to + 1],
+            style: styles.link__label,
+        }));
+        decorations.push(getHideDecoration({ range: [node.from, node.from + 1] }));
+        decorations.push(getHideDecoration({ range: [node.to - 1, node.to + 1] }));
+    }
+}
+
+class LinkWidget extends view.WidgetType {
+    text;
+    link;
+    type;
+    view;
+    constructor(text, link, type) {
+        super();
+        this.text = text;
+        this.link = link;
+        this.type = type;
+    }
+    /** recursively find the link text node in line */
+    getTextNode(line) {
+        if (!line)
+            return null;
+        let textNode = null;
+        for (const node of Array.from(line.childNodes)) {
+            if (node.nodeType !== 3) {
+                const innerNode = this.getTextNode(node);
+                if (innerNode) {
+                    textNode = innerNode;
+                    break;
+                }
+                continue;
+            }
+            const textContent = node.textContent;
+            if (textContent && textContent.includes(this.link)) {
+                textNode = node;
+                break;
+            }
+        }
+        return textNode;
+    }
+    getMinLength() {
+        let startPosition = 0;
+        if (this.type === "link")
+            startPosition = 3 + this.text.length;
+        if (this.type === "auto")
+            startPosition = 1;
+        const endPosition = startPosition + this.link.length;
+        return endPosition;
+    }
+    /** check that the text node is correct node */
+    isCorrectNode(node) {
+        if (!node)
+            return false;
+        const textContent = node.textContent;
+        const minLength = this.getMinLength();
+        return Boolean(textContent && node.nodeType === 3 && textContent.length >= minLength);
+    }
+    selectLink(node, selection) {
+        const startPosition = node.textContent?.indexOf?.(this.link) || 0;
+        const endPosition = startPosition + this.link.length;
+        const range = document.createRange();
+        range.setStart(node, startPosition);
+        range.setEnd(node, endPosition);
+        selection.removeAllRanges();
+        selection.addRange(range);
+    }
+    handleClick(event) {
+        if (!this.view)
+            return;
+        /** open the link if has special key or the view is readonly */
+        const contentEditable = this.view.contentDOM.getAttribute("contenteditable");
+        const isReadonly = !contentEditable || contentEditable === "false";
+        if (event.shiftKey || event.ctrlKey || event.altKey || event.metaKey || isReadonly) {
+            if (event.type === "mousedown") {
+                const target = event.target;
+                window.open(target.href, "_blank");
+            }
+            return;
+        }
+        event.stopPropagation();
+        event.preventDefault();
+        const target = event.target;
+        const parent = target.parentNode;
+        let line = parent;
+        /** recursively find line that contains link */
+        while (line && !line.classList.contains("cm-line")) {
+            line = line.parentNode;
+        }
+        const editor = this.view.dom.querySelector(".cm-content");
+        const selection = window.getSelection();
+        if (!selection || !editor || !parent)
+            return;
+        const range = document.createRange();
+        range.selectNode(target);
+        range.collapse(true);
+        selection.removeAllRanges();
+        selection.addRange(range);
+        /** trick for correct select the link by click when the view is not focused */
+        void tick({ delay: 0 }).then(() => {
+            if (selection && selection.anchorNode?.nodeType !== 3) {
+                selection.removeAllRanges();
+                selection.addRange(range);
+            }
+        });
+        /** wait for the widget to disappear and link will be visible */
+        void tick({
+            delay: 0,
+            maxDeep: 5,
+            delayGetter: (deep) => {
+                return deep > 1 ? 10 : 5;
+            },
+            recursiveCondition: () => {
+                const textNode = this.getTextNode(line);
+                return this.isCorrectNode(textNode);
+            },
+        })
+            .then(() => {
+            const textNode = this.getTextNode(line);
+            if (this.isCorrectNode(textNode))
+                this.selectLink(textNode, selection);
+        });
+        return false;
+    }
+    toDOM(view) {
+        this.view = view;
+        const anchor = document.createElement("a");
+        anchor.classList.add(styles.link);
+        anchor.classList.add(index.CLASSES.link);
+        anchor.target = "_blank";
+        anchor.textContent = this.text;
+        anchor.href = this.link;
+        anchor.addEventListener("mousedown", this.handleClick.bind(this));
+        anchor.addEventListener("click", this.handleClick.bind(this));
+        return anchor;
+    }
+    destroy(dom) {
+        dom.removeEventListener("mousedown", this.handleClick.bind(this));
+        dom.removeEventListener("click", this.handleClick.bind(this));
+    }
+}
+
+function getLinkSelectionDecorations({ decorations, node, view, isReadonly, }) {
+    if (node.name !== NAME_OF_LINK) {
+        return;
+    }
+    const content = view.state.doc.sliceString(node.from, node.to);
+    const textCoordinates = { from: -1, to: -1 };
+    const urlCoordinates = { from: -1, to: -1 };
+    let pos = -1;
+    while (pos < content.length) {
+        pos++;
+        const code = content.charCodeAt(pos);
+        if (textCoordinates.from === -1 && code === CODE_OF_START_LINK_TEXT)
+            textCoordinates.from = pos + 1;
+        else if (urlCoordinates.from === -1 &&
+            textCoordinates.to !== -1 &&
+            code === CODE_OF_START_LINK_URL)
+            urlCoordinates.from = pos + 1;
+        else if (textCoordinates.from !== -1 &&
+            textCoordinates.to === -1 &&
+            code === CODE_OF_END_LINK_TEXT)
+            textCoordinates.to = pos;
+        else if (urlCoordinates.from !== -1 &&
+            urlCoordinates.to === -1 &&
+            code === CODE_OF_END_LINK_URL)
+            urlCoordinates.to = pos;
+    }
+    if (urlCoordinates.from === -1 || urlCoordinates.to === -1)
+        return void getLinkLabelSelectionDecoration({ decorations, isReadonly, node, view });
+    const text = content.substring(textCoordinates.from, textCoordinates.to);
+    const url = content.substring(urlCoordinates.from, urlCoordinates.to);
+    if (isReadonly ||
+        !view.hasFocus ||
+        !isInRange(view.state.selection.ranges, [node.from, node.to])) {
+        decorations.push(getReplaceDecoration({
+            range: [node.from, node.to],
+            widget: new LinkWidget(text, url, "link"),
+        }));
+    }
+}
+const linkDecorationPlugin = {
+    selectionDecorations: [getLinkSelectionDecorations],
+};
+
+function getAutoLinkSelectionDecorations({ decorations, node, view, isReadonly, }) {
+    if (node.name !== NAME_OF_AUTO_LINK)
+        return;
+    const url = view.state.doc.sliceString(node.from + 1, node.to - 1);
+    if (isReadonly ||
+        !view.hasFocus ||
+        !isInRange(view.state.selection.ranges, [node.from, node.to])) {
+        decorations.push(getReplaceDecoration({
+            range: [node.from, node.to],
+            widget: new LinkWidget(url, url, "auto"),
+        }));
+    }
+}
+const autoLinkDecorationPlugin = {
+    selectionDecorations: [getAutoLinkSelectionDecorations],
+};
+
+const NAME_OF_LIST = "ListMark";
+const NAME_OF_TODO$1 = "Task";
+const LIST_OF_LIST_MARKS = new Set([42, 43, 45]); // * + -
+const CODE_OF_ORDERED_LIST_MARK = 46; // .
+
+class ListPointWidget extends view.WidgetType {
+    mark;
+    lastCodePoint;
+    constructor(mark, lastCodePoint) {
+        super();
+        this.mark = mark;
+        this.lastCodePoint = lastCodePoint;
+    }
+    toDOM() {
+        const span = document.createElement("span");
+        span.classList.add(styles.list);
+        span.textContent = this.mark;
+        if (LIST_OF_LIST_MARKS.has(this.lastCodePoint)) {
+            span.classList.add(styles.common);
+            span.classList.add(index.CLASSES.listCommon);
+        }
+        if (CODE_OF_ORDERED_LIST_MARK === this.lastCodePoint) {
+            span.classList.add(styles.ordered);
+        }
+        return span;
+    }
+}
+
+function getListSelectionDecorations({ decorations, node, view, isReadonly, }) {
+    if (node.name !== NAME_OF_LIST) {
+        return;
+    }
+    const content = view.state.doc.sliceString(node.from, node.to);
+    const lastCodePoint = content.codePointAt(content.length - 1) || 0;
+    if (!LIST_OF_LIST_MARKS.has(lastCodePoint) && CODE_OF_ORDERED_LIST_MARK !== lastCodePoint) {
+        return;
+    }
+    const nextSibling = node.node.nextSibling;
+    if (nextSibling && nextSibling.name === NAME_OF_TODO$1) {
+        if (isReadonly ||
+            !view.hasFocus ||
+            !isInRange(view.state.selection.ranges, [node.from, nextSibling.from + 3])) {
+            decorations.push(getHideDecoration({ range: [node.from, nextSibling.from] }));
+        }
+        return;
+    }
+    if (isReadonly ||
+        !view.hasFocus ||
+        !isInRange(view.state.selection.ranges, [node.from, node.to])) {
+        decorations.push(getReplaceDecoration({
+            range: [node.from, node.to],
+            widget: new ListPointWidget(content, lastCodePoint),
+        }));
+    }
+}
+const listDecorationPlugin = {
+    selectionDecorations: [getListSelectionDecorations],
+};
+
+const CODE_OF_START_MENTION = 64; // @
+const CODE_OF_SPACE = 32;
+const NAME_OF_MENTION = "Mention";
+
+function getMentionDecorations({ decorations, node }) {
+    if (node.name !== NAME_OF_MENTION) {
+        return;
+    }
+    decorations.push(getMarkDecoration({
+        style: clsx(styles.mention, index.CLASSES.mention),
+        range: [node.from, node.to],
+    }));
+}
+function getMentionSelectionDecorations({ decorations, node, view, isReadonly, }) {
+    if (node.name !== NAME_OF_MENTION) {
+        return;
+    }
+    if (isReadonly ||
+        !view.hasFocus ||
+        !isInRange(view.state.selection.ranges, [node.from, node.to])) {
+        decorations.push(getHideDecoration({ range: [node.from, node.from + 1] }));
+    }
+}
+const mentionDecorationPlugin = {
+    decorations: [getMentionDecorations],
+    selectionDecorations: [getMentionSelectionDecorations],
+};
+
+const NAME_OF_STRIKE_THROUGH = "Strikethrough";
+
+function getStrikeThroughDecorations({ decorations, node }) {
+    if (node.name !== NAME_OF_STRIKE_THROUGH) {
+        return;
+    }
+    decorations.push(getMarkDecoration({
+        style: styles["strike-through"],
+        range: [node.from, node.to],
+    }));
+}
+function getStrikeThroughSelectionDecorations({ decorations, node, view, isReadonly, }) {
+    if (node.name !== NAME_OF_STRIKE_THROUGH) {
+        return;
+    }
+    if (isReadonly ||
+        !view.hasFocus ||
+        !isInRange(view.state.selection.ranges, [node.from, node.to])) {
+        decorations.push(getHideDecoration({ range: [node.from, node.from + 2] }));
+        decorations.push(getHideDecoration({ range: [node.to - 2, node.to] }));
+    }
+}
+const strikeThroughDecorationPlugin = {
+    decorations: [getStrikeThroughDecorations],
+    selectionDecorations: [getStrikeThroughSelectionDecorations],
+};
+
+const NAME_OF_TODO = "Task";
+const NAME_OF_LIST_MARK = "ListMark";
+const LIST_OF_TODO_MARKS = new Set([120, 1093]); // x
+
+class TodoWidget extends view.WidgetType {
+    checked;
+    position;
+    view;
+    constructor(checked, position) {
+        super();
+        this.checked = checked;
+        this.position = position;
+    }
+    onClick(event) {
+        if (!this.view)
+            return;
+        event.stopPropagation();
+        event.preventDefault();
+        const target = event.target;
+        const change = {
+            from: this.position,
+            to: this.position + 1,
+            insert: this.checked ? " " : "x",
+        };
+        this.view.dispatch(this.view.state.update({ changes: change }));
+        this.checked = !this.checked;
+        target.checked = this.checked;
+    }
+    onBlock(event) {
+        event.stopPropagation();
+        event.preventDefault();
+    }
+    toDOM(view) {
+        const span = document.createElement("span");
+        span.classList.add(styles.todo);
+        this.view = view;
+        const checkbox = document.createElement("input");
+        checkbox.type = "checkbox";
+        checkbox.checked = this.checked;
+        checkbox.addEventListener("click", this.onBlock.bind(this));
+        checkbox.addEventListener("mousedown", this.onClick.bind(this));
+        span.appendChild(checkbox);
+        return span;
+    }
+    destroy(dom) {
+        dom.removeEventListener("click", this.onBlock.bind(this));
+        dom.removeEventListener("mousedown", this.onClick.bind(this));
+    }
+}
+
+function getTodoSelectionDecoration({ decorations, node, view, isReadonly, }) {
+    if (node.name !== NAME_OF_TODO)
+        return;
+    const prevSibling = node.node.prevSibling;
+    if (!prevSibling || prevSibling.name !== NAME_OF_LIST_MARK)
+        return;
+    const isChecked = LIST_OF_TODO_MARKS.has(view.state.doc.sliceString(node.from + 1, node.from + 2).codePointAt(0) || 0);
+    if (isReadonly ||
+        !view.hasFocus ||
+        !isInRange(view.state.selection.ranges, [prevSibling.from, node.from + 3])) {
+        decorations.push(getReplaceDecoration({
+            range: [node.from, node.from + 3],
+            widget: new TodoWidget(isChecked, node.from + 1),
+        }));
+    }
+    if (isChecked) {
+        const line = view.lineBlockAt(node.from);
+        if (isReadonly ||
+            !view.hasFocus ||
+            !isInRange(view.state.selection.ranges, [line.from, line.to]))
+            decorations.push(getMarkDecoration({ style: styles.todo__checked, range: [node.from + 4, node.to] }));
+    }
+}
+const todoDecorationPlugin = {
+    selectionDecorations: [getTodoSelectionDecoration],
+};
+
+const decorationPlugins = [
+    blockquoteDecorationPlugin,
+    boldDecorationPlugin,
+    codeDecorationPlugin,
+    headerDecorationPlugin,
+    horizontalDecorationPlugin,
+    imageDecorationPlugin,
+    italicDecorationPlugin,
+    linkDecorationPlugin,
+    listDecorationPlugin,
+    autoLinkDecorationPlugin,
+    mentionDecorationPlugin,
+    strikeThroughDecorationPlugin,
+    todoDecorationPlugin,
+];
+let decorationFunctions = [];
+let selectionDecorationFunctions = [];
+for (const plugin of decorationPlugins) {
+    if (plugin.decorations)
+        decorationFunctions = decorationFunctions.concat(plugin.decorations);
+    if (plugin.selectionDecorations)
+        selectionDecorationFunctions = selectionDecorationFunctions.concat(plugin.selectionDecorations);
+}
+const SKIP_MARKS = new Set([
+    "Document",
+    "Paragraph",
+    "EmphasisMark",
+    "Blockquote",
+    "StrikethroughMark",
+    "BulletList",
+    "OrderedList",
+    "ListItem",
+    "LinkMark",
+    "URL",
+    "CodeMark",
+    "CodeInfo",
+    "CodeText",
+    "HeaderMark",
+    "TaskMarker",
+]);
+let markdownDecorations = [];
+function getDecorations(view$1, isChanged) {
+    const decorations = isChanged ? [] : markdownDecorations;
+    const selectionDecorations = [];
+    const contentEditable = view$1.contentDOM.getAttribute("contenteditable");
+    const isReadonly = !contentEditable || contentEditable === "false";
+    for (const { from: fromVisible, to: toVisible } of view$1.visibleRanges) {
+        language.syntaxTree(view$1.state).iterate({
+            from: fromVisible,
+            to: toVisible,
+            enter: (node) => {
+                if (SKIP_MARKS.has(node.name))
+                    return;
+                /** Decoration by change content */
+                if (isChanged) {
+                    decorationFunctions.forEach((f) => f({ decorations, node, view: view$1 }));
+                }
+                /** Decoration by selection content  */
+                selectionDecorationFunctions.forEach((f) => f({
+                    decorations: selectionDecorations,
+                    node,
+                    view: view$1,
+                    isReadonly,
+                }));
+            },
+        });
+    }
+    if (isChanged) {
+        markdownDecorations = decorations;
+    }
+    return view.Decoration.set([...decorations, ...selectionDecorations], true);
+}
+const markdownDecorationPlugin = view.ViewPlugin.fromClass(class DecorationMarkdown {
+    decorations;
+    constructor(view) {
+        this.decorations = getDecorations(view, true);
+    }
+    update(update) {
+        const isDocumentChanged = update.docChanged ||
+            update.viewportChanged ||
+            language.syntaxTree(update.startState) != language.syntaxTree(update.state);
+        this.decorations = getDecorations(update.view, isDocumentChanged);
+    }
+}, {
+    decorations: (plugin) => plugin.decorations,
+});
+
+const mentionParser = {
+    defineNodes: [{ name: NAME_OF_MENTION }],
+    parseInline: [
+        {
+            name: NAME_OF_MENTION,
+            parse(cx, next, pos) {
+                if (next != CODE_OF_START_MENTION)
+                    return -1;
+                let end = pos + 1;
+                for (let i = pos + 1; i < cx.end; i++) {
+                    const next = cx.char(i);
+                    if (next === CODE_OF_SPACE)
+                        break;
+                    end++;
+                }
+                return cx.addElement(cx.elt(NAME_OF_MENTION, pos, end));
+            },
+        },
+    ],
+};
+
+const markdownParserPlugin = [mentionParser];
+
+const initMarkdown = ({ languages }) => {
+    return [
+        langMarkdown.markdown({
+            base: langMarkdown.markdownLanguage,
+            codeLanguages: languages,
+            addKeymap: true,
+            extensions: [markdownParserPlugin],
+        }),
+        markdownDecorationPlugin,
+    ];
+};
+
+exports.initMarkdown = initMarkdown;
+//# sourceMappingURL=index-lPo-3QDL.js.map