feat: add interaction handler

CHANGELOG.md

@@ -1,5 +1,11 @@
 # Change Log
 
+## `v1.1.0` - 02/07/2026
+
+### Added
+
+- Automatic code block detection and reformatting feature
+
 ## `v1.0.0` - 01/07/2026
 
 ### Added

README.md

@@ -87,6 +87,14 @@ All commands use the `;` prefix (e.g., `;run`). Premium features are marked with
 | `;feature`   | Submit an authorized feature request directly to the development team.           |
 | `;report`    | File a bug report or performance issue directly from your server.                |
 
+### 🤖 Automatic Features
+
+Quill has a few smart automatic behaviors that activate based on permissions:
+
+| Feature                    | Description                                                                                                                         | Control                                                                                                                        |
+| -------------------------- | ----------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------ |
+| **Auto Code Reformatting** | Detects unwrapped code in messages, deletes the original, and reposts it in a clean embed with proper language syntax highlighting. | Enabled automatically when the bot has the **Manage Messages** permission in the channel. Remove the permission to disable it. |
+
 ## ⚡ Tech Stack
 
 - **Runtime:** Bun / Node.js (v20+)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "quillbot",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Quill is an advanced Discord developer assistant bot built to help programmers code faster, learn better, and debug smarter, directly inside Discord.",
   "main": "src/index.ts",
   "type": "module",
@@ -19,6 +19,7 @@
     "discord.js": "^14.25.0",
     "dotenv": "^17.2.3",
     "firebase-admin": "^13.8.0",
+    "flourite": "^1.3.0",
     "groq-sdk": "^0.37.0",
     "node-cache": "^5.1.2",
     "prettier": "^3.9.4",

src/commands/meta/changelog.ts

@@ -1,32 +1,102 @@
-import { EmbedBuilder } from "discord.js";
+import {
+  ActionRowBuilder,
+  EmbedBuilder,
+  StringSelectMenuBuilder,
+} from "discord.js";
 import path from "path";
 import { fileURLToPath } from "url";
 import type { CommandCallbackOpts } from "../../types/command.ts";
 import { readFile } from "../../utils/fileOps.ts";
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
+interface VersionSection {
+  title: string;
+  content: string;
+}
+
+function parseChangelog(content: string): VersionSection[] {
+  if (!content?.trim()) return [];
+
+  const parts = content.split(/^## /m);
+  const versions: VersionSection[] = [];
+
+  for (let i = 1; i < parts.length; i++) {
+    const section = parts[i]?.trim();
+    if (!section) continue;
+
+    const firstNewline = section.indexOf("\n");
+    const title = (
+      firstNewline === -1 ? section : section.slice(0, firstNewline)
+    ).trim();
+    const body = (
+      firstNewline === -1 ? "" : section.slice(firstNewline)
+    ).trim();
+
+    if (title) {
+      versions.push({
+        title,
+        content: `## ${title}\n\n${body}`,
+      });
+    }
+  }
+
+  return versions;
+}
+
 export default {
   name: "changelog",
   description: "See the latest changes made to the bot.",
   usage: "changelog",
   aliases: ["changes", "updates"],
   async callback({ message }: CommandCallbackOpts) {
-    const changelog = await readFile(
-      path.join(__dirname, "..", "..", "..", "CHANGELOG.md"),
-    );
-    const latestChanges =
-      "## " +
-      changelog
-        ?.split(/^## /m)[1]
-        ?.trim()
-        .replace(/\r?\n\r?\n/g, "\n");
-
-    const changelogEmbed = new EmbedBuilder()
-      .setTitle("📝 Latest Changes")
-      .setDescription(latestChanges || "No changelog available.")
-      .setColor(0x7289da);
-
-    await message.reply({ embeds: [changelogEmbed] });
+    try {
+      const changelogContent =
+        (await readFile(
+          path.join(__dirname, "..", "..", "..", "CHANGELOG.md"),
+        )) || "";
+
+      const versions = parseChangelog(changelogContent);
+
+      if (versions.length === 0) {
+        return message.reply({
+          embeds: [
+            new EmbedBuilder()
+              .setTitle("📝 Changelog")
+              .setDescription("No changelog available.")
+              .setColor(0x7289da),
+          ],
+        });
+      }
+
+      const latest = versions[0];
+
+      const embed = new EmbedBuilder()
+        .setTitle("📝 Latest Changes")
+        .setDescription(
+          latest?.content || "No changes listed for the latest version.",
+        )
+        .setColor(0x7289da);
+
+      const selectMenu = new StringSelectMenuBuilder()
+        .setCustomId("changelog_select")
+        .setPlaceholder("Select a version to view its changes")
+        .addOptions(
+          versions.map((v, i) => ({
+            label:
+              v.title.length > 100 ? v.title.slice(0, 97) + "..." : v.title,
+            value: i.toString(),
+            ...(i === 0 ? { description: "Latest version" } : {}),
+          })),
+        );
+
+      const row = new ActionRowBuilder<StringSelectMenuBuilder>().addComponents(
+        selectMenu,
+      );
+
+      await message.reply({ embeds: [embed], components: [row] });
+    } catch (err) {
+      console.error("Error fetching changelog:", err);
+    }
   },
 };

src/events/interactionCreate/handleInteractions.ts

@@ -0,0 +1,121 @@
+import { Client, EmbedBuilder, type Interaction } from "discord.js";
+import "dotenv/config";
+import path, { join } from "path";
+import { fileURLToPath } from "url";
+import config from "../../../config.json" with { type: "json" };
+import getAllFiles from "../../utils/getAllFiles.ts";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+interface InteractionObject {
+  id: string;
+  callback: Function;
+}
+
+const interactionsPath = join(__dirname, "..", "..", "interactions");
+
+let cachedInteractions: InteractionObject[] = [];
+
+async function loadInteractions() {
+  const interactionFiles = getAllFiles(interactionsPath);
+  const interactionPromises: Promise<any>[] = [];
+
+  for (const file of interactionFiles) {
+    interactionPromises.push(import(file));
+  }
+
+  const imported = await Promise.all(interactionPromises);
+  cachedInteractions = imported.map((intObj) => intObj.default).filter(Boolean);
+}
+
+// load at startup
+await loadInteractions();
+
+export default async (client: Client, interaction: Interaction) => {
+  const { devs } = config;
+
+  if (
+    process.env.NODE_ENV?.toLowerCase() === "dev" &&
+    !devs.includes(interaction.user.id)
+  )
+    return;
+
+  if (!interaction || interaction.user?.bot) return;
+
+  // Keep track of interaction id across try/catch scope
+  let interactionObject: InteractionObject | undefined;
+  let interactionId = "";
+
+  try {
+    // Determine identifier: commandName for slash/context/autocomplete, customId for components/modals
+    if (
+      interaction.isChatInputCommand() ||
+      interaction.isContextMenuCommand() ||
+      interaction.isAutocomplete()
+    ) {
+      interactionId = interaction.commandName;
+    } else if (
+      interaction.isButton() ||
+      interaction.isStringSelectMenu() ||
+      interaction.isUserSelectMenu() ||
+      interaction.isRoleSelectMenu() ||
+      interaction.isMentionableSelectMenu() ||
+      interaction.isModalSubmit()
+    ) {
+      interactionId = interaction.customId;
+    }
+
+    if (!interactionId) return;
+
+    interactionObject = cachedInteractions.find((intObj) => {
+      if (!intObj?.id) return false;
+      return intObj.id === interactionId;
+    });
+
+    if (!interactionObject) return;
+
+    if (typeof interactionObject.callback === "function") {
+      await interactionObject.callback({ client, interaction });
+    } else {
+      console.error(
+        `Invalid interaction configuration for id: ${interactionObject.id}`,
+      );
+      return;
+    }
+  } catch (err) {
+    const intId = interactionObject?.id || interactionId || "unknown";
+
+    console.error(`Error executing ${intId} interaction: ${err}`);
+
+    try {
+      const errorEmbed = new EmbedBuilder()
+        .setTitle("❌ Interaction Error")
+        .setDescription("An error occurred while running that interaction.")
+        .setColor(0xff0000);
+
+      if ((interaction as any).replied || (interaction as any).deferred) {
+        await (interaction as any)
+          .followUp({ embeds: [errorEmbed], ephemeral: true })
+          .catch((followUpErr: Error) => {
+            console.error(
+              `Failed to send followUp error message for ${intId}:`,
+              followUpErr,
+            );
+          });
+      } else {
+        await (interaction as any)
+          .reply({ embeds: [errorEmbed], ephemeral: true })
+          .catch((replyErr: Error) => {
+            console.error(
+              `Failed to send reply error message for ${intId}:`,
+              replyErr,
+            );
+          });
+      }
+    } catch (replyErr) {
+      console.error(
+        `Failed to send error reply for ${intId} interaction: ${replyErr}`,
+      );
+    }
+  }
+};

src/events/messageCreate/detectCode.ts

@@ -0,0 +1,55 @@
+import {
+  EmbedBuilder,
+  PermissionFlagsBits,
+  type Client,
+  type Message,
+} from "discord.js";
+import { detectCode } from "../../utils/detectCode.ts";
+
+export default async (client: Client, message: Message) => {
+  if (message.author.bot) return;
+  if (
+    !message.guild?.members.me?.permissions.has(
+      PermissionFlagsBits.ManageMessages,
+    )
+  )
+    return;
+
+  const content = message.content;
+  const { isCode, score, sections } = detectCode(content);
+
+  if (!isCode) return;
+
+  // attempt to delete the message, if fail, return
+  try {
+    await message.delete();
+  } catch (error) {
+    // console.error("Failed to delete message:", error);
+    return;
+  }
+
+  const embed = new EmbedBuilder()
+    .setAuthor({
+      name: message.author.tag,
+      iconURL: message.author.displayAvatarURL(),
+    })
+    .setColor("#FF0000")
+    // .setTitle(`<@${message.author.id}> said:`)
+    .setDescription(
+      sections
+        .map((section) =>
+          section.type === "code"
+            ? `\`\`\`${section.language || "txt"}\n${section.text}\`\`\``
+            : section.text,
+        )
+        .join("\n\n"),
+    );
+
+  const channel = message.channel;
+  if (channel.isTextBased() && "send" in channel) {
+    await channel.send({
+      content: `<@${message.author.id}> said:`,
+      embeds: [embed],
+    });
+  }
+};