@remotion/renderer 4.0.71 → 4.0.73

package/dist/offthread-video-server.js

@@ -132,10 +132,13 @@ const startOffthreadVideoServer = ({ downloadMap, concurrency, logLevel, indent,
                 });
             })
                 .catch((err) => {
-                response.writeHead(500);
+                if (!response.headersSent) {
+                    response.writeHead(500);
+                }
                 response.end();
                 // Any errors occurred due to the render being aborted don't need to be logged.
-                if (err.message !== REQUEST_CLOSED_TOKEN) {
+                if (err.message !== REQUEST_CLOSED_TOKEN &&
+                    !err.message.includes('EPIPE')) {
                     downloadMap.emitter.dispatchError(err);
                     console.log('Error occurred', err);
                 }

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/color-space.d.ts

@@ -7,6 +7,6 @@ export declare const colorSpaceOption: {
     description: () => JSX.Element;
     docLink: string;
     ssrName: string;
-    type: "default" | "bt709";
+    type: "bt709" | "default";
 };
 export declare const validateColorSpace: (option: unknown) => void;

package/dist/options/index.d.ts

@@ -86,7 +86,7 @@ export declare const allOptions: {
         description: () => JSX.Element;
         docLink: string;
         ssrName: string;
-        type: "default" | "bt709";
+        type: "bt709" | "default";
     };
     deleteAfterOption: {
         name: string;

package/dist/prepare-server.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeOrReuseServer = exports.prepareServer = void 0;
 const node_fs_1 = require("node:fs");
 const node_path_1 = __importDefault(require("node:path"));
-const remotion_1 = require("remotion");
+const no_react_1 = require("remotion/no-react");
 const download_and_map_assets_to_file_1 = require("./assets/download-and-map-assets-to-file");
 const download_map_1 = require("./assets/download-map");
 const get_bundle_url_from_serve_url_1 = require("./get-bundle-url-from-serve-url");
@@ -57,7 +57,7 @@ const prepareServer = async ({ webpackConfigOrServeUrl, port, remotionRoot, conc
         throw new Error(`Tried to serve the Webpack bundle on a HTTP server, but the file ${indexFile} does not exist. Is this a valid path to a Webpack bundle?`);
     }
     let localSourceMap = null;
-    (0, symbolicate_stacktrace_1.getSourceMapFromLocalFile)(node_path_1.default.join(webpackConfigOrServeUrl, remotion_1.Internals.bundleName))
+    (0, symbolicate_stacktrace_1.getSourceMapFromLocalFile)(node_path_1.default.join(webpackConfigOrServeUrl, no_react_1.NoReactInternals.bundleName))
         .then((s) => {
         localSourceMap = s;
     })

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,8 +1,8 @@
 /// <reference types="node" />
-import type { ClipRegion } from 'remotion';
+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;
@@ -13,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,5 +1,5 @@
 /// <reference types="node" />
-import type { ClipRegion } from 'remotion';
+import type { ClipRegion } from 'remotion/no-react';
 import type { Page } from './browser/BrowserPage';
 import type { StillImageFormat } from './image-format';
 export declare const screenshot: (options: {

package/dist/render-frames.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="node" />
-import type { VideoConfig } from 'remotion';
+import type { VideoConfig } from 'remotion/no-react';
 import type { RenderMediaOnDownload } from './assets/download-and-map-assets-to-file';
 import type { BrowserExecutable } from './browser-executable';
 import type { BrowserLog } from './browser-log';

package/dist/render-frames.js

@@ -7,7 +7,7 @@ exports.renderFrames = exports.internalRenderFrames = void 0;
 const node_fs_1 = __importDefault(require("node:fs"));
 const node_path_1 = __importDefault(require("node:path"));
 const perf_hooks_1 = require("perf_hooks");
-const remotion_1 = require("remotion");
+const no_react_1 = require("remotion/no-react");
 const download_and_map_assets_to_file_1 = require("./assets/download-and-map-assets-to-file");
 const browser_1 = require("./browser");
 const is_target_closed_err_1 = require("./browser/is-target-closed-err");
@@ -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) {
@@ -459,12 +461,12 @@ const renderFrames = (options) => {
         indent: false,
         jpegQuality: jpegQuality !== null && jpegQuality !== void 0 ? jpegQuality : jpeg_quality_1.DEFAULT_JPEG_QUALITY,
         onDownload: onDownload !== null && onDownload !== void 0 ? onDownload : null,
-        serializedInputPropsWithCustomSchema: remotion_1.Internals.serializeJSONWithDate({
+        serializedInputPropsWithCustomSchema: no_react_1.NoReactInternals.serializeJSONWithDate({
             indent: undefined,
             staticBase: null,
             data: inputProps !== null && inputProps !== void 0 ? inputProps : {},
         }).serializedString,
-        serializedResolvedPropsWithCustomSchema: remotion_1.Internals.serializeJSONWithDate({
+        serializedResolvedPropsWithCustomSchema: no_react_1.NoReactInternals.serializeJSONWithDate({
             indent: undefined,
             staticBase: null,
             data: composition.props,

package/dist/render-media.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="node" />
-import type { VideoConfig } from 'remotion';
+import type { VideoConfig } from 'remotion/no-react';
 import { type RenderMediaOnDownload } from './assets/download-and-map-assets-to-file';
 import type { AudioCodec } from './audio-codec';
 import type { BrowserExecutable } from './browser-executable';

package/dist/render-media.js

@@ -7,7 +7,7 @@ exports.renderMedia = exports.internalRenderMedia = void 0;
 const node_fs_1 = __importDefault(require("node:fs"));
 const node_os_1 = __importDefault(require("node:os"));
 const node_path_1 = __importDefault(require("node:path"));
-const remotion_1 = require("remotion");
+const no_react_1 = require("remotion/no-react");
 const TimeoutSettings_1 = require("./browser/TimeoutSettings");
 const can_use_parallel_encoding_1 = require("./can-use-parallel-encoding");
 const codec_supports_media_1 = require("./codec-supports-media");
@@ -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({
@@ -461,7 +462,7 @@ const renderMedia = ({ proResProfile, x264Preset, crf, composition, inputProps,
         ffmpegOverride: ffmpegOverride !== null && ffmpegOverride !== void 0 ? ffmpegOverride : undefined,
         frameRange: frameRange !== null && frameRange !== void 0 ? frameRange : null,
         imageFormat: imageFormat !== null && imageFormat !== void 0 ? imageFormat : image_format_1.DEFAULT_VIDEO_IMAGE_FORMAT,
-        serializedInputPropsWithCustomSchema: remotion_1.Internals.serializeJSONWithDate({
+        serializedInputPropsWithCustomSchema: no_react_1.NoReactInternals.serializeJSONWithDate({
             indent: undefined,
             staticBase: null,
             data: inputProps !== null && inputProps !== void 0 ? inputProps : {},
@@ -486,7 +487,7 @@ const renderMedia = ({ proResProfile, x264Preset, crf, composition, inputProps,
         indent: false,
         onCtrlCExit: () => undefined,
         server: undefined,
-        serializedResolvedPropsWithCustomSchema: remotion_1.Internals.serializeJSONWithDate({
+        serializedResolvedPropsWithCustomSchema: no_react_1.NoReactInternals.serializeJSONWithDate({
             indent: undefined,
             staticBase: null,
             data: (_b = composition.props) !== null && _b !== void 0 ? _b : {},

package/dist/render-still.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="node" />
-import type { VideoConfig } from 'remotion';
+import type { VideoConfig } from 'remotion/no-react';
 import type { RenderMediaOnDownload } from './assets/download-and-map-assets-to-file';
 import type { BrowserExecutable } from './browser-executable';
 import type { BrowserLog } from './browser-log';

package/dist/render-still.js

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderStill = exports.internalRenderStill = void 0;
 const node_fs_1 = __importStar(require("node:fs"));
 const node_path_1 = __importDefault(require("node:path"));
-const remotion_1 = require("remotion");
+const no_react_1 = require("remotion/no-react");
 const browser_1 = require("./browser");
 const TimeoutSettings_1 = require("./browser/TimeoutSettings");
 const convert_to_positive_frame_index_1 = require("./convert-to-positive-frame-index");
@@ -60,7 +60,7 @@ const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFA
         allowFloats: false,
     });
     (0, image_format_1.validateStillImageFormat)(imageFormat);
-    remotion_1.Internals.validateFrame({
+    no_react_1.NoReactInternals.validateFrame({
         frame,
         durationInFrames: composition.durationInFrames,
         allowFloats: false,
@@ -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 };
@@ -270,7 +272,7 @@ const renderStill = (options) => {
         frame: frame !== null && frame !== void 0 ? frame : 0,
         imageFormat: imageFormat !== null && imageFormat !== void 0 ? imageFormat : image_format_1.DEFAULT_STILL_IMAGE_FORMAT,
         indent: false,
-        serializedInputPropsWithCustomSchema: remotion_1.Internals.serializeJSONWithDate({
+        serializedInputPropsWithCustomSchema: no_react_1.NoReactInternals.serializeJSONWithDate({
             staticBase: null,
             indent: undefined,
             data: inputProps !== null && inputProps !== void 0 ? inputProps : {},
@@ -287,7 +289,7 @@ const renderStill = (options) => {
         serveUrl,
         timeoutInMilliseconds: timeoutInMilliseconds !== null && timeoutInMilliseconds !== void 0 ? timeoutInMilliseconds : TimeoutSettings_1.DEFAULT_TIMEOUT,
         logLevel: verbose || dumpBrowserLogs ? 'verbose' : (0, logger_1.getLogLevel)(),
-        serializedResolvedPropsWithCustomSchema: remotion_1.Internals.serializeJSONWithDate({
+        serializedResolvedPropsWithCustomSchema: no_react_1.NoReactInternals.serializeJSONWithDate({
             indent: undefined,
             staticBase: null,
             data: (_b = composition.props) !== null && _b !== void 0 ? _b : {},

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

@@ -1,8 +1,8 @@
 /// <reference types="node" />
-import type { ClipRegion } from 'remotion';
+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;
@@ -12,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,5 +1,5 @@
 /// <reference types="node" />
-import type { ClipRegion } from 'remotion';
+import type { ClipRegion } from 'remotion/no-react';
 import type { Page } from './browser/BrowserPage';
 import type { StillImageFormat } from './image-format';
 export declare const screenshotTask: ({ format, height, omitBackground, page, width, path, jpegQuality, clipRegion, }: {

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.d.ts

@@ -1,4 +1,4 @@
-import { type VideoConfig } from 'remotion';
+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';

package/dist/select-composition.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.selectComposition = exports.internalSelectComposition = exports.internalSelectCompositionRaw = void 0;
-const remotion_1 = require("remotion");
+const no_react_1 = require("remotion/no-react");
 const TimeoutSettings_1 = require("./browser/TimeoutSettings");
 const handle_javascript_exception_1 = require("./error-handling/handle-javascript-exception");
 const find_closest_package_json_1 = require("./find-closest-package-json");
@@ -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,
@@ -83,8 +85,8 @@ const innerSelectComposition = async ({ page, onBrowserLog, serializedInputProps
             height,
             fps,
             durationInFrames,
-            props: remotion_1.Internals.deserializeJSONWithCustomFields(res.serializedResolvedPropsWithCustomSchema),
-            defaultProps: remotion_1.Internals.deserializeJSONWithCustomFields(res.serializedDefaultPropsWithCustomSchema),
+            props: no_react_1.NoReactInternals.deserializeJSONWithCustomFields(res.serializedResolvedPropsWithCustomSchema),
+            defaultProps: no_react_1.NoReactInternals.deserializeJSONWithCustomFields(res.serializedDefaultPropsWithCustomSchema),
             defaultCodec,
         },
         propsSize: size,
@@ -169,7 +171,7 @@ const selectComposition = async (options) => {
         browserExecutable: browserExecutable !== null && browserExecutable !== void 0 ? browserExecutable : null,
         chromiumOptions: chromiumOptions !== null && chromiumOptions !== void 0 ? chromiumOptions : {},
         envVariables: envVariables !== null && envVariables !== void 0 ? envVariables : {},
-        serializedInputPropsWithCustomSchema: remotion_1.Internals.serializeJSONWithDate({
+        serializedInputPropsWithCustomSchema: no_react_1.NoReactInternals.serializeJSONWithDate({
             indent: undefined,
             staticBase: null,
             data: inputProps !== null && inputProps !== void 0 ? inputProps : {},

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.js

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.stitchFramesToVideo = exports.internalStitchFramesToVideo = void 0;
 const node_fs_1 = __importStar(require("node:fs"));
 const node_path_1 = __importDefault(require("node:path"));
-const remotion_1 = require("remotion");
+const no_react_1 = require("remotion/no-react");
 const calculate_asset_positions_1 = require("./assets/calculate-asset-positions");
 const convert_assets_to_file_urls_1 = require("./assets/convert-assets-to-file-urls");
 const download_and_map_assets_to_file_1 = require("./assets/download-and-map-assets-to-file");
@@ -202,7 +202,7 @@ const innerStitchFramesToVideo = async ({ assetsInfo, audioBitrate, audioCodec,
             audioBitrate ? audioBitrate : '320k',
             force ? '-y' : null,
             outputLocation !== null && outputLocation !== void 0 ? outputLocation : tempFile,
-        ].filter(remotion_1.Internals.truthy), indent, logLevel);
+        ].filter(no_react_1.NoReactInternals.truthy), indent, logLevel);
         cancelSignal === null || cancelSignal === void 0 ? void 0 : cancelSignal(() => {
             ffmpegTask.kill();
         });

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

@@ -1,10 +1,10 @@
 /// <reference types="node" />
-import type { TRenderAsset } from 'remotion';
+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;
@@ -16,6 +16,7 @@ export declare const takeFrameAndCompose: ({ freePage, imageFormat, jpegQuality,
     downloadMap: DownloadMap;
     wantsBuffer: boolean;
     compositor: Compositor;
+    timeoutInMilliseconds: number;
 }) => Promise<{
     buffer: Buffer | null;
     collectedAssets: TRenderAsset[];