@remotion/studio-server 4.0.469 → 4.0.470

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

@@ -14,87 +14,173 @@ const can_update_sequence_props_1 = require("./can-update-sequence-props");
 const format_prop_change_1 = require("./log-updates/format-prop-change");
 const log_update_1 = require("./log-updates/log-update");
 const save_props_mutex_1 = require("./save-props-mutex");
-const saveSequencePropsHandler = ({ input: { fileName, nodePath, key, value, defaultValue, schema, clientId }, remotionRoot, logLevel, }) => (0, save_props_mutex_1.withSavePropsLock)(async () => {
-    renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[save-sequence-props] Received request for fileName="${fileName}" key="${key}"`);
-    const { absolutePath, fileRelativeToRoot } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
-        remotionRoot,
-        fileName,
-        action: 'modify',
-    });
-    const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
-    const { output, oldValueStrings, formatted, logLine, removedProps } = await (0, update_sequence_props_1.updateSequenceProps)({
-        input: fileContents,
-        nodePath: nodePath.nodePath,
-        updates: [
-            {
-                key,
-                value: JSON.parse(value),
-                defaultValue: defaultValue !== null ? JSON.parse(defaultValue) : null,
-            },
-        ],
-        schema: no_react_1.NoReactInternals.sequenceSchema,
-    });
-    const oldValueString = oldValueStrings[0];
-    const newValueString = JSON.stringify(JSON.parse(value));
-    const parsedDefault = defaultValue !== null ? JSON.parse(defaultValue) : null;
-    const defaultValueString = parsedDefault !== null ? JSON.stringify(parsedDefault) : null;
-    const normalizedOld = (0, log_update_1.normalizeQuotes)(oldValueString);
-    const normalizedNew = (0, log_update_1.normalizeQuotes)(newValueString);
-    const normalizedDefault = defaultValueString !== null ? (0, log_update_1.normalizeQuotes)(defaultValueString) : null;
-    const undoPropChange = (0, format_prop_change_1.formatPropChange)({
-        key,
-        oldValueString: normalizedNew,
-        newValueString: normalizedOld,
-        defaultValueString: normalizedDefault,
-        removedProps: [],
-        addedProps: removedProps,
-    });
-    const redoPropChange = (0, format_prop_change_1.formatPropChange)({
-        key,
-        oldValueString: normalizedOld,
-        newValueString: normalizedNew,
-        defaultValueString: normalizedDefault,
-        removedProps,
-        addedProps: [],
-    });
-    (0, undo_stack_1.pushToUndoStack)({
-        filePath: absolutePath,
-        oldContents: fileContents,
+const saveSequencePropsHandler = ({ input: { edits, clientId, undoLabel, redoLabel }, remotionRoot, logLevel, }) => (0, save_props_mutex_1.withSavePropsLock)(async () => {
+    var _a;
+    if (edits.length === 0) {
+        throw new Error('No sequence prop edits to save');
+    }
+    renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[save-sequence-props] Received request with ${edits.length} edit(s)`);
+    const editGroups = new Map();
+    for (const [index, edit] of edits.entries()) {
+        const parsedValue = JSON.parse(edit.value);
+        const parsedDefaultValue = edit.defaultValue !== null ? JSON.parse(edit.defaultValue) : null;
+        const { absolutePath, fileRelativeToRoot } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
+            remotionRoot,
+            fileName: edit.fileName,
+            action: 'modify',
+        });
+        const group = (_a = editGroups.get(absolutePath)) !== null && _a !== void 0 ? _a : {
+            fileRelativeToRoot,
+            edits: [],
+        };
+        group.edits.push({
+            index,
+            fileName: edit.fileName,
+            nodePath: edit.nodePath,
+            key: edit.key,
+            value: parsedValue,
+            valueString: JSON.stringify(parsedValue),
+            defaultValue: parsedDefaultValue,
+            defaultValueString: parsedDefaultValue !== null
+                ? JSON.stringify(parsedDefaultValue)
+                : null,
+            schema: edit.schema,
+        });
+        editGroups.set(absolutePath, group);
+    }
+    const snapshots = [];
+    const outputByPath = new Map();
+    const resultByIndex = new Map();
+    for (const [absolutePath, group] of editGroups) {
+        const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
+        const { output, formatted, results: updateResults, } = await (0, update_sequence_props_1.updateMultipleSequenceProps)({
+            input: fileContents,
+            changes: group.edits.map((edit) => {
+                return {
+                    nodePath: edit.nodePath.nodePath,
+                    updates: [
+                        {
+                            key: edit.key,
+                            value: edit.value,
+                            defaultValue: edit.defaultValue,
+                        },
+                    ],
+                    schema: no_react_1.NoReactInternals.sequenceSchema,
+                };
+            }),
+            prettierConfigOverride: null,
+        });
+        const [{ logLine: firstLogLine }] = updateResults;
+        outputByPath.set(absolutePath, output);
+        snapshots.push({
+            filePath: absolutePath,
+            oldContents: fileContents,
+            newContents: output,
+            logLine: firstLogLine,
+        });
+        for (const [resultIndex, result] of updateResults.entries()) {
+            const edit = group.edits[resultIndex];
+            resultByIndex.set(edit.index, {
+                oldValueString: result.oldValueStrings[0],
+                logLine: result.logLine,
+                removedProps: result.removedProps,
+                formatted,
+            });
+        }
+    }
+    const [firstEdit] = edits;
+    const firstResult = resultByIndex.get(0);
+    if (!firstResult) {
+        throw new Error('Could not compute sequence prop edit result');
+    }
+    const undoMessage = undoLabel !== null
+        ? `↩️  ${undoLabel}`
+        : edits.length === 1
+            ? `↩️  ${(0, format_prop_change_1.formatPropChange)({
+                key: firstEdit.key,
+                oldValueString: (0, log_update_1.normalizeQuotes)(JSON.stringify(JSON.parse(firstEdit.value))),
+                newValueString: (0, log_update_1.normalizeQuotes)(firstResult.oldValueString),
+                defaultValueString: firstEdit.defaultValue !== null
+                    ? (0, log_update_1.normalizeQuotes)(JSON.stringify(JSON.parse(firstEdit.defaultValue)))
+                    : null,
+                removedProps: [],
+                addedProps: firstResult.removedProps,
+            })}`
+            : '↩️  Update selected sequence props';
+    const redoMessage = redoLabel !== null
+        ? `↪️  ${redoLabel}`
+        : edits.length === 1
+            ? `↪️  ${(0, format_prop_change_1.formatPropChange)({
+                key: firstEdit.key,
+                oldValueString: (0, log_update_1.normalizeQuotes)(firstResult.oldValueString),
+                newValueString: (0, log_update_1.normalizeQuotes)(JSON.stringify(JSON.parse(firstEdit.value))),
+                defaultValueString: firstEdit.defaultValue !== null
+                    ? (0, log_update_1.normalizeQuotes)(JSON.stringify(JSON.parse(firstEdit.defaultValue)))
+                    : null,
+                removedProps: firstResult.removedProps,
+                addedProps: [],
+            })}`
+            : '↪️  Update selected sequence props';
+    (0, undo_stack_1.pushTransactionToUndoStack)({
+        snapshots,
         logLevel,
         remotionRoot,
-        logLine,
-        description: {
-            undoMessage: `↩️  ${undoPropChange}`,
-            redoMessage: `↪️  ${redoPropChange}`,
-        },
+        description: { undoMessage, redoMessage },
         entryType: 'sequence-props',
         suppressHmrOnFileRestore: true,
     });
-    (0, undo_stack_1.suppressUndoStackInvalidation)(absolutePath);
-    (0, watch_ignore_next_change_1.suppressBundlerUpdateForFile)(absolutePath);
-    (0, file_watcher_1.writeFileAndNotifyFileWatchers)(absolutePath, output, clientId);
-    (0, log_update_1.logUpdate)({
-        fileRelativeToRoot,
-        line: logLine,
-        key,
-        oldValueString,
-        newValueString,
-        defaultValueString,
-        formatted,
-        logLevel,
-        removedProps,
-        addedProps: [],
-    });
+    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);
+    }
+    for (const { edits: groupEdits, fileRelativeToRoot } of editGroups.values()) {
+        for (const edit of groupEdits) {
+            const result = resultByIndex.get(edit.index);
+            if (!result) {
+                throw new Error('Could not compute sequence prop edit result');
+            }
+            (0, log_update_1.logUpdate)({
+                fileRelativeToRoot,
+                line: result.logLine,
+                key: edit.key,
+                oldValueString: result.oldValueString,
+                newValueString: edit.valueString,
+                defaultValueString: edit.defaultValueString,
+                formatted: result.formatted,
+                logLevel,
+                removedProps: result.removedProps,
+                addedProps: [],
+            });
+        }
+    }
     (0, undo_stack_1.printUndoHint)(logLevel);
-    const newStatus = (0, can_update_sequence_props_1.computeSequencePropsStatusFromContent)({
-        fileContents: output,
-        keys: (0, studio_shared_1.getAllSchemaKeys)(schema),
-        nodePath: nodePath.nodePath,
-        effects: [],
+    const results = edits.map((edit) => {
+        const { absolutePath } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
+            remotionRoot,
+            fileName: edit.fileName,
+            action: 'modify',
+        });
+        const output = outputByPath.get(absolutePath);
+        if (!output) {
+            throw new Error('Could not compute sequence prop edit status');
+        }
+        const newStatus = (0, can_update_sequence_props_1.computeSequencePropsStatusFromContent)({
+            fileContents: output,
+            keys: (0, studio_shared_1.getAllSchemaKeys)(edit.schema),
+            nodePath: edit.nodePath.nodePath,
+            effects: [],
+        });
+        return {
+            fileName: edit.fileName,
+            nodePath: edit.nodePath,
+            props: newStatus.props,
+        };
     });
     return {
         canUpdate: true,
-        props: newStatus.props,
+        props: results[0].props,
+        results,
     };
 });
 exports.saveSequencePropsHandler = saveSequencePropsHandler;

package/dist/preview-server/routes/unregister-client-render.d.ts

@@ -0,0 +1,4 @@
+import type { ApiHandler } from '../api-types';
+export declare const unregisterClientRenderHandler: ApiHandler<{
+    id: string;
+}, void>;

package/dist/preview-server/routes/unregister-client-render.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.unregisterClientRenderHandler = void 0;
+const client_render_queue_1 = require("../../client-render-queue");
+const validate_same_origin_1 = require("../validate-same-origin");
+const unregisterClientRenderHandler = ({ input: { id }, request, }) => {
+    (0, validate_same_origin_1.validateSameOrigin)(request);
+    (0, client_render_queue_1.removeCompletedClientRender)(id);
+    return Promise.resolve();
+};
+exports.unregisterClientRenderHandler = unregisterClientRenderHandler;

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

@@ -33,6 +33,7 @@ const updateDefaultPropsHandler = async ({ input: { compositionId, defaultProps,
         (0, undo_stack_1.pushToUndoStack)({
             filePath: projectInfo.rootFile,
             oldContents: fileContents,
+            newContents: null,
             logLevel,
             remotionRoot,
             logLine,

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

@@ -38,6 +38,7 @@ export declare const startServer: (options: {
     binariesDirectory: string | null;
     forceIPv4: boolean;
     audioLatencyHint: AudioContextLatencyCategory | null;
+    previewSampleRate: number | null;
     enableCrossSiteIsolation: boolean;
     askAIEnabled: boolean;
     forceNew: boolean;

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

@@ -102,6 +102,7 @@ const startServer = async (options) => {
                 gitSource: options.gitSource,
                 binariesDirectory: options.binariesDirectory,
                 audioLatencyHint: options.audioLatencyHint,
+                previewSampleRate: options.previewSampleRate,
                 enableCrossSiteIsolation: options.enableCrossSiteIsolation,
             });
         })

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

@@ -4,11 +4,18 @@ export interface UndoEntryDescription {
     redoMessage: string;
 }
 type UndoEntryType = 'visual-control' | 'default-props' | 'sequence-props' | 'effect-props' | 'delete-effect' | 'delete-jsx-node' | 'duplicate-jsx-node' | 'delete-composition' | 'rename-composition' | 'duplicate-composition';
-type UndoEntry = {
+type UndoEntrySnapshot = {
     filePath: string;
     oldContents: string;
+    newContents: string | null;
+    /** 1-based source line for terminal/IDE file links (e.g. path:line). */
+    logLine: number;
+};
+type UndoEntry = {
+    filePath: string;
     /** 1-based source line for terminal/IDE file links (e.g. path:line). */
     logLine: number;
+    snapshots: UndoEntrySnapshot[];
     description: UndoEntryDescription;
     /** When true, undo/redo file restores call `suppressBundlerUpdateForFile` (skip HMR refresh). */
     suppressHmrOnFileRestore: boolean;
@@ -33,9 +40,10 @@ type UndoEntry = {
 } | {
     entryType: 'duplicate-composition';
 });
-export declare function pushToUndoStack({ filePath, oldContents, logLevel, remotionRoot, logLine, description, entryType, suppressHmrOnFileRestore }: {
+export declare function pushToUndoStack({ filePath, oldContents, newContents, logLevel, remotionRoot, logLine, description, entryType, suppressHmrOnFileRestore }: {
     filePath: string;
     oldContents: string;
+    newContents: string | null;
     logLevel: LogLevel;
     remotionRoot: string;
     logLine: number;
@@ -43,10 +51,24 @@ export declare function pushToUndoStack({ filePath, oldContents, logLevel, remot
     entryType: UndoEntryType;
     suppressHmrOnFileRestore: boolean;
 }): void;
+export declare function pushTransactionToUndoStack({ snapshots, logLevel, remotionRoot, description, entryType, suppressHmrOnFileRestore }: {
+    snapshots: Array<{
+        filePath: string;
+        oldContents: string;
+        newContents: string | null;
+        logLine: number;
+    }>;
+    logLevel: LogLevel;
+    remotionRoot: string;
+    description: UndoEntryDescription;
+    entryType: UndoEntryType;
+    suppressHmrOnFileRestore: boolean;
+}): void;
 export declare function printUndoHint(logLevel: LogLevel): void;
-export declare function pushToRedoStack({ filePath, oldContents, logLine, description, entryType, suppressHmrOnFileRestore }: {
+export declare function pushToRedoStack({ filePath, oldContents, newContents, logLine, description, entryType, suppressHmrOnFileRestore }: {
     filePath: string;
     oldContents: string;
+    newContents: string | null;
     logLine: number;
     description: UndoEntryDescription;
     entryType: UndoEntryType;
@@ -67,4 +89,5 @@ export declare function popRedo(): {
 };
 export declare function getUndoStack(): readonly UndoEntry[];
 export declare function getRedoStack(): readonly UndoEntry[];
+export declare function clearUndoStackForTests(): void;
 export {};

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.pushToUndoStack = pushToUndoStack;
+exports.pushTransactionToUndoStack = pushTransactionToUndoStack;
 exports.printUndoHint = printUndoHint;
 exports.pushToRedoStack = pushToRedoStack;
 exports.suppressUndoStackInvalidation = suppressUndoStackInvalidation;
@@ -8,6 +9,7 @@ exports.popUndo = popUndo;
 exports.popRedo = popRedo;
 exports.getUndoStack = getUndoStack;
 exports.getRedoStack = getRedoStack;
+exports.clearUndoStackForTests = clearUndoStackForTests;
 const node_fs_1 = require("node:fs");
 const renderer_1 = require("@remotion/renderer");
 const parse_ast_1 = require("../codemods/parse-ast");
@@ -35,23 +37,60 @@ function broadcastState() {
         });
     });
 }
-function pushToUndoStack({ filePath, oldContents, logLevel, remotionRoot, logLine, description, entryType, suppressHmrOnFileRestore, }) {
+const entryTouchesFile = (entry, filePath) => {
+    return entry.snapshots.some((snapshot) => snapshot.filePath === filePath);
+};
+const getEntryFilePaths = (entry) => {
+    return entry.snapshots.map((snapshot) => snapshot.filePath);
+};
+const makeUndoEntry = ({ snapshots, description, entryType, suppressHmrOnFileRestore, }) => {
+    if (snapshots.length === 0) {
+        throw new Error('Cannot create an undo entry without snapshots');
+    }
+    return {
+        filePath: snapshots[0].filePath,
+        logLine: snapshots[0].logLine,
+        snapshots,
+        description,
+        entryType,
+        suppressHmrOnFileRestore,
+    };
+};
+function pushToUndoStack({ filePath, oldContents, newContents, logLevel, remotionRoot, logLine, description, entryType, suppressHmrOnFileRestore, }) {
+    pushTransactionToUndoStack({
+        snapshots: [
+            {
+                filePath,
+                oldContents,
+                newContents,
+                logLine,
+            },
+        ],
+        logLevel,
+        remotionRoot,
+        description,
+        entryType,
+        suppressHmrOnFileRestore,
+    });
+}
+function pushTransactionToUndoStack({ snapshots, logLevel, remotionRoot, description, entryType, suppressHmrOnFileRestore, }) {
     storedLogLevel = logLevel;
     storedRemotionRoot = remotionRoot;
-    undoStack.push({
-        filePath,
-        oldContents,
-        logLine,
+    const entry = makeUndoEntry({
+        snapshots,
         description,
         entryType,
         suppressHmrOnFileRestore,
     });
+    undoStack.push(entry);
     if (undoStack.length > MAX_ENTRIES) {
         undoStack.shift();
     }
     redoStack.length = 0;
-    renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel }, renderer_1.RenderInternals.chalk.gray(`Undo stack: added entry for ${filePath} (${undoStack.length} items)`));
-    ensureWatching(filePath);
+    renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel }, renderer_1.RenderInternals.chalk.gray(`Undo stack: added entry for ${entry.filePath} (${undoStack.length} items)`));
+    for (const filePath of getEntryFilePaths(entry)) {
+        ensureWatching(filePath);
+    }
     broadcastState();
 }
 function printUndoHint(logLevel) {
@@ -61,20 +100,28 @@ function printUndoHint(logLevel) {
         renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, renderer_1.RenderInternals.chalk.gray(`Tip: ${shortcut} in Studio to undo`));
     }
 }
-function pushToRedoStack({ filePath, oldContents, logLine, description, entryType, suppressHmrOnFileRestore, }) {
-    redoStack.push({
-        filePath,
-        oldContents,
-        logLine,
+function pushToRedoStack({ filePath, oldContents, newContents, logLine, description, entryType, suppressHmrOnFileRestore, }) {
+    const entry = makeUndoEntry({
+        snapshots: [
+            {
+                filePath,
+                oldContents,
+                newContents,
+                logLine,
+            },
+        ],
         description,
         entryType,
         suppressHmrOnFileRestore,
     });
+    redoStack.push(entry);
     if (redoStack.length > MAX_ENTRIES) {
         redoStack.shift();
     }
-    renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel: storedLogLevel }, renderer_1.RenderInternals.chalk.gray(`Redo stack: added entry for ${filePath} (${redoStack.length} items)`));
-    ensureWatching(filePath);
+    renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel: storedLogLevel }, renderer_1.RenderInternals.chalk.gray(`Redo stack: added entry for ${entry.filePath} (${redoStack.length} items)`));
+    for (const watchedFilePath of getEntryFilePaths(entry)) {
+        ensureWatching(watchedFilePath);
+    }
     broadcastState();
 }
 function suppressUndoStackInvalidation(filePath) {
@@ -109,7 +156,7 @@ function invalidateForFile(filePath) {
     let changed = false;
     let lastUndoIndex = -1;
     for (let i = undoStack.length - 1; i >= 0; i--) {
-        if (undoStack[i].filePath === filePath) {
+        if (entryTouchesFile(undoStack[i], filePath)) {
             lastUndoIndex = i;
             break;
         }
@@ -122,7 +169,7 @@ function invalidateForFile(filePath) {
     }
     let lastRedoIndex = -1;
     for (let i = redoStack.length - 1; i >= 0; i--) {
-        if (redoStack[i].filePath === filePath) {
+        if (entryTouchesFile(redoStack[i], filePath)) {
             lastRedoIndex = i;
             break;
         }
@@ -140,8 +187,8 @@ function invalidateForFile(filePath) {
 }
 function cleanupWatchers() {
     const filesInStacks = new Set([
-        ...undoStack.map((e) => e.filePath),
-        ...redoStack.map((e) => e.filePath),
+        ...undoStack.flatMap(getEntryFilePaths),
+        ...redoStack.flatMap(getEntryFilePaths),
     ]);
     for (const [filePath, watcher] of watchers) {
         if (!filesInStacks.has(filePath)) {
@@ -182,26 +229,39 @@ function popUndo() {
     if (!entry) {
         return { success: false, reason: 'Nothing to undo' };
     }
-    const currentContents = (0, node_fs_1.readFileSync)(entry.filePath, 'utf-8');
-    redoStack.push({
-        filePath: entry.filePath,
-        oldContents: currentContents,
-        logLine: entry.logLine,
+    const redoSnapshots = entry.snapshots.map((snapshot) => {
+        var _a;
+        return {
+            ...snapshot,
+            newContents: (_a = snapshot.newContents) !== null && _a !== void 0 ? _a : (0, node_fs_1.readFileSync)(snapshot.filePath, 'utf-8'),
+        };
+    });
+    redoStack.push(makeUndoEntry({
+        snapshots: redoSnapshots,
         description: entry.description,
         entryType: entry.entryType,
         suppressHmrOnFileRestore: entry.suppressHmrOnFileRestore,
-    });
-    suppressUndoStackInvalidation(entry.filePath);
-    if (entry.suppressHmrOnFileRestore) {
-        (0, watch_ignore_next_change_1.suppressBundlerUpdateForFile)(entry.filePath);
+    }));
+    if (redoStack.length > MAX_ENTRIES) {
+        redoStack.shift();
+    }
+    for (const snapshot of entry.snapshots) {
+        suppressUndoStackInvalidation(snapshot.filePath);
+        if (entry.suppressHmrOnFileRestore) {
+            (0, watch_ignore_next_change_1.suppressBundlerUpdateForFile)(snapshot.filePath);
+        }
+        (0, file_watcher_1.writeFileAndNotifyFileWatchers)(snapshot.filePath, snapshot.oldContents, undefined);
     }
-    (0, file_watcher_1.writeFileAndNotifyFileWatchers)(entry.filePath, entry.oldContents, undefined);
     renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel: storedLogLevel }, renderer_1.RenderInternals.chalk.gray(`Undo: restored ${entry.filePath} (undo: ${undoStack.length}, redo: ${redoStack.length})`));
     logFileAction(entry.description.undoMessage, entry.filePath, entry.logLine);
     if (entry.entryType === 'visual-control') {
-        emitVisualControlChanges(entry.oldContents);
+        for (const snapshot of entry.snapshots) {
+            emitVisualControlChanges(snapshot.oldContents);
+        }
+    }
+    for (const filePath of getEntryFilePaths(entry)) {
+        ensureWatching(filePath);
     }
-    ensureWatching(entry.filePath);
     broadcastState();
     return { success: true };
 }
@@ -210,32 +270,60 @@ function popRedo() {
     if (!entry) {
         return { success: false, reason: 'Nothing to redo' };
     }
-    const currentContents = (0, node_fs_1.readFileSync)(entry.filePath, 'utf-8');
-    undoStack.push({
-        filePath: entry.filePath,
-        oldContents: currentContents,
-        logLine: entry.logLine,
+    const snapshotsWithNewContents = [];
+    for (const snapshot of entry.snapshots) {
+        if (snapshot.newContents === null) {
+            return { success: false, reason: 'Redo entry is incomplete' };
+        }
+        snapshotsWithNewContents.push({
+            ...snapshot,
+            newContents: snapshot.newContents,
+        });
+    }
+    undoStack.push(makeUndoEntry({
+        snapshots: snapshotsWithNewContents,
         description: entry.description,
         entryType: entry.entryType,
         suppressHmrOnFileRestore: entry.suppressHmrOnFileRestore,
-    });
-    suppressUndoStackInvalidation(entry.filePath);
-    if (entry.suppressHmrOnFileRestore) {
-        (0, watch_ignore_next_change_1.suppressBundlerUpdateForFile)(entry.filePath);
+    }));
+    if (undoStack.length > MAX_ENTRIES) {
+        undoStack.shift();
+    }
+    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)(entry.filePath, entry.oldContents, undefined);
     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);
     if (entry.entryType === 'visual-control') {
-        emitVisualControlChanges(entry.oldContents);
+        for (const snapshot of entry.snapshots) {
+            if (snapshot.newContents !== null) {
+                emitVisualControlChanges(snapshot.newContents);
+            }
+        }
+    }
+    for (const filePath of getEntryFilePaths(entry)) {
+        ensureWatching(filePath);
     }
-    ensureWatching(entry.filePath);
     broadcastState();
     return { success: true };
 }
+/*
+ * Keep stack accessors typed as readonly arrays so callers can only inspect
+ * whether undo/redo is available and which file represents the top entry.
+ */
 function getUndoStack() {
     return undoStack;
 }
 function getRedoStack() {
     return redoStack;
 }
+function clearUndoStackForTests() {
+    undoStack.length = 0;
+    redoStack.length = 0;
+    suppressedWrites.clear();
+    cleanupWatchers();
+}

package/dist/preview-server/validate-same-origin.d.ts

@@ -0,0 +1,2 @@
+import type { IncomingMessage } from 'node:http';
+export declare const validateSameOrigin: (req: IncomingMessage) => void;

package/dist/preview-server/validate-same-origin.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateSameOrigin = void 0;
+const validateSameOrigin = (req) => {
+    const { origin, host } = req.headers;
+    if (origin) {
+        const originUrl = new URL(origin);
+        if (originUrl.host !== host) {
+            throw new Error('Request from different origin not allowed');
+        }
+    }
+};
+exports.validateSameOrigin = validateSameOrigin;

package/dist/routes.d.ts

@@ -2,7 +2,7 @@ import type { IncomingMessage, ServerResponse } from 'node:http';
 import type { GitSource, RenderDefaults, RenderJob } 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, numberOfAudioTags, queueMethods: methods, gitSource, binariesDirectory, audioLatencyHint, enableCrossSiteIsolation, }: {
+export declare const handleRoutes: ({ staticHash, staticHashPrefix, outputHash, outputHashPrefix, request, response, liveEventsServer, getCurrentInputProps, getEnvVariables, remotionRoot, entryPoint, publicDir, logLevel, getRenderQueue, getRenderDefaults, numberOfAudioTags, queueMethods: methods, gitSource, binariesDirectory, audioLatencyHint, previewSampleRate, enableCrossSiteIsolation, }: {
     staticHash: string;
     staticHashPrefix: string;
     outputHash: string;
@@ -23,5 +23,6 @@ export declare const handleRoutes: ({ staticHash, staticHashPrefix, outputHash,
     gitSource: GitSource | null;
     binariesDirectory: string | null;
     audioLatencyHint: AudioContextLatencyCategory | null;
+    previewSampleRate: number | null;
     enableCrossSiteIsolation: boolean;
 }) => Promise<void>;