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

105 lines
3.7 KiB
TypeScript
Raw Normal View History

2022-12-31 19:26:58 -08:00
import { useCallback } from 'react';
2022-12-20 04:11:06 -08:00
import { useQueryClient } from '@tanstack/react-query';
import { useCurrentServer, usePlayerControls, usePlayerStore } from '/@/renderer/store';
2022-12-25 01:55:00 -08:00
import { usePlayerType } from '/@/renderer/store/settings.store';
2023-01-05 21:59:07 -08:00
import { PlayQueueAddOptions, Play, PlaybackType } from '/@/renderer/types';
import { toast } from '/@/renderer/components/toast/index';
2022-12-25 01:25:46 -08:00
import isElectron from 'is-electron';
2022-12-28 15:31:04 -08:00
import { nanoid } from 'nanoid/non-secure';
import { LibraryItem, QueueSong, Song, SongListResponse } from '/@/renderer/api/types';
import {
getPlaylistSongsById,
getSongById,
getAlbumSongsById,
getAlbumArtistSongsById,
getSongsByQuery,
} from '/@/renderer/features/player/utils';
2022-12-20 04:11:06 -08:00
2022-12-25 01:25:46 -08:00
const mpvPlayer = isElectron() ? window.electron.mpvPlayer : null;
const utils = isElectron() ? window.electron.utils : null;
const mpris = isElectron() && utils?.isLinux() ? window.electron.mpris : null;
const addToQueue = usePlayerStore.getState().actions.addToQueue;
2022-12-20 04:11:06 -08:00
export const useHandlePlayQueueAdd = () => {
const queryClient = useQueryClient();
2022-12-25 01:55:00 -08:00
const playerType = usePlayerType();
const server = useCurrentServer();
const { play } = usePlayerControls();
2022-12-20 04:11:06 -08:00
2022-12-31 19:26:58 -08:00
const handlePlayQueueAdd = useCallback(
async (options: PlayQueueAddOptions) => {
if (!server) return toast.error({ message: 'No server selected', type: 'error' });
const { initialIndex, initialSongId, playType, byData, byItemType, query } = options;
let songs: QueueSong[] | null = null;
let initialSongIndex = 0;
if (byItemType) {
let songList: SongListResponse | undefined;
const { type: itemType, id } = byItemType;
2022-12-31 19:26:58 -08:00
try {
if (itemType === LibraryItem.PLAYLIST) {
songList = await getPlaylistSongsById({ id: id?.[0], query, queryClient, server });
} else if (itemType === LibraryItem.ALBUM) {
songList = await getAlbumSongsById({ id, query, queryClient, server });
} else if (itemType === LibraryItem.ALBUM_ARTIST) {
songList = await getAlbumArtistSongsById({ id, query, queryClient, server });
} else if (itemType === LibraryItem.SONG) {
songList = await getSongsByQuery({ query, queryClient, server });
2022-12-31 20:07:44 -08:00
} else {
songList = await getSongById({ id: id?.[0], queryClient, server });
2022-12-31 20:07:44 -08:00
}
2022-12-31 19:26:58 -08:00
} catch (err: any) {
return toast.error({
message: err.message,
title: 'Play queue add failed',
});
}
songs = songList?.items?.map((song: Song) => ({ ...song, uniqueId: nanoid() })) || null;
} else if (byData) {
songs = byData.map((song) => ({ ...song, uniqueId: nanoid() }));
2022-12-30 21:02:17 -08:00
}
2022-12-20 04:11:06 -08:00
2022-12-31 19:26:58 -08:00
if (!songs) return toast.warn({ message: 'No songs found' });
2022-12-20 04:11:06 -08:00
if (initialIndex) {
initialSongIndex = initialIndex;
} else if (initialSongId) {
initialSongIndex = songs.findIndex((song) => song.id === initialSongId);
}
const playerData = addToQueue({ initialIndex: initialSongIndex, playType, songs });
2022-12-20 04:11:06 -08:00
if (playerType === PlaybackType.LOCAL) {
mpvPlayer?.volume(usePlayerStore.getState().volume);
if (playType === Play.NEXT || playType === Play.LAST) {
mpvPlayer?.setQueueNext(playerData);
2022-12-31 19:26:58 -08:00
}
2022-12-20 04:11:06 -08:00
if (playType === Play.NOW) {
mpvPlayer?.setQueue(playerData);
mpvPlayer?.play();
2022-12-31 19:26:58 -08:00
}
}
2022-12-28 15:31:04 -08:00
play();
mpris?.updateSong({
currentTime: usePlayerStore.getState().current.time,
repeat: usePlayerStore.getState().repeat,
shuffle: usePlayerStore.getState().shuffle,
song: playerData.current.song,
status: 'Playing',
});
2022-12-31 19:26:58 -08:00
return null;
},
[play, playerType, queryClient, server],
2022-12-31 19:26:58 -08:00
);
2022-12-20 04:11:06 -08:00
return handlePlayQueueAdd;
};