feat(frontend): add VITE_FORCE_SYNC to use POST /api/process in prod when needed

Author: kr1shnasomani

frontend/src/components/VideoUpload.tsx

@@ -1,5 +1,5 @@
 import { useState, useCallback } from "react";
-import { API_BASE } from "@/lib/api";
+import { API_BASE, FORCE_SYNC } from "@/lib/api";
 import { createProcessingJob, pollJob, fetchJobResult } from "@/lib/jobs";
 import { Card, CardContent } from "@/components/ui/card";
 import { Button } from "@/components/ui/button";
@@ -93,11 +93,12 @@ const VideoUpload = ({ onVideoProcessed }: VideoUploadProps) => {
 
       // Prefer async job flow in production to avoid platform timeouts; keep sync in dev
       let blob: Blob;
-      if (import.meta.env.DEV && !API_BASE) {
+      if ((import.meta.env.DEV && !API_BASE) || FORCE_SYNC) {
         // local dev, use sync endpoint via Vite proxy
         const form = new FormData();
         form.append("video", uploadedVideo);
-        const res = await fetch("/api/process", { method: "POST", body: form });
+        const endpoint = FORCE_SYNC && API_BASE ? `${API_BASE}/api/process` : "/api/process";
+        const res = await fetch(endpoint, { method: "POST", body: form });
         if (!res.ok) {
           const text = await res.text();
           throw new Error(text || `Request failed: ${res.status}`);

frontend/src/lib/api.ts

@@ -7,3 +7,5 @@ const DEFAULT_BACKEND = "https://sportiq-j4hv.onrender.com";
 export const API_BASE = import.meta.env.PROD
   ? (import.meta.env.VITE_BACKEND_URL || DEFAULT_BACKEND)
   : (import.meta.env.VITE_BACKEND_URL || "");
+
+export const FORCE_SYNC = Boolean(import.meta.env.VITE_FORCE_SYNC);