Discordの埋め込みとリアクションを使ったページネーションを簡単に作成できるDiscord.jsパッケージを公開した

InkoHX

2020/07/02

Image from Gyazo

上の画像のようなものを簡単に作成できるDiscord.js Reaction Controllerというものを作成しました。

# インストール

Discord.js v12.2.0以上がインストールされている必要があります

# NPM

npm install discord.js-reaction-controller

# Yarn

yarn add discord.js-reaction-controller

# サンプルコード

const Discord = require('discord.js')
const { ReactionController } = require('discord.js-reaction-controller')

const client = new Discord.Client()

client.on('message', message => {
  if (message.content.startsWith('>pagination')) {
    const controller = new ReactionController(client)

    controller
      .addReactionHandler('🤔', (reaction) => {
        reaction.message.channel.send('thinking')
          .catch(console.error)
      })

    controller
      .addPages([
        new Discord.MessageEmbed().setImage('https://github.com/yyx990803.png'),
        new Discord.MessageEmbed().setImage('https://github.com/egoist.png'),
        new Discord.MessageEmbed().setImage('https://github.com/vercel.png'),
        new Discord.MessageEmbed().setImage('https://github.com/Google.png'),
        new Discord.MessageEmbed().setImage('https://github.com/Microsoft.png')
      ])

    controller.send(message)
      .catch(console.error)
  }
})

client.login()
  .catch(console.error)