refactor: update to StringSelectMenu due to deprecation

ZPTXDev · Nov 30, 2022 · fe80280 · fe80280
1 parent 8711e2e
commit fe80280
Show file tree

Hide file tree

Showing 10 changed files with 96 additions and 75 deletions.
diff --git a/src/commands/search.ts b/src/commands/search.ts
@@ -27,8 +27,8 @@ import {
     EmbedBuilder,
     escapeMarkdown,
     Message,
-    SelectMenuBuilder,
     SlashCommandBuilder,
+    StringSelectMenuBuilder,
 } from 'discord.js';
 
 // credit: https://github.com/lavaclient/djs-v13-example/blob/main/src/commands/Play.ts
@@ -135,8 +135,8 @@ export default {
                 }),
             {
                 components: [
-                    new ActionRowBuilder<SelectMenuBuilder>().addComponents(
-                        new SelectMenuBuilder()
+                    new ActionRowBuilder<StringSelectMenuBuilder>().addComponents(
+                        new StringSelectMenuBuilder()
                             .setCustomId('search')
                             .setPlaceholder(
                                 await getGuildLocaleString(

diff --git a/src/commands/settings.ts b/src/commands/settings.ts
@@ -22,8 +22,8 @@ import {
     EmbedBuilder,
     Message,
     PermissionsBitField,
-    SelectMenuBuilder,
     SlashCommandBuilder,
+    StringSelectMenuBuilder,
 } from 'discord.js';
 
 export default {
@@ -77,8 +77,8 @@ export default {
             [description, ...embeds],
             {
                 components: [
-                    new ActionRowBuilder<SelectMenuBuilder>().addComponents(
-                        new SelectMenuBuilder()
+                    new ActionRowBuilder<StringSelectMenuBuilder>().addComponents(
+                        new StringSelectMenuBuilder()
                             .setCustomId('settings')
                             .addOptions(
                                 settingsOptions.map(

diff --git a/src/components/buttons/format.ts b/src/components/buttons/format.ts
@@ -13,9 +13,13 @@ import {
 import type {
     ButtonInteraction,
     MessageActionRowComponentBuilder,
-    SelectMenuComponent,
+    StringSelectMenuComponent,
+} from 'discord.js';
+import {
+    ActionRowBuilder,
+    EmbedBuilder,
+    StringSelectMenuBuilder,
 } from 'discord.js';
-import { ActionRowBuilder, EmbedBuilder, SelectMenuBuilder } from 'discord.js';
 
 export default {
     name: 'format',
@@ -86,10 +90,10 @@ export default {
         )}: \`${current}\``;
         await interaction.replyHandler.reply([description, ...embeds], {
             components: [
-                new ActionRowBuilder<SelectMenuBuilder>().addComponents(
-                    SelectMenuBuilder.from(
+                new ActionRowBuilder<StringSelectMenuBuilder>().addComponents(
+                    StringSelectMenuBuilder.from(
                         interaction.message.components[0]
-                            .components[0] as SelectMenuComponent,
+                            .components[0] as StringSelectMenuComponent,
                     ),
                 ),
                 actionRow as ActionRowBuilder<MessageActionRowComponentBuilder>,

diff --git a/src/components/buttons/search.ts b/src/components/buttons/search.ts
@@ -26,7 +26,7 @@ import type {
     ButtonInteraction,
     GuildMember,
     MessageActionRowComponentBuilder,
-    SelectMenuComponent,
+    StringSelectMenuComponent,
 } from 'discord.js';
 import {
     ActionRowBuilder,
@@ -35,7 +35,7 @@ import {
     EmbedBuilder,
     escapeMarkdown,
     PermissionsBitField,
-    SelectMenuBuilder,
+    StringSelectMenuBuilder,
 } from 'discord.js';
 
 export default {
@@ -296,14 +296,14 @@ export default {
                     pages.length.toString(),
                 ),
             });
-        updated.components[0] = <ActionRowBuilder<SelectMenuBuilder>>(
+        updated.components[0] = <ActionRowBuilder<StringSelectMenuBuilder>>(
             ActionRowBuilder.from(original.components[0])
         );
         updated.components[1] = <ActionRowBuilder<ButtonBuilder>>(
             ActionRowBuilder.from(original.components[1])
         );
-        const selectComponent = SelectMenuBuilder.from(
-            <SelectMenuComponent>original.components[0].components[0],
+        const selectComponent = StringSelectMenuBuilder.from(
+            <StringSelectMenuComponent>original.components[0].components[0],
         ).setOptions(
             pages[page - 1]
                 .map(

diff --git a/src/components/selectmenus/language.ts b/src/components/selectmenus/language.ts
@@ -23,17 +23,21 @@ import {
 } from '#src/lib/util/util.js';
 import type {
     MessageActionRowComponentBuilder,
-    SelectMenuComponent,
     SelectMenuComponentOptionData,
-    SelectMenuInteraction,
+    StringSelectMenuComponent,
+    StringSelectMenuInteraction,
+} from 'discord.js';
+import {
+    ActionRowBuilder,
+    EmbedBuilder,
+    StringSelectMenuBuilder,
 } from 'discord.js';
-import { ActionRowBuilder, EmbedBuilder, SelectMenuBuilder } from 'discord.js';
 
 export default {
     name: 'language',
     checks: [Check.InteractionStarter],
     async execute(
-        interaction: QuaverInteraction<SelectMenuInteraction>,
+        interaction: QuaverInteraction<StringSelectMenuInteraction>,
     ): Promise<void> {
         if (!confirmationTimeout[interaction.message.id]) {
             await interaction.replyHandler.locale(
@@ -128,9 +132,9 @@ export default {
             [description, ...embeds],
             {
                 components: [
-                    new ActionRowBuilder<SelectMenuBuilder>().addComponents(
-                        SelectMenuBuilder.from(
-                            <SelectMenuComponent>(
+                    new ActionRowBuilder<StringSelectMenuBuilder>().addComponents(
+                        StringSelectMenuBuilder.from(
+                            <StringSelectMenuComponent>(
                                 interaction.message.components[0].components[0]
                             ),
                         ).setOptions(

diff --git a/src/components/selectmenus/search.ts b/src/components/selectmenus/search.ts
@@ -11,22 +11,22 @@ import type {
     APISelectMenuOption,
     ButtonComponent,
     MessageActionRowComponentBuilder,
-    SelectMenuComponent,
     SelectMenuComponentOptionData,
-    SelectMenuInteraction,
+    StringSelectMenuComponent,
+    StringSelectMenuInteraction,
 } from 'discord.js';
 import {
     ActionRowBuilder,
     ButtonBuilder,
     EmbedBuilder,
-    SelectMenuBuilder,
+    StringSelectMenuBuilder,
 } from 'discord.js';
 
 export default {
     name: 'search',
     checks: [Check.InteractionStarter],
     async execute(
-        interaction: QuaverInteraction<SelectMenuInteraction>,
+        interaction: QuaverInteraction<StringSelectMenuInteraction>,
     ): Promise<void> {
         const state = searchState[interaction.message.id];
         if (!state) {
@@ -79,15 +79,16 @@ export default {
         } = { components: [] };
         updated.components[0] = ActionRowBuilder.from(
             original.components[0],
-        ) as ActionRowBuilder<SelectMenuBuilder>;
+        ) as ActionRowBuilder<StringSelectMenuBuilder>;
         updated.components[1] = ActionRowBuilder.from(
             original.components[1],
         ) as ActionRowBuilder<ButtonBuilder>;
-        updated.components[0].components[0] = SelectMenuBuilder.from(
-            original.components[0].components[0] as SelectMenuComponent,
+        updated.components[0].components[0] = StringSelectMenuBuilder.from(
+            original.components[0].components[0] as StringSelectMenuComponent,
         ).setOptions(
             (
-                original.components[0].components[0] as SelectMenuComponent
+                original.components[0]
+                    .components[0] as StringSelectMenuComponent
             ).options
                 .map(
                     (
@@ -145,7 +146,7 @@ export default {
                             (options): boolean =>
                                 !(
                                     original.components[0]
-                                        .components[0] as SelectMenuComponent
+                                        .components[0] as StringSelectMenuComponent
                                 ).options.find(
                                     (opt): boolean =>
                                         opt.value === options.value,

diff --git a/src/components/selectmenus/settings.ts b/src/components/selectmenus/settings.ts
@@ -16,15 +16,19 @@ import {
 import type {
     MessageActionRowComponentBuilder,
     SelectMenuComponentOptionData,
-    SelectMenuInteraction,
+    StringSelectMenuInteraction,
+} from 'discord.js';
+import {
+    ActionRowBuilder,
+    EmbedBuilder,
+    StringSelectMenuBuilder,
 } from 'discord.js';
-import { ActionRowBuilder, EmbedBuilder, SelectMenuBuilder } from 'discord.js';
 
 export default {
     name: 'settings',
     checks: [Check.InteractionStarter],
     async execute(
-        interaction: QuaverInteraction<SelectMenuInteraction>,
+        interaction: QuaverInteraction<StringSelectMenuInteraction>,
     ): Promise<void> {
         if (!confirmationTimeout[interaction.message.id]) {
             await interaction.replyHandler.locale(
@@ -92,23 +96,25 @@ export default {
         }`;
         await interaction.replyHandler.reply([description, ...embeds], {
             components: [
-                new ActionRowBuilder<SelectMenuBuilder>().addComponents(
-                    new SelectMenuBuilder().setCustomId('settings').addOptions(
-                        settingsOptions.map(
-                            (opt): SelectMenuComponentOptionData => ({
-                                label: getLocaleString(
-                                    guildLocaleCode,
-                                    `CMD.SETTINGS.MISC.${opt.toUpperCase()}.NAME`,
-                                ),
-                                description: getLocaleString(
-                                    guildLocaleCode,
-                                    `CMD.SETTINGS.MISC.${opt.toUpperCase()}.DESCRIPTION`,
-                                ),
-                                value: opt,
-                                default: opt === option,
-                            }),
+                new ActionRowBuilder<StringSelectMenuBuilder>().addComponents(
+                    new StringSelectMenuBuilder()
+                        .setCustomId('settings')
+                        .addOptions(
+                            settingsOptions.map(
+                                (opt): SelectMenuComponentOptionData => ({
+                                    label: getLocaleString(
+                                        guildLocaleCode,
+                                        `CMD.SETTINGS.MISC.${opt.toUpperCase()}.NAME`,
+                                    ),
+                                    description: getLocaleString(
+                                        guildLocaleCode,
+                                        `CMD.SETTINGS.MISC.${opt.toUpperCase()}.DESCRIPTION`,
+                                    ),
+                                    value: opt,
+                                    default: opt === option,
+                                }),
+                            ),
                         ),
-                    ),
                 ),
                 actionRow as ActionRowBuilder<MessageActionRowComponentBuilder>,
             ],

diff --git a/src/events/interactionCreate.d.ts b/src/events/interactionCreate.d.ts
@@ -5,8 +5,8 @@ import type {
     ChatInputCommandInteraction,
     ModalSubmitInteraction,
     PermissionsBitField,
-    SelectMenuInteraction,
     SlashCommandBuilder,
+    StringSelectMenuInteraction,
 } from 'discord.js';
 
 export type ChatInputCommand = {
@@ -31,7 +31,7 @@ export type Button = {
 export type SelectMenu = {
     name: string;
     checks?: Check[];
-    execute(interaction: SelectMenuInteraction): Promise<void>;
+    execute(interaction: StringSelectMenuInteraction): Promise<void>;
 };
 
 export type ModalSubmit = {

diff --git a/src/events/interactionCreate.ts b/src/events/interactionCreate.ts
@@ -9,7 +9,7 @@ import type {
     GuildMember,
     Interaction,
     ModalSubmitInteraction,
-    SelectMenuInteraction,
+    StringSelectMenuInteraction,
 } from 'discord.js';
 import { PermissionsBitField } from 'discord.js';
 import type {
@@ -25,7 +25,7 @@ async function handleFailedChecks(
     interaction: QuaverInteraction<
         | ChatInputCommandInteraction
         | ButtonInteraction
-        | SelectMenuInteraction
+        | StringSelectMenuInteraction
         | ModalSubmitInteraction
     >,
 ): Promise<void> {
@@ -37,7 +37,7 @@ async function handleFailedChecks(
                 ? 'Command'
                 : interaction.isButton()
                 ? 'Button'
-                : interaction.isSelectMenu()
+                : interaction.isStringSelectMenu()
                 ? 'Select menu'
                 : 'Modal'
         } ${
@@ -284,7 +284,7 @@ export default {
                 return;
             }
         }
-        if (interaction.isSelectMenu()) {
+        if (interaction.isStringSelectMenu()) {
             const selectmenu = interaction.client.selectmenus.get(
                 interaction.customId.split(':')[0],
             ) as SelectMenu;

diff --git a/src/lib/util/util.ts b/src/lib/util/util.ts
@@ -20,8 +20,8 @@ import type {
     MessageActionRowComponentBuilder,
     MessageCreateOptions,
     ModalSubmitInteraction,
-    SelectMenuInteraction,
     Snowflake,
+    StringSelectMenuInteraction,
 } from 'discord.js';
 import {
     ActionRowBuilder,
@@ -30,7 +30,7 @@ import {
     EmbedBuilder,
     escapeMarkdown,
     GuildMember,
-    SelectMenuBuilder,
+    StringSelectMenuBuilder,
 } from 'discord.js';
 import { readdirSync } from 'fs';
 import { get } from 'lodash-es';
@@ -317,7 +317,7 @@ export function getFailedChecks(
     member: GuildMember & { client: QuaverClient },
     interaction?:
         | ButtonInteraction
-        | SelectMenuInteraction
+        | StringSelectMenuInteraction
         | ModalSubmitInteraction,
 ): Check[] {
     const failedChecks: Check[] = [];
@@ -423,22 +423,28 @@ export async function buildSettingsPage(
                 Language[guildLocaleCode] ?? 'Unknown'
             } (${guildLocaleCode})`;
             actionRow.addComponents(
-                new SelectMenuBuilder().setCustomId('language').addOptions(
-                    readdirSync(
-                        getAbsoluteFileURL(import.meta.url, [
-                            '..',
-                            '..',
-                            '..',
-                            'locales',
-                        ]),
-                    ).map(
-                        (file: keyof typeof Language): APISelectMenuOption => ({
-                            label: `${Language[file] ?? 'Unknown'} (${file})`,
-                            value: file,
-                            default: file === guildLocaleCode,
-                        }),
+                new StringSelectMenuBuilder()
+                    .setCustomId('language')
+                    .addOptions(
+                        readdirSync(
+                            getAbsoluteFileURL(import.meta.url, [
+                                '..',
+                                '..',
+                                '..',
+                                'locales',
+                            ]),
+                        ).map(
+                            (
+                                file: keyof typeof Language,
+                            ): APISelectMenuOption => ({
+                                label: `${
+                                    Language[file] ?? 'Unknown'
+                                } (${file})`,
+                                value: file,
+                                default: file === guildLocaleCode,
+                            }),
+                        ),
                     ),
-                ),
             );
             break;
         case 'format': {