@remotion/studio 4.0.491 → 4.0.493

package/dist/esm/renderEntry.mjs

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

package/dist/helpers/calculate-timeline.d.ts

@@ -1,6 +1,7 @@
 import type { OverrideIdToNodePaths, TSequence } from 'remotion';
 import type { TrackWithHash } from './get-timeline-sequence-sort-key';
-export declare const calculateTimeline: ({ sequences, overrideIdsToNodePaths, }: {
+export declare const calculateTimeline: ({ sequences, overrideIdsToNodePaths, compositions, }: {
     sequences: TSequence[];
     overrideIdsToNodePaths: OverrideIdToNodePaths;
+    compositions?: readonly import("remotion").AnyComposition[] | undefined;
 }) => TrackWithHash[];

package/dist/helpers/calculate-timeline.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.calculateTimeline = void 0;
 const studio_shared_1 = require("@remotion/studio-shared");
+const get_connected_compositions_1 = require("./get-connected-compositions");
 const get_sequence_visible_range_1 = require("./get-sequence-visible-range");
 const get_timeline_nestedness_1 = require("./get-timeline-nestedness");
 const get_timeline_sequence_hash_1 = require("./get-timeline-sequence-hash");
@@ -20,19 +21,42 @@ const getInheritedLoopDisplay = (sequence, sequences) => {
     }
     return getInheritedLoopDisplay(parent, sequences);
 };
-const calculateTimeline = ({ sequences, overrideIdsToNodePaths, }) => {
+const calculateTimeline = ({ sequences, overrideIdsToNodePaths, compositions = [], }) => {
     var _a, _b;
-    var _c;
+    var _c, _d;
     const sortedSequences = (0, sort_by_nonce_history_1.sortItemsByNonceHistory)(sequences);
     const tracks = [];
     if (sortedSequences.length === 0) {
         return [];
     }
+    const connectedCompositionsBySequenceId = new Map();
+    for (const sequence of sortedSequences) {
+        const connectedCompositions = (0, get_connected_compositions_1.getConnectedCompositions)({
+            compositions,
+            singleChildComponent: sequence.singleChildComponent,
+        });
+        if (connectedCompositions.length > 0) {
+            connectedCompositionsBySequenceId.set(sequence.id, connectedCompositions);
+        }
+    }
+    const sequencesById = new Map(sortedSequences.map((sequence) => [sequence.id, sequence]));
+    const timelineSequences = sortedSequences.filter((sequence) => {
+        var _a;
+        var _b;
+        let parentId = sequence.parent;
+        while (parentId !== null) {
+            if (connectedCompositionsBySequenceId.has(parentId)) {
+                return false;
+            }
+            parentId = (_b = (_a = sequencesById.get(parentId)) === null || _a === void 0 ? void 0 : _a.parent) !== null && _b !== void 0 ? _b : null;
+        }
+        return true;
+    });
     const sameHashes = {};
     const hashesUsedInRoot = {};
     const cache = {};
-    for (let i = 0; i < sortedSequences.length; i++) {
-        const sequence = sortedSequences[i];
+    for (let i = 0; i < timelineSequences.length; i++) {
+        const sequence = timelineSequences[i];
         if (!hashesUsedInRoot[sequence.rootId]) {
             hashesUsedInRoot[sequence.rootId] = [];
         }
@@ -51,7 +75,9 @@ const calculateTimeline = ({ sequences, overrideIdsToNodePaths, }) => {
         const overrideId = (_c = (_a = sequence.controls) === null || _a === void 0 ? void 0 : _a.overrideId) !== null && _c !== void 0 ? _c : null;
         const nodePath = overrideId ? overrideIdsToNodePaths[overrideId] : null;
         const hasKeyframeRows = sequence.controls !== null || sequence.effects.length > 0;
+        const connectedCompositions = (_d = connectedCompositionsBySequenceId.get(sequence.id)) !== null && _d !== void 0 ? _d : [];
         tracks.push({
+            ...(connectedCompositions.length > 0 ? { connectedCompositions } : {}),
             sequence: {
                 ...sequence,
                 from: visibleStart,
@@ -81,10 +107,15 @@ const calculateTimeline = ({ sequences, overrideIdsToNodePaths, }) => {
     }
     const uniqueTracks = [];
     for (const track of tracks) {
-        if (!uniqueTracks.find((t) => t.hash === track.hash)) {
+        const existingTrack = uniqueTracks.find((t) => t.hash === track.hash);
+        if (!existingTrack) {
             const { cascadedDuration, cascadedStart, ...cleanTrack } = track;
             uniqueTracks.push(cleanTrack);
         }
+        else if (existingTrack.connectedCompositions === undefined &&
+            track.connectedCompositions !== undefined) {
+            existingTrack.connectedCompositions = track.connectedCompositions;
+        }
     }
     const nonceRanks = new Map();
     for (let i = 0; i < tracks.length; i++) {

package/dist/helpers/get-connected-compositions.d.ts

@@ -0,0 +1,6 @@
+export declare const getConnectedCompositions: <Composition extends {
+    readonly componentFromProps?: unknown;
+}>({ compositions, singleChildComponent, }: {
+    readonly compositions: readonly Composition[];
+    readonly singleChildComponent: unknown;
+}) => Composition[];

package/dist/helpers/get-connected-compositions.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getConnectedCompositions = void 0;
+const getConnectedCompositions = ({ compositions, singleChildComponent, }) => {
+    if (singleChildComponent === null ||
+        typeof singleChildComponent === 'undefined') {
+        return [];
+    }
+    return compositions.filter((composition) => composition.componentFromProps === singleChildComponent);
+};
+exports.getConnectedCompositions = getConnectedCompositions;

package/dist/helpers/get-file-manager-name.d.ts

@@ -0,0 +1 @@
+export declare const getFileManagerName: (platform: string | null) => string;

package/dist/helpers/get-file-manager-name.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFileManagerName = void 0;
+const getFileManagerName = (platform) => {
+    if (platform === 'darwin') {
+        return 'Finder';
+    }
+    if (platform === 'win32') {
+        return 'File Explorer';
+    }
+    return 'File Manager';
+};
+exports.getFileManagerName = getFileManagerName;

package/dist/helpers/get-sequence-double-click-action.d.ts

@@ -0,0 +1,6 @@
+export type SequenceDoubleClickAction = 'open-connected-composition' | 'open-in-editor';
+export declare const getSequenceDoubleClickAction: ({ button, canOpenInEditor, numberOfConnectedCompositions, }: {
+    readonly button: number;
+    readonly canOpenInEditor: boolean;
+    readonly numberOfConnectedCompositions: number;
+}) => SequenceDoubleClickAction | null;

package/dist/helpers/get-sequence-double-click-action.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSequenceDoubleClickAction = void 0;
+const getSequenceDoubleClickAction = ({ button, canOpenInEditor, numberOfConnectedCompositions, }) => {
+    if (button !== 0) {
+        return null;
+    }
+    if (numberOfConnectedCompositions === 1) {
+        return 'open-connected-composition';
+    }
+    return canOpenInEditor ? 'open-in-editor' : null;
+};
+exports.getSequenceDoubleClickAction = getSequenceDoubleClickAction;

package/dist/helpers/get-timeline-sequence-sort-key.d.ts

@@ -1,4 +1,4 @@
-import type { SequencePropsSubscriptionKey, TSequence } from 'remotion';
+import type { _InternalTypes, SequencePropsSubscriptionKey, TSequence } from 'remotion';
 export type SequenceNodePathInfo = {
     sequenceSubscriptionKey: SequencePropsSubscriptionKey;
     auxiliaryKeys: string[];
@@ -8,6 +8,7 @@ export type SequenceNodePathInfo = {
 };
 type Track = {
     sequence: TSequence;
+    connectedCompositions?: readonly _InternalTypes['AnyComposition'][];
     depth: number;
     nodePathInfo: SequenceNodePathInfo | null;
     keyframeDisplayOffset: number;

package/dist/helpers/timeline-layout.d.ts

@@ -31,13 +31,14 @@ export type TimelineTreeNode = {
     readonly label: string;
     readonly field: AnySchemaFieldInfo | null;
 };
-export declare const buildTimelineTree: ({ sequence, nodePathInfo, getDragOverrides, getEffectDragOverrides, propStatuses, includeTextContent, }: {
+export declare const buildTimelineTree: ({ sequence, nodePathInfo, getDragOverrides, getEffectDragOverrides, propStatuses, includeTextContent, includeSourceControls, }: {
     sequence: TSequence;
     nodePathInfo: SequenceNodePathInfo;
     getDragOverrides: GetDragOverrides;
     getEffectDragOverrides: GetEffectDragOverrides;
     propStatuses: PropStatuses;
     includeTextContent: boolean;
+    includeSourceControls: boolean;
 }) => TimelineTreeNode[];
 export type FlatTreeRow = {
     readonly node: TimelineTreeNode;

package/dist/helpers/timeline-layout.js

@@ -14,7 +14,7 @@ exports.TIMELINE_ITEM_BORDER_BOTTOM = 1;
 exports.TIMELINE_TRACK_EXPANDED_HEIGHT = 100;
 exports.TREE_GROUP_ROW_HEIGHT = 22;
 exports.EXPANDED_SECTION_PADDING_RIGHT = 10;
-const buildTimelineTree = ({ sequence, nodePathInfo, getDragOverrides, getEffectDragOverrides, propStatuses, includeTextContent, }) => {
+const buildTimelineTree = ({ sequence, nodePathInfo, getDragOverrides, getEffectDragOverrides, propStatuses, includeTextContent, includeSourceControls, }) => {
     var _a;
     const roots = [];
     const { sequenceSubscriptionKey, index, auxiliaryKeys, supportsEffects } = nodePathInfo;
@@ -28,6 +28,9 @@ const buildTimelineTree = ({ sequence, nodePathInfo, getDragOverrides, getEffect
     });
     if (controlFields && controlFields.length > 0) {
         for (const f of controlFields) {
+            if (!includeSourceControls && f.key === 'src') {
+                continue;
+            }
             roots.push({
                 kind: 'field',
                 nodePathInfo: {
@@ -136,6 +139,7 @@ const getExpandedTrackHeight = ({ sequence, nodePathInfo, getIsExpanded, propSta
         getEffectDragOverrides: () => ({}),
         propStatuses,
         includeTextContent: false,
+        includeSourceControls: false,
     });
     const flat = (0, exports.flattenVisibleTreeNodes)({ nodes: tree, getIsExpanded });
     if (flat.length === 0) {

package/dist/helpers/url-state.d.ts

@@ -1,3 +1,4 @@
+export declare const getUrlForRoute: (route: string) => string;
 export declare const pushUrl: (url: string) => void;
 export declare const clearUrl: () => void;
 export declare const reloadUrl: () => void;

package/dist/helpers/url-state.js

@@ -1,19 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getRoute = exports.reloadUrl = exports.clearUrl = exports.pushUrl = void 0;
+exports.getRoute = exports.reloadUrl = exports.clearUrl = exports.pushUrl = exports.getUrlForRoute = void 0;
 const getUrlHandlingType = () => {
     if (window.remotion_isReadOnlyStudio) {
         return 'query-string';
     }
     return 'spa';
 };
-const pushUrl = (url) => {
+const getUrlForRoute = (route) => {
     if (getUrlHandlingType() === 'query-string') {
-        window.history.pushState({}, 'Studio', `${window.location.pathname}?${url}`);
-    }
-    else {
-        window.history.pushState({}, 'Studio', url);
+        return `${window.location.pathname}?${route}`;
     }
+    return route;
+};
+exports.getUrlForRoute = getUrlForRoute;
+const pushUrl = (url) => {
+    window.history.pushState({}, 'Studio', (0, exports.getUrlForRoute)(url));
 };
 exports.pushUrl = pushUrl;
 const clearUrl = () => {

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

@@ -27,6 +27,7 @@ const sidebar_1 = require("../state/sidebar");
 const check_fullscreen_support_1 = require("./check-fullscreen-support");
 const client_id_1 = require("./client-id");
 const colors_1 = require("./colors");
+const get_file_manager_name_1 = require("./get-file-manager-name");
 const get_git_menu_item_1 = require("./get-git-menu-item");
 const mobile_layout_1 = require("./mobile-layout");
 const open_in_editor_1 = require("./open-in-editor");
@@ -41,6 +42,7 @@ const rotate = {
 };
 const ICON_SIZE = 16;
 const getFileMenu = ({ readOnlyStudio, closeMenu, previewServerState, setSelectedModal, }) => {
+    const fileManagerName = (0, get_file_manager_name_1.getFileManagerName)(window.remotion_fileSystemPlatform);
     const items = [
         readOnlyStudio
             ? null
@@ -165,7 +167,7 @@ const getFileMenu = ({ readOnlyStudio, closeMenu, previewServerState, setSelecte
             ? {
                 id: 'open-project-in-explorer',
                 value: 'open-project-in-explorer',
-                label: 'Open in Explorer',
+                label: `Open in ${fileManagerName}`,
                 onClick: () => {
                     closeMenu();
                     (0, actions_1.openInFileExplorer)({ directory: window.remotion_cwd }).catch((err) => {
@@ -176,7 +178,7 @@ const getFileMenu = ({ readOnlyStudio, closeMenu, previewServerState, setSelecte
                 keyHint: null,
                 leftItem: null,
                 subMenu: null,
-                quickSwitcherLabel: 'Open project in Explorer',
+                quickSwitcherLabel: `Open project in ${fileManagerName}`,
                 disabled: previewServerState !== 'connected',
             }
             : null,

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio"
 	},
 	"name": "@remotion/studio",
-	"version": "4.0.491",
+	"version": "4.0.493",
 	"description": "APIs for interacting with the Remotion Studio",
 	"main": "dist",
 	"scripts": {
@@ -25,15 +25,15 @@
 	},
 	"dependencies": {
 		"semver": "7.5.3",
-		"remotion": "4.0.491",
-		"@remotion/canvas-capture": "4.0.491",
-		"@remotion/player": "4.0.491",
-		"@remotion/media-utils": "4.0.491",
-		"@remotion/renderer": "4.0.491",
-		"@remotion/web-renderer": "4.0.491",
-		"@remotion/studio-shared": "4.0.491",
-		"@remotion/timeline-utils": "4.0.491",
-		"@remotion/zod-types": "4.0.491",
+		"remotion": "4.0.493",
+		"@remotion/canvas-capture": "4.0.493",
+		"@remotion/player": "4.0.493",
+		"@remotion/media-utils": "4.0.493",
+		"@remotion/renderer": "4.0.493",
+		"@remotion/web-renderer": "4.0.493",
+		"@remotion/studio-shared": "4.0.493",
+		"@remotion/timeline-utils": "4.0.493",
+		"@remotion/zod-types": "4.0.493",
 		"@jridgewell/trace-mapping": "0.3.31",
 		"mediabunny": "1.50.8",
 		"memfs": "3.4.3",
@@ -44,7 +44,7 @@
 		"react": "19.2.3",
 		"react-dom": "19.2.3",
 		"@types/semver": "7.5.3",
-		"@remotion/eslint-config-internal": "4.0.491",
+		"@remotion/eslint-config-internal": "4.0.493",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},