@remotion/studio 4.0.351 → 4.0.352

package/dist/esm/internals.mjs

@@ -2600,7 +2600,8 @@ var SidebarRenderButton = ({ composition, visible }) => {
       renderTypeOfLastRender: null,
       defaulMetadata: defaults.metadata,
       initialHardwareAcceleration: defaults.hardwareAcceleration,
-      initialChromeMode: defaults.chromeMode
+      initialChromeMode: defaults.chromeMode,
+      initialMediaCacheSizeInBytes: defaults.mediaCacheSizeInBytes
     });
     if (isMobileLayout) {
       setSidebarCollapsedState({ left: "collapsed", right: "collapsed" });
@@ -3230,7 +3231,8 @@ var addStillRenderJob = ({
   multiProcessOnLinux,
   beepOnFinish,
   metadata,
-  chromeMode
+  chromeMode,
+  mediaCacheSizeInBytes
 }) => {
   return callApi("/api/render", {
     compositionId,
@@ -3254,7 +3256,8 @@ var addStillRenderJob = ({
     multiProcessOnLinux,
     beepOnFinish,
     metadata,
-    chromeMode
+    chromeMode,
+    mediaCacheSizeInBytes
   });
 };
 var addSequenceRenderJob = ({
@@ -3278,7 +3281,8 @@ var addSequenceRenderJob = ({
   beepOnFinish,
   repro,
   metadata,
-  chromeMode
+  chromeMode,
+  mediaCacheSizeInBytes
 }) => {
   return callApi("/api/render", {
     compositionId,
@@ -3306,7 +3310,8 @@ var addSequenceRenderJob = ({
     beepOnFinish,
     repro,
     metadata,
-    chromeMode
+    chromeMode,
+    mediaCacheSizeInBytes
   });
 };
 var addVideoRenderJob = ({
@@ -3348,7 +3353,8 @@ var addVideoRenderJob = ({
   separateAudioTo,
   metadata,
   hardwareAcceleration,
-  chromeMode
+  chromeMode,
+  mediaCacheSizeInBytes
 }) => {
   return callApi("/api/render", {
     compositionId,
@@ -3394,7 +3400,8 @@ var addVideoRenderJob = ({
     separateAudioTo,
     metadata,
     hardwareAcceleration,
-    chromeMode
+    chromeMode,
+    mediaCacheSizeInBytes
   });
 };
 var unsubscribeFromFileExistenceWatcher = ({
@@ -15784,7 +15791,8 @@ var makeRetryPayload = (job) => {
       defaulMetadata: job.metadata,
       renderTypeOfLastRender: "still",
       initialHardwareAcceleration: defaults.hardwareAcceleration,
-      initialChromeMode: job.chromeMode
+      initialChromeMode: job.chromeMode,
+      initialMediaCacheSizeInBytes: job.mediaCacheSizeInBytes
     };
   }
   if (job.type === "sequence") {
@@ -15833,7 +15841,8 @@ var makeRetryPayload = (job) => {
       defaulMetadata: job.metadata,
       renderTypeOfLastRender: "sequence",
       initialHardwareAcceleration: defaults.hardwareAcceleration,
-      initialChromeMode: job.chromeMode
+      initialChromeMode: job.chromeMode,
+      initialMediaCacheSizeInBytes: job.mediaCacheSizeInBytes
     };
   }
   if (job.type === "video") {
@@ -15882,7 +15891,8 @@ var makeRetryPayload = (job) => {
       defaulMetadata: job.metadata,
       renderTypeOfLastRender: "video",
       initialHardwareAcceleration: job.hardwareAcceleration,
-      initialChromeMode: job.chromeMode
+      initialChromeMode: job.chromeMode,
+      initialMediaCacheSizeInBytes: job.mediaCacheSizeInBytes
     };
   }
   throw new Error(`Job ${JSON.stringify(job)} Not implemented`);
@@ -17579,7 +17589,8 @@ var RenderButton = () => {
       renderTypeOfLastRender: null,
       defaulMetadata: defaults.metadata,
       initialHardwareAcceleration: defaults.hardwareAcceleration,
-      initialChromeMode: defaults.chromeMode
+      initialChromeMode: defaults.chromeMode,
+      initialMediaCacheSizeInBytes: defaults.mediaCacheSizeInBytes
     });
   }, [video, setSelectedModal, getCurrentFrame2, props, inFrame, outFrame]);
   if (!video) {
@@ -42321,6 +42332,8 @@ var RenderModalAdvanced = ({
   setx264Preset,
   x264Preset,
   codec,
+  setMediaCacheSizeInBytes,
+  mediaCacheSizeInBytes,
   offthreadVideoCacheSizeInBytes,
   setOffthreadVideoCacheSizeInBytes,
   offthreadVideoThreads,
@@ -42349,6 +42362,14 @@ var RenderModalAdvanced = ({
       "default"
     ];
   }, []);
+  const toggleCustomMediaCacheSizeInBytes = useCallback113(() => {
+    setMediaCacheSizeInBytes((previous) => {
+      if (previous === null) {
+        return 1000 * 1000 * 1000;
+      }
+      return null;
+    });
+  }, [setMediaCacheSizeInBytes]);
   const toggleCustomOffthreadVideoCacheSizeInBytes = useCallback113(() => {
     setOffthreadVideoCacheSizeInBytes((previous) => {
       if (previous === null) {
@@ -42460,6 +42481,17 @@ var RenderModalAdvanced = ({
       };
     });
   }, [hardwareAcceleration, setHardwareAcceleration]);
+  const changeMediaCacheSizeInBytes = useCallback113((cb) => {
+    setMediaCacheSizeInBytes((prev) => {
+      if (prev === null) {
+        throw new TypeError("Expected previous value");
+      }
+      if (typeof cb === "function") {
+        return cb(prev);
+      }
+      return cb;
+    });
+  }, [setMediaCacheSizeInBytes]);
   const changeOffthreadVideoCacheSizeInBytes = useCallback113((cb) => {
     setOffthreadVideoCacheSizeInBytes((prev) => {
       if (prev === null) {
@@ -42572,6 +42604,38 @@ var RenderModalAdvanced = ({
           })
         ]
       }),
+      renderMode === "audio" ? null : /* @__PURE__ */ jsxs117("div", {
+        style: optionRow,
+        children: [
+          /* @__PURE__ */ jsx237("div", {
+            style: label5,
+            children: "Custom @remotion/media cache size"
+          }),
+          /* @__PURE__ */ jsx237(Spacing, {
+            x: 0.5
+          }),
+          /* @__PURE__ */ jsx237(OptionExplainerBubble, {
+            id: "mediaCacheSizeInBytesOption"
+          }),
+          /* @__PURE__ */ jsx237("div", {
+            style: rightRow,
+            children: /* @__PURE__ */ jsx237(Checkbox, {
+              checked: mediaCacheSizeInBytes !== null,
+              onChange: toggleCustomMediaCacheSizeInBytes,
+              name: "media-cache-size"
+            })
+          })
+        ]
+      }),
+      renderMode === "audio" || mediaCacheSizeInBytes === null ? null : /* @__PURE__ */ jsx237(NumberSetting, {
+        min: 0,
+        max: 2000 * 1024 * 1024,
+        step: 1024,
+        name: "@remotion/media cache size",
+        formatter: (w) => `${w} bytes`,
+        onValueChanged: changeMediaCacheSizeInBytes,
+        value: mediaCacheSizeInBytes
+      }),
       renderMode === "audio" ? null : /* @__PURE__ */ jsxs117("div", {
         style: optionRow,
         children: [
@@ -44474,6 +44538,7 @@ var RenderModal = ({
   initialEncodingBufferSize,
   initialEncodingMaxRate,
   initialOffthreadVideoThreads,
+  initialMediaCacheSizeInBytes,
   initialUserAgent,
   defaultProps,
   inFrameMark,
@@ -44594,6 +44659,7 @@ var RenderModal = ({
   const [delayRenderTimeout, setDelayRenderTimeout] = useState77(() => initialDelayRenderTimeout);
   const [chromeMode, setChromeMode] = useState77(() => initialChromeMode);
   const [offthreadVideoCacheSizeInBytes, setOffthreadVideoCacheSizeInBytes] = useState77(initialOffthreadVideoCacheSizeInBytes);
+  const [mediaCacheSizeInBytes, setMediaCacheSizeInBytes] = useState77(initialMediaCacheSizeInBytes);
   const [offthreadVideoThreads, setOffthreadVideoThreads] = useState77(() => initialOffthreadVideoThreads);
   const codec = useMemo125(() => {
     if (renderMode === "audio") {
@@ -44777,7 +44843,8 @@ var RenderModal = ({
       beepOnFinish,
       metadata,
       chromeMode,
-      offthreadVideoThreads
+      offthreadVideoThreads,
+      mediaCacheSizeInBytes
     }).then(() => {
       dispatchIfMounted({ type: "succeed" });
       setSelectedModal(null);
@@ -44804,7 +44871,8 @@ var RenderModal = ({
     setSelectedModal,
     metadata,
     chromeMode,
-    offthreadVideoThreads
+    offthreadVideoThreads,
+    mediaCacheSizeInBytes
   ]);
   const [everyNthFrameSetting, setEveryNthFrameSetting] = useState77(() => initialEveryNthFrame);
   const everyNthFrame = useMemo125(() => {
@@ -44867,7 +44935,8 @@ var RenderModal = ({
       metadata,
       hardwareAcceleration,
       chromeMode,
-      offthreadVideoThreads
+      offthreadVideoThreads,
+      mediaCacheSizeInBytes
     }).then(() => {
       dispatchIfMounted({ type: "succeed" });
       setSelectedModal(null);
@@ -44918,7 +44987,8 @@ var RenderModal = ({
     metadata,
     hardwareAcceleration,
     chromeMode,
-    offthreadVideoThreads
+    offthreadVideoThreads,
+    mediaCacheSizeInBytes
   ]);
   const onClickSequence = useCallback124(() => {
     setSidebarCollapsedState({ left: null, right: "expanded" });
@@ -44946,7 +45016,8 @@ var RenderModal = ({
       repro,
       metadata,
       chromeMode,
-      offthreadVideoThreads
+      offthreadVideoThreads,
+      mediaCacheSizeInBytes
     }).then(() => {
       dispatchIfMounted({ type: "succeed" });
       setSelectedModal(null);
@@ -44977,7 +45048,8 @@ var RenderModal = ({
     setSelectedModal,
     metadata,
     chromeMode,
-    offthreadVideoThreads
+    offthreadVideoThreads,
+    mediaCacheSizeInBytes
   ]);
   useEffect75(() => {
     return () => {
@@ -45416,6 +45488,8 @@ var RenderModal = ({
               setEnvVariables,
               envVariables,
               offthreadVideoCacheSizeInBytes,
+              setMediaCacheSizeInBytes,
+              mediaCacheSizeInBytes,
               setOffthreadVideoCacheSizeInBytes,
               offthreadVideoThreads,
               setOffthreadVideoThreads,
@@ -46078,6 +46152,7 @@ var Modals = ({ readOnlyStudio }) => {
         initialLogLevel: modalContextType.initialLogLevel,
         initialOffthreadVideoCacheSizeInBytes: modalContextType.initialOffthreadVideoCacheSizeInBytes,
         initialOffthreadVideoThreads: modalContextType.initialOffthreadVideoThreads,
+        initialMediaCacheSizeInBytes: modalContextType.initialMediaCacheSizeInBytes,
         initialConcurrency: modalContextType.initialConcurrency,
         maxConcurrency: modalContextType.maxConcurrency,
         minConcurrency: modalContextType.minConcurrency,
@@ -46753,15 +46828,6 @@ var getServerDisconnectedDomElement = () => {
   return document.getElementById("server-disconnected-overlay");
 };
 var Studio = ({ rootComponent, readOnly }) => {
-  useLayoutEffect2(() => {
-    window.remotion_isStudio = true;
-    window.remotion_isReadOnlyStudio = readOnly;
-    Internals66.enableSequenceStackTraces();
-    return () => {
-      window.remotion_isStudio = false;
-      window.remotion_isReadOnlyStudio = false;
-    };
-  }, [readOnly]);
   useLayoutEffect2(() => {
     injectCSS();
   }, []);

package/dist/esm/previewEntry.mjs

@@ -2605,7 +2605,8 @@ var SidebarRenderButton = ({ composition, visible }) => {
       renderTypeOfLastRender: null,
       defaulMetadata: defaults.metadata,
       initialHardwareAcceleration: defaults.hardwareAcceleration,
-      initialChromeMode: defaults.chromeMode
+      initialChromeMode: defaults.chromeMode,
+      initialMediaCacheSizeInBytes: defaults.mediaCacheSizeInBytes
     });
     if (isMobileLayout) {
       setSidebarCollapsedState({ left: "collapsed", right: "collapsed" });
@@ -3235,7 +3236,8 @@ var addStillRenderJob = ({
   multiProcessOnLinux,
   beepOnFinish,
   metadata,
-  chromeMode
+  chromeMode,
+  mediaCacheSizeInBytes
 }) => {
   return callApi("/api/render", {
     compositionId,
@@ -3259,7 +3261,8 @@ var addStillRenderJob = ({
     multiProcessOnLinux,
     beepOnFinish,
     metadata,
-    chromeMode
+    chromeMode,
+    mediaCacheSizeInBytes
   });
 };
 var addSequenceRenderJob = ({
@@ -3283,7 +3286,8 @@ var addSequenceRenderJob = ({
   beepOnFinish,
   repro,
   metadata,
-  chromeMode
+  chromeMode,
+  mediaCacheSizeInBytes
 }) => {
   return callApi("/api/render", {
     compositionId,
@@ -3311,7 +3315,8 @@ var addSequenceRenderJob = ({
     beepOnFinish,
     repro,
     metadata,
-    chromeMode
+    chromeMode,
+    mediaCacheSizeInBytes
   });
 };
 var addVideoRenderJob = ({
@@ -3353,7 +3358,8 @@ var addVideoRenderJob = ({
   separateAudioTo,
   metadata,
   hardwareAcceleration,
-  chromeMode
+  chromeMode,
+  mediaCacheSizeInBytes
 }) => {
   return callApi("/api/render", {
     compositionId,
@@ -3399,7 +3405,8 @@ var addVideoRenderJob = ({
     separateAudioTo,
     metadata,
     hardwareAcceleration,
-    chromeMode
+    chromeMode,
+    mediaCacheSizeInBytes
   });
 };
 var unsubscribeFromFileExistenceWatcher = ({
@@ -16064,7 +16071,8 @@ var makeRetryPayload = (job) => {
       defaulMetadata: job.metadata,
       renderTypeOfLastRender: "still",
       initialHardwareAcceleration: defaults.hardwareAcceleration,
-      initialChromeMode: job.chromeMode
+      initialChromeMode: job.chromeMode,
+      initialMediaCacheSizeInBytes: job.mediaCacheSizeInBytes
     };
   }
   if (job.type === "sequence") {
@@ -16113,7 +16121,8 @@ var makeRetryPayload = (job) => {
       defaulMetadata: job.metadata,
       renderTypeOfLastRender: "sequence",
       initialHardwareAcceleration: defaults.hardwareAcceleration,
-      initialChromeMode: job.chromeMode
+      initialChromeMode: job.chromeMode,
+      initialMediaCacheSizeInBytes: job.mediaCacheSizeInBytes
     };
   }
   if (job.type === "video") {
@@ -16162,7 +16171,8 @@ var makeRetryPayload = (job) => {
       defaulMetadata: job.metadata,
       renderTypeOfLastRender: "video",
       initialHardwareAcceleration: job.hardwareAcceleration,
-      initialChromeMode: job.chromeMode
+      initialChromeMode: job.chromeMode,
+      initialMediaCacheSizeInBytes: job.mediaCacheSizeInBytes
     };
   }
   throw new Error(`Job ${JSON.stringify(job)} Not implemented`);
@@ -17859,7 +17869,8 @@ var RenderButton = () => {
       renderTypeOfLastRender: null,
       defaulMetadata: defaults.metadata,
       initialHardwareAcceleration: defaults.hardwareAcceleration,
-      initialChromeMode: defaults.chromeMode
+      initialChromeMode: defaults.chromeMode,
+      initialMediaCacheSizeInBytes: defaults.mediaCacheSizeInBytes
     });
   }, [video, setSelectedModal, getCurrentFrame2, props, inFrame, outFrame]);
   if (!video) {
@@ -42601,6 +42612,8 @@ var RenderModalAdvanced = ({
   setx264Preset,
   x264Preset,
   codec,
+  setMediaCacheSizeInBytes,
+  mediaCacheSizeInBytes,
   offthreadVideoCacheSizeInBytes,
   setOffthreadVideoCacheSizeInBytes,
   offthreadVideoThreads,
@@ -42629,6 +42642,14 @@ var RenderModalAdvanced = ({
       "default"
     ];
   }, []);
+  const toggleCustomMediaCacheSizeInBytes = useCallback114(() => {
+    setMediaCacheSizeInBytes((previous) => {
+      if (previous === null) {
+        return 1000 * 1000 * 1000;
+      }
+      return null;
+    });
+  }, [setMediaCacheSizeInBytes]);
   const toggleCustomOffthreadVideoCacheSizeInBytes = useCallback114(() => {
     setOffthreadVideoCacheSizeInBytes((previous) => {
       if (previous === null) {
@@ -42740,6 +42761,17 @@ var RenderModalAdvanced = ({
       };
     });
   }, [hardwareAcceleration, setHardwareAcceleration]);
+  const changeMediaCacheSizeInBytes = useCallback114((cb) => {
+    setMediaCacheSizeInBytes((prev) => {
+      if (prev === null) {
+        throw new TypeError("Expected previous value");
+      }
+      if (typeof cb === "function") {
+        return cb(prev);
+      }
+      return cb;
+    });
+  }, [setMediaCacheSizeInBytes]);
   const changeOffthreadVideoCacheSizeInBytes = useCallback114((cb) => {
     setOffthreadVideoCacheSizeInBytes((prev) => {
       if (prev === null) {
@@ -42852,6 +42884,38 @@ var RenderModalAdvanced = ({
           })
         ]
       }),
+      renderMode === "audio" ? null : /* @__PURE__ */ jsxs117("div", {
+        style: optionRow,
+        children: [
+          /* @__PURE__ */ jsx238("div", {
+            style: label5,
+            children: "Custom @remotion/media cache size"
+          }),
+          /* @__PURE__ */ jsx238(Spacing, {
+            x: 0.5
+          }),
+          /* @__PURE__ */ jsx238(OptionExplainerBubble, {
+            id: "mediaCacheSizeInBytesOption"
+          }),
+          /* @__PURE__ */ jsx238("div", {
+            style: rightRow,
+            children: /* @__PURE__ */ jsx238(Checkbox, {
+              checked: mediaCacheSizeInBytes !== null,
+              onChange: toggleCustomMediaCacheSizeInBytes,
+              name: "media-cache-size"
+            })
+          })
+        ]
+      }),
+      renderMode === "audio" || mediaCacheSizeInBytes === null ? null : /* @__PURE__ */ jsx238(NumberSetting, {
+        min: 0,
+        max: 2000 * 1024 * 1024,
+        step: 1024,
+        name: "@remotion/media cache size",
+        formatter: (w) => `${w} bytes`,
+        onValueChanged: changeMediaCacheSizeInBytes,
+        value: mediaCacheSizeInBytes
+      }),
       renderMode === "audio" ? null : /* @__PURE__ */ jsxs117("div", {
         style: optionRow,
         children: [
@@ -44754,6 +44818,7 @@ var RenderModal = ({
   initialEncodingBufferSize,
   initialEncodingMaxRate,
   initialOffthreadVideoThreads,
+  initialMediaCacheSizeInBytes,
   initialUserAgent,
   defaultProps,
   inFrameMark,
@@ -44874,6 +44939,7 @@ var RenderModal = ({
   const [delayRenderTimeout, setDelayRenderTimeout] = useState78(() => initialDelayRenderTimeout);
   const [chromeMode, setChromeMode] = useState78(() => initialChromeMode);
   const [offthreadVideoCacheSizeInBytes, setOffthreadVideoCacheSizeInBytes] = useState78(initialOffthreadVideoCacheSizeInBytes);
+  const [mediaCacheSizeInBytes, setMediaCacheSizeInBytes] = useState78(initialMediaCacheSizeInBytes);
   const [offthreadVideoThreads, setOffthreadVideoThreads] = useState78(() => initialOffthreadVideoThreads);
   const codec = useMemo125(() => {
     if (renderMode === "audio") {
@@ -45057,7 +45123,8 @@ var RenderModal = ({
       beepOnFinish,
       metadata,
       chromeMode,
-      offthreadVideoThreads
+      offthreadVideoThreads,
+      mediaCacheSizeInBytes
     }).then(() => {
       dispatchIfMounted({ type: "succeed" });
       setSelectedModal(null);
@@ -45084,7 +45151,8 @@ var RenderModal = ({
     setSelectedModal,
     metadata,
     chromeMode,
-    offthreadVideoThreads
+    offthreadVideoThreads,
+    mediaCacheSizeInBytes
   ]);
   const [everyNthFrameSetting, setEveryNthFrameSetting] = useState78(() => initialEveryNthFrame);
   const everyNthFrame = useMemo125(() => {
@@ -45147,7 +45215,8 @@ var RenderModal = ({
       metadata,
       hardwareAcceleration,
       chromeMode,
-      offthreadVideoThreads
+      offthreadVideoThreads,
+      mediaCacheSizeInBytes
     }).then(() => {
       dispatchIfMounted({ type: "succeed" });
       setSelectedModal(null);
@@ -45198,7 +45267,8 @@ var RenderModal = ({
     metadata,
     hardwareAcceleration,
     chromeMode,
-    offthreadVideoThreads
+    offthreadVideoThreads,
+    mediaCacheSizeInBytes
   ]);
   const onClickSequence = useCallback125(() => {
     setSidebarCollapsedState({ left: null, right: "expanded" });
@@ -45226,7 +45296,8 @@ var RenderModal = ({
       repro,
       metadata,
       chromeMode,
-      offthreadVideoThreads
+      offthreadVideoThreads,
+      mediaCacheSizeInBytes
     }).then(() => {
       dispatchIfMounted({ type: "succeed" });
       setSelectedModal(null);
@@ -45257,7 +45328,8 @@ var RenderModal = ({
     setSelectedModal,
     metadata,
     chromeMode,
-    offthreadVideoThreads
+    offthreadVideoThreads,
+    mediaCacheSizeInBytes
   ]);
   useEffect75(() => {
     return () => {
@@ -45696,6 +45768,8 @@ var RenderModal = ({
               setEnvVariables,
               envVariables,
               offthreadVideoCacheSizeInBytes,
+              setMediaCacheSizeInBytes,
+              mediaCacheSizeInBytes,
               setOffthreadVideoCacheSizeInBytes,
               offthreadVideoThreads,
               setOffthreadVideoThreads,
@@ -46358,6 +46432,7 @@ var Modals = ({ readOnlyStudio }) => {
         initialLogLevel: modalContextType.initialLogLevel,
         initialOffthreadVideoCacheSizeInBytes: modalContextType.initialOffthreadVideoCacheSizeInBytes,
         initialOffthreadVideoThreads: modalContextType.initialOffthreadVideoThreads,
+        initialMediaCacheSizeInBytes: modalContextType.initialMediaCacheSizeInBytes,
         initialConcurrency: modalContextType.initialConcurrency,
         maxConcurrency: modalContextType.maxConcurrency,
         minConcurrency: modalContextType.minConcurrency,
@@ -47033,15 +47108,6 @@ var getServerDisconnectedDomElement = () => {
   return document.getElementById("server-disconnected-overlay");
 };
 var Studio = ({ rootComponent, readOnly }) => {
-  useLayoutEffect2(() => {
-    window.remotion_isStudio = true;
-    window.remotion_isReadOnlyStudio = readOnly;
-    Internals66.enableSequenceStackTraces();
-    return () => {
-      window.remotion_isStudio = false;
-      window.remotion_isReadOnlyStudio = false;
-    };
-  }, [readOnly]);
   useLayoutEffect2(() => {
     injectCSS();
   }, []);
@@ -47456,6 +47522,9 @@ var renderToDOM = (content7) => {
 };
 renderToDOM(/* @__PURE__ */ jsx275(NoRegisterRoot, {}));
 Internals67.waitForRoot((NewRoot) => {
+  window.remotion_isStudio = true;
+  window.remotion_isReadOnlyStudio = false;
+  Internals67.enableSequenceStackTraces();
   renderToDOM(/* @__PURE__ */ jsx275(Studio, {
     readOnly: false,
     rootComponent: NewRoot

package/dist/esm/renderEntry.mjs

@@ -1,7 +1,7 @@
 import {
   __require,
   __toESM
-} from "./chunk-bgfkgcmg.js";
+} from "./chunk-cf4g1482.js";
 
 // src/renderEntry.tsx
 import { useContext, useEffect, useRef, useState } from "react";
@@ -185,7 +185,10 @@ var renderContent = (Root) => {
     renderToDOM(/* @__PURE__ */ jsx("div", {
       children: /* @__PURE__ */ jsx(DelayedSpinner, {})
     }));
-    import("./chunk-d89d4a1t.js").then(({ StudioInternals }) => {
+    import("./chunk-h0d5z5fq.js").then(({ StudioInternals }) => {
+      window.remotion_isStudio = true;
+      window.remotion_isReadOnlyStudio = true;
+      Internals.enableSequenceStackTraces();
       renderToDOM(/* @__PURE__ */ jsx(StudioInternals.Studio, {
         readOnly: true,
         rootComponent: Root

package/dist/helpers/retry-payload.js

@@ -55,6 +55,7 @@ const makeRetryPayload = (job) => {
             renderTypeOfLastRender: 'still',
             initialHardwareAcceleration: defaults.hardwareAcceleration,
             initialChromeMode: job.chromeMode,
+            initialMediaCacheSizeInBytes: job.mediaCacheSizeInBytes,
         };
     }
     if (job.type === 'sequence') {
@@ -104,6 +105,7 @@ const makeRetryPayload = (job) => {
             renderTypeOfLastRender: 'sequence',
             initialHardwareAcceleration: defaults.hardwareAcceleration,
             initialChromeMode: job.chromeMode,
+            initialMediaCacheSizeInBytes: job.mediaCacheSizeInBytes,
         };
     }
     if (job.type === 'video') {
@@ -153,6 +155,7 @@ const makeRetryPayload = (job) => {
             renderTypeOfLastRender: 'video',
             initialHardwareAcceleration: job.hardwareAcceleration,
             initialChromeMode: job.chromeMode,
+            initialMediaCacheSizeInBytes: job.mediaCacheSizeInBytes,
         };
     }
     throw new Error(`Job ${JSON.stringify(job)} Not implemented`);

package/dist/previewEntry.js

@@ -33,6 +33,9 @@ const renderToDOM = (content) => {
 };
 renderToDOM((0, jsx_runtime_1.jsx)(NoRegisterRoot_1.NoRegisterRoot, {}));
 remotion_1.Internals.waitForRoot((NewRoot) => {
+    window.remotion_isStudio = true;
+    window.remotion_isReadOnlyStudio = false;
+    remotion_1.Internals.enableSequenceStackTraces();
     renderToDOM((0, jsx_runtime_1.jsx)(Studio_1.Studio, { readOnly: false, rootComponent: NewRoot }));
 });
 (0, entry_basic_1.startErrorOverlay)();

package/dist/renderEntry.js

@@ -197,6 +197,9 @@ const renderContent = (Root) => {
         }
         renderToDOM((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(DelayedSpinner, {}) }));
         Promise.resolve().then(() => __importStar(require('./internals'))).then(({ StudioInternals }) => {
+            window.remotion_isStudio = true;
+            window.remotion_isReadOnlyStudio = true;
+            remotion_1.Internals.enableSequenceStackTraces();
             renderToDOM((0, jsx_runtime_1.jsx)(StudioInternals.Studio, { readOnly: true, rootComponent: Root }));
         })
             .catch((err) => {

package/dist/state/modals.d.ts

@@ -31,6 +31,7 @@ export type RenderModalState = {
     initialOpenGlRenderer: OpenGlRenderer | null;
     initialIgnoreCertificateErrors: boolean;
     initialHeadless: boolean;
+    initialMediaCacheSizeInBytes: number | null;
     initialOffthreadVideoCacheSizeInBytes: number | null;
     initialOffthreadVideoThreads: number | null;
     initialColorSpace: ColorSpace;