@uiw/react-codemirror 4.11.4 → 4.12.0

package/dist/mdeditor.js

@@ -612,6 +612,10 @@ class dist_Tree {
     /// position. If 1, it'll move into nodes that start at the
     /// position. With 0, it'll only enter nodes that cover the position
     /// from both sides.
+    ///
+    /// Note that this will not enter
+    /// [overlays](#common.MountedTree.overlay), and you often want
+    /// [`resolveInner`](#common.Tree.resolveInner) instead.
     resolve(pos, side = 0) {
         let node = resolveNode(CachedNode.get(this) || this.topNode, pos, side, false);
         CachedNode.set(this, node);
@@ -2094,14 +2098,14 @@ function enterFragments(mounts, ranges) {
             for (let i = 0, pos = from;; i++) {
                 let last = i == changes.length, end = last ? to : changes[i].from;
                 if (end > pos)
-                    result.push(new TreeFragment(pos, end, mount.tree, -startPos, frag.from >= pos, frag.to <= end));
+                    result.push(new TreeFragment(pos, end, mount.tree, -startPos, frag.from >= pos || frag.openStart, frag.to <= end || frag.openEnd));
                 if (last)
                     break;
                 pos = changes[i].to;
             }
         }
         else {
-            result.push(new TreeFragment(from, to, mount.tree, -startPos, frag.from >= startPos, frag.to <= endPos));
+            result.push(new TreeFragment(from, to, mount.tree, -startPos, frag.from >= startPos || frag.openStart, frag.to <= endPos || frag.openEnd));
         }
     }
     return result;
@@ -3746,6 +3750,7 @@ function indentRange(state, from, to) {
     let changes = [];
     for (let pos = from; pos <= to;) {
         let line = state.doc.lineAt(pos);
+        pos = line.to + 1;
         let indent = getIndentation(context, line.from);
         if (indent == null)
             continue;
@@ -3757,7 +3762,6 @@ function indentRange(state, from, to) {
             updated[line.from] = indent;
             changes.push({ from: line.from, to: line.from + cur.length, insert: norm });
         }
-        pos = line.to + 1;
     }
     return state.changes(changes);
 }
@@ -4717,13 +4721,13 @@ function matchMarkedBrackets(_state, _pos, dir, token, matching, brackets) {
                     depth++;
                 }
                 else if (matchingNodes(cursor.type, -dir, brackets)) {
-                    depth--;
                     if (depth == 0)
                         return {
                             start: firstToken,
                             end: cursor.from == cursor.to ? undefined : { from: cursor.from, to: cursor.to },
                             matched: false
                         };
+                    depth--;
                 }
             }
         } while (dir < 0 ? cursor.prevSibling() : cursor.nextSibling());
@@ -6049,6 +6053,14 @@ end of the indentation instead of the start of the line.
 */
 const cursorLineBoundaryBackward = view => moveSel(view, range => moveByLineBoundary(view, range, false));
 /**
+Move the selection one line wrap point to the left.
+*/
+const cursorLineBoundaryLeft = view => moveSel(view, range => moveByLineBoundary(view, range, !ltrAtCursor(view)));
+/**
+Move the selection one line wrap point to the right.
+*/
+const cursorLineBoundaryRight = view => moveSel(view, range => moveByLineBoundary(view, range, ltrAtCursor(view)));
+/**
 Move the selection to the start of the line.
 */
 const cursorLineStart = view => moveSel(view, range => state_.EditorSelection.cursor(view.lineBlockAt(range.head).from, 1));
@@ -6183,6 +6195,14 @@ Move the selection head to the previous line boundary.
 */
 const selectLineBoundaryBackward = view => extendSel(view, range => moveByLineBoundary(view, range, false));
 /**
+Move the selection head one line boundary to the left.
+*/
+const selectLineBoundaryLeft = view => extendSel(view, range => moveByLineBoundary(view, range, !ltrAtCursor(view)));
+/**
+Move the selection head one line boundary to the right.
+*/
+const selectLineBoundaryRight = view => extendSel(view, range => moveByLineBoundary(view, range, ltrAtCursor(view)));
+/**
 Move the selection head to the start of the line.
 */
 const selectLineStart = view => extendSel(view, range => state_.EditorSelection.cursor(view.lineBlockAt(range.head).from));
@@ -6751,11 +6771,11 @@ property changed to `mac`.)
 */
 const standardKeymap = /*@__PURE__*/[
     { key: "ArrowLeft", run: cursorCharLeft, shift: selectCharLeft, preventDefault: true },
-    { key: "Mod-ArrowLeft", mac: "Alt-ArrowLeft", run: cursorGroupLeft, shift: selectGroupLeft },
-    { mac: "Cmd-ArrowLeft", run: cursorLineBoundaryBackward, shift: selectLineBoundaryBackward },
+    { key: "Mod-ArrowLeft", mac: "Alt-ArrowLeft", run: cursorGroupLeft, shift: selectGroupLeft, preventDefault: true },
+    { mac: "Cmd-ArrowLeft", run: cursorLineBoundaryLeft, shift: selectLineBoundaryLeft, preventDefault: true },
     { key: "ArrowRight", run: cursorCharRight, shift: selectCharRight, preventDefault: true },
-    { key: "Mod-ArrowRight", mac: "Alt-ArrowRight", run: cursorGroupRight, shift: selectGroupRight },
-    { mac: "Cmd-ArrowRight", run: cursorLineBoundaryForward, shift: selectLineBoundaryForward },
+    { key: "Mod-ArrowRight", mac: "Alt-ArrowRight", run: cursorGroupRight, shift: selectGroupRight, preventDefault: true },
+    { mac: "Cmd-ArrowRight", run: cursorLineBoundaryRight, shift: selectLineBoundaryRight, preventDefault: true },
     { key: "ArrowUp", run: cursorLineUp, shift: selectLineUp, preventDefault: true },
     { mac: "Cmd-ArrowUp", run: cursorDocStart, shift: selectDocStart },
     { mac: "Ctrl-ArrowUp", run: cursorPageUp, shift: selectPageUp },
@@ -6883,7 +6903,8 @@ class SearchCursor {
     [`.normalize("NFKD")`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/normalize)
     (when supported).
     */
-    constructor(text, query, from = 0, to = text.length, normalize) {
+    constructor(text, query, from = 0, to = text.length, normalize, test) {
+        this.test = test;
         /**
         The current match (only holds a meaningful value after
         [`next`](https://codemirror.net/6/docs/ref/#search.SearchCursor.next) has been called and when
@@ -6977,6 +6998,8 @@ class SearchCursor {
             else
                 this.matches.push(1, pos);
         }
+        if (match && this.test && !this.test(match.from, match.to, this.buffer, this.bufferPos))
+            match = null;
         return match;
     }
 }
@@ -6997,6 +7020,7 @@ class RegExpCursor {
     `new RegExp`).
     */
     constructor(text, query, options, from = 0, to = text.length) {
+        this.text = text;
         this.to = to;
         this.curLine = "";
         /**
@@ -7013,10 +7037,11 @@ class RegExpCursor {
         if (/\\[sWDnr]|\n|\r|\[\^/.test(query))
             return new MultilineRegExpCursor(text, query, options, from, to);
         this.re = new RegExp(query, baseFlags + ((options === null || options === void 0 ? void 0 : options.ignoreCase) ? "i" : ""));
+        this.test = options === null || options === void 0 ? void 0 : options.test;
         this.iter = text.iter();
         let startLine = text.lineAt(from);
         this.curLineStart = startLine.from;
-        this.matchPos = from;
+        this.matchPos = toCharEnd(text, from);
         this.getLine(this.curLineStart);
     }
     getLine(skip) {
@@ -7047,10 +7072,10 @@ class RegExpCursor {
             let match = this.matchPos <= this.to && this.re.exec(this.curLine);
             if (match) {
                 let from = this.curLineStart + match.index, to = from + match[0].length;
-                this.matchPos = to + (from == to ? 1 : 0);
+                this.matchPos = toCharEnd(this.text, to + (from == to ? 1 : 0));
                 if (from == this.curLine.length)
                     this.nextLine();
-                if (from < to || from > this.value.to) {
+                if ((from < to || from > this.value.to) && (!this.test || this.test(from, to, match))) {
                     this.value = { from, to, match };
                     return this;
                 }
@@ -7101,8 +7126,9 @@ class MultilineRegExpCursor {
         this.to = to;
         this.done = false;
         this.value = empty;
-        this.matchPos = from;
+        this.matchPos = toCharEnd(text, from);
         this.re = new RegExp(query, baseFlags + ((options === null || options === void 0 ? void 0 : options.ignoreCase) ? "i" : ""));
+        this.test = options === null || options === void 0 ? void 0 : options.test;
         this.flat = FlattenedDoc.get(text, from, this.chunkEnd(from + 5000 /* Base */));
     }
     chunkEnd(pos) {
@@ -7117,24 +7143,23 @@ class MultilineRegExpCursor {
                 this.re.lastIndex = off + 1;
                 match = this.re.exec(this.flat.text);
             }
-            // If a match goes almost to the end of a noncomplete chunk, try
-            // again, since it'll likely be able to match more
-            if (match && this.flat.to < this.to && match.index + match[0].length > this.flat.text.length - 10)
-                match = null;
             if (match) {
                 let from = this.flat.from + match.index, to = from + match[0].length;
-                this.value = { from, to, match };
-                this.matchPos = to + (from == to ? 1 : 0);
-                return this;
-            }
-            else {
-                if (this.flat.to == this.to) {
-                    this.done = true;
+                // If a match goes almost to the end of a noncomplete chunk, try
+                // again, since it'll likely be able to match more
+                if ((this.flat.to >= this.to || match.index + match[0].length <= this.flat.text.length - 10) &&
+                    (!this.test || this.test(from, to, match))) {
+                    this.value = { from, to, match };
+                    this.matchPos = toCharEnd(this.text, to + (from == to ? 1 : 0));
                     return this;
                 }
-                // Grow the flattened doc
-                this.flat = FlattenedDoc.get(this.text, this.flat.from, this.chunkEnd(this.flat.from + this.flat.text.length * 2));
             }
+            if (this.flat.to == this.to) {
+                this.done = true;
+                return this;
+            }
+            // Grow the flattened doc
+            this.flat = FlattenedDoc.get(this.text, this.flat.from, this.chunkEnd(this.flat.from + this.flat.text.length * 2));
         }
     }
 }
@@ -7151,6 +7176,14 @@ function validRegExp(source) {
         return false;
     }
 }
+function toCharEnd(text, pos) {
+    if (pos >= text.length)
+        return pos;
+    let line = text.lineAt(pos), next;
+    while (pos < line.to && (next = line.text.charCodeAt(pos - line.from)) >= 0xDC00 && next < 0xE000)
+        pos++;
+    return pos;
+}
 
 function createLineDialog(view) {
     let input = crelt("input", { class: "cm-textfield", name: "line" });
@@ -7402,12 +7435,13 @@ const selectNextOccurrence = ({ state, dispatch }) => {
 
 const searchConfigFacet = /*@__PURE__*/state_.Facet.define({
     combine(configs) {
-        var _a;
-        return {
-            top: configs.reduce((val, conf) => val !== null && val !== void 0 ? val : conf.top, undefined) || false,
-            caseSensitive: configs.reduce((val, conf) => val !== null && val !== void 0 ? val : conf.caseSensitive, undefined) || false,
-            createPanel: ((_a = configs.find(c => c.createPanel)) === null || _a === void 0 ? void 0 : _a.createPanel) || (view => new SearchPanel(view))
-        };
+        return (0,state_.combineConfig)(configs, {
+            top: false,
+            caseSensitive: false,
+            literal: false,
+            wholeWord: false,
+            createPanel: view => new SearchPanel(view)
+        });
     }
 });
 /**
@@ -7429,17 +7463,20 @@ class SearchQuery {
     constructor(config) {
         this.search = config.search;
         this.caseSensitive = !!config.caseSensitive;
+        this.literal = !!config.literal;
         this.regexp = !!config.regexp;
         this.replace = config.replace || "";
         this.valid = !!this.search && (!this.regexp || validRegExp(this.search));
-        this.unquoted = config.literal ? this.search : this.search.replace(/\\([nrt\\])/g, (_, ch) => ch == "n" ? "\n" : ch == "r" ? "\r" : ch == "t" ? "\t" : "\\");
+        this.unquoted = this.literal ? this.search : this.search.replace(/\\([nrt\\])/g, (_, ch) => ch == "n" ? "\n" : ch == "r" ? "\r" : ch == "t" ? "\t" : "\\");
+        this.wholeWord = !!config.wholeWord;
     }
     /**
     Compare this query to another query.
     */
     eq(other) {
         return this.search == other.search && this.replace == other.replace &&
-            this.caseSensitive == other.caseSensitive && this.regexp == other.regexp;
+            this.caseSensitive == other.caseSensitive && this.regexp == other.regexp &&
+            this.wholeWord == other.wholeWord;
     }
     /**
     @internal
@@ -7449,10 +7486,13 @@ class SearchQuery {
     }
     /**
     Get a search cursor for this query, searching through the given
-    range in the given document.
+    range in the given state.
     */
-    getCursor(doc, from = 0, to = doc.length) {
-        return this.regexp ? regexpCursor(this, doc, from, to) : stringCursor(this, doc, from, to);
+    getCursor(state, from = 0, to) {
+        let st = state.doc ? state : state_.EditorState.create({ doc: state });
+        if (to == null)
+            to = st.doc.length;
+        return this.regexp ? regexpCursor(this, st, from, to) : stringCursor(this, st, from, to);
     }
 }
 class QueryType {
@@ -7460,25 +7500,37 @@ class QueryType {
         this.spec = spec;
     }
 }
-function stringCursor(spec, doc, from, to) {
-    return new SearchCursor(doc, spec.unquoted, from, to, spec.caseSensitive ? undefined : x => x.toLowerCase());
+function stringCursor(spec, state, from, to) {
+    return new SearchCursor(state.doc, spec.unquoted, from, to, spec.caseSensitive ? undefined : x => x.toLowerCase(), spec.wholeWord ? stringWordTest(state.doc, state.charCategorizer(state.selection.main.head)) : undefined);
+}
+function stringWordTest(doc, categorizer) {
+    return (from, to, buf, bufPos) => {
+        if (bufPos > from || bufPos + buf.length < to) {
+            bufPos = Math.max(0, from - 2);
+            buf = doc.sliceString(bufPos, Math.min(doc.length, to + 2));
+        }
+        return categorizer(charAfter(buf, from - bufPos)) != state_.CharCategory.Word ||
+            categorizer(charBefore(buf, to - bufPos)) != state_.CharCategory.Word ||
+            (categorizer(charBefore(buf, from - bufPos)) != state_.CharCategory.Word &&
+                categorizer(charAfter(buf, to - bufPos)) != state_.CharCategory.Word);
+    };
 }
 class StringQuery extends QueryType {
     constructor(spec) {
         super(spec);
     }
-    nextMatch(doc, curFrom, curTo) {
-        let cursor = stringCursor(this.spec, doc, curTo, doc.length).nextOverlapping();
+    nextMatch(state, curFrom, curTo) {
+        let cursor = stringCursor(this.spec, state, curTo, state.doc.length).nextOverlapping();
         if (cursor.done)
-            cursor = stringCursor(this.spec, doc, 0, curFrom).nextOverlapping();
+            cursor = stringCursor(this.spec, state, 0, curFrom).nextOverlapping();
         return cursor.done ? null : cursor.value;
     }
     // Searching in reverse is, rather than implementing inverted search
     // cursor, done by scanning chunk after chunk forward.
-    prevMatchInRange(doc, from, to) {
+    prevMatchInRange(state, from, to) {
         for (let pos = to;;) {
             let start = Math.max(from, pos - 10000 /* ChunkSize */ - this.spec.unquoted.length);
-            let cursor = stringCursor(this.spec, doc, start, pos), range = null;
+            let cursor = stringCursor(this.spec, state, start, pos), range = null;
             while (!cursor.nextOverlapping().done)
                 range = cursor.value;
             if (range)
@@ -7488,13 +7540,13 @@ class StringQuery extends QueryType {
             pos -= 10000 /* ChunkSize */;
         }
     }
-    prevMatch(doc, curFrom, curTo) {
-        return this.prevMatchInRange(doc, 0, curFrom) ||
-            this.prevMatchInRange(doc, curTo, doc.length);
+    prevMatch(state, curFrom, curTo) {
+        return this.prevMatchInRange(state, 0, curFrom) ||
+            this.prevMatchInRange(state, curTo, state.doc.length);
     }
     getReplacement(_result) { return this.spec.replace; }
-    matchAll(doc, limit) {
-        let cursor = stringCursor(this.spec, doc, 0, doc.length), ranges = [];
+    matchAll(state, limit) {
+        let cursor = stringCursor(this.spec, state, 0, state.doc.length), ranges = [];
         while (!cursor.next().done) {
             if (ranges.length >= limit)
                 return null;
@@ -7502,26 +7554,42 @@ class StringQuery extends QueryType {
         }
         return ranges;
     }
-    highlight(doc, from, to, add) {
-        let cursor = stringCursor(this.spec, doc, Math.max(0, from - this.spec.unquoted.length), Math.min(to + this.spec.unquoted.length, doc.length));
+    highlight(state, from, to, add) {
+        let cursor = stringCursor(this.spec, state, Math.max(0, from - this.spec.unquoted.length), Math.min(to + this.spec.unquoted.length, state.doc.length));
         while (!cursor.next().done)
             add(cursor.value.from, cursor.value.to);
     }
 }
-function regexpCursor(spec, doc, from, to) {
-    return new RegExpCursor(doc, spec.search, spec.caseSensitive ? undefined : { ignoreCase: true }, from, to);
+function regexpCursor(spec, state, from, to) {
+    return new RegExpCursor(state.doc, spec.search, {
+        ignoreCase: !spec.caseSensitive,
+        test: spec.wholeWord ? regexpWordTest(state.charCategorizer(state.selection.main.head)) : undefined
+    }, from, to);
+}
+function charBefore(str, index) {
+    return str.slice((0,state_.findClusterBreak)(str, index, false), index);
+}
+function charAfter(str, index) {
+    return str.slice(index, (0,state_.findClusterBreak)(str, index));
+}
+function regexpWordTest(categorizer) {
+    return (_from, _to, match) => !match[0].length ||
+        categorizer(charAfter(match.input, match.index)) != state_.CharCategory.Word ||
+        categorizer(charBefore(match.input, match.index + match[0].length)) != state_.CharCategory.Word ||
+        (categorizer(charBefore(match.input, match.index)) != state_.CharCategory.Word &&
+            categorizer(charAfter(match.input, match.index + match[0].length)) != state_.CharCategory.Word);
 }
 class RegExpQuery extends QueryType {
-    nextMatch(doc, curFrom, curTo) {
-        let cursor = regexpCursor(this.spec, doc, curTo, doc.length).next();
+    nextMatch(state, curFrom, curTo) {
+        let cursor = regexpCursor(this.spec, state, curTo, state.doc.length).next();
         if (cursor.done)
-            cursor = regexpCursor(this.spec, doc, 0, curFrom).next();
+            cursor = regexpCursor(this.spec, state, 0, curFrom).next();
         return cursor.done ? null : cursor.value;
     }
-    prevMatchInRange(doc, from, to) {
+    prevMatchInRange(state, from, to) {
         for (let size = 1;; size++) {
             let start = Math.max(from, to - size * 10000 /* ChunkSize */);
-            let cursor = regexpCursor(this.spec, doc, start, to), range = null;
+            let cursor = regexpCursor(this.spec, state, start, to), range = null;
             while (!cursor.next().done)
                 range = cursor.value;
             if (range && (start == from || range.from > start + 10))
@@ -7530,9 +7598,9 @@ class RegExpQuery extends QueryType {
                 return null;
         }
     }
-    prevMatch(doc, curFrom, curTo) {
-        return this.prevMatchInRange(doc, 0, curFrom) ||
-            this.prevMatchInRange(doc, curTo, doc.length);
+    prevMatch(state, curFrom, curTo) {
+        return this.prevMatchInRange(state, 0, curFrom) ||
+            this.prevMatchInRange(state, curTo, state.doc.length);
     }
     getReplacement(result) {
         return this.spec.replace.replace(/\$([$&\d+])/g, (m, i) => i == "$" ? "$"
@@ -7540,8 +7608,8 @@ class RegExpQuery extends QueryType {
                 : i != "0" && +i < result.match.length ? result.match[i]
                     : m);
     }
-    matchAll(doc, limit) {
-        let cursor = regexpCursor(this.spec, doc, 0, doc.length), ranges = [];
+    matchAll(state, limit) {
+        let cursor = regexpCursor(this.spec, state, 0, state.doc.length), ranges = [];
         while (!cursor.next().done) {
             if (ranges.length >= limit)
                 return null;
@@ -7549,8 +7617,8 @@ class RegExpQuery extends QueryType {
         }
         return ranges;
     }
-    highlight(doc, from, to, add) {
-        let cursor = regexpCursor(this.spec, doc, Math.max(0, from - 250 /* HighlightMargin */), Math.min(to + 250 /* HighlightMargin */, doc.length));
+    highlight(state, from, to, add) {
+        let cursor = regexpCursor(this.spec, state, Math.max(0, from - 250 /* HighlightMargin */), Math.min(to + 250 /* HighlightMargin */, state.doc.length));
         while (!cursor.next().done)
             add(cursor.value.from, cursor.value.to);
     }
@@ -7586,6 +7654,13 @@ function getSearchQuery(state) {
     let curState = state.field(searchState, false);
     return curState ? curState.query.spec : defaultQuery(state);
 }
+/**
+Query whether the search panel is open in the given editor state.
+*/
+function searchPanelOpen(state) {
+    var _a;
+    return ((_a = state.field(searchState, false)) === null || _a === void 0 ? void 0 : _a.panel) != null;
+}
 class SearchState {
     constructor(query, panel) {
         this.query = query;
@@ -7612,7 +7687,7 @@ const searchHighlighter = /*@__PURE__*/view_.ViewPlugin.fromClass(class {
             let { from, to } = ranges[i];
             while (i < l - 1 && to > ranges[i + 1].from - 2 * 250 /* HighlightMargin */)
                 to = ranges[++i].to;
-            query.highlight(view.state.doc, from, to, (from, to) => {
+            query.highlight(view.state, from, to, (from, to) => {
                 let selected = view.state.selection.ranges.some(r => r.from == from && r.to == to);
                 builder.add(from, to, selected ? selectedMatchMark : matchMark);
             });
@@ -7635,9 +7710,9 @@ Will wrap around to the start of the document when it reaches the
 end.
 */
 const findNext = /*@__PURE__*/searchCommand((view, { query }) => {
-    let { from, to } = view.state.selection.main;
-    let next = query.nextMatch(view.state.doc, from, to);
-    if (!next || next.from == from && next.to == to)
+    let { to } = view.state.selection.main;
+    let next = query.nextMatch(view.state, to, to);
+    if (!next)
         return false;
     view.dispatch({
         selection: { anchor: next.from, head: next.to },
@@ -7653,8 +7728,8 @@ before the current main selection. Will wrap past the start
 of the document to start searching at the end again.
 */
 const findPrevious = /*@__PURE__*/searchCommand((view, { query }) => {
-    let { state } = view, { from, to } = state.selection.main;
-    let range = query.prevMatch(state.doc, from, to);
+    let { state } = view, { from } = state.selection.main;
+    let range = query.prevMatch(state, from, from);
     if (!range)
         return false;
     view.dispatch({
@@ -7669,7 +7744,7 @@ const findPrevious = /*@__PURE__*/searchCommand((view, { query }) => {
 Select all instances of the search query.
 */
 const selectMatches = /*@__PURE__*/searchCommand((view, { query }) => {
-    let ranges = query.matchAll(view.state.doc, 1000);
+    let ranges = query.matchAll(view.state, 1000);
     if (!ranges || !ranges.length)
         return false;
     view.dispatch({
@@ -7707,7 +7782,7 @@ const replaceNext = /*@__PURE__*/searchCommand((view, { query }) => {
     let { state } = view, { from, to } = state.selection.main;
     if (state.readOnly)
         return false;
-    let next = query.nextMatch(state.doc, from, from);
+    let next = query.nextMatch(state, from, from);
     if (!next)
         return false;
     let changes = [], selection, replacement;
@@ -7715,7 +7790,7 @@ const replaceNext = /*@__PURE__*/searchCommand((view, { query }) => {
     if (next.from == from && next.to == to) {
         replacement = state.toText(query.getReplacement(next));
         changes.push({ from: next.from, to: next.to, insert: replacement });
-        next = query.nextMatch(state.doc, next.from, next.to);
+        next = query.nextMatch(state, next.from, next.to);
         announce.push(view_.EditorView.announce.of(state.phrase("replaced match on line $", state.doc.lineAt(from).number) + "."));
     }
     if (next) {
@@ -7738,7 +7813,7 @@ replacement.
 const replaceAll = /*@__PURE__*/searchCommand((view, { query }) => {
     if (view.state.readOnly)
         return false;
-    let changes = query.matchAll(view.state.doc, 1e9).map(match => {
+    let changes = query.matchAll(view.state, 1e9).map(match => {
         let { from, to } = match;
         return { from, to, insert: query.getReplacement(match) };
     });
@@ -7756,11 +7831,18 @@ function createSearchPanel(view) {
     return view.state.facet(searchConfigFacet).createPanel(view);
 }
 function defaultQuery(state, fallback) {
-    var _a;
+    var _a, _b, _c, _d;
     let sel = state.selection.main;
     let selText = sel.empty || sel.to > sel.from + 100 ? "" : state.sliceDoc(sel.from, sel.to);
-    let caseSensitive = (_a = fallback === null || fallback === void 0 ? void 0 : fallback.caseSensitive) !== null && _a !== void 0 ? _a : state.facet(searchConfigFacet).caseSensitive;
-    return fallback && !selText ? fallback : new SearchQuery({ search: selText.replace(/\n/g, "\\n"), caseSensitive });
+    if (fallback && !selText)
+        return fallback;
+    let config = state.facet(searchConfigFacet);
+    return new SearchQuery({
+        search: ((_a = fallback === null || fallback === void 0 ? void 0 : fallback.literal) !== null && _a !== void 0 ? _a : config.literal) ? selText : selText.replace(/\n/g, "\\n"),
+        caseSensitive: (_b = fallback === null || fallback === void 0 ? void 0 : fallback.caseSensitive) !== null && _b !== void 0 ? _b : config.caseSensitive,
+        literal: (_c = fallback === null || fallback === void 0 ? void 0 : fallback.literal) !== null && _c !== void 0 ? _c : config.literal,
+        wholeWord: (_d = fallback === null || fallback === void 0 ? void 0 : fallback.wholeWord) !== null && _d !== void 0 ? _d : config.wholeWord
+    });
 }
 /**
 Make sure the search panel is open and focused.
@@ -7855,6 +7937,12 @@ class SearchPanel {
             checked: query.regexp,
             onchange: this.commit
         });
+        this.wordField = crelt("input", {
+            type: "checkbox",
+            name: "word",
+            checked: query.wholeWord,
+            onchange: this.commit
+        });
         function button(name, onclick, content) {
             return crelt("button", { class: "cm-button", name, onclick, type: "button" }, content);
         }
@@ -7865,6 +7953,7 @@ class SearchPanel {
             button("select", () => selectMatches(view), [phrase(view, "all")]),
             crelt("label", null, [this.caseField, phrase(view, "match case")]),
             crelt("label", null, [this.reField, phrase(view, "regexp")]),
+            crelt("label", null, [this.wordField, phrase(view, "by word")]),
             ...view.state.readOnly ? [] : [
                 crelt("br"),
                 this.replaceField,
@@ -7884,7 +7973,8 @@ class SearchPanel {
             search: this.searchField.value,
             caseSensitive: this.caseField.checked,
             regexp: this.reField.checked,
-            replace: this.replaceField.value
+            wholeWord: this.wordField.checked,
+            replace: this.replaceField.value,
         });
         if (!query.eq(this.query)) {
             this.query = query;
@@ -7917,6 +8007,7 @@ class SearchPanel {
         this.replaceField.value = query.replace;
         this.caseField.checked = query.caseSensitive;
         this.reField.checked = query.regexp;
+        this.wordField.checked = query.wholeWord;
     }
     mount() {
         this.searchField.select();
@@ -8306,6 +8397,7 @@ const completionConfig = /*@__PURE__*/state_.Facet.define({
     combine(configs) {
         return (0,state_.combineConfig)(configs, {
             activateOnTyping: true,
+            selectOnOpen: true,
             override: null,
             closeOnBlur: true,
             maxRenderedOptions: 100,
@@ -8313,7 +8405,8 @@ const completionConfig = /*@__PURE__*/state_.Facet.define({
             optionClass: () => "",
             aboveCursor: false,
             icons: true,
-            addToOptions: []
+            addToOptions: [],
+            compareCompletions: (a, b) => a.label.localeCompare(b.label)
         }, {
             defaultKeymap: (a, b) => a && b,
             closeOnBlur: (a, b) => a && b,
@@ -8376,6 +8469,8 @@ function optionContent(config) {
 function rangeAroundSelected(total, selected, max) {
     if (total <= max)
         return { from: 0, to: total };
+    if (selected < 0)
+        selected = 0;
     if (selected <= (total >> 1)) {
         let off = Math.floor(selected / max);
         return { from: off * max, to: (off + 1) * max };
@@ -8583,7 +8678,8 @@ function sortOptions(active, state) {
             }
         }
     let result = [], prev = null;
-    for (let opt of options.sort(cmpOption)) {
+    let compare = state.facet(completionConfig).compareCompletions;
+    for (let opt of options.sort((a, b) => (b.match[0] - a.match[0]) || compare(a.completion, b.completion))) {
         if (!prev || prev.label != opt.completion.label || prev.detail != opt.completion.detail ||
             (prev.type != null && opt.completion.type != null && prev.type != opt.completion.type) ||
             prev.apply != opt.completion.apply)
@@ -8610,8 +8706,8 @@ class CompletionDialog {
         let options = sortOptions(active, state);
         if (!options.length)
             return null;
-        let selected = 0;
-        if (prev && prev.selected) {
+        let selected = state.facet(completionConfig).selectOnOpen ? 0 : -1;
+        if (prev && prev.selected != selected && prev.selected != -1) {
             let selectedValue = prev.options[prev.selected].completion;
             for (let i = 0; i < options.length; i++)
                 if (options[i].completion == selectedValue) {
@@ -8681,20 +8777,16 @@ const baseAttrs = {
     "aria-autocomplete": "list"
 };
 function makeAttrs(id, selected) {
-    return {
+    let result = {
         "aria-autocomplete": "list",
         "aria-haspopup": "listbox",
-        "aria-activedescendant": id + "-" + selected,
         "aria-controls": id
     };
+    if (selected > -1)
+        result["aria-activedescendant"] = id + "-" + selected;
+    return result;
 }
 const dist_none = [];
-function cmpOption(a, b) {
-    let dScore = b.match[0] - a.match[0];
-    if (dScore)
-        return dScore;
-    return a.completion.label.localeCompare(b.completion.label);
-}
 function getUserEvent(tr) {
     return tr.isUserEvent("input.type") ? "input" : tr.isUserEvent("delete.backward") ? "delete" : null;
 }
@@ -8802,7 +8894,8 @@ function moveCompletionSelection(forward, by = "option") {
         if (by == "page" && (tooltip = (0,view_.getTooltip)(view, cState.open.tooltip)))
             step = Math.max(2, Math.floor(tooltip.dom.offsetHeight /
                 tooltip.dom.querySelector("li").offsetHeight) - 1);
-        let selected = cState.open.selected + step * (forward ? 1 : -1), { length } = cState.open.options;
+        let { length } = cState.open.options;
+        let selected = cState.open.selected > -1 ? cState.open.selected + step * (forward ? 1 : -1) : forward ? 0 : length - 1;
         if (selected < 0)
             selected = by == "page" ? 0 : length - 1;
         else if (selected >= length)
@@ -8816,7 +8909,8 @@ Accept the current completion.
 */
 const acceptCompletion = (view) => {
     let cState = view.state.field(completionState, false);
-    if (view.state.readOnly || !cState || !cState.open || Date.now() - cState.open.timestamp < CompletionInteractMargin)
+    if (view.state.readOnly || !cState || !cState.open || Date.now() - cState.open.timestamp < CompletionInteractMargin ||
+        cState.open.selected < 0)
         return false;
     applyCompletion(view, cState.open.options[cState.open.selected]);
     return true;
@@ -9729,7 +9823,7 @@ Return the currently selected completion, if any.
 function selectedCompletion(state) {
     var _a;
     let open = (_a = state.field(completionState, false)) === null || _a === void 0 ? void 0 : _a.open;
-    return open ? open.options[open.selected].completion : null;
+    return open && open.selected >= 0 ? open.options[open.selected].completion : null;
 }
 /**
 Returns the currently selected position in the active completion
@@ -9738,7 +9832,7 @@ list, or null if no completions are active.
 function selectedCompletionIndex(state) {
     var _a;
     let open = (_a = state.field(completionState, false)) === null || _a === void 0 ? void 0 : _a.open;
-    return open ? open.selected : null;
+    return open && open.selected >= 0 ? open.selected : null;
 }
 /**
 Create an effect that can be attached to a transaction to change
@@ -10626,12 +10720,12 @@ var theme_one_dark_ = __webpack_require__(362);
 ;// CONCATENATED MODULE: ./src/utils.ts
 var getStatistics=function getStatistics(view){return{line:view.state.doc.lineAt(view.state.selection.main.from),lineCount:view.state.doc.lines,lineBreak:view.state.lineBreak,length:view.state.doc.length,readOnly:view.state.readOnly,tabSize:view.state.tabSize,selection:view.state.selection,selectionAsSingle:view.state.selection.asSingle().main,ranges:view.state.selection.ranges,selectionCode:view.state.sliceDoc(view.state.selection.main.from,view.state.selection.main.to),selections:view.state.selection.ranges.map(function(r){return view.state.sliceDoc(r.from,r.to);}),selectedText:view.state.selection.ranges.some(function(r){return!r.empty;})};};
 ;// CONCATENATED MODULE: ./src/useCodeMirror.ts
-function useCodeMirror(props){var value=props.value,selection=props.selection,onChange=props.onChange,onStatistics=props.onStatistics,onCreateEditor=props.onCreateEditor,onUpdate=props.onUpdate,_props$extensions=props.extensions,extensions=_props$extensions===void 0?[]:_props$extensions,autoFocus=props.autoFocus,_props$theme=props.theme,theme=_props$theme===void 0?'light':_props$theme,_props$height=props.height,height=_props$height===void 0?'':_props$height,_props$minHeight=props.minHeight,minHeight=_props$minHeight===void 0?'':_props$minHeight,_props$maxHeight=props.maxHeight,maxHeight=_props$maxHeight===void 0?'':_props$maxHeight,_props$placeholder=props.placeholder,placeholderStr=_props$placeholder===void 0?'':_props$placeholder,_props$width=props.width,width=_props$width===void 0?'':_props$width,_props$minWidth=props.minWidth,minWidth=_props$minWidth===void 0?'':_props$minWidth,_props$maxWidth=props.maxWidth,maxWidth=_props$maxWidth===void 0?'':_props$maxWidth,_props$editable=props.editable,editable=_props$editable===void 0?true:_props$editable,_props$readOnly=props.readOnly,readOnly=_props$readOnly===void 0?false:_props$readOnly,_props$indentWithTab=props.indentWithTab,defaultIndentWithTab=_props$indentWithTab===void 0?true:_props$indentWithTab,_props$basicSetup=props.basicSetup,defaultBasicSetup=_props$basicSetup===void 0?true:_props$basicSetup,root=props.root;var _useState=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(),_useState2=_slicedToArray(_useState,2),container=_useState2[0],setContainer=_useState2[1];var _useState3=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(),_useState4=_slicedToArray(_useState3,2),view=_useState4[0],setView=_useState4[1];var _useState5=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(),_useState6=_slicedToArray(_useState5,2),state=_useState6[0],setState=_useState6[1];var defaultLightThemeOption=view_.EditorView.theme({'&':{backgroundColor:'#fff'}},{dark:false});var defaultThemeOption=view_.EditorView.theme({'&':{height:height,minHeight:minHeight,maxHeight:maxHeight,width:width,minWidth:minWidth,maxWidth:maxWidth}});var updateListener=view_.EditorView.updateListener.of(function(vu){if(vu.docChanged&&typeof onChange==='function'){var doc=vu.state.doc;var _value=doc.toString();onChange(_value,vu);}onStatistics&&onStatistics(getStatistics(vu));});var getExtensions=[updateListener,defaultThemeOption];if(defaultIndentWithTab){getExtensions.unshift(view_.keymap.of([indentWithTab]));}if(defaultBasicSetup){if(typeof defaultBasicSetup==='boolean'){getExtensions.unshift(basicSetup());}else{getExtensions.unshift(basicSetup(defaultBasicSetup));}}if(placeholderStr){getExtensions.unshift((0,view_.placeholder)(placeholderStr));}switch(theme){case'light':getExtensions.push(defaultLightThemeOption);break;case'dark':getExtensions.push(theme_one_dark_.oneDark);break;default:getExtensions.push(theme);break;}if(editable===false){getExtensions.push(view_.EditorView.editable.of(false));}if(readOnly){getExtensions.push(state_.EditorState.readOnly.of(true));}if(onUpdate&&typeof onUpdate==='function'){getExtensions.push(view_.EditorView.updateListener.of(onUpdate));}getExtensions=getExtensions.concat(extensions);(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function(){if(container&&!state){var stateCurrent=state_.EditorState.create({doc:value,selection:selection,extensions:getExtensions});setState(stateCurrent);if(!view){var viewCurrent=new view_.EditorView({state:stateCurrent,parent:container,root:root});setView(viewCurrent);onCreateEditor&&onCreateEditor(viewCurrent,stateCurrent);}}return function(){if(view){setState(undefined);setView(undefined);}};},[container,state]);(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function(){return setContainer(props.container);},[props.container]);(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function(){return function(){if(view){view.destroy();setView(undefined);}};},[view]);(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function(){if(autoFocus&&view){view.focus();}},[autoFocus,view]);(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function(){if(view){view.dispatch({effects:state_.StateEffect.reconfigure.of(getExtensions)});}// eslint-disable-next-line react-hooks/exhaustive-deps
+function useCodeMirror(props){var value=props.value,selection=props.selection,onChange=props.onChange,onStatistics=props.onStatistics,onCreateEditor=props.onCreateEditor,onUpdate=props.onUpdate,_props$extensions=props.extensions,extensions=_props$extensions===void 0?[]:_props$extensions,autoFocus=props.autoFocus,_props$theme=props.theme,theme=_props$theme===void 0?'light':_props$theme,_props$height=props.height,height=_props$height===void 0?'':_props$height,_props$minHeight=props.minHeight,minHeight=_props$minHeight===void 0?'':_props$minHeight,_props$maxHeight=props.maxHeight,maxHeight=_props$maxHeight===void 0?'':_props$maxHeight,_props$placeholder=props.placeholder,placeholderStr=_props$placeholder===void 0?'':_props$placeholder,_props$width=props.width,width=_props$width===void 0?'':_props$width,_props$minWidth=props.minWidth,minWidth=_props$minWidth===void 0?'':_props$minWidth,_props$maxWidth=props.maxWidth,maxWidth=_props$maxWidth===void 0?'':_props$maxWidth,_props$editable=props.editable,editable=_props$editable===void 0?true:_props$editable,_props$readOnly=props.readOnly,readOnly=_props$readOnly===void 0?false:_props$readOnly,_props$indentWithTab=props.indentWithTab,defaultIndentWithTab=_props$indentWithTab===void 0?true:_props$indentWithTab,_props$basicSetup=props.basicSetup,defaultBasicSetup=_props$basicSetup===void 0?true:_props$basicSetup,root=props.root,initialState=props.initialState;var _useState=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(),_useState2=_slicedToArray(_useState,2),container=_useState2[0],setContainer=_useState2[1];var _useState3=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(),_useState4=_slicedToArray(_useState3,2),view=_useState4[0],setView=_useState4[1];var _useState5=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(),_useState6=_slicedToArray(_useState5,2),state=_useState6[0],setState=_useState6[1];var defaultLightThemeOption=view_.EditorView.theme({'&':{backgroundColor:'#fff'}},{dark:false});var defaultThemeOption=view_.EditorView.theme({'&':{height:height,minHeight:minHeight,maxHeight:maxHeight,width:width,minWidth:minWidth,maxWidth:maxWidth}});var updateListener=view_.EditorView.updateListener.of(function(vu){if(vu.docChanged&&typeof onChange==='function'){var doc=vu.state.doc;var _value=doc.toString();onChange(_value,vu);}onStatistics&&onStatistics(getStatistics(vu));});var getExtensions=[updateListener,defaultThemeOption];if(defaultIndentWithTab){getExtensions.unshift(view_.keymap.of([indentWithTab]));}if(defaultBasicSetup){if(typeof defaultBasicSetup==='boolean'){getExtensions.unshift(basicSetup());}else{getExtensions.unshift(basicSetup(defaultBasicSetup));}}if(placeholderStr){getExtensions.unshift((0,view_.placeholder)(placeholderStr));}switch(theme){case'light':getExtensions.push(defaultLightThemeOption);break;case'dark':getExtensions.push(theme_one_dark_.oneDark);break;default:getExtensions.push(theme);break;}if(editable===false){getExtensions.push(view_.EditorView.editable.of(false));}if(readOnly){getExtensions.push(state_.EditorState.readOnly.of(true));}if(onUpdate&&typeof onUpdate==='function'){getExtensions.push(view_.EditorView.updateListener.of(onUpdate));}getExtensions=getExtensions.concat(extensions);(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function(){if(container&&!state){var config={doc:value,selection:selection,extensions:getExtensions};var stateCurrent=initialState?state_.EditorState.fromJSON(initialState.json,config,initialState.fields):state_.EditorState.create(config);setState(stateCurrent);if(!view){var viewCurrent=new view_.EditorView({state:stateCurrent,parent:container,root:root});setView(viewCurrent);onCreateEditor&&onCreateEditor(viewCurrent,stateCurrent);}}return function(){if(view){setState(undefined);setView(undefined);}};},[container,state]);(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function(){return setContainer(props.container);},[props.container]);(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function(){return function(){if(view){view.destroy();setView(undefined);}};},[view]);(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function(){if(autoFocus&&view){view.focus();}},[autoFocus,view]);(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function(){if(view){view.dispatch({effects:state_.StateEffect.reconfigure.of(getExtensions)});}// eslint-disable-next-line react-hooks/exhaustive-deps
 },[theme,extensions,height,minHeight,maxHeight,width,minWidth,maxWidth,placeholderStr,editable,readOnly,defaultIndentWithTab,defaultBasicSetup,onChange,onUpdate]);(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function(){var currentValue=view?view.state.doc.toString():'';if(view&&value!==currentValue){view.dispatch({changes:{from:0,to:currentValue.length,insert:value||''}});}},[value,view]);return{state:state,setState:setState,view:view,setView:setView,container:container,setContainer:setContainer};}
 // EXTERNAL MODULE: ../node_modules/react/jsx-runtime.js
 var jsx_runtime = __webpack_require__(605);
 ;// CONCATENATED MODULE: ./src/index.tsx
-var _excluded=["className","value","selection","extensions","onChange","onStatistics","onCreateEditor","onUpdate","autoFocus","theme","height","minHeight","maxHeight","width","minWidth","maxWidth","basicSetup","placeholder","indentWithTab","editable","readOnly","root"];var ReactCodeMirror=/*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.forwardRef)(function(props,ref){var className=props.className,_props$value=props.value,value=_props$value===void 0?'':_props$value,selection=props.selection,_props$extensions=props.extensions,extensions=_props$extensions===void 0?[]:_props$extensions,onChange=props.onChange,onStatistics=props.onStatistics,onCreateEditor=props.onCreateEditor,onUpdate=props.onUpdate,autoFocus=props.autoFocus,_props$theme=props.theme,theme=_props$theme===void 0?'light':_props$theme,height=props.height,minHeight=props.minHeight,maxHeight=props.maxHeight,width=props.width,minWidth=props.minWidth,maxWidth=props.maxWidth,basicSetup=props.basicSetup,placeholder=props.placeholder,indentWithTab=props.indentWithTab,editable=props.editable,readOnly=props.readOnly,root=props.root,other=_objectWithoutProperties(props,_excluded);var editor=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);var _useCodeMirror=useCodeMirror({container:editor.current,root:root,value:value,autoFocus:autoFocus,theme:theme,height:height,minHeight:minHeight,maxHeight:maxHeight,width:width,minWidth:minWidth,maxWidth:maxWidth,basicSetup:basicSetup,placeholder:placeholder,indentWithTab:indentWithTab,editable:editable,readOnly:readOnly,selection:selection,onChange:onChange,onStatistics:onStatistics,onCreateEditor:onCreateEditor,onUpdate:onUpdate,extensions:extensions}),state=_useCodeMirror.state,view=_useCodeMirror.view,container=_useCodeMirror.container,setContainer=_useCodeMirror.setContainer;(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useImperativeHandle)(ref,function(){return{editor:editor.current,state:state,view:view};},[editor,container,state,view]);// check type of value
+var _excluded=["className","value","selection","extensions","onChange","onStatistics","onCreateEditor","onUpdate","autoFocus","theme","height","minHeight","maxHeight","width","minWidth","maxWidth","basicSetup","placeholder","indentWithTab","editable","readOnly","root","initialState"];var ReactCodeMirror=/*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.forwardRef)(function(props,ref){var className=props.className,_props$value=props.value,value=_props$value===void 0?'':_props$value,selection=props.selection,_props$extensions=props.extensions,extensions=_props$extensions===void 0?[]:_props$extensions,onChange=props.onChange,onStatistics=props.onStatistics,onCreateEditor=props.onCreateEditor,onUpdate=props.onUpdate,autoFocus=props.autoFocus,_props$theme=props.theme,theme=_props$theme===void 0?'light':_props$theme,height=props.height,minHeight=props.minHeight,maxHeight=props.maxHeight,width=props.width,minWidth=props.minWidth,maxWidth=props.maxWidth,basicSetup=props.basicSetup,placeholder=props.placeholder,indentWithTab=props.indentWithTab,editable=props.editable,readOnly=props.readOnly,root=props.root,initialState=props.initialState,other=_objectWithoutProperties(props,_excluded);var editor=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);var _useCodeMirror=useCodeMirror({container:editor.current,root:root,value:value,autoFocus:autoFocus,theme:theme,height:height,minHeight:minHeight,maxHeight:maxHeight,width:width,minWidth:minWidth,maxWidth:maxWidth,basicSetup:basicSetup,placeholder:placeholder,indentWithTab:indentWithTab,editable:editable,readOnly:readOnly,selection:selection,onChange:onChange,onStatistics:onStatistics,onCreateEditor:onCreateEditor,onUpdate:onUpdate,extensions:extensions,initialState:initialState}),state=_useCodeMirror.state,view=_useCodeMirror.view,container=_useCodeMirror.container,setContainer=_useCodeMirror.setContainer;(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useImperativeHandle)(ref,function(){return{editor:editor.current,state:state,view:view};},[editor,container,state,view]);// check type of value
 if(typeof value!=='string'){throw new Error("value must be typeof string but got ".concat(typeof value));}var defaultClassNames=typeof theme==='string'?"cm-theme-".concat(theme):'cm-theme';return/*#__PURE__*/(0,jsx_runtime.jsx)("div",_objectSpread2({ref:editor,className:"".concat(defaultClassNames).concat(className?" ".concat(className):'')},other));});ReactCodeMirror.displayName='CodeMirror';/* harmony default export */ const src = (ReactCodeMirror);
 })();