@remotion/renderer 4.0.425 → 4.0.427

package/dist/esm/index.mjs

@@ -20134,11 +20134,12 @@ var prespawnFfmpeg = (options) => {
   let exitCode = {
     type: "running"
   };
-  task.on("exit", (code) => {
-    if (typeof code === "number" && code > 0) {
+  task.on("exit", (code, signal) => {
+    if (typeof code === "number" && code > 0 || signal) {
       exitCode = {
         type: "quit-with-error",
-        exitCode: code,
+        exitCode: code ?? 1,
+        signal: signal ?? null,
         stderr: ffmpegOutput
       };
     } else {
@@ -21962,10 +21963,10 @@ var internalRenderMediaRaw = ({
           const id = startPerfMeasure("piping");
           const exitStatus = preStitcher?.getExitStatus();
           if (exitStatus?.type === "quit-successfully") {
-            throw new Error(`FFmpeg already quit while trying to pipe frame ${frame} to it. Stderr: ${exitStatus.stderr}}`);
+            throw new Error(`FFmpeg already quit while trying to pipe frame ${frame} to it. Stderr: ${exitStatus.stderr}`);
           }
           if (exitStatus?.type === "quit-with-error") {
-            throw new Error(`FFmpeg quit with code ${exitStatus.exitCode} while piping frame ${frame}. Stderr: ${exitStatus.stderr}}`);
+            throw new Error(`FFmpeg quit with code ${exitStatus.exitCode}${exitStatus.signal ? ` (signal ${exitStatus.signal})` : ""} while piping frame ${frame}. Stderr: ${exitStatus.stderr}`);
           }
           stitcherFfmpeg?.stdin?.write(buffer);
           stopPerfMeasure(id);
@@ -22064,7 +22065,8 @@ var internalRenderMediaRaw = ({
       slowestFrames.sort((a, b) => b.time - a.time);
       const result = {
         buffer,
-        slowestFrames
+        slowestFrames,
+        contentType: mimeLookup("file." + getFileExtensionFromCodec(codec, audioCodec)) || "application/octet-stream"
       };
       const sendTelemetryAndResolve = () => {
         if (licenseKey === null) {
@@ -22497,7 +22499,10 @@ var innerRenderStill = async ({
     onArtifact?.(artifact);
   }
   await cleanup();
-  return { buffer: output ? null : buffer };
+  return {
+    buffer: output ? null : buffer,
+    contentType: mimeLookup("file." + imageFormat) || "application/octet-stream"
+  };
 };
 var internalRenderStillRaw = (options) => {
   const cleanup = [];

package/dist/index.d.ts

@@ -40,7 +40,7 @@ export { X264Preset } from './options/x264-preset';
 export { PixelFormat } from './pixel-format';
 export { RemotionServer } from './prepare-server';
 export { OnArtifact, RenderFramesOptions, renderFrames } from './render-frames';
-export { InternalRenderMediaOptions, RenderMediaOnProgress, RenderMediaOptions, SlowFrame, StitchingState, renderMedia, } from './render-media';
+export { InternalRenderMediaOptions, RenderMediaOnProgress, RenderMediaOptions, RenderMediaProgress, SlowFrame, StitchingState, renderMedia, } from './render-media';
 export { RenderStillOptions, renderStill } from './render-still';
 export { SelectCompositionOptions, selectComposition, } from './select-composition';
 export { EmittedArtifact } from './serialize-artifact';
@@ -652,6 +652,7 @@ export declare const RenderInternals: {
         };
     }, "apiKey">>) => Promise<{
         buffer: Buffer | null;
+        contentType: string;
     }>;
     internalOpenBrowser: ({ browser, browserExecutable, chromiumOptions, forceDeviceScaleFactor, indent, viewport, logLevel, onBrowserDownload, chromeMode, }: {
         browserExecutable: string | null;
@@ -1219,6 +1220,7 @@ export declare const RenderInternals: {
     internalRenderMedia: (args_0: import("./render-media").InternalRenderMediaOptions) => Promise<{
         buffer: Buffer | null;
         slowestFrames: import("./render-media").SlowFrame[];
+        contentType: string;
     }>;
     validOpenGlRenderers: readonly ["swangle", "angle", "egl", "swiftshader", "vulkan", "angle-egl"];
     isIpV6Supported: (flattened: import("os").NetworkInterfaceInfo[]) => boolean;

package/dist/options/browser.d.ts

@@ -0,0 +1,19 @@
+export declare const browserOption: {
+    name: string;
+    cliFlag: "browser";
+    description: () => import("react/jsx-runtime").JSX.Element;
+    ssrName: null;
+    docLink: string;
+    getValue: ({ commandLine }: {
+        commandLine: Record<string, unknown>;
+    }) => {
+        source: string;
+        value: string;
+    } | {
+        source: string;
+        value: null;
+    };
+    setConfig: () => never;
+    type: string | null;
+    id: "browser";
+};

package/dist/options/browser.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.browserOption = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const cliFlag = 'browser';
+exports.browserOption = {
+    name: 'Browser',
+    cliFlag,
+    description: () => (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: ["Specify the browser which should be used for opening a tab. The default browser will be used by default. Pass an absolute path or", ' ', jsx_runtime_1.jsx("code", { children: "\"chrome\"" }),
+            " to use Chrome. If Chrome is selected as the browser and you are on macOS, Remotion will try to reuse an existing tab."] })),
+    ssrName: null,
+    docLink: 'https://www.remotion.dev/docs/cli/studio#--browser',
+    getValue: ({ commandLine }) => {
+        if (commandLine[cliFlag] !== undefined) {
+            return {
+                source: 'cli',
+                value: commandLine[cliFlag],
+            };
+        }
+        return {
+            source: 'default',
+            value: null,
+        };
+    },
+    setConfig: () => {
+        throw new Error('setBrowser is not supported. Pass --browser via the CLI instead.');
+    },
+    type: '',
+    id: cliFlag,
+};

package/dist/options/bundle-cache.d.ts

@@ -0,0 +1,16 @@
+export declare const bundleCacheOption: {
+    name: string;
+    cliFlag: "bundle-cache";
+    description: () => import("react/jsx-runtime").JSX.Element;
+    ssrName: null;
+    docLink: string;
+    getValue: ({ commandLine }: {
+        commandLine: Record<string, unknown>;
+    }) => {
+        source: string;
+        value: boolean;
+    };
+    setConfig: (value: boolean) => void;
+    type: boolean;
+    id: "bundle-cache";
+};

package/dist/options/bundle-cache.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.bundleCacheOption = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const cliFlag = 'bundle-cache';
+let cachingEnabled = true;
+exports.bundleCacheOption = {
+    name: 'Webpack Bundle Caching',
+    cliFlag,
+    description: () => (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: ["Enable or disable Webpack caching. This flag is enabled by default, use", ' ', jsx_runtime_1.jsx("code", { children: "--bundle-cache=false" }),
+            " to disable caching."] })),
+    ssrName: null,
+    docLink: 'https://www.remotion.dev/docs/config#setcachingenabled',
+    getValue: ({ commandLine }) => {
+        if (commandLine[cliFlag] !== undefined && commandLine[cliFlag] !== null) {
+            return {
+                source: 'cli',
+                value: Boolean(commandLine[cliFlag]),
+            };
+        }
+        return {
+            source: cachingEnabled ? 'default' : 'config',
+            value: cachingEnabled,
+        };
+    },
+    setConfig: (value) => {
+        if (typeof value !== 'boolean') {
+            throw new TypeError(`Value for "${cliFlag}" must be a boolean, but got ${typeof value}.`);
+        }
+        cachingEnabled = value;
+    },
+    type: true,
+    id: cliFlag,
+};

package/dist/options/concurrency.js

@@ -4,6 +4,24 @@ exports.concurrencyOption = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 let currentConcurrency = null;
 const cliFlag = 'concurrency';
+// Browser-safe validation that does not pull in Node.js modules
+// (validate-concurrency.ts imports node:child_process via get-cpu-count.ts)
+const validateConcurrencyValue = (value, setting) => {
+    if (typeof value === 'undefined' || value === null) {
+        return;
+    }
+    if (typeof value !== 'number' && typeof value !== 'string') {
+        throw new Error(setting + ' must a number or a string but is ' + value);
+    }
+    if (typeof value === 'number') {
+        if (value % 1 !== 0) {
+            throw new Error(setting + ' must be an integer, but is ' + value);
+        }
+    }
+    else if (!/^\d+(\.\d+)?%$/.test(value)) {
+        throw new Error(`${setting} must be a number or percentage, but is ${JSON.stringify(value)}`);
+    }
+};
 exports.concurrencyOption = {
     name: 'Concurrency',
     cliFlag,
@@ -17,9 +35,11 @@ exports.concurrencyOption = {
     type: null,
     getValue: ({ commandLine }) => {
         if (commandLine[cliFlag] !== undefined) {
+            const value = commandLine[cliFlag];
+            validateConcurrencyValue(value, 'concurrency');
             return {
                 source: 'cli',
-                value: commandLine[cliFlag],
+                value,
             };
         }
         if (currentConcurrency !== null) {
@@ -34,6 +54,7 @@ exports.concurrencyOption = {
         };
     },
     setConfig: (value) => {
+        validateConcurrencyValue(value, 'Config.setConcurrency');
         currentConcurrency = value;
     },
     id: cliFlag,

package/dist/options/config.d.ts

@@ -0,0 +1,19 @@
+export declare const configOption: {
+    name: string;
+    cliFlag: "config";
+    description: () => import("react/jsx-runtime").JSX.Element;
+    ssrName: null;
+    docLink: string;
+    getValue: ({ commandLine }: {
+        commandLine: Record<string, unknown>;
+    }) => {
+        source: string;
+        value: string;
+    } | {
+        source: string;
+        value: null;
+    };
+    setConfig: () => never;
+    type: string | null;
+    id: "config";
+};

package/dist/options/config.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.configOption = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const cliFlag = 'config';
+exports.configOption = {
+    name: 'Config file',
+    cliFlag,
+    description: () => jsx_runtime_1.jsx(jsx_runtime_1.Fragment, { children: "Specify a location for the Remotion config file." }),
+    ssrName: null,
+    docLink: 'https://www.remotion.dev/docs/config',
+    getValue: ({ commandLine }) => {
+        if (commandLine[cliFlag] !== undefined) {
+            return {
+                source: 'cli',
+                value: commandLine[cliFlag],
+            };
+        }
+        return {
+            source: 'default',
+            value: null,
+        };
+    },
+    setConfig: () => {
+        throw new Error('setConfig is not supported. Pass --config via the CLI instead.');
+    },
+    type: '',
+    id: cliFlag,
+};

package/dist/options/env-file.d.ts

@@ -0,0 +1,19 @@
+export declare const envFileOption: {
+    name: string;
+    cliFlag: "env-file";
+    description: () => import("react/jsx-runtime").JSX.Element;
+    ssrName: null;
+    docLink: string;
+    getValue: ({ commandLine }: {
+        commandLine: Record<string, unknown>;
+    }) => {
+        source: string;
+        value: string;
+    } | {
+        source: string;
+        value: null;
+    };
+    setConfig: (value: string | null) => void;
+    type: string | null;
+    id: "env-file";
+};

package/dist/options/env-file.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.envFileOption = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const cliFlag = 'env-file';
+let envFileLocation = null;
+exports.envFileOption = {
+    name: 'Env File',
+    cliFlag,
+    description: () => (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: ["Specify a location for a dotenv file. Default ",
+            jsx_runtime_1.jsx("code", { children: ".env" }),
+            "."] })),
+    ssrName: null,
+    docLink: 'https://www.remotion.dev/docs/cli/render#--env-file',
+    getValue: ({ commandLine }) => {
+        if (commandLine[cliFlag] !== undefined) {
+            return {
+                source: 'cli',
+                value: commandLine[cliFlag],
+            };
+        }
+        if (envFileLocation !== null) {
+            return {
+                source: 'config',
+                value: envFileLocation,
+            };
+        }
+        return {
+            source: 'default',
+            value: null,
+        };
+    },
+    setConfig: (value) => {
+        envFileLocation = value;
+    },
+    type: '',
+    id: cliFlag,
+};

package/dist/options/experimental-client-side-rendering.js

@@ -12,10 +12,9 @@ exports.experimentalClientSideRenderingOption = {
     docLink: 'https://www.remotion.dev/docs/client-side-rendering',
     type: false,
     getValue: ({ commandLine }) => {
-        if (commandLine[cliFlag] !== undefined) {
-            experimentalClientSideRenderingEnabled = true;
+        if (commandLine[cliFlag] !== null) {
             return {
-                value: experimentalClientSideRenderingEnabled,
+                value: commandLine[cliFlag],
                 source: 'cli',
             };
         }

package/dist/options/frames.d.ts

@@ -0,0 +1,17 @@
+import type { FrameRange } from '../frame-range';
+export declare const framesOption: {
+    name: string;
+    cliFlag: "frames";
+    description: () => import("react/jsx-runtime").JSX.Element;
+    ssrName: "frameRange";
+    docLink: string;
+    type: FrameRange | null;
+    getValue: ({ commandLine }: {
+        commandLine: Record<string, unknown>;
+    }) => {
+        source: string;
+        value: FrameRange | null;
+    };
+    setConfig: (value: FrameRange | null) => void;
+    id: "frames";
+};

package/dist/options/frames.js

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.framesOption = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const frame_range_1 = require("../frame-range");
+const cliFlag = 'frames';
+let frameRange = null;
+const parseFrameRangeFromCli = (newFrameRange) => {
+    if (typeof newFrameRange === 'number') {
+        if (newFrameRange < 0) {
+            return [0, Math.abs(newFrameRange)];
+        }
+        return newFrameRange;
+    }
+    if (typeof newFrameRange === 'string') {
+        if (newFrameRange.trim() === '') {
+            throw new Error('--frames flag must be a single number, or 2 numbers separated by `-`');
+        }
+        const parts = newFrameRange.split('-');
+        if (parts.length > 2 || parts.length <= 0) {
+            throw new Error(`--frames flag must be a number or 2 numbers separated by '-', instead got ${parts.length} numbers`);
+        }
+        if (parts.length === 1) {
+            const value = Number(parts[0]);
+            if (isNaN(value)) {
+                throw new Error('--frames flag must be a single number, or 2 numbers separated by `-`');
+            }
+            return value;
+        }
+        const [firstPart, secondPart] = parts;
+        if (secondPart === '' && firstPart !== '') {
+            const start = Number(firstPart);
+            if (isNaN(start)) {
+                throw new Error('--frames flag must be a single number, or 2 numbers separated by `-`');
+            }
+            return [start, null];
+        }
+        const parsed = parts.map((f) => Number(f));
+        const [first, second] = parsed;
+        for (const value of parsed) {
+            if (isNaN(value)) {
+                throw new Error('--frames flag must be a single number, or 2 numbers separated by `-`');
+            }
+        }
+        if (second < first) {
+            throw new Error('The second number of the --frames flag number should be greater or equal than first number');
+        }
+        return [first, second];
+    }
+    throw new Error('--frames flag must be a single number, or 2 numbers separated by `-`');
+};
+exports.framesOption = {
+    name: 'Frame Range',
+    cliFlag,
+    description: () => (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: ["Render a subset of a video. Pass a single number to render a still, or a range (e.g. ",
+            jsx_runtime_1.jsx("code", { children: "0-9" }),
+            ") to render a subset of frames. Pass", ' ', jsx_runtime_1.jsx("code", { children: "100-" }),
+            " to render from frame 100 to the end."] })),
+    ssrName: 'frameRange',
+    docLink: 'https://www.remotion.dev/docs/config#setframerange',
+    type: null,
+    getValue: ({ commandLine }) => {
+        if (commandLine[cliFlag] !== undefined) {
+            const value = parseFrameRangeFromCli(commandLine[cliFlag]);
+            (0, frame_range_1.validateFrameRange)(value);
+            return {
+                source: 'cli',
+                value,
+            };
+        }
+        return {
+            source: 'config',
+            value: frameRange,
+        };
+    },
+    setConfig: (value) => {
+        if (value !== null) {
+            (0, frame_range_1.validateFrameRange)(value);
+        }
+        frameRange = value;
+    },
+    id: cliFlag,
+};

package/dist/options/image-sequence.d.ts

@@ -0,0 +1,16 @@
+export declare const imageSequenceOption: {
+    name: string;
+    cliFlag: "sequence";
+    description: () => import("react/jsx-runtime").JSX.Element;
+    ssrName: null;
+    docLink: string;
+    getValue: ({ commandLine }: {
+        commandLine: Record<string, unknown>;
+    }) => {
+        source: string;
+        value: boolean;
+    };
+    setConfig: (value: boolean) => void;
+    type: boolean;
+    id: "sequence";
+};

package/dist/options/image-sequence.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.imageSequenceOption = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const cliFlag = 'sequence';
+let imageSequence = false;
+exports.imageSequenceOption = {
+    name: 'Image Sequence',
+    cliFlag,
+    description: () => (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: ["Pass this flag to output an image sequence instead of a video. The default image format is JPEG. See", ' ', jsx_runtime_1.jsx("a", { href: "/docs/config#setimagesequence", children: jsx_runtime_1.jsx("code", { children: "setImageSequence()" }) }), ' ', "for more details."] })),
+    ssrName: null,
+    docLink: 'https://www.remotion.dev/docs/config#setimagesequence',
+    getValue: ({ commandLine }) => {
+        if (commandLine[cliFlag] !== undefined) {
+            return {
+                source: 'cli',
+                value: Boolean(commandLine[cliFlag]),
+            };
+        }
+        return {
+            source: imageSequence ? 'config' : 'default',
+            value: imageSequence,
+        };
+    },
+    setConfig: (value) => {
+        imageSequence = value;
+    },
+    type: false,
+    id: cliFlag,
+};