@remotion/cli 4.0.0-alpha.4 → 4.0.0-alpha11

package/dist/editor/helpers/use-file-existence.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFileExistence = void 0;
+const react_1 = require("react");
+const event_source_1 = require("../../event-source");
+const actions_1 = require("../components/RenderQueue/actions");
+const client_id_1 = require("./client-id");
+const useFileExistence = (outName) => {
+    const [exists, setExists] = (0, react_1.useState)(false);
+    const state = (0, react_1.useContext)(client_id_1.StudioServerConnectionCtx);
+    const clientId = state.type === 'connected' ? state.clientId : undefined;
+    const currentOutName = (0, react_1.useRef)('');
+    currentOutName.current = outName;
+    (0, react_1.useEffect)(() => {
+        if (!clientId) {
+            return;
+        }
+        (0, actions_1.subscribeToFileExistenceWatcher)({
+            file: outName,
+            clientId,
+        }).then((_exists) => {
+            if (currentOutName.current === outName) {
+                setExists(_exists);
+            }
+        });
+        return () => {
+            (0, actions_1.unsubscribeFromFileExistenceWatcher)({ file: outName, clientId });
+        };
+    }, [clientId, outName]);
+    (0, react_1.useEffect)(() => {
+        const listener = (event) => {
+            if (event.type !== 'watched-file-deleted') {
+                return;
+            }
+            if (event.file !== currentOutName.current) {
+                return;
+            }
+            if (currentOutName.current === outName) {
+                setExists(false);
+            }
+        };
+        const unsub = (0, event_source_1.subscribeToEvent)('watched-file-deleted', listener);
+        return () => {
+            unsub();
+        };
+    }, [outName]);
+    (0, react_1.useEffect)(() => {
+        const listener = (event) => {
+            if (event.type !== 'watched-file-undeleted') {
+                return;
+            }
+            if (event.file !== outName) {
+                return;
+            }
+            if (currentOutName.current === outName) {
+                setExists(true);
+            }
+        };
+        const unsub = (0, event_source_1.subscribeToEvent)('watched-file-undeleted', listener);
+        return () => {
+            unsub();
+        };
+    }, [outName]);
+    return exists;
+};
+exports.useFileExistence = useFileExistence;

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

@@ -1,10 +1,13 @@
 import type { KeyEventType } from '../state/keybindings';
+export declare const areKeyboardShortcutsDisabled: () => boolean;
 export declare const useKeybinding: () => {
     registerKeybinding: (options: {
         event: KeyEventType;
         key: string;
         commandCtrlKey: boolean;
         callback: (e: KeyboardEvent) => void;
+        preventDefault: boolean;
+        triggerIfInputFieldFocused: boolean;
     }) => {
         unregister: () => void;
     };

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

@@ -1,14 +1,26 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useKeybinding = void 0;
+exports.useKeybinding = exports.areKeyboardShortcutsDisabled = void 0;
 const react_1 = require("react");
 const keybindings_1 = require("../state/keybindings");
 const z_index_1 = require("../state/z-index");
+if (!process.env.KEYBOARD_SHORTCUTS_ENABLED) {
+    console.warn('Keyboard shortcuts disabled either due to: a) --disable-keyboard-shortcuts being passed b) Config.setKeyboardShortcutsEnabled(false) being set or c) a Remotion version mismatch.');
+}
+const areKeyboardShortcutsDisabled = () => {
+    return !process.env.KEYBOARD_SHORTCUTS_ENABLED;
+};
+exports.areKeyboardShortcutsDisabled = areKeyboardShortcutsDisabled;
 const useKeybinding = () => {
     const [paneId] = (0, react_1.useState)(() => String(Math.random()));
     const context = (0, react_1.useContext)(keybindings_1.KeybindingContext);
     const { isHighestContext } = (0, z_index_1.useZIndex)();
     const registerKeybinding = (0, react_1.useCallback)((options) => {
+        if (!process.env.KEYBOARD_SHORTCUTS_ENABLED) {
+            return {
+                unregister: () => undefined,
+            };
+        }
         if (!isHighestContext) {
             return {
                 unregister: () => undefined,
@@ -20,8 +32,19 @@ const useKeybinding = () => {
                 : e.ctrlKey;
             if (e.key.toLowerCase() === options.key.toLowerCase() &&
                 options.commandCtrlKey === commandKey) {
+                if (!options.triggerIfInputFieldFocused) {
+                    const { activeElement } = document;
+                    if (activeElement instanceof HTMLInputElement) {
+                        return;
+                    }
+                    if (activeElement instanceof HTMLTextAreaElement) {
+                        return;
+                    }
+                }
                 options.callback(e);
-                e.preventDefault();
+                if (options.preventDefault) {
+                    e.preventDefault();
+                }
             }
         };
         const toRegister = {

package/dist/editor/helpers/use-menu-structure.d.ts

@@ -0,0 +1,7 @@
+import type { Menu } from '../components/Menu/MenuItem';
+import type { TQuickSwitcherResult } from '../components/QuickSwitcher/QuickSwitcherResult';
+import type { ModalState } from '../state/modals';
+declare type Structure = Menu[];
+export declare const useMenuStructure: (closeMenu: () => void) => Structure;
+export declare const makeSearchResults: (actions: Structure, setSelectedModal: (value: React.SetStateAction<ModalState | null>) => void) => TQuickSwitcherResult[];
+export {};