@remotion/studio-server 4.0.483 → 4.0.485

package/dist/preview-server/routes/reorder-sequence.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 reorderSequenceHandler = async ({ input: { fileName, sourceNodePath, targetNodePath, position, clientId }, remotionRoot, logLevel, }) => {
-    try {
-        renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[reorder-sequence] Received request for fileName="${fileName}" position=${position}`);
-        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, sequenceLabel, logLine } = await (0, reorder_sequence_1.reorderSequence)({
-            input: fileContents,
-            sourceNodePath: sourceNodePath.nodePath,
-            targetNodePath: targetNodePath.nodePath,
-            position,
-        });
-        (0, undo_stack_1.pushToUndoStack)({
-            filePath: absolutePath,
-            oldContents: fileContents,
-            newContents: null,
-            logLevel,
-            remotionRoot,
-            logLine,
-            description: {
-                undoMessage: `↩️  Reordering of ${sequenceLabel}`,
-                redoMessage: `↪️  Reordering of ${sequenceLabel}`,
-            },
-            entryType: 'reorder-sequence',
-            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)(sequenceLabel)}`);
-        if (!formatted) {
-            (0, log_update_1.warnAboutPrettierOnce)(logLevel);
+const source_file_write_queue_1 = require("./source-file-write-queue");
+const reorderSequenceHandler = ({ input: { fileName, sourceNodePath, targetNodePath, position, clientId }, remotionRoot, logLevel, }) => {
+    return (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
+        try {
+            renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[reorder-sequence] Received request for fileName="${fileName}" position=${position}`);
+            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, sequenceLabel, logLine } = await (0, reorder_sequence_1.reorderSequence)({
+                input: fileContents,
+                sourceNodePath: sourceNodePath.nodePath,
+                targetNodePath: targetNodePath.nodePath,
+                position,
+            });
+            (0, undo_stack_1.pushToUndoStack)({
+                filePath: absolutePath,
+                oldContents: fileContents,
+                newContents: null,
+                logLevel,
+                remotionRoot,
+                logLine,
+                description: {
+                    undoMessage: `↩️  Reordering of ${sequenceLabel}`,
+                    redoMessage: `↪️  Reordering of ${sequenceLabel}`,
+                },
+                entryType: 'reorder-sequence',
+                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)(sequenceLabel)}`);
+            if (!formatted) {
+                (0, log_update_1.warnAboutPrettierOnce)(logLevel);
+            }
+            renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel }, `[reorder-sequence] Wrote ${fileRelativeToRoot}${formatted ? ' (formatted)' : ''}`);
+            (0, undo_stack_1.printUndoHint)(logLevel);
+            return {
+                success: true,
+            };
         }
-        renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel }, `[reorder-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,
-        };
-    }
+        catch (err) {
+            return {
+                success: false,
+                reason: err.message,
+                stack: err.stack,
+            };
+        }
+    });
 };
 exports.reorderSequenceHandler = reorderSequenceHandler;

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

@@ -15,8 +15,8 @@ const can_update_sequence_props_1 = require("./can-update-sequence-props");
 const format_effect_prop_change_1 = require("./log-updates/format-effect-prop-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 saveEffectPropsHandler = ({ input, remotionRoot, logLevel }) => (0, save_props_mutex_1.withSavePropsLock)(async () => {
+const source_file_write_queue_1 = require("./source-file-write-queue");
+const saveEffectPropsHandler = ({ input, remotionRoot, logLevel }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
     const { fileName, sequenceNodePath, effectIndex, key, defaultValue, schema, clientId, } = input;
     renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[save-effect-props] Received request for fileName="${fileName}" effectIndex=${effectIndex} key="${key}"`);
     const { absolutePath, fileRelativeToRoot } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({

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

@@ -11,7 +11,7 @@ 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 source_file_write_queue_1 = require("./source-file-write-queue");
 const convertSequencePropEditToCodemodChange = (edit) => {
     return {
         nodePath: edit.nodePath.nodePath,
@@ -30,7 +30,7 @@ const shouldSuppressHmrForSequencePropEdits = (edits) => {
     return edits.every((edit) => edit.key !== 'showInTimeline');
 };
 exports.shouldSuppressHmrForSequencePropEdits = shouldSuppressHmrForSequencePropEdits;
-const saveSequencePropsHandler = ({ input: { edits, clientId, undoLabel, redoLabel }, remotionRoot, logLevel, }) => (0, save_props_mutex_1.withSavePropsLock)(async () => {
+const saveSequencePropsHandler = ({ input: { edits, clientId, undoLabel, redoLabel }, remotionRoot, logLevel, }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
     var _a;
     if (edits.length === 0) {
         throw new Error('No sequence prop edits to save');

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' | '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';
 } | {

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.483",
+	"version": "4.0.485",
 	"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.483",
+		"remotion": "4.0.485",
 		"recast": "0.23.11",
-		"@remotion/bundler": "4.0.483",
-		"@remotion/renderer": "4.0.483",
-		"@remotion/studio-shared": "4.0.483",
+		"@remotion/bundler": "4.0.485",
+		"@remotion/renderer": "4.0.485",
+		"@remotion/studio-shared": "4.0.485",
 		"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.483",
+		"@remotion/eslint-config-internal": "4.0.485",
 		"eslint": "9.19.0",
 		"@types/node": "20.12.14",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"