@remotion/renderer 4.0.220 → 4.0.222

package/dist/assets/download-file.js

@@ -37,6 +37,7 @@ const downloadFileWithoutRetries = ({ onProgress, url, to: toFn }) => {
             }, 20000);
         };
         refreshTimeout();
+        let finishEventSent = false;
         (0, read_file_1.readFile)(url)
             .then((res) => {
             var _a, _b;
@@ -55,11 +56,13 @@ const downloadFileWithoutRetries = ({ onProgress, url, to: toFn }) => {
                 if (rejected) {
                     return;
                 }
-                onProgress === null || onProgress === void 0 ? void 0 : onProgress({
-                    downloaded,
-                    percent: 1,
-                    totalSize: downloaded,
-                });
+                if (!finishEventSent) {
+                    onProgress === null || onProgress === void 0 ? void 0 : onProgress({
+                        downloaded,
+                        percent: 1,
+                        totalSize: downloaded,
+                    });
+                }
                 refreshTimeout();
                 return resolveAndFlag({ sizeInBytes: downloaded, to });
             });
@@ -70,11 +73,15 @@ const downloadFileWithoutRetries = ({ onProgress, url, to: toFn }) => {
                 refreshTimeout();
                 downloaded += d.length;
                 refreshTimeout();
+                const percent = totalSize === null ? null : downloaded / totalSize;
                 onProgress === null || onProgress === void 0 ? void 0 : onProgress({
                     downloaded,
-                    percent: totalSize === null ? null : downloaded / totalSize,
+                    percent,
                     totalSize,
                 });
+                if (percent === 1) {
+                    finishEventSent = true;
+                }
             });
             res.on('close', () => {
                 if (totalSize !== null && downloaded !== totalSize) {

package/dist/browser/browser-download-progress-bar.js

@@ -9,7 +9,8 @@ const defaultBrowserDownloadProgress = ({ indent, logLevel, api, }) => () => {
     let lastProgress = 0;
     return {
         onProgress: (progress) => {
-            if (progress.downloadedBytes > lastProgress + 10000000) {
+            if (progress.downloadedBytes > lastProgress + 10000000 ||
+                progress.percent === 1) {
                 lastProgress = progress.downloadedBytes;
                 logger_1.Log.info({ indent, logLevel }, `Downloading Chrome Headless Shell - ${(0, to_megabytes_1.toMegabytes)(progress.downloadedBytes)}/${(0, to_megabytes_1.toMegabytes)(progress.totalSizeInBytes)}`);
             }

package/dist/client.d.ts

@@ -12,7 +12,7 @@ export declare const BrowserSafeApis: {
     validPixelFormatsForCodec: (codec: import("./codec").Codec) => readonly ["yuv420p", "yuva420p", "yuv422p", "yuv444p", "yuv420p10le", "yuv422p10le", "yuv444p10le", "yuva444p10le"] | ("yuv420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le")[];
     validVideoImageFormats: readonly ["png", "jpeg", "none"];
     validStillImageFormats: readonly ["png", "jpeg", "pdf", "webp"];
-    DEFAULT_PIXEL_FORMAT: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
+    DEFAULT_PIXEL_FORMAT: "yuv420p" | "yuv422p" | "yuv444p" | "yuva420p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
     DEFAULT_TIMEOUT: number;
     DEFAULT_JPEG_QUALITY: number;
     DEFAULT_COLOR_SPACE: "default";
@@ -392,7 +392,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;
@@ -412,7 +412,7 @@ export declare const BrowserSafeApis: {
                 source: string;
                 value: import("./options/color-space").ColorSpace;
             };
-            setConfig: (value: "default" | "bt709" | "bt2020-ncl" | null) => void;
+            setConfig: (value: "bt709" | "bt2020-ncl" | "default" | null) => void;
         };
         deleteAfterOption: {
             name: string;
@@ -805,7 +805,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 }: {
@@ -938,7 +938,7 @@ export declare const BrowserSafeApis: {
                     source: string;
                     value: import("./options/color-space").ColorSpace;
                 };
-                setConfig: (value: "default" | "bt709" | "bt2020-ncl" | null) => void;
+                setConfig: (value: "bt709" | "bt2020-ncl" | "default" | null) => void;
             };
             readonly codec: {
                 name: string;
@@ -1678,7 +1678,7 @@ export declare const BrowserSafeApis: {
                     source: string;
                     value: import("./options/color-space").ColorSpace;
                 };
-                setConfig: (value: "default" | "bt709" | "bt2020-ncl" | null) => void;
+                setConfig: (value: "bt709" | "bt2020-ncl" | "default" | null) => void;
             };
             readonly muted: {
                 name: string;
@@ -1942,7 +1942,7 @@ export declare const BrowserSafeApis: {
                     source: string;
                     value: import("./options/color-space").ColorSpace;
                 };
-                setConfig: (value: "default" | "bt709" | "bt2020-ncl" | null) => void;
+                setConfig: (value: "bt709" | "bt2020-ncl" | "default" | null) => void;
             };
             readonly audioBitrate: {
                 name: string;

package/dist/ensure-browser.d.ts

@@ -20,7 +20,7 @@ type InternalEnsureBrowserOptions = {
 export type EnsureBrowserOptions = Partial<{
     browserExecutable: BrowserExecutable;
 } & ToOptions<typeof BrowserSafeApis.optionsMap.ensureBrowser>>;
-export declare const internalEnsureBrowser: ({ indent, logLevel, browserExecutable, onBrowserDownload, }: InternalEnsureBrowserOptions) => Promise<BrowserStatus>;
+export declare const internalEnsureBrowser: (options: InternalEnsureBrowserOptions) => Promise<BrowserStatus>;
 /**
  * Ensures a browser is locally installed so a Remotion render can be executed. This function manages the browser's download or validates existing browser paths.
  * @see [Documentation](https://remotion.dev/docs/renderer/ensure-browser)

package/dist/ensure-browser.js

@@ -8,7 +8,8 @@ const fs_1 = __importDefault(require("fs"));
 const BrowserFetcher_1 = require("./browser/BrowserFetcher");
 const browser_download_progress_bar_1 = require("./browser/browser-download-progress-bar");
 const get_local_browser_1 = require("./get-local-browser");
-const internalEnsureBrowser = async ({ indent, logLevel, browserExecutable, onBrowserDownload, }) => {
+let currentEnsureBrowserOperation = Promise.resolve();
+const internalEnsureBrowserUncapped = async ({ indent, logLevel, browserExecutable, onBrowserDownload, }) => {
     const status = getBrowserStatus(browserExecutable);
     if (status.type === 'no-browser') {
         const { onProgress, version } = onBrowserDownload();
@@ -17,6 +18,10 @@ const internalEnsureBrowser = async ({ indent, logLevel, browserExecutable, onBr
     const newStatus = getBrowserStatus(browserExecutable);
     return newStatus;
 };
+const internalEnsureBrowser = (options) => {
+    currentEnsureBrowserOperation = currentEnsureBrowserOperation.then(() => internalEnsureBrowserUncapped(options));
+    return currentEnsureBrowserOperation;
+};
 exports.internalEnsureBrowser = internalEnsureBrowser;
 const getBrowserStatus = (browserExecutable) => {
     if (browserExecutable) {

package/dist/index.d.ts

@@ -139,10 +139,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: "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";
+    DEFAULT_PIXEL_FORMAT: "yuv420p" | "yuv422p" | "yuv444p" | "yuva420p" | "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";
@@ -352,8 +352,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: "none" | "png" | "jpeg";
     DEFAULT_JPEG_QUALITY: number;
     chalk: {
         enabled: () => boolean;
@@ -926,7 +926,7 @@ export declare const RenderInternals: {
         audio: boolean;
     };
     toMegabytes: typeof toMegabytes;
-    internalEnsureBrowser: ({ indent, logLevel, browserExecutable, onBrowserDownload, }: {
+    internalEnsureBrowser: (options: {
         browserExecutable: import("./browser-executable").BrowserExecutable;
         indent: boolean;
     } & import("./options/option").ToOptions<{

package/dist/options/color-space.d.ts

@@ -17,7 +17,7 @@ export declare const colorSpaceOption: {
         source: string;
         value: ColorSpace;
     };
-    setConfig: (value: "default" | "bt709" | "bt2020-ncl" | null) => void;
+    setConfig: (value: "bt709" | "bt2020-ncl" | "default" | null) => void;
 };
 export declare const validateColorSpace: (option: unknown) => void;
 export {};

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;
@@ -191,7 +191,7 @@ export declare const allOptions: {
             source: string;
             value: import("./color-space").ColorSpace;
         };
-        setConfig: (value: "default" | "bt709" | "bt2020-ncl" | null) => void;
+        setConfig: (value: "bt709" | "bt2020-ncl" | "default" | null) => void;
     };
     deleteAfterOption: {
         name: string;
@@ -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 }: {

package/dist/options/metadata.d.ts

@@ -2,7 +2,7 @@ export type Metadata = Record<string, string>;
 export declare const 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: Metadata;
     getValue: ({ commandLine }: {

package/dist/options/options-map.d.ts

@@ -115,7 +115,7 @@ export declare const optionsMap: {
                 source: string;
                 value: import("./color-space").ColorSpace;
             };
-            setConfig: (value: "default" | "bt709" | "bt2020-ncl" | null) => void;
+            setConfig: (value: "bt709" | "bt2020-ncl" | "default" | null) => void;
         };
         readonly codec: {
             name: string;
@@ -855,7 +855,7 @@ export declare const optionsMap: {
                 source: string;
                 value: import("./color-space").ColorSpace;
             };
-            setConfig: (value: "default" | "bt709" | "bt2020-ncl" | null) => void;
+            setConfig: (value: "bt709" | "bt2020-ncl" | "default" | null) => void;
         };
         readonly muted: {
             name: string;
@@ -1119,7 +1119,7 @@ export declare const optionsMap: {
                 source: string;
                 value: import("./color-space").ColorSpace;
             };
-            setConfig: (value: "default" | "bt709" | "bt2020-ncl" | null) => void;
+            setConfig: (value: "bt709" | "bt2020-ncl" | "default" | null) => void;
         };
         readonly audioBitrate: {
             name: string;

package/dist/options/webhook-custom-data.d.ts

@@ -1,7 +1,7 @@
 export declare const 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;

package/package.json

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