@remotion/renderer 4.0.355 → 4.0.357

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;
 };

package/dist/index.js

@@ -124,6 +124,7 @@ const can_concat_seamlessly_1 = require("./can-concat-seamlessly");
 const codec_supports_media_1 = require("./codec-supports-media");
 const combine_chunks_2 = require("./combine-chunks");
 const make_file_executable_1 = require("./compositor/make-file-executable");
+const default_on_log_1 = require("./default-on-log");
 const ensure_browser_2 = require("./ensure-browser");
 const audio_codec_1 = require("./options/audio-codec");
 const offthreadvideo_threads_1 = require("./options/offthreadvideo-threads");
@@ -220,6 +221,7 @@ exports.RenderInternals = {
     canConcatVideoSeamlessly: can_concat_seamlessly_1.canConcatVideoSeamlessly,
     canConcatAudioSeamlessly: can_concat_seamlessly_1.canConcatAudioSeamlessly,
     internalCombineChunks: combine_chunks_2.internalCombineChunks,
+    defaultOnLog: default_on_log_1.defaultOnLog,
 };
 // Warn of potential performance issues with Apple Silicon (M1 chip under Rosetta)
 (0, check_version_requirements_1.checkRuntimeVersion)('info', false);

package/dist/logger.d.ts

@@ -10,6 +10,7 @@ type VerboseLogOptions = LogOptions & {
 export declare const verboseTag: (str: string) => string;
 export declare const secondverboseTag: (str: string) => string;
 export declare const Log: {
+    formatLogs: (logLevel: LogLevel, options: VerboseLogOptions, args: Parameters<typeof console.log>) => string[];
     trace: (options: VerboseLogOptions, message?: any, ...optionalParams: any[]) => boolean | void;
     verbose: (options: VerboseLogOptions, message?: any, ...optionalParams: any[]) => boolean | void;
     info: (options: LogOptions, message?: any, ...optionalParams: any[]) => boolean | void;

package/dist/logger.js

@@ -17,6 +17,25 @@ const secondverboseTag = (str) => {
 };
 exports.secondverboseTag = secondverboseTag;
 exports.Log = {
+    formatLogs: (logLevel, options, args) => {
+        return [
+            options.indent ? exports.INDENT_TOKEN : null,
+            options.tag ? (0, exports.verboseTag)(options.tag) : null,
+        ]
+            .filter(truthy_1.truthy)
+            .concat(args.map((a) => {
+            if (logLevel === 'warn') {
+                return chalk_1.chalk.yellow(a);
+            }
+            if (logLevel === 'error') {
+                return chalk_1.chalk.red(a);
+            }
+            if (logLevel === 'verbose' || logLevel === 'trace') {
+                return chalk_1.chalk.gray(a);
+            }
+            return a;
+        }));
+    },
     trace: (options, ...args) => {
         (0, repro_1.writeInRepro)('trace', ...args);
         if ((0, log_level_1.isEqualOrBelowLogLevel)(options.logLevel, 'trace')) {
@@ -24,12 +43,7 @@ exports.Log = {
                 // Lambda will print "undefined" otherwise
                 return process.stdout.write('\n');
             }
-            return console.log(...[
-                options.indent ? exports.INDENT_TOKEN : null,
-                options.tag ? (0, exports.verboseTag)(options.tag) : null,
-            ]
-                .filter(truthy_1.truthy)
-                .concat(args.map((a) => chalk_1.chalk.gray(a))));
+            return console.log(...exports.Log.formatLogs('trace', options, args));
         }
     },
     verbose: (options, ...args) => {
@@ -39,12 +53,7 @@ exports.Log = {
                 // Lambda will print "undefined" otherwise
                 return process.stdout.write('\n');
             }
-            return console.log(...[
-                options.indent ? exports.INDENT_TOKEN : null,
-                options.tag ? (0, exports.verboseTag)(options.tag) : null,
-            ]
-                .filter(truthy_1.truthy)
-                .concat(args.map((a) => chalk_1.chalk.gray(a))));
+            return console.log(...exports.Log.formatLogs('verbose', options, args));
         }
     },
     info: (options, ...args) => {
@@ -54,9 +63,7 @@ exports.Log = {
                 // Lambda will print "undefined" otherwise
                 return process.stdout.write('\n');
             }
-            return console.log(...[options.indent ? exports.INDENT_TOKEN : null]
-                .filter(truthy_1.truthy)
-                .concat(args !== null && args !== void 0 ? args : []));
+            return console.log(...exports.Log.formatLogs('info', options, args));
         }
     },
     warn: (options, ...args) => {
@@ -66,9 +73,7 @@ exports.Log = {
                 // Lambda will print "undefined" otherwise
                 return process.stdout.write('\n');
             }
-            return console.warn(...[options.indent ? chalk_1.chalk.yellow(exports.INDENT_TOKEN) : null]
-                .filter(truthy_1.truthy)
-                .concat(args.map((a) => chalk_1.chalk.yellow(a))));
+            return console.warn(...exports.Log.formatLogs('warn', options, args));
         }
     },
     error: (options, ...args) => {
@@ -78,12 +83,7 @@ exports.Log = {
                 // Lambda will print "undefined" otherwise
                 return process.stdout.write('\n');
             }
-            return console.error(...[
-                options.indent ? exports.INDENT_TOKEN : null,
-                options.tag ? (0, exports.verboseTag)(options.tag) : null,
-            ]
-                .filter(truthy_1.truthy)
-                .concat(args.map((a) => chalk_1.chalk.red(a))));
+            return console.error(...exports.Log.formatLogs('error', options, args));
         }
     },
 };

package/dist/make-page.d.ts

@@ -1,11 +1,11 @@
 import type { VideoConfig } from 'remotion/no-react';
 import type { BrowserLog } from './browser-log';
-import type { Page } from './browser/BrowserPage';
+import type { OnLog, Page } from './browser/BrowserPage';
 import type { SourceMapGetter } from './browser/source-map-getter';
 import type { VideoImageFormat } from './image-format';
 import type { LogLevel } from './log-level';
 import type { BrowserReplacer } from './replace-browser';
-export declare const makePage: ({ context, initialFrame, browserReplacer, logLevel, indent, pagesArray, onBrowserLog, scale, timeoutInMilliseconds, composition, proxyPort, serveUrl, muted, envVariables, serializedInputPropsWithCustomSchema, imageFormat, serializedResolvedPropsWithCustomSchema, pageIndex, isMainTab, mediaCacheSizeInBytes, }: {
+export declare const makePage: ({ context, initialFrame, browserReplacer, logLevel, indent, pagesArray, onBrowserLog, scale, timeoutInMilliseconds, composition, proxyPort, serveUrl, muted, envVariables, serializedInputPropsWithCustomSchema, imageFormat, serializedResolvedPropsWithCustomSchema, pageIndex, isMainTab, mediaCacheSizeInBytes, onLog, }: {
     context: SourceMapGetter;
     initialFrame: number;
     browserReplacer: BrowserReplacer;
@@ -26,4 +26,5 @@ export declare const makePage: ({ context, initialFrame, browserReplacer, logLev
     pageIndex: number;
     isMainTab: boolean;
     mediaCacheSizeInBytes: number | null;
+    onLog: OnLog;
 }) => Promise<Page>;

package/dist/make-page.js

@@ -4,10 +4,10 @@ exports.makePage = void 0;
 const get_available_memory_1 = require("./memory/get-available-memory");
 const puppeteer_evaluate_1 = require("./puppeteer-evaluate");
 const set_props_and_env_1 = require("./set-props-and-env");
-const makePage = async ({ context, initialFrame, browserReplacer, logLevel, indent, pagesArray, onBrowserLog, scale, timeoutInMilliseconds, composition, proxyPort, serveUrl, muted, envVariables, serializedInputPropsWithCustomSchema, imageFormat, serializedResolvedPropsWithCustomSchema, pageIndex, isMainTab, mediaCacheSizeInBytes, }) => {
+const makePage = async ({ context, initialFrame, browserReplacer, logLevel, indent, pagesArray, onBrowserLog, scale, timeoutInMilliseconds, composition, proxyPort, serveUrl, muted, envVariables, serializedInputPropsWithCustomSchema, imageFormat, serializedResolvedPropsWithCustomSchema, pageIndex, isMainTab, mediaCacheSizeInBytes, onLog, }) => {
     const page = await browserReplacer
         .getBrowser()
-        .newPage({ context, logLevel, indent, pageIndex, onBrowserLog });
+        .newPage({ context, logLevel, indent, pageIndex, onBrowserLog, onLog });
     pagesArray.push(page);
     await page.setViewport({
         width: composition.width,

package/dist/render-frames.d.ts

@@ -3,6 +3,7 @@ import type { RenderMediaOnDownload } from './assets/download-and-map-assets-to-
 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 { FrameRange } from './frame-range';
 import type { VideoImageFormat } from './image-format';
 import type { CancelSignal } from './make-cancel-signal';
@@ -42,6 +43,7 @@ type InternalRenderFramesOptions = {
     parallelEncodingEnabled: boolean;
     compositionStart: number;
     onArtifact: OnArtifact | null;
+    onLog: OnLog;
 } & ToOptions<typeof optionsMap.renderFrames>;
 type ArtifactWithoutContent = {
     frame: number;

package/dist/render-frames.js

@@ -13,6 +13,7 @@ const browser_download_progress_bar_1 = require("./browser/browser-download-prog
 const flaky_errors_1 = require("./browser/flaky-errors");
 const can_use_parallel_encoding_1 = require("./can-use-parallel-encoding");
 const cycle_browser_tabs_1 = require("./cycle-browser-tabs");
+const default_on_log_1 = require("./default-on-log");
 const find_closest_package_json_1 = require("./find-closest-package-json");
 const get_concurrency_1 = require("./get-concurrency");
 const get_duration_from_frame_range_1 = require("./get-duration-from-frame-range");
@@ -34,7 +35,7 @@ const validate_1 = require("./validate");
 const validate_scale_1 = require("./validate-scale");
 const wrap_with_error_handling_1 = require("./wrap-with-error-handling");
 const MAX_RETRIES_PER_FRAME = 1;
-const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serializedInputPropsWithCustomSchema, serializedResolvedPropsWithCustomSchema, jpegQuality, imageFormat, frameRange, onError, envVariables, onBrowserLog, onFrameBuffer, onDownload, pagesArray, serveUrl, composition, timeoutInMilliseconds, scale, resolvedConcurrency, everyNthFrame, proxyPort, cancelSignal, downloadMap, muted, makeBrowser, browserReplacer, sourceMapGetter, logLevel, indent, parallelEncodingEnabled, compositionStart, forSeamlessAacConcatenation, onArtifact, binariesDirectory, imageSequencePattern, mediaCacheSizeInBytes, }) => {
+const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serializedInputPropsWithCustomSchema, serializedResolvedPropsWithCustomSchema, jpegQuality, imageFormat, frameRange, onError, envVariables, onBrowserLog, onFrameBuffer, onDownload, pagesArray, serveUrl, composition, timeoutInMilliseconds, scale, resolvedConcurrency, everyNthFrame, proxyPort, cancelSignal, downloadMap, muted, makeBrowser, browserReplacer, sourceMapGetter, logLevel, indent, parallelEncodingEnabled, compositionStart, forSeamlessAacConcatenation, onArtifact, binariesDirectory, imageSequencePattern, mediaCacheSizeInBytes, onLog, }) => {
     if (outputDir) {
         if (!node_fs_1.default.existsSync(outputDir)) {
             node_fs_1.default.mkdirSync(outputDir, {
@@ -75,6 +76,7 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serialized
             pageIndex,
             isMainTab: pageIndex === 0,
             mediaCacheSizeInBytes,
+            onLog,
         });
     };
     const getPool = async () => {
@@ -193,7 +195,7 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serialized
         frameCount: framesToRender.length,
     };
 };
-const internalRenderFramesRaw = ({ browserExecutable, cancelSignal, chromiumOptions, composition, concurrency, envVariables, everyNthFrame, frameRange, imageFormat, indent, jpegQuality, muted, onBrowserLog, onDownload, onFrameBuffer, onFrameUpdate, onStart, outputDir, port, puppeteerInstance, scale, server, timeoutInMilliseconds, logLevel, webpackBundleOrServeUrl, serializedInputPropsWithCustomSchema, serializedResolvedPropsWithCustomSchema, offthreadVideoCacheSizeInBytes, parallelEncodingEnabled, binariesDirectory, forSeamlessAacConcatenation, compositionStart, onBrowserDownload, onArtifact, chromeMode, offthreadVideoThreads, imageSequencePattern, mediaCacheSizeInBytes, }) => {
+const internalRenderFramesRaw = ({ browserExecutable, cancelSignal, chromiumOptions, composition, concurrency, envVariables, everyNthFrame, frameRange, imageFormat, indent, jpegQuality, muted, onBrowserLog, onDownload, onFrameBuffer, onFrameUpdate, onStart, outputDir, port, puppeteerInstance, scale, server, timeoutInMilliseconds, logLevel, webpackBundleOrServeUrl, serializedInputPropsWithCustomSchema, serializedResolvedPropsWithCustomSchema, offthreadVideoCacheSizeInBytes, parallelEncodingEnabled, binariesDirectory, forSeamlessAacConcatenation, compositionStart, onBrowserDownload, onArtifact, chromeMode, offthreadVideoThreads, imageSequencePattern, mediaCacheSizeInBytes, onLog, }) => {
     (0, validate_1.validateDimension)(composition.height, 'height', 'in the `config` object passed to `renderFrames()`');
     (0, validate_1.validateDimension)(composition.width, 'width', 'in the `config` object passed to `renderFrames()`');
     (0, validate_1.validateFps)(composition.fps, 'in the `config` object of `renderFrames()`', false);
@@ -297,6 +299,7 @@ const internalRenderFramesRaw = ({ browserExecutable, cancelSignal, chromiumOpti
                     offthreadVideoThreads,
                     imageSequencePattern,
                     mediaCacheSizeInBytes,
+                    onLog,
                 });
             }),
         ])
@@ -404,6 +407,7 @@ const renderFrames = (options) => {
         offthreadVideoThreads: offthreadVideoThreads !== null && offthreadVideoThreads !== void 0 ? offthreadVideoThreads : null,
         imageSequencePattern: imageSequencePattern !== null && imageSequencePattern !== void 0 ? imageSequencePattern : null,
         mediaCacheSizeInBytes: mediaCacheSizeInBytes !== null && mediaCacheSizeInBytes !== void 0 ? mediaCacheSizeInBytes : null,
+        onLog: default_on_log_1.defaultOnLog,
     });
 };
 exports.renderFrames = renderFrames;

package/dist/render-media.d.ts

@@ -3,6 +3,7 @@ import { type RenderMediaOnDownload } from './assets/download-and-map-assets-to-
 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 { Codec } from './codec';
 import type { FfmpegOverrideFn } from './ffmpeg-override';
 import type { FrameRange } from './frame-range';
@@ -68,6 +69,7 @@ export type InternalRenderMediaOptions = {
     compositionStart: number;
     onArtifact: OnArtifact | null;
     metadata: Record<string, string> | null;
+    onLog: OnLog;
 } & MoreRenderMediaOptions;
 type Prettify<T> = {
     [K in keyof T]: T[K];

package/dist/render-media.js

@@ -13,6 +13,7 @@ const browser_download_progress_bar_1 = require("./browser/browser-download-prog
 const can_use_parallel_encoding_1 = require("./can-use-parallel-encoding");
 const codec_supports_media_1 = require("./codec-supports-media");
 const crf_1 = require("./crf");
+const default_on_log_1 = require("./default-on-log");
 const delete_directory_1 = require("./delete-directory");
 const ensure_frames_in_order_1 = require("./ensure-frames-in-order");
 const ensure_output_directory_1 = require("./ensure-output-directory");
@@ -51,8 +52,8 @@ const validate_scale_1 = require("./validate-scale");
 const validate_videobitrate_1 = require("./validate-videobitrate");
 const wrap_with_error_handling_1 = require("./wrap-with-error-handling");
 const SLOWEST_FRAME_COUNT = 10;
-const MAX_RECENT_FRAME_TIMINGS = 50;
-const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition: compositionWithPossibleUnevenDimensions, serializedInputPropsWithCustomSchema, pixelFormat: userPixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, encodingMaxRate, encodingBufferSize, audioCodec, concurrency, disallowParallelEncoding, everyNthFrame, imageFormat: provisionalImageFormat, indent, jpegQuality, numberOfGifLoops, onCtrlCExit, preferLossless, serveUrl, server: reusedServer, logLevel, serializedResolvedPropsWithCustomSchema, offthreadVideoCacheSizeInBytes, colorSpace, repro, binariesDirectory, separateAudioTo, forSeamlessAacConcatenation, compositionStart, onBrowserDownload, onArtifact, metadata, hardwareAcceleration, chromeMode, offthreadVideoThreads, mediaCacheSizeInBytes, }) => {
+const MAX_RECENT_FRAME_TIMINGS = 150;
+const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition: compositionWithPossibleUnevenDimensions, serializedInputPropsWithCustomSchema, pixelFormat: userPixelFormat, codec, envVariables, frameRange, puppeteerInstance, outputLocation, onProgress, overwrite, onDownload, onBrowserLog, onStart, timeoutInMilliseconds, chromiumOptions, scale, browserExecutable, port, cancelSignal, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, encodingMaxRate, encodingBufferSize, audioCodec, concurrency, disallowParallelEncoding, everyNthFrame, imageFormat: provisionalImageFormat, indent, jpegQuality, numberOfGifLoops, onCtrlCExit, preferLossless, serveUrl, server: reusedServer, logLevel, serializedResolvedPropsWithCustomSchema, offthreadVideoCacheSizeInBytes, colorSpace, repro, binariesDirectory, separateAudioTo, forSeamlessAacConcatenation, compositionStart, onBrowserDownload, onArtifact, metadata, hardwareAcceleration, chromeMode, offthreadVideoThreads, mediaCacheSizeInBytes, onLog, }) => {
     var _a, _b;
     const pixelFormat = (_a = userPixelFormat !== null && userPixelFormat !== void 0 ? userPixelFormat : compositionWithPossibleUnevenDimensions.defaultPixelFormat) !== null && _a !== void 0 ? _a : pixel_format_1.DEFAULT_PIXEL_FORMAT;
     if (repro) {
@@ -177,18 +178,7 @@ const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition: c
     if (onCtrlCExit && workingDir) {
         onCtrlCExit(`Delete ${workingDir}`, () => (0, delete_directory_1.deleteDirectory)(workingDir));
     }
-    const { actualWidth: widthEvenDimensionsUndivided, actualHeight: heightEvenDimensionsUndivided, } = (0, validate_even_dimensions_with_codec_1.validateEvenDimensionsWithCodec)({
-        codec,
-        height: compositionWithPossibleUnevenDimensions.height,
-        scale,
-        width: compositionWithPossibleUnevenDimensions.width,
-        wantsImageSequence: false,
-        indent,
-        logLevel,
-    });
-    const heightEvenDimensions = Math.round(heightEvenDimensionsUndivided / scale);
-    const widthEvenDimensions = Math.round(widthEvenDimensionsUndivided / scale);
-    const { actualWidth, actualHeight } = (0, validate_even_dimensions_with_codec_1.validateEvenDimensionsWithCodec)({
+    const { actualWidth: widthEvenDimensions, actualHeight: heightEvenDimensions } = (0, validate_even_dimensions_with_codec_1.validateEvenDimensionsWithCodec)({
         codec,
         height: compositionWithPossibleUnevenDimensions.height,
         scale,
@@ -197,6 +187,8 @@ const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition: c
         indent,
         logLevel,
     });
+    const actualWidth = widthEvenDimensions * scale;
+    const actualHeight = heightEvenDimensions * scale;
     const composition = {
         ...compositionWithPossibleUnevenDimensions,
         height: heightEvenDimensions,
@@ -318,10 +310,14 @@ const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition: c
         })
             .then(({ server, cleanupServer }) => {
             cleanupServerFn = cleanupServer;
+            let timeOfLastFrame = Date.now();
             const renderFramesProc = (0, render_frames_1.internalRenderFrames)({
                 composition,
-                onFrameUpdate: (frame, frameIndex, timeToRenderInMilliseconds) => {
+                onFrameUpdate: (frame, frameIndex) => {
                     renderedFrames = frame;
+                    const now = Date.now();
+                    const timeToRenderInMilliseconds = now - timeOfLastFrame;
+                    timeOfLastFrame = now;
                     // Track recent frame timings (at most 50)
                     recentFrameTimings.push(timeToRenderInMilliseconds);
                     if (recentFrameTimings.length > MAX_RECENT_FRAME_TIMINGS) {
@@ -395,6 +391,7 @@ const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition: c
                 chromeMode,
                 imageSequencePattern: null,
                 mediaCacheSizeInBytes,
+                onLog,
             });
             return renderFramesProc;
         })
@@ -618,6 +615,7 @@ const renderMedia = ({ proResProfile, x264Preset, crf, composition, inputProps,
         hardwareAcceleration: hardwareAcceleration !== null && hardwareAcceleration !== void 0 ? hardwareAcceleration : 'disable',
         chromeMode: chromeMode !== null && chromeMode !== void 0 ? chromeMode : 'headless-shell',
         mediaCacheSizeInBytes: mediaCacheSizeInBytes !== null && mediaCacheSizeInBytes !== void 0 ? mediaCacheSizeInBytes : null,
+        onLog: default_on_log_1.defaultOnLog,
     });
 };
 exports.renderMedia = renderMedia;

package/dist/render-still.d.ts

@@ -3,6 +3,7 @@ import type { RenderMediaOnDownload } from './assets/download-and-map-assets-to-
 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 { StillImageFormat } from './image-format';
 import type { CancelSignal } from './make-cancel-signal';
 import type { ChromiumOptions } from './open-browser';
@@ -32,6 +33,7 @@ type InternalRenderStillOptions = {
     serveUrl: string;
     port: number | null;
     onArtifact: OnArtifact | null;
+    onLog: OnLog;
 } & ToOptions<typeof optionsMap.renderStill>;
 export type RenderStillOptions = {
     port?: number | null;

package/dist/render-still.js

@@ -45,6 +45,7 @@ const TimeoutSettings_1 = require("./browser/TimeoutSettings");
 const browser_download_progress_bar_1 = require("./browser/browser-download-progress-bar");
 const collect_assets_1 = require("./collect-assets");
 const convert_to_positive_frame_index_1 = require("./convert-to-positive-frame-index");
+const default_on_log_1 = require("./default-on-log");
 const ensure_output_directory_1 = require("./ensure-output-directory");
 const handle_javascript_exception_1 = require("./error-handling/handle-javascript-exception");
 const filter_asset_types_1 = require("./filter-asset-types");
@@ -65,7 +66,7 @@ const validate_1 = require("./validate");
 const validate_puppeteer_timeout_1 = require("./validate-puppeteer-timeout");
 const validate_scale_1 = require("./validate-scale");
 const wrap_with_error_handling_1 = require("./wrap-with-error-handling");
-const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFAULT_STILL_IMAGE_FORMAT, serveUrl, puppeteerInstance, onError, serializedInputPropsWithCustomSchema, envVariables, output, frame = 0, overwrite, browserExecutable, timeoutInMilliseconds, chromiumOptions, scale, proxyPort, cancelSignal, jpegQuality, onBrowserLog, sourceMapGetter, logLevel, indent, serializedResolvedPropsWithCustomSchema, onBrowserDownload, onArtifact, chromeMode, mediaCacheSizeInBytes, }) => {
+const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFAULT_STILL_IMAGE_FORMAT, serveUrl, puppeteerInstance, onError, serializedInputPropsWithCustomSchema, envVariables, output, frame = 0, overwrite, browserExecutable, timeoutInMilliseconds, chromiumOptions, scale, proxyPort, cancelSignal, jpegQuality, onBrowserLog, sourceMapGetter, logLevel, indent, serializedResolvedPropsWithCustomSchema, onBrowserDownload, onArtifact, chromeMode, mediaCacheSizeInBytes, onLog, }) => {
     (0, validate_1.validateDimension)(composition.height, 'height', 'in the `config` object passed to `renderStill()`');
     (0, validate_1.validateDimension)(composition.width, 'width', 'in the `config` object passed to `renderStill()`');
     (0, validate_1.validateFps)(composition.fps, 'in the `config` object of `renderStill()`', false);
@@ -117,6 +118,7 @@ const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFA
         indent,
         pageIndex: 0,
         onBrowserLog,
+        onLog,
     });
     await page.setViewport({
         width: composition.width,
@@ -348,6 +350,7 @@ const renderStill = (options) => {
         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.renderStill = renderStill;

package/dist/select-composition.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.selectComposition = exports.internalSelectComposition = exports.internalSelectCompositionRaw = void 0;
 const no_react_1 = require("remotion/no-react");
+const _1 = require(".");
 const TimeoutSettings_1 = require("./browser/TimeoutSettings");
 const browser_download_progress_bar_1 = require("./browser/browser-download-progress-bar");
 const handle_javascript_exception_1 = require("./error-handling/handle-javascript-exception");
@@ -107,6 +108,7 @@ const internalSelectCompositionRaw = async (options) => {
             chromeMode,
             pageIndex: 0,
             onBrowserLog,
+            onLog: _1.RenderInternals.defaultOnLog,
         }),
         (0, prepare_server_1.makeOrReuseServer)(options.server, {
             webpackConfigOrServeUrl: serveUrlOrWebpackUrl,

package/dist/test-gpu.d.ts

@@ -1,4 +1,5 @@
 import type { BrowserExecutable } from './browser-executable';
+import type { OnLog } from './browser/BrowserPage';
 import type { LogLevel } from './log-level';
 import type { ChromiumOptions } from './open-browser';
 import type { ChromeMode } from './options/chrome-mode';
@@ -7,7 +8,7 @@ type Item = {
     feature: string;
     status: string;
 };
-export declare const getChromiumGpuInformation: ({ browserExecutable, indent, logLevel, chromiumOptions, timeoutInMilliseconds, onBrowserDownload, chromeMode, }: {
+export declare const getChromiumGpuInformation: ({ browserExecutable, indent, logLevel, chromiumOptions, timeoutInMilliseconds, onBrowserDownload, chromeMode, onLog, }: {
     browserExecutable: BrowserExecutable;
     indent: boolean;
     logLevel: LogLevel;
@@ -15,5 +16,6 @@ export declare const getChromiumGpuInformation: ({ browserExecutable, indent, lo
     timeoutInMilliseconds: number;
     onBrowserDownload: OnBrowserDownload;
     chromeMode: ChromeMode;
+    onLog: OnLog;
 }) => Promise<Item[]>;
 export {};

package/dist/test-gpu.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getChromiumGpuInformation = void 0;
 const get_browser_instance_1 = require("./get-browser-instance");
 const puppeteer_evaluate_1 = require("./puppeteer-evaluate");
-const getChromiumGpuInformation = async ({ browserExecutable, indent, logLevel, chromiumOptions, timeoutInMilliseconds, onBrowserDownload, chromeMode, }) => {
+const getChromiumGpuInformation = async ({ browserExecutable, indent, logLevel, chromiumOptions, timeoutInMilliseconds, onBrowserDownload, chromeMode, onLog, }) => {
     const { page, cleanupPage: cleanup } = await (0, get_browser_instance_1.getPageAndCleanupFn)({
         passedInInstance: undefined,
         browserExecutable,
@@ -15,6 +15,7 @@ const getChromiumGpuInformation = async ({ browserExecutable, indent, logLevel,
         chromeMode,
         pageIndex: 0,
         onBrowserLog: null,
+        onLog,
     });
     await page.goto({ url: 'chrome://gpu', timeout: 12000 });
     const { value } = await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({