@remotion/studio-server 4.0.506 → 4.0.508

package/dist/preview-server/routes/default-editor.js

@@ -1,73 +1,7 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateDefaultEditorHandler = exports.getDefaultEditorInfoHandler = exports.updateDefaultEditorInConfig = void 0;
-const node_fs_1 = require("node:fs");
-const renderer_1 = require("@remotion/renderer");
-const recast = __importStar(require("recast"));
-const parse_ast_1 = require("../../codemods/parse-ast");
-const file_watcher_1 = require("../../file-watcher");
+exports.getDefaultEditorInfoHandler = void 0;
 const editor_registry_1 = require("../../helpers/editor-registry");
-const updateDefaultEditorInConfig = ({ configContents, defaultEditor, }) => {
-    const ast = (0, parse_ast_1.parseAst)(configContents);
-    recast.types.visit(ast.program, {
-        visitExpressionStatement(path) {
-            const { expression } = path.node;
-            if (expression.type === 'CallExpression' &&
-                expression.callee.type === 'MemberExpression' &&
-                !expression.callee.computed &&
-                expression.callee.object.type === 'Identifier' &&
-                expression.callee.object.name === 'Config' &&
-                expression.callee.property.type === 'Identifier' &&
-                expression.callee.property.name === 'setDefaultEditor') {
-                path.prune();
-                return false;
-            }
-            this.traverse(path);
-        },
-    });
-    const configWithoutExistingCalls = recast.print(ast, {
-        lineTerminator: '\n',
-    }).code;
-    if (defaultEditor === null) {
-        return configWithoutExistingCalls;
-    }
-    const separator = configWithoutExistingCalls.endsWith('\n') ? '' : '\n';
-    return `${configWithoutExistingCalls}${separator}Config.setDefaultEditor('${defaultEditor}');\n`;
-};
-exports.updateDefaultEditorInConfig = updateDefaultEditorInConfig;
 const getDefaultEditorInfoHandler = async ({ getDefaultEditor }) => {
     const installedEditors = await (0, editor_registry_1.getAvailableEditors)();
     const configuredEditor = getDefaultEditor();
@@ -77,55 +11,21 @@ const getDefaultEditorInfoHandler = async ({ getDefaultEditor }) => {
     return {
         defaultEditor: typeof configuredEditor === 'object' ? 'custom' : configuredEditor,
         installedEditors: [
-            ...installedEditors.map(({ id, name }) => ({ id, name })),
+            ...installedEditors.map(({ id, name, nameWithType }) => ({
+                id,
+                name,
+                nameWithType,
+            })),
             ...(customEditor
-                ? [{ id: 'custom', name: customEditor.name }]
+                ? [
+                    {
+                        id: 'custom',
+                        name: customEditor.name,
+                        nameWithType: customEditor.name,
+                    },
+                ]
                 : []),
         ],
     };
 };
 exports.getDefaultEditorInfoHandler = getDefaultEditorInfoHandler;
-const updateDefaultEditorHandler = async ({ input, configFile, getDefaultEditor }) => {
-    if (configFile === null || configFile === undefined) {
-        return {
-            success: false,
-            reason: 'No Remotion config file was loaded.',
-        };
-    }
-    if (input.defaultEditor === 'custom') {
-        const configuredEditor = getDefaultEditor();
-        if (!configuredEditor || typeof configuredEditor !== 'object') {
-            return {
-                success: false,
-                reason: 'No custom editor is configured.',
-            };
-        }
-        // The browser only knows the opaque "custom" ID. Keeping the existing
-        // config call untouched avoids exposing or rewriting its executable and
-        // arguments, which may have come from environment variables.
-        return { success: true };
-    }
-    if (input.defaultEditor !== null &&
-        !renderer_1.defaultEditorIds.includes(input.defaultEditor)) {
-        return {
-            success: false,
-            reason: `Unknown editor: ${input.defaultEditor}`,
-        };
-    }
-    if (input.defaultEditor !== null) {
-        const installedEditors = await (0, editor_registry_1.getAvailableEditors)();
-        if (!installedEditors.some(({ id }) => id === input.defaultEditor)) {
-            return {
-                success: false,
-                reason: 'The selected editor is not installed.',
-            };
-        }
-    }
-    const configContents = (0, node_fs_1.readFileSync)(configFile, 'utf8');
-    (0, file_watcher_1.writeFileAndNotifyFileWatchers)(configFile, (0, exports.updateDefaultEditorInConfig)({
-        configContents,
-        defaultEditor: input.defaultEditor,
-    }), undefined);
-    return { success: true };
-};
-exports.updateDefaultEditorHandler = updateDefaultEditorHandler;

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-editor.js

@@ -16,7 +16,7 @@ const getEditorName = async ({ getDefaultEditor, logLevel, }) => {
         logLevel,
         preferredEditor: null,
     });
-    return (_a = editor === null || editor === void 0 ? void 0 : editor.name) !== null && _a !== void 0 ? _a : null;
+    return (_a = editor === null || editor === void 0 ? void 0 : editor.nameWithType) !== null && _a !== void 0 ? _a : null;
 };
 exports.getEditorName = getEditorName;
 const openInEditorHandler = async ({ input, remotionRoot, logLevel, getDefaultEditor }) => {

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) {

package/dist/preview-server/routes/save-effect-props.js

@@ -91,10 +91,16 @@ const saveEffectPropsHandler = ({ input, remotionRoot, logLevel }) => (0, source
         },
         entryType: 'effect-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_effect_update_1.logEffectUpdate)({
         fileRelativeToRoot,
         line: logLine,

package/dist/preview-server/routes/save-multiple-effect-props.js

@@ -87,7 +87,10 @@ const saveMultipleEffectPropsHandler = ({ input: { edits, clientId, undoLabel, r
         });
     }
     (0, undo_stack_1.pushTransactionToUndoStack)({
-        snapshots,
+        snapshots: snapshots.map((snapshot) => ({
+            ...snapshot,
+            nodePathRemappings: null,
+        })),
         logLevel,
         remotionRoot,
         description: {
@@ -100,7 +103,12 @@ const saveMultipleEffectPropsHandler = ({ input: { edits, clientId, undoLabel, r
     for (const [absolutePath, output] of outputByPath) {
         (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,
+        });
     }
     for (const index of edits.keys()) {
         const result = resultByIndex.get(index);

package/dist/preview-server/routes/save-sequence-props.js

@@ -363,7 +363,10 @@ const saveSequencePropsHandler = ({ input: { edits, addedKeyframes, movedKeyfram
     const suppressHmr = captionPatches.length === 0 &&
         (0, exports.shouldSuppressHmrForSequencePropEdits)(edits);
     (0, undo_stack_1.pushTransactionToUndoStack)({
-        snapshots,
+        snapshots: snapshots.map((snapshot) => ({
+            ...snapshot,
+            nodePathRemappings: null,
+        })),
         logLevel,
         remotionRoot,
         description: { undoMessage, redoMessage },
@@ -375,7 +378,12 @@ const saveSequencePropsHandler = ({ input: { edits, addedKeyframes, movedKeyfram
         if (suppressHmr) {
             (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,
+        });
     }
     for (const { edits: groupEdits, fileRelativeToRoot } of editGroups.values()) {
         for (const edit of groupEdits) {