mirror of
https://github.com/austinried/subtracks.git
synced 2025-12-27 00:59:28 +01:00
* initial react-query experiments * use queries for item screens send the data we do have over routing to prepopulate (album/playlist) use number for starred because sending Date freaks out react-navigation * add in equiv. song cover art fix * reorg, switch artistview over start mapping song cover art when any are available * refactor useStar to queries fix caching for starred items and album cover art * add hook to reset queries on server change * refactor search to use query * fix song cover art setting * use query for artistInfo * remove last bits of library state * cleanup * use query key factory already fixed one wrong key... * require coverart size * let's try no promise queues on these for now * image cache uses query * perf fix for playlist parsing also use placeholder data so we don't have to deal with staleness * drill that disabled also list controls doesn't need its own songs hook/copy * switch to react-native-blob-util for downloads slightly slower but allows us to use DownloadManager, which backgrounds downloads so they are no longer corrupted when the app suspends * add a fake "top songs" based on artist search then sorted by play count/ratings artistview should load now even if topSongs fails * try not to swap between topSongs/search on refetch set queueContext by song list so the index isn't off if the list changes * add content type validation for file fetching also try to speed up existing file return by limiting fs ops * if the HEAD fails, don't queue the download * clean up params * reimpl clear image cache * precompute contextId prevents wrong "is playing" when any mismatch between queue and list * clear images from all servers use external files dir instead of cache * fix pressable disabled flicker don't retry topsongs on failure try to optimize setqueue and fixcoverart a bit * wait for queries during clear * break out fetchExistingFile from fetchFile allows to tell if file is coming from disk or not only show placeholder/loading spinner if actually fetching image * forgot these wouldn't do anything with objects * remove query cache when switching servers * add content-disposition extension gathering add support for progress hook (needs native support still) * added custom RNBU pkg with progress changes * fully unmount tabs when server changes prevents unwanted requests, gives fresh start on switch fix fixCoverArt not re-rendering in certain cases on search * use serverId from fetch deps * fix lint * update licenses * just use the whole lodash package * make using cache buster optional
179 lines
5.2 KiB
TypeScript
179 lines
5.2 KiB
TypeScript
import { Song } from '@app/models/library'
|
|
import { QueueContextType, TrackExt } from '@app/models/trackplayer'
|
|
import queryClient from '@app/queryClient'
|
|
import { useStore, useStoreDeep } from '@app/state/store'
|
|
import { getQueue, SetQueueOptions, trackPlayerCommands } from '@app/state/trackplayer'
|
|
import userAgent from '@app/util/userAgent'
|
|
import _ from 'lodash'
|
|
import TrackPlayer from 'react-native-track-player'
|
|
import { useQueries } from 'react-query'
|
|
import { useFetchExistingFile, useFetchFile } from './fetch'
|
|
import qk from './queryKeys'
|
|
|
|
export const usePlay = () => {
|
|
return () => trackPlayerCommands.enqueue(() => TrackPlayer.play())
|
|
}
|
|
|
|
export const usePause = () => {
|
|
return () => trackPlayerCommands.enqueue(() => TrackPlayer.pause())
|
|
}
|
|
|
|
export const usePrevious = () => {
|
|
return () =>
|
|
trackPlayerCommands.enqueue(async () => {
|
|
const [current] = await Promise.all([await TrackPlayer.getCurrentTrack(), await getQueue()])
|
|
if (current > 0) {
|
|
await TrackPlayer.skipToPrevious()
|
|
} else {
|
|
await TrackPlayer.seekTo(0)
|
|
}
|
|
await TrackPlayer.play()
|
|
})
|
|
}
|
|
|
|
export const useNext = () => {
|
|
return () =>
|
|
trackPlayerCommands.enqueue(async () => {
|
|
const [current, queue] = await Promise.all([await TrackPlayer.getCurrentTrack(), await getQueue()])
|
|
if (current >= queue.length - 1) {
|
|
await TrackPlayer.skip(0)
|
|
await TrackPlayer.pause()
|
|
} else {
|
|
await TrackPlayer.skipToNext()
|
|
await TrackPlayer.play()
|
|
}
|
|
})
|
|
}
|
|
|
|
export const useSkipTo = () => {
|
|
return (track: number) =>
|
|
trackPlayerCommands.enqueue(async () => {
|
|
const queue = await getQueue()
|
|
if (track < 0 || track >= queue.length) {
|
|
return
|
|
}
|
|
await TrackPlayer.skip(track)
|
|
await TrackPlayer.play()
|
|
})
|
|
}
|
|
|
|
export const useSeekTo = () => {
|
|
return (position: number) =>
|
|
trackPlayerCommands.enqueue(async () => {
|
|
await TrackPlayer.seekTo(position)
|
|
})
|
|
}
|
|
|
|
export const useReset = (enqueue = true) => {
|
|
const resetStore = useStore(store => store.resetTrackPlayerState)
|
|
|
|
const reset = async () => {
|
|
await TrackPlayer.reset()
|
|
resetStore()
|
|
}
|
|
|
|
return enqueue ? () => trackPlayerCommands.enqueue(reset) : reset
|
|
}
|
|
|
|
export const useIsPlaying = (contextId: string | undefined, track: number) => {
|
|
const queueContextId = useStore(store => store.queueContextId)
|
|
const currentTrackIdx = useStore(store => store.currentTrackIdx)
|
|
const shuffleOrder = useStoreDeep(store => store.shuffleOrder)
|
|
|
|
if (contextId === undefined) {
|
|
return track === currentTrackIdx
|
|
}
|
|
|
|
if (shuffleOrder) {
|
|
const shuffledTrack = shuffleOrder.findIndex(i => i === track)
|
|
track = shuffledTrack !== undefined ? shuffledTrack : -1
|
|
}
|
|
|
|
return contextId === queueContextId && track === currentTrackIdx
|
|
}
|
|
|
|
export const useSetQueue = (type: QueueContextType, songs?: Song[]) => {
|
|
const _setQueue = useStore(store => store.setQueue)
|
|
const client = useStore(store => store.client)
|
|
const buildStreamUri = useStore(store => store.buildStreamUri)
|
|
const fetchFile = useFetchFile()
|
|
const fetchExistingFile = useFetchExistingFile()
|
|
|
|
const songCoverArt = _.uniq((songs || []).map(s => s.coverArt)).filter((c): c is string => c !== undefined)
|
|
|
|
const coverArtPaths = useQueries(
|
|
songCoverArt.map(coverArt => ({
|
|
queryKey: qk.coverArt(coverArt, 'thumbnail'),
|
|
queryFn: async () => {
|
|
if (!client) {
|
|
return
|
|
}
|
|
|
|
const itemType = 'coverArtThumb'
|
|
|
|
const existingCache = queryClient.getQueryData<string | undefined>(qk.existingFiles(itemType, coverArt))
|
|
if (existingCache) {
|
|
return existingCache
|
|
}
|
|
|
|
const existingDisk = await fetchExistingFile({ itemId: coverArt, itemType })
|
|
if (existingDisk) {
|
|
return existingDisk
|
|
}
|
|
|
|
const fromUrl = client.getCoverArtUri({ id: coverArt, size: '256' })
|
|
return await fetchFile({
|
|
itemType,
|
|
itemId: coverArt,
|
|
fromUrl,
|
|
expectedContentType: 'image',
|
|
})
|
|
},
|
|
enabled: !!client && !!songs,
|
|
staleTime: Infinity,
|
|
cacheTime: Infinity,
|
|
notifyOnChangeProps: ['data', 'isFetched'] as any,
|
|
})),
|
|
)
|
|
|
|
const songCoverArtToPath = _.zipObject(
|
|
songCoverArt,
|
|
coverArtPaths.map(c => c.data),
|
|
)
|
|
|
|
const mapSongToTrackExt = (s: Song): TrackExt => {
|
|
let artwork = require('@res/fallback.png')
|
|
if (s.coverArt) {
|
|
const filePath = songCoverArtToPath[s.coverArt]
|
|
if (filePath) {
|
|
artwork = `file://${filePath}`
|
|
}
|
|
}
|
|
|
|
return {
|
|
id: s.id,
|
|
title: s.title,
|
|
artist: s.artist || 'Unknown Artist',
|
|
album: s.album || 'Unknown Album',
|
|
url: buildStreamUri(s.id),
|
|
userAgent,
|
|
artwork,
|
|
coverArt: s.coverArt,
|
|
duration: s.duration,
|
|
artistId: s.artistId,
|
|
albumId: s.albumId,
|
|
track: s.track,
|
|
discNumber: s.discNumber,
|
|
}
|
|
}
|
|
|
|
const contextId = `${type}-${songs?.map(s => s.id).join('-')}`
|
|
|
|
const setQueue = async (options: SetQueueOptions) => {
|
|
const queue = (songs || []).map(mapSongToTrackExt)
|
|
return await _setQueue({ queue, type, contextId, ...options })
|
|
}
|
|
|
|
return { setQueue, contextId, isReady: coverArtPaths.every(c => c.isFetched) }
|
|
}
|