@uiw/react-codemirror 4.25.9 → 4.25.11

package/dist/codemirror.js

@@ -48,7 +48,7 @@ var defaultLightThemeOption=_codemirror_view__WEBPACK_IMPORTED_MODULE_0__.Editor
 
 /***/ },
 
-/***/ 341
+/***/ 637
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 
@@ -183,11 +183,13 @@ function _createClass(e, r, t) {
 // Setting / Unsetting timeouts for every keystroke was a significant overhead
 // Inspired from https://github.com/iostreamer-X/timeout-latch
 var TimeoutLatch=/*#__PURE__*/function(){function TimeoutLatch(callback,timeoutMS){_classCallCheck(this,TimeoutLatch);this.timeLeftMS=void 0;this.timeoutMS=void 0;this.isCancelled=false;this.isTimeExhausted=false;this.callbacks=[];this.timeLeftMS=timeoutMS;this.timeoutMS=timeoutMS;this.callbacks.push(callback);}return _createClass(TimeoutLatch,[{key:"tick",value:function tick(){if(!this.isCancelled&&!this.isTimeExhausted){this.timeLeftMS--;if(this.timeLeftMS<=0){this.isTimeExhausted=true;var callbacks=this.callbacks.slice();this.callbacks.length=0;callbacks.forEach(function(callback){try{callback();}catch(error){console.error('TimeoutLatch callback error:',error);}});}}}},{key:"cancel",value:function cancel(){this.isCancelled=true;this.callbacks.length=0;}},{key:"reset",value:function reset(){this.timeLeftMS=this.timeoutMS;this.isCancelled=false;this.isTimeExhausted=false;}},{key:"isDone",get:function get(){return this.isCancelled||this.isTimeExhausted;}}]);}();var Scheduler=/*#__PURE__*/function(){function Scheduler(){_classCallCheck(this,Scheduler);this.interval=null;this.latches=new Set();}return _createClass(Scheduler,[{key:"add",value:function add(latch){this.latches.add(latch);this.start();}},{key:"remove",value:function remove(latch){this.latches["delete"](latch);if(this.latches.size===0){this.stop();}}},{key:"start",value:function start(){var _this=this;if(this.interval===null){this.interval=setInterval(function(){_this.latches.forEach(function(latch){latch.tick();if(latch.isDone){_this.remove(latch);}});},1);}}},{key:"stop",value:function stop(){if(this.interval!==null){clearInterval(this.interval);this.interval=null;}}}]);}();var globalScheduler=null;var getScheduler=function getScheduler(){if(typeof window==='undefined'){return new Scheduler();}if(!globalScheduler){globalScheduler=new Scheduler();}return globalScheduler;};
+;// ./src/theme/dimensionTheme.ts
+var scrollerTheme=view_.EditorView.theme({'& .cm-scroller':{height:'100% !important'}});var lastDimensionKey=null;var lastDimensionTheme=null;function getDimensionTheme(height,minHeight,maxHeight,width,minWidth,maxWidth){if(!height&&!minHeight&&!maxHeight&&!width&&!minWidth&&!maxWidth){return null;}var cacheKey=JSON.stringify({height:height,minHeight:minHeight,maxHeight:maxHeight,width:width,minWidth:minWidth,maxWidth:maxWidth});if(cacheKey===lastDimensionKey){return lastDimensionTheme;}lastDimensionKey=cacheKey;lastDimensionTheme=view_.EditorView.theme({'&':{height:height,minHeight:minHeight,maxHeight:maxHeight,width:width,minWidth:minWidth,maxWidth:maxWidth}});return lastDimensionTheme;}
 ;// ./src/useCodeMirror.ts
 var ExternalChange=state_.Annotation.define();var TYPING_TIMOUT=200;// ms
-var emptyExtensions=[];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?emptyExtensions:_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?null:_props$height,_props$minHeight=props.minHeight,minHeight=_props$minHeight===void 0?null:_props$minHeight,_props$maxHeight=props.maxHeight,maxHeight=_props$maxHeight===void 0?null:_props$maxHeight,_props$width=props.width,width=_props$width===void 0?null:_props$width,_props$minWidth=props.minWidth,minWidth=_props$minWidth===void 0?null:_props$minWidth,_props$maxWidth=props.maxWidth,maxWidth=_props$maxWidth===void 0?null:_props$maxWidth,_props$placeholder=props.placeholder,placeholderStr=_props$placeholder===void 0?'':_props$placeholder,_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 typingLatch=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(function(){return{current:null};})[0];var pendingUpdate=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(function(){return{current:null};})[0];var defaultThemeOption=view_.EditorView.theme({'&':{height:height,minHeight:minHeight,maxHeight:maxHeight,width:width,minWidth:minWidth,maxWidth:maxWidth},'& .cm-scroller':{height:'100% !important'}});var updateListener=view_.EditorView.updateListener.of(function(vu){if(vu.docChanged&&typeof onChange==='function'&&// Fix echoing of the remote changes:
+var emptyExtensions=[];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?emptyExtensions:_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?null:_props$height,_props$minHeight=props.minHeight,minHeight=_props$minHeight===void 0?null:_props$minHeight,_props$maxHeight=props.maxHeight,maxHeight=_props$maxHeight===void 0?null:_props$maxHeight,_props$width=props.width,width=_props$width===void 0?null:_props$width,_props$minWidth=props.minWidth,minWidth=_props$minWidth===void 0?null:_props$minWidth,_props$maxWidth=props.maxWidth,maxWidth=_props$maxWidth===void 0?null:_props$maxWidth,_props$placeholder=props.placeholder,placeholderStr=_props$placeholder===void 0?'':_props$placeholder,_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 typingLatch=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(function(){return{current:null};})[0];var pendingUpdate=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(function(){return{current:null};})[0];var defaultThemeOption=getDimensionTheme(height,minHeight,maxHeight,width,minWidth,maxWidth);var updateListener=view_.EditorView.updateListener.of(function(vu){if(vu.docChanged&&typeof onChange==='function'&&// Fix echoing of the remote changes:
 // If transaction is market as remote we don't have to call `onChange` handler again
-!vu.transactions.some(function(tr){return tr.annotation(ExternalChange);})){if(typingLatch.current){typingLatch.current.reset();}else{typingLatch.current=new TimeoutLatch(function(){if(pendingUpdate.current){var forceUpdate=pendingUpdate.current;pendingUpdate.current=null;forceUpdate();}typingLatch.current=null;},TYPING_TIMOUT);getScheduler().add(typingLatch.current);}var doc=vu.state.doc;var _value=doc.toString();onChange(_value,vu);}onStatistics&&onStatistics((0,utils/* getStatistics */.m)(vu));});var defaultExtensions=(0,getDefaultExtensions.getDefaultExtensions)({theme:theme,editable:editable,readOnly:readOnly,placeholder:placeholderStr,indentWithTab:defaultIndentWithTab,basicSetup:defaultBasicSetup});var getExtensions=[updateListener,defaultThemeOption].concat(_toConsumableArray(defaultExtensions));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_.useLayoutEffect)(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(){if(props.container){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);}if(typingLatch.current){typingLatch.current.cancel();typingLatch.current=null;}};},[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
+!vu.transactions.some(function(tr){return tr.annotation(ExternalChange);})){if(typingLatch.current){typingLatch.current.reset();}else{typingLatch.current=new TimeoutLatch(function(){if(pendingUpdate.current){var forceUpdate=pendingUpdate.current;pendingUpdate.current=null;forceUpdate();}typingLatch.current=null;},TYPING_TIMOUT);getScheduler().add(typingLatch.current);}var doc=vu.state.doc;var _value=doc.toString();onChange(_value,vu);}onStatistics&&onStatistics((0,utils/* getStatistics */.m)(vu));});var defaultExtensions=(0,getDefaultExtensions.getDefaultExtensions)({theme:theme,editable:editable,readOnly:readOnly,placeholder:placeholderStr,indentWithTab:defaultIndentWithTab,basicSetup:defaultBasicSetup});var getExtensions=[updateListener].concat(_toConsumableArray(defaultThemeOption?[defaultThemeOption]:[]),[scrollerTheme],_toConsumableArray(defaultExtensions));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_.useLayoutEffect)(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(){if(props.container){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);}if(typingLatch.current){typingLatch.current.cancel();typingLatch.current=null;}};},[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(){if(value===undefined){return;}var currentValue=view?view.state.doc.toString():'';if(view&&value!==currentValue){var isTyping=typingLatch.current&&!typingLatch.current.isDone;var forceUpdate=function forceUpdate(){if(view&&value!==view.state.doc.toString()){view.dispatch({changes:{from:0,to:view.state.doc.toString().length,insert:value||''},annotations:[ExternalChange.of(true)]});}};if(!isTyping){forceUpdate();}else{pendingUpdate.current=forceUpdate;}}},[value,view]);return{state:state,setState:setState,view:view,setView:setView,container:container,setContainer:setContainer};}
 
 /***/ },
@@ -314,8 +316,13 @@ class SearchCursor {
         The current match (only holds a meaningful value after
         [`next`](https://codemirror.net/6/docs/ref/#search.SearchCursor.next) has been called and when
         `done` is false).
+        
+        The `precise` flag will be set to false if the match starts or
+        ends _inside_ a character that, when normalized, expands to
+        multiple characters. It indicates that the `from`-`to` range
+        covers content that isn't part of the actual match.
         */
-        this.value = { from: 0, to: 0 };
+        this.value = { from: 0, to: 0, precise: false };
         /**
         Whether the end of the iterated region has been reached.
         */
@@ -366,44 +373,45 @@ class SearchCursor {
             this.bufferPos += (0,state_.codePointSize)(next);
             let norm = this.normalize(str);
             if (norm.length)
-                for (let i = 0, pos = start;; i++) {
+                for (let i = 0, pos = start, posPrecise = true;; i++) {
                     let code = norm.charCodeAt(i);
-                    let match = this.match(code, pos, this.bufferPos + this.bufferStart);
-                    if (i == norm.length - 1) {
-                        if (match) {
-                            this.value = match;
-                            return this;
-                        }
-                        break;
+                    let match = this.match(code, pos, posPrecise, this.bufferPos + this.bufferStart, i == norm.length - 1);
+                    if (match) {
+                        this.value = match;
+                        return this;
                     }
-                    if (pos == start && i < str.length && str.charCodeAt(i) == code)
+                    if (i == norm.length - 1)
+                        break;
+                    if (posPrecise && i < str.length && str.charCodeAt(i) == code)
                         pos++;
+                    else
+                        posPrecise = false;
                 }
         }
     }
-    match(code, pos, end) {
+    match(code, pos, posPrecise, end, endPrecise) {
         let match = null;
-        for (let i = 0; i < this.matches.length; i += 2) {
-            let index = this.matches[i], keep = false;
-            if (this.query.charCodeAt(index) == code) {
-                if (index == this.query.length - 1) {
-                    match = { from: this.matches[i + 1], to: end };
+        for (let i = 0; i < this.matches.length;) {
+            let partial = this.matches[i], keep = false;
+            if (this.query.charCodeAt(partial.index) == code) {
+                if (partial.index == this.query.length - 1) {
+                    match = { from: partial.from, to: end, precise: endPrecise && partial.precise };
                 }
                 else {
-                    this.matches[i]++;
+                    partial.index++;
                     keep = true;
                 }
             }
-            if (!keep) {
-                this.matches.splice(i, 2);
-                i -= 2;
-            }
+            if (keep)
+                i++;
+            else
+                this.matches.splice(i, 1);
         }
         if (this.query.charCodeAt(0) == code) {
             if (this.query.length == 1)
-                match = { from: pos, to: end };
+                match = { from: pos, to: end, precise: posPrecise && endPrecise };
             else
-                this.matches.push(1, pos);
+                this.matches.push({ from: pos, index: 1, precise: posPrecise });
         }
         if (match && this.test && !this.test(match.from, match.to, this.buffer, this.bufferStart))
             match = null;
@@ -413,7 +421,7 @@ class SearchCursor {
 if (typeof Symbol != "undefined")
     SearchCursor.prototype[Symbol.iterator] = function () { return this; };
 
-const empty = { from: -1, to: -1, match: /*@__PURE__*//.*/.exec("") };
+const empty = { from: -1, to: -1, match: /*@__PURE__*//.*/.exec(""), precise: true };
 const baseFlags = "gm" + (/x/.unicode == null ? "" : "u");
 /**
 This class is similar to [`SearchCursor`](https://codemirror.net/6/docs/ref/#search.SearchCursor)
@@ -438,7 +446,9 @@ class RegExpCursor {
         /**
         Will contain an object with the extent of the match and the
         match object when [`next`](https://codemirror.net/6/docs/ref/#search.RegExpCursor.next)
-        sucessfully finds a match.
+        sucessfully finds a match. The `precise` flag is always true for
+        this type of cursor, and only there to make sure this cursor is
+        a subtype of `SearchCursor`.
         */
         this.value = empty;
         if (/\\[sWDnr]|\n|\r|\[\^/.test(query))
@@ -483,7 +493,7 @@ class RegExpCursor {
                 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 };
+                    this.value = { from, to, precise: true, match };
                     return this;
                 }
                 off = this.matchPos - this.curLineStart;
@@ -556,7 +566,7 @@ class MultilineRegExpCursor {
                 // 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.value = { from, to, precise: true, match };
                     this.matchPos = toCharEnd(this.text, to + (from == to ? 1 : 0));
                     return this;
                 }
@@ -1200,7 +1210,10 @@ const replaceNext = /*@__PURE__*/searchCommand((view, { query }) => {
     let next = match;
     let changes = [], selection, replacement;
     let effects = [];
-    if (next.from == from && next.to == to) {
+    if (!next.precise) {
+        next = query.nextMatch(state, next.from, next.to);
+    }
+    else 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, next.from, next.to);
@@ -1227,10 +1240,12 @@ replacement.
 const replaceAll = /*@__PURE__*/searchCommand((view, { query }) => {
     if (view.state.readOnly)
         return false;
-    let changes = query.matchAll(view.state, 1e9).map(match => {
-        let { from, to } = match;
-        return { from, to, insert: query.getReplacement(match) };
-    });
+    let changes = [];
+    for (let match of query.matchAll(view.state, 1e9)) {
+        let { from, to, precise } = match;
+        if (precise)
+            changes.push({ from, to, insert: query.getReplacement(match) });
+    }
     if (!changes.length)
         return false;
     let announceText = view.state.phrase("replaced $ matches", changes.length) + ".";
@@ -1506,9 +1521,17 @@ const searchExtensions = [
 var language_dist = __webpack_require__(194);
 ;// ../node_modules/@codemirror/autocomplete/dist/index.js
 /* unused harmony import specifier */ var MapMode;
+/* unused harmony import specifier */ var StateEffect;
+/* unused harmony import specifier */ var StateField;
+/* unused harmony import specifier */ var EditorSelection;
 /* unused harmony import specifier */ var Text;
 /* unused harmony import specifier */ var Transaction;
-/* unused harmony import specifier */ var StateEffect;
+/* unused harmony import specifier */ var Facet;
+/* unused harmony import specifier */ var Prec;
+/* unused harmony import specifier */ var Decoration;
+/* unused harmony import specifier */ var WidgetType;
+/* unused harmony import specifier */ var EditorView;
+/* unused harmony import specifier */ var keymap;
 /* unused harmony import specifier */ var syntaxTree;
 /* unused harmony import specifier */ var indentUnit;
 
@@ -2008,8 +2031,8 @@ function rangeAroundSelected(total, selected, max) {
         let off = Math.floor(selected / max);
         return { from: off * max, to: (off + 1) * max };
     }
-    let off = Math.floor((total - selected) / max);
-    return { from: total - (off + 1) * max, to: total - off * max };
+    let off = Math.ceil((total - selected) / max);
+    return { from: total - off * max, to: total - (off - 1) * max };
 }
 class CompletionTooltip {
     constructor(view, stateField, applyCompletion) {
@@ -2540,7 +2563,7 @@ class ActiveResult extends ActiveSource {
         let result = this.result.map ? this.result.map(this.result, mapping) : this.result;
         if (!result)
             return new ActiveSource(this.source, 0 /* State.Inactive */);
-        return new ActiveResult(this.source, this.explicit, mapping.mapPos(this.limit), this.result, mapping.mapPos(this.from), mapping.mapPos(this.to, 1));
+        return new ActiveResult(this.source, this.explicit, mapping.mapPos(this.limit), result, mapping.mapPos(this.from), mapping.mapPos(this.to, 1));
     }
     touches(tr) {
         return tr.changes.touchesRange(this.from, this.to);
@@ -2868,7 +2891,8 @@ const dist_baseTheme = /*@__PURE__*/view_.EditorView.baseTheme({
         content: '"···"',
         opacity: 0.5,
         display: "block",
-        textAlign: "center"
+        textAlign: "center",
+        cursor: "pointer",
     },
     ".cm-tooltip.cm-completionInfo": {
         position: "absolute",
@@ -2991,6 +3015,9 @@ class Snippet {
         for (let line of template.split(/\r\n?|\n/)) {
             while (m = /[#$]\{(?:(\d+)(?::([^{}]*))?|((?:\\[{}]|[^{}])*))\}/.exec(line)) {
                 let seq = m[1] ? +m[1] : null, rawName = m[2] || m[3] || "", found = -1;
+                // `${0}` is the cursor's final position, after every other tab stop.
+                if (seq === 0)
+                    seq = 1e9;
                 let name = rawName.replace(/\\[{}]/g, m => m[1]);
                 for (let i = 0; i < fields.length; i++) {
                     if (seq != null ? fields[i].seq == seq : name ? fields[i].name == name : false)
@@ -3028,20 +3055,20 @@ class Snippet {
         return new Snippet(lines, positions);
     }
 }
-let fieldMarker = /*@__PURE__*/view_.Decoration.widget({ widget: /*@__PURE__*/new class extends view_.WidgetType {
+let fieldMarker = /*@__PURE__*/(/* unused pure expression or super */ null && (Decoration.widget({ widget: /*@__PURE__*/new class extends WidgetType {
         toDOM() {
             let span = document.createElement("span");
             span.className = "cm-snippetFieldPosition";
             return span;
         }
         ignoreEvent() { return false; }
-    } });
-let fieldRange = /*@__PURE__*/view_.Decoration.mark({ class: "cm-snippetField" });
+    } })));
+let fieldRange = /*@__PURE__*/(/* unused pure expression or super */ null && (Decoration.mark({ class: "cm-snippetField" })));
 class ActiveSnippet {
     constructor(ranges, active) {
         this.ranges = ranges;
         this.active = active;
-        this.deco = view_.Decoration.set(ranges.map(r => (r.from == r.to ? fieldMarker : fieldRange).range(r.from, r.to)), true);
+        this.deco = Decoration.set(ranges.map(r => (r.from == r.to ? fieldMarker : fieldRange).range(r.from, r.to)), true);
     }
     map(changes) {
         let ranges = [];
@@ -3057,11 +3084,11 @@ class ActiveSnippet {
         return sel.ranges.every(range => this.ranges.some(r => r.field == this.active && r.from <= range.from && r.to >= range.to));
     }
 }
-const setActive = /*@__PURE__*/state_.StateEffect.define({
+const setActive = /*@__PURE__*/(/* unused pure expression or super */ null && (StateEffect.define({
     map(value, changes) { return value && value.map(changes); }
-});
-const moveToField = /*@__PURE__*/state_.StateEffect.define();
-const snippetState = /*@__PURE__*/state_.StateField.define({
+})));
+const moveToField = /*@__PURE__*/(/* unused pure expression or super */ null && (StateEffect.define()));
+const snippetState = /*@__PURE__*/(/* unused pure expression or super */ null && (StateField.define({
     create() { return null; },
     update(value, tr) {
         for (let effect of tr.effects) {
@@ -3076,10 +3103,10 @@ const snippetState = /*@__PURE__*/state_.StateField.define({
             value = null;
         return value;
     },
-    provide: f => view_.EditorView.decorations.from(f, val => val ? val.deco : view_.Decoration.none)
-});
+    provide: f => EditorView.decorations.from(f, val => val ? val.deco : Decoration.none)
+})));
 function fieldSelection(ranges, field) {
-    return state_.EditorSelection.create(ranges.filter(r => r.field == field).map(r => state_.EditorSelection.range(r.from, r.to)));
+    return EditorSelection.create(ranges.filter(r => r.field == field).map(r => EditorSelection.range(r.from, r.to)));
 }
 /**
 Convert a snippet template to a function that can
@@ -3105,7 +3132,8 @@ cursor out of the current field deactivates the fields.
 
 The order of fields defaults to textual order, but you can add
 numbers to placeholders (`${1}` or `${1:defaultText}`) to provide
-a custom order.
+a custom order. `${0}` is special—it is always the last stop, where
+the cursor ends up after tabbing through the other fields.
 
 To include a literal `{` or `}` in your template, put a backslash
 in front of it. This will be removed and the brace will not be
@@ -3159,11 +3187,11 @@ const clearSnippet = ({ state, dispatch }) => {
 /**
 Move to the next snippet field, if available.
 */
-const nextSnippetField = /*@__PURE__*/moveField(1);
+const nextSnippetField = /*@__PURE__*/(/* unused pure expression or super */ null && (moveField(1)));
 /**
 Move to the previous snippet field, if available.
 */
-const prevSnippetField = /*@__PURE__*/moveField(-1);
+const prevSnippetField = /*@__PURE__*/(/* unused pure expression or super */ null && (moveField(-1)));
 /**
 Check if there is an active snippet with a next field for
 `nextSnippetField` to move to.
@@ -3180,10 +3208,10 @@ function hasPrevSnippetField(state) {
     let active = state.field(snippetState, false);
     return !!(active && active.active > 0);
 }
-const defaultSnippetKeymap = [
+const defaultSnippetKeymap = (/* unused pure expression or super */ null && ([
     { key: "Tab", run: nextSnippetField, shift: prevSnippetField },
     { key: "Escape", run: clearSnippet }
-];
+]));
 /**
 A facet that can be used to configure the key bindings used by
 snippets. The default binds Tab to
@@ -3191,10 +3219,10 @@ snippets. The default binds Tab to
 [`prevSnippetField`](https://codemirror.net/6/docs/ref/#autocomplete.prevSnippetField), and Escape
 to [`clearSnippet`](https://codemirror.net/6/docs/ref/#autocomplete.clearSnippet).
 */
-const snippetKeymap = /*@__PURE__*/state_.Facet.define({
+const snippetKeymap = /*@__PURE__*/(/* unused pure expression or super */ null && (Facet.define({
     combine(maps) { return maps.length ? maps[0] : defaultSnippetKeymap; }
-});
-const addSnippetKeymap = /*@__PURE__*/state_.Prec.highest(/*@__PURE__*/view_.keymap.compute([snippetKeymap], state => state.facet(snippetKeymap)));
+})));
+const addSnippetKeymap = /*@__PURE__*/(/* unused pure expression or super */ null && (Prec.highest(/*@__PURE__*/keymap.compute([snippetKeymap], state => state.facet(snippetKeymap)))));
 /**
 Create a completion from a snippet. Returns an object with the
 properties from `completion`, plus an `apply` function that
@@ -3203,7 +3231,7 @@ applies the snippet.
 function snippetCompletion(template, completion) {
     return { ...completion, apply: snippet(template) };
 }
-const snippetPointerHandler = /*@__PURE__*/view_.EditorView.domEventHandlers({
+const snippetPointerHandler = /*@__PURE__*/(/* unused pure expression or super */ null && (EditorView.domEventHandlers({
     mousedown(event, view) {
         let active = view.state.field(snippetState, false), pos;
         if (!active || (pos = view.posAtCoords({ x: event.clientX, y: event.clientY })) == null)
@@ -3219,7 +3247,7 @@ const snippetPointerHandler = /*@__PURE__*/view_.EditorView.domEventHandlers({
         });
         return true;
     }
-});
+})));
 
 function wordRE(wordChars) {
     let escaped = wordChars.replace(/[\]\-\\]/g, "\\$&");
@@ -3591,7 +3619,7 @@ function completionStatus(state) {
     return cState && cState.active.some(a => a.isPending) ? "pending"
         : cState && cState.active.some(a => a.state != 0 /* State.Inactive */) ? "active" : null;
 }
-const completionArrayCache = /*@__PURE__*/new WeakMap;
+const completionArrayCache = /*@__PURE__*/(/* unused pure expression or super */ null && (new WeakMap));
 /**
 Returns the available completions as an array.
 */
@@ -3633,9 +3661,13 @@ function setSelectedCompletion(index) {
 
 
 ;// ../node_modules/@codemirror/lint/dist/index.js
+/* unused harmony import specifier */ var activateHover;
 /* unused harmony import specifier */ var ViewPlugin;
 /* unused harmony import specifier */ var logException;
+/* unused harmony import specifier */ var gutter;
+/* unused harmony import specifier */ var dist_EditorView;
 /* unused harmony import specifier */ var RangeSet;
+/* unused harmony import specifier */ var dist_StateField;
 
 
 
@@ -3841,7 +3873,7 @@ function lintTooltip(view, pos, side) {
     return {
         pos: start,
         end: end,
-        above: view.state.doc.lineAt(start).to < end,
+        above: true,
         create() {
             return { dom: diagnosticsTooltip(view, found) };
         }
@@ -3886,12 +3918,17 @@ const nextDiagnostic = (view) => {
             return false;
     }
     view.dispatch({ selection: { anchor: next.from, head: next.to }, scrollIntoView: true });
+    (0,view_.activateHover)(view, next.from, 1, {
+        tooltip: lintHover,
+        until: tr => tr.docChanged || tr.newSelection.main.head < next.from || tr.newSelection.main.head > next.to
+    });
     return true;
 };
 /**
 Move the selection to the previous diagnostic.
 */
 const previousDiagnostic = (view) => {
+    var _a;
     let { state } = view, field = state.field(lintState, false);
     if (!field)
         return false;
@@ -3909,7 +3946,12 @@ const previousDiagnostic = (view) => {
     });
     if (lastFrom == null || prevFrom == null && lastFrom == sel.from)
         return false;
-    view.dispatch({ selection: { anchor: prevFrom !== null && prevFrom !== void 0 ? prevFrom : lastFrom, head: prevTo !== null && prevTo !== void 0 ? prevTo : lastTo }, scrollIntoView: true });
+    let from = prevFrom !== null && prevFrom !== void 0 ? prevFrom : lastFrom, to = (_a = prevTo !== null && prevTo !== void 0 ? prevTo : lastTo) !== null && _a !== void 0 ? _a : from;
+    view.dispatch({ selection: { anchor: from, head: to }, scrollIntoView: true });
+    activateHover(view, from, 1, {
+        tooltip: lintHover,
+        until: tr => tr.docChanged || tr.newSelection.main.head < from || tr.newSelection.main.head > to
+    });
     return true;
 };
 /**
@@ -4303,7 +4345,7 @@ const lint_dist_baseTheme = /*@__PURE__*/view_.EditorView.baseTheme({
         backgroundRepeat: "repeat-x",
         paddingBottom: "0.7px",
     },
-    ".cm-lintRange-error": { backgroundImage: /*@__PURE__*/underline("#d11") },
+    ".cm-lintRange-error": { backgroundImage: /*@__PURE__*/underline("#f11") },
     ".cm-lintRange-warning": { backgroundImage: /*@__PURE__*/underline("orange") },
     ".cm-lintRange-info": { backgroundImage: /*@__PURE__*/underline("#999") },
     ".cm-lintRange-hint": { backgroundImage: /*@__PURE__*/underline("#66d") },
@@ -4459,9 +4501,9 @@ function markersForDiagnostics(doc, diagnostics) {
     for (let line in byLine) {
         markers.push(new LintGutterMarker(byLine[line]).range(+line));
     }
-    return state_.RangeSet.of(markers, true);
+    return RangeSet.of(markers, true);
 }
-const lintGutterExtension = /*@__PURE__*/(0,view_.gutter)({
+const lintGutterExtension = /*@__PURE__*/(/* unused pure expression or super */ null && (gutter({
     class: "cm-gutter-lint",
     markers: view => view.state.field(lintGutterMarkers),
     widgetMarker: (view, widget, block) => {
@@ -4472,10 +4514,10 @@ const lintGutterExtension = /*@__PURE__*/(0,view_.gutter)({
         });
         return diagnostics.length ? new LintGutterMarker(diagnostics) : null;
     }
-});
-const lintGutterMarkers = /*@__PURE__*/state_.StateField.define({
+})));
+const lintGutterMarkers = /*@__PURE__*/(/* unused pure expression or super */ null && (dist_StateField.define({
     create() {
-        return state_.RangeSet.empty;
+        return RangeSet.empty;
     },
     update(markers, tr) {
         markers = markers.map(tr.changes);
@@ -4490,7 +4532,7 @@ const lintGutterMarkers = /*@__PURE__*/state_.StateField.define({
         }
         return markers;
     }
-});
+})));
 const setLintGutterTooltip = /*@__PURE__*/state_.StateEffect.define();
 const lintGutterTooltip = /*@__PURE__*/state_.StateField.define({
     create() { return null; },
@@ -4501,7 +4543,7 @@ const lintGutterTooltip = /*@__PURE__*/state_.StateField.define({
     },
     provide: field => view_.showTooltip.from(field)
 });
-const lintGutterTheme = /*@__PURE__*/view_.EditorView.baseTheme({
+const lintGutterTheme = /*@__PURE__*/(/* unused pure expression or super */ null && (dist_EditorView.baseTheme({
     ".cm-gutter-lint": {
         width: "1.4em",
         "& .cm-gutterElement": {
@@ -4521,7 +4563,8 @@ const lintGutterTheme = /*@__PURE__*/view_.EditorView.baseTheme({
     ".cm-lint-marker-error": {
         content: /*@__PURE__*/svg(`<circle cx="20" cy="20" r="15" fill="#f87" stroke="#f43" stroke-width="6"/>`)
     },
-});
+})));
+const lintHover = /*@__PURE__*/(0,view_.hoverTooltip)(lintTooltip, { hideOn: hideTooltip });
 const lintExtensions = [
     lintState,
     /*@__PURE__*/view_.EditorView.decorations.compute([lintState], state => {
@@ -4530,7 +4573,7 @@ const lintExtensions = [
             activeMark.range(selected.from, selected.to)
         ]);
     }),
-    /*@__PURE__*/(0,view_.hoverTooltip)(lintTooltip, { hideOn: hideTooltip }),
+    lintHover,
     lint_dist_baseTheme
 ];
 const lintGutterConfig = /*@__PURE__*/state_.Facet.define({
@@ -4631,9 +4674,9 @@ var basicSetup = function basicSetup(options) {
   if (options === void 0) {
     options = {};
   }
-  var {
-    crosshairCursor: initCrosshairCursor = false
-  } = options;
+  var _options = options,
+    _options$crosshairCur = _options.crosshairCursor,
+    initCrosshairCursor = _options$crosshairCur === void 0 ? false : _options$crosshairCur;
   var keymaps = [];
   if (options.closeBracketsKeymap !== false) {
     keymaps = keymaps.concat(closeBracketsKeymap);
@@ -4844,10 +4887,7 @@ function toPropertyKey(t) {
 (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   Yc: () => (/* binding */ indentWithTab),
-/* harmony export */   b6: () => (/* binding */ history),
-/* harmony export */   cL: () => (/* binding */ historyKeymap),
-/* harmony export */   pw: () => (/* binding */ defaultKeymap)
+/* harmony export */   b6: () => (/* binding */ history)
 /* harmony export */ });
 /* unused harmony exports addCursorAbove, addCursorBelow, blockComment, blockUncomment, copyLineDown, copyLineUp, cursorCharBackward, cursorCharBackwardLogical, cursorCharForward, cursorCharForwardLogical, cursorCharLeft, cursorCharRight, cursorDocEnd, cursorDocStart, cursorGroupBackward, cursorGroupForward, cursorGroupForwardWin, cursorGroupLeft, cursorGroupRight, cursorLineBoundaryBackward, cursorLineBoundaryForward, cursorLineBoundaryLeft, cursorLineBoundaryRight, cursorLineDown, cursorLineEnd, cursorLineStart, cursorLineUp, cursorMatchingBracket, cursorPageDown, cursorPageUp, cursorSubwordBackward, cursorSubwordForward, cursorSyntaxLeft, cursorSyntaxRight, deleteCharBackward, deleteCharBackwardStrict, deleteCharForward, deleteGroupBackward, deleteGroupForward, deleteGroupForwardWin, deleteLine, deleteLineBoundaryBackward, deleteLineBoundaryForward, deleteToLineEnd, deleteToLineStart, deleteTrailingWhitespace, emacsStyleKeymap, historyField, indentLess, indentMore, indentSelection, insertBlankLine, insertNewline, insertNewlineAndIndent, insertNewlineKeepIndent, insertTab, invertedEffects, isolateHistory, lineComment, lineUncomment, moveLineDown, moveLineUp, redo, redoDepth, redoSelection, selectAll, selectCharBackward, selectCharBackwardLogical, selectCharForward, selectCharForwardLogical, selectCharLeft, selectCharRight, selectDocEnd, selectDocStart, selectGroupBackward, selectGroupForward, selectGroupForwardWin, selectGroupLeft, selectGroupRight, selectLine, selectLineBoundaryBackward, selectLineBoundaryForward, selectLineBoundaryLeft, selectLineBoundaryRight, selectLineDown, selectLineEnd, selectLineStart, selectLineUp, selectMatchingBracket, selectPageDown, selectPageUp, selectParentSyntax, selectSubwordBackward, selectSubwordForward, selectSyntaxLeft, selectSyntaxRight, simplifySelection, splitLine, standardKeymap, temporarilySetTabFocusMode, toggleBlockComment, toggleBlockCommentByLine, toggleComment, toggleLineComment, toggleTabFocusMode, transposeChars, undo, undoDepth, undoSelection */
 /* unused harmony import specifier */ var findClusterBreak;
@@ -5746,8 +5786,10 @@ Extend the selection to the bracket matching the one the selection
 head is currently on, if any.
 */
 const selectMatchingBracket = ({ state, dispatch }) => toMatchingBracket(state, dispatch, true);
-function extendSel(target, how) {
+function extendSel(target, forward, how) {
     let selection = updateSel(target.state.selection, range => {
+        if (range.undirectional && (range.head >= range.anchor) != forward)
+            range = _codemirror_state__WEBPACK_IMPORTED_MODULE_0__.EditorSelection.range(range.head, range.anchor);
         let head = how(range);
         return _codemirror_state__WEBPACK_IMPORTED_MODULE_0__.EditorSelection.range(range.anchor, head.head, head.goalColumn, head.bidiLevel || undefined, head.assoc);
     });
@@ -5757,7 +5799,7 @@ function extendSel(target, how) {
     return true;
 }
 function selectByChar(view, forward) {
-    return extendSel(view, range => view.moveByChar(range, forward));
+    return extendSel(view, forward, range => view.moveByChar(range, forward));
 }
 /**
 Move the selection head one character to the left, while leaving
@@ -5780,14 +5822,14 @@ const selectCharBackward = view => selectByChar(view, false);
 Move the selection head one character forward by logical
 (non-direction aware) string index order.
 */
-const selectCharForwardLogical = target => extendSel(target, range => byCharLogical(target.state, range, true));
+const selectCharForwardLogical = target => extendSel(target, true, range => byCharLogical(target.state, range, true));
 /**
 Move the selection head one character backward by logical string
 index order.
 */
-const selectCharBackwardLogical = target => extendSel(target, range => byCharLogical(target.state, range, false));
+const selectCharBackwardLogical = target => extendSel(target, false, range => byCharLogical(target.state, range, false));
 function selectByGroup(view, forward) {
-    return extendSel(view, range => view.moveByGroup(range, forward));
+    return extendSel(view, forward, range => view.moveByGroup(range, forward));
 }
 /**
 Move the selection head one [group](https://codemirror.net/6/docs/ref/#commands.cursorGroupLeft) to
@@ -5811,10 +5853,10 @@ Move the selection head one group forward in the default Windows
 style, skipping to the start of the next group.
 */
 const selectGroupForwardWin = view => {
-    return extendSel(view, range => view.moveByChar(range, true, start => toGroupStart(view, range.head, start)));
+    return extendSel(view, true, range => view.moveByChar(range, true, start => toGroupStart(view, range.head, start)));
 };
 function selectBySubword(view, forward) {
-    return extendSel(view, range => moveBySubword(view, range, forward));
+    return extendSel(view, forward, range => moveBySubword(view, range, forward));
 }
 /**
 Move the selection head one group or camel-case subword forward.
@@ -5827,13 +5869,19 @@ const selectSubwordBackward = view => selectBySubword(view, false);
 /**
 Move the selection head over the next syntactic element to the left.
 */
-const selectSyntaxLeft = view => extendSel(view, range => moveBySyntax(view.state, range, !ltrAtCursor(view)));
+const selectSyntaxLeft = view => {
+    let forward = !ltrAtCursor(view);
+    return extendSel(view, forward, range => moveBySyntax(view.state, range, forward));
+};
 /**
 Move the selection head over the next syntactic element to the right.
 */
-const selectSyntaxRight = view => extendSel(view, range => moveBySyntax(view.state, range, ltrAtCursor(view)));
+const selectSyntaxRight = view => {
+    let forward = ltrAtCursor(view);
+    return extendSel(view, forward, range => moveBySyntax(view.state, range, forward));
+};
 function selectByLine(view, forward) {
-    return extendSel(view, range => view.moveVertically(range, forward));
+    return extendSel(view, forward, range => view.moveVertically(range, forward));
 }
 /**
 Move the selection head one line up.
@@ -5844,7 +5892,7 @@ Move the selection head one line down.
 */
 const selectLineDown = view => selectByLine(view, true);
 function selectByPage(view, forward) {
-    return extendSel(view, range => view.moveVertically(range, forward, pageInfo(view).height));
+    return extendSel(view, forward, range => view.moveVertically(range, forward, pageInfo(view).height));
 }
 /**
 Move the selection head one page up.
@@ -5857,27 +5905,33 @@ const selectPageDown = view => selectByPage(view, true);
 /**
 Move the selection head to the next line boundary.
 */
-const selectLineBoundaryForward = view => extendSel(view, range => moveByLineBoundary(view, range, true));
+const selectLineBoundaryForward = view => extendSel(view, true, range => moveByLineBoundary(view, range, true));
 /**
 Move the selection head to the previous line boundary.
 */
-const selectLineBoundaryBackward = view => extendSel(view, range => moveByLineBoundary(view, range, false));
+const selectLineBoundaryBackward = view => extendSel(view, false, 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)));
+const selectLineBoundaryLeft = view => {
+    let forward = !ltrAtCursor(view);
+    return extendSel(view, forward, range => moveByLineBoundary(view, range, forward));
+};
 /**
 Move the selection head one line boundary to the right.
 */
-const selectLineBoundaryRight = view => extendSel(view, range => moveByLineBoundary(view, range, ltrAtCursor(view)));
+const selectLineBoundaryRight = view => {
+    let forward = ltrAtCursor(view);
+    return extendSel(view, forward, range => moveByLineBoundary(view, range, forward));
+};
 /**
 Move the selection head to the start of the line.
 */
-const selectLineStart = view => extendSel(view, range => _codemirror_state__WEBPACK_IMPORTED_MODULE_0__.EditorSelection.cursor(view.lineBlockAt(range.head).from));
+const selectLineStart = view => extendSel(view, false, range => _codemirror_state__WEBPACK_IMPORTED_MODULE_0__.EditorSelection.cursor(view.lineBlockAt(range.head).from));
 /**
 Move the selection head to the end of the line.
 */
-const selectLineEnd = view => extendSel(view, range => _codemirror_state__WEBPACK_IMPORTED_MODULE_0__.EditorSelection.cursor(view.lineBlockAt(range.head).to));
+const selectLineEnd = view => extendSel(view, true, range => _codemirror_state__WEBPACK_IMPORTED_MODULE_0__.EditorSelection.cursor(view.lineBlockAt(range.head).to));
 /**
 Move the selection to the start of the document.
 */
@@ -6653,6 +6707,12 @@ const indentWithTab = { key: "Tab", run: indentMore, shift: indentLess };
 
 
 
+/* harmony export */ __webpack_require__.d(__webpack_exports__, [
+/* harmony export */   "Yc", 0, /* binding */ indentWithTab,
+/* harmony export */   "cL", 0, /* binding */ historyKeymap,
+/* harmony export */   "pw", 0, /* binding */ defaultKeymap
+/* harmony export */ ]);
+
 
 /***/ },
 
@@ -7789,7 +7849,15 @@ class StyleSet {
 // (min-width: 400px)": {...}}`.
 
 ;// ../node_modules/@codemirror/language/dist/index.js
+/* unused harmony import specifier */ var NodeProp;
 /* unused harmony import specifier */ var RangeSet;
+/* unused harmony import specifier */ var Facet;
+/* unused harmony import specifier */ var Prec;
+/* unused harmony import specifier */ var RangeSetBuilder;
+/* unused harmony import specifier */ var ViewPlugin;
+/* unused harmony import specifier */ var Direction;
+/* unused harmony import specifier */ var EditorView;
+/* unused harmony import specifier */ var Decoration;
 
 
 
@@ -7944,8 +8012,7 @@ function topNodeAt(state, pos, side) {
 }
 /**
 A subclass of [`Language`](https://codemirror.net/6/docs/ref/#language.Language) for use with Lezer
-[LR parsers](https://lezer.codemirror.net/docs/ref#lr.LRParser)
-parsers.
+[LR parsers](https://lezer.codemirror.net/docs/ref#lr.LRParser).
 */
 class LRLanguage extends Language {
     constructor(data, parser, name) {
@@ -9111,18 +9178,25 @@ const foldState = /*@__PURE__*/state_.StateField.define({
         if (tr.isUserEvent("delete"))
             tr.changes.iterChangedRanges((fromA, toA) => folded = clearTouchedFolds(folded, fromA, toA));
         folded = folded.map(tr.changes);
+        let rangesToFold = [];
         for (let e of tr.effects) {
             if (e.is(foldEffect) && !foldExists(folded, e.value.from, e.value.to)) {
-                let { preparePlaceholder } = tr.state.facet(foldConfig);
-                let widget = !preparePlaceholder ? foldWidget :
-                    view_.Decoration.replace({ widget: new PreparedFoldWidget(preparePlaceholder(tr.state, e.value)) });
-                folded = folded.update({ add: [widget.range(e.value.from, e.value.to)] });
+                rangesToFold.push(e.value);
             }
             else if (e.is(unfoldEffect)) {
                 folded = folded.update({ filter: (from, to) => e.value.from != from || e.value.to != to,
                     filterFrom: e.value.from, filterTo: e.value.to });
             }
         }
+        if (rangesToFold.length) {
+            let { preparePlaceholder } = tr.state.facet(foldConfig);
+            let decorations = rangesToFold.map(value => {
+                let widget = !preparePlaceholder ? foldWidget :
+                    view_.Decoration.replace({ widget: new PreparedFoldWidget(preparePlaceholder(tr.state, value)) });
+                return widget.range(value.from, value.to);
+            });
+            folded = folded.update({ add: decorations });
+        }
         // Clear folded ranges that cover the selection head
         if (tr.selection)
             folded = clearTouchedFolds(folded, tr.selection.main.head);
@@ -9482,7 +9556,7 @@ class HighlightStyle {
     or array of tags in their `tag` property, and either a single
     `class` property providing a static CSS class (for highlighter
     that rely on external styling), or a
-    [`style-mod`](https://github.com/marijnh/style-mod#documentation)-style
+    [`style-mod`](https://code.haverbeke.berlin/marijn/style-mod#documentation)-style
     set of CSS properties (which define the styling for those tags).
     
     The CSS rules created for a highlighter will be emitted in the
@@ -10378,7 +10452,7 @@ function changeAddsRTL(change) {
     });
     return added;
 }
-const alwaysIsolate = /*@__PURE__*/state_.Facet.define({ combine: values => values.some(x => x) });
+const alwaysIsolate = /*@__PURE__*/(/* unused pure expression or super */ null && (Facet.define({ combine: values => values.some(x => x) })));
 /**
 Make sure nodes
 [marked](https://lezer.codemirror.net/docs/ref/#common.NodeProp^isolate)
@@ -10391,19 +10465,19 @@ function bidiIsolates(options = {}) {
         extensions.push(alwaysIsolate.of(true));
     return extensions;
 }
-const isolateMarks = /*@__PURE__*/view_.ViewPlugin.fromClass(class {
+const isolateMarks = /*@__PURE__*/(/* unused pure expression or super */ null && (ViewPlugin.fromClass(class {
     constructor(view) {
         this.always = view.state.facet(alwaysIsolate) ||
-            view.textDirection != view_.Direction.LTR ||
-            view.state.facet(view_.EditorView.perLineTextDirection);
+            view.textDirection != Direction.LTR ||
+            view.state.facet(EditorView.perLineTextDirection);
         this.hasRTL = !this.always && textHasRTL(view.state.doc);
         this.tree = syntaxTree(view.state);
-        this.decorations = this.always || this.hasRTL ? buildDeco(view, this.tree, this.always) : view_.Decoration.none;
+        this.decorations = this.always || this.hasRTL ? buildDeco(view, this.tree, this.always) : Decoration.none;
     }
     update(update) {
         let always = update.state.facet(alwaysIsolate) ||
-            update.view.textDirection != view_.Direction.LTR ||
-            update.state.facet(view_.EditorView.perLineTextDirection);
+            update.view.textDirection != Direction.LTR ||
+            update.state.facet(EditorView.perLineTextDirection);
         if (!always && !this.hasRTL && changeAddsRTL(update.changes))
             this.hasRTL = true;
         if (!always && !this.hasRTL)
@@ -10419,21 +10493,21 @@ const isolateMarks = /*@__PURE__*/view_.ViewPlugin.fromClass(class {
     provide: plugin => {
         function access(view) {
             var _a, _b;
-            return (_b = (_a = view.plugin(plugin)) === null || _a === void 0 ? void 0 : _a.decorations) !== null && _b !== void 0 ? _b : view_.Decoration.none;
+            return (_b = (_a = view.plugin(plugin)) === null || _a === void 0 ? void 0 : _a.decorations) !== null && _b !== void 0 ? _b : Decoration.none;
         }
-        return [view_.EditorView.outerDecorations.of(access),
-            state_.Prec.lowest(view_.EditorView.bidiIsolatedRanges.of(access))];
+        return [EditorView.outerDecorations.of(access),
+            Prec.lowest(EditorView.bidiIsolatedRanges.of(access))];
     }
-});
+})));
 function buildDeco(view, tree, always) {
-    let deco = new state_.RangeSetBuilder();
+    let deco = new RangeSetBuilder();
     let ranges = view.visibleRanges;
     if (!always)
         ranges = clipRTLLines(ranges, view.state.doc);
     for (let { from, to } of ranges) {
         tree.iterate({
             enter: node => {
-                let iso = node.type.prop(dist/* NodeProp */.uY.isolate);
+                let iso = node.type.prop(NodeProp.isolate);
                 if (iso)
                     deco.add(node.from, node.to, marks[iso]);
             },
@@ -12526,8 +12600,14 @@ class StructureCursor {
         let { cursor } = this, p = pos - this.offset;
         while (!this.done && cursor.from < p) {
             if (cursor.to >= pos && cursor.enter(p, 1, IterMode.IgnoreOverlays | IterMode.ExcludeBuffers)) ;
-            else if (!cursor.next(false))
-                this.done = true;
+            else if (cursor.to <= pos) {
+                if (!cursor.next(false))
+                    this.done = true;
+                // Moved to next node
+            }
+            else {
+                break;
+            }
         }
     }
     hasNode(cursor) {
@@ -12697,17 +12777,17 @@ function enterFragments(mounts, ranges) {
 /******/ 	});
 /************************************************************************/
 /******/ 	// The module cache
-/******/ 	var __webpack_module_cache__ = {};
+/******/ 	const __webpack_module_cache__ = {};
 /******/ 	
 /******/ 	// The require function
 /******/ 	function __webpack_require__(moduleId) {
 /******/ 		// Check if module is in cache
-/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		const cachedModule = __webpack_module_cache__[moduleId];
 /******/ 		if (cachedModule !== undefined) {
 /******/ 			return cachedModule.exports;
 /******/ 		}
 /******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 		const module = __webpack_module_cache__[moduleId] = {
 /******/ 			// no module.id needed
 /******/ 			// no module.loaded needed
 /******/ 			exports: {}
@@ -12725,7 +12805,7 @@ function enterFragments(mounts, ranges) {
 /******/ 	(() => {
 /******/ 		// getDefaultExport function for compatibility with non-harmony modules
 /******/ 		__webpack_require__.n = (module) => {
-/******/ 			var getter = module && module.__esModule ?
+/******/ 			const getter = module && module.__esModule ?
 /******/ 				() => (module['default']) :
 /******/ 				() => (module);
 /******/ 			__webpack_require__.d(getter, { a: getter });
@@ -12735,11 +12815,26 @@ function enterFragments(mounts, ranges) {
 /******/ 	
 /******/ 	/* webpack/runtime/define property getters */
 /******/ 	(() => {
-/******/ 		// define getter functions for harmony exports
+/******/ 		// define getter/value functions for harmony exports
 /******/ 		__webpack_require__.d = (exports, definition) => {
-/******/ 			for(var key in definition) {
-/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 			if(Array.isArray(definition)) {
+/******/ 				var i = 0;
+/******/ 				while(i < definition.length) {
+/******/ 					var key = definition[i++];
+/******/ 					var binding = definition[i++];
+/******/ 					if(!__webpack_require__.o(exports, key)) {
+/******/ 						if(binding === 0) {
+/******/ 							Object.defineProperty(exports, key, { enumerable: true, value: definition[i++] });
+/******/ 						} else {
+/******/ 							Object.defineProperty(exports, key, { enumerable: true, get: binding });
+/******/ 						}
+/******/ 					} else if(binding === 0) { i++; }
+/******/ 				}
+/******/ 			} else {
+/******/ 				for(var key in definition) {
+/******/ 					if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 						Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 					}
 /******/ 				}
 /******/ 			}
 /******/ 		};
@@ -12754,7 +12849,7 @@ function enterFragments(mounts, ranges) {
 /******/ 	(() => {
 /******/ 		// define __esModule on exports
 /******/ 		__webpack_require__.r = (exports) => {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			if(Symbol.toStringTag) {
 /******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 /******/ 			}
 /******/ 			Object.defineProperty(exports, '__esModule', { value: true });
@@ -12762,12 +12857,11 @@ function enterFragments(mounts, ranges) {
 /******/ 	})();
 /******/ 	
 /************************************************************************/
-var __webpack_exports__ = {};
+let __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   ExternalChange: () => (/* reexport safe */ _useCodeMirror__WEBPACK_IMPORTED_MODULE_3__.Q),
 /* harmony export */   basicSetup: () => (/* reexport safe */ _uiw_codemirror_extensions_basic_setup__WEBPACK_IMPORTED_MODULE_7__.o),
-/* harmony export */   "default": () => (src),
 /* harmony export */   getStatistics: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_9__.m),
 /* harmony export */   minimalSetup: () => (/* reexport safe */ _uiw_codemirror_extensions_basic_setup__WEBPACK_IMPORTED_MODULE_7__.V),
 /* harmony export */   useCodeMirror: () => (/* reexport safe */ _useCodeMirror__WEBPACK_IMPORTED_MODULE_3__.q)
@@ -12776,7 +12870,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _home_runner_work_react_codemirror_react_codemirror_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(644);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(442);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _useCodeMirror__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(341);
+/* harmony import */ var _useCodeMirror__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(637);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(742);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__);
 /* harmony import */ var _codemirror_view__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(730);
@@ -12797,6 +12891,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(369);
 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,react__WEBPACK_IMPORTED_MODULE_2__.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=(0,_home_runner_work_react_codemirror_react_codemirror_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A)(props,_excluded);var editor=(0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null);var _useCodeMirror=(0,_useCodeMirror__WEBPACK_IMPORTED_MODULE_3__/* .useCodeMirror */ .q)({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,react__WEBPACK_IMPORTED_MODULE_2__.useImperativeHandle)(ref,function(){return{editor:editor.current,state:state,view:view};},[editor,container,state,view]);var setEditorRef=(0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function(el){editor.current=el;setContainer(el);},[setContainer]);// 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,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div",(0,_home_runner_work_react_codemirror_react_codemirror_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)({ref:setEditorRef,className:"".concat(defaultClassNames).concat(className?" ".concat(className):'')},other));});ReactCodeMirror.displayName='CodeMirror';/* harmony default export */ const src = (ReactCodeMirror);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, [
+/* harmony export */   "default", 0, /* export default binding */ src
+/* harmony export */ ]);
+
 /******/ 	return __webpack_exports__;
 /******/ })()
 ;