React Query refactor (#91)

* 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

app/hooks/trackplayer.ts

@@ -1,6 +1,14 @@
+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, trackPlayerCommands } from '@app/state/trackplayer'
+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())
@@ -83,3 +91,88 @@ export const useIsPlaying = (contextId: string | undefined, track: number) => {
 
   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) }
+}