Upgrade Interaction Handler and its Interactions to TypeScript

Author: MastiDev

src/handlers/application.js renamed to src/handlers/application.ts

@@ -1,19 +1,26 @@
 import config from '../data/config.js';
 import chalk from 'chalk';
-import { REST, Routes } from 'discord.js';
+import { Client, REST, Routes } from 'discord.js';
+
 const rest = new REST({ version: '10' }).setToken(config.bot.token);
 
-async function registerApplicationCommands(client) {
+async function registerApplicationCommands(client: Client) {
 	try {
-		let commands = new Map();
+		if (!client.user) throw new Error('User not available in the client.');
+
+		// eslint-disable-next-line @typescript-eslint/no-explicit-any
+		const commands = new Map<string, any>();
 		for (const [key, value] of client.interaction) {
-			if (key.startsWith('slashCommand-') || key.startsWith('contextMenu-')) commands.set(key, value);
+			if (typeof key === 'string' && (key.startsWith('slashCommand-') || key.startsWith('contextMenu-'))) {
+				commands.set(key, value);
+			}
 		}
-		
+
 		await rest.put(
 			Routes.applicationCommands(client.user.id),
 			{ body: [...commands.values()].map(command => command.data.toJSON()) },
 		);
+
 		console.log(chalk.greenBright('[APPLICATION] Successfully registered application commands.'));
 	} catch (err) {
 		console.error(err);

src/handlers/handler.js renamed to src/handlers/handler.ts

@@ -1,20 +1,21 @@
 import fs from 'fs';
 import chalk from 'chalk';
+import { Client } from 'discord.js';
 
-async function loadInteractions(folderPath, client) {
+async function loadInteractions(folderPath: string, client: Client) {
 	try {
-		let files = fs.readdirSync(folderPath);
+		const files = fs.readdirSync(folderPath);
 
 		for (let i = 0; i < files.length; i++) {
-			let file = files[i];
-			let filePath = folderPath + '/' + file;
-			let stats = fs.statSync(filePath);
+			const file = files[i];
+			const filePath = folderPath + '/' + file;
+			const stats = fs.statSync(filePath);
 
 			if (stats.isDirectory()) {
 				await loadInteractions(filePath, client);
 			} else {
-				let interactionPath = '.' + filePath;
-				let interaction = await import(`../${interactionPath}?${Date.now()}`);
+				const interactionPath = '.' + filePath;
+				const interaction = await import(`../${interactionPath}?${Date.now()}`);
 
 				if (interaction.default.disabled === true) return;
 				if (interaction.default.type === 'messageCommand') {

src/index.ts

@@ -2,8 +2,8 @@ import Discord from 'discord.js';
 import config from './data/config.js';
 
 import loadEvents from './handlers/events.js';
-// import loadInteractions from './handlers/handler.js';
-// import registerApplicationCommands from './handlers/application.js';
+import loadInteractions from './handlers/handler.js';
+import registerApplicationCommands from './handlers/application.js';
 import { loadCronJobs } from './handlers/cronjobs.js';
 
 const client = new Discord.Client({
@@ -27,9 +27,9 @@ await client.login(config.bot.token);
 client.interaction = new Discord.Collection();
 
 await loadEvents(client);
-// await loadInteractions('./src/interactions', client);
-// await registerApplicationCommands(client);
-await loadCronJobs('./src/cron', client);
+await loadInteractions('./dist/interactions', client);
+await registerApplicationCommands(client);
+await loadCronJobs('./dist/cron', client);
 
 process.on('uncaughtException', function (err) {
 	console.error(err);

src/interactions/button.js

@@ -0,0 +1,10 @@
+import { Client, ButtonInteraction } from 'discord.js';
+
+export default {
+	id: 'button',
+	type: 'button',
+	disabled: false,
+	async execute(client: Client, interaction: ButtonInteraction) {
+		interaction.reply('Hello World!');
+	}
+};

src/interactions/button.ts

@@ -0,0 +1,10 @@
+import { Client, ChannelSelectMenuInteraction } from 'discord.js';
+
+export default {
+	id: 'channelSelectMenu',
+	type: 'channelSelectMenu',
+	disabled: false,
+	async execute(client: Client, interaction: ChannelSelectMenuInteraction) {
+		interaction.reply('Hello World!');
+	}
+};

src/interactions/channelSelectMenu.js

@@ -0,0 +1,10 @@
+import { Client, MentionableSelectMenuInteraction } from 'discord.js';
+
+export default {
+	id: 'mentionableSelectMenu',
+	type: 'mentionableSelectMenu',
+	disabled: false,
+	async execute(client: Client, interaction: MentionableSelectMenuInteraction) {
+		interaction.reply('Hello World!');
+	}
+};