106 lines
5.4 KiB
JavaScript
106 lines
5.4 KiB
JavaScript
|
const { ButtonStyles, Client, ComponentTypes, ChannelTypes } = require("oceanic.js");
|
||
|
|
||
|
const client = new Client({
|
||
|
auth: `Bot ${process.env.DISCORD_TOKEN}`,
|
||
|
gateway: {
|
||
|
intents: ["GUILD_MESSAGES"] // If the message does not start with a mention to or somehow relate to your client, you will need the MESSAGE_CONTENT intent as well
|
||
|
}
|
||
|
});
|
||
|
|
||
|
client.on("ready", () => console.log("Ready as", client.user.tag));
|
||
|
|
||
|
client.on("messageCreate", async (msg) => {
|
||
|
if(msg.content.includes("!component")) {
|
||
|
await client.rest.channels.createMessage(msg.channelID, {
|
||
|
content: `Here's some buttons for you, ${msg.author.mention}.`,
|
||
|
components: [
|
||
|
{
|
||
|
// The top level component must always be an action row.
|
||
|
// Full list of types: https://docs.oceanic.ws/latest/enums/Constants.ComponentTypes.html
|
||
|
// https://docs.oceanic.ws/latest/interfaces/Types_Channels.MessageActionRow.html
|
||
|
type: ComponentTypes.ACTION_ROW,
|
||
|
components: [
|
||
|
{
|
||
|
// https://docs.oceanic.ws/latest/interfaces/Types_Channels.TextButton.html
|
||
|
type: ComponentTypes.BUTTON,
|
||
|
style: ButtonStyles.PRIMARY, // The style of button - full list: https://docs.oceanic.ws/latest/enums/Constants.ButtonStyles.html
|
||
|
customID: "some-string-you-will-see-later",
|
||
|
label: "Click!",
|
||
|
disabled: false, // If the button is disabled, false by default.
|
||
|
},
|
||
|
{
|
||
|
type: ComponentTypes.BUTTON,
|
||
|
style: ButtonStyles.PRIMARY,
|
||
|
customID: "some-other-string",
|
||
|
label: "This Is Disabled",
|
||
|
disabled: true
|
||
|
},
|
||
|
{
|
||
|
// https://docs.oceanic.ws/latest/interfaces/Types_Channels.URLButton.html
|
||
|
type: ComponentTypes.BUTTON,
|
||
|
style: ButtonStyles.LINK,
|
||
|
label: "Open Link",
|
||
|
url: "https://docs.oceanic.ws"
|
||
|
}
|
||
|
]
|
||
|
},
|
||
|
{
|
||
|
// The top level component must always be an action row.
|
||
|
// Full list of types: https://docs.oceanic.ws/latest/enums/Constants.ComponentTypes.html
|
||
|
// https://docs.oceanic.ws/latest/interfaces/Types_Channels.MessageActionRow.html
|
||
|
type: ComponentTypes.ACTION_ROW,
|
||
|
components: [
|
||
|
{
|
||
|
// https://docs.oceanic.ws/latest/interfaces/Types_Channels.SelectMenu.html
|
||
|
type: ComponentTypes.STRING_SELECT,
|
||
|
customID: "string-select",
|
||
|
disabled: false,
|
||
|
maxValues: 1, // The maximum number of values that can be selected (default 1)
|
||
|
minValues: 1, // The minimum number of values that can be selected (default 1)
|
||
|
options: [
|
||
|
// https://docs.oceanic.ws/latest/interfaces/Types_Channels.SelectOption.html
|
||
|
{
|
||
|
default: true, // If this option is selected by default
|
||
|
description: "The description of the option", // Optional description
|
||
|
label: "Option One",
|
||
|
value: "value-1"
|
||
|
},
|
||
|
{
|
||
|
label: "Option Two",
|
||
|
value: "option-2"
|
||
|
}
|
||
|
],
|
||
|
placeholder: "Some Placeholder Text"
|
||
|
}
|
||
|
]
|
||
|
},
|
||
|
{
|
||
|
// The top level component must always be an action row.
|
||
|
// Full list of types: https://docs.oceanic.ws/latest/enums/Constants.ComponentTypes.html
|
||
|
// https://docs.oceanic.ws/latest/interfaces/Types_Channels.MessageActionRow.html
|
||
|
type: ComponentTypes.ACTION_ROW,
|
||
|
components: [
|
||
|
{
|
||
|
// https://docs.oceanic.ws/latest/interfaces/Types_Channels.SelectMenu.html
|
||
|
type: ComponentTypes.CHANNEL_SELECT,
|
||
|
channelTypes: [ChannelTypes.GUILD_TEXT, ChannelTypes.GUILD_VOICE], // The types of channels that can be selected
|
||
|
customID: "channel-select",
|
||
|
disabled: false,
|
||
|
maxValues: 1, // The maximum number of values that can be selected (default 1)
|
||
|
minValues: 1, // The minimum number of values that can be selected (default 1)
|
||
|
placeholder: "Some Placeholder Text"
|
||
|
}
|
||
|
]
|
||
|
}
|
||
|
]
|
||
|
});
|
||
|
}
|
||
|
});
|
||
|
|
||
|
// An error handler
|
||
|
client.on("error", (error) => {
|
||
|
console.error("Something went wrong:", error);
|
||
|
});
|
||
|
|
||
|
// Connect to Discord
|
||
|
client.connect();
|