@remotion/studio 4.0.526 → 4.0.528

package/dist/esm/{index-9x6e1dq0.mjs → index-hqxc6tzp.mjs}

@@ -75,12 +75,16 @@ var RenderQueueContext = React.createContext({
   updateCaptionJobProgress: noop,
   markCaptionJobDone: noop,
   markCaptionJobFailed: noop,
+  markCaptionJobCancelled: noop,
+  markCaptionJobSaving: noop,
   removeCaptionJob: noop,
   setProcessCaptionJobCallback: noop,
   addVideoMattingJob: noopString,
   updateVideoMattingJobProgress: noop,
   markVideoMattingJobDone: noop,
   markVideoMattingJobFailed: noop,
+  markVideoMattingJobCancelled: noop,
+  markVideoMattingJobSaving: noop,
   removeVideoMattingJob: noop,
   setProcessVideoMattingJobCallback: noop,
   getAbortController: () => new AbortController,
@@ -94,7 +98,7 @@ var RenderQueueContextProvider = ({ children }) => {
   const [clientJobs, setClientJobs] = useState(restorePersistedClientRenders);
   const [captionJobs, setCaptionJobs] = useState([]);
   const [videoMattingJobs, setVideoMattingJobs] = useState([]);
-  const hasActiveLocalJob = clientJobs.some((job) => job.status === "idle" || job.status === "running" || job.status === "saving") || captionJobs.some((job) => job.status === "idle" || job.status === "running") || videoMattingJobs.some((job) => job.status === "idle" || job.status === "running");
+  const hasActiveLocalJob = clientJobs.some((job) => job.status === "idle" || job.status === "running" || job.status === "saving") || captionJobs.some((job) => job.status === "idle" || job.status === "running" || job.status === "saving") || videoMattingJobs.some((job) => job.status === "idle" || job.status === "running" || job.status === "saving");
   const [currentlyProcessing, setCurrentlyProcessing] = useState(null);
   const lastLocalJobStartedAt = useRef(clientJobs.reduce((latest, job) => Math.max(latest, job.startedAt), 0));
   const processJobCallbackRef = useRef(null);
@@ -151,7 +155,7 @@ var RenderQueueContextProvider = ({ children }) => {
         status: "running",
         progress: {
           detail: null,
-          message: "Starting video matting...",
+          message: "outName" in job ? "Starting background removal..." : "Starting video matting...",
           value: 0
         }
       } : job));
@@ -267,13 +271,15 @@ var RenderQueueContextProvider = ({ children }) => {
     return id;
   }, [getLocalJobStartedAt]);
   const updateCaptionJobProgress = useCallback((jobId, progress) => {
-    setCaptionJobs((prev) => prev.map((job) => job.id === jobId ? { ...job, status: "running", progress } : job));
+    setCaptionJobs((prev) => prev.map((job) => job.id === jobId && (job.status === "running" || job.status === "saving") ? { ...job, progress } : job));
   }, []);
   const markCaptionJobDone = useCallback((jobId, captionCount) => {
+    deleteAbortController(jobId);
     setCaptionJobs((prev) => prev.map((job) => job.id === jobId ? { ...job, status: "done", captionCount } : job));
     setCurrentlyProcessing((current) => current === jobId ? null : current);
   }, []);
   const markCaptionJobFailed = useCallback((jobId, error) => {
+    deleteAbortController(jobId);
     setCaptionJobs((prev) => prev.map((job) => job.id === jobId ? {
       ...job,
       status: "failed",
@@ -281,12 +287,21 @@ var RenderQueueContextProvider = ({ children }) => {
     } : job));
     setCurrentlyProcessing((current) => current === jobId ? null : current);
   }, []);
+  const markCaptionJobCancelled = useCallback((jobId) => {
+    deleteAbortController(jobId);
+    setCaptionJobs((prev) => prev.map((job) => job.id === jobId ? { ...job, status: "cancelled" } : job));
+    setCurrentlyProcessing((current) => current === jobId ? null : current);
+  }, []);
+  const markCaptionJobSaving = useCallback((jobId) => {
+    setCaptionJobs((prev) => prev.map((job) => job.id === jobId && job.status === "running" ? { ...job, status: "saving" } : job));
+  }, []);
   const removeCaptionJob = useCallback((jobId) => {
     setCaptionJobs((prev) => {
       const jobToRemove = prev.find((job) => job.id === jobId);
-      if (jobToRemove?.status === "running") {
+      if (jobToRemove?.status === "running" || jobToRemove?.status === "saving") {
         return prev;
       }
+      deleteAbortController(jobId);
       return prev.filter((job) => job.id !== jobId);
     });
   }, []);
@@ -309,13 +324,15 @@ var RenderQueueContextProvider = ({ children }) => {
     return id;
   }, [getLocalJobStartedAt]);
   const updateVideoMattingJobProgress = useCallback((jobId, progress) => {
-    setVideoMattingJobs((prev) => prev.map((job) => job.id === jobId ? { ...job, status: "running", progress } : job));
+    setVideoMattingJobs((prev) => prev.map((job) => job.id === jobId && (job.status === "running" || job.status === "saving") ? { ...job, progress } : job));
   }, []);
   const markVideoMattingJobDone = useCallback((jobId) => {
+    deleteAbortController(jobId);
     setVideoMattingJobs((prev) => prev.map((job) => job.id === jobId ? { ...job, status: "done" } : job));
     setCurrentlyProcessing((current) => current === jobId ? null : current);
   }, []);
   const markVideoMattingJobFailed = useCallback((jobId, error) => {
+    deleteAbortController(jobId);
     setVideoMattingJobs((prev) => prev.map((job) => job.id === jobId ? {
       ...job,
       status: "failed",
@@ -323,12 +340,21 @@ var RenderQueueContextProvider = ({ children }) => {
     } : job));
     setCurrentlyProcessing((current) => current === jobId ? null : current);
   }, []);
+  const markVideoMattingJobCancelled = useCallback((jobId) => {
+    deleteAbortController(jobId);
+    setVideoMattingJobs((prev) => prev.map((job) => job.id === jobId ? { ...job, status: "cancelled" } : job));
+    setCurrentlyProcessing((current) => current === jobId ? null : current);
+  }, []);
+  const markVideoMattingJobSaving = useCallback((jobId) => {
+    setVideoMattingJobs((prev) => prev.map((job) => job.id === jobId && job.status === "running" ? { ...job, status: "saving" } : job));
+  }, []);
   const removeVideoMattingJob = useCallback((jobId) => {
     setVideoMattingJobs((prev) => {
       const jobToRemove = prev.find((job) => job.id === jobId);
-      if (jobToRemove?.status === "running") {
+      if (jobToRemove?.status === "running" || jobToRemove?.status === "saving") {
         return prev;
       }
+      deleteAbortController(jobId);
       return prev.filter((job) => job.id !== jobId);
     });
   }, []);
@@ -380,12 +406,16 @@ var RenderQueueContextProvider = ({ children }) => {
       updateCaptionJobProgress,
       markCaptionJobDone,
       markCaptionJobFailed,
+      markCaptionJobCancelled,
+      markCaptionJobSaving,
       removeCaptionJob,
       setProcessCaptionJobCallback,
       addVideoMattingJob,
       updateVideoMattingJobProgress,
       markVideoMattingJobDone,
       markVideoMattingJobFailed,
+      markVideoMattingJobCancelled,
+      markVideoMattingJobSaving,
       removeVideoMattingJob,
       setProcessVideoMattingJobCallback,
       getAbortController,
@@ -410,12 +440,16 @@ var RenderQueueContextProvider = ({ children }) => {
     updateCaptionJobProgress,
     markCaptionJobDone,
     markCaptionJobFailed,
+    markCaptionJobCancelled,
+    markCaptionJobSaving,
     removeCaptionJob,
     setProcessCaptionJobCallback,
     addVideoMattingJob,
     updateVideoMattingJobProgress,
     markVideoMattingJobDone,
     markVideoMattingJobFailed,
+    markVideoMattingJobCancelled,
+    markVideoMattingJobSaving,
     removeVideoMattingJob,
     setProcessVideoMattingJobCallback
   ]);