chore: migrate to expo dependencies to prepare for new architecture a…

…nd fix various small issues (#31)

.releaserc.yaml

@@ -69,7 +69,7 @@ plugins:
   - - '@semantic-release/changelog'
     - changelogFile: "CHANGELOG.md"
   - - "@semantic-release/git"
-    - assets: [ "CHANGELOG.md", "package.json" ]
+    - assets: [ "CHANGELOG.md", "package.json", "package-lock.json" ]
       message: "chore(release): ${nextRelease.version} [skip ci]\n\n${nextRelease.notes}"
   - '@semantic-release/github'
 

app.json

@@ -65,6 +65,10 @@
     "name": "reacttube",
     "slug": "reacttube",
     "userInterfaceStyle": "dark",
-    "backgroundColor": "#000000"
+    "backgroundColor": "#000000",
+    "androidStatusBar": {
+      "barStyle": "light-content",
+      "backgroundColor": "#000000"
+    }
   }
 }

package.json

@@ -21,6 +21,8 @@
     "expo-av": "~14.0.6",
     "expo-build-properties": "~0.12.5",
     "expo-file-system": "~17.0.1",
+    "expo-image": "~1.12.15",
+    "expo-linking": "~6.3.1",
     "expo-splash-screen": "~0.27.5",
     "expo-sqlite": "~14.0.6",
     "expo-status-bar": "~1.12.1",
@@ -34,7 +36,6 @@
     "react-native": "npm:react-native-tvos@^0.74.5-0",
     "react-native-awesome-slider": "^2.5.3",
     "react-native-device-info": "^10.8.0",
-    "react-native-fast-image": "^8.6.3",
     "react-native-flash-message": "^0.4.2",
     "react-native-fs": "^2.20.0",
     "react-native-gesture-handler": "~2.16.1",
@@ -52,7 +53,6 @@
     "react-native-svg": "15.2.0",
     "react-native-track-player": "^4.1.1",
     "react-native-url-polyfill": "^1.3.0",
-    "react-native-uuid": "^2.0.1",
     "react-native-vector-icons": "^9.2.0",
     "react-native-video": "6.4.5",
     "react-native-vlc-media-player": "^1.0.61",
@@ -63,11 +63,11 @@
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",
-    "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@babel/plugin-proposal-export-namespace-from": "^7.18.9",
-    "@babel/plugin-proposal-private-methods": "^7.18.6",
     "@babel/plugin-syntax-import-assertions": "^7.20.0",
+    "@babel/plugin-transform-class-properties": "^7.25.4",
+    "@babel/plugin-transform-export-namespace-from": "^7.24.7",
     "@babel/plugin-transform-flow-strip-types": "^7.21.0",
+    "@babel/plugin-transform-private-methods": "^7.25.4",
     "@babel/preset-env": "^7.20.0",
     "@babel/runtime": "^7.20.0",
     "@react-native-tvos/config-tv": "0.0.10",

src/components/ChannelCard.tsx

@@ -1,9 +1,10 @@
+import {useNavigation} from "@react-navigation/native";
+import {Image} from "expo-image";
 import React from "react";
 import {StyleSheet, Text, TouchableOpacity, View} from "react-native";
-import FastImage from "react-native-fast-image";
-import {useNavigation} from "@react-navigation/native";
-import {NativeStackProp} from "../navigation/types";
+
 import {useAppStyle} from "../context/AppStyleContext";
+import {NativeStackProp} from "../navigation/types";
 
 interface Props {
   id: string;
@@ -23,7 +24,7 @@ export default function ChannelCard({id, channelName, imageUrl}: Props) {
             channelId: id,
           })
         }>
-        <FastImage
+        <Image
           style={styles.image}
           source={{
             uri:

src/components/VideoComponent.tsx

@@ -126,7 +126,7 @@ export default function VideoComponent({
         onProgress={callbacks.onProgress}
         onLoadStart={() => LOGGER.debug("Video Start Loading...")}
         onError={(error: any) => {
-          LOGGER.warn(error);
+          LOGGER.warn("Error playing video: ", JSON.stringify(error));
           if (hlsUrl) {
             setFailbackUrl(true);
             LOGGER.warn("Switching to fallback url");