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.