@remotion/studio-server 4.0.526 → 4.0.527

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

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.deleteEffectHandler = void 0;
 const node_fs_1 = require("node:fs");
+const codemods_1 = require("@remotion/codemods");
 const renderer_1 = require("@remotion/renderer");
-const delete_effect_1 = require("../../codemods/delete-effect");
 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");
@@ -11,6 +11,7 @@ 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 { deleteEffects } = codemods_1.CodemodsInternals;
 const getDeletedEffectDescription = (effectLabels) => {
     if (effectLabels.length === 1) {
         return effectLabels[0];
@@ -38,7 +39,7 @@ const deleteEffectHandler = ({ input: effects, remotionRoot, logLevel }) => {
                     action: 'modify',
                 });
                 const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
-                const { output, formatted, effectLabels, logLines } = await (0, delete_effect_1.deleteEffects)({
+                const { output, formatted, effectLabels, logLines } = await deleteEffects({
                     input: fileContents,
                     effects: fileItems.map((item) => item.type === 'single-effect'
                         ? {

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

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

package/dist/preview-server/routes/{delete-jsx-node.js → delete-jsx-nodes.js}

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.deleteJsxNodeHandler = void 0;
+exports.deleteJsxNodesHandler = void 0;
 const node_fs_1 = require("node:fs");
 const renderer_1 = require("@remotion/renderer");
-const delete_jsx_node_1 = require("../../codemods/delete-jsx-node");
+const delete_jsx_nodes_1 = require("../../codemods/delete-jsx-nodes");
 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");
@@ -17,19 +17,19 @@ const getDeletedNodeDescription = (nodeLabels) => {
     }
     return `${nodeLabels.length} JSX nodes`;
 };
-const deleteJsxNodeHandler = ({ input: { nodes }, remotionRoot, logLevel }) => {
+const deleteJsxNodesHandler = ({ input: { nodes }, remotionRoot, logLevel }) => {
     return (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
         var _a;
         try {
             (0, hmr_timing_1.logHmrTiming)({
                 detail: null,
                 logLevel,
-                stage: 'delete-jsx-node-request-start',
+                stage: 'delete-jsx-nodes-request-start',
             });
             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'}`);
+            renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[delete-jsx-nodes] 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 : [];
@@ -43,7 +43,7 @@ const deleteJsxNodeHandler = ({ input: { nodes }, remotionRoot, logLevel }) => {
                     action: 'modify',
                 });
                 const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
-                const { output, nodeLabels, logLines, nodePathRemappings } = await (0, delete_jsx_node_1.deleteJsxNodes)({
+                const { output, nodeLabels, logLines, nodePathRemappings } = await (0, delete_jsx_nodes_1.deleteJsxNodes)({
                     input: fileContents,
                     nodePaths: fileItems.map((item) => item.nodePath),
                 });
@@ -60,7 +60,7 @@ const deleteJsxNodeHandler = ({ input: { nodes }, remotionRoot, logLevel }) => {
             (0, hmr_timing_1.logHmrTiming)({
                 detail: `files=${updates.length}`,
                 logLevel,
-                stage: 'delete-jsx-node-codemod-complete',
+                stage: 'delete-jsx-nodes-codemod-complete',
             });
             const nodePathMutation = (0, sequence_node_path_mutation_1.broadcastSequenceNodePathMutation)(updates.map((update) => ({
                 absolutePath: update.absolutePath,
@@ -79,7 +79,7 @@ const deleteJsxNodeHandler = ({ input: { nodes }, remotionRoot, logLevel }) => {
                         undoMessage: `↩️  Deletion of ${deletedNodeDescription}`,
                         redoMessage: `↪️  Deletion of ${deletedNodeDescription}`,
                     },
-                    entryType: 'delete-jsx-node',
+                    entryType: 'delete-jsx-nodes',
                     suppressHmrOnFileRestore: false,
                     nodePathRemappings: update.nodePathRemappings,
                 });
@@ -106,7 +106,7 @@ const deleteJsxNodeHandler = ({ input: { nodes }, remotionRoot, logLevel }) => {
                     line: update.logLine,
                 });
                 renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${(0, source_file_write_queue_1.getCodemodTimingPrefix)(logLevel)}${renderer_1.RenderInternals.chalk.blueBright(`${locationLabel}`)} Deleted ${deletedNodeDescription}`);
-                renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel }, `[delete-jsx-node] Wrote ${update.fileRelativeToRoot}`);
+                renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel }, `[delete-jsx-nodes] Wrote ${update.fileRelativeToRoot}`);
             }
             (0, undo_stack_1.printUndoHint)(logLevel);
             return {
@@ -123,4 +123,4 @@ const deleteJsxNodeHandler = ({ input: { nodes }, remotionRoot, logLevel }) => {
         }
     });
 };
-exports.deleteJsxNodeHandler = deleteJsxNodeHandler;
+exports.deleteJsxNodesHandler = deleteJsxNodesHandler;

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

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.duplicateEffectHandler = void 0;
 const node_fs_1 = require("node:fs");
+const codemods_1 = require("@remotion/codemods");
 const renderer_1 = require("@remotion/renderer");
-const duplicate_effect_1 = require("../../codemods/duplicate-effect");
 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");
@@ -11,6 +11,7 @@ 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 { duplicateEffects } = codemods_1.CodemodsInternals;
 const getDuplicatedEffectDescription = (effectLabels) => {
     if (effectLabels.length === 1) {
         return effectLabels[0];
@@ -38,7 +39,7 @@ const duplicateEffectHandler = ({ input: effects, remotionRoot, logLevel }) => {
                     action: 'modify',
                 });
                 const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
-                const { output, formatted, effectLabels, logLines } = await (0, duplicate_effect_1.duplicateEffects)({
+                const { output, formatted, effectLabels, logLines } = await duplicateEffects({
                     input: fileContents,
                     effects: fileItems.map((item) => ({
                         sequenceNodePath: item.sequenceNodePath.nodePath,

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

@@ -2,14 +2,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.duplicateJsxNodeHandler = void 0;
 const node_fs_1 = require("node:fs");
+const codemods_1 = require("@remotion/codemods");
 const renderer_1 = require("@remotion/renderer");
-const studio_codemods_1 = require("@remotion/studio-codemods");
 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 { duplicateJsxNodes } = codemods_1.CodemodsInternals;
 const duplicateJsxNodeHandler = ({ input: { nodes }, remotionRoot, logLevel }) => {
     return (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
         var _a;
@@ -31,7 +32,7 @@ const duplicateJsxNodeHandler = ({ input: { nodes }, remotionRoot, logLevel }) =
                     action: 'modify',
                 });
                 const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
-                const { output, nodeLabels, logLines, nodePathRemappings } = await (0, studio_codemods_1.duplicateJsxNodes)({
+                const { output, nodeLabels, logLines, nodePathRemappings } = await duplicateJsxNodes({
                     input: fileContents,
                     nodePaths: fileItems.map((item) => item.nodePath),
                 });

package/dist/preview-server/routes/element-install-plan.d.ts

@@ -18,7 +18,7 @@ export declare const getElementInstallPlan: ({ destination, element, installatio
     expectedFileState: ElementInstallExpectedFileState;
     filePath: string;
     importPath: string;
-    location: import("@remotion/studio-codemods").ResolvedCompositionComponentWithFile | null;
+    location: import("@remotion/codemods").ResolvedCompositionComponentWithFile | null;
     safePaths: {
         compositionFileName: string;
         elementFileName: string;

package/dist/preview-server/routes/find-in-file.d.ts

@@ -1,4 +1,12 @@
 import type { FindInFileRequest, FindInFileResponse } from '@remotion/studio-shared';
 import type { ApiHandler } from '../api-types';
-export { findSearchPosition } from '@remotion/studio-codemods';
+export declare const findSearchPosition: ({ contents, lineNumber, columnNumber, search, }: {
+    contents: string;
+    lineNumber: number;
+    columnNumber: number;
+    search: string;
+}) => {
+    lineNumber: number;
+    columnNumber: number;
+};
 export declare const findInFileHandler: ApiHandler<FindInFileRequest, FindInFileResponse>;

package/dist/preview-server/routes/find-in-file.js

@@ -6,13 +6,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.findInFileHandler = exports.findSearchPosition = void 0;
 const node_fs_1 = __importDefault(require("node:fs"));
 const node_path_1 = __importDefault(require("node:path"));
-const studio_codemods_1 = require("@remotion/studio-codemods");
-const studio_codemods_2 = require("@remotion/studio-codemods");
-Object.defineProperty(exports, "findSearchPosition", { enumerable: true, get: function () { return studio_codemods_2.findSearchPosition; } });
+const codemods_1 = require("@remotion/codemods");
+({ findSearchPosition: exports.findSearchPosition } = codemods_1.CodemodsInternals);
 const findInFileHandler = async ({ input, remotionRoot }) => {
     const { fileName, lineNumber, columnNumber, search } = input;
     const contents = await node_fs_1.default.promises.readFile(node_path_1.default.resolve(remotionRoot, fileName), 'utf-8');
-    return (0, studio_codemods_1.findSearchPosition)({
+    return (0, exports.findSearchPosition)({
         contents,
         lineNumber,
         columnNumber,

package/dist/preview-server/routes/insert-basic-captions.d.ts

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

package/dist/preview-server/routes/insert-basic-captions.js

@@ -0,0 +1,119 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.insertBasicCaptionsHandler = 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 { basicCaptionsElementSource, getBasicCaptionsElementFile, insertBasicCaptions, } = codemods_1.CodemodsInternals;
+const insertBasicCaptionsHandler = ({ input: { fileName, nodePath, captions, durationInFrames }, remotionRoot, logLevel, }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(() => {
+    var _a;
+    try {
+        const { absolutePath } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
+            remotionRoot,
+            fileName,
+            action: 'modify',
+        });
+        const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
+        const elementFile = getBasicCaptionsElementFile({
+            fileName: absolutePath,
+            readFileContents: (candidate) => {
+                const { absolutePath: elementPath } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
+                    remotionRoot,
+                    fileName: candidate,
+                    action: 'create',
+                });
+                let stat;
+                try {
+                    stat = (0, node_fs_1.lstatSync)(elementPath);
+                }
+                catch (error) {
+                    if (error.code === 'ENOENT') {
+                        return null;
+                    }
+                    throw error;
+                }
+                if (!stat.isFile()) {
+                    throw new Error(`Cannot use ${elementPath} for Basic captions`);
+                }
+                return (0, node_fs_1.readFileSync)(elementPath, 'utf-8');
+            },
+        });
+        const { output, logLine, nodePathRemappings } = insertBasicCaptions({
+            input: fileContents,
+            nodePath,
+            captions,
+            durationInFrames,
+            importPath: elementFile.importPath,
+        });
+        const nodePathMutation = (0, sequence_node_path_mutation_1.broadcastSequenceNodePathMutation)([{ absolutePath, remappings: nodePathRemappings }], null);
+        (0, undo_stack_1.pushTransactionToUndoStack)({
+            snapshots: [
+                ...(elementFile.shouldWrite
+                    ? [
+                        {
+                            filePath: elementFile.fileName,
+                            oldContents: null,
+                            newContents: basicCaptionsElementSource,
+                            logLine: 1,
+                            nodePathRemappings: null,
+                        },
+                    ]
+                    : []),
+                {
+                    filePath: absolutePath,
+                    oldContents: fileContents,
+                    newContents: output,
+                    logLine,
+                    nodePathRemappings,
+                },
+            ],
+            logLevel,
+            remotionRoot,
+            description: {
+                undoMessage: '↩️  Insertion of Basic captions',
+                redoMessage: '↪️  Insertion of Basic captions',
+            },
+            entryType: 'insert-basic-captions',
+            suppressHmrOnFileRestore: false,
+            undoRedoNavigation: null,
+        });
+        if (elementFile.shouldWrite) {
+            (0, undo_stack_1.suppressUndoStackInvalidation)(elementFile.fileName);
+            (0, file_watcher_1.writeFileAndNotifyFileWatchers)({
+                file: elementFile.fileName,
+                content: basicCaptionsElementSource,
+                originatorClientId: undefined,
+                metadata: null,
+            });
+        }
+        (0, undo_stack_1.suppressUndoStackInvalidation)(absolutePath);
+        (0, file_watcher_1.writeFileAndNotifyFileWatchers)({
+            file: absolutePath,
+            content: output,
+            originatorClientId: undefined,
+            metadata: { skipSequencePropsUpdate: true },
+        });
+        const locationLabel = (0, format_log_file_location_1.formatLogFileLocation)({
+            remotionRoot,
+            absolutePath,
+            line: logLine,
+        });
+        renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${(0, source_file_write_queue_1.getCodemodTimingPrefix)(logLevel)}${renderer_1.RenderInternals.chalk.blueBright(locationLabel)} Inserted Basic captions`);
+        (0, undo_stack_1.printUndoHint)(logLevel);
+        return Promise.resolve({ success: true, nodePathMutation });
+    }
+    catch (error) {
+        return Promise.resolve({
+            success: false,
+            reason: error.message,
+            stack: (_a = error.stack) !== null && _a !== void 0 ? _a : '',
+        });
+    }
+});
+exports.insertBasicCaptionsHandler = insertBasicCaptionsHandler;

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

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.reorderEffectHandler = void 0;
 const node_fs_1 = require("node:fs");
+const codemods_1 = require("@remotion/codemods");
 const renderer_1 = require("@remotion/renderer");
-const reorder_effect_1 = require("../../codemods/reorder-effect");
 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");
@@ -11,6 +11,7 @@ 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 { reorderEffect } = codemods_1.CodemodsInternals;
 const reorderEffectHandler = ({ input: { fileName, sequenceNodePath, fromIndex, toIndex, clientId }, remotionRoot, logLevel, }) => {
     return (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
         try {
@@ -21,7 +22,7 @@ const reorderEffectHandler = ({ input: { fileName, sequenceNodePath, fromIndex,
                 action: 'modify',
             });
             const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
-            const { output, formatted, effectLabel, logLine } = await (0, reorder_effect_1.reorderEffect)({
+            const { output, formatted, effectLabel, logLine } = await reorderEffect({
                 input: fileContents,
                 sequenceNodePath: sequenceNodePath.nodePath,
                 fromIndex,

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

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.reorderSequenceHandler = void 0;
 const node_fs_1 = require("node:fs");
+const codemods_1 = require("@remotion/codemods");
 const renderer_1 = require("@remotion/renderer");
-const reorder_sequence_1 = require("../../codemods/reorder-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");
@@ -11,6 +11,7 @@ const sequence_node_path_mutation_1 = require("../sequence-node-path-mutation");
 const undo_stack_1 = require("../undo-stack");
 const formatting_1 = require("./log-updates/formatting");
 const source_file_write_queue_1 = require("./source-file-write-queue");
+const { reorderSequence } = codemods_1.CodemodsInternals;
 const reorderSequenceHandler = ({ input: { fileName, sourceNodePath, targetNodePath, position, clientId }, remotionRoot, logLevel, }) => {
     return (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
         try {
@@ -21,7 +22,7 @@ const reorderSequenceHandler = ({ input: { fileName, sourceNodePath, targetNodeP
                 action: 'modify',
             });
             const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
-            const { output, sequenceLabel, logLine, nodePathRemappings } = await (0, reorder_sequence_1.reorderSequence)({
+            const { output, sequenceLabel, logLine, nodePathRemappings } = await reorderSequence({
                 input: fileContents,
                 sourceNodePath: sourceNodePath.nodePath,
                 targetNodePath: targetNodePath.nodePath,

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

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.saveSequencePropsHandler = exports.shouldSuppressHmrForSequencePropEdits = exports.convertSequencePropEditToCodemodChange = void 0;
 const node_fs_1 = require("node:fs");
+const codemods_1 = require("@remotion/codemods");
 const renderer_1 = require("@remotion/renderer");
 const studio_shared_1 = require("@remotion/studio-shared");
-const update_inline_caption_patches_1 = require("../../codemods/update-inline-caption-patches");
 const update_keyframes_1 = require("../../codemods/update-keyframes/update-keyframes");
 const update_sequence_props_1 = require("../../codemods/update-sequence-props/update-sequence-props");
 const file_watcher_1 = require("../../file-watcher");
@@ -15,6 +15,7 @@ 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 source_file_write_queue_1 = require("./source-file-write-queue");
+const { updateInlineCaptionPatches } = codemods_1.CodemodsInternals;
 const parseSequencePropEditValue = (value) => {
     if (value.type === 'undefined') {
         return undefined;
@@ -230,7 +231,7 @@ const saveSequencePropsHandler = ({ input: { edits, addedKeyframes, movedKeyfram
             }
         }
         for (const captionPatchRequest of group.captionPatches) {
-            const result = (0, update_inline_caption_patches_1.updateInlineCaptionPatches)({
+            const result = updateInlineCaptionPatches({
                 input: output,
                 nodePath: captionPatchRequest.nodePath.nodePath,
                 patches: captionPatchRequest.patches,

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

@@ -10,56 +10,88 @@ 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 splitJsxSequenceHandler = ({ input: { fileName, nodePath, sequenceKeys, splitFrame }, remotionRoot, logLevel, }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
+const splitJsxSequenceHandler = ({ input: { sequences }, remotionRoot, logLevel }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
+    var _a;
     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, nodeLabel, logLine, nodePathRemappings } = await (0, split_jsx_sequence_1.splitJsxSequence)({
-            input: fileContents,
-            nodePath,
-            sequenceKeys,
-            splitFrame,
-        });
-        const nodePathMutation = (0, sequence_node_path_mutation_1.broadcastSequenceNodePathMutation)([
-            {
+        if (sequences.length === 0) {
+            throw new Error('No JSX sequences were specified for splitting');
+        }
+        renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[split-jsx-sequence] Received request to split ${sequences.length} JSX sequence${sequences.length === 1 ? '' : 's'}`);
+        const sequencesByFileName = new Map();
+        for (const sequence of sequences) {
+            const fileSequences = (_a = sequencesByFileName.get(sequence.fileName)) !== null && _a !== void 0 ? _a : [];
+            fileSequences.push(sequence);
+            sequencesByFileName.set(sequence.fileName, fileSequences);
+        }
+        const updates = await Promise.all([...sequencesByFileName].map(async ([fileName, fileSequences]) => {
+            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, nodeLabels, logLines, nodePathRemappings } = await (0, split_jsx_sequence_1.splitJsxSequences)({
+                input: fileContents,
+                splits: fileSequences.map(({ nodePath, sequenceKeys, splitFrame }) => ({
+                    nodePath,
+                    sequenceKeys,
+                    splitFrame,
+                })),
+            });
+            return {
                 absolutePath,
-                remappings: nodePathRemappings,
-            },
-        ], null);
-        (0, undo_stack_1.pushToUndoStack)({
-            filePath: absolutePath,
-            oldContents: fileContents,
-            newContents: null,
+                fileContents,
+                fileRelativeToRoot,
+                logLine: Math.min(...logLines),
+                nodeLabels,
+                nodePathRemappings,
+                output,
+            };
+        }));
+        const nodePathMutation = (0, sequence_node_path_mutation_1.broadcastSequenceNodePathMutation)(updates.map((update) => ({
+            absolutePath: update.absolutePath,
+            remappings: update.nodePathRemappings,
+        })), null);
+        const splitDescription = sequences.length === 1
+            ? updates[0].nodeLabels[0]
+            : `${sequences.length} JSX sequences`;
+        (0, undo_stack_1.pushTransactionToUndoStack)({
+            snapshots: updates.map((update) => ({
+                filePath: update.absolutePath,
+                oldContents: update.fileContents,
+                newContents: null,
+                logLine: update.logLine,
+                nodePathRemappings: update.nodePathRemappings,
+            })),
             logLevel,
             remotionRoot,
-            logLine,
             description: {
-                undoMessage: `↩️  Split of ${nodeLabel}`,
-                redoMessage: `↪️  Split of ${nodeLabel}`,
+                undoMessage: `↩️  Split of ${splitDescription}`,
+                redoMessage: `↪️  Split of ${splitDescription}`,
             },
             entryType: 'split-jsx-sequence',
             suppressHmrOnFileRestore: false,
-            nodePathRemappings,
-        });
-        (0, undo_stack_1.suppressUndoStackInvalidation)(absolutePath);
-        (0, file_watcher_1.writeFileAndNotifyFileWatchers)({
-            file: absolutePath,
-            content: output,
-            originatorClientId: undefined,
-            metadata: { skipSequencePropsUpdate: true },
-        });
-        const locationLabel = (0, format_log_file_location_1.formatLogFileLocation)({
-            remotionRoot,
-            absolutePath,
-            line: logLine,
+            undoRedoNavigation: null,
         });
-        renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${(0, source_file_write_queue_1.getCodemodTimingPrefix)(logLevel)}${renderer_1.RenderInternals.chalk.blueBright(`${locationLabel}`)} Split ${nodeLabel}`);
-        renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel }, `[split-jsx-sequence] Wrote ${fileRelativeToRoot}`);
+        for (const update of updates) {
+            (0, undo_stack_1.suppressUndoStackInvalidation)(update.absolutePath);
+            (0, file_watcher_1.writeFileAndNotifyFileWatchers)({
+                file: update.absolutePath,
+                content: update.output,
+                originatorClientId: undefined,
+                metadata: { skipSequencePropsUpdate: true },
+            });
+            const locationLabel = (0, format_log_file_location_1.formatLogFileLocation)({
+                remotionRoot,
+                absolutePath: update.absolutePath,
+                line: update.logLine,
+            });
+            const fileDescription = update.nodeLabels.length === 1
+                ? update.nodeLabels[0]
+                : `${update.nodeLabels.length} JSX sequences`;
+            renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${(0, source_file_write_queue_1.getCodemodTimingPrefix)(logLevel)}${renderer_1.RenderInternals.chalk.blueBright(`${locationLabel}`)} Split ${fileDescription}`);
+            renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel }, `[split-jsx-sequence] Wrote ${update.fileRelativeToRoot}`);
+        }
         (0, undo_stack_1.printUndoHint)(logLevel);
         return {
             success: true,

package/dist/preview-server/routes/split-video-from-audio.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.splitVideoFromAudioHandler = void 0;
 const node_fs_1 = require("node:fs");
+const codemods_1 = require("@remotion/codemods");
 const renderer_1 = require("@remotion/renderer");
-const split_video_from_audio_1 = require("../../codemods/split-video-from-audio");
 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");
@@ -11,6 +11,7 @@ const sequence_node_path_mutation_1 = require("../sequence-node-path-mutation");
 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 { splitVideoFromAudio } = codemods_1.CodemodsInternals;
 const splitVideoFromAudioHandler = ({ input: { fileName, nodePath }, remotionRoot, logLevel }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
     try {
         renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[split-video-from-audio] Received request for fileName="${fileName}"`);
@@ -20,7 +21,7 @@ const splitVideoFromAudioHandler = ({ input: { fileName, nodePath }, remotionRoo
             action: 'modify',
         });
         const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
-        const { output, formatted, nodeLabel, logLine, nodePathRemappings } = await (0, split_video_from_audio_1.splitVideoFromAudio)({
+        const { output, formatted, nodeLabel, logLine, nodePathRemappings } = await splitVideoFromAudio({
             input: fileContents,
             nodePath,
         });

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

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.updateDefaultPropsHandler = void 0;
 const node_fs_1 = require("node:fs");
+const codemods_1 = require("@remotion/codemods");
 const renderer_1 = require("@remotion/renderer");
-const update_default_props_1 = require("../../codemods/update-default-props");
 const file_watcher_1 = require("../../file-watcher");
 const format_log_file_location_1 = require("../format-log-file-location");
 const project_info_1 = require("../project-info");
@@ -11,6 +11,7 @@ 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 source_file_write_queue_1 = require("./source-file-write-queue");
+const { getCompositionDefaultPropsLine, updateDefaultProps } = codemods_1.CodemodsInternals;
 const updateDefaultPropsHandler = ({ input: { compositionId, defaultProps, enumPaths }, remotionRoot, entryPoint, logLevel, }) => {
     return (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
         try {
@@ -21,11 +22,11 @@ const updateDefaultPropsHandler = ({ input: { compositionId, defaultProps, enumP
             }
             (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)({
+            const logLine = getCompositionDefaultPropsLine({
                 input: fileContents,
                 compositionId,
             });
-            const { output } = (0, update_default_props_1.updateDefaultProps)({
+            const { output } = updateDefaultProps({
                 compositionId,
                 input: fileContents,
                 newDefaultProps: JSON.parse(defaultProps),

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

@@ -4,7 +4,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' | 'split-jsx-sequence' | 'split-video-from-audio' | 'insert-jsx-element' | 'delete-composition' | 'rename-composition' | 'update-composition-metadata' | 'new-composition' | 'duplicate-composition' | 'move-composition-to-folder' | 'move-composition-or-folder' | 'new-folder' | '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-nodes' | 'duplicate-jsx-node' | 'split-jsx-sequence' | 'split-video-from-audio' | 'insert-basic-captions' | 'insert-jsx-element' | 'delete-composition' | 'rename-composition' | 'update-composition-metadata' | 'new-composition' | 'duplicate-composition' | 'move-composition-to-folder' | 'move-composition-or-folder' | 'new-folder' | 'delete-folder' | 'rename-folder';
 type UndoEntrySnapshot = {
     filePath: string;
     oldContents: string | null;