@remotion/studio-server 4.0.507 → 4.0.509

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

@@ -27,6 +27,15 @@ const stringifySequencePropEditValue = (value) => {
     }
     return JSON.stringify(value);
 };
+const stringifySequencePropSourceEdit = (sourceEdit, fallbackValue) => {
+    if ((sourceEdit === null || sourceEdit === void 0 ? void 0 : sourceEdit.type) !== 'clipboard-param') {
+        return stringifySequencePropEditValue(fallbackValue);
+    }
+    if (sourceEdit.param.type === 'static') {
+        return stringifySequencePropEditValue(sourceEdit.param.value);
+    }
+    return `${sourceEdit.param.interpolationFunction}(frame, ${JSON.stringify(sourceEdit.param.keyframes.map((keyframe) => keyframe.frame))}, ${JSON.stringify(sourceEdit.param.keyframes.map((keyframe) => keyframe.value))})`;
+};
 const groupBy = (items, getKey) => {
     var _a;
     const groups = new Map();
@@ -39,7 +48,7 @@ const groupBy = (items, getKey) => {
     return [...groups.values()];
 };
 const convertSequencePropEditToCodemodChange = (edit) => {
-    var _a;
+    var _a, _b;
     return {
         nodePath: edit.nodePath.nodePath,
         updates: [
@@ -48,6 +57,9 @@ const convertSequencePropEditToCodemodChange = (edit) => {
                 value: edit.value,
                 defaultValue: edit.defaultValue,
                 googleFont: ((_a = edit.sourceEdit) === null || _a === void 0 ? void 0 : _a.type) === 'google-font' ? edit.sourceEdit.font : null,
+                clipboardParam: ((_b = edit.sourceEdit) === null || _b === void 0 ? void 0 : _b.type) === 'clipboard-param'
+                    ? edit.sourceEdit.param
+                    : null,
             },
         ],
         schema: edit.schema,
@@ -98,7 +110,7 @@ const saveSequencePropsHandler = ({ input: { edits, addedKeyframes, movedKeyfram
             nodePath: edit.nodePath,
             key: edit.key,
             value: parsedValue,
-            valueString: stringifySequencePropEditValue(parsedValue),
+            valueString: stringifySequencePropSourceEdit(edit.sourceEdit, parsedValue),
             defaultValue: parsedDefaultValue,
             defaultValueString: parsedDefaultValue !== null
                 ? JSON.stringify(parsedDefaultValue)
@@ -179,6 +191,7 @@ const saveSequencePropsHandler = ({ input: { edits, addedKeyframes, movedKeyfram
     const snapshots = [];
     const outputByPath = new Map();
     const resultByIndex = new Map();
+    const updatedNodePaths = new Map();
     const sequenceKeyframeLogs = [];
     const captionPatchLogs = [];
     const effectKeyframeLogs = [];
@@ -204,7 +217,9 @@ const saveSequencePropsHandler = ({ input: { edits, addedKeyframes, movedKeyfram
                     logLine: result.logLine,
                     removedProps: result.removedProps,
                     formatted,
+                    newNodePath: result.newNodePath,
                 });
+                updatedNodePaths.set(`${absolutePath}:${JSON.stringify(edit.nodePath.nodePath)}`, result.newNodePath);
             }
         }
         for (const captionPatchRequest of group.captionPatches) {
@@ -363,7 +378,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 +393,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) {
@@ -448,6 +471,7 @@ const saveSequencePropsHandler = ({ input: { edits, addedKeyframes, movedKeyfram
         ])).values(),
     ];
     const results = statusTargets.map((target) => {
+        var _a;
         const { absolutePath } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
             remotionRoot,
             fileName: target.fileName,
@@ -461,7 +485,7 @@ const saveSequencePropsHandler = ({ input: { edits, addedKeyframes, movedKeyfram
             fileContents: output,
             keys: (0, studio_shared_1.getAllSchemaKeys)(target.schema),
             assetKeys: (0, studio_shared_1.getAssetSchemaKeys)(target.schema),
-            nodePath: target.nodePath.nodePath,
+            nodePath: (_a = updatedNodePaths.get(`${absolutePath}:${JSON.stringify(target.nodePath.nodePath)}`)) !== null && _a !== void 0 ? _a : target.nodePath.nodePath,
             componentIdentity: null,
             effects: [],
             videoConfigValues: target.nodePath.videoConfigValues,

package/dist/preview-server/routes/split-jsx-sequence.js

@@ -7,6 +7,7 @@ const split_jsx_sequence_1 = require("../../codemods/split-jsx-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 log_update_1 = require("./log-updates/log-update");
 const source_file_write_queue_1 = require("./source-file-write-queue");
@@ -19,11 +20,14 @@ const splitJsxSequenceHandler = ({ input: { fileName, nodePath, splitFrame }, re
             action: 'modify',
         });
         const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
-        const { output, formatted, nodeLabel, logLine } = await (0, split_jsx_sequence_1.splitJsxSequence)({
-            input: fileContents,
-            nodePath,
-            splitFrame,
-        });
+        const { output, formatted, nodeLabel, logLine, nodePathRemappings } = await (0, split_jsx_sequence_1.splitJsxSequence)({ input: fileContents, nodePath, splitFrame });
+        const nodePathMutation = (0, sequence_node_path_mutation_1.broadcastSequenceNodePathMutation)([
+            {
+                absolutePath,
+                remappings: nodePathRemappings,
+                restoredNodePaths: [],
+            },
+        ]);
         (0, undo_stack_1.pushToUndoStack)({
             filePath: absolutePath,
             oldContents: fileContents,
@@ -37,9 +41,15 @@ const splitJsxSequenceHandler = ({ input: { fileName, nodePath, splitFrame }, re
             },
             entryType: 'split-jsx-sequence',
             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 +63,7 @@ const splitJsxSequenceHandler = ({ input: { fileName, nodePath, splitFrame }, re
         (0, undo_stack_1.printUndoHint)(logLevel);
         return {
             success: true,
+            nodePathMutation,
         };
     }
     catch (err) {

package/dist/preview-server/routes/update-config.js

@@ -182,7 +182,12 @@ const updateConfigHandler = async ({ input, configFile }) => {
         }
     }
     const configContents = (0, node_fs_1.readFileSync)(configFile, 'utf8');
-    (0, file_watcher_1.writeFileAndNotifyFileWatchers)(configFile, (0, exports.updateConfigFile)({ configContents, updates: input.updates }), input.clientId);
+    (0, file_watcher_1.writeFileAndNotifyFileWatchers)({
+        file: configFile,
+        content: (0, exports.updateConfigFile)({ configContents, updates: input.updates }),
+        originatorClientId: input.clientId,
+        metadata: null,
+    });
     return { success: true };
 };
 exports.updateConfigHandler = updateConfigHandler;

package/dist/preview-server/routes/update-default-props.js

@@ -45,10 +45,16 @@ const updateDefaultPropsHandler = ({ input: { compositionId, defaultProps, enumP
                 },
                 entryType: 'default-props',
                 suppressHmrOnFileRestore: true,
+                nodePathRemappings: null,
             });
             (0, undo_stack_1.suppressUndoStackInvalidation)(projectInfo.rootFile);
             (0, watch_ignore_next_change_1.suppressBundlerUpdateForFile)(projectInfo.rootFile);
-            (0, file_watcher_1.writeFileAndNotifyFileWatchers)(projectInfo.rootFile, output, undefined);
+            (0, file_watcher_1.writeFileAndNotifyFileWatchers)({
+                file: projectInfo.rootFile,
+                content: output,
+                originatorClientId: undefined,
+                metadata: null,
+            });
             const locationLabel = (0, format_log_file_location_1.formatLogFileLocation)({
                 remotionRoot,
                 absolutePath: projectInfo.rootFile,

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

@@ -62,10 +62,16 @@ const updateEffectKeyframeSettingsHandler = ({ input: { fileName, sequenceNodePa
         },
         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/update-sequence-keyframe-settings.js

@@ -58,10 +58,16 @@ const updateSequenceKeyframeSettingsHandler = ({ input: { fileName, nodePath, ke
         },
         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/sequence-node-path-mutation.d.ts

@@ -0,0 +1,7 @@
+import type { SequenceNodePathMutation, SequenceNodePathRemapping } from '@remotion/studio-shared';
+import type { SequenceNodePath } from 'remotion';
+export declare const broadcastSequenceNodePathMutation: (files: {
+    absolutePath: string;
+    remappings: SequenceNodePathRemapping[];
+    restoredNodePaths: SequenceNodePath[];
+}[]) => SequenceNodePathMutation;

package/dist/preview-server/sequence-node-path-mutation.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.broadcastSequenceNodePathMutation = void 0;
+const node_crypto_1 = require("node:crypto");
+const live_events_1 = require("./live-events");
+const mutationSessionId = (0, node_crypto_1.randomUUID)();
+let mutationCounter = 0;
+const broadcastSequenceNodePathMutation = (files) => {
+    var _a;
+    mutationCounter++;
+    const mutation = {
+        mutationId: `${mutationSessionId}:${mutationCounter}`,
+        files,
+    };
+    (_a = (0, live_events_1.getLiveEventsListener)()) === null || _a === void 0 ? void 0 : _a.sendEventToClient({
+        type: 'sequence-node-paths-remapped',
+        mutation,
+    });
+    return mutation;
+};
+exports.broadcastSequenceNodePathMutation = broadcastSequenceNodePathMutation;

package/dist/preview-server/sequence-props-watchers.js

@@ -122,11 +122,16 @@ const subscribeToSequencePropsWatchers = ({ fileName, line, column, nodePath: pr
     (0, node_path_cache_1.setCachedNodePath)(fileName, line, column, initialResult.nodePath.nodePath);
     const { nodePath } = initialResult;
     const watcherKey = getWatcherKey(nodePath, assetKeys);
-    // If a watcher already exists for this key, just bump the ref count
-    if ((_a = sequencePropsWatchers[clientId]) === null || _a === void 0 ? void 0 : _a[watcherKey]) {
-        sequencePropsWatchers[clientId][watcherKey].refCount++;
+    const existingWatcher = (_a = sequencePropsWatchers[clientId]) === null || _a === void 0 ? void 0 : _a[watcherKey];
+    if (existingWatcher) {
+        existingWatcher.refCount++;
         return initialResult;
     }
+    const watcherInfo = {
+        unwatch: () => undefined,
+        refCount: 1,
+        currentNodePath: nodePath,
+    };
     const { unwatch } = (0, file_watcher_1.installFileWatcher)({
         file: absolutePath,
         existenceOnly: false,
@@ -137,10 +142,13 @@ const subscribeToSequencePropsWatchers = ({ fileName, line, column, nodePath: pr
             if (event.originatorClientId === clientId) {
                 return;
             }
+            if (event.type === 'changed' && event.skipSequencePropsUpdate) {
+                return;
+            }
             try {
                 const result = (0, can_update_sequence_props_1.computeSequencePropsStatusFromContent)({
                     fileContents: event.content,
-                    nodePath: nodePath.nodePath,
+                    nodePath: watcherInfo.currentNodePath.nodePath,
                     componentIdentity,
                     keys,
                     assetKeys,
@@ -158,7 +166,7 @@ const subscribeToSequencePropsWatchers = ({ fileName, line, column, nodePath: pr
                     listener.sendEventToClientId(clientId, {
                         type: 'sequence-props-updated',
                         fileName,
-                        nodePath,
+                        nodePath: watcherInfo.currentNodePath,
                         result,
                     });
                 });
@@ -180,10 +188,11 @@ const subscribeToSequencePropsWatchers = ({ fileName, line, column, nodePath: pr
             }
         },
     });
+    watcherInfo.unwatch = unwatch;
     if (!sequencePropsWatchers[clientId]) {
         sequencePropsWatchers[clientId] = {};
     }
-    sequencePropsWatchers[clientId][watcherKey] = { unwatch, refCount: 1 };
+    sequencePropsWatchers[clientId][watcherKey] = watcherInfo;
     return initialResult;
 };
 exports.subscribeToSequencePropsWatchers = subscribeToSequencePropsWatchers;

package/dist/preview-server/start-server.d.ts

@@ -37,6 +37,7 @@ export declare const startServer: (options: {
     binariesDirectory: string | null;
     forceIPv4: boolean;
     getAudioLatencyHint: () => AudioContextLatencyCategory | null;
+    getExperimentalKeepAudioContextAlive: () => boolean;
     getPreviewSampleRate: () => number | null;
     enableCrossSiteIsolation: boolean;
     forceNew: boolean;

package/dist/preview-server/start-server.js

@@ -99,6 +99,7 @@ const startServer = async (options) => {
                 gitSource: options.gitSource,
                 binariesDirectory: options.binariesDirectory,
                 getAudioLatencyHint: options.getAudioLatencyHint,
+                getExperimentalKeepAudioContextAlive: options.getExperimentalKeepAudioContextAlive,
                 getPreviewSampleRate: options.getPreviewSampleRate,
                 enableCrossSiteIsolation: options.enableCrossSiteIsolation,
                 getStudioRuntimeConfig: options.getStudioRuntimeConfig,

package/dist/preview-server/undo-stack.d.ts

@@ -1,4 +1,5 @@
 import type { LogLevel } from '@remotion/renderer';
+import type { RedoResponse, SequenceNodePathRemapping, UndoResponse } from '@remotion/studio-shared';
 export interface UndoEntryDescription {
     undoMessage: string;
     redoMessage: string;
@@ -10,6 +11,7 @@ type UndoEntrySnapshot = {
     newContents: string | null;
     /** 1-based source line for terminal/IDE file links (e.g. path:line). */
     logLine: number;
+    nodePathRemappings: SequenceNodePathRemapping[] | null;
 };
 type UndoEntry = {
     filePath: string;
@@ -70,7 +72,7 @@ type UndoEntry = {
 } | {
     entryType: 'rename-folder';
 });
-export declare function pushToUndoStack({ filePath, oldContents, newContents, logLevel, remotionRoot, logLine, description, entryType, suppressHmrOnFileRestore }: {
+export declare function pushToUndoStack({ filePath, oldContents, newContents, logLevel, remotionRoot, logLine, description, entryType, suppressHmrOnFileRestore, nodePathRemappings }: {
     filePath: string;
     oldContents: string;
     newContents: string | null;
@@ -80,6 +82,7 @@ export declare function pushToUndoStack({ filePath, oldContents, newContents, lo
     description: UndoEntryDescription;
     entryType: UndoEntryType;
     suppressHmrOnFileRestore: boolean;
+    nodePathRemappings: SequenceNodePathRemapping[] | null;
 }): void;
 export declare function pushTransactionToUndoStack({ snapshots, logLevel, remotionRoot, description, entryType, suppressHmrOnFileRestore }: {
     snapshots: Array<{
@@ -87,6 +90,7 @@ export declare function pushTransactionToUndoStack({ snapshots, logLevel, remoti
         oldContents: string | null;
         newContents: string | null;
         logLine: number;
+        nodePathRemappings: SequenceNodePathRemapping[] | null;
     }>;
     logLevel: LogLevel;
     remotionRoot: string;
@@ -105,18 +109,8 @@ export declare function pushToRedoStack({ filePath, oldContents, newContents, lo
     suppressHmrOnFileRestore: boolean;
 }): void;
 export declare function suppressUndoStackInvalidation(filePath: string): void;
-export declare function popUndo(): {
-    success: true;
-} | {
-    success: false;
-    reason: string;
-};
-export declare function popRedo(): {
-    success: true;
-} | {
-    success: false;
-    reason: string;
-};
+export declare function popUndo(): UndoResponse;
+export declare function popRedo(): RedoResponse;
 export declare function getUndoStack(): readonly UndoEntry[];
 export declare function getRedoStack(): readonly UndoEntry[];
 export declare function clearUndoStackForTests(): void;

package/dist/preview-server/undo-stack.js

@@ -17,6 +17,7 @@ const read_visual_control_values_1 = require("../codemods/read-visual-control-va
 const file_watcher_1 = require("../file-watcher");
 const format_log_file_location_1 = require("./format-log-file-location");
 const live_events_1 = require("./live-events");
+const sequence_node_path_mutation_1 = require("./sequence-node-path-mutation");
 const watch_ignore_next_change_1 = require("./watch-ignore-next-change");
 const MAX_ENTRIES = 100;
 const undoStack = [];
@@ -56,7 +57,7 @@ const makeUndoEntry = ({ snapshots, description, entryType, suppressHmrOnFileRes
         suppressHmrOnFileRestore,
     };
 };
-function pushToUndoStack({ filePath, oldContents, newContents, logLevel, remotionRoot, logLine, description, entryType, suppressHmrOnFileRestore, }) {
+function pushToUndoStack({ filePath, oldContents, newContents, logLevel, remotionRoot, logLine, description, entryType, suppressHmrOnFileRestore, nodePathRemappings, }) {
     pushTransactionToUndoStack({
         snapshots: [
             {
@@ -64,6 +65,7 @@ function pushToUndoStack({ filePath, oldContents, newContents, logLevel, remotio
                 oldContents,
                 newContents,
                 logLine,
+                nodePathRemappings,
             },
         ],
         logLevel,
@@ -108,6 +110,7 @@ function pushToRedoStack({ filePath, oldContents, newContents, logLine, descript
                 oldContents,
                 newContents,
                 logLine,
+                nodePathRemappings: null,
             },
         ],
         description,
@@ -247,6 +250,29 @@ function popUndo() {
     if (redoStack.length > MAX_ENTRIES) {
         redoStack.shift();
     }
+    const files = entry.snapshots.flatMap((snapshot) => {
+        if (snapshot.nodePathRemappings === null) {
+            return [];
+        }
+        return [
+            {
+                absolutePath: snapshot.filePath,
+                remappings: snapshot.nodePathRemappings.flatMap((remapping) => {
+                    if (remapping.newNodePath === null) {
+                        return [];
+                    }
+                    return [
+                        {
+                            oldNodePath: remapping.newNodePath,
+                            newNodePath: remapping.oldNodePath,
+                        },
+                    ];
+                }),
+                restoredNodePaths: snapshot.nodePathRemappings.flatMap((remapping) => remapping.newNodePath === null ? [remapping.oldNodePath] : []),
+            },
+        ];
+    });
+    const nodePathMutation = files.length === 0 ? null : (0, sequence_node_path_mutation_1.broadcastSequenceNodePathMutation)(files);
     for (const snapshot of entry.snapshots) {
         suppressUndoStackInvalidation(snapshot.filePath);
         if (entry.suppressHmrOnFileRestore) {
@@ -256,7 +282,14 @@ function popUndo() {
             (0, node_fs_1.rmSync)(snapshot.filePath, { force: true });
         }
         else {
-            (0, file_watcher_1.writeFileAndNotifyFileWatchers)(snapshot.filePath, snapshot.oldContents, undefined);
+            (0, file_watcher_1.writeFileAndNotifyFileWatchers)({
+                file: snapshot.filePath,
+                content: snapshot.oldContents,
+                originatorClientId: undefined,
+                metadata: snapshot.nodePathRemappings === null
+                    ? null
+                    : { skipSequencePropsUpdate: true },
+            });
         }
     }
     renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel: storedLogLevel }, renderer_1.RenderInternals.chalk.gray(`Undo: restored ${entry.filePath} (undo: ${undoStack.length}, redo: ${redoStack.length})`));
@@ -272,7 +305,7 @@ function popUndo() {
         ensureWatching(filePath);
     }
     broadcastState();
-    return { success: true };
+    return { success: true, nodePathMutation };
 }
 function popRedo() {
     const entry = redoStack.pop();
@@ -298,12 +331,32 @@ function popRedo() {
     if (undoStack.length > MAX_ENTRIES) {
         undoStack.shift();
     }
+    const files = snapshotsWithNewContents.flatMap((snapshot) => {
+        if (snapshot.nodePathRemappings === null) {
+            return [];
+        }
+        return [
+            {
+                absolutePath: snapshot.filePath,
+                remappings: snapshot.nodePathRemappings,
+                restoredNodePaths: [],
+            },
+        ];
+    });
+    const nodePathMutation = files.length === 0 ? null : (0, sequence_node_path_mutation_1.broadcastSequenceNodePathMutation)(files);
     for (const snapshot of snapshotsWithNewContents) {
         suppressUndoStackInvalidation(snapshot.filePath);
         if (entry.suppressHmrOnFileRestore) {
             (0, watch_ignore_next_change_1.suppressBundlerUpdateForFile)(snapshot.filePath);
         }
-        (0, file_watcher_1.writeFileAndNotifyFileWatchers)(snapshot.filePath, snapshot.newContents, undefined);
+        (0, file_watcher_1.writeFileAndNotifyFileWatchers)({
+            file: snapshot.filePath,
+            content: snapshot.newContents,
+            originatorClientId: undefined,
+            metadata: snapshot.nodePathRemappings === null
+                ? null
+                : { skipSequencePropsUpdate: true },
+        });
     }
     renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel: storedLogLevel }, renderer_1.RenderInternals.chalk.gray(`Redo: restored ${entry.filePath} (undo: ${undoStack.length}, redo: ${redoStack.length})`));
     logFileAction(entry.description.redoMessage, entry.filePath, entry.logLine);
@@ -318,7 +371,7 @@ function popRedo() {
         ensureWatching(filePath);
     }
     broadcastState();
-    return { success: true };
+    return { success: true, nodePathMutation };
 }
 /*
  * Keep stack accessors typed as readonly arrays so callers can only inspect

package/dist/routes.d.ts

@@ -3,7 +3,7 @@ import type { DefaultEditor } from '@remotion/renderer';
 import type { GitSource, RenderDefaults, RenderJob, StudioRuntimeConfig } from '@remotion/studio-shared';
 import type { QueueMethods } from './preview-server/api-types';
 import type { LiveEventsServer } from './preview-server/live-events';
-export declare const handleRoutes: ({ staticHash, staticHashPrefix, outputHash, outputHashPrefix, request, response, liveEventsServer, getCurrentInputProps, getEnvVariables, remotionRoot, entryPoint, publicDir, logLevel, getRenderQueue, getRenderDefaults, getNumberOfAudioTags, queueMethods: methods, gitSource, binariesDirectory, getAudioLatencyHint, getPreviewSampleRate, enableCrossSiteIsolation, getStudioRuntimeConfig, getDefaultCodingAgent, getDefaultEditor, configFile, }: {
+export declare const handleRoutes: ({ staticHash, staticHashPrefix, outputHash, outputHashPrefix, request, response, liveEventsServer, getCurrentInputProps, getEnvVariables, remotionRoot, entryPoint, publicDir, logLevel, getRenderQueue, getRenderDefaults, getNumberOfAudioTags, queueMethods: methods, gitSource, binariesDirectory, getAudioLatencyHint, getExperimentalKeepAudioContextAlive, getPreviewSampleRate, enableCrossSiteIsolation, getStudioRuntimeConfig, getDefaultCodingAgent, getDefaultEditor, configFile, }: {
     staticHash: string;
     staticHashPrefix: string;
     outputHash: string;
@@ -24,6 +24,7 @@ export declare const handleRoutes: ({ staticHash, staticHashPrefix, outputHash,
     gitSource: GitSource | null;
     binariesDirectory: string | null;
     getAudioLatencyHint: () => AudioContextLatencyCategory | null;
+    getExperimentalKeepAudioContextAlive: () => boolean;
     getPreviewSampleRate: () => number | null;
     enableCrossSiteIsolation: boolean;
     getStudioRuntimeConfig: () => StudioRuntimeConfig;

package/dist/routes.js

@@ -51,6 +51,7 @@ const get_package_manager_1 = require("./preview-server/get-package-manager");
 const get_static_file_fallback_hint_1 = require("./preview-server/get-static-file-fallback-hint");
 const handler_1 = require("./preview-server/handler");
 const public_folder_1 = require("./preview-server/public-folder");
+const app_icon_1 = require("./preview-server/routes/app-icon");
 const open_in_editor_1 = require("./preview-server/routes/open-in-editor");
 const serve_static_1 = require("./preview-server/serve-static");
 const handle_discovery_1 = require("./preview-server/studio-protocol/handle-discovery");
@@ -83,7 +84,7 @@ const handleRemotionConfig = (response, remotionRoot) => {
     response.end(JSON.stringify(body));
     return Promise.resolve();
 };
-const handleFallback = async ({ remotionRoot, hash, response, request, getCurrentInputProps, getEnvVariables, publicDir, getRenderQueue, getRenderDefaults, getNumberOfAudioTags, getAudioLatencyHint, getPreviewSampleRate, gitSource, logLevel, enableCrossSiteIsolation, getStudioRuntimeConfig, getDefaultEditor, }) => {
+const handleFallback = async ({ remotionRoot, hash, response, request, getCurrentInputProps, getEnvVariables, publicDir, getRenderQueue, getRenderDefaults, getNumberOfAudioTags, getAudioLatencyHint, getExperimentalKeepAudioContextAlive, getPreviewSampleRate, gitSource, logLevel, enableCrossSiteIsolation, getStudioRuntimeConfig, getDefaultEditor, }) => {
     var _a, _b;
     const acceptsHtml = ((_a = request.headers.accept) !== null && _a !== void 0 ? _a : '').includes('text/html');
     if (request.method === 'GET' && acceptsHtml) {
@@ -148,6 +149,7 @@ const handleFallback = async ({ remotionRoot, hash, response, request, getCurren
         logLevel,
         mode: 'dev',
         audioLatencyHint: (_b = getAudioLatencyHint()) !== null && _b !== void 0 ? _b : 'playback',
+        experimentalKeepAudioContextAlive: getExperimentalKeepAudioContextAlive(),
         sampleRate: getPreviewSampleRate(),
         studioRuntimeConfig: getStudioRuntimeConfig(),
     }));
@@ -252,7 +254,7 @@ const handleBeep = (_, response) => {
     readStream.pipe(response);
     return Promise.resolve();
 };
-const handleRoutes = ({ staticHash, staticHashPrefix, outputHash, outputHashPrefix, request, response, liveEventsServer, getCurrentInputProps, getEnvVariables, remotionRoot, entryPoint, publicDir, logLevel, getRenderQueue, getRenderDefaults, getNumberOfAudioTags, queueMethods: methods, gitSource, binariesDirectory, getAudioLatencyHint, getPreviewSampleRate, enableCrossSiteIsolation, getStudioRuntimeConfig, getDefaultCodingAgent, getDefaultEditor, configFile, }) => {
+const handleRoutes = ({ staticHash, staticHashPrefix, outputHash, outputHashPrefix, request, response, liveEventsServer, getCurrentInputProps, getEnvVariables, remotionRoot, entryPoint, publicDir, logLevel, getRenderQueue, getRenderDefaults, getNumberOfAudioTags, queueMethods: methods, gitSource, binariesDirectory, getAudioLatencyHint, getExperimentalKeepAudioContextAlive, getPreviewSampleRate, enableCrossSiteIsolation, getStudioRuntimeConfig, getDefaultCodingAgent, getDefaultEditor, configFile, }) => {
     const url = new URL(request.url, 'http://localhost');
     if (url.pathname === '/api/file-source') {
         return handleFileSource({
@@ -279,6 +281,13 @@ const handleRoutes = ({ staticHash, staticHashPrefix, outputHash, outputHashPref
             remotionRoot,
         });
     }
+    if (url.pathname.startsWith('/api/app-icon/')) {
+        return (0, app_icon_1.handleAppIcon)({
+            pathname: url.pathname,
+            request,
+            response,
+        });
+    }
     if (url.pathname === '/api/studio-protocol' ||
         url.pathname === '/api/studio-protocol/install' ||
         url.pathname === '/api/studio-protocol/license-key') {
@@ -389,6 +398,7 @@ const handleRoutes = ({ staticHash, staticHashPrefix, outputHash, outputHashPref
         gitSource,
         logLevel,
         getAudioLatencyHint,
+        getExperimentalKeepAudioContextAlive,
         getPreviewSampleRate,
         enableCrossSiteIsolation,
         getStudioRuntimeConfig,