@remotion/studio-server 4.0.529 → 4.0.531

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

@@ -0,0 +1,151 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.moveFolderHandler = void 0;
+const node_fs_1 = require("node:fs");
+const node_path_1 = __importDefault(require("node:path"));
+const codemods_1 = require("@remotion/codemods");
+const renderer_1 = require("@remotion/renderer");
+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 project_info_1 = require("../project-info");
+const sequence_node_path_mutation_1 = require("../sequence-node-path-mutation");
+const undo_stack_1 = require("../undo-stack");
+const can_update_default_props_1 = require("./can-update-default-props");
+const source_file_write_queue_1 = require("./source-file-write-queue");
+const moveFolderHandler = ({ input: request, logLevel, remotionRoot, entryPoint }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
+    var _a, _b;
+    var _c, _d;
+    try {
+        let filePath;
+        if ((_a = request.symbolicatedStack) === null || _a === void 0 ? void 0 : _a.originalFileName) {
+            filePath = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
+                remotionRoot,
+                fileName: request.symbolicatedStack.originalFileName,
+                action: 'move a folder in',
+            }).absolutePath;
+        }
+        else {
+            const { rootFile } = await (0, project_info_1.getProjectInfo)(remotionRoot, entryPoint);
+            if (rootFile === null) {
+                throw new Error('Cannot find the Remotion root file');
+            }
+            filePath = rootFile;
+        }
+        (0, can_update_default_props_1.checkIfTypeScriptFile)(filePath);
+        const destination = request.destination.type === 'folder'
+            ? {
+                type: 'folder',
+                folder: {
+                    name: request.destination.folderName,
+                    parentName: request.destination.parentName,
+                },
+            }
+            : request.destination.type === 'root'
+                ? request.destination
+                : {
+                    type: request.destination.type,
+                    target: request.destination.target.type === 'composition'
+                        ? request.destination.target
+                        : {
+                            type: 'folder',
+                            name: request.destination.target.folderName,
+                            parentName: request.destination.target.parentName,
+                        },
+                };
+        const result = (0, codemods_1.moveFolder)({
+            project: {
+                files: { [filePath]: (0, node_fs_1.readFileSync)(filePath, 'utf-8') },
+                rootDir: node_path_1.default.dirname(filePath),
+            },
+            compositionFile: filePath,
+            folder: { name: request.folderName, parentName: request.parentName },
+            destination,
+        });
+        for (const change of result.changes) {
+            const currentContents = (0, node_fs_1.existsSync)(change.filePath)
+                ? (0, node_fs_1.readFileSync)(change.filePath, 'utf-8')
+                : null;
+            if (currentContents !== change.previousContents) {
+                throw new Error(`Source changed before moving folder: ${change.filePath}`);
+            }
+        }
+        const mutationFiles = [
+            ...new Set(result.nodePathRemappings.map((remapping) => remapping.filePath)),
+        ].map((absolutePath) => ({
+            absolutePath,
+            remappings: result.nodePathRemappings
+                .filter((remapping) => remapping.filePath === absolutePath)
+                .map(({ oldNodePath, newNodePath, oldJsxName, newJsxName }) => ({
+                oldNodePath,
+                newNodePath,
+                oldJsxName,
+                newJsxName,
+            })),
+        }));
+        const nodePathMutation = mutationFiles.length === 0
+            ? null
+            : (0, sequence_node_path_mutation_1.broadcastSequenceNodePathMutation)(mutationFiles, null);
+        if (result.changes.length > 0) {
+            const logLine = (_c = (_b = request.symbolicatedStack) === null || _b === void 0 ? void 0 : _b.originalLineNumber) !== null && _c !== void 0 ? _c : 1;
+            const folderPath = request.parentName
+                ? `${request.parentName}/${request.folderName}`
+                : request.folderName;
+            (0, undo_stack_1.pushTransactionToUndoStack)({
+                snapshots: result.changes.map((change) => {
+                    var _a;
+                    var _b;
+                    return ({
+                        filePath: change.filePath,
+                        oldContents: change.previousContents,
+                        newContents: change.nextContents,
+                        logLine: change.filePath === filePath ? logLine : 1,
+                        nodePathRemappings: (_b = (_a = mutationFiles.find((mutation) => mutation.absolutePath === change.filePath)) === null || _a === void 0 ? void 0 : _a.remappings) !== null && _b !== void 0 ? _b : null,
+                    });
+                }),
+                logLevel,
+                remotionRoot,
+                description: {
+                    undoMessage: `↩️  Move of folder "${folderPath}"`,
+                    redoMessage: `↪️  Move of folder "${folderPath}"`,
+                },
+                entryType: 'move-composition-or-folder',
+                suppressHmrOnFileRestore: false,
+                undoRedoNavigation: request.undoRedoNavigation,
+            });
+            for (const change of result.changes) {
+                if (change.nextContents === null) {
+                    throw new Error('Moving a folder cannot remove source files');
+                }
+                (0, undo_stack_1.suppressUndoStackInvalidation)(change.filePath);
+                (0, file_watcher_1.writeFileAndNotifyFileWatchers)({
+                    file: change.filePath,
+                    content: change.nextContents,
+                    originatorClientId: undefined,
+                    metadata: mutationFiles.some((mutation) => mutation.absolutePath === change.filePath)
+                        ? { skipSequencePropsUpdate: true }
+                        : null,
+                });
+            }
+            const locationLabel = (0, format_log_file_location_1.formatLogFileLocation)({
+                remotionRoot,
+                absolutePath: filePath,
+                line: logLine,
+            });
+            renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${(0, source_file_write_queue_1.getCodemodTimingPrefix)(logLevel)}${renderer_1.RenderInternals.chalk.blueBright(locationLabel)} Moved folder "${folderPath}"`);
+            (0, undo_stack_1.printUndoHint)(logLevel);
+        }
+        return { success: true, nodePathMutation };
+    }
+    catch (error) {
+        return {
+            success: false,
+            reason: error instanceof Error ? error.message : String(error),
+            stack: error instanceof Error ? ((_d = error.stack) !== null && _d !== void 0 ? _d : '') : '',
+        };
+    }
+});
+exports.moveFolderHandler = moveFolderHandler;

package/dist/preview-server/routes/precompose-jsx-nodes.d.ts

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

package/dist/preview-server/routes/precompose-jsx-nodes.js

@@ -0,0 +1,209 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.precomposeJsxNodesHandler = void 0;
+const node_fs_1 = require("node:fs");
+const codemods_1 = require("@remotion/codemods");
+const renderer_1 = require("@remotion/renderer");
+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 sequence_node_path_mutation_1 = require("../sequence-node-path-mutation");
+const undo_stack_1 = require("../undo-stack");
+const source_file_write_queue_1 = require("./source-file-write-queue");
+const precomposeJsxNodesHandler = ({ input: { nodes, dryRun, compositionFile, compositionId, metadata, existingCompositionIds, }, remotionRoot, logLevel, }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(() => {
+    var _a;
+    const attemptedWrites = [];
+    let undoEntryPushed = false;
+    try {
+        if (nodes.length === 0) {
+            throw new Error('No JSX sequences were selected');
+        }
+        const resolved = nodes.map(({ fileName, nodePath }) => ({
+            ...(0, resolve_file_inside_project_1.resolveFileInsideProject)({
+                remotionRoot,
+                fileName,
+                action: 'modify',
+            }),
+            nodePath,
+        }));
+        const { absolutePath } = resolved[0];
+        if (resolved.some((node) => node.absolutePath !== absolutePath)) {
+            throw new Error('Selected sequences must be in the same source file');
+        }
+        const registration = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
+            remotionRoot,
+            fileName: compositionFile,
+            action: 'modify',
+        });
+        const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
+        const registrationContents = registration.absolutePath === absolutePath
+            ? fileContents
+            : (0, node_fs_1.readFileSync)(registration.absolutePath, 'utf-8');
+        const files = {
+            [absolutePath]: fileContents,
+            [registration.absolutePath]: registrationContents,
+        };
+        const project = { files, rootDir: remotionRoot };
+        const codemodInput = {
+            project,
+            nodes: resolved.map(({ nodePath }) => ({
+                filePath: absolutePath,
+                nodePath,
+            })),
+            compositionFile: registration.absolutePath,
+            compositionId,
+            metadata,
+            existingCompositionIds,
+        };
+        if (dryRun) {
+            const eligibility = (0, codemods_1.canPrecomposeJsxNodes)(codemodInput);
+            return Promise.resolve({
+                success: true,
+                ...eligibility,
+                nodePathMutation: null,
+                newCompositionId: null,
+            });
+        }
+        let result;
+        try {
+            result = (0, codemods_1.precomposeJsxNodes)(codemodInput);
+        }
+        catch (error) {
+            return Promise.resolve({
+                success: true,
+                canPrecompose: false,
+                reason: error instanceof Error ? error.message : String(error),
+                nodePathMutation: null,
+                newCompositionId: null,
+            });
+        }
+        const changes = [...result.changes].sort((a, b) => Number(b.filePath === absolutePath) -
+            Number(a.filePath === absolutePath));
+        if (!changes.some(({ filePath }) => filePath === absolutePath) ||
+            !changes.some(({ filePath }) => filePath === registration.absolutePath)) {
+            throw new Error('Could not pre-compose selected sequences');
+        }
+        for (const change of changes) {
+            if (!Object.hasOwn(files, change.filePath) ||
+                change.previousContents !== files[change.filePath] ||
+                change.nextContents === null ||
+                (0, node_fs_1.readFileSync)(change.filePath, 'utf-8') !== change.previousContents) {
+                throw new Error('Source changed before applying pre-compose');
+            }
+        }
+        const remappingsByFile = changes.map(({ filePath }) => ({
+            absolutePath: filePath,
+            remappings: result.nodePathRemappings
+                .filter((remapping) => remapping.filePath === filePath)
+                .map(({ oldNodePath, newNodePath, oldJsxName, newJsxName }) => ({
+                oldNodePath,
+                newNodePath,
+                oldJsxName,
+                newJsxName,
+            })),
+        }));
+        const mutationFiles = remappingsByFile.filter(({ remappings }) => remappings.length > 0);
+        (0, undo_stack_1.pushTransactionToUndoStack)({
+            snapshots: changes.map((change) => {
+                var _a;
+                const remappings = (_a = remappingsByFile.find(({ absolutePath: filePath }) => filePath === change.filePath)) === null || _a === void 0 ? void 0 : _a.remappings;
+                return {
+                    filePath: change.filePath,
+                    oldContents: change.previousContents,
+                    newContents: change.nextContents,
+                    logLine: change.filePath === absolutePath ? result.logLine : 1,
+                    nodePathRemappings: remappings && remappings.length > 0 ? remappings : null,
+                };
+            }),
+            logLevel,
+            remotionRoot,
+            description: {
+                undoMessage: '↩️  Pre-compose sequences',
+                redoMessage: '↪️  Pre-compose sequences',
+            },
+            entryType: 'precompose-jsx-nodes',
+            suppressHmrOnFileRestore: false,
+            undoRedoNavigation: {
+                undoRoute: `/${compositionId}`,
+                redoRoute: `/${result.newCompositionId}`,
+            },
+        });
+        undoEntryPushed = true;
+        for (const change of changes) {
+            const { nextContents: output, previousContents } = change;
+            if (output === null || previousContents === null) {
+                throw new Error('Could not write a pre-composed source file');
+            }
+            const skipSequencePropsUpdate = remappingsByFile.some(({ absolutePath: filePath, remappings }) => filePath === change.filePath && remappings.length > 0);
+            attemptedWrites.push({
+                filePath: change.filePath,
+                previousContents,
+                nextContents: output,
+                skipSequencePropsUpdate,
+            });
+            (0, undo_stack_1.suppressUndoStackInvalidation)(change.filePath);
+            (0, file_watcher_1.writeFileAndNotifyFileWatchers)({
+                file: change.filePath,
+                content: output,
+                originatorClientId: undefined,
+                metadata: skipSequencePropsUpdate
+                    ? { skipSequencePropsUpdate: true }
+                    : null,
+            });
+        }
+        const locationLabel = (0, format_log_file_location_1.formatLogFileLocation)({
+            remotionRoot,
+            absolutePath,
+            line: result.logLine,
+        });
+        renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${(0, source_file_write_queue_1.getCodemodTimingPrefix)(logLevel)}${renderer_1.RenderInternals.chalk.blueBright(locationLabel)} Pre-composed ${nodes.length} sequence${nodes.length === 1 ? '' : 's'}`);
+        for (const change of changes) {
+            renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel }, `[precompose-jsx-nodes] Wrote ${(0, resolve_file_inside_project_1.resolveFileInsideProject)({
+                remotionRoot,
+                fileName: change.filePath,
+                action: 'modify',
+            }).fileRelativeToRoot}`);
+        }
+        (0, undo_stack_1.printUndoHint)(logLevel);
+        const nodePathMutation = mutationFiles.length === 0
+            ? null
+            : (0, sequence_node_path_mutation_1.broadcastSequenceNodePathMutation)(mutationFiles, null);
+        return Promise.resolve({
+            success: true,
+            canPrecompose: true,
+            reason: null,
+            nodePathMutation,
+            newCompositionId: result.newCompositionId,
+        });
+    }
+    catch (err) {
+        for (const change of attemptedWrites.reverse()) {
+            try {
+                if ((0, node_fs_1.readFileSync)(change.filePath, 'utf-8') !== change.nextContents) {
+                    continue;
+                }
+                (0, undo_stack_1.suppressUndoStackInvalidation)(change.filePath);
+                (0, file_watcher_1.writeFileAndNotifyFileWatchers)({
+                    file: change.filePath,
+                    content: change.previousContents,
+                    originatorClientId: undefined,
+                    metadata: change.skipSequencePropsUpdate
+                        ? { skipSequencePropsUpdate: true }
+                        : null,
+                });
+            }
+            catch (_b) {
+                // Preserve subsequent edits and the original pre-compose error.
+            }
+        }
+        if (undoEntryPushed) {
+            (0, undo_stack_1.discardLastUndoEntryAfterFailedCommit)();
+        }
+        return Promise.resolve({
+            success: false,
+            reason: err.message,
+            stack: (_a = err.stack) !== null && _a !== void 0 ? _a : '',
+        });
+    }
+});
+exports.precomposeJsxNodesHandler = precomposeJsxNodesHandler;

package/dist/preview-server/routes/rename-composition.d.ts

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

package/dist/preview-server/routes/rename-composition.js

@@ -0,0 +1,105 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renameCompositionHandler = void 0;
+const node_fs_1 = require("node:fs");
+const node_path_1 = __importDefault(require("node:path"));
+const codemods_1 = require("@remotion/codemods");
+const renderer_1 = require("@remotion/renderer");
+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 project_info_1 = require("../project-info");
+const undo_stack_1 = require("../undo-stack");
+const can_update_default_props_1 = require("./can-update-default-props");
+const source_file_write_queue_1 = require("./source-file-write-queue");
+const renameCompositionHandler = ({ input: request, logLevel, remotionRoot, entryPoint }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
+    var _a, _b;
+    var _c, _d;
+    try {
+        let filePath;
+        if ((_a = request.symbolicatedStack) === null || _a === void 0 ? void 0 : _a.originalFileName) {
+            filePath = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
+                remotionRoot,
+                fileName: request.symbolicatedStack.originalFileName,
+                action: 'rename a composition in',
+            }).absolutePath;
+        }
+        else {
+            const { rootFile } = await (0, project_info_1.getProjectInfo)(remotionRoot, entryPoint);
+            if (rootFile === null) {
+                throw new Error('Cannot find the Remotion root file');
+            }
+            filePath = rootFile;
+        }
+        (0, can_update_default_props_1.checkIfTypeScriptFile)(filePath);
+        const result = (0, codemods_1.renameComposition)({
+            project: {
+                files: { [filePath]: (0, node_fs_1.readFileSync)(filePath, 'utf-8') },
+                rootDir: node_path_1.default.dirname(filePath),
+            },
+            compositionFile: filePath,
+            compositionId: request.idToRename,
+            newId: request.newId,
+        });
+        for (const change of result.changes) {
+            const currentContents = (0, node_fs_1.existsSync)(change.filePath)
+                ? (0, node_fs_1.readFileSync)(change.filePath, 'utf-8')
+                : null;
+            if (currentContents !== change.previousContents) {
+                throw new Error(`Source changed before renaming composition: ${change.filePath}`);
+            }
+        }
+        if (result.changes.length > 0) {
+            const logLine = (_c = (_b = request.symbolicatedStack) === null || _b === void 0 ? void 0 : _b.originalLineNumber) !== null && _c !== void 0 ? _c : 1;
+            (0, undo_stack_1.pushTransactionToUndoStack)({
+                snapshots: result.changes.map((change) => ({
+                    filePath: change.filePath,
+                    oldContents: change.previousContents,
+                    newContents: change.nextContents,
+                    logLine: change.filePath === filePath ? logLine : 1,
+                    nodePathRemappings: null,
+                })),
+                logLevel,
+                remotionRoot,
+                description: {
+                    undoMessage: `↩️  Rename of composition "${request.idToRename}" to "${request.newId}"`,
+                    redoMessage: `↪️  Rename of composition "${request.idToRename}" to "${request.newId}"`,
+                },
+                entryType: 'rename-composition',
+                suppressHmrOnFileRestore: false,
+                undoRedoNavigation: request.undoRedoNavigation,
+            });
+            for (const change of result.changes) {
+                if (change.nextContents === null) {
+                    throw new Error('Renaming a composition cannot remove source files');
+                }
+                (0, undo_stack_1.suppressUndoStackInvalidation)(change.filePath);
+                (0, file_watcher_1.writeFileAndNotifyFileWatchers)({
+                    file: change.filePath,
+                    content: change.nextContents,
+                    originatorClientId: undefined,
+                    metadata: null,
+                });
+            }
+            const locationLabel = (0, format_log_file_location_1.formatLogFileLocation)({
+                remotionRoot,
+                absolutePath: filePath,
+                line: logLine,
+            });
+            renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${(0, source_file_write_queue_1.getCodemodTimingPrefix)(logLevel)}${renderer_1.RenderInternals.chalk.blueBright(locationLabel)} Renamed composition "${request.idToRename}" to "${request.newId}"`);
+            (0, undo_stack_1.printUndoHint)(logLevel);
+        }
+        return { success: true, nodePathMutation: null };
+    }
+    catch (error) {
+        return {
+            success: false,
+            reason: error instanceof Error ? error.message : String(error),
+            stack: error instanceof Error ? ((_d = error.stack) !== null && _d !== void 0 ? _d : '') : '',
+        };
+    }
+});
+exports.renameCompositionHandler = renameCompositionHandler;

package/dist/preview-server/routes/rename-folder.d.ts

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

package/dist/preview-server/routes/rename-folder.js

@@ -0,0 +1,111 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renameFolderHandler = void 0;
+const node_fs_1 = require("node:fs");
+const node_path_1 = __importDefault(require("node:path"));
+const codemods_1 = require("@remotion/codemods");
+const renderer_1 = require("@remotion/renderer");
+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 project_info_1 = require("../project-info");
+const undo_stack_1 = require("../undo-stack");
+const can_update_default_props_1 = require("./can-update-default-props");
+const source_file_write_queue_1 = require("./source-file-write-queue");
+const renameFolderHandler = ({ input: request, logLevel, remotionRoot, entryPoint }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
+    var _a, _b;
+    var _c, _d;
+    try {
+        let filePath;
+        if ((_a = request.symbolicatedStack) === null || _a === void 0 ? void 0 : _a.originalFileName) {
+            filePath = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
+                remotionRoot,
+                fileName: request.symbolicatedStack.originalFileName,
+                action: 'rename a folder in',
+            }).absolutePath;
+        }
+        else {
+            const { rootFile } = await (0, project_info_1.getProjectInfo)(remotionRoot, entryPoint);
+            if (rootFile === null) {
+                throw new Error('Cannot find the Remotion root file');
+            }
+            filePath = rootFile;
+        }
+        (0, can_update_default_props_1.checkIfTypeScriptFile)(filePath);
+        const result = (0, codemods_1.renameFolder)({
+            project: {
+                files: { [filePath]: (0, node_fs_1.readFileSync)(filePath, 'utf-8') },
+                rootDir: node_path_1.default.dirname(filePath),
+            },
+            compositionFile: filePath,
+            folder: { name: request.folderName, parentName: request.parentName },
+            newName: request.newName,
+        });
+        for (const change of result.changes) {
+            const currentContents = (0, node_fs_1.existsSync)(change.filePath)
+                ? (0, node_fs_1.readFileSync)(change.filePath, 'utf-8')
+                : null;
+            if (currentContents !== change.previousContents) {
+                throw new Error(`Source changed before renaming folder: ${change.filePath}`);
+            }
+        }
+        if (result.changes.length > 0) {
+            const logLine = (_c = (_b = request.symbolicatedStack) === null || _b === void 0 ? void 0 : _b.originalLineNumber) !== null && _c !== void 0 ? _c : 1;
+            const oldPath = request.parentName
+                ? `${request.parentName}/${request.folderName}`
+                : request.folderName;
+            const newPath = request.parentName
+                ? `${request.parentName}/${request.newName}`
+                : request.newName;
+            (0, undo_stack_1.pushTransactionToUndoStack)({
+                snapshots: result.changes.map((change) => ({
+                    filePath: change.filePath,
+                    oldContents: change.previousContents,
+                    newContents: change.nextContents,
+                    logLine: change.filePath === filePath ? logLine : 1,
+                    nodePathRemappings: null,
+                })),
+                logLevel,
+                remotionRoot,
+                description: {
+                    undoMessage: `↩️  Rename of folder "${oldPath}" to "${newPath}"`,
+                    redoMessage: `↪️  Rename of folder "${oldPath}" to "${newPath}"`,
+                },
+                entryType: 'rename-folder',
+                suppressHmrOnFileRestore: false,
+                undoRedoNavigation: request.undoRedoNavigation,
+            });
+            for (const change of result.changes) {
+                if (change.nextContents === null) {
+                    throw new Error('Renaming a folder cannot remove source files');
+                }
+                (0, undo_stack_1.suppressUndoStackInvalidation)(change.filePath);
+                (0, file_watcher_1.writeFileAndNotifyFileWatchers)({
+                    file: change.filePath,
+                    content: change.nextContents,
+                    originatorClientId: undefined,
+                    metadata: null,
+                });
+            }
+            const locationLabel = (0, format_log_file_location_1.formatLogFileLocation)({
+                remotionRoot,
+                absolutePath: filePath,
+                line: logLine,
+            });
+            renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${(0, source_file_write_queue_1.getCodemodTimingPrefix)(logLevel)}${renderer_1.RenderInternals.chalk.blueBright(locationLabel)} Renamed folder "${oldPath}"`);
+            (0, undo_stack_1.printUndoHint)(logLevel);
+        }
+        return { success: true, nodePathMutation: null };
+    }
+    catch (error) {
+        return {
+            success: false,
+            reason: error instanceof Error ? error.message : String(error),
+            stack: error instanceof Error ? ((_d = error.stack) !== null && _d !== void 0 ? _d : '') : '',
+        };
+    }
+});
+exports.renameFolderHandler = renameFolderHandler;

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

@@ -23,7 +23,7 @@ const reorderSequenceHandler = ({ input: { fileName, sourceNodePath, targetNodeP
                 action: 'modify',
             });
             const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
-            const result = await (0, codemods_1.reorderJsxNode)({
+            const result = await (0, codemods_1.reorderNode)({
                 project: { files: { [absolutePath]: fileContents }, rootDir: remotionRoot },
                 node: { filePath: absolutePath, nodePath: sourceNodePath.nodePath },
                 target: { filePath: absolutePath, nodePath: targetNodePath.nodePath },
@@ -31,7 +31,12 @@ const reorderSequenceHandler = ({ input: { fileName, sourceNodePath, targetNodeP
             });
             const output = (_b = (_a = result.changes[0]) === null || _a === void 0 ? void 0 : _a.nextContents) !== null && _b !== void 0 ? _b : fileContents;
             const { sequenceLabel, logLine } = result.editDetails[0];
-            const nodePathRemappings = result.nodePathRemappings.map(({ oldNodePath, newNodePath }) => ({ oldNodePath, newNodePath }));
+            const nodePathRemappings = result.nodePathRemappings.map(({ oldNodePath, newNodePath, oldJsxName, newJsxName }) => ({
+                oldNodePath,
+                newNodePath,
+                oldJsxName,
+                newJsxName,
+            }));
             const nodePathMutation = (0, sequence_node_path_mutation_1.broadcastSequenceNodePathMutation)([
                 {
                     absolutePath,

package/dist/preview-server/routes/replace-video-source.js

@@ -21,7 +21,7 @@ const replaceVideoSourceHandler = ({ input: { fileName, nodePath, src }, remotio
             action: 'modify',
         });
         const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
-        const result = (0, codemods_1.updateJsxNodeProps)({
+        const result = (0, codemods_1.updateNodeProps)({
             project: {
                 files: { [absolutePath]: fileContents },
                 rootDir: remotionRoot,
@@ -37,7 +37,12 @@ const replaceVideoSourceHandler = ({ input: { fileName, nodePath, src }, remotio
         });
         const output = (_b = (_a = result.changes[0]) === null || _a === void 0 ? void 0 : _a.nextContents) !== null && _b !== void 0 ? _b : fileContents;
         const { logLine } = result;
-        const nodePathRemappings = result.nodePathRemappings.map(({ oldNodePath, newNodePath }) => ({ oldNodePath, newNodePath }));
+        const nodePathRemappings = result.nodePathRemappings.map(({ oldNodePath, newNodePath, oldJsxName, newJsxName }) => ({
+            oldNodePath,
+            newNodePath,
+            oldJsxName,
+            newJsxName,
+        }));
         const nodePathMutation = (0, sequence_node_path_mutation_1.broadcastSequenceNodePathMutation)([{ absolutePath, remappings: nodePathRemappings }], null);
         (0, undo_stack_1.pushToUndoStack)({
             filePath: absolutePath,

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

@@ -49,7 +49,7 @@ const groupBy = (items, getKey) => {
     return [...groups.values()];
 };
 const convertSequencePropEditToCodemodChange = (edit) => {
-    var _a, _b;
+    var _a, _b, _c;
     return {
         nodePath: edit.nodePath.nodePath,
         updates: [
@@ -57,8 +57,11 @@ 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,
-                clipboardParam: ((_b = edit.sourceEdit) === null || _b === void 0 ? void 0 : _b.type) === 'clipboard-param'
+                ...(((_a = edit.sourceEdit) === null || _a === void 0 ? void 0 : _a.type) === 'playback-rate'
+                    ? { retimeKeyframes: true }
+                    : {}),
+                googleFont: ((_b = edit.sourceEdit) === null || _b === void 0 ? void 0 : _b.type) === 'google-font' ? edit.sourceEdit.font : null,
+                clipboardParam: ((_c = edit.sourceEdit) === null || _c === void 0 ? void 0 : _c.type) === 'clipboard-param'
                     ? edit.sourceEdit.param
                     : null,
             },

package/dist/preview-server/routes/split-sequences.d.ts

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