File size: 2,251 Bytes
edb7d3e b5d56b9 edb7d3e b5d56b9 edb7d3e b5d56b9 edb7d3e b5d56b9 edb7d3e b5d56b9 edb7d3e b5d56b9 edb7d3e b5d56b9 edb7d3e | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 | import { useState, useCallback } from 'react'
import { processVideo } from '../utils/api.js'
/**
* Custom hook for video processing
* BUG FIX: processUrl/processFile now RETURN the job object so App.jsx
* can use it directly (avoids stale closure issue with React state).
*/
export function useVideoProcessor() {
const [currentJob, setCurrentJob] = useState(null)
const [isProcessing, setIsProcessing] = useState(false)
const [error, setError] = useState(null)
const processUrl = useCallback(async (url, options = {}) => {
setError(null)
setIsProcessing(true)
try {
if (!url || !url.trim()) {
throw new Error('Please enter a valid URL')
}
const result = await processVideo(url, options)
// BUG FIX: result.jobId is now normalized in api.js (was result.job_id)
const job = { jobId: result.jobId, status: result.status || 'processing' }
setCurrentJob(job)
return job // RETURN so caller doesn't need to read stale state
} catch (err) {
const message = err.message || 'Failed to process video'
setError(message)
console.error('Error processing URL:', err)
return null
} finally {
setIsProcessing(false)
}
}, [])
const processFile = useCallback(async (file, options = {}) => {
setError(null)
setIsProcessing(true)
try {
if (!file) throw new Error('No file selected')
if (!file.type.startsWith('video/')) throw new Error('Please select a valid video file')
if (file.size > 5000000000) throw new Error('File size must be less than 5GB')
const result = await processVideo(file, options)
const job = { jobId: result.jobId, status: result.status || 'processing' }
setCurrentJob(job)
return job // RETURN so caller doesn't need to read stale state
} catch (err) {
const message = err.message || 'Failed to process video'
setError(message)
console.error('Error processing file:', err)
return null
} finally {
setIsProcessing(false)
}
}, [])
const reset = useCallback(() => {
setCurrentJob(null)
setError(null)
setIsProcessing(false)
}, [])
return { currentJob, isProcessing, error, processUrl, processFile, reset }
}
|