@codemirror/autocomplete 6.10.1 → 6.11.0

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+## 6.11.0 (2023-11-09)
+
+### Bug fixes
+
+Fix an issue that would prevent typing over closed brackets after starting a new line with enter.
+
+### New features
+
+Additional elements rendered in completion options with `addToOptions` are now given access to the editor view.
+
+## 6.10.2 (2023-10-13)
+
+### Bug fixes
+
+Fix a bug that caused `updateSyncTime` to always delay the initial population of the tooltip.
+
 ## 6.10.1 (2023-10-11)
 
 ### Bug fixes

package/dist/index.cjs

@@ -404,7 +404,7 @@ function optionContent(config) {
             position: 20
         });
     content.push({
-        render(completion, _s, match) {
+        render(completion, _s, _v, match) {
             let labelElt = document.createElement("span");
             labelElt.className = "cm-completionLabel";
             let label = completion.displayLabel || completion.label, off = 0;
@@ -653,7 +653,7 @@ class CompletionTooltip {
             if (cls)
                 li.className = cls;
             for (let source of this.optionContent) {
-                let node = source(completion, this.view.state, match);
+                let node = source(completion, this.view.state, this.view, match);
                 if (node)
                     li.appendChild(node);
             }
@@ -1067,7 +1067,7 @@ const completionPlugin = view.ViewPlugin.fromClass(class {
         if (this.debounceUpdate > -1)
             clearTimeout(this.debounceUpdate);
         this.debounceUpdate = cState.active.some(a => a.state == 1 /* State.Pending */ && !this.running.some(q => q.active.source == a.source))
-            ? setTimeout(() => this.startUpdate(), update.state.facet(completionConfig).updateSyncTime) : -1;
+            ? setTimeout(() => this.startUpdate(), 50) : -1;
         if (this.composing != 0 /* CompositionState.None */)
             for (let tr of update.transactions) {
                 if (getUserEvent(tr) == "input")
@@ -1663,10 +1663,8 @@ const bracketState = state.StateField.define({
     create() { return state.RangeSet.empty; },
     update(value, tr) {
         if (tr.selection) {
-            let lineStart = tr.state.doc.lineAt(tr.selection.main.head).from;
-            let prevLineStart = tr.startState.doc.lineAt(tr.startState.selection.main.head).from;
-            if (lineStart != tr.changes.mapPos(prevLineStart, -1))
-                value = state.RangeSet.empty;
+            let line = tr.state.doc.lineAt(tr.selection.main.head);
+            value = value.update({ filter: from => from >= line.from && from <= line.to });
         }
         value = value.map(tr.changes);
         for (let effect of tr.effects)

package/dist/index.d.cts

@@ -340,7 +340,7 @@ interface CompletionConfig {
     80.
     */
     addToOptions?: {
-        render: (completion: Completion, state: EditorState) => Node | null;
+        render: (completion: Completion, state: EditorState, view: EditorView) => Node | null;
         position: number;
     }[];
     /**

package/dist/index.d.ts

@@ -340,7 +340,7 @@ interface CompletionConfig {
     80.
     */
     addToOptions?: {
-        render: (completion: Completion, state: EditorState) => Node | null;
+        render: (completion: Completion, state: EditorState, view: EditorView) => Node | null;
         position: number;
     }[];
     /**

package/dist/index.js

@@ -402,7 +402,7 @@ function optionContent(config) {
             position: 20
         });
     content.push({
-        render(completion, _s, match) {
+        render(completion, _s, _v, match) {
             let labelElt = document.createElement("span");
             labelElt.className = "cm-completionLabel";
             let label = completion.displayLabel || completion.label, off = 0;
@@ -651,7 +651,7 @@ class CompletionTooltip {
             if (cls)
                 li.className = cls;
             for (let source of this.optionContent) {
-                let node = source(completion, this.view.state, match);
+                let node = source(completion, this.view.state, this.view, match);
                 if (node)
                     li.appendChild(node);
             }
@@ -1065,7 +1065,7 @@ const completionPlugin = /*@__PURE__*/ViewPlugin.fromClass(class {
         if (this.debounceUpdate > -1)
             clearTimeout(this.debounceUpdate);
         this.debounceUpdate = cState.active.some(a => a.state == 1 /* State.Pending */ && !this.running.some(q => q.active.source == a.source))
-            ? setTimeout(() => this.startUpdate(), update.state.facet(completionConfig).updateSyncTime) : -1;
+            ? setTimeout(() => this.startUpdate(), 50) : -1;
         if (this.composing != 0 /* CompositionState.None */)
             for (let tr of update.transactions) {
                 if (getUserEvent(tr) == "input")
@@ -1661,10 +1661,8 @@ const bracketState = /*@__PURE__*/StateField.define({
     create() { return RangeSet.empty; },
     update(value, tr) {
         if (tr.selection) {
-            let lineStart = tr.state.doc.lineAt(tr.selection.main.head).from;
-            let prevLineStart = tr.startState.doc.lineAt(tr.startState.selection.main.head).from;
-            if (lineStart != tr.changes.mapPos(prevLineStart, -1))
-                value = RangeSet.empty;
+            let line = tr.state.doc.lineAt(tr.selection.main.head);
+            value = value.update({ filter: from => from >= line.from && from <= line.to });
         }
         value = value.map(tr.changes);
         for (let effect of tr.effects)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codemirror/autocomplete",
-  "version": "6.10.1",
+  "version": "6.11.0",
   "description": "Autocompletion for the CodeMirror code editor",
   "scripts": {
     "test": "cm-runtests",