modals

prisma/schema.prisma

@@ -29,6 +29,7 @@ model Config {
   antibotFactor        Int      @map("antibot_factor")
   antibotAction        String?  @map("antibot_action")
   currency             String?
+  ticketStaffRole      BigInt?  @map("ticket_staff_role")
 
   @@map("config")
 }

src/classes/Client.ts

@@ -2,7 +2,7 @@ import { join } from 'node:path';
 import process from 'node:process';
 
 import { Logger } from '#classes';
-import { CommandHandler, ComponentHandler, CooldownHandler, EventHandler } from '#handlers';
+import { CommandHandler, ComponentHandler, CooldownHandler, EventHandler, ModalHandler } from '#handlers';
 import { AIModule, CasesModule, EconomyModule, PhishingModule, ShopModule } from '#modules';
 import { getDirname } from '#util';
 
@@ -21,6 +21,7 @@ export class FluorineClient extends Client {
 
     commands = new CommandHandler(this);
     components = new ComponentHandler(this);
+    modals = new ModalHandler(this);
     cooldowns = new CooldownHandler(this);
 
     economy = new EconomyModule(this);
@@ -51,11 +52,12 @@ export class FluorineClient extends Client {
             disableValidators();
         }
 
+        new EventHandler(this).loadEvents();
+
         this.commands.loadChatInput();
         this.commands.loadContextMenu();
-
+        this.modals.loadModals();
         this.components.loadComponents();
-        new EventHandler(this).loadEvents();
 
         await this.i18n.use(Backend).init({
             fallbackLng: 'en-US',

src/classes/handlers/ModalHandler.ts

@@ -0,0 +1,21 @@
+import type { FluorineClient } from '#classes';
+import type { Modal } from '#types';
+import { loadDirectory } from '#util';
+import { Collection } from 'discord.js';
+
+export class ModalHandler extends Collection<string, Modal> {
+    constructor(private client: FluorineClient) {
+        super();
+    }
+
+    async loadModals() {
+        const files = await loadDirectory<Modal>('../modals');
+
+        for (const file of files) {
+            this.set(file.name, file.data);
+        }
+
+        this.client.logger.log(`Loaded ${files.length} modals.`);
+        return this;
+    }
+}

src/classes/handlers/index.ts

@@ -2,3 +2,4 @@ export * from './CommandHandler.js';
 export * from './ComponentHandler.js';
 export * from './CooldownHandler.js';
 export * from './EventHandler.js';
+export * from './ModalHandler.js';

src/commands/tickets/index.ts

@@ -0,0 +1,10 @@
+import type { Category } from '#types';
+import { SlashCommandBuilder } from 'discord.js';
+
+export const data = new SlashCommandBuilder()
+    .setName('tickets')
+    .setNameLocalizations({ pl: 'idk' })
+    .setDescription('we are in the process of doing ur mom.')
+    .setDescriptionLocalizations({ pl: 'idk im not that fluent at polska.' });
+
+export const category: Category = 'tools';

src/commands/tickets/new.ts

@@ -0,0 +1,43 @@
+import type { FluorineClient } from '#classes';
+import {
+    type ChatInputCommandInteraction,
+    SlashCommandSubcommandBuilder,
+    ModalBuilder,
+    TextInputBuilder,
+    ActionRowBuilder,
+    TextInputStyle
+} from 'discord.js';
+
+export async function run(client: FluorineClient, interaction: ChatInputCommandInteraction) {
+    const modal = new ModalBuilder()
+        .setTitle('Create New Ticket')
+        .setCustomId('modal:ticketNew')
+        .addComponents(
+            new ActionRowBuilder<TextInputBuilder>().addComponents(
+                new TextInputBuilder()
+                    .setCustomId(`ticketTitle`)
+                    .setLabel('Ticket Title')
+                    .setPlaceholder('A short title that describes the ticket.')
+                    .setStyle(TextInputStyle.Short)
+                    .setMaxLength(256)
+                    .setRequired(true)
+            ),
+            new ActionRowBuilder<TextInputBuilder>().addComponents(
+                new TextInputBuilder()
+                    .setCustomId(`ticketContent`)
+                    .setLabel('Ticket Description')
+                    .setPlaceholder('A more indepth description of the ticket.')
+                    .setStyle(TextInputStyle.Paragraph)
+                    .setMaxLength(4000)
+                    .setRequired(false)
+            )
+        );
+
+    interaction.showModal(modal);
+}
+
+export const data = new SlashCommandSubcommandBuilder()
+    .setName('new')
+    .setNameLocalizations({ pl: 'idk-either-but-this' })
+    .setDescription('idk smth abt creating a new user-facing ticket creation point or bullidk')
+    .setDescriptionLocalizations({ pl: 'do ur mom' });

src/events/interactionCreate.ts

@@ -18,6 +18,14 @@ export async function run(client: FluorineClient, interaction: Interaction) {
 
         return component?.run(client, interaction, value);
     }
+
+    if (interaction.isModalSubmit()) {
+        const [, name] = interaction.customId.split(':');
+        const modal = client.modals.get(name);
+
+        return modal?.run(client, interaction, interaction.fields.fields);
+    }
+
     if (interaction.isContextMenuCommand()) {
         const contextCommand = client.commands.contextMenu.get(interaction.commandName);
 
@@ -30,6 +38,7 @@ export async function run(client: FluorineClient, interaction: Interaction) {
 
         return contextCommand.run(client, interaction);
     }
+
     if (interaction.isChatInputCommand()) {
         const subcommand = interaction.options.getSubcommand(false);
         const key = subcommand ? `${interaction.commandName}/${subcommand}` : interaction.commandName;

src/modals/ticketNew.ts

@@ -0,0 +1,16 @@
+import { type FluorineClient, Embed } from '#classes';
+import type { Collection, ModalSubmitInteraction, TextInputComponent } from 'discord.js';
+
+export async function run(
+    client: FluorineClient,
+    interaction: ModalSubmitInteraction,
+    fields: Collection<string, TextInputComponent>
+) {
+    return interaction.reply({
+        embeds: [
+            new Embed(client, interaction.locale)
+                .setTitle(fields.get('ticketTitle').value)
+                .setDescription(fields.get('ticketContent')?.value ?? 'none')
+        ]
+    });
+}

src/types/structures.ts

@@ -1,11 +1,14 @@
 import type { FluorineClient } from '#classes';
 import type {
+    Collection,
     CommandInteraction,
     ContextMenuCommandBuilder,
     ContextMenuCommandInteraction,
     MessageComponentInteraction,
+    ModalSubmitInteraction,
     SlashCommandBuilder,
-    SlashCommandSubcommandBuilder
+    SlashCommandSubcommandBuilder,
+    TextInputComponent
 } from 'discord.js';
 
 export type Category = 'fun' | 'tools' | 'moderation' | 'economy';
@@ -36,6 +39,13 @@ export interface Component {
     run: (client: FluorineClient, interaction: MessageComponentInteraction, value: string) => void;
 }
 
+export interface Modal {
+    run: (
+        client: FluorineClient,
+        interaction: ModalSubmitInteraction,
+        fields: Collection<string, TextInputComponent>
+    ) => void;
+}
 export interface Event {
     run: (client: FluorineClient, ...args: any) => void;
 }