configurable 1GB max file size on frontend + worker

Author: theJawnnybot

src/App.tsx

@@ -3,6 +3,7 @@ import { DropZone } from './components/DropZone'
 import { Player } from './components/Player'
 import { UploadProgress } from './components/UploadProgress'
 import { uploadVideo, deleteVideo } from './api'
+import { MAX_FILE_SIZE } from './config'
 import './App.css'
 
 type AppState =
@@ -35,6 +36,12 @@ export default function App() {
       videoIdRef.current = null
     }
 
+    if (file.size > MAX_FILE_SIZE) {
+      const maxMB = Math.round(MAX_FILE_SIZE / (1024 * 1024))
+      setState({ phase: 'error', message: `File too large (max ${maxMB}MB)` })
+      return
+    }
+
     setState({ phase: 'uploading', file, progress: 0 })
 
     try {

src/config.ts

@@ -0,0 +1,2 @@
+/** Maximum file size in bytes (1GB) */
+export const MAX_FILE_SIZE = 1 * 1024 * 1024 * 1024

tsconfig.app.tsbuildinfo

@@ -1 +1 @@
-{"root":["./src/app.tsx","./src/api.ts","./src/main.tsx","./src/vite-env.d.ts","./src/components/castbutton.tsx","./src/components/dropzone.tsx","./src/components/player.tsx","./src/components/uploadprogress.tsx"],"version":"5.9.3"}
+{"root":["./src/app.tsx","./src/api.ts","./src/config.ts","./src/main.tsx","./src/vite-env.d.ts","./src/components/castbutton.tsx","./src/components/dropzone.tsx","./src/components/player.tsx","./src/components/uploadprogress.tsx"],"version":"5.9.3"}

worker/src/index.ts

@@ -2,7 +2,7 @@ interface Env {
   BUCKET: R2Bucket
 }
 
-const MAX_FILE_SIZE = 500 * 1024 * 1024 // 500MB
+const MAX_FILE_SIZE = 1 * 1024 * 1024 * 1024 // 1GB
 const MAX_AGE_MS = 60 * 60 * 1000 // 1 hour
 const CORS_HEADERS = {
   'Access-Control-Allow-Origin': '*',