@codemirror/autocomplete 6.20.2 → 6.20.3

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## 6.20.3 (2026-06-03)
+
+### Bug fixes
+
+In snippets, treat tab stop 0 as the final one, aligning with a widely used convention.
+
+Fix a bug in the handling of changes before the completion while completion is active.
+
 ## 6.20.2 (2026-05-06)
 
 ### Bug fixes

package/dist/index.cjs

@@ -1029,7 +1029,7 @@ class ActiveResult extends ActiveSource {
         let result = this.result.map ? this.result.map(this.result, mapping) : this.result;
         if (!result)
             return new ActiveSource(this.source, 0 /* State.Inactive */);
-        return new ActiveResult(this.source, this.explicit, mapping.mapPos(this.limit), this.result, mapping.mapPos(this.from), mapping.mapPos(this.to, 1));
+        return new ActiveResult(this.source, this.explicit, mapping.mapPos(this.limit), result, mapping.mapPos(this.from), mapping.mapPos(this.to, 1));
     }
     touches(tr) {
         return tr.changes.touchesRange(this.from, this.to);
@@ -1481,6 +1481,9 @@ class Snippet {
         for (let line of template.split(/\r\n?|\n/)) {
             while (m = /[#$]\{(?:(\d+)(?::([^{}]*))?|((?:\\[{}]|[^{}])*))\}/.exec(line)) {
                 let seq = m[1] ? +m[1] : null, rawName = m[2] || m[3] || "", found = -1;
+                // `${0}` is the cursor's final position, after every other tab stop.
+                if (seq === 0)
+                    seq = 1e9;
                 let name = rawName.replace(/\\[{}]/g, m => m[1]);
                 for (let i = 0; i < fields.length; i++) {
                     if (seq != null ? fields[i].seq == seq : name ? fields[i].name == name : false)
@@ -1595,7 +1598,8 @@ cursor out of the current field deactivates the fields.
 
 The order of fields defaults to textual order, but you can add
 numbers to placeholders (`${1}` or `${1:defaultText}`) to provide
-a custom order.
+a custom order. `${0}` is special—it is always the last stop, where
+the cursor ends up after tabbing through the other fields.
 
 To include a literal `{` or `}` in your template, put a backslash
 in front of it. This will be removed and the brace will not be

package/dist/index.d.cts

@@ -476,7 +476,8 @@ cursor out of the current field deactivates the fields.
 
 The order of fields defaults to textual order, but you can add
 numbers to placeholders (`${1}` or `${1:defaultText}`) to provide
-a custom order.
+a custom order. `${0}` is special—it is always the last stop, where
+the cursor ends up after tabbing through the other fields.
 
 To include a literal `{` or `}` in your template, put a backslash
 in front of it. This will be removed and the brace will not be

package/dist/index.d.ts

@@ -476,7 +476,8 @@ cursor out of the current field deactivates the fields.
 
 The order of fields defaults to textual order, but you can add
 numbers to placeholders (`${1}` or `${1:defaultText}`) to provide
-a custom order.
+a custom order. `${0}` is special—it is always the last stop, where
+the cursor ends up after tabbing through the other fields.
 
 To include a literal `{` or `}` in your template, put a backslash
 in front of it. This will be removed and the brace will not be

package/dist/index.js

@@ -1027,7 +1027,7 @@ class ActiveResult extends ActiveSource {
         let result = this.result.map ? this.result.map(this.result, mapping) : this.result;
         if (!result)
             return new ActiveSource(this.source, 0 /* State.Inactive */);
-        return new ActiveResult(this.source, this.explicit, mapping.mapPos(this.limit), this.result, mapping.mapPos(this.from), mapping.mapPos(this.to, 1));
+        return new ActiveResult(this.source, this.explicit, mapping.mapPos(this.limit), result, mapping.mapPos(this.from), mapping.mapPos(this.to, 1));
     }
     touches(tr) {
         return tr.changes.touchesRange(this.from, this.to);
@@ -1479,6 +1479,9 @@ class Snippet {
         for (let line of template.split(/\r\n?|\n/)) {
             while (m = /[#$]\{(?:(\d+)(?::([^{}]*))?|((?:\\[{}]|[^{}])*))\}/.exec(line)) {
                 let seq = m[1] ? +m[1] : null, rawName = m[2] || m[3] || "", found = -1;
+                // `${0}` is the cursor's final position, after every other tab stop.
+                if (seq === 0)
+                    seq = 1e9;
                 let name = rawName.replace(/\\[{}]/g, m => m[1]);
                 for (let i = 0; i < fields.length; i++) {
                     if (seq != null ? fields[i].seq == seq : name ? fields[i].name == name : false)
@@ -1593,7 +1596,8 @@ cursor out of the current field deactivates the fields.
 
 The order of fields defaults to textual order, but you can add
 numbers to placeholders (`${1}` or `${1:defaultText}`) to provide
-a custom order.
+a custom order. `${0}` is special—it is always the last stop, where
+the cursor ends up after tabbing through the other fields.
 
 To include a literal `{` or `}` in your template, put a backslash
 in front of it. This will be removed and the brace will not be

package/package.json

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