Is it possible to populate the select options of a slash command from an api response?

[grantspilsbury]

Part of the guide or code sample the question is about

module.exports = {
  // Let a user choose a game ID
  data: new SlashCommandBuilder()
    .setName('game')
    .setDescription('Select a game')
    .addStringOption((option) => option.setName('id').setDescription('Game ID').setRequired(true)),
  async execute(interaction: CommandInteraction) {
    await interaction.deferReply()

    const id = interaction.options.getString('id')

    // Fetch players from game with ID
    const game = await fetch(`gamesApiEndpoint/${id}`)

    // Populate options with api response
    // Let users choose from game.players
    const row = new MessageActionRow().addComponents(
      new MessageSelectMenu().setCustomId('select').addOptions(game.players)
    )

    await interaction.editReply({ content: 'Pong!', components: [row] })
  },
}

Question

Is it possible to populate the select options of a slash command, or any type of command, from an api response?

eg a user enters a slash command with a string option, they are then presented with options fetched from an api.

The idea is for the user to select a player from a game so they would enter the game ID eg XXX and then be presented with players from game XXX to choose from.

[almostSouji]

If you can narrow it down to <= 25 to choose from you can respond to the initial slash command with a message including select components https://discordjs.guide/interactions/select-menus.html. If you can rapidly request new data without getting issues with rate limiting, you can also use the autocomplete approach mentioned in #1066 (the same caveats apply, of course)

[grantspilsbury]

With my code above is it possible to let the user enter the slash command and an option before you show the select menu?

eg

new SlashCommandBuilder()
  .setName('game')
  .setDescription('Select a game')
  .addStringOption((option) => option.setName('id').setDescription('Game ID').setRequired(true)),
  async execute(interaction: CommandInteraction) {
    await interaction.deferReply()
    ...
    const row = new MessageActionRow().addComponents(
      new MessageSelectMenu().setCustomId('select').addOptions(selectOptions)
    )
    await interaction.editReply({ content: 'Pong!', components: [row] })
  },
}

So you can use the entered option value (id) to make up the select options

[almostSouji]

Sure, check the option https://discordjs.guide/interactions/slash-commands.html#parsing-options, do the api call based on it etc. in ... after deferring and update with a select menu and up to 25 values to select from.

[grantspilsbury]

Thanks for this. I was getting stuck because I was not rerunning the command builder when adding options or the select menu.

[ra1nbow1]

it is not possible to fill in the parameters at the command input stage. The only way is to use an additional event or command that will populate them