chore: add repro button for expo issue lol

apps/expo/src/app/(tabs)/downloads.tsx

@@ -1,29 +1,57 @@
 import type { Asset } from "expo-media-library";
 import React from "react";
+import { Platform } from "react-native";
 import { ScrollView } from "react-native-gesture-handler";
 import { useRouter } from "expo-router";
+import { MaterialCommunityIcons } from "@expo/vector-icons";
+import { useTheme } from "tamagui";
 
 import { DownloadItem } from "~/components/DownloadItem";
 import ScreenLayout from "~/components/layout/ScreenLayout";
+import { MWButton } from "~/components/ui/Button";
 import { useDownloadManager } from "~/hooks/DownloadManagerContext";
 import { usePlayerStore } from "~/stores/player/store";
 
 const DownloadsScreen: React.FC = () => {
-  const { downloads, removeDownload } = useDownloadManager();
+  const { startDownload, downloads, removeDownload } = useDownloadManager();
   const resetVideo = usePlayerStore((state) => state.resetVideo);
+  const setAsset = usePlayerStore((state) => state.setAsset);
   const router = useRouter();
+  const theme = useTheme();
 
   const handlePress = (asset?: Asset) => {
     if (!asset) return;
     resetVideo();
+    setAsset(asset);
     router.push({
       pathname: "/videoPlayer",
-      params: { data: JSON.stringify(asset) },
     });
   };
 
   return (
     <ScreenLayout title="Downloads">
+      <MWButton
+        type="secondary"
+        backgroundColor="$sheetItemBackground"
+        icon={
+          <MaterialCommunityIcons
+            name={Platform.select({ ios: "apple", android: "android" })}
+            size={24}
+            color={theme.buttonSecondaryText.val}
+          />
+        }
+        onPress={async () => {
+          const asset = await startDownload(
+            "https://samplelib.com/lib/preview/mp4/sample-5s.mp4",
+            "mp4",
+          ).catch(console.error);
+          if (asset) {
+            handlePress(asset);
+          }
+        }}
+      >
+        test local playback (expo-av)
+      </MWButton>
       <ScrollView>
         {downloads.map((item) => (
           <DownloadItem