Issue #24 and #16: Implemented auto-update fetching and font loading

package.json

@@ -27,7 +27,7 @@
 		"expo-dev-client": "~4.0.27",
 		"expo-font": "^12.0.10",
 		"expo-status-bar": "~1.12.1",
-		"expo-updates": "~0.25.25",
+		"expo-updates": "^0.25.27",
 		"html-entities": "^2.5.2",
 		"react": "18.2.0",
 		"react-native": "0.74.5",

src/App.js

@@ -12,12 +12,30 @@ import DashboardScreen from "./screens/DashboardScreen/DashboardScreen";
 import AlbumViewerScreen from "./screens/AlbumViewerScreen/AlbumViewerScreen";
 import Constants from "./constants/constants";
 import FloatingPlayerScreen from "./screens/FloatingPlayerScreen/FloatingPlayerScreen";
+import autoUpdateFetch from "./utils/autoUpdateFetch";
+import loadFonts from "./utils/fontLoader";
 
 const Stack = createStackNavigator();
 const constants = new Constants();
 
 export default function App() {
 	const [playerInitialized, setPlayerInitialized] = useState(false);
+	const [fontsLoaded, setFontsLoaded] = useState(false);
+
+	useEffect(() => {
+		const loadAppFonts = async () => {
+			await loadFonts();
+			setFontsLoaded(true);
+		};
+
+		loadAppFonts();
+	}, []);
+
+	useEffect(() => {
+		if (!__DEV__) {
+			autoUpdateFetch();
+		}
+	}, []);
 
 	useEffect(() => {
 		const initializePlayer = async () => {
@@ -28,13 +46,14 @@ export default function App() {
 					return async () => await TrackPlayer.destroy();
 				}
 			} catch (error) {
+				// setPlayerInitialized(true);
 				console.error("Error setting up player", error);
 			}
 		};
 		initializePlayer();
 	}, [playerInitialized]);
 
-	return (
+	return fontsLoaded && (
 		<PlayerProvider>
 			<StatusBar backgroundColor={"transparent"} translucent />
 			<NavigationContainer>

src/utils/autoUpdateFetch.js

@@ -0,0 +1,19 @@
+import * as Updates from "expo-updates";
+import { ToastAndroid } from "react-native";
+
+const autoUpdateFetch = async () => {
+	try {
+		const update = await Updates.checkForUpdateAsync();
+		if (update.isAvailable) {
+			await Updates.fetchUpdateAsync();
+			await Updates.reloadAsync();
+		}
+	} catch (error) {
+		ToastAndroid.show(
+			`Error fetching latest Expo update: ${error}`,
+			ToastAndroid.SHORT,
+		);
+	}
+};
+
+export default autoUpdateFetch;

src/utils/fontLoader.js

@@ -0,0 +1,12 @@
+import * as Font from 'expo-font';
+
+const loadFonts = async () => {
+    await Font.loadAsync({
+        'Poppins-Regular': require('../../assets/fonts/Poppins/Poppins-Regular.ttf'),
+        'Poppins-Bold': require('../../assets/fonts/Poppins/Poppins-Bold.ttf'),
+        'Poppins-Thin': require("../../assets/fonts/Poppins/Poppins-Thin.ttf")
+    });
+};
+
+
+export default loadFonts