initial autocomplete attempt

Author: YousefED

examples/09-ai/01-minimal/src/App.tsx

@@ -14,6 +14,7 @@ import {
 import {
   AIMenuController,
   AIToolbarButton,
+  createAIAutoCompleteExtension,
   createAIExtension,
   getAISlashMenuItems,
 } from "@blocknote/xl-ai";
@@ -41,6 +42,7 @@ export default function App() {
           api: `${BASE_URL}/regular/streamText`,
         }),
       }),
+      createAIAutoCompleteExtension(),
     ],
     // We set some initial content for demo purposes
     initialContent: [

packages/core/src/extensions/SuggestionMenu/SuggestionPlugin.ts

@@ -290,7 +290,7 @@ export class SuggestionMenuProseMirrorPlugin<
         },
 
         props: {
-          handleTextInput(view, from, to, text) {
+          handleTextInput(view, from, to, text, deflt) {
             // only on insert
             if (from === to) {
               const doc = view.state.doc;
@@ -301,18 +301,21 @@ export class SuggestionMenuProseMirrorPlugin<
                     : text;
 
                 if (str === snippet) {
-                  view.dispatch(view.state.tr.insertText(text));
                   view.dispatch(
-                    view.state.tr
-                      .setMeta(suggestionMenuPluginKey, {
-                        triggerCharacter: snippet,
-                      })
-                      .scrollIntoView(),
+                    deflt().setMeta(suggestionMenuPluginKey, {
+                      triggerCharacter: snippet,
+                    }),
                   );
                   return true;
                 }
               }
             }
+            if (this.getState(view.state)) {
+              // when menu is open, we dispatch the default transaction
+              // and return true so that other event handlers (i.e.: AI AutoComplete) are not triggered
+              view.dispatch(deflt());
+              return true;
+            }
             return false;
           },
 

packages/xl-ai/src/index.ts

@@ -11,4 +11,5 @@ export * from "./components/AIMenu/PromptSuggestionMenu.js";
 export * from "./components/FormattingToolbar/AIToolbarButton.js";
 export * from "./components/SuggestionMenu/getAISlashMenuItems.js";
 export * from "./i18n/dictionary.js";
+export * from "./plugins/AutoCompletePlugin.js";
 export * from "./streamTool/index.js";