@remotion/renderer 4.0.198 → 4.0.200

package/dist/browser/NetworkManager.js

@@ -226,6 +226,7 @@ _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
@@ -234,6 +235,13 @@ _NetworkManager_client = new WeakMap(), _NetworkManager_frameManager = new WeakM
     }
     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.');
+        }
     }
     __classPrivateFieldGet(this, _NetworkManager_instances, "m", _NetworkManager_forgetRequest).call(this, request, true);
 };

package/dist/client.d.ts

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

package/dist/error-handling/handle-javascript-exception.js

@@ -66,7 +66,6 @@ const handleJavascriptException = ({ page, onError, frame, }) => {
             return;
         }
         const errorType = (_b = exception.exceptionDetails.exception) === null || _b === void 0 ? void 0 : _b.className;
-        page.close();
         const symbolicatedErr = new symbolicateable_error_1.SymbolicateableError({
             message: removeDelayRenderStack(cleanErrorMessage),
             stackFrame: exception.exceptionDetails.stackTrace.callFrames.map((f) => callFrameToStackFrame(f)),

package/dist/index.d.ts

@@ -141,8 +141,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: unknown) => "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
+    DEFAULT_OPENGL_RENDERER: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
+    validateOpenGlRenderer: (option: unknown) => "swangle" | "angle" | "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" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
     validateJpegQuality: (q: unknown) => void;
@@ -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: "ffmpeg" | "ffprobe" | "compositor";
+        type: "compositor" | "ffmpeg" | "ffprobe";
         indent: boolean;
         logLevel: "verbose" | "info" | "warn" | "error";
         binariesDirectory: string | null;
@@ -354,8 +354,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" | "pdf" | "webp";
+    DEFAULT_VIDEO_IMAGE_FORMAT: "png" | "jpeg" | "none";
     DEFAULT_JPEG_QUALITY: number;
     chalk: {
         enabled: () => boolean;
@@ -453,7 +453,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>;
@@ -754,7 +754,7 @@ export declare const RenderInternals: {
         onFrameUpdate: ((framesRendered: number, frameIndex: number, timeToRenderInMilliseconds: number) => void) | null;
         outputDir: string | null;
         envVariables: Record<string, string>;
-        imageFormat: "jpeg" | "png" | "none";
+        imageFormat: "png" | "jpeg" | "none";
         jpegQuality: number;
         frameRange: import("./frame-range").FrameRange | null;
         everyNthFrame: number;
@@ -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, "defaultProps" | "props">;
+        composition: Omit<import("remotion").VideoConfig, "props" | "defaultProps">;
         indent: boolean;
         server: import("./prepare-server").RemotionServer | undefined;
         muted: boolean;
@@ -990,4 +990,5 @@ export declare const RenderInternals: {
         matroskaH265Aac: string;
         opusWebm: string;
     };
+    printUsefulErrorMessage: (err: Error, logLevel: "verbose" | "info" | "warn" | "error", indent: boolean) => void;
 };

package/dist/index.js

@@ -116,6 +116,7 @@ const make_file_executable_1 = require("./compositor/make-file-executable");
 const ensure_browser_2 = require("./ensure-browser");
 const example_videos_1 = require("./example-videos");
 const audio_codec_1 = require("./options/audio-codec");
+const print_useful_error_message_1 = require("./print-useful-error-message");
 const render_has_audio_1 = require("./render-has-audio");
 const to_megabytes_1 = require("./to-megabytes");
 const validate_puppeteer_timeout_1 = require("./validate-puppeteer-timeout");
@@ -208,6 +209,7 @@ exports.RenderInternals = {
     toMegabytes: to_megabytes_1.toMegabytes,
     internalEnsureBrowser: ensure_browser_2.internalEnsureBrowser,
     exampleVideos: example_videos_1.exampleVideos,
+    printUsefulErrorMessage: print_useful_error_message_1.printUsefulErrorMessage,
 };
 // Warn of potential performance issues with Apple Silicon (M1 chip under Rosetta)
 (0, check_version_requirements_1.checkRuntimeVersion)('info', false);

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: () => "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";
     docLink: string;
     name: string;
-    type: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
+    type: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
     ssrName: string;
     description: () => import("react/jsx-runtime").JSX.Element;
     getValue: ({ commandLine }: {
         commandLine: Record<string, unknown>;
     }) => {
-        value: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl";
+        value: "swangle" | "angle" | "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: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
+        type: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null;
         ssrName: string;
         description: () => import("react/jsx-runtime").JSX.Element;
         getValue: ({ commandLine }: {
             commandLine: Record<string, unknown>;
         }) => {
-            value: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl";
+            value: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl";
             source: string;
         } | {
             value: null;
             source: string;
         };
-        setConfig: (value: "angle" | "swangle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null) => void;
+        setConfig: (value: "swangle" | "angle" | "egl" | "swiftshader" | "vulkan" | "angle-egl" | null) => void;
     };
     enableLambdaInsights: {
         name: string;

package/dist/prepare-server.js

@@ -12,6 +12,7 @@ const download_map_1 = require("./assets/download-map");
 const get_bundle_url_from_serve_url_1 = require("./get-bundle-url-from-serve-url");
 const is_serve_url_1 = require("./is-serve-url");
 const logger_1 = require("./logger");
+const normalize_serve_url_1 = require("./normalize-serve-url");
 const serve_static_1 = require("./serve-static");
 const symbolicate_stacktrace_1 = require("./symbolicate-stacktrace");
 const wait_for_symbolication_error_to_be_done_1 = require("./wait-for-symbolication-error-to-be-done");
@@ -30,16 +31,17 @@ const prepareServer = async ({ webpackConfigOrServeUrl, port, remotionRoot, conc
             binariesDirectory,
             forceIPv4,
         });
+        const normalized = (0, normalize_serve_url_1.normalizeServeUrl)(webpackConfigOrServeUrl);
         let remoteSourceMap = null;
-        (0, symbolicate_stacktrace_1.getSourceMapFromRemoteUrl)((0, get_bundle_url_from_serve_url_1.getBundleMapUrlFromServeUrl)(webpackConfigOrServeUrl))
+        (0, symbolicate_stacktrace_1.getSourceMapFromRemoteUrl)((0, get_bundle_url_from_serve_url_1.getBundleMapUrlFromServeUrl)(normalized))
             .then((s) => {
             remoteSourceMap = s;
         })
             .catch((err) => {
-            logger_1.Log.verbose({ indent, logLevel }, 'Could not fetch sourcemap for ', webpackConfigOrServeUrl, err);
+            logger_1.Log.verbose({ indent, logLevel }, 'Could not fetch sourcemap for ', normalized, err);
         });
         return Promise.resolve({
-            serveUrl: webpackConfigOrServeUrl,
+            serveUrl: normalized,
             closeServer: () => {
                 (0, download_map_1.cleanDownloadMap)(downloadMap);
                 remoteSourceMap === null || remoteSourceMap === void 0 ? void 0 : remoteSourceMap.destroy();

package/dist/print-useful-error-message.js

@@ -77,5 +77,9 @@ const printUsefulErrorMessage = (err, logLevel, indent) => {
         logger_1.Log.info({ indent, logLevel }, '💡 This error might happen if using Cloud Run with credentials that have a newline at the end or are otherwise badly encoded.');
         logger_1.Log.info({ indent, logLevel }, '   https://github.com/remotion-dev/remotion/issues/3864');
     }
+    if (err.message.includes('Failed to fetch')) {
+        logger_1.Log.info({ indent, logLevel }, '💡 On Lambda, one reason this could happen is that Chrome is rejecting an asset to be loaded when it is running low on disk space.');
+        logger_1.Log.info({ indent, logLevel }, 'Try increasing the disk size of your Lambda function.');
+    }
 };
 exports.printUsefulErrorMessage = printUsefulErrorMessage;

package/dist/render-media.js

@@ -455,7 +455,14 @@ const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition, s
                     }, 2000);
                     stitcherFfmpeg.on('close', res);
                 });
-                stitcherFfmpeg.kill();
+                // An exception can happen here:
+                // https://discord.com/channels/809501355504959528/817306238811111454/1273184655348072468
+                try {
+                    stitcherFfmpeg.kill();
+                }
+                catch (e) {
+                    // Ignore
+                }
                 return promise.then(() => {
                     reject(err);
                 });

package/dist/seek-to-frame.js

@@ -83,7 +83,7 @@ const waitForReady = ({ page, timeoutInMilliseconds, frame, indent, logLevel, })
                     timeoutInMilliseconds: 5000,
                 })
                     .then((res) => {
-                    reject(new Error(`Timeout exceeded rendering the component${frame ? ' at frame ' + frame : ''}. ${res.value ? `Open delayRender() handles: ${res.value}` : ''}`));
+                    reject(new Error(`Timeout (${timeoutInMilliseconds}ms) exceeded rendering the component${frame ? ' at frame ' + frame : ' initially'}. ${res.value ? `Open delayRender() handles: ${res.value}` : ''}`));
                 })
                     .catch((newErr) => {
                     logger_1.Log.warn({ indent, logLevel }, 'Tried to get delayRender() handles for timeout, but could not do so because of', newErr);

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/renderer"
   },
   "name": "@remotion/renderer",
-  "version": "4.0.198",
+  "version": "4.0.200",
   "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.198",
-    "@remotion/streaming": "4.0.198"
+    "@remotion/streaming": "4.0.200",
+    "remotion": "4.0.200"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -34,13 +34,13 @@
     "@types/ws": "8.5.10"
   },
   "optionalDependencies": {
-    "@remotion/compositor-linux-arm64-gnu": "4.0.198",
-    "@remotion/compositor-darwin-x64": "4.0.198",
-    "@remotion/compositor-darwin-arm64": "4.0.198",
-    "@remotion/compositor-linux-x64-gnu": "4.0.198",
-    "@remotion/compositor-linux-x64-musl": "4.0.198",
-    "@remotion/compositor-win32-x64-msvc": "4.0.198",
-    "@remotion/compositor-linux-arm64-musl": "4.0.198"
+    "@remotion/compositor-linux-arm64-gnu": "4.0.200",
+    "@remotion/compositor-darwin-arm64": "4.0.200",
+    "@remotion/compositor-linux-x64-gnu": "4.0.200",
+    "@remotion/compositor-darwin-x64": "4.0.200",
+    "@remotion/compositor-linux-x64-musl": "4.0.200",
+    "@remotion/compositor-linux-arm64-musl": "4.0.200",
+    "@remotion/compositor-win32-x64-msvc": "4.0.200"
   },
   "keywords": [
     "remotion",