45a719b256
* DRY up video service auth code * throw error if over upload limits * use token * xmark on toast * errors with nice translatable error messages * Update src/state/queries/video/video.ts --------- Co-authored-by: Hailey <me@haileyok.com>
76 lines
2.3 KiB
TypeScript
76 lines
2.3 KiB
TypeScript
import {createUploadTask, FileSystemUploadType} from 'expo-file-system'
|
|
import {AppBskyVideoDefs} from '@atproto/api'
|
|
import {msg} from '@lingui/macro'
|
|
import {useLingui} from '@lingui/react'
|
|
import {useMutation} from '@tanstack/react-query'
|
|
import {nanoid} from 'nanoid/non-secure'
|
|
|
|
import {cancelable} from '#/lib/async/cancelable'
|
|
import {ServerError} from '#/lib/media/video/errors'
|
|
import {CompressedVideo} from '#/lib/media/video/types'
|
|
import {createVideoEndpointUrl, mimeToExt} from '#/state/queries/video/util'
|
|
import {useSession} from '#/state/session'
|
|
import {useServiceAuthToken, useVideoUploadLimits} from './video-upload.shared'
|
|
|
|
export const useUploadVideoMutation = ({
|
|
onSuccess,
|
|
onError,
|
|
setProgress,
|
|
signal,
|
|
}: {
|
|
onSuccess: (response: AppBskyVideoDefs.JobStatus) => void
|
|
onError: (e: any) => void
|
|
setProgress: (progress: number) => void
|
|
signal: AbortSignal
|
|
}) => {
|
|
const {currentAccount} = useSession()
|
|
const getToken = useServiceAuthToken({
|
|
lxm: 'com.atproto.repo.uploadBlob',
|
|
exp: Date.now() / 1000 + 60 * 30, // 30 minutes
|
|
})
|
|
const checkLimits = useVideoUploadLimits()
|
|
const {_} = useLingui()
|
|
|
|
return useMutation({
|
|
mutationKey: ['video', 'upload'],
|
|
mutationFn: cancelable(async (video: CompressedVideo) => {
|
|
await checkLimits()
|
|
|
|
const uri = createVideoEndpointUrl('/xrpc/app.bsky.video.uploadVideo', {
|
|
did: currentAccount!.did,
|
|
name: `${nanoid(12)}.${mimeToExt(video.mimeType)}`,
|
|
})
|
|
|
|
const uploadTask = createUploadTask(
|
|
uri,
|
|
video.uri,
|
|
{
|
|
headers: {
|
|
'content-type': video.mimeType,
|
|
Authorization: `Bearer ${await getToken()}`,
|
|
},
|
|
httpMethod: 'POST',
|
|
uploadType: FileSystemUploadType.BINARY_CONTENT,
|
|
},
|
|
p => setProgress(p.totalBytesSent / p.totalBytesExpectedToSend),
|
|
)
|
|
const res = await uploadTask.uploadAsync()
|
|
|
|
if (!res?.body) {
|
|
throw new Error('No response')
|
|
}
|
|
|
|
const responseBody = JSON.parse(res.body) as AppBskyVideoDefs.JobStatus
|
|
|
|
if (!responseBody.jobId) {
|
|
throw new ServerError(
|
|
responseBody.error || _(msg`Failed to upload video`),
|
|
)
|
|
}
|
|
|
|
return responseBody
|
|
}, signal),
|
|
onError,
|
|
onSuccess,
|
|
})
|
|
}
|