fix: export collector

.eslintrc.json

@@ -27,6 +27,8 @@
     "no-unused-vars": "off",
     "node/no-missing-require": "off",
     "no-console": "warn",
-    "@typescript-eslint/explicit-member-accessibility": ["error"]
+    "@typescript-eslint/explicit-member-accessibility": ["error"],
+    "@typescript-eslint/consistent-type-imports": "error",
+    "@typescript-eslint/no-shadow": "warn"
   }
 }

src/Pagination.ts

@@ -1,12 +1,12 @@
-import {
+import { Interaction, Message, MessageComponentInteraction } from 'discord.js';
+import type {
   CommandInteraction,
-  ContextMenuInteraction,
-  Interaction,
-  Message,
-  MessageComponentInteraction,
   Snowflake,
+  InteractionCollector,
+  ButtonInteraction,
+  ContextMenuInteraction,
 } from 'discord.js';
-import { Options } from './types';
+import type { Options } from './types';
 import { PaginationEmbed } from './PaginationEmbed';
 
 /**
@@ -30,6 +30,11 @@ export class Pagination extends PaginationEmbed {
    */
   public authorizedUsers: Snowflake[];
 
+  /**
+   * The collector of the pagination.
+   */
+  public collector?: InteractionCollector<ButtonInteraction>;
+
   //#end region
 
   /**
@@ -146,18 +151,17 @@ export class Pagination extends PaginationEmbed {
    *
    */
   public paginate(message: Message): this {
-    const collector = message.createMessageComponentCollector({
+    this.collector = message.createMessageComponentCollector({
       filter: ({ customId, user }) =>
         Object.values(this.buttons).some((b) => b.customId === customId) &&
         (this.authorizedUsers.length
           ? this.authorizedUsers.includes(user.id)
           : true),
       idle: this.idle,
+      componentType: 'BUTTON',
     });
 
-    collector.on('collect', async (i) => {
-      if (!i.isButton()) return;
-
+    this.collector.on('collect', async (i) => {
       if (i.customId === this.buttons.first?.customId) {
         this.goFirst(i);
         return;

src/PaginationEmbed.ts

@@ -1,14 +1,12 @@
-import {
+import type {
   ButtonInteraction,
   EmbedField,
   InteractionReplyOptions,
-  MessageActionRow,
   MessageAttachment,
-  MessageButton,
-  MessageEmbed,
   MessageEmbedOptions,
 } from 'discord.js';
-import {
+import { MessageActionRow, MessageButton, MessageEmbed } from 'discord.js';
+import type {
   ButtonsOptions,
   ButtonStyle,
   EmojiOptions,

src/defaultOptions.ts

@@ -1,4 +1,4 @@
-import { Options } from './types';
+import type { Options } from './types';
 
 /**
  * The default options for the paginator.

src/types/ButtonsOptions.ts

@@ -1,4 +1,29 @@
-import { ButtonOptions } from './ButtonOptions';
+import type { EmojiIdentifierResolvable } from 'discord.js';
+
+/**
+ * The style of the paginator buttons.
+ */
+export type ButtonStyle = 'PRIMARY' | 'SECONDARY' | 'DANGER' | 'SUCCESS';
+
+/**
+ * Pagination Button Options
+ */
+export interface ButtonOptions {
+  /**
+   * The emoji to use for the button.
+   */
+  emoji: EmojiIdentifierResolvable;
+  /**
+   * The text to show on the button.
+   * @default ""
+   */
+  label: string;
+  /**
+   * The style of the button.
+   * @default "SECONDARY"
+   */
+  style: ButtonStyle;
+}
 
 /**
  * Pagination Buttons Options

src/types/EmojiOptions.ts

@@ -1,4 +1,4 @@
-import { EmojiIdentifierResolvable } from 'discord.js';
+import type { EmojiIdentifierResolvable } from 'discord.js';
 
 /**
  * Emojis of the pagination buttons

src/types/Options.ts

@@ -1,6 +1,6 @@
-import { MessageAttachment } from 'discord.js';
-import { ButtonStyle } from './ButtonStyle';
-import { EmojiOptions } from './EmojiOptions';
+import type { MessageAttachment } from 'discord.js';
+import type { ButtonStyle } from './ButtonsOptions';
+import type { EmojiOptions } from './EmojiOptions';
 
 /**
  * The options to customize the pagination.

src/types/index.ts

@@ -1,6 +1,4 @@
-export * from './ButtonOptions';
 export * from './ButtonsOptions';
-export * from './ButtonStyle';
 export * from './EmojiOptions';
 export * from './LabelOptions';
 export * from './Options';