@remotion/renderer 4.0.210 → 4.0.212

package/dist/browser/NetworkEventManager.d.ts

@@ -14,11 +14,12 @@ type RedirectInfo = {
 export declare class NetworkEventManager {
     #private;
     forget(networkRequestId: NetworkRequestId): void;
-    responseExtraInfo(networkRequestId: NetworkRequestId): ResponseReceivedExtraInfoEvent[];
+    queueFailedLoadInfo(networkRequestId: NetworkRequestId, event: LoadingFailedEvent): void;
+    getFailedLoadInfo(networkRequestId: NetworkRequestId): LoadingFailedEvent | undefined;
+    getResponseExtraInfo(networkRequestId: NetworkRequestId): ResponseReceivedExtraInfoEvent[];
     private queuedRedirectInfo;
     queueRedirectInfo(fetchRequestId: FetchRequestId, redirectInfo: RedirectInfo): void;
     takeQueuedRedirectInfo(fetchRequestId: FetchRequestId): RedirectInfo | undefined;
-    numRequestsInProgress(): number;
     storeRequestWillBeSent(networkRequestId: NetworkRequestId, event: RequestWillBeSentEvent): void;
     getRequestWillBeSent(networkRequestId: NetworkRequestId): RequestWillBeSentEvent | undefined;
     forgetRequestWillBeSent(networkRequestId: NetworkRequestId): void;

package/dist/browser/NetworkEventManager.js

@@ -4,7 +4,7 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
-var _NetworkEventManager_requestWillBeSentMap, _NetworkEventManager_requestPausedMap, _NetworkEventManager_httpRequestsMap, _NetworkEventManager_responseReceivedExtraInfoMap, _NetworkEventManager_queuedRedirectInfoMap, _NetworkEventManager_queuedEventGroupMap;
+var _NetworkEventManager_requestWillBeSentMap, _NetworkEventManager_requestPausedMap, _NetworkEventManager_httpRequestsMap, _NetworkEventManager_responseReceivedExtraInfoMap, _NetworkEventManager_queuedRedirectInfoMap, _NetworkEventManager_queuedEventGroupMap, _NetworkEventManager_failedLoadInfoMap;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NetworkEventManager = void 0;
 class NetworkEventManager {
@@ -15,6 +15,7 @@ class NetworkEventManager {
         _NetworkEventManager_responseReceivedExtraInfoMap.set(this, new Map());
         _NetworkEventManager_queuedRedirectInfoMap.set(this, new Map());
         _NetworkEventManager_queuedEventGroupMap.set(this, new Map());
+        _NetworkEventManager_failedLoadInfoMap.set(this, new Map());
     }
     forget(networkRequestId) {
         __classPrivateFieldGet(this, _NetworkEventManager_requestWillBeSentMap, "f").delete(networkRequestId);
@@ -22,8 +23,16 @@ class NetworkEventManager {
         __classPrivateFieldGet(this, _NetworkEventManager_queuedEventGroupMap, "f").delete(networkRequestId);
         __classPrivateFieldGet(this, _NetworkEventManager_queuedRedirectInfoMap, "f").delete(networkRequestId);
         __classPrivateFieldGet(this, _NetworkEventManager_responseReceivedExtraInfoMap, "f").delete(networkRequestId);
+        __classPrivateFieldGet(this, _NetworkEventManager_failedLoadInfoMap, "f").delete(networkRequestId);
     }
-    responseExtraInfo(networkRequestId) {
+    queueFailedLoadInfo(networkRequestId, event) {
+        __classPrivateFieldGet(this, _NetworkEventManager_failedLoadInfoMap, "f").set(networkRequestId, { event });
+    }
+    getFailedLoadInfo(networkRequestId) {
+        var _a;
+        return (_a = __classPrivateFieldGet(this, _NetworkEventManager_failedLoadInfoMap, "f").get(networkRequestId)) === null || _a === void 0 ? void 0 : _a.event;
+    }
+    getResponseExtraInfo(networkRequestId) {
         if (!__classPrivateFieldGet(this, _NetworkEventManager_responseReceivedExtraInfoMap, "f").has(networkRequestId)) {
             __classPrivateFieldGet(this, _NetworkEventManager_responseReceivedExtraInfoMap, "f").set(networkRequestId, []);
         }
@@ -41,11 +50,6 @@ class NetworkEventManager {
     takeQueuedRedirectInfo(fetchRequestId) {
         return this.queuedRedirectInfo(fetchRequestId).shift();
     }
-    numRequestsInProgress() {
-        return [...__classPrivateFieldGet(this, _NetworkEventManager_httpRequestsMap, "f")].filter(([, request]) => {
-            return !request.response();
-        }).length;
-    }
     storeRequestWillBeSent(networkRequestId, event) {
         __classPrivateFieldGet(this, _NetworkEventManager_requestWillBeSentMap, "f").set(networkRequestId, event);
     }
@@ -78,4 +82,4 @@ class NetworkEventManager {
     }
 }
 exports.NetworkEventManager = NetworkEventManager;
-_NetworkEventManager_requestWillBeSentMap = new WeakMap(), _NetworkEventManager_requestPausedMap = new WeakMap(), _NetworkEventManager_httpRequestsMap = new WeakMap(), _NetworkEventManager_responseReceivedExtraInfoMap = new WeakMap(), _NetworkEventManager_queuedRedirectInfoMap = new WeakMap(), _NetworkEventManager_queuedEventGroupMap = new WeakMap();
+_NetworkEventManager_requestWillBeSentMap = new WeakMap(), _NetworkEventManager_requestPausedMap = new WeakMap(), _NetworkEventManager_httpRequestsMap = new WeakMap(), _NetworkEventManager_responseReceivedExtraInfoMap = new WeakMap(), _NetworkEventManager_queuedRedirectInfoMap = new WeakMap(), _NetworkEventManager_queuedEventGroupMap = new WeakMap(), _NetworkEventManager_failedLoadInfoMap = new WeakMap();

package/dist/browser/NetworkManager.d.ts

@@ -33,6 +33,5 @@ export declare class NetworkManager extends EventEmitter {
     #private;
     constructor(client: CDPSession, frameManager: FrameManager, indent: boolean, logLevel: LogLevel);
     initialize(): Promise<void>;
-    numRequestsInProgress(): number;
 }
 export {};

package/dist/browser/NetworkManager.js

@@ -28,8 +28,8 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
 var _NetworkManager_instances, _NetworkManager_client, _NetworkManager_frameManager, _NetworkManager_networkEventManager, _NetworkManager_indent, _NetworkManager_logLevel, _NetworkManager_onRequestWillBeSent, _NetworkManager_onRequestPaused, _NetworkManager_patchRequestEventHeaders, _NetworkManager_onRequest, _NetworkManager_onRequestServedFromCache, _NetworkManager_handleRequestRedirect, _NetworkManager_emitResponseEvent, _NetworkManager_onResponseReceived, _NetworkManager_onResponseReceivedExtraInfo, _NetworkManager_forgetRequest, _NetworkManager_onLoadingFinished, _NetworkManager_emitLoadingFinished, _NetworkManager_onLoadingFailed, _NetworkManager_emitLoadingFailed;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NetworkManager = exports.NetworkManagerEmittedEvents = void 0;
-const logger_1 = require("../logger");
 const EventEmitter_1 = require("./EventEmitter");
+const handle_failed_resource_1 = require("./handle-failed-resource");
 const HTTPRequest_1 = require("./HTTPRequest");
 const HTTPResponse_1 = require("./HTTPResponse");
 const NetworkEventManager_1 = require("./NetworkEventManager");
@@ -60,9 +60,6 @@ class NetworkManager extends EventEmitter_1.EventEmitter {
     async initialize() {
         await __classPrivateFieldGet(this, _NetworkManager_client, "f").send('Network.enable');
     }
-    numRequestsInProgress() {
-        return __classPrivateFieldGet(this, _NetworkManager_networkEventManager, "f").numRequestsInProgress();
-    }
 }
 exports.NetworkManager = NetworkManager;
 _NetworkManager_client = new WeakMap(), _NetworkManager_frameManager = new WeakMap(), _NetworkManager_networkEventManager = new WeakMap(), _NetworkManager_indent = new WeakMap(), _NetworkManager_logLevel = new WeakMap(), _NetworkManager_instances = new WeakSet(), _NetworkManager_onRequestWillBeSent = function _NetworkManager_onRequestWillBeSent(event) {
@@ -108,7 +105,7 @@ _NetworkManager_client = new WeakMap(), _NetworkManager_frameManager = new WeakM
         let redirectResponseExtraInfo = null;
         if (event.redirectHasExtraInfo) {
             redirectResponseExtraInfo = __classPrivateFieldGet(this, _NetworkManager_networkEventManager, "f")
-                .responseExtraInfo(event.requestId)
+                .getResponseExtraInfo(event.requestId)
                 .shift();
             if (!redirectResponseExtraInfo) {
                 __classPrivateFieldGet(this, _NetworkManager_networkEventManager, "f").queueRedirectInfo(event.requestId, {
@@ -146,7 +143,6 @@ _NetworkManager_client = new WeakMap(), _NetworkManager_frameManager = new WeakM
     if (!request) {
         return;
     }
-    __classPrivateFieldGet(this, _NetworkManager_networkEventManager, "f").responseExtraInfo(responseReceived.requestId);
     const response = new HTTPResponse_1.HTTPResponse(responseReceived.response, extraInfo);
     request._response = response;
 }, _NetworkManager_onResponseReceived = function _NetworkManager_onResponseReceived(event) {
@@ -154,7 +150,7 @@ _NetworkManager_client = new WeakMap(), _NetworkManager_frameManager = new WeakM
     let extraInfo = null;
     if (request && !request._fromMemoryCache && event.hasExtraInfo) {
         extraInfo = __classPrivateFieldGet(this, _NetworkManager_networkEventManager, "f")
-            .responseExtraInfo(event.requestId)
+            .getResponseExtraInfo(event.requestId)
             .shift();
         if (!extraInfo) {
             // Wait until we get the corresponding ExtraInfo event.
@@ -171,7 +167,9 @@ _NetworkManager_client = new WeakMap(), _NetworkManager_frameManager = new WeakM
     // request.
     const redirectInfo = __classPrivateFieldGet(this, _NetworkManager_networkEventManager, "f").takeQueuedRedirectInfo(event.requestId);
     if (redirectInfo) {
-        __classPrivateFieldGet(this, _NetworkManager_networkEventManager, "f").responseExtraInfo(event.requestId).push(event);
+        __classPrivateFieldGet(this, _NetworkManager_networkEventManager, "f")
+            .getResponseExtraInfo(event.requestId)
+            .push(event);
         __classPrivateFieldGet(this, _NetworkManager_instances, "m", _NetworkManager_onRequest).call(this, redirectInfo.event, redirectInfo.fetchRequestId);
         return;
     }
@@ -190,7 +188,7 @@ _NetworkManager_client = new WeakMap(), _NetworkManager_frameManager = new WeakM
         return;
     }
     // Wait until we get another event that can use this ExtraInfo event.
-    __classPrivateFieldGet(this, _NetworkManager_networkEventManager, "f").responseExtraInfo(event.requestId).push(event);
+    __classPrivateFieldGet(this, _NetworkManager_networkEventManager, "f").getResponseExtraInfo(event.requestId).push(event);
 }, _NetworkManager_forgetRequest = function _NetworkManager_forgetRequest(request, events) {
     const requestId = request._requestId;
     __classPrivateFieldGet(this, _NetworkManager_networkEventManager, "f").forgetRequest(requestId);
@@ -226,22 +224,23 @@ _NetworkManager_client = new WeakMap(), _NetworkManager_frameManager = new WeakM
         __classPrivateFieldGet(this, _NetworkManager_instances, "m", _NetworkManager_emitLoadingFailed).call(this, event);
     }
 }, _NetworkManager_emitLoadingFailed = function _NetworkManager_emitLoadingFailed(event) {
-    var _a;
     const request = __classPrivateFieldGet(this, _NetworkManager_networkEventManager, "f").getRequest(event.requestId);
     // For certain requestIds we never receive requestWillBeSent event.
     // @see https://crbug.com/750469
     if (!request) {
         return;
     }
-    if (!event.canceled) {
-        logger_1.Log.warn({ indent: __classPrivateFieldGet(this, _NetworkManager_indent, "f"), logLevel: __classPrivateFieldGet(this, _NetworkManager_logLevel, "f") }, `Browser failed to load ${request._url} (${event.type}): ${event.errorText}`);
-        if (event.errorText === 'net::ERR_FAILED' &&
-            event.type === 'Fetch' &&
-            ((_a = request._url) === null || _a === void 0 ? void 0 : _a.includes('/proxy'))) {
-            logger_1.Log.warn({ indent: __classPrivateFieldGet(this, _NetworkManager_indent, "f"), logLevel: __classPrivateFieldGet(this, _NetworkManager_logLevel, "f") }, 'This could be caused by Chrome rejecting the request because the disk space is low.');
-            logger_1.Log.warn({ indent: __classPrivateFieldGet(this, _NetworkManager_indent, "f"), logLevel: __classPrivateFieldGet(this, _NetworkManager_logLevel, "f") }, 'This could be caused by Chrome rejecting the request because the disk space is low.');
-            logger_1.Log.warn({ indent: __classPrivateFieldGet(this, _NetworkManager_indent, "f"), logLevel: __classPrivateFieldGet(this, _NetworkManager_logLevel, "f") }, 'Consider increasing the disk size of your Lambda function.');
-        }
+    if (event.canceled) {
+        __classPrivateFieldGet(this, _NetworkManager_instances, "m", _NetworkManager_forgetRequest).call(this, request, true);
+        return;
     }
+    const extraInfo = __classPrivateFieldGet(this, _NetworkManager_networkEventManager, "f").getResponseExtraInfo(event.requestId);
+    (0, handle_failed_resource_1.handleFailedResource)({
+        extraInfo,
+        event,
+        indent: __classPrivateFieldGet(this, _NetworkManager_indent, "f"),
+        logLevel: __classPrivateFieldGet(this, _NetworkManager_logLevel, "f"),
+        request,
+    });
     __classPrivateFieldGet(this, _NetworkManager_instances, "m", _NetworkManager_forgetRequest).call(this, request, true);
 };

package/dist/browser/handle-failed-resource.d.ts

@@ -0,0 +1,10 @@
+import type { LogLevel } from '../log-level';
+import type { HTTPRequest } from './HTTPRequest';
+import type { LoadingFailedEvent, ResponseReceivedExtraInfoEvent } from './devtools-types';
+export declare const handleFailedResource: ({ extraInfo, logLevel, indent, request, event, }: {
+    extraInfo: ResponseReceivedExtraInfoEvent[];
+    logLevel: LogLevel;
+    indent: boolean;
+    request: HTTPRequest;
+    event: LoadingFailedEvent;
+}) => void;

package/dist/browser/handle-failed-resource.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleFailedResource = void 0;
+const logger_1 = require("../logger");
+const handleFailedResource = ({ extraInfo, logLevel, indent, request, event, }) => {
+    var _a, _b;
+    const firstExtraInfo = (_a = extraInfo[0]) !== null && _a !== void 0 ? _a : null;
+    logger_1.Log.warn({ indent, logLevel }, `Browser failed to load ${request._url} (${event.type}): ${event.errorText}`);
+    if (firstExtraInfo) {
+        logger_1.Log.warn({ indent, logLevel }, `HTTP status code: ${firstExtraInfo.statusCode}, headers:`);
+        logger_1.Log.warn({ indent, logLevel }, JSON.stringify(firstExtraInfo.headers, null, 2));
+    }
+    if (event.errorText === 'net::ERR_FAILED' &&
+        event.type === 'Fetch' &&
+        ((_b = request._url) === null || _b === void 0 ? void 0 : _b.includes('/proxy'))) {
+        logger_1.Log.warn({ indent, logLevel }, 'This could be caused by Chrome rejecting the request because the disk space is low.');
+        logger_1.Log.warn({ indent, logLevel }, 'This could be caused by Chrome rejecting the request because the disk space is low.');
+        logger_1.Log.warn({ indent, logLevel }, 'Consider increasing the disk size of your Lambda function.');
+    }
+};
+exports.handleFailedResource = handleFailedResource;

package/dist/client.d.ts

@@ -10,10 +10,10 @@ export declare const BrowserSafeApis: {
     x264PresetOptions: readonly ["ultrafast", "superfast", "veryfast", "faster", "fast", "medium", "slow", "slower", "veryslow", "placebo"];
     validPixelFormats: readonly ["yuv420p", "yuva420p", "yuv422p", "yuv444p", "yuv420p10le", "yuv422p10le", "yuv444p10le", "yuva444p10le"];
     validOpenGlRenderers: readonly ["swangle", "angle", "egl", "swiftshader", "vulkan", "angle-egl"];
-    validPixelFormatsForCodec: (codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "h264-ts" | "gif") => readonly ["yuv420p", "yuva420p", "yuv422p", "yuv444p", "yuv420p10le", "yuv422p10le", "yuv444p10le", "yuva444p10le"] | ("yuv420p" | "yuv422p" | "yuv444p" | "yuva420p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le")[];
+    validPixelFormatsForCodec: (codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "h264-ts" | "gif") => readonly ["yuv420p", "yuva420p", "yuv422p", "yuv444p", "yuv420p10le", "yuv422p10le", "yuv444p10le", "yuva444p10le"] | ("yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le")[];
     validVideoImageFormats: readonly ["png", "jpeg", "none"];
     validStillImageFormats: readonly ["png", "jpeg", "pdf", "webp"];
-    DEFAULT_PIXEL_FORMAT: "yuv420p" | "yuv422p" | "yuv444p" | "yuva420p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
+    DEFAULT_PIXEL_FORMAT: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
     DEFAULT_TIMEOUT: number;
     DEFAULT_JPEG_QUALITY: number;
     DEFAULT_COLOR_SPACE: "default";
@@ -467,19 +467,19 @@ export declare const BrowserSafeApis: {
             cliFlag: "gl";
             docLink: string;
             name: string;
-            type: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
+            type: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
             ssrName: string;
             description: () => import("react/jsx-runtime").JSX.Element;
             getValue: ({ commandLine }: {
                 commandLine: Record<string, unknown>;
             }) => {
-                value: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl";
+                value: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl";
                 source: string;
             } | {
                 value: null;
                 source: string;
             };
-            setConfig: (value: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null) => void;
+            setConfig: (value: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null) => void;
         };
         enableLambdaInsights: {
             name: string;

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

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

package/dist/index.d.ts

@@ -141,10 +141,10 @@ export declare const RenderInternals: {
     validPixelFormats: readonly ["yuv420p", "yuva420p", "yuv422p", "yuv444p", "yuv420p10le", "yuv422p10le", "yuv444p10le", "yuva444p10le"];
     DEFAULT_BROWSER: "chrome";
     validateFrameRange: (frameRange: import("./frame-range").FrameRange | null) => void;
-    DEFAULT_OPENGL_RENDERER: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
-    validateOpenGlRenderer: (option: unknown) => "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
+    DEFAULT_OPENGL_RENDERER: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
+    validateOpenGlRenderer: (option: unknown) => "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
     validCodecs: readonly ["h264", "h265", "vp8", "vp9", "mp3", "aac", "wav", "prores", "h264-mkv", "h264-ts", "gif"];
-    DEFAULT_PIXEL_FORMAT: "yuv420p" | "yuv422p" | "yuv444p" | "yuva420p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
+    DEFAULT_PIXEL_FORMAT: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
     validateJpegQuality: (q: unknown) => void;
     DEFAULT_TIMEOUT: number;
     DEFAULT_CODEC: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "h264-ts" | "gif";
@@ -338,7 +338,7 @@ export declare const RenderInternals: {
     makeFileExtensionMap: () => Record<string, ("h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "h264-ts" | "gif")[]>;
     defaultCodecsForFileExtension: Record<import("./file-extensions").FileExtension, "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "h264-ts" | "gif">;
     getExecutablePath: ({ indent, logLevel, type, binariesDirectory, }: {
-        type: "compositor" | "ffmpeg" | "ffprobe";
+        type: "ffmpeg" | "ffprobe" | "compositor";
         indent: boolean;
         logLevel: "verbose" | "info" | "warn" | "error";
         binariesDirectory: string | null;
@@ -767,7 +767,7 @@ export declare const RenderInternals: {
         scale: number;
         port: number | null;
         cancelSignal: import("./make-cancel-signal").CancelSignal | undefined;
-        composition: Omit<import("remotion").VideoConfig, "props" | "defaultProps">;
+        composition: Omit<import("remotion").VideoConfig, "defaultProps" | "props">;
         indent: boolean;
         server: import("./prepare-server").RemotionServer | undefined;
         muted: boolean;

package/dist/options/gl.d.ts

@@ -1,19 +1,19 @@
 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: () => "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
+export declare const getChromiumOpenGlRenderer: () => "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
 export declare const setChromiumOpenGlRenderer: (renderer: OpenGlRenderer) => void;
 export declare const glOption: {
     cliFlag: "gl";
     docLink: string;
     name: string;
-    type: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
+    type: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
     ssrName: string;
     description: () => import("react/jsx-runtime").JSX.Element;
     getValue: ({ commandLine }: {
         commandLine: Record<string, unknown>;
     }) => {
-        value: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl";
+        value: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl";
         source: string;
     } | {
         value: null;

package/dist/options/index.d.ts

@@ -245,19 +245,19 @@ export declare const allOptions: {
         cliFlag: "gl";
         docLink: string;
         name: string;
-        type: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
+        type: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
         ssrName: string;
         description: () => import("react/jsx-runtime").JSX.Element;
         getValue: ({ commandLine }: {
             commandLine: Record<string, unknown>;
         }) => {
-            value: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl";
+            value: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl";
             source: string;
         } | {
             value: null;
             source: string;
         };
-        setConfig: (value: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null) => void;
+        setConfig: (value: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null) => void;
     };
     enableLambdaInsights: {
         name: string;

package/dist/options/mute.js

@@ -13,7 +13,8 @@ exports.mutedOption = {
     docLink: 'https://www.remotion.dev/docs/using-audio/#muted-property',
     type: false,
     getValue: ({ commandLine }) => {
-        if (commandLine[cliFlag] !== undefined) {
+        // we set in minimist `muted` default as null
+        if (commandLine[cliFlag] !== null) {
             return {
                 source: 'cli',
                 value: commandLine[cliFlag],

package/dist/pixel-format.d.ts

@@ -2,5 +2,5 @@ import type { Codec } from './codec';
 export declare const validPixelFormats: readonly ["yuv420p", "yuva420p", "yuv422p", "yuv444p", "yuv420p10le", "yuv422p10le", "yuv444p10le", "yuva444p10le"];
 export type PixelFormat = (typeof validPixelFormats)[number];
 export declare const DEFAULT_PIXEL_FORMAT: PixelFormat;
-export declare const validPixelFormatsForCodec: (codec: Codec) => readonly ["yuv420p", "yuva420p", "yuv422p", "yuv444p", "yuv420p10le", "yuv422p10le", "yuv444p10le", "yuva444p10le"] | ("yuv420p" | "yuv422p" | "yuv444p" | "yuva420p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le")[];
+export declare const validPixelFormatsForCodec: (codec: Codec) => readonly ["yuv420p", "yuva420p", "yuv422p", "yuv444p", "yuv420p10le", "yuv422p10le", "yuv444p10le", "yuva444p10le"] | ("yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le")[];
 export declare const validateSelectedPixelFormatAndCodecCombination: (pixelFormat: PixelFormat | undefined, codec: Codec) => undefined;

package/dist/port-config.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 /// <reference types="bun-types" />
 /// <reference types="node" />
 /// <reference types="node" />
@@ -7,6 +6,7 @@
 /// <reference types="node" />
 /// <reference types="bun-types" />
 /// <reference types="bun-types" />
+/// <reference types="node" />
 import type { NetworkInterfaceInfo } from 'os';
 import os from 'os';
 type PortConfig = {
@@ -14,7 +14,7 @@ type PortConfig = {
     hostsToTry: string[];
 };
 export declare const getPortConfig: (preferIpv4: boolean) => PortConfig;
-export declare const getHostToBind: (flattened: os.NetworkInterfaceInfo[], preferIpv4: boolean) => "::" | "0.0.0.0";
+export declare const getHostToBind: (flattened: os.NetworkInterfaceInfo[], preferIpv4: boolean) => "0.0.0.0" | "::";
 export declare const getHostsToTry: (flattened: os.NetworkInterfaceInfo[]) => string[];
 export declare const flattenNetworkInterfaces: (networkInterfaces: NodeJS.Dict<NetworkInterfaceInfo[]>) => NetworkInterfaceInfo[];
 export declare const isIpV6Supported: (flattened: os.NetworkInterfaceInfo[]) => boolean;

package/dist/serve-handler/index.js

@@ -201,6 +201,7 @@ const serveHandler = async (request, response, config) => {
             `bytes ${streamOpts.start}-${streamOpts.end}/${stats.size}`;
         headers['Content-Length'] = String(streamOpts.end - streamOpts.start + 1);
     }
+    headers['Cache-Control'] = 'no-cache, no-store, must-revalidate';
     response.writeHead(response.statusCode || 200, headers);
     stream.pipe(response);
 };

package/ensure-browser.mjs

@@ -3161,9 +3161,9 @@ var defaultBrowserDownloadProgress = ({
 }) => () => {
   Log.info({ indent, logLevel }, "Downloading Chrome Headless Shell https://www.remotion.dev/docs/miscellaneous/chrome-headless-shell");
   Log.info({ indent, logLevel }, `Customize this behavior by adding a onBrowserDownload function to ${api}.`);
+  let lastProgress = 0;
   return {
     onProgress: (progress) => {
-      let lastProgress = 0;
       if (progress.downloadedBytes > lastProgress + 1e7) {
         lastProgress = progress.downloadedBytes;
         Log.info({ indent, logLevel }, `Downloading Chrome Headless Shell - ${toMegabytes(progress.downloadedBytes)}/${toMegabytes(progress.totalSizeInBytes)}`);

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/renderer"
   },
   "name": "@remotion/renderer",
-  "version": "4.0.210",
+  "version": "4.0.212",
   "description": "Render Remotion videos using Node.js or Bun",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -18,8 +18,8 @@
     "extract-zip": "2.0.1",
     "source-map": "^0.8.0-beta.0",
     "ws": "8.17.1",
-    "remotion": "4.0.210",
-    "@remotion/streaming": "4.0.210"
+    "remotion": "4.0.212",
+    "@remotion/streaming": "4.0.212"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -34,13 +34,13 @@
     "@types/ws": "8.5.10"
   },
   "optionalDependencies": {
-    "@remotion/compositor-darwin-arm64": "4.0.210",
-    "@remotion/compositor-darwin-x64": "4.0.210",
-    "@remotion/compositor-linux-arm64-gnu": "4.0.210",
-    "@remotion/compositor-linux-arm64-musl": "4.0.210",
-    "@remotion/compositor-win32-x64-msvc": "4.0.210",
-    "@remotion/compositor-linux-x64-musl": "4.0.210",
-    "@remotion/compositor-linux-x64-gnu": "4.0.210"
+    "@remotion/compositor-darwin-x64": "4.0.212",
+    "@remotion/compositor-darwin-arm64": "4.0.212",
+    "@remotion/compositor-linux-arm64-gnu": "4.0.212",
+    "@remotion/compositor-linux-arm64-musl": "4.0.212",
+    "@remotion/compositor-linux-x64-musl": "4.0.212",
+    "@remotion/compositor-linux-x64-gnu": "4.0.212",
+    "@remotion/compositor-win32-x64-msvc": "4.0.212"
   },
   "keywords": [
     "remotion",

package/dist/streaming.d.ts

@@ -1,11 +0,0 @@
-export declare const streamingKey = "remotion_buffer:";
-export declare const makeStreamer: (onMessage: (statusType: 'success' | 'error', nonce: string, data: Uint8Array) => void) => {
-    onData: (data: Uint8Array) => void;
-    getOutputBuffer: () => Uint8Array;
-    clear: () => void;
-};
-export declare const makeStreamPayloadMessage: ({ status, body, nonce, }: {
-    nonce: string;
-    status: 0 | 1;
-    body: Uint8Array;
-}) => Uint8Array;

package/dist/streaming.js

@@ -1,140 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.makeStreamPayloadMessage = exports.makeStreamer = exports.streamingKey = void 0;
-exports.streamingKey = 'remotion_buffer:';
-const magicWordStr = 'remotion_buffer:';
-const makeStreamer = (onMessage) => {
-    const separator = new Uint8Array(magicWordStr.length);
-    for (let i = 0; i < magicWordStr.length; i++) {
-        separator[i] = magicWordStr.charCodeAt(i);
-    }
-    let unprocessedBuffers = [];
-    let outputBuffer = new Uint8Array(0);
-    let missingData = null;
-    const processInput = () => {
-        let separatorIndex = outputBuffer.indexOf(separator[0]); // Start checking for the first byte of the separator
-        if (separatorIndex === -1 ||
-            outputBuffer
-                .subarray(separatorIndex, separatorIndex + separator.length)
-                .toString() !== separator.toString()) {
-            return;
-        }
-        separatorIndex += separator.length;
-        let nonceString = '';
-        let lengthString = '';
-        let statusString = '';
-        // eslint-disable-next-line no-constant-condition
-        while (true) {
-            if (separatorIndex > outputBuffer.length - 1) {
-                return;
-            }
-            const nextDigit = outputBuffer[separatorIndex];
-            separatorIndex++;
-            if (nextDigit === 0x3a) {
-                break;
-            }
-            nonceString += String.fromCharCode(nextDigit);
-        }
-        // eslint-disable-next-line no-constant-condition
-        while (true) {
-            if (separatorIndex > outputBuffer.length - 1) {
-                return;
-            }
-            const nextDigit = outputBuffer[separatorIndex];
-            separatorIndex++;
-            if (nextDigit === 0x3a) {
-                break;
-            }
-            lengthString += String.fromCharCode(nextDigit);
-        }
-        // eslint-disable-next-line no-constant-condition
-        while (true) {
-            if (separatorIndex > outputBuffer.length - 1) {
-                return;
-            }
-            const nextDigit = outputBuffer[separatorIndex];
-            if (nextDigit === 0x3a) {
-                break;
-            }
-            separatorIndex++;
-            statusString += String.fromCharCode(nextDigit);
-        }
-        const length = Number(lengthString);
-        const status = Number(statusString);
-        const dataLength = outputBuffer.length - separatorIndex - 1;
-        if (dataLength < length) {
-            missingData = {
-                dataMissing: length - dataLength,
-            };
-            return;
-        }
-        const data = outputBuffer.subarray(separatorIndex + 1, separatorIndex + 1 + Number(lengthString));
-        onMessage(status === 1 ? 'error' : 'success', nonceString, data);
-        missingData = null;
-        outputBuffer = outputBuffer.subarray(separatorIndex + Number(lengthString) + 1);
-        processInput();
-    };
-    const onData = (data) => {
-        unprocessedBuffers.push(data);
-        const separatorIndex = data.indexOf(separator[0]);
-        if (separatorIndex === -1) {
-            if (missingData) {
-                missingData.dataMissing -= data.length;
-            }
-            if (!missingData || missingData.dataMissing > 0) {
-                return;
-            }
-        }
-        unprocessedBuffers.unshift(outputBuffer);
-        outputBuffer = new Uint8Array(unprocessedBuffers.reduce((acc, val) => acc + val.length, 0));
-        let offset = 0;
-        for (const buf of unprocessedBuffers) {
-            outputBuffer.set(buf, offset);
-            offset += buf.length;
-        }
-        unprocessedBuffers = [];
-        processInput();
-    };
-    return {
-        onData,
-        getOutputBuffer: () => outputBuffer,
-        clear: () => {
-            unprocessedBuffers = [];
-            outputBuffer = new Uint8Array(0);
-        },
-    };
-};
-exports.makeStreamer = makeStreamer;
-const makeStreamPayloadMessage = ({ status, body, nonce, }) => {
-    const nonceArr = new TextEncoder().encode(nonce);
-    const magicWordArr = new TextEncoder().encode(magicWordStr);
-    const separatorArr = new TextEncoder().encode(':');
-    const bodyLengthArr = new TextEncoder().encode(body.length.toString());
-    const statusArr = new TextEncoder().encode(String(status));
-    // Calculate total length of new Uint8Array
-    const totalLength = nonceArr.length +
-        magicWordArr.length +
-        separatorArr.length * 3 +
-        bodyLengthArr.length +
-        statusArr.length +
-        body.length;
-    // Create a new Uint8Array to hold all combined parts
-    const concat = new Uint8Array(totalLength);
-    let offset = 0;
-    // Function to append data to concat
-    const appendToConcat = (data) => {
-        concat.set(data, offset);
-        offset += data.length;
-    };
-    // Building the final Uint8Array
-    appendToConcat(magicWordArr);
-    appendToConcat(nonceArr);
-    appendToConcat(separatorArr);
-    appendToConcat(bodyLengthArr);
-    appendToConcat(separatorArr);
-    appendToConcat(statusArr);
-    appendToConcat(separatorArr);
-    appendToConcat(body);
-    return concat;
-};
-exports.makeStreamPayloadMessage = makeStreamPayloadMessage;