@remotion/cli 4.0.68 → 4.0.70

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/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/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/render-modal-sections.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Codec } from '@remotion/renderer';
 import type { RenderType } from '../components/RenderModal/RenderModalAdvanced';
 type Section = 'general' | 'picture' | 'advanced' | 'data' | 'gif' | 'audio';

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

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import type { LogLevel } from '@remotion/renderer';
 import type { IncomingMessage, ServerResponse } from 'node:http';
 import type { LiveEventsServer } from './live-events';

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.68",
+  "version": "4.0.70",
   "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/bundler": "4.0.68",
-    "@remotion/player": "4.0.68",
-    "remotion": "4.0.68",
-    "@remotion/media-utils": "4.0.68",
-    "@remotion/renderer": "4.0.68"
+    "@remotion/bundler": "4.0.70",
+    "@remotion/media-utils": "4.0.70",
+    "@remotion/player": "4.0.70",
+    "@remotion/renderer": "4.0.70",
+    "remotion": "4.0.70"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -65,8 +65,8 @@
     "react-dom": "18.2.0",
     "vitest": "0.31.1",
     "zod": "^3.22.3",
-    "@remotion/tailwind": "4.0.68",
-    "@remotion/zod-types": "4.0.68"
+    "@remotion/zod-types": "4.0.70",
+    "@remotion/tailwind": "4.0.70"
   },
   "keywords": [
     "remotion",