@remotion/renderer 4.0.51 → 4.0.53

package/dist/assets/convert-assets-to-file-urls.d.ts

@@ -1,8 +1,11 @@
 import type { TRenderAsset } from 'remotion';
+import type { LogLevel } from '../log-level';
 import type { RenderMediaOnDownload } from './download-and-map-assets-to-file';
 import type { DownloadMap } from './download-map';
-export declare const convertAssetsToFileUrls: ({ assets, onDownload, downloadMap, }: {
+export declare const convertAssetsToFileUrls: ({ assets, onDownload, downloadMap, indent, logLevel, }: {
     assets: TRenderAsset[][];
     onDownload: RenderMediaOnDownload;
     downloadMap: DownloadMap;
+    indent: boolean;
+    logLevel: LogLevel;
 }) => Promise<TRenderAsset[][]>;

package/dist/assets/convert-assets-to-file-urls.js

@@ -9,7 +9,7 @@ const chunk = (input, size) => {
             : [...arr.slice(0, -1), [...arr.slice(-1)[0], item]];
     }, []);
 };
-const convertAssetsToFileUrls = async ({ assets, onDownload, downloadMap, }) => {
+const convertAssetsToFileUrls = async ({ assets, onDownload, downloadMap, indent, logLevel, }) => {
     const chunks = chunk(assets, 1000);
     const results = [];
     for (const ch of chunks) {
@@ -19,6 +19,8 @@ const convertAssetsToFileUrls = async ({ assets, onDownload, downloadMap, }) =>
                     renderAsset: a,
                     onDownload,
                     downloadMap,
+                    indent,
+                    logLevel,
                 });
             }));
         }));

package/dist/assets/download-and-map-assets-to-file.d.ts

@@ -1,13 +1,16 @@
 import type { TRenderAsset } from 'remotion';
+import type { LogLevel } from '../log-level';
 import type { DownloadMap } from './download-map';
 export type RenderMediaOnDownload = (src: string) => ((progress: {
     percent: number | null;
     downloaded: number;
     totalSize: number | null;
 }) => void) | undefined | void;
-export declare const downloadAsset: ({ src, downloadMap, }: {
+export declare const downloadAsset: ({ src, downloadMap, indent, logLevel, }: {
     src: string;
     downloadMap: DownloadMap;
+    indent: boolean;
+    logLevel: LogLevel;
 }) => Promise<string>;
 export declare const markAllAssetsAsDownloaded: (downloadMap: DownloadMap) => void;
 export declare const getSanitizedFilenameForAssetUrl: ({ src, downloadDir, contentDisposition, contentType, }: {
@@ -16,9 +19,11 @@ export declare const getSanitizedFilenameForAssetUrl: ({ src, downloadDir, conte
     contentDisposition: string | null;
     contentType: string | null;
 }) => string;
-export declare const downloadAndMapAssetsToFileUrl: ({ renderAsset, onDownload, downloadMap, }: {
+export declare const downloadAndMapAssetsToFileUrl: ({ renderAsset, onDownload, downloadMap, logLevel, indent, }: {
     renderAsset: TRenderAsset;
     onDownload: RenderMediaOnDownload | null;
     downloadMap: DownloadMap;
+    logLevel: LogLevel;
+    indent: boolean;
 }) => Promise<TRenderAsset>;
 export declare const attachDownloadListenerToEmitter: (downloadMap: DownloadMap, onDownload: RenderMediaOnDownload | null) => () => void;

package/dist/assets/download-and-map-assets-to-file.js

@@ -115,7 +115,7 @@ function validateBufferEncoding(potentialEncoding, dataUrl) {
         throw new TypeError(errMessage);
     }
 }
-const downloadAsset = async ({ src, downloadMap, }) => {
+const downloadAsset = async ({ src, downloadMap, indent, logLevel, }) => {
     var _a, _b, _c;
     if ((0, compress_assets_1.isAssetCompressed)(src)) {
         return src;
@@ -183,6 +183,8 @@ const downloadAsset = async ({ src, downloadMap, }) => {
             src,
             contentType,
         }),
+        indent,
+        logLevel,
     });
     notifyAssetIsDownloaded({ src, downloadMap, downloadDir, to });
     return to;
@@ -241,11 +243,13 @@ const getSanitizedFilenameForAssetUrl = ({ src, downloadDir, contentDisposition,
     return node_path_1.default.join(downloadDir, (0, sanitize_filepath_1.sanitizeFilePath)(filename));
 };
 exports.getSanitizedFilenameForAssetUrl = getSanitizedFilenameForAssetUrl;
-const downloadAndMapAssetsToFileUrl = async ({ renderAsset, onDownload, downloadMap, }) => {
+const downloadAndMapAssetsToFileUrl = async ({ renderAsset, onDownload, downloadMap, logLevel, indent, }) => {
     const cleanup = (0, exports.attachDownloadListenerToEmitter)(downloadMap, onDownload);
     const newSrc = await (0, exports.downloadAsset)({
         src: renderAsset.src,
         downloadMap,
+        indent,
+        logLevel,
     });
     cleanup();
     return {

package/dist/assets/download-file.d.ts

@@ -1,3 +1,4 @@
+import type { LogLevel } from '../log-level';
 type Response = {
     sizeInBytes: number;
     to: string;
@@ -10,6 +11,8 @@ type Options = {
         downloaded: number;
         totalSize: number | null;
     }) => void) | undefined;
+    logLevel: LogLevel;
+    indent: boolean;
 };
 export declare const downloadFile: (options: Options, retries?: number, attempt?: number) => Promise<Response>;
 export {};

package/dist/assets/download-file.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.downloadFile = void 0;
 const node_fs_1 = require("node:fs");
 const ensure_output_directory_1 = require("../ensure-output-directory");
+const logger_1 = require("../logger");
 const read_file_1 = require("./read-file");
 const incorrectContentLengthToken = 'Download finished with';
 const downloadFileWithoutRetries = ({ onProgress, url, to: toFn }) => {
@@ -99,6 +100,7 @@ const downloadFile = async (options, retries = 2, attempt = 1) => {
             if (retries === 0) {
                 throw err;
             }
+            logger_1.Log.warnAdvanced({ indent: options.indent, logLevel: options.logLevel }, `Downloading ${options.url} failed (will retry): ${message}`);
             const backoffInSeconds = (attempt + 1) ** 2;
             await new Promise((resolve) => {
                 setTimeout(() => resolve(), backoffInSeconds * 1000);

package/dist/browser/BrowserFetcher.d.ts

@@ -13,12 +13,16 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import type { LogLevel } from '../log-level';
 interface BrowserFetcherRevisionInfo {
     folderPath: string;
     executablePath: string;
     url: string;
     local: boolean;
 }
-export declare const downloadBrowser: () => Promise<BrowserFetcherRevisionInfo | undefined>;
+export declare const downloadBrowser: (options: {
+    logLevel: LogLevel;
+    indent: boolean;
+}) => Promise<BrowserFetcherRevisionInfo | undefined>;
 export declare const getRevisionInfo: () => BrowserFetcherRevisionInfo;
 export {};

package/dist/browser/BrowserFetcher.js

@@ -89,7 +89,7 @@ const destination = '.thorium';
 const getDownloadsFolder = () => {
     return path.join((0, get_download_destination_1.getDownloadsCacheDir)(), destination);
 };
-const downloadBrowser = async () => {
+const downloadBrowser = async (options) => {
     const platform = getPlatform();
     const downloadURL = getThoriumDownloadUrl(platform);
     const fileName = downloadURL.split('/').pop();
@@ -123,6 +123,8 @@ const downloadBrowser = async () => {
                     logger_1.Log.info(`Downloading Thorium - ${toMegabytes(progress.downloaded)}/${toMegabytes(progress.totalSize)}`);
                 }
             },
+            indent: options.indent,
+            logLevel: options.logLevel,
         });
         await install({ archivePath, folderPath: outputPath });
     }

package/dist/client.d.ts

@@ -5,7 +5,7 @@ export declare const BrowserSafeApis: {
     validAudioCodecs: readonly ["pcm-16", "aac", "mp3", "opus"];
     getDefaultCrfForCodec: (codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif") => number;
     getValidCrfRanges: (codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif") => [number, number];
-    isAudioCodec: (codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif" | undefined) => boolean;
+    isAudioCodec: (codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif" | null | undefined) => boolean;
     proResProfileOptions: readonly ["4444-xq", "4444", "hq", "standard", "light", "proxy"];
     x264PresetOptions: readonly ["ultrafast", "superfast", "veryfast", "faster", "fast", "medium", "slow", "slower", "veryslow", "placebo"];
     validPixelFormats: readonly ["yuv420p", "yuva420p", "yuv422p", "yuv444p", "yuv420p10le", "yuv422p10le", "yuv444p10le", "yuva444p10le"];
@@ -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-compositions.js

@@ -59,7 +59,7 @@ const innerGetCompositions = async ({ envVariables, serializedInputPropsWithCust
     });
     const res = result;
     return res.map((r) => {
-        const { width, durationInFrames, fps, height, id } = r;
+        const { width, durationInFrames, fps, height, id, defaultCodec } = r;
         return {
             id,
             width,
@@ -68,6 +68,7 @@ const innerGetCompositions = async ({ envVariables, serializedInputPropsWithCust
             durationInFrames,
             props: remotion_1.Internals.deserializeJSONWithCustomFields(r.serializedResolvedPropsWithCustomSchema),
             defaultProps: remotion_1.Internals.deserializeJSONWithCustomFields(r.serializedDefaultPropsWithCustomSchema),
+            defaultCodec,
         };
     });
 };

package/dist/get-local-browser-executable.d.ts

@@ -1,3 +1,8 @@
 import type { BrowserExecutable } from './browser-executable';
-export declare const ensureLocalBrowser: (preferredBrowserExecutable: BrowserExecutable) => Promise<void>;
+import type { LogLevel } from './log-level';
+export declare const ensureLocalBrowser: ({ indent, logLevel, preferredBrowserExecutable, }: {
+    preferredBrowserExecutable: BrowserExecutable;
+    logLevel: LogLevel;
+    indent: boolean;
+}) => Promise<void>;
 export declare const getLocalBrowserExecutable: (preferredBrowserExecutable: BrowserExecutable) => string;

package/dist/get-local-browser-executable.js

@@ -68,11 +68,11 @@ const getBrowserStatus = (browserExecutablePath) => {
     }
     return { type: 'no-browser' };
 };
-const ensureLocalBrowser = async (preferredBrowserExecutable) => {
+const ensureLocalBrowser = async ({ indent, logLevel, preferredBrowserExecutable, }) => {
     const status = getBrowserStatus(preferredBrowserExecutable);
     if (status.type === 'no-browser') {
         logger_1.Log.info('No local browser could be found. Downloading Thorium https://www.remotion.dev/docs/miscellaneous/thorium-browser');
-        await (0, BrowserFetcher_1.downloadBrowser)();
+        await (0, BrowserFetcher_1.downloadBrowser)({ indent, logLevel });
     }
 };
 exports.ensureLocalBrowser = ensureLocalBrowser;

package/dist/get-silent-parts.d.ts

@@ -3,6 +3,6 @@ import type { LogLevel } from './log-level';
 export declare const getSilentParts: ({ src, noiseThresholdInDecibels: passedNoiseThresholdInDecibels, minDurationInSeconds: passedMinDuration, logLevel, }: {
     src: string;
     minDurationInSeconds?: number | undefined;
-    logLevel?: "error" | "verbose" | "info" | "warn" | undefined;
+    logLevel?: "verbose" | "info" | "warn" | "error" | undefined;
     noiseThresholdInDecibels?: number | undefined;
 }) => Promise<GetSilentPartsResponse>;

package/dist/index.d.ts

@@ -1,5 +1,3 @@
-/// <reference types="node" />
-/// <reference types="react" />
 import execa from 'execa';
 import { HeadlessBrowser } from './browser/Browser';
 import { SymbolicateableError } from './error-handling/symbolicateable-error';
@@ -42,14 +40,18 @@ export { OnStartData, RenderFramesOutput } from './types';
 export { validateOutputFilename } from './validate-output-filename';
 export { X264Preset } from './x264-preset';
 export declare const RenderInternals: {
-    ensureLocalBrowser: (preferredBrowserExecutable: import("./browser-executable").BrowserExecutable) => Promise<void>;
+    ensureLocalBrowser: ({ indent, logLevel, preferredBrowserExecutable, }: {
+        preferredBrowserExecutable: import("./browser-executable").BrowserExecutable;
+        logLevel: "verbose" | "info" | "warn" | "error";
+        indent: boolean;
+    }) => Promise<void>;
     getActualConcurrency: (userPreference: string | number | null) => number;
     serveStatic: (path: string | null, options: {
         port: number | null;
         downloadMap: import("./assets/download-map").DownloadMap;
         remotionRoot: string;
         concurrency: number;
-        logLevel: "error" | "verbose" | "info" | "warn";
+        logLevel: "verbose" | "info" | "warn" | "error";
         indent: boolean;
         offthreadVideoCacheSizeInBytes: number | null;
     }) => Promise<{
@@ -79,6 +81,8 @@ export declare const RenderInternals: {
             downloaded: number;
             totalSize: number | null;
         }) => void) | undefined;
+        logLevel: "verbose" | "info" | "warn" | "error";
+        indent: boolean;
     }, retries?: number, attempt?: number) => Promise<{
         sizeInBytes: number;
         to: string;
@@ -130,16 +134,16 @@ 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;
     DEFAULT_TIMEOUT: number;
     DEFAULT_CODEC: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif";
-    isAudioCodec: (codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif" | undefined) => boolean;
+    isAudioCodec: (codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif" | null | undefined) => boolean;
     logLevels: readonly ["verbose", "info", "warn", "error"];
-    isEqualOrBelowLogLevel: (currentLevel: "error" | "verbose" | "info" | "warn", level: "error" | "verbose" | "info" | "warn") => boolean;
+    isEqualOrBelowLogLevel: (currentLevel: "verbose" | "info" | "warn" | "error", level: "verbose" | "info" | "warn" | "error") => boolean;
     isValidLogLevel: (level: string) => boolean;
     perf: typeof perf;
     convertToPositiveFrameIndex: ({ frame, durationInFrames, }: {
@@ -320,8 +324,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;
@@ -377,30 +381,30 @@ export declare const RenderInternals: {
         verbose: (message?: any, ...optionalParams: any[]) => void;
         verboseAdvanced: (options: {
             indent: boolean;
-            logLevel: "error" | "verbose" | "info" | "warn";
+            logLevel: "verbose" | "info" | "warn" | "error";
         } & {
             tag?: string | undefined;
         }, message?: any, ...optionalParams: any[]) => void;
         info: (message?: any, ...optionalParams: any[]) => void;
         infoAdvanced: (options: {
             indent: boolean;
-            logLevel: "error" | "verbose" | "info" | "warn";
+            logLevel: "verbose" | "info" | "warn" | "error";
         }, message?: any, ...optionalParams: any[]) => void;
         warn: (message?: any, ...optionalParams: any[]) => void;
         warnAdvanced: (options: {
             indent: boolean;
-            logLevel: "error" | "verbose" | "info" | "warn";
+            logLevel: "verbose" | "info" | "warn" | "error";
         }, message?: any, ...optionalParams: any[]) => void;
         error: (message?: any, ...optionalParams: any[]) => void;
         errorAdvanced: (options: {
             indent: boolean;
-            logLevel: "error" | "verbose" | "info" | "warn";
+            logLevel: "verbose" | "info" | "warn" | "error";
         } & {
             tag?: string | undefined;
         }, message?: any, ...optionalParams: any[]) => void;
     };
-    getLogLevel: () => "error" | "verbose" | "info" | "warn";
-    setLogLevel: (newLogLevel: "error" | "verbose" | "info" | "warn") => void;
+    getLogLevel: () => "verbose" | "info" | "warn" | "error";
+    setLogLevel: (newLogLevel: "verbose" | "info" | "warn" | "error") => void;
     INDENT_TOKEN: string;
     isColorSupported: () => boolean;
     HeadlessBrowser: typeof HeadlessBrowser;
@@ -409,7 +413,7 @@ export declare const RenderInternals: {
         port: number | null;
         remotionRoot: string;
         concurrency: number;
-        logLevel: "error" | "verbose" | "info" | "warn";
+        logLevel: "verbose" | "info" | "warn" | "error";
         indent: boolean;
         offthreadVideoCacheSizeInBytes: number | null;
     }) => Promise<import("./prepare-server").RemotionServer>;
@@ -418,7 +422,7 @@ export declare const RenderInternals: {
         port: number | null;
         remotionRoot: string;
         concurrency: number;
-        logLevel: "error" | "verbose" | "info" | "warn";
+        logLevel: "verbose" | "info" | "warn" | "error";
         indent: boolean;
         offthreadVideoCacheSizeInBytes: number | null;
     }, { onDownload, onError, }: {
@@ -434,7 +438,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>;
@@ -448,7 +452,7 @@ export declare const RenderInternals: {
         cancelSignal: import("./make-cancel-signal").CancelSignal | null;
         indent: boolean;
         server: import("./prepare-server").RemotionServer | undefined;
-        logLevel: "error" | "verbose" | "info" | "warn";
+        logLevel: "verbose" | "info" | "warn" | "error";
         serveUrl: string;
         port: number | null;
         offthreadVideoCacheSizeInBytes: number | null;
@@ -469,7 +473,7 @@ export declare const RenderInternals: {
         viewport: import("./browser/PuppeteerViewport").Viewport | null;
         indent: boolean;
         browser: "chrome";
-        logLevel: "error" | "verbose" | "info" | "warn";
+        logLevel: "verbose" | "info" | "warn" | "error";
     }) => Promise<HeadlessBrowser>;
     internalSelectComposition: (options: {
         serializedInputPropsWithCustomSchema: string;
@@ -482,7 +486,7 @@ export declare const RenderInternals: {
         port: number | null;
         indent: boolean;
         server: import("./prepare-server").RemotionServer | undefined;
-        logLevel: "error" | "verbose" | "info" | "warn";
+        logLevel: "verbose" | "info" | "warn" | "error";
         serveUrl: string;
         id: string;
     } & import("./options/option").ToOptions<readonly [{
@@ -507,7 +511,7 @@ export declare const RenderInternals: {
         port: number | null;
         server: import("./prepare-server").RemotionServer | undefined;
         indent: boolean;
-        logLevel: "error" | "verbose" | "info" | "warn";
+        logLevel: "verbose" | "info" | "warn" | "error";
         serveUrlOrWebpackUrl: string;
     } & import("./options/option").ToOptions<readonly [{
         name: string;
@@ -523,6 +527,15 @@ export declare const RenderInternals: {
         slowestFrames: import("./render-media").SlowFrame[];
     }>;
     validOpenGlRenderers: readonly ["swangle", "angle", "egl", "swiftshader", "vulkan", "angle-egl"];
-    copyImageToClipboard: (src: string, logLevel: "error" | "verbose" | "info" | "warn") => Promise<void>;
+    copyImageToClipboard: (src: string, logLevel: "verbose" | "info" | "warn" | "error") => Promise<void>;
     isIpV6Supported: () => boolean;
+    getChromiumGpuInformation: ({ browserExecutable, indent, logLevel, chromiumOptions, }: {
+        browserExecutable: import("./browser-executable").BrowserExecutable;
+        indent: boolean;
+        logLevel: "verbose" | "info" | "warn" | "error";
+        chromiumOptions: import("./open-browser").ChromiumOptions;
+    }) => Promise<{
+        feature: string;
+        status: string;
+    }[]>;
 };

package/dist/index.js

@@ -78,6 +78,7 @@ const render_still_1 = require("./render-still");
 const select_composition_1 = require("./select-composition");
 const is_path_inside_1 = require("./serve-handler/is-path-inside");
 const serve_static_1 = require("./serve-static");
+const test_gpu_1 = require("./test-gpu");
 const tmp_dir_1 = require("./tmp-dir");
 const validate_concurrency_1 = require("./validate-concurrency");
 const validate_even_dimensions_with_codec_1 = require("./validate-even-dimensions-with-codec");
@@ -193,6 +194,7 @@ exports.RenderInternals = {
     validOpenGlRenderers: gl_1.validOpenGlRenderers,
     copyImageToClipboard: copy_to_clipboard_1.copyImageToClipboard,
     isIpV6Supported: is_ipv6_supported_1.isIpV6Supported,
+    getChromiumGpuInformation: test_gpu_1.getChromiumGpuInformation,
 };
 // Warn of potential performance issues with Apple Silicon (M1 chip under Rosetta)
 (0, check_apple_silicon_1.checkNodeVersionAndWarnAboutRosetta)();

package/dist/is-audio-codec.d.ts

@@ -1,2 +1,2 @@
 import type { Codec } from './codec';
-export declare const isAudioCodec: (codec: Codec | undefined) => boolean;
+export declare const isAudioCodec: (codec: Codec | undefined | null) => boolean;

package/dist/logger.d.ts

@@ -19,6 +19,6 @@ export declare const Log: {
     error: (message?: any, ...optionalParams: any[]) => void;
     errorAdvanced: (options: VerboseLogOptions, message?: any, ...optionalParams: any[]) => void;
 };
-export declare const getLogLevel: () => "error" | "verbose" | "info" | "warn";
+export declare const getLogLevel: () => "verbose" | "info" | "warn" | "error";
 export declare const setLogLevel: (newLogLevel: LogLevel) => void;
 export {};

package/dist/offthread-video-server.js

@@ -88,7 +88,7 @@ const startOffthreadVideoServer = ({ downloadMap, concurrency, logLevel, indent,
                 closed = true;
             });
             let extractStart = Date.now();
-            (0, download_and_map_assets_to_file_1.downloadAsset)({ src, downloadMap })
+            (0, download_and_map_assets_to_file_1.downloadAsset)({ src, downloadMap, indent, logLevel })
                 .then((to) => {
                 return new Promise((resolve, reject) => {
                     if (closed) {

package/dist/open-browser.js

@@ -13,7 +13,7 @@ const getOpenGlRenderer = (option) => {
         return [`--use-gl=angle`, `--use-angle=swiftshader`];
     }
     if (renderer === 'angle-egl') {
-        return [`--use-gl=angle`, `--use-angle=egl`];
+        return [`--use-gl=angle`, `--use-angle=gl-egl`];
     }
     if (renderer === 'vulkan') {
         return [
@@ -45,7 +45,11 @@ const internalOpenBrowser = async ({ browser, browserExecutable, chromiumOptions
     if (browser === 'firefox') {
         throw new TypeError('Firefox supported is not yet turned on. Stay tuned for the future.');
     }
-    await (0, get_local_browser_executable_1.ensureLocalBrowser)(browserExecutable);
+    await (0, get_local_browser_executable_1.ensureLocalBrowser)({
+        preferredBrowserExecutable: browserExecutable,
+        logLevel,
+        indent,
+    });
     const executablePath = (0, get_local_browser_executable_1.getLocalBrowserExecutable)(browserExecutable);
     const customGlRenderer = getOpenGlRenderer((_a = chromiumOptions.gl) !== null && _a !== void 0 ? _a : null);
     const browserInstance = await node_1.puppeteer.launch({

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/render-frames.d.ts

@@ -41,6 +41,7 @@ export type InternalRenderFramesOptions = {
     logLevel: LogLevel;
     serializedInputPropsWithCustomSchema: string;
     serializedResolvedPropsWithCustomSchema: string;
+    parallelEncodingEnabled: boolean;
 } & ToOptions<typeof optionsMap.renderFrames>;
 export type RenderFramesOptions = {
     onStart: (data: OnStartData) => void;

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, }) => {
+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, }) => {
     if (outputDir) {
         if (!node_fs_1.default.existsSync(outputDir)) {
             node_fs_1.default.mkdirSync(outputDir, {
@@ -86,7 +86,7 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serialized
         });
         await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
             // eslint-disable-next-line max-params
-            pageFunction: (id, props, durationInFrames, fps, height, width) => {
+            pageFunction: (id, props, durationInFrames, fps, height, width, defaultCodec) => {
                 window.remotion_setBundleMode({
                     type: 'composition',
                     compositionName: id,
@@ -95,6 +95,7 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serialized
                     compositionFps: fps,
                     compositionHeight: height,
                     compositionWidth: width,
+                    compositionDefaultCodec: defaultCodec,
                 });
             },
             args: [
@@ -104,6 +105,7 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serialized
                 composition.fps,
                 composition.height,
                 composition.width,
+                composition.defaultCodec,
             ],
             frame: null,
             page,
@@ -131,6 +133,7 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serialized
     const poolPromise = getPool(sourcemapContext);
     onStart === null || onStart === void 0 ? void 0 : onStart({
         frameCount: framesToRender.length,
+        parallelEncoding: parallelEncodingEnabled,
     });
     const assets = new Array(framesToRender.length).fill(undefined);
     let stopped = false;
@@ -206,6 +209,8 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serialized
                 renderAsset,
                 onDownload,
                 downloadMap,
+                indent,
+                logLevel,
             }).catch((err) => {
                 onError(new Error(`Error while downloading asset: ${err.stack}`));
             });
@@ -301,7 +306,7 @@ const innerRenderFrames = async ({ onFrameUpdate, outputDir, onStart, serialized
     await Promise.all(downloadPromises);
     return result;
 };
-const internalRenderFramesRaw = ({ browserExecutable, cancelSignal, chromiumOptions, composition, concurrency, envVariables, everyNthFrame, frameRange, imageFormat, indent, jpegQuality, muted, onBrowserLog, onDownload, onFrameBuffer, onFrameUpdate, onStart, outputDir, port, puppeteerInstance, scale, server, timeoutInMilliseconds, logLevel, webpackBundleOrServeUrl, serializedInputPropsWithCustomSchema, serializedResolvedPropsWithCustomSchema, offthreadVideoCacheSizeInBytes, }) => {
+const internalRenderFramesRaw = ({ browserExecutable, cancelSignal, chromiumOptions, composition, concurrency, envVariables, everyNthFrame, frameRange, imageFormat, indent, jpegQuality, muted, onBrowserLog, onDownload, onFrameBuffer, onFrameUpdate, onStart, outputDir, port, puppeteerInstance, scale, server, timeoutInMilliseconds, logLevel, webpackBundleOrServeUrl, serializedInputPropsWithCustomSchema, serializedResolvedPropsWithCustomSchema, offthreadVideoCacheSizeInBytes, parallelEncodingEnabled, }) => {
     (0, validate_1.validateDimension)(composition.height, 'height', 'in the `config` object passed to `renderFrames()`');
     (0, validate_1.validateDimension)(composition.width, 'width', 'in the `config` object passed to `renderFrames()`');
     (0, validate_1.validateFps)(composition.fps, 'in the `config` object of `renderFrames()`', false);
@@ -385,6 +390,7 @@ const internalRenderFramesRaw = ({ browserExecutable, cancelSignal, chromiumOpti
                     indent,
                     serializedInputPropsWithCustomSchema,
                     serializedResolvedPropsWithCustomSchema,
+                    parallelEncodingEnabled,
                 });
             }),
         ])
@@ -475,6 +481,7 @@ const renderFrames = (options) => {
         webpackBundleOrServeUrl: serveUrl,
         server: undefined,
         offthreadVideoCacheSizeInBytes: offthreadVideoCacheSizeInBytes !== null && offthreadVideoCacheSizeInBytes !== void 0 ? offthreadVideoCacheSizeInBytes : null,
+        parallelEncodingEnabled: false,
     });
 };
 exports.renderFrames = renderFrames;

package/dist/render-media.js

@@ -150,14 +150,15 @@ const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition, s
     });
     const realFrameRange = (0, get_frame_to_render_1.getRealFrameRange)(composition.durationInFrames, frameRange);
     const callUpdate = () => {
+        const encoded = Math.round(0.8 * encodedFrames + 0.2 * muxedFrames);
         onProgress === null || onProgress === void 0 ? void 0 : onProgress({
             encodedDoneIn,
-            encodedFrames: Math.round(0.5 * encodedFrames + 0.5 * muxedFrames),
+            encodedFrames: encoded,
             renderedDoneIn,
             renderedFrames,
             stitchStage,
-            progress: Math.round((70 * renderedFrames + 15 * encodedFrames + 15 * muxedFrames) /
-                totalFramesToRender) / 100,
+            progress: Math.round((70 * renderedFrames + 30 * encoded) / totalFramesToRender) /
+                100,
         });
     };
     const cancelRenderFrames = (0, make_cancel_signal_1.makeCancelSignal)();
@@ -311,6 +312,7 @@ const internalRenderMediaRaw = ({ proResProfile, x264Preset, crf, composition, s
                 server,
                 serializedResolvedPropsWithCustomSchema,
                 offthreadVideoCacheSizeInBytes,
+                parallelEncodingEnabled: parallelEncoding,
             });
             return renderFramesProc;
         })

package/dist/render-still.js

@@ -151,7 +151,7 @@ const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFA
     });
     await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
         // eslint-disable-next-line max-params
-        pageFunction: (id, props, durationInFrames, fps, height, width) => {
+        pageFunction: (id, props, durationInFrames, fps, height, width, defaultCodec) => {
             window.remotion_setBundleMode({
                 type: 'composition',
                 compositionName: id,
@@ -160,6 +160,7 @@ const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFA
                 compositionFps: fps,
                 compositionHeight: height,
                 compositionWidth: width,
+                compositionDefaultCodec: defaultCodec,
             });
         },
         args: [
@@ -169,6 +170,7 @@ const innerRenderStill = async ({ composition, imageFormat = image_format_1.DEFA
             composition.fps,
             composition.height,
             composition.width,
+            composition.defaultCodec,
         ],
         frame: null,
         page,

package/dist/select-composition.js

@@ -69,7 +69,7 @@ const innerSelectComposition = async ({ page, onBrowserLog, serializedInputProps
         logLevel,
     }, `calculateMetadata() took ${Date.now() - time}ms`);
     const res = result;
-    const { width, durationInFrames, fps, height } = res;
+    const { width, durationInFrames, fps, height, defaultCodec } = res;
     return {
         metadata: {
             id,
@@ -79,6 +79,7 @@ const innerSelectComposition = async ({ page, onBrowserLog, serializedInputProps
             durationInFrames,
             props: remotion_1.Internals.deserializeJSONWithCustomFields(res.serializedResolvedPropsWithCustomSchema),
             defaultProps: remotion_1.Internals.deserializeJSONWithCustomFields(res.serializedDefaultPropsWithCustomSchema),
+            defaultCodec,
         },
         propsSize: size,
     };

package/dist/stitch-frames-to-video.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import type { RenderMediaOnDownload } from './assets/download-and-map-assets-to-file';
 import type { RenderAssetInfo } from './assets/download-map';
 import type { AudioCodec } from './audio-codec';

package/dist/stitch-frames-to-video.js

@@ -65,6 +65,8 @@ const getAssetsData = async ({ assets, onDownload, fps, expectedFrames, logLevel
         assets,
         onDownload: onDownload !== null && onDownload !== void 0 ? onDownload : (() => () => undefined),
         downloadMap,
+        indent,
+        logLevel,
     });
     (0, download_and_map_assets_to_file_1.markAllAssetsAsDownloaded)(downloadMap);
     const assetPositions = (0, calculate_asset_positions_1.calculateAssetPositions)(fileUrlAssets);
@@ -167,9 +169,8 @@ const innerStitchFramesToVideo = async ({ assetsInfo, audioBitrate, audioCodec,
     });
     (0, pixel_format_1.validateSelectedPixelFormatAndCodecCombination)(pixelFormat, codec);
     const expectedFrames = assetsInfo.assets.length;
-    const updateProgress = (preStitchProgress, muxProgress) => {
-        const totalFrameProgress = 0.5 * preStitchProgress * expectedFrames + muxProgress * 0.5;
-        onProgress === null || onProgress === void 0 ? void 0 : onProgress(Math.round(totalFrameProgress));
+    const updateProgress = (muxProgress) => {
+        onProgress === null || onProgress === void 0 ? void 0 : onProgress(muxProgress);
     };
     const audio = shouldRenderAudio
         ? await getAssetsData({
@@ -178,7 +179,7 @@ const innerStitchFramesToVideo = async ({ assetsInfo, audioBitrate, audioCodec,
             fps,
             expectedFrames,
             logLevel,
-            onProgress: (prog) => updateProgress(prog, 0),
+            onProgress: () => updateProgress(0),
             downloadMap: assetsInfo.downloadMap,
             remotionRoot,
             indent,
@@ -306,7 +307,7 @@ const innerStitchFramesToVideo = async ({ assetsInfo, audioBitrate, audioCodec,
                         isFinished = true;
                     }
                 }
-                updateProgress(1, parsed);
+                updateProgress(parsed);
             }
         }
     });

package/dist/test-gpu.d.ts

@@ -0,0 +1,14 @@
+import type { BrowserExecutable } from './browser-executable';
+import type { LogLevel } from './log-level';
+import type { ChromiumOptions } from './open-browser';
+type Item = {
+    feature: string;
+    status: string;
+};
+export declare const getChromiumGpuInformation: ({ browserExecutable, indent, logLevel, chromiumOptions, }: {
+    browserExecutable: BrowserExecutable;
+    indent: boolean;
+    logLevel: LogLevel;
+    chromiumOptions: ChromiumOptions;
+}) => Promise<Item[]>;
+export {};

package/dist/test-gpu.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getChromiumGpuInformation = void 0;
+const get_browser_instance_1 = require("./get-browser-instance");
+const puppeteer_evaluate_1 = require("./puppeteer-evaluate");
+const getChromiumGpuInformation = async ({ browserExecutable, indent, logLevel, chromiumOptions, }) => {
+    const { page, cleanup } = await (0, get_browser_instance_1.getPageAndCleanupFn)({
+        passedInInstance: undefined,
+        browserExecutable,
+        chromiumOptions,
+        context: null,
+        forceDeviceScaleFactor: undefined,
+        indent,
+        logLevel,
+    });
+    await page.goto({ url: 'chrome://gpu', timeout: 12000 });
+    const { value } = await (0, puppeteer_evaluate_1.puppeteerEvaluateWithCatch)({
+        pageFunction: () => {
+            var _a, _b, _c;
+            const statuses = [];
+            const items = (_c = (_b = (_a = document
+                .querySelector('info-view')) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('ul')) === null || _c === void 0 ? void 0 : _c.querySelectorAll('li');
+            [].forEach.call(items, (item) => {
+                // do whatever
+                const [feature, status] = item.innerText.split(': ');
+                statuses.push({
+                    feature,
+                    status,
+                });
+            });
+            return statuses;
+        },
+        frame: null,
+        args: [],
+        page,
+    });
+    cleanup();
+    return value;
+};
+exports.getChromiumGpuInformation = getChromiumGpuInformation;

package/dist/types.d.ts

@@ -5,4 +5,5 @@ export type RenderFramesOutput = {
 };
 export type OnStartData = {
     frameCount: number;
+    parallelEncoding: boolean;
 };

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

@@ -0,0 +1,4 @@
+export declare const validOpenGlRenderers: readonly ["swangle", "angle", "egl", "swiftshader", "vulkan"];
+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,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateOpenGlRenderer = exports.DEFAULT_OPENGL_RENDERER = exports.validOpenGlRenderers = void 0;
+exports.validOpenGlRenderers = [
+    'swangle',
+    'angle',
+    'egl',
+    'swiftshader',
+    'vulkan',
+];
+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.51",
+  "version": "4.0.53",
   "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.51"
+    "remotion": "4.0.53"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -31,7 +31,7 @@
     "@types/node": "18.14.6",
     "@types/progress": "2.0.5",
     "@types/react": "18.0.26",
-    "@types/react-dom": "18.0.10",
+    "@types/react-dom": "18.0.11",
     "eslint": "8.42.0",
     "prettier": "3.0.2",
     "prettier-plugin-organize-imports": "^3.2.2",
@@ -40,13 +40,13 @@
     "vitest": "0.31.1"
   },
   "optionalDependencies": {
-    "@remotion/compositor-darwin-arm64": "4.0.51",
-    "@remotion/compositor-darwin-x64": "4.0.51",
-    "@remotion/compositor-linux-arm64-gnu": "4.0.51",
-    "@remotion/compositor-linux-x64-gnu": "4.0.51",
-    "@remotion/compositor-linux-x64-musl": "4.0.51",
-    "@remotion/compositor-linux-arm64-musl": "4.0.51",
-    "@remotion/compositor-win32-x64-msvc": "4.0.51"
+    "@remotion/compositor-darwin-arm64": "4.0.53",
+    "@remotion/compositor-darwin-x64": "4.0.53",
+    "@remotion/compositor-linux-x64-musl": "4.0.53",
+    "@remotion/compositor-win32-x64-msvc": "4.0.53",
+    "@remotion/compositor-linux-arm64-gnu": "4.0.53",
+    "@remotion/compositor-linux-arm64-musl": "4.0.53",
+    "@remotion/compositor-linux-x64-gnu": "4.0.53"
   },
   "keywords": [
     "remotion",