Upgrade event handler to TypeScript

Author: MastiDev

src/events/interactionCreate.js renamed to src/events/interactionCreate.ts

@@ -1,6 +1,15 @@
+import { Client, Interaction, MessageComponentInteraction, CommandInteraction } from 'discord.js';
+
+interface CustomInteraction {
+	id: string;
+	type: string;
+	disabled: boolean;
+	execute(client: Client, interaction: MessageComponentInteraction | Interaction | CommandInteraction | any): Promise<void>;
+}
+
 export default {
 	event: 'interactionCreate',
-	async execute(client, interaction) {
+	async execute(client: Client, interaction: MessageComponentInteraction | Interaction | CommandInteraction | any) {
 		try {
 
 			const interactionType = (() => {
@@ -17,7 +26,7 @@ export default {
 				if (interaction.isUserSelectMenu()) return 'userSelectMenu';
 			})();
 
-			let action = client.interaction.get(`${interactionType}-${interaction.customId || interaction.commandName}`);
+			let action = client.interaction.get(`${interactionType}-${interaction.customId || interaction.commandName}`) as CustomInteraction;
 			if (!action) return;
 			try {
 				action.execute(client, interaction);

src/events/messageCreate.js renamed to src/events/messageCreate.ts

@@ -1,14 +1,23 @@
 import config from '../data/config.js';
+import { Client, Message } from 'discord.js';
+
+interface CustomCommand {
+	id: string;
+	type: string;
+	disabled: boolean;
+	aliases: string[];
+	execute(client: Client, message: Message, args: string[]): Promise<void>;
+}
 
 export default {
 	event: 'messageCreate',
-	async execute(client, message) {
+	async execute(client: Client, message: Message) {
 		try {
 			if (message.author.bot) return;
 
 			if (message.content.startsWith(config.bot.prefix)) {
 				const args = message.content.slice(config.bot.prefix.length).trim().split(/ +/);
-				const command = client.interaction.get(`messageCommand-${args[0]}`);
+				const command = client.interaction.get(`messageCommand-${args[0]}`) as CustomCommand;
 				if (!command) return;
 				try {
 					command.execute(client, message, args);

src/events/ready.js renamed to src/events/ready.ts

@@ -1,12 +1,13 @@
+import { Client } from 'discord.js';
 import chalk from 'chalk';
 import { readFileSync } from 'fs';
 let version = JSON.parse(readFileSync('./package.json', 'utf8')).version;
 
 export default {
 	event: 'ready',
-	async execute(client) {
+	async execute(client: Client) {
 		try {
-			console.log(chalk.yellow(`[LOGIN] logged in as ${client.user.tag} -> Version ${version}`));
+			console.log(chalk.yellow(`[LOGIN] logged in as ${client.user!.tag} -> Version ${version}`));
 		} catch (error) {
 			return console.log(error);
 		}

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

@@ -1,10 +1,12 @@
 import { readdirSync } from 'fs';
 import chalk from 'chalk';
+import { Client } from 'discord.js';
 
-async function loadEvents(client) {
-	const eventFiles = readdirSync('./src/events').filter(file => file.endsWith('.js'));
+async function loadEvents(client: Client) {
+	const eventFiles = readdirSync('./dist/events').filter(file => file.endsWith('.js'));
 	if (!eventFiles) return;
 	for (let i = 0; i < eventFiles.length; i++) {
+		eventFiles[i] = eventFiles[i];
 		const event = await import(`../events/${eventFiles[i]}`);
 		client.on(event.default.event, event.default.execute.bind(null, client));
 		console.log(chalk.greenBright(`[EVENT] Loaded ${(chalk.yellow(eventFiles[i]))} with event ${(chalk.yellow(event.default.event))}`));

src/index.ts

@@ -1,7 +1,7 @@
 import Discord from 'discord.js';
 import config from './data/config.js';
 
-// import loadEvents from './handlers/events.js';
+import loadEvents from './handlers/events.js';
 // import loadInteractions from './handlers/handler.js';
 // import registerApplicationCommands from './handlers/application.js';
 import { loadCronJobs } from './handlers/cronjobs.js';
@@ -26,7 +26,7 @@ await client.login(config.bot.token);
 
 client.interaction = new Discord.Collection();
 
-// await loadEvents(client);
+await loadEvents(client);
 // await loadInteractions('./src/interactions', client);
 // await registerApplicationCommands(client);
 await loadCronJobs('./src/cron', client);