@remotion/cli 4.0.0-alpha.130 → 4.0.0-alpha.179

package/dist/editor/helpers/use-menu-structure.js

@@ -34,7 +34,7 @@ const useMenuStructure = (closeMenu) => {
     const { editorZoomGestures, setEditorZoomGestures } = (0, react_1.useContext)(editor_zoom_gestures_1.EditorZoomGesturesContext);
     const { size, setSize } = (0, react_1.useContext)(preview_size_1.PreviewSizeContext);
     const { type } = (0, react_1.useContext)(client_id_1.PreviewServerConnectionCtx);
-    const { setSidebarCollapsedStateLeft, sidebarCollapsedStateLeft, setSidebarCollapsedStateRight, sidebarCollapsedStateRight, } = (0, react_1.useContext)(sidebar_1.SidebarContext);
+    const { setSidebarCollapsedState, sidebarCollapsedStateLeft, sidebarCollapsedStateRight, } = (0, react_1.useContext)(sidebar_1.SidebarContext);
     const sizes = (0, SizeSelector_1.getUniqueSizes)(size);
     const structure = (0, react_1.useMemo)(() => {
         const struct = [
@@ -263,7 +263,10 @@ const useMenuStructure = (closeMenu) => {
                                     leftItem: sidebarCollapsedStateLeft === 'responsive' ? ((0, jsx_runtime_1.jsx)(Checkmark_1.Checkmark, {})) : null,
                                     onClick: () => {
                                         closeMenu();
-                                        setSidebarCollapsedStateLeft('responsive');
+                                        setSidebarCollapsedState({
+                                            left: 'responsive',
+                                            right: null,
+                                        });
                                     },
                                     subMenu: null,
                                     type: 'item',
@@ -277,7 +280,7 @@ const useMenuStructure = (closeMenu) => {
                                     leftItem: sidebarCollapsedStateLeft === 'expanded' ? ((0, jsx_runtime_1.jsx)(Checkmark_1.Checkmark, {})) : null,
                                     onClick: () => {
                                         closeMenu();
-                                        setSidebarCollapsedStateLeft('expanded');
+                                        setSidebarCollapsedState({ left: 'expanded', right: null });
                                     },
                                     subMenu: null,
                                     type: 'item',
@@ -291,7 +294,7 @@ const useMenuStructure = (closeMenu) => {
                                     leftItem: sidebarCollapsedStateLeft === 'collapsed' ? ((0, jsx_runtime_1.jsx)(Checkmark_1.Checkmark, {})) : null,
                                     onClick: () => {
                                         closeMenu();
-                                        setSidebarCollapsedStateLeft('collapsed');
+                                        setSidebarCollapsedState({ left: 'collapsed', right: null });
                                     },
                                     subMenu: null,
                                     type: 'item',
@@ -314,20 +317,6 @@ const useMenuStructure = (closeMenu) => {
                             leaveLeftSpace: true,
                             preselectIndex: 0,
                             items: [
-                                {
-                                    id: 'right-sidebar-responsive',
-                                    keyHint: null,
-                                    label: 'Responsive',
-                                    leftItem: sidebarCollapsedStateRight === 'responsive' ? ((0, jsx_runtime_1.jsx)(Checkmark_1.Checkmark, {})) : null,
-                                    onClick: () => {
-                                        closeMenu();
-                                        setSidebarCollapsedStateRight('responsive');
-                                    },
-                                    subMenu: null,
-                                    type: 'item',
-                                    value: 'responsive',
-                                    quickSwitcherLabel: null,
-                                },
                                 {
                                     id: 'sidebar-expanded',
                                     keyHint: null,
@@ -335,7 +324,7 @@ const useMenuStructure = (closeMenu) => {
                                     leftItem: sidebarCollapsedStateRight === 'expanded' ? ((0, jsx_runtime_1.jsx)(Checkmark_1.Checkmark, {})) : null,
                                     onClick: () => {
                                         closeMenu();
-                                        setSidebarCollapsedStateRight('expanded');
+                                        setSidebarCollapsedState({ left: null, right: 'expanded' });
                                     },
                                     subMenu: null,
                                     type: 'item',
@@ -349,7 +338,7 @@ const useMenuStructure = (closeMenu) => {
                                     leftItem: sidebarCollapsedStateRight === 'collapsed' ? ((0, jsx_runtime_1.jsx)(Checkmark_1.Checkmark, {})) : null,
                                     onClick: () => {
                                         closeMenu();
-                                        setSidebarCollapsedStateRight('collapsed');
+                                        setSidebarCollapsedState({ left: null, right: 'collapsed' });
                                     },
                                     subMenu: null,
                                     type: 'item',
@@ -656,8 +645,7 @@ const useMenuStructure = (closeMenu) => {
         size.size,
         setSize,
         setEditorZoomGestures,
-        setSidebarCollapsedStateLeft,
-        setSidebarCollapsedStateRight,
+        setSidebarCollapsedState,
         setCheckerboard,
     ]);
     return structure;

package/dist/editor/icons/film.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+import React from 'react';
+export declare const FilmIcon: React.FC<SVGProps<SVGSVGElement>>;

package/dist/editor/icons/film.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FilmIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const FilmIcon = (props) => {
+    return ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 512 512", ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M488 64h-8v20c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12V64H96v20c0 6.6-5.4 12-12 12H44c-6.6 0-12-5.4-12-12V64h-8C10.7 64 0 74.7 0 88v336c0 13.3 10.7 24 24 24h8v-20c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v20h320v-20c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v20h8c13.3 0 24-10.7 24-24V88c0-13.3-10.7-24-24-24zM96 372c0 6.6-5.4 12-12 12H44c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40zm0-96c0 6.6-5.4 12-12 12H44c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40zm0-96c0 6.6-5.4 12-12 12H44c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40zm280 208c0 6.6-5.4 12-12 12H148c-6.6 0-12-5.4-12-12V124c0-6.6 5.4-12 12-12h216c6.6 0 12 5.4 12 12v264zm104-16c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40zm0-96c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40zm0-96c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40z" }) }));
+};
+exports.FilmIcon = FilmIcon;

package/dist/editor/icons/render.d.ts

@@ -3,3 +3,6 @@ import React from 'react';
 export declare const RenderIcon: React.FC<{
     svgProps: SVGProps<SVGSVGElement>;
 }>;
+export declare const ThinRenderIcon: React.FC<{
+    svgProps: SVGProps<SVGSVGElement>;
+}>;

package/dist/editor/icons/render.js

@@ -1,8 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RenderIcon = void 0;
+exports.ThinRenderIcon = exports.RenderIcon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const RenderIcon = (props) => {
     return ((0, jsx_runtime_1.jsx)("svg", { ...props.svgProps, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", children: (0, jsx_runtime_1.jsx)("path", { fill: 'currentColor', d: "M156.6 384.9L125.7 354c-8.5-8.5-11.5-20.8-7.7-32.2c3-8.9 7-20.5 11.8-33.8L24 288c-8.6 0-16.6-4.6-20.9-12.1s-4.2-16.7 .2-24.1l52.5-88.5c13-21.9 36.5-35.3 61.9-35.3l82.3 0c2.4-4 4.8-7.7 7.2-11.3C289.1-4.1 411.1-8.1 483.9 5.3c11.6 2.1 20.6 11.2 22.8 22.8c13.4 72.9 9.3 194.8-111.4 276.7c-3.5 2.4-7.3 4.8-11.3 7.2v82.3c0 25.4-13.4 49-35.3 61.9l-88.5 52.5c-7.4 4.4-16.6 4.5-24.1 .2s-12.1-12.2-12.1-20.9V380.8c-14.1 4.9-26.4 8.9-35.7 11.9c-11.2 3.6-23.4 .5-31.8-7.8zM384 168a40 40 0 1 0 0-80 40 40 0 1 0 0 80z" }) }));
 };
 exports.RenderIcon = RenderIcon;
+const ThinRenderIcon = (props) => {
+    return ((0, jsx_runtime_1.jsx)("svg", { ...props.svgProps, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", children: (0, jsx_runtime_1.jsx)("path", { fill: 'currentColor', d: "M188.9 372l-50.4-50.4c18.6-42.6 61.7-137.7 95.1-187C304.6 30.1 409 24.6 475.7 36.3c11.7 66.7 6.2 171.1-98.4 242c-49.4 33.5-145.5 75.6-188.4 93.7zm-79.9-62.8c-5.2 11.9-2.5 25.7 6.7 34.9l50.7 50.7c9.1 9.1 22.7 11.9 34.5 6.9c6.5-2.7 14.3-6 23-9.8L224 496c0 5.5 2.9 10.7 7.6 13.6s10.6 3.2 15.6 .7l101.5-50.7c21.7-10.8 35.4-33 35.4-57.2V312.1c4-2.5 7.7-4.9 11.3-7.3C516.1 222.9 520.1 100.9 506.7 28.1c-2.1-11.6-11.2-20.6-22.8-22.8C411.1-8.1 289.1-4.1 207.2 116.7c-2.4 3.6-4.9 7.3-7.3 11.3l-90.2 0c-24.2 0-46.4 13.7-57.2 35.4L1.7 264.8c-2.5 5-2.2 10.8 .7 15.6s8.1 7.6 13.6 7.6H118.5c-3.6 8-6.8 15.2-9.4 21.2zM256 470.1l0-92.5c30.3-13.7 65.4-30.3 96-47v71.7c0 12.1-6.8 23.2-17.7 28.6L256 470.1zM109.7 160h71.5c-16.9 30.7-34 65.8-48.1 96H41.9L81 177.7c5.4-10.8 16.5-17.7 28.6-17.7zM392 144a24 24 0 1 1 -48 0 24 24 0 1 1 48 0zM368 88a56 56 0 1 0 0 112 56 56 0 1 0 0-112z" }) }));
+};
+exports.ThinRenderIcon = ThinRenderIcon;

package/dist/editor/icons/timeline.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+import React from 'react';
+export declare const TimelineIcon: React.FC<SVGProps<SVGSVGElement>>;

package/dist/editor/icons/timeline.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TimelineIcon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const TimelineIcon = (props) => {
+    var _a;
+    return ((0, jsx_runtime_1.jsx)("svg", { "aria-hidden": "true", focusable: "false", "data-prefix": "fas", "data-icon": "stream", className: "svg-inline--fa fa-stream fa-w-16", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: (_a = props.style) === null || _a === void 0 ? void 0 : _a.color, d: "M16 128h416c8.84 0 16-7.16 16-16V48c0-8.84-7.16-16-16-16H16C7.16 32 0 39.16 0 48v64c0 8.84 7.16 16 16 16zm480 80H80c-8.84 0-16 7.16-16 16v64c0 8.84 7.16 16 16 16h416c8.84 0 16-7.16 16-16v-64c0-8.84-7.16-16-16-16zm-64 176H16c-8.84 0-16 7.16-16 16v64c0 8.84 7.16 16 16 16h416c8.84 0 16-7.16 16-16v-64c0-8.84-7.16-16-16-16z" }) }));
+};
+exports.TimelineIcon = TimelineIcon;

package/dist/editor/state/modals.d.ts

@@ -10,7 +10,7 @@ export declare type RenderModalState = {
     initialFrame: number;
     initialStillImageFormat: StillImageFormat;
     initialVideoImageFormat: VideoImageFormat;
-    initialQuality: number;
+    initialJpegQuality: number;
     initialOutName: string;
     initialScale: number;
     initialVerbose: boolean;

package/dist/editor/state/rich-timeline.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare type State = {
+    richTimeline: boolean;
+    setRichTimeline: (cb: (prevState: boolean) => boolean) => void;
+};
+export declare const persistRichTimelineOption: (option: boolean) => void;
+export declare const loadRichTimelineOption: () => boolean;
+export declare const RichTimelineContext: import("react").Context<State>;
+export {};

package/dist/editor/state/rich-timeline.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RichTimelineContext = exports.loadRichTimelineOption = exports.persistRichTimelineOption = void 0;
+const react_1 = require("react");
+const persistRichTimelineOption = (option) => {
+    localStorage.setItem('richTimeline', String(option));
+};
+exports.persistRichTimelineOption = persistRichTimelineOption;
+const loadRichTimelineOption = () => {
+    const item = localStorage.getItem('richTimeline');
+    return item === 'true';
+};
+exports.loadRichTimelineOption = loadRichTimelineOption;
+exports.RichTimelineContext = (0, react_1.createContext)({
+    richTimeline: (0, exports.loadRichTimelineOption)(),
+    setRichTimeline: () => undefined,
+});

package/dist/editor/state/sidebar.d.ts

@@ -1,13 +1,14 @@
 import React from 'react';
 export declare type SidebarCollapsedState = 'collapsed' | 'expanded' | 'responsive';
+export declare type RightSidebarCollapsedState = Exclude<SidebarCollapsedState, 'responsive'>;
 declare type Context = {
     sidebarCollapsedStateLeft: SidebarCollapsedState;
-    setSidebarCollapsedStateLeft: (newState: SidebarCollapsedState) => void;
-    sidebarCollapsedStateRight: SidebarCollapsedState;
-    setSidebarCollapsedStateRight: (newState: SidebarCollapsedState) => void;
+    setSidebarCollapsedState: (options: {
+        left: null | React.SetStateAction<SidebarCollapsedState>;
+        right: null | React.SetStateAction<RightSidebarCollapsedState>;
+    }) => void;
+    sidebarCollapsedStateRight: RightSidebarCollapsedState;
 };
-declare type Sidebars = 'left' | 'right';
-export declare const getSavedCollapsedState: (sidebar: Sidebars) => SidebarCollapsedState;
 export declare const SidebarContext: React.Context<Context>;
 export declare const SidebarContextProvider: React.FC<{
     children: React.ReactNode;

package/dist/editor/state/sidebar.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SidebarContextProvider = exports.SidebarContext = exports.getSavedCollapsedState = void 0;
+exports.SidebarContextProvider = exports.SidebarContext = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const storageKey = (sidebar) => {
@@ -9,8 +9,8 @@ const storageKey = (sidebar) => {
     }
     return 'remotion.sidebarCollapsing';
 };
-const getSavedCollapsedState = (sidebar) => {
-    const state = window.localStorage.getItem(storageKey(sidebar));
+const getSavedCollapsedStateLeft = () => {
+    const state = window.localStorage.getItem(storageKey('left'));
     if (state === 'collapsed') {
         return 'collapsed';
     }
@@ -19,37 +19,51 @@ const getSavedCollapsedState = (sidebar) => {
     }
     return 'responsive';
 };
-exports.getSavedCollapsedState = getSavedCollapsedState;
-const setSavedCollapsedState = (type, sidebar) => {
+const getSavedCollapsedStateRight = () => {
+    const state = window.localStorage.getItem(storageKey('right'));
+    if (state === 'expanded') {
+        return 'expanded';
+    }
+    return 'collapsed';
+};
+const saveCollapsedState = (type, sidebar) => {
     window.localStorage.setItem(storageKey(sidebar), type);
 };
 exports.SidebarContext = (0, react_1.createContext)({
     sidebarCollapsedStateLeft: 'collapsed',
-    setSidebarCollapsedStateLeft: () => {
+    setSidebarCollapsedState: () => {
         throw new Error('sidebar collapsed state');
     },
     sidebarCollapsedStateRight: 'collapsed',
-    setSidebarCollapsedStateRight: () => {
-        throw new Error('sidebar collapsed state');
-    },
 });
 const SidebarContextProvider = ({ children }) => {
-    const [sidebarCollapsedStateLeft, setSidebarCollapsedStateLeft] = (0, react_1.useState)(() => (0, exports.getSavedCollapsedState)('left'));
-    const [sidebarCollapsedStateRight, setSidebarCollapsedStateRight] = (0, react_1.useState)(() => (0, exports.getSavedCollapsedState)('right'));
+    const [sidebarCollapsedState, setSidebarCollapsedState] = (0, react_1.useState)(() => ({
+        left: getSavedCollapsedStateLeft(),
+        right: getSavedCollapsedStateRight(),
+    }));
     const value = (0, react_1.useMemo)(() => {
         return {
-            sidebarCollapsedStateLeft,
-            sidebarCollapsedStateRight,
-            setSidebarCollapsedStateLeft: (state) => {
-                setSidebarCollapsedStateLeft(state);
-                setSavedCollapsedState(state, 'left');
-            },
-            setSidebarCollapsedStateRight: (state) => {
-                setSidebarCollapsedStateRight(state);
-                setSavedCollapsedState(state, 'right');
+            sidebarCollapsedStateLeft: sidebarCollapsedState.left,
+            sidebarCollapsedStateRight: sidebarCollapsedState.right,
+            setSidebarCollapsedState: (options) => {
+                const { left, right } = options;
+                setSidebarCollapsedState((f) => {
+                    const copied = { ...f };
+                    if (left) {
+                        const updatedLeft = typeof left === 'function' ? left(f.left) : left;
+                        saveCollapsedState(updatedLeft, 'left');
+                        copied.left = updatedLeft;
+                    }
+                    if (right) {
+                        const updatedRight = typeof right === 'function' ? right(f.right) : right;
+                        saveCollapsedState(updatedRight, 'right');
+                        copied.right = updatedRight;
+                    }
+                    return copied;
+                });
             },
         };
-    }, [sidebarCollapsedStateLeft, sidebarCollapsedStateRight]);
+    }, [sidebarCollapsedState]);
     return ((0, jsx_runtime_1.jsx)(exports.SidebarContext.Provider, { value: value, children: children }));
 };
 exports.SidebarContextProvider = SidebarContextProvider;

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

@@ -11,7 +11,7 @@ export declare const getCliOptions: (options: {
     shouldOutputImageSequence: boolean;
     inputProps: object;
     envVariables: Record<string, string>;
-    quality: number | undefined;
+    jpegQuality: number | undefined;
     browser: import("@remotion/renderer").Browser;
     crf: import("@remotion/renderer").Crf | null;
     pixelFormat: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
@@ -20,7 +20,7 @@ export declare const getCliOptions: (options: {
     numberOfGifLoops: import("./config/number-of-gif-loops").Loop;
     stillFrame: number;
     browserExecutable: BrowserExecutable;
-    logLevel: "error" | "verbose" | "info" | "warn";
+    logLevel: "verbose" | "info" | "warn" | "error";
     scale: number;
     chromiumOptions: ChromiumOptions;
     overwrite: boolean;
@@ -33,5 +33,5 @@ export declare const getCliOptions: (options: {
     videoBitrate: string | null;
     height: number | null;
     width: number | null;
-    configFileImageFormat: "none" | "png" | "jpeg" | undefined;
+    configFileImageFormat: "png" | "jpeg" | "none" | undefined;
 }>;

package/dist/get-cli-options.js

@@ -93,7 +93,7 @@ const getCliOptions = async (options) => {
         shouldOutputImageSequence,
         inputProps: (0, get_input_props_1.getInputProps)(null),
         envVariables: await (0, get_env_1.getEnvironmentVariables)(null),
-        quality: config_1.ConfigInternals.getQuality(),
+        jpegQuality: config_1.ConfigInternals.getJpegQuality(),
         browser: await getAndValidateBrowser(browserExecutable),
         crf,
         pixelFormat,

package/dist/get-render-media-options.d.ts

@@ -0,0 +1,8 @@
+import type { Codec, RenderMediaOptions } from '@remotion/renderer';
+export declare const getRenderMediaOptions: ({ outputLocation, config, serveUrl, codec, remotionRoot, }: {
+    outputLocation: RenderMediaOptions['outputLocation'];
+    config: RenderMediaOptions['composition'];
+    serveUrl: string;
+    codec: Codec;
+    remotionRoot: string;
+}) => Promise<RenderMediaOptions>;

package/dist/get-render-media-options.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getRenderMediaOptions = void 0;
+const renderer_1 = require("@remotion/renderer");
+const config_1 = require("./config");
+const get_audio_codec_1 = require("./get-audio-codec");
+const get_cli_options_1 = require("./get-cli-options");
+const image_formats_1 = require("./image-formats");
+const getRenderMediaOptions = async ({ outputLocation, config, serveUrl, codec, remotionRoot, }) => {
+    const { proResProfile, concurrency, frameRange, overwrite, inputProps, envVariables, quality, crf, pixelFormat, browserExecutable, scale, chromiumOptions, port, numberOfGifLoops, everyNthFrame, muted, enforceAudioTrack, ffmpegOverride, audioBitrate, videoBitrate, height, width, } = await (0, get_cli_options_1.getCliOptions)({
+        isLambda: false,
+        type: 'series',
+        remotionRoot,
+    });
+    const imageFormat = (0, image_formats_1.getVideoImageFormat)(codec);
+    const audioCodec = (0, get_audio_codec_1.getResolvedAudioCodec)();
+    return {
+        outputLocation,
+        composition: {
+            ...config,
+            width: width !== null && width !== void 0 ? width : config.width,
+            height: height !== null && height !== void 0 ? height : config.height,
+        },
+        crf,
+        envVariables,
+        frameRange,
+        imageFormat,
+        inputProps,
+        overwrite,
+        pixelFormat,
+        proResProfile,
+        quality,
+        dumpBrowserLogs: renderer_1.RenderInternals.isEqualOrBelowLogLevel(config_1.ConfigInternals.Logging.getLogLevel(), 'verbose'),
+        chromiumOptions,
+        timeoutInMilliseconds: config_1.ConfigInternals.getCurrentPuppeteerTimeout(),
+        scale,
+        port,
+        numberOfGifLoops,
+        everyNthFrame,
+        verbose: renderer_1.RenderInternals.isEqualOrBelowLogLevel(config_1.ConfigInternals.Logging.getLogLevel(), 'verbose'),
+        muted,
+        enforceAudioTrack,
+        browserExecutable,
+        ffmpegOverride,
+        concurrency,
+        serveUrl,
+        codec,
+        audioBitrate,
+        videoBitrate,
+        audioCodec,
+    };
+};
+exports.getRenderMediaOptions = getRenderMediaOptions;

package/dist/index.d.ts

@@ -64,17 +64,17 @@ export declare const CliInternals: {
         verbose: (message?: any, ...optionalParams: any[]) => void;
         verboseAdvanced: (options: {
             indent: boolean;
-            logLevel: "error" | "verbose" | "info" | "warn";
+            logLevel: "verbose" | "info" | "warn" | "error";
         }, message?: any, ...optionalParams: any[]) => void;
         info: (message?: any, ...optionalParams: any[]) => void;
         infoAdvanced: (options: {
             indent: boolean;
-            logLevel: "error" | "verbose" | "info" | "warn";
+            logLevel: "verbose" | "info" | "warn" | "error";
         }, message?: any, ...optionalParams: any[]) => void;
         warn: (message?: any, ...optionalParams: any[]) => void;
         warnAdvanced: (options: {
             indent: boolean;
-            logLevel: "error" | "verbose" | "info" | "warn";
+            logLevel: "verbose" | "info" | "warn" | "error";
         }, message?: any, ...optionalParams: any[]) => void;
         error: (message?: any, ...optionalParams: any[]) => void;
     };
@@ -89,7 +89,7 @@ export declare const CliInternals: {
         shouldOutputImageSequence: boolean;
         inputProps: object;
         envVariables: Record<string, string>;
-        quality: number | undefined;
+        jpegQuality: number | undefined;
         browser: import("@remotion/renderer").Browser;
         crf: import("@remotion/renderer").Crf | null;
         pixelFormat: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
@@ -98,7 +98,7 @@ export declare const CliInternals: {
         numberOfGifLoops: import("./config/number-of-gif-loops").Loop;
         stillFrame: number;
         browserExecutable: import("@remotion/renderer").BrowserExecutable;
-        logLevel: "error" | "verbose" | "info" | "warn";
+        logLevel: "verbose" | "info" | "warn" | "error";
         scale: number;
         chromiumOptions: import("@remotion/renderer").ChromiumOptions;
         overwrite: boolean;
@@ -111,7 +111,7 @@ export declare const CliInternals: {
         videoBitrate: string | null;
         height: number | null;
         width: number | null;
-        configFileImageFormat: "none" | "png" | "jpeg" | undefined;
+        configFileImageFormat: "png" | "jpeg" | "none" | undefined;
     }>;
     loadConfig: (remotionRoot: string) => Promise<string | null>;
     initializeCli: (remotionRoot: string) => Promise<void>;
@@ -132,7 +132,7 @@ export declare const CliInternals: {
         downloadName: string | null;
         outName: string | null;
         configImageFormat: "png" | "jpeg" | "pdf" | "webp" | null;
-        cliFlag: "none" | "png" | "jpeg" | "pdf" | "webp" | null;
+        cliFlag: "png" | "jpeg" | "pdf" | "webp" | "none" | null;
         isLambda: boolean;
         fromUi: "png" | "jpeg" | "pdf" | "webp" | null;
     }) => {
@@ -151,8 +151,8 @@ export declare const CliInternals: {
     };
     getVideoImageFormat: ({ codec, uiImageFormat, }: {
         codec: import("@remotion/renderer").CodecOrUndefined;
-        uiImageFormat: "none" | "png" | "jpeg" | null;
-    }) => "none" | "png" | "jpeg";
+        uiImageFormat: "png" | "jpeg" | "none" | null;
+    }) => "png" | "jpeg" | "none";
     printCompositions: (compositions: import("remotion").AnyCompMetadata[]) => void;
     getFinalOutputCodec: ({ cliFlag, configFile, downloadName, outName, uiCodec, }: {
         cliFlag: import("@remotion/renderer").CodecOrUndefined;

package/dist/install.d.ts

@@ -0,0 +1,2 @@
+export declare const INSTALL_COMMAND: "install";
+export declare const installCommand: (remotionRoot: string, args: string[]) => Promise<void>;

package/dist/install.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.installCommand = exports.INSTALL_COMMAND = void 0;
+const renderer_1 = require("@remotion/renderer");
+const log_1 = require("./log");
+exports.INSTALL_COMMAND = 'install';
+const installCommand = async (remotionRoot, args) => {
+    const firstArg = args[0];
+    if (firstArg === 'ffmpeg') {
+        const { wasAlreadyInstalled } = await (0, renderer_1.ensureFfmpeg)({ remotionRoot });
+        if (wasAlreadyInstalled) {
+            log_1.Log.info('FFmpeg is already installed');
+        }
+        else {
+            log_1.Log.info('Successfully installed FFmpeg');
+        }
+        return;
+    }
+    if (firstArg === 'ffprobe') {
+        const { wasAlreadyInstalled } = await (0, renderer_1.ensureFfprobe)({ remotionRoot });
+        if (wasAlreadyInstalled) {
+            log_1.Log.info('FFmpeg is already installed');
+        }
+        else {
+            log_1.Log.info('Successfully installed FFmpeg');
+        }
+        return;
+    }
+    log_1.Log.error('Please specify either "ffmpeg" or "ffprobe" as the first argument to the install command');
+    log_1.Log.error();
+    log_1.Log.info('Example Usage: ');
+    log_1.Log.info(' remotion install ffmpeg');
+    log_1.Log.info(' remotion install ffprobe');
+    process.exit(1);
+};
+exports.installCommand = installCommand;

package/dist/parse-command-line.d.ts

@@ -25,6 +25,7 @@ export declare type CommandLineOptions = {
     png: boolean;
     props: string;
     quality: number;
+    ['jpeg-quality']: number;
     frames: string | number;
     scale: number;
     sequence: boolean;

package/dist/parse-command-line.js

@@ -106,7 +106,11 @@ const parseCommandLine = () => {
         config_1.Config.setOverwriteOutput(exports.parsedCli.overwrite);
     }
     if (typeof exports.parsedCli.quality !== 'undefined') {
-        config_1.Config.setQuality(exports.parsedCli.quality);
+        log_1.Log.warn('The --quality flag has been renamed to --jpeg-quality instead.');
+        config_1.Config.setJpegQuality(exports.parsedCli.quality);
+    }
+    if (typeof exports.parsedCli['jpeg-quality'] !== 'undefined') {
+        config_1.Config.setJpegQuality(exports.parsedCli['jpeg-quality']);
     }
     if (typeof exports.parsedCli.scale !== 'undefined') {
         config_1.Config.setScale(exports.parsedCli.scale);

package/dist/preview-server/api-routes.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.allApiRoutes = void 0;
 const add_render_1 = require("./routes/add-render");
+const can_update_default_props_1 = require("./routes/can-update-default-props");
 const cancel_render_1 = require("./routes/cancel-render");
 const open_in_file_explorer_1 = require("./routes/open-in-file-explorer");
 const remove_render_1 = require("./routes/remove-render");
@@ -16,4 +17,5 @@ exports.allApiRoutes = {
     '/api/remove-render': remove_render_1.handleRemoveRender,
     '/api/open-in-file-explorer': open_in_file_explorer_1.handleOpenInFileExplorer,
     '/api/update-default-props': update_default_props_1.updateDefaultPropsHandler,
+    '/api/can-update-default-props': can_update_default_props_1.canUpdateDefaultPropsHandler,
 };

package/dist/preview-server/api-types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="node" />
 import type { IncomingMessage, ServerResponse } from 'http';
-import type { AddRenderRequest, CancelRenderRequest, CancelRenderResponse, OpenInFileExplorerRequest, RemoveRenderRequest, SubscribeToFileExistenceRequest, SubscribeToFileExistenceResponse, UnsubscribeFromFileExistenceRequest, UpdateDefaultPropsRequest } from './render-queue/job';
+import type { AddRenderRequest, CancelRenderRequest, CancelRenderResponse, CanUpdateDefaultPropsRequest, CanUpdateDefaultPropsResponse, OpenInFileExplorerRequest, RemoveRenderRequest, SubscribeToFileExistenceRequest, SubscribeToFileExistenceResponse, UnsubscribeFromFileExistenceRequest, UpdateDefaultPropsRequest } from './render-queue/job';
 export declare type ApiHandler<ReqData, ResData> = (params: {
     input: ReqData;
     entryPoint: string;
@@ -24,5 +24,6 @@ export declare type ApiRoutes = {
     '/api/remove-render': ReqAndRes<RemoveRenderRequest, undefined>;
     '/api/open-in-file-explorer': ReqAndRes<OpenInFileExplorerRequest, void>;
     '/api/update-default-props': ReqAndRes<UpdateDefaultPropsRequest, void>;
+    '/api/can-update-default-props': ReqAndRes<CanUpdateDefaultPropsRequest, CanUpdateDefaultPropsResponse>;
 };
 export {};

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

@@ -24,13 +24,13 @@ export declare type JobProgressCallback = (options: BaseRenderProgress & Aggrega
 declare type RenderJobDynamicFields = ({
     type: 'still';
     imageFormat: StillImageFormat;
-    quality: number | null;
+    jpegQuality: number | null;
     frame: number;
     scale: number;
 } & RenderJobDynamicStatus) | ({
     type: 'video';
     imageFormat: VideoImageFormat;
-    quality: number | null;
+    jpegQuality: number | null;
     scale: number;
     codec: Codec;
     audioCodec: AudioCodec;
@@ -67,7 +67,7 @@ export declare type RenderJobWithCleanup = RenderJob & {
 declare type AddRenderRequestDynamicFields = {
     type: 'still';
     imageFormat: StillImageFormat;
-    quality: number | null;
+    jpegQuality: number | null;
     frame: number;
     scale: number;
     verbose: boolean;
@@ -76,7 +76,7 @@ declare type AddRenderRequestDynamicFields = {
     codec: Codec;
     audioCodec: AudioCodec;
     imageFormat: VideoImageFormat;
-    quality: number | null;
+    jpegQuality: number | null;
     scale: number;
     verbose: boolean;
     concurrency: number;
@@ -126,4 +126,13 @@ export declare type UpdateDefaultPropsRequest = {
     compositionId: string;
     defaultProps: string;
 };
+export declare type CanUpdateDefaultPropsRequest = {
+    compositionId: string;
+};
+export declare type CanUpdateDefaultPropsResponse = {
+    canUpdate: true;
+} | {
+    canUpdate: false;
+    reason: string;
+};
 export {};

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

@@ -19,7 +19,7 @@ const makeRetryPayload = (job) => {
             initialFrame: job.frame,
             initialStillImageFormat: job.imageFormat,
             initialVideoImageFormat: defaults.videoImageFormat,
-            initialQuality: (_a = job.quality) !== null && _a !== void 0 ? _a : defaults.quality,
+            initialJpegQuality: (_a = job.jpegQuality) !== null && _a !== void 0 ? _a : defaults.jpegQuality,
             initialOutName: job.outName,
             initialScale: job.scale,
             initialVerbose: job.verbose,
@@ -56,7 +56,7 @@ const makeRetryPayload = (job) => {
             compositionId: job.compositionId,
             initialStillImageFormat: defaults.stillImageFormat,
             initialVideoImageFormat: job.imageFormat,
-            initialQuality: (_b = job.quality) !== null && _b !== void 0 ? _b : defaults.quality,
+            initialJpegQuality: (_b = job.jpegQuality) !== null && _b !== void 0 ? _b : defaults.jpegQuality,
             initialOutName: job.outName,
             initialScale: job.scale,
             initialVerbose: job.verbose,

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

@@ -29,7 +29,7 @@ const processStill = async ({ job, remotionRoot, entryPoint, onProgress, addClea
         port,
         publicDir,
         puppeteerTimeout,
-        quality: (_a = job.quality) !== null && _a !== void 0 ? _a : undefined,
+        jpegQuality: (_a = job.jpegQuality) !== null && _a !== void 0 ? _a : undefined,
         remainingArgs: [],
         scale: job.scale,
         stillFrame: job.frame,