@remotion/renderer 4.0.255 → 4.0.257

package/dist/browser/Browser.d.ts

@@ -50,12 +50,24 @@ export declare class HeadlessBrowser extends EventEmitter {
         runner: BrowserRunner;
     });
     browserContexts(): BrowserContext[];
-    newPage(context: SourceMapGetter, logLevel: LogLevel, indent: boolean): Promise<Page>;
-    _createPageInContext(context: SourceMapGetter, logLevel: LogLevel, indent: boolean): Promise<Page>;
+    newPage({ context, logLevel, indent, pageIndex, }: {
+        context: SourceMapGetter;
+        logLevel: LogLevel;
+        indent: boolean;
+        pageIndex: number;
+    }): Promise<Page>;
+    _createPageInContext({ context, logLevel, indent, pageIndex, }: {
+        context: SourceMapGetter;
+        logLevel: LogLevel;
+        indent: boolean;
+        pageIndex: number;
+    }): Promise<Page>;
     targets(): Target[];
     waitForTarget(predicate: (x: Target) => boolean | Promise<boolean>, options?: WaitForTargetOptions): Promise<Target>;
-    pages(logLevel: LogLevel, indent: boolean): Promise<Page[]>;
-    close(silent: boolean, logLevel: LogLevel, indent: boolean): Promise<void>;
+    pages(): Promise<Page[]>;
+    close({ silent }: {
+        silent: boolean;
+    }): Promise<void>;
     disconnect(): void;
 }
 export declare class BrowserContext extends EventEmitter {
@@ -65,8 +77,13 @@ export declare class BrowserContext extends EventEmitter {
     waitForTarget(predicate: (x: Target) => boolean | Promise<boolean>, options?: {
         timeout?: number;
     }): Promise<Target>;
-    pages(logLevel: LogLevel, indent: boolean): Promise<Page[]>;
-    newPage(context: SourceMapGetter, logLevel: LogLevel, indent: boolean): Promise<Page>;
+    pages(): Promise<Page[]>;
+    newPage({ context, logLevel, indent, pageIndex, }: {
+        context: SourceMapGetter;
+        logLevel: LogLevel;
+        indent: boolean;
+        pageIndex: number;
+    }): Promise<Page>;
     browser(): HeadlessBrowser;
 }
 export {};

package/dist/browser/Browser.js

@@ -75,10 +75,10 @@ class HeadlessBrowser extends EventEmitter_1.EventEmitter {
     browserContexts() {
         return [__classPrivateFieldGet(this, _HeadlessBrowser_defaultContext, "f"), ...Array.from(__classPrivateFieldGet(this, _HeadlessBrowser_contexts, "f").values())];
     }
-    newPage(context, logLevel, indent) {
-        return __classPrivateFieldGet(this, _HeadlessBrowser_defaultContext, "f").newPage(context, logLevel, indent);
+    newPage({ context, logLevel, indent, pageIndex, }) {
+        return __classPrivateFieldGet(this, _HeadlessBrowser_defaultContext, "f").newPage({ context, logLevel, indent, pageIndex });
     }
-    async _createPageInContext(context, logLevel, indent) {
+    async _createPageInContext({ context, logLevel, indent, pageIndex, }) {
         const { value: { targetId }, } = await this.connection.send('Target.createTarget', {
             url: 'about:blank',
             browserContextId: undefined,
@@ -91,7 +91,12 @@ class HeadlessBrowser extends EventEmitter_1.EventEmitter {
         if (!initialized) {
             throw new Error(`Failed to create target for page (id = ${targetId})`);
         }
-        const page = await target.page(context, logLevel, indent);
+        const page = await target.page({
+            sourceMapGetter: context,
+            logLevel,
+            indent,
+            pageIndex,
+        });
         if (!page) {
             throw new Error(`Failed to create a page for context`);
         }
@@ -129,18 +134,18 @@ class HeadlessBrowser extends EventEmitter_1.EventEmitter {
             }
         }
     }
-    async pages(logLevel, indent) {
+    async pages() {
         const contextPages = await Promise.all(this.browserContexts().map((context) => {
-            return context.pages(logLevel, indent);
+            return context.pages();
         }));
         // Flatten array.
         return contextPages.reduce((acc, x) => {
             return acc.concat(x);
         }, []);
     }
-    async close(silent, logLevel, indent) {
+    async close({ silent }) {
         await this.runner.closeProcess();
-        (await this.pages(logLevel, indent)).forEach((page) => {
+        (await this.pages()).forEach((page) => {
             page.emit("disposed" /* PageEmittedEvents.Disposed */);
             page.closed = true;
         });
@@ -207,16 +212,21 @@ class BrowserContext extends EventEmitter_1.EventEmitter {
             return target.browserContext() === this && predicate(target);
         }, options);
     }
-    async pages(logLevel, indent) {
+    async pages() {
         const pages = await Promise.all(this.targets()
             .filter((target) => target.type() === 'page')
-            .map((target) => target.page(() => null, logLevel, indent)));
+            .map((target) => target.expectPage()));
         return pages.filter((page) => {
             return Boolean(page);
         });
     }
-    newPage(context, logLevel, indent) {
-        return __classPrivateFieldGet(this, _BrowserContext_browser, "f")._createPageInContext(context, logLevel, indent);
+    newPage({ context, logLevel, indent, pageIndex, }) {
+        return __classPrivateFieldGet(this, _BrowserContext_browser, "f")._createPageInContext({
+            context,
+            logLevel,
+            indent,
+            pageIndex,
+        });
     }
     browser() {
         return __classPrivateFieldGet(this, _BrowserContext_browser, "f");

package/dist/browser/BrowserPage.d.ts

@@ -27,7 +27,7 @@ interface PageEventObject {
 export declare class Page extends EventEmitter {
     #private;
     id: string;
-    static _create({ client, target, defaultViewport, browser, sourceMapGetter, logLevel, indent, }: {
+    static _create({ client, target, defaultViewport, browser, sourceMapGetter, logLevel, indent, pageIndex, }: {
         client: CDPSession;
         target: Target;
         defaultViewport: Viewport;
@@ -35,19 +35,22 @@ export declare class Page extends EventEmitter {
         sourceMapGetter: SourceMapGetter;
         logLevel: LogLevel;
         indent: boolean;
+        pageIndex: number;
     }): Promise<Page>;
     closed: boolean;
     browser: HeadlessBrowser;
     screenshotTaskQueue: TaskQueue;
     sourceMapGetter: SourceMapGetter;
     logLevel: LogLevel;
-    constructor({ client, target, browser, sourceMapGetter, logLevel, indent, }: {
+    pageIndex: number;
+    constructor({ client, target, browser, sourceMapGetter, logLevel, indent, pageIndex, }: {
         client: CDPSession;
         target: Target;
         browser: HeadlessBrowser;
         sourceMapGetter: SourceMapGetter;
         logLevel: LogLevel;
         indent: boolean;
+        pageIndex: number;
     });
     /**
      * Listen to page events.

package/dist/browser/BrowserPage.js

@@ -49,7 +49,7 @@ const shouldHideWarning = (log) => {
     return false;
 };
 class Page extends EventEmitter_1.EventEmitter {
-    static async _create({ client, target, defaultViewport, browser, sourceMapGetter, logLevel, indent, }) {
+    static async _create({ client, target, defaultViewport, browser, sourceMapGetter, logLevel, indent, pageIndex, }) {
         const page = new Page({
             client,
             target,
@@ -57,12 +57,13 @@ class Page extends EventEmitter_1.EventEmitter {
             sourceMapGetter,
             logLevel,
             indent,
+            pageIndex,
         });
         await __classPrivateFieldGet(page, _Page_instances, "m", _Page_initialize).call(page);
         await page.setViewport(defaultViewport);
         return page;
     }
-    constructor({ client, target, browser, sourceMapGetter, logLevel, indent, }) {
+    constructor({ client, target, browser, sourceMapGetter, logLevel, indent, pageIndex, }) {
         super();
         _Page_instances.add(this);
         this.closed = false;
@@ -79,6 +80,7 @@ class Page extends EventEmitter_1.EventEmitter {
         this.id = String(Math.random());
         this.sourceMapGetter = sourceMapGetter;
         this.logLevel = logLevel;
+        this.pageIndex = pageIndex;
         client.on('Target.attachedToTarget', (event) => {
             switch (event.targetInfo.type) {
                 case 'iframe':

package/dist/browser/Launcher.js

@@ -34,7 +34,7 @@ const launchChrome = async ({ args, executablePath, defaultViewport, indent, log
         }, { timeout });
     }
     catch (error) {
-        await browser.close(false, logLevel, indent);
+        await browser.close({ silent: false });
         throw error;
     }
     return browser;

package/dist/browser/Target.d.ts

@@ -37,7 +37,13 @@ export declare class Target {
     /**
      * If the target is not of type `"page"` or `"background_page"`, returns `null`.
      */
-    page(sourceMapGetter: SourceMapGetter, logLevel: LogLevel, indent: boolean): Promise<Page | null>;
+    page({ sourceMapGetter, logLevel, indent, pageIndex, }: {
+        sourceMapGetter: SourceMapGetter;
+        logLevel: LogLevel;
+        indent: boolean;
+        pageIndex: number;
+    }): Promise<Page | null>;
+    expectPage(): Promise<Page | null>;
     url(): string;
     /**
      * Identifies what kind of target this is.

package/dist/browser/Target.js

@@ -79,7 +79,7 @@ class Target {
     /**
      * If the target is not of type `"page"` or `"background_page"`, returns `null`.
      */
-    async page(sourceMapGetter, logLevel, indent) {
+    async page({ sourceMapGetter, logLevel, indent, pageIndex, }) {
         var _a;
         if (isPagetTarget(__classPrivateFieldGet(this, _Target_targetInfo, "f")) && !__classPrivateFieldGet(this, _Target_pagePromise, "f")) {
             __classPrivateFieldSet(this, _Target_pagePromise, __classPrivateFieldGet(this, _Target_sessionFactory, "f").call(this).then((client) => {
@@ -92,11 +92,16 @@ class Target {
                     sourceMapGetter,
                     logLevel,
                     indent,
+                    pageIndex,
                 });
             }), "f");
         }
         return (_a = (await __classPrivateFieldGet(this, _Target_pagePromise, "f"))) !== null && _a !== void 0 ? _a : null;
     }
+    async expectPage() {
+        var _a;
+        return (_a = (await __classPrivateFieldGet(this, _Target_pagePromise, "f"))) !== null && _a !== void 0 ? _a : null;
+    }
     url() {
         return __classPrivateFieldGet(this, _Target_targetInfo, "f").url;
     }

package/dist/browser/mitt/index.js

@@ -19,21 +19,21 @@ function mitt(all) {
          * @param {Function} handler Function to call in response to given event
          * @memberOf mitt
          */
-        on(type, handler) {
+        on: (type, handler) => {
             const handlers = all === null || all === void 0 ? void 0 : all.get(type);
             const added = handlers === null || handlers === void 0 ? void 0 : handlers.push(handler);
             if (!added) {
                 all === null || all === void 0 ? void 0 : all.set(type, [handler]);
             }
         },
-        off(type, handler) {
+        off: (type, handler) => {
             const handlers = all === null || all === void 0 ? void 0 : all.get(type);
             if (handlers) {
                 // eslint-disable-next-line no-bitwise
                 handlers.splice(handlers.indexOf(handler) >>> 0, 1);
             }
         },
-        emit(type, evt) {
+        emit: (type, evt) => {
             ((all === null || all === void 0 ? void 0 : all.get(type)) || [])
                 .slice()
                 .forEach((handler) => {

package/dist/browser-instances.js

@@ -5,7 +5,7 @@ const browserInstances = [];
 const killAllBrowsers = async () => {
     for (const browser of browserInstances) {
         try {
-            await browser.close(true, 'info', false);
+            await browser.close({ silent: true });
         }
         catch (_a) { }
     }

package/dist/can-use-parallel-encoding.d.ts

@@ -1,2 +1,3 @@
 import type { Codec } from './codec';
 export declare const canUseParallelEncoding: (codec: Codec) => boolean;
+export declare const getShouldUsePartitionedRendering: () => boolean;

package/dist/can-use-parallel-encoding.js

@@ -1,11 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.canUseParallelEncoding = void 0;
+exports.getShouldUsePartitionedRendering = exports.canUseParallelEncoding = void 0;
 const is_audio_codec_1 = require("./is-audio-codec");
 const canUseParallelEncoding = (codec) => {
+    if ((0, exports.getShouldUsePartitionedRendering)()) {
+        return false;
+    }
     if ((0, is_audio_codec_1.isAudioCodec)(codec)) {
         return false;
     }
     return codec === 'h264' || codec === 'h264-mkv' || codec === 'h265';
 };
 exports.canUseParallelEncoding = canUseParallelEncoding;
+const getShouldUsePartitionedRendering = () => {
+    const shouldUsePartitionedRendering = process.env.REMOTION_PARTITIONED_RENDERING === 'true';
+    return shouldUsePartitionedRendering;
+};
+exports.getShouldUsePartitionedRendering = getShouldUsePartitionedRendering;

package/dist/client.d.ts

@@ -394,7 +394,7 @@ export declare const BrowserSafeApis: {
         webhookCustomDataOption: {
             name: string;
             cliFlag: "webhook-custom-data";
-            description: (type: "ssr" | "cli") => import("react/jsx-runtime").JSX.Element;
+            description: (type: "cli" | "ssr") => import("react/jsx-runtime").JSX.Element;
             ssrName: "customData";
             docLink: string;
             type: Record<string, unknown> | null;
@@ -807,7 +807,7 @@ export declare const BrowserSafeApis: {
         metadataOption: {
             name: string;
             cliFlag: "metadata";
-            description: (mode: "ssr" | "cli") => import("react/jsx-runtime").JSX.Element;
+            description: (mode: "cli" | "ssr") => import("react/jsx-runtime").JSX.Element;
             docLink: string;
             type: import("./options/metadata").Metadata;
             getValue: ({ commandLine }: {

package/dist/cycle-browser-tabs.d.ts

@@ -1,5 +1,10 @@
 import type { LogLevel } from './log-level';
 import type { BrowserReplacer } from './replace-browser';
-export declare const cycleBrowserTabs: (puppeteerInstance: BrowserReplacer, concurrency: number, logLevel: LogLevel, indent: boolean) => {
+export declare const cycleBrowserTabs: ({ puppeteerInstance, concurrency, logLevel, indent, }: {
+    puppeteerInstance: BrowserReplacer;
+    concurrency: number;
+    logLevel: LogLevel;
+    indent: boolean;
+}) => {
     stopCycling: () => void;
 };

package/dist/cycle-browser-tabs.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.cycleBrowserTabs = void 0;
 const logger_1 = require("./logger");
-const cycleBrowserTabs = (puppeteerInstance, concurrency, logLevel, indent) => {
+const cycleBrowserTabs = ({ puppeteerInstance, concurrency, logLevel, indent, }) => {
     if (concurrency <= 1) {
         return {
             stopCycling: () => undefined,
@@ -15,7 +15,7 @@ const cycleBrowserTabs = (puppeteerInstance, concurrency, logLevel, indent) => {
         interval = setTimeout(() => {
             puppeteerInstance
                 .getBrowser()
-                .pages(logLevel, indent)
+                .pages()
                 .then((pages) => {
                 if (pages.length === 0) {
                     return;

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

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

package/dist/get-browser-instance.js

@@ -4,9 +4,14 @@ exports.getPageAndCleanupFn = void 0;
 const browser_1 = require("./browser");
 const logger_1 = require("./logger");
 const open_browser_1 = require("./open-browser");
-const getPageAndCleanupFn = async ({ passedInInstance, browserExecutable, chromiumOptions, forceDeviceScaleFactor, indent, logLevel, onBrowserDownload, chromeMode, }) => {
+const getPageAndCleanupFn = async ({ passedInInstance, browserExecutable, chromiumOptions, forceDeviceScaleFactor, indent, logLevel, onBrowserDownload, chromeMode, pageIndex, }) => {
     if (passedInInstance) {
-        const page = await passedInInstance.newPage(() => null, logLevel, indent);
+        const page = await passedInInstance.newPage({
+            context: () => null,
+            logLevel,
+            indent,
+            pageIndex,
+        });
         return {
             page,
             cleanupPage: () => {
@@ -32,12 +37,17 @@ const getPageAndCleanupFn = async ({ passedInInstance, browserExecutable, chromi
         onBrowserDownload,
         chromeMode,
     });
-    const browserPage = await browserInstance.newPage(() => null, logLevel, indent);
+    const browserPage = await browserInstance.newPage({
+        context: () => null,
+        logLevel,
+        indent,
+        pageIndex,
+    });
     return {
         page: browserPage,
         cleanupPage: () => {
             // Close whole browser that was just created and don't wait for it to finish.
-            browserInstance.close(true, logLevel, indent).catch((err) => {
+            browserInstance.close({ silent: true }).catch((err) => {
                 if (!err.message.includes('Target closed')) {
                     logger_1.Log.error({ indent, logLevel }, 'Was not able to close puppeteer page', err);
                 }

package/dist/get-codec-name.d.ts

@@ -9,7 +9,7 @@ export declare const hasSpecifiedUnsupportedHardwareQualifySettings: ({ encoding
     encodingMaxRate: string | null;
     encodingBufferSize: string | null;
     crf: unknown;
-}) => "crf" | "encodingBufferSize" | "encodingMaxRate" | null;
+}) => "encodingMaxRate" | "encodingBufferSize" | "crf" | null;
 export declare const getCodecName: ({ codec, encodingMaxRate, encodingBufferSize, crf, hardwareAcceleration, logLevel, indent, }: {
     codec: Codec;
     hardwareAcceleration: HardwareAccelerationOption;

package/dist/get-compositions.js

@@ -91,6 +91,7 @@ const internalGetCompositionsRaw = async ({ browserExecutable, chromiumOptions,
         logLevel,
         onBrowserDownload,
         chromeMode,
+        pageIndex: 0,
     });
     const cleanup = [cleanupPage];
     return new Promise((resolve, reject) => {

package/dist/index.d.ts

@@ -140,7 +140,7 @@ 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: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
+    DEFAULT_OPENGL_RENDERER: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
     validateOpenGlRenderer: (option: unknown) => import("./options/gl").OpenGlRenderer | null;
     validCodecs: readonly ["h264", "h265", "vp8", "vp9", "mp3", "aac", "wav", "prores", "h264-mkv", "h264-ts", "gif"];
     DEFAULT_PIXEL_FORMAT: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
@@ -353,8 +353,8 @@ export declare const RenderInternals: {
     }) => execa.ExecaChildProcess<string>;
     validStillImageFormats: readonly ["png", "jpeg", "pdf", "webp"];
     validVideoImageFormats: readonly ["png", "jpeg", "none"];
-    DEFAULT_STILL_IMAGE_FORMAT: "jpeg" | "png" | "webp" | "pdf";
-    DEFAULT_VIDEO_IMAGE_FORMAT: "jpeg" | "png" | "none";
+    DEFAULT_STILL_IMAGE_FORMAT: "png" | "jpeg" | "webp" | "pdf";
+    DEFAULT_VIDEO_IMAGE_FORMAT: "png" | "jpeg" | "none";
     DEFAULT_JPEG_QUALITY: number;
     chalk: {
         enabled: () => boolean;

package/dist/make-page.d.ts

@@ -0,0 +1,27 @@
+import type { VideoConfig } from 'remotion/no-react';
+import type { BrowserLog } from './browser-log';
+import type { Page } from './browser/BrowserPage';
+import type { SourceMapGetter } from './browser/source-map-getter';
+import type { VideoImageFormat } from './image-format';
+import type { LogLevel } from './log-level';
+import type { BrowserReplacer } from './replace-browser';
+export declare const makePage: ({ context, initialFrame, browserReplacer, logLevel, indent, pagesArray, onBrowserLog, scale, timeoutInMilliseconds, composition, proxyPort, serveUrl, muted, envVariables, serializedInputPropsWithCustomSchema, imageFormat, serializedResolvedPropsWithCustomSchema, pageIndex, }: {
+    context: SourceMapGetter;
+    initialFrame: number;
+    browserReplacer: BrowserReplacer;
+    logLevel: LogLevel;
+    indent: boolean;
+    pagesArray: Page[];
+    onBrowserLog: ((log: BrowserLog) => void) | undefined | null;
+    scale: number;
+    timeoutInMilliseconds: number;
+    composition: Omit<VideoConfig, "defaultProps" | "props">;
+    proxyPort: number;
+    serveUrl: string;
+    muted: boolean;
+    envVariables: Record<string, string>;
+    serializedInputPropsWithCustomSchema: string;
+    serializedResolvedPropsWithCustomSchema: string;
+    imageFormat: VideoImageFormat;
+    pageIndex: number;
+}) => Promise<Page>;

package/dist/make-page.js

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makePage = void 0;
+const puppeteer_evaluate_1 = require("./puppeteer-evaluate");
+const set_props_and_env_1 = require("./set-props-and-env");
+const makePage = async ({ context, initialFrame, browserReplacer, logLevel, indent, pagesArray, onBrowserLog, scale, timeoutInMilliseconds, composition, proxyPort, serveUrl, muted, envVariables, serializedInputPropsWithCustomSchema, imageFormat, serializedResolvedPropsWithCustomSchema, pageIndex, }) => {
+    const page = await browserReplacer
+        .getBrowser()
+        .newPage({ context, logLevel, indent, pageIndex });
+    pagesArray.push(page);
+    await page.setViewport({
+        width: composition.width,
+        height: composition.height,
+        deviceScaleFactor: scale,
+    });
+    const logCallback = (log) => {
+        onBrowserLog === null || onBrowserLog === void 0 ? void 0 : onBrowserLog({
+            stackTrace: log.stackTrace(),
+            text: log.text,
+            type: log.type,
+        });
+    };
+    if (onBrowserLog) {
+        page.on('console', logCallback);
+    }
+    await (0, set_props_and_env_1.setPropsAndEnv)({
+        serializedInputPropsWithCustomSchema,
+        envVariables,
+        page,
+        serveUrl,
+        initialFrame,
+        timeoutInMilliseconds,
+        proxyPort,
+        retriesRemaining: 2,
+        audioEnabled: !muted,
+        videoEnabled: imageFormat !== 'none',
+        indent,
+        logLevel,
+        onServeUrlVisited: () => undefined,
+    });
+    await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
+        // eslint-disable-next-line max-params
+        pageFunction: (id, props, durationInFrames, fps, height, width, defaultCodec) => {
+            window.remotion_setBundleMode({
+                type: 'composition',
+                compositionName: id,
+                serializedResolvedPropsWithSchema: props,
+                compositionDurationInFrames: durationInFrames,
+                compositionFps: fps,
+                compositionHeight: height,
+                compositionWidth: width,
+                compositionDefaultCodec: defaultCodec,
+            });
+        },
+        args: [
+            composition.id,
+            serializedResolvedPropsWithCustomSchema,
+            composition.durationInFrames,
+            composition.fps,
+            composition.height,
+            composition.width,
+            composition.defaultCodec,
+        ],
+        frame: null,
+        page,
+        timeoutInMilliseconds,
+    });
+    page.off('console', logCallback);
+    return page;
+};
+exports.makePage = makePage;

package/dist/next-frame-to-render.d.ts

@@ -0,0 +1,10 @@
+export declare const nextFrameToRenderState: ({ allFramesAndExtraFrames, concurrencyOrFramesToRender: _concurrency, }: {
+    allFramesAndExtraFrames: number[];
+    concurrencyOrFramesToRender: number;
+}) => {
+    getNextFrame: (_pageIndex: number) => number;
+};
+type Fn = typeof nextFrameToRenderState;
+export type NextFrameToRender = ReturnType<Fn>;
+export declare const partitionedNextFrameToRenderState: Fn;
+export {};

package/dist/next-frame-to-render.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.partitionedNextFrameToRenderState = exports.nextFrameToRenderState = void 0;
+const render_partitions_1 = require("./render-partitions");
+const nextFrameToRenderState = ({ allFramesAndExtraFrames, 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+concurrencyOrFramesToRender: _concurrency, }) => {
+    const rendered = new Map();
+    return {
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        getNextFrame: (_pageIndex) => {
+            const nextFrame = allFramesAndExtraFrames.find((frame) => {
+                return !rendered.has(frame);
+            });
+            if (nextFrame === undefined) {
+                throw new Error('No more frames to render');
+            }
+            rendered.set(nextFrame, true);
+            return nextFrame;
+        },
+    };
+};
+exports.nextFrameToRenderState = nextFrameToRenderState;
+const partitionedNextFrameToRenderState = ({ allFramesAndExtraFrames, concurrencyOrFramesToRender: concurrency, }) => {
+    const partitions = (0, render_partitions_1.renderPartitions)({
+        frames: allFramesAndExtraFrames,
+        concurrency,
+    });
+    return {
+        getNextFrame: (pageIndex) => {
+            return partitions.getNextFrame(pageIndex);
+        },
+    };
+};
+exports.partitionedNextFrameToRenderState = partitionedNextFrameToRenderState;

package/dist/open-browser.js

@@ -51,7 +51,7 @@ const getOpenGlRenderer = (option) => {
     return [`--use-gl=${renderer}`];
 };
 const internalOpenBrowser = async ({ browser, browserExecutable, chromiumOptions, forceDeviceScaleFactor, indent, viewport, logLevel, onBrowserDownload, chromeMode, }) => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     // @ts-expect-error Firefox
     if (browser === 'firefox') {
         throw new TypeError('Firefox supported is not yet turned on. Stay tuned for the future.');
@@ -165,8 +165,8 @@ const internalOpenBrowser = async ({ browser, browserExecutable, chromiumOptions
             deviceScaleFactor: 1,
         },
     });
-    const pages = await browserInstance.pages(logLevel, indent);
-    await pages[0].close();
+    const pages = await browserInstance.pages();
+    await ((_d = pages[0]) === null || _d === void 0 ? void 0 : _d.close());
     (0, browser_instances_1.addHeadlessBrowser)(browserInstance);
     return browserInstance;
 };

package/dist/options/gl.d.ts

@@ -1,7 +1,7 @@
 export declare const validOpenGlRenderers: readonly ["swangle", "angle", "egl", "swiftshader", "vulkan", "angle-egl"];
 export type OpenGlRenderer = (typeof validOpenGlRenderers)[number];
 export declare const DEFAULT_OPENGL_RENDERER: OpenGlRenderer | null;
-export declare const getChromiumOpenGlRenderer: () => "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
+export declare const getChromiumOpenGlRenderer: () => "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
 export declare const setChromiumOpenGlRenderer: (renderer: OpenGlRenderer) => void;
 export declare const glOption: {
     cliFlag: "gl";

package/dist/options/index.d.ts

@@ -171,7 +171,7 @@ export declare const allOptions: {
     webhookCustomDataOption: {
         name: string;
         cliFlag: "webhook-custom-data";
-        description: (type: "ssr" | "cli") => import("react/jsx-runtime").JSX.Element;
+        description: (type: "cli" | "ssr") => import("react/jsx-runtime").JSX.Element;
         ssrName: "customData";
         docLink: string;
         type: Record<string, unknown> | null;
@@ -584,7 +584,7 @@ export declare const allOptions: {
     metadataOption: {
         name: string;
         cliFlag: "metadata";
-        description: (mode: "ssr" | "cli") => import("react/jsx-runtime").JSX.Element;
+        description: (mode: "cli" | "ssr") => import("react/jsx-runtime").JSX.Element;
         docLink: string;
         type: import("./metadata").Metadata;
         getValue: ({ commandLine }: {