[TypeScript]　Discord.jsでスラッシュコマンドを使ってボタンを実装する

client.buttons = new Collection();
const path = "/app/src/buttons"
const files = readdirSync(path, { withFileTypes: true })
    .filter(dirent => dirent.isFile()).map(({ name }) => name);
files.forEach(async (name: string,) => {
    const myButton = await import(`${path}/${name}`);
    client.buttons.set(myButton.button.name, myButton.button);
})

import { ButtonInteraction, SlashCommandBuilder } from "discord.js";

export const button = {
	name:"primary",
	execute: async (interaction: ButtonInteraction) => {
		await interaction.reply({ content: "これはテストです！", ephemeral: true });
	},
};

import { Interaction } from "discord.js";

export const event = {
    name: "interactionCreate",
    once: false,
    execute: async (interaction: Interaction) => {
        //コマンドの場合
        if (interaction.isChatInputCommand()) {
        // ...
        }

        //ボタンの場合
        if (interaction.isButton()) {
            const btn = interaction.client.buttons.get(interaction.customId);
            
            if (!btn) return;

            try {await btn.execute(interaction);} 
            catch (error) {
                //...
            }
        }
    }
}

.
├── README.md
├── app
│   ├── package-lock.json
│   ├── package.json
│   ├── src
│   │   ├── @types
│   │   │   └── client.d.ts
│   │   ├── buttons
│   │   │   └── btn.ts
│   │   ├── commands
│   │   │   └── test.ts
│   │   ├── events
│   │   │   ├── guildMemberAdd.ts
│   │   │   ├── guildScheduledEventCreate.ts
│   │   │   ├── interactionCreate.ts
│   │   │   ├── messageCreate.ts
│   │   │   ├── ready.ts
│   │   │   └── voiceStateUpdate.ts
│   │   ├── index.ts
│   └── tsconfig.json
├── docker-compose.yml