refactor: improve interaction handling for slash and context menu commands with enhanced error logging

Author: wiktoriavh

index.ts

@@ -3,40 +3,68 @@ import { config } from "./env.js";
 import { loadCommands } from "./src/utils/loadCommands.js";
 import { registerCommands } from "./src/utils/registerCommands.js";
 
-// Create a new client instance
 const client = new Client({ intents: [GatewayIntentBits.Guilds] });
 client.commands = new Collection();
 
 loadCommands(client);
 registerCommands();
 
 client.on(Events.InteractionCreate, async (interaction) => {
-  if (!interaction.isChatInputCommand()) {
-    return;
-  }
+  /**
+   * Slash Commands
+   */
+  if (interaction.isChatInputCommand()) {
+    const command = client.commands.get(interaction.commandName);
+    if (!command) {
+      console.log(`Command not found ${interaction.commandName}`);
+      return;
+    }
 
-  const command = client.commands.get(interaction.commandName);
-  if (!command) {
+    try {
+      await command.execute(interaction);
+    } catch (error) {
+      console.error(error);
+      await interaction.reply({
+        content: `There was an error while executing the ${interaction.commandName} command.`,
+        ephemeral: true,
+      });
+      console.log(`Error executing command ${interaction.commandName}`);
+      console.error(error);
+    }
     return;
   }
 
-  try {
-    await command.execute(interaction);
-  } catch (error) {
-    console.error(error);
-    await interaction.reply({
-      content: "There was an error while executing this command.",
-      ephemeral: true,
-    });
+  /**
+   * Message Context Menu Commands
+   */
+  if (interaction.isMessageContextMenuCommand()) {
+    const command = client.commands.get(interaction.commandName);
+    if (!command) {
+      console.log(`Command not found ${interaction.commandName}`);
+      return;
+    }
+
+    try {
+      await command.execute(interaction);
+    } catch (error) {
+      console.error(error);
+      try {
+        await interaction.reply({
+          content: `There was an error while executing the ${interaction.commandName} command.`,
+          ephemeral: true,
+        });
+      } catch {
+        console.log(`Error replying to interaction ${interaction.commandName}`);
+      }
+    }
   }
 });
 
-// When the client is ready, run this code (only once).
-// The distinction between `client: Client<boolean>` and `readyClient: Client<true>` is important for TypeScript developers.
-// It makes some properties non-nullable.
+/**
+ * Client Ready
+ */
 client.once(Events.ClientReady, (readyClient) => {
   console.log(`Ready! Logged in as ${readyClient.user.tag}`);
 });
 
-// Log in to Discord with your client's token
 client.login(config.discord.token);