@vuu-ui/vuu-codemirror 0.8.0-debug → 0.8.1-debug

package/cjs/index.js

@@ -39,7 +39,6 @@ __export(src_exports, {
   HighlightStyle: () => HighlightStyle,
   LRLanguage: () => LRLanguage,
   LanguageSupport: () => LanguageSupport,
-  SyntaxNode: () => import_common3.SyntaxNode,
   Tree: () => import_common3.Tree,
   asNameSuggestion: () => asNameSuggestion,
   autocompletion: () => autocompletion,
@@ -4531,7 +4530,7 @@ var WidgetView = class extends ContentView {
       if (pos > 0 ? i == 0 : i == rects.length - 1 || rect.top < rect.bottom)
         break;
     }
-    return this.length ? rect : flattenRect(rect, !fromBack);
+    return flattenRect(rect, !fromBack);
   }
   get isEditable() {
     return false;
@@ -4945,7 +4944,7 @@ var Decoration = class extends RangeValue {
   */
   static widget(spec) {
     let side = Math.max(-1e4, Math.min(1e4, spec.side || 0)), block = !!spec.block;
-    side += block ? side > 0 ? 3e8 : -4e8 : side > 0 ? 1e8 : -1e8;
+    side += block && !spec.inlineOrder ? side > 0 ? 3e8 : -4e8 : side > 0 ? 1e8 : -1e8;
     return new PointDecoration(spec, side, side, block, spec.widget || null, false);
   }
   /**
@@ -6684,7 +6683,7 @@ function posAtCoords(view, coords, precise, bias = -1) {
     return 0;
   if (yOffset > docHeight)
     return view.state.doc.length;
-  for (let halfLine = view.defaultLineHeight / 2, bounced = false; ; ) {
+  for (let halfLine = view.viewState.heightOracle.textHeight / 2, bounced = false; ; ) {
     block = view.elementAtHeight(yOffset);
     if (block.type == BlockType.Text)
       break;
@@ -6749,7 +6748,8 @@ function posAtCoords(view, coords, precise, bias = -1) {
 function posAtCoordsImprecise(view, contentRect, block, x, y) {
   let into = Math.round((x - contentRect.left) * view.defaultCharacterWidth);
   if (view.lineWrapping && block.height > view.defaultLineHeight * 1.5) {
-    let line = Math.floor((y - block.top) / view.defaultLineHeight);
+    let textHeight = view.viewState.heightOracle.textHeight;
+    let line = Math.floor((y - block.top - (view.defaultLineHeight - textHeight) * 0.5) / textHeight);
     into += line * view.viewState.heightOracle.lineLength;
   }
   let content = view.state.sliceDoc(block.from, block.to);
@@ -6853,7 +6853,7 @@ function moveVertically(view, start, forward, distance) {
     startY = (dir < 0 ? line.top : line.bottom) + docTop;
   }
   let resolvedGoal = rect.left + goal;
-  let dist = distance !== null && distance !== void 0 ? distance : view.defaultLineHeight >> 1;
+  let dist = distance !== null && distance !== void 0 ? distance : view.viewState.heightOracle.textHeight >> 1;
   for (let extra = 0; ; extra += 10) {
     let curY = startY + (dist + extra) * dir;
     let pos = posAtCoords(view, { x: resolvedGoal, y: curY }, false, dir);
@@ -7087,7 +7087,6 @@ var MouseSelection = class {
     doc2.addEventListener("mouseup", this.up = this.up.bind(this));
     this.extend = startEvent.shiftKey;
     this.multiple = view.state.facet(EditorState.allowMultipleSelections) && addsSelectionRange(view, startEvent);
-    this.dragMove = dragMovesSelection(view, startEvent);
     this.dragging = isInPrimarySelection(view, startEvent) && getClickType(startEvent) == 1 ? null : false;
   }
   start(event) {
@@ -7405,7 +7404,7 @@ function dropText(view, event, text, direct) {
   let dropPos = view.posAtCoords({ x: event.clientX, y: event.clientY }, false);
   event.preventDefault();
   let { mouseSelection } = view.inputState;
-  let del = direct && mouseSelection && mouseSelection.dragging && mouseSelection.dragMove ? { from: mouseSelection.dragging.from, to: mouseSelection.dragging.to } : null;
+  let del = direct && mouseSelection && mouseSelection.dragging && dragMovesSelection(view, event) ? { from: mouseSelection.dragging.from, to: mouseSelection.dragging.to } : null;
   let ins = { from: dropPos, insert: text };
   let changes = view.state.changes(del ? [del, ins] : ins);
   view.focus();
@@ -9940,14 +9939,15 @@ var EditorView = class {
     if (flush)
       this.observer.forceFlush();
     let updated = null;
-    let sDOM = this.scrollDOM, { scrollAnchorPos, scrollAnchorHeight } = this.viewState;
+    let sDOM = this.scrollDOM, { scrollTop } = sDOM;
+    let { scrollAnchorPos, scrollAnchorHeight } = this.viewState;
     this.viewState.scrollAnchorHeight = -1;
-    if (scrollAnchorHeight < 0 || sDOM.scrollTop != this.viewState.scrollTop) {
-      if (sDOM.scrollTop > sDOM.scrollHeight - sDOM.clientHeight - 4) {
+    if (scrollAnchorHeight < 0 || scrollTop != this.viewState.scrollTop) {
+      if (scrollTop > sDOM.scrollHeight - sDOM.clientHeight - 4) {
         scrollAnchorPos = -1;
         scrollAnchorHeight = this.viewState.heightMap.height;
       } else {
-        let block = this.viewState.lineBlockAtHeight(sDOM.scrollTop);
+        let block = this.viewState.lineBlockAtHeight(scrollTop);
         scrollAnchorPos = block.from;
         scrollAnchorHeight = block.top;
       }
@@ -10006,7 +10006,7 @@ var EditorView = class {
             let newAnchorHeight = scrollAnchorPos < 0 ? this.viewState.heightMap.height : this.viewState.lineBlockAt(scrollAnchorPos).top;
             let diff = newAnchorHeight - scrollAnchorHeight;
             if (diff > 1 || diff < -1) {
-              sDOM.scrollTop += diff;
+              sDOM.scrollTop = scrollTop + diff;
               scrolled = true;
             }
           }
@@ -11981,7 +11981,7 @@ var requestIdle = (callback) => {
   let timeout = setTimeout(
     () => callback(),
     500
-    /* Work.MaxPause */
+    /* MaxPause */
   );
   return () => clearTimeout(timeout);
 };
@@ -11991,11 +11991,11 @@ if (typeof requestIdleCallback != "undefined")
       () => {
         idle = requestIdleCallback(callback, {
           timeout: 500 - 100
-          /* Work.MinPause */
+          /* MinPause */
         });
       },
       100
-      /* Work.MinPause */
+      /* MinPause */
     );
     return () => idle < 0 ? clearTimeout(timeout) : cancelIdleCallback(idle);
   };
@@ -12040,7 +12040,7 @@ var parseWorker = /* @__PURE__ */ ViewPlugin.fromClass(class ParseWorker {
     let { state, viewport: { to: vpTo } } = this.view, field = state.field(Language.state);
     if (field.tree == field.context.tree && field.context.isDone(
       vpTo + 1e5
-      /* Work.MaxParseAhead */
+      /* MaxParseAhead */
     ))
       return;
     let endTime = Date.now() + Math.min(this.chunkBudget, 100, deadline && !isInputPending ? Math.max(25, deadline.timeRemaining() - 5) : 1e9);
@@ -12275,12 +12275,19 @@ var TreeIndentContext = class extends IndentContext {
   on if it is covered by another such node.
   */
   get baseIndent() {
-    let line = this.state.doc.lineAt(this.node.from);
+    return this.baseIndentFor(this.node);
+  }
+  /**
+  Get the indentation for the reference line of the given node
+  (see [`baseIndent`](https://codemirror.net/6/docs/ref/#language.TreeIndentContext.baseIndent)).
+  */
+  baseIndentFor(node) {
+    let line = this.state.doc.lineAt(node.from);
     for (; ; ) {
-      let atBreak = this.node.resolve(line.from);
+      let atBreak = node.resolve(line.from);
       while (atBreak.parent && atBreak.parent.from == atBreak.from)
         atBreak = atBreak.parent;
-      if (isParent(atBreak, this.node))
+      if (isParent(atBreak, node))
         break;
       line = this.state.doc.lineAt(atBreak.from);
     }
@@ -12794,7 +12801,7 @@ var FuzzyMatcher = class {
     if (this.pattern.length == 0)
       return [
         -100
-        /* Penalty.NotFull */
+        /* NotFull */
       ];
     if (word.length < this.pattern.length)
       return null;
@@ -12927,7 +12934,7 @@ function defaultPositionInfo(view, list, option, info, space) {
     maxWidth = Math.min(
       400,
       (rtl ? list.right : space.right - list.left) - 30
-      /* Info.Margin */
+      /* Margin */
     );
     let spaceBelow = space.bottom - list.bottom;
     if (spaceBelow >= infoHeight || spaceBelow > list.top) {
@@ -12942,210 +12949,6 @@ function defaultPositionInfo(view, list, option, info, space) {
     class: "cm-completionInfo-" + (narrow ? rtl ? "left-narrow" : "right-narrow" : left ? "left" : "right")
   };
 }
-function moveCompletionSelection(forward, by = "option") {
-  return (view) => {
-    let cState = view.state.field(completionState, false);
-    if (!cState || !cState.open || cState.open.disabled || Date.now() - cState.open.timestamp < view.state.facet(completionConfig).interactionDelay)
-      return false;
-    let step = 1, tooltip;
-    if (by == "page" && (tooltip = getTooltip(view, cState.open.tooltip)))
-      step = Math.max(2, Math.floor(tooltip.dom.offsetHeight / tooltip.dom.querySelector("li").offsetHeight) - 1);
-    let { length: length2 } = cState.open.options;
-    let selected = cState.open.selected > -1 ? cState.open.selected + step * (forward ? 1 : -1) : forward ? 0 : length2 - 1;
-    if (selected < 0)
-      selected = by == "page" ? 0 : length2 - 1;
-    else if (selected >= length2)
-      selected = by == "page" ? length2 - 1 : 0;
-    view.dispatch({ effects: setSelectedEffect.of(selected) });
-    return true;
-  };
-}
-var acceptCompletion = (view) => {
-  let cState = view.state.field(completionState, false);
-  if (view.state.readOnly || !cState || !cState.open || cState.open.selected < 0 || Date.now() - cState.open.timestamp < view.state.facet(completionConfig).interactionDelay)
-    return false;
-  if (!cState.open.disabled)
-    return applyCompletion(view, cState.open.options[cState.open.selected]);
-  return true;
-};
-var startCompletion = (view) => {
-  let cState = view.state.field(completionState, false);
-  if (!cState)
-    return false;
-  view.dispatch({ effects: startCompletionEffect.of(true) });
-  return true;
-};
-var closeCompletion = (view) => {
-  let cState = view.state.field(completionState, false);
-  if (!cState || !cState.active.some(
-    (a) => a.state != 0
-    /* State.Inactive */
-  ))
-    return false;
-  view.dispatch({ effects: closeCompletionEffect.of(null) });
-  return true;
-};
-var RunningQuery = class {
-  constructor(active, context) {
-    this.active = active;
-    this.context = context;
-    this.time = Date.now();
-    this.updates = [];
-    this.done = void 0;
-  }
-};
-var DebounceTime = 50;
-var MaxUpdateCount = 50;
-var MinAbortTime = 1e3;
-var completionPlugin = /* @__PURE__ */ ViewPlugin.fromClass(class {
-  constructor(view) {
-    this.view = view;
-    this.debounceUpdate = -1;
-    this.running = [];
-    this.debounceAccept = -1;
-    this.composing = 0;
-    for (let active of view.state.field(completionState).active)
-      if (active.state == 1)
-        this.startQuery(active);
-  }
-  update(update) {
-    let cState = update.state.field(completionState);
-    if (!update.selectionSet && !update.docChanged && update.startState.field(completionState) == cState)
-      return;
-    let doesReset = update.transactions.some((tr) => {
-      return (tr.selection || tr.docChanged) && !getUserEvent(tr);
-    });
-    for (let i = 0; i < this.running.length; i++) {
-      let query = this.running[i];
-      if (doesReset || query.updates.length + update.transactions.length > MaxUpdateCount && Date.now() - query.time > MinAbortTime) {
-        for (let handler of query.context.abortListeners) {
-          try {
-            handler();
-          } catch (e) {
-            logException(this.view.state, e);
-          }
-        }
-        query.context.abortListeners = null;
-        this.running.splice(i--, 1);
-      } else {
-        query.updates.push(...update.transactions);
-      }
-    }
-    if (this.debounceUpdate > -1)
-      clearTimeout(this.debounceUpdate);
-    this.debounceUpdate = cState.active.some((a) => a.state == 1 && !this.running.some((q) => q.active.source == a.source)) ? setTimeout(() => this.startUpdate(), DebounceTime) : -1;
-    if (this.composing != 0)
-      for (let tr of update.transactions) {
-        if (getUserEvent(tr) == "input")
-          this.composing = 2;
-        else if (this.composing == 2 && tr.selection)
-          this.composing = 3;
-      }
-  }
-  startUpdate() {
-    this.debounceUpdate = -1;
-    let { state } = this.view, cState = state.field(completionState);
-    for (let active of cState.active) {
-      if (active.state == 1 && !this.running.some((r) => r.active.source == active.source))
-        this.startQuery(active);
-    }
-  }
-  startQuery(active) {
-    let { state } = this.view, pos = cur(state);
-    let context = new CompletionContext(state, pos, active.explicitPos == pos);
-    let pending = new RunningQuery(active, context);
-    this.running.push(pending);
-    Promise.resolve(active.source(context)).then((result) => {
-      if (!pending.context.aborted) {
-        pending.done = result || null;
-        this.scheduleAccept();
-      }
-    }, (err) => {
-      this.view.dispatch({ effects: closeCompletionEffect.of(null) });
-      logException(this.view.state, err);
-    });
-  }
-  scheduleAccept() {
-    if (this.running.every((q) => q.done !== void 0))
-      this.accept();
-    else if (this.debounceAccept < 0)
-      this.debounceAccept = setTimeout(() => this.accept(), DebounceTime);
-  }
-  // For each finished query in this.running, try to create a result
-  // or, if appropriate, restart the query.
-  accept() {
-    var _a2;
-    if (this.debounceAccept > -1)
-      clearTimeout(this.debounceAccept);
-    this.debounceAccept = -1;
-    let updated = [];
-    let conf = this.view.state.facet(completionConfig);
-    for (let i = 0; i < this.running.length; i++) {
-      let query = this.running[i];
-      if (query.done === void 0)
-        continue;
-      this.running.splice(i--, 1);
-      if (query.done) {
-        let active = new ActiveResult(query.active.source, query.active.explicitPos, query.done, query.done.from, (_a2 = query.done.to) !== null && _a2 !== void 0 ? _a2 : cur(query.updates.length ? query.updates[0].startState : this.view.state));
-        for (let tr of query.updates)
-          active = active.update(tr, conf);
-        if (active.hasResult()) {
-          updated.push(active);
-          continue;
-        }
-      }
-      let current = this.view.state.field(completionState).active.find((a) => a.source == query.active.source);
-      if (current && current.state == 1) {
-        if (query.done == null) {
-          let active = new ActiveSource(
-            query.active.source,
-            0
-            /* State.Inactive */
-          );
-          for (let tr of query.updates)
-            active = active.update(tr, conf);
-          if (active.state != 1)
-            updated.push(active);
-        } else {
-          this.startQuery(current);
-        }
-      }
-    }
-    if (updated.length)
-      this.view.dispatch({ effects: setActiveEffect.of(updated) });
-  }
-}, {
-  eventHandlers: {
-    blur(event) {
-      let state = this.view.state.field(completionState, false);
-      if (state && state.tooltip && this.view.state.facet(completionConfig).closeOnBlur) {
-        let dialog = state.open && getTooltip(this.view, state.open.tooltip);
-        if (!dialog || !dialog.dom.contains(event.relatedTarget))
-          this.view.dispatch({ effects: closeCompletionEffect.of(null) });
-      }
-    },
-    compositionstart() {
-      this.composing = 1;
-    },
-    compositionend() {
-      if (this.composing == 3) {
-        setTimeout(() => this.view.dispatch({ effects: startCompletionEffect.of(false) }), 20);
-      }
-      this.composing = 0;
-    }
-  }
-});
-function applyCompletion(view, option) {
-  const apply = option.completion.apply || option.completion.label;
-  let result = view.state.field(completionState).active.find((a) => a.source == option.source);
-  if (!(result instanceof ActiveResult))
-    return false;
-  if (typeof apply == "string")
-    view.dispatch(Object.assign(Object.assign({}, insertCompletionText(view.state, apply, result.from, result.to)), { annotations: pickedCompletion.of(option.completion) }));
-  else
-    apply(view, option.completion, result.from, result.to);
-  return true;
-}
 function optionContent(config2) {
   let content = config2.addToOptions.slice();
   if (config2.icons)
@@ -13205,10 +13008,12 @@ function rangeAroundSelected(total, selected, max) {
   return { from: total - (off + 1) * max, to: total - off * max };
 }
 var CompletionTooltip = class {
-  constructor(view, stateField) {
+  constructor(view, stateField, applyCompletion2) {
     this.view = view;
     this.stateField = stateField;
+    this.applyCompletion = applyCompletion2;
     this.info = null;
+    this.infoDestroy = null;
     this.placeInfoReq = {
       read: () => this.measureInfo(),
       write: (pos) => this.placeInfo(pos),
@@ -13229,7 +13034,7 @@ var CompletionTooltip = class {
     this.dom.addEventListener("mousedown", (e) => {
       for (let dom = e.target, match; dom && dom != this.dom; dom = dom.parentNode) {
         if (dom.nodeName == "LI" && (match = /-(\d+)$/.exec(dom.id)) && +match[1] < options.length) {
-          applyCompletion(view, options[+match[1]]);
+          this.applyCompletion(view, options[+match[1]]);
           e.preventDefault();
           return;
         }
@@ -13289,10 +13094,7 @@ var CompletionTooltip = class {
       });
     }
     if (this.updateSelectedOption(open.selected)) {
-      if (this.info) {
-        this.info.remove();
-        this.info = null;
-      }
+      this.destroyInfo();
       let { completion } = open.options[open.selected];
       let { info } = completion;
       if (!info)
@@ -13301,20 +13103,28 @@ var CompletionTooltip = class {
       if (!infoResult)
         return;
       if ("then" in infoResult) {
-        infoResult.then((node) => {
-          if (node && this.view.state.field(this.stateField, false) == cState)
-            this.addInfoPane(node);
+        infoResult.then((obj) => {
+          if (obj && this.view.state.field(this.stateField, false) == cState)
+            this.addInfoPane(obj, completion);
         }).catch((e) => logException(this.view.state, e, "completion info"));
       } else {
-        this.addInfoPane(infoResult);
+        this.addInfoPane(infoResult, completion);
       }
     }
   }
-  addInfoPane(content) {
-    let dom = this.info = document.createElement("div");
-    dom.className = "cm-tooltip cm-completionInfo";
-    dom.appendChild(content);
-    this.dom.appendChild(dom);
+  addInfoPane(content, completion) {
+    this.destroyInfo();
+    let wrap = this.info = document.createElement("div");
+    wrap.className = "cm-tooltip cm-completionInfo";
+    if (content.nodeType != null) {
+      wrap.appendChild(content);
+      this.infoDestroy = null;
+    } else {
+      let { dom, destroy } = content;
+      wrap.appendChild(dom);
+      this.infoDestroy = destroy || null;
+    }
+    this.dom.appendChild(wrap);
     this.view.requestMeasure(this.placeInfoReq);
   }
   updateSelectedOption(selected) {
@@ -13402,9 +13212,20 @@ var CompletionTooltip = class {
       ul.classList.add("cm-completionListIncompleteBottom");
     return ul;
   }
+  destroyInfo() {
+    if (this.info) {
+      if (this.infoDestroy)
+        this.infoDestroy();
+      this.info.remove();
+      this.info = null;
+    }
+  }
+  destroy() {
+    this.destroyInfo();
+  }
 };
-function completionTooltip(stateField) {
-  return (view) => new CompletionTooltip(view, stateField);
+function completionTooltip(stateField, applyCompletion2) {
+  return (view) => new CompletionTooltip(view, stateField, applyCompletion2);
 }
 function scrollIntoView2(container, element) {
   let parent = container.getBoundingClientRect();
@@ -13469,7 +13290,8 @@ function sortOptions(active, state) {
   let result = [], prev = null;
   let compare2 = state.facet(completionConfig).compareCompletions;
   for (let opt of options.sort((a, b) => b.score - a.score || compare2(a.completion, b.completion))) {
-    if (!prev || prev.label != opt.completion.label || prev.detail != opt.completion.detail || prev.type != null && opt.completion.type != null && prev.type != opt.completion.type || prev.apply != opt.completion.apply)
+    let cur2 = opt.completion;
+    if (!prev || prev.label != cur2.label || prev.detail != cur2.detail || prev.type != null && cur2.type != null && prev.type != cur2.type || prev.apply != cur2.apply || prev.boost != cur2.boost)
       result.push(opt);
     else if (score(opt.completion) > score(prev))
       result[result.length - 1] = opt;
@@ -13494,7 +13316,7 @@ var CompletionDialog = class {
     if (!options.length) {
       return prev && active.some(
         (a) => a.state == 1
-        /* State.Pending */
+        /* Pending */
       ) ? new CompletionDialog(prev.options, prev.attrs, prev.tooltip, prev.timestamp, prev.selected, true) : null;
     }
     let selected = state.facet(completionConfig).selectOnOpen ? 0 : -1;
@@ -13508,7 +13330,7 @@ var CompletionDialog = class {
     }
     return new CompletionDialog(options, makeAttrs(id, selected), {
       pos: active.reduce((a, b) => b.hasResult() ? Math.min(a, b.from) : a, 1e8),
-      create: completionTooltip(completionState),
+      create: completionTooltip(completionState, applyCompletion),
       above: conf.aboveCursor
     }, prev ? prev.timestamp : Date.now(), selected, false);
   }
@@ -13533,9 +13355,9 @@ var CompletionState = class {
         source,
         this.active.some(
           (a) => a.state != 0
-          /* State.Inactive */
+          /* Inactive */
         ) ? 1 : 0
-        /* State.Inactive */
+        /* Inactive */
       );
       return value.update(tr, conf);
     });
@@ -13548,17 +13370,17 @@ var CompletionState = class {
       open = CompletionDialog.build(active, state, this.id, open, conf);
     else if (open && open.disabled && !active.some(
       (a) => a.state == 1
-      /* State.Pending */
+      /* Pending */
     ))
       open = null;
     if (!open && active.every(
       (a) => a.state != 1
-      /* State.Pending */
+      /* Pending */
     ) && active.some((a) => a.hasResult()))
       active = active.map((a) => a.hasResult() ? new ActiveSource(
         a.source,
         0
-        /* State.Inactive */
+        /* Inactive */
       ) : a);
     for (let effect of tr.effects)
       if (effect.is(setSelectedEffect))
@@ -13623,7 +13445,7 @@ var ActiveSource = class {
       value = new ActiveSource(
         value.source,
         0
-        /* State.Inactive */
+        /* Inactive */
       );
     for (let effect of tr.effects) {
       if (effect.is(startCompletionEffect))
@@ -13632,7 +13454,7 @@ var ActiveSource = class {
         value = new ActiveSource(
           value.source,
           0
-          /* State.Inactive */
+          /* Inactive */
         );
       else if (effect.is(setActiveEffect)) {
         for (let active of effect.value)
@@ -13646,14 +13468,14 @@ var ActiveSource = class {
     return type == "delete" || !conf.activateOnTyping ? this.map(tr.changes) : new ActiveSource(
       this.source,
       1
-      /* State.Pending */
+      /* Pending */
     );
   }
   handleChange(tr) {
     return tr.changes.touchesRange(cur(tr.startState)) ? new ActiveSource(
       this.source,
       0
-      /* State.Inactive */
+      /* Inactive */
     ) : this.map(tr.changes);
   }
   map(changes) {
@@ -13678,7 +13500,7 @@ var ActiveResult = class extends ActiveSource {
       return new ActiveSource(
         this.source,
         type == "input" && conf.activateOnTyping ? 1 : 0
-        /* State.Inactive */
+        /* Inactive */
       );
     let explicitPos = this.explicitPos < 0 ? -1 : tr.changes.mapPos(this.explicitPos), updated;
     if (checkValid(this.result.validFor, tr.state, from, to))
@@ -13691,7 +13513,7 @@ var ActiveResult = class extends ActiveSource {
     return tr.changes.touchesRange(this.from, this.to) ? new ActiveSource(
       this.source,
       0
-      /* State.Inactive */
+      /* Inactive */
     ) : this.map(tr.changes);
   }
   map(mapping) {
@@ -13722,6 +13544,208 @@ var completionState = /* @__PURE__ */ StateField.define({
     EditorView.contentAttributes.from(f, (state) => state.attrs)
   ]
 });
+function applyCompletion(view, option) {
+  const apply = option.completion.apply || option.completion.label;
+  let result = view.state.field(completionState).active.find((a) => a.source == option.source);
+  if (!(result instanceof ActiveResult))
+    return false;
+  if (typeof apply == "string")
+    view.dispatch(Object.assign(Object.assign({}, insertCompletionText(view.state, apply, result.from, result.to)), { annotations: pickedCompletion.of(option.completion) }));
+  else
+    apply(view, option.completion, result.from, result.to);
+  return true;
+}
+function moveCompletionSelection(forward, by = "option") {
+  return (view) => {
+    let cState = view.state.field(completionState, false);
+    if (!cState || !cState.open || cState.open.disabled || Date.now() - cState.open.timestamp < view.state.facet(completionConfig).interactionDelay)
+      return false;
+    let step = 1, tooltip;
+    if (by == "page" && (tooltip = getTooltip(view, cState.open.tooltip)))
+      step = Math.max(2, Math.floor(tooltip.dom.offsetHeight / tooltip.dom.querySelector("li").offsetHeight) - 1);
+    let { length: length2 } = cState.open.options;
+    let selected = cState.open.selected > -1 ? cState.open.selected + step * (forward ? 1 : -1) : forward ? 0 : length2 - 1;
+    if (selected < 0)
+      selected = by == "page" ? 0 : length2 - 1;
+    else if (selected >= length2)
+      selected = by == "page" ? length2 - 1 : 0;
+    view.dispatch({ effects: setSelectedEffect.of(selected) });
+    return true;
+  };
+}
+var acceptCompletion = (view) => {
+  let cState = view.state.field(completionState, false);
+  if (view.state.readOnly || !cState || !cState.open || cState.open.selected < 0 || cState.open.disabled || Date.now() - cState.open.timestamp < view.state.facet(completionConfig).interactionDelay)
+    return false;
+  return applyCompletion(view, cState.open.options[cState.open.selected]);
+};
+var startCompletion = (view) => {
+  let cState = view.state.field(completionState, false);
+  if (!cState)
+    return false;
+  view.dispatch({ effects: startCompletionEffect.of(true) });
+  return true;
+};
+var closeCompletion = (view) => {
+  let cState = view.state.field(completionState, false);
+  if (!cState || !cState.active.some(
+    (a) => a.state != 0
+    /* Inactive */
+  ))
+    return false;
+  view.dispatch({ effects: closeCompletionEffect.of(null) });
+  return true;
+};
+var RunningQuery = class {
+  constructor(active, context) {
+    this.active = active;
+    this.context = context;
+    this.time = Date.now();
+    this.updates = [];
+    this.done = void 0;
+  }
+};
+var DebounceTime = 50;
+var MaxUpdateCount = 50;
+var MinAbortTime = 1e3;
+var completionPlugin = /* @__PURE__ */ ViewPlugin.fromClass(class {
+  constructor(view) {
+    this.view = view;
+    this.debounceUpdate = -1;
+    this.running = [];
+    this.debounceAccept = -1;
+    this.composing = 0;
+    for (let active of view.state.field(completionState).active)
+      if (active.state == 1)
+        this.startQuery(active);
+  }
+  update(update) {
+    let cState = update.state.field(completionState);
+    if (!update.selectionSet && !update.docChanged && update.startState.field(completionState) == cState)
+      return;
+    let doesReset = update.transactions.some((tr) => {
+      return (tr.selection || tr.docChanged) && !getUserEvent(tr);
+    });
+    for (let i = 0; i < this.running.length; i++) {
+      let query = this.running[i];
+      if (doesReset || query.updates.length + update.transactions.length > MaxUpdateCount && Date.now() - query.time > MinAbortTime) {
+        for (let handler of query.context.abortListeners) {
+          try {
+            handler();
+          } catch (e) {
+            logException(this.view.state, e);
+          }
+        }
+        query.context.abortListeners = null;
+        this.running.splice(i--, 1);
+      } else {
+        query.updates.push(...update.transactions);
+      }
+    }
+    if (this.debounceUpdate > -1)
+      clearTimeout(this.debounceUpdate);
+    this.debounceUpdate = cState.active.some((a) => a.state == 1 && !this.running.some((q) => q.active.source == a.source)) ? setTimeout(() => this.startUpdate(), DebounceTime) : -1;
+    if (this.composing != 0)
+      for (let tr of update.transactions) {
+        if (getUserEvent(tr) == "input")
+          this.composing = 2;
+        else if (this.composing == 2 && tr.selection)
+          this.composing = 3;
+      }
+  }
+  startUpdate() {
+    this.debounceUpdate = -1;
+    let { state } = this.view, cState = state.field(completionState);
+    for (let active of cState.active) {
+      if (active.state == 1 && !this.running.some((r) => r.active.source == active.source))
+        this.startQuery(active);
+    }
+  }
+  startQuery(active) {
+    let { state } = this.view, pos = cur(state);
+    let context = new CompletionContext(state, pos, active.explicitPos == pos);
+    let pending = new RunningQuery(active, context);
+    this.running.push(pending);
+    Promise.resolve(active.source(context)).then((result) => {
+      if (!pending.context.aborted) {
+        pending.done = result || null;
+        this.scheduleAccept();
+      }
+    }, (err) => {
+      this.view.dispatch({ effects: closeCompletionEffect.of(null) });
+      logException(this.view.state, err);
+    });
+  }
+  scheduleAccept() {
+    if (this.running.every((q) => q.done !== void 0))
+      this.accept();
+    else if (this.debounceAccept < 0)
+      this.debounceAccept = setTimeout(() => this.accept(), DebounceTime);
+  }
+  // For each finished query in this.running, try to create a result
+  // or, if appropriate, restart the query.
+  accept() {
+    var _a2;
+    if (this.debounceAccept > -1)
+      clearTimeout(this.debounceAccept);
+    this.debounceAccept = -1;
+    let updated = [];
+    let conf = this.view.state.facet(completionConfig);
+    for (let i = 0; i < this.running.length; i++) {
+      let query = this.running[i];
+      if (query.done === void 0)
+        continue;
+      this.running.splice(i--, 1);
+      if (query.done) {
+        let active = new ActiveResult(query.active.source, query.active.explicitPos, query.done, query.done.from, (_a2 = query.done.to) !== null && _a2 !== void 0 ? _a2 : cur(query.updates.length ? query.updates[0].startState : this.view.state));
+        for (let tr of query.updates)
+          active = active.update(tr, conf);
+        if (active.hasResult()) {
+          updated.push(active);
+          continue;
+        }
+      }
+      let current = this.view.state.field(completionState).active.find((a) => a.source == query.active.source);
+      if (current && current.state == 1) {
+        if (query.done == null) {
+          let active = new ActiveSource(
+            query.active.source,
+            0
+            /* Inactive */
+          );
+          for (let tr of query.updates)
+            active = active.update(tr, conf);
+          if (active.state != 1)
+            updated.push(active);
+        } else {
+          this.startQuery(current);
+        }
+      }
+    }
+    if (updated.length)
+      this.view.dispatch({ effects: setActiveEffect.of(updated) });
+  }
+}, {
+  eventHandlers: {
+    blur(event) {
+      let state = this.view.state.field(completionState, false);
+      if (state && state.tooltip && this.view.state.facet(completionConfig).closeOnBlur) {
+        let dialog = state.open && getTooltip(this.view, state.open.tooltip);
+        if (!dialog || !dialog.dom.contains(event.relatedTarget))
+          this.view.dispatch({ effects: closeCompletionEffect.of(null) });
+      }
+    },
+    compositionstart() {
+      this.composing = 1;
+    },
+    compositionend() {
+      if (this.composing == 3) {
+        setTimeout(() => this.view.dispatch({ effects: startCompletionEffect.of(false) }), 20);
+      }
+      this.composing = 0;
+    }
+  }
+});
 var baseTheme2 = /* @__PURE__ */ EditorView.baseTheme({
   ".cm-tooltip.cm-tooltip-autocomplete": {
     "& > ul": {