@scalar/use-codemirror 0.9.1 → 0.10.1

package/dist/index.js

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import * as Y from "yjs";
+import { yCollab } from "y-codemirror.next";
 import { ref, watch, onBeforeUnmount, toValue, computed, defineComponent, toRef, openBlock, createElementBlock } from "vue";
 class Text {
   /**
@@ -26,7 +26,7 @@ class Text {
   /**
   Replace a range of the text with the given content.
   */
-  replace(from, to, text2) {
+  replace(from, to, text) {
     [from, to] = clip(this, from, to);
     let parts = [];
     this.decompose(
@@ -36,10 +36,10 @@ class Text {
       2
       /* Open.To */
     );
-    if (text2.length)
-      text2.decompose(
+    if (text.length)
+      text.decompose(
         0,
-        text2.length,
+        text.length,
         parts,
         1 | 2
         /* Open.To */
@@ -51,7 +51,7 @@ class Text {
       1
       /* Open.From */
     );
-    return TextNode.from(parts, this.length - (to - from) + text2.length);
+    return TextNode.from(parts, this.length - (to - from) + text.length);
   }
   /**
   Append another document to this one.
@@ -147,18 +147,18 @@ class Text {
   /**
   Create a `Text` instance for the given array of lines.
   */
-  static of(text2) {
-    if (text2.length == 0)
+  static of(text) {
+    if (text.length == 0)
       throw new RangeError("A document must have at least one line");
-    if (text2.length == 1 && !text2[0])
+    if (text.length == 1 && !text[0])
       return Text.empty;
-    return text2.length <= 32 ? new TextLeaf(text2) : TextNode.from(TextLeaf.split(text2, []));
+    return text.length <= 32 ? new TextLeaf(text) : TextNode.from(TextLeaf.split(text, []));
   }
 }
 class TextLeaf extends Text {
-  constructor(text2, length = textLength(text2)) {
+  constructor(text, length = textLength(text)) {
     super();
-    this.text = text2;
+    this.text = text;
     this.length = length;
   }
   get lines() {
@@ -177,26 +177,26 @@ class TextLeaf extends Text {
     }
   }
   decompose(from, to, target, open) {
-    let text2 = from <= 0 && to >= this.length ? this : new TextLeaf(sliceText(this.text, from, to), Math.min(to, this.length) - Math.max(0, from));
+    let text = from <= 0 && to >= this.length ? this : new TextLeaf(sliceText(this.text, from, to), Math.min(to, this.length) - Math.max(0, from));
     if (open & 1) {
       let prev = target.pop();
-      let joined = appendText(text2.text, prev.text.slice(), 0, text2.length);
+      let joined = appendText(text.text, prev.text.slice(), 0, text.length);
       if (joined.length <= 32) {
-        target.push(new TextLeaf(joined, prev.length + text2.length));
+        target.push(new TextLeaf(joined, prev.length + text.length));
       } else {
         let mid = joined.length >> 1;
         target.push(new TextLeaf(joined.slice(0, mid)), new TextLeaf(joined.slice(mid)));
       }
     } else {
-      target.push(text2);
+      target.push(text);
     }
   }
-  replace(from, to, text2) {
-    if (!(text2 instanceof TextLeaf))
-      return super.replace(from, to, text2);
+  replace(from, to, text) {
+    if (!(text instanceof TextLeaf))
+      return super.replace(from, to, text);
     [from, to] = clip(this, from, to);
-    let lines = appendText(this.text, appendText(text2.text, sliceText(this.text, 0, from)), to);
-    let newLen = this.length + text2.length - (to - from);
+    let lines = appendText(this.text, appendText(text.text, sliceText(this.text, 0, from)), to);
+    let newLen = this.length + text.length - (to - from);
     if (lines.length <= 32)
       return new TextLeaf(lines, newLen);
     return TextNode.from(TextLeaf.split(lines, []), newLen);
@@ -221,9 +221,9 @@ class TextLeaf extends Text {
   scanIdentical() {
     return 0;
   }
-  static split(text2, target) {
+  static split(text, target) {
     let part = [], len = -1;
-    for (let line of text2) {
+    for (let line of text) {
       part.push(line);
       len += line.length + 1;
       if (part.length == 32) {
@@ -268,24 +268,24 @@ class TextNode extends Text {
       pos = end + 1;
     }
   }
-  replace(from, to, text2) {
+  replace(from, to, text) {
     [from, to] = clip(this, from, to);
-    if (text2.lines < this.lines)
+    if (text.lines < this.lines)
       for (let i = 0, pos = 0; i < this.children.length; i++) {
         let child = this.children[i], end = pos + child.length;
         if (from >= pos && to <= end) {
-          let updated = child.replace(from - pos, to - pos, text2);
+          let updated = child.replace(from - pos, to - pos, text);
           let totalLines = this.lines - child.lines + updated.lines;
           if (updated.lines < totalLines >> 5 - 1 && updated.lines > totalLines >> 5 + 1) {
             let copy = this.children.slice();
             copy[i] = updated;
-            return new TextNode(copy, this.length - (to - from) + text2.length);
+            return new TextNode(copy, this.length - (to - from) + text.length);
           }
           return super.replace(pos, end, updated);
         }
         pos = end + 1;
       }
-    return super.replace(from, to, text2);
+    return super.replace(from, to, text);
   }
   sliceString(from, to = this.length, lineSep = "\n") {
     [from, to] = clip(this, from, to);
@@ -368,15 +368,15 @@ class TextNode extends Text {
   }
 }
 Text.empty = /* @__PURE__ */ new TextLeaf([""], 0);
-function textLength(text2) {
+function textLength(text) {
   let length = -1;
-  for (let line of text2)
+  for (let line of text)
     length += line.length + 1;
   return length;
 }
-function appendText(text2, target, from = 0, to = 1e9) {
-  for (let pos = 0, i = 0, first = true; i < text2.length && pos <= to; i++) {
-    let line = text2[i], end = pos + line.length;
+function appendText(text, target, from = 0, to = 1e9) {
+  for (let pos = 0, i = 0, first = true; i < text.length && pos <= to; i++) {
+    let line = text[i], end = pos + line.length;
     if (end >= from) {
       if (end > to)
         line = line.slice(0, to - pos);
@@ -392,17 +392,17 @@ function appendText(text2, target, from = 0, to = 1e9) {
   }
   return target;
 }
-function sliceText(text2, from, to) {
-  return appendText(text2, [""], from, to);
+function sliceText(text, from, to) {
+  return appendText(text, [""], from, to);
 }
 class RawTextCursor {
-  constructor(text2, dir = 1) {
+  constructor(text, dir = 1) {
     this.dir = dir;
     this.done = false;
     this.lineBreak = false;
     this.value = "";
-    this.nodes = [text2];
-    this.offsets = [dir > 0 ? 1 : (text2 instanceof TextLeaf ? text2.text.length : text2.children.length) << 1];
+    this.nodes = [text];
+    this.offsets = [dir > 0 ? 1 : (text instanceof TextLeaf ? text.text.length : text.children.length) << 1];
   }
   nextInner(skip, dir) {
     this.done = this.lineBreak = false;
@@ -459,11 +459,11 @@ class RawTextCursor {
   }
 }
 class PartialTextCursor {
-  constructor(text2, start, end) {
+  constructor(text, start, end) {
     this.value = "";
     this.done = false;
-    this.cursor = new RawTextCursor(text2, start > end ? -1 : 1);
-    this.pos = start > end ? text2.length : 0;
+    this.cursor = new RawTextCursor(text, start > end ? -1 : 1);
+    this.pos = start > end ? text.length : 0;
     this.from = Math.min(start, end);
     this.to = Math.max(start, end);
   }
@@ -539,11 +539,11 @@ class Line {
   /**
   @internal
   */
-  constructor(from, to, number2, text2) {
+  constructor(from, to, number2, text) {
     this.from = from;
     this.to = to;
     this.number = number2;
-    this.text = text2;
+    this.text = text;
   }
   /**
   The length of the line (not including any line break after it).
@@ -552,9 +552,9 @@ class Line {
     return this.to - this.from;
   }
 }
-function clip(text2, from, to) {
-  from = Math.max(0, Math.min(text2.length, from));
-  return [from, Math.max(from, Math.min(text2.length, to))];
+function clip(text, from, to) {
+  from = Math.max(0, Math.min(text.length, from));
+  return [from, Math.max(from, Math.min(text.length, to))];
 }
 let extend = /* @__PURE__ */ "lc,34,7n,7,7b,19,,,,2,,2,,,20,b,1c,l,g,,2t,7,2,6,2,2,,4,z,,u,r,2j,b,1m,9,9,,o,4,,9,,3,,5,17,3,3b,f,,w,1j,,,,4,8,4,,3,7,a,2,t,,1m,,,,2,4,8,,9,,a,2,q,,2,2,1l,,4,2,4,2,2,3,3,,u,2,3,,b,2,1l,,4,5,,2,4,,k,2,m,6,,,1m,,,2,,4,8,,7,3,a,2,u,,1n,,,,c,,9,,14,,3,,1l,3,5,3,,4,7,2,b,2,t,,1m,,2,,2,,3,,5,2,7,2,b,2,s,2,1l,2,,,2,4,8,,9,,a,2,t,,20,,4,,2,3,,,8,,29,,2,7,c,8,2q,,2,9,b,6,22,2,r,,,,,,1j,e,,5,,2,5,b,,10,9,,2u,4,,6,,2,2,2,p,2,4,3,g,4,d,,2,2,6,,f,,jj,3,qa,3,t,3,t,2,u,2,1s,2,,7,8,,2,b,9,,19,3,3b,2,y,,3a,3,4,2,9,,6,3,63,2,2,,1m,,,7,,,,,2,8,6,a,2,,1c,h,1r,4,1c,7,,,5,,14,9,c,2,w,4,2,2,,3,1k,,,2,3,,,3,1m,8,2,2,48,3,,d,,7,4,,6,,3,2,5i,1m,,5,ek,,5f,x,2da,3,3x,,2o,w,fe,6,2x,2,n9w,4,,a,w,2,28,2,7k,,3,,4,,p,2,5,,47,2,q,i,d,,12,8,p,b,1a,3,1c,,2,4,2,2,13,,1v,6,2,2,2,2,c,,8,,1b,,1f,,,3,2,2,5,2,,,16,2,8,,6m,,2,,4,,fn4,,kh,g,g,g,a6,2,gt,,6a,,45,5,1ae,3,,2,5,4,14,3,4,,4l,2,fx,4,ar,2,49,b,4w,,1i,f,1k,3,1d,4,2,2,1x,3,10,5,,8,1q,,c,2,1g,9,a,4,2,,2n,3,2,,,2,6,,4g,,3,8,l,2,1l,2,,,,,m,,e,7,3,5,5f,8,2,3,,,n,,29,,2,6,,,2,,,2,,2,6j,,2,4,6,2,,2,r,2,2d,8,2,,,2,2y,,,,2,6,,,2t,3,2,4,,5,77,9,,2,6t,,a,2,,,4,,40,4,2,2,4,,w,a,14,6,2,4,8,,9,6,2,3,1a,d,,2,ba,7,,6,,,2a,m,2,7,,2,,2,3e,6,3,,,2,,7,,,20,2,3,,,,9n,2,f0b,5,1n,7,t4,,1r,4,29,,f5k,2,43q,,,3,4,5,8,8,2,7,u,4,44,3,1iz,1j,4,1e,8,,e,,m,5,,f,11s,7,,h,2,7,,2,,5,79,7,c5,4,15s,7,31,7,240,5,gx7k,2o,3k,6o".split(",").map((s) => s ? parseInt(s, 36) : 1);
 for (let i = 1; i < extend.length; i++)
@@ -822,7 +822,7 @@ class ChangeSet extends ChangeDesc {
   apply(doc2) {
     if (this.length != doc2.length)
       throw new RangeError("Applying change set to a document with the wrong length");
-    iterChanges(this, (fromA, toA, fromB, _toB, text2) => doc2 = doc2.replace(fromB, fromB + (toA - fromA), text2), false);
+    iterChanges(this, (fromA, toA, fromB, _toB, text) => doc2 = doc2.replace(fromB, fromB + (toA - fromA), text), false);
     return doc2;
   }
   mapDesc(other, before = false) {
@@ -1067,18 +1067,18 @@ function iterChanges(desc, f, individual) {
       posA += len;
       posB += len;
     } else {
-      let endA = posA, endB = posB, text2 = Text.empty;
+      let endA = posA, endB = posB, text = Text.empty;
       for (; ; ) {
         endA += len;
         endB += ins;
         if (ins && inserted)
-          text2 = text2.append(inserted[i - 2 >> 1]);
+          text = text.append(inserted[i - 2 >> 1]);
         if (individual || i == desc.sections.length || desc.sections[i + 1] < 0)
           break;
         len = desc.sections[i++];
         ins = desc.sections[i++];
       }
-      f(posA, endA, posB, endB, text2);
+      f(posA, endA, posB, endB, text);
       posA = endA;
       posB = endB;
     }
@@ -1699,8 +1699,8 @@ class StateField {
   way it is initialized. Can be useful when you need to provide a
   non-default starting value for the field.
   */
-  init(create2) {
-    return [this, initField.of({ field: this, create: create2 })];
+  init(create) {
+    return [this, initField.of({ field: this, create })];
   }
   /**
   State field instances can be used as
@@ -2324,12 +2324,12 @@ class EditorState {
   Create a [transaction spec](https://codemirror.net/6/docs/ref/#state.TransactionSpec) that
   replaces every selection range with the given content.
   */
-  replaceSelection(text2) {
-    if (typeof text2 == "string")
-      text2 = this.toText(text2);
+  replaceSelection(text) {
+    if (typeof text == "string")
+      text = this.toText(text);
     return this.changeByRange((range) => ({
-      changes: { from: range.from, to: range.to, insert: text2 },
-      range: EditorSelection.cursor(range.from + text2.length)
+      changes: { from: range.from, to: range.to, insert: text },
+      range: EditorSelection.cursor(range.from + text.length)
     }));
   }
   /**
@@ -2547,18 +2547,18 @@ class EditorState {
   this returns null.
   */
   wordAt(pos) {
-    let { text: text2, from, length } = this.doc.lineAt(pos);
+    let { text, from, length } = this.doc.lineAt(pos);
     let cat = this.charCategorizer(pos);
     let start = pos - from, end = pos - from;
     while (start > 0) {
-      let prev = findClusterBreak(text2, start, false);
-      if (cat(text2.slice(prev, start)) != CharCategory.Word)
+      let prev = findClusterBreak(text, start, false);
+      if (cat(text.slice(prev, start)) != CharCategory.Word)
         break;
       start = prev;
     }
     while (end < length) {
-      let next = findClusterBreak(text2, end);
-      if (cat(text2.slice(end, next)) != CharCategory.Word)
+      let next = findClusterBreak(text, end);
+      if (cat(text.slice(end, next)) != CharCategory.Word)
         break;
       end = next;
     }
@@ -3514,10 +3514,10 @@ class StyleSet {
       if (this.root.adoptedStyleSheets.indexOf(this.sheet) < 0)
         this.root.adoptedStyleSheets = [this.sheet, ...this.root.adoptedStyleSheets];
     } else {
-      let text2 = "";
+      let text = "";
       for (let i = 0; i < this.modules.length; i++)
-        text2 += this.modules[i].getRules() + "\n";
-      this.styleTag.textContent = text2;
+        text += this.modules[i].getRules() + "\n";
+      this.styleTag.textContent = text;
       let target = this.root.head || this.root;
       if (this.styleTag.parentNode != target)
         target.insertBefore(this.styleTag, target.firstChild);
@@ -4276,14 +4276,14 @@ function mergeChildrenInto(parent, from, to, insert2, openStart, openEnd) {
   replaceRange(parent, fromI, fromOff, toI, toOff, insert2, 0, openStart, openEnd);
 }
 let nav = typeof navigator != "undefined" ? navigator : { userAgent: "", vendor: "", platform: "" };
-let doc$1 = typeof document != "undefined" ? document : { documentElement: { style: {} } };
+let doc = typeof document != "undefined" ? document : { documentElement: { style: {} } };
 const ie_edge = /* @__PURE__ */ /Edge\/(\d+)/.exec(nav.userAgent);
 const ie_upto10 = /* @__PURE__ */ /MSIE \d/.test(nav.userAgent);
 const ie_11up = /* @__PURE__ */ /Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(nav.userAgent);
 const ie = !!(ie_upto10 || ie_11up || ie_edge);
 const gecko = !ie && /* @__PURE__ */ /gecko\/(\d+)/i.test(nav.userAgent);
 const chrome = !ie && /* @__PURE__ */ /Chrome\/(\d+)/.exec(nav.userAgent);
-const webkit = "webkitFontSmoothing" in doc$1.documentElement.style;
+const webkit = "webkitFontSmoothing" in doc.documentElement.style;
 const safari = !ie && /* @__PURE__ */ /Apple Computer/.test(nav.vendor);
 const ios = safari && (/* @__PURE__ */ /Mobile\/\w+/.test(nav.userAgent) || nav.maxTouchPoints > 2);
 var browser = {
@@ -4291,7 +4291,7 @@ var browser = {
   windows: /* @__PURE__ */ /Win/.test(nav.platform),
   linux: /* @__PURE__ */ /Linux|X11/.test(nav.platform),
   ie,
-  ie_version: ie_upto10 ? doc$1.documentMode || 6 : ie_11up ? +ie_11up[1] : ie_edge ? +ie_edge[1] : 0,
+  ie_version: ie_upto10 ? doc.documentMode || 6 : ie_11up ? +ie_11up[1] : ie_edge ? +ie_edge[1] : 0,
   gecko,
   gecko_version: gecko ? +(/* @__PURE__ */ /Firefox\/(\d+)/.exec(nav.userAgent) || [0, 0])[1] : 0,
   chrome: !!chrome,
@@ -4301,13 +4301,13 @@ var browser = {
   webkit,
   safari,
   webkit_version: webkit ? +(/* @__PURE__ */ /\bAppleWebKit\/(\d+)/.exec(navigator.userAgent) || [0, 0])[1] : 0,
-  tabSize: doc$1.documentElement.style.tabSize != null ? "tab-size" : "-moz-tab-size"
+  tabSize: doc.documentElement.style.tabSize != null ? "tab-size" : "-moz-tab-size"
 };
 const MaxJoinLen = 256;
 class TextView extends ContentView {
-  constructor(text2) {
+  constructor(text) {
     super();
-    this.text = text2;
+    this.text = text;
   }
   get length() {
     return this.text.length;
@@ -4422,8 +4422,8 @@ class MarkView extends ContentView {
     return coordsInChildren(this, pos, side);
   }
 }
-function textCoords(text2, pos, side) {
-  let length = text2.nodeValue.length;
+function textCoords(text, pos, side) {
+  let length = text.nodeValue.length;
   if (pos > length)
     pos = length;
   let from = pos, to = pos, flatten2 = 0;
@@ -4443,7 +4443,7 @@ function textCoords(text2, pos, side) {
     else if (to < length)
       to++;
   }
-  let rects = textRange(text2, from, to).getClientRects();
+  let rects = textRange(text, from, to).getClientRects();
   if (!rects.length)
     return null;
   let rect = rects[(flatten2 ? flatten2 < 0 : side >= 0) ? 0 : rects.length - 1];
@@ -4510,8 +4510,8 @@ class WidgetView extends ContentView {
     let top2 = this;
     while (top2.parent)
       top2 = top2.parent;
-    let { view } = top2, text2 = view && view.state.doc, start = this.posAtStart;
-    return text2 ? text2.slice(start, start + this.length) : Text.empty;
+    let { view } = top2, text = view && view.state.doc, start = this.posAtStart;
+    return text ? text.slice(start, start + this.length) : Text.empty;
   }
   domAtPos(pos) {
     return (this.length ? pos == 0 : this.side > 0) ? DOMPos.before(this.dom) : DOMPos.after(this.dom, pos == this.length);
@@ -5347,8 +5347,8 @@ class ContentBuilder {
     if (this.openStart < 0)
       this.openStart = openStart;
   }
-  static build(text2, from, to, decorations2, dynamicDecorationMap) {
-    let builder = new ContentBuilder(text2, from, to, dynamicDecorationMap);
+  static build(text, from, to, decorations2, dynamicDecorationMap) {
+    let builder = new ContentBuilder(text, from, to, dynamicDecorationMap);
     builder.openEnd = RangeSet.spans(decorations2, from, to, builder);
     if (builder.openStart < 0)
       builder.openStart = builder.openEnd;
@@ -5733,9 +5733,9 @@ function moveVisually(line, order, dir, start, forward) {
     return EditorSelection.cursor(nextSpan.side(!forward, dir) + line.from, nextSpan.forward(forward, dir) ? 1 : -1, nextSpan.level);
   return EditorSelection.cursor(nextIndex + line.from, span.forward(forward, dir) ? -1 : 1, span.level);
 }
-function autoDirection(text2, from, to) {
+function autoDirection(text, from, to) {
   for (let i = from; i < to; i++) {
-    let type = charType(text2.charCodeAt(i));
+    let type = charType(text.charCodeAt(i));
     if (type == 1)
       return LTR;
     if (type == 2 || type == 4)
@@ -5788,9 +5788,9 @@ const editable = /* @__PURE__ */ Facet.define({ combine: (values2) => values2.le
 let nextPluginID = 0;
 const viewPlugin = /* @__PURE__ */ Facet.define();
 class ViewPlugin {
-  constructor(id2, create2, domEventHandlers, domEventObservers, buildExtensions) {
+  constructor(id2, create, domEventHandlers, domEventObservers, buildExtensions) {
     this.id = id2;
-    this.create = create2;
+    this.create = create;
     this.domEventHandlers = domEventHandlers;
     this.domEventObservers = domEventObservers;
     this.extension = buildExtensions(this);
@@ -5799,9 +5799,9 @@ class ViewPlugin {
   Define a plugin from a constructor function that creates the
   plugin's value, given an editor view.
   */
-  static define(create2, spec) {
+  static define(create, spec) {
     const { eventHandlers, eventObservers, provide, decorations: deco } = spec || {};
-    return new ViewPlugin(nextPluginID++, create2, eventHandlers, eventObservers, (plugin) => {
+    return new ViewPlugin(nextPluginID++, create, eventHandlers, eventObservers, (plugin) => {
       let ext = [viewPlugin.of(plugin)];
       if (deco)
         ext.push(decorations.of((view) => {
@@ -6232,9 +6232,9 @@ class DocView extends ContentView {
           if (browser.gecko) {
             let nextTo = nextToUneditable(anchor.node, anchor.offset);
             if (nextTo && nextTo != (1 | 2)) {
-              let text2 = nearbyTextNode(anchor.node, anchor.offset, nextTo == 1 ? 1 : -1);
-              if (text2)
-                anchor = new DOMPos(text2.node, text2.offset);
+              let text = nearbyTextNode(anchor.node, anchor.offset, nextTo == 1 ? 1 : -1);
+              if (text)
+                anchor = new DOMPos(text.node, text.offset);
             }
           }
           rawSel.collapse(anchor.node, anchor.offset);
@@ -6561,10 +6561,10 @@ function findCompositionRange(view, changes, headPos) {
   let found = findCompositionNode(view, headPos);
   if (!found)
     return null;
-  let { node: textNode, from, to } = found, text2 = textNode.nodeValue;
-  if (/[\n\r]/.test(text2))
+  let { node: textNode, from, to } = found, text = textNode.nodeValue;
+  if (/[\n\r]/.test(text))
     return null;
-  if (view.state.doc.sliceString(found.from, found.to) != text2)
+  if (view.state.doc.sliceString(found.from, found.to) != text)
     return null;
   let inv = changes.invertedDesc;
   let range = new ChangedRange(inv.mapPos(from), inv.mapPos(to), from, to);
@@ -6803,17 +6803,17 @@ function posAtCoords(view, coords, precise, bias = -1) {
     return view.viewport.to == view.state.doc.length ? view.state.doc.length : precise ? null : posAtCoordsImprecise(view, content2, block, x, y);
   let doc2 = view.dom.ownerDocument;
   let root = view.root.elementFromPoint ? view.root : doc2;
-  let element2 = root.elementFromPoint(x, y);
-  if (element2 && !view.contentDOM.contains(element2))
-    element2 = null;
-  if (!element2) {
+  let element = root.elementFromPoint(x, y);
+  if (element && !view.contentDOM.contains(element))
+    element = null;
+  if (!element) {
     x = Math.max(content2.left + 1, Math.min(content2.right - 1, x));
-    element2 = root.elementFromPoint(x, y);
-    if (element2 && !view.contentDOM.contains(element2))
-      element2 = null;
+    element = root.elementFromPoint(x, y);
+    if (element && !view.contentDOM.contains(element))
+      element = null;
   }
   let node, offset = -1;
-  if (element2 && ((_a2 = view.docView.nearest(element2)) === null || _a2 === void 0 ? void 0 : _a2.isEditable) != false) {
+  if (element && ((_a2 = view.docView.nearest(element)) === null || _a2 === void 0 ? void 0 : _a2.isEditable) != false) {
     if (doc2.caretPositionFromPoint) {
       let pos = doc2.caretPositionFromPoint(x, y);
       if (pos)
@@ -7325,9 +7325,9 @@ function capturePaste(view) {
   }, 50);
 }
 function doPaste(view, input) {
-  let { state } = view, changes, i = 1, text2 = state.toText(input);
-  let byLine = text2.lines == state.selection.ranges.length;
-  let linewise = lastLinewiseCopy != null && state.selection.ranges.every((r) => r.empty) && lastLinewiseCopy == text2.toString();
+  let { state } = view, changes, i = 1, text = state.toText(input);
+  let byLine = text.lines == state.selection.ranges.length;
+  let linewise = lastLinewiseCopy != null && state.selection.ranges.every((r) => r.empty) && lastLinewiseCopy == text.toString();
   if (linewise) {
     let lastLine = -1;
     changes = state.changeByRange((range) => {
@@ -7335,7 +7335,7 @@ function doPaste(view, input) {
       if (line.from == lastLine)
         return { range };
       lastLine = line.from;
-      let insert2 = state.toText((byLine ? text2.line(i++).text : input) + state.lineBreak);
+      let insert2 = state.toText((byLine ? text.line(i++).text : input) + state.lineBreak);
       return {
         changes: { from: line.from, insert: insert2 },
         range: EditorSelection.cursor(range.from + insert2.length)
@@ -7343,14 +7343,14 @@ function doPaste(view, input) {
     });
   } else if (byLine) {
     changes = state.changeByRange((range) => {
-      let line = text2.line(i++);
+      let line = text.line(i++);
       return {
         changes: { from: range.from, to: range.to, insert: line.text },
         range: EditorSelection.cursor(range.from + line.length)
       };
     });
   } else {
-    changes = state.replaceSelection(text2);
+    changes = state.replaceSelection(text);
   }
   view.dispatch(changes, {
     userEvent: "input.paste",
@@ -7506,13 +7506,13 @@ handlers.dragend = (view) => {
   view.inputState.draggedContent = null;
   return false;
 };
-function dropText(view, event, text2, direct) {
-  if (!text2)
+function dropText(view, event, text, direct) {
+  if (!text)
     return;
   let dropPos = view.posAtCoords({ x: event.clientX, y: event.clientY }, false);
   let { draggedContent } = view.inputState;
   let del = direct && draggedContent && dragMovesSelection(view, event) ? { from: draggedContent.from, to: draggedContent.to } : null;
-  let ins = { from: dropPos, insert: text2 };
+  let ins = { from: dropPos, insert: text };
   let changes = view.state.changes(del ? [del, ins] : ins);
   view.focus();
   view.dispatch({
@@ -7529,26 +7529,26 @@ handlers.drop = (view, event) => {
     return true;
   let files = event.dataTransfer.files;
   if (files && files.length) {
-    let text2 = Array(files.length), read = 0;
+    let text = Array(files.length), read = 0;
     let finishFile = () => {
       if (++read == files.length)
-        dropText(view, event, text2.filter((s) => s != null).join(view.state.lineBreak), false);
+        dropText(view, event, text.filter((s) => s != null).join(view.state.lineBreak), false);
     };
     for (let i = 0; i < files.length; i++) {
       let reader = new FileReader();
       reader.onerror = finishFile;
       reader.onload = () => {
         if (!/[\x00-\x08\x0e-\x1f]{2}/.test(reader.result))
-          text2[i] = reader.result;
+          text[i] = reader.result;
         finishFile();
       };
       reader.readAsText(files[i]);
     }
     return true;
   } else {
-    let text2 = event.dataTransfer.getData("Text");
-    if (text2) {
-      dropText(view, event, text2, true);
+    let text = event.dataTransfer.getData("Text");
+    if (text) {
+      dropText(view, event, text, true);
       return true;
     }
   }
@@ -7567,15 +7567,15 @@ handlers.paste = (view, event) => {
     return false;
   }
 };
-function captureCopy(view, text2) {
+function captureCopy(view, text) {
   let parent = view.dom.parentNode;
   if (!parent)
     return;
   let target = parent.appendChild(document.createElement("textarea"));
   target.style.cssText = "position: fixed; left: -10000px; top: 10px";
-  target.value = text2;
+  target.value = text;
   target.focus();
-  target.selectionEnd = text2.length;
+  target.selectionEnd = text.length;
   target.selectionStart = 0;
   setTimeout(() => {
     target.remove();
@@ -7605,10 +7605,10 @@ function copiedRange(state) {
 }
 let lastLinewiseCopy = null;
 handlers.copy = handlers.cut = (view, event) => {
-  let { text: text2, ranges, linewise } = copiedRange(view.state);
-  if (!text2 && !linewise)
+  let { text, ranges, linewise } = copiedRange(view.state);
+  if (!text && !linewise)
     return false;
-  lastLinewiseCopy = linewise ? text2 : null;
+  lastLinewiseCopy = linewise ? text : null;
   if (event.type == "cut" && !view.state.readOnly)
     view.dispatch({
       changes: ranges,
@@ -7618,10 +7618,10 @@ handlers.copy = handlers.cut = (view, event) => {
   let data = brokenClipboardAPI ? null : event.clipboardData;
   if (data) {
     data.clearData();
-    data.setData("text/plain", text2);
+    data.setData("text/plain", text);
     return true;
   } else {
-    captureCopy(view, text2);
+    captureCopy(view, text);
     return false;
   }
 };
@@ -9237,8 +9237,8 @@ class DOMReader {
     this.text = "";
     this.lineSeparator = state.facet(EditorState.lineSeparator);
   }
-  append(text2) {
-    this.text += text2;
+  append(text) {
+    this.text += text;
   }
   lineBreak() {
     this.text += LineBreakPlaceholder;
@@ -9263,20 +9263,20 @@ class DOMReader {
     return this;
   }
   readTextNode(node) {
-    let text2 = node.nodeValue;
+    let text = node.nodeValue;
     for (let point of this.points)
       if (point.node == node)
-        point.pos = this.text.length + Math.min(point.offset, text2.length);
+        point.pos = this.text.length + Math.min(point.offset, text.length);
     for (let off = 0, re = this.lineSeparator ? null : /\r\n?|\n/g; ; ) {
       let nextBreak = -1, breakSize = 1, m;
       if (this.lineSeparator) {
-        nextBreak = text2.indexOf(this.lineSeparator, off);
+        nextBreak = text.indexOf(this.lineSeparator, off);
         breakSize = this.lineSeparator.length;
-      } else if (m = re.exec(text2)) {
+      } else if (m = re.exec(text)) {
         nextBreak = m.index;
         breakSize = m[0].length;
       }
-      this.append(text2.slice(off, nextBreak < 0 ? text2.length : nextBreak));
+      this.append(text.slice(off, nextBreak < 0 ? text.length : nextBreak));
       if (nextBreak < 0)
         break;
       this.lineBreak();
@@ -9420,12 +9420,12 @@ function applyDOMChange(view, domChange) {
       return true;
     if (browser.android && (change.from == sel.from && change.to == sel.to && change.insert.length == 1 && change.insert.lines == 2 && dispatchKey(view.contentDOM, "Enter", 13) || (change.from == sel.from - 1 && change.to == sel.to && change.insert.length == 0 || lastKey == 8 && change.insert.length < change.to - change.from && change.to > sel.head) && dispatchKey(view.contentDOM, "Backspace", 8) || change.from == sel.from && change.to == sel.to + 1 && change.insert.length == 0 && dispatchKey(view.contentDOM, "Delete", 46)))
       return true;
-    let text2 = change.insert.toString();
+    let text = change.insert.toString();
     if (view.inputState.composing >= 0)
       view.inputState.composing++;
     let defaultTr;
     let defaultInsert = () => defaultTr || (defaultTr = applyDefaultInsert(view, change, newSel));
-    if (!view.state.facet(inputHandler$1).some((h) => h(view, change.from, change.to, text2, defaultInsert)))
+    if (!view.state.facet(inputHandler$1).some((h) => h(view, change.from, change.to, text, defaultInsert)))
       view.dispatch(defaultInsert());
     return true;
   } else if (newSel && !newSel.main.eq(sel)) {
@@ -12073,8 +12073,8 @@ const lineNumberGutter = /* @__PURE__ */ activeGutters.compute([lineNumberConfig
     return new NumberMarker(formatNumber(view, maxLineNumber(view.state.doc.lines)));
   },
   updateSpacer(spacer, update) {
-    let max2 = formatNumber(update.view, maxLineNumber(update.view.state.doc.lines));
-    return max2 == spacer.number ? spacer : new NumberMarker(max2);
+    let max = formatNumber(update.view, maxLineNumber(update.view.state.doc.lines));
+    return max == spacer.number ? spacer : new NumberMarker(max);
   },
   domEventHandlers: state.facet(lineNumberConfig).domEventHandlers
 }));
@@ -12091,572 +12091,6 @@ function maxLineNumber(lines) {
     last = last * 10 + 9;
   return last;
 }
-class YRange {
-  /**
-   * @param {Y.RelativePosition} yanchor
-   * @param {Y.RelativePosition} yhead
-   */
-  constructor(yanchor, yhead) {
-    this.yanchor = yanchor;
-    this.yhead = yhead;
-  }
-  /**
-   * @returns {any}
-   */
-  toJSON() {
-    return {
-      yanchor: Y.relativePositionToJSON(this.yanchor),
-      yhead: Y.relativePositionToJSON(this.yhead)
-    };
-  }
-  /**
-   * @param {any} json
-   * @return {YRange}
-   */
-  static fromJSON(json2) {
-    return new YRange(Y.createRelativePositionFromJSON(json2.yanchor), Y.createRelativePositionFromJSON(json2.yhead));
-  }
-}
-class YSyncConfig {
-  constructor(ytext, awareness) {
-    this.ytext = ytext;
-    this.awareness = awareness;
-    this.undoManager = new Y.UndoManager(ytext);
-  }
-  /**
-   * Helper function to transform an absolute index position to a Yjs-based relative position
-   * (https://docs.yjs.dev/api/relative-positions).
-   *
-   * A relative position can be transformed back to an absolute position even after the document has changed. The position is
-   * automatically adapted. This does not require any position transformations. Relative positions are computed based on
-   * the internal Yjs document model. Peers that share content through Yjs are guaranteed that their positions will always
-   * synced up when using relatve positions.
-   *
-   * ```js
-   * import { ySyncFacet } from 'y-codemirror'
-   *
-   * ..
-   * const ysync = view.state.facet(ySyncFacet)
-   * // transform an absolute index position to a ypos
-   * const ypos = ysync.getYPos(3)
-   * // transform the ypos back to an absolute position
-   * ysync.fromYPos(ypos) // => 3
-   * ```
-   *
-   * It cannot be guaranteed that absolute index positions can be synced up between peers.
-   * This might lead to undesired behavior when implementing features that require that all peers see the
-   * same marked range (e.g. a comment plugin).
-   *
-   * @param {number} pos
-   * @param {number} [assoc]
-   */
-  toYPos(pos, assoc = 0) {
-    return Y.createRelativePositionFromTypeIndex(this.ytext, pos, assoc);
-  }
-  /**
-   * @param {Y.RelativePosition | Object} rpos
-   */
-  fromYPos(rpos) {
-    const pos = Y.createAbsolutePositionFromRelativePosition(Y.createRelativePositionFromJSON(rpos), this.ytext.doc);
-    if (pos == null || pos.type !== this.ytext) {
-      throw new Error("[y-codemirror] The position you want to retrieve was created by a different document");
-    }
-    return {
-      pos: pos.index,
-      assoc: pos.assoc
-    };
-  }
-  /**
-   * @param {cmState.SelectionRange} range
-   * @return {YRange}
-   */
-  toYRange(range) {
-    const assoc = range.assoc;
-    const yanchor = this.toYPos(range.anchor, assoc);
-    const yhead = this.toYPos(range.head, assoc);
-    return new YRange(yanchor, yhead);
-  }
-  /**
-   * @param {YRange} yrange
-   */
-  fromYRange(yrange) {
-    const anchor = this.fromYPos(yrange.yanchor);
-    const head = this.fromYPos(yrange.yhead);
-    if (anchor.pos === head.pos) {
-      return EditorSelection.cursor(head.pos, head.assoc);
-    }
-    return EditorSelection.range(anchor.pos, head.pos);
-  }
-}
-const ySyncFacet = Facet.define({
-  combine(inputs) {
-    return inputs[inputs.length - 1];
-  }
-});
-const ySyncAnnotation = Annotation.define();
-class YSyncPluginValue {
-  /**
-   * @param {cmView.EditorView} view
-   */
-  constructor(view) {
-    this.view = view;
-    this.conf = view.state.facet(ySyncFacet);
-    this._observer = (event, tr) => {
-      if (tr.origin !== this.conf) {
-        const delta = event.delta;
-        const changes = [];
-        let pos = 0;
-        for (let i = 0; i < delta.length; i++) {
-          const d = delta[i];
-          if (d.insert != null) {
-            changes.push({ from: pos, to: pos, insert: d.insert });
-          } else if (d.delete != null) {
-            changes.push({ from: pos, to: pos + d.delete, insert: "" });
-            pos += d.delete;
-          } else {
-            pos += d.retain;
-          }
-        }
-        view.dispatch({ changes, annotations: [ySyncAnnotation.of(this.conf)] });
-      }
-    };
-    this._ytext = this.conf.ytext;
-    this._ytext.observe(this._observer);
-  }
-  /**
-   * @param {cmView.ViewUpdate} update
-   */
-  update(update) {
-    if (!update.docChanged || update.transactions.length > 0 && update.transactions[0].annotation(ySyncAnnotation) === this.conf) {
-      return;
-    }
-    const ytext = this.conf.ytext;
-    ytext.doc.transact(() => {
-      let adj = 0;
-      update.changes.iterChanges((fromA, toA, fromB, toB, insert2) => {
-        const insertText = insert2.sliceString(0, insert2.length, "\n");
-        if (fromA !== toA) {
-          ytext.delete(fromA + adj, toA - fromA);
-        }
-        if (insertText.length > 0) {
-          ytext.insert(fromA + adj, insertText);
-        }
-        adj += insertText.length - (toA - fromA);
-      });
-    }, this.conf);
-  }
-  destroy() {
-    this._ytext.unobserve(this._observer);
-  }
-}
-const ySync = ViewPlugin.fromClass(YSyncPluginValue);
-class Pair {
-  /**
-   * @param {L} left
-   * @param {R} right
-   */
-  constructor(left, right) {
-    this.left = left;
-    this.right = right;
-  }
-}
-const create = (left, right) => new Pair(left, right);
-const forEach = (arr, f) => arr.forEach((p) => f(p.left, p.right));
-const doc = (
-  /** @type {Document} */
-  typeof document !== "undefined" ? document : {}
-);
-const createElement = (name2) => doc.createElement(name2);
-const createDocumentFragment = () => doc.createDocumentFragment();
-const createTextNode = (text2) => doc.createTextNode(text2);
-typeof DOMParser !== "undefined" ? new DOMParser() : null;
-const setAttributes = (el, attrs) => {
-  forEach(attrs, (key, value) => {
-    if (value === false) {
-      el.removeAttribute(key);
-    } else if (value === true) {
-      el.setAttribute(key, "");
-    } else {
-      el.setAttribute(key, value);
-    }
-  });
-  return el;
-};
-const fragment = (children) => {
-  const fragment2 = createDocumentFragment();
-  for (let i = 0; i < children.length; i++) {
-    appendChild(fragment2, children[i]);
-  }
-  return fragment2;
-};
-const append = (parent, nodes) => {
-  appendChild(parent, fragment(nodes));
-  return parent;
-};
-const element = (name2, attrs = [], children = []) => append(setAttributes(createElement(name2), attrs), children);
-const text = createTextNode;
-const appendChild = (parent, child) => parent.appendChild(child);
-doc.ELEMENT_NODE;
-doc.TEXT_NODE;
-doc.CDATA_SECTION_NODE;
-doc.COMMENT_NODE;
-doc.DOCUMENT_NODE;
-doc.DOCUMENT_TYPE_NODE;
-doc.DOCUMENT_FRAGMENT_NODE;
-const min = (a, b) => a < b ? a : b;
-const max = (a, b) => a > b ? a : b;
-const yRemoteSelectionsTheme = EditorView.baseTheme({
-  ".cm-ySelection": {},
-  ".cm-yLineSelection": {
-    padding: 0,
-    margin: "0px 2px 0px 4px"
-  },
-  ".cm-ySelectionCaret": {
-    position: "relative",
-    borderLeft: "1px solid black",
-    borderRight: "1px solid black",
-    marginLeft: "-1px",
-    marginRight: "-1px",
-    boxSizing: "border-box",
-    display: "inline"
-  },
-  ".cm-ySelectionCaretDot": {
-    borderRadius: "50%",
-    position: "absolute",
-    width: ".4em",
-    height: ".4em",
-    top: "-.2em",
-    left: "-.2em",
-    backgroundColor: "inherit",
-    transition: "transform .3s ease-in-out",
-    boxSizing: "border-box"
-  },
-  ".cm-ySelectionCaret:hover > .cm-ySelectionCaretDot": {
-    transformOrigin: "bottom center",
-    transform: "scale(0)"
-  },
-  ".cm-ySelectionInfo": {
-    position: "absolute",
-    top: "-1.05em",
-    left: "-1px",
-    fontSize: ".75em",
-    fontFamily: "serif",
-    fontStyle: "normal",
-    fontWeight: "normal",
-    lineHeight: "normal",
-    userSelect: "none",
-    color: "white",
-    paddingLeft: "2px",
-    paddingRight: "2px",
-    zIndex: 101,
-    transition: "opacity .3s ease-in-out",
-    backgroundColor: "inherit",
-    // these should be separate
-    opacity: 0,
-    transitionDelay: "0s",
-    whiteSpace: "nowrap"
-  },
-  ".cm-ySelectionCaret:hover > .cm-ySelectionInfo": {
-    opacity: 1,
-    transitionDelay: "0s"
-  }
-});
-const yRemoteSelectionsAnnotation = Annotation.define();
-class YRemoteCaretWidget extends WidgetType {
-  /**
-   * @param {string} color
-   * @param {string} name
-   */
-  constructor(color, name2) {
-    super();
-    this.color = color;
-    this.name = name2;
-  }
-  toDOM() {
-    return (
-      /** @type {HTMLElement} */
-      element("span", [create("class", "cm-ySelectionCaret"), create("style", `background-color: ${this.color}; border-color: ${this.color}`)], [
-        text("⁠"),
-        element("div", [
-          create("class", "cm-ySelectionCaretDot")
-        ]),
-        text("⁠"),
-        element("div", [
-          create("class", "cm-ySelectionInfo")
-        ], [
-          text(this.name)
-        ]),
-        text("⁠")
-      ])
-    );
-  }
-  eq(widget) {
-    return widget.color === this.color;
-  }
-  compare(widget) {
-    return widget.color === this.color;
-  }
-  updateDOM() {
-    return false;
-  }
-  get estimatedHeight() {
-    return -1;
-  }
-  ignoreEvent() {
-    return true;
-  }
-}
-class YRemoteSelectionsPluginValue {
-  /**
-   * @param {cmView.EditorView} view
-   */
-  constructor(view) {
-    this.conf = view.state.facet(ySyncFacet);
-    this._listener = ({ added, updated, removed }, s, t2) => {
-      const clients = added.concat(updated).concat(removed);
-      if (clients.findIndex((id2) => id2 !== this.conf.awareness.doc.clientID) >= 0) {
-        view.dispatch({ annotations: [yRemoteSelectionsAnnotation.of([])] });
-      }
-    };
-    this._awareness = this.conf.awareness;
-    this._awareness.on("change", this._listener);
-    this.decorations = RangeSet.of([]);
-  }
-  destroy() {
-    this._awareness.off("change", this._listener);
-  }
-  /**
-   * @param {cmView.ViewUpdate} update
-   */
-  update(update) {
-    const ytext = this.conf.ytext;
-    const ydoc = (
-      /** @type {Y.Doc} */
-      ytext.doc
-    );
-    const awareness = this.conf.awareness;
-    const decorations2 = [];
-    const localAwarenessState = this.conf.awareness.getLocalState();
-    if (localAwarenessState != null) {
-      const hasFocus = update.view.hasFocus && update.view.dom.ownerDocument.hasFocus();
-      const sel = hasFocus ? update.state.selection.main : null;
-      const currentAnchor = localAwarenessState.cursor == null ? null : Y.createRelativePositionFromJSON(localAwarenessState.cursor.anchor);
-      const currentHead = localAwarenessState.cursor == null ? null : Y.createRelativePositionFromJSON(localAwarenessState.cursor.head);
-      if (sel != null) {
-        const anchor = Y.createRelativePositionFromTypeIndex(ytext, sel.anchor);
-        const head = Y.createRelativePositionFromTypeIndex(ytext, sel.head);
-        if (localAwarenessState.cursor == null || !Y.compareRelativePositions(currentAnchor, anchor) || !Y.compareRelativePositions(currentHead, head)) {
-          awareness.setLocalStateField("cursor", {
-            anchor,
-            head
-          });
-        }
-      } else if (localAwarenessState.cursor != null && hasFocus) {
-        awareness.setLocalStateField("cursor", null);
-      }
-    }
-    awareness.getStates().forEach((state, clientid) => {
-      if (clientid === awareness.doc.clientID) {
-        return;
-      }
-      const cursor = state.cursor;
-      if (cursor == null || cursor.anchor == null || cursor.head == null) {
-        return;
-      }
-      const anchor = Y.createAbsolutePositionFromRelativePosition(cursor.anchor, ydoc);
-      const head = Y.createAbsolutePositionFromRelativePosition(cursor.head, ydoc);
-      if (anchor == null || head == null || anchor.type !== ytext || head.type !== ytext) {
-        return;
-      }
-      const { color = "#30bced", name: name2 = "Anonymous" } = state.user || {};
-      const colorLight = state.user && state.user.colorLight || color + "33";
-      const start = min(anchor.index, head.index);
-      const end = max(anchor.index, head.index);
-      const startLine = update.view.state.doc.lineAt(start);
-      const endLine = update.view.state.doc.lineAt(end);
-      if (startLine.number === endLine.number) {
-        decorations2.push({
-          from: start,
-          to: end,
-          value: Decoration.mark({
-            attributes: { style: `background-color: ${colorLight}` },
-            class: "cm-ySelection"
-          })
-        });
-      } else {
-        decorations2.push({
-          from: start,
-          to: startLine.from + startLine.length,
-          value: Decoration.mark({
-            attributes: { style: `background-color: ${colorLight}` },
-            class: "cm-ySelection"
-          })
-        });
-        decorations2.push({
-          from: endLine.from,
-          to: end,
-          value: Decoration.mark({
-            attributes: { style: `background-color: ${colorLight}` },
-            class: "cm-ySelection"
-          })
-        });
-        for (let i = startLine.number + 1; i < endLine.number; i++) {
-          const linePos = update.view.state.doc.line(i).from;
-          decorations2.push({
-            from: linePos,
-            to: linePos,
-            value: Decoration.line({
-              attributes: { style: `background-color: ${colorLight}`, class: "cm-yLineSelection" }
-            })
-          });
-        }
-      }
-      decorations2.push({
-        from: head.index,
-        to: head.index,
-        value: Decoration.widget({
-          side: head.index - anchor.index > 0 ? -1 : 1,
-          // the local cursor should be rendered outside the remote selection
-          block: false,
-          widget: new YRemoteCaretWidget(color, name2)
-        })
-      });
-    });
-    this.decorations = Decoration.set(decorations2, true);
-  }
-}
-const yRemoteSelections = ViewPlugin.fromClass(YRemoteSelectionsPluginValue, {
-  decorations: (v) => v.decorations
-});
-const createMutex = () => {
-  let token = true;
-  return (f, g) => {
-    if (token) {
-      token = false;
-      try {
-        f();
-      } finally {
-        token = true;
-      }
-    } else if (g !== void 0) {
-      g();
-    }
-  };
-};
-class YUndoManagerConfig {
-  /**
-   * @param {Y.UndoManager} undoManager
-   */
-  constructor(undoManager) {
-    this.undoManager = undoManager;
-  }
-  /**
-   * @param {any} origin
-   */
-  addTrackedOrigin(origin) {
-    this.undoManager.addTrackedOrigin(origin);
-  }
-  /**
-   * @param {any} origin
-   */
-  removeTrackedOrigin(origin) {
-    this.undoManager.removeTrackedOrigin(origin);
-  }
-  /**
-   * @return {boolean} Whether a change was undone.
-   */
-  undo() {
-    return this.undoManager.undo() != null;
-  }
-  /**
-   * @return {boolean} Whether a change was redone.
-   */
-  redo() {
-    return this.undoManager.redo() != null;
-  }
-}
-const yUndoManagerFacet = Facet.define({
-  combine(inputs) {
-    return inputs[inputs.length - 1];
-  }
-});
-class YUndoManagerPluginValue {
-  /**
-   * @param {cmView.EditorView} view
-   */
-  constructor(view) {
-    this.view = view;
-    this.conf = view.state.facet(yUndoManagerFacet);
-    this._undoManager = this.conf.undoManager;
-    this.syncConf = view.state.facet(ySyncFacet);
-    this._beforeChangeSelection = null;
-    this._mux = createMutex();
-    this._onStackItemAdded = ({ stackItem, changedParentTypes }) => {
-      if (changedParentTypes.has(this.syncConf.ytext) && this._beforeChangeSelection && !stackItem.meta.has(this)) {
-        stackItem.meta.set(this, this._beforeChangeSelection);
-      }
-    };
-    this._onStackItemPopped = ({ stackItem }) => {
-      const sel = stackItem.meta.get(this);
-      if (sel) {
-        const selection = this.syncConf.fromYRange(sel);
-        view.dispatch(view.state.update({ selection }));
-        this._storeSelection();
-      }
-    };
-    this._storeSelection = () => {
-      this._beforeChangeSelection = this.syncConf.toYRange(this.view.state.selection.main);
-    };
-    this._undoManager.on("stack-item-added", this._onStackItemAdded);
-    this._undoManager.on("stack-item-popped", this._onStackItemPopped);
-    this._undoManager.addTrackedOrigin(this.syncConf);
-  }
-  /**
-   * @param {cmView.ViewUpdate} update
-   */
-  update(update) {
-    if (update.selectionSet && (update.transactions.length === 0 || update.transactions[0].annotation(ySyncAnnotation) !== this.syncConf)) {
-      this._storeSelection();
-    }
-  }
-  destroy() {
-    this._undoManager.off("stack-item-added", this._onStackItemAdded);
-    this._undoManager.off("stack-item-popped", this._onStackItemPopped);
-    this._undoManager.removeTrackedOrigin(this.syncConf);
-  }
-}
-const yUndoManager = ViewPlugin.fromClass(YUndoManagerPluginValue);
-const undo = ({ state, dispatch }) => state.facet(yUndoManagerFacet).undo() || true;
-const redo = ({ state, dispatch }) => state.facet(yUndoManagerFacet).redo() || true;
-const yCollab = (ytext, awareness, { undoManager = new Y.UndoManager(ytext) } = {}) => {
-  const ySyncConfig = new YSyncConfig(ytext, awareness);
-  const plugins = [
-    ySyncFacet.of(ySyncConfig),
-    ySync
-  ];
-  if (awareness) {
-    plugins.push(
-      yRemoteSelectionsTheme,
-      yRemoteSelections
-    );
-  }
-  if (undoManager !== false) {
-    plugins.push(
-      yUndoManagerFacet.of(new YUndoManagerConfig(undoManager)),
-      yUndoManager,
-      EditorView.domEventHandlers({
-        beforeinput(e, view) {
-          if (e.inputType === "historyUndo")
-            return undo(view);
-          if (e.inputType === "historyRedo")
-            return redo(view);
-          return false;
-        }
-      })
-    );
-  }
-  return plugins;
-};
 const DefaultBufferLength = 1024;
 let nextPropID = 0;
 class Range2 {
@@ -15966,18 +15400,18 @@ class IndentContext {
   textAfterPos(pos, bias = 1) {
     if (this.options.simulateDoubleBreak && pos == this.options.simulateBreak)
       return "";
-    let { text: text2, from } = this.lineAt(pos, bias);
-    return text2.slice(pos - from, Math.min(text2.length, pos + 100 - from));
+    let { text, from } = this.lineAt(pos, bias);
+    return text.slice(pos - from, Math.min(text.length, pos + 100 - from));
   }
   /**
   Find the column for the given position.
   */
   column(pos, bias = 1) {
-    let { text: text2, from } = this.lineAt(pos, bias);
-    let result = this.countColumn(text2, pos - from);
+    let { text, from } = this.lineAt(pos, bias);
+    let result = this.countColumn(text, pos - from);
     let override = this.options.overrideIndentation ? this.options.overrideIndentation(from) : -1;
     if (override > -1)
-      result += override - this.countColumn(text2, text2.search(/\S|$/));
+      result += override - this.countColumn(text, text.search(/\S|$/));
     return result;
   }
   /**
@@ -15991,14 +15425,14 @@ class IndentContext {
   Find the indentation column of the line at the given point.
   */
   lineIndent(pos, bias = 1) {
-    let { text: text2, from } = this.lineAt(pos, bias);
+    let { text, from } = this.lineAt(pos, bias);
     let override = this.options.overrideIndentation;
     if (override) {
       let overriden = override(from);
       if (overriden > -1)
         return overriden;
     }
-    return this.countColumn(text2, text2.search(/\S|$/));
+    return this.countColumn(text, text.search(/\S|$/));
   }
   /**
   Returns the [simulated line
@@ -16480,12 +15914,12 @@ function matchPlainBrackets(state, pos, dir, tree, tokenType, maxScanDistance, b
   let startToken = { from: dir < 0 ? pos - 1 : pos, to: dir > 0 ? pos + 1 : pos };
   let iter = state.doc.iterRange(pos, dir > 0 ? state.doc.length : 0), depth = 0;
   for (let distance = 0; !iter.next().done && distance <= maxScanDistance; ) {
-    let text2 = iter.value;
+    let text = iter.value;
     if (dir < 0)
-      distance += text2.length;
+      distance += text.length;
     let basePos = pos + distance * dir;
-    for (let pos2 = dir > 0 ? 0 : text2.length - 1, end = dir > 0 ? text2.length : -1; pos2 != end; pos2 += dir) {
-      let found = brackets.indexOf(text2[pos2]);
+    for (let pos2 = dir > 0 ? 0 : text.length - 1, end = dir > 0 ? text.length : -1; pos2 != end; pos2 += dir) {
+      let found = brackets.indexOf(text[pos2]);
       if (found < 0 || tree.resolveInner(basePos + pos2, 1).type != tokenType)
         continue;
       if (found % 2 == 0 == dir > 0) {
@@ -16497,7 +15931,7 @@ function matchPlainBrackets(state, pos, dir, tree, tokenType, maxScanDistance, b
       }
     }
     if (dir > 0)
-      distance += text2.length;
+      distance += text.length;
   }
   return iter.done ? { start: startToken, matched: false } : null;
 }
@@ -16971,25 +16405,25 @@ function rgbToHSL(r, g, b) {
   const redPercent = r / 255;
   const greenPercent = g / 255;
   const bluePercent = b / 255;
-  const min2 = Math.min(redPercent, greenPercent, bluePercent);
-  const max2 = Math.max(redPercent, greenPercent, bluePercent);
-  const luminance = (max2 + min2) / 2;
-  if (max2 === min2) {
+  const min = Math.min(redPercent, greenPercent, bluePercent);
+  const max = Math.max(redPercent, greenPercent, bluePercent);
+  const luminance = (max + min) / 2;
+  if (max === min) {
     return [0, 0, luminance];
   }
   let saturation;
   if (luminance <= 0.5) {
-    saturation = (max2 - min2) / (max2 + min2);
+    saturation = (max - min) / (max + min);
   } else {
-    saturation = (max2 - min2) / (2 - max2 - min2);
+    saturation = (max - min) / (2 - max - min);
   }
   let hue;
-  if (max2 === redPercent) {
-    hue = (greenPercent - bluePercent) / (max2 - min2);
-  } else if (greenPercent === max2) {
-    hue = 2 + (bluePercent - redPercent) / (max2 - min2);
+  if (max === redPercent) {
+    hue = (greenPercent - bluePercent) / (max - min);
+  } else if (greenPercent === max) {
+    hue = 2 + (bluePercent - redPercent) / (max - min);
   } else {
-    hue = 4 + (redPercent - greenPercent) / (max2 - min2);
+    hue = 4 + (redPercent - greenPercent) / (max - min);
   }
   hue = Math.round(hue * 60);
   while (hue < 0) {
@@ -17202,14 +16636,14 @@ function ensureAnchor(expr, start) {
   return new RegExp(`${addStart ? "^" : ""}(?:${source})${addEnd ? "$" : ""}`, (_a2 = expr.flags) !== null && _a2 !== void 0 ? _a2 : expr.ignoreCase ? "i" : "");
 }
 const pickedCompletion = /* @__PURE__ */ Annotation.define();
-function insertCompletionText(state, text2, from, to) {
+function insertCompletionText(state, text, from, to) {
   let { main } = state.selection, fromOff = from - main.from, toOff = to - main.from;
   return Object.assign(Object.assign({}, state.changeByRange((range) => {
     if (range != main && from != to && state.sliceDoc(range.from + fromOff, range.from + toOff) != state.sliceDoc(from, to))
       return { range };
     return {
-      changes: { from: range.from + fromOff, to: to == main.from ? range.to : range.from + toOff, insert: text2 },
-      range: EditorSelection.cursor(range.from + fromOff + text2.length)
+      changes: { from: range.from + fromOff, to: to == main.from ? range.to : range.from + toOff, insert: text },
+      range: EditorSelection.cursor(range.from + fromOff + text.length)
     };
   })), { scrollIntoView: true, userEvent: "input.complete" });
 }
@@ -17454,17 +16888,17 @@ function optionContent(config2) {
   });
   return content2.sort((a, b) => a.position - b.position).map((a) => a.render);
 }
-function rangeAroundSelected(total, selected, max2) {
-  if (total <= max2)
+function rangeAroundSelected(total, selected, max) {
+  if (total <= max)
     return { from: 0, to: total };
   if (selected < 0)
     selected = 0;
   if (selected <= total >> 1) {
-    let off2 = Math.floor(selected / max2);
-    return { from: off2 * max2, to: (off2 + 1) * max2 };
+    let off2 = Math.floor(selected / max);
+    return { from: off2 * max, to: (off2 + 1) * max };
   }
-  let off = Math.floor((total - selected) / max2);
-  return { from: total - (off + 1) * max2, to: total - off * max2 };
+  let off = Math.floor((total - selected) / max);
+  return { from: total - (off + 1) * max, to: total - off * max };
 }
 class CompletionTooltip {
   constructor(view, stateField, applyCompletion2) {
@@ -17692,9 +17126,9 @@ class CompletionTooltip {
 function completionTooltip(stateField, applyCompletion2) {
   return (view) => new CompletionTooltip(view, stateField, applyCompletion2);
 }
-function scrollIntoView(container, element2) {
+function scrollIntoView(container, element) {
   let parent = container.getBoundingClientRect();
-  let self = element2.getBoundingClientRect();
+  let self = element.getBoundingClientRect();
   let scaleY = parent.height / container.offsetHeight;
   if (self.top < parent.top)
     container.scrollTop -= (parent.top - self.top) / scaleY;
@@ -17986,8 +17420,8 @@ class ActiveResult extends ActiveSource {
 function checkValid(validFor, state, from, to) {
   if (!validFor)
     return false;
-  let text2 = state.sliceDoc(from, to);
-  return typeof validFor == "function" ? validFor(text2, from, to, state) : ensureAnchor(validFor, true).test(text2);
+  let text = state.sliceDoc(from, to);
+  return typeof validFor == "function" ? validFor(text, from, to, state) : ensureAnchor(validFor, true).test(text);
 }
 const setActiveEffect = /* @__PURE__ */ StateEffect.define({
   map(sources, mapping) {
@@ -18362,21 +17796,21 @@ class Snippet {
     this.fieldPositions = fieldPositions;
   }
   instantiate(state, pos) {
-    let text2 = [], lineStart = [pos];
+    let text = [], lineStart = [pos];
     let lineObj = state.doc.lineAt(pos), baseIndent = /^\s*/.exec(lineObj.text)[0];
     for (let line of this.lines) {
-      if (text2.length) {
+      if (text.length) {
         let indent = baseIndent, tabs = /^\t*/.exec(line)[0].length;
         for (let i = 0; i < tabs; i++)
           indent += state.facet(indentUnit);
         lineStart.push(pos + indent.length - tabs);
         line = indent + line.slice(tabs);
       }
-      text2.push(line);
+      text.push(line);
       pos += line.length + 1;
     }
     let ranges = this.fieldPositions.map((pos2) => new FieldRange(pos2.field, lineStart[pos2.line] + pos2.from, lineStart[pos2.line] + pos2.to));
-    return { text: text2, ranges };
+    return { text, ranges };
   }
   static parse(template) {
     let fields = [];
@@ -18476,9 +17910,9 @@ function fieldSelection(ranges, field) {
 function snippet(template) {
   let snippet2 = Snippet.parse(template);
   return (editor, completion, from, to) => {
-    let { text: text2, ranges } = snippet2.instantiate(editor.state, from);
+    let { text, ranges } = snippet2.instantiate(editor.state, from);
     let spec = {
-      changes: { from, to, insert: Text.of(text2) },
+      changes: { from, to, insert: Text.of(text) },
       scrollIntoView: true,
       annotations: completion ? [pickedCompletion.of(completion), Transaction.userEvent.of("input.complete")] : void 0
     };
@@ -22339,16 +21773,16 @@ function findOpenTag(node) {
     node = node.parent;
   }
 }
-function elementName$1(doc2, tree, max2 = doc2.length) {
+function elementName$1(doc2, tree, max = doc2.length) {
   for (let ch = tree === null || tree === void 0 ? void 0 : tree.firstChild; ch; ch = ch.nextSibling) {
     if (ch.name == "JSXIdentifier" || ch.name == "JSXBuiltin" || ch.name == "JSXNamespacedName" || ch.name == "JSXMemberExpression")
-      return doc2.sliceString(ch.from, Math.min(ch.to, max2));
+      return doc2.sliceString(ch.from, Math.min(ch.to, max));
   }
   return "";
 }
 const android = typeof navigator == "object" && /* @__PURE__ */ /Android\b/.test(navigator.userAgent);
-const autoCloseTags$1 = /* @__PURE__ */ EditorView.inputHandler.of((view, from, to, text2, defaultInsert) => {
-  if ((android ? view.composing : view.compositionStarted) || view.state.readOnly || from != to || text2 != ">" && text2 != "/" || !javascriptLanguage.isActiveAt(view.state, from, -1))
+const autoCloseTags$1 = /* @__PURE__ */ EditorView.inputHandler.of((view, from, to, text, defaultInsert) => {
+  if ((android ? view.composing : view.compositionStarted) || view.state.readOnly || from != to || text != ">" && text != "/" || !javascriptLanguage.isActiveAt(view.state, from, -1))
     return false;
   let base2 = defaultInsert(), { state } = base2;
   let closeTags = state.changeByRange((range) => {
@@ -22356,17 +21790,17 @@ const autoCloseTags$1 = /* @__PURE__ */ EditorView.inputHandler.of((view, from,
     let { head } = range, around = syntaxTree(state).resolveInner(head - 1, -1), name2;
     if (around.name == "JSXStartTag")
       around = around.parent;
-    if (state.doc.sliceString(head - 1, head) != text2 || around.name == "JSXAttributeValue" && around.to > head)
+    if (state.doc.sliceString(head - 1, head) != text || around.name == "JSXAttributeValue" && around.to > head)
       ;
-    else if (text2 == ">" && around.name == "JSXFragmentTag") {
+    else if (text == ">" && around.name == "JSXFragmentTag") {
       return { range, changes: { from: head, insert: `</>` } };
-    } else if (text2 == "/" && around.name == "JSXStartCloseTag") {
+    } else if (text == "/" && around.name == "JSXStartCloseTag") {
       let empty = around.parent, base3 = empty.parent;
       if (base3 && empty.from == head - 2 && ((name2 = elementName$1(state.doc, base3.firstChild, head)) || ((_a2 = base3.firstChild) === null || _a2 === void 0 ? void 0 : _a2.name) == "JSXFragmentTag")) {
         let insert2 = `${name2}>`;
         return { range: EditorSelection.cursor(head + insert2.length, -1), changes: { from: head, insert: insert2 } };
       }
-    } else if (text2 == ">") {
+    } else if (text == ">") {
       let openTag = findOpenTag(around);
       if (openTag && openTag.name == "JSXOpenTag" && !/^\/?>|^<\//.test(state.doc.sliceString(head, head + 2)) && (name2 = elementName$1(state.doc, openTag, head)))
         return { range, changes: { from: head, insert: `</${name2}>` } };
@@ -22819,12 +22253,12 @@ class Schema {
   }
 }
 Schema.default = /* @__PURE__ */ new Schema();
-function elementName(doc2, tree, max2 = doc2.length) {
+function elementName(doc2, tree, max = doc2.length) {
   if (!tree)
     return "";
   let tag = tree.firstChild;
   let name2 = tag && tag.getChild("TagName");
-  return name2 ? doc2.sliceString(name2.from, Math.min(name2.to, max2)) : "";
+  return name2 ? doc2.sliceString(name2.from, Math.min(name2.to, max)) : "";
 }
 function findParentElement(tree, skip = false) {
   for (; tree; tree = tree.parent)
@@ -23066,23 +22500,23 @@ function html(config2 = {}) {
   ]);
 }
 const selfClosers = /* @__PURE__ */ new Set(/* @__PURE__ */ "area base br col command embed frame hr img input keygen link meta param source track wbr menuitem".split(" "));
-const autoCloseTags = /* @__PURE__ */ EditorView.inputHandler.of((view, from, to, text2, insertTransaction) => {
-  if (view.composing || view.state.readOnly || from != to || text2 != ">" && text2 != "/" || !htmlLanguage.isActiveAt(view.state, from, -1))
+const autoCloseTags = /* @__PURE__ */ EditorView.inputHandler.of((view, from, to, text, insertTransaction) => {
+  if (view.composing || view.state.readOnly || from != to || text != ">" && text != "/" || !htmlLanguage.isActiveAt(view.state, from, -1))
     return false;
   let base2 = insertTransaction(), { state } = base2;
   let closeTags = state.changeByRange((range) => {
     var _a2, _b, _c;
-    let didType = state.doc.sliceString(range.from - 1, range.to) == text2;
+    let didType = state.doc.sliceString(range.from - 1, range.to) == text;
     let { head } = range, around = syntaxTree(state).resolveInner(head - 1, -1), name2;
     if (around.name == "TagName" || around.name == "StartTag")
       around = around.parent;
-    if (didType && text2 == ">" && around.name == "OpenTag") {
+    if (didType && text == ">" && around.name == "OpenTag") {
       if (((_b = (_a2 = around.parent) === null || _a2 === void 0 ? void 0 : _a2.lastChild) === null || _b === void 0 ? void 0 : _b.name) != "CloseTag" && (name2 = elementName(state.doc, around.parent, head)) && !selfClosers.has(name2)) {
         let to2 = head + (state.doc.sliceString(head, head + 1) === ">" ? 1 : 0);
         let insert2 = `</${name2}>`;
         return { range, changes: { from: head, to: to2, insert: insert2 } };
       }
-    } else if (didType && text2 == "/" && around.name == "IncompleteCloseTag") {
+    } else if (didType && text == "/" && around.name == "IncompleteCloseTag") {
       let base3 = around.parent;
       if (around.from == head - 2 && ((_c = base3.lastChild) === null || _c === void 0 ? void 0 : _c.name) != "CloseTag" && (name2 = elementName(state.doc, base3, head)) && !selfClosers.has(name2)) {
         let to2 = head + (state.doc.sliceString(head, head + 1) === ">" ? 1 : 0);
@@ -23641,87 +23075,87 @@ var createTheme = (_ref) => {
 const customTheme = createTheme({
   theme: "light",
   settings: {
-    background: "var(--theme-background-2, var(--default-theme-background-2))",
-    foreground: "var(--theme-color-1, var(--default-theme-color-1))",
-    caret: "var(--theme-color-1, var(--default-theme-color-1))",
+    background: "var(--scalar-background-2)",
+    foreground: "var(--scalar-color-1)",
+    caret: "var(--scalar-color-1)",
     // Selection likely needs a hardcoded color due to it not accepting variables
     selection: "rgba(151, 183, 205, 0.2)",
     selectionMatch: "#e3dcce",
-    gutterBackground: "var(--theme-background-2, var(--default-theme-background-2))",
-    gutterForeground: "var(--theme-color-3, var(--default-theme-color-3))",
+    gutterBackground: "var(--scalar-background-2)",
+    gutterForeground: "var(--scalar-color-3)",
     gutterBorder: "transparent",
-    lineHighlight: "var(--theme-background-3, var(--default-theme-background-3))",
-    fontFamily: "var(--theme-font-code, var(--default-theme-font-code))"
+    lineHighlight: "var(--scalar-background-3)",
+    fontFamily: "var(--scalar-font-code)"
   },
   styles: [
     {
       tag: [tags$1.standard(tags$1.tagName), tags$1.tagName],
-      color: "var(--theme-color-purple, var(--default-theme-color-purple))"
+      color: "var(--scalar-color-purple)"
     },
     {
       tag: [tags$1.comment],
-      color: "var(--theme-color-3, var(--default-theme-color-3))"
+      color: "var(--scalar-color-3)"
     },
     {
       tag: [tags$1.className],
-      color: "var(--theme-color-orange, var(--default-theme-color-orange))"
+      color: "var(--scalar-color-orange)"
     },
     {
       tag: [tags$1.variableName, tags$1.propertyName, tags$1.attributeName],
-      color: "var(--theme-color-1, var(--default-theme-color-1))"
+      color: "var(--scalar-color-1)"
     },
     {
       tag: [tags$1.operator],
-      color: "var(--theme-color-2, var(--default-theme-color-2))"
+      color: "var(--scalar-color-2)"
     },
     {
       tag: [tags$1.keyword, tags$1.typeName, tags$1.typeOperator],
-      color: "var(--theme-color-green, var(--default-theme-color-green))"
+      color: "var(--scalar-color-green)"
     },
     {
       tag: [tags$1.string],
-      color: "var(--theme-color-blue, var(--default-theme-color-blue))"
+      color: "var(--scalar-color-blue)"
     },
     {
       tag: [tags$1.bracket, tags$1.regexp, tags$1.meta],
-      color: "var(--theme-color-3, var(--default-theme-color-3))"
+      color: "var(--scalar-color-3)"
     },
     {
       tag: [tags$1.number],
-      color: "var(--theme-color-blue, var(--default-theme-color-blue))"
+      color: "var(--scalar-color-blue)"
     },
     {
       tag: [tags$1.name, tags$1.quote],
-      color: "var(--theme-color-3, var(--default-theme-color-3))"
+      color: "var(--scalar-color-3)"
     },
     {
       tag: [tags$1.heading],
-      color: "var(--theme-color-3, var(--default-theme-color-3))",
+      color: "var(--scalar-color-3)",
       fontWeight: "bold"
     },
     {
       tag: [tags$1.emphasis],
-      color: "var(--theme-color-3, var(--default-theme-color-3))",
+      color: "var(--scalar-color-3)",
       fontStyle: "italic"
     },
     {
       tag: [tags$1.deleted],
-      color: "var(--theme-color-3, var(--default-theme-color-3))",
+      color: "var(--scalar-color-3)",
       backgroundColor: "transparent"
     },
     {
       tag: [tags$1.atom, tags$1.bool, tags$1.special(tags$1.variableName)],
-      color: "var(--theme-color-3, var(--default-theme-color-3))"
+      color: "var(--scalar-color-3)"
     },
     {
       tag: [tags$1.url, tags$1.escape, tags$1.regexp, tags$1.link],
-      color: "var(--theme-color-1, var(--default-theme-color-1))"
+      color: "var(--scalar-color-1)"
     },
     { tag: tags$1.link, textDecoration: "underline" },
     { tag: tags$1.strikethrough, textDecoration: "line-through" },
     {
       tag: tags$1.invalid,
-      color: "var(--theme-color-3, var(--default-theme-color-3))"
+      color: "var(--scalar-color-3)"
     }
   ]
 });
@@ -24020,7 +23454,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const CodeMirror = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-88edf4c8"]]);
+const CodeMirror = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-74ed365a"]]);
 export {
   CodeMirror,
   colorPicker,