feat: add "Add to Product Notes" context menu item

Author: phorcys420

bun.lockb

@@ -21,7 +21,8 @@
   },
   "dependencies": {
     "@uwu/configmasher": "latest",
-    "discord.js": "^14.15.3"
+    "discord.js": "^14.15.3",
+    "ofetch": "^1.4.1"
   },
   "trustedDependencies": [
     "@biomejs/biome"

package-lock.json

@@ -1,23 +1,34 @@
-import type {    
-    SlashCommandBuilder,
-    ChatInputCommandInteraction,
-
-    ContextMenuCommandBuilder,
-    ContextMenuCommandInteraction,
-    SlashCommandOptionsOnlyBuilder,
+import type {
+  SlashCommandBuilder,
+  ChatInputCommandInteraction,
+  ContextMenuCommandBuilder,
+  ContextMenuCommandInteraction,
+  SlashCommandOptionsOnlyBuilder,
 } from "discord.js";
 
+import { default as product_notes } from "./product/notes.js";
+
 import { default as close } from "./util/close.js";
 import { default as reopen } from "./util/reopen.js";
 import { default as walkthrough } from "./util/walkthrough.js";
 
-type AnyCommandBuilder = SlashCommandBuilder | SlashCommandOptionsOnlyBuilder | ContextMenuCommandBuilder;
-type AnyInteraction = ChatInputCommandInteraction | ContextMenuCommandInteraction;
+type AnyCommandBuilder =
+  | SlashCommandBuilder
+  | SlashCommandOptionsOnlyBuilder
+  | ContextMenuCommandBuilder;
+type AnyInteraction =
+  | ChatInputCommandInteraction
+  | ContextMenuCommandInteraction;
 
-const commandObject: { [key: string]: { data: AnyCommandBuilder, execute: (interaction: AnyInteraction) => unknown } } = {};
+const commandObject: {
+  [key: string]: {
+    data: AnyCommandBuilder;
+    execute: (interaction: AnyInteraction) => unknown;
+  };
+} = {};
 
-for (const command of [close, reopen, walkthrough]) {
-    commandObject[command.data.name] = command;
+for (const command of [product_notes, close, reopen, walkthrough]) {
+  commandObject[command.data.name] = command;
 }
 
-export default commandObject;
+export default commandObject;

package.json

@@ -0,0 +1,65 @@
+import { config } from "@lib/config.js";
+import { makeCodeBlock } from "@lib/discord/messages.js";
+
+import { ofetch } from "ofetch";
+
+import {
+  ContextMenuCommandBuilder,
+  ApplicationCommandType,
+  type MessageContextMenuCommandInteraction,
+  MessageFlags,
+  ActionRowBuilder,
+  ButtonStyle,
+  ButtonBuilder,
+} from "discord.js";
+
+// TODO: try to make the official API package work
+async function createNote(body) {
+  return ofetch("https://api.productboard.com/notes", {
+    method: "POST",
+    headers: {
+      Authorization: `Bearer ${config.productBoard.token}`,
+    },
+    body,
+  });
+}
+
+export default {
+  data: new ContextMenuCommandBuilder()
+    .setName("Add to product notes")
+    .setType(ApplicationCommandType.Message),
+
+  execute: async (interaction: MessageContextMenuCommandInteraction) => {
+    const data = await createNote({
+      title: `Discord message from ${interaction.targetMessage.author.displayName} (in '${interaction.channel.name}')`, // this will only work for threads
+      display_url: interaction.targetMessage.url,
+      content: interaction.targetMessage.content,
+
+      company: { id: config.productBoard.companyId },
+      user: { external_id: `discord:${interaction.targetMessage.author.id}` },
+
+      source: { origin: "discord", record_id: interaction.targetId },
+    });
+
+    const replyComponents = [];
+
+    if (data.links?.html) {
+      const button = new ButtonBuilder()
+        .setLabel("Open in ProductBoard")
+        .setStyle(ButtonStyle.Link)
+        .setURL(data.links.html);
+
+      replyComponents.push(
+        new ActionRowBuilder<ButtonBuilder>().addComponents(button),
+      );
+    }
+
+    await interaction.reply({
+      content: makeCodeBlock(JSON.stringify(data), "json"),
+
+      components: replyComponents,
+
+      flags: MessageFlags.Ephemeral,
+    });
+  },
+};

src/commands/index.ts

@@ -8,7 +8,9 @@ import { REST, Routes } from "discord.js";
 // Construct and prepare an instance of the REST module
 const rest = new REST().setToken(config.token);
 
-const commandData = Object.values(commands).map((command) => command.data.toJSON());
+const commandData = Object.values(commands).map((command) =>
+  command.data.toJSON(),
+);
 
 console.log(
   `Started refreshing ${commandData.length} application (/) commands.`,
@@ -17,7 +19,10 @@ console.log(
 // The put method is used to fully refresh all commands in the guild with the current set
 // biome-ignore lint/suspicious/noExplicitAny: TODO: need to figure out the proper type
 const data: any = await rest.put(
-  Routes.applicationGuildCommands(getClientIDFromToken(config.token), config.serverId), // TODO: guess client ID from token
+  Routes.applicationGuildCommands(
+    getClientIDFromToken(config.token),
+    config.serverId,
+  ),
   { body: commandData },
 );
 

src/commands/product/notes.ts

@@ -4,7 +4,10 @@ import { type Client, Events } from "discord.js";
 
 export default function registerEvents(client: Client) {
   return client.on(Events.InteractionCreate, async (interaction) => {
-    if (interaction.isChatInputCommand()) {
+    if (
+      interaction.isChatInputCommand() ||
+      interaction.isMessageContextMenuCommand()
+    ) {
       const command = commands[interaction.commandName];
 
       if (!command) {
@@ -20,6 +23,7 @@ export default function registerEvents(client: Client) {
         console.error(error);
 
         // TODO: make generic replyOrFollowUp method
+        // TODO: log error if the user is admin
         if (interaction.replied || interaction.deferred) {
           await interaction.followUp({
             content: "There was an error while executing this command!",
@@ -32,8 +36,6 @@ export default function registerEvents(client: Client) {
           });
         }
       }
-    } else if(interaction.isUserContextMenuCommand()) {
-      
     }
   });
 }

src/deploy-commands.ts

@@ -20,6 +20,11 @@ interface Config {
     vscode: string;
   };
 
+  productBoard: {
+    token: string;
+    companyId: string;
+  };
+
   presenceDelay: number;
 }
 
@@ -50,5 +55,8 @@ export const { config, layers } = await loadConfig<Config>({
     ["emojis", "macos"],
     ["emojis", "windows"],
     ["emojis", "vscode"],
+
+    ["productBoard", "token"],
+    ["productBoard", "companyId"],
   ],
 });

src/events/commands.ts

@@ -0,0 +1,5 @@
+export function makeCodeBlock(text, language = "") {
+  return `\`\`\`${language}
+${text}
+\`\`\``;
+}

src/lib/config.ts

@@ -1,3 +1,3 @@
 export function getClientIDFromToken(token: string): string {
-    return atob(token.split(".")[0]);
-}
+  return atob(token.split(".")[0]);
+}