@remotion/renderer 4.0.61 → 4.0.63

package/dist/browser/Browser.d.ts

@@ -14,11 +14,11 @@
  * limitations under the License.
  */
 import type { LogLevel } from '../log-level';
-import type { AnySourceMapConsumer } from '../symbolicate-stacktrace';
 import type { Page } from './BrowserPage';
 import type { Connection } from './Connection';
 import { EventEmitter } from './EventEmitter';
 import type { Viewport } from './PuppeteerViewport';
+import type { SourceMapGetter } from './source-map-getter';
 import { Target } from './Target';
 type BrowserCloseCallback = () => Promise<void> | void;
 interface WaitForTargetOptions {
@@ -51,8 +51,8 @@ export declare class HeadlessBrowser extends EventEmitter {
         rememberEventLoop: () => void;
     });
     browserContexts(): BrowserContext[];
-    newPage(context: Promise<AnySourceMapConsumer | null>, logLevel: LogLevel, indent: boolean): Promise<Page>;
-    _createPageInContext(context: Promise<AnySourceMapConsumer | null>, logLevel: LogLevel, indent: boolean): Promise<Page>;
+    newPage(context: SourceMapGetter, logLevel: LogLevel, indent: boolean): Promise<Page>;
+    _createPageInContext(context: SourceMapGetter, logLevel: LogLevel, indent: boolean): Promise<Page>;
     targets(): Target[];
     waitForTarget(predicate: (x: Target) => boolean | Promise<boolean>, options?: WaitForTargetOptions): Promise<Target>;
     pages(logLevel: LogLevel, indent: boolean): Promise<Page[]>;
@@ -67,7 +67,7 @@ export declare class BrowserContext extends EventEmitter {
         timeout?: number;
     }): Promise<Target>;
     pages(logLevel: LogLevel, indent: boolean): Promise<Page[]>;
-    newPage(context: Promise<AnySourceMapConsumer | null>, logLevel: LogLevel, indent: boolean): Promise<Page>;
+    newPage(context: SourceMapGetter, logLevel: LogLevel, indent: boolean): Promise<Page>;
     browser(): HeadlessBrowser;
 }
 export {};

package/dist/browser/Browser.js

@@ -204,7 +204,7 @@ class BrowserContext extends EventEmitter_1.EventEmitter {
     async pages(logLevel, indent) {
         const pages = await Promise.all(this.targets()
             .filter((target) => target.type() === 'page')
-            .map((target) => target.page(Promise.resolve(null), logLevel, indent)));
+            .map((target) => target.page(() => null, logLevel, indent)));
         return pages.filter((page) => {
             return Boolean(page);
         });

package/dist/browser/BrowserPage.d.ts

@@ -14,7 +14,6 @@
  * limitations under the License.
  */
 import type { LogLevel } from '../log-level';
-import type { AnySourceMapConsumer } from '../symbolicate-stacktrace';
 import type { HeadlessBrowser } from './Browser';
 import type { CDPSession } from './Connection';
 import { ConsoleMessage } from './ConsoleMessage';
@@ -24,6 +23,7 @@ import type { Frame } from './FrameManager';
 import type { HTTPResponse } from './HTTPResponse';
 import type { JSHandle } from './JSHandle';
 import type { Viewport } from './PuppeteerViewport';
+import type { SourceMapGetter } from './source-map-getter';
 import type { Target } from './Target';
 import { TaskQueue } from './TaskQueue';
 interface WaitForOptions {
@@ -42,25 +42,25 @@ interface PageEventObject {
 export declare class Page extends EventEmitter {
     #private;
     id: string;
-    static _create({ client, target, defaultViewport, browser, sourcemapContext, logLevel, indent, }: {
+    static _create({ client, target, defaultViewport, browser, sourceMapGetter, logLevel, indent, }: {
         client: CDPSession;
         target: Target;
         defaultViewport: Viewport;
         browser: HeadlessBrowser;
-        sourcemapContext: Promise<AnySourceMapConsumer | null>;
+        sourceMapGetter: SourceMapGetter;
         logLevel: LogLevel;
         indent: boolean;
     }): Promise<Page>;
     closed: boolean;
     browser: HeadlessBrowser;
     screenshotTaskQueue: TaskQueue;
-    sourcemapContext: AnySourceMapConsumer | null;
+    sourceMapGetter: SourceMapGetter;
     logLevel: LogLevel;
-    constructor({ client, target, browser, sourcemapContext, logLevel, indent, }: {
+    constructor({ client, target, browser, sourceMapGetter, logLevel, indent, }: {
         client: CDPSession;
         target: Target;
         browser: HeadlessBrowser;
-        sourcemapContext: Promise<AnySourceMapConsumer | null>;
+        sourceMapGetter: SourceMapGetter;
         logLevel: LogLevel;
         indent: boolean;
     });
@@ -99,6 +99,6 @@ export declare class Page extends EventEmitter {
     close(options?: {
         runBeforeUnload?: boolean;
     }): Promise<void>;
-    setBrowserSourceMapContext(context: Promise<AnySourceMapConsumer | null>): void;
+    setBrowserSourceMapGetter(context: SourceMapGetter): void;
 }
 export {};

package/dist/browser/BrowserPage.js

@@ -49,12 +49,12 @@ const shouldHideWarning = (log) => {
     return false;
 };
 class Page extends EventEmitter_1.EventEmitter {
-    static async _create({ client, target, defaultViewport, browser, sourcemapContext, logLevel, indent, }) {
+    static async _create({ client, target, defaultViewport, browser, sourceMapGetter, logLevel, indent, }) {
         const page = new Page({
             client,
             target,
             browser,
-            sourcemapContext,
+            sourceMapGetter,
             logLevel,
             indent,
         });
@@ -62,7 +62,7 @@ class Page extends EventEmitter_1.EventEmitter {
         await page.setViewport(defaultViewport);
         return page;
     }
-    constructor({ client, target, browser, sourcemapContext, logLevel, indent, }) {
+    constructor({ client, target, browser, sourceMapGetter, logLevel, indent, }) {
         super();
         _Page_instances.add(this);
         this.closed = false;
@@ -71,16 +71,13 @@ class Page extends EventEmitter_1.EventEmitter {
         _Page_timeoutSettings.set(this, new TimeoutSettings_1.TimeoutSettings());
         _Page_frameManager.set(this, void 0);
         _Page_pageBindings.set(this, new Map());
-        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, indent, logLevel), "f");
         this.screenshotTaskQueue = new TaskQueue_1.TaskQueue();
         this.browser = browser;
         this.id = String(Math.random());
-        sourcemapContext.then((context) => {
-            this.sourcemapContext = context;
-        });
+        this.sourceMapGetter = sourceMapGetter;
         this.logLevel = logLevel;
         client.on('Target.attachedToTarget', (event) => {
             switch (event.targetInfo.type) {
@@ -122,8 +119,8 @@ class Page extends EventEmitter_1.EventEmitter {
             }
             if ((url === null || url === void 0 ? void 0 : url.endsWith(remotion_1.Internals.bundleName)) &&
                 lineNumber &&
-                this.sourcemapContext) {
-                const origPosition = (_a = this.sourcemapContext) === null || _a === void 0 ? void 0 : _a.originalPositionFor({
+                this.sourceMapGetter()) {
+                const origPosition = (_a = this.sourceMapGetter()) === null || _a === void 0 ? void 0 : _a.originalPositionFor({
                     column: columnNumber !== null && columnNumber !== void 0 ? columnNumber : 0,
                     line: lineNumber,
                 });
@@ -254,10 +251,8 @@ class Page extends EventEmitter_1.EventEmitter {
             await __classPrivateFieldGet(this, _Page_target, "f")._isClosedPromise;
         }
     }
-    setBrowserSourceMapContext(context) {
-        context.then((ctx) => {
-            this.sourcemapContext = ctx;
-        });
+    setBrowserSourceMapGetter(context) {
+        this.sourceMapGetter = context;
     }
 }
 exports.Page = Page;

package/dist/browser/Target.d.ts

@@ -14,15 +14,15 @@
  * limitations under the License.
  */
 import type { LogLevel } from '../log-level';
-import type { AnySourceMapConsumer } from '../symbolicate-stacktrace';
 import type { BrowserContext, HeadlessBrowser } from './Browser';
 import { Page } from './BrowserPage';
 import type { CDPSession } from './Connection';
 import type { TargetInfo } from './devtools-types';
 import type { Viewport } from './PuppeteerViewport';
+import type { SourceMapGetter } from './source-map-getter';
 export declare class Target {
     #private;
-    _initializedPromise: Promise<boolean>;
+    _initializedPromise: Promise<boolean> | null;
     _initializedCallback: (x: boolean) => void;
     _isClosedPromise: Promise<void>;
     _closedCallback: () => void;
@@ -37,7 +37,7 @@ export declare class Target {
     /**
      * If the target is not of type `"page"` or `"background_page"`, returns `null`.
      */
-    page(sourcemapContext: Promise<AnySourceMapConsumer | null>, logLevel: LogLevel, indent: boolean): Promise<Page | null>;
+    page(sourceMapGetter: SourceMapGetter, logLevel: LogLevel, indent: boolean): 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(sourcemapContext, logLevel, indent) {
+    async page(sourceMapGetter, logLevel, indent) {
         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) => {
@@ -89,7 +89,7 @@ class Target {
                     target: this,
                     defaultViewport: (_a = __classPrivateFieldGet(this, _Target_defaultViewport, "f")) !== null && _a !== void 0 ? _a : null,
                     browser: this.browser(),
-                    sourcemapContext,
+                    sourceMapGetter,
                     logLevel,
                     indent,
                 });

package/dist/browser/source-map-getter.d.ts

@@ -0,0 +1,2 @@
+import type { AnySourceMapConsumer } from '../symbolicate-stacktrace';
+export type SourceMapGetter = () => AnySourceMapConsumer | null;

package/dist/browser/source-map-getter.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/client.d.ts

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

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

@@ -3,12 +3,10 @@ import type { HeadlessBrowser } from './browser/Browser';
 import type { Page } from './browser/BrowserPage';
 import type { LogLevel } from './log-level';
 import type { ChromiumOptions } from './open-browser';
-import type { AnySourceMapConsumer } from './symbolicate-stacktrace';
-export declare const getPageAndCleanupFn: ({ passedInInstance, browserExecutable, chromiumOptions, context, forceDeviceScaleFactor, indent, logLevel, }: {
+export declare const getPageAndCleanupFn: ({ passedInInstance, browserExecutable, chromiumOptions, forceDeviceScaleFactor, indent, logLevel, }: {
     passedInInstance: HeadlessBrowser | undefined;
     browserExecutable: BrowserExecutable | null;
     chromiumOptions: ChromiumOptions;
-    context: AnySourceMapConsumer | null;
     indent: boolean;
     forceDeviceScaleFactor: number | undefined;
     logLevel: LogLevel;

package/dist/get-browser-instance.js

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getPageAndCleanupFn = void 0;
 const browser_1 = require("./browser");
 const open_browser_1 = require("./open-browser");
-const getPageAndCleanupFn = async ({ passedInInstance, browserExecutable, chromiumOptions, context, forceDeviceScaleFactor, indent, logLevel, }) => {
+const getPageAndCleanupFn = async ({ passedInInstance, browserExecutable, chromiumOptions, forceDeviceScaleFactor, indent, logLevel, }) => {
     if (passedInInstance) {
-        const page = await passedInInstance.newPage(Promise.resolve(context), logLevel, indent);
+        const page = await passedInInstance.newPage(() => null, logLevel, indent);
         return {
             page,
             cleanup: () => {
@@ -26,7 +26,7 @@ const getPageAndCleanupFn = async ({ passedInInstance, browserExecutable, chromi
         viewport: null,
         logLevel,
     });
-    const browserPage = await browserInstance.newPage(Promise.resolve(context), logLevel, indent);
+    const browserPage = await browserInstance.newPage(() => null, logLevel, indent);
     return {
         page: browserPage,
         cleanup: () => {

package/dist/get-compositions.js

@@ -83,7 +83,6 @@ const internalGetCompositionsRaw = async ({ browserExecutable, chromiumOptions,
         passedInInstance: puppeteerInstance,
         browserExecutable,
         chromiumOptions,
-        context: null,
         forceDeviceScaleFactor: undefined,
         indent,
         logLevel,
@@ -109,7 +108,7 @@ const internalGetCompositionsRaw = async ({ browserExecutable, chromiumOptions,
             onError,
         })
             .then(({ server: { serveUrl, offthreadPort, sourceMap }, cleanupServer }) => {
-            page.setBrowserSourceMapContext(sourceMap);
+            page.setBrowserSourceMapGetter(sourceMap);
             cleanup.push(() => cleanupServer(true));
             return innerGetCompositions({
                 envVariables,

package/dist/index.d.ts

@@ -138,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: "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;
+    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;
     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;
@@ -330,8 +330,8 @@ export declare const RenderInternals: {
     };
     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" | "pdf" | "webp";
+    DEFAULT_VIDEO_IMAGE_FORMAT: "png" | "jpeg" | "none";
     DEFAULT_JPEG_QUALITY: number;
     chalk: {
         enabled: () => boolean;
@@ -430,7 +430,7 @@ export declare const RenderInternals: {
         frame: number;
         serializedInputPropsWithCustomSchema: string;
         serializedResolvedPropsWithCustomSchema: string;
-        imageFormat: "jpeg" | "png" | "webp" | "pdf";
+        imageFormat: "png" | "jpeg" | "pdf" | "webp";
         jpegQuality: number;
         puppeteerInstance: HeadlessBrowser | null;
         envVariables: Record<string, string>;

package/dist/is-ipv6-supported.d.ts

@@ -0,0 +1 @@
+export declare const isIpV6Supported: () => boolean;

package/dist/is-ipv6-supported.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isIpV6Supported = void 0;
+const os_1 = __importDefault(require("os"));
+let cache = null;
+const calculate = () => {
+    const interfaces = os_1.default.networkInterfaces();
+    for (const iface in interfaces) {
+        for (const configuration of interfaces[iface]) {
+            if (configuration.family === 'IPv6' && !configuration.internal) {
+                return true;
+            }
+        }
+    }
+    return false;
+};
+const isIpV6Supported = () => {
+    if (cache === null) {
+        cache = calculate();
+    }
+    return cache;
+};
+exports.isIpV6Supported = isIpV6Supported;

package/dist/options/gl.d.ts

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

package/dist/prepare-server.d.ts

@@ -1,14 +1,14 @@
 import type { RenderMediaOnDownload } from './assets/download-and-map-assets-to-file';
 import type { DownloadMap } from './assets/download-map';
+import type { SourceMapGetter } from './browser/source-map-getter';
 import type { Compositor } from './compositor/compositor';
 import type { LogLevel } from './log-level';
-import type { AnySourceMapConsumer } from './symbolicate-stacktrace';
 export type RemotionServer = {
     serveUrl: string;
     closeServer: (force: boolean) => Promise<unknown>;
     offthreadPort: number;
     compositor: Compositor;
-    sourceMap: Promise<AnySourceMapConsumer | null>;
+    sourceMap: SourceMapGetter;
     downloadMap: DownloadMap;
 };
 type PrepareServerOptions = {

package/dist/prepare-server.js

@@ -28,18 +28,25 @@ const prepareServer = async ({ webpackConfigOrServeUrl, port, remotionRoot, conc
             indent,
             offthreadVideoCacheSizeInBytes,
         });
+        let remoteSourceMap = null;
+        (0, symbolicate_stacktrace_1.getSourceMapFromRemoteUrl)((0, get_bundle_url_from_serve_url_1.getBundleMapUrlFromServeUrl)(webpackConfigOrServeUrl))
+            .then((s) => {
+            remoteSourceMap = s;
+        })
+            .catch((err) => {
+            logger_1.Log.verbose({ indent, logLevel }, 'Could not fetch sourcemap for ', webpackConfigOrServeUrl, err);
+        });
         return Promise.resolve({
             serveUrl: webpackConfigOrServeUrl,
             closeServer: () => {
                 (0, download_map_1.cleanDownloadMap)(downloadMap);
+                remoteSourceMap === null || remoteSourceMap === void 0 ? void 0 : remoteSourceMap.destroy();
+                remoteSourceMap = null;
                 return closeProxy();
             },
             offthreadPort,
             compositor: comp,
-            sourceMap: (0, symbolicate_stacktrace_1.getSourceMapFromRemoteUrl)((0, get_bundle_url_from_serve_url_1.getBundleMapUrlFromServeUrl)(webpackConfigOrServeUrl)).catch((err) => {
-                logger_1.Log.verbose({ indent, logLevel }, 'Could not fetch sourcemap for ', webpackConfigOrServeUrl, err);
-                return null;
-            }),
+            sourceMap: () => remoteSourceMap,
             downloadMap,
         });
     }
@@ -49,7 +56,14 @@ const prepareServer = async ({ webpackConfigOrServeUrl, port, remotionRoot, conc
     if (!exists) {
         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?`);
     }
-    const sourceMap = (0, symbolicate_stacktrace_1.getSourceMapFromLocalFile)(node_path_1.default.join(webpackConfigOrServeUrl, remotion_1.Internals.bundleName));
+    let localSourceMap = null;
+    (0, symbolicate_stacktrace_1.getSourceMapFromLocalFile)(node_path_1.default.join(webpackConfigOrServeUrl, remotion_1.Internals.bundleName))
+        .then((s) => {
+        localSourceMap = s;
+    })
+        .catch((err) => {
+        logger_1.Log.verbose({ indent, logLevel }, 'Could not fetch sourcemap for ', webpackConfigOrServeUrl, err);
+    });
     const { port: serverPort, close, compositor, } = await (0, serve_static_1.serveStatic)(webpackConfigOrServeUrl, {
         port,
         downloadMap,
@@ -61,7 +75,8 @@ const prepareServer = async ({ webpackConfigOrServeUrl, port, remotionRoot, conc
     });
     return Promise.resolve({
         closeServer: async (force) => {
-            sourceMap.then((s) => s === null || s === void 0 ? void 0 : s.destroy());
+            localSourceMap === null || localSourceMap === void 0 ? void 0 : localSourceMap.destroy();
+            localSourceMap = null;
             (0, download_map_1.cleanDownloadMap)(downloadMap);
             if (!force) {
                 await (0, wait_for_symbolication_error_to_be_done_1.waitForSymbolicationToBeDone)();
@@ -71,7 +86,7 @@ const prepareServer = async ({ webpackConfigOrServeUrl, port, remotionRoot, conc
         serveUrl: `http://localhost:${serverPort}`,
         offthreadPort: serverPort,
         compositor,
-        sourceMap,
+        sourceMap: () => localSourceMap,
         downloadMap,
     });
 };

package/dist/render-frames.js

@@ -37,7 +37,7 @@ const validate_1 = require("./validate");
 const validate_scale_1 = require("./validate-scale");
 const wrap_with_error_handling_1 = require("./wrap-with-error-handling");
 const MAX_RETRIES_PER_FRAME = 1;
-const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serializedInputPropsWithCustomSchema, serializedResolvedPropsWithCustomSchema, jpegQuality, imageFormat, frameRange, onError, envVariables, onBrowserLog, onFrameBuffer, onDownload, pagesArray, serveUrl, composition, timeoutInMilliseconds, scale, actualConcurrency, everyNthFrame, proxyPort, cancelSignal, downloadMap, muted, makeBrowser, browserReplacer, compositor, sourcemapContext, logLevel, indent, parallelEncodingEnabled, }) => {
+const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serializedInputPropsWithCustomSchema, serializedResolvedPropsWithCustomSchema, jpegQuality, imageFormat, frameRange, onError, envVariables, onBrowserLog, onFrameBuffer, onDownload, pagesArray, serveUrl, composition, timeoutInMilliseconds, scale, actualConcurrency, everyNthFrame, proxyPort, cancelSignal, downloadMap, muted, makeBrowser, browserReplacer, compositor, sourceMapGetter, logLevel, indent, parallelEncodingEnabled, }) => {
     if (outputDir) {
         if (!node_fs_1.default.existsSync(outputDir)) {
             node_fs_1.default.mkdirSync(outputDir, {
@@ -130,7 +130,7 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serialized
         countType,
     });
     let framesRendered = 0;
-    const poolPromise = getPool(sourcemapContext);
+    const poolPromise = getPool(sourceMapGetter);
     onStart === null || onStart === void 0 ? void 0 : onStart({
         frameCount: framesToRender.length,
         parallelEncoding: parallelEncodingEnabled,
@@ -270,7 +270,7 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serialized
             await browserReplacer.replaceBrowser(makeBrowser, async () => {
                 const pages = new Array(actualConcurrency)
                     .fill(true)
-                    .map(() => makePage(sourcemapContext));
+                    .map(() => makePage(sourceMapGetter));
                 const puppeteerPages = await Promise.all(pages);
                 const pool = await poolPromise;
                 for (const newPage of puppeteerPages) {
@@ -372,7 +372,7 @@ const internalRenderFramesRaw = ({ browserExecutable, cancelSignal, chromiumOpti
                     makeBrowser,
                     browserReplacer,
                     compositor,
-                    sourcemapContext: sourceMap,
+                    sourceMapGetter: sourceMap,
                     downloadMap,
                     cancelSignal,
                     envVariables,

package/dist/render-still.js

@@ -51,7 +51,7 @@ const validate_1 = require("./validate");
 const validate_puppeteer_timeout_1 = require("./validate-puppeteer-timeout");
 const validate_scale_1 = require("./validate-scale");
 const wrap_with_error_handling_1 = require("./wrap-with-error-handling");
-const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFAULT_STILL_IMAGE_FORMAT, serveUrl, puppeteerInstance, onError, serializedInputPropsWithCustomSchema, envVariables, output, frame = 0, overwrite, browserExecutable, timeoutInMilliseconds, chromiumOptions, scale, proxyPort, cancelSignal, jpegQuality, onBrowserLog, compositor, sourceMapContext, downloadMap, logLevel, indent, serializedResolvedPropsWithCustomSchema, }) => {
+const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFAULT_STILL_IMAGE_FORMAT, serveUrl, puppeteerInstance, onError, serializedInputPropsWithCustomSchema, envVariables, output, frame = 0, overwrite, browserExecutable, timeoutInMilliseconds, chromiumOptions, scale, proxyPort, cancelSignal, jpegQuality, onBrowserLog, compositor, sourceMapGetter, downloadMap, logLevel, indent, serializedResolvedPropsWithCustomSchema, }) => {
     (0, validate_1.validateDimension)(composition.height, 'height', 'in the `config` object passed to `renderStill()`');
     (0, validate_1.validateDimension)(composition.width, 'width', 'in the `config` object passed to `renderStill()`');
     (0, validate_1.validateFps)(composition.fps, 'in the `config` object of `renderStill()`', false);
@@ -95,7 +95,7 @@ const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFA
         viewport: null,
         logLevel,
     }));
-    const page = await browserInstance.newPage(Promise.resolve(sourceMapContext), logLevel, indent);
+    const page = await browserInstance.newPage(sourceMapGetter, logLevel, indent);
     await page.setViewport({
         width: composition.width,
         height: composition.height,
@@ -217,14 +217,14 @@ const internalRenderStillRaw = (options) => {
         })
             .then(({ server, cleanupServer }) => {
             cleanup.push(() => cleanupServer(false));
-            const { serveUrl, offthreadPort, compositor, sourceMap, downloadMap } = server;
+            const { serveUrl, offthreadPort, compositor, sourceMap: sourceMapGetter, downloadMap, } = server;
             return innerRenderStill({
                 ...options,
                 serveUrl,
                 onError,
                 proxyPort: offthreadPort,
                 compositor,
-                sourceMapContext: sourceMap,
+                sourceMapGetter,
                 downloadMap,
             });
         })

package/dist/select-composition.js

@@ -97,7 +97,6 @@ const internalSelectCompositionRaw = async (options) => {
         passedInInstance: puppeteerInstance,
         browserExecutable,
         chromiumOptions,
-        context: null,
         forceDeviceScaleFactor: undefined,
         indent,
         logLevel,
@@ -123,7 +122,7 @@ const internalSelectCompositionRaw = async (options) => {
             onError,
         })
             .then(({ server: { serveUrl, offthreadPort, sourceMap }, cleanupServer }) => {
-            page.setBrowserSourceMapContext(sourceMap);
+            page.setBrowserSourceMapGetter(sourceMap);
             cleanup.push(() => cleanupServer(true));
             return innerSelectComposition({
                 serveUrl,

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

@@ -152,17 +152,21 @@ const innerSetPropsAndEnv = async ({ serializedInputPropsWithCustomSchema, envVa
 };
 const setPropsAndEnv = async (params) => {
     let timeout = null;
-    const result = await Promise.race([
-        innerSetPropsAndEnv(params),
-        new Promise((_, reject) => {
-            timeout = setTimeout(() => {
-                reject(new Error(`Timed out after ${params.timeoutInMilliseconds} while setting up the headless browser. This could be because the you specified takes a long time to load (or network resources that it includes like fonts) or because the browser is not responding. Optimize the site or increase the browser timeout.`));
-            }, params.timeoutInMilliseconds);
-        }),
-    ]);
-    if (timeout !== null) {
-        clearTimeout(timeout);
+    try {
+        const result = await Promise.race([
+            innerSetPropsAndEnv(params),
+            new Promise((_, reject) => {
+                timeout = setTimeout(() => {
+                    reject(new Error(`Timed out after ${params.timeoutInMilliseconds} while setting up the headless browser. This could be because the you specified takes a long time to load (or network resources that it includes like fonts) or because the browser is not responding. Optimize the site or increase the browser timeout.`));
+                }, params.timeoutInMilliseconds);
+            }),
+        ]);
+        return result;
+    }
+    finally {
+        if (timeout !== null) {
+            clearTimeout(timeout);
+        }
     }
-    return result;
 };
 exports.setPropsAndEnv = setPropsAndEnv;

package/dist/test-gpu.js

@@ -8,7 +8,6 @@ const getChromiumGpuInformation = async ({ browserExecutable, indent, logLevel,
         passedInInstance: undefined,
         browserExecutable,
         chromiumOptions,
-        context: null,
         forceDeviceScaleFactor: undefined,
         indent,
         logLevel,

package/dist/validate-opengl-renderer.d.ts

@@ -0,0 +1,4 @@
+export declare const validOpenGlRenderers: readonly ["swangle", "angle", "egl", "swiftshader"];
+export type OpenGlRenderer = (typeof validOpenGlRenderers)[number];
+export declare const DEFAULT_OPENGL_RENDERER: OpenGlRenderer | null;
+export declare const validateOpenGlRenderer: (option: OpenGlRenderer | null) => OpenGlRenderer | null;

package/dist/validate-opengl-renderer.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateOpenGlRenderer = exports.DEFAULT_OPENGL_RENDERER = exports.validOpenGlRenderers = void 0;
+exports.validOpenGlRenderers = [
+    'swangle',
+    'angle',
+    'egl',
+    'swiftshader',
+];
+exports.DEFAULT_OPENGL_RENDERER = null;
+const validateOpenGlRenderer = (option) => {
+    if (option === null) {
+        return null;
+    }
+    if (!exports.validOpenGlRenderers.includes(option)) {
+        throw new TypeError(`${option} is not a valid GL backend. Accepted values: ${exports.validOpenGlRenderers.join(', ')}`);
+    }
+    return option;
+};
+exports.validateOpenGlRenderer = validateOpenGlRenderer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/renderer",
-  "version": "4.0.61",
+  "version": "4.0.63",
   "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.61"
+    "remotion": "4.0.63"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -40,13 +40,13 @@
     "vitest": "0.31.1"
   },
   "optionalDependencies": {
-    "@remotion/compositor-darwin-arm64": "4.0.61",
-    "@remotion/compositor-darwin-x64": "4.0.61",
-    "@remotion/compositor-linux-arm64-musl": "4.0.61",
-    "@remotion/compositor-linux-x64-gnu": "4.0.61",
-    "@remotion/compositor-linux-x64-musl": "4.0.61",
-    "@remotion/compositor-linux-arm64-gnu": "4.0.61",
-    "@remotion/compositor-win32-x64-msvc": "4.0.61"
+    "@remotion/compositor-darwin-arm64": "4.0.63",
+    "@remotion/compositor-darwin-x64": "4.0.63",
+    "@remotion/compositor-linux-arm64-gnu": "4.0.63",
+    "@remotion/compositor-linux-arm64-musl": "4.0.63",
+    "@remotion/compositor-linux-x64-musl": "4.0.63",
+    "@remotion/compositor-linux-x64-gnu": "4.0.63",
+    "@remotion/compositor-win32-x64-msvc": "4.0.63"
   },
   "keywords": [
     "remotion",