fixed slash command api (#604)

* fixed bruh

* type and prettier fix

* cspell showed issue

* remove commands from context menu

* okay typed

* cspell

* requested changes

* should be it?

---------

Co-authored-by: Federico Di Leo <38290480+FedeIlLeone@users.noreply.github.com>

cspell.json

@@ -19,6 +19,7 @@
     "coremods",
     "crosspost",
     "customitem",
+    "dataurl",
     "dependants",
     "devmode",
     "discordapp",
@@ -29,6 +30,7 @@
     "flatpaks",
     "fontawesome",
     "Fonticons",
+    "Frecency",
     "getent",
     "gifv",
     "globstar",

scripts/build.mts

@@ -102,6 +102,9 @@ const contexts = await Promise.all([
     target: `chrome${CHROME_VERSION}`,
     outfile: `${distDir}/renderer.js`,
     format: "esm",
+    loader: {
+      ".png": "dataurl",
+    },
   }),
 ]);
 await Promise.all(

src/renderer/apis/commands.ts

@@ -16,7 +16,7 @@ import { constants, i18n, messages, users } from "../modules/common";
 import type { Store } from "../modules/common/flux";
 import { Logger } from "../modules/logger";
 import { filters, getByStoreName, waitForModule } from "../modules/webpack";
-
+import icon from "../assets/logo.png";
 const logger = Logger.api("Commands");
 
 let RepluggedUser: User | undefined;
@@ -42,7 +42,7 @@ export const defaultSection: RepluggedCommandSection = Object.freeze({
   id: "replugged",
   name: "Replugged",
   type: 1,
-  icon: "https://cdn.discordapp.com/attachments/1000955992068079716/1004196106055454820/Replugged-Logo.png",
+  icon,
 });
 
 export class CommandInteraction<T extends CommandOptionReturn> {

src/renderer/assets/assets.d.ts

@@ -0,0 +1,3 @@
+declare module "*.png" {
+  export default content as string;
+}