@remotion/studio-server 4.0.507 → 4.0.508

package/dist/preview-server/routes/add-effect.js

@@ -41,9 +41,15 @@ const addEffectHandler = ({ input: { fileName, sequenceNodePath, effectName, eff
                 },
                 entryType: 'add-effect',
                 suppressHmrOnFileRestore: false,
+                nodePathRemappings: null,
             });
             (0, undo_stack_1.suppressUndoStackInvalidation)(absolutePath);
-            (0, file_watcher_1.writeFileAndNotifyFileWatchers)(absolutePath, output, clientId);
+            (0, file_watcher_1.writeFileAndNotifyFileWatchers)({
+                file: absolutePath,
+                content: output,
+                originatorClientId: clientId,
+                metadata: null,
+            });
             const locationLabel = (0, format_log_file_location_1.formatLogFileLocation)({
                 remotionRoot,
                 absolutePath,

package/dist/preview-server/routes/add-keyframes.js

@@ -164,7 +164,10 @@ const addKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, remo
         throw new Error('No keyframes were specified for adding');
     }
     (0, undo_stack_1.pushTransactionToUndoStack)({
-        snapshots,
+        snapshots: snapshots.map((snapshot) => ({
+            ...snapshot,
+            nodePathRemappings: null,
+        })),
         logLevel,
         remotionRoot,
         description: getBatchDescription({ totalKeyframes, firstKeyframe }),
@@ -180,7 +183,12 @@ const addKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, remo
     for (const snapshot of snapshots) {
         (0, undo_stack_1.suppressUndoStackInvalidation)(snapshot.filePath);
         (0, watch_ignore_next_change_1.suppressBundlerUpdateForFile)(snapshot.filePath);
-        (0, file_watcher_1.writeFileAndNotifyFileWatchers)(snapshot.filePath, snapshot.newContents, clientId);
+        (0, file_watcher_1.writeFileAndNotifyFileWatchers)({
+            file: snapshot.filePath,
+            content: snapshot.newContents,
+            originatorClientId: clientId,
+            metadata: null,
+        });
     }
     for (const log of sequenceLogs) {
         (0, log_update_1.logUpdate)({

package/dist/preview-server/routes/add-sequence-keyframe.js

@@ -54,10 +54,16 @@ const addSequenceKeyframeHandler = ({ input: { fileName, nodePath, key, frame, v
         },
         entryType: 'sequence-props',
         suppressHmrOnFileRestore: true,
+        nodePathRemappings: null,
     });
     (0, undo_stack_1.suppressUndoStackInvalidation)(absolutePath);
     (0, watch_ignore_next_change_1.suppressBundlerUpdateForFile)(absolutePath);
-    (0, file_watcher_1.writeFileAndNotifyFileWatchers)(absolutePath, output, clientId);
+    (0, file_watcher_1.writeFileAndNotifyFileWatchers)({
+        file: absolutePath,
+        content: output,
+        originatorClientId: clientId,
+        metadata: null,
+    });
     (0, log_update_1.logUpdate)({
         fileRelativeToRoot,
         line: logLine,

package/dist/preview-server/routes/app-icon.d.ts

@@ -0,0 +1,6 @@
+import type { IncomingMessage, ServerResponse } from 'node:http';
+export declare const handleAppIcon: ({ request, response, pathname, }: {
+    request: IncomingMessage;
+    response: ServerResponse<IncomingMessage>;
+    pathname: string;
+}) => Promise<void>;

package/dist/preview-server/routes/app-icon.js

@@ -0,0 +1,66 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleAppIcon = void 0;
+const node_buffer_1 = require("node:buffer");
+const node_fs_1 = require("node:fs");
+const node_path_1 = __importDefault(require("node:path"));
+const renderer_1 = require("@remotion/renderer");
+const finder_artwork_1 = require("../../helpers/finder-artwork");
+const terminal_artwork_1 = require("../../helpers/terminal-artwork");
+const validate_same_origin_1 = require("../validate-same-origin");
+const respondWithNotFound = (response) => {
+    response.writeHead(404);
+    response.end('App icon not found.');
+};
+const handleAppIcon = ({ request, response, pathname, }) => {
+    if (request.method !== 'GET') {
+        response.writeHead(405, { Allow: 'GET' });
+        response.end('Method not allowed.');
+        return Promise.resolve();
+    }
+    (0, validate_same_origin_1.validateSameOrigin)(request);
+    const match = /^\/api\/app-icon\/(coding-agent|file-manager|terminal)\/([a-z0-9-]+)\.png$/.exec(pathname);
+    if (!match) {
+        respondWithNotFound(response);
+        return Promise.resolve();
+    }
+    const [, kind, id] = match;
+    if (kind === 'coding-agent') {
+        if (!renderer_1.defaultCodingAgentIds.includes(id)) {
+            respondWithNotFound(response);
+            return Promise.resolve();
+        }
+        const filePath = node_path_1.default.join(__dirname, '..', '..', '..', 'web', 'coding-agent-icons', `${id}.png`);
+        const stat = (0, node_fs_1.statSync)(filePath);
+        response.writeHead(200, {
+            'Cache-Control': 'public, max-age=3600',
+            'Content-Length': stat.size,
+            'Content-Type': 'image/png',
+        });
+        (0, node_fs_1.createReadStream)(filePath).pipe(response);
+        return Promise.resolve();
+    }
+    const dataUrl = kind === 'file-manager'
+        ? id === 'finder'
+            ? finder_artwork_1.finderArtworkDataUrl
+            : null
+        : Object.hasOwn(terminal_artwork_1.terminalArtworkDataUrls, id)
+            ? terminal_artwork_1.terminalArtworkDataUrls[id]
+            : null;
+    if (dataUrl === null) {
+        respondWithNotFound(response);
+        return Promise.resolve();
+    }
+    const image = node_buffer_1.Buffer.from(dataUrl.slice(dataUrl.indexOf(',') + 1), 'base64');
+    response.writeHead(200, {
+        'Cache-Control': 'public, max-age=3600',
+        'Content-Length': image.length,
+        'Content-Type': 'image/png',
+    });
+    response.end(image);
+    return Promise.resolve();
+};
+exports.handleAppIcon = handleAppIcon;

package/dist/preview-server/routes/apply-codemod.js

@@ -190,6 +190,7 @@ const applyCodemodHandler = ({ input: { codemod, dryRun, symbolicatedStack }, lo
                         oldContents: input,
                         newContents: null,
                         logLine,
+                        nodePathRemappings: null,
                     },
                 ];
                 let componentFilePath = null;
@@ -205,6 +206,7 @@ const applyCodemodHandler = ({ input: { codemod, dryRun, symbolicatedStack }, lo
                         oldContents: null,
                         newContents: componentFileContents,
                         logLine: 1,
+                        nodePathRemappings: null,
                     });
                     (0, undo_stack_1.pushTransactionToUndoStack)({
                         snapshots,
@@ -232,15 +234,26 @@ const applyCodemodHandler = ({ input: { codemod, dryRun, symbolicatedStack }, lo
                         },
                         entryType,
                         suppressHmrOnFileRestore: false,
+                        nodePathRemappings: null,
                     });
                 }
                 (0, undo_stack_1.suppressUndoStackInvalidation)(filePath);
                 if (componentFilePath) {
                     (0, undo_stack_1.suppressUndoStackInvalidation)(componentFilePath);
                 }
-                (0, file_watcher_1.writeFileAndNotifyFileWatchers)(filePath, formatted, undefined);
+                (0, file_watcher_1.writeFileAndNotifyFileWatchers)({
+                    file: filePath,
+                    content: formatted,
+                    originatorClientId: undefined,
+                    metadata: null,
+                });
                 if (componentFilePath && componentFileContents !== null) {
-                    (0, file_watcher_1.writeFileAndNotifyFileWatchers)(componentFilePath, componentFileContents, undefined);
+                    (0, file_watcher_1.writeFileAndNotifyFileWatchers)({
+                        file: componentFilePath,
+                        content: componentFileContents,
+                        originatorClientId: undefined,
+                        metadata: null,
+                    });
                 }
                 const logMessage = (0, exports.getCodemodLogMessage)(codemod);
                 const editMessage = `${renderer_1.RenderInternals.chalk.blueBright((0, format_log_file_location_1.formatLogFileLocation)({

package/dist/preview-server/routes/apply-visual-control-change.js

@@ -123,10 +123,16 @@ const applyVisualControlHandler = ({ input: { fileName, changes }, remotionRoot,
             },
             entryType: 'visual-control',
             suppressHmrOnFileRestore: true,
+            nodePathRemappings: null,
         });
         (0, undo_stack_1.suppressUndoStackInvalidation)(absolutePath);
         (0, watch_ignore_next_change_1.suppressBundlerUpdateForFile)(absolutePath);
-        (0, file_watcher_1.writeFileAndNotifyFileWatchers)(absolutePath, output, undefined);
+        (0, file_watcher_1.writeFileAndNotifyFileWatchers)({
+            file: absolutePath,
+            content: output,
+            originatorClientId: undefined,
+            metadata: null,
+        });
         (0, live_events_1.waitForLiveEventsListener)().then((listener) => {
             listener.sendEventToClient({
                 type: 'visual-control-values-changed',

package/dist/preview-server/routes/batch-update-keyframe-settings.js

@@ -134,7 +134,10 @@ const batchUpdateKeyframeSettings = async ({ sequenceKeyframes, effectKeyframes,
         });
     }
     (0, undo_stack_1.pushTransactionToUndoStack)({
-        snapshots,
+        snapshots: snapshots.map((snapshot) => ({
+            ...snapshot,
+            nodePathRemappings: null,
+        })),
         logLevel,
         remotionRoot,
         description: totalUpdates === 1
@@ -152,7 +155,12 @@ const batchUpdateKeyframeSettings = async ({ sequenceKeyframes, effectKeyframes,
     for (const snapshot of snapshots) {
         (0, undo_stack_1.suppressUndoStackInvalidation)(snapshot.filePath);
         (0, watch_ignore_next_change_1.suppressBundlerUpdateForFile)(snapshot.filePath);
-        (0, file_watcher_1.writeFileAndNotifyFileWatchers)(snapshot.filePath, snapshot.newContents, clientId);
+        (0, file_watcher_1.writeFileAndNotifyFileWatchers)({
+            file: snapshot.filePath,
+            content: snapshot.newContents,
+            originatorClientId: clientId,
+            metadata: null,
+        });
     }
     for (const log of sequenceLogs) {
         (0, log_update_1.logUpdate)({

package/dist/preview-server/routes/can-update-sequence-props.d.ts

@@ -8,6 +8,7 @@ type StaticValueOptions = {
 export declare const isStaticValue: (node: Expression, options?: StaticValueOptions) => boolean;
 export declare const extractStaticValue: (node: Expression, options?: StaticValueOptions) => unknown;
 export declare const getComputedStatus: (node: Expression, ast: File, videoConfigValues: VideoConfigIdentifierValues) => CanUpdateSequencePropStatus;
+export declare const getNodePathForRecastPath: (recastPath: any, ast: File) => SequenceNodePath;
 export declare const findJsxElementPathAtNodePath: (ast: File, nodePath: SequenceNodePath) => import("ast-types/lib/node-path").NodePath<N, V> | null;
 export declare const findJsxElementAtNodePath: (ast: File, nodePath: SequenceNodePath) => JSXOpeningElement | null;
 export declare const findJsxElementNodeAtNodePath: (ast: File, nodePath: SequenceNodePath) => JSXElement | null;

package/dist/preview-server/routes/can-update-sequence-props.js

@@ -33,7 +33,7 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.computeSequencePropsStatusFromFilenameByLocation = exports.computeSequencePropsStatus = exports.computeSequencePropsStatusFromContent = exports.lineColumnToNodePath = exports.findNodePathForJsxElement = exports.getStaticJsxTextContent = exports.hasJsxChildrenAttribute = exports.getStaticJsxChildrenAttribute = exports.findJsxElementNodeAtNodePath = exports.findJsxElementAtNodePath = exports.findJsxElementPathAtNodePath = exports.getComputedStatus = exports.extractStaticValue = exports.isStaticValue = void 0;
+exports.computeSequencePropsStatusFromFilenameByLocation = exports.computeSequencePropsStatus = exports.computeSequencePropsStatusFromContent = exports.lineColumnToNodePath = exports.findNodePathForJsxElement = exports.getStaticJsxTextContent = exports.hasJsxChildrenAttribute = exports.getStaticJsxChildrenAttribute = exports.findJsxElementNodeAtNodePath = exports.findJsxElementAtNodePath = exports.findJsxElementPathAtNodePath = exports.getNodePathForRecastPath = exports.getComputedStatus = exports.extractStaticValue = exports.isStaticValue = void 0;
 const node_fs_1 = require("node:fs");
 const renderer_1 = require("@remotion/renderer");
 const studio_shared_1 = require("@remotion/studio-shared");
@@ -550,6 +550,7 @@ recastPath, ast) => {
     }
     return (0, import_agnostic_node_path_1.toImportAgnosticNodePath)({ ast, nodePath: segments });
 };
+exports.getNodePathForRecastPath = getNodePathForRecastPath;
 const findJsxElementPathAtNodePath = (ast, nodePath) => {
     const current = (0, get_ast_node_path_1.getAstNodePath)(ast, nodePath);
     if (!current) {
@@ -637,7 +638,7 @@ const findNodePathForJsxElement = (ast, target) => {
     recast.types.visit(ast, {
         visitJSXOpeningElement(p) {
             if (p.node === target) {
-                foundPath = getNodePathForRecastPath(p, ast);
+                foundPath = (0, exports.getNodePathForRecastPath)(p, ast);
                 return false;
             }
             return this.traverse(p);
@@ -678,7 +679,7 @@ const lineColumnToNodePath = (ast, targetLine, targetColumn, fileContents) => {
         visitJSXOpeningElement(p) {
             const { node } = p;
             if (node.loc && node.loc.start.line === targetLine) {
-                const nodePath = getNodePathForRecastPath(p, ast);
+                const nodePath = (0, exports.getNodePathForRecastPath)(p, ast);
                 lineMatches.push(nodePath);
                 if (node.loc.start.column === recastTargetColumn) {
                     exactMatches.push(nodePath);
@@ -696,7 +697,7 @@ exports.lineColumnToNodePath = lineColumnToNodePath;
 const PIXEL_VALUE_REGEX = /^-?\d+(\.\d+)?px$/;
 const isSupportedTranslateValue = (value) => {
     const parts = value.split(/\s+/);
-    if (parts.length === 1 || parts.length === 2) {
+    if (parts.length >= 1 && parts.length <= 3) {
         return parts.every((part) => PIXEL_VALUE_REGEX.test(part));
     }
     return false;

package/dist/preview-server/routes/default-coding-agent.js

@@ -2,16 +2,18 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.openInCodingAgentHandler = exports.getDefaultCodingAgentInfoHandler = void 0;
 const coding_agent_registry_1 = require("../../helpers/coding-agent-registry");
+const terminal_registry_1 = require("../../helpers/terminal-registry");
 const getDefaultCodingAgentInfoHandler = async ({ getDefaultCodingAgent }) => {
     const installedCodingAgents = await (0, coding_agent_registry_1.getAvailableCodingAgents)();
+    const installedTerminals = await (0, terminal_registry_1.getAvailableTerminals)();
     return {
         defaultCodingAgent: getDefaultCodingAgent(),
-        installedCodingAgents: installedCodingAgents.map(({ iconDataUrl, id, name, nameWithType }) => ({
-            iconDataUrl,
+        installedCodingAgents: installedCodingAgents.map(({ id, name, nameWithType }) => ({
             id,
             name,
             nameWithType,
         })),
+        installedTerminals: installedTerminals.map(({ id, name }) => ({ id, name })),
     };
 };
 exports.getDefaultCodingAgentInfoHandler = getDefaultCodingAgentInfoHandler;

package/dist/preview-server/routes/delete-effect.js

@@ -76,9 +76,15 @@ const deleteEffectHandler = ({ input: effects, remotionRoot, logLevel }) => {
                     },
                     entryType: 'delete-effect',
                     suppressHmrOnFileRestore: false,
+                    nodePathRemappings: null,
                 });
                 (0, undo_stack_1.suppressUndoStackInvalidation)(update.absolutePath);
-                (0, file_watcher_1.writeFileAndNotifyFileWatchers)(update.absolutePath, update.output, undefined);
+                (0, file_watcher_1.writeFileAndNotifyFileWatchers)({
+                    file: update.absolutePath,
+                    content: update.output,
+                    originatorClientId: undefined,
+                    metadata: null,
+                });
                 const locationLabel = (0, format_log_file_location_1.formatLogFileLocation)({
                     remotionRoot,
                     absolutePath: update.absolutePath,

package/dist/preview-server/routes/delete-jsx-node.js

@@ -7,6 +7,7 @@ const delete_jsx_node_1 = require("../../codemods/delete-jsx-node");
 const file_watcher_1 = require("../../file-watcher");
 const resolve_file_inside_project_1 = require("../../helpers/resolve-file-inside-project");
 const format_log_file_location_1 = require("../format-log-file-location");
+const sequence_node_path_mutation_1 = require("../sequence-node-path-mutation");
 const undo_stack_1 = require("../undo-stack");
 const log_update_1 = require("./log-updates/log-update");
 const source_file_write_queue_1 = require("./source-file-write-queue");
@@ -37,7 +38,7 @@ const deleteJsxNodeHandler = ({ input: { nodes }, remotionRoot, logLevel }) => {
                     action: 'modify',
                 });
                 const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
-                const { output, formatted, nodeLabels, logLines } = await (0, delete_jsx_node_1.deleteJsxNodes)({
+                const { output, formatted, nodeLabels, logLines, nodePathRemappings } = await (0, delete_jsx_node_1.deleteJsxNodes)({
                     input: fileContents,
                     nodePaths: fileItems.map((item) => item.nodePath),
                 });
@@ -48,9 +49,15 @@ const deleteJsxNodeHandler = ({ input: { nodes }, remotionRoot, logLevel }) => {
                     output,
                     formatted,
                     nodeLabels,
+                    nodePathRemappings,
                     logLine: Math.min(...logLines),
                 };
             }));
+            const nodePathMutation = (0, sequence_node_path_mutation_1.broadcastSequenceNodePathMutation)(updates.map((update) => ({
+                absolutePath: update.absolutePath,
+                remappings: update.nodePathRemappings,
+                restoredNodePaths: [],
+            })));
             for (const update of updates) {
                 const deletedNodeDescription = getDeletedNodeDescription(update.nodeLabels);
                 (0, undo_stack_1.pushToUndoStack)({
@@ -66,9 +73,15 @@ const deleteJsxNodeHandler = ({ input: { nodes }, remotionRoot, logLevel }) => {
                     },
                     entryType: 'delete-jsx-node',
                     suppressHmrOnFileRestore: false,
+                    nodePathRemappings: update.nodePathRemappings,
                 });
                 (0, undo_stack_1.suppressUndoStackInvalidation)(update.absolutePath);
-                (0, file_watcher_1.writeFileAndNotifyFileWatchers)(update.absolutePath, update.output, undefined);
+                (0, file_watcher_1.writeFileAndNotifyFileWatchers)({
+                    file: update.absolutePath,
+                    content: update.output,
+                    originatorClientId: undefined,
+                    metadata: { skipSequencePropsUpdate: true },
+                });
                 const locationLabel = (0, format_log_file_location_1.formatLogFileLocation)({
                     remotionRoot,
                     absolutePath: update.absolutePath,
@@ -83,6 +96,7 @@ const deleteJsxNodeHandler = ({ input: { nodes }, remotionRoot, logLevel }) => {
             (0, undo_stack_1.printUndoHint)(logLevel);
             return {
                 success: true,
+                nodePathMutation,
             };
         }
         catch (err) {

package/dist/preview-server/routes/delete-keyframes.js

@@ -173,7 +173,10 @@ const deleteKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, r
         throw new Error('No keyframes were specified for deletion');
     }
     (0, undo_stack_1.pushTransactionToUndoStack)({
-        snapshots,
+        snapshots: snapshots.map((snapshot) => ({
+            ...snapshot,
+            nodePathRemappings: null,
+        })),
         logLevel,
         remotionRoot,
         description: getBatchDescription({ totalKeyframes, firstKeyframe }),
@@ -187,7 +190,12 @@ const deleteKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, r
     for (const snapshot of snapshots) {
         (0, undo_stack_1.suppressUndoStackInvalidation)(snapshot.filePath);
         (0, watch_ignore_next_change_1.suppressBundlerUpdateForFile)(snapshot.filePath);
-        (0, file_watcher_1.writeFileAndNotifyFileWatchers)(snapshot.filePath, snapshot.newContents, clientId);
+        (0, file_watcher_1.writeFileAndNotifyFileWatchers)({
+            file: snapshot.filePath,
+            content: snapshot.newContents,
+            originatorClientId: clientId,
+            metadata: null,
+        });
     }
     for (const log of sequenceLogs) {
         (0, log_update_1.logUpdate)({

package/dist/preview-server/routes/duplicate-effect.js

@@ -70,9 +70,15 @@ const duplicateEffectHandler = ({ input: effects, remotionRoot, logLevel }) => {
                     },
                     entryType: 'duplicate-effect',
                     suppressHmrOnFileRestore: false,
+                    nodePathRemappings: null,
                 });
                 (0, undo_stack_1.suppressUndoStackInvalidation)(update.absolutePath);
-                (0, file_watcher_1.writeFileAndNotifyFileWatchers)(update.absolutePath, update.output, undefined);
+                (0, file_watcher_1.writeFileAndNotifyFileWatchers)({
+                    file: update.absolutePath,
+                    content: update.output,
+                    originatorClientId: undefined,
+                    metadata: null,
+                });
                 const locationLabel = (0, format_log_file_location_1.formatLogFileLocation)({
                     remotionRoot,
                     absolutePath: update.absolutePath,

package/dist/preview-server/routes/duplicate-jsx-node.js

@@ -7,6 +7,7 @@ const duplicate_jsx_node_1 = require("../../codemods/duplicate-jsx-node");
 const file_watcher_1 = require("../../file-watcher");
 const resolve_file_inside_project_1 = require("../../helpers/resolve-file-inside-project");
 const format_log_file_location_1 = require("../format-log-file-location");
+const sequence_node_path_mutation_1 = require("../sequence-node-path-mutation");
 const undo_stack_1 = require("../undo-stack");
 const log_update_1 = require("./log-updates/log-update");
 const source_file_write_queue_1 = require("./source-file-write-queue");
@@ -20,10 +21,14 @@ const duplicateJsxNodeHandler = ({ input: { fileName, nodePath }, remotionRoot,
                 action: 'modify',
             });
             const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
-            const { output, formatted, nodeLabel, logLine } = await (0, duplicate_jsx_node_1.duplicateJsxNode)({
-                input: fileContents,
-                nodePath,
-            });
+            const { output, formatted, nodeLabel, logLine, nodePathRemappings } = await (0, duplicate_jsx_node_1.duplicateJsxNode)({ input: fileContents, nodePath });
+            const nodePathMutation = (0, sequence_node_path_mutation_1.broadcastSequenceNodePathMutation)([
+                {
+                    absolutePath,
+                    remappings: nodePathRemappings,
+                    restoredNodePaths: [],
+                },
+            ]);
             (0, undo_stack_1.pushToUndoStack)({
                 filePath: absolutePath,
                 oldContents: fileContents,
@@ -37,9 +42,15 @@ const duplicateJsxNodeHandler = ({ input: { fileName, nodePath }, remotionRoot,
                 },
                 entryType: 'duplicate-jsx-node',
                 suppressHmrOnFileRestore: false,
+                nodePathRemappings,
             });
             (0, undo_stack_1.suppressUndoStackInvalidation)(absolutePath);
-            (0, file_watcher_1.writeFileAndNotifyFileWatchers)(absolutePath, output, undefined);
+            (0, file_watcher_1.writeFileAndNotifyFileWatchers)({
+                file: absolutePath,
+                content: output,
+                originatorClientId: undefined,
+                metadata: { skipSequencePropsUpdate: true },
+            });
             const locationLabel = (0, format_log_file_location_1.formatLogFileLocation)({
                 remotionRoot,
                 absolutePath,
@@ -53,6 +64,7 @@ const duplicateJsxNodeHandler = ({ input: { fileName, nodePath }, remotionRoot,
             (0, undo_stack_1.printUndoHint)(logLevel);
             return {
                 success: true,
+                nodePathMutation,
             };
         }
         catch (err) {

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

@@ -5,6 +5,7 @@ const renderer_1 = require("@remotion/renderer");
 const file_watcher_1 = require("../../file-watcher");
 const resolve_composition_component_1 = require("../../helpers/resolve-composition-component");
 const format_log_file_location_1 = require("../format-log-file-location");
+const sequence_node_path_mutation_1 = require("../sequence-node-path-mutation");
 const undo_stack_1 = require("../undo-stack");
 const element_install_plan_1 = require("./element-install-plan");
 const log_update_1 = require("./log-updates/log-update");
@@ -126,6 +127,13 @@ const insertElementHandler = ({ input: { compositionFile, compositionId, element
         })) {
             throw new Error('Element source changed during installation');
         }
+        const nodePathMutation = (0, sequence_node_path_mutation_1.broadcastSequenceNodePathMutation)([
+            {
+                absolutePath: inserted.fileName,
+                remappings: inserted.nodePathRemappings,
+                restoredNodePaths: [],
+            },
+        ]);
         (0, undo_stack_1.pushTransactionToUndoStack)({
             snapshots: [
                 ...(shouldWriteElementFile
@@ -135,6 +143,7 @@ const insertElementHandler = ({ input: { compositionFile, compositionId, element
                             oldContents: plan.existingElementSource,
                             newContents: element.sourceCode,
                             logLine: 1,
+                            nodePathRemappings: null,
                         },
                     ]
                     : []),
@@ -143,6 +152,7 @@ const insertElementHandler = ({ input: { compositionFile, compositionId, element
                     oldContents: inserted.oldContents,
                     newContents: inserted.output,
                     logLine: inserted.logLine,
+                    nodePathRemappings: inserted.nodePathRemappings,
                 },
             ],
             logLevel,
@@ -159,9 +169,19 @@ const insertElementHandler = ({ input: { compositionFile, compositionId, element
         }
         (0, undo_stack_1.suppressUndoStackInvalidation)(inserted.fileName);
         if (shouldWriteElementFile) {
-            (0, file_watcher_1.writeFileAndNotifyFileWatchers)(plan.elementFileName, element.sourceCode, undefined);
+            (0, file_watcher_1.writeFileAndNotifyFileWatchers)({
+                file: plan.elementFileName,
+                content: element.sourceCode,
+                originatorClientId: undefined,
+                metadata: null,
+            });
         }
-        (0, file_watcher_1.writeFileAndNotifyFileWatchers)(inserted.fileName, inserted.output, undefined);
+        (0, file_watcher_1.writeFileAndNotifyFileWatchers)({
+            file: inserted.fileName,
+            content: inserted.output,
+            originatorClientId: undefined,
+            metadata: { skipSequencePropsUpdate: true },
+        });
         const compositionLocationLabel = (0, format_log_file_location_1.formatLogFileLocation)({
             remotionRoot,
             absolutePath: inserted.fileName,
@@ -183,7 +203,7 @@ const insertElementHandler = ({ input: { compositionFile, compositionId, element
             (0, log_update_1.warnAboutPrettierOnce)(logLevel);
         }
         (0, undo_stack_1.printUndoHint)(logLevel);
-        return { success: true };
+        return { success: true, nodePathMutation };
     }
     catch (err) {
         return {

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

@@ -11,6 +11,7 @@ const studio_shared_1 = require("@remotion/studio-shared");
 const file_watcher_1 = require("../../file-watcher");
 const resolve_composition_component_1 = require("../../helpers/resolve-composition-component");
 const format_log_file_location_1 = require("../format-log-file-location");
+const sequence_node_path_mutation_1 = require("../sequence-node-path-mutation");
 const undo_stack_1 = require("../undo-stack");
 const log_update_1 = require("./log-updates/log-update");
 const source_file_write_queue_1 = require("./source-file-write-queue");
@@ -158,7 +159,7 @@ const insertJsxElementHandler = ({ input: { compositionFile, compositionId, elem
         }
         const elementLabel = getElementLabel(element);
         renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[insert-jsx-element] Received request for compositionFile="${compositionFile}" compositionId="${compositionId}" element="${element.type}"`);
-        const { fileName, source, oldContents, output, formatted, logLine } = await (0, resolve_composition_component_1.insertJsxElementIntoComposition)({
+        const { fileName, source, oldContents, output, formatted, logLine, nodePathRemappings, } = await (0, resolve_composition_component_1.insertJsxElementIntoComposition)({
             remotionRoot,
             compositionFile,
             compositionId,
@@ -166,6 +167,13 @@ const insertJsxElementHandler = ({ input: { compositionFile, compositionId, elem
             from,
             prettierConfigOverride: null,
         });
+        const nodePathMutation = (0, sequence_node_path_mutation_1.broadcastSequenceNodePathMutation)([
+            {
+                absolutePath: fileName,
+                remappings: nodePathRemappings,
+                restoredNodePaths: [],
+            },
+        ]);
         (0, undo_stack_1.pushToUndoStack)({
             filePath: fileName,
             oldContents,
@@ -179,9 +187,15 @@ const insertJsxElementHandler = ({ input: { compositionFile, compositionId, elem
             },
             entryType: 'insert-jsx-element',
             suppressHmrOnFileRestore: false,
+            nodePathRemappings,
         });
         (0, undo_stack_1.suppressUndoStackInvalidation)(fileName);
-        (0, file_watcher_1.writeFileAndNotifyFileWatchers)(fileName, output, undefined);
+        (0, file_watcher_1.writeFileAndNotifyFileWatchers)({
+            file: fileName,
+            content: output,
+            originatorClientId: undefined,
+            metadata: { skipSequencePropsUpdate: true },
+        });
         const locationLabel = (0, format_log_file_location_1.formatLogFileLocation)({
             remotionRoot,
             absolutePath: fileName,
@@ -195,6 +209,7 @@ const insertJsxElementHandler = ({ input: { compositionFile, compositionId, elem
         (0, undo_stack_1.printUndoHint)(logLevel);
         return {
             success: true,
+            nodePathMutation,
         };
     }
     catch (err) {

package/dist/preview-server/routes/move-keyframes.js

@@ -182,7 +182,10 @@ const moveKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, rem
         throw new Error('No keyframes were specified for moving');
     }
     (0, undo_stack_1.pushTransactionToUndoStack)({
-        snapshots,
+        snapshots: snapshots.map((snapshot) => ({
+            ...snapshot,
+            nodePathRemappings: null,
+        })),
         logLevel,
         remotionRoot,
         description: getBatchDescription({ totalKeyframes, firstKeyframe }),
@@ -196,7 +199,12 @@ const moveKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, rem
     for (const snapshot of snapshots) {
         (0, undo_stack_1.suppressUndoStackInvalidation)(snapshot.filePath);
         (0, watch_ignore_next_change_1.suppressBundlerUpdateForFile)(snapshot.filePath);
-        (0, file_watcher_1.writeFileAndNotifyFileWatchers)(snapshot.filePath, snapshot.newContents, clientId);
+        (0, file_watcher_1.writeFileAndNotifyFileWatchers)({
+            file: snapshot.filePath,
+            content: snapshot.newContents,
+            originatorClientId: clientId,
+            metadata: null,
+        });
     }
     for (const log of sequenceLogs) {
         (0, log_update_1.logUpdate)({

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

@@ -0,0 +1,3 @@
+import type { OpenInTerminalRequest, OpenInTerminalResponse } from '@remotion/studio-shared';
+import type { ApiHandler } from '../api-types';
+export declare const openInTerminalHandler: ApiHandler<OpenInTerminalRequest, OpenInTerminalResponse>;

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.openInTerminalHandler = void 0;
+const terminal_registry_1 = require("../../helpers/terminal-registry");
+const openInTerminalHandler = async ({ input, remotionRoot }) => {
+    const terminal = (await (0, terminal_registry_1.getAvailableTerminals)()).find(({ id }) => id === input.terminalId);
+    if (!terminal) {
+        return { success: false };
+    }
+    await (0, terminal_registry_1.launchTerminal)({
+        allowedDirectory: remotionRoot,
+        directory: input.directory,
+        terminal,
+    });
+    return { success: true };
+};
+exports.openInTerminalHandler = openInTerminalHandler;