mirror of https://github.com/clickscodes/nucleus
TheCodedProf
3 years ago
parent
baee2c19da
commit
46518a4bb5
@ -0,0 +1,252 @@
|
||||
import { ActionRowBuilder, APIMessageComponentEmoji, ButtonBuilder, ButtonStyle, ChannelSelectMenuBuilder, ChannelType, CommandInteraction, MessageCreateOptions, ModalBuilder, SlashCommandSubcommandBuilder, StringSelectMenuBuilder, StringSelectMenuOptionBuilder, TextInputBuilder, TextInputStyle } from "discord.js";
|
||||
import type Discord from "discord.js";
|
||||
import { LoadingEmbed } from "../../utils/defaults.js";
|
||||
import EmojiEmbed from "../../utils/generateEmojiEmbed.js";
|
||||
import lodash from "lodash";
|
||||
import getEmojiByName from "../../utils/getEmojiByName.js";
|
||||
import { modalInteractionCollector } from "../../utils/dualCollector.js";
|
||||
|
||||
export const command = new SlashCommandSubcommandBuilder()
|
||||
.setName("buttons")
|
||||
.setDescription("Create clickable buttons for verifying, role menus etc.");
|
||||
|
||||
interface Data {
|
||||
buttons: string[],
|
||||
title: string | null,
|
||||
description: string | null,
|
||||
color: number,
|
||||
channel: string | null
|
||||
}
|
||||
|
||||
const colors: Record<string, number> = {
|
||||
RED: 0xF27878,
|
||||
ORANGE: 0xE5AB71,
|
||||
YELLOW: 0xF2D478,
|
||||
GREEN: 0x65CC76,
|
||||
BLUE: 0x72AEF5,
|
||||
PURPLE: 0xA358B2,
|
||||
PINK: 0xD46899,
|
||||
GRAY: 0x999999,
|
||||
}
|
||||
|
||||
const buttonNames: Record<string, string> = {
|
||||
verifybutton: "Verify",
|
||||
rolemenu: "Role Menu",
|
||||
createticket: "Ticket"
|
||||
}
|
||||
|
||||
export const callback = async (interaction: CommandInteraction): Promise<void> => {
|
||||
|
||||
const m = await interaction.reply({
|
||||
embeds: LoadingEmbed,
|
||||
fetchReply: true,
|
||||
ephemeral: true
|
||||
});
|
||||
|
||||
let closed = false;
|
||||
let data: Data = {
|
||||
buttons: [],
|
||||
title: null,
|
||||
description: null,
|
||||
color: colors["RED"]!,
|
||||
channel: interaction.channelId
|
||||
}
|
||||
do {
|
||||
|
||||
const buttons = new ActionRowBuilder<ButtonBuilder>()
|
||||
.addComponents(
|
||||
new ButtonBuilder()
|
||||
.setCustomId("edit")
|
||||
.setLabel("Edit Embed")
|
||||
.setStyle(ButtonStyle.Secondary),
|
||||
new ButtonBuilder()
|
||||
.setCustomId("send")
|
||||
.setLabel("Send")
|
||||
.setStyle(ButtonStyle.Primary)
|
||||
.setDisabled(!data.channel)
|
||||
);
|
||||
|
||||
const colorSelect = new ActionRowBuilder<StringSelectMenuBuilder>()
|
||||
.addComponents(
|
||||
new StringSelectMenuBuilder()
|
||||
.setCustomId("color")
|
||||
.setPlaceholder("Select a color")
|
||||
.setMinValues(1)
|
||||
.addOptions(
|
||||
Object.keys(colors).map((color: string) => {
|
||||
return new StringSelectMenuOptionBuilder()
|
||||
.setLabel(lodash.capitalize(color))
|
||||
.setValue(color)
|
||||
.setEmoji(getEmojiByName("COLORS." + color, "id") as APIMessageComponentEmoji)
|
||||
.setDefault(data.color === colors[color])
|
||||
}
|
||||
)
|
||||
)
|
||||
);
|
||||
|
||||
const buttonSelect = new ActionRowBuilder<StringSelectMenuBuilder>()
|
||||
.addComponents(
|
||||
new StringSelectMenuBuilder()
|
||||
.setCustomId("button")
|
||||
.setPlaceholder("Select buttons to add")
|
||||
.setMinValues(1)
|
||||
.setMaxValues(3)
|
||||
.addOptions(
|
||||
new StringSelectMenuOptionBuilder()
|
||||
.setLabel("Verify")
|
||||
.setValue("verifybutton")
|
||||
.setDescription("Click to get verified in the server")
|
||||
.setDefault(data.buttons.includes("verifybutton")),
|
||||
new StringSelectMenuOptionBuilder()
|
||||
.setLabel("Role Menu")
|
||||
.setValue("rolemenu")
|
||||
.setDescription("Click to customize your roles")
|
||||
.setDefault(data.buttons.includes("rolemenu")),
|
||||
new StringSelectMenuOptionBuilder()
|
||||
.setLabel("Ticket")
|
||||
.setValue("createticket")
|
||||
.setDescription("Click to create a support ticket")
|
||||
.setDefault(data.buttons.includes("createticket"))
|
||||
)
|
||||
)
|
||||
|
||||
const channelMenu = new ActionRowBuilder<ChannelSelectMenuBuilder>()
|
||||
.addComponents(
|
||||
new ChannelSelectMenuBuilder()
|
||||
.setCustomId("channel")
|
||||
.setPlaceholder("Select a channel")
|
||||
.setChannelTypes(ChannelType.GuildText, ChannelType.GuildAnnouncement, ChannelType.PublicThread, ChannelType.AnnouncementThread)
|
||||
)
|
||||
let channelName = interaction.guild!.channels.cache.get(data.channel!)?.name;
|
||||
if (data.channel === interaction.channelId) channelName = "this channel";
|
||||
const embed = new EmojiEmbed()
|
||||
.setTitle(data.title ?? "No title set")
|
||||
.setDescription(data.description ?? "*No description set*")
|
||||
.setColor(data.color)
|
||||
.setFooter({text: `Click the button below to edit the embed | The embed will be sent in ${channelName}`});
|
||||
|
||||
|
||||
await interaction.editReply({
|
||||
embeds: [embed],
|
||||
components: [colorSelect, buttonSelect, channelMenu, buttons]
|
||||
});
|
||||
|
||||
let i: Discord.ButtonInteraction | Discord.ChannelSelectMenuInteraction | Discord.StringSelectMenuInteraction;
|
||||
try {
|
||||
i = await interaction.channel!.awaitMessageComponent({
|
||||
filter: (i) => i.user.id === interaction.user.id,
|
||||
time: 300000
|
||||
}) as Discord.ButtonInteraction | Discord.ChannelSelectMenuInteraction | Discord.StringSelectMenuInteraction;
|
||||
} catch (e) {
|
||||
closed = true;
|
||||
break;
|
||||
}
|
||||
if(i.isButton()) {
|
||||
switch(i.customId) {
|
||||
case "edit": {
|
||||
await i.showModal(
|
||||
new ModalBuilder()
|
||||
.setCustomId("modal")
|
||||
.setTitle(`Options for ${i.customId}`)
|
||||
.addComponents(
|
||||
new ActionRowBuilder<TextInputBuilder>().addComponents(
|
||||
new TextInputBuilder()
|
||||
.setCustomId("title")
|
||||
.setLabel("Title")
|
||||
.setMaxLength(256)
|
||||
.setRequired(false)
|
||||
.setStyle(TextInputStyle.Short)
|
||||
.setValue(data.title ?? "")
|
||||
),
|
||||
new ActionRowBuilder<TextInputBuilder>().addComponents(
|
||||
new TextInputBuilder()
|
||||
.setCustomId("description")
|
||||
.setLabel("The text to display below the title")
|
||||
.setMaxLength(4000)
|
||||
.setRequired(false)
|
||||
.setStyle(TextInputStyle.Paragraph)
|
||||
.setValue(data.description ?? "")
|
||||
)
|
||||
)
|
||||
);
|
||||
await interaction.editReply({
|
||||
embeds: [
|
||||
new EmojiEmbed()
|
||||
.setTitle("Button Editor")
|
||||
.setDescription("Modal opened. If you can't see it, click back and try again.")
|
||||
.setStatus("Success")
|
||||
.setEmoji("GUILD.TICKET.OPEN")
|
||||
],
|
||||
components: [
|
||||
new ActionRowBuilder<ButtonBuilder>().addComponents([
|
||||
new ButtonBuilder()
|
||||
.setLabel("Back")
|
||||
.setEmoji(getEmojiByName("CONTROL.LEFT", "id"))
|
||||
.setStyle(ButtonStyle.Primary)
|
||||
.setCustomId("back")
|
||||
])
|
||||
]
|
||||
});
|
||||
let out: Discord.ModalSubmitInteraction | null;
|
||||
try {
|
||||
out = await modalInteractionCollector(m, interaction.user) as Discord.ModalSubmitInteraction | null;
|
||||
} catch (e) {
|
||||
closed = true;
|
||||
continue;
|
||||
}
|
||||
if (!out || out.isButton()) continue
|
||||
data.title = out.fields.getTextInputValue("title");
|
||||
data.description = out.fields.getTextInputValue("description");
|
||||
break;
|
||||
}
|
||||
case "send": {
|
||||
await i.deferUpdate();
|
||||
let channel = interaction.guild!.channels.cache.get(data.channel!) as Discord.TextChannel;
|
||||
let components = new ActionRowBuilder<ButtonBuilder>();
|
||||
for(let button of data.buttons) {
|
||||
components.addComponents(
|
||||
new ButtonBuilder()
|
||||
.setCustomId(button)
|
||||
.setLabel(buttonNames[button]!)
|
||||
.setStyle(ButtonStyle.Primary)
|
||||
);
|
||||
}
|
||||
let messageData: MessageCreateOptions = {components: [components]}
|
||||
if (data.title || data.description) {
|
||||
let e = new EmojiEmbed()
|
||||
if(data.title) e.setTitle(data.title);
|
||||
if(data.description) e.setDescription(data.description);
|
||||
if(data.color) e.setColor(data.color);
|
||||
messageData.embeds = [e];
|
||||
}
|
||||
await channel.send(messageData);
|
||||
break;
|
||||
}
|
||||
}
|
||||
} else if(i.isStringSelectMenu()) {
|
||||
await i.deferUpdate();
|
||||
switch(i.customId) {
|
||||
case "color": {
|
||||
data.color = colors[i.values[0]!]!;
|
||||
break;
|
||||
}
|
||||
case "button": {
|
||||
data.buttons = i.values;
|
||||
break;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
await i.deferUpdate();
|
||||
data.channel = i.values[0]!;
|
||||
}
|
||||
|
||||
} while (!closed);
|
||||
await interaction.deleteReply();
|
||||
}
|
||||
|
||||
export const check = (interaction: CommandInteraction, _partial: boolean = false) => {
|
||||
const member = interaction.member as Discord.GuildMember;
|
||||
if (!member.permissions.has("ManageMessages"))
|
||||
return "You must have the *Manage Messages* permission to use this command";
|
||||
return true;
|
||||
};
|
||||
Loading…
Reference in new issue