@remotion/studio-server 4.0.528 → 4.0.530

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

@@ -314,7 +314,9 @@ const getInterpolationMetadata = (interpolationFunction, callExpression, keyfram
                 return null;
             }
             const extrapolateType = getExtrapolateType(value);
-            if (!extrapolateType) {
+            if (!extrapolateType ||
+                (interpolationFunction === 'interpolatePaths' &&
+                    extrapolateType === 'identity')) {
                 return null;
             }
             clamping =
@@ -334,7 +336,7 @@ const getInterpolationMetadata = (interpolationFunction, callExpression, keyfram
             continue;
         }
         if (key === 'output') {
-            if (interpolationFunction === 'interpolateColors') {
+            if (interpolationFunction !== 'interpolate') {
                 return null;
             }
             const parsedOutput = getInterpolateOutputOption(value);
@@ -345,7 +347,7 @@ const getInterpolationMetadata = (interpolationFunction, callExpression, keyfram
             continue;
         }
         if (key === 'outputType') {
-            if (interpolationFunction === 'interpolateColors' ||
+            if (interpolationFunction !== 'interpolate' ||
                 getInterpolateOutputType(value) === null) {
                 return null;
             }
@@ -387,11 +389,16 @@ const getInterpolationKeyframes = (node, ast, videoConfigValues) => {
         return undefined;
     }
     const callExpression = node;
-    if (callExpression.callee.type !== 'Identifier' ||
-        !(0, studio_shared_1.isKeyframeInterpolationFunction)(callExpression.callee.name)) {
+    if (callExpression.callee.type !== 'Identifier') {
+        return undefined;
+    }
+    const interpolationFunction = codemods_1.CodemodsInternals.getKeyframeInterpolationFunctionForCallee({
+        ast,
+        callee: callExpression.callee,
+    });
+    if (interpolationFunction === null) {
         return undefined;
     }
-    const interpolationFunction = callExpression.callee.name;
     const frameArg = callExpression.arguments[0];
     const inputArg = callExpression.arguments[1];
     const outputArg = callExpression.arguments[2];
@@ -451,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,
@@ -541,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' ||
@@ -568,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;
@@ -716,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,
@@ -927,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,
     });
@@ -948,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-nodes.d.ts

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

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

@@ -0,0 +1,142 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.deleteNodesHandler = 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 hmr_timing_1 = require("../hmr-timing");
+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 getDeletedNodeDescription = (nodeLabels) => {
+    if (nodeLabels.length === 1) {
+        return nodeLabels[0];
+    }
+    return `${nodeLabels.length} JSX nodes`;
+};
+const deleteNodesHandler = ({ 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-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-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 : [];
+                fileItems.push(item);
+                itemsByFileName.set(item.fileName, fileItems);
+            }
+            const updates = await Promise.all([...itemsByFileName.entries()].map(async ([fileName, fileItems]) => {
+                var _a;
+                var _b;
+                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 result = await (0, codemods_1.deleteNodes)({
+                    project: {
+                        files: { [absolutePath]: fileContents },
+                        rootDir: remotionRoot,
+                    },
+                    nodes: fileItems.map((item) => ({
+                        filePath: absolutePath,
+                        nodePath: item.nodePath,
+                    })),
+                });
+                const output = (_b = (_a = result.changes[0]) === null || _a === void 0 ? void 0 : _a.nextContents) !== null && _b !== void 0 ? _b : fileContents;
+                const { nodeLabels, logLines } = result.editDetails[0];
+                const nodePathRemappings = result.nodePathRemappings.map(({ oldNodePath, newNodePath, oldJsxName, newJsxName }) => ({
+                    oldNodePath,
+                    newNodePath,
+                    oldJsxName,
+                    newJsxName,
+                }));
+                return {
+                    absolutePath,
+                    fileRelativeToRoot,
+                    fileContents,
+                    output,
+                    nodeLabels,
+                    nodePathRemappings,
+                    logLine: Math.min(...logLines),
+                };
+            }));
+            (0, hmr_timing_1.logHmrTiming)({
+                detail: `files=${updates.length}`,
+                logLevel,
+                stage: 'delete-nodes-codemod-complete',
+            });
+            const nodePathMutation = (0, sequence_node_path_mutation_1.broadcastSequenceNodePathMutation)(updates.map((update) => ({
+                absolutePath: update.absolutePath,
+                remappings: update.nodePathRemappings,
+            })), null);
+            for (const update of updates) {
+                const deletedNodeDescription = getDeletedNodeDescription(update.nodeLabels);
+                (0, undo_stack_1.pushToUndoStack)({
+                    filePath: update.absolutePath,
+                    oldContents: update.fileContents,
+                    newContents: null,
+                    logLevel,
+                    remotionRoot,
+                    logLine: update.logLine,
+                    description: {
+                        undoMessage: `↩️  Deletion of ${deletedNodeDescription}`,
+                        redoMessage: `↪️  Deletion of ${deletedNodeDescription}`,
+                    },
+                    entryType: 'delete-nodes',
+                    suppressHmrOnFileRestore: false,
+                    nodePathRemappings: update.nodePathRemappings,
+                });
+                (0, undo_stack_1.suppressUndoStackInvalidation)(update.absolutePath);
+                (0, hmr_timing_1.logHmrTiming)({
+                    detail: `file=${update.fileRelativeToRoot}`,
+                    logLevel,
+                    stage: 'source-file-write-start',
+                });
+                (0, file_watcher_1.writeFileAndNotifyFileWatchers)({
+                    file: update.absolutePath,
+                    content: update.output,
+                    originatorClientId: undefined,
+                    metadata: { skipSequencePropsUpdate: true },
+                });
+                (0, hmr_timing_1.logHmrTiming)({
+                    detail: `file=${update.fileRelativeToRoot}`,
+                    logLevel,
+                    stage: 'source-file-write-complete',
+                });
+                const locationLabel = (0, format_log_file_location_1.formatLogFileLocation)({
+                    remotionRoot,
+                    absolutePath: update.absolutePath,
+                    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-nodes] Wrote ${update.fileRelativeToRoot}`);
+            }
+            (0, undo_stack_1.printUndoHint)(logLevel);
+            return {
+                success: true,
+                nodePathMutation,
+            };
+        }
+        catch (err) {
+            return {
+                success: false,
+                reason: err.message,
+                stack: err.stack,
+            };
+        }
+    });
+};
+exports.deleteNodesHandler = deleteNodesHandler;

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

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