Modais

Com modais você pode criar formulários pop-up que permitem que os usuários lhe forneçam entradas formatadas através de envios. Vamos abordar como criar, mostrar e receber formulários modais usando o necord

app.modals.ts

import { Injectable } from '@nestjs/common';
import { Context, Modal, ModalContext } from 'necord';

@Injectable()
export class AppModals {
    @Modal('pizza')
    public onModal(@Ctx() [interaction]: ModalContext) {
      return interaction.reply({
        content: `Sua pizza favorita : ${interaction.fields.getTextInputValue('pizza')}`
      });
    }
}

Modal Dinâmico

Você pode criar botões com o campo dinâmico id. Isso é útil para passar metadados para modais.

Modais dinâmicos usam um formato path-to-regexp para realizar a correspondência de expressão regular. Transforme uma string de caminho como user/:name em uma expressão regular.

Para criar um modal dinâmico

new ModalBuilder()
  .setTitle('Qual sua pizza favorita?')
  .setCustomId('pizza/12345')
  .setComponents([
    new ActionRowBuilder<ModalActionRowComponentBuilder>().addComponents([
      new TextInputBuilder()
        .setCustomId('pizza')
        .setLabel('???')
        .setStyle(TextInputStyle.Paragraph)
    ])
  ])

Para receber um modal dinâmico

app.modals.ts

import { Injectable } from '@nestjs/common';
import { Context, Modal, ModalContext,ModalParam } from 'necord';

@Injectable()
export class AppModals {
    @Modal('pizza/:value')
    public onModal(@Ctx() [interaction]: ModalContext, @ModalParam('value') value: string) {
      return interaction.reply({
        content: `Sua pizza favorita ${value} : ${interaction.fields.getTextInputValue('pizza')}`
      });
    }
}

Você pode ver um exemplo funcional aqui.