mirror of
https://github.com/Jellify-Music/App.git
synced 2026-01-12 05:50:54 -06:00
ae7aef5df3
Adds an Instant Mix Button and Screen - users can view an instant mix from the album page by tapping on the Compass icon (which is styled for Dark and Light mode, respectfully) Fixes Android playback controls not showing up - this is a regression introduced by React Native's New Architecture and is being rolled back. A future update will fix this and get Android builds back on the New Architecture Adds Tamagui styling to toasts so that they are more homogenous with the rest of the UI
95 lines
3.2 KiB
TypeScript
95 lines
3.2 KiB
TypeScript
import './gesture-handler'
|
|
import React, { useState } from 'react'
|
|
import 'react-native-url-polyfill/auto'
|
|
import { PersistQueryClientProvider } from '@tanstack/react-query-persist-client'
|
|
import Jellify from './src/components/jellify'
|
|
import { TamaguiProvider, Theme } from 'tamagui'
|
|
import { useColorScheme } from 'react-native'
|
|
import jellifyConfig from './tamagui.config'
|
|
import { clientPersister } from './src/constants/storage'
|
|
import { queryClient } from './src/constants/query-client'
|
|
import { GestureHandlerRootView } from 'react-native-gesture-handler'
|
|
import TrackPlayer, { IOSCategory, IOSCategoryOptions } from 'react-native-track-player'
|
|
import { CAPABILITIES } from './src/player/constants'
|
|
import { createWorkletRuntime } from 'react-native-reanimated'
|
|
import { SafeAreaProvider } from 'react-native-safe-area-context'
|
|
import { NavigationContainer } from '@react-navigation/native'
|
|
import { JellifyDarkTheme, JellifyLightTheme } from './src/components/theme'
|
|
import { requestStoragePermission } from './src/helpers/permisson-helpers'
|
|
import ErrorBoundary from './src/components/ErrorBoundary'
|
|
import Toast from 'react-native-toast-message'
|
|
import JellifyToastConfig from './src/constants/toast.config'
|
|
|
|
export const backgroundRuntime = createWorkletRuntime('background')
|
|
|
|
export default function App(): React.JSX.Element {
|
|
const [playerIsReady, setPlayerIsReady] = useState<boolean>(false)
|
|
const isDarkMode = useColorScheme() === 'dark'
|
|
|
|
TrackPlayer.setupPlayer({
|
|
autoHandleInterruptions: true,
|
|
iosCategory: IOSCategory.Playback,
|
|
iosCategoryOptions: [IOSCategoryOptions.AllowAirPlay, IOSCategoryOptions.AllowBluetooth],
|
|
})
|
|
.then(() =>
|
|
TrackPlayer.updateOptions({
|
|
progressUpdateEventInterval: 1,
|
|
capabilities: CAPABILITIES,
|
|
notificationCapabilities: CAPABILITIES,
|
|
compactCapabilities: CAPABILITIES,
|
|
// ratingType: RatingType.Heart,
|
|
// likeOptions: {
|
|
// isActive: false,
|
|
// title: "Favorite"
|
|
// },
|
|
// dislikeOptions: {
|
|
// isActive: true,
|
|
// title: "Unfavorite"
|
|
// }
|
|
}),
|
|
)
|
|
.finally(() => {
|
|
setPlayerIsReady(true)
|
|
requestStoragePermission()
|
|
})
|
|
const getActiveTrack = async () => {
|
|
const track = await TrackPlayer.getActiveTrack()
|
|
console.log('playerIsReady', track)
|
|
}
|
|
getActiveTrack()
|
|
const [reloader, setReloader] = useState(0)
|
|
|
|
const handleRetry = () => setReloader((r) => r + 1)
|
|
|
|
return (
|
|
<SafeAreaProvider>
|
|
<ErrorBoundary reloader={reloader} onRetry={handleRetry}>
|
|
<NavigationContainer theme={isDarkMode ? JellifyDarkTheme : JellifyLightTheme}>
|
|
<PersistQueryClientProvider
|
|
client={queryClient}
|
|
persistOptions={{
|
|
persister: clientPersister,
|
|
|
|
/**
|
|
* Infinity, since data can remain the
|
|
* same forever on the server
|
|
*/
|
|
maxAge: Infinity,
|
|
buster: '0.10.99',
|
|
}}
|
|
>
|
|
<GestureHandlerRootView>
|
|
<TamaguiProvider config={jellifyConfig}>
|
|
<Theme name={isDarkMode ? 'dark' : 'light'}>
|
|
{playerIsReady && <Jellify />}
|
|
</Theme>
|
|
</TamaguiProvider>
|
|
</GestureHandlerRootView>
|
|
</PersistQueryClientProvider>
|
|
<Toast config={JellifyToastConfig(isDarkMode)} />
|
|
</NavigationContainer>
|
|
</ErrorBoundary>
|
|
</SafeAreaProvider>
|
|
)
|
|
}
|