@remotion/cli 4.0.69 → 4.0.71

package/dist/config/audio-codec.d.ts

@@ -1,3 +1,3 @@
 import type { AudioCodec } from '@remotion/renderer';
 export declare const setAudioCodec: (audioCodec: AudioCodec | null) => void;
-export declare const getAudioCodec: () => "mp3" | "aac" | "pcm-16" | "opus" | null;
+export declare const getAudioCodec: () => "pcm-16" | "aac" | "mp3" | "opus" | null;

package/dist/config/image-format.d.ts

@@ -2,4 +2,4 @@ import type { StillImageFormat, VideoImageFormat } from '@remotion/renderer';
 export declare const setStillImageFormat: (format: StillImageFormat) => void;
 export declare const setVideoImageFormat: (format: VideoImageFormat) => void;
 export declare const getUserPreferredStillImageFormat: () => "png" | "jpeg" | "pdf" | "webp" | undefined;
-export declare const getUserPreferredVideoImageFormat: () => "none" | "png" | "jpeg" | undefined;
+export declare const getUserPreferredVideoImageFormat: () => "png" | "jpeg" | "none" | undefined;

package/dist/config/index.d.ts

@@ -307,7 +307,7 @@ export declare const ConfigInternals: {
     getBrowser: () => null;
     getPixelFormat: () => "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
     getProResProfile: () => "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy" | undefined;
-    getPresetProfile: () => "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | undefined;
+    getPresetProfile: () => "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo" | undefined;
     getShouldOverwrite: ({ defaultValue, }: {
         defaultValue: boolean;
     }) => boolean;
@@ -324,12 +324,12 @@ export declare const ConfigInternals: {
     getConcurrency: () => string | number | null;
     getCurrentPuppeteerTimeout: () => number;
     getJpegQuality: () => number;
-    getAudioCodec: () => "mp3" | "aac" | "pcm-16" | "opus" | null;
+    getAudioCodec: () => "pcm-16" | "aac" | "mp3" | "opus" | null;
     getStillFrame: () => number;
     getShouldOutputImageSequence: (frameRange: FrameRange | null) => boolean;
     getDotEnvLocation: () => string | null;
     getUserPreferredStillImageFormat: () => "png" | "jpeg" | "pdf" | "webp" | undefined;
-    getUserPreferredVideoImageFormat: () => "none" | "png" | "jpeg" | undefined;
+    getUserPreferredVideoImageFormat: () => "png" | "jpeg" | "none" | undefined;
     getWebpackOverrideFn: () => WebpackOverrideFn;
     getWebpackCaching: () => boolean;
     getOutputLocation: () => string | null;

package/dist/config/log.d.ts

@@ -1 +1 @@
-export declare const getLogLevel: () => "error" | "verbose" | "info" | "warn", setLogLevel: (newLogLevel: "error" | "verbose" | "info" | "warn") => void;
+export declare const getLogLevel: () => "verbose" | "info" | "warn" | "error", setLogLevel: (newLogLevel: "verbose" | "info" | "warn" | "error") => void;

package/dist/editor/components/Canvas.js

@@ -218,6 +218,7 @@ const Canvas = ({ canvasContent }) => {
             callback: onReset,
             preventDefault: true,
             triggerIfInputFieldFocused: false,
+            keepRegisteredWhenNotHighestContext: false,
         });
         const zoomIn = keybindings.registerKeybinding({
             event: 'keydown',
@@ -226,6 +227,7 @@ const Canvas = ({ canvasContent }) => {
             callback: onZoomIn,
             preventDefault: true,
             triggerIfInputFieldFocused: false,
+            keepRegisteredWhenNotHighestContext: false,
         });
         const zoomOut = keybindings.registerKeybinding({
             event: 'keydown',
@@ -234,6 +236,7 @@ const Canvas = ({ canvasContent }) => {
             callback: onZoomOut,
             preventDefault: true,
             triggerIfInputFieldFocused: false,
+            keepRegisteredWhenNotHighestContext: false,
         });
         return () => {
             resetBinding.unregister();

package/dist/editor/components/CurrentCompositionSideEffects.js

@@ -56,6 +56,7 @@ const CurrentCompositionKeybindings = () => {
             callback: openRenderModal,
             preventDefault: true,
             triggerIfInputFieldFocused: false,
+            keepRegisteredWhenNotHighestContext: false,
         });
         return () => {
             binding.unregister();

package/dist/editor/components/FullscreenToggle.js

@@ -37,6 +37,7 @@ const FullScreenToggle = () => {
             commandCtrlKey: false,
             preventDefault: true,
             triggerIfInputFieldFocused: false,
+            keepRegisteredWhenNotHighestContext: false,
         });
         return () => {
             f.unregister();

package/dist/editor/components/GlobalKeybindings.js

@@ -22,6 +22,7 @@ const GlobalKeybindings = () => {
             commandCtrlKey: false,
             preventDefault: true,
             triggerIfInputFieldFocused: false,
+            keepRegisteredWhenNotHighestContext: false,
         });
         const cmdKKey = keybindings.registerKeybinding({
             event: 'keydown',
@@ -34,6 +35,7 @@ const GlobalKeybindings = () => {
                 });
             },
             triggerIfInputFieldFocused: true,
+            keepRegisteredWhenNotHighestContext: false,
             commandCtrlKey: true,
             preventDefault: true,
         });
@@ -46,6 +48,7 @@ const GlobalKeybindings = () => {
             commandCtrlKey: false,
             preventDefault: true,
             triggerIfInputFieldFocused: false,
+            keepRegisteredWhenNotHighestContext: false,
         });
         const questionMark = keybindings.registerKeybinding({
             event: 'keypress',
@@ -60,6 +63,7 @@ const GlobalKeybindings = () => {
             commandCtrlKey: false,
             preventDefault: true,
             triggerIfInputFieldFocused: false,
+            keepRegisteredWhenNotHighestContext: false,
         });
         return () => {
             nKey.unregister();

package/dist/editor/components/InlineAction.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 export type RenderInlineAction = (color: string) => React.ReactNode;
 export declare const InlineAction: React.FC<{
-    onClick: React.MouseEventHandler<HTMLAnchorElement>;
+    onClick: React.MouseEventHandler<HTMLButtonElement>;
     disabled?: boolean;
     renderAction: RenderInlineAction;
     title?: string;

package/dist/editor/components/InlineAction.js

@@ -29,6 +29,6 @@ const InlineAction = ({ renderAction, onClick, disabled, title }) => {
             pointerEvents: disabled ? 'none' : 'auto',
         };
     }, [disabled, hovered]);
-    return ((0, jsx_runtime_1.jsx)("a", { type: "button", onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave, onClick: onClick, style: style, tabIndex: tabIndex, title: title, children: renderAction(hovered ? 'white' : colors_1.LIGHT_TEXT) }));
+    return ((0, jsx_runtime_1.jsx)("button", { type: "button", onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave, onClick: onClick, style: style, tabIndex: tabIndex, title: title, children: renderAction(hovered ? 'white' : colors_1.LIGHT_TEXT) }));
 };
 exports.InlineAction = InlineAction;

package/dist/editor/components/NewComposition/MenuContent.js

@@ -123,6 +123,7 @@ const MenuContent = ({ onHide, values, preselectIndex, onNextMenu, onPreviousMen
             commandCtrlKey: false,
             preventDefault: true,
             triggerIfInputFieldFocused: false,
+            keepRegisteredWhenNotHighestContext: false,
         });
         const rightBinding = keybindings.registerKeybinding({
             event: 'keydown',
@@ -131,6 +132,7 @@ const MenuContent = ({ onHide, values, preselectIndex, onNextMenu, onPreviousMen
             callback: onArrowRight,
             preventDefault: true,
             triggerIfInputFieldFocused: false,
+            keepRegisteredWhenNotHighestContext: false,
         });
         const leftBinding = keybindings.registerKeybinding({
             event: 'keydown',
@@ -139,6 +141,7 @@ const MenuContent = ({ onHide, values, preselectIndex, onNextMenu, onPreviousMen
             callback: onPreviousMenu,
             preventDefault: true,
             triggerIfInputFieldFocused: false,
+            keepRegisteredWhenNotHighestContext: false,
         });
         const downBinding = keybindings.registerKeybinding({
             event: 'keydown',
@@ -147,6 +150,7 @@ const MenuContent = ({ onHide, values, preselectIndex, onNextMenu, onPreviousMen
             callback: onArrowDown,
             preventDefault: true,
             triggerIfInputFieldFocused: false,
+            keepRegisteredWhenNotHighestContext: false,
         });
         const upBinding = keybindings.registerKeybinding({
             event: 'keydown',
@@ -155,6 +159,7 @@ const MenuContent = ({ onHide, values, preselectIndex, onNextMenu, onPreviousMen
             commandCtrlKey: false,
             preventDefault: true,
             triggerIfInputFieldFocused: false,
+            keepRegisteredWhenNotHighestContext: false,
         });
         const enterBinding = keybindings.registerKeybinding({
             event: 'keydown',
@@ -163,6 +168,7 @@ const MenuContent = ({ onHide, values, preselectIndex, onNextMenu, onPreviousMen
             commandCtrlKey: false,
             preventDefault: true,
             triggerIfInputFieldFocused: false,
+            keepRegisteredWhenNotHighestContext: false,
         });
         const spaceBinding = keybindings.registerKeybinding({
             event: 'keyup',
@@ -171,6 +177,7 @@ const MenuContent = ({ onHide, values, preselectIndex, onNextMenu, onPreviousMen
             commandCtrlKey: false,
             preventDefault: true,
             triggerIfInputFieldFocused: false,
+            keepRegisteredWhenNotHighestContext: false,
         });
         return () => {
             escapeBinding.unregister();

package/dist/editor/components/NewComposition/RemInput.d.ts

@@ -12,6 +12,6 @@ export declare const getInputBorderColor: ({ status, isFocused, isHovered, }: {
     status: 'error' | 'warning' | 'ok';
     isFocused: boolean;
     isHovered: boolean;
-}) => "#ff3232" | "hsla(0, 0%, 100%, 0.15)" | "#f1c40f" | "rgba(0, 0, 0, 0.6)" | "rgba(255, 255, 255, 0.05)";
-export declare const RemotionInput: React.ForwardRefExoticComponent<Pick<Props, "key" | "status" | "rightAlign" | keyof React.InputHTMLAttributes<HTMLInputElement>> & React.RefAttributes<HTMLInputElement>>;
+}) => "hsla(0, 0%, 100%, 0.15)" | "rgba(0, 0, 0, 0.6)" | "rgba(255, 255, 255, 0.05)" | "#ff3232" | "#f1c40f";
+export declare const RemotionInput: React.ForwardRefExoticComponent<Pick<Props, "key" | keyof React.InputHTMLAttributes<HTMLInputElement> | "status" | "rightAlign"> & React.RefAttributes<HTMLInputElement>>;
 export {};

package/dist/editor/components/NewComposition/RemInputTypeColor.d.ts

@@ -4,5 +4,5 @@ type Props = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>
     status: RemInputStatus;
     name: string;
 };
-export declare const RemInputTypeColor: React.ForwardRefExoticComponent<Pick<Props, "key" | "status" | keyof React.InputHTMLAttributes<HTMLInputElement>> & React.RefAttributes<HTMLInputElement>>;
+export declare const RemInputTypeColor: React.ForwardRefExoticComponent<Pick<Props, "key" | keyof React.InputHTMLAttributes<HTMLInputElement> | "status"> & React.RefAttributes<HTMLInputElement>>;
 export {};

package/dist/editor/components/PlayPause.js

@@ -132,6 +132,7 @@ const PlayPause = ({ playbackRate, loop }) => {
             commandCtrlKey: false,
             preventDefault: true,
             triggerIfInputFieldFocused: false,
+            keepRegisteredWhenNotHighestContext: false,
         });
         const arrowRight = keybindings.registerKeybinding({
             event: 'keydown',
@@ -140,6 +141,7 @@ const PlayPause = ({ playbackRate, loop }) => {
             commandCtrlKey: false,
             preventDefault: true,
             triggerIfInputFieldFocused: false,
+            keepRegisteredWhenNotHighestContext: false,
         });
         const space = keybindings.registerKeybinding({
             event: 'keydown',
@@ -148,6 +150,7 @@ const PlayPause = ({ playbackRate, loop }) => {
             commandCtrlKey: false,
             preventDefault: true,
             triggerIfInputFieldFocused: false,
+            keepRegisteredWhenNotHighestContext: false,
         });
         const enter = keybindings.registerKeybinding({
             event: 'keydown',
@@ -156,6 +159,7 @@ const PlayPause = ({ playbackRate, loop }) => {
             commandCtrlKey: false,
             preventDefault: false,
             triggerIfInputFieldFocused: false,
+            keepRegisteredWhenNotHighestContext: false,
         });
         const a = keybindings.registerKeybinding({
             event: 'keydown',
@@ -164,6 +168,7 @@ const PlayPause = ({ playbackRate, loop }) => {
             commandCtrlKey: false,
             preventDefault: true,
             triggerIfInputFieldFocused: false,
+            keepRegisteredWhenNotHighestContext: false,
         });
         const e = keybindings.registerKeybinding({
             event: 'keydown',
@@ -172,6 +177,7 @@ const PlayPause = ({ playbackRate, loop }) => {
             commandCtrlKey: false,
             preventDefault: true,
             triggerIfInputFieldFocused: false,
+            keepRegisteredWhenNotHighestContext: false,
         });
         return () => {
             arrowLeft.unregister();

package/dist/editor/components/PlaybackKeyboardShortcutsManager.js

@@ -49,6 +49,7 @@ const PlaybackKeyboardShortcutsManager = ({ setPlaybackRate }) => {
             commandCtrlKey: false,
             preventDefault: true,
             triggerIfInputFieldFocused: false,
+            keepRegisteredWhenNotHighestContext: false,
         });
         const kKey = keybindings.registerKeybinding({
             event: 'keydown',
@@ -57,6 +58,7 @@ const PlaybackKeyboardShortcutsManager = ({ setPlaybackRate }) => {
             commandCtrlKey: false,
             preventDefault: true,
             triggerIfInputFieldFocused: false,
+            keepRegisteredWhenNotHighestContext: false,
         });
         const lKey = keybindings.registerKeybinding({
             event: 'keydown',
@@ -65,6 +67,7 @@ const PlaybackKeyboardShortcutsManager = ({ setPlaybackRate }) => {
             commandCtrlKey: false,
             preventDefault: true,
             triggerIfInputFieldFocused: false,
+            keepRegisteredWhenNotHighestContext: false,
         });
         return () => {
             jKey.unregister();

package/dist/editor/components/QuickSwitcher/QuickSwitcherContent.js

@@ -181,6 +181,7 @@ const QuickSwitcherContent = ({ initialMode, invocationTimestamp }) => {
             preventDefault: true,
             // Will be using the input field while selecting
             triggerIfInputFieldFocused: true,
+            keepRegisteredWhenNotHighestContext: false,
         });
         return () => {
             binding.unregister();
@@ -223,6 +224,7 @@ const QuickSwitcherContent = ({ initialMode, invocationTimestamp }) => {
             preventDefault: true,
             // Will be using the input field while selecting
             triggerIfInputFieldFocused: true,
+            keepRegisteredWhenNotHighestContext: false,
         });
         return () => {
             binding.unregister();

package/dist/editor/components/QuickSwitcher/QuickSwitcherResult.js

@@ -64,6 +64,7 @@ const QuickSwitcherResult = ({ result, selected }) => {
             preventDefault: true,
             // Input will be focused while sleection
             triggerIfInputFieldFocused: true,
+            keepRegisteredWhenNotHighestContext: false,
         });
         return () => {
             binding.unregister();

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

@@ -728,6 +728,7 @@ const RenderModal = ({ initialFrame, initialVideoImageFormat, initialStillImageF
             event: 'keydown',
             preventDefault: true,
             triggerIfInputFieldFocused: true,
+            keepRegisteredWhenNotHighestContext: false,
         });
         return () => {
             enter.unregister();

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

@@ -116,6 +116,7 @@ const RenderModalJSONPropsEditor = ({ setValue, value, defaultProps, onSave, sho
             callback: onQuickSave,
             preventDefault: true,
             triggerIfInputFieldFocused: true,
+            keepRegisteredWhenNotHighestContext: false,
         });
         return () => {
             save.unregister();

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

@@ -42,6 +42,7 @@ const SchemaEditor = ({ schema, value, setValue, zodValidationResult, defaultPro
             callback: onQuickSave,
             preventDefault: true,
             triggerIfInputFieldFocused: true,
+            keepRegisteredWhenNotHighestContext: true,
         });
         return () => {
             save.unregister();

package/dist/editor/components/SidebarCollapserControls.js

@@ -89,6 +89,7 @@ const SidebarCollapserControls = () => {
             callback: toggleLeft,
             preventDefault: true,
             triggerIfInputFieldFocused: false,
+            keepRegisteredWhenNotHighestContext: false,
         });
         const right = keybindings.registerKeybinding({
             event: 'keydown',
@@ -97,6 +98,7 @@ const SidebarCollapserControls = () => {
             callback: toggleRight,
             preventDefault: true,
             triggerIfInputFieldFocused: false,
+            keepRegisteredWhenNotHighestContext: false,
         });
         const zen = keybindings.registerKeybinding({
             event: 'keydown',
@@ -105,6 +107,7 @@ const SidebarCollapserControls = () => {
             callback: toggleBoth,
             preventDefault: true,
             triggerIfInputFieldFocused: false,
+            keepRegisteredWhenNotHighestContext: false,
         });
         return () => {
             left.unregister();

package/dist/editor/components/TimelineInOutToggle.js

@@ -193,6 +193,7 @@ const TimelineInOutPointToggle = () => {
             commandCtrlKey: false,
             preventDefault: true,
             triggerIfInputFieldFocused: false,
+            keepRegisteredWhenNotHighestContext: false,
         });
         const oKey = keybindings.registerKeybinding({
             event: 'keypress',
@@ -203,6 +204,7 @@ const TimelineInOutPointToggle = () => {
             commandCtrlKey: false,
             preventDefault: true,
             triggerIfInputFieldFocused: false,
+            keepRegisteredWhenNotHighestContext: false,
         });
         const xKey = keybindings.registerKeybinding({
             event: 'keypress',
@@ -213,6 +215,7 @@ const TimelineInOutPointToggle = () => {
             commandCtrlKey: false,
             preventDefault: true,
             triggerIfInputFieldFocused: false,
+            keepRegisteredWhenNotHighestContext: false,
         });
         return () => {
             oKey.unregister();

package/dist/editor/helpers/presets-labels.d.ts

@@ -1,2 +1,2 @@
 import type { X264Preset } from '@remotion/renderer';
-export declare const labelx264Preset: (profile: X264Preset) => "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo";
+export declare const labelx264Preset: (profile: X264Preset) => "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo";

package/dist/editor/helpers/use-keybinding.d.ts

@@ -8,6 +8,7 @@ export declare const useKeybinding: () => {
         callback: (e: KeyboardEvent) => void;
         preventDefault: boolean;
         triggerIfInputFieldFocused: boolean;
+        keepRegisteredWhenNotHighestContext: boolean;
     }) => {
         unregister: () => void;
     };

package/dist/editor/helpers/use-keybinding.js

@@ -22,7 +22,7 @@ const useKeybinding = () => {
                 unregister: () => undefined,
             };
         }
-        if (!isHighestContext) {
+        if (!isHighestContext && !options.keepRegisteredWhenNotHighestContext) {
             return {
                 unregister: () => undefined,
             };

package/dist/editor/state/z-index.js

@@ -23,6 +23,7 @@ const EscapeHook = ({ onEscape }) => {
             preventDefault: true,
             // To dismiss the Quick Switcher menu if input is focused
             triggerIfInputFieldFocused: true,
+            keepRegisteredWhenNotHighestContext: false,
         });
         return () => {
             escape.unregister();

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

@@ -17,12 +17,12 @@ export declare const getCliOptions: (options: {
     crf: import("@remotion/renderer").Crf | null;
     pixelFormat: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
     proResProfile: "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy" | undefined;
-    x264Preset: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | undefined;
+    x264Preset: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo" | undefined;
     everyNthFrame: number;
     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;
@@ -34,7 +34,7 @@ export declare const getCliOptions: (options: {
     videoBitrate: string | null;
     height: number | null;
     width: number | null;
-    configFileImageFormat: "none" | "png" | "jpeg" | undefined;
+    configFileImageFormat: "png" | "jpeg" | "none" | undefined;
     offthreadVideoCacheSizeInBytes: number | null;
     deleteAfter: ("1-day" | "3-days" | "7-days" | "30-days") | null;
     colorSpace: "default" | "bt709";

package/dist/index.d.ts

@@ -74,7 +74,7 @@ export declare const CliInternals: {
         isLambda: boolean;
         type: "still" | "series" | "get-compositions";
         remotionRoot: string;
-        logLevel: "error" | "verbose" | "info" | "warn";
+        logLevel: "verbose" | "info" | "warn" | "error";
     }) => Promise<{
         puppeteerTimeout: number;
         concurrency: string | number | null;
@@ -87,12 +87,12 @@ export declare const CliInternals: {
         crf: import("@remotion/renderer").Crf | null;
         pixelFormat: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le";
         proResProfile: "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy" | undefined;
-        x264Preset: "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo" | undefined;
+        x264Preset: "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo" | undefined;
         everyNthFrame: number;
         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;
@@ -104,21 +104,21 @@ export declare const CliInternals: {
         videoBitrate: string | null;
         height: number | null;
         width: number | null;
-        configFileImageFormat: "none" | "png" | "jpeg" | undefined;
+        configFileImageFormat: "png" | "jpeg" | "none" | undefined;
         offthreadVideoCacheSizeInBytes: number | null;
         deleteAfter: ("1-day" | "3-days" | "7-days" | "30-days") | null;
         colorSpace: "default" | "bt709";
     }>;
     loadConfig: (remotionRoot: string) => Promise<string | null>;
-    initializeCli: (remotionRoot: string) => Promise<"error" | "verbose" | "info" | "warn">;
+    initializeCli: (remotionRoot: string) => Promise<"verbose" | "info" | "warn" | "error">;
     BooleanFlags: string[];
     quietFlagProvided: () => boolean;
     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" | "none" | "pdf" | "webp";
         "prores-profile": "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy";
-        "x264-preset": "medium" | "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "slow" | "slower" | "veryslow" | "placebo";
+        "x264-preset": "ultrafast" | "superfast" | "veryfast" | "faster" | "fast" | "medium" | "slow" | "slower" | "veryslow" | "placebo";
         "bundle-cache": string;
         "env-file": string;
         "ignore-certificate-errors": string;
@@ -127,14 +127,14 @@ export declare const CliInternals: {
         "number-of-gif-loops": number;
         "number-of-shared-audio-tags": number;
         version: string;
-        codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif";
+        codec: "aac" | "mp3" | "h264" | "h265" | "vp8" | "vp9" | "wav" | "prores" | "h264-mkv" | "gif";
         concurrency: number;
         timeout: number;
         config: string;
         "public-dir": string;
         "audio-bitrate": string;
         "video-bitrate": string;
-        "audio-codec": "mp3" | "aac" | "pcm-16" | "opus";
+        "audio-codec": "pcm-16" | "aac" | "mp3" | "opus";
         crf: number;
         force: boolean;
         output: string;
@@ -175,7 +175,7 @@ export declare const CliInternals: {
     } & {
         _: string[];
     };
-    printError: (err: Error, logLevel: "error" | "verbose" | "info" | "warn") => Promise<void>;
+    printError: (err: Error, logLevel: "verbose" | "info" | "warn" | "error") => Promise<void>;
     formatBytes: (number: number, options?: Intl.NumberFormatOptions & {
         locale: string;
         bits?: boolean | undefined;
@@ -187,7 +187,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" | "none" | "pdf" | "webp" | null;
         isLambda: boolean;
         fromUi: "png" | "jpeg" | "pdf" | "webp" | null;
     }) => {
@@ -195,30 +195,30 @@ export declare const CliInternals: {
         source: string;
     };
     minimist: typeof minimist;
-    findEntryPoint: (args: string[], remotionRoot: string, logLevel: "error" | "verbose" | "info" | "warn") => {
+    findEntryPoint: (args: string[], remotionRoot: string, logLevel: "verbose" | "info" | "warn" | "error") => {
         file: string | null;
         remainingArgs: string[];
         reason: string;
     };
     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").VideoConfig[]) => void;
     getFinalOutputCodec: ({ cliFlag, configFile, downloadName, outName, uiCodec, compositionCodec, }: {
         cliFlag: import("@remotion/renderer").CodecOrUndefined;
         outName: string | null;
         downloadName: string | null;
-        configFile: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif" | null;
-        uiCodec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif" | null;
-        compositionCodec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif" | null;
+        configFile: "aac" | "mp3" | "h264" | "h265" | "vp8" | "vp9" | "wav" | "prores" | "h264-mkv" | "gif" | null;
+        uiCodec: "aac" | "mp3" | "h264" | "h265" | "vp8" | "vp9" | "wav" | "prores" | "h264-mkv" | "gif" | null;
+        compositionCodec: "aac" | "mp3" | "h264" | "h265" | "vp8" | "vp9" | "wav" | "prores" | "h264-mkv" | "gif" | null;
     }) => {
-        codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv" | "gif";
+        codec: "aac" | "mp3" | "h264" | "h265" | "vp8" | "vp9" | "wav" | "prores" | "h264-mkv" | "gif";
         reason: string;
     };
     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, serializedInputPropsWithCustomSchema, logLevel, server, offthreadVideoCacheSizeInBytes, }: {
         height: number | null;
@@ -233,7 +233,7 @@ export declare const CliInternals: {
         browserExecutable: import("@remotion/renderer").BrowserExecutable;
         serveUrlOrWebpackUrl: string;
         indent: boolean;
-        logLevel: "error" | "verbose" | "info" | "warn";
+        logLevel: "verbose" | "info" | "warn" | "error";
         serializedInputPropsWithCustomSchema: string;
         server: import("@remotion/renderer").RemotionServer;
         offthreadVideoCacheSizeInBytes: number | null;

package/dist/preview-server/error-overlay/remotion-overlay/AskOnDiscord.js

@@ -26,6 +26,7 @@ const AskOnDiscord = ({ canHaveKeyboardShortcuts }) => {
             commandCtrlKey: true,
             preventDefault: true,
             triggerIfInputFieldFocused: false,
+            keepRegisteredWhenNotHighestContext: false,
         });
         return () => unregister();
     }, [canHaveKeyboardShortcuts, openInBrowser, registerKeybinding]);

package/dist/preview-server/error-overlay/remotion-overlay/HelpLink.js

@@ -30,6 +30,7 @@ const HelpLink = ({ canHaveKeyboardShortcuts, link }) => {
             commandCtrlKey: true,
             preventDefault: true,
             triggerIfInputFieldFocused: false,
+            keepRegisteredWhenNotHighestContext: false,
         });
         return () => unregister();
     }, [canHaveKeyboardShortcuts, openLink, registerKeybinding]);

package/dist/preview-server/error-overlay/remotion-overlay/OpenInEditor.js

@@ -82,6 +82,7 @@ const OpenInEditor = ({ stack, canHaveKeyboardShortcuts }) => {
             commandCtrlKey: true,
             preventDefault: true,
             triggerIfInputFieldFocused: false,
+            keepRegisteredWhenNotHighestContext: false,
         });
         return () => unregister();
     }, [canHaveKeyboardShortcuts, openInBrowser, registerKeybinding]);

package/dist/preview-server/error-overlay/remotion-overlay/SearchGitHubIssues.js

@@ -25,6 +25,7 @@ const SearchGithubIssues = ({ message, canHaveKeyboardShortcuts }) => {
             commandCtrlKey: true,
             preventDefault: true,
             triggerIfInputFieldFocused: false,
+            keepRegisteredWhenNotHighestContext: false,
         });
         return () => unregister();
     }, [canHaveKeyboardShortcuts, openInBrowser, registerKeybinding]);

package/dist/preview-server/hot-middleware/client.js

@@ -48,7 +48,7 @@ function eventSourceWrapper() {
     function handleDisconnect() {
         clearInterval(timer);
         source.close();
-        setTimeout(init, types_1.hotMiddlewareOptions.timeout);
+        setTimeout(init, 1000);
     }
     return {
         addMessageListener(fn) {

package/dist/preview-server/start-server.js

@@ -90,14 +90,14 @@ const startServer = async (options) => {
                     to: 3100,
                     hostsToTry: portConfig.hostsToTry,
                 })
-                    .then(({ port, didUsePort }) => {
+                    .then(({ port, unlockPort }) => {
                     server.listen({
                         port,
                         host: portConfig.host,
                     });
                     server.on('listening', () => {
                         resolve(port);
-                        return didUsePort();
+                        return unlockPort();
                     });
                     server.on('error', (err) => {
                         reject(err);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/cli",
-  "version": "4.0.69",
+  "version": "4.0.71",
   "description": "CLI for Remotion",
   "main": "dist/index.js",
   "sideEffects": false,
@@ -35,11 +35,11 @@
     "prompts": "2.4.1",
     "semver": "7.5.3",
     "source-map": "0.6.1",
-    "@remotion/media-utils": "4.0.69",
-    "@remotion/bundler": "4.0.69",
-    "@remotion/player": "4.0.69",
-    "remotion": "4.0.69",
-    "@remotion/renderer": "4.0.69"
+    "@remotion/bundler": "4.0.71",
+    "@remotion/media-utils": "4.0.71",
+    "@remotion/player": "4.0.71",
+    "@remotion/renderer": "4.0.71",
+    "remotion": "4.0.71"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -65,8 +65,8 @@
     "react-dom": "18.2.0",
     "vitest": "0.31.1",
     "zod": "^3.22.3",
-    "@remotion/zod-types": "4.0.69",
-    "@remotion/tailwind": "4.0.69"
+    "@remotion/tailwind": "4.0.71",
+    "@remotion/zod-types": "4.0.71"
   },
   "keywords": [
     "remotion",