@remotion/renderer 4.0.351 → 4.0.353

package/dist/esm/index.mjs

@@ -674,7 +674,7 @@ var formatRemoteObject = (remoteObject) => {
     if (isDelayRenderClear) {
       return chalk.gray(`${remoteObject.value}`);
     }
-    return chalk.reset(`${remoteObject.value}`);
+    return `${remoteObject.value}`;
   }
   if (remoteObject.type === "number") {
     return chalk.yellow(`${remoteObject.value}`);
@@ -690,7 +690,7 @@ var formatRemoteObject = (remoteObject) => {
   }
   if (remoteObject.type === "object") {
     if (remoteObject.subtype === "null") {
-      return chalk.white(`null`);
+      return `null`;
     }
     return chalk.reset(`Object`);
   }
@@ -878,21 +878,24 @@ class ConsoleMessage {
   args;
   previewString;
   #stackTraceLocations;
+  logLevel;
+  tag;
   constructor({
     type,
     text,
     args,
     stackTraceLocations,
-    previewString
+    previewString,
+    logLevel,
+    tag
   }) {
     this.type = type;
     this.text = text;
     this.args = args;
     this.previewString = previewString;
     this.#stackTraceLocations = stackTraceLocations;
-  }
-  location() {
-    return this.#stackTraceLocations[0] ?? {};
+    this.logLevel = logLevel;
+    this.tag = tag;
   }
   stackTrace() {
     return this.#stackTraceLocations;
@@ -2706,6 +2709,22 @@ var shouldHideWarning = (log) => {
   }
   return false;
 };
+var format = (eventType, args) => {
+  const previewString = args.filter((a) => !(a.type === "symbol" && a.description?.includes(`__remotion_`))).map((a) => formatRemoteObject(a)).filter(Boolean).join(" ");
+  let logLevelFromRemotionLog = null;
+  let tag = null;
+  for (const a of args) {
+    if (a.type === "symbol" && a.description?.includes(`__remotion_level_`)) {
+      logLevelFromRemotionLog = a.description?.split("__remotion_level_")?.[1]?.replace(")", "");
+    }
+    if (a.type === "symbol" && a.description?.includes(`__remotion_tag_`)) {
+      tag = a.description?.split("__remotion_tag_")?.[1]?.replace(")", "");
+    }
+  }
+  const logLevelFromEvent = eventType === "debug" ? "verbose" : eventType === "error" ? "error" : eventType === "warning" ? "warn" : "verbose";
+  return { previewString, logLevelFromRemotionLog, logLevelFromEvent, tag };
+};
+
 class Page extends EventEmitter {
   id;
   static async _create({
@@ -2794,14 +2813,15 @@ class Page extends EventEmitter {
     });
   }
   #onConsole = (log) => {
-    const { url, columnNumber, lineNumber } = log.location();
+    const stackTrace = log.stackTrace();
+    const { url, columnNumber, lineNumber } = stackTrace[0] ?? {};
     const logLevel = this.logLevel;
     const indent = this.indent;
     if (shouldHideWarning(log)) {
       return;
     }
     this.onBrowserLog?.({
-      stackTrace: log.stackTrace(),
+      stackTrace,
       text: log.text,
       type: log.type
     });
@@ -2818,7 +2838,7 @@ class Page extends EventEmitter {
       const isDelayRenderClear = log.previewString.includes(NoReactInternals2.DELAY_RENDER_CLEAR_TOKEN);
       const tabInfo = `Tab ${this.pageIndex}`;
       const tagInfo = [origPosition?.name, isDelayRenderClear ? null : file].filter(truthy).join("@");
-      const tag = [tabInfo, tagInfo].filter(truthy).join(", ");
+      const tag = [tabInfo, log.tag, log.tag ? null : tagInfo].filter(truthy).join(", ");
       if (log.type === "error") {
         Log.error({
           logLevel,
@@ -2826,11 +2846,11 @@ class Page extends EventEmitter {
           indent
         }, log.previewString);
       } else {
-        Log.verbose({
+        Log[logLevel]({
           logLevel,
           tag,
           indent
-        }, isDelayRenderClear ? log.previewString : log.previewString);
+        }, log.previewString);
       }
     } else if (log.type === "error") {
       if (log.text.includes("Failed to load resource:")) {
@@ -2879,16 +2899,16 @@ class Page extends EventEmitter {
         return releaseObject(this.#client, arg);
       });
     }
-    const previewString = args ? args.map((arg) => {
-      return formatRemoteObject(arg);
-    }).join(", ") : "";
+    const { previewString, logLevelFromRemotionLog, logLevelFromEvent, tag } = format(level, args ?? []);
     if (source !== "worker") {
       const message = new ConsoleMessage({
         type: level,
         text,
         args: [],
         stackTraceLocations: [{ url, lineNumber }],
-        previewString
+        previewString,
+        logLevel: logLevelFromRemotionLog ?? logLevelFromEvent,
+        tag
       });
       this.onBrowserLog?.({
         stackTrace: message.stackTrace(),
@@ -3000,13 +3020,16 @@ class Page extends EventEmitter {
         });
       }
     }
-    const previewString = args.map((a) => formatRemoteObject(a._remoteObject)).filter(Boolean).join(" ");
+    const { previewString, logLevelFromRemotionLog, logLevelFromEvent, tag } = format(eventType, args.map((a) => a._remoteObject) ?? []);
+    const logLevel = logLevelFromRemotionLog ?? logLevelFromEvent;
     const message = new ConsoleMessage({
       type: eventType,
       text: textTokens.join(" "),
       args,
       stackTraceLocations,
-      previewString
+      previewString,
+      logLevel,
+      tag
     });
     this.#onConsole(message);
   }
@@ -3187,8 +3210,8 @@ var shouldLogBrowserMessage = (message) => {
   return true;
 };
 var parseBrowserLogMessage = (input) => {
-  const format = /^\[([0-9]{4})\/([0-9]{6})\.([0-9]{6}):([A-Z]+):(.*)\(([0-9]+)\)\](.*)/;
-  const match = input.match(format);
+  const format2 = /^\[([0-9]{4})\/([0-9]{6})\.([0-9]{6}):([A-Z]+):(.*)\(([0-9]+)\)\](.*)/;
+  const match = input.match(format2);
   if (!match) {
     return null;
   }
@@ -15144,11 +15167,11 @@ var makeInlineAudioMixing = (dir) => {
     const isLast = asset.frame === totalNumberOfFrames + firstFrame - 1;
     const samplesToShaveFromStart = trimLeftOffset * DEFAULT_SAMPLE_RATE;
     const samplesToShaveFromEnd = trimRightOffset * DEFAULT_SAMPLE_RATE;
-    if (Math.abs(Math.round(samplesToShaveFromEnd) - samplesToShaveFromEnd) > 0.00000001) {
-      throw new Error("samplesToShaveFromEnd should be approximately an integer");
+    if (Math.abs(Math.round(samplesToShaveFromEnd) - samplesToShaveFromEnd) > 0.0000001) {
+      throw new Error(`samplesToShaveFromEnd should be approximately an integer, is${samplesToShaveFromEnd}`);
     }
-    if (Math.abs(Math.round(samplesToShaveFromStart) - samplesToShaveFromStart) > 0.00000001) {
-      throw new Error("samplesToShaveFromStart should be approximately an integer");
+    if (Math.abs(Math.round(samplesToShaveFromStart) - samplesToShaveFromStart) > 0.0000001) {
+      throw new Error(`samplesToShaveFromStart should be approximately an integer, is ${samplesToShaveFromStart}`);
     }
     if (isFirst) {
       arr = arr.slice(Math.round(samplesToShaveFromStart) * asset.numberOfChannels);
@@ -15157,7 +15180,7 @@ var makeInlineAudioMixing = (dir) => {
       arr = arr.slice(0, arr.length + Math.round(samplesToShaveFromEnd) * asset.numberOfChannels);
     }
     const positionInSeconds = (asset.frame - firstFrame) / fps - (isFirst ? 0 : trimLeftOffset);
-    const position = Math.round(positionInSeconds * asset.numberOfChannels * DEFAULT_SAMPLE_RATE * BYTES_PER_SAMPLE);
+    const position = Math.round(positionInSeconds * DEFAULT_SAMPLE_RATE) * asset.numberOfChannels * BYTES_PER_SAMPLE;
     writeSync(fileDescriptor, arr, 0, arr.byteLength, 44 + position);
   };
   return {
@@ -16280,16 +16303,20 @@ var innerSetPropsAndEnv = async ({
   indent,
   logLevel,
   onServeUrlVisited,
-  isMainTab
+  isMainTab,
+  mediaCacheSizeInBytes,
+  initialMemoryAvailable
 }) => {
   validatePuppeteerTimeout(timeoutInMilliseconds);
   const actualTimeout = timeoutInMilliseconds ?? DEFAULT_TIMEOUT;
   page.setDefaultTimeout(actualTimeout);
   page.setDefaultNavigationTimeout(actualTimeout);
   const urlToVisit = normalizeServeUrl(serveUrl);
-  await page.evaluateOnNewDocument((timeout, mainTab) => {
+  await page.evaluateOnNewDocument((timeout, mainTab, cacheSizeInBytes, initMemoryAvailable) => {
     window.remotion_puppeteerTimeout = timeout;
     window.remotion_isMainTab = mainTab;
+    window.remotion_mediaCacheSizeInBytes = cacheSizeInBytes;
+    window.remotion_initialMemoryAvailable = initMemoryAvailable;
     if (window.process === undefined) {
       window.process = {};
     }
@@ -16297,7 +16324,7 @@ var innerSetPropsAndEnv = async ({
       window.process.env = {};
     }
     window.process.env.NODE_ENV = "production";
-  }, actualTimeout, isMainTab);
+  }, actualTimeout, isMainTab, mediaCacheSizeInBytes, initialMemoryAvailable);
   await page.evaluateOnNewDocument('window.remotion_broadcastChannel = new BroadcastChannel("remotion-video-frame-extraction")');
   if (envVariables) {
     await page.evaluateOnNewDocument((input) => {
@@ -16348,7 +16375,9 @@ var innerSetPropsAndEnv = async ({
       indent,
       logLevel,
       onServeUrlVisited,
-      isMainTab
+      isMainTab,
+      mediaCacheSizeInBytes,
+      initialMemoryAvailable
     });
   };
   const [pageRes, error] = await gotoPageOrThrow(page, urlToVisit, actualTimeout);
@@ -16598,7 +16627,8 @@ var innerGetCompositions = async ({
   serveUrl,
   timeoutInMilliseconds,
   indent,
-  logLevel
+  logLevel,
+  mediaCacheSizeInBytes
 }) => {
   validatePuppeteerTimeout(timeoutInMilliseconds);
   await setPropsAndEnv({
@@ -16617,7 +16647,9 @@ var innerGetCompositions = async ({
     onServeUrlVisited: () => {
       return;
     },
-    isMainTab: true
+    isMainTab: true,
+    mediaCacheSizeInBytes,
+    initialMemoryAvailable: getAvailableMemory(logLevel)
   });
   await puppeteerEvaluateWithCatch({
     page,
@@ -16691,7 +16723,8 @@ var internalGetCompositionsRaw = async ({
   binariesDirectory,
   onBrowserDownload,
   chromeMode,
-  offthreadVideoThreads
+  offthreadVideoThreads,
+  mediaCacheSizeInBytes
 }) => {
   const { page, cleanupPage } = await getPageAndCleanupFn({
     passedInInstance: puppeteerInstance,
@@ -16745,7 +16778,8 @@ var internalGetCompositionsRaw = async ({
         binariesDirectory,
         onBrowserDownload,
         chromeMode,
-        offthreadVideoThreads
+        offthreadVideoThreads,
+        mediaCacheSizeInBytes
       });
     }).then((comp) => {
       return resolve2(comp);
@@ -16777,7 +16811,8 @@ var getCompositions = (serveUrlOrWebpackUrl, config) => {
     binariesDirectory,
     offthreadVideoCacheSizeInBytes,
     chromeMode,
-    offthreadVideoThreads
+    offthreadVideoThreads,
+    mediaCacheSizeInBytes
   } = config ?? {};
   const indent = false;
   const logLevel = passedLogLevel ?? "info";
@@ -16806,7 +16841,8 @@ var getCompositions = (serveUrlOrWebpackUrl, config) => {
       api: "getCompositions()"
     }),
     chromeMode: chromeMode ?? "headless-shell",
-    offthreadVideoThreads: offthreadVideoThreads ?? null
+    offthreadVideoThreads: offthreadVideoThreads ?? null,
+    mediaCacheSizeInBytes: mediaCacheSizeInBytes ?? null
   });
 };
 
@@ -17135,7 +17171,7 @@ var validPixelFormatsForCodec = (codec) => {
   if (codec === "vp8" || codec === "vp9") {
     return validPixelFormats;
   }
-  return validPixelFormats.filter((format) => format !== "yuva420p");
+  return validPixelFormats.filter((format2) => format2 !== "yuva420p");
 };
 var validateSelectedPixelFormatAndCodecCombination = (pixelFormat, codec) => {
   if (typeof pixelFormat === "undefined") {
@@ -17771,7 +17807,8 @@ var makePage = async ({
   imageFormat,
   serializedResolvedPropsWithCustomSchema,
   pageIndex,
-  isMainTab
+  isMainTab,
+  mediaCacheSizeInBytes
 }) => {
   const page = await browserReplacer.getBrowser().newPage({ context, logLevel, indent, pageIndex, onBrowserLog });
   pagesArray.push(page);
@@ -17796,7 +17833,9 @@ var makePage = async ({
     onServeUrlVisited: () => {
       return;
     },
-    isMainTab
+    isMainTab,
+    mediaCacheSizeInBytes,
+    initialMemoryAvailable: getAvailableMemory(logLevel)
   });
   await puppeteerEvaluateWithCatch({
     pageFunction: (id, props, durationInFrames, fps, height, width, defaultCodec, defaultOutName, defaultVideoImageFormat, defaultPixelFormat) => {
@@ -18059,7 +18098,7 @@ import * as assert2 from "node:assert";
 // src/screenshot-task.ts
 import fs13 from "node:fs";
 var screenshotTask = async ({
-  format,
+  format: format2,
   height,
   omitBackground,
   page,
@@ -18081,7 +18120,7 @@ var screenshotTask = async ({
   const cap = startPerfMeasure("capture");
   try {
     let result;
-    if (format === "pdf") {
+    if (format2 === "pdf") {
       const res = await client.send("Page.printToPDF", {
         paperWidth: width / 96,
         paperHeight: height / 96,
@@ -18097,7 +18136,7 @@ var screenshotTask = async ({
       const fromSurface = !process.env.DISABLE_FROM_SURFACE || height > 8192 || width > 8192;
       const scaleFactor = fromSurface ? 1 : scale;
       const { value } = await client.send("Page.captureScreenshot", {
-        format,
+        format: format2,
         quality: jpegQuality,
         clip: {
           x: 0,
@@ -18750,7 +18789,8 @@ var innerRenderFrames = async ({
   forSeamlessAacConcatenation,
   onArtifact,
   binariesDirectory,
-  imageSequencePattern
+  imageSequencePattern,
+  mediaCacheSizeInBytes
 }) => {
   if (outputDir) {
     if (!fs14.existsSync(outputDir)) {
@@ -18796,7 +18836,8 @@ var innerRenderFrames = async ({
       serveUrl,
       timeoutInMilliseconds,
       pageIndex,
-      isMainTab: pageIndex === 0
+      isMainTab: pageIndex === 0,
+      mediaCacheSizeInBytes
     });
   };
   const getPool = async () => {
@@ -18938,7 +18979,8 @@ var internalRenderFramesRaw = ({
   onArtifact,
   chromeMode,
   offthreadVideoThreads,
-  imageSequencePattern
+  imageSequencePattern,
+  mediaCacheSizeInBytes
 }) => {
   validateDimension(composition.height, "height", "in the `config` object passed to `renderFrames()`");
   validateDimension(composition.width, "width", "in the `config` object passed to `renderFrames()`");
@@ -19041,7 +19083,8 @@ var internalRenderFramesRaw = ({
           onArtifact,
           chromeMode,
           offthreadVideoThreads,
-          imageSequencePattern
+          imageSequencePattern,
+          mediaCacheSizeInBytes
         });
       })
     ]).then((res) => {
@@ -19110,7 +19153,8 @@ var renderFrames = (options) => {
     onArtifact,
     chromeMode,
     offthreadVideoThreads,
-    imageSequencePattern
+    imageSequencePattern,
+    mediaCacheSizeInBytes
   } = options;
   if (!composition) {
     throw new Error("No `composition` option has been specified for renderFrames()");
@@ -19168,7 +19212,8 @@ var renderFrames = (options) => {
     onArtifact: onArtifact ?? null,
     chromeMode: chromeMode ?? "headless-shell",
     offthreadVideoThreads: offthreadVideoThreads ?? null,
-    imageSequencePattern: imageSequencePattern ?? null
+    imageSequencePattern: imageSequencePattern ?? null,
+    mediaCacheSizeInBytes: mediaCacheSizeInBytes ?? null
   });
 };
 
@@ -21287,7 +21332,8 @@ var internalRenderMediaRaw = ({
   metadata,
   hardwareAcceleration,
   chromeMode,
-  offthreadVideoThreads
+  offthreadVideoThreads,
+  mediaCacheSizeInBytes
 }) => {
   const pixelFormat = userPixelFormat ?? compositionWithPossibleUnevenDimensions.defaultPixelFormat ?? DEFAULT_PIXEL_FORMAT;
   if (repro) {
@@ -21601,7 +21647,8 @@ var internalRenderMediaRaw = ({
         onBrowserDownload,
         onArtifact,
         chromeMode,
-        imageSequencePattern: null
+        imageSequencePattern: null,
+        mediaCacheSizeInBytes
       });
       return renderFramesProc;
     }).then((renderFramesReturn) => {
@@ -21774,7 +21821,8 @@ var renderMedia = ({
   hardwareAcceleration,
   chromeMode,
   offthreadVideoThreads,
-  compositionStart
+  compositionStart,
+  mediaCacheSizeInBytes
 }) => {
   const indent = false;
   const logLevel = verbose || dumpBrowserLogs ? "verbose" : passedLogLevel ?? "info";
@@ -21857,7 +21905,8 @@ var renderMedia = ({
     metadata: metadata ?? null,
     compositionStart: compositionStart ?? 0,
     hardwareAcceleration: hardwareAcceleration ?? "disable",
-    chromeMode: chromeMode ?? "headless-shell"
+    chromeMode: chromeMode ?? "headless-shell",
+    mediaCacheSizeInBytes: mediaCacheSizeInBytes ?? null
   });
 };
 
@@ -21890,7 +21939,8 @@ var innerRenderStill = async ({
   serializedResolvedPropsWithCustomSchema,
   onBrowserDownload,
   onArtifact,
-  chromeMode
+  chromeMode,
+  mediaCacheSizeInBytes
 }) => {
   validateDimension(composition.height, "height", "in the `config` object passed to `renderStill()`");
   validateDimension(composition.width, "width", "in the `config` object passed to `renderStill()`");
@@ -21986,7 +22036,9 @@ var innerRenderStill = async ({
     onServeUrlVisited: () => {
       return;
     },
-    isMainTab: true
+    isMainTab: true,
+    mediaCacheSizeInBytes,
+    initialMemoryAvailable: getAvailableMemory(logLevel)
   });
   await puppeteerEvaluateWithCatch({
     pageFunction: (id, props, durationInFrames, fps, height, width, defaultCodec, defaultOutName, defaultVideoImageFormat, defaultPixelFormat) => {
@@ -22137,7 +22189,8 @@ var renderStill = (options) => {
     onBrowserDownload,
     onArtifact,
     chromeMode,
-    offthreadVideoThreads
+    offthreadVideoThreads,
+    mediaCacheSizeInBytes
   } = options;
   if (typeof jpegQuality !== "undefined" && imageFormat !== "jpeg") {
     throw new Error("You can only pass the `quality` option if `imageFormat` is 'jpeg'.");
@@ -22187,7 +22240,8 @@ var renderStill = (options) => {
     }),
     onArtifact: onArtifact ?? null,
     chromeMode: chromeMode ?? "headless-shell",
-    offthreadVideoThreads: offthreadVideoThreads ?? null
+    offthreadVideoThreads: offthreadVideoThreads ?? null,
+    mediaCacheSizeInBytes: mediaCacheSizeInBytes ?? null
   });
 };
 
@@ -22203,7 +22257,8 @@ var innerSelectComposition = async ({
   id,
   indent,
   logLevel,
-  onServeUrlVisited
+  onServeUrlVisited,
+  mediaCacheSizeInBytes
 }) => {
   validatePuppeteerTimeout(timeoutInMilliseconds);
   await setPropsAndEnv({
@@ -22220,7 +22275,9 @@ var innerSelectComposition = async ({
     indent,
     logLevel,
     onServeUrlVisited,
-    isMainTab: true
+    isMainTab: true,
+    mediaCacheSizeInBytes,
+    initialMemoryAvailable: getAvailableMemory(logLevel)
   });
   await puppeteerEvaluateWithCatch({
     page,
@@ -22308,7 +22365,8 @@ var internalSelectCompositionRaw = async (options) => {
     binariesDirectory,
     onBrowserDownload,
     onServeUrlVisited,
-    chromeMode
+    chromeMode,
+    mediaCacheSizeInBytes
   } = options;
   const [{ page, cleanupPage }, serverUsed] = await Promise.all([
     getPageAndCleanupFn({
@@ -22369,7 +22427,8 @@ var internalSelectCompositionRaw = async (options) => {
       binariesDirectory,
       onBrowserDownload,
       onServeUrlVisited,
-      chromeMode
+      chromeMode,
+      mediaCacheSizeInBytes
     }).then((data) => {
       return resolve2(data);
     }).catch((err) => {
@@ -22402,7 +22461,8 @@ var selectComposition = async (options) => {
     binariesDirectory,
     onBrowserDownload,
     chromeMode,
-    offthreadVideoThreads
+    offthreadVideoThreads,
+    mediaCacheSizeInBytes
   } = options;
   const indent = false;
   const logLevel = passedLogLevel ?? (verbose ? "verbose" : "info");
@@ -22435,7 +22495,8 @@ var selectComposition = async (options) => {
       return;
     },
     chromeMode: chromeMode ?? "headless-shell",
-    offthreadVideoThreads: offthreadVideoThreads ?? null
+    offthreadVideoThreads: offthreadVideoThreads ?? null,
+    mediaCacheSizeInBytes: mediaCacheSizeInBytes ?? null
   });
   return data.metadata;
 };

package/dist/format-logs.js

@@ -12,7 +12,7 @@ const formatRemoteObject = (remoteObject) => {
         if (isDelayRenderClear) {
             return chalk_1.chalk.gray(`${remoteObject.value}`);
         }
-        return chalk_1.chalk.reset(`${remoteObject.value}`);
+        return `${remoteObject.value}`;
     }
     if (remoteObject.type === 'number') {
         return chalk_1.chalk.yellow(`${remoteObject.value}`);
@@ -28,7 +28,7 @@ const formatRemoteObject = (remoteObject) => {
     }
     if (remoteObject.type === 'object') {
         if (remoteObject.subtype === 'null') {
-            return chalk_1.chalk.white(`null`);
+            return `null`;
         }
         return chalk_1.chalk.reset(`Object`);
     }

package/dist/get-compositions.js

@@ -7,6 +7,7 @@ const browser_download_progress_bar_1 = require("./browser/browser-download-prog
 const handle_javascript_exception_1 = require("./error-handling/handle-javascript-exception");
 const find_closest_package_json_1 = require("./find-closest-package-json");
 const get_browser_instance_1 = require("./get-browser-instance");
+const get_available_memory_1 = require("./memory/get-available-memory");
 const offthreadvideo_threads_1 = require("./options/offthreadvideo-threads");
 const prepare_server_1 = require("./prepare-server");
 const puppeteer_evaluate_1 = require("./puppeteer-evaluate");
@@ -14,7 +15,7 @@ const seek_to_frame_1 = require("./seek-to-frame");
 const set_props_and_env_1 = require("./set-props-and-env");
 const validate_puppeteer_timeout_1 = require("./validate-puppeteer-timeout");
 const wrap_with_error_handling_1 = require("./wrap-with-error-handling");
-const innerGetCompositions = async ({ envVariables, serializedInputPropsWithCustomSchema, page, proxyPort, serveUrl, timeoutInMilliseconds, indent, logLevel, }) => {
+const innerGetCompositions = async ({ envVariables, serializedInputPropsWithCustomSchema, page, proxyPort, serveUrl, timeoutInMilliseconds, indent, logLevel, mediaCacheSizeInBytes, }) => {
     (0, validate_puppeteer_timeout_1.validatePuppeteerTimeout)(timeoutInMilliseconds);
     await (0, set_props_and_env_1.setPropsAndEnv)({
         serializedInputPropsWithCustomSchema,
@@ -31,6 +32,8 @@ const innerGetCompositions = async ({ envVariables, serializedInputPropsWithCust
         logLevel,
         onServeUrlVisited: () => undefined,
         isMainTab: true,
+        mediaCacheSizeInBytes,
+        initialMemoryAvailable: (0, get_available_memory_1.getAvailableMemory)(logLevel),
     });
     await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
         page,
@@ -77,7 +80,7 @@ const innerGetCompositions = async ({ envVariables, serializedInputPropsWithCust
         };
     });
 };
-const internalGetCompositionsRaw = async ({ browserExecutable, chromiumOptions, envVariables, indent, serializedInputPropsWithCustomSchema, onBrowserLog, port, puppeteerInstance, serveUrlOrWebpackUrl, server, timeoutInMilliseconds, logLevel, offthreadVideoCacheSizeInBytes, binariesDirectory, onBrowserDownload, chromeMode, offthreadVideoThreads, }) => {
+const internalGetCompositionsRaw = async ({ browserExecutable, chromiumOptions, envVariables, indent, serializedInputPropsWithCustomSchema, onBrowserLog, port, puppeteerInstance, serveUrlOrWebpackUrl, server, timeoutInMilliseconds, logLevel, offthreadVideoCacheSizeInBytes, binariesDirectory, onBrowserDownload, chromeMode, offthreadVideoThreads, mediaCacheSizeInBytes, }) => {
     const { page, cleanupPage } = await (0, get_browser_instance_1.getPageAndCleanupFn)({
         passedInInstance: puppeteerInstance,
         browserExecutable,
@@ -130,6 +133,7 @@ const internalGetCompositionsRaw = async ({ browserExecutable, chromiumOptions,
                 onBrowserDownload,
                 chromeMode,
                 offthreadVideoThreads,
+                mediaCacheSizeInBytes,
             });
         })
             .then((comp) => {
@@ -154,7 +158,7 @@ const getCompositions = (serveUrlOrWebpackUrl, config) => {
     if (!serveUrlOrWebpackUrl) {
         throw new Error('No serve URL or webpack bundle directory was passed to getCompositions().');
     }
-    const { browserExecutable, chromiumOptions, envVariables, inputProps, onBrowserLog, port, puppeteerInstance, timeoutInMilliseconds, logLevel: passedLogLevel, onBrowserDownload, binariesDirectory, offthreadVideoCacheSizeInBytes, chromeMode, offthreadVideoThreads, } = config !== null && config !== void 0 ? config : {};
+    const { browserExecutable, chromiumOptions, envVariables, inputProps, onBrowserLog, port, puppeteerInstance, timeoutInMilliseconds, logLevel: passedLogLevel, onBrowserDownload, binariesDirectory, offthreadVideoCacheSizeInBytes, chromeMode, offthreadVideoThreads, mediaCacheSizeInBytes, } = config !== null && config !== void 0 ? config : {};
     const indent = false;
     const logLevel = passedLogLevel !== null && passedLogLevel !== void 0 ? passedLogLevel : 'info';
     return (0, exports.internalGetCompositions)({
@@ -183,6 +187,7 @@ const getCompositions = (serveUrlOrWebpackUrl, config) => {
         }),
         chromeMode: chromeMode !== null && chromeMode !== void 0 ? chromeMode : 'headless-shell',
         offthreadVideoThreads: offthreadVideoThreads !== null && offthreadVideoThreads !== void 0 ? offthreadVideoThreads : null,
+        mediaCacheSizeInBytes: mediaCacheSizeInBytes !== null && mediaCacheSizeInBytes !== void 0 ? mediaCacheSizeInBytes : null,
     });
 };
 exports.getCompositions = getCompositions;