@remotion/renderer 4.0.72 → 4.0.73

package/dist/client.d.ts

@@ -311,7 +311,7 @@ export declare const BrowserSafeApis: {
             cliFlag: string;
             docLink: string;
             name: string;
-            type: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl";
+            type: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl";
             ssrName: string;
             description: () => JSX.Element;
         };

package/dist/create-ffmpeg-complex-filter.d.ts

@@ -4,9 +4,6 @@ export declare const createFfmpegComplexFilter: ({ filters, downloadMap, }: {
     filters: PreprocessedAudioTrack[];
     downloadMap: DownloadMap;
 }) => Promise<{
-    complexFilterFlag: [
-        string,
-        string
-    ] | null;
+    complexFilterFlag: [string, string] | null;
     cleanup: () => void;
 }>;

package/dist/get-compositions.js

@@ -47,6 +47,7 @@ const innerGetCompositions = async ({ envVariables, serializedInputPropsWithCust
         },
         frame: null,
         args: [],
+        timeoutInMilliseconds,
     });
     await (0, seek_to_frame_1.waitForReady)({
         page,
@@ -62,6 +63,7 @@ const innerGetCompositions = async ({ envVariables, serializedInputPropsWithCust
         frame: null,
         page,
         args: [],
+        timeoutInMilliseconds,
     });
     const res = result;
     return res.map((r) => {

package/dist/index.d.ts

@@ -1,3 +1,6 @@
+/// <reference types="node" />
+/// <reference types="react" />
+/// <reference types="node" />
 import execa from 'execa';
 import { HeadlessBrowser } from './browser/Browser';
 import { SymbolicateableError } from './error-handling/symbolicateable-error';
@@ -135,8 +138,8 @@ export declare const RenderInternals: {
     validPixelFormats: readonly ["yuv420p", "yuva420p", "yuv422p", "yuv444p", "yuv420p10le", "yuv422p10le", "yuv444p10le", "yuva444p10le"];
     DEFAULT_BROWSER: "chrome";
     validateFrameRange: (frameRange: import("./frame-range").FrameRange | null) => void;
-    DEFAULT_OPENGL_RENDERER: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
-    validateOpenGlRenderer: (option: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null) => "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
+    DEFAULT_OPENGL_RENDERER: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
+    validateOpenGlRenderer: (option: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null) => "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
     validCodecs: readonly ["h264", "h265", "vp8", "vp9", "mp3", "aac", "wav", "prores", "h264-mkv", "gif"];
     DEFAULT_PIXEL_FORMAT: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
     validateJpegQuality: (q: number | undefined) => void;
@@ -327,8 +330,8 @@ export declare const RenderInternals: {
     };
     validStillImageFormats: readonly ["png", "jpeg", "pdf", "webp"];
     validVideoImageFormats: readonly ["png", "jpeg", "none"];
-    DEFAULT_STILL_IMAGE_FORMAT: "png" | "jpeg" | "pdf" | "webp";
-    DEFAULT_VIDEO_IMAGE_FORMAT: "none" | "png" | "jpeg";
+    DEFAULT_STILL_IMAGE_FORMAT: "jpeg" | "png" | "webp" | "pdf";
+    DEFAULT_VIDEO_IMAGE_FORMAT: "none" | "jpeg" | "png";
     DEFAULT_JPEG_QUALITY: number;
     chalk: {
         enabled: () => boolean;
@@ -427,7 +430,7 @@ export declare const RenderInternals: {
         frame: number;
         serializedInputPropsWithCustomSchema: string;
         serializedResolvedPropsWithCustomSchema: string;
-        imageFormat: "png" | "jpeg" | "pdf" | "webp";
+        imageFormat: "jpeg" | "png" | "webp" | "pdf";
         jpegQuality: number;
         puppeteerInstance: HeadlessBrowser | null;
         envVariables: Record<string, string>;
@@ -518,11 +521,12 @@ export declare const RenderInternals: {
     validOpenGlRenderers: readonly ["swangle", "angle", "egl", "swiftshader", "vulkan", "angle-egl"];
     copyImageToClipboard: (src: string, logLevel: "verbose" | "info" | "warn" | "error") => Promise<void>;
     isIpV6Supported: (flattened: import("os").NetworkInterfaceInfo[]) => boolean;
-    getChromiumGpuInformation: ({ browserExecutable, indent, logLevel, chromiumOptions, }: {
+    getChromiumGpuInformation: ({ browserExecutable, indent, logLevel, chromiumOptions, timeoutInMilliseconds, }: {
         browserExecutable: import("./browser-executable").BrowserExecutable;
         indent: boolean;
         logLevel: "verbose" | "info" | "warn" | "error";
         chromiumOptions: import("./open-browser").ChromiumOptions;
+        timeoutInMilliseconds: number;
     }) => Promise<{
         feature: string;
         status: string;

package/dist/open-browser.js

@@ -5,6 +5,7 @@ const node_1 = require("./browser/node");
 const get_local_browser_executable_1 = require("./get-local-browser-executable");
 const get_video_threads_flag_1 = require("./get-video-threads-flag");
 const log_level_1 = require("./log-level");
+const logger_1 = require("./logger");
 const gl_1 = require("./options/gl");
 const getOpenGlRenderer = (option) => {
     const renderer = option !== null && option !== void 0 ? option : gl_1.DEFAULT_OPENGL_RENDERER;
@@ -40,7 +41,7 @@ const killAllBrowsers = async () => {
 };
 exports.killAllBrowsers = killAllBrowsers;
 const internalOpenBrowser = async ({ browser, browserExecutable, chromiumOptions, forceDeviceScaleFactor, indent, viewport, logLevel, }) => {
-    var _a, _b;
+    var _a, _b, _c;
     // @ts-expect-error Firefox
     if (browser === 'firefox') {
         throw new TypeError('Firefox supported is not yet turned on. Stay tuned for the future.');
@@ -52,6 +53,7 @@ const internalOpenBrowser = async ({ browser, browserExecutable, chromiumOptions
     });
     const executablePath = (0, get_local_browser_executable_1.getLocalBrowserExecutable)(browserExecutable);
     const customGlRenderer = getOpenGlRenderer((_a = chromiumOptions.gl) !== null && _a !== void 0 ? _a : null);
+    logger_1.Log.verbose({ indent, logLevel, tag: 'openBrowser()' }, `Opening browser: gl = ${chromiumOptions.gl}, executable = ${executablePath}, enableMultiProcessOnLinux = ${(_b = chromiumOptions.enableMultiProcessOnLinux) !== null && _b !== void 0 ? _b : false}`);
     const browserInstance = await node_1.puppeteer.launch({
         executablePath,
         dumpio: (0, log_level_1.isEqualOrBelowLogLevel)(logLevel, 'verbose'),
@@ -89,7 +91,7 @@ const internalOpenBrowser = async ({ browser, browserExecutable, chromiumOptions
             '--enable-blink-features=IdleDetection',
             '--export-tagged-pdf',
             '--intensive-wake-up-throttling-policy=0',
-            ((_b = chromiumOptions.headless) !== null && _b !== void 0 ? _b : true) ? '--headless' : null,
+            ((_c = chromiumOptions.headless) !== null && _c !== void 0 ? _c : true) ? '--headless' : null,
             '--no-sandbox',
             '--disable-setuid-sandbox',
             ...customGlRenderer,

package/dist/options/gl.d.ts

@@ -4,7 +4,7 @@ export declare const glOption: {
     cliFlag: string;
     docLink: string;
     name: string;
-    type: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl";
+    type: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl";
     ssrName: string;
     description: () => JSX.Element;
 };

package/dist/options/index.d.ts

@@ -116,7 +116,7 @@ export declare const allOptions: {
         cliFlag: string;
         docLink: string;
         name: string;
-        type: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl";
+        type: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl";
         ssrName: string;
         description: () => JSX.Element;
     };

package/dist/print-useful-error-message.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.printUsefulErrorMessage = void 0;
+const logger_1 = require("./logger");
 const truthy_1 = require("./truthy");
 const alreadyPrinted = [];
 // Don't use Log.info() here, as BrowserSafeApis need tto be
@@ -11,60 +12,67 @@ const printUsefulErrorMessage = (err) => {
     }
     alreadyPrinted.push(err);
     if (err.message.includes('Could not play video with')) {
-        console.log();
-        console.log('💡 Get help for this issue at https://remotion.dev/docs/media-playback-error');
+        logger_1.Log.info();
+        logger_1.Log.info('💡 Get help for this issue at https://remotion.dev/docs/media-playback-error');
     }
     if (err.message.includes('A delayRender()') &&
         err.message.includes('was called but not cleared after')) {
-        console.log();
-        console.log('💡 Get help for this issue at https://remotion.dev/docs/timeout');
+        logger_1.Log.info();
+        if (err.message.includes('/proxy')) {
+            logger_1.Log.info('💡 Get help for this issue at https://remotion.dev/docs/troubleshooting/delay-render-proxy');
+        }
+        logger_1.Log.info('💡 Get help for this issue at https://remotion.dev/docs/timeout');
     }
     if (err.message.includes('Target closed')) {
-        console.log();
-        console.log('💡 Get help for this issue at https://remotion.dev/docs/target-closed');
+        logger_1.Log.info();
+        logger_1.Log.info('💡 Get help for this issue at https://remotion.dev/docs/target-closed');
+    }
+    if (err.message.includes('Timed out evaluating')) {
+        logger_1.Log.info();
+        logger_1.Log.info('💡 Get help for this issue at https://remotion.dev/docs/troubleshooting/timed-out-page-function');
     }
     if (err.message.includes('ENAMETOOLONG')) {
-        console.log();
-        console.log('💡 Get help for this issue at https://remotion.dev/docs/enametoolong');
+        logger_1.Log.info();
+        logger_1.Log.info('💡 Get help for this issue at https://remotion.dev/docs/enametoolong');
     }
     if (err.message.includes('Member must have value less than or equal to 3008')) {
-        console.log();
-        console.log('💡 This error indicates that you have a AWS account on the free tier or have been limited by your organization. Often times this can be solved by adding a credit card.');
+        logger_1.Log.info();
+        logger_1.Log.info('💡 This error indicates that you have a AWS account on the free tier or have been limited by your organization. Often times this can be solved by adding a credit card.');
     }
     if ((_a = err.stack) === null || _a === void 0 ? void 0 : _a.includes('TooManyRequestsException: Rate Exceeded.')) {
-        console.log();
-        console.log('💡 This error indicates that your Lambda concurrency limit is too low. See: https://www.remotion.dev/docs/lambda/troubleshooting/rate-limit');
+        logger_1.Log.info();
+        logger_1.Log.info('💡 This error indicates that your Lambda concurrency limit is too low. See: https://www.remotion.dev/docs/lambda/troubleshooting/rate-limit');
     }
     if (err.message.includes('Error creating WebGL context')) {
-        console.log();
+        logger_1.Log.info();
         console.warn('💡 You might need to set the OpenGL renderer to "angle-egl", "angle" (or "swangle" if rendering on lambda). Learn why at https://www.remotion.dev/docs/three');
         console.warn("💡 Check how it's done at https://www.remotion.dev/docs/chromium-flags#--gl");
     }
     if (err.message.includes('The bucket does not allow ACLs')) {
-        console.log();
-        console.log('💡 Fix for this issue: https://remotion.dev/docs/lambda/troubleshooting/bucket-disallows-acl');
+        logger_1.Log.info();
+        logger_1.Log.info('💡 Fix for this issue: https://remotion.dev/docs/lambda/troubleshooting/bucket-disallows-acl');
     }
     if (err.message.includes('Minified React error #306')) {
         const componentName = (_b = err.message.match(/<\w+>/)) === null || _b === void 0 ? void 0 : _b[0];
-        console.log([
+        logger_1.Log.info([
             '💡 This error indicates that the component',
             componentName ? `(${componentName})` : null,
             'you are trying to render is not imported correctly.',
         ]
             .filter(truthy_1.truthy)
             .join(' '));
-        console.log();
-        console.log('   Check the root file and ensure that the component is not undefined.');
-        console.log('   Oftentimes, this happens if the component is missing the `export` keyword');
-        console.log('   or if the component was renamed and the import statement not properly adjusted.');
+        logger_1.Log.info();
+        logger_1.Log.info('   Check the root file and ensure that the component is not undefined.');
+        logger_1.Log.info('   Oftentimes, this happens if the component is missing the `export` keyword');
+        logger_1.Log.info('   or if the component was renamed and the import statement not properly adjusted.');
     }
     if (err.message.includes('GLIBC_')) {
-        console.log('💡 Remotion requires at least Libc 2.35.');
-        console.log('💡 Get help for this issue: https://github.com/remotion-dev/remotion/issues/2439');
+        logger_1.Log.info('💡 Remotion requires at least Libc 2.35.');
+        logger_1.Log.info('💡 Get help for this issue: https://github.com/remotion-dev/remotion/issues/2439');
     }
     if (err.message.includes('EBADF')) {
-        console.log('💡 This error might be fixed by changing your Node version:');
-        console.log('   https://github.com/remotion-dev/remotion/issues/2452');
+        logger_1.Log.info('💡 This error might be fixed by changing your Node version:');
+        logger_1.Log.info('   https://github.com/remotion-dev/remotion/issues/2452');
     }
 };
 exports.printUsefulErrorMessage = printUsefulErrorMessage;

package/dist/provide-screenshot.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="node" />
 import type { ClipRegion } from 'remotion/no-react';
 import type { Page } from './browser/BrowserPage';
 import type { StillImageFormat } from './image-format';
-export declare const provideScreenshot: ({ page, imageFormat, options, jpegQuality, height, width, clipRegion, }: {
+export declare const provideScreenshot: ({ page, imageFormat, options, jpegQuality, height, width, clipRegion, timeoutInMilliseconds, }: {
     page: Page;
     imageFormat: StillImageFormat;
     jpegQuality: number | undefined;
@@ -12,4 +13,5 @@ export declare const provideScreenshot: ({ page, imageFormat, options, jpegQuali
     height: number;
     width: number;
     clipRegion: ClipRegion | null;
+    timeoutInMilliseconds: number;
 }) => Promise<Buffer>;

package/dist/provide-screenshot.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.provideScreenshot = void 0;
 const screenshot_dom_element_1 = require("./screenshot-dom-element");
-const provideScreenshot = ({ page, imageFormat, options, jpegQuality, height, width, clipRegion, }) => {
+const provideScreenshot = ({ page, imageFormat, options, jpegQuality, height, width, clipRegion, timeoutInMilliseconds, }) => {
     return (0, screenshot_dom_element_1.screenshotDOMElement)({
         page,
         opts: {
@@ -13,6 +13,7 @@ const provideScreenshot = ({ page, imageFormat, options, jpegQuality, height, wi
         height,
         width,
         clipRegion,
+        timeoutInMilliseconds,
     });
 };
 exports.provideScreenshot = provideScreenshot;

package/dist/puppeteer-evaluate.d.ts

@@ -4,8 +4,9 @@ type PuppeteerCatchOptions = {
     pageFunction: Function;
     frame: number | null;
     args: unknown[];
+    timeoutInMilliseconds: number;
 };
-export declare function puppeteerEvaluateWithCatchAndTimeout<ReturnType>({ args, frame, page, pageFunction, }: PuppeteerCatchOptions): Promise<{
+export declare function puppeteerEvaluateWithCatchAndTimeout<ReturnType>({ args, frame, page, pageFunction, timeoutInMilliseconds, }: PuppeteerCatchOptions): Promise<{
     value: ReturnType;
     size: number;
 }>;

package/dist/puppeteer-evaluate.js

@@ -25,7 +25,7 @@ function valueFromRemoteObject(remoteObject) {
     }
     return remoteObject.value;
 }
-function puppeteerEvaluateWithCatchAndTimeout({ args, frame, page, pageFunction, }) {
+function puppeteerEvaluateWithCatchAndTimeout({ args, frame, page, pageFunction, timeoutInMilliseconds, }) {
     let timeout = null;
     return Promise.race([
         new Promise((_, reject) => {
@@ -34,13 +34,14 @@ function puppeteerEvaluateWithCatchAndTimeout({ args, frame, page, pageFunction,
                 // This means the page is not responding anymore
                 // This error message is retryable - sync it with packages/lambda/src/shared/is-flaky-error.ts
                 `Timed out evaluating page function "${pageFunction.toString()}"`));
-            }, 5000);
+            }, timeoutInMilliseconds);
         }),
         puppeteerEvaluateWithCatch({
             args,
             frame,
             page,
             pageFunction,
+            timeoutInMilliseconds,
         }),
     ]).then((data) => {
         if (timeout !== null) {

package/dist/puppeteer-screenshot.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import type { ClipRegion } from 'remotion/no-react';
 import type { Page } from './browser/BrowserPage';
 import type { StillImageFormat } from './image-format';

package/dist/render-frames.js

@@ -109,6 +109,7 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serialized
             ],
             frame: null,
             page,
+            timeoutInMilliseconds,
         });
         page.off('console', logCallback);
         return page;
@@ -196,6 +197,7 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serialized
             downloadMap,
             wantsBuffer: Boolean(onFrameBuffer),
             compositor,
+            timeoutInMilliseconds,
         });
         if (onFrameBuffer) {
             if (!buffer) {

package/dist/render-media.js

@@ -150,6 +150,7 @@ const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition, s
         wantsImageSequence: false,
     });
     const realFrameRange = (0, get_frame_to_render_1.getRealFrameRange)(composition.durationInFrames, frameRange);
+    logger_1.Log.verbose({ indent, logLevel, tag: 'renderMedia()' }, `Rendering frames ${realFrameRange.join('-')}`);
     const callUpdate = () => {
         const encoded = Math.round(0.8 * encodedFrames + 0.2 * muxedFrames);
         onProgress === null || onProgress === void 0 ? void 0 : onProgress({

package/dist/render-still.js

@@ -174,6 +174,7 @@ const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFA
         ],
         frame: null,
         page,
+        timeoutInMilliseconds,
     });
     await (0, seek_to_frame_1.seekToFrame)({
         frame: stillFrame,
@@ -195,6 +196,7 @@ const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFA
         wantsBuffer: !output,
         compositor,
         downloadMap,
+        timeoutInMilliseconds,
     });
     await cleanup();
     return { buffer: output ? null : buffer };

package/dist/screenshot-dom-element.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="node" />
 import type { ClipRegion } from 'remotion/no-react';
 import type { Page } from './browser/BrowserPage';
 import type { StillImageFormat } from './image-format';
-export declare const screenshotDOMElement: ({ page, imageFormat, jpegQuality, opts, height, width, clipRegion, }: {
+export declare const screenshotDOMElement: ({ page, imageFormat, jpegQuality, opts, height, width, clipRegion, timeoutInMilliseconds, }: {
     page: Page;
     imageFormat: StillImageFormat;
     jpegQuality: number | undefined;
@@ -11,4 +12,5 @@ export declare const screenshotDOMElement: ({ page, imageFormat, jpegQuality, op
     height: number;
     width: number;
     clipRegion: ClipRegion | null;
+    timeoutInMilliseconds: number;
 }) => Promise<Buffer>;

package/dist/screenshot-dom-element.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.screenshotDOMElement = void 0;
 const puppeteer_evaluate_1 = require("./puppeteer-evaluate");
 const puppeteer_screenshot_1 = require("./puppeteer-screenshot");
-const screenshotDOMElement = async ({ page, imageFormat, jpegQuality, opts, height, width, clipRegion, }) => {
+const screenshotDOMElement = async ({ page, imageFormat, jpegQuality, opts, height, width, clipRegion, timeoutInMilliseconds, }) => {
     const { path } = opts;
     if (imageFormat === 'png' ||
         imageFormat === 'pdf' ||
@@ -15,6 +15,7 @@ const screenshotDOMElement = async ({ page, imageFormat, jpegQuality, opts, heig
             args: [],
             frame: null,
             page,
+            timeoutInMilliseconds,
         });
     }
     else {
@@ -25,6 +26,7 @@ const screenshotDOMElement = async ({ page, imageFormat, jpegQuality, opts, heig
             args: [],
             frame: null,
             page,
+            timeoutInMilliseconds,
         });
     }
     // @ts-expect-error

package/dist/screenshot-task.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import type { ClipRegion } from 'remotion/no-react';
 import type { Page } from './browser/BrowserPage';
 import type { StillImageFormat } from './image-format';

package/dist/seek-to-frame.js

@@ -16,6 +16,7 @@ const waitForReady = ({ page, timeoutInMilliseconds, frame, indent, logLevel, })
                 args: [],
                 frame: null,
                 page,
+                timeoutInMilliseconds,
             }).then(({ value: val }) => {
                 if (typeof val !== 'string') {
                     reject(val);
@@ -73,6 +74,7 @@ const waitForReady = ({ page, timeoutInMilliseconds, frame, indent, logLevel, })
                     args: [],
                     frame,
                     page,
+                    timeoutInMilliseconds,
                 })
                     .then((res) => {
                     reject(new Error(`Timeout exceeded rendering the component${frame ? ' at frame ' + frame : ''}. ${res.value ? `Open delayRender() handles: ${res.value}` : ''}`));
@@ -122,6 +124,7 @@ const seekToFrame = async ({ frame, page, composition, timeoutInMilliseconds, lo
         args: [frame, composition],
         frame,
         page,
+        timeoutInMilliseconds,
     });
     await (0, exports.waitForReady)({ page, timeoutInMilliseconds, frame, indent, logLevel });
     await page.evaluateHandle('document.fonts.ready');

package/dist/select-composition.js

@@ -47,6 +47,7 @@ const innerSelectComposition = async ({ page, onBrowserLog, serializedInputProps
         },
         frame: null,
         args: [],
+        timeoutInMilliseconds,
     });
     await (0, seek_to_frame_1.waitForReady)({
         page,
@@ -68,6 +69,7 @@ const innerSelectComposition = async ({ page, onBrowserLog, serializedInputProps
         frame: null,
         page,
         args: [id],
+        timeoutInMilliseconds,
     });
     logger_1.Log.verbose({
         indent,

package/dist/set-props-and-env.js

@@ -78,6 +78,7 @@ const innerSetPropsAndEnv = async ({ serializedInputPropsWithCustomSchema, envVa
         args: [],
         frame: null,
         page,
+        timeoutInMilliseconds: actualTimeout,
     });
     if (typeof isRemotionFn === 'undefined') {
         const { value: body } = await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
@@ -87,6 +88,7 @@ const innerSetPropsAndEnv = async ({ serializedInputPropsWithCustomSchema, envVa
             args: [],
             frame: null,
             page,
+            timeoutInMilliseconds: actualTimeout,
         });
         // AWS shakyness
         if (body.includes('We encountered an internal error.')) {
@@ -108,6 +110,7 @@ const innerSetPropsAndEnv = async ({ serializedInputPropsWithCustomSchema, envVa
         args: [],
         frame: null,
         page,
+        timeoutInMilliseconds: actualTimeout,
     });
     const { value: remotionVersion } = await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
         pageFunction: () => {
@@ -116,6 +119,7 @@ const innerSetPropsAndEnv = async ({ serializedInputPropsWithCustomSchema, envVa
         args: [],
         frame: null,
         page,
+        timeoutInMilliseconds: actualTimeout,
     });
     const requiredVersion = '10';
     if (siteVersion !== requiredVersion) {

package/dist/stitch-frames-to-video.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import type { RenderMediaOnDownload } from './assets/download-and-map-assets-to-file';
 import type { RenderAssetInfo } from './assets/download-map';
 import type { AudioCodec } from './audio-codec';

package/dist/take-frame-and-compose.d.ts

@@ -1,9 +1,10 @@
+/// <reference types="node" />
 import type { TRenderAsset } from 'remotion/no-react';
 import type { DownloadMap } from './assets/download-map';
 import type { Page } from './browser/BrowserPage';
 import type { Compositor } from './compositor/compositor';
 import type { StillImageFormat, VideoImageFormat } from './image-format';
-export declare const takeFrameAndCompose: ({ freePage, imageFormat, jpegQuality, frame, width, height, output, scale, downloadMap, wantsBuffer, compositor, }: {
+export declare const takeFrameAndCompose: ({ freePage, imageFormat, jpegQuality, frame, width, height, output, scale, downloadMap, wantsBuffer, compositor, timeoutInMilliseconds, }: {
     freePage: Page;
     imageFormat: VideoImageFormat | StillImageFormat;
     jpegQuality: number | undefined;
@@ -15,6 +16,7 @@ export declare const takeFrameAndCompose: ({ freePage, imageFormat, jpegQuality,
     downloadMap: DownloadMap;
     wantsBuffer: boolean;
     compositor: Compositor;
+    timeoutInMilliseconds: number;
 }) => Promise<{
     buffer: Buffer | null;
     collectedAssets: TRenderAsset[];

package/dist/take-frame-and-compose.js

@@ -10,7 +10,7 @@ const compose_1 = require("./compositor/compose");
 const provide_screenshot_1 = require("./provide-screenshot");
 const puppeteer_evaluate_1 = require("./puppeteer-evaluate");
 const truthy_1 = require("./truthy");
-const takeFrameAndCompose = async ({ freePage, imageFormat, jpegQuality, frame, width, height, output, scale, downloadMap, wantsBuffer, compositor, }) => {
+const takeFrameAndCompose = async ({ freePage, imageFormat, jpegQuality, frame, width, height, output, scale, downloadMap, wantsBuffer, compositor, timeoutInMilliseconds, }) => {
     var _a;
     const [{ value: clipRegion }, { value: collectedAssets }] = await Promise.all([
         (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
@@ -23,6 +23,7 @@ const takeFrameAndCompose = async ({ freePage, imageFormat, jpegQuality, frame,
             args: [],
             frame,
             page: freePage,
+            timeoutInMilliseconds,
         }),
         (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
             pageFunction: () => {
@@ -31,6 +32,7 @@ const takeFrameAndCompose = async ({ freePage, imageFormat, jpegQuality, frame,
             args: [],
             frame,
             page: freePage,
+            timeoutInMilliseconds,
         }),
     ]);
     if (imageFormat === 'none') {
@@ -56,6 +58,7 @@ const takeFrameAndCompose = async ({ freePage, imageFormat, jpegQuality, frame,
             height,
             width,
             clipRegion,
+            timeoutInMilliseconds,
         });
         if (shouldMakeBuffer) {
             return { buffer: buf, collectedAssets };

package/dist/test-gpu.d.ts

@@ -5,10 +5,11 @@ type Item = {
     feature: string;
     status: string;
 };
-export declare const getChromiumGpuInformation: ({ browserExecutable, indent, logLevel, chromiumOptions, }: {
+export declare const getChromiumGpuInformation: ({ browserExecutable, indent, logLevel, chromiumOptions, timeoutInMilliseconds, }: {
     browserExecutable: BrowserExecutable;
     indent: boolean;
     logLevel: LogLevel;
     chromiumOptions: ChromiumOptions;
+    timeoutInMilliseconds: number;
 }) => 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, }) => {
+const getChromiumGpuInformation = async ({ browserExecutable, indent, logLevel, chromiumOptions, timeoutInMilliseconds, }) => {
     const { page, cleanup } = await (0, get_browser_instance_1.getPageAndCleanupFn)({
         passedInInstance: undefined,
         browserExecutable,
@@ -32,6 +32,7 @@ const getChromiumGpuInformation = async ({ browserExecutable, indent, logLevel,
         frame: null,
         args: [],
         page,
+        timeoutInMilliseconds,
     });
     cleanup();
     return value;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/renderer",
-  "version": "4.0.72",
+  "version": "4.0.73",
   "description": "Renderer for Remotion",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -18,7 +18,7 @@
     "extract-zip": "2.0.1",
     "source-map": "^0.8.0-beta.0",
     "ws": "8.7.0",
-    "remotion": "4.0.72"
+    "remotion": "4.0.73"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -40,13 +40,13 @@
     "vitest": "0.31.1"
   },
   "optionalDependencies": {
-    "@remotion/compositor-darwin-arm64": "4.0.72",
-    "@remotion/compositor-linux-arm64-gnu": "4.0.72",
-    "@remotion/compositor-linux-arm64-musl": "4.0.72",
-    "@remotion/compositor-darwin-x64": "4.0.72",
-    "@remotion/compositor-linux-x64-gnu": "4.0.72",
-    "@remotion/compositor-linux-x64-musl": "4.0.72",
-    "@remotion/compositor-win32-x64-msvc": "4.0.72"
+    "@remotion/compositor-darwin-x64": "4.0.73",
+    "@remotion/compositor-darwin-arm64": "4.0.73",
+    "@remotion/compositor-linux-arm64-gnu": "4.0.73",
+    "@remotion/compositor-linux-x64-gnu": "4.0.73",
+    "@remotion/compositor-linux-arm64-musl": "4.0.73",
+    "@remotion/compositor-linux-x64-musl": "4.0.73",
+    "@remotion/compositor-win32-x64-msvc": "4.0.73"
   },
   "keywords": [
     "remotion",