Slash Commands Reply

[D3FAU4T]

I was looking for the same thing as Discussion #256 and I tried to apply the code written by @skick1234 which is

.play(channel, url, { metadata: { i: interaction } })
.on("addSong", (q, song) => {
    song.metadata.i.reply(...)
})

and I get the error Property 'on' does not exist on type \'Promise<void>\'..
I'm using typescript and here is my code:

import { ChatInputCommandInteraction, EmbedBuilder, GuildMember, SlashCommandBuilder } from 'discord.js';
import { Command } from '../../Core/command.js';

export default new Command({
  name: "music_sr",
  description: "Request a song that will be played in the voice channel",
  emote: false,
  data: new SlashCommandBuilder()
    .setName("music_sr")
    .setDescription("Request a song that will be played in the voice channel")
    .addStringOption((Option) =>
      Option
        .setName("query")
        .setDescription("Type the song name or paste any YouTube URL")
        .setRequired(true)
    ),
  run: async ({ interaction, client }) => {
    if (interaction === undefined) return;
    await interaction.deferReply();
    const voiceChannel = (interaction.member as GuildMember).voice.channel;
    if (!voiceChannel) return await interaction.editReply({
      embeds: [
        new EmbedBuilder()
          .setTitle("Error: Music module")
          .setDescription("You must be in a voice channel!")
          .setColor("Red")
      ]
    });

    const permissions = voiceChannel.permissionsFor(interaction.client.user);

    if (!permissions?.has("Connect")) return await interaction.editReply({
      embeds: [
        new EmbedBuilder()
          .setTitle("Error: Music module")
          .setDescription(`I don't have the "Connect" permission to join the Voice channel`)
          .setColor("Red")
      ]
    });

    if (!permissions.has("Speak")) return await interaction.editReply({
      embeds: [
        new EmbedBuilder()
          .setTitle("Error: Music module")
          .setDescription(`I don't have the "Speak" permission to join the Voice channel`)
          .setColor("Red")
      ]
    });

    const msg = await interaction.editReply({
      embeds: [
        new EmbedBuilder()
          .setTitle("Music: Fetching details")
          .setDescription(`Fetching music metadata`)
          .setColor("Blue")
      ]
    })

    client.DisTube.play(voiceChannel, interaction.options.get("query", true).value as string, {
      member: interaction.member as GuildMember,
      metadata: { i: ChatInputCommandInteraction }
    }).on("addSong", async (q, song) => {
        await song.metadata.i.editReply({
          embeds: [
              new EmbedBuilder()
                  .setDescription("Requested song added to the queue")
                  .setColor("Random")
                  .setAuthor({ name: `Song added`, iconURL: `https://cdn.discordapp.com/attachments/933971458496004156/1005595741198233790/My_project.png` })
                  .setFooter({ text: "Embed auto created by d3fau4tbot" })
                  .setTimestamp()
                  .setURL(`${song.url}`)
                  .setThumbnail(`https://cdn.discordapp.com/attachments/933971458496004156/1005590805756530718/Checkmark-green-tick-isolated-on-transparent-background-PNG.png`)
                  .addFields(
                      { name: "Song Name", value: `${song.name}`, inline: false },
                      { name: "Duration", value: `${song.formattedDuration}`, inline: true },
                      { name: "Requested by", value: `${song.user}`, inline: true },
                  )
          ]
      });
    });

  }
});

[skick1234]

Ofc it is not the same.

1. Events only need listening once in your code, so you don't need to use it every time you run play command. Learn how event emitter works.
2. DisTube emits those events, so you have to use client.DisTube.on(...)

Please learn basic js/ts first. We don't support it here.

[D3FAU4T]

If I use the event separately, it also quite works but the interaction is not replied.... Here's another way I did it and the outcome below:

import { ChatInputCommandInteraction, EmbedBuilder } from "discord.js";
import { MusicEvent } from "../Typings/event.js";

export default new MusicEvent("addSong", async (queue, song) => {
    await (song.metadata as { i: ChatInputCommandInteraction }).i.editReply({
        embeds: [
            new EmbedBuilder()
                .setDescription("Requested song added to the queue")
                .setColor("Random")
                .setAuthor({ name: `Song added`, iconURL: `https://cdn.discordapp.com/attachments/933971458496004156/1005595741198233790/My_project.png` })
                .setFooter({ text: "Embed auto created by d3fau4tbot" })
                .setTimestamp()
                .setURL(`${song.url}`)
                .setThumbnail(`https://cdn.discordapp.com/attachments/933971458496004156/1005590805756530718/Checkmark-green-tick-isolated-on-transparent-background-PNG.png`)
                .addFields(
                    { name: "Song Name", value: `${song.name}`, inline: false },
                    { name: "Duration", value: `${song.formattedDuration}`, inline: true },
                    { name: "Requested by", value: `${song.user}`, inline: true },
                )
        ]
    });
});

And this is the outcome:

You can see that the interaction is still pending, it just sends a new message instead

[skick1234]

Because it is playSong event not addSong event :/ check your code first. The embed is not the same to your code -.-

[D3FAU4T]

Yeah I know, so I double checked by putting a console.log("addSong executed") on the addSong event and console.log("playSong executed") to check whether they are being executed or not and this is what I get on console:

There is no addSong executed on console and thats is why the interaction is not replied. When is that event supposed to execute?

Edit: The logic I'm trying to make is that when a song is added to the queue it should return an embed saying Song added to the queue and the song details and when the song is played it should send that embed in the picture I sent in earlier response. According to that logic the playSong embed is executed but the addSong is not executing thus leaving the interaction not replied

[D3FAU4T]

I finally figured out the issue by looking at your code. The addSong only executes when a new song is added to an already existing queue but when it is the first time requesting a song (i.e. no queue exist), the addSong event doesn't execute leaving the first interaction not replied but when the command is executed a second time, the addSong works. Picture:

The first one didn't execute as first time queue creating, but it worked when the queue is created.

Figured out initQueue :\

[skick1234]

https://distube.js.org/#/docs/DisTube/stable/typedef/DisTubeOptions
And you can make addSong emitted when the first song added by using emitAddSongWhenCreatingQueue and emitAddListWhenCreatingQueue option.