@remotion/studio-server 4.0.507 → 4.0.509

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

@@ -7,6 +7,7 @@ exports.applyCodemodHandler = exports.getCodemodLogMessage = void 0;
 const node_fs_1 = require("node:fs");
 const node_path_1 = __importDefault(require("node:path"));
 const renderer_1 = require("@remotion/renderer");
+const generate_canvas_capture_composition_1 = require("../../canvas-capture/generate-canvas-capture-composition");
 const apply_codemod_to_file_1 = require("../../codemods/apply-codemod-to-file");
 const duplicate_composition_1 = require("../../codemods/duplicate-composition");
 const simple_diff_1 = require("../../codemods/simple-diff");
@@ -16,10 +17,25 @@ const project_info_1 = require("../project-info");
 const undo_stack_1 = require("../undo-stack");
 const can_update_default_props_1 = require("./can-update-default-props");
 const source_file_write_queue_1 = require("./source-file-write-queue");
-const formatNewCompositionFile = (componentName) => {
+const formatNewCompositionFile = (codemod) => {
+    if (codemod.canvasCapture !== null) {
+        return (0, generate_canvas_capture_composition_1.generateCanvasCaptureComposition)({
+            componentName: codemod.componentName,
+            compositionId: codemod.newId,
+            data: codemod.canvasCapture.data,
+            durationInFrames: codemod.newDurationInFrames,
+            fps: codemod.newFps,
+            height: codemod.newHeight,
+            keyframeFps: codemod.canvasCapture.keyframeFps,
+            videoFileName: codemod.canvasCapture.videoFileName,
+            videoHeight: codemod.canvasCapture.videoHeight,
+            videoWidth: codemod.canvasCapture.videoWidth,
+            width: codemod.newWidth,
+        });
+    }
     return (0, duplicate_composition_1.formatOutput)(`import React from 'react';
 
-export const ${componentName}: React.FC = () => {
+export const ${codemod.componentName}: React.FC = () => {
 	return null;
 };
 `);
@@ -190,6 +206,7 @@ const applyCodemodHandler = ({ input: { codemod, dryRun, symbolicatedStack }, lo
                         oldContents: input,
                         newContents: null,
                         logLine,
+                        nodePathRemappings: null,
                     },
                 ];
                 let componentFilePath = null;
@@ -199,12 +216,13 @@ const applyCodemodHandler = ({ input: { codemod, dryRun, symbolicatedStack }, lo
                     if (componentFilePath === null) {
                         throw new Error('Could not determine the new component file path');
                     }
-                    componentFileContents = await formatNewCompositionFile(codemod.componentName);
+                    componentFileContents = await formatNewCompositionFile(codemod);
                     snapshots.push({
                         filePath: componentFilePath,
                         oldContents: null,
                         newContents: componentFileContents,
                         logLine: 1,
+                        nodePathRemappings: null,
                     });
                     (0, undo_stack_1.pushTransactionToUndoStack)({
                         snapshots,
@@ -232,15 +250,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, insertedNodePath, logLine, nodePathRemappings, } = await (0, resolve_composition_component_1.insertJsxElementIntoComposition)({
             remotionRoot,
             compositionFile,
             compositionId,
@@ -166,6 +167,16 @@ const insertJsxElementHandler = ({ input: { compositionFile, compositionId, elem
             from,
             prettierConfigOverride: null,
         });
+        const nodePathMutation = (0, sequence_node_path_mutation_1.broadcastSequenceNodePathMutation)([
+            {
+                absolutePath: fileName,
+                remappings: nodePathRemappings,
+                restoredNodePaths: [],
+            },
+        ]);
+        if (insertedNodePath === null) {
+            renderer_1.RenderInternals.Log.warn({ indent: false, logLevel }, 'Could not determine the inserted JSX element node path. Skipping automatic selection.');
+        }
         (0, undo_stack_1.pushToUndoStack)({
             filePath: fileName,
             oldContents,
@@ -179,9 +190,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 +212,10 @@ const insertJsxElementHandler = ({ input: { compositionFile, compositionId, elem
         (0, undo_stack_1.printUndoHint)(logLevel);
         return {
             success: true,
+            insertedNodePath: insertedNodePath === null
+                ? null
+                : { absolutePath: fileName, nodePath: insertedNodePath },
+            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;

package/dist/preview-server/routes/paste-effects.js

@@ -52,9 +52,15 @@ const pasteEffectsHandler = ({ input: { targetFileName, targetSequenceNodePath,
                 },
                 entryType: 'paste-effects',
                 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/reorder-effect.js

@@ -40,9 +40,15 @@ const reorderEffectHandler = ({ input: { fileName, sequenceNodePath, fromIndex,
                 },
                 entryType: 'reorder-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/reorder-sequence.js

@@ -7,6 +7,7 @@ const reorder_sequence_1 = require("../../codemods/reorder-sequence");
 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 formatting_1 = require("./log-updates/formatting");
 const log_update_1 = require("./log-updates/log-update");
@@ -21,12 +22,19 @@ const reorderSequenceHandler = ({ input: { fileName, sourceNodePath, targetNodeP
                 action: 'modify',
             });
             const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
-            const { output, formatted, sequenceLabel, logLine } = await (0, reorder_sequence_1.reorderSequence)({
+            const { output, formatted, sequenceLabel, logLine, nodePathRemappings } = await (0, reorder_sequence_1.reorderSequence)({
                 input: fileContents,
                 sourceNodePath: sourceNodePath.nodePath,
                 targetNodePath: targetNodePath.nodePath,
                 position,
             });
+            const nodePathMutation = (0, sequence_node_path_mutation_1.broadcastSequenceNodePathMutation)([
+                {
+                    absolutePath,
+                    remappings: nodePathRemappings,
+                    restoredNodePaths: [],
+                },
+            ]);
             (0, undo_stack_1.pushToUndoStack)({
                 filePath: absolutePath,
                 oldContents: fileContents,
@@ -40,9 +48,15 @@ const reorderSequenceHandler = ({ input: { fileName, sourceNodePath, targetNodeP
                 },
                 entryType: 'reorder-sequence',
                 suppressHmrOnFileRestore: false,
+                nodePathRemappings,
             });
             (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: { skipSequencePropsUpdate: true },
+            });
             const locationLabel = (0, format_log_file_location_1.formatLogFileLocation)({
                 remotionRoot,
                 absolutePath,
@@ -56,6 +70,7 @@ const reorderSequenceHandler = ({ input: { fileName, sourceNodePath, targetNodeP
             (0, undo_stack_1.printUndoHint)(logLevel);
             return {
                 success: true,
+                nodePathMutation,
             };
         }
         catch (err) {