Autocomplete

Author: meruune

src/aliases.js

@@ -10,7 +10,8 @@ export const _COMMAND = {
     {
       name: 'topic',
       description: 'What seekest thou to understand?',
-      type: 3
+      type: 3,
+      autocomplete: true
     },
   ],
 };
@@ -22,7 +23,8 @@ export const _COMMAND_HOSHI = {
     {
       name: 'topic',
       description: 'What seekest thou to understand?',
-      type: 3
+      type: 3,
+      autocomplete: true
     },
   ],
 };
@@ -34,7 +36,8 @@ export const _COMMAND_NEMI = {
     {
       name: 'topic',
       description: 'What seekest thou to understand?',
-      type: 3
+      type: 3,
+      autocomplete: true
     },
   ],
 };

src/server.js

@@ -77,6 +77,36 @@ router.post('/', async (request, env) => {
     }
   }
 
+  if (interaction.type === InteractionType.APPLICATION_COMMAND_AUTOCOMPLETE) {
+    switch (interaction.data.name.toLowerCase()) {
+      case _COMMAND.name.toLowerCase():
+      case _COMMAND_HOSHI.name.toLowerCase():
+      case _COMMAND_NEMI.name.toLowerCase(): {
+        // I know this code doesn't look or feel too great...
+        // Please leave me alone, I'm a C# dev... I hate JS......
+        const optionValue = interaction.data.options?.[0]?.value.toLowerCase();
+        const focused = optionValue || '';
+
+        const matches = Object.keys(commandMap)
+          .filter(key => key.toLowerCase().includes(focused))
+          .slice(0, 25) // Discord max
+          .map(key => ({
+            name: key,  // what shows up in dropdown
+            value: key, // what gets sent back if selected
+          }));
+
+        return new JsonResponse({
+          type: InteractionResponseType.APPLICATION_COMMAND_AUTOCOMPLETE_RESULT,
+          data: {
+            choices: matches,
+          },
+        });
+      }
+      default:
+        return new JsonResponse({ error: 'Unknown Type' }, { status: 400 });
+    }
+  }
+
   console.error('Unknown Type');
   return new JsonResponse({ error: 'Unknown Type' }, { status: 400 });
 });