add MPRIS volume handler (#1415)

src/main/features/core/remote/index.ts

@@ -657,6 +657,9 @@ if (mprisPlayer) {
         }
         currentState.volume = volume;
         broadcast({ data: volume, event: 'volume' });
+        getMainWindow()?.webContents.send('request-volume', {
+            volume,
+        });
     });
 }
 

src/preload/mpris.ts

@@ -51,11 +51,16 @@ const requestToggleShuffle = (
     ipcRenderer.on('mpris-request-toggle-shuffle', cb);
 };
 
+const requestVolume = (cb: (event: IpcRendererEvent, data: { volume: number }) => void) => {
+    ipcRenderer.on('request-volume', cb);
+};
+
 export const mpris = {
     requestPosition,
     requestSeek,
     requestToggleRepeat,
     requestToggleShuffle,
+    requestVolume,
     updatePosition,
     updateRepeat,
     updateSeek,

src/renderer/features/player/hooks/use-mpris.ts

@@ -43,11 +43,16 @@ export const useMPRIS = () => {
             player.toggleShuffle();
         });
 
+        mpris?.requestVolume((_e: unknown, data: { volume: number }) => {
+            player.setVolume(data.volume);
+        });
+
         return () => {
             ipc?.removeAllListeners('mpris-request-toggle-repeat');
             ipc?.removeAllListeners('mpris-request-toggle-shuffle');
             ipc?.removeAllListeners('request-position');
             ipc?.removeAllListeners('request-seek');
+            ipc?.removeAllListeners('request-volume');
         };
     }, [player]);