Redo queue handler as hook

src/renderer/features/player/hooks/use-handle-playqueue-add.ts

@@ -0,0 +1,80 @@
+import { useQueryClient } from '@tanstack/react-query';
+import { api } from '/@/renderer/api/index';
+import { jfNormalize } from '/@/renderer/api/jellyfin.api';
+import { JFSong } from '/@/renderer/api/jellyfin.types';
+import { ndNormalize } from '/@/renderer/api/navidrome.api';
+import { NDSong } from '/@/renderer/api/navidrome.types';
+import { queryKeys } from '/@/renderer/api/query-keys';
+import { useAuthStore, usePlayerStore } from '/@/renderer/store';
+import { useSettingsStore } from '/@/renderer/store/settings.store';
+import { PlayQueueAddOptions, LibraryItem, Play, PlaybackType } from '/@/renderer/types';
+import { toast } from '/@/renderer/components/toast';
+
+const mpvPlayer = window.electron.mpvPlayer;
+
+export const useHandlePlayQueueAdd = () => {
+  const queryClient = useQueryClient();
+  const playerType = useSettingsStore.getState().player.type;
+  const deviceId = useAuthStore.getState().deviceId;
+  const server = useAuthStore.getState().currentServer;
+
+  const handlePlayQueueAdd = async (options: PlayQueueAddOptions) => {
+    if (!server) return toast.error({ message: 'No server selected', type: 'error' });
+
+    if (options.byItemType) {
+      let songs = null;
+
+      if (options.byItemType.type === LibraryItem.ALBUM) {
+        const albumDetail = await queryClient.fetchQuery(
+          queryKeys.albums.detail(server?.id, { id: options.byItemType.id }),
+          async ({ signal }) =>
+            api.controller.getAlbumDetail({
+              query: { id: options.byItemType!.id },
+              server,
+              signal,
+            }),
+        );
+
+        if (!albumDetail) return null;
+
+        switch (server?.type) {
+          case 'jellyfin':
+            songs = albumDetail.songs?.map((song) =>
+              jfNormalize.song(song as JFSong, server, deviceId),
+            );
+            break;
+          case 'navidrome':
+            songs = albumDetail.songs?.map((song) =>
+              ndNormalize.song(song as NDSong, server, deviceId),
+            );
+            break;
+          case 'subsonic':
+            break;
+        }
+      }
+
+      if (!songs) return toast.warn({ message: 'No songs found' });
+
+      const playerData = usePlayerStore.getState().actions.addToQueue(songs, options.play);
+
+      if (options.play === Play.NEXT || options.play === Play.LAST) {
+        if (playerType === PlaybackType.LOCAL) {
+          mpvPlayer.setQueueNext(playerData);
+        }
+      }
+
+      if (options.play === Play.NOW) {
+        if (playerType === PlaybackType.LOCAL) {
+          mpvPlayer.setQueue(playerData);
+          mpvPlayer.play();
+        }
+
+        usePlayerStore.getState().actions.play();
+      }
+    }
+
+    return null;
+  };
+
+  return handlePlayQueueAdd;
+};