MessageComponentによるインタラクション部を汎用化する

[elecdeer]

• 複数項目のフォームを送信できる
• 回答値はPromiseで返し、解決のタイミングは設定できる
  • どれか一つを入力したら、確定ボタンを押したら、など
• Collectorの様にイベントハンドラも作る
• ページングを行い25個以上の選択が可能なSelectMenu
• SelectMenuのvalueはstring型以外もいい感じにできる

イメージ

const inquirer = createInteractionInquire({
  replyMessage: (message: string) => createYosugaEmbed(message),
  time: 5*60*1000,
  ephemeral: true,
  multipleReply: true,
});

const volumeAnswer = await inquirer.prompt([{
  type: "selectRangeValue",
  message: "音量を選択",
  id: "volume"
  min: 0,
  max: 2,
  tick: 0.1,
  withDefault: true
}]);

logger.debug(volumeAnswer.volume);

const speakersAnswer = await inquirer.prompt([{
  type: "select",
  options: [{
    value: "zundamon",
  }, {
    value: "metan",
    label: "四国メタン",
  }],
}, {
  type: "confirmButton",
  label: "登録"
}], {
  onTimeout: (context) => {
  },
  onInteraction: (context, interaction) => {
    if(~~){
      inquirer.resolvePrompt();
    }
  }
});

[elecdeer]

Discordのスレッド立ててその中でやり取りするようにもできると便利そう

[elecdeer]

ページング対応SelectMenuのメモ

• InteractionInquirer側にメッセージを編集（再生成）するインタフェースを生やす
• Componentが状態を持ち、その状態に応じてcreateComponentで返すものを変える
• 回答状態はComponent側で保持する必要がある
  • 元のページに戻った際選択状態のものはdefaultをtrueにする