@remotion/renderer 4.0.7 → 4.0.8

package/dist/browser/BrowserPage.d.ts

@@ -86,8 +86,12 @@ export declare class Page extends EventEmitter {
     setDefaultTimeout(timeout: number): void;
     evaluateHandle<HandlerType extends JSHandle = JSHandle>(pageFunction: EvaluateHandleFn, ...args: SerializableOrJSHandle[]): Promise<HandlerType>;
     url(): string;
-    goto(url: string, options?: WaitForOptions & {
-        referer?: string;
+    goto({ url, timeout, options, }: {
+        url: string;
+        timeout: number;
+        options?: WaitForOptions & {
+            referer?: string;
+        };
     }): Promise<HTTPResponse | null>;
     bringToFront(): Promise<void>;
     evaluate<T extends EvaluateFn>(pageFunction: T, ...args: SerializableOrJSHandle[]): Promise<UnwrapPromiseLike<EvaluateFnReturnType<T>>>;

package/dist/browser/BrowserPage.js

@@ -74,7 +74,7 @@ class Page extends EventEmitter_1.EventEmitter {
         this.sourcemapContext = null;
         __classPrivateFieldSet(this, _Page_client, client, "f");
         __classPrivateFieldSet(this, _Page_target, target, "f");
-        __classPrivateFieldSet(this, _Page_frameManager, new FrameManager_1.FrameManager(client, this, __classPrivateFieldGet(this, _Page_timeoutSettings, "f")), "f");
+        __classPrivateFieldSet(this, _Page_frameManager, new FrameManager_1.FrameManager(client, this), "f");
         this.screenshotTaskQueue = new TaskQueue_1.TaskQueue();
         this.browser = browser;
         this.id = String(Math.random());
@@ -218,8 +218,8 @@ class Page extends EventEmitter_1.EventEmitter {
     url() {
         return this.mainFrame().url();
     }
-    goto(url, options = {}) {
-        return __classPrivateFieldGet(this, _Page_frameManager, "f").mainFrame().goto(url, options);
+    goto({ url, timeout, options = {}, }) {
+        return __classPrivateFieldGet(this, _Page_frameManager, "f").mainFrame().goto(url, timeout, options);
     }
     async bringToFront() {
         await __classPrivateFieldGet(this, _Page_client, "f").send('Page.bringToFront');

package/dist/browser/DOMWorld.d.ts

@@ -18,11 +18,10 @@ import type { EvaluateFn, EvaluateFnReturnType, EvaluateHandleFn, SerializableOr
 import type { ExecutionContext } from './ExecutionContext';
 import type { Frame } from './FrameManager';
 import type { JSHandle } from './JSHandle';
-import type { TimeoutSettings } from './TimeoutSettings';
 export declare class DOMWorld {
     #private;
     get _waitTasks(): Set<WaitTask>;
-    constructor(frame: Frame, timeoutSettings: TimeoutSettings);
+    constructor(frame: Frame);
     frame(): Frame;
     _setContext(context: ExecutionContext | null): void;
     _hasContext(): boolean;
@@ -30,7 +29,12 @@ export declare class DOMWorld {
     executionContext(): Promise<ExecutionContext>;
     evaluateHandle<HandlerType extends JSHandle = JSHandle>(pageFunction: EvaluateHandleFn, ...args: SerializableOrJSHandle[]): Promise<HandlerType>;
     evaluate<T extends EvaluateFn>(pageFunction: T, ...args: SerializableOrJSHandle[]): Promise<UnwrapPromiseLike<EvaluateFnReturnType<T>>>;
-    waitForFunction(browser: HeadlessBrowser, pageFunction: Function | string, ...args: SerializableOrJSHandle[]): Promise<JSHandle>;
+    waitForFunction({ browser, timeout, pageFunction, title, }: {
+        browser: HeadlessBrowser;
+        timeout: number;
+        pageFunction: Function | string;
+        title: string;
+    }): Promise<JSHandle>;
     title(): Promise<string>;
 }
 interface WaitTaskOptions {

package/dist/browser/DOMWorld.js

@@ -25,7 +25,7 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _DOMWorld_frame, _DOMWorld_timeoutSettings, _DOMWorld_contextPromise, _DOMWorld_contextResolveCallback, _DOMWorld_detached, _DOMWorld_waitTasks, _WaitTask_instances, _WaitTask_domWorld, _WaitTask_timeout, _WaitTask_predicateBody, _WaitTask_args, _WaitTask_runCount, _WaitTask_resolve, _WaitTask_reject, _WaitTask_timeoutTimer, _WaitTask_terminated, _WaitTask_browser, _WaitTask_cleanup;
+var _DOMWorld_frame, _DOMWorld_contextPromise, _DOMWorld_contextResolveCallback, _DOMWorld_detached, _DOMWorld_waitTasks, _WaitTask_instances, _WaitTask_domWorld, _WaitTask_timeout, _WaitTask_predicateBody, _WaitTask_args, _WaitTask_runCount, _WaitTask_resolve, _WaitTask_reject, _WaitTask_timeoutTimer, _WaitTask_terminated, _WaitTask_browser, _WaitTask_cleanup;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DOMWorld = void 0;
 const assert_1 = require("./assert");
@@ -35,9 +35,8 @@ class DOMWorld {
     get _waitTasks() {
         return __classPrivateFieldGet(this, _DOMWorld_waitTasks, "f");
     }
-    constructor(frame, timeoutSettings) {
+    constructor(frame) {
         _DOMWorld_frame.set(this, void 0);
-        _DOMWorld_timeoutSettings.set(this, void 0);
         _DOMWorld_contextPromise.set(this, null);
         _DOMWorld_contextResolveCallback.set(this, null);
         _DOMWorld_detached.set(this, false);
@@ -45,7 +44,6 @@ class DOMWorld {
         // Keep own reference to client because it might differ from the FrameManager's
         // client for OOP iframes.
         __classPrivateFieldSet(this, _DOMWorld_frame, frame, "f");
-        __classPrivateFieldSet(this, _DOMWorld_timeoutSettings, timeoutSettings, "f");
         this._setContext(null);
     }
     frame() {
@@ -93,18 +91,15 @@ class DOMWorld {
         const context = await this.executionContext();
         return context.evaluate(pageFunction, ...args);
     }
-    waitForFunction(browser, pageFunction, ...args) {
-        const timeout = __classPrivateFieldGet(this, _DOMWorld_timeoutSettings, "f").timeout();
-        const waitTaskOptions = {
+    waitForFunction({ browser, timeout, pageFunction, title, }) {
+        return new WaitTask({
             domWorld: this,
             predicateBody: pageFunction,
-            title: 'function',
+            title,
             timeout,
-            args,
+            args: [],
             browser,
-        };
-        const waitTask = new WaitTask(waitTaskOptions);
-        return waitTask.promise;
+        }).promise;
     }
     title() {
         return this.evaluate(() => {
@@ -113,7 +108,7 @@ class DOMWorld {
     }
 }
 exports.DOMWorld = DOMWorld;
-_DOMWorld_frame = new WeakMap(), _DOMWorld_timeoutSettings = new WeakMap(), _DOMWorld_contextPromise = new WeakMap(), _DOMWorld_contextResolveCallback = new WeakMap(), _DOMWorld_detached = new WeakMap(), _DOMWorld_waitTasks = new WeakMap();
+_DOMWorld_frame = new WeakMap(), _DOMWorld_contextPromise = new WeakMap(), _DOMWorld_contextResolveCallback = new WeakMap(), _DOMWorld_detached = new WeakMap(), _DOMWorld_waitTasks = new WeakMap();
 const noop = () => undefined;
 class WaitTask {
     constructor(options) {

package/dist/browser/FrameManager.d.ts

@@ -24,7 +24,6 @@ import type { HTTPResponse } from './HTTPResponse';
 import type { JSHandle } from './JSHandle';
 import type { PuppeteerLifeCycleEvent } from './LifecycleWatcher';
 import { NetworkManager } from './NetworkManager';
-import type { TimeoutSettings } from './TimeoutSettings';
 export declare const FrameManagerEmittedEvents: {
     FrameNavigated: symbol;
     FrameDetached: symbol;
@@ -36,13 +35,12 @@ export declare const FrameManagerEmittedEvents: {
 };
 export declare class FrameManager extends EventEmitter {
     #private;
-    get _timeoutSettings(): TimeoutSettings;
     get _client(): CDPSession;
-    constructor(client: CDPSession, page: Page, timeoutSettings: TimeoutSettings);
+    constructor(client: CDPSession, page: Page);
     private setupEventListeners;
     initialize(client?: CDPSession): Promise<void>;
     networkManager(): NetworkManager;
-    navigateFrame(frame: Frame, url: string, options?: {
+    navigateFrame(frame: Frame, url: string, timeout: number, options?: {
         referer?: string;
         timeout?: number;
         waitUntil?: PuppeteerLifeCycleEvent;
@@ -68,9 +66,8 @@ export declare class Frame {
     constructor(frameManager: FrameManager, parentFrame: Frame | null, frameId: string, client: CDPSession);
     _updateClient(client: CDPSession): void;
     isOOPFrame(): boolean;
-    goto(url: string, options?: {
+    goto(url: string, timeout: number, options?: {
         referer?: string;
-        timeout?: number;
         waitUntil?: PuppeteerLifeCycleEvent;
     }): Promise<HTTPResponse | null>;
     _client(): CDPSession;

package/dist/browser/FrameManager.js

@@ -25,7 +25,7 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _FrameManager_instances, _FrameManager_page, _FrameManager_networkManager, _FrameManager_timeoutSettings, _FrameManager_frames, _FrameManager_contextIdToContext, _FrameManager_isolatedWorlds, _FrameManager_mainFrame, _FrameManager_client, _FrameManager_onAttachedToTarget, _FrameManager_onDetachedFromTarget, _FrameManager_onLifecycleEvent, _FrameManager_onFrameStartedLoading, _FrameManager_onFrameStoppedLoading, _FrameManager_handleFrameTree, _FrameManager_onFrameAttached, _FrameManager_onFrameNavigated, _FrameManager_onFrameNavigatedWithinDocument, _FrameManager_onFrameDetached, _FrameManager_onExecutionContextCreated, _FrameManager_onExecutionContextDestroyed, _FrameManager_onExecutionContextsCleared, _FrameManager_removeFramesRecursively, _Frame_parentFrame, _Frame_url, _Frame_client;
+var _FrameManager_instances, _FrameManager_page, _FrameManager_networkManager, _FrameManager_frames, _FrameManager_contextIdToContext, _FrameManager_isolatedWorlds, _FrameManager_mainFrame, _FrameManager_client, _FrameManager_onAttachedToTarget, _FrameManager_onDetachedFromTarget, _FrameManager_onLifecycleEvent, _FrameManager_onFrameStartedLoading, _FrameManager_onFrameStoppedLoading, _FrameManager_handleFrameTree, _FrameManager_onFrameAttached, _FrameManager_onFrameNavigated, _FrameManager_onFrameNavigatedWithinDocument, _FrameManager_onFrameDetached, _FrameManager_onExecutionContextCreated, _FrameManager_onExecutionContextDestroyed, _FrameManager_onExecutionContextsCleared, _FrameManager_removeFramesRecursively, _Frame_parentFrame, _Frame_url, _Frame_client;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Frame = exports.FrameManager = exports.FrameManagerEmittedEvents = void 0;
 const assert_1 = require("./assert");
@@ -48,18 +48,14 @@ exports.FrameManagerEmittedEvents = {
     ExecutionContextDestroyed: Symbol('FrameManager.ExecutionContextDestroyed'),
 };
 class FrameManager extends EventEmitter_1.EventEmitter {
-    get _timeoutSettings() {
-        return __classPrivateFieldGet(this, _FrameManager_timeoutSettings, "f");
-    }
     get _client() {
         return __classPrivateFieldGet(this, _FrameManager_client, "f");
     }
-    constructor(client, page, timeoutSettings) {
+    constructor(client, page) {
         super();
         _FrameManager_instances.add(this);
         _FrameManager_page.set(this, void 0);
         _FrameManager_networkManager.set(this, void 0);
-        _FrameManager_timeoutSettings.set(this, void 0);
         _FrameManager_frames.set(this, new Map());
         _FrameManager_contextIdToContext.set(this, new Map());
         _FrameManager_isolatedWorlds.set(this, new Set());
@@ -68,7 +64,6 @@ class FrameManager extends EventEmitter_1.EventEmitter {
         __classPrivateFieldSet(this, _FrameManager_client, client, "f");
         __classPrivateFieldSet(this, _FrameManager_page, page, "f");
         __classPrivateFieldSet(this, _FrameManager_networkManager, new NetworkManager_1.NetworkManager(client, this), "f");
-        __classPrivateFieldSet(this, _FrameManager_timeoutSettings, timeoutSettings, "f");
         this.setupEventListeners(__classPrivateFieldGet(this, _FrameManager_client, "f"));
     }
     setupEventListeners(session) {
@@ -145,8 +140,8 @@ class FrameManager extends EventEmitter_1.EventEmitter {
     networkManager() {
         return __classPrivateFieldGet(this, _FrameManager_networkManager, "f");
     }
-    async navigateFrame(frame, url, options = {}) {
-        const { referer = undefined, waitUntil = 'load', timeout = __classPrivateFieldGet(this, _FrameManager_timeoutSettings, "f").navigationTimeout(), } = options;
+    async navigateFrame(frame, url, timeout, options = {}) {
+        const { referer = undefined, waitUntil = 'load' } = options;
         const watcher = new LifecycleWatcher_1.LifecycleWatcher(this, frame, waitUntil, timeout);
         let error = await Promise.race([
             navigate(__classPrivateFieldGet(this, _FrameManager_client, "f"), url, referer, frame._id),
@@ -229,7 +224,7 @@ class FrameManager extends EventEmitter_1.EventEmitter {
     }
 }
 exports.FrameManager = FrameManager;
-_FrameManager_page = new WeakMap(), _FrameManager_networkManager = new WeakMap(), _FrameManager_timeoutSettings = new WeakMap(), _FrameManager_frames = new WeakMap(), _FrameManager_contextIdToContext = new WeakMap(), _FrameManager_isolatedWorlds = new WeakMap(), _FrameManager_mainFrame = new WeakMap(), _FrameManager_client = new WeakMap(), _FrameManager_instances = new WeakSet(), _FrameManager_onAttachedToTarget = async function _FrameManager_onAttachedToTarget(event) {
+_FrameManager_page = new WeakMap(), _FrameManager_networkManager = new WeakMap(), _FrameManager_frames = new WeakMap(), _FrameManager_contextIdToContext = new WeakMap(), _FrameManager_isolatedWorlds = new WeakMap(), _FrameManager_mainFrame = new WeakMap(), _FrameManager_client = new WeakMap(), _FrameManager_instances = new WeakSet(), _FrameManager_onAttachedToTarget = async function _FrameManager_onAttachedToTarget(event) {
     if (event.targetInfo.type !== 'iframe') {
         return;
     }
@@ -429,14 +424,14 @@ class Frame {
     }
     _updateClient(client) {
         __classPrivateFieldSet(this, _Frame_client, client, "f");
-        this._mainWorld = new DOMWorld_1.DOMWorld(this, this._frameManager._timeoutSettings);
-        this._secondaryWorld = new DOMWorld_1.DOMWorld(this, this._frameManager._timeoutSettings);
+        this._mainWorld = new DOMWorld_1.DOMWorld(this);
+        this._secondaryWorld = new DOMWorld_1.DOMWorld(this);
     }
     isOOPFrame() {
         return __classPrivateFieldGet(this, _Frame_client, "f") !== this._frameManager._client;
     }
-    goto(url, options = {}) {
-        return this._frameManager.navigateFrame(this, url, options);
+    goto(url, timeout, options = {}) {
+        return this._frameManager.navigateFrame(this, url, timeout, options);
     }
     _client() {
         return __classPrivateFieldGet(this, _Frame_client, "f");

package/dist/compositor/compose.js

@@ -71,7 +71,7 @@ const callCompositor = (payload) => {
                     reject(err);
                 }
                 catch (err) {
-                    reject(new Error(`Compositor panicked: ${message}`));
+                    reject(new Error(`Compositor panicked with code ${code}: ${message}`));
                 }
             }
         });

package/dist/compositor/compositor.js

@@ -158,7 +158,7 @@ const startCompositor = (type, payload, logLevel, indent) => {
         else {
             const errorMessage = Buffer.concat(stderrChunks).toString('utf-8');
             runningStatus = { type: 'quit-with-error', error: errorMessage };
-            const error = new Error(`Compositor panicked: ${errorMessage}`);
+            const error = new Error(`Compositor panicked with code ${code}: ${errorMessage}`);
             for (const waiter of waitersToKill) {
                 waiter.reject(error);
             }

package/dist/compositor/payloads.d.ts

@@ -32,6 +32,9 @@ export type VideoMetadata = {
     width: number;
     height: number;
     durationInSeconds: number;
+    codec: 'h264' | 'h265' | 'vp8' | 'vp9' | 'av1' | 'prores' | 'unknown';
+    canPlayInVideoTag: boolean;
+    supportsSeeking: boolean;
 };
 export type CompositorCommand = {
     Compose: {

package/dist/get-compositions.js

@@ -47,7 +47,7 @@ const innerGetCompositions = async ({ envVariables, serializedInputPropsWithCust
         frame: null,
         args: [],
     });
-    await (0, seek_to_frame_1.waitForReady)(page);
+    await (0, seek_to_frame_1.waitForReady)({ page, timeoutInMilliseconds, frame: null });
     const { value: result } = await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
         pageFunction: () => {
             return window.getStaticCompositions();

package/dist/prespawn-ffmpeg.js

@@ -31,7 +31,7 @@ const prespawnFfmpeg = (options) => {
     }
     (0, pixel_format_1.validateSelectedPixelFormatAndCodecCombination)(pixelFormat, codec);
     const ffmpegArgs = [
-        ['-r', options.fps.toFixed(2)],
+        ['-r', options.fps],
         ...[
             ['-f', 'image2pipe'],
             ['-s', `${options.width}x${options.height}`],

package/dist/render-frames.js

@@ -152,7 +152,12 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serialized
         });
         freePage.on('error', errorCallbackOnFrame);
         const startSeeking = Date.now();
-        await (0, seek_to_frame_1.seekToFrame)({ frame, page: freePage, composition: compId });
+        await (0, seek_to_frame_1.seekToFrame)({
+            frame,
+            page: freePage,
+            composition: compId,
+            timeoutInMilliseconds,
+        });
         const timeToSeek = Date.now() - startSeeking;
         if (timeToSeek > 1000) {
             logger_1.Log.verbose(`Seeking to frame ${frame} took ${timeToSeek}ms`);

package/dist/render-still.js

@@ -171,7 +171,12 @@ const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFA
         frame: null,
         page,
     });
-    await (0, seek_to_frame_1.seekToFrame)({ frame: stillFrame, page, composition: composition.id });
+    await (0, seek_to_frame_1.seekToFrame)({
+        frame: stillFrame,
+        page,
+        composition: composition.id,
+        timeoutInMilliseconds,
+    });
     const { buffer } = await (0, take_frame_and_compose_1.takeFrameAndCompose)({
         frame: stillFrame,
         freePage: page,

package/dist/seek-to-frame.d.ts

@@ -1,7 +1,12 @@
 import type { Page } from './browser/BrowserPage';
-export declare const waitForReady: (page: Page) => Promise<unknown>;
-export declare const seekToFrame: ({ frame, page, composition, }: {
+export declare const waitForReady: ({ page, timeoutInMilliseconds, frame, }: {
+    page: Page;
+    timeoutInMilliseconds: number;
+    frame: number | null;
+}) => Promise<unknown>;
+export declare const seekToFrame: ({ frame, page, composition, timeoutInMilliseconds, }: {
     frame: number;
     composition: string;
     page: Page;
+    timeoutInMilliseconds: number;
 }) => Promise<void>;

package/dist/seek-to-frame.js

@@ -4,52 +4,62 @@ exports.seekToFrame = exports.waitForReady = void 0;
 const symbolicateable_error_1 = require("./error-handling/symbolicateable-error");
 const parse_browser_error_stack_1 = require("./parse-browser-error-stack");
 const puppeteer_evaluate_1 = require("./puppeteer-evaluate");
-const waitForReady = (page) => {
-    return Promise.race([
-        new Promise((_, reject) => {
-            page.on("disposed" /* PageEmittedEvents.Disposed */, () => {
-                reject(new Error('Target closed (page disposed)'));
-            });
-        }),
-        new Promise((_, reject) => {
-            page.browser.on("closed-silent" /* BrowserEmittedEvents.ClosedSilent */, () => {
-                reject(new Error('Target closed'));
-            });
-        }),
-        page
-            .mainFrame()
-            ._mainWorld.waitForFunction(page.browser, 'window.remotion_renderReady === true')
-            .catch((err) => {
-            throw err;
-        }),
-        page
-            .mainFrame()
-            ._mainWorld.waitForFunction(page.browser, 'window.remotion_cancelledError !== undefined')
-            .then(() => {
-            return (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
-                pageFunction: () => window.remotion_cancelledError,
-                args: [],
-                frame: null,
-                page,
-            });
-        })
-            .then(({ value: val }) => {
-            if (typeof val !== 'string') {
-                throw val;
-            }
-            throw new symbolicateable_error_1.SymbolicateableError({
-                frame: null,
-                stack: val,
-                name: 'CancelledError',
-                message: val.split('\n')[0],
-                stackFrame: (0, parse_browser_error_stack_1.parseStack)(val.split('\n')),
-            });
-        }),
-    ]);
-};
+const waitForReady = ({ page, timeoutInMilliseconds, frame, }) => Promise.race([
+    new Promise((_, reject) => {
+        page.on("disposed" /* PageEmittedEvents.Disposed */, () => {
+            reject(new Error('Target closed (page disposed)'));
+        });
+    }),
+    new Promise((_, reject) => {
+        page.browser.on("closed-silent" /* BrowserEmittedEvents.ClosedSilent */, () => {
+            reject(new Error('Target closed'));
+        });
+    }),
+    page
+        .mainFrame()
+        ._mainWorld.waitForFunction({
+        browser: page.browser,
+        timeout: timeoutInMilliseconds,
+        pageFunction: 'window.remotion_renderReady === true',
+        title: frame === null
+            ? 'the page to render the React component'
+            : `the page to render the React component at frame ${frame}`,
+    })
+        .catch((err) => {
+        throw err;
+    }),
+    page
+        .mainFrame()
+        ._mainWorld.waitForFunction({
+        browser: page.browser,
+        timeout: timeoutInMilliseconds,
+        pageFunction: 'window.remotion_cancelledError !== undefined',
+        title: 'remotion_cancelledError variable to appear on the page',
+    })
+        .then(() => {
+        return (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
+            pageFunction: () => window.remotion_cancelledError,
+            args: [],
+            frame: null,
+            page,
+        });
+    })
+        .then(({ value: val }) => {
+        if (typeof val !== 'string') {
+            throw val;
+        }
+        throw new symbolicateable_error_1.SymbolicateableError({
+            frame: null,
+            stack: val,
+            name: 'CancelledError',
+            message: val.split('\n')[0],
+            stackFrame: (0, parse_browser_error_stack_1.parseStack)(val.split('\n')),
+        });
+    }),
+]);
 exports.waitForReady = waitForReady;
-const seekToFrame = async ({ frame, page, composition, }) => {
-    await (0, exports.waitForReady)(page);
+const seekToFrame = async ({ frame, page, composition, timeoutInMilliseconds, }) => {
+    await (0, exports.waitForReady)({ page, timeoutInMilliseconds, frame: null });
     await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
         pageFunction: (f, c) => {
             window.remotion_setFrame(f, c);
@@ -58,7 +68,7 @@ const seekToFrame = async ({ frame, page, composition, }) => {
         frame,
         page,
     });
-    await (0, exports.waitForReady)(page);
+    await (0, exports.waitForReady)({ page, timeoutInMilliseconds, frame });
     await page.evaluateHandle('document.fonts.ready');
 };
 exports.seekToFrame = seekToFrame;

package/dist/select-composition.js

@@ -47,7 +47,7 @@ const innerSelectComposition = async ({ page, onBrowserLog, serializedInputProps
         frame: null,
         args: [],
     });
-    await (0, seek_to_frame_1.waitForReady)(page);
+    await (0, seek_to_frame_1.waitForReady)({ page, timeoutInMilliseconds, frame: null });
     logger_1.Log.verboseAdvanced({
         indent,
         tag: 'selectComposition()',

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

@@ -37,7 +37,7 @@ const innerSetPropsAndEnv = async ({ serializedInputPropsWithCustomSchema, envVa
     await page.evaluateOnNewDocument((enabled) => {
         window.remotion_videoEnabled = enabled;
     }, videoEnabled);
-    const pageRes = await page.goto(urlToVisit);
+    const pageRes = await page.goto({ url: urlToVisit, timeout: actualTimeout });
     if (pageRes === null) {
         throw new Error(`Visited "${urlToVisit}" but got no response.`);
     }
@@ -112,14 +112,25 @@ const innerSetPropsAndEnv = async ({ serializedInputPropsWithCustomSchema, envVa
     });
     const requiredVersion = '8';
     if (siteVersion !== requiredVersion) {
-        throw new Error(`Incompatible site: When visiting ${urlToVisit}, a bundle was found, but one that is not compatible with this version of Remotion. Found version: ${siteVersion} - Required version: ${requiredVersion}. To resolve this error, please bundle and deploy again.`);
+        throw new Error([
+            `Incompatible site: When visiting ${urlToVisit}, a bundle was found, but one that is not compatible with this version of Remotion. Found version: ${siteVersion} - Required version: ${requiredVersion}. To resolve this error:`,
+            '▸ Use `npx remotion lambda sites create` to redeploy the site with the latest version.',
+            '  ℹ Use --site-name with the same name as before to overwrite your site.',
+            '▸ Use `deploySite()` if you are using the Node.JS APIs.',
+        ].join('\n'));
     }
     if (remotionVersion !== version_1.VERSION && process.env.NODE_ENV !== 'test') {
         if (remotionVersion) {
             logger_1.Log.warnAdvanced({
                 indent,
                 logLevel,
-            }, `The site was bundled with version ${remotionVersion} of @remotion/bundler, while @remotion/renderer is on version ${version_1.VERSION}. You may not have the newest bugfixes and features. Re-bundle the site to fix this issue.`);
+            }, [
+                `The site was bundled with version ${remotionVersion} of @remotion/bundler, while @remotion/renderer is on version ${version_1.VERSION}. You may not have the newest bugfixes and features.`,
+                `To resolve this warning:`,
+                '▸ Use `npx remotion lambda sites create` to redeploy the site with the latest version.',
+                '  ℹ Use --site-name with the same name as before to overwrite your site.',
+                '▸ Use `deploySite()` if you are using the Node.JS APIs.',
+            ].join('\n'));
         }
         else {
             logger_1.Log.warnAdvanced({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/renderer",
-  "version": "4.0.7",
+  "version": "4.0.8",
   "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.7"
+    "remotion": "4.0.8"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -42,13 +42,13 @@
     "zod": "^3.21.4"
   },
   "optionalDependencies": {
-    "@remotion/compositor-darwin-arm64": "4.0.7",
-    "@remotion/compositor-darwin-x64": "4.0.7",
-    "@remotion/compositor-linux-arm64-gnu": "4.0.7",
-    "@remotion/compositor-linux-x64-musl": "4.0.7",
-    "@remotion/compositor-win32-x64-msvc": "4.0.7",
-    "@remotion/compositor-linux-x64-gnu": "4.0.7",
-    "@remotion/compositor-linux-arm64-musl": "4.0.7"
+    "@remotion/compositor-darwin-arm64": "4.0.8",
+    "@remotion/compositor-darwin-x64": "4.0.8",
+    "@remotion/compositor-linux-arm64-gnu": "4.0.8",
+    "@remotion/compositor-linux-arm64-musl": "4.0.8",
+    "@remotion/compositor-linux-x64-gnu": "4.0.8",
+    "@remotion/compositor-linux-x64-musl": "4.0.8",
+    "@remotion/compositor-win32-x64-msvc": "4.0.8"
   },
   "keywords": [
     "remotion",