@remotion/cli 3.3.37 → 3.3.38

package/dist/editor/components/RenderQueue/actions.d.ts

@@ -1,4 +1,4 @@
-import type { Codec, PixelFormat, ProResProfile, StillImageFormat } from '@remotion/renderer';
+import type { Codec, StillImageFormat } from '@remotion/renderer';
 import type { ApiRoutes } from '../../../preview-server/api-types';
 import type { RenderJob } from '../../../preview-server/render-queue/job';
 export declare const callApi: <Endpoint extends keyof ApiRoutes>(endpoint: Endpoint, body: ApiRoutes[Endpoint]["Request"]) => Promise<ApiRoutes[Endpoint]["Response"]>;
@@ -11,7 +11,7 @@ export declare const addStillRenderJob: ({ compositionId, outName, imageFormat,
     scale: number;
     verbose: boolean;
 }) => Promise<undefined>;
-export declare const addVideoRenderJob: ({ compositionId, outName, imageFormat, quality, scale, verbose, codec, concurrency, crf, startFrame, endFrame, muted, enforceAudioTrack, proResProfile, pixelFormat, audioBitrate, videoBitrate, everyNthFrame, numberOfGifLoops, delayRenderTimeout, }: {
+export declare const addVideoRenderJob: ({ compositionId, outName, imageFormat, quality, scale, verbose, codec, }: {
     compositionId: string;
     outName: string;
     imageFormat: StillImageFormat;
@@ -19,19 +19,6 @@ export declare const addVideoRenderJob: ({ compositionId, outName, imageFormat,
     scale: number;
     verbose: boolean;
     codec: Codec;
-    concurrency: number;
-    crf: number | null;
-    startFrame: number;
-    endFrame: number;
-    muted: boolean;
-    enforceAudioTrack: boolean;
-    proResProfile: ProResProfile | null;
-    pixelFormat: PixelFormat;
-    audioBitrate: string | null;
-    videoBitrate: string | null;
-    everyNthFrame: number;
-    numberOfGifLoops: number | null;
-    delayRenderTimeout: number;
 }) => Promise<undefined>;
 export declare const unsubscribeFromFileExistenceWatcher: ({ file, clientId, }: {
     file: string;

package/dist/editor/components/RenderQueue/actions.js

@@ -38,7 +38,7 @@ const addStillRenderJob = ({ compositionId, outName, imageFormat, quality, frame
     });
 };
 exports.addStillRenderJob = addStillRenderJob;
-const addVideoRenderJob = ({ compositionId, outName, imageFormat, quality, scale, verbose, codec, concurrency, crf, startFrame, endFrame, muted, enforceAudioTrack, proResProfile, pixelFormat, audioBitrate, videoBitrate, everyNthFrame, numberOfGifLoops, delayRenderTimeout, }) => {
+const addVideoRenderJob = ({ compositionId, outName, imageFormat, quality, scale, verbose, codec, }) => {
     return (0, exports.callApi)('/api/render', {
         compositionId,
         type: 'video',
@@ -48,19 +48,6 @@ const addVideoRenderJob = ({ compositionId, outName, imageFormat, quality, scale
         scale,
         verbose,
         codec,
-        concurrency,
-        crf,
-        endFrame,
-        startFrame,
-        muted,
-        enforceAudioTrack,
-        proResProfile,
-        pixelFormat,
-        audioBitrate,
-        videoBitrate,
-        everyNthFrame,
-        numberOfGifLoops,
-        delayRenderTimeout,
     });
 };
 exports.addVideoRenderJob = addVideoRenderJob;

package/dist/editor/components/RenderToolbarIcon.js

@@ -5,7 +5,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const remotion_1 = require("remotion");
 const get_default_out_name_1 = require("../../get-default-out-name");
-const get_default_video_contexts_1 = require("../../preview-server/render-queue/get-default-video-contexts");
 const client_id_1 = require("../helpers/client-id");
 const render_1 = require("../icons/render");
 const modals_1 = require("../state/modals");
@@ -26,48 +25,27 @@ const RenderStillButton = () => {
     const video = remotion_1.Internals.useVideo();
     const frame = (0, remotion_1.useCurrentFrame)();
     const onClick = (0, react_1.useCallback)(() => {
-        var _a, _b;
+        var _a, _b, _c, _d, _e;
         if (!video) {
             return null;
         }
         const isVideo = video.durationInFrames > 1;
-        const defaults = window.remotion_renderDefaults;
-        if (!defaults) {
-            throw new TypeError('Expected defaults');
-        }
-        const { initialAudioCodec, initialRenderType, initialVideoCodec } = (0, get_default_video_contexts_1.getDefaultCodecs)({
-            defaultCodec: defaults.codec,
-            isStill: !isVideo,
-        });
         setSelectedModal({
             type: 'render',
             compositionId: video.id,
             initialFrame: frame,
-            initialStillImageFormat: defaults.stillImageFormat,
-            initialVideoImageFormat: defaults.videoImageFormat,
+            initialImageFormat: isVideo ? 'jpeg' : 'png',
             initialOutName: (0, get_default_out_name_1.getDefaultOutLocation)({
                 compositionName: video.id,
                 defaultExtension: isVideo ? 'mp4' : 'png',
                 type: 'asset',
             }),
-            initialQuality: defaults.quality,
-            initialScale: (_b = (_a = window.remotion_renderDefaults) === null || _a === void 0 ? void 0 : _a.scale) !== null && _b !== void 0 ? _b : 1,
-            initialVerbose: defaults.logLevel === 'verbose',
-            initialAudioCodec,
-            initialRenderType,
-            initialVideoCodec,
-            initialConcurrency: defaults.concurrency,
-            maxConcurrency: defaults.maxConcurrency,
-            minConcurrency: defaults.minConcurrency,
-            initialMuted: defaults.muted,
-            initialEnforceAudioTrack: defaults.enforceAudioTrack,
-            initialProResProfile: defaults.proResProfile,
-            initialPixelFormat: defaults.pixelFormat,
-            initialAudioBitrate: defaults.audioBitrate,
-            initialVideoBitrate: defaults.videoBitrate,
-            initialEveryNthFrame: defaults.everyNthFrame,
-            initialNumberOfGifLoops: defaults.numberOfGifLoops,
-            initialDelayRenderTimeout: defaults.delayRenderTimeout,
+            // TODO: Determine defaults from config file
+            initialQuality: (_b = (_a = window.remotion_renderDefaults) === null || _a === void 0 ? void 0 : _a.quality) !== null && _b !== void 0 ? _b : 80,
+            initialScale: (_d = (_c = window.remotion_renderDefaults) === null || _c === void 0 ? void 0 : _c.scale) !== null && _d !== void 0 ? _d : 1,
+            initialVerbose: ((_e = window.remotion_renderDefaults) === null || _e === void 0 ? void 0 : _e.logLevel) === 'verbose',
+            initialRenderType: isVideo ? 'video' : 'still',
+            initialCodec: 'h264',
         });
     }, [video, frame, setSelectedModal]);
     if (!video) {

package/dist/editor/components/SegmentedControl.js

@@ -16,7 +16,7 @@ const container = {
 };
 const item = {
     display: 'flex',
-    fontSize: 15,
+    fontSize: 13,
     padding: '4px 12px',
     cursor: 'pointer',
     appearance: 'none',

package/dist/editor/components/SidebarContent.js

@@ -5,7 +5,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const colors_1 = require("../helpers/colors");
 const CompositionSelector_1 = require("./CompositionSelector");
-const CurrentCompositionSideEffects_1 = require("./CurrentCompositionSideEffects");
 const RenderQueue_1 = require("./RenderQueue");
 const context_1 = require("./RenderQueue/context");
 const RendersTab_1 = require("./RendersTab");
@@ -47,6 +46,6 @@ const SidebarContent = () => {
             },
         };
     }, []);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: container, children: [shouldRender ? ((0, jsx_runtime_1.jsx)("div", { style: tabsContainer, children: (0, jsx_runtime_1.jsxs)(Tabs_1.Tabs, { children: [(0, jsx_runtime_1.jsx)(Tabs_1.Tab, { selected: panel === 'compositions', onClick: onCompositionsSelected, children: "Compositions" }), (0, jsx_runtime_1.jsx)(RendersTab_1.RendersTab, { onClick: onRendersSelected, selected: panel === 'renders' })] }) })) : null, panel === 'renders' && shouldRender ? ((0, jsx_runtime_1.jsx)(RenderQueue_1.RenderQueue, {})) : ((0, jsx_runtime_1.jsx)(CompositionSelector_1.CompositionSelector, {})), (0, jsx_runtime_1.jsx)(CurrentCompositionSideEffects_1.CurrentCompositionKeybindings, {}), (0, jsx_runtime_1.jsx)(CurrentCompositionSideEffects_1.TitleUpdater, {})] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { style: container, children: [shouldRender ? ((0, jsx_runtime_1.jsx)("div", { style: tabsContainer, children: (0, jsx_runtime_1.jsxs)(Tabs_1.Tabs, { children: [(0, jsx_runtime_1.jsx)(Tabs_1.Tab, { selected: panel === 'compositions', onClick: onCompositionsSelected, children: "Compositions" }), (0, jsx_runtime_1.jsx)(RendersTab_1.RendersTab, { onClick: onRendersSelected, selected: panel === 'renders' })] }) })) : null, panel === 'renders' && shouldRender ? ((0, jsx_runtime_1.jsx)(RenderQueue_1.RenderQueue, {})) : ((0, jsx_runtime_1.jsx)(CompositionSelector_1.CompositionSelector, {}))] }));
 };
 exports.SidebarContent = SidebarContent;

package/dist/get-cli-options.d.ts

@@ -30,7 +30,7 @@ export declare const getCliOptions: (options: {
     browserExecutable: BrowserExecutable;
     ffmpegExecutable: import("@remotion/renderer").FfmpegExecutable;
     ffprobeExecutable: import("@remotion/renderer").FfmpegExecutable;
-    logLevel: "verbose" | "error" | "info" | "warn";
+    logLevel: "error" | "verbose" | "info" | "warn";
     scale: number;
     chromiumOptions: ChromiumOptions;
     overwrite: boolean;

package/dist/index.d.ts

@@ -88,7 +88,7 @@ export declare const CliInternals: {
         browserExecutable: import("@remotion/renderer").BrowserExecutable;
         ffmpegExecutable: import("@remotion/renderer").FfmpegExecutable;
         ffprobeExecutable: import("@remotion/renderer").FfmpegExecutable;
-        logLevel: "verbose" | "error" | "info" | "warn";
+        logLevel: "error" | "verbose" | "info" | "warn";
         scale: number;
         chromiumOptions: import("@remotion/renderer").ChromiumOptions;
         overwrite: boolean;

package/dist/preview-server/render-queue/get-default-video-contexts.d.ts

@@ -1,5 +1,5 @@
 import type { Codec } from '@remotion/renderer';
-import type { RenderType } from '../../editor/components/RenderModal/RenderModalAdvanced';
+import type { RenderType } from '../../editor/components/RenderModal/RenderModal';
 export declare const getDefaultCodecs: ({ defaultCodec, isStill, }: {
     defaultCodec: Codec;
     isStill: boolean;

package/dist/preview-server/render-queue/job.d.ts

@@ -1,4 +1,4 @@
-import type { Codec, makeCancelSignal, PixelFormat, ProResProfile, StillImageFormat } from '@remotion/renderer';
+import type { Codec, makeCancelSignal, StillImageFormat } from '@remotion/renderer';
 declare type RenderJobDynamicStatus = {
     status: 'done';
 } | {
@@ -30,19 +30,6 @@ declare type RenderJobDynamicFields = {
     quality: number | null;
     scale: number;
     codec: Codec;
-    concurrency: number;
-    crf: number | null;
-    startFrame: number;
-    endFrame: number;
-    muted: boolean;
-    enforceAudioTrack: boolean;
-    proResProfile: ProResProfile | null;
-    pixelFormat: PixelFormat;
-    audioBitrate: string | null;
-    videoBitrate: string | null;
-    everyNthFrame: number;
-    numberOfGifLoops: number | null;
-    delayRenderTimeout: number;
 };
 export declare type RenderJob = {
     startedAt: number;
@@ -70,19 +57,6 @@ declare type AddRenderRequestDynamicFields = {
     quality: number | null;
     scale: number;
     verbose: boolean;
-    concurrency: number;
-    crf: number | null;
-    startFrame: number;
-    endFrame: number;
-    muted: boolean;
-    enforceAudioTrack: boolean;
-    proResProfile: ProResProfile | null;
-    pixelFormat: PixelFormat;
-    audioBitrate: string | null;
-    videoBitrate: string | null;
-    everyNthFrame: number;
-    numberOfGifLoops: number | null;
-    delayRenderTimeout: number;
 };
 export declare type CancelRenderRequest = {
     jobId: string;

package/dist/preview-server/render-queue/make-retry-payload.js

@@ -1,77 +1,35 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeRetryPayload = void 0;
-const get_default_video_contexts_1 = require("./get-default-video-contexts");
 const makeRetryPayload = (job) => {
-    var _a, _b, _c;
-    const defaults = window.remotion_renderDefaults;
-    if (!defaults) {
-        throw new Error('defaults not set');
-    }
     if (job.type === 'still') {
-        const { initialAudioCodec, initialRenderType, initialVideoCodec } = (0, get_default_video_contexts_1.getDefaultCodecs)({
-            defaultCodec: defaults.codec,
-            isStill: true,
-        });
         return {
             type: 'render',
             compositionId: job.compositionId,
             initialFrame: job.frame,
-            initialStillImageFormat: job.imageFormat,
-            // TODO: Take from config
-            initialVideoImageFormat: 'jpeg',
-            initialQuality: (_a = job.quality) !== null && _a !== void 0 ? _a : defaults.quality,
+            initialImageFormat: job.imageFormat,
+            initialQuality: job.quality,
             initialOutName: job.outName,
             initialScale: job.scale,
             initialVerbose: job.verbose,
-            initialAudioCodec,
-            initialRenderType,
-            initialVideoCodec,
-            initialConcurrency: defaults.concurrency,
-            maxConcurrency: defaults.maxConcurrency,
-            minConcurrency: defaults.minConcurrency,
-            initialMuted: defaults.muted,
-            initialEnforceAudioTrack: defaults.enforceAudioTrack,
-            initialProResProfile: defaults.proResProfile,
-            initialPixelFormat: defaults.pixelFormat,
-            initialAudioBitrate: defaults.audioBitrate,
-            initialVideoBitrate: defaults.videoBitrate,
-            initialEveryNthFrame: defaults.everyNthFrame,
-            initialNumberOfGifLoops: defaults.numberOfGifLoops,
-            initialDelayRenderTimeout: defaults.delayRenderTimeout,
+            initialRenderType: 'still',
+            // TODO: take initial codec from config file
+            initialCodec: 'h264',
         };
     }
     if (job.type === 'video') {
-        const { initialAudioCodec, initialRenderType, initialVideoCodec } = (0, get_default_video_contexts_1.getDefaultCodecs)({
-            defaultCodec: defaults.codec,
-            isStill: false,
-        });
+        // TODO: Implement correct retry mechanism for video
         return {
             type: 'render',
             compositionId: job.compositionId,
-            // TODO: Take from config
-            initialStillImageFormat: 'png',
-            initialVideoImageFormat: job.imageFormat,
-            initialQuality: (_b = job.quality) !== null && _b !== void 0 ? _b : defaults.quality,
+            initialImageFormat: job.imageFormat,
+            initialQuality: job.quality,
             initialOutName: job.outName,
             initialScale: job.scale,
             initialVerbose: job.verbose,
             initialFrame: 0,
-            initialConcurrency: job.concurrency,
-            maxConcurrency: defaults.maxConcurrency,
-            minConcurrency: defaults.minConcurrency,
-            initialMuted: job.muted,
-            initialAudioCodec,
-            initialEnforceAudioTrack: job.enforceAudioTrack,
-            initialRenderType,
-            initialVideoCodec,
-            initialProResProfile: (_c = job.proResProfile) !== null && _c !== void 0 ? _c : defaults.proResProfile,
-            initialPixelFormat: job.pixelFormat,
-            initialAudioBitrate: job.audioBitrate,
-            initialVideoBitrate: job.videoBitrate,
-            initialEveryNthFrame: job.everyNthFrame,
-            initialNumberOfGifLoops: job.numberOfGifLoops,
-            initialDelayRenderTimeout: job.delayRenderTimeout,
+            initialRenderType: 'video',
+            initialCodec: job.codec,
         };
     }
     throw new Error(`Job ${JSON.stringify(job)} Not implemented`);

package/dist/preview-server/render-queue/process-video.js

@@ -5,12 +5,11 @@ const convert_entry_point_to_serve_url_1 = require("../../convert-entry-point-to
 const get_cli_options_1 = require("../../get-cli-options");
 const render_1 = require("../../render-flows/render");
 const processVideoJob = async ({ job, remotionRoot, entryPoint, onProgress, addCleanupCallback, }) => {
-    var _a, _b;
+    var _a;
     if (job.type !== 'video') {
         throw new Error('Expected video job');
     }
-    // TODO: Change until none can be derived from UI
-    const { publicDir, browserExecutable, ffmpegExecutable, ffprobeExecutable, chromiumOptions, envVariables, inputProps, port, browser, ffmpegOverride, } = await (0, get_cli_options_1.getCliOptions)({
+    const { publicDir, browserExecutable, ffmpegExecutable, ffprobeExecutable, chromiumOptions, envVariables, inputProps, port, browser, puppeteerTimeout, } = await (0, get_cli_options_1.getCliOptions)({
         isLambda: false,
         type: 'still',
         remotionRoot,
@@ -31,7 +30,7 @@ const processVideoJob = async ({ job, remotionRoot, entryPoint, onProgress, addC
         overwrite: true,
         port,
         publicDir,
-        puppeteerTimeout: job.delayRenderTimeout,
+        puppeteerTimeout,
         quality: (_a = job.quality) !== null && _a !== void 0 ? _a : undefined,
         remainingArgs: [],
         scale: job.scale,
@@ -41,9 +40,12 @@ const processVideoJob = async ({ job, remotionRoot, entryPoint, onProgress, addC
         logLevel: job.verbose ? 'verbose' : 'info',
         onProgress,
         indent: true,
-        concurrency: job.concurrency,
-        everyNthFrame: job.everyNthFrame,
-        frameRange: [job.startFrame, job.endFrame],
+        // TODO: Make configurable
+        concurrency: null,
+        // TODO: Make configurable
+        everyNthFrame: 1,
+        // TODO: Make configurable
+        frameRange: null,
         quiet: false,
         shouldOutputImageSequence: false,
         addCleanupCallback,
@@ -51,15 +53,6 @@ const processVideoJob = async ({ job, remotionRoot, entryPoint, onProgress, addC
         uiCodec: job.codec,
         uiImageFormat: job.imageFormat,
         cancelSignal: job.cancelToken.cancelSignal,
-        crf: job.crf,
-        ffmpegOverride,
-        audioBitrate: job.audioBitrate,
-        muted: job.muted,
-        enforceAudioTrack: job.enforceAudioTrack,
-        proResProfile: (_b = job.proResProfile) !== null && _b !== void 0 ? _b : undefined,
-        pixelFormat: job.pixelFormat,
-        videoBitrate: job.videoBitrate,
-        numberOfGifLoops: job.numberOfGifLoops,
     });
     // TODO: Accept CLI options
 };

package/dist/preview-server/routes/add-render.js

@@ -24,19 +24,6 @@ const handleAddRender = ({ input, entryPoint, remotionRoot, }) => {
                 startedAt: Date.now(),
                 verbose: input.verbose,
                 cancelToken: (0, renderer_1.makeCancelSignal)(),
-                concurrency: input.concurrency,
-                crf: input.crf,
-                endFrame: input.endFrame,
-                startFrame: input.startFrame,
-                muted: input.muted,
-                enforceAudioTrack: input.enforceAudioTrack,
-                proResProfile: input.proResProfile,
-                pixelFormat: input.pixelFormat,
-                audioBitrate: input.audioBitrate,
-                videoBitrate: input.videoBitrate,
-                everyNthFrame: input.everyNthFrame,
-                numberOfGifLoops: input.numberOfGifLoops,
-                delayRenderTimeout: input.delayRenderTimeout,
             },
         });
     }

package/dist/render-flows/render.d.ts

@@ -1,7 +1,6 @@
-import type { Browser, BrowserExecutable, CancelSignal, ChromiumOptions, Codec, Crf, FfmpegExecutable, FfmpegOverrideFn, FrameRange, ImageFormat, LogLevel, PixelFormat, ProResProfile } from '@remotion/renderer';
-import type { Loop } from '../config/number-of-gif-loops';
+import type { Browser, BrowserExecutable, CancelSignal, ChromiumOptions, Codec, FfmpegExecutable, FrameRange, ImageFormat, LogLevel } from '@remotion/renderer';
 import type { JobProgressCallback } from '../preview-server/render-queue/job';
-export declare const renderCompFlow: ({ remotionRoot, fullEntryPoint, ffmpegExecutable, ffprobeExecutable, indent, logLevel, browserExecutable, browser, chromiumOptions, scale, shouldOutputImageSequence, publicDir, inputProps, envVariables, puppeteerTimeout, port, height, width, remainingArgs, compositionIdFromUi, entryPointReason, overwrite, quiet, concurrency, frameRange, everyNthFrame, configFileImageFormat, outputLocationFromUI, quality, onProgress, addCleanupCallback, cancelSignal, crf, uiCodec, uiImageFormat, ffmpegOverride, audioBitrate, muted, enforceAudioTrack, proResProfile, pixelFormat, videoBitrate, numberOfGifLoops, }: {
+export declare const renderCompFlow: ({ remotionRoot, fullEntryPoint, ffmpegExecutable, ffprobeExecutable, indent, logLevel, browserExecutable, browser, chromiumOptions, scale, shouldOutputImageSequence, publicDir, inputProps, envVariables, puppeteerTimeout, port, height, width, remainingArgs, compositionIdFromUi, entryPointReason, overwrite, quiet, concurrency, frameRange, everyNthFrame, configFileImageFormat, outputLocationFromUI, quality, onProgress, addCleanupCallback, uiCodec, uiImageFormat, cancelSignal, }: {
     remotionRoot: string;
     fullEntryPoint: string;
     entryPointReason: string;
@@ -33,16 +32,7 @@ export declare const renderCompFlow: ({ remotionRoot, fullEntryPoint, ffmpegExec
     quality: number | undefined;
     onProgress: JobProgressCallback;
     addCleanupCallback: (cb: () => Promise<void>) => void;
-    crf: Crf | null;
-    cancelSignal: CancelSignal | null;
     uiCodec: Codec | null;
-    uiImageFormat: 'png' | 'jpeg' | 'none' | null;
-    ffmpegOverride: FfmpegOverrideFn;
-    audioBitrate: string | null;
-    videoBitrate: string | null;
-    muted: boolean;
-    enforceAudioTrack: boolean;
-    proResProfile: ProResProfile | undefined;
-    pixelFormat: PixelFormat;
-    numberOfGifLoops: Loop;
+    uiImageFormat: ImageFormat | null;
+    cancelSignal: CancelSignal | null;
 }) => Promise<void>;

package/dist/render-flows/render.js

@@ -14,6 +14,7 @@ const get_cli_options_1 = require("../get-cli-options");
 const get_composition_with_dimension_override_1 = require("../get-composition-with-dimension-override");
 const get_filename_1 = require("../get-filename");
 const get_final_output_codec_1 = require("../get-final-output-codec");
+const get_render_media_options_1 = require("../get-render-media-options");
 const image_formats_1 = require("../image-formats");
 const log_1 = require("../log");
 const parse_command_line_1 = require("../parse-command-line");
@@ -21,7 +22,7 @@ const progress_bar_1 = require("../progress-bar");
 const setup_cache_1 = require("../setup-cache");
 const truthy_1 = require("../truthy");
 const user_passed_output_location_1 = require("../user-passed-output-location");
-const renderCompFlow = async ({ remotionRoot, fullEntryPoint, ffmpegExecutable, ffprobeExecutable, indent, logLevel, browserExecutable, browser, chromiumOptions, scale, shouldOutputImageSequence, publicDir, inputProps, envVariables, puppeteerTimeout, port, height, width, remainingArgs, compositionIdFromUi, entryPointReason, overwrite, quiet, concurrency, frameRange, everyNthFrame, configFileImageFormat, outputLocationFromUI, quality, onProgress, addCleanupCallback, cancelSignal, crf, uiCodec, uiImageFormat, ffmpegOverride, audioBitrate, muted, enforceAudioTrack, proResProfile, pixelFormat, videoBitrate, numberOfGifLoops, }) => {
+const renderCompFlow = async ({ remotionRoot, fullEntryPoint, ffmpegExecutable, ffprobeExecutable, indent, logLevel, browserExecutable, browser, chromiumOptions, scale, shouldOutputImageSequence, publicDir, inputProps, envVariables, puppeteerTimeout, port, height, width, remainingArgs, compositionIdFromUi, entryPointReason, overwrite, quiet, concurrency, frameRange, everyNthFrame, configFileImageFormat, outputLocationFromUI, quality, onProgress, addCleanupCallback, uiCodec, uiImageFormat, cancelSignal, }) => {
     var _a;
     const downloads = [];
     const downloadMap = renderer_1.RenderInternals.makeDownloadMap();
@@ -100,7 +101,7 @@ const renderCompFlow = async ({ remotionRoot, fullEntryPoint, ffmpegExecutable,
         outName: (0, user_passed_output_location_1.getUserPassedOutputLocation)(argsAfterComposition),
         uiCodec,
     });
-    await (0, get_cli_options_1.validateFfmpegCanUseCodec)(codec, remotionRoot);
+    (0, get_cli_options_1.validateFfmpegCanUseCodec)(codec, remotionRoot);
     renderer_1.RenderInternals.validateEvenDimensionsWithCodec({
         width: config.width,
         height: config.height,
@@ -111,7 +112,7 @@ const renderCompFlow = async ({ remotionRoot, fullEntryPoint, ffmpegExecutable,
         codec,
         imageSequence: shouldOutputImageSequence,
         compositionName: compositionId,
-        defaultExtension: renderer_1.RenderInternals.getFileExtensionFromCodec(codec),
+        defaultExtension: renderer_1.RenderInternals.getFileExtensionFromCodec(codec, 'final'),
         args: argsAfterComposition,
         indent,
         fromUi: outputLocationFromUI,
@@ -134,7 +135,6 @@ const renderCompFlow = async ({ remotionRoot, fullEntryPoint, ffmpegExecutable,
     let encodedDoneIn = null;
     let renderedDoneIn = null;
     let stitchStage = 'encoding';
-    const actualConcurrency = renderer_1.RenderInternals.getActualConcurrency(concurrency);
     const updateRenderProgress = () => {
         if (totalFrames.length === 0) {
             throw new Error('totalFrames should not be 0');
@@ -143,7 +143,7 @@ const renderCompFlow = async ({ remotionRoot, fullEntryPoint, ffmpegExecutable,
             rendering: {
                 frames: renderedFrames,
                 totalFrames: totalFrames.length,
-                concurrency: actualConcurrency,
+                concurrency: renderer_1.RenderInternals.getActualConcurrency(concurrency),
                 doneIn: renderedDoneIn,
                 steps,
             },
@@ -202,7 +202,7 @@ const renderCompFlow = async ({ remotionRoot, fullEntryPoint, ffmpegExecutable,
             everyNthFrame,
             envVariables,
             frameRange,
-            concurrency: actualConcurrency,
+            concurrency,
             puppeteerInstance,
             quality,
             timeoutInMilliseconds: puppeteerTimeout,
@@ -215,43 +215,17 @@ const renderCompFlow = async ({ remotionRoot, fullEntryPoint, ffmpegExecutable,
             downloadMap,
         });
         updateRenderProgress();
-        process.stdout.write('\n');
         log_1.Log.infoAdvanced({ indent, logLevel }, chalk_1.chalk.cyan(`▶ ${absoluteOutputFile}`));
     }
-    await (0, renderer_1.renderMedia)({
+    const options = await (0, get_render_media_options_1.getRenderMediaOptions)({
+        config,
         outputLocation: absoluteOutputFile,
-        composition: {
-            ...config,
-            width: width !== null && width !== void 0 ? width : config.width,
-            height: height !== null && height !== void 0 ? height : config.height,
-        },
-        crf,
-        envVariables,
-        ffmpegExecutable,
-        ffprobeExecutable,
-        frameRange,
-        inputProps,
-        overwrite,
-        pixelFormat,
-        proResProfile,
-        quality,
-        dumpBrowserLogs: renderer_1.RenderInternals.isEqualOrBelowLogLevel(logLevel, 'verbose'),
-        chromiumOptions,
-        timeoutInMilliseconds: config_1.ConfigInternals.getCurrentPuppeteerTimeout(),
-        scale,
-        port,
-        numberOfGifLoops,
-        everyNthFrame,
-        verbose: renderer_1.RenderInternals.isEqualOrBelowLogLevel(logLevel, 'verbose'),
-        muted,
-        enforceAudioTrack,
-        browserExecutable,
-        ffmpegOverride,
-        concurrency,
         serveUrl: urlOrBundle,
         codec,
-        audioBitrate,
-        videoBitrate,
+        remotionRoot,
+    });
+    await (0, renderer_1.renderMedia)({
+        ...options,
         onProgress: (update) => {
             encodedDoneIn = update.encodedDoneIn;
             encodedFrames = update.encodedFrames;
@@ -273,8 +247,7 @@ const renderCompFlow = async ({ remotionRoot, fullEntryPoint, ffmpegExecutable,
         },
         printLog: (...str) => log_1.Log.verboseAdvanced({ indent, logLevel }, ...str),
     });
-    updateRenderProgress();
-    process.stdout.write('\n');
+    log_1.Log.infoAdvanced({ indent, logLevel });
     log_1.Log.infoAdvanced({ indent, logLevel }, chalk_1.chalk.cyan(`▶ ${absoluteOutputFile}`));
     for (const line of renderer_1.RenderInternals.perf.getPerf()) {
         log_1.Log.verboseAdvanced({ indent, logLevel }, line);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/cli",
-	"version": "3.3.37",
+	"version": "3.3.38",
 	"description": "CLI for Remotion",
 	"main": "dist/index.js",
 	"sideEffects": false,
@@ -22,16 +22,16 @@
 	"author": "Jonny Burger <jonny@remotion.dev>",
 	"license": "SEE LICENSE IN LICENSE.md",
 	"dependencies": {
-		"@remotion/bundler": "3.3.37",
-		"@remotion/media-utils": "3.3.37",
-		"@remotion/player": "3.3.37",
-		"@remotion/renderer": "3.3.37",
+		"@remotion/bundler": "3.3.38",
+		"@remotion/media-utils": "3.3.38",
+		"@remotion/player": "3.3.38",
+		"@remotion/renderer": "3.3.38",
 		"better-opn": "2.1.1",
 		"dotenv": "9.0.2",
 		"memfs": "3.4.3",
 		"minimist": "1.2.6",
 		"prompts": "2.4.1",
-		"remotion": "3.3.37",
+		"remotion": "3.3.38",
 		"semver": "7.3.5",
 		"source-map": "0.6.1"
 	},
@@ -71,5 +71,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "ead6bdacc14a9953cae738159c49bf3daf09e9b0"
+	"gitHead": "ac58695e452e58deb5c010f09bcc94d036930e6c"
 }

package/dist/editor/components/RenderModal/EveryNthFrameSetting.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export declare const EveryNthFrameSetting: React.FC<{
-    everyNthFrame: number;
-    setEveryNthFrameSetting: React.Dispatch<React.SetStateAction<number>>;
-}>;

package/dist/editor/components/RenderModal/EveryNthFrameSetting.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EveryNthFrameSetting = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const NumberSetting_1 = require("./NumberSetting");
-const EveryNthFrameSetting = ({ everyNthFrame, setEveryNthFrameSetting }) => {
-    return ((0, jsx_runtime_1.jsx)(NumberSetting_1.NumberSetting, { name: "Every nth frame", min: 1, onValueChanged: setEveryNthFrameSetting, value: everyNthFrame }));
-};
-exports.EveryNthFrameSetting = EveryNthFrameSetting;

package/dist/editor/components/RenderModal/NumberOfLoopsSetting.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export declare const NumberOfLoopsSetting: React.FC<{
-    numberOfGifLoops: number;
-    setNumberOfGifLoops: React.Dispatch<React.SetStateAction<number>>;
-}>;

package/dist/editor/components/RenderModal/NumberOfLoopsSetting.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NumberOfLoopsSetting = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const InputDragger_1 = require("../NewComposition/InputDragger");
-const RemInput_1 = require("../NewComposition/RemInput");
-const layout_1 = require("./layout");
-const min = 0;
-const NumberOfLoopsSetting = ({ numberOfGifLoops, setNumberOfGifLoops }) => {
-    const onNumberOfGifLoopsChangedDirectly = (0, react_1.useCallback)((newConcurrency) => {
-        setNumberOfGifLoops(newConcurrency);
-    }, [setNumberOfGifLoops]);
-    const onNumberOfGifLoopsChanged = (0, react_1.useCallback)((e) => {
-        setNumberOfGifLoops((q) => {
-            const newConcurrency = parseInt(e, 10);
-            if (Number.isNaN(newConcurrency)) {
-                return q;
-            }
-            const newConcurrencyClamped = Math.max(newConcurrency, min);
-            return newConcurrencyClamped;
-        });
-    }, [setNumberOfGifLoops]);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: layout_1.optionRow, children: [(0, jsx_runtime_1.jsx)("div", { style: layout_1.label, children: "Number of loops" }), (0, jsx_runtime_1.jsx)("div", { style: layout_1.rightRow, children: (0, jsx_runtime_1.jsx)(RemInput_1.RightAlignInput, { children: (0, jsx_runtime_1.jsx)(InputDragger_1.InputDragger, { value: numberOfGifLoops, onTextChange: onNumberOfGifLoopsChanged, placeholder: `${min}-`, onValueChange: onNumberOfGifLoopsChangedDirectly, name: "number-of-gif-loops", step: 1, min: min }) }) })] }));
-};
-exports.NumberOfLoopsSetting = NumberOfLoopsSetting;

package/dist/editor/components/RenderModal/NumberSetting.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-export declare const NumberSetting: React.FC<{
-    name: string;
-    value: number;
-    onValueChanged: React.Dispatch<React.SetStateAction<number>>;
-    max?: number;
-    min: number;
-    step: number;
-}>;