Makussu/subtracks
1
0
Fork 0
mirror of https://github.com/austinried/subtracks.git synced 2025-12-27 17:19:27 +01:00
Code Issues Packages Projects Releases Wiki Activity

improve large playlist performance

Browse Source
This commit is contained in:
austinried 2021-08-19 16:01:42 +09:00
parent 9b50107b35
commit 12cbe842ce
1 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
app/state/musicmap.ts
View File

@ -20,8 +20,8 @@ import { GetState, SetState } from 'zustand'
import { Store } from './store'
export type MusicMapSlice = {
mapChildToSong: (child: ChildElement) => Promise<Song>
mapChildrenToSongs: (children: ChildElement[]) => Promise<Song[]>
mapChildToSong: (child: ChildElement, coverArt?: string) => Promise<Song>
mapChildrenToSongs: (children: ChildElement[], coverArt?: string) => Promise<Song[]>
mapArtistID3toArtist: (artist: ArtistID3Element) => Artist
mapArtistInfo: (
artistResponse: GetArtistResponse,
@ -36,7 +36,7 @@ export type MusicMapSlice = {
}
export const createMusicMapSlice = (set: SetState<Store>, get: GetState<Store>): MusicMapSlice => ({
mapChildToSong: async child => {
mapChildToSong: async (child, coverArt) => {
return {
itemType: 'song',
id: child.id,
@ -48,15 +48,15 @@ export const createMusicMapSlice = (set: SetState<Store>, get: GetState<Store>):
track: child.track,
duration: child.duration,
starred: child.starred,
coverArt: await get().getAlbumCoverArt(child.albumId),
coverArt: coverArt || (await get().getAlbumCoverArt(child.albumId)),
streamUri: get().buildStreamUri(child.id),
}
},
mapChildrenToSongs: async children => {
mapChildrenToSongs: async (children, coverArt) => {
const songMaps: Promise<Song>[] = []
for (const child of children) {
songMaps.push(get().mapChildToSong(child))
songMaps.push(get().mapChildToSong(child, coverArt))
}
return await Promise.all(songMaps)
},
@ -125,7 +125,8 @@ export const createMusicMapSlice = (set: SetState<Store>, get: GetState<Store>):
mapPlaylistWithSongs: async playlist => {
return {
...get().mapPlaylistListItem(playlist),
songs: await get().mapChildrenToSongs(playlist.songs),
// passing cover art here is a temp fix to improve large playlist performance
songs: await get().mapChildrenToSongs(playlist.songs, playlist.coverArt),
coverArt: playlist.coverArt,
}
},