YesPlayMusic/src/renderer/hooks/useTracks.ts

import { TrackApiNames, fetchAudioSource, fetchTracks } from '@/api/track'
import type {
  FetchAudioSourceParams,
  FetchTracksParams,
  FetchTracksResponse,
} from '@/api/track'
import reactQueryClient from '@/utils/reactQueryClient'

export default function useTracks(params: FetchTracksParams) {
  return useQuery(
    [TrackApiNames.FETCH_TRACKS, params],
    () => {
      return fetchTracks(params)
    },
    {
      enabled: params.ids.length !== 0,
      refetchInterval: false,
      staleTime: Infinity,
      initialData: (): FetchTracksResponse | undefined =>
        window.ipcRenderer?.sendSync('getApiCacheSync', {
          api: 'song/detail',
          query: {
            ids: params.ids.join(','),
          },
        }),
    }
  )
}

export function fetchTracksWithReactQuery(params: FetchTracksParams) {
  return reactQueryClient.fetchQuery(
    [TrackApiNames.FETCH_TRACKS, params],
    () => {
      return fetchTracks(params)
    },
    {
      retry: 4,
      retryDelay: (retryCount: number) => {
        return retryCount * 500
      },
      staleTime: 86400000,
    }
  )
}

export function fetchAudioSourceWithReactQuery(params: FetchAudioSourceParams) {
  return reactQueryClient.fetchQuery(
    [TrackApiNames.FETCH_AUDIO_SOURCE, params],
    () => {
      return fetchAudioSource(params)
    },
    {
      retry: 3,
      staleTime: 0, // TODO: Web版1小时缓存
    }
  )
}