[prosemirror-autocomplete] add cancelOnSpace option

packages/prosemirror-autocomplete/README.md

@@ -103,7 +103,8 @@ Provide the trigger in the matched group and anything before in a non-capture gr
 
 - `name: string`: the trigger is passed in the action, you can use this to descriminate handler calls
 - `trigger: string | RegExp`: used to trigger an autocomplete suggestion - described above
-- `cancelOnFirstSpace?: boolean`, cancels the auto complete on first space, default is true
+- `cancelOnSpace?: boolean` (default `false`) When `true`, a space anywhere in the filter cancels autocompletion, and the value of `cancelOnFirstSpace` is ignored.  Default is `false`.
+- `cancelOnFirstSpace?: boolean` (default `true`) When `true`, only a space in the initial position of the filter will cancel autocompletion, while spaces elsewhere are allowed.  Default is `true`.
 - `allArrowKeys?: boolean`: Use left/right arrow keys, default is false
 - `decorationAttrs?: DecorationAttrs`, passed to the `<span>` element directly through prosemirror
 

packages/prosemirror-autocomplete/demo/index.ts

@@ -14,7 +14,7 @@ const options: Options = {
   reducer,
   triggers: [
     // For demo purposes, make the `#` and `@` easier to create
-    { name: 'hashtag', trigger: /(#)$/ },
+    { name: 'hashtag', trigger: /(#)$/, cancelOnSpace: true },
     { name: 'mention', trigger: /(@)$/ },
     { name: 'emoji', trigger: ':' },
     { name: 'link', trigger: '[[', cancelOnFirstSpace: false },

packages/prosemirror-autocomplete/src/decoration.ts

@@ -140,10 +140,13 @@ export function getDecorationPlugin(reducer: Required<Options>['reducer']) {
         // Be defensive, just in case the trigger doesn't exist
         const filter = text.slice(trigger?.length ?? 1);
 
-        const checkCancelOnSpace = type?.cancelOnFirstSpace ?? true;
+        const cancelOnFirstSpace = type?.cancelOnFirstSpace ?? true;
+        const cancelOnSpace = type?.cancelOnSpace ?? false;
+        const checkCancelOnSpace = cancelOnFirstSpace || cancelOnSpace;
+
         if (
           checkCancelOnSpace &&
-          filter.length === 0 &&
+          (cancelOnSpace || filter.length === 0) &&
           (event.key === ' ' || event.key === 'Spacebar')
         ) {
           closeAutocomplete(view);

packages/prosemirror-autocomplete/src/types.ts

@@ -60,7 +60,12 @@ export type AutocompleteTrMeta = OpenAutocomplete | CloseAutocomplete;
 export type Trigger = {
   name: string;
   trigger: string | RegExp;
-  cancelOnFirstSpace?: boolean; // Default is true
+  /** When `true`, a space anywhere in the filter cancels autocompletion, and
+   * the value of `cancelOnFirstSpace` is ignored.  (default: `false`) */
+  cancelOnSpace?: boolean;
+  /** When `true`, a space in the initial position of the filter cancels
+   * autocompletion, while spaces elsewhere are allowed.  (default: `true`) */
+  cancelOnFirstSpace?: boolean;
   allArrowKeys?: boolean; // Default is false
   decorationAttrs?: DecorationAttrs;
 };