feat: download playbacks

src/screens/Production/PlaybackDownload.js

@@ -1,17 +1,15 @@
-import React, { useEffect, useMemo, useRef, useState } from 'react'
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
-import { Image, Platform, Pressable, ScrollView, StyleSheet, Text, View } from 'react-native'
+import { Platform, Pressable, ScrollView, StyleSheet, Text, View } from 'react-native'
 import { MaterialCommunityIcons } from '@expo/vector-icons'
 import useMinuit from 'react-native-minuit/src/hooks/useMinuit.js'
 import * as FileSystem from 'expo-file-system'
 import { shareAsync } from 'expo-sharing'
-import { background } from '../../assets'
 import FullscreenIntroVideo from '../../components/FullscreenIntroVideo'
 import BorderGradientButton from '../../components/BorderGradientButton'
 import MusicLandHeader from '../../components/MusicLandHeader'
 import AppCheckbox from '../../components/AppCheckbox'
-import firebase, { projectsRef, serverTimestamp, videosRef } from '../../config/firebase'
+import firebase, { projectsRef, serverTimestamp } from '../../config/firebase'
 import { uploadFileToFirebase } from '../../helpers/uploadToFirebase'
-import useDataFromRef from '../../hooks/useDataFromRef'
 import Page from '../../layouts/Page'
 import { Routes } from '../../navigation'
 import { goBack, navigate } from '../../navigation/NavigationService'
@@ -137,8 +135,9 @@ const uploadSourceRecording = async ({ uri, uid, projectId }) => {
 
 const PlaybackDownload = ({ route }) => {
   const { currentUID } = useUserData()
-  const { hasActiveSubscription } = useUser() || {}
+  const { hasActiveSubscription, videos } = useUser() || {}
-  const { action, uri, project } = route.params || {}
+  const { action: routeAction, uri, project } = route.params || {}
+  const action = routeAction || 'playback'
   console.log('[PlaybackDownload] route params', {
     action,
     projectId: project?.id,
@@ -150,18 +149,14 @@ const PlaybackDownload = ({ route }) => {
   const [showConfirmModal, setShowConfirmModal] = useState(false)
   const [pendingPlaybackUrl, setPendingPlaybackUrl] = useState(project?.playbackUrl || null)
   const [isPublishing, setIsPublishing] = useState(false)
+  const [isDownloading, setIsDownloading] = useState(false)
   const [hasAcceptedPublication, setHasAcceptedPublication] = useState(true)
   const hasShownAfterPlaybackRef = useRef(false)
 
-  const { data: video } = useDataFromRef({
-    ref: videosRef.doc('fr'),
-    simpleRef: true,
-  })
-
   const afterPlaybackUrl = useMemo(() => {
-    if (!video) return null
+    if (!videos) return null
-    return video?.afterPlayback
+    return videos?.afterPlayback || null
-  }, [video])
+  }, [videos])
 
   useEffect(() => {
     if (action !== 'playback') return
@@ -179,20 +174,66 @@ const PlaybackDownload = ({ route }) => {
 
 
 
+  const resolveAudioUrl = useCallback(() => {
+    if (typeof project?.songUrl === 'string' && project.songUrl.trim()) {
+      return project.songUrl.trim()
+    }
+    const urls = Array.isArray(project?.musicUrls) ? project.musicUrls : []
+    if (!urls.length) return null
+    const idx = Number.isFinite(Number(project?.songIndex)) ? Number(project.songIndex) : 0
+    const candidate = urls[idx]
+    if (typeof candidate === 'string' && candidate.trim()) {
+      return candidate.trim()
+    }
+    return null
+  }, [project])
+
   const handleDownloadUri = async () => {
-    if (isPublishing) return
+    if (isPublishing || isDownloading) return
-    if (action === 'playback' && project?.id) {
+    if (action !== 'playback') {
-      if (pendingPlaybackUrl) {
+      setTooltip({
-        await triggerDownload(pendingPlaybackUrl, project?.title)
+        type: 'error',
+        text: 'Téléchargement indisponible pour cette action',
+      })
       return
     }
-      // Publication du playback
+
-      console.log('[PlaybackDownload] handleDownloadUri playback', {
+    const playbackUrlToDownload = pendingPlaybackUrl || project?.playbackUrl || null
-        projectId: project.id,
+    if (playbackUrlToDownload) {
-        uri,
+      setIsDownloading(true)
-        currentUID,
+      try {
+        await triggerDownload(playbackUrlToDownload, project?.title)
+      } finally {
+        setIsDownloading(false)
+      }
+      return
+    }
+
+    if (!project?.id) {
+      setTooltip({
+        type: 'error',
+        text: 'Projet introuvable pour ce playback',
       })
-      const audioUrl = project?.songUrl || null
+      return
+    }
+
+    if (!uri) {
+      setTooltip({
+        type: 'error',
+        text: 'Aucune vidéo trouvée pour ce playback',
+      })
+      return
+    }
+
+    if (!currentUID) {
+      setTooltip({
+        type: 'error',
+        text: 'Utilisateur non authentifié',
+      })
+      return
+    }
+
+    const audioUrl = resolveAudioUrl()
     if (!audioUrl) {
       setTooltip({
         type: 'error',
@@ -200,8 +241,17 @@ const PlaybackDownload = ({ route }) => {
       })
       return
     }
+
+    // Publication du playback
+    console.log('[PlaybackDownload] handleDownloadUri playback', {
+      projectId: project.id,
+      uri,
+      currentUID,
+    })
+
     let tempSourcePath = null
     try {
+      setIsDownloading(true)
       setIsLoading(true)
       const { sourcePath, videoUrl } = await uploadSourceRecording({
         uri,
@@ -268,12 +318,9 @@ const PlaybackDownload = ({ route }) => {
       })
     } finally {
       releaseBlobUrl(uri || null)
+      setIsDownloading(false)
       setIsLoading(false)
     }
-      // Handle playback download
-    } else {
-      // Handle song download
-    }
   }
 
   const handlePublish = async () => {
@@ -299,7 +346,7 @@ const PlaybackDownload = ({ route }) => {
     }
     let tempSourcePath = null
     let playbackUrlToSave = pendingPlaybackUrl || project?.playbackUrl || null
-    const audioUrl = project?.songUrl || null
+    const audioUrl = resolveAudioUrl()
     if (!audioUrl && !playbackUrlToSave) {
       setTooltip({
         type: 'error',
@@ -307,6 +354,13 @@ const PlaybackDownload = ({ route }) => {
       })
       return
     }
+    if (!currentUID) {
+      setTooltip({
+        type: 'error',
+        text: 'Utilisateur non authentifié',
+      })
+      return
+    }
 
     try {
       setIsPublishing(true)
@@ -417,7 +471,11 @@ const PlaybackDownload = ({ route }) => {
               </View>
             )}
 
-            <Pressable style={styles.downloadTile} onPress={handleDownloadUri}>
+            <Pressable
+              style={[styles.downloadTile, (isPublishing || isDownloading) && { opacity: 0.6 }]}
+              onPress={handleDownloadUri}
+              disabled={isPublishing || isDownloading}
+            >
               <MaterialCommunityIcons name="download" size={22} color={Palette.white} />
               <Text style={styles.downloadText}>Télécharger le playback</Text>
             </Pressable>