@remotion/studio-server 4.0.484 → 4.0.486

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

@@ -10,95 +10,98 @@ 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 getDeletedEffectDescription = (effectLabels) => {
     if (effectLabels.length === 1) {
         return effectLabels[0];
     }
     return `${effectLabels.length} effects`;
 };
-const deleteEffectHandler = async ({ input: effects, remotionRoot, logLevel }) => {
-    var _a;
-    try {
-        if (effects.length === 0) {
-            throw new Error('No effects were specified for deletion');
-        }
-        renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[delete-effect] Received request to delete ${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 deleteEffectHandler = ({ 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 deletion');
+            }
+            renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[delete-effect] Received request to delete ${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, delete_effect_1.deleteEffects)({
+                    input: fileContents,
+                    effects: fileItems.map((item) => item.type === 'single-effect'
+                        ? {
+                            type: 'single-effect',
+                            sequenceNodePath: item.sequenceNodePath.nodePath,
+                            effectIndex: item.effectIndex,
+                        }
+                        : {
+                            type: 'all-effects',
+                            sequenceNodePath: item.sequenceNodePath.nodePath,
+                        }),
+                });
+                return {
+                    absolutePath,
+                    fileRelativeToRoot,
+                    fileContents,
+                    output,
+                    formatted,
+                    effectLabels,
+                    logLine: Math.min(...logLines),
+                };
+            }));
+            for (const update of updates) {
+                const deletedEffectDescription = getDeletedEffectDescription(update.effectLabels);
+                (0, undo_stack_1.pushToUndoStack)({
+                    filePath: update.absolutePath,
+                    oldContents: update.fileContents,
+                    newContents: null,
+                    logLevel,
+                    remotionRoot,
+                    logLine: update.logLine,
+                    description: {
+                        undoMessage: `↩️  Deletion of ${deletedEffectDescription}`,
+                        redoMessage: `↪️  Deletion of ${deletedEffectDescription}`,
+                    },
+                    entryType: 'delete-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}`)} ${(0, formatting_1.strikeThroughOrRemovedPrefix)(deletedEffectDescription)}`);
+                if (!update.formatted) {
+                    (0, log_update_1.warnAboutPrettierOnce)(logLevel);
+                }
+                renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel }, `[delete-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, delete_effect_1.deleteEffects)({
-                input: fileContents,
-                effects: fileItems.map((item) => item.type === 'single-effect'
-                    ? {
-                        type: 'single-effect',
-                        sequenceNodePath: item.sequenceNodePath.nodePath,
-                        effectIndex: item.effectIndex,
-                    }
-                    : {
-                        type: 'all-effects',
-                        sequenceNodePath: item.sequenceNodePath.nodePath,
-                    }),
-            });
+        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 deletedEffectDescription = getDeletedEffectDescription(update.effectLabels);
-            (0, undo_stack_1.pushToUndoStack)({
-                filePath: update.absolutePath,
-                oldContents: update.fileContents,
-                newContents: null,
-                logLevel,
-                remotionRoot,
-                logLine: update.logLine,
-                description: {
-                    undoMessage: `↩️  Deletion of ${deletedEffectDescription}`,
-                    redoMessage: `↪️  Deletion of ${deletedEffectDescription}`,
-                },
-                entryType: 'delete-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}`)} ${(0, formatting_1.strikeThroughOrRemovedPrefix)(deletedEffectDescription)}`);
-            if (!update.formatted) {
-                (0, log_update_1.warnAboutPrettierOnce)(logLevel);
-            }
-            renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel }, `[delete-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.deleteEffectHandler = deleteEffectHandler;

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

@@ -9,86 +9,89 @@ 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 source_file_write_queue_1 = require("./source-file-write-queue");
 const getDeletedNodeDescription = (nodeLabels) => {
     if (nodeLabels.length === 1) {
         return nodeLabels[0];
     }
     return `${nodeLabels.length} JSX nodes`;
 };
-const deleteJsxNodeHandler = async ({ input: { nodes }, remotionRoot, logLevel }) => {
-    var _a;
-    try {
-        if (nodes.length === 0) {
-            throw new Error('No JSX nodes were specified for deletion');
-        }
-        renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[delete-jsx-node] Received request to delete ${nodes.length} JSX node${nodes.length === 1 ? '' : 's'}`);
-        const itemsByFileName = new Map();
-        for (const item of nodes) {
-            const fileItems = (_a = itemsByFileName.get(item.fileName)) !== null && _a !== void 0 ? _a : [];
-            fileItems.push(item);
-            itemsByFileName.set(item.fileName, fileItems);
+const deleteJsxNodeHandler = ({ input: { nodes }, remotionRoot, logLevel }) => {
+    return (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
+        var _a;
+        try {
+            if (nodes.length === 0) {
+                throw new Error('No JSX nodes were specified for deletion');
+            }
+            renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[delete-jsx-node] Received request to delete ${nodes.length} JSX node${nodes.length === 1 ? '' : 's'}`);
+            const itemsByFileName = new Map();
+            for (const item of nodes) {
+                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, nodeLabels, logLines } = await (0, delete_jsx_node_1.deleteJsxNodes)({
+                    input: fileContents,
+                    nodePaths: fileItems.map((item) => item.nodePath),
+                });
+                return {
+                    absolutePath,
+                    fileRelativeToRoot,
+                    fileContents,
+                    output,
+                    formatted,
+                    nodeLabels,
+                    logLine: Math.min(...logLines),
+                };
+            }));
+            for (const update of updates) {
+                const deletedNodeDescription = getDeletedNodeDescription(update.nodeLabels);
+                (0, undo_stack_1.pushToUndoStack)({
+                    filePath: update.absolutePath,
+                    oldContents: update.fileContents,
+                    newContents: null,
+                    logLevel,
+                    remotionRoot,
+                    logLine: update.logLine,
+                    description: {
+                        undoMessage: `↩️  Deletion of ${deletedNodeDescription}`,
+                        redoMessage: `↪️  Deletion of ${deletedNodeDescription}`,
+                    },
+                    entryType: 'delete-jsx-node',
+                    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}`)} Deleted ${deletedNodeDescription}`);
+                if (!update.formatted) {
+                    (0, log_update_1.warnAboutPrettierOnce)(logLevel);
+                }
+                renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel }, `[delete-jsx-node] 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, nodeLabels, logLines } = await (0, delete_jsx_node_1.deleteJsxNodes)({
-                input: fileContents,
-                nodePaths: fileItems.map((item) => item.nodePath),
-            });
+        catch (err) {
             return {
-                absolutePath,
-                fileRelativeToRoot,
-                fileContents,
-                output,
-                formatted,
-                nodeLabels,
-                logLine: Math.min(...logLines),
+                success: false,
+                reason: err.message,
+                stack: err.stack,
             };
-        }));
-        for (const update of updates) {
-            const deletedNodeDescription = getDeletedNodeDescription(update.nodeLabels);
-            (0, undo_stack_1.pushToUndoStack)({
-                filePath: update.absolutePath,
-                oldContents: update.fileContents,
-                newContents: null,
-                logLevel,
-                remotionRoot,
-                logLine: update.logLine,
-                description: {
-                    undoMessage: `↩️  Deletion of ${deletedNodeDescription}`,
-                    redoMessage: `↪️  Deletion of ${deletedNodeDescription}`,
-                },
-                entryType: 'delete-jsx-node',
-                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}`)} Deleted ${deletedNodeDescription}`);
-            if (!update.formatted) {
-                (0, log_update_1.warnAboutPrettierOnce)(logLevel);
-            }
-            renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel }, `[delete-jsx-node] 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.deleteJsxNodeHandler = deleteJsxNodeHandler;

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

@@ -14,7 +14,7 @@ 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 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();
@@ -251,7 +251,7 @@ const deleteKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, r
     return { sequenceResults, effectResults };
 };
 exports.deleteKeyframes = deleteKeyframes;
-const deleteKeyframesHandler = ({ input: { sequenceKeyframes, effectKeyframes, clientId }, remotionRoot, logLevel, }) => (0, save_props_mutex_1.withSavePropsLock)(async () => {
+const deleteKeyframesHandler = ({ input: { sequenceKeyframes, effectKeyframes, clientId }, remotionRoot, logLevel, }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
     renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[delete-keyframes] Received request to delete ${sequenceKeyframes.length + effectKeyframes.length} keyframe(s)`);
     await (0, exports.deleteKeyframes)({
         sequenceKeyframes,

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