@remotion/studio-server 4.0.529 → 4.0.531

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

@@ -0,0 +1,97 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addCompositionHandler = void 0;
+const node_fs_1 = require("node:fs");
+const renderer_1 = require("@remotion/renderer");
+const add_composition_to_file_1 = require("../../codemods/add-composition-to-file");
+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 addCompositionHandler = ({ 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: 'add a composition to',
+            }).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 = await (0, add_composition_to_file_1.addCompositionToFile)({
+            filePath,
+            options: request.options,
+            remotionRoot,
+        });
+        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 adding 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: `↩️  Creation of composition "${request.options.newId}"`,
+                    redoMessage: `↪️  Creation of composition "${request.options.newId}"`,
+                },
+                entryType: 'new-composition',
+                suppressHmrOnFileRestore: false,
+                undoRedoNavigation: request.undoRedoNavigation,
+            });
+            for (const change of result.changes) {
+                if (change.nextContents === null) {
+                    throw new Error('Adding 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)} Created composition "${request.options.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.addCompositionHandler = addCompositionHandler;

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

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

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

@@ -0,0 +1,107 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addFolderHandler = 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 addFolderHandler = ({ 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: 'add a folder to',
+            }).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.addFolder)({
+            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 },
+        });
+        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 adding 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 folderPath = request.parentName
+                ? `${request.parentName}/${request.folderName}`
+                : request.folderName;
+            (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: `↩️  Creation of folder "${folderPath}"`,
+                    redoMessage: `↪️  Creation of folder "${folderPath}"`,
+                },
+                entryType: 'new-folder',
+                suppressHmrOnFileRestore: false,
+                undoRedoNavigation: request.undoRedoNavigation,
+            });
+            for (const change of result.changes) {
+                if (change.nextContents === null) {
+                    throw new Error('Adding 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)} Created folder "${folderPath}"`);
+            (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.addFolderHandler = addFolderHandler;

package/dist/preview-server/routes/add-keyframes.d.ts

@@ -1,7 +1,7 @@
-import type { AddKeyframesRequest, AddKeyframesResponse } from '@remotion/studio-shared';
+import type { AddKeyframesRequest, AddKeyframesResponse, SequenceNodePathMutation } from '@remotion/studio-shared';
 import type { ApiHandler } from '../api-types';
 export declare const addKeyframes: ({ sequenceKeyframes, effectKeyframes, clientId, remotionRoot, logLevel, }: AddKeyframesRequest & {
     readonly remotionRoot: string;
     readonly logLevel: "error" | "info" | "trace" | "verbose" | "warn";
-}) => Promise<void>;
+}) => Promise<SequenceNodePathMutation | null>;
 export declare const addKeyframesHandler: ApiHandler<AddKeyframesRequest, AddKeyframesResponse>;

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

@@ -3,9 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.addKeyframesHandler = exports.addKeyframes = void 0;
 const node_fs_1 = require("node:fs");
 const renderer_1 = require("@remotion/renderer");
+const get_node_path_remappings_1 = require("../../codemods/get-node-path-remappings");
+const parse_ast_1 = require("../../codemods/parse-ast");
 const update_keyframes_1 = require("../../codemods/update-keyframes/update-keyframes");
 const file_watcher_1 = require("../../file-watcher");
 const resolve_file_inside_project_1 = require("../../helpers/resolve-file-inside-project");
+const sequence_node_path_mutation_1 = require("../sequence-node-path-mutation");
 const undo_stack_1 = require("../undo-stack");
 const watch_ignore_next_change_1 = require("../watch-ignore-next-change");
 const log_effect_update_1 = require("./log-updates/log-effect-update");
@@ -86,6 +89,20 @@ const addKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, remo
         const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
         let output = fileContents;
         let firstLogLine = Number.POSITIVE_INFINITY;
+        const originalNodes = (0, get_node_path_remappings_1.captureJsxNodePaths)((0, parse_ast_1.parseAst)(fileContents));
+        // Keyframe codemods may wrap a concise arrow in a return statement.
+        // JSX nodes remain in order, but their node paths can all change.
+        const currentPathFor = (originalPath) => {
+            const index = originalNodes.findIndex(({ nodePath }) => JSON.stringify(nodePath) === JSON.stringify(originalPath));
+            if (index === -1) {
+                throw new Error('Could not find the original JSX node for keyframing');
+            }
+            const currentNodes = (0, get_node_path_remappings_1.captureJsxNodePaths)((0, parse_ast_1.parseAst)(output));
+            if (currentNodes.length !== originalNodes.length) {
+                throw new Error('Could not remap JSX nodes after keyframing');
+            }
+            return currentNodes[index].nodePath;
+        };
         for (const keyframeGroup of groupBy(group.sequenceKeyframes, (keyframe) => JSON.stringify(keyframe.nodePath.nodePath))) {
             const [firstSequenceKeyframe] = keyframeGroup;
             if (!firstSequenceKeyframe) {
@@ -93,7 +110,7 @@ const addKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, remo
             }
             const result = await (0, update_keyframes_1.updateSequenceKeyframes)({
                 input: output,
-                nodePath: firstSequenceKeyframe.nodePath.nodePath,
+                nodePath: currentPathFor(firstSequenceKeyframe.nodePath.nodePath),
                 schema: firstSequenceKeyframe.schema,
                 videoConfigValues: firstSequenceKeyframe.nodePath.videoConfigValues,
                 updates: keyframeGroup.map((keyframe) => ({
@@ -125,7 +142,7 @@ const addKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, remo
             }
             const result = await (0, update_keyframes_1.updateEffectKeyframes)({
                 input: output,
-                sequenceNodePath: firstEffectKeyframe.sequenceNodePath.nodePath,
+                sequenceNodePath: currentPathFor(firstEffectKeyframe.sequenceNodePath.nodePath),
                 effectIndex: firstEffectKeyframe.effectIndex,
                 schema: firstEffectKeyframe.schema,
                 videoConfigValues: firstEffectKeyframe.sequenceNodePath.videoConfigValues,
@@ -152,21 +169,39 @@ const addKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, remo
                 });
             }
         }
+        const finalNodes = (0, get_node_path_remappings_1.captureJsxNodePaths)((0, parse_ast_1.parseAst)(output));
+        if (finalNodes.length !== originalNodes.length) {
+            throw new Error('Could not remap JSX nodes after keyframing');
+        }
         snapshots.push({
             filePath: absolutePath,
             oldContents: fileContents,
             newContents: output,
             logLine: Number.isFinite(firstLogLine) ? firstLogLine : 1,
+            nodePathRemappings: originalNodes.flatMap(({ nodePath }, index) => {
+                const newNodePath = finalNodes[index].nodePath;
+                return JSON.stringify(nodePath) === JSON.stringify(newNodePath)
+                    ? []
+                    : [{ oldNodePath: nodePath, newNodePath }];
+            }),
         });
     }
     const [firstKeyframe] = sequenceKeyframes.length > 0 ? sequenceKeyframes : effectKeyframes;
     if (!firstKeyframe) {
         throw new Error('No keyframes were specified for adding');
     }
+    const filesWithRemappings = snapshots
+        .filter((snapshot) => snapshot.nodePathRemappings.length > 0)
+        .map((snapshot) => ({
+        absolutePath: snapshot.filePath,
+        remappings: snapshot.nodePathRemappings,
+    }));
     (0, undo_stack_1.pushTransactionToUndoStack)({
         snapshots: snapshots.map((snapshot) => ({
             ...snapshot,
-            nodePathRemappings: null,
+            nodePathRemappings: snapshot.nodePathRemappings.length
+                ? snapshot.nodePathRemappings
+                : null,
         })),
         logLevel,
         remotionRoot,
@@ -181,6 +216,8 @@ const addKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, remo
         suppressHmrOnFileRestore: true,
         undoRedoNavigation: null,
     });
+    // Visual Mode evaluates keyframes from prop statuses. Remap and refresh the
+    // subscriptions instead of remounting the composition when a hook is added.
     for (const snapshot of snapshots) {
         (0, undo_stack_1.suppressUndoStackInvalidation)(snapshot.filePath);
         (0, watch_ignore_next_change_1.suppressBundlerUpdateForFile)(snapshot.filePath);
@@ -188,9 +225,14 @@ const addKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, remo
             file: snapshot.filePath,
             content: snapshot.newContents,
             originatorClientId: clientId,
-            metadata: null,
+            metadata: snapshot.nodePathRemappings.length
+                ? { skipSequencePropsUpdate: true }
+                : null,
         });
     }
+    const nodePathMutation = filesWithRemappings.length
+        ? (0, sequence_node_path_mutation_1.broadcastSequenceNodePathMutation)(filesWithRemappings, null)
+        : null;
     for (const log of sequenceLogs) {
         (0, log_update_1.logUpdate)({
             fileRelativeToRoot: log.fileRelativeToRoot,
@@ -221,17 +263,18 @@ const addKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, remo
         });
     }
     (0, undo_stack_1.printUndoHint)(logLevel);
+    return nodePathMutation;
 };
 exports.addKeyframes = addKeyframes;
 const addKeyframesHandler = ({ input: { sequenceKeyframes, effectKeyframes, clientId }, remotionRoot, logLevel, }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
     renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[add-keyframes] Received request to add ${sequenceKeyframes.length + effectKeyframes.length} keyframe(s)`);
-    await (0, exports.addKeyframes)({
+    const nodePathMutation = await (0, exports.addKeyframes)({
         sequenceKeyframes,
         effectKeyframes,
         clientId,
         remotionRoot,
         logLevel,
     });
-    return { success: true };
+    return { success: true, nodePathMutation };
 });
 exports.addKeyframesHandler = addKeyframesHandler;

package/dist/preview-server/routes/can-update-sequence-props.js

@@ -458,6 +458,7 @@ const getInterpolationKeyframes = (node, ast, videoConfigValues) => {
         clamping: metadata.clamping,
         posterize: metadata.posterize,
         output: metadata.output,
+        keyframePlaybackRateAdjustment: frameDisplayOffset.playbackRateAdjustment,
         keyframeDisplayOffsetAdjustment: frameDisplayOffset.hasEnclosingElement
             ? frameDisplayOffset.adjustment
             : null,
@@ -548,6 +549,7 @@ const getFrameDisplayOffsetAdjustmentBetweenPaths = ({ startPath, endPath, video
     let hasSeenControlledElement = false;
     let hasEnclosingElement = false;
     let adjustment = 0;
+    let playbackRateAdjustment = 1;
     while (current && current.value !== endPath.value) {
         const currentNode = current.value;
         if (currentNode.type === 'FunctionDeclaration' ||
@@ -575,15 +577,30 @@ const getFrameDisplayOffsetAdjustmentBetweenPaths = ({ startPath, endPath, video
                     defaultValue: 0,
                     videoConfigValues,
                 });
-                if (from === null || trimBefore === null) {
+                const playbackRate = getJsxNumericAttribute({
+                    openingElement: currentNode.openingElement,
+                    name: 'playbackRate',
+                    defaultValue: 1,
+                    videoConfigValues,
+                });
+                if (from === null ||
+                    trimBefore === null ||
+                    playbackRate === null ||
+                    !Number.isFinite(playbackRate) ||
+                    playbackRate <= 0) {
                     return null;
                 }
-                adjustment -= from - trimBefore;
+                // Walk from the controlled element back to the hook's scope.
+                // A sequence maps parent time to (parent - from) * rate + trimBefore.
+                adjustment = (adjustment + trimBefore) / playbackRate - from;
+                playbackRateAdjustment /= playbackRate;
             }
         }
         current = current.parentPath;
     }
-    return current ? { adjustment, hasEnclosingElement } : null;
+    return current
+        ? { adjustment, playbackRateAdjustment, hasEnclosingElement }
+        : null;
 };
 const resolveCurrentFrameExpression = ({ node, ast, seenDeclarations, }) => {
     var _a;
@@ -723,6 +740,11 @@ const getComputedStatus = (node, ast, videoConfigValues) => {
         status: 'keyframed',
         interpolationFunction: interpolation.interpolationFunction,
         keyframeDisplayOffsetAdjustment: interpolation.keyframeDisplayOffsetAdjustment,
+        ...(interpolation.keyframePlaybackRateAdjustment === 1
+            ? {}
+            : {
+                keyframePlaybackRateAdjustment: interpolation.keyframePlaybackRateAdjustment,
+            }),
         keyframes: interpolation.keyframes,
         easing: interpolation.easing,
         clamping: interpolation.clamping,
@@ -934,7 +956,7 @@ const resolveSequencePropsNodePathsFromFilename = ({ fileName, targets, remotion
         action: 'read',
     });
     const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
-    const nodes = (0, codemods_1.getJsxNodes)({
+    const nodes = (0, codemods_1.getNodes)({
         project: { rootDir: remotionRoot, files: { [absolutePath]: fileContents } },
         filePath: absolutePath,
     });
@@ -955,7 +977,7 @@ const resolveSequencePropsNodePathsFromFilename = ({ fileName, targets, remotion
 exports.resolveSequencePropsNodePathsFromFilename = resolveSequencePropsNodePathsFromFilename;
 const computeSequencePropsStatusFromContent = ({ fileContents, nodePath, componentIdentity, keys, assetKeys = [], effects, videoConfigValues, }) => {
     try {
-        return (0, codemods_1.getJsxNodeProps)({
+        return (0, codemods_1.getNodeProps)({
             project: { rootDir: '/', files: { 'source.tsx': fileContents } },
             node: { filePath: 'source.tsx', nodePath },
             componentIdentity,

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

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

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

@@ -0,0 +1,104 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.deleteCompositionHandler = 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 deleteCompositionHandler = ({ 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: 'delete a composition from',
+            }).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.deleteComposition)({
+            project: {
+                files: { [filePath]: (0, node_fs_1.readFileSync)(filePath, 'utf-8') },
+                rootDir: node_path_1.default.dirname(filePath),
+            },
+            compositionFile: filePath,
+            compositionId: request.idToDelete,
+        });
+        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 deleting 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: `↩️  Deletion of composition "${request.idToDelete}"`,
+                    redoMessage: `↪️  Deletion of composition "${request.idToDelete}"`,
+                },
+                entryType: 'delete-composition',
+                suppressHmrOnFileRestore: false,
+                undoRedoNavigation: request.undoRedoNavigation,
+            });
+            for (const change of result.changes) {
+                if (change.nextContents === null) {
+                    throw new Error('Deleting 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)} Deleted composition "${request.idToDelete}"`);
+            (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.deleteCompositionHandler = deleteCompositionHandler;

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

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