@remotion/renderer 4.0.354 → 4.0.356

package/dist/esm/index.mjs

@@ -383,6 +383,23 @@ var verboseTag = (str) => {
   return isColorSupported() ? chalk.bgBlack(` ${str} `) : `[${str}]`;
 };
 var Log = {
+  formatLogs: (logLevel, options, args) => {
+    return [
+      options.indent ? INDENT_TOKEN : null,
+      options.tag ? verboseTag(options.tag) : null
+    ].filter(truthy).concat(args.map((a) => {
+      if (logLevel === "warn") {
+        return chalk.yellow(a);
+      }
+      if (logLevel === "error") {
+        return chalk.red(a);
+      }
+      if (logLevel === "verbose" || logLevel === "trace") {
+        return chalk.gray(a);
+      }
+      return a;
+    }));
+  },
   trace: (options, ...args) => {
     writeInRepro("trace", ...args);
     if (isEqualOrBelowLogLevel(options.logLevel, "trace")) {
@@ -390,10 +407,7 @@ var Log = {
         return process.stdout.write(`
 `);
       }
-      return console.log(...[
-        options.indent ? INDENT_TOKEN : null,
-        options.tag ? verboseTag(options.tag) : null
-      ].filter(truthy).concat(args.map((a) => chalk.gray(a))));
+      return console.log(...Log.formatLogs("trace", options, args));
     }
   },
   verbose: (options, ...args) => {
@@ -403,10 +417,7 @@ var Log = {
         return process.stdout.write(`
 `);
       }
-      return console.log(...[
-        options.indent ? INDENT_TOKEN : null,
-        options.tag ? verboseTag(options.tag) : null
-      ].filter(truthy).concat(args.map((a) => chalk.gray(a))));
+      return console.log(...Log.formatLogs("verbose", options, args));
     }
   },
   info: (options, ...args) => {
@@ -416,7 +427,7 @@ var Log = {
         return process.stdout.write(`
 `);
       }
-      return console.log(...[options.indent ? INDENT_TOKEN : null].filter(truthy).concat(args ?? []));
+      return console.log(...Log.formatLogs("info", options, args));
     }
   },
   warn: (options, ...args) => {
@@ -426,7 +437,7 @@ var Log = {
         return process.stdout.write(`
 `);
       }
-      return console.warn(...[options.indent ? chalk.yellow(INDENT_TOKEN) : null].filter(truthy).concat(args.map((a) => chalk.yellow(a))));
+      return console.warn(...Log.formatLogs("warn", options, args));
     }
   },
   error: (options, ...args) => {
@@ -436,10 +447,7 @@ var Log = {
         return process.stdout.write(`
 `);
       }
-      return console.error(...[
-        options.indent ? INDENT_TOKEN : null,
-        options.tag ? verboseTag(options.tag) : null
-      ].filter(truthy).concat(args.map((a) => chalk.red(a))));
+      return console.error(...Log.formatLogs("error", options, args));
     }
   }
 };
@@ -2736,7 +2744,8 @@ class Page extends EventEmitter {
     logLevel,
     indent,
     pageIndex,
-    onBrowserLog
+    onBrowserLog,
+    onLog
   }) {
     const page = new Page({
       client,
@@ -2746,7 +2755,8 @@ class Page extends EventEmitter {
       logLevel,
       indent,
       pageIndex,
-      onBrowserLog
+      onBrowserLog,
+      onLog
     });
     await page.#initialize();
     await page.setViewport(defaultViewport);
@@ -2765,6 +2775,7 @@ class Page extends EventEmitter {
   indent;
   pageIndex;
   onBrowserLog;
+  onLog;
   constructor({
     client,
     target,
@@ -2773,7 +2784,8 @@ class Page extends EventEmitter {
     logLevel,
     indent,
     pageIndex,
-    onBrowserLog
+    onBrowserLog,
+    onLog
   }) {
     super();
     this.#client = client;
@@ -2787,6 +2799,7 @@ class Page extends EventEmitter {
     this.indent = indent;
     this.pageIndex = pageIndex;
     this.onBrowserLog = onBrowserLog;
+    this.onLog = onLog;
     client.on("Target.attachedToTarget", (event) => {
       switch (event.targetInfo.type) {
         case "iframe":
@@ -2839,19 +2852,11 @@ class Page extends EventEmitter {
       const tabInfo = `Tab ${this.pageIndex}`;
       const tagInfo = [origPosition?.name, isDelayRenderClear ? null : file].filter(truthy).join("@");
       const tag = [tabInfo, log.tag, log.tag ? null : tagInfo].filter(truthy).join(", ");
-      if (log.type === "error") {
-        Log.error({
-          logLevel,
-          tag,
-          indent
-        }, log.previewString);
-      } else {
-        Log[logLevel]({
-          logLevel,
-          tag,
-          indent
-        }, log.previewString);
-      }
+      this.onLog({
+        logLevel: log.logLevel,
+        tag,
+        previewString: log.previewString
+      });
     } else if (log.type === "error") {
       if (log.text.includes("Failed to load resource:")) {
         Log.error({ logLevel, tag: url, indent }, log.text.replace(/\(\)$/, ""));
@@ -3519,7 +3524,8 @@ class Target {
     logLevel,
     indent,
     pageIndex,
-    onBrowserLog
+    onBrowserLog,
+    onLog
   }) {
     if (isPagetTarget(this.#targetInfo) && !this.#pagePromise) {
       this.#pagePromise = this.#sessionFactory().then((client) => {
@@ -3532,7 +3538,8 @@ class Target {
           logLevel,
           indent,
           pageIndex,
-          onBrowserLog
+          onBrowserLog,
+          onLog
         });
       });
     }
@@ -3672,14 +3679,16 @@ class HeadlessBrowser extends EventEmitter {
     logLevel,
     indent,
     pageIndex,
-    onBrowserLog
+    onBrowserLog,
+    onLog
   }) {
     return this.#defaultContext.newPage({
       context,
       logLevel,
       indent,
       pageIndex,
-      onBrowserLog
+      onBrowserLog,
+      onLog
     });
   }
   async _createPageInContext({
@@ -3687,7 +3696,8 @@ class HeadlessBrowser extends EventEmitter {
     logLevel,
     indent,
     pageIndex,
-    onBrowserLog
+    onBrowserLog,
+    onLog
   }) {
     const {
       value: { targetId }
@@ -3708,7 +3718,8 @@ class HeadlessBrowser extends EventEmitter {
       logLevel,
       indent,
       pageIndex,
-      onBrowserLog
+      onBrowserLog,
+      onLog
     });
     if (!page) {
       throw new Error(`Failed to create a page for context`);
@@ -3795,14 +3806,16 @@ class BrowserContext extends EventEmitter {
     logLevel,
     indent,
     pageIndex,
-    onBrowserLog
+    onBrowserLog,
+    onLog
   }) {
     return this.#browser._createPageInContext({
       context,
       logLevel,
       indent,
       pageIndex,
-      onBrowserLog
+      onBrowserLog,
+      onLog
     });
   }
   browser() {
@@ -4658,6 +4671,11 @@ var defaultBrowserDownloadProgress = ({
   };
 };
 
+// src/default-on-log.ts
+var defaultOnLog = ({ logLevel, tag, previewString }) => {
+  Log[logLevel]({ logLevel, tag, indent: false }, previewString);
+};
+
 // src/open-browser.ts
 import fs9 from "node:fs";
 import os3 from "node:os";
@@ -5353,7 +5371,8 @@ var getPageAndCleanupFn = async ({
   onBrowserDownload,
   chromeMode,
   pageIndex,
-  onBrowserLog
+  onBrowserLog,
+  onLog
 }) => {
   if (passedInInstance) {
     const page = await passedInInstance.newPage({
@@ -5361,7 +5380,8 @@ var getPageAndCleanupFn = async ({
       logLevel,
       indent,
       pageIndex,
-      onBrowserLog
+      onBrowserLog,
+      onLog
     });
     return {
       page,
@@ -5391,7 +5411,8 @@ var getPageAndCleanupFn = async ({
     logLevel,
     indent,
     pageIndex,
-    onBrowserLog
+    onBrowserLog,
+    onLog
   });
   return {
     page: browserPage,
@@ -16724,7 +16745,8 @@ var internalGetCompositionsRaw = async ({
   onBrowserDownload,
   chromeMode,
   offthreadVideoThreads,
-  mediaCacheSizeInBytes
+  mediaCacheSizeInBytes,
+  onLog
 }) => {
   const { page, cleanupPage } = await getPageAndCleanupFn({
     passedInInstance: puppeteerInstance,
@@ -16736,7 +16758,8 @@ var internalGetCompositionsRaw = async ({
     onBrowserDownload,
     chromeMode,
     pageIndex: 0,
-    onBrowserLog
+    onBrowserLog,
+    onLog
   });
   const cleanup = [cleanupPage];
   return new Promise((resolve2, reject) => {
@@ -16842,7 +16865,8 @@ var getCompositions = (serveUrlOrWebpackUrl, config) => {
     }),
     chromeMode: chromeMode ?? "headless-shell",
     offthreadVideoThreads: offthreadVideoThreads ?? null,
-    mediaCacheSizeInBytes: mediaCacheSizeInBytes ?? null
+    mediaCacheSizeInBytes: mediaCacheSizeInBytes ?? null,
+    onLog: defaultOnLog
   });
 };
 
@@ -17808,9 +17832,10 @@ var makePage = async ({
   serializedResolvedPropsWithCustomSchema,
   pageIndex,
   isMainTab,
-  mediaCacheSizeInBytes
+  mediaCacheSizeInBytes,
+  onLog
 }) => {
-  const page = await browserReplacer.getBrowser().newPage({ context, logLevel, indent, pageIndex, onBrowserLog });
+  const page = await browserReplacer.getBrowser().newPage({ context, logLevel, indent, pageIndex, onBrowserLog, onLog });
   pagesArray.push(page);
   await page.setViewport({
     width: composition.width,
@@ -18790,7 +18815,8 @@ var innerRenderFrames = async ({
   onArtifact,
   binariesDirectory,
   imageSequencePattern,
-  mediaCacheSizeInBytes
+  mediaCacheSizeInBytes,
+  onLog
 }) => {
   if (outputDir) {
     if (!fs14.existsSync(outputDir)) {
@@ -18837,7 +18863,8 @@ var innerRenderFrames = async ({
       timeoutInMilliseconds,
       pageIndex,
       isMainTab: pageIndex === 0,
-      mediaCacheSizeInBytes
+      mediaCacheSizeInBytes,
+      onLog
     });
   };
   const getPool = async () => {
@@ -18980,7 +19007,8 @@ var internalRenderFramesRaw = ({
   chromeMode,
   offthreadVideoThreads,
   imageSequencePattern,
-  mediaCacheSizeInBytes
+  mediaCacheSizeInBytes,
+  onLog
 }) => {
   validateDimension(composition.height, "height", "in the `config` object passed to `renderFrames()`");
   validateDimension(composition.width, "width", "in the `config` object passed to `renderFrames()`");
@@ -19084,7 +19112,8 @@ var internalRenderFramesRaw = ({
           chromeMode,
           offthreadVideoThreads,
           imageSequencePattern,
-          mediaCacheSizeInBytes
+          mediaCacheSizeInBytes,
+          onLog
         });
       })
     ]).then((res) => {
@@ -19213,7 +19242,8 @@ var renderFrames = (options) => {
     chromeMode: chromeMode ?? "headless-shell",
     offthreadVideoThreads: offthreadVideoThreads ?? null,
     imageSequencePattern: imageSequencePattern ?? null,
-    mediaCacheSizeInBytes: mediaCacheSizeInBytes ?? null
+    mediaCacheSizeInBytes: mediaCacheSizeInBytes ?? null,
+    onLog: defaultOnLog
   });
 };
 
@@ -19671,40 +19701,35 @@ var validateEvenDimensionsWithCodec = ({
   indent,
   logLevel
 }) => {
-  let actualWidth = width * scale;
-  let actualHeight = height * scale;
   if (wantsImageSequence) {
     return {
-      actualWidth,
-      actualHeight
+      actualWidth: width,
+      actualHeight: height
     };
   }
   if (codec !== "h264-mkv" && codec !== "h264" && codec !== "h265" && codec !== "h264-ts") {
     return {
-      actualWidth,
-      actualHeight
+      actualWidth: width,
+      actualHeight: height
     };
   }
-  if (actualWidth % 1 !== 0 && (actualWidth % 1 < 0.005 || actualWidth % 1 > 0.005)) {
-    Log.verbose({ indent, logLevel }, `Rounding width to an even number from ${actualWidth} to ${Math.round(actualWidth)}`);
-    actualWidth = Math.round(actualWidth);
+  let heightEvenDimensions = height;
+  while (Math.round(heightEvenDimensions * scale) % 2 !== 0) {
+    heightEvenDimensions--;
   }
-  if (actualHeight % 1 !== 0 && (actualHeight % 1 < 0.005 || actualHeight % 1 > 0.005)) {
-    Log.verbose({ indent, logLevel }, `Rounding height to an even number from ${actualHeight} to ${Math.round(actualHeight)}`);
-    actualHeight = Math.round(actualHeight);
+  let widthEvenDimensions = width;
+  while (Math.round(widthEvenDimensions * scale) % 2 !== 0) {
+    widthEvenDimensions--;
   }
-  const displayName = codec === "h265" ? "H265" : "H264";
-  if (actualWidth % 2 !== 0) {
-    Log.verbose({ indent, logLevel }, `Rounding width down to an even number from ${actualWidth} to ${actualWidth - 1} for ${displayName} codec compatibility`);
-    actualWidth -= 1;
+  if (widthEvenDimensions !== width) {
+    Log.verbose({ indent, logLevel }, `Rounding width to an even number from ${width} to ${widthEvenDimensions}`);
   }
-  if (actualHeight % 2 !== 0) {
-    Log.verbose({ indent, logLevel }, `Rounding height down to an even number from ${actualHeight} to ${actualHeight - 1} for ${displayName} codec compatibility`);
-    actualHeight -= 1;
+  if (heightEvenDimensions !== height) {
+    Log.verbose({ indent, logLevel }, `Rounding height to an even number from ${height} to ${heightEvenDimensions}`);
   }
   return {
-    actualWidth,
-    actualHeight
+    actualWidth: widthEvenDimensions,
+    actualHeight: heightEvenDimensions
   };
 };
 
@@ -21333,7 +21358,8 @@ var internalRenderMediaRaw = ({
   hardwareAcceleration,
   chromeMode,
   offthreadVideoThreads,
-  mediaCacheSizeInBytes
+  mediaCacheSizeInBytes,
+  onLog
 }) => {
   const pixelFormat = userPixelFormat ?? compositionWithPossibleUnevenDimensions.defaultPixelFormat ?? DEFAULT_PIXEL_FORMAT;
   if (repro) {
@@ -21449,15 +21475,6 @@ var internalRenderMediaRaw = ({
     onCtrlCExit(`Delete ${workingDir}`, () => deleteDirectory(workingDir));
   }
   const { actualWidth: widthEvenDimensions, actualHeight: heightEvenDimensions } = validateEvenDimensionsWithCodec({
-    codec,
-    height: compositionWithPossibleUnevenDimensions.height,
-    scale: 1,
-    width: compositionWithPossibleUnevenDimensions.width,
-    wantsImageSequence: false,
-    indent,
-    logLevel
-  });
-  const { actualWidth, actualHeight } = validateEvenDimensionsWithCodec({
     codec,
     height: compositionWithPossibleUnevenDimensions.height,
     scale,
@@ -21466,6 +21483,8 @@ var internalRenderMediaRaw = ({
     indent,
     logLevel
   });
+  const actualWidth = widthEvenDimensions * scale;
+  const actualHeight = heightEvenDimensions * scale;
   const composition = {
     ...compositionWithPossibleUnevenDimensions,
     height: heightEvenDimensions,
@@ -21648,7 +21667,8 @@ var internalRenderMediaRaw = ({
         onArtifact,
         chromeMode,
         imageSequencePattern: null,
-        mediaCacheSizeInBytes
+        mediaCacheSizeInBytes,
+        onLog
       });
       return renderFramesProc;
     }).then((renderFramesReturn) => {
@@ -21906,7 +21926,8 @@ var renderMedia = ({
     compositionStart: compositionStart ?? 0,
     hardwareAcceleration: hardwareAcceleration ?? "disable",
     chromeMode: chromeMode ?? "headless-shell",
-    mediaCacheSizeInBytes: mediaCacheSizeInBytes ?? null
+    mediaCacheSizeInBytes: mediaCacheSizeInBytes ?? null,
+    onLog: defaultOnLog
   });
 };
 
@@ -21940,7 +21961,8 @@ var innerRenderStill = async ({
   onBrowserDownload,
   onArtifact,
   chromeMode,
-  mediaCacheSizeInBytes
+  mediaCacheSizeInBytes,
+  onLog
 }) => {
   validateDimension(composition.height, "height", "in the `config` object passed to `renderStill()`");
   validateDimension(composition.width, "width", "in the `config` object passed to `renderStill()`");
@@ -21991,7 +22013,8 @@ var innerRenderStill = async ({
     logLevel,
     indent,
     pageIndex: 0,
-    onBrowserLog
+    onBrowserLog,
+    onLog
   });
   await page.setViewport({
     width: composition.width,
@@ -22241,7 +22264,8 @@ var renderStill = (options) => {
     onArtifact: onArtifact ?? null,
     chromeMode: chromeMode ?? "headless-shell",
     offthreadVideoThreads: offthreadVideoThreads ?? null,
-    mediaCacheSizeInBytes: mediaCacheSizeInBytes ?? null
+    mediaCacheSizeInBytes: mediaCacheSizeInBytes ?? null,
+    onLog: defaultOnLog
   });
 };
 
@@ -22379,7 +22403,8 @@ var internalSelectCompositionRaw = async (options) => {
       onBrowserDownload,
       chromeMode,
       pageIndex: 0,
-      onBrowserLog
+      onBrowserLog,
+      onLog: RenderInternals.defaultOnLog
     }),
     makeOrReuseServer(options.server, {
       webpackConfigOrServeUrl: serveUrlOrWebpackUrl,
@@ -22509,7 +22534,8 @@ var getChromiumGpuInformation = async ({
   chromiumOptions,
   timeoutInMilliseconds,
   onBrowserDownload,
-  chromeMode
+  chromeMode,
+  onLog
 }) => {
   const { page, cleanupPage: cleanup } = await getPageAndCleanupFn({
     passedInInstance: undefined,
@@ -22521,7 +22547,8 @@ var getChromiumGpuInformation = async ({
     onBrowserDownload,
     chromeMode,
     pageIndex: 0,
-    onBrowserLog: null
+    onBrowserLog: null,
+    onLog
   });
   await page.goto({ url: "chrome://gpu", timeout: 12000 });
   const { value } = await puppeteerEvaluateWithCatch({
@@ -23073,7 +23100,8 @@ var RenderInternals = {
   DEFAULT_RENDER_FRAMES_OFFTHREAD_VIDEO_THREADS,
   canConcatVideoSeamlessly,
   canConcatAudioSeamlessly,
-  internalCombineChunks
+  internalCombineChunks,
+  defaultOnLog
 };
 checkRuntimeVersion("info", false);
 export {

package/dist/get-browser-instance.d.ts

@@ -1,12 +1,12 @@
 import type { BrowserExecutable } from './browser-executable';
 import type { BrowserLog } from './browser-log';
 import type { HeadlessBrowser } from './browser/Browser';
-import type { Page } from './browser/BrowserPage';
+import type { OnLog, Page } from './browser/BrowserPage';
 import type { LogLevel } from './log-level';
 import type { ChromiumOptions } from './open-browser';
 import type { ChromeMode } from './options/chrome-mode';
 import type { OnBrowserDownload } from './options/on-browser-download';
-export declare const getPageAndCleanupFn: ({ passedInInstance, browserExecutable, chromiumOptions, forceDeviceScaleFactor, indent, logLevel, onBrowserDownload, chromeMode, pageIndex, onBrowserLog, }: {
+export declare const getPageAndCleanupFn: ({ passedInInstance, browserExecutable, chromiumOptions, forceDeviceScaleFactor, indent, logLevel, onBrowserDownload, chromeMode, pageIndex, onBrowserLog, onLog, }: {
     passedInInstance: HeadlessBrowser | undefined;
     browserExecutable: BrowserExecutable | null;
     chromiumOptions: ChromiumOptions;
@@ -17,6 +17,7 @@ export declare const getPageAndCleanupFn: ({ passedInInstance, browserExecutable
     chromeMode: ChromeMode;
     pageIndex: number;
     onBrowserLog: null | ((log: BrowserLog) => void);
+    onLog: OnLog;
 }) => Promise<{
     cleanupPage: () => Promise<void>;
     page: Page;

package/dist/get-browser-instance.js

@@ -4,7 +4,7 @@ exports.getPageAndCleanupFn = void 0;
 const browser_1 = require("./browser");
 const logger_1 = require("./logger");
 const open_browser_1 = require("./open-browser");
-const getPageAndCleanupFn = async ({ passedInInstance, browserExecutable, chromiumOptions, forceDeviceScaleFactor, indent, logLevel, onBrowserDownload, chromeMode, pageIndex, onBrowserLog, }) => {
+const getPageAndCleanupFn = async ({ passedInInstance, browserExecutable, chromiumOptions, forceDeviceScaleFactor, indent, logLevel, onBrowserDownload, chromeMode, pageIndex, onBrowserLog, onLog, }) => {
     if (passedInInstance) {
         const page = await passedInInstance.newPage({
             context: () => null,
@@ -12,6 +12,7 @@ const getPageAndCleanupFn = async ({ passedInInstance, browserExecutable, chromi
             indent,
             pageIndex,
             onBrowserLog,
+            onLog,
         });
         return {
             page,
@@ -44,6 +45,7 @@ const getPageAndCleanupFn = async ({ passedInInstance, browserExecutable, chromi
         indent,
         pageIndex,
         onBrowserLog,
+        onLog,
     });
     return {
         page: browserPage,

package/dist/get-compositions.d.ts

@@ -2,6 +2,7 @@ import type { VideoConfig } from 'remotion/no-react';
 import type { BrowserExecutable } from './browser-executable';
 import type { BrowserLog } from './browser-log';
 import type { HeadlessBrowser } from './browser/Browser';
+import type { OnLog } from './browser/BrowserPage';
 import type { ChromiumOptions } from './open-browser';
 import type { ToOptions } from './options/option';
 import type { optionsMap } from './options/options-map';
@@ -18,6 +19,7 @@ type InternalGetCompositionsOptions = {
     server: RemotionServer | undefined;
     indent: boolean;
     serveUrlOrWebpackUrl: string;
+    onLog: OnLog;
 } & ToOptions<typeof optionsMap.getCompositions>;
 export type GetCompositionsOptions = RequiredInputPropsInV5 & {
     envVariables?: Record<string, string>;

package/dist/get-compositions.js

@@ -4,6 +4,7 @@ exports.getCompositions = exports.internalGetCompositions = void 0;
 const no_react_1 = require("remotion/no-react");
 const TimeoutSettings_1 = require("./browser/TimeoutSettings");
 const browser_download_progress_bar_1 = require("./browser/browser-download-progress-bar");
+const default_on_log_1 = require("./default-on-log");
 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");
@@ -80,7 +81,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, mediaCacheSizeInBytes, }) => {
+const internalGetCompositionsRaw = async ({ browserExecutable, chromiumOptions, envVariables, indent, serializedInputPropsWithCustomSchema, onBrowserLog, port, puppeteerInstance, serveUrlOrWebpackUrl, server, timeoutInMilliseconds, logLevel, offthreadVideoCacheSizeInBytes, binariesDirectory, onBrowserDownload, chromeMode, offthreadVideoThreads, mediaCacheSizeInBytes, onLog, }) => {
     const { page, cleanupPage } = await (0, get_browser_instance_1.getPageAndCleanupFn)({
         passedInInstance: puppeteerInstance,
         browserExecutable,
@@ -92,6 +93,7 @@ const internalGetCompositionsRaw = async ({ browserExecutable, chromiumOptions,
         chromeMode,
         pageIndex: 0,
         onBrowserLog,
+        onLog,
     });
     const cleanup = [cleanupPage];
     return new Promise((resolve, reject) => {
@@ -188,6 +190,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,
+        onLog: default_on_log_1.defaultOnLog,
     });
 };
 exports.getCompositions = getCompositions;

package/dist/index.d.ts

@@ -8,6 +8,7 @@ export { Browser } from './browser';
 export { BrowserExecutable } from './browser-executable';
 export { BrowserLog } from './browser-log';
 export type { HeadlessBrowser } from './browser/Browser';
+export type { OnLog } from './browser/BrowserPage';
 export { Codec, CodecOrUndefined } from './codec';
 export { CombineChunksOnProgress, CombineChunksOptions, combineChunks, } from './combine-chunks';
 export { Crf } from './crf';
@@ -391,6 +392,9 @@ export declare const RenderInternals: {
         bgWhiteBright: (str: string) => string;
     };
     Log: {
+        formatLogs: (logLevel: import("./log-level").LogLevel, options: import("./logger").LogOptions & {
+            tag?: string;
+        }, args: Parameters<typeof console.log>) => string[];
         trace: (options: import("./logger").LogOptions & {
             tag?: string;
         }, message?: any, ...optionalParams: any[]) => boolean | void;
@@ -455,6 +459,7 @@ export declare const RenderInternals: {
         serveUrl: string;
         port: number | null;
         onArtifact: import("./render-frames").OnArtifact | null;
+        onLog: import("./browser/BrowserPage").OnLog;
     } & import("./options/option").ToOptions<{
         readonly mediaCacheSizeInBytes: {
             name: string;
@@ -800,6 +805,7 @@ export declare const RenderInternals: {
         server: import("./prepare-server").RemotionServer | undefined;
         indent: boolean;
         serveUrlOrWebpackUrl: string;
+        onLog: import("./browser/BrowserPage").OnLog;
     } & import("./options/option").ToOptions<{
         readonly mediaCacheSizeInBytes: {
             name: string;
@@ -955,6 +961,7 @@ export declare const RenderInternals: {
         parallelEncodingEnabled: boolean;
         compositionStart: number;
         onArtifact: import("./render-frames").OnArtifact | null;
+        onLog: import("./browser/BrowserPage").OnLog;
     } & import("./options/option").ToOptions<{
         readonly mediaCacheSizeInBytes: {
             name: string;
@@ -1135,7 +1142,7 @@ export declare const RenderInternals: {
     }>;
     validOpenGlRenderers: readonly ["swangle", "angle", "egl", "swiftshader", "vulkan", "angle-egl"];
     isIpV6Supported: (flattened: import("os").NetworkInterfaceInfo[]) => boolean;
-    getChromiumGpuInformation: ({ browserExecutable, indent, logLevel, chromiumOptions, timeoutInMilliseconds, onBrowserDownload, chromeMode, }: {
+    getChromiumGpuInformation: ({ browserExecutable, indent, logLevel, chromiumOptions, timeoutInMilliseconds, onBrowserDownload, chromeMode, onLog, }: {
         browserExecutable: import("./browser-executable").BrowserExecutable;
         indent: boolean;
         logLevel: import("./log-level").LogLevel;
@@ -1143,6 +1150,7 @@ export declare const RenderInternals: {
         timeoutInMilliseconds: number;
         onBrowserDownload: import("./options/on-browser-download").OnBrowserDownload;
         chromeMode: import("./options/chrome-mode").ChromeMode;
+        onLog: import("./browser/BrowserPage").OnLog;
     }) => Promise<{
         feature: string;
         status: string;
@@ -1244,4 +1252,5 @@ export declare const RenderInternals: {
     }) & {
         indent: boolean;
     }) => Promise<void>;
+    defaultOnLog: import("./browser/BrowserPage").OnLog;
 };