@remotion/studio-server 4.0.484 → 4.0.486

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

@@ -4,15 +4,41 @@ exports.saveSequencePropsHandler = exports.shouldSuppressHmrForSequencePropEdits
 const node_fs_1 = require("node:fs");
 const renderer_1 = require("@remotion/renderer");
 const studio_shared_1 = require("@remotion/studio-shared");
+const update_keyframes_1 = require("../../codemods/update-keyframes/update-keyframes");
 const update_sequence_props_1 = require("../../codemods/update-sequence-props/update-sequence-props");
 const file_watcher_1 = require("../../file-watcher");
 const resolve_file_inside_project_1 = require("../../helpers/resolve-file-inside-project");
 const undo_stack_1 = require("../undo-stack");
 const watch_ignore_next_change_1 = require("../watch-ignore-next-change");
 const can_update_sequence_props_1 = require("./can-update-sequence-props");
+const log_effect_update_1 = require("./log-updates/log-effect-update");
 const log_update_1 = require("./log-updates/log-update");
-const save_props_mutex_1 = require("./save-props-mutex");
+const source_file_write_queue_1 = require("./source-file-write-queue");
+const parseSequencePropEditValue = (value) => {
+    if (value.type === 'undefined') {
+        return undefined;
+    }
+    return JSON.parse(value.serialized);
+};
+const stringifySequencePropEditValue = (value) => {
+    if (value === undefined) {
+        return 'undefined';
+    }
+    return JSON.stringify(value);
+};
+const groupBy = (items, getKey) => {
+    var _a;
+    const groups = new Map();
+    for (const item of items) {
+        const key = getKey(item);
+        const group = (_a = groups.get(key)) !== null && _a !== void 0 ? _a : [];
+        group.push(item);
+        groups.set(key, group);
+    }
+    return [...groups.values()];
+};
 const convertSequencePropEditToCodemodChange = (edit) => {
+    var _a;
     return {
         nodePath: edit.nodePath.nodePath,
         updates: [
@@ -20,6 +46,7 @@ const convertSequencePropEditToCodemodChange = (edit) => {
                 key: edit.key,
                 value: edit.value,
                 defaultValue: edit.defaultValue,
+                googleFont: ((_a = edit.sourceEdit) === null || _a === void 0 ? void 0 : _a.type) === 'google-font' ? edit.sourceEdit.font : null,
             },
         ],
         schema: edit.schema,
@@ -27,18 +54,21 @@ const convertSequencePropEditToCodemodChange = (edit) => {
 };
 exports.convertSequencePropEditToCodemodChange = convertSequencePropEditToCodemodChange;
 const shouldSuppressHmrForSequencePropEdits = (edits) => {
-    return edits.every((edit) => edit.key !== 'showInTimeline');
+    return edits.every((edit) => edit.key !== 'showInTimeline' &&
+        (edit.sourceEdit === null || edit.sourceEdit === undefined));
 };
 exports.shouldSuppressHmrForSequencePropEdits = shouldSuppressHmrForSequencePropEdits;
-const saveSequencePropsHandler = ({ input: { edits, clientId, undoLabel, redoLabel }, remotionRoot, logLevel, }) => (0, save_props_mutex_1.withSavePropsLock)(async () => {
-    var _a;
-    if (edits.length === 0) {
+const saveSequencePropsHandler = ({ input: { edits, movedKeyframes = { sequenceKeyframes: [], effectKeyframes: [] }, clientId, undoLabel, redoLabel, }, remotionRoot, logLevel, }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
+    var _a, _b, _c;
+    const totalKeyframeMoves = movedKeyframes.sequenceKeyframes.length +
+        movedKeyframes.effectKeyframes.length;
+    if (edits.length === 0 && totalKeyframeMoves === 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)`);
+    renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[save-sequence-props] Received request with ${edits.length} edit(s) and ${totalKeyframeMoves} moved keyframe(s)`);
     const editGroups = new Map();
     for (const [index, edit] of edits.entries()) {
-        const parsedValue = JSON.parse(edit.value);
+        const parsedValue = parseSequencePropEditValue(edit.value);
         const parsedDefaultValue = edit.defaultValue !== null ? JSON.parse(edit.defaultValue) : null;
         const { absolutePath, fileRelativeToRoot } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
             remotionRoot,
@@ -48,6 +78,8 @@ const saveSequencePropsHandler = ({ input: { edits, clientId, undoLabel, redoLab
         const group = (_a = editGroups.get(absolutePath)) !== null && _a !== void 0 ? _a : {
             fileRelativeToRoot,
             edits: [],
+            sequenceKeyframes: [],
+            effectKeyframes: [],
         };
         group.edits.push({
             index,
@@ -55,42 +87,165 @@ const saveSequencePropsHandler = ({ input: { edits, clientId, undoLabel, redoLab
             nodePath: edit.nodePath,
             key: edit.key,
             value: parsedValue,
-            valueString: JSON.stringify(parsedValue),
+            valueString: stringifySequencePropEditValue(parsedValue),
             defaultValue: parsedDefaultValue,
             defaultValueString: parsedDefaultValue !== null
                 ? JSON.stringify(parsedDefaultValue)
                 : null,
             schema: edit.schema,
+            sourceEdit: edit.sourceEdit,
         });
         editGroups.set(absolutePath, group);
     }
+    for (const [index, keyframe,] of movedKeyframes.sequenceKeyframes.entries()) {
+        const { absolutePath, fileRelativeToRoot } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
+            remotionRoot,
+            fileName: keyframe.fileName,
+            action: 'modify',
+        });
+        const group = (_b = editGroups.get(absolutePath)) !== null && _b !== void 0 ? _b : {
+            fileRelativeToRoot,
+            edits: [],
+            sequenceKeyframes: [],
+            effectKeyframes: [],
+        };
+        group.sequenceKeyframes.push({ ...keyframe, index });
+        editGroups.set(absolutePath, group);
+    }
+    for (const [index, keyframe] of movedKeyframes.effectKeyframes.entries()) {
+        const { absolutePath, fileRelativeToRoot } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
+            remotionRoot,
+            fileName: keyframe.fileName,
+            action: 'modify',
+        });
+        const group = (_c = editGroups.get(absolutePath)) !== null && _c !== void 0 ? _c : {
+            fileRelativeToRoot,
+            edits: [],
+            sequenceKeyframes: [],
+            effectKeyframes: [],
+        };
+        group.effectKeyframes.push({ ...keyframe, index });
+        editGroups.set(absolutePath, group);
+    }
     const snapshots = [];
     const outputByPath = new Map();
     const resultByIndex = new Map();
+    const sequenceKeyframeLogs = [];
+    const effectKeyframeLogs = [];
     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(exports.convertSequencePropEditToCodemodChange),
-            prettierConfigOverride: null,
-        });
-        const [{ logLine: firstLogLine }] = updateResults;
+        let output = fileContents;
+        let firstLogLine = Number.POSITIVE_INFINITY;
+        if (group.edits.length > 0) {
+            const { output: sequencePropsOutput, formatted, results: updateResults, } = await (0, update_sequence_props_1.updateMultipleSequenceProps)({
+                input: output,
+                changes: group.edits.map(exports.convertSequencePropEditToCodemodChange),
+                prettierConfigOverride: null,
+            });
+            output = sequencePropsOutput;
+            const firstUpdate = updateResults[0];
+            if (firstUpdate) {
+                firstLogLine = Math.min(firstLogLine, firstUpdate.logLine);
+            }
+            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,
+                });
+            }
+        }
+        for (const keyframeGroup of groupBy(group.sequenceKeyframes, (keyframe) => JSON.stringify(keyframe.nodePath.nodePath))) {
+            const [firstSequenceKeyframe] = keyframeGroup;
+            if (!firstSequenceKeyframe) {
+                continue;
+            }
+            const updates = groupBy(keyframeGroup, (keyframe) => keyframe.key).map((keyframes) => {
+                const [firstMove] = keyframes;
+                if (!firstMove) {
+                    throw new Error('Expected keyframe');
+                }
+                return {
+                    key: firstMove.key,
+                    operation: {
+                        type: 'move',
+                        moves: keyframes.map((keyframe) => ({
+                            fromFrame: keyframe.fromFrame,
+                            toFrame: keyframe.toFrame,
+                        })),
+                    },
+                };
+            });
+            const result = await (0, update_keyframes_1.updateSequenceKeyframes)({
+                input: output,
+                nodePath: firstSequenceKeyframe.nodePath.nodePath,
+                schema: firstSequenceKeyframe.schema,
+                updates,
+            });
+            output = result.output;
+            firstLogLine = Math.min(firstLogLine, result.logLine);
+            for (const [updateIndex, update] of updates.entries()) {
+                sequenceKeyframeLogs.push({
+                    fileRelativeToRoot: group.fileRelativeToRoot,
+                    line: result.logLine,
+                    key: update.key,
+                    oldValueString: result.oldValueStrings[updateIndex],
+                    newValueString: result.newValueStrings[updateIndex],
+                    formatted: result.formatted,
+                });
+            }
+        }
+        for (const keyframeGroup of groupBy(group.effectKeyframes, (keyframe) => `${JSON.stringify(keyframe.sequenceNodePath.nodePath)}:${keyframe.effectIndex}`)) {
+            const [firstEffectKeyframe] = keyframeGroup;
+            if (!firstEffectKeyframe) {
+                continue;
+            }
+            const updates = groupBy(keyframeGroup, (keyframe) => keyframe.key).map((keyframes) => {
+                const [firstMove] = keyframes;
+                if (!firstMove) {
+                    throw new Error('Expected keyframe');
+                }
+                return {
+                    key: firstMove.key,
+                    operation: {
+                        type: 'move',
+                        moves: keyframes.map((keyframe) => ({
+                            fromFrame: keyframe.fromFrame,
+                            toFrame: keyframe.toFrame,
+                        })),
+                    },
+                };
+            });
+            const result = await (0, update_keyframes_1.updateEffectKeyframes)({
+                input: output,
+                sequenceNodePath: firstEffectKeyframe.sequenceNodePath.nodePath,
+                effectIndex: firstEffectKeyframe.effectIndex,
+                schema: firstEffectKeyframe.schema,
+                updates,
+            });
+            output = result.output;
+            firstLogLine = Math.min(firstLogLine, result.logLine);
+            for (const [updateIndex, update] of updates.entries()) {
+                effectKeyframeLogs.push({
+                    fileRelativeToRoot: group.fileRelativeToRoot,
+                    line: result.logLine,
+                    effectName: result.effectCallee,
+                    propKey: update.key,
+                    oldValueString: result.oldValueStrings[updateIndex],
+                    newValueString: result.newValueStrings[updateIndex],
+                    formatted: result.formatted,
+                });
+            }
+        }
         outputByPath.set(absolutePath, output);
         snapshots.push({
             filePath: absolutePath,
             oldContents: fileContents,
             newContents: output,
-            logLine: firstLogLine,
+            logLine: Number.isFinite(firstLogLine) ? firstLogLine : 1,
         });
-        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 undoMessage = `↩️  ${undoLabel}`;
     const redoMessage = `↪️  ${redoLabel}`;
@@ -130,6 +285,35 @@ const saveSequencePropsHandler = ({ input: { edits, clientId, undoLabel, redoLab
             });
         }
     }
+    for (const log of sequenceKeyframeLogs) {
+        (0, log_update_1.logUpdate)({
+            fileRelativeToRoot: log.fileRelativeToRoot,
+            line: log.line,
+            key: log.key,
+            oldValueString: log.oldValueString,
+            newValueString: log.newValueString,
+            defaultValueString: null,
+            formatted: log.formatted,
+            logLevel,
+            removedProps: [],
+            addedProps: [],
+        });
+    }
+    for (const log of effectKeyframeLogs) {
+        (0, log_effect_update_1.logEffectUpdate)({
+            fileRelativeToRoot: log.fileRelativeToRoot,
+            line: log.line,
+            effectName: log.effectName,
+            propKey: log.propKey,
+            oldValueString: log.oldValueString,
+            newValueString: log.newValueString,
+            defaultValueString: null,
+            formatted: log.formatted,
+            logLevel,
+            removedProps: [],
+            addedProps: [],
+        });
+    }
     (0, undo_stack_1.printUndoHint)(logLevel);
     const results = edits.map((edit) => {
         const { absolutePath } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({

package/dist/preview-server/routes/source-file-write-queue.d.ts

@@ -0,0 +1 @@
+export declare const withSourceFileWriteQueue: <T>(fn: () => Promise<T>) => Promise<T>;

package/dist/preview-server/routes/source-file-write-queue.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withSourceFileWriteQueue = void 0;
+let chain = Promise.resolve();
+const withSourceFileWriteQueue = (fn) => {
+    const run = () => fn();
+    const next = chain.then(run, run);
+    chain = next.then(() => undefined, () => undefined);
+    return next;
+};
+exports.withSourceFileWriteQueue = withSourceFileWriteQueue;

package/dist/preview-server/routes/split-jsx-sequence.d.ts

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

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

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.splitJsxSequenceHandler = void 0;
+const node_fs_1 = require("node:fs");
+const renderer_1 = require("@remotion/renderer");
+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 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");
+const splitJsxSequenceHandler = ({ input: { fileName, nodePath, splitFrame }, remotionRoot, logLevel }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
+    try {
+        renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[split-jsx-sequence] Received request for fileName="${fileName}" at frame ${splitFrame}`);
+        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, formatted, nodeLabel, logLine } = await (0, split_jsx_sequence_1.splitJsxSequence)({
+            input: fileContents,
+            nodePath,
+            splitFrame,
+        });
+        (0, undo_stack_1.pushToUndoStack)({
+            filePath: absolutePath,
+            oldContents: fileContents,
+            newContents: null,
+            logLevel,
+            remotionRoot,
+            logLine,
+            description: {
+                undoMessage: `↩️  Split of ${nodeLabel}`,
+                redoMessage: `↪️  Split of ${nodeLabel}`,
+            },
+            entryType: 'split-jsx-sequence',
+            suppressHmrOnFileRestore: false,
+        });
+        (0, undo_stack_1.suppressUndoStackInvalidation)(absolutePath);
+        (0, file_watcher_1.writeFileAndNotifyFileWatchers)(absolutePath, output, undefined);
+        const locationLabel = (0, format_log_file_location_1.formatLogFileLocation)({
+            remotionRoot,
+            absolutePath,
+            line: logLine,
+        });
+        renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${renderer_1.RenderInternals.chalk.blueBright(`${locationLabel}`)} Split ${nodeLabel}`);
+        if (!formatted) {
+            (0, log_update_1.warnAboutPrettierOnce)(logLevel);
+        }
+        renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel }, `[split-jsx-sequence] Wrote ${fileRelativeToRoot}${formatted ? ' (formatted)' : ''}`);
+        (0, undo_stack_1.printUndoHint)(logLevel);
+        return {
+            success: true,
+        };
+    }
+    catch (err) {
+        return {
+            success: false,
+            reason: err.message,
+            stack: err.stack,
+        };
+    }
+});
+exports.splitJsxSequenceHandler = splitJsxSequenceHandler;

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

@@ -11,62 +11,65 @@ const undo_stack_1 = require("../undo-stack");
 const watch_ignore_next_change_1 = require("../watch-ignore-next-change");
 const can_update_default_props_1 = require("./can-update-default-props");
 const log_update_1 = require("./log-updates/log-update");
-const updateDefaultPropsHandler = async ({ input: { compositionId, defaultProps, enumPaths }, remotionRoot, entryPoint, logLevel, }) => {
-    try {
-        renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[update-default-props] Received request for compositionId="${compositionId}"`);
-        const projectInfo = await (0, project_info_1.getProjectInfo)(remotionRoot, entryPoint);
-        if (!projectInfo.rootFile) {
-            throw new Error('Cannot find root file in project');
+const source_file_write_queue_1 = require("./source-file-write-queue");
+const updateDefaultPropsHandler = ({ input: { compositionId, defaultProps, enumPaths }, remotionRoot, entryPoint, logLevel, }) => {
+    return (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
+        try {
+            renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[update-default-props] Received request for compositionId="${compositionId}"`);
+            const projectInfo = await (0, project_info_1.getProjectInfo)(remotionRoot, entryPoint);
+            if (!projectInfo.rootFile) {
+                throw new Error('Cannot find root file in project');
+            }
+            (0, can_update_default_props_1.checkIfTypeScriptFile)(projectInfo.rootFile);
+            const fileContents = (0, node_fs_1.readFileSync)(projectInfo.rootFile, 'utf-8');
+            const logLine = (0, update_default_props_1.getCompositionDefaultPropsLine)({
+                input: fileContents,
+                compositionId,
+            });
+            const { output, formatted } = await (0, update_default_props_1.updateDefaultProps)({
+                compositionId,
+                input: fileContents,
+                newDefaultProps: JSON.parse(defaultProps),
+                enumPaths,
+            });
+            (0, undo_stack_1.pushToUndoStack)({
+                filePath: projectInfo.rootFile,
+                oldContents: fileContents,
+                newContents: null,
+                logLevel,
+                remotionRoot,
+                logLine,
+                description: {
+                    undoMessage: `↩️  default props update for "${compositionId}"`,
+                    redoMessage: `↪️  default props update for "${compositionId}"`,
+                },
+                entryType: 'default-props',
+                suppressHmrOnFileRestore: true,
+            });
+            (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);
+            const locationLabel = (0, format_log_file_location_1.formatLogFileLocation)({
+                remotionRoot,
+                absolutePath: projectInfo.rootFile,
+                line: logLine,
+            });
+            renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${renderer_1.RenderInternals.chalk.blueBright(`${locationLabel}`)} Updated default props for "${compositionId}"`);
+            if (!formatted) {
+                (0, log_update_1.warnAboutPrettierOnce)(logLevel);
+            }
+            (0, undo_stack_1.printUndoHint)(logLevel);
+            return {
+                success: true,
+            };
         }
-        (0, can_update_default_props_1.checkIfTypeScriptFile)(projectInfo.rootFile);
-        const fileContents = (0, node_fs_1.readFileSync)(projectInfo.rootFile, 'utf-8');
-        const logLine = (0, update_default_props_1.getCompositionDefaultPropsLine)({
-            input: fileContents,
-            compositionId,
-        });
-        const { output, formatted } = await (0, update_default_props_1.updateDefaultProps)({
-            compositionId,
-            input: fileContents,
-            newDefaultProps: JSON.parse(defaultProps),
-            enumPaths,
-        });
-        (0, undo_stack_1.pushToUndoStack)({
-            filePath: projectInfo.rootFile,
-            oldContents: fileContents,
-            newContents: null,
-            logLevel,
-            remotionRoot,
-            logLine,
-            description: {
-                undoMessage: `↩️  default props update for "${compositionId}"`,
-                redoMessage: `↪️  default props update for "${compositionId}"`,
-            },
-            entryType: 'default-props',
-            suppressHmrOnFileRestore: true,
-        });
-        (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);
-        const locationLabel = (0, format_log_file_location_1.formatLogFileLocation)({
-            remotionRoot,
-            absolutePath: projectInfo.rootFile,
-            line: logLine,
-        });
-        renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${renderer_1.RenderInternals.chalk.blueBright(`${locationLabel}`)} Updated default props for "${compositionId}"`);
-        if (!formatted) {
-            (0, log_update_1.warnAboutPrettierOnce)(logLevel);
+        catch (err) {
+            return {
+                success: false,
+                reason: err.message,
+                stack: err.stack,
+            };
         }
-        (0, undo_stack_1.printUndoHint)(logLevel);
-        return {
-            success: true,
-        };
-    }
-    catch (err) {
-        return {
-            success: false,
-            reason: err.message,
-            stack: err.stack,
-        };
-    }
+    });
 };
 exports.updateDefaultPropsHandler = updateDefaultPropsHandler;

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

@@ -13,8 +13,8 @@ const watch_ignore_next_change_1 = require("../watch-ignore-next-change");
 const can_update_effect_props_1 = require("./can-update-effect-props");
 const can_update_sequence_props_1 = require("./can-update-sequence-props");
 const log_effect_update_1 = require("./log-updates/log-effect-update");
-const save_props_mutex_1 = require("./save-props-mutex");
-const updateEffectKeyframeSettingsHandler = ({ input: { fileName, sequenceNodePath, effectIndex, key, settings, schema, clientId, }, remotionRoot, logLevel, }) => (0, save_props_mutex_1.withSavePropsLock)(async () => {
+const source_file_write_queue_1 = require("./source-file-write-queue");
+const updateEffectKeyframeSettingsHandler = ({ input: { fileName, sequenceNodePath, effectIndex, key, settings, schema, clientId, }, remotionRoot, logLevel, }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
     renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[update-effect-keyframe-settings] Received request for fileName="${fileName}" effectIndex=${effectIndex} key="${key}"`);
     const { absolutePath, fileRelativeToRoot } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
         remotionRoot,

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

@@ -11,8 +11,8 @@ const undo_stack_1 = require("../undo-stack");
 const watch_ignore_next_change_1 = require("../watch-ignore-next-change");
 const can_update_sequence_props_1 = require("./can-update-sequence-props");
 const log_update_1 = require("./log-updates/log-update");
-const save_props_mutex_1 = require("./save-props-mutex");
-const updateSequenceKeyframeSettingsHandler = ({ input: { fileName, nodePath, key, settings, schema, clientId }, remotionRoot, logLevel, }) => (0, save_props_mutex_1.withSavePropsLock)(async () => {
+const source_file_write_queue_1 = require("./source-file-write-queue");
+const updateSequenceKeyframeSettingsHandler = ({ input: { fileName, nodePath, key, settings, schema, clientId }, remotionRoot, logLevel, }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
     renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[update-sequence-keyframe-settings] Received request for fileName="${fileName}" key="${key}"`);
     const { absolutePath, fileRelativeToRoot } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
         remotionRoot,

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

@@ -3,7 +3,7 @@ export interface UndoEntryDescription {
     undoMessage: string;
     redoMessage: string;
 }
-type UndoEntryType = 'visual-control' | 'default-props' | 'sequence-props' | 'effect-props' | 'keyframe-add' | 'keyframe-delete' | 'add-effect' | 'delete-effect' | 'duplicate-effect' | 'paste-effects' | 'reorder-effect' | 'reorder-sequence' | 'delete-jsx-node' | 'duplicate-jsx-node' | 'insert-jsx-element' | 'delete-composition' | 'rename-composition' | 'new-composition' | 'duplicate-composition' | 'delete-folder' | 'rename-folder';
+type UndoEntryType = 'visual-control' | 'default-props' | 'sequence-props' | 'effect-props' | 'keyframe-add' | 'keyframe-delete' | 'add-effect' | 'delete-effect' | 'duplicate-effect' | 'paste-effects' | 'reorder-effect' | 'reorder-sequence' | 'delete-jsx-node' | 'duplicate-jsx-node' | 'split-jsx-sequence' | 'insert-jsx-element' | 'delete-composition' | 'rename-composition' | 'new-composition' | 'duplicate-composition' | 'move-composition-to-folder' | 'new-folder' | 'delete-folder' | 'rename-folder';
 type UndoEntrySnapshot = {
     filePath: string;
     oldContents: string | null;
@@ -47,6 +47,8 @@ type UndoEntry = {
     entryType: 'delete-jsx-node';
 } | {
     entryType: 'duplicate-jsx-node';
+} | {
+    entryType: 'split-jsx-sequence';
 } | {
     entryType: 'insert-jsx-element';
 } | {
@@ -57,6 +59,10 @@ type UndoEntry = {
     entryType: 'new-composition';
 } | {
     entryType: 'duplicate-composition';
+} | {
+    entryType: 'move-composition-to-folder';
+} | {
+    entryType: 'new-folder';
 } | {
     entryType: 'delete-folder';
 } | {

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio-server"
 	},
 	"name": "@remotion/studio-server",
-	"version": "4.0.484",
+	"version": "4.0.486",
 	"description": "Run a Remotion Studio with a server backend",
 	"main": "dist",
 	"scripts": {
@@ -27,11 +27,11 @@
 		"@babel/parser": "7.24.1",
 		"semver": "7.5.3",
 		"prettier": "3.8.1",
-		"remotion": "4.0.484",
+		"remotion": "4.0.486",
 		"recast": "0.23.11",
-		"@remotion/bundler": "4.0.484",
-		"@remotion/renderer": "4.0.484",
-		"@remotion/studio-shared": "4.0.484",
+		"@remotion/bundler": "4.0.486",
+		"@remotion/renderer": "4.0.486",
+		"@remotion/studio-shared": "4.0.486",
 		"memfs": "3.4.3",
 		"open": "8.4.2"
 	},
@@ -39,7 +39,7 @@
 		"ast-types": "0.16.1",
 		"react": "19.2.3",
 		"@types/semver": "7.5.3",
-		"@remotion/eslint-config-internal": "4.0.484",
+		"@remotion/eslint-config-internal": "4.0.486",
 		"eslint": "9.19.0",
 		"@types/node": "20.12.14",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"