@remotion/studio-server 4.0.483 → 4.0.485

package/dist/preview-server/routes/duplicate-effect.js

@@ -10,89 +10,92 @@ const format_log_file_location_1 = require("../format-log-file-location");
 const undo_stack_1 = require("../undo-stack");
 const formatting_1 = require("./log-updates/formatting");
 const log_update_1 = require("./log-updates/log-update");
+const source_file_write_queue_1 = require("./source-file-write-queue");
 const getDuplicatedEffectDescription = (effectLabels) => {
     if (effectLabels.length === 1) {
         return effectLabels[0];
     }
     return `${effectLabels.length} effects`;
 };
-const duplicateEffectHandler = async ({ input: effects, remotionRoot, logLevel }) => {
-    var _a;
-    try {
-        if (effects.length === 0) {
-            throw new Error('No effects were specified for duplication');
-        }
-        renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[duplicate-effect] Received request to duplicate ${effects.length} effect target${effects.length === 1 ? '' : 's'}`);
-        const itemsByFileName = new Map();
-        for (const item of effects) {
-            const fileItems = (_a = itemsByFileName.get(item.fileName)) !== null && _a !== void 0 ? _a : [];
-            fileItems.push(item);
-            itemsByFileName.set(item.fileName, fileItems);
+const duplicateEffectHandler = ({ input: effects, remotionRoot, logLevel }) => {
+    return (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
+        var _a;
+        try {
+            if (effects.length === 0) {
+                throw new Error('No effects were specified for duplication');
+            }
+            renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[duplicate-effect] Received request to duplicate ${effects.length} effect target${effects.length === 1 ? '' : 's'}`);
+            const itemsByFileName = new Map();
+            for (const item of effects) {
+                const fileItems = (_a = itemsByFileName.get(item.fileName)) !== null && _a !== void 0 ? _a : [];
+                fileItems.push(item);
+                itemsByFileName.set(item.fileName, fileItems);
+            }
+            const updates = await Promise.all([...itemsByFileName.entries()].map(async ([fileName, fileItems]) => {
+                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, effectLabels, logLines } = await (0, duplicate_effect_1.duplicateEffects)({
+                    input: fileContents,
+                    effects: fileItems.map((item) => ({
+                        sequenceNodePath: item.sequenceNodePath.nodePath,
+                        effectIndex: item.effectIndex,
+                    })),
+                });
+                return {
+                    absolutePath,
+                    fileRelativeToRoot,
+                    fileContents,
+                    output,
+                    formatted,
+                    effectLabels,
+                    logLine: Math.min(...logLines),
+                };
+            }));
+            for (const update of updates) {
+                const duplicatedEffectDescription = getDuplicatedEffectDescription(update.effectLabels);
+                (0, undo_stack_1.pushToUndoStack)({
+                    filePath: update.absolutePath,
+                    oldContents: update.fileContents,
+                    newContents: null,
+                    logLevel,
+                    remotionRoot,
+                    logLine: update.logLine,
+                    description: {
+                        undoMessage: `↩️  Duplication of ${duplicatedEffectDescription}`,
+                        redoMessage: `↪️  Duplication of ${duplicatedEffectDescription}`,
+                    },
+                    entryType: 'duplicate-effect',
+                    suppressHmrOnFileRestore: false,
+                });
+                (0, undo_stack_1.suppressUndoStackInvalidation)(update.absolutePath);
+                (0, file_watcher_1.writeFileAndNotifyFileWatchers)(update.absolutePath, update.output, undefined);
+                const locationLabel = (0, format_log_file_location_1.formatLogFileLocation)({
+                    remotionRoot,
+                    absolutePath: update.absolutePath,
+                    line: update.logLine,
+                });
+                renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${renderer_1.RenderInternals.chalk.blueBright(`${locationLabel}`)} Duplicated ${(0, formatting_1.attrName)(duplicatedEffectDescription)}`);
+                if (!update.formatted) {
+                    (0, log_update_1.warnAboutPrettierOnce)(logLevel);
+                }
+                renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel }, `[duplicate-effect] Wrote ${update.fileRelativeToRoot}${update.formatted ? ' (formatted)' : ''}`);
+            }
+            (0, undo_stack_1.printUndoHint)(logLevel);
+            return {
+                success: true,
+            };
         }
-        const updates = await Promise.all([...itemsByFileName.entries()].map(async ([fileName, fileItems]) => {
-            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, effectLabels, logLines } = await (0, duplicate_effect_1.duplicateEffects)({
-                input: fileContents,
-                effects: fileItems.map((item) => ({
-                    sequenceNodePath: item.sequenceNodePath.nodePath,
-                    effectIndex: item.effectIndex,
-                })),
-            });
+        catch (err) {
             return {
-                absolutePath,
-                fileRelativeToRoot,
-                fileContents,
-                output,
-                formatted,
-                effectLabels,
-                logLine: Math.min(...logLines),
+                success: false,
+                reason: err.message,
+                stack: err.stack,
             };
-        }));
-        for (const update of updates) {
-            const duplicatedEffectDescription = getDuplicatedEffectDescription(update.effectLabels);
-            (0, undo_stack_1.pushToUndoStack)({
-                filePath: update.absolutePath,
-                oldContents: update.fileContents,
-                newContents: null,
-                logLevel,
-                remotionRoot,
-                logLine: update.logLine,
-                description: {
-                    undoMessage: `↩️  Duplication of ${duplicatedEffectDescription}`,
-                    redoMessage: `↪️  Duplication of ${duplicatedEffectDescription}`,
-                },
-                entryType: 'duplicate-effect',
-                suppressHmrOnFileRestore: false,
-            });
-            (0, undo_stack_1.suppressUndoStackInvalidation)(update.absolutePath);
-            (0, file_watcher_1.writeFileAndNotifyFileWatchers)(update.absolutePath, update.output, undefined);
-            const locationLabel = (0, format_log_file_location_1.formatLogFileLocation)({
-                remotionRoot,
-                absolutePath: update.absolutePath,
-                line: update.logLine,
-            });
-            renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${renderer_1.RenderInternals.chalk.blueBright(`${locationLabel}`)} Duplicated ${(0, formatting_1.attrName)(duplicatedEffectDescription)}`);
-            if (!update.formatted) {
-                (0, log_update_1.warnAboutPrettierOnce)(logLevel);
-            }
-            renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel }, `[duplicate-effect] Wrote ${update.fileRelativeToRoot}${update.formatted ? ' (formatted)' : ''}`);
         }
-        (0, undo_stack_1.printUndoHint)(logLevel);
-        return {
-            success: true,
-        };
-    }
-    catch (err) {
-        return {
-            success: false,
-            reason: err.message,
-            stack: err.stack,
-        };
-    }
+    });
 };
 exports.duplicateEffectHandler = duplicateEffectHandler;

package/dist/preview-server/routes/duplicate-jsx-node.js

@@ -9,56 +9,59 @@ const resolve_file_inside_project_1 = require("../../helpers/resolve-file-inside
 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 duplicateJsxNodeHandler = async ({ input: { fileName, nodePath }, remotionRoot, logLevel }) => {
-    try {
-        renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[duplicate-jsx-node] Received request for fileName="${fileName}"`);
-        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, duplicate_jsx_node_1.duplicateJsxNode)({
-            input: fileContents,
-            nodePath,
-        });
-        (0, undo_stack_1.pushToUndoStack)({
-            filePath: absolutePath,
-            oldContents: fileContents,
-            newContents: null,
-            logLevel,
-            remotionRoot,
-            logLine,
-            description: {
-                undoMessage: `↩️  Duplication of ${nodeLabel}`,
-                redoMessage: `↪️  Duplication of ${nodeLabel}`,
-            },
-            entryType: 'duplicate-jsx-node',
-            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}`)} Duplicated ${nodeLabel}`);
-        if (!formatted) {
-            (0, log_update_1.warnAboutPrettierOnce)(logLevel);
+const source_file_write_queue_1 = require("./source-file-write-queue");
+const duplicateJsxNodeHandler = ({ input: { fileName, nodePath }, remotionRoot, logLevel }) => {
+    return (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
+        try {
+            renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[duplicate-jsx-node] Received request for fileName="${fileName}"`);
+            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, duplicate_jsx_node_1.duplicateJsxNode)({
+                input: fileContents,
+                nodePath,
+            });
+            (0, undo_stack_1.pushToUndoStack)({
+                filePath: absolutePath,
+                oldContents: fileContents,
+                newContents: null,
+                logLevel,
+                remotionRoot,
+                logLine,
+                description: {
+                    undoMessage: `↩️  Duplication of ${nodeLabel}`,
+                    redoMessage: `↪️  Duplication of ${nodeLabel}`,
+                },
+                entryType: 'duplicate-jsx-node',
+                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}`)} Duplicated ${nodeLabel}`);
+            if (!formatted) {
+                (0, log_update_1.warnAboutPrettierOnce)(logLevel);
+            }
+            renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel }, `[duplicate-jsx-node] Wrote ${fileRelativeToRoot}${formatted ? ' (formatted)' : ''}`);
+            (0, undo_stack_1.printUndoHint)(logLevel);
+            return {
+                success: true,
+            };
         }
-        renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel }, `[duplicate-jsx-node] Wrote ${fileRelativeToRoot}${formatted ? ' (formatted)' : ''}`);
-        (0, undo_stack_1.printUndoHint)(logLevel);
-        return {
-            success: true,
-        };
-    }
-    catch (err) {
-        return {
-            success: false,
-            reason: err.message,
-            stack: err.stack,
-        };
-    }
+        catch (err) {
+            return {
+                success: false,
+                reason: err.message,
+                stack: err.stack,
+            };
+        }
+    });
 };
 exports.duplicateJsxNodeHandler = duplicateJsxNodeHandler;

package/dist/preview-server/routes/insert-element.js

@@ -13,7 +13,7 @@ const resolve_composition_component_1 = require("../../helpers/resolve-compositi
 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 save_props_mutex_1 = require("./save-props-mutex");
+const source_file_write_queue_1 = require("./source-file-write-queue");
 const validatePosition = (position) => {
     if (position === null) {
         return;
@@ -66,7 +66,7 @@ const validateElement = (element) => {
     }
     validateDimensions(element.dimensions);
 };
-const insertElementHandler = ({ input: { compositionFile, compositionId, element, position }, remotionRoot, logLevel, }) => (0, save_props_mutex_1.withSavePropsLock)(async () => {
+const insertElementHandler = ({ input: { compositionFile, compositionId, element, position }, remotionRoot, logLevel, }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
     try {
         validateElement(element);
         validatePosition(position);

package/dist/preview-server/routes/insert-jsx-element.js

@@ -8,7 +8,7 @@ const resolve_composition_component_1 = require("../../helpers/resolve-compositi
 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 save_props_mutex_1 = require("./save-props-mutex");
+const source_file_write_queue_1 = require("./source-file-write-queue");
 const validateDimension = (name, value) => {
     if (!Number.isFinite(value) || value < 1) {
         throw new Error(`${name} must be a positive number`);
@@ -87,7 +87,7 @@ const getElementLabel = (element) => {
     }
     throw new Error('Unsupported element type');
 };
-const insertJsxElementHandler = ({ input: { compositionFile, compositionId, element }, remotionRoot, logLevel, }) => (0, save_props_mutex_1.withSavePropsLock)(async () => {
+const insertJsxElementHandler = ({ input: { compositionFile, compositionId, element }, remotionRoot, logLevel, }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
     try {
         validateElement(element);
         const elementLabel = getElementLabel(element);

package/dist/preview-server/routes/move-keyframes.js

@@ -10,7 +10,7 @@ const undo_stack_1 = require("../undo-stack");
 const watch_ignore_next_change_1 = require("../watch-ignore-next-change");
 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 groupBy = (items, getKey) => {
     var _a;
     const groups = new Map();
@@ -228,7 +228,7 @@ const moveKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, rem
     (0, undo_stack_1.printUndoHint)(logLevel);
 };
 exports.moveKeyframes = moveKeyframes;
-const moveKeyframesHandler = ({ input: { sequenceKeyframes, effectKeyframes, clientId }, remotionRoot, logLevel, }) => (0, save_props_mutex_1.withSavePropsLock)(async () => {
+const moveKeyframesHandler = ({ input: { sequenceKeyframes, effectKeyframes, clientId }, remotionRoot, logLevel, }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
     renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[move-keyframes] Received request to move ${sequenceKeyframes.length + effectKeyframes.length} keyframe(s)`);
     await (0, exports.moveKeyframes)({
         sequenceKeyframes,

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

@@ -10,69 +10,72 @@ const format_log_file_location_1 = require("../format-log-file-location");
 const undo_stack_1 = require("../undo-stack");
 const formatting_1 = require("./log-updates/formatting");
 const log_update_1 = require("./log-updates/log-update");
+const source_file_write_queue_1 = require("./source-file-write-queue");
 const getPastedEffectDescription = (effectLabels) => {
     if (effectLabels.length === 1) {
         return effectLabels[0];
     }
     return `${effectLabels.length} effects`;
 };
-const pasteEffectsHandler = async ({ input: { targetFileName, targetSequenceNodePath, type, effects, clientId }, remotionRoot, logLevel, }) => {
-    try {
-        if (effects.length === 0 && type !== 'effects-replacing') {
-            throw new Error('No effects were specified for pasting');
+const pasteEffectsHandler = ({ input: { targetFileName, targetSequenceNodePath, type, effects, clientId }, remotionRoot, logLevel, }) => {
+    return (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
+        try {
+            if (effects.length === 0 && type !== 'effects-replacing') {
+                throw new Error('No effects were specified for pasting');
+            }
+            renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[paste-effects] Received request to paste ${effects.length} effect${effects.length === 1 ? '' : 's'} into fileName="${targetFileName}"`);
+            const { absolutePath, fileRelativeToRoot } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
+                remotionRoot,
+                fileName: targetFileName,
+                action: 'modify',
+            });
+            const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
+            const { output, formatted, effectLabels, logLine } = await (0, paste_effects_1.pasteEffects)({
+                input: fileContents,
+                targetFileName,
+                targetSequenceNodePath: targetSequenceNodePath.nodePath,
+                type,
+                effects,
+            });
+            const effectDescription = getPastedEffectDescription(effectLabels);
+            (0, undo_stack_1.pushToUndoStack)({
+                filePath: absolutePath,
+                oldContents: fileContents,
+                newContents: null,
+                logLevel,
+                remotionRoot,
+                logLine,
+                description: {
+                    undoMessage: `↩️  Pasting of ${effectDescription}`,
+                    redoMessage: `↪️  Pasting of ${effectDescription}`,
+                },
+                entryType: 'paste-effects',
+                suppressHmrOnFileRestore: false,
+            });
+            (0, undo_stack_1.suppressUndoStackInvalidation)(absolutePath);
+            (0, file_watcher_1.writeFileAndNotifyFileWatchers)(absolutePath, output, clientId);
+            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}`)} Pasted ${(0, formatting_1.attrName)(effectDescription)}`);
+            if (!formatted) {
+                (0, log_update_1.warnAboutPrettierOnce)(logLevel);
+            }
+            renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel }, `[paste-effects] Wrote ${fileRelativeToRoot}${formatted ? ' (formatted)' : ''}`);
+            (0, undo_stack_1.printUndoHint)(logLevel);
+            return {
+                success: true,
+            };
         }
-        renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[paste-effects] Received request to paste ${effects.length} effect${effects.length === 1 ? '' : 's'} into fileName="${targetFileName}"`);
-        const { absolutePath, fileRelativeToRoot } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
-            remotionRoot,
-            fileName: targetFileName,
-            action: 'modify',
-        });
-        const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
-        const { output, formatted, effectLabels, logLine } = await (0, paste_effects_1.pasteEffects)({
-            input: fileContents,
-            targetFileName,
-            targetSequenceNodePath: targetSequenceNodePath.nodePath,
-            type,
-            effects,
-        });
-        const effectDescription = getPastedEffectDescription(effectLabels);
-        (0, undo_stack_1.pushToUndoStack)({
-            filePath: absolutePath,
-            oldContents: fileContents,
-            newContents: null,
-            logLevel,
-            remotionRoot,
-            logLine,
-            description: {
-                undoMessage: `↩️  Pasting of ${effectDescription}`,
-                redoMessage: `↪️  Pasting of ${effectDescription}`,
-            },
-            entryType: 'paste-effects',
-            suppressHmrOnFileRestore: false,
-        });
-        (0, undo_stack_1.suppressUndoStackInvalidation)(absolutePath);
-        (0, file_watcher_1.writeFileAndNotifyFileWatchers)(absolutePath, output, clientId);
-        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}`)} Pasted ${(0, formatting_1.attrName)(effectDescription)}`);
-        if (!formatted) {
-            (0, log_update_1.warnAboutPrettierOnce)(logLevel);
+        catch (err) {
+            return {
+                success: false,
+                reason: err.message,
+                stack: err.stack,
+            };
         }
-        renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel }, `[paste-effects] 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.pasteEffectsHandler = pasteEffectsHandler;

package/dist/preview-server/routes/reorder-effect.js

@@ -10,58 +10,61 @@ const format_log_file_location_1 = require("../format-log-file-location");
 const undo_stack_1 = require("../undo-stack");
 const formatting_1 = require("./log-updates/formatting");
 const log_update_1 = require("./log-updates/log-update");
-const reorderEffectHandler = async ({ input: { fileName, sequenceNodePath, fromIndex, toIndex, clientId }, remotionRoot, logLevel, }) => {
-    try {
-        renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[reorder-effect] Received request for fileName="${fileName}" fromIndex=${fromIndex} toIndex=${toIndex}`);
-        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, effectLabel, logLine } = await (0, reorder_effect_1.reorderEffect)({
-            input: fileContents,
-            sequenceNodePath: sequenceNodePath.nodePath,
-            fromIndex,
-            toIndex,
-        });
-        (0, undo_stack_1.pushToUndoStack)({
-            filePath: absolutePath,
-            oldContents: fileContents,
-            newContents: null,
-            logLevel,
-            remotionRoot,
-            logLine,
-            description: {
-                undoMessage: `↩️  Reordering of ${effectLabel}`,
-                redoMessage: `↪️  Reordering of ${effectLabel}`,
-            },
-            entryType: 'reorder-effect',
-            suppressHmrOnFileRestore: false,
-        });
-        (0, undo_stack_1.suppressUndoStackInvalidation)(absolutePath);
-        (0, file_watcher_1.writeFileAndNotifyFileWatchers)(absolutePath, output, clientId);
-        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}`)} Reordered ${(0, formatting_1.attrName)(effectLabel)}`);
-        if (!formatted) {
-            (0, log_update_1.warnAboutPrettierOnce)(logLevel);
+const source_file_write_queue_1 = require("./source-file-write-queue");
+const reorderEffectHandler = ({ input: { fileName, sequenceNodePath, fromIndex, toIndex, clientId }, remotionRoot, logLevel, }) => {
+    return (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
+        try {
+            renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[reorder-effect] Received request for fileName="${fileName}" fromIndex=${fromIndex} toIndex=${toIndex}`);
+            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, effectLabel, logLine } = await (0, reorder_effect_1.reorderEffect)({
+                input: fileContents,
+                sequenceNodePath: sequenceNodePath.nodePath,
+                fromIndex,
+                toIndex,
+            });
+            (0, undo_stack_1.pushToUndoStack)({
+                filePath: absolutePath,
+                oldContents: fileContents,
+                newContents: null,
+                logLevel,
+                remotionRoot,
+                logLine,
+                description: {
+                    undoMessage: `↩️  Reordering of ${effectLabel}`,
+                    redoMessage: `↪️  Reordering of ${effectLabel}`,
+                },
+                entryType: 'reorder-effect',
+                suppressHmrOnFileRestore: false,
+            });
+            (0, undo_stack_1.suppressUndoStackInvalidation)(absolutePath);
+            (0, file_watcher_1.writeFileAndNotifyFileWatchers)(absolutePath, output, clientId);
+            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}`)} Reordered ${(0, formatting_1.attrName)(effectLabel)}`);
+            if (!formatted) {
+                (0, log_update_1.warnAboutPrettierOnce)(logLevel);
+            }
+            renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel }, `[reorder-effect] Wrote ${fileRelativeToRoot}${formatted ? ' (formatted)' : ''}`);
+            (0, undo_stack_1.printUndoHint)(logLevel);
+            return {
+                success: true,
+            };
         }
-        renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel }, `[reorder-effect] Wrote ${fileRelativeToRoot}${formatted ? ' (formatted)' : ''}`);
-        (0, undo_stack_1.printUndoHint)(logLevel);
-        return {
-            success: true,
-        };
-    }
-    catch (err) {
-        return {
-            success: false,
-            reason: err.message,
-            stack: err.stack,
-        };
-    }
+        catch (err) {
+            return {
+                success: false,
+                reason: err.message,
+                stack: err.stack,
+            };
+        }
+    });
 };
 exports.reorderEffectHandler = reorderEffectHandler;