@remotion/cli 4.1.0-alpha4 → 4.1.0-alpha7

package/dist/editor/components/TimelineInOutToggle.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TimelineInOutPointToggle = exports.inOutHandles = void 0;
+exports.TimelineInOutPointToggle = exports.defaultInOutValue = exports.inOutHandles = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const remotion_1 = require("remotion");
@@ -10,7 +10,6 @@ const is_current_selected_still_1 = require("../helpers/is-current-selected-stil
 const use_keybinding_1 = require("../helpers/use-keybinding");
 const timelineInOutPointer_1 = require("../icons/timelineInOutPointer");
 const in_out_1 = require("../state/in-out");
-const marks_1 = require("../state/marks");
 const ControlButton_1 = require("./ControlButton");
 const getTooltipText = (pointType, key) => [
     `Mark ${pointType}`,
@@ -24,19 +23,22 @@ const style = {
     height: 16,
 };
 exports.inOutHandles = (0, react_1.createRef)();
+exports.defaultInOutValue = { inFrame: null, outFrame: null };
 const TimelineInOutPointToggle = () => {
     const timelinePosition = remotion_1.Internals.Timeline.useTimelinePosition();
     const { inFrame, outFrame } = (0, in_out_1.useTimelineInOutFramePosition)();
     const { setInAndOutFrames } = (0, in_out_1.useTimelineSetInOutFramePosition)();
-    const { currentComposition } = (0, react_1.useContext)(remotion_1.Internals.CompositionManager);
     const isStill = (0, is_current_selected_still_1.useIsStill)();
     const videoConfig = remotion_1.Internals.useUnsafeVideoConfig();
     const keybindings = (0, use_keybinding_1.useKeybinding)();
-    const onInOutClear = (0, react_1.useCallback)(() => {
-        setInAndOutFrames(() => {
+    const onInOutClear = (0, react_1.useCallback)((composition) => {
+        setInAndOutFrames((prev) => {
             return {
-                inFrame: null,
-                outFrame: null,
+                ...prev,
+                [composition]: {
+                    inFrame: null,
+                    outFrame: null,
+                },
             };
         });
     }, [setInAndOutFrames]);
@@ -45,35 +47,51 @@ const TimelineInOutPointToggle = () => {
             return null;
         }
         if (e === null || e === void 0 ? void 0 : e.shiftKey) {
-            setInAndOutFrames((f) => {
+            setInAndOutFrames((prev) => {
+                var _a;
                 return {
-                    ...f,
-                    inFrame: null,
+                    ...prev,
+                    [videoConfig.id]: {
+                        ...((_a = prev[videoConfig.id]) !== null && _a !== void 0 ? _a : exports.defaultInOutValue),
+                        inFrame: null,
+                    },
                 };
             });
             return null;
         }
         setInAndOutFrames((prev) => {
-            const biggestPossible = prev.outFrame === null ? Infinity : prev.outFrame - 1;
+            var _a, _b, _c, _d, _e;
+            const prevOut = (_a = prev[videoConfig.id]) === null || _a === void 0 ? void 0 : _a.outFrame;
+            const biggestPossible = prevOut === undefined || prevOut === null ? Infinity : prevOut - 1;
             const selected = Math.min(timelinePosition, biggestPossible);
             if (selected === 0) {
                 return {
                     ...prev,
-                    inFrame: null,
+                    [videoConfig.id]: {
+                        ...((_b = prev[videoConfig.id]) !== null && _b !== void 0 ? _b : exports.defaultInOutValue),
+                        inFrame: null,
+                    },
                 };
             }
-            if (prev.inFrame !== null) {
+            const prevIn = (_c = prev[videoConfig.id]) === null || _c === void 0 ? void 0 : _c.inFrame;
+            if (prevIn !== null && prevIn !== undefined) {
                 // Disable if already at this position
-                if (prev.inFrame === selected) {
+                if (prevIn === selected) {
                     return {
                         ...prev,
-                        inFrame: null,
+                        [videoConfig.id]: {
+                            ...((_d = prev[videoConfig.id]) !== null && _d !== void 0 ? _d : exports.defaultInOutValue),
+                            inFrame: null,
+                        },
                     };
                 }
             }
             return {
                 ...prev,
-                inFrame: selected,
+                [videoConfig.id]: {
+                    ...((_e = prev[videoConfig.id]) !== null && _e !== void 0 ? _e : exports.defaultInOutValue),
+                    inFrame: selected,
+                },
             };
         });
     }, [setInAndOutFrames, timelinePosition, videoConfig]);
@@ -83,9 +101,13 @@ const TimelineInOutPointToggle = () => {
         }
         e.preventDefault();
         setInAndOutFrames((f) => {
+            var _a;
             return {
                 ...f,
-                inFrame: null,
+                [videoConfig.id]: {
+                    ...((_a = f[videoConfig.id]) !== null && _a !== void 0 ? _a : exports.defaultInOutValue),
+                    inFrame: null,
+                },
             };
         });
     }, [setInAndOutFrames, videoConfig]);
@@ -95,9 +117,13 @@ const TimelineInOutPointToggle = () => {
         }
         e === null || e === void 0 ? void 0 : e.preventDefault();
         setInAndOutFrames((f) => {
+            var _a;
             return {
                 ...f,
-                outFrame: null,
+                [videoConfig.id]: {
+                    ...((_a = f[videoConfig.id]) !== null && _a !== void 0 ? _a : exports.defaultInOutValue),
+                    outFrame: null,
+                },
             };
         });
     }, [setInAndOutFrames, videoConfig]);
@@ -107,37 +133,59 @@ const TimelineInOutPointToggle = () => {
         }
         if (e === null || e === void 0 ? void 0 : e.shiftKey) {
             setInAndOutFrames((f) => {
+                var _a;
                 return {
                     ...f,
-                    outFrame: null,
+                    [videoConfig.id]: {
+                        ...((_a = f[videoConfig.id]) !== null && _a !== void 0 ? _a : exports.defaultInOutValue),
+                        outFrame: null,
+                    },
                 };
             });
             return;
         }
         setInAndOutFrames((prev) => {
-            const smallestPossible = prev.inFrame === null ? -Infinity : prev.inFrame + 1;
+            var _a, _b, _c, _d, _e;
+            const prevInFrame = (_a = prev[videoConfig.id]) === null || _a === void 0 ? void 0 : _a.inFrame;
+            const smallestPossible = prevInFrame === null || prevInFrame === undefined
+                ? -Infinity
+                : prevInFrame + 1;
             const selected = Math.max(timelinePosition, smallestPossible);
             if (selected === videoConfig.durationInFrames - 1) {
                 return {
                     ...prev,
-                    outFrame: null,
+                    [videoConfig.id]: {
+                        ...((_b = prev[videoConfig.id]) !== null && _b !== void 0 ? _b : exports.defaultInOutValue),
+                        outFrame: null,
+                    },
                 };
             }
-            if (prev.outFrame !== null) {
-                if (prev.outFrame === selected) {
+            const prevOut = (_c = prev[videoConfig.id]) === null || _c === void 0 ? void 0 : _c.outFrame;
+            if (prevOut !== null && prevOut !== undefined) {
+                if (prevOut === selected) {
                     return {
                         ...prev,
-                        outFrame: null,
+                        [videoConfig.id]: {
+                            ...((_d = prev[videoConfig.id]) !== null && _d !== void 0 ? _d : exports.defaultInOutValue),
+                            outFrame: null,
+                        },
                     };
                 }
             }
             return {
                 ...prev,
-                outFrame: selected,
+                [videoConfig.id]: {
+                    ...((_e = prev[videoConfig.id]) !== null && _e !== void 0 ? _e : exports.defaultInOutValue),
+                    outFrame: selected,
+                },
             };
         });
     }, [setInAndOutFrames, timelinePosition, videoConfig]);
+    const confId = videoConfig === null || videoConfig === void 0 ? void 0 : videoConfig.id;
     (0, react_1.useEffect)(() => {
+        if (!confId) {
+            return;
+        }
         const iKey = keybindings.registerKeybinding({
             event: 'keypress',
             key: 'i',
@@ -162,7 +210,7 @@ const TimelineInOutPointToggle = () => {
             event: 'keypress',
             key: 'x',
             callback: () => {
-                onInOutClear();
+                onInOutClear(confId);
             },
             commandCtrlKey: false,
             preventDefault: true,
@@ -173,52 +221,19 @@ const TimelineInOutPointToggle = () => {
             iKey.unregister();
             xKey.unregister();
         };
-    }, [keybindings, onInMark, onInOutClear, onOutMark]);
-    (0, react_1.useEffect)(() => {
-        if (!currentComposition || !videoConfig) {
-            return;
-        }
-        (0, marks_1.persistMarks)(currentComposition, videoConfig.durationInFrames, [
-            inFrame,
-            outFrame,
-        ]);
-    }, [currentComposition, inFrame, outFrame, videoConfig]);
-    // If duration changes and it goes out of range, we reset
-    (0, react_1.useEffect)(() => {
-        if (outFrame === null) {
-            return;
-        }
-        if (!videoConfig) {
-            return;
-        }
-        if (outFrame >= videoConfig.durationInFrames - 1) {
-            onInOutClear();
-        }
-    }, [onInOutClear, outFrame, videoConfig]);
-    (0, react_1.useEffect)(() => {
-        if (inFrame === null) {
-            return;
-        }
-        if (!videoConfig) {
-            return;
-        }
-        if (inFrame >= videoConfig.durationInFrames - 1) {
-            onInOutClear();
-        }
-    }, [onInOutClear, inFrame, videoConfig]);
+    }, [confId, keybindings, onInMark, onInOutClear, onOutMark]);
     (0, react_1.useImperativeHandle)(exports.inOutHandles, () => {
         return {
-            clearMarks: onInOutClear,
+            clearMarks: () => {
+                if (!confId) {
+                    return;
+                }
+                onInOutClear(confId);
+            },
             inMarkClick: onInMark,
             outMarkClick: onOutMark,
-            setMarks: ([newInFrame, newOutFrame]) => {
-                setInAndOutFrames({
-                    inFrame: newInFrame,
-                    outFrame: newOutFrame,
-                });
-            },
         };
-    }, [onInMark, onInOutClear, onOutMark, setInAndOutFrames]);
+    }, [confId, onInMark, onInOutClear, onOutMark]);
     if (isStill) {
         return null;
     }

package/dist/editor/helpers/colors.d.ts

@@ -16,4 +16,4 @@ export declare const BLUE_DISABLED = "#284f73";
 export declare const getBackgroundFromHoverState: ({ selected, hovered, }: {
     selected: boolean;
     hovered: boolean;
-}) => "transparent" | "hsla(0, 0%, 100%, 0.15)" | "rgba(255, 255, 255, 0.06)" | "hsla(0, 0%, 100%, 0.25)";
+}) => "transparent" | "hsla(0, 0%, 100%, 0.15)" | "hsla(0, 0%, 100%, 0.25)" | "rgba(255, 255, 255, 0.06)";

package/dist/editor/helpers/is-composition-still.d.ts

@@ -1,3 +1,3 @@
 export declare const isCompositionStill: (comp: {
-    durationInFrames: number;
+    durationInFrames: number | undefined;
 } | null) => boolean;

package/dist/editor/helpers/is-current-selected-still.js

@@ -13,16 +13,15 @@ const useIsStill = () => {
 };
 exports.useIsStill = useIsStill;
 const useDimensions = () => {
-    const { compositions, currentComposition } = (0, react_1.useContext)(remotion_1.Internals.CompositionManager);
-    const selected = (0, react_1.useMemo)(() => compositions.find((c) => c.id === currentComposition), [compositions, currentComposition]);
+    const config = remotion_1.Internals.useUnsafeVideoConfig();
     return (0, react_1.useMemo)(() => {
-        if (!selected) {
+        if (!config) {
             return null;
         }
         return {
-            width: selected.width,
-            height: selected.height,
+            width: config.width,
+            height: config.height,
         };
-    }, [selected]);
+    }, [config]);
 };
 exports.useDimensions = useDimensions;

package/dist/editor/icons/keys.js

@@ -4,6 +4,7 @@ exports.ArrowRight = exports.ArrowLeft = exports.ShiftIcon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const iconStyle = {
     width: 10,
+    display: 'inline',
 };
 const ShiftIcon = () => {
     return ((0, jsx_runtime_1.jsx)("svg", { style: iconStyle, viewBox: "0 0 448 512", children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M48.048 304h73.798v128c0 26.51 21.49 48 48 48h108.308c26.51 0 48-21.49 48-48V304h73.789c42.638 0 64.151-51.731 33.941-81.941l-175.943-176c-18.745-18.745-49.137-18.746-67.882 0l-175.952 176C-16.042 252.208 5.325 304 48.048 304zM224 80l176 176H278.154v176H169.846V256H48L224 80z" }) }));

package/dist/editor/state/in-out.d.ts

@@ -1,12 +1,13 @@
 import type React from 'react';
-export type TimelineInOutContextValue = {
+export type InOutValue = {
     inFrame: number | null;
     outFrame: number | null;
 };
+export type TimelineInOutContextValue = Record<string, InOutValue>;
 export type SetTimelineInOutContextValue = {
     setInAndOutFrames: (u: React.SetStateAction<TimelineInOutContextValue>) => void;
 };
 export declare const TimelineInOutContext: React.Context<TimelineInOutContextValue>;
 export declare const SetTimelineInOutContext: React.Context<SetTimelineInOutContextValue>;
-export declare const useTimelineInOutFramePosition: () => TimelineInOutContextValue;
+export declare const useTimelineInOutFramePosition: () => InOutValue;
 export declare const useTimelineSetInOutFramePosition: () => SetTimelineInOutContextValue;

package/dist/editor/state/in-out.js

@@ -2,18 +2,35 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTimelineSetInOutFramePosition = exports.useTimelineInOutFramePosition = exports.SetTimelineInOutContext = exports.TimelineInOutContext = void 0;
 const react_1 = require("react");
-exports.TimelineInOutContext = (0, react_1.createContext)({
-    inFrame: null,
-    outFrame: null,
-});
+const remotion_1 = require("remotion");
+exports.TimelineInOutContext = (0, react_1.createContext)({});
 exports.SetTimelineInOutContext = (0, react_1.createContext)({
     setInAndOutFrames: () => {
         throw new Error('default');
     },
 });
 const useTimelineInOutFramePosition = () => {
+    var _a, _b, _c, _d;
+    const videoConfig = remotion_1.Internals.useUnsafeVideoConfig();
     const state = (0, react_1.useContext)(exports.TimelineInOutContext);
-    return state;
+    if (!videoConfig) {
+        return { inFrame: null, outFrame: null };
+    }
+    const maxFrame = videoConfig.durationInFrames - 1;
+    const actualInFrame = (_b = (_a = state[videoConfig.id]) === null || _a === void 0 ? void 0 : _a.inFrame) !== null && _b !== void 0 ? _b : null;
+    const actualOutFrame = (_d = (_c = state[videoConfig.id]) === null || _c === void 0 ? void 0 : _c.outFrame) !== null && _d !== void 0 ? _d : null;
+    return {
+        inFrame: actualInFrame === null
+            ? null
+            : actualInFrame >= maxFrame
+                ? null
+                : actualInFrame,
+        outFrame: actualOutFrame === null
+            ? null
+            : actualOutFrame >= maxFrame
+                ? null
+                : actualOutFrame,
+    };
 };
 exports.useTimelineInOutFramePosition = useTimelineInOutFramePosition;
 const useTimelineSetInOutFramePosition = () => {

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

@@ -1,2 +1,3 @@
-export declare const persistMarks: (comp: string, durationInFrames: number, marks: [number | null, number | null]) => void;
-export declare const loadMarks: (comp: string, durationInFrames: number) => [number | null, number | null];
+import type { TimelineInOutContextValue } from './in-out';
+export declare const persistMarks: (marks: TimelineInOutContextValue) => void;
+export declare const loadMarks: () => TimelineInOutContextValue;

package/dist/editor/state/marks.js

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadMarks = exports.persistMarks = void 0;
-const localStorageKey = (comp, durationInFrames) => `remotion.editor.marks.${comp}.${durationInFrames}`;
-const persistMarks = (comp, durationInFrames, marks) => {
-    localStorage.setItem(localStorageKey(comp, durationInFrames), JSON.stringify(marks));
+const localStorageKey = () => `remotion.editor.marksv2`;
+const persistMarks = (marks) => {
+    localStorage.setItem(localStorageKey(), JSON.stringify(marks));
 };
 exports.persistMarks = persistMarks;
-const loadMarks = (comp, durationInFrames) => {
-    const item = localStorage.getItem(localStorageKey(comp, durationInFrames));
+const loadMarks = () => {
+    const item = localStorage.getItem(localStorageKey());
     if (item === null) {
-        return [null, null];
+        return {};
     }
     return JSON.parse(item);
 };

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

@@ -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-composition-id.d.ts

@@ -1,5 +1,5 @@
 import type { BrowserExecutable, ChromiumOptions, HeadlessBrowser, LogLevel, RemotionServer } from '@remotion/renderer';
-import type { AnyCompMetadata } from 'remotion';
+import type { VideoConfig } from 'remotion';
 export declare const getCompositionId: ({ args, compositionIdFromUi, inputProps, puppeteerInstance, envVariables, timeoutInMilliseconds, chromiumOptions, port, browserExecutable, serveUrlOrWebpackUrl, logLevel, indent, server, }: {
     args: string[];
     compositionIdFromUi: string | null;
@@ -17,6 +17,6 @@ export declare const getCompositionId: ({ args, compositionIdFromUi, inputProps,
 }) => Promise<{
     compositionId: string;
     reason: string;
-    config: AnyCompMetadata;
+    config: VideoConfig;
     argsAfterComposition: string[];
 }>;

package/dist/get-composition-id.js

@@ -4,6 +4,7 @@ exports.getCompositionId = void 0;
 const renderer_1 = require("@remotion/renderer");
 const log_1 = require("./log");
 const show_compositions_picker_1 = require("./show-compositions-picker");
+const format_bytes_1 = require("./format-bytes");
 const getCompName = ({ cliArgs, compositionIdFromUi, }) => {
     if (compositionIdFromUi) {
         return {
@@ -21,7 +22,7 @@ const getCompositionId = async ({ args, compositionIdFromUi, inputProps, puppete
         compositionIdFromUi,
     });
     if (compName) {
-        const config = await renderer_1.RenderInternals.internalSelectComposition({
+        const { metadata: config, propsSize } = await renderer_1.RenderInternals.internalSelectComposition({
             id: compName,
             inputProps,
             puppeteerInstance,
@@ -36,6 +37,9 @@ const getCompositionId = async ({ args, compositionIdFromUi, inputProps, puppete
             indent,
             onBrowserLog: null,
         });
+        if (propsSize > 10000000) {
+            log_1.Log.warn(`The props of your composition are large (${(0, format_bytes_1.formatBytes)(propsSize)}). This may cause slowdown.`);
+        }
         if (!config) {
             throw new Error(`Cannot find composition with ID "${compName}"`);
         }

package/dist/get-composition-with-dimension-override.d.ts

@@ -1,5 +1,5 @@
 import type { BrowserExecutable, ChromiumOptions, HeadlessBrowser, LogLevel, RemotionServer } from '@remotion/renderer';
-import type { AnyCompMetadata } from 'remotion';
+import type { VideoConfig } from 'remotion';
 export declare const getCompositionWithDimensionOverride: ({ height, width, args, compositionIdFromUi, chromiumOptions, envVariables, port, puppeteerInstance, timeoutInMilliseconds, browserExecutable, serveUrlOrWebpackUrl, indent, inputProps, logLevel, server, }: {
     height: number | null;
     width: number | null;
@@ -19,6 +19,6 @@ export declare const getCompositionWithDimensionOverride: ({ height, width, args
 }) => Promise<{
     compositionId: string;
     reason: string;
-    config: AnyCompMetadata;
+    config: VideoConfig;
     argsAfterComposition: string[];
 }>;

package/dist/handle-common-errors.js

@@ -48,5 +48,13 @@ const handleCommonError = async (err, logLevel) => {
         log_1.Log.info('   Oftentimes, this happens if the component is missing the `export` keyword');
         log_1.Log.info('   or if the component was renamed and the import statement not properly adjusted.');
     }
+    if (err.message.includes('GLIBC_')) {
+        log_1.Log.info('💡 Remotion requires at least Libc 2.34.');
+        log_1.Log.info('💡 Get help for this issue: https://github.com/remotion-dev/remotion/issues/2439');
+    }
+    if (err.message.includes('EBADF')) {
+        log_1.Log.info('💡 This error might be fixed by changing your Node version:');
+        log_1.Log.info('   https://github.com/remotion-dev/remotion/issues/2452');
+    }
 };
 exports.handleCommonError = handleCommonError;

package/dist/index.d.ts

@@ -9,7 +9,7 @@ export declare const CliInternals: {
         indent: boolean;
     }) => import("./progress-bar").OverwriteableCliOutput;
     chalk: {
-        enabled: boolean;
+        enabled: () => boolean;
         visible: boolean;
         styles: Record<string, {
             codes: [number, number];
@@ -33,6 +33,7 @@ export declare const CliInternals: {
         yellow: (str: string) => string;
         blue: (str: string) => string;
         magenta: (str: string) => string;
+        cyan: (str: string) => string;
         white: (str: string) => string;
         gray: (str: string) => string;
         bgBlack: (str: string) => string;
@@ -62,19 +63,19 @@ export declare const CliInternals: {
         verbose: (message?: any, ...optionalParams: any[]) => void;
         verboseAdvanced: (options: {
             indent: boolean;
-            logLevel: "error" | "verbose" | "info" | "warn";
+            logLevel: "verbose" | "info" | "warn" | "error";
         } & {
             tag?: string | undefined;
         }, 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;
     };
@@ -98,7 +99,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 +112,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>;
@@ -120,7 +121,7 @@ export declare const CliInternals: {
     parsedCli: {
         "browser-executable": import("@remotion/renderer").BrowserExecutable;
         "pixel-format": "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
-        "image-format": "none" | "png" | "jpeg" | "pdf" | "webp";
+        "image-format": "png" | "jpeg" | "pdf" | "webp" | "none";
         "prores-profile": "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy";
         "bundle-cache": string;
         "env-file": string;
@@ -172,7 +173,7 @@ export declare const CliInternals: {
     } & {
         _: string[];
     };
-    handleCommonError: (err: Error, logLevel: "error" | "verbose" | "info" | "warn") => Promise<void>;
+    handleCommonError: (err: Error, logLevel: "verbose" | "info" | "warn" | "error") => Promise<void>;
     formatBytes: (number: number, options?: Intl.NumberFormatOptions & {
         locale: string;
         bits?: boolean | undefined;
@@ -184,7 +185,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;
     }) => {
@@ -199,9 +200,9 @@ export declare const CliInternals: {
     };
     getVideoImageFormat: ({ codec, uiImageFormat, }: {
         codec: import("@remotion/renderer").CodecOrUndefined;
-        uiImageFormat: "none" | "png" | "jpeg" | null;
-    }) => "none" | "png" | "jpeg";
-    printCompositions: (compositions: import("remotion").AnyCompMetadata[]) => void;
+        uiImageFormat: "png" | "jpeg" | "none" | null;
+    }) => "png" | "jpeg" | "none";
+    printCompositions: (compositions: import("remotion").VideoConfig[]) => void;
     getFinalOutputCodec: ({ cliFlag, configFile, downloadName, outName, uiCodec, }: {
         cliFlag: import("@remotion/renderer").CodecOrUndefined;
         outName: string | null;
@@ -214,7 +215,7 @@ export declare const CliInternals: {
     };
     listOfRemotionPackages: string[];
     shouldUseNonOverlayingLogger: ({ logLevel, }: {
-        logLevel: "error" | "verbose" | "info" | "warn";
+        logLevel: "verbose" | "info" | "warn" | "error";
     }) => boolean;
     getCompositionWithDimensionOverride: ({ height, width, args, compositionIdFromUi, chromiumOptions, envVariables, port, puppeteerInstance, timeoutInMilliseconds, browserExecutable, serveUrlOrWebpackUrl, indent, inputProps, logLevel, server, }: {
         height: number | null;
@@ -229,13 +230,13 @@ export declare const CliInternals: {
         browserExecutable: import("@remotion/renderer").BrowserExecutable;
         serveUrlOrWebpackUrl: string;
         indent: boolean;
-        logLevel: "error" | "verbose" | "info" | "warn";
+        logLevel: "verbose" | "info" | "warn" | "error";
         inputProps: Record<string, unknown>;
         server: import("@remotion/renderer").RemotionServer;
     }) => Promise<{
         compositionId: string;
         reason: string;
-        config: import("remotion").AnyCompMetadata;
+        config: import("remotion").VideoConfig;
         argsAfterComposition: string[];
     }>;
 };

package/dist/log.d.ts

@@ -2,19 +2,19 @@ export declare const Log: {
     verbose: (message?: any, ...optionalParams: any[]) => void;
     verboseAdvanced: (options: {
         indent: boolean;
-        logLevel: "error" | "verbose" | "info" | "warn";
+        logLevel: "verbose" | "info" | "warn" | "error";
     } & {
         tag?: string | undefined;
     }, 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;
 };

package/dist/parse-command-line.js

@@ -88,7 +88,7 @@ const parseCommandLine = () => {
         config_1.ConfigInternals.setStillFrame(Number(exports.parsedCli.frame));
     }
     if (exports.parsedCli.png) {
-        throw new Error('The --png flag has been deprecrated. Use --sequence --image-format=png from now on.');
+        throw new Error('The --png flag has been removed. Use --sequence --image-format=png from now on.');
     }
     if (exports.parsedCli.sequence) {
         config_1.Config.setImageSequence(true);