@remotion/studio-server 4.0.534 → 4.0.536

package/dist/preview-server/routes/insert-element.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.insertElementHandler = void 0;
 const node_fs_1 = require("node:fs");
 const node_path_1 = __importDefault(require("node:path"));
+const codemods_1 = require("@remotion/codemods");
 const renderer_1 = require("@remotion/renderer");
 const studio_protocol_1 = require("@remotion/studio-protocol");
 const add_composition_to_file_1 = require("../../codemods/add-composition-to-file");
@@ -33,10 +34,18 @@ const hasExpectedFileState = ({ expected, actual, }) => {
     }
     return actual.sourceHash === expected.sourceHash;
 };
-const insertElementHandler = async ({ input: { compositionFile, compositionId, element, installationName, expectedFileState, from, premountFor, position, overwriteExisting, undoRedoNavigation, newComposition, }, entryPoint, remotionRoot, logLevel, publicDir, }) => {
+const insertElementHandler = async ({ input: { compositionFile, compositionId, captionTarget, element, installationName, expectedFileState, from, position, overwriteExisting, undoRedoNavigation, newComposition, }, entryPoint, remotionRoot, logLevel, publicDir, }) => {
     var _a;
     let resolvedAssets;
     try {
+        if (captionTarget !== null &&
+            (element.isCaptionStyle !== true ||
+                element.installationMode !== 'component-owned-sequence' ||
+                newComposition !== null ||
+                compositionFile !== null ||
+                compositionId !== null)) {
+            throw new Error('Invalid caption style installation target');
+        }
         studio_protocol_1.StudioProtocolInternals.assertElementAssets(element.assets);
         studio_protocol_1.StudioProtocolInternals.assertElementAssetReferences(element);
         resolvedAssets = await studio_protocol_1.StudioProtocolInternals.resolveElementAssets({
@@ -132,16 +141,21 @@ const insertElementHandler = async ({ input: { compositionFile, compositionId, e
                     [componentFilePath, componentFileContents],
                 ]);
             }
-            const installDestination = newComposition === null
+            const installDestination = captionTarget !== null
                 ? {
-                    type: 'current-composition',
-                    compositionFile,
-                    compositionId,
+                    type: 'selected-media',
+                    compositionFile: captionTarget.fileName,
                 }
-                : {
-                    type: 'new-composition',
-                    compositionFile,
-                };
+                : newComposition === null
+                    ? {
+                        type: 'current-composition',
+                        compositionFile,
+                        compositionId,
+                    }
+                    : {
+                        type: 'new-composition',
+                        compositionFile,
+                    };
             const plan = await (0, element_install_plan_1.getElementInstallPlan)({
                 installationName,
                 destination: installDestination,
@@ -223,7 +237,6 @@ const insertElementHandler = async ({ input: { compositionFile, compositionId, e
                     position: componentOwnsSequence ? position : null,
                 },
                 from: componentOwnsSequence ? from : null,
-                premountFor,
                 prettierConfigOverride: null,
                 wrapInSequence: componentOwnsSequence
                     ? null
@@ -235,10 +248,29 @@ const insertElementHandler = async ({ input: { compositionFile, compositionId, e
                         position,
                     },
             };
-            const inserted = await (0, resolve_composition_component_1.insertJsxElementIntoComposition)({
-                ...insertionInput,
-                sourceFileOverrides,
-            });
+            let inserted;
+            if (captionTarget === null) {
+                inserted = await (0, resolve_composition_component_1.insertJsxElementIntoComposition)({
+                    ...insertionInput,
+                    compositionFile,
+                    compositionId,
+                    sourceFileOverrides,
+                });
+            }
+            else {
+                const fileName = plan.safePaths.compositionFileName;
+                const oldContents = (0, node_fs_1.readFileSync)(fileName, 'utf-8');
+                inserted = {
+                    ...codemods_1.CodemodsInternals.insertBasicCaptions({
+                        ...captionTarget,
+                        input: oldContents,
+                        importPath: plan.importPath,
+                        element: { componentName: plan.componentName, initialProps },
+                    }),
+                    fileName,
+                    oldContents,
+                };
+            }
             if (compositionCreation !== null &&
                 inserted.fileName !== compositionCreation.componentFilePath) {
                 throw new Error('New composition component does not match installation target');

package/dist/preview-server/routes/open-in-editor.d.ts

@@ -1,4 +1,4 @@
-import { type DefaultEditor } from '@remotion/renderer';
+import type { DefaultEditor } from '@remotion/renderer';
 import type { OpenInEditorRequest, OpenInEditorResponse } from '@remotion/studio-shared';
 import type { ApiHandler } from '../api-types';
 export declare const getEditorName: ({ getDefaultEditor, logLevel, }: {

package/dist/preview-server/routes/open-in-editor.js

@@ -1,13 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.openInEditorHandler = exports.getEditorName = void 0;
-const node_path_1 = __importDefault(require("node:path"));
-const renderer_1 = require("@remotion/renderer");
-const custom_editor_1 = require("../../helpers/custom-editor");
-const open_in_editor_1 = require("../../helpers/open-in-editor");
+const open_in_app_1 = require("../../helpers/open-in-app");
 const resolve_editor_1 = require("../../helpers/resolve-editor");
 const getEditorName = async ({ getDefaultEditor, logLevel, }) => {
     var _a;
@@ -19,52 +13,4 @@ const getEditorName = async ({ getDefaultEditor, logLevel, }) => {
     return (_a = editor === null || editor === void 0 ? void 0 : editor.nameWithType) !== null && _a !== void 0 ? _a : null;
 };
 exports.getEditorName = getEditorName;
-const openInEditorHandler = async ({ input, remotionRoot, logLevel, getDefaultEditor }) => {
-    try {
-        if (!('stack' in input)) {
-            throw new TypeError('Need to pass stack');
-        }
-        const { stack } = input;
-        if (input.editorId !== null &&
-            input.editorId !== 'custom' &&
-            !renderer_1.defaultEditorIds.includes(input.editorId)) {
-            return { success: false };
-        }
-        const editor = await (0, resolve_editor_1.resolveEditor)({
-            defaultEditor: getDefaultEditor(),
-            logLevel,
-            preferredEditor: input.editorId,
-        });
-        if (!editor) {
-            return { success: false };
-        }
-        const fileName = node_path_1.default.resolve(remotionRoot, stack.originalFileName);
-        const didOpen = editor.type === 'custom'
-            ? await (0, custom_editor_1.launchCustomEditor)({
-                editor: editor.editor,
-                resolvedExecutable: editor,
-                targetPath: fileName,
-                lineNumber: stack.originalLineNumber,
-                columnNumber: stack.originalColumnNumber,
-                logLevel,
-                spawnProcess: null,
-            })
-            : await (0, open_in_editor_1.launchEditor)({
-                colNumber: stack.originalColumnNumber,
-                editor,
-                fileName,
-                lineNumber: stack.originalLineNumber,
-                vsCodeNewWindow: false,
-                logLevel,
-            }, remotionRoot);
-        return {
-            success: didOpen,
-        };
-    }
-    catch (_a) {
-        return {
-            success: false,
-        };
-    }
-};
-exports.openInEditorHandler = openInEditorHandler;
+exports.openInEditorHandler = open_in_app_1.openInEditor;

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

@@ -2,7 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.redoHandler = void 0;
 const undo_stack_1 = require("../undo-stack");
+const source_file_write_queue_1 = require("./source-file-write-queue");
 const redoHandler = () => {
-    return Promise.resolve((0, undo_stack_1.popRedo)());
+    return (0, source_file_write_queue_1.withSourceFileWriteQueue)(() => (0, undo_stack_1.popRedo)());
 };
 exports.redoHandler = redoHandler;

package/dist/preview-server/routes/source-file-write-queue.d.ts

@@ -1,2 +1,2 @@
 export declare const getCodemodTimingPrefix: (logLevel: "error" | "info" | "trace" | "verbose" | "warn") => string;
-export declare const withSourceFileWriteQueue: <T>(fn: () => Promise<T>) => Promise<T>;
+export declare const withSourceFileWriteQueue: <T>(fn: () => T | Promise<T>) => Promise<T>;

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

@@ -2,7 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.undoHandler = void 0;
 const undo_stack_1 = require("../undo-stack");
+const source_file_write_queue_1 = require("./source-file-write-queue");
 const undoHandler = () => {
-    return Promise.resolve((0, undo_stack_1.popUndo)());
+    return (0, source_file_write_queue_1.withSourceFileWriteQueue)(() => (0, undo_stack_1.popUndo)());
 };
 exports.undoHandler = undoHandler;

package/dist/preview-server/routes/update-config.js

@@ -120,6 +120,10 @@ const validateUpdates = (updates) => {
             catch (_b) {
                 return 'Config.addElementLibrary() expects an HTTP or HTTPS URL.';
             }
+            if (elementLibrary.captionStylesUrl !== undefined &&
+                (0, studio_shared_1.normalizeHttpUrl)(elementLibrary.captionStylesUrl) === null) {
+                return 'Config.addElementLibrary() expects "captionStylesUrl" to be an absolute HTTP or HTTPS URL.';
+            }
             if (displayName !== undefined &&
                 (typeof displayName !== 'string' || displayName.trim() === '')) {
                 return 'Config.addElementLibrary() expects a non-empty display name.';
@@ -223,16 +227,19 @@ const updateConfigFile = ({ configContents, existingElementLibraryUrls, updates,
         let value = initialValue;
         if (setter === 'addElementLibrary') {
             const elementLibrary = initialValue;
-            const { displayName: rawDisplayName, url } = elementLibrary;
+            const { displayName: rawDisplayName, url, captionStylesUrl, } = elementLibrary;
             const normalizedUrl = new URL(url).href;
             if (elementLibraryUrls.has(normalizedUrl)) {
                 continue;
             }
             const displayName = typeof rawDisplayName === 'string' ? rawDisplayName.trim() : null;
-            value =
-                displayName === null
-                    ? { url: normalizedUrl }
-                    : { url: normalizedUrl, displayName };
+            value = {
+                url: normalizedUrl,
+                ...(displayName === null ? {} : { displayName }),
+                ...(captionStylesUrl === undefined
+                    ? {}
+                    : { captionStylesUrl: new URL(captionStylesUrl).href }),
+            };
             elementLibraryUrls.add(normalizedUrl);
         }
         const serializedValue = JSON.stringify(value)

package/dist/preview-server/studio-protocol/handle-element-library.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.handleStudioProtocolElementLibrary = void 0;
 const studio_protocol_1 = require("@remotion/studio-protocol");
+const studio_shared_1 = require("@remotion/studio-shared");
 const element_install_state_1 = require("../element-install-state");
 const parse_body_1 = require("../parse-body");
 const origin_policy_1 = require("./origin-policy");
@@ -81,6 +82,18 @@ const handleStudioProtocolElementLibrary = async ({ configFile, focusStudioTab,
         });
         return;
     }
+    const captionStylesUrl = parsedRequest.captionStylesUrl === null
+        ? null
+        : (0, studio_shared_1.normalizeHttpUrl)(parsedRequest.captionStylesUrl);
+    if (parsedRequest.captionStylesUrl !== null && captionStylesUrl === null) {
+        (0, protocol_response_1.writeStudioProtocolError)({
+            code: 'invalid-url',
+            message: 'The caption styles URL must be an absolute HTTP or HTTPS URL.',
+            response,
+            status: 400,
+        });
+        return;
+    }
     const displayName = (_b = (_a = parsedRequest.displayName) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : null;
     if (displayName === '') {
         (0, protocol_response_1.writeStudioProtocolError)({
@@ -117,6 +130,7 @@ const handleStudioProtocolElementLibrary = async ({ configFile, focusStudioTab,
     }
     const delivered = liveEventsServer.sendEventToClientId(target.clientId, {
         type: 'element-library-add-request',
+        captionStylesUrl,
         url: normalizedUrl,
         displayName,
         origin: requestOrigin,

package/dist/preview-server/studio-protocol/handle-install.js

@@ -10,7 +10,7 @@ const protocol_response_1 = require("./protocol-response");
 // UTF-8 representation and the protocol envelope while keeping memory bounded.
 const MAX_STUDIO_PROTOCOL_INSTALL_BODY_SIZE = 1000000;
 const deliverElementInstall = ({ element, focusStudioTab, liveEventsServer, origin, target, }) => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     const installRequest = {
         id: `${Date.now()}-${Math.random().toString(16).slice(2)}`,
         clientId: target.clientId,
@@ -22,6 +22,7 @@ const deliverElementInstall = ({ element, focusStudioTab, liveEventsServer, orig
             durationInFrames: (_a = element.durationInFrames) !== null && _a !== void 0 ? _a : null,
             initialProps: (_b = element.initialProps) !== null && _b !== void 0 ? _b : null,
             installationMode: (_c = element.installationMode) !== null && _c !== void 0 ? _c : null,
+            isCaptionStyle: (_d = element.isCaptionStyle) !== null && _d !== void 0 ? _d : false,
         },
         from: null,
         position: null,

package/dist/preview-server/undo-stack.js

@@ -285,6 +285,7 @@ function popUndo() {
             (0, watch_ignore_next_change_1.suppressBundlerUpdateForFile)(snapshot.filePath);
         }
         if (snapshot.oldContents === null) {
+            (0, watch_ignore_next_change_1.prepareBundlerForFileWrite)(snapshot.filePath);
             (0, node_fs_1.rmSync)(snapshot.filePath, { force: true });
         }
         else {

package/dist/preview-server/watch-ignore-next-change.d.ts

@@ -1,5 +1,6 @@
 import type { WatchIgnoreNextChangePlugin } from '@remotion/bundler';
 export declare const setWatchIgnoreNextChangePlugin: (plugin: WatchIgnoreNextChangePlugin) => void;
 export declare const suppressBundlerUpdateForFile: (absolutePath: string) => void;
+export declare const prepareBundlerForFileWrite: (absolutePath: string) => void;
 export declare const invalidatePreviouslySuppressedFiles: () => Promise<boolean>;
 export declare const reloadPreviouslySuppressedFiles: () => Promise<void>;

package/dist/preview-server/watch-ignore-next-change.js

@@ -1,16 +1,29 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.reloadPreviouslySuppressedFiles = exports.invalidatePreviouslySuppressedFiles = exports.suppressBundlerUpdateForFile = exports.setWatchIgnoreNextChangePlugin = void 0;
+exports.reloadPreviouslySuppressedFiles = exports.invalidatePreviouslySuppressedFiles = exports.prepareBundlerForFileWrite = exports.suppressBundlerUpdateForFile = exports.setWatchIgnoreNextChangePlugin = void 0;
 const node_fs_1 = require("node:fs");
+const pendingSuppressedWrites = new Set();
 let currentPlugin = null;
 const setWatchIgnoreNextChangePlugin = (plugin) => {
     currentPlugin = plugin;
+    pendingSuppressedWrites.clear();
 };
 exports.setWatchIgnoreNextChangePlugin = setWatchIgnoreNextChangePlugin;
 const suppressBundlerUpdateForFile = (absolutePath) => {
-    currentPlugin === null || currentPlugin === void 0 ? void 0 : currentPlugin.ignoreNextChange(absolutePath);
+    pendingSuppressedWrites.add(absolutePath);
 };
 exports.suppressBundlerUpdateForFile = suppressBundlerUpdateForFile;
+// Consume the intent for this write, rather than letting an earlier suppressed
+// write swallow a subsequent structural change in the watcher's aggregated event.
+const prepareBundlerForFileWrite = (absolutePath) => {
+    if (pendingSuppressedWrites.delete(absolutePath)) {
+        currentPlugin === null || currentPlugin === void 0 ? void 0 : currentPlugin.ignoreNextChange(absolutePath);
+    }
+    else {
+        currentPlugin === null || currentPlugin === void 0 ? void 0 : currentPlugin.requireRebuild(absolutePath);
+    }
+};
+exports.prepareBundlerForFileWrite = prepareBundlerForFileWrite;
 const invalidatePreviouslySuppressedFiles = async () => {
     if (!currentPlugin) {
         return false;

package/dist/start-studio.js

@@ -11,13 +11,13 @@ const renderer_1 = require("@remotion/renderer");
 const file_watcher_1 = require("./file-watcher");
 const get_network_address_1 = require("./get-network-address");
 const maybe_open_browser_1 = require("./maybe-open-browser");
-const open_browser_shortcut_1 = require("./open-browser-shortcut");
 const close_and_restart_1 = require("./preview-server/close-and-restart");
 const get_absolute_public_dir_1 = require("./preview-server/get-absolute-public-dir");
 const live_events_1 = require("./preview-server/live-events");
 const public_folder_1 = require("./preview-server/public-folder");
 const start_server_1 = require("./preview-server/start-server");
 const server_ready_1 = require("./server-ready");
+const studio_shortcuts_1 = require("./studio-shortcuts");
 const watch_root_file_1 = require("./watch-root-file");
 const startStudio = async ({ browserArgs, browserFlag, shouldOpenBrowser, fullEntryPath, logLevel, getCurrentInputProps, getEnvVariables, desiredPort, remotionRoot, relativePublicDir, bundlerOverride, rspackOverride, webpackOverride, poll, getRenderDefaults, getRenderQueue, getNumberOfAudioTags, queueMethods, previewEntry, gitSource, binariesDirectory, forceIPv4, getAudioLatencyHint, getExperimentalKeepAudioContextAlive, getPreviewSampleRate, enableCrossSiteIsolation, forceNew, rspack, getStudioRuntimeConfig, getDefaultCodingAgent, getDefaultEditor, configFile, }) => {
     try {
@@ -128,11 +128,14 @@ const startStudio = async ({ browserArgs, browserFlag, shouldOpenBrowser, fullEn
     (0, server_ready_1.printServerReadyComment)('Server ready', logLevel);
     renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, 'Building...');
     const studioUrl = `http://localhost:${port}`;
-    const openBrowserShortcut = (0, open_browser_shortcut_1.registerOpenBrowserShortcut)({
+    const studioShortcuts = (0, studio_shortcuts_1.registerStudioShortcuts)({
         browserArgs,
         browserFlag,
         url: studioUrl,
         logLevel,
+        remotionRoot,
+        getDefaultEditor,
+        getDefaultCodingAgent,
     });
     let action;
     try {
@@ -146,7 +149,7 @@ const startStudio = async ({ browserArgs, browserFlag, shouldOpenBrowser, fullEn
         action = await (0, close_and_restart_1.noOpUntilRestart)();
     }
     finally {
-        openBrowserShortcut.cleanup();
+        studioShortcuts.cleanup();
     }
     renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, action === 'shutdown'
         ? 'Shutting down Studio...'

package/dist/studio-shortcuts.d.ts

@@ -0,0 +1,13 @@
+import type { DefaultEditor } from '@remotion/renderer';
+export declare const registerStudioShortcuts: ({ browserArgs, browserFlag, url, logLevel, remotionRoot, getDefaultEditor, getDefaultCodingAgent, }: {
+    browserArgs: string;
+    browserFlag: string;
+    url: string;
+    logLevel: "error" | "info" | "trace" | "verbose" | "warn";
+    remotionRoot: string;
+    getDefaultEditor: () => DefaultEditor | null;
+    getDefaultCodingAgent: () => "claude-code" | "codex" | "copilot" | "cursor" | null;
+}) => {
+    registered: boolean;
+    cleanup: () => void;
+};

package/dist/studio-shortcuts.js

@@ -0,0 +1,257 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.registerStudioShortcuts = void 0;
+const readline = __importStar(require("node:readline"));
+const renderer_1 = require("@remotion/renderer");
+const studio_shared_1 = require("@remotion/studio-shared");
+const better_opn_1 = require("./better-opn");
+const app_discovery_1 = require("./helpers/app-discovery");
+const open_in_app_1 = require("./helpers/open-in-app");
+const recently_used_apps_1 = require("./helpers/recently-used-apps");
+const maybe_open_browser_1 = require("./maybe-open-browser");
+const live_events_1 = require("./preview-server/live-events");
+const registerStudioShortcuts = ({ browserArgs, browserFlag, url, logLevel, remotionRoot, getDefaultEditor, getDefaultCodingAgent, }) => {
+    if (!process.stdin.isTTY) {
+        return { registered: false, cleanup: () => undefined };
+    }
+    if (typeof process.stdin.setRawMode !== 'function') {
+        return { registered: false, cleanup: () => undefined };
+    }
+    const wasRaw = process.stdin.isRaw;
+    const shouldPauseAfterCleanup = process.stdin.isPaused();
+    let cleanedUp = false;
+    let isOpeningBrowser = false;
+    let editor = null;
+    let codingAgent = null;
+    const openingApps = new Set();
+    let refreshRevision = 0;
+    let lastPrintedAssignment = null;
+    const refreshShortcuts = async () => {
+        var _a;
+        const revision = ++refreshRevision;
+        const configuredEditor = getDefaultEditor();
+        const configuredCodingAgent = getDefaultCodingAgent();
+        const [discovery, editorInfo, recentEditors, recentCodingAgents] = await Promise.all([
+            (0, app_discovery_1.getAppDiscovery)(),
+            (0, app_discovery_1.getEditorInfo)(configuredEditor),
+            (0, recently_used_apps_1.getRecentlyUsedApps)({
+                remotionRoot,
+                type: 'editor',
+                recentlyUsedIds: null,
+            }),
+            (0, recently_used_apps_1.getRecentlyUsedApps)({
+                remotionRoot,
+                type: 'coding-agent',
+                recentlyUsedIds: null,
+            }),
+        ]);
+        if (cleanedUp || revision !== refreshRevision) {
+            return;
+        }
+        editor = (0, studio_shared_1.getPreferredApp)({
+            installedApps: editorInfo.installedEditors,
+            configuredId: editorInfo.defaultEditor,
+            runningIds: (_a = editorInfo.runningEditors) !== null && _a !== void 0 ? _a : [],
+            recentlyUsedIds: recentEditors,
+            fallbackIds: studio_shared_1.preferredFallbackEditorIds,
+        });
+        codingAgent = (0, studio_shared_1.getPreferredApp)({
+            installedApps: discovery.installedCodingAgents,
+            configuredId: configuredCodingAgent,
+            runningIds: discovery.runningCodingAgents,
+            recentlyUsedIds: recentCodingAgents,
+            fallbackIds: discovery.installedCodingAgents.map(({ id }) => id),
+        });
+        printShortcuts();
+    };
+    const printShortcuts = () => {
+        var _a, _b;
+        if (cleanedUp) {
+            return;
+        }
+        const shortcuts = [
+            '[s] Open Studio',
+            ...(codingAgent ? [`[a] Open agent (${codingAgent.name})`] : []),
+            ...(editor
+                ? [
+                    `[e] Open editor (${editor.name === 'Code' ? 'VS Code' : editor.name})`,
+                ]
+                : []),
+        ];
+        const assignment = JSON.stringify([
+            (_a = editor === null || editor === void 0 ? void 0 : editor.id) !== null && _a !== void 0 ? _a : null,
+            (_b = codingAgent === null || codingAgent === void 0 ? void 0 : codingAgent.id) !== null && _b !== void 0 ? _b : null,
+            shortcuts,
+            (editor === null || editor === void 0 ? void 0 : editor.id) === 'custom' ? getDefaultEditor() : null,
+        ]);
+        if (assignment === lastPrintedAssignment) {
+            return;
+        }
+        lastPrintedAssignment = assignment;
+        renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, renderer_1.RenderInternals.chalk.gray(shortcuts.join('  ')));
+    };
+    const onPreferencesChange = () => {
+        if (cleanedUp) {
+            return;
+        }
+        refreshShortcuts().catch((err) => {
+            renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel }, 'Could not refresh Studio shortcuts:', err);
+            printShortcuts();
+        });
+    };
+    const unsubscribeHistory = (0, recently_used_apps_1.subscribeToRecentlyUsedApps)({
+        remotionRoot,
+        onChange: onPreferencesChange,
+    });
+    const unsubscribeConfig = (0, live_events_1.subscribeToConfigChanges)(onPreferencesChange);
+    const openApp = async (key) => {
+        if (openingApps.has(key) || cleanedUp) {
+            return;
+        }
+        openingApps.add(key);
+        try {
+            const response = key === 'a' && codingAgent
+                ? await (0, open_in_app_1.openInCodingAgent)({
+                    input: { codingAgentId: codingAgent.id, prompt: null },
+                    remotionRoot,
+                    logLevel,
+                })
+                : key === 'e' && editor
+                    ? await (0, open_in_app_1.openInEditor)({
+                        input: {
+                            editorId: editor.id,
+                            stack: {
+                                originalFileName: remotionRoot,
+                                originalLineNumber: 1,
+                                originalColumnNumber: 1,
+                                originalFunctionName: null,
+                                originalScriptCode: null,
+                            },
+                        },
+                        remotionRoot,
+                        logLevel,
+                        getDefaultEditor,
+                    })
+                    : null;
+            if (response && !response.success) {
+                renderer_1.RenderInternals.Log.error({ indent: false, logLevel }, `Could not open ${key === 'a' ? codingAgent === null || codingAgent === void 0 ? void 0 : codingAgent.name : editor === null || editor === void 0 ? void 0 : editor.name}`);
+            }
+        }
+        catch (err) {
+            renderer_1.RenderInternals.Log.error({ indent: false, logLevel }, key === 'a' ? 'Could not open coding agent:' : 'Could not open editor:', err);
+        }
+        finally {
+            openingApps.delete(key);
+        }
+    };
+    const cleanup = () => {
+        if (cleanedUp) {
+            return;
+        }
+        cleanedUp = true;
+        unsubscribeHistory();
+        unsubscribeConfig();
+        process.stdin.removeListener('keypress', onKeypress);
+        process.removeListener('SIGINT', cleanup);
+        process.removeListener('exit', cleanup);
+        if (!wasRaw && process.stdin.isTTY) {
+            process.stdin.setRawMode(false);
+        }
+        if (shouldPauseAfterCleanup) {
+            process.stdin.pause();
+        }
+    };
+    const openStudio = async () => {
+        if (isOpeningBrowser) {
+            return;
+        }
+        isOpeningBrowser = true;
+        (0, live_events_1.clearPrintPortMessageTimeout)();
+        try {
+            const didFocus = await (0, better_opn_1.focusBrowserTabByOrigin)({
+                url,
+                browserArgs,
+                browserFlag,
+            });
+            if (didFocus) {
+                renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, renderer_1.RenderInternals.chalk.blue(`Opened ${url} in browser`));
+                return;
+            }
+            const result = await (0, maybe_open_browser_1.maybeOpenBrowser)({
+                browserArgs,
+                browserFlag,
+                shouldOpenBrowser: true,
+                url,
+                logLevel,
+            });
+            if (result.didOpenBrowser) {
+                renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, renderer_1.RenderInternals.chalk.blue(`Opened ${url} in browser`));
+            }
+        }
+        catch (err) {
+            renderer_1.RenderInternals.Log.error({ indent: false, logLevel }, 'Could not open browser:', err);
+        }
+        finally {
+            isOpeningBrowser = false;
+        }
+    };
+    function onKeypress(_str, key) {
+        if ((key === null || key === void 0 ? void 0 : key.ctrl) && key.name === 'c') {
+            cleanup();
+            process.kill(process.pid, 'SIGINT');
+            return;
+        }
+        if ((key === null || key === void 0 ? void 0 : key.meta) || (key === null || key === void 0 ? void 0 : key.ctrl)) {
+            return;
+        }
+        if ((key === null || key === void 0 ? void 0 : key.name) === 's') {
+            openStudio().catch(() => undefined);
+        }
+        else if ((key === null || key === void 0 ? void 0 : key.name) === 'a' || (key === null || key === void 0 ? void 0 : key.name) === 'e') {
+            openApp(key.name).catch(() => undefined);
+        }
+    }
+    readline.emitKeypressEvents(process.stdin);
+    process.stdin.setRawMode(true);
+    process.stdin.resume();
+    process.stdin.on('keypress', onKeypress);
+    process.once('SIGINT', cleanup);
+    process.once('exit', cleanup);
+    // Discovery may finish after other startup logs; never await it here.
+    onPreferencesChange();
+    return { registered: true, cleanup };
+};
+exports.registerStudioShortcuts = registerStudioShortcuts;