Add new RPC methods, at least soundboard works ❤️ @spdermn02

apps/desktop/src/App.tsx

@@ -13,9 +13,11 @@ import { useUpdate } from "./hooks/use-update";
 import { useAppStore } from "./store";
 import { Toaster } from "./components/ui/toaster";
 import { useEffect } from "react";
+import { Button } from "./components/ui/button";
+import { RPCCommand } from "./rpc/command";
 
 function App() {
-  useSocket();
+  const socket = useSocket();
   useDisableWebFeatures();
 
   useEffect(() => {
@@ -42,6 +44,25 @@ function App() {
         />
       )}
 
+      <Button
+        onClick={async () => {
+
+          const allSounds = await socket?.getSoundBoardItems();
+          console.log({ allSounds })
+
+          // play ahh
+          socket?.send({
+            cmd: RPCCommand.PLAY_SOUNDBOARD_SOUND,
+            args: {
+              name: "cricket",
+              sound_id: "3",
+              guild_id: "DEFAULT",
+            },
+          });
+        }}
+      >
+        Test soundbard
+      </Button>
       <Toaster />
       <Routes>
         <Route path="/" Component={MainView} />

apps/desktop/src/rpc/command.ts

@@ -17,4 +17,6 @@ export enum RPCCommand {
   GET_VOICE_SETTINGS = "GET_VOICE_SETTINGS",
   SET_VOICE_SETTINGS_2 = "SET_VOICE_SETTINGS_2",
   SET_VOICE_SETTINGS = "SET_VOICE_SETTINGS",
+  PLAY_SOUNDBOARD_SOUND = "PLAY_SOUNDBOARD_SOUND",
+  GET_SOUNDBOARD_SOUNDS = "GET_SOUNDBOARD_SOUNDS",
 }

apps/desktop/src/rpc/event.ts

@@ -17,6 +17,10 @@ export enum RPCEvent {
   VOICE_CHANNEL_SELECT = "VOICE_CHANNEL_SELECT",
   /** sent when the client's voice connection status changes */
   VOICE_CONNECTION_STATUS = "VOICE_CONNECTION_STATUS",
+  /** not quite sure */
+  VIDEO_STATE_UPDATE = "VIDEO_STATE_UPDATE",
+  /** not quite sure */
+  SCREENSHARE_STATE_UPDATE = "SCREENSHARE_STATE_UPDATE",
 }
 
 // TODO: move this somewhere

apps/desktop/src/rpc/manager.ts

@@ -63,6 +63,9 @@ const SUBSCRIBABLE_EVENTS = [
   RPCEvent.VOICE_STATE_CREATE,
   RPCEvent.VOICE_STATE_DELETE,
   RPCEvent.VOICE_STATE_UPDATE,
+  // NOTE: these dont work or im using them wrong?
+  // RPCEvent.SCREENSHARE_STATE_UPDATE,
+  // RPCEvent.VIDEO_STATE_UPDATE,
 ];
 
 export const APP_ID = "905987126099836938";
@@ -91,6 +94,8 @@ class SocketManager {
   public _navigate: NavigateFunction | null = null;
   public isConnected = false;
   public version: string | undefined;
+  // @ts-expect-error need better types
+  public soundBoardItemsResolver = Promise.withResolvers();
 
   private navigate(url: string) {
     if (window.location.hash.includes("#settings")) return;
@@ -151,7 +156,7 @@ class SocketManager {
     this.send({
       args: {
         client_id: APP_ID,
-        scopes: ["rpc", "identify"],
+        scopes: ["identify", "rpc", "rpc.voice.read", "rpc.video.read", "rpc.screenshare.read"],
       },
       cmd: RPCCommand.AUTHORIZE,
     });
@@ -240,6 +245,11 @@ class SocketManager {
     if (payload.evt === RPCEvent.VOICE_STATE_UPDATE) {
       this.store.updateUser(payload.data);
     }
+
+    if (payload.cmd === RPCCommand.GET_SOUNDBOARD_SOUNDS) {
+      // update the Promise
+      this.soundBoardItemsResolver.resolve(payload.data);
+    }
 
     // VOICE_CHANNEL_SELECT	sent when the client joins a voice channel
     if (payload.evt === RPCEvent.VOICE_CHANNEL_SELECT) {
@@ -375,12 +385,21 @@ class SocketManager {
     });
   }
 
+  /** Get the soundboard items */
+  public async getSoundBoardItems() {
+    await this.send({
+      cmd: RPCCommand.GET_SOUNDBOARD_SOUNDS,
+    });
+
+    return this.soundBoardItemsResolver.promise;
+  }
+
   /**
    * Send a message to discord
    * @param payload {DiscordPayload} the payload to send
    */
-  private send(payload: DiscordPayload) {
-    this.socket?.send(
+  public send(payload: DiscordPayload) {
+    return this.socket?.send(
       JSON.stringify({
         ...payload,
         nonce: uuid.v4(),