Enable 300mb video uploads (#10497)

src/view/com/composer/Composer.tsx

@@ -222,6 +222,10 @@ export const ComposePost = ({
   const [publishingStage, setPublishingStage] = useState('')
   const [error, setError] = useState('')
 
+  const enableLargeVideoUploads = ax.features.enabled(
+    ax.features.LargeVideoUploads,
+  )
+
   /**
    * Track when a draft was created so we can measure draft age in metrics.
    * Set when a draft is loaded via handleSelectDraft.
@@ -344,9 +348,10 @@ export const ComposePost = ({
         currentDid,
         abortController.signal,
         i18n,
+        enableLargeVideoUploads,
       )
     },
-    [i18n, agent, currentDid, composerDispatch],
+    [i18n, agent, currentDid, composerDispatch, enableLargeVideoUploads],
   )
 
   const onInitVideo = useNonReactiveCallback(() => {
@@ -491,6 +496,7 @@ export const ComposePost = ({
           currentDid,
           abortController.signal,
           i18n,
+          enableLargeVideoUploads,
         )
       } catch (e) {
         logger.error('Failed to restore video from draft', {
@@ -499,7 +505,7 @@ export const ComposePost = ({
         })
       }
     },
-    [i18n, agent, currentDid, composerDispatch],
+    [i18n, agent, currentDid, composerDispatch, enableLargeVideoUploads],
   )
 
   const handleSelectDraft = useCallback(
@@ -810,7 +816,7 @@ export const ComposePost = ({
           )),
     )
 
-  const getFilteredThread = (): {
+  const getFilteredThread = useCallback((): {
     type: 'none' | 'trailing-only' | 'non-trailing'
     filteredThread: ThreadDraft
   } => {
@@ -838,7 +844,7 @@ export const ComposePost = ({
       type: hasNonTrailingEmpty ? 'non-trailing' : 'trailing-only',
       filteredThread,
     }
-  }
+  }, [thread])
 
   const onPressPublish = useCallback(async () => {
     if (isPublishing) {
@@ -1011,7 +1017,7 @@ export const ComposePost = ({
     setLangPrefs.savePostLanguageToHistory()
     if (initQuote) {
       // We want to wait for the quote count to update before we call `onPost`, which will refetch data
-      whenAppViewReady(agent, initQuote.uri, res => {
+      void whenAppViewReady(agent, initQuote.uri, res => {
         const anchor = res.data.thread.at(0)
         if (
           AppBskyUnspeccedDefs.isThreadItemPost(anchor?.value) &&
@@ -1059,7 +1065,6 @@ export const ComposePost = ({
     l,
     ax,
     agent,
-    thread,
     canPost,
     isPublishing,
     currentLanguages,
@@ -1077,6 +1082,7 @@ export const ComposePost = ({
     cleanupPublishedDraft,
     loadedDraftCreatedAt,
     emptyPostsPromptControl,
+    getFilteredThread,
   ])
 
   const handleConfirmSkipEmpty = () => {

src/view/com/composer/state/video.ts

@@ -264,6 +264,7 @@ export async function processVideo(
   did: string,
   signal: AbortSignal,
   i18n: I18n,
+  TEMP_enableLargeVideoUploads: boolean,
 ) {
   let video: CompressedVideo | undefined
   try {
@@ -272,9 +273,14 @@ export async function processVideo(
         dispatch({type: 'update_progress', progress: trunc2dp(num), signal})
       },
       signal,
+      TEMP_enableLargeVideoUploads,
     })
   } catch (e) {
-    const message = getCompressErrorMessage(e, i18n)
+    const message = getCompressErrorMessage(
+      e,
+      i18n,
+      TEMP_enableLargeVideoUploads,
+    )
     if (message !== null) {
       dispatch({
         type: 'to_error',
@@ -303,7 +309,7 @@ export async function processVideo(
       },
     })
   } catch (e) {
-    const message = getUploadErrorMessage(e, i18n)
+    const message = getUploadErrorMessage(e, i18n, TEMP_enableLargeVideoUploads)
     if (message !== null) {
       dispatch({
         type: 'to_error',
@@ -387,20 +393,30 @@ export async function processVideo(
   }
 }
 
-function getCompressErrorMessage(e: unknown, i18n: I18n): string | null {
+function getCompressErrorMessage(
+  e: unknown,
+  i18n: I18n,
+  TEMP_enableLargeVideoUploads: boolean,
+): string | null {
+  const videoSize = TEMP_enableLargeVideoUploads ? 300 : 100
   if (e instanceof AbortError) {
     return null
   }
   if (e instanceof VideoTooLargeError) {
     return i18n._(
-      msg`The selected video is larger than 100 MB. Please try again with a smaller file.`,
+      msg`The selected video is larger than ${videoSize} MB. Please try again with a smaller file.`,
     )
   }
   logger.error('Error compressing video', {safeMessage: e})
   return i18n._(msg`An error occurred while compressing the video.`)
 }
 
-function getUploadErrorMessage(e: unknown, i18n: I18n): string | null {
+function getUploadErrorMessage(
+  e: unknown,
+  i18n: I18n,
+  TEMP_enableLargeVideoUploads: boolean,
+): string | null {
+  const videoSize = TEMP_enableLargeVideoUploads ? 300 : 100
   if (e instanceof AbortError) {
     return null
   }
@@ -430,8 +446,9 @@ function getUploadErrorMessage(e: unknown, i18n: I18n): string | null {
           msg`Your account is not yet old enough to upload videos. Please try again later.`,
         )
       case 'file size (100000001 bytes) is larger than the maximum allowed size (100000000 bytes)':
+      case 'file size (300000001 bytes) is larger than the maximum allowed size (300000000 bytes)':
         return i18n._(
-          msg`The selected video is larger than 100 MB. Please try again with a smaller file.`,
+          msg`The selected video is larger than ${videoSize} MB. Please try again with a smaller file.`,
         )
       case 'Confirm your email address to upload videos':
         return i18n._(msg`Please confirm your email address to upload videos.`)