@remotion/renderer 4.0.538 → 4.0.540

package/dist/get-compositions.js

@@ -34,7 +34,7 @@ const convertGetCompositionsArgumentsToOptions = (args, enableV5BreakingChanges)
     return firstArg;
 };
 exports.convertGetCompositionsArgumentsToOptions = convertGetCompositionsArgumentsToOptions;
-const innerGetCompositions = async ({ envVariables, serializedInputPropsWithCustomSchema, page, proxyPort, serveUrl, timeoutInMilliseconds, indent, logLevel, mediaCacheSizeInBytes, darkMode, }) => {
+const innerGetCompositions = async ({ envVariables, serializedInputPropsWithCustomSchema, page, proxyPort, serveUrl, timeoutInMilliseconds, indent, logLevel, mediaCacheSizeInBytes, preferredEffectBackend, darkMode, }) => {
     (0, validate_puppeteer_timeout_1.validatePuppeteerTimeout)(timeoutInMilliseconds);
     await (0, set_props_and_env_1.setPropsAndEnv)({
         serializedInputPropsWithCustomSchema,
@@ -52,6 +52,7 @@ const innerGetCompositions = async ({ envVariables, serializedInputPropsWithCust
         onServeUrlVisited: () => undefined,
         isMainTab: true,
         mediaCacheSizeInBytes,
+        preferredEffectBackend,
         initialMemoryAvailable: (0, get_available_memory_1.getAvailableMemory)(logLevel),
         darkMode,
         sampleRate: 48000,
@@ -103,7 +104,7 @@ const innerGetCompositions = async ({ envVariables, serializedInputPropsWithCust
         };
     });
 };
-const internalGetCompositionsRaw = async ({ browserExecutable, chromiumOptions, envVariables, indent, serializedInputPropsWithCustomSchema, onBrowserLog, port, puppeteerInstance, serveUrlOrWebpackUrl, server, timeoutInMilliseconds, logLevel, offthreadVideoCacheSizeInBytes, binariesDirectory, onBrowserDownload, chromeMode, offthreadVideoThreads, mediaCacheSizeInBytes, onLog, }) => {
+const internalGetCompositionsRaw = async ({ browserExecutable, chromiumOptions, envVariables, indent, serializedInputPropsWithCustomSchema, onBrowserLog, port, puppeteerInstance, serveUrlOrWebpackUrl, server, timeoutInMilliseconds, logLevel, offthreadVideoCacheSizeInBytes, binariesDirectory, onBrowserDownload, chromeMode, offthreadVideoThreads, mediaCacheSizeInBytes, preferredEffectBackend, onLog, }) => {
     const { page, cleanupPage } = await (0, get_browser_instance_1.getPageAndCleanupFn)({
         passedInInstance: puppeteerInstance,
         browserExecutable,
@@ -160,6 +161,7 @@ const internalGetCompositionsRaw = async ({ browserExecutable, chromiumOptions,
                 chromeMode,
                 offthreadVideoThreads,
                 mediaCacheSizeInBytes,
+                preferredEffectBackend,
                 darkMode: (_a = chromiumOptions.darkMode) !== null && _a !== void 0 ? _a : false,
             });
         })
@@ -186,7 +188,7 @@ const getCompositions = (...args) => {
     if (typeof (options === null || options === void 0 ? void 0 : options.serveUrl) !== 'string' || !options.serveUrl) {
         throw new Error('No serve URL or webpack bundle directory was passed to getCompositions().');
     }
-    const { browserExecutable, chromiumOptions, envVariables, inputProps, onBrowserLog, port, puppeteerInstance, timeoutInMilliseconds, logLevel: passedLogLevel, onBrowserDownload, binariesDirectory, offthreadVideoCacheSizeInBytes, chromeMode, offthreadVideoThreads, mediaCacheSizeInBytes, serveUrl, } = options;
+    const { browserExecutable, chromiumOptions, envVariables, inputProps, onBrowserLog, port, puppeteerInstance, timeoutInMilliseconds, logLevel: passedLogLevel, onBrowserDownload, binariesDirectory, offthreadVideoCacheSizeInBytes, chromeMode, offthreadVideoThreads, mediaCacheSizeInBytes, preferredEffectBackend, serveUrl, } = options;
     const indent = false;
     const logLevel = passedLogLevel !== null && passedLogLevel !== void 0 ? passedLogLevel : 'info';
     return (0, exports.internalGetCompositions)({
@@ -216,6 +218,7 @@ const getCompositions = (...args) => {
         chromeMode: chromeMode !== null && chromeMode !== void 0 ? chromeMode : 'headless-shell',
         offthreadVideoThreads: offthreadVideoThreads !== null && offthreadVideoThreads !== void 0 ? offthreadVideoThreads : null,
         mediaCacheSizeInBytes: mediaCacheSizeInBytes !== null && mediaCacheSizeInBytes !== void 0 ? mediaCacheSizeInBytes : null,
+        preferredEffectBackend: preferredEffectBackend !== null && preferredEffectBackend !== void 0 ? preferredEffectBackend : 'auto',
         onLog: default_on_log_1.defaultOnLog,
     });
 };

package/dist/index.d.ts

@@ -23,6 +23,7 @@ import { getDesiredPort } from './get-port';
 import { isServeUrl } from './is-serve-url';
 import { validateJpegQuality } from './jpeg-quality';
 import { isEqualOrBelowLogLevel, isValidLogLevel } from './log-level';
+import { isUserCancelledRender } from './make-cancel-signal';
 import { mimeContentType, mimeLookup } from './mime-types';
 import { internalOpenBrowser } from './open-browser';
 import { validateOpenGlRenderer } from './options/gl';
@@ -37,7 +38,6 @@ import { getChromiumGpuInformation } from './test-gpu';
 import { tmpDir } from './tmp-dir';
 import { getMaxConcurrency, getMinConcurrency, validateConcurrency } from './validate-concurrency';
 import { validateEvenDimensionsWithCodec } from './validate-even-dimensions-with-codec';
-import { validateSelectedFrames } from './validate-selected-frames';
 export type { RenderMediaOnDownload } from './assets/download-and-map-assets-to-file';
 export type { Bitrate } from './bitrate';
 export { Browser } from './browser';
@@ -102,6 +102,7 @@ import { toMegabytes } from './to-megabytes';
 import { validatePuppeteerTimeout } from './validate-puppeteer-timeout';
 import { validateBitrate } from './validate-videobitrate';
 export declare const RenderInternals: {
+    isUserCancelledRender: typeof isUserCancelledRender;
     resolveConcurrency: typeof resolveConcurrency;
     serveStatic: typeof serveStatic;
     validateEvenDimensionsWithCodec: typeof validateEvenDimensionsWithCodec;
@@ -153,7 +154,10 @@ export declare const RenderInternals: {
     validPixelFormats: readonly ["yuv420p", "yuva420p", "yuv422p", "yuv444p", "yuv420p10le", "yuv422p10le", "yuv444p10le", "yuva444p10le"];
     DEFAULT_BROWSER: "chrome";
     validateFrameRange: typeof validateFrameRange;
-    validateSelectedFrames: typeof validateSelectedFrames;
+    validateSelectedFrames: ({ frames, durationInFrames, }: {
+        frames: unknown;
+        durationInFrames: number | null;
+    }) => number[];
     DEFAULT_OPENGL_RENDERER: "angle" | "angle-egl" | "egl" | "swangle" | "swiftshader" | "vulkan" | null;
     validateOpenGlRenderer: typeof validateOpenGlRenderer;
     validCodecs: readonly ["h264", "h265", "vp8", "vp9", "av1", "mp3", "aac", "wav", "prores", "h264-mkv", "h264-ts", "gif"];
@@ -448,7 +452,7 @@ export declare const RenderInternals: {
             name: string;
             addedIn: string;
             cliFlag: "media-cache-size-in-bytes";
-            description: () => import("react/jsx-runtime").JSX.Element;
+            description: () => import("react").JSX.Element;
             ssrName: 'mediaCacheSizeInBytes';
             docLink: string;
             type: number | null;
@@ -464,11 +468,28 @@ export declare const RenderInternals: {
             setConfig: (size: number | null) => void;
             id: "media-cache-size-in-bytes";
         };
+        readonly preferredEffectBackend: {
+            name: string;
+            addedIn: string;
+            cliFlag: "preferred-effect-backend";
+            id: "preferred-effect-backend";
+            ssrName: string;
+            docLink: string;
+            type: import("remotion").PreferredEffectBackend;
+            description: () => import("react").JSX.Element;
+            getValue: ({ commandLine }: {
+                commandLine: Record<string, unknown>;
+            }) => {
+                value: import("remotion").PreferredEffectBackend;
+                source: string;
+            };
+            setConfig: (value: import("remotion").PreferredEffectBackend) => void;
+        };
         readonly offthreadVideoCacheSizeInBytes: {
             name: string;
             addedIn: string;
             cliFlag: "offthreadvideo-cache-size-in-bytes";
-            description: () => import("react/jsx-runtime").JSX.Element;
+            description: () => import("react").JSX.Element;
             ssrName: 'offthreadVideoCacheSizeInBytes';
             docLink: string;
             type: number | null;
@@ -488,7 +509,7 @@ export declare const RenderInternals: {
             name: string;
             addedIn: string;
             cliFlag: "offthreadvideo-video-threads";
-            description: () => import("react/jsx-runtime").JSX.Element;
+            description: () => import("react").JSX.Element;
             ssrName: 'offthreadVideoThreads';
             docLink: string;
             type: number | null;
@@ -508,7 +529,7 @@ export declare const RenderInternals: {
             name: string;
             addedIn: string;
             cliFlag: "jpeg-quality";
-            description: () => import("react/jsx-runtime").JSX.Element;
+            description: () => import("react").JSX.Element;
             ssrName: string;
             docLink: string;
             type: number;
@@ -526,7 +547,7 @@ export declare const RenderInternals: {
             name: string;
             addedIn: string;
             ssrName: string;
-            description: () => import("react/jsx-runtime").JSX.Element;
+            description: () => import("react").JSX.Element;
             docLink: string;
             getValue: ({ commandLine }: {
                 commandLine: Record<string, unknown>;
@@ -544,7 +565,7 @@ export declare const RenderInternals: {
             name: string;
             addedIn: string;
             cliFlag: "timeout";
-            description: () => import("react/jsx-runtime").JSX.Element;
+            description: () => import("react").JSX.Element;
             ssrName: 'timeoutInMilliseconds';
             docLink: string;
             type: number;
@@ -561,7 +582,7 @@ export declare const RenderInternals: {
             name: string;
             addedIn: string;
             cliFlag: "binaries-directory";
-            description: () => import("react/jsx-runtime").JSX.Element;
+            description: () => import("react").JSX.Element;
             ssrName: 'binariesDirectory';
             docLink: string;
             type: string | null;
@@ -578,7 +599,7 @@ export declare const RenderInternals: {
             name: string;
             addedIn: string;
             cliFlag: "on-browser-download";
-            description: () => import("react/jsx-runtime").JSX.Element;
+            description: () => import("react").JSX.Element;
             ssrName: 'onBrowserDownload';
             docLink: string;
             type: import(".").OnBrowserDownload;
@@ -591,7 +612,7 @@ export declare const RenderInternals: {
             name: string;
             addedIn: string;
             ssrName: string;
-            description: () => import("react/jsx-runtime").JSX.Element;
+            description: () => import("react").JSX.Element;
             docLink: string;
             getValue: ({ commandLine }: {
                 commandLine: Record<string, unknown>;
@@ -607,7 +628,7 @@ export declare const RenderInternals: {
             name: string;
             addedIn: string;
             cliFlag: "api-key";
-            description: () => import("react/jsx-runtime").JSX.Element;
+            description: () => import("react").JSX.Element;
             ssrName: 'apiKey';
             docLink: string;
             type: string | null;
@@ -624,7 +645,7 @@ export declare const RenderInternals: {
             name: string;
             addedIn: string;
             cliFlag: "license-key";
-            description: () => import("react/jsx-runtime").JSX.Element;
+            description: () => import("react").JSX.Element;
             ssrName: 'licenseKey';
             docLink: string;
             type: string | null;
@@ -660,7 +681,7 @@ export declare const RenderInternals: {
             name: string;
             addedIn: string;
             cliFlag: "media-cache-size-in-bytes";
-            description: () => import("react/jsx-runtime").JSX.Element;
+            description: () => import("react").JSX.Element;
             ssrName: 'mediaCacheSizeInBytes';
             docLink: string;
             type: number | null;
@@ -676,11 +697,28 @@ export declare const RenderInternals: {
             setConfig: (size: number | null) => void;
             id: "media-cache-size-in-bytes";
         };
+        readonly preferredEffectBackend: {
+            name: string;
+            addedIn: string;
+            cliFlag: "preferred-effect-backend";
+            id: "preferred-effect-backend";
+            ssrName: string;
+            docLink: string;
+            type: import("remotion").PreferredEffectBackend;
+            description: () => import("react").JSX.Element;
+            getValue: ({ commandLine }: {
+                commandLine: Record<string, unknown>;
+            }) => {
+                value: import("remotion").PreferredEffectBackend;
+                source: string;
+            };
+            setConfig: (value: import("remotion").PreferredEffectBackend) => void;
+        };
         readonly offthreadVideoCacheSizeInBytes: {
             name: string;
             addedIn: string;
             cliFlag: "offthreadvideo-cache-size-in-bytes";
-            description: () => import("react/jsx-runtime").JSX.Element;
+            description: () => import("react").JSX.Element;
             ssrName: 'offthreadVideoCacheSizeInBytes';
             docLink: string;
             type: number | null;
@@ -700,7 +738,7 @@ export declare const RenderInternals: {
             name: string;
             addedIn: string;
             cliFlag: "offthreadvideo-video-threads";
-            description: () => import("react/jsx-runtime").JSX.Element;
+            description: () => import("react").JSX.Element;
             ssrName: 'offthreadVideoThreads';
             docLink: string;
             type: number | null;
@@ -721,7 +759,7 @@ export declare const RenderInternals: {
             name: string;
             addedIn: string;
             ssrName: string;
-            description: () => import("react/jsx-runtime").JSX.Element;
+            description: () => import("react").JSX.Element;
             docLink: string;
             getValue: ({ commandLine }: {
                 commandLine: Record<string, unknown>;
@@ -739,7 +777,7 @@ export declare const RenderInternals: {
             name: string;
             addedIn: string;
             cliFlag: "timeout";
-            description: () => import("react/jsx-runtime").JSX.Element;
+            description: () => import("react").JSX.Element;
             ssrName: 'timeoutInMilliseconds';
             docLink: string;
             type: number;
@@ -756,7 +794,7 @@ export declare const RenderInternals: {
             name: string;
             addedIn: string;
             cliFlag: "binaries-directory";
-            description: () => import("react/jsx-runtime").JSX.Element;
+            description: () => import("react").JSX.Element;
             ssrName: 'binariesDirectory';
             docLink: string;
             type: string | null;
@@ -773,7 +811,7 @@ export declare const RenderInternals: {
             name: string;
             addedIn: string;
             cliFlag: "on-browser-download";
-            description: () => import("react/jsx-runtime").JSX.Element;
+            description: () => import("react").JSX.Element;
             ssrName: 'onBrowserDownload';
             docLink: string;
             type: import(".").OnBrowserDownload;
@@ -786,7 +824,7 @@ export declare const RenderInternals: {
             name: string;
             addedIn: string;
             ssrName: string;
-            description: () => import("react/jsx-runtime").JSX.Element;
+            description: () => import("react").JSX.Element;
             docLink: string;
             getValue: ({ commandLine }: {
                 commandLine: Record<string, unknown>;
@@ -819,7 +857,7 @@ export declare const RenderInternals: {
             name: string;
             addedIn: string;
             cliFlag: "media-cache-size-in-bytes";
-            description: () => import("react/jsx-runtime").JSX.Element;
+            description: () => import("react").JSX.Element;
             ssrName: 'mediaCacheSizeInBytes';
             docLink: string;
             type: number | null;
@@ -835,11 +873,28 @@ export declare const RenderInternals: {
             setConfig: (size: number | null) => void;
             id: "media-cache-size-in-bytes";
         };
+        readonly preferredEffectBackend: {
+            name: string;
+            addedIn: string;
+            cliFlag: "preferred-effect-backend";
+            id: "preferred-effect-backend";
+            ssrName: string;
+            docLink: string;
+            type: import("remotion").PreferredEffectBackend;
+            description: () => import("react").JSX.Element;
+            getValue: ({ commandLine }: {
+                commandLine: Record<string, unknown>;
+            }) => {
+                value: import("remotion").PreferredEffectBackend;
+                source: string;
+            };
+            setConfig: (value: import("remotion").PreferredEffectBackend) => void;
+        };
         readonly offthreadVideoCacheSizeInBytes: {
             name: string;
             addedIn: string;
             cliFlag: "offthreadvideo-cache-size-in-bytes";
-            description: () => import("react/jsx-runtime").JSX.Element;
+            description: () => import("react").JSX.Element;
             ssrName: 'offthreadVideoCacheSizeInBytes';
             docLink: string;
             type: number | null;
@@ -859,7 +914,7 @@ export declare const RenderInternals: {
             name: string;
             addedIn: string;
             cliFlag: "offthreadvideo-video-threads";
-            description: () => import("react/jsx-runtime").JSX.Element;
+            description: () => import("react").JSX.Element;
             ssrName: 'offthreadVideoThreads';
             docLink: string;
             type: number | null;
@@ -880,7 +935,7 @@ export declare const RenderInternals: {
             name: string;
             addedIn: string;
             ssrName: string;
-            description: () => import("react/jsx-runtime").JSX.Element;
+            description: () => import("react").JSX.Element;
             docLink: string;
             getValue: ({ commandLine }: {
                 commandLine: Record<string, unknown>;
@@ -898,7 +953,7 @@ export declare const RenderInternals: {
             name: string;
             addedIn: string;
             cliFlag: "timeout";
-            description: () => import("react/jsx-runtime").JSX.Element;
+            description: () => import("react").JSX.Element;
             ssrName: 'timeoutInMilliseconds';
             docLink: string;
             type: number;
@@ -915,7 +970,7 @@ export declare const RenderInternals: {
             name: string;
             addedIn: string;
             cliFlag: "binaries-directory";
-            description: () => import("react/jsx-runtime").JSX.Element;
+            description: () => import("react").JSX.Element;
             ssrName: 'binariesDirectory';
             docLink: string;
             type: string | null;
@@ -932,7 +987,7 @@ export declare const RenderInternals: {
             name: string;
             addedIn: string;
             cliFlag: "on-browser-download";
-            description: () => import("react/jsx-runtime").JSX.Element;
+            description: () => import("react").JSX.Element;
             ssrName: 'onBrowserDownload';
             docLink: string;
             type: import(".").OnBrowserDownload;
@@ -945,7 +1000,7 @@ export declare const RenderInternals: {
             name: string;
             addedIn: string;
             ssrName: string;
-            description: () => import("react/jsx-runtime").JSX.Element;
+            description: () => import("react").JSX.Element;
             docLink: string;
             getValue: ({ commandLine }: {
                 commandLine: Record<string, unknown>;
@@ -997,7 +1052,7 @@ export declare const RenderInternals: {
             name: string;
             addedIn: string;
             cliFlag: "media-cache-size-in-bytes";
-            description: () => import("react/jsx-runtime").JSX.Element;
+            description: () => import("react").JSX.Element;
             ssrName: 'mediaCacheSizeInBytes';
             docLink: string;
             type: number | null;
@@ -1013,11 +1068,28 @@ export declare const RenderInternals: {
             setConfig: (size: number | null) => void;
             id: "media-cache-size-in-bytes";
         };
+        readonly preferredEffectBackend: {
+            name: string;
+            addedIn: string;
+            cliFlag: "preferred-effect-backend";
+            id: "preferred-effect-backend";
+            ssrName: string;
+            docLink: string;
+            type: import("remotion").PreferredEffectBackend;
+            description: () => import("react").JSX.Element;
+            getValue: ({ commandLine }: {
+                commandLine: Record<string, unknown>;
+            }) => {
+                value: import("remotion").PreferredEffectBackend;
+                source: string;
+            };
+            setConfig: (value: import("remotion").PreferredEffectBackend) => void;
+        };
         readonly forSeamlessAacConcatenation: {
             name: string;
             addedIn: string;
             cliFlag: "for-seamless-aac-concatenation";
-            description: () => import("react/jsx-runtime").JSX.Element;
+            description: () => import("react").JSX.Element;
             docLink: string;
             getValue: ({ commandLine }: {
                 commandLine: Record<string, unknown>;
@@ -1037,7 +1109,7 @@ export declare const RenderInternals: {
             name: string;
             addedIn: string;
             cliFlag: "offthreadvideo-cache-size-in-bytes";
-            description: () => import("react/jsx-runtime").JSX.Element;
+            description: () => import("react").JSX.Element;
             ssrName: 'offthreadVideoCacheSizeInBytes';
             docLink: string;
             type: number | null;
@@ -1057,7 +1129,7 @@ export declare const RenderInternals: {
             name: string;
             addedIn: string;
             cliFlag: "offthreadvideo-video-threads";
-            description: () => import("react/jsx-runtime").JSX.Element;
+            description: () => import("react").JSX.Element;
             ssrName: 'offthreadVideoThreads';
             docLink: string;
             type: number | null;
@@ -1077,7 +1149,7 @@ export declare const RenderInternals: {
             name: string;
             addedIn: string;
             cliFlag: "jpeg-quality";
-            description: () => import("react/jsx-runtime").JSX.Element;
+            description: () => import("react").JSX.Element;
             ssrName: string;
             docLink: string;
             type: number;
@@ -1095,7 +1167,7 @@ export declare const RenderInternals: {
             name: string;
             addedIn: string;
             ssrName: string;
-            description: () => import("react/jsx-runtime").JSX.Element;
+            description: () => import("react").JSX.Element;
             docLink: string;
             getValue: ({ commandLine }: {
                 commandLine: Record<string, unknown>;
@@ -1113,7 +1185,7 @@ export declare const RenderInternals: {
             name: string;
             addedIn: string;
             cliFlag: "timeout";
-            description: () => import("react/jsx-runtime").JSX.Element;
+            description: () => import("react").JSX.Element;
             ssrName: 'timeoutInMilliseconds';
             docLink: string;
             type: number;
@@ -1130,7 +1202,7 @@ export declare const RenderInternals: {
             name: string;
             addedIn: string;
             cliFlag: "binaries-directory";
-            description: () => import("react/jsx-runtime").JSX.Element;
+            description: () => import("react").JSX.Element;
             ssrName: 'binariesDirectory';
             docLink: string;
             type: string | null;
@@ -1147,7 +1219,7 @@ export declare const RenderInternals: {
             name: string;
             addedIn: string;
             cliFlag: "on-browser-download";
-            description: () => import("react/jsx-runtime").JSX.Element;
+            description: () => import("react").JSX.Element;
             ssrName: 'onBrowserDownload';
             docLink: string;
             type: import(".").OnBrowserDownload;
@@ -1160,7 +1232,7 @@ export declare const RenderInternals: {
             name: string;
             addedIn: string;
             ssrName: string;
-            description: () => import("react/jsx-runtime").JSX.Element;
+            description: () => import("react").JSX.Element;
             docLink: string;
             getValue: ({ commandLine }: {
                 commandLine: Record<string, unknown>;
@@ -1177,7 +1249,7 @@ export declare const RenderInternals: {
             addedIn: string;
             cliFlag: "image-sequence-pattern";
             ssrName: string;
-            description: () => import("react/jsx-runtime").JSX.Element;
+            description: () => import("react").JSX.Element;
             docLink: string;
             type: string | null;
             getValue: ({ commandLine }: {
@@ -1197,7 +1269,7 @@ export declare const RenderInternals: {
             name: string;
             addedIn: string;
             cliFlag: "sample-rate";
-            description: () => import("react/jsx-runtime").JSX.Element;
+            description: () => import("react").JSX.Element;
             ssrName: 'sampleRate';
             docLink: string;
             type: number;

package/dist/index.js

@@ -71,6 +71,7 @@ const is_serve_url_1 = require("./is-serve-url");
 const jpeg_quality_1 = require("./jpeg-quality");
 const log_level_1 = require("./log-level");
 const logger_1 = require("./logger");
+const make_cancel_signal_1 = require("./make-cancel-signal");
 const mime_types_1 = require("./mime-types");
 const open_browser_1 = require("./open-browser");
 const gl_1 = require("./options/gl");
@@ -107,8 +108,8 @@ var get_video_metadata_1 = require("./get-video-metadata");
 Object.defineProperty(exports, "getVideoMetadata", { enumerable: true, get: function () { return get_video_metadata_1.getVideoMetadata; } });
 var image_format_2 = require("./image-format");
 Object.defineProperty(exports, "validateSelectedPixelFormatAndImageFormatCombination", { enumerable: true, get: function () { return image_format_2.validateSelectedPixelFormatAndImageFormatCombination; } });
-var make_cancel_signal_1 = require("./make-cancel-signal");
-Object.defineProperty(exports, "makeCancelSignal", { enumerable: true, get: function () { return make_cancel_signal_1.makeCancelSignal; } });
+var make_cancel_signal_2 = require("./make-cancel-signal");
+Object.defineProperty(exports, "makeCancelSignal", { enumerable: true, get: function () { return make_cancel_signal_2.makeCancelSignal; } });
 var open_browser_2 = require("./open-browser");
 Object.defineProperty(exports, "openBrowser", { enumerable: true, get: function () { return open_browser_2.openBrowser; } });
 var default_coding_agent_1 = require("./options/default-coding-agent");
@@ -146,6 +147,7 @@ const validate_puppeteer_timeout_1 = require("./validate-puppeteer-timeout");
 const validate_videobitrate_1 = require("./validate-videobitrate");
 const wait_for_symbolication_error_to_be_done_1 = require("./wait-for-symbolication-error-to-be-done");
 exports.RenderInternals = {
+    isUserCancelledRender: make_cancel_signal_1.isUserCancelledRender,
     resolveConcurrency: get_concurrency_1.resolveConcurrency,
     serveStatic: serve_static_1.serveStatic,
     validateEvenDimensionsWithCodec: validate_even_dimensions_with_codec_1.validateEvenDimensionsWithCodec,

package/dist/make-page.d.ts

@@ -1,3 +1,4 @@
+import type { PreferredEffectBackend } from 'remotion';
 import type { VideoConfig } from 'remotion/no-react';
 import type { BrowserLog } from './browser-log';
 import type { OnLog, Page } from './browser/BrowserPage';
@@ -5,7 +6,7 @@ import type { SourceMapGetter } from './browser/source-map-getter';
 import type { VideoImageFormat } from './image-format';
 import type { LogLevel } from './log-level';
 import type { BrowserReplacer } from './replace-browser';
-export declare const makePage: ({ context, initialFrame, browserReplacer, logLevel, indent, pagesArray, onBrowserLog, scale, timeoutInMilliseconds, composition, proxyPort, serveUrl, muted, envVariables, serializedInputPropsWithCustomSchema, imageFormat, serializedResolvedPropsWithCustomSchema, pageIndex, isMainTab, mediaCacheSizeInBytes, onLog, darkMode, sampleRate, }: {
+export declare const makePage: ({ context, initialFrame, browserReplacer, logLevel, indent, pagesArray, onBrowserLog, scale, timeoutInMilliseconds, composition, proxyPort, serveUrl, muted, envVariables, serializedInputPropsWithCustomSchema, imageFormat, serializedResolvedPropsWithCustomSchema, pageIndex, isMainTab, mediaCacheSizeInBytes, preferredEffectBackend, onLog, darkMode, sampleRate, }: {
     context: SourceMapGetter;
     initialFrame: number;
     browserReplacer: BrowserReplacer;
@@ -26,6 +27,7 @@ export declare const makePage: ({ context, initialFrame, browserReplacer, logLev
     pageIndex: number;
     isMainTab: boolean;
     mediaCacheSizeInBytes: number | null;
+    preferredEffectBackend: PreferredEffectBackend;
     onLog: OnLog;
     darkMode: boolean;
     sampleRate: number;

package/dist/make-page.js

@@ -4,7 +4,7 @@ exports.makePage = void 0;
 const get_available_memory_1 = require("./memory/get-available-memory");
 const puppeteer_evaluate_1 = require("./puppeteer-evaluate");
 const set_props_and_env_1 = require("./set-props-and-env");
-const makePage = async ({ context, initialFrame, browserReplacer, logLevel, indent, pagesArray, onBrowserLog, scale, timeoutInMilliseconds, composition, proxyPort, serveUrl, muted, envVariables, serializedInputPropsWithCustomSchema, imageFormat, serializedResolvedPropsWithCustomSchema, pageIndex, isMainTab, mediaCacheSizeInBytes, onLog, darkMode, sampleRate, }) => {
+const makePage = async ({ context, initialFrame, browserReplacer, logLevel, indent, pagesArray, onBrowserLog, scale, timeoutInMilliseconds, composition, proxyPort, serveUrl, muted, envVariables, serializedInputPropsWithCustomSchema, imageFormat, serializedResolvedPropsWithCustomSchema, pageIndex, isMainTab, mediaCacheSizeInBytes, preferredEffectBackend, onLog, darkMode, sampleRate, }) => {
     const page = await browserReplacer
         .getBrowser()
         .newPage({ context, logLevel, indent, pageIndex, onBrowserLog, onLog });
@@ -30,6 +30,7 @@ const makePage = async ({ context, initialFrame, browserReplacer, logLevel, inde
         onServeUrlVisited: () => undefined,
         isMainTab,
         mediaCacheSizeInBytes,
+        preferredEffectBackend,
         initialMemoryAvailable: (0, get_available_memory_1.getAvailableMemory)(logLevel),
         darkMode,
         sampleRate,

package/dist/merge-audio-track.d.ts

@@ -16,5 +16,5 @@ type Options = {
     chunkLengthInSeconds: number;
     sampleRate: number;
 };
-export declare const mergeAudioTrack: (options: Options) => Promise<void>;
+export declare const mergeAudioTrack: ({ outName, files, downloadMap, remotionRoot, indent, logLevel, binariesDirectory, cancelSignal, onProgress, fps, chunkLengthInSeconds, sampleRate, }: Options) => Promise<void>;
 export {};

package/dist/merge-audio-track.js

@@ -16,10 +16,13 @@ const p_limit_1 = require("./p-limit");
 const parse_ffmpeg_progress_1 = require("./parse-ffmpeg-progress");
 const tmp_dir_1 = require("./tmp-dir");
 const truthy_1 = require("./truthy");
-const mergeAudioTrackUnlimited = async ({ outName, files, downloadMap, remotionRoot, indent, logLevel, binariesDirectory, cancelSignal, onProgress, fps, chunkLengthInSeconds, sampleRate, }) => {
-    var _a;
+// Limits how many FFmpeg processes mix audio at once. Only the FFmpeg calls
+// take a slot: a merge that waits for its chunks to be merged first holds none,
+// so concurrent renders with many audio tracks can't block each other.
+const limit = (0, p_limit_1.pLimit)(3);
+const mergeAudioTrack = async ({ outName, files, downloadMap, remotionRoot, indent, logLevel, binariesDirectory, cancelSignal, onProgress, fps, chunkLengthInSeconds, sampleRate, }) => {
     if (files.length === 0) {
-        await (0, create_silent_audio_1.createSilentAudio)({
+        await limit(create_silent_audio_1.createSilentAudio, {
             outName,
             chunkLengthInSeconds,
             indent,
@@ -109,28 +112,26 @@ const mergeAudioTrackUnlimited = async ({ outName, files, downloadMap, remotionR
         .filter(truthy_1.truthy)
         .flat(2);
     logger_1.Log.verbose({ indent, logLevel }, `Merging audio tracks`, 'Command:', `ffmpeg ${args.join(' ')}`, 'Complex filter script:', complexFilter);
-    const task = (0, call_ffmpeg_1.callFf)({
-        bin: 'ffmpeg',
-        args,
-        indent,
-        logLevel,
-        binariesDirectory,
-        cancelSignal,
-    });
-    (_a = task.stderr) === null || _a === void 0 ? void 0 : _a.on('data', (data) => {
-        const utf8 = data.toString('utf8');
-        const parsed = (0, parse_ffmpeg_progress_1.parseFfmpegProgress)(utf8, fps);
-        if (parsed !== undefined) {
-            onProgress(parsed / (chunkLengthInSeconds * fps));
-        }
+    await limit(async () => {
+        var _a;
+        const task = (0, call_ffmpeg_1.callFf)({
+            bin: 'ffmpeg',
+            args,
+            indent,
+            logLevel,
+            binariesDirectory,
+            cancelSignal,
+        });
+        (_a = task.stderr) === null || _a === void 0 ? void 0 : _a.on('data', (data) => {
+            const utf8 = data.toString('utf8');
+            const parsed = (0, parse_ffmpeg_progress_1.parseFfmpegProgress)(utf8, fps);
+            if (parsed !== undefined) {
+                onProgress(parsed / (chunkLengthInSeconds * fps));
+            }
+        });
+        await task;
     });
-    await task;
     onProgress(1);
     cleanup();
 };
-// Must be at least 3 because recursively called twice in mergeAudioTrack
-const limit = (0, p_limit_1.pLimit)(3);
-const mergeAudioTrack = (options) => {
-    return limit(mergeAudioTrackUnlimited, options);
-};
 exports.mergeAudioTrack = mergeAudioTrack;

package/dist/options/allow-html-in-canvas.d.ts

@@ -2,7 +2,7 @@ export declare const allowHtmlInCanvasOption: {
     name: string;
     addedIn: string;
     cliFlag: "allow-html-in-canvas";
-    description: () => import("react/jsx-runtime").JSX.Element;
+    description: () => import("react").JSX.Element;
     ssrName: null;
     docLink: string;
     type: boolean;