@remotion/studio 4.0.511 → 4.0.513

package/dist/esm/renderEntry.mjs

@@ -214,7 +214,7 @@ var renderContent = (Root) => {
     renderToDOM(/* @__PURE__ */ jsx("div", {
       children: /* @__PURE__ */ jsx(DelayedSpinner, {})
     }));
-    import("./chunk-s8gwjng0.js").then(({ StudioInternals }) => {
+    import("./chunk-tv7r0jy3.js").then(({ StudioInternals }) => {
       window.remotion_isStudio = true;
       window.remotion_isReadOnlyStudio = true;
       window.remotion_inputProps = "{}";

package/dist/helpers/open-in-editor.d.ts

@@ -1,12 +1,13 @@
 import type { TerminalId } from '@remotion/studio-shared';
 import type { CompositionComponentInfoResponse, EditorPickerId, OpenInTerminalResponse, SymbolicatedStackFrame } from '@remotion/studio-shared';
 import type { CodePosition, OriginalPosition } from '../error-overlay/react-overlay/utils/get-source-map';
-export declare const openInEditor: (stack: SymbolicatedStackFrame, editorId: EditorPickerId | null) => Promise<import("@remotion/studio-shared").OpenInEditorResponse>;
+export declare const openInEditor: (stack: SymbolicatedStackFrame, editorId: EditorPickerId) => Promise<import("@remotion/studio-shared").OpenInEditorResponse>;
 export declare const openInCodingAgent: (codingAgentId: "claude-code" | "codex" | "copilot" | "cursor", prompt: string | null) => Promise<import("@remotion/studio-shared").OpenInCodingAgentResponse>;
 export declare const openInTerminal: (terminalId: TerminalId, directory: string) => Promise<OpenInTerminalResponse>;
 export declare const openInGitClient: (gitClientId: "github-desktop") => Promise<import("@remotion/studio-shared").OpenInGitClientResponse>;
-export declare const openOriginalPositionInEditor: (originalPosition: OriginalPosition, editorId: EditorPickerId | null) => Promise<void>;
-export declare const openOriginalPositionInEditorAtProperty: ({ originalPosition, property, }: {
+export declare const openOriginalPositionInEditor: (originalPosition: OriginalPosition, editorId: EditorPickerId) => Promise<void>;
+export declare const openOriginalPositionInEditorAtProperty: ({ editorId, originalPosition, property, }: {
+    editorId: EditorPickerId;
     originalPosition: CodePosition;
     property: string;
 }) => Promise<void>;
@@ -31,8 +32,9 @@ export declare const preloadCompositionComponentInfo: ({ compositionFile, compos
     compositionFile: string;
     compositionId: string;
 }) => void;
-export declare const openCompositionComponentInEditor: ({ compositionFile, compositionId, }: {
+export declare const openCompositionComponentInEditor: ({ compositionFile, compositionId, editorId, }: {
     compositionFile: string;
     compositionId: string;
+    editorId: EditorPickerId;
 }) => Promise<void>;
 export {};

package/dist/helpers/open-in-editor.js

@@ -43,7 +43,7 @@ const openOriginalPositionInEditor = async (originalPosition, editorId) => {
     }
 };
 exports.openOriginalPositionInEditor = openOriginalPositionInEditor;
-const openOriginalPositionInEditorAtProperty = async ({ originalPosition, property, }) => {
+const openOriginalPositionInEditorAtProperty = async ({ editorId, originalPosition, property, }) => {
     const request = {
         fileName: originalPosition.source,
         lineNumber: originalPosition.line,
@@ -58,7 +58,7 @@ const openOriginalPositionInEditorAtProperty = async ({ originalPosition, proper
         source: originalPosition.source,
         line: position.lineNumber,
         column: position.columnNumber,
-    }, null);
+    }, editorId);
 };
 exports.openOriginalPositionInEditorAtProperty = openOriginalPositionInEditorAtProperty;
 const componentResolutionCache = new Map();
@@ -153,11 +153,11 @@ const preloadCompositionComponentInfo = ({ compositionFile, compositionId, }) =>
     }).catch(() => undefined);
 };
 exports.preloadCompositionComponentInfo = preloadCompositionComponentInfo;
-const openCompositionComponentInEditor = async ({ compositionFile, compositionId, }) => {
+const openCompositionComponentInEditor = async ({ compositionFile, compositionId, editorId, }) => {
     const info = await (0, exports.loadCompositionComponentInfo)({
         compositionFile,
         compositionId,
     });
-    await (0, exports.openOriginalPositionInEditor)(info.location, null);
+    await (0, exports.openOriginalPositionInEditor)(info.location, editorId);
 };
 exports.openCompositionComponentInEditor = openCompositionComponentInEditor;

package/dist/helpers/use-menu-structure.js

@@ -14,6 +14,7 @@ const actions_1 = require("../components/RenderQueue/actions");
 const SizeSelector_1 = require("../components/SizeSelector");
 const use_resolved_stack_1 = require("../components/Timeline/use-resolved-stack");
 const TimelineInOutToggle_1 = require("../components/TimelineInOutToggle");
+const use_default_editor_info_1 = require("../components/use-default-editor-info");
 const ShortcutHint_1 = require("../error-overlay/remotion-overlay/ShortcutHint");
 const Checkmark_1 = require("../icons/Checkmark");
 const canvas_ref_1 = require("../state/canvas-ref");
@@ -43,7 +44,7 @@ const inheritColor = {
     color: 'inherit',
 };
 const ICON_SIZE = 14;
-const getFileMenu = ({ readOnlyStudio, closeMenu, editorName, previewServerState, setSelectedModal, }) => {
+const getFileMenu = ({ readOnlyStudio, closeMenu, editorName, editorId, previewServerState, setSelectedModal, }) => {
     const fileManagerName = (0, get_file_manager_name_1.getFileManagerName)(window.remotion_fileSystemPlatform);
     const browserStudioOperations = (0, browser_studio_operations_1.getBrowserStudioOperations)();
     const downloadProject = browserStudioOperations === null || browserStudioOperations === void 0 ? void 0 : browserStudioOperations.downloadProject;
@@ -145,7 +146,7 @@ const getFileMenu = ({ readOnlyStudio, closeMenu, editorName, previewServerState
                 id: 'open-project-divider',
             }
             : null,
-        editorName && !readOnlyStudio
+        editorName && editorId && !readOnlyStudio
             ? {
                 id: 'open-in-editor',
                 value: 'open-in-editor',
@@ -157,7 +158,7 @@ const getFileMenu = ({ readOnlyStudio, closeMenu, editorName, previewServerState
                         originalColumnNumber: 1,
                         originalFunctionName: null,
                         originalScriptCode: null,
-                    }, null)
+                    }, editorId)
                         .then(({ success }) => {
                         if (!success) {
                             (0, NotificationCenter_1.showNotification)(`Could not open ${editorName}`, 2000);
@@ -264,7 +265,7 @@ const useMenuStructure = (closeMenu, readOnlyStudio) => {
     const { size, setSize } = (0, react_1.useContext)(remotion_1.Internals.PreviewSizeContext);
     const { canvasContent, compositions } = (0, react_1.useContext)(remotion_1.Internals.CompositionManager);
     const { type } = (0, react_1.useContext)(client_id_1.StudioServerConnectionCtx).previewServerState;
-    const editorName = window.remotion_editorName;
+    const { defaultEditorId, defaultEditorName } = (0, use_default_editor_info_1.useEditorOpening)(type === 'connected');
     const keyboardShortcutsDisabled = (0, use_keybinding_1.areKeyboardShortcutsDisabled)();
     const studioAskAIEnabled = (0, studio_runtime_config_1.getStudioAskAIEnabled)();
     const canConfigureDefaultEditor = !readOnlyStudio &&
@@ -389,7 +390,8 @@ const useMenuStructure = (closeMenu, readOnlyStudio) => {
             getFileMenu({
                 readOnlyStudio,
                 closeMenu,
-                editorName,
+                editorId: defaultEditorId,
+                editorName: defaultEditorName,
                 previewServerState: type,
                 setSelectedModal,
             }),
@@ -751,6 +753,8 @@ const useMenuStructure = (closeMenu, readOnlyStudio) => {
                         closeMenu,
                         composition: currentComposition,
                         connectionStatus: type,
+                        editorId: defaultEditorId,
+                        editorName: defaultEditorName,
                         includeCompositionManagementItems: true,
                         resolvedLocation: resolvedCompositionLocation,
                         setSelectedModal,
@@ -1013,7 +1017,8 @@ const useMenuStructure = (closeMenu, readOnlyStudio) => {
         isFullscreenSupported,
         remotion_packageManager,
         mobileLayout,
-        editorName,
+        defaultEditorId,
+        defaultEditorName,
         keyboardShortcutsDisabled,
         studioAskAIEnabled,
         size.size,

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio"
 	},
 	"name": "@remotion/studio",
-	"version": "4.0.511",
+	"version": "4.0.513",
 	"description": "APIs for interacting with the Remotion Studio",
 	"main": "dist",
 	"scripts": {
@@ -24,17 +24,17 @@
 		"react-dom": ">=16.8.0"
 	},
 	"dependencies": {
-		"@remotion/studio-protocol": "4.0.511",
+		"@remotion/studio-protocol": "4.0.513",
 		"semver": "7.5.3",
-		"remotion": "4.0.511",
-		"@remotion/captions": "4.0.511",
-		"@remotion/player": "4.0.511",
-		"@remotion/media-utils": "4.0.511",
-		"@remotion/renderer": "4.0.511",
-		"@remotion/web-renderer": "4.0.511",
-		"@remotion/studio-shared": "4.0.511",
-		"@remotion/timeline-utils": "4.0.511",
-		"@remotion/zod-types": "4.0.511",
+		"remotion": "4.0.513",
+		"@remotion/captions": "4.0.513",
+		"@remotion/player": "4.0.513",
+		"@remotion/media-utils": "4.0.513",
+		"@remotion/renderer": "4.0.513",
+		"@remotion/web-renderer": "4.0.513",
+		"@remotion/studio-shared": "4.0.513",
+		"@remotion/timeline-utils": "4.0.513",
+		"@remotion/zod-types": "4.0.513",
 		"@jridgewell/trace-mapping": "0.3.31",
 		"mediabunny": "1.50.8",
 		"memfs": "3.4.3",
@@ -45,7 +45,7 @@
 		"react": "19.2.3",
 		"react-dom": "19.2.3",
 		"@types/semver": "7.5.3",
-		"@remotion/eslint-config-internal": "4.0.511",
+		"@remotion/eslint-config-internal": "4.0.513",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},