Add commands structure (#10)

* Create commands structure

* Create hello command

* Register application commands

* Refactor file

Author: vexuas

src/commands/commands.ts

@@ -0,0 +1,39 @@
+import { SlashCommandBuilder } from '@discordjs/builders';
+import { Client, CommandInteraction } from 'discord.js';
+import fs from 'fs';
+import path from 'path';
+
+export type AppCommands = {
+  hello?: AppCommand;
+};
+export type AppCommand = {
+  data: SlashCommandBuilder;
+  execute: (data: AppCommandOptions) => void;
+};
+export type AppCommandOptions = {
+  interaction: CommandInteraction;
+  app: Client;
+};
+type ExportedAppCommand = {
+  default: AppCommand;
+};
+export function getApplicationCommands(): AppCommands {
+  const appCommands: AppCommands = {};
+  const loadModules = (directoryPath: string) => {
+    const files = fs.readdirSync(directoryPath, { withFileTypes: true });
+    files.forEach((file) => {
+      const filePath = path.join(directoryPath, file.name);
+      if (file.isDirectory()) {
+        return loadModules(filePath);
+      }
+      if (file.name === 'index.js') {
+        const modulePath = `./${filePath.replace('dist/commands/', '')}`;
+        const currentModule = require(modulePath) as ExportedAppCommand;
+        appCommands[directoryPath.replace('dist/commands/', '') as keyof AppCommands] =
+          currentModule.default;
+      }
+    });
+  };
+  loadModules('./dist/commands');
+  return appCommands;
+}

src/commands/hello/index.ts

@@ -0,0 +1,14 @@
+import { SlashCommandBuilder } from 'discord.js';
+import { AppCommand, AppCommandOptions } from '../commands';
+
+export default {
+  data: new SlashCommandBuilder().setName('hello').setDescription('Greets the user!'),
+  async execute({ interaction }: AppCommandOptions) {
+    try {
+      await interaction.deferReply();
+      await interaction.editReply('Hello!');
+    } catch (error) {
+      console.log(error);
+    }
+  },
+} as AppCommand;

src/events/events.ts

@@ -1,6 +1,9 @@
 import { Client } from 'discord.js';
 import fs from 'fs';
 import path from 'path';
+import { AppCommands, getApplicationCommands } from '../commands/commands';
+
+const appCommands = getApplicationCommands();
 
 interface Props {
   app: Client;
@@ -10,6 +13,7 @@ type ExportedEventModule = {
 };
 export type EventModule = {
   app: Client;
+  appCommands?: AppCommands;
 };
 export function registerEventHandlers({ app }: Props): void {
   const loadModules = (directoryPath: string) => {
@@ -27,7 +31,7 @@ export function registerEventHandlers({ app }: Props): void {
           if (file.name === 'index.js') {
             const modulePath = `.${filePath.replace('dist/events', '')}`;
             const currentModule = require(modulePath) as ExportedEventModule;
-            currentModule.default({ app });
+            currentModule.default({ app, appCommands });
           }
         });
     });

src/events/ready/index.ts

@@ -1,11 +1,45 @@
-import { Client } from 'discord.js';
+import { REST, Routes } from 'discord.js';
+import { AppCommands } from '../../commands/commands';
+import { BOT_TOKEN, ENV, GUILD_IDS } from '../../config/environment';
+import { EventModule } from '../events';
 
-interface Props {
-  app: Client;
-}
-export default function ({ app }: Props) {
+const rest = new REST({ version: '9' }).setToken(BOT_TOKEN);
+
+const registerApplicationCommands = async (commands?: AppCommands) => {
+  if (!commands) return;
+  const commandList = Object.keys(commands)
+    .map((key) => {
+      const commandKey = commands[key as keyof AppCommands];
+      if (commandKey) return commandKey.data;
+    })
+    .map((command) => command && command.toJSON());
+
+  try {
+    if (ENV === 'dev') {
+      if (GUILD_IDS) {
+        //Registering guild-only commands to the bot; I like to use a different bot for dev purposes
+        //TODO: Change id here to placeholder
+        await rest.put(Routes.applicationGuildCommands('929421200797626388', GUILD_IDS), {
+          body: commandList,
+        });
+        console.log('Successfully registered guild application commands');
+      }
+    } else {
+      //Registering global commands for the bot i.e. every guild will see the commands; I mostly just use this in production
+      //TODO: Change id here to placeholder
+      await rest.put(Routes.applicationCommands('518196430104428579'), { body: commandList });
+      console.log('Successfully registered global application commands');
+    }
+  } catch (error) {
+    //TODO: Add error handling
+    console.log(error);
+  }
+};
+
+export default function ({ app, appCommands }: EventModule) {
   app.once('ready', async () => {
     try {
+      await registerApplicationCommands(appCommands);
       console.log("I'm booting up! (◕ᴗ◕✿)");
     } catch (error) {
       console.log(error);