@codemirror/autocomplete 6.20.0 → 6.20.2

package/CHANGELOG.md

@@ -1,3 +1,14 @@
+## 6.20.2 (2026-05-06)
+
+### Bug fixes
+
+Fix an issue where you couldn't move to the last page of completions when its count was a precise multiple of the page size.
+
+## 6.20.1 (2026-03-02)
+
+### Bug fixes
+
+Clicking the horizontal dots at the top/bottom of a list of completion options now moves the selection there, so that more completions become visible.
 ## 6.20.0 (2025-11-20)
 
 ### New features

package/README.md

@@ -1,6 +1,6 @@
 # @codemirror/autocomplete [![NPM version](https://img.shields.io/npm/v/@codemirror/autocomplete.svg)](https://www.npmjs.org/package/@codemirror/autocomplete)
 
-[ [**WEBSITE**](https://codemirror.net/) | [**DOCS**](https://codemirror.net/docs/ref/#autocomplete) | [**ISSUES**](https://github.com/codemirror/dev/issues) | [**FORUM**](https://discuss.codemirror.net/c/next/) | [**CHANGELOG**](https://github.com/codemirror/autocomplete/blob/main/CHANGELOG.md) ]
+[ [**WEBSITE**](https://codemirror.net/) | [**DOCS**](https://codemirror.net/docs/ref/#autocomplete) | [**ISSUES**](https://code.haverbeke.berlin/codemirror/dev/issues) | [**FORUM**](https://discuss.codemirror.net/) | [**CHANGELOG**](https://code.haverbeke.berlin/codemirror/autocomplete/src/branch/main/CHANGELOG.md) ]
 
 This package implements autocompletion for the
 [CodeMirror](https://codemirror.net/) code editor.
@@ -10,7 +10,7 @@ number of [examples](https://codemirror.net/examples/) and the
 [documentation](https://codemirror.net/docs/).
 
 This code is released under an
-[MIT license](https://github.com/codemirror/autocomplete/tree/main/LICENSE).
+[MIT license](https://code.haverbeke.berlin/codemirror/autocomplete/tree/main/LICENSE).
 
 We aim to be an inclusive, welcoming community. To make that explicit,
 we have a [code of

package/dist/index.cjs

@@ -441,6 +441,7 @@ function defaultPositionInfo(view$1, list, option, info, space, tooltip) {
     };
 }
 
+const setSelectedEffect = state.StateEffect.define();
 function optionContent(config) {
     let content = config.addToOptions.slice();
     if (config.icons)
@@ -496,8 +497,8 @@ function rangeAroundSelected(total, selected, max) {
         let off = Math.floor(selected / max);
         return { from: off * max, to: (off + 1) * max };
     }
-    let off = Math.floor((total - selected) / max);
-    return { from: total - (off + 1) * max, to: total - off * max };
+    let off = Math.ceil((total - selected) / max);
+    return { from: total - off * max, to: total - (off - 1) * max };
 }
 class CompletionTooltip {
     constructor(view, stateField, applyCompletion) {
@@ -532,6 +533,16 @@ class CompletionTooltip {
                     return;
                 }
             }
+            if (e.target == this.list) {
+                let move = this.list.classList.contains("cm-completionListIncompleteTop") &&
+                    e.clientY < this.list.firstChild.getBoundingClientRect().top ? this.range.from - 1 :
+                    this.list.classList.contains("cm-completionListIncompleteBottom") &&
+                        e.clientY > this.list.lastChild.getBoundingClientRect().bottom ? this.range.to : null;
+                if (move != null) {
+                    view.dispatch({ effects: setSelectedEffect.of(move) });
+                    e.preventDefault();
+                }
+            }
         });
         this.dom.addEventListener("focusout", (e) => {
             let state = view.state.field(this.stateField, false);
@@ -1033,7 +1044,6 @@ function checkValid(validFor, state, from, to) {
 const setActiveEffect = state.StateEffect.define({
     map(sources, mapping) { return sources.map(s => s.map(mapping)); }
 });
-const setSelectedEffect = state.StateEffect.define();
 const completionState = state.StateField.define({
     create() { return CompletionState.start(); },
     update(value, tr) { return value.update(tr); },
@@ -1347,7 +1357,8 @@ const baseTheme = view.EditorView.baseTheme({
         content: '"···"',
         opacity: 0.5,
         display: "block",
-        textAlign: "center"
+        textAlign: "center",
+        cursor: "pointer",
     },
     ".cm-tooltip.cm-completionInfo": {
         position: "absolute",
@@ -1767,7 +1778,8 @@ A completion source that will scan the document for words (using a
 return those as completions.
 */
 const completeAnyWord = context => {
-    let wordChars = context.state.languageDataAt("wordChars", context.pos).join("");
+    var _a;
+    let wordChars = (_a = context.state.languageDataAt("wordChars", context.pos)[0]) !== null && _a !== void 0 ? _a : "";
     let re = wordRE(wordChars);
     let token = context.matchBefore(mapRE(re, s => s + "$"));
     if (!token && !context.explicit)

package/dist/index.js

@@ -439,6 +439,7 @@ function defaultPositionInfo(view, list, option, info, space, tooltip) {
     };
 }
 
+const setSelectedEffect = /*@__PURE__*/StateEffect.define();
 function optionContent(config) {
     let content = config.addToOptions.slice();
     if (config.icons)
@@ -494,8 +495,8 @@ function rangeAroundSelected(total, selected, max) {
         let off = Math.floor(selected / max);
         return { from: off * max, to: (off + 1) * max };
     }
-    let off = Math.floor((total - selected) / max);
-    return { from: total - (off + 1) * max, to: total - off * max };
+    let off = Math.ceil((total - selected) / max);
+    return { from: total - off * max, to: total - (off - 1) * max };
 }
 class CompletionTooltip {
     constructor(view, stateField, applyCompletion) {
@@ -530,6 +531,16 @@ class CompletionTooltip {
                     return;
                 }
             }
+            if (e.target == this.list) {
+                let move = this.list.classList.contains("cm-completionListIncompleteTop") &&
+                    e.clientY < this.list.firstChild.getBoundingClientRect().top ? this.range.from - 1 :
+                    this.list.classList.contains("cm-completionListIncompleteBottom") &&
+                        e.clientY > this.list.lastChild.getBoundingClientRect().bottom ? this.range.to : null;
+                if (move != null) {
+                    view.dispatch({ effects: setSelectedEffect.of(move) });
+                    e.preventDefault();
+                }
+            }
         });
         this.dom.addEventListener("focusout", (e) => {
             let state = view.state.field(this.stateField, false);
@@ -1031,7 +1042,6 @@ function checkValid(validFor, state, from, to) {
 const setActiveEffect = /*@__PURE__*/StateEffect.define({
     map(sources, mapping) { return sources.map(s => s.map(mapping)); }
 });
-const setSelectedEffect = /*@__PURE__*/StateEffect.define();
 const completionState = /*@__PURE__*/StateField.define({
     create() { return CompletionState.start(); },
     update(value, tr) { return value.update(tr); },
@@ -1345,7 +1355,8 @@ const baseTheme = /*@__PURE__*/EditorView.baseTheme({
         content: '"···"',
         opacity: 0.5,
         display: "block",
-        textAlign: "center"
+        textAlign: "center",
+        cursor: "pointer",
     },
     ".cm-tooltip.cm-completionInfo": {
         position: "absolute",
@@ -1765,7 +1776,8 @@ A completion source that will scan the document for words (using a
 return those as completions.
 */
 const completeAnyWord = context => {
-    let wordChars = context.state.languageDataAt("wordChars", context.pos).join("");
+    var _a;
+    let wordChars = (_a = context.state.languageDataAt("wordChars", context.pos)[0]) !== null && _a !== void 0 ? _a : "";
     let re = wordRE(wordChars);
     let token = context.matchBefore(mapRE(re, s => s + "$"));
     if (!token && !context.explicit)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codemirror/autocomplete",
-  "version": "6.20.0",
+  "version": "6.20.2",
   "description": "Autocompletion for the CodeMirror code editor",
   "scripts": {
     "test": "cm-runtests",
@@ -36,6 +36,6 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/codemirror/autocomplete.git"
+    "url": "git+https://code.haverbeke.berlin/codemirror/autocomplete.git"
   }
 }

package/.github/workflows/dispatch.yml

@@ -1,16 +0,0 @@
-name: Trigger CI
-on: push
-
-jobs:
-  build:
-    name: Dispatch to main repo
-    runs-on: ubuntu-latest
-    steps:
-      - name: Emit repository_dispatch
-        uses: mvasigh/dispatch-action@main
-        with:
-          # You should create a personal access token and store it in your repository
-          token: ${{ secrets.DISPATCH_AUTH }}
-          repo: dev
-          owner: codemirror
-          event_type: push