@remotion/renderer 4.0.424 → 4.0.426

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

@@ -30,6 +30,7 @@ export { openBrowser } from './open-browser';
 export type { ChromiumOptions } from './open-browser';
 export { ChromeMode } from './options/chrome-mode';
 export { ColorSpace } from './options/color-space';
+export type { Concurrency } from './options/concurrency';
 export type { DeleteAfter } from './options/delete-after';
 export { OpenGlRenderer } from './options/gl';
 export { NumberOfGifLoops } from './options/number-of-gif-loops';
@@ -39,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';
@@ -651,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;
@@ -1218,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-executable.d.ts

@@ -0,0 +1,17 @@
+import type { BrowserExecutable } from '../browser-executable';
+export declare const browserExecutableOption: {
+    name: string;
+    cliFlag: "browser-executable";
+    description: () => import("react/jsx-runtime").JSX.Element;
+    ssrName: "browserExecutable";
+    docLink: string;
+    type: BrowserExecutable;
+    getValue: ({ commandLine }: {
+        commandLine: Record<string, unknown>;
+    }) => {
+        source: string;
+        value: BrowserExecutable;
+    };
+    setConfig: (value: BrowserExecutable) => void;
+    id: "browser-executable";
+};

package/dist/options/browser-executable.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.browserExecutableOption = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+let currentBrowserExecutablePath = null;
+const cliFlag = 'browser-executable';
+exports.browserExecutableOption = {
+    name: 'Browser executable',
+    cliFlag,
+    description: () => (jsx_runtime_1.jsx(jsx_runtime_1.Fragment, { children: "Set a custom Chrome or Chromium executable path. By default Remotion will try to find an existing version of Chrome on your system and if not found, it will download one. This flag is useful if you don't have Chrome installed in a standard location and you want to prevent downloading an additional browser or need support for the H264 codec." })),
+    ssrName: 'browserExecutable',
+    docLink: 'https://www.remotion.dev/docs/config#setbrowserexecutable',
+    type: null,
+    getValue: ({ commandLine }) => {
+        if (commandLine[cliFlag] !== undefined) {
+            return {
+                source: 'cli',
+                value: commandLine[cliFlag],
+            };
+        }
+        if (currentBrowserExecutablePath !== null) {
+            return {
+                source: 'config',
+                value: currentBrowserExecutablePath,
+            };
+        }
+        return {
+            source: 'default',
+            value: null,
+        };
+    },
+    setConfig: (value) => {
+        currentBrowserExecutablePath = value;
+    },
+    id: cliFlag,
+};

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.d.ts

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

package/dist/options/concurrency.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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,
+    description: () => (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: ["How many CPU threads to use. Minimum 1. The maximum is the amount of threads you have (In Node.JS ",
+            jsx_runtime_1.jsx("code", { children: "os.cpus().length" }),
+            "). You can also provide a percentage value (e.g. ",
+            jsx_runtime_1.jsx("code", { children: "50%" }),
+            ")."] })),
+    ssrName: 'concurrency',
+    docLink: 'https://www.remotion.dev/docs/config#setconcurrency',
+    type: null,
+    getValue: ({ commandLine }) => {
+        if (commandLine[cliFlag] !== undefined) {
+            const value = commandLine[cliFlag];
+            validateConcurrencyValue(value, 'concurrency');
+            return {
+                source: 'cli',
+                value,
+            };
+        }
+        if (currentConcurrency !== null) {
+            return {
+                source: 'config',
+                value: currentConcurrency,
+            };
+        }
+        return {
+            source: 'default',
+            value: null,
+        };
+    },
+    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/disable-web-security.d.ts

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

package/dist/options/disable-web-security.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.disableWebSecurityOption = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+let disableWebSecurity = false;
+const cliFlag = 'disable-web-security';
+exports.disableWebSecurityOption = {
+    name: 'Disable web security',
+    cliFlag,
+    description: () => (jsx_runtime_1.jsx(jsx_runtime_1.Fragment, { children: "This will most notably disable CORS in Chrome among other security features." })),
+    ssrName: 'disableWebSecurity',
+    docLink: 'https://www.remotion.dev/docs/chromium-flags#--disable-web-security',
+    type: false,
+    getValue: ({ commandLine }) => {
+        if (commandLine[cliFlag] !== undefined) {
+            return {
+                source: 'cli',
+                value: Boolean(commandLine[cliFlag]),
+            };
+        }
+        if (disableWebSecurity) {
+            return {
+                source: 'config',
+                value: disableWebSecurity,
+            };
+        }
+        return {
+            source: 'default',
+            value: false,
+        };
+    },
+    setConfig: (value) => {
+        disableWebSecurity = value;
+    },
+    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/every-nth-frame.d.ts

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

package/dist/options/every-nth-frame.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.everyNthFrameOption = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const DEFAULT_EVERY_NTH_FRAME = 1;
+let everyNthFrame = DEFAULT_EVERY_NTH_FRAME;
+const cliFlag = 'every-nth-frame';
+exports.everyNthFrameOption = {
+    name: 'Every nth frame',
+    cliFlag,
+    description: () => (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: ["This option may only be set when rendering GIFs. It determines how many frames are rendered, while the other ones get skipped in order to lower the FPS of the GIF. For example, if the ",
+            jsx_runtime_1.jsx("code", { children: "fps" }),
+            " is 30, and", ' ', jsx_runtime_1.jsx("code", { children: "everyNthFrame" }),
+            " is 2, the FPS of the GIF is ",
+            jsx_runtime_1.jsx("code", { children: "15" }),
+            "."] })),
+    ssrName: 'everyNthFrame',
+    docLink: 'https://www.remotion.dev/docs/config#seteverynthframe',
+    type: DEFAULT_EVERY_NTH_FRAME,
+    getValue: ({ commandLine }) => {
+        if (commandLine[cliFlag] !== undefined) {
+            return {
+                source: 'cli',
+                value: commandLine[cliFlag],
+            };
+        }
+        if (everyNthFrame !== DEFAULT_EVERY_NTH_FRAME) {
+            return {
+                source: 'config',
+                value: everyNthFrame,
+            };
+        }
+        return {
+            source: 'default',
+            value: DEFAULT_EVERY_NTH_FRAME,
+        };
+    },
+    setConfig: (value) => {
+        everyNthFrame = value;
+    },
+    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,
+};