@uiw/react-codemirror 4.12.4 → 4.13.0

package/dist/mdeditor.js

@@ -154,25 +154,20 @@ function _defineProperty(obj, key, value) {
   } else {
     obj[key] = value;
   }
-
   return obj;
 }
 ;// CONCATENATED MODULE: ../node_modules/@babel/runtime/helpers/esm/objectSpread2.js
 
-
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
-
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
     enumerableOnly && (symbols = symbols.filter(function (sym) {
       return Object.getOwnPropertyDescriptor(object, sym).enumerable;
     })), keys.push.apply(keys, symbols);
   }
-
   return keys;
 }
-
 function _objectSpread2(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = null != arguments[i] ? arguments[i] : {};
@@ -182,7 +177,6 @@ function _objectSpread2(target) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
-
   return target;
 }
 ;// CONCATENATED MODULE: ../node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
@@ -191,13 +185,11 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   var target = {};
   var sourceKeys = Object.keys(source);
   var key, i;
-
   for (i = 0; i < sourceKeys.length; i++) {
     key = sourceKeys[i];
     if (excluded.indexOf(key) >= 0) continue;
     target[key] = source[key];
   }
-
   return target;
 }
 ;// CONCATENATED MODULE: ../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js
@@ -206,10 +198,8 @@ function _objectWithoutProperties(source, excluded) {
   if (source == null) return {};
   var target = _objectWithoutPropertiesLoose(source, excluded);
   var key, i;
-
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-
     for (i = 0; i < sourceSymbolKeys.length; i++) {
       key = sourceSymbolKeys[i];
       if (excluded.indexOf(key) >= 0) continue;
@@ -217,7 +207,6 @@ function _objectWithoutProperties(source, excluded) {
       target[key] = source[key];
     }
   }
-
   return target;
 }
 // EXTERNAL MODULE: external {"root":"React","commonjs2":"react","commonjs":"react","amd":"react"}
@@ -229,18 +218,14 @@ function _arrayWithHoles(arr) {
 ;// CONCATENATED MODULE: ../node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js
 function _iterableToArrayLimit(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
   if (_i == null) return;
   var _arr = [];
   var _n = true;
   var _d = false;
-
   var _s, _e;
-
   try {
     for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
       _arr.push(_s.value);
-
       if (i && _arr.length === i) break;
     }
   } catch (err) {
@@ -253,17 +238,14 @@ function _iterableToArrayLimit(arr, i) {
       if (_d) throw _e;
     }
   }
-
   return _arr;
 }
 ;// CONCATENATED MODULE: ../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-
   for (var i = 0, arr2 = new Array(len); i < len; i++) {
     arr2[i] = arr[i];
   }
-
   return arr2;
 }
 ;// CONCATENATED MODULE: ../node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
@@ -2200,23 +2182,25 @@ class Modifier {
         let set = [], tag = new Tag(set, base, mods);
         for (let m of mods)
             m.instances.push(tag);
-        let configs = permute(mods);
+        let configs = powerSet(mods);
         for (let parent of base.set)
-            for (let config of configs)
-                set.push(Modifier.get(parent, config));
+            if (!parent.modified.length)
+                for (let config of configs)
+                    set.push(Modifier.get(parent, config));
         return tag;
     }
 }
 function sameArray(a, b) {
     return a.length == b.length && a.every((x, i) => x == b[i]);
 }
-function permute(array) {
-    let result = [array];
+function powerSet(array) {
+    let sets = [[]];
     for (let i = 0; i < array.length; i++) {
-        for (let a of permute(array.slice(0, i).concat(array.slice(i + 1))))
-            result.push(a);
+        for (let j = 0, e = sets.length; j < e; j++) {
+            sets.push(sets[j].concat(array[i]));
+        }
     }
-    return result;
+    return sets.sort((a, b) => b.length - a.length);
 }
 /// This function is used to add a set of tags to a language syntax
 /// via [`NodeSet.extend`](#common.NodeSet.extend) or
@@ -2976,8 +2960,13 @@ class Language {
     The [language data](https://codemirror.net/6/docs/ref/#state.EditorState.languageDataAt) facet
     used for this language.
     */
-    data, parser, extraExtensions = []) {
+    data, parser, extraExtensions = [], 
+    /**
+    A language name.
+    */
+    name = "") {
         this.data = data;
+        this.name = name;
         // Kludge to define EditorState.tree as a debugging helper,
         // without the EditorState package actually knowing about
         // languages and lezer trees.
@@ -3065,8 +3054,8 @@ A subclass of [`Language`](https://codemirror.net/6/docs/ref/#language.Language)
 parsers.
 */
 class LRLanguage extends (/* unused pure expression or super */ null && (Language)) {
-    constructor(data, parser) {
-        super(data, parser);
+    constructor(data, parser, name) {
+        super(data, parser, [], name);
         this.parser = parser;
     }
     /**
@@ -3076,14 +3065,14 @@ class LRLanguage extends (/* unused pure expression or super */ null && (Languag
         let data = defineLanguageFacet(spec.languageData);
         return new LRLanguage(data, spec.parser.configure({
             props: [languageDataProp.add(type => type.isTop ? data : undefined)]
-        }));
+        }), spec.name);
     }
     /**
     Create a new instance of this language with a reconfigured
-    version of its parser.
+    version of its parser and optionally a new name.
     */
-    configure(options) {
-        return new LRLanguage(this.data, this.parser.configure(options));
+    configure(options, name) {
+        return new LRLanguage(this.data, this.parser.configure(options), name || this.name);
     }
     get allowsNesting() { return this.parser.hasWrappers(); }
 }
@@ -3430,14 +3419,14 @@ class LanguageState {
         // state updates with parse work beyond the viewport.
         let upto = this.context.treeLen == tr.startState.doc.length ? undefined
             : Math.max(tr.changes.mapPos(this.context.treeLen), newCx.viewport.to);
-        if (!newCx.work(20 /* Apply */, upto))
+        if (!newCx.work(20 /* Work.Apply */, upto))
             newCx.takeTree();
         return new LanguageState(newCx);
     }
     static init(state) {
-        let vpTo = Math.min(3000 /* InitViewport */, state.doc.length);
+        let vpTo = Math.min(3000 /* Work.InitViewport */, state.doc.length);
         let parseState = ParseContext.create(state.facet(language).parser, state, { from: 0, to: vpTo });
-        if (!parseState.work(20 /* Apply */, vpTo))
+        if (!parseState.work(20 /* Work.Apply */, vpTo))
             parseState.takeTree();
         return new LanguageState(parseState);
     }
@@ -3454,14 +3443,14 @@ Language.state = /*@__PURE__*/state_.StateField.define({
     }
 });
 let requestIdle = (callback) => {
-    let timeout = setTimeout(() => callback(), 500 /* MaxPause */);
+    let timeout = setTimeout(() => callback(), 500 /* Work.MaxPause */);
     return () => clearTimeout(timeout);
 };
 if (typeof requestIdleCallback != "undefined")
     requestIdle = (callback) => {
         let idle = -1, timeout = setTimeout(() => {
-            idle = requestIdleCallback(callback, { timeout: 500 /* MaxPause */ - 100 /* MinPause */ });
-        }, 100 /* MinPause */);
+            idle = requestIdleCallback(callback, { timeout: 500 /* Work.MaxPause */ - 100 /* Work.MinPause */ });
+        }, 100 /* Work.MinPause */);
         return () => idle < 0 ? clearTimeout(timeout) : cancelIdleCallback(idle);
     };
 const isInputPending = typeof navigator != "undefined" && ((_a = navigator.scheduling) === null || _a === void 0 ? void 0 : _a.isInputPending)
@@ -3484,7 +3473,7 @@ const parseWorker = /*@__PURE__*/view_.ViewPlugin.fromClass(class ParseWorker {
             this.scheduleWork();
         if (update.docChanged) {
             if (this.view.hasFocus)
-                this.chunkBudget += 50 /* ChangeBonus */;
+                this.chunkBudget += 50 /* Work.ChangeBonus */;
             this.scheduleWork();
         }
         this.checkAsyncSchedule(cx);
@@ -3500,19 +3489,19 @@ const parseWorker = /*@__PURE__*/view_.ViewPlugin.fromClass(class ParseWorker {
         this.working = null;
         let now = Date.now();
         if (this.chunkEnd < now && (this.chunkEnd < 0 || this.view.hasFocus)) { // Start a new chunk
-            this.chunkEnd = now + 30000 /* ChunkTime */;
-            this.chunkBudget = 3000 /* ChunkBudget */;
+            this.chunkEnd = now + 30000 /* Work.ChunkTime */;
+            this.chunkBudget = 3000 /* Work.ChunkBudget */;
         }
         if (this.chunkBudget <= 0)
             return; // No more budget
         let { state, viewport: { to: vpTo } } = this.view, field = state.field(Language.state);
-        if (field.tree == field.context.tree && field.context.isDone(vpTo + 100000 /* MaxParseAhead */))
+        if (field.tree == field.context.tree && field.context.isDone(vpTo + 100000 /* Work.MaxParseAhead */))
             return;
-        let endTime = Date.now() + Math.min(this.chunkBudget, 100 /* Slice */, deadline && !isInputPending ? Math.max(25 /* MinSlice */, deadline.timeRemaining() - 5) : 1e9);
+        let endTime = Date.now() + Math.min(this.chunkBudget, 100 /* Work.Slice */, deadline && !isInputPending ? Math.max(25 /* Work.MinSlice */, deadline.timeRemaining() - 5) : 1e9);
         let viewportFirst = field.context.treeLen < vpTo && state.doc.length > vpTo + 1000;
         let done = field.context.work(() => {
             return isInputPending && isInputPending() || Date.now() > endTime;
-        }, vpTo + (viewportFirst ? 0 : 100000 /* MaxParseAhead */));
+        }, vpTo + (viewportFirst ? 0 : 100000 /* Work.MaxParseAhead */));
         this.chunkBudget -= Date.now() - now;
         if (done || this.chunkBudget <= 0) {
             field.context.takeTree();
@@ -3550,7 +3539,14 @@ current language on a state.
 */
 const language = /*@__PURE__*/state_.Facet.define({
     combine(languages) { return languages.length ? languages[0] : null; },
-    enables: [Language.state, parseWorker]
+    enables: language => [
+        Language.state,
+        parseWorker,
+        view_.EditorView.contentAttributes.compute([language], state => {
+            let lang = state.facet(language);
+            return lang && lang.name ? { "data-language": lang.name } : {};
+        })
+    ]
 });
 /**
 This class bundles a [language](https://codemirror.net/6/docs/ref/#language.Language) with an
@@ -3680,8 +3676,10 @@ class LanguageDescription {
 
 /**
 Facet that defines a way to provide a function that computes the
-appropriate indentation depth at the start of a given line, or
-`null` to indicate no appropriate indentation could be determined.
+appropriate indentation depth, as a column number (see
+[`indentString`](https://codemirror.net/6/docs/ref/#language.indentString)), at the start of a given
+line, or `null` to indicate no appropriate indentation could be
+determined.
 */
 const indentService = /*@__PURE__*/state_.Facet.define();
 /**
@@ -3726,12 +3724,13 @@ function indentString(state, cols) {
     return result;
 }
 /**
-Get the indentation at the given position. Will first consult any
-[indent services](https://codemirror.net/6/docs/ref/#language.indentService) that are registered,
-and if none of those return an indentation, this will check the
-syntax tree for the [indent node prop](https://codemirror.net/6/docs/ref/#language.indentNodeProp)
-and use that if found. Returns a number when an indentation could
-be determined, and null otherwise.
+Get the indentation, as a column number, at the given position.
+Will first consult any [indent services](https://codemirror.net/6/docs/ref/#language.indentService)
+that are registered, and if none of those return an indentation,
+this will check the syntax tree for the [indent node
+prop](https://codemirror.net/6/docs/ref/#language.indentNodeProp) and use that if found. Returns a
+number when an indentation could be determined, and null
+otherwise.
 */
 function getIndentation(context, pos) {
     if (context instanceof state_.EditorState)
@@ -3866,8 +3865,9 @@ class IndentContext {
 /**
 A syntax tree node prop used to associate indentation strategies
 with node types. Such a strategy is a function from an indentation
-context to a column number or null, where null indicates that no
-definitive indentation can be determined.
+context to a column number (see also
+[`indentString`](https://codemirror.net/6/docs/ref/#language.indentString)) or null, where null
+indicates that no definitive indentation can be determined.
 */
 const indentNodeProp = /*@__PURE__*/new dist_NodeProp();
 // Compute the indentation for a given position from the syntax tree.
@@ -4458,7 +4458,12 @@ A highlight style associates CSS styles with higlighting
 [tags](https://lezer.codemirror.net/docs/ref#highlight.Tag).
 */
 class HighlightStyle {
-    constructor(spec, options) {
+    constructor(
+    /**
+    The tag styles used to create this highlight style.
+    */
+    specs, options) {
+        this.specs = specs;
         let modSpec;
         function def(spec) {
             let cls = StyleModule.newName();
@@ -4469,7 +4474,7 @@ class HighlightStyle {
         const scopeOpt = options.scope;
         this.scope = scopeOpt instanceof Language ? (type) => type.prop(languageDataProp) == scopeOpt.data
             : scopeOpt ? (type) => type == scopeOpt : undefined;
-        this.style = tagHighlighter(spec.map(style => ({
+        this.style = tagHighlighter(specs.map(style => ({
             tag: style.tag,
             class: style.class || def(Object.assign({}, style, { tag: null }))
         })), {
@@ -4948,6 +4953,7 @@ class StringStream {
 
 function fullParser(spec) {
     return {
+        name: spec.name || "",
         token: spec.token,
         blankLine: spec.blankLine || (() => { }),
         startState: spec.startState || (() => true),
@@ -4980,7 +4986,7 @@ class StreamLanguage extends (/* unused pure expression or super */ null && (Lan
                 return new Parse(self, input, fragments, ranges);
             }
         };
-        super(data, impl, [indentService.of((cx, pos) => this.getIndent(cx, pos))]);
+        super(data, impl, [indentService.of((cx, pos) => this.getIndent(cx, pos))], parser.name);
         this.topNode = docID(data);
         self = this;
         this.streamParser = p;
@@ -5006,7 +5012,7 @@ class StreamLanguage extends (/* unused pure expression or super */ null && (Lan
             state = this.streamParser.startState(cx.unit);
             statePos = 0;
         }
-        if (pos - statePos > 10000 /* MaxIndentScanDist */)
+        if (pos - statePos > 10000 /* C.MaxIndentScanDist */)
             return null;
         while (statePos < pos) {
             let line = cx.state.doc.lineAt(statePos), end = Math.min(pos, line.to);
@@ -5085,7 +5091,7 @@ class Parse {
             this.chunks.push(tree.children[i]);
             this.chunkPos.push(tree.positions[i]);
         }
-        if (context && this.parsedPos < context.viewport.from - 100000 /* MaxDistanceBeforeViewport */) {
+        if (context && this.parsedPos < context.viewport.from - 100000 /* C.MaxDistanceBeforeViewport */) {
             this.state = this.lang.streamParser.startState(getIndentUnit(context.state));
             context.skipUntilInView(this.parsedPos, context.viewport.from);
             this.parsedPos = context.viewport.from;
@@ -5095,7 +5101,7 @@ class Parse {
     advance() {
         let context = ParseContext.get();
         let parseEnd = this.stoppedAt == null ? this.to : Math.min(this.to, this.stoppedAt);
-        let end = Math.min(parseEnd, this.chunkStart + 2048 /* ChunkSize */);
+        let end = Math.min(parseEnd, this.chunkStart + 2048 /* C.ChunkSize */);
         if (context)
             end = Math.min(end, context.viewport.to);
         while (this.parsedPos < end)
@@ -5179,7 +5185,7 @@ class Parse {
                 let token = readToken(streamParser.token, stream, this.state);
                 if (token)
                     offset = this.emitToken(this.lang.tokenTable.resolve(token), this.parsedPos + stream.start, this.parsedPos + stream.pos, 4, offset);
-                if (stream.start > 10000 /* MaxLineLength */)
+                if (stream.start > 10000 /* C.MaxLineLength */)
                     break;
             }
         }
@@ -5195,7 +5201,7 @@ class Parse {
             length: this.parsedPos - this.chunkStart,
             nodeSet,
             topID: 0,
-            maxBufferLength: 2048 /* ChunkSize */,
+            maxBufferLength: 2048 /* C.ChunkSize */,
             reused: this.chunkReused
         });
         tree = new Tree(tree.type, tree.children, tree.positions, tree.length, [[this.lang.stateAfter, this.lang.streamParser.copyState(this.state)]]);
@@ -6313,7 +6319,7 @@ function deleteBy(target, by) {
         }
         else {
             from = skipAtomic(target, from, false);
-            to = skipAtomic(target, from, true);
+            to = skipAtomic(target, to, true);
         }
         return from == to ? { range } : { changes: { from, to }, range: state_.EditorSelection.cursor(from) };
     });
@@ -7085,7 +7091,7 @@ class RegExpCursor {
             if (match) {
                 let from = this.curLineStart + match.index, to = from + match[0].length;
                 this.matchPos = toCharEnd(this.text, to + (from == to ? 1 : 0));
-                if (from == this.curLine.length)
+                if (from == this.curLineStart + this.curLine.length)
                     this.nextLine();
                 if ((from < to || from > this.value.to) && (!this.test || this.test(from, to, match))) {
                     this.value = { from, to, match };
@@ -7479,10 +7485,17 @@ class SearchQuery {
         this.regexp = !!config.regexp;
         this.replace = config.replace || "";
         this.valid = !!this.search && (!this.regexp || validRegExp(this.search));
-        this.unquoted = this.literal ? this.search : this.search.replace(/\\([nrt\\])/g, (_, ch) => ch == "n" ? "\n" : ch == "r" ? "\r" : ch == "t" ? "\t" : "\\");
+        this.unquoted = this.unquote(this.search);
         this.wholeWord = !!config.wholeWord;
     }
     /**
+    @internal
+    */
+    unquote(text) {
+        return this.literal ? text :
+            text.replace(/\\([nrt\\])/g, (_, ch) => ch == "n" ? "\n" : ch == "r" ? "\r" : ch == "t" ? "\t" : "\\");
+    }
+    /**
     Compare this query to another query.
     */
     eq(other) {
@@ -7556,7 +7569,7 @@ class StringQuery extends QueryType {
         return this.prevMatchInRange(state, 0, curFrom) ||
             this.prevMatchInRange(state, curTo, state.doc.length);
     }
-    getReplacement(_result) { return this.spec.replace; }
+    getReplacement(_result) { return this.spec.unquote(this.spec.replace); }
     matchAll(state, limit) {
         let cursor = stringCursor(this.spec, state, 0, state.doc.length), ranges = [];
         while (!cursor.next().done) {
@@ -7615,10 +7628,10 @@ class RegExpQuery extends QueryType {
             this.prevMatchInRange(state, curTo, state.doc.length);
     }
     getReplacement(result) {
-        return this.spec.replace.replace(/\$([$&\d+])/g, (m, i) => i == "$" ? "$"
+        return this.spec.unquote(this.spec.replace.replace(/\$([$&\d+])/g, (m, i) => i == "$" ? "$"
             : i == "&" ? result.match[0]
                 : i != "0" && +i < result.match.length ? result.match[i]
-                    : m);
+                    : m));
     }
     matchAll(state, limit) {
         let cursor = regexpCursor(this.spec, state, 0, state.doc.length), ranges = [];
@@ -7924,6 +7937,7 @@ class SearchPanel {
             "aria-label": phrase(view, "Find"),
             class: "cm-textfield",
             name: "search",
+            form: "",
             "main-field": "true",
             onchange: this.commit,
             onkeyup: this.commit
@@ -7934,24 +7948,28 @@ class SearchPanel {
             "aria-label": phrase(view, "Replace"),
             class: "cm-textfield",
             name: "replace",
+            form: "",
             onchange: this.commit,
             onkeyup: this.commit
         });
         this.caseField = crelt("input", {
             type: "checkbox",
             name: "case",
+            form: "",
             checked: query.caseSensitive,
             onchange: this.commit
         });
         this.reField = crelt("input", {
             type: "checkbox",
             name: "re",
+            form: "",
             checked: query.regexp,
             onchange: this.commit
         });
         this.wordField = crelt("input", {
             type: "checkbox",
             name: "word",
+            form: "",
             checked: query.wholeWord,
             onchange: this.commit
         });
@@ -10639,7 +10657,6 @@ function lintGutter(config = {}) {
 
 
 
-
 /**
 This is an extension value that just pulls together a number of
 extensions that you might want in a basic editor. It is meant as a
@@ -10681,37 +10698,28 @@ var basicSetup = function basicSetup(options) {
   if (options === void 0) {
     options = {};
   }
-
   var keymaps = [];
-
   if (options.closeBracketsKeymap !== false) {
     keymaps = keymaps.concat(closeBracketsKeymap);
   }
-
   if (options.defaultKeymap !== false) {
     keymaps = keymaps.concat(defaultKeymap);
   }
-
   if (options.searchKeymap !== false) {
     keymaps = keymaps.concat(searchKeymap);
   }
-
   if (options.historyKeymap !== false) {
     keymaps = keymaps.concat(historyKeymap);
   }
-
   if (options.foldKeymap !== false) {
     keymaps = keymaps.concat(foldKeymap);
   }
-
   if (options.completionKeymap !== false) {
     keymaps = keymaps.concat(completionKeymap);
   }
-
   if (options.lintKeymap !== false) {
     keymaps = keymaps.concat(lintKeymap);
   }
-
   var extensions = [];
   if (options.lineNumbers !== false) extensions.push((0,view_.lineNumbers)());
   if (options.highlightActiveLineGutter !== false) extensions.push((0,view_.highlightActiveLineGutter)());
@@ -10732,9 +10740,9 @@ var basicSetup = function basicSetup(options) {
   if (options.crosshairCursor !== false) extensions.push((0,view_.crosshairCursor)());
   if (options.highlightActiveLine !== false) extensions.push((0,view_.highlightActiveLine)());
   if (options.highlightSelectionMatches !== false) extensions.push(highlightSelectionMatches());
+  if (options.tabSize && typeof options.tabSize === 'number') extensions.push(dist_indentUnit.of(' '.repeat(options.tabSize)));
   return extensions.concat([view_.keymap.of(keymaps.flat())]).filter(Boolean);
 };
-
 /**
 A minimal set of extensions to create a functional editor. Only
 includes [the default keymap](https://codemirror.net/6/docs/ref/#commands.defaultKeymap), [undo
@@ -10747,17 +10755,13 @@ var minimalSetup = function minimalSetup(options) {
   if (options === void 0) {
     options = {};
   }
-
   var keymaps = [];
-
   if (options.defaultKeymap !== false) {
     keymaps = keymaps.concat(defaultKeymap);
   }
-
   if (options.historyKeymap !== false) {
     keymaps = keymaps.concat(historyKeymap);
   }
-
   var extensions = [];
   if (options.highlightSpecialChars !== false) extensions.push((0,view_.highlightSpecialChars)());
   if (options.history !== false) extensions.push(dist_history());