💦 POG | Tam Button Ve Menü Desteği

Tam Button Ve Menü Desteği
Erdem'e Teşekkürler!

Co-Authored-By: Erdem <[email protected]>

Author: TheArmagan

interactions/butonYolla.js

@@ -1,33 +1,16 @@
-const { MessageButton, MessageActionRow, MessageSelectMenu } = require("discord.js");
-
 module.exports = new Underline.SlashCommand({
   name: ["buton-yolla"],
   description: "Buton yollar",
   async onInteraction(inter, other) {
-    let button = new MessageButton().setLabel("hi").setStyle("PRIMARY").setCustomId("ornek");
-    let menu = new MessageSelectMenu().setCustomId("ornek").setMinValues(1).setMaxValues(1).setOptions([
-      {
-        label: "hi",
-        value: "sa"
-      },
-      {
-        label: "hello",
-        value: "as"
-      },
-    ])
-    let row = new MessageActionRow().addComponents(button)
-    let row2 = new MessageActionRow().addComponents(menu)
     inter.reply({
-      content: "Kebabu",
+      content: "Düğme!",
       components: [
-        row
-      ]
-    })
-    if(!inter.channel) await inter.user.createDM();
-    inter.channel.send({
-      content: "bö",
-      components: [
-        row2
+        {
+          type: "ACTION_ROW",
+          components: [
+            Underline.interactions.get("basBana").toJSON()
+          ]
+        }
       ]
     })
   },

interactions/buttons/basBana.js

@@ -0,0 +1,28 @@
+module.exports = new Underline.Button({
+  id: "basBana",
+  name: "basBana",
+  description: "...",
+  onInteraction(inter, other) {
+    inter.reply("Evet")
+    inter.message.edit({
+      components: [
+        {
+          type: "ACTION_ROW",
+          components: [
+            {
+              ...this.toJSON(),
+              label: `${Math.floor(1000 + Math.random() * 999)}`
+            }
+          ]
+        }
+      ]
+    })
+  },
+  options: {
+    style: "DANGER",
+    label: "Rastgele Sayı!",
+    emoji: "💥"
+  },
+  guildOnly: true,
+  developerOnly: false
+});

types/Button.js

@@ -1,7 +1,7 @@
+const { MessageButton } = require("discord.js");
 const Interaction = require("./Interaction");
 
 class Button extends Interaction {
-
   /** @param {Interaction.TOmittedInteraction & Interaction.Button} arg */
   constructor (arg = { }) {
     super({
@@ -10,6 +10,18 @@ class Button extends Interaction {
       ...arg
     })
   }
+  isButton() { return true; }
+  toJSON() {
+    let button = new MessageButton().setCustomId(this.name[0]).setStyle(this.options.style)
+    if (this.options.emoji) button.setEmoji(this.options.emoji);
+    if (this.options.label) button.setLabel(this.options.label);
+    if (this.options.url) button.setURL(this.options.url);
+    return button;
+  }
+  isSelectMenu() { return false; }
+  isChatActionCommand() { return false; }
+  isUserActionCommand() { return false; }
+  isMessageActionCommand() { return false; }
 }
 
 module.exports = Button;

types/Interaction.d.ts

@@ -13,21 +13,41 @@ import {
   PermissionString,
   SelectMenuInteraction,
   MessageSelectOptionData,
-  ButtonInteraction
+  ButtonInteraction,
+  MessageSelectMenu,
+  MessageButton,
+  MessageButtonStyleResolvable,
+  EmojiResolvable
 } from "discord.js";
 
+interface CustomSelectMenuOptions {
+  min?: number;
+  max?: number;
+  choices: MessageSelectOptionData[];
+  placeholder?: string;
+  onComplete?(interaction: SelectMenuInteraction): MessageSelectOptionData[]
+}
+
+interface CustomButtonOptions {
+  emoji?: EmojiResolvable;
+  label?: string;
+  style: MessageButtonStyleResolvable;
+  url?: string;
+}
+
 export type CustomApplicationCommandOptionData = (
     ApplicationCommandNonOptionsData
   | ApplicationCommandChannelOptionData
   | ApplicationCommandChoicesData
-) & { onComplete(interaction: AutocompleteInteraction, value: string|number): Promise<ApplicationCommandOptionChoice[]> }
+) & { onComplete(interaction: AutocompleteInteraction, value: string | number): ApplicationCommandOptionChoice[] }
 
 export class BaseInteraction {
   private _type: string;
   name: string[];
   id?: string;
   perms?: { bot: PermissionString[], user: PermissionString[] };
-  onInteraction: (interaction: CommandInteraction | ContextMenuInteraction, other: IOther ) => void;
+  onInteraction(interaction: CommandInteraction | ContextMenuInteraction, other: IOther ): void;
+  toJSON(): MessageButton | MessageSelectMenu | undefined;
   onLoad?(client: Client): void;
   coolDowns: Map<string, number>;
   description!: string;
@@ -38,12 +58,17 @@ export class BaseInteraction {
   guildOnly?: boolean;
   options?: CustomApplicationCommandOptionData[];
   defaultPermission?: boolean;
-  actionType?: ApplicationCommandType;
-  constructor(arg: TInteractionConstructor)
+  actionType?: ApplicationCommandType | "SELECT_MENU" | "BUTTON";
+  isSelectMenu(): this is import("./SelectMenu");
+  isButton(): this is  import("./Button");
+  isChatActionCommand(): this is import("./SlashCommand");
+  isUserActionCommand(): this is  import("./UserAction");
+  isMessageActionCommand(): this is  import("./MessageAction");
+  constructor(arg: TInteractionConstructor);
 }
 
-export type TOmittedInteraction = Omit<BaseInteraction, "_type" | "coolDowns" | "name" | "onInteraction" | "actionType" | "options">;
-export type TInteractionConstructor = TOmittedInteraction & ((ActionChatCommand | ActionRightClickCommand) & SelectMenu);
+export type TOmittedInteraction = Omit<BaseInteraction, "_type" | "coolDowns" | "name" | "onInteraction" | "actionType" | "options" | "toJSON">;
+export type TInteractionConstructor = TOmittedInteraction & ((ActionChatCommand | ActionRightClickCommand | SelectMenu | Button));
 
 export interface IOther {
   setCoolDown(durations: number): void,
@@ -53,29 +78,33 @@ export interface IOther {
 export interface ActionChatCommand {
   name: string[];
   actionType: "CHAT_INPUT";
-  onInteraction: (interaction: CommandInteraction, other: IOther) => void;
+  onInteraction(interaction: CommandInteraction, other: IOther): void;
   options: CustomApplicationCommandOptionData[];
+  toJSON(): undefined;
 }
 
 export interface ActionRightClickCommand {
   name: string;
   actionType: "MESSAGE" | "USER";
-  onInteraction: (interaction: ContextMenuInteraction, other: IOther) => void;
+  onInteraction(interaction: ContextMenuInteraction, other: IOther): void;
   options: undefined;
+  toJSON(): undefined;
 }
 
 export interface SelectMenu {
   name: string;
   actionType: "SELECT_MENU";
-  onInteraction: (interaction: SelectMenuInteraction, other: IOther) => void;
-  options?: MessageSelectOptionData[]
+  onInteraction(interaction: SelectMenuInteraction, other: IOther): void;
+  options?: CustomSelectMenuOptions;
+  toJSON(): MessageSelectMenu;
 }
 
 export interface Button {
   name: string;
   actionType: "BUTTON";
-  onInteraction: (interaction: ButtonInteraction, other: IOther) => void;
-  options?: undefined;
+  onInteraction(interaction: ButtonInteraction, other: IOther): void;
+  options?: CustomButtonOptions;
+  toJSON(): MessageButton;
 }
 
 export = BaseInteraction;

types/Interaction.js

@@ -53,7 +53,7 @@ class Interaction {
     this.developerOnly = Boolean(arg.developerOnly ?? Underline.config.interactionDefaults.developerOnly);
     this.other = defaultify(typeof arg.other == "object" ? arg.other : {}, Underline.config.interactionDefaults.other);
     this.coolDown = typeof arg.coolDown == "number" ? arg.coolDown : Underline.config.interactionDefaults.coolDown;
-    this.options = Array.isArray(arg.options) ? arg.options : Underline.config.interactionDefaults.options;
+    this.options = arg.options;
     this.defaultPermission = Boolean(arg.defaultPermission ?? Underline.config.interactionDefaults.defaultPermission);
   }
 }

types/MessageAction.js

@@ -8,10 +8,15 @@ class MessageAction extends Interaction {
     super({
       type: "COMMAND",
       actionType: "MESSAGE",
-      name: [arg.name],
       ...arg
     })
   }
+  isMessageActionCommand() { return true; }
+  isSelectMenu() { return false; }
+  isButton() { return false; }
+  isChatActionCommand() { return false; }
+  isUserActionCommand() { return false; }
+  toJSON() {}
 }
 
 module.exports = MessageAction;

types/SelectMenu.js

@@ -1,7 +1,7 @@
+const { MessageSelectMenu } = require("discord.js");
 const Interaction = require("./Interaction");
 
 class SelectMenu extends Interaction {
-
   /** @param {Interaction.TOmittedInteraction & Interaction.SelectMenu} arg */
   constructor (arg = {}) {
     super({
@@ -10,6 +10,17 @@ class SelectMenu extends Interaction {
       ...arg
     })
   }
+  isSelectMenu() { return true; }
+  isButton() { return false; }
+  isChatActionCommand() { return false; }
+  isUserActionCommand() { return false; }
+  isMessageActionCommand() { return false; }
+  toJSON() {
+    let menu = new MessageSelectMenu().addOptions( this.options?.onComplete ? this.options.onComplete() : (this.options?.choices ?? []) )
+      .setMinValues(this.options.min ?? 1).setMaxValues(this.options.max ?? this.options.choices.length).setCustomId(this.name)
+    if(this.options.placeholder) menu.setPlaceholder(this.options.placeholder)
+    return menu;
+  }
 }
 
 module.exports = SelectMenu;

types/SlashCommand.js

@@ -10,6 +10,12 @@ class SlashCommand extends Interaction {
       ...arg
     })
   }
+  isChatActionCommand() { return true; }
+  isSelectMenu() { return false; }
+  isButton() { return false; }
+  isUserActionCommand() { return false; }
+  isMessageActionCommand() { return false; }
+  toJSON() {}
 }
 
 module.exports = SlashCommand;

types/UserAction.js

@@ -8,10 +8,15 @@ class MessageAction extends Interaction {
     super({
       type: "COMMAND",
       actionType: "USER",
-      name: [arg.name],
       ...arg
     })
   }
+  isUserActionCommand() { return true; }
+  isSelectMenu() { return false; }
+  isButton() { return false; }
+  isChatActionCommand() { return false; }
+  isMessageActionCommand() { return false; }
+  toJSON() {}
 }
 
 module.exports = MessageAction;