@remotion/studio-server 4.0.539 → 4.0.541

package/dist/preview-server/resolve-compiled-sequence-paths.js

@@ -0,0 +1,155 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolveCompiledSequencePaths = void 0;
+const node_crypto_1 = require("node:crypto");
+const codemods_1 = require("@remotion/codemods");
+const read_source_file_1 = require("../helpers/read-source-file");
+const resolve_file_inside_project_1 = require("../helpers/resolve-file-inside-project");
+const undo_stack_1 = require("./undo-stack");
+const resolveCompiledSequencePaths = ({ fileName, remotionRoot, fileContentsCache, targets, }) => {
+    var _a;
+    const { absolutePath } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
+        remotionRoot,
+        fileName,
+        action: 'read',
+    });
+    const current = (0, read_source_file_1.readSourceFile)({ absolutePath, fileContentsCache });
+    const results = new Map();
+    const hashes = new Map();
+    const snapshots = new Map();
+    const inspect = (contents) => {
+        const cached = snapshots.get(contents);
+        if (cached !== undefined)
+            return cached;
+        try {
+            const nodes = (0, codemods_1.getNodes)({
+                project: { rootDir: remotionRoot, files: { [absolutePath]: contents } },
+                filePath: absolutePath,
+            });
+            const locations = new Map();
+            for (const { nodePath, location } of nodes) {
+                if (!location)
+                    continue;
+                const key = `${location.line}:${location.column}`;
+                locations.set(key, locations.has(key) ? null : nodePath);
+            }
+            const snapshot = {
+                locations,
+                structure: JSON.stringify(nodes.map((n) => [n.nodePath, n.tagName, n.componentIdentity])),
+            };
+            snapshots.set(contents, snapshot);
+            return snapshot;
+        }
+        catch (_a) {
+            snapshots.set(contents, null);
+            return null;
+        }
+    };
+    const matchingTargets = new Map();
+    for (const target of targets) {
+        const group = (_a = matchingTargets.get(target.hash)) !== null && _a !== void 0 ? _a : [];
+        group.push(target);
+        matchingTargets.set(target.hash, group);
+    }
+    const acceptSnapshot = (contents, towardCurrent) => {
+        var _a;
+        var _b;
+        let hash = hashes.get(contents);
+        if (!hash) {
+            hash = (0, node_crypto_1.createHash)('sha256').update(contents).digest('hex');
+            hashes.set(contents, hash);
+        }
+        const group = matchingTargets.get(hash);
+        if (!group)
+            return;
+        const locations = (_a = inspect(contents)) === null || _a === void 0 ? void 0 : _a.locations;
+        const maps = towardCurrent.map((step) => {
+            if (step.remappings === null) {
+                // Props edits preserve JSX order, but pasted expressions can insert
+                // hooks. Without an explicit mapping every JSX path must still match.
+                const before = inspect(step.from);
+                const after = inspect(step.to);
+                return before !== null && before.structure === (after === null || after === void 0 ? void 0 : after.structure)
+                    ? new Map()
+                    : null;
+            }
+            const paths = new Map();
+            const destinations = new Set();
+            for (const { oldNodePath, newNodePath } of step.remappings) {
+                const from = step.reverse ? newNodePath : oldNodePath;
+                const to = step.reverse ? oldNodePath : newNodePath;
+                if (to !== null) {
+                    const destination = JSON.stringify(to);
+                    if (destinations.has(destination))
+                        return null;
+                    destinations.add(destination);
+                }
+                if (from === null)
+                    continue;
+                const key = JSON.stringify(from);
+                if (paths.has(key))
+                    return null;
+                paths.set(key, to);
+            }
+            // If a different node took a path, its former occupant cannot
+            // have survived there, even if the remapping omitted that occupant.
+            for (const key of destinations) {
+                if (!paths.has(key))
+                    paths.set(key, null);
+            }
+            return paths;
+        });
+        for (const target of group) {
+            let nodePath = (_b = locations === null || locations === void 0 ? void 0 : locations.get(`${target.line}:${target.column}`)) !== null && _b !== void 0 ? _b : null;
+            for (let i = maps.length - 1; nodePath !== null && i >= 0; i--) {
+                const map = maps[i];
+                if (map === null) {
+                    nodePath = null;
+                    break;
+                }
+                const moved = map.get(JSON.stringify(nodePath));
+                if (moved !== undefined)
+                    nodePath = moved;
+            }
+            // An identical source can occur on both sides of Undo. If those
+            // histories disagree, that hash cannot identify the live element.
+            const previous = results.get(target.index);
+            results.set(target.index, previous === undefined ||
+                JSON.stringify(previous) === JSON.stringify(nodePath)
+                ? nodePath
+                : null);
+        }
+    };
+    acceptSnapshot(current, []);
+    for (const [entries, reverse] of [
+        [(0, undo_stack_1.getUndoStack)(), false],
+        [(0, undo_stack_1.getRedoStack)(), true],
+    ]) {
+        let contents = current;
+        const changes = [];
+        for (let i = entries.length - 1; i >= 0; i--) {
+            const entry = entries[i];
+            const snapshot = entry.snapshots.find((s) => s.filePath === absolutePath);
+            if (!snapshot)
+                continue;
+            const from = reverse ? snapshot.newContents : snapshot.oldContents;
+            const to = reverse ? snapshot.oldContents : snapshot.newContents;
+            if (from === null ||
+                to !== contents ||
+                (snapshot.nodePathRemappings === null &&
+                    entry.entryType !== 'sequence-props' &&
+                    entry.entryType !== 'effect-props'))
+                break;
+            changes.push({
+                from,
+                to,
+                reverse,
+                remappings: snapshot.nodePathRemappings,
+            });
+            acceptSnapshot(from, changes);
+            contents = from;
+        }
+    }
+    return results;
+};
+exports.resolveCompiledSequencePaths = resolveCompiledSequencePaths;

package/dist/preview-server/routes/add-effect-keyframe.js

@@ -48,7 +48,7 @@ const addEffectKeyframeHandler = ({ input: { fileName, sequenceNodePath, effectI
     (0, undo_stack_1.pushToUndoStack)({
         filePath: absolutePath,
         oldContents: fileContents,
-        newContents: null,
+        newContents: output,
         logLevel,
         remotionRoot,
         logLine,

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

@@ -4,7 +4,6 @@ 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");
@@ -89,7 +88,7 @@ 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));
+        const originalNodes = (0, get_node_path_remappings_1.captureJsxNodePaths)(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) => {
@@ -97,7 +96,7 @@ const addKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, remo
             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));
+            const currentNodes = (0, get_node_path_remappings_1.captureJsxNodePaths)(output);
             if (currentNodes.length !== originalNodes.length) {
                 throw new Error('Could not remap JSX nodes after keyframing');
             }
@@ -169,7 +168,7 @@ const addKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, remo
                 });
             }
         }
-        const finalNodes = (0, get_node_path_remappings_1.captureJsxNodePaths)((0, parse_ast_1.parseAst)(output));
+        const finalNodes = (0, get_node_path_remappings_1.captureJsxNodePaths)(output);
         if (finalNodes.length !== originalNodes.length) {
             throw new Error('Could not remap JSX nodes after keyframing');
         }
@@ -178,11 +177,20 @@ const addKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, remo
             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)
+            nodePathRemappings: originalNodes.flatMap(({ location, nodePath }, index) => {
+                var _a, _b;
+                const next = finalNodes[index];
+                return (location === null || location === void 0 ? void 0 : location.line) === ((_a = next.location) === null || _a === void 0 ? void 0 : _a.line) &&
+                    (location === null || location === void 0 ? void 0 : location.column) === ((_b = next.location) === null || _b === void 0 ? void 0 : _b.column) &&
+                    JSON.stringify(nodePath) === JSON.stringify(next.nodePath)
                     ? []
-                    : [{ oldNodePath: nodePath, newNodePath }];
+                    : [
+                        {
+                            oldNodePath: nodePath,
+                            newNodePath: next.nodePath,
+                            sourceLocations: { before: location, after: next.location },
+                        },
+                    ];
             }),
         });
     }
@@ -231,7 +239,7 @@ const addKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, remo
         });
     }
     const nodePathMutation = filesWithRemappings.length
-        ? (0, sequence_node_path_mutation_1.broadcastSequenceNodePathMutation)(filesWithRemappings, null)
+        ? (0, sequence_node_path_mutation_1.broadcastSequenceNodePathMutation)(filesWithRemappings, null, true)
         : null;
     for (const log of sequenceLogs) {
         (0, log_update_1.logUpdate)({

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

@@ -1,10 +1,31 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.handleAddRender = void 0;
+const node_path_1 = __importDefault(require("node:path"));
 const renderer_1 = require("@remotion/renderer");
-const handleAddRender = ({ input, entryPoint, remotionRoot, logLevel, binariesDirectory, methods: { addJob }, }) => {
+const handleAddRender = ({ input, entryPoint, remotionRoot, logLevel, binariesDirectory, publicDir, methods: { addJob }, }) => {
     const id = String(Math.random()).replace('0.', '');
     if (input.type === 'video') {
+        let { outName } = input;
+        let prerender = null;
+        if (input.prerenderTarget !== null) {
+            const absoluteOutName = node_path_1.default.resolve(publicDir, input.outName);
+            const src = node_path_1.default.relative(publicDir, absoluteOutName);
+            if (src.startsWith('..') || node_path_1.default.isAbsolute(src)) {
+                throw new Error('Pre-rendered videos must be saved in the public folder');
+            }
+            outName = node_path_1.default
+                .relative(remotionRoot, absoluteOutName)
+                .split(node_path_1.default.sep)
+                .join('/');
+            prerender = {
+                ...input.prerenderTarget,
+                src: src.split(node_path_1.default.sep).join('/'),
+            };
+        }
         addJob({
             entryPoint,
             remotionRoot,
@@ -18,7 +39,7 @@ const handleAddRender = ({ input, entryPoint, remotionRoot, logLevel, binariesDi
                 status: 'idle',
                 id,
                 imageFormat: input.imageFormat,
-                outName: input.outName,
+                outName,
                 jpegQuality: input.jpegQuality,
                 scale: input.scale,
                 startedAt: Date.now(),
@@ -58,8 +79,10 @@ const handleAddRender = ({ input, entryPoint, remotionRoot, logLevel, binariesDi
                 chromeMode: input.chromeMode,
                 offthreadVideoThreads: input.offthreadVideoThreads,
                 mediaCacheSizeInBytes: input.mediaCacheSizeInBytes,
+                preferredEffectBackend: input.preferredEffectBackend,
                 sampleRate: input.sampleRate,
                 licenseKey: input.licenseKey,
+                prerender,
             },
             logLevel,
         });
@@ -98,6 +121,8 @@ const handleAddRender = ({ input, entryPoint, remotionRoot, logLevel, binariesDi
                 chromeMode: input.chromeMode,
                 offthreadVideoThreads: input.offthreadVideoThreads,
                 mediaCacheSizeInBytes: input.mediaCacheSizeInBytes,
+                preferredEffectBackend: input.preferredEffectBackend,
+                licenseKey: input.licenseKey,
             },
             logLevel,
         });
@@ -132,6 +157,7 @@ const handleAddRender = ({ input, entryPoint, remotionRoot, logLevel, binariesDi
                 chromeMode: input.chromeMode,
                 offthreadVideoThreads: input.offthreadVideoThreads,
                 mediaCacheSizeInBytes: input.mediaCacheSizeInBytes,
+                preferredEffectBackend: input.preferredEffectBackend,
                 licenseKey: input.licenseKey,
             },
             entryPoint,

package/dist/preview-server/routes/add-sequence-keyframe.js

@@ -44,7 +44,7 @@ const addSequenceKeyframeHandler = ({ input: { fileName, nodePath, key, frame, v
     (0, undo_stack_1.pushToUndoStack)({
         filePath: absolutePath,
         oldContents: fileContents,
-        newContents: null,
+        newContents: output,
         logLevel,
         remotionRoot,
         logLine,

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

@@ -973,14 +973,27 @@ const resolveSequencePropsNodePathsFromFilename = ({ fileName, targets, remotion
 exports.resolveSequencePropsNodePathsFromFilename = resolveSequencePropsNodePathsFromFilename;
 const computeSequencePropsStatusFromContent = ({ fileContents, nodePath, componentIdentity, keys, assetKeys = [], effects, }) => {
     try {
-        return (0, codemods_1.getNodeProps)({
-            project: { rootDir: '/', files: { 'source.tsx': fileContents } },
-            node: { filePath: 'source.tsx', nodePath },
+        const result = codemods_1.CodemodsInternals.computeSequencePropsStatusFromContent({
+            fileContents,
+            includeSourceLocation: true,
+            nodePath,
             componentIdentity,
             keys,
             assetKeys,
-            effectKeys: effects,
+            effects,
         });
+        const translate = result.props['style.translate'];
+        if (((translate === null || translate === void 0 ? void 0 : translate.status) === 'static' &&
+            typeof translate.codeValue === 'string' &&
+            translate.codeValue.includes('%')) ||
+            ((translate === null || translate === void 0 ? void 0 : translate.status) === 'keyframed' &&
+                translate.keyframes.some((keyframe) => typeof keyframe.value === 'string' && keyframe.value.includes('%')))) {
+            return {
+                ...result,
+                props: { ...result.props, 'style.translate': { status: 'computed' } },
+            };
+        }
+        return result;
     }
     catch (error) {
         if (error instanceof codemods_1.CodemodsInternals.JsxElementIdentityMismatchError) {

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

@@ -1,5 +1,5 @@
 import type { LogLevel } from '@remotion/renderer';
-import type { DeleteEffectKeyframe, DeleteKeyframesRequest, DeleteKeyframesResponse, DeleteSequenceKeyframe } from '@remotion/studio-shared';
+import type { DeleteEffectKeyframe, DeleteKeyframesRequest, DeleteKeyframesResponse, KeyframeMutationResult, DeleteSequenceKeyframe } from '@remotion/studio-shared';
 import type { ApiHandler } from '../api-types';
 export declare const deleteKeyframes: ({ sequenceKeyframes, effectKeyframes, clientId, remotionRoot, logLevel, }: {
     sequenceKeyframes: DeleteSequenceKeyframe[];
@@ -7,5 +7,5 @@ export declare const deleteKeyframes: ({ sequenceKeyframes, effectKeyframes, cli
     clientId: string;
     remotionRoot: string;
     logLevel: LogLevel;
-}) => Promise<void>;
+}) => Promise<KeyframeMutationResult[]>;
 export declare const deleteKeyframesHandler: ApiHandler<DeleteKeyframesRequest, DeleteKeyframesResponse>;

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

@@ -8,6 +8,7 @@ const file_watcher_1 = require("../../file-watcher");
 const resolve_file_inside_project_1 = require("../../helpers/resolve-file-inside-project");
 const undo_stack_1 = require("../undo-stack");
 const watch_ignore_next_change_1 = require("../watch-ignore-next-change");
+const get_keyframe_mutation_results_1 = require("./get-keyframe-mutation-results");
 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");
@@ -35,7 +36,7 @@ const getBatchDescription = ({ totalKeyframes, firstKeyframe, }) => {
     };
 };
 const deleteKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, remotionRoot, logLevel, }) => {
-    var _a, _b;
+    var _a, _b, _c;
     const totalKeyframes = sequenceKeyframes.length + effectKeyframes.length;
     if (totalKeyframes === 0) {
         throw new Error('No keyframes were specified for deletion');
@@ -67,6 +68,8 @@ const deleteKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, r
         group.effectKeyframes.push({ ...keyframe, fileRelativeToRoot });
         fileGroups.set(absolutePath, group);
     }
+    const results = [];
+    const resultsByFile = new Map();
     const snapshots = [];
     const sequenceLogs = [];
     const effectLogs = [];
@@ -74,6 +77,7 @@ const deleteKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, r
         const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
         let output = fileContents;
         let firstLogLine = Number.POSITIVE_INFINITY;
+        const targets = [];
         for (const keyframeGroup of groupBy(group.sequenceKeyframes, (keyframe) => JSON.stringify(keyframe.nodePath.nodePath))) {
             const [firstSequenceKeyframe] = keyframeGroup;
             if (!firstSequenceKeyframe) {
@@ -97,6 +101,15 @@ const deleteKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, r
                 }),
             });
             output = result.output;
+            targets.push({
+                nodePath: {
+                    ...firstSequenceKeyframe.nodePath,
+                    absolutePath,
+                    nodePath: result.updatedNode.nodePath,
+                },
+                effectIndex: null,
+                keys: [...new Set(keyframeGroup.map((keyframe) => keyframe.key))],
+            });
             firstLogLine = Math.min(firstLogLine, result.logLine);
             for (const [keyframeIndex, keyframe] of keyframeGroup.entries()) {
                 sequenceLogs.push({
@@ -133,6 +146,15 @@ const deleteKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, r
                 }),
             });
             output = result.output;
+            targets.push({
+                nodePath: {
+                    ...firstEffectKeyframe.sequenceNodePath,
+                    absolutePath,
+                    nodePath: result.updatedEffect.nodePath,
+                },
+                effectIndex: firstEffectKeyframe.effectIndex,
+                keys: [...new Set(keyframeGroup.map((keyframe) => keyframe.key))],
+            });
             firstLogLine = Math.min(firstLogLine, result.logLine);
             for (const [keyframeIndex, keyframe] of keyframeGroup.entries()) {
                 effectLogs.push({
@@ -146,6 +168,12 @@ const deleteKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, r
                 });
             }
         }
+        const fileResults = (0, get_keyframe_mutation_results_1.getKeyframeMutationResults)({
+            fileContents: output,
+            targets,
+        });
+        results.push(...fileResults);
+        resultsByFile.set(absolutePath, fileResults);
         snapshots.push({
             filePath: absolutePath,
             oldContents: fileContents,
@@ -176,12 +204,15 @@ const deleteKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, r
     for (const snapshot of snapshots) {
         (0, undo_stack_1.suppressUndoStackInvalidation)(snapshot.filePath);
         (0, watch_ignore_next_change_1.suppressBundlerUpdateForFile)(snapshot.filePath);
-        (0, file_watcher_1.writeFileAndNotifyFileWatchers)({
+        const sourceVersion = (0, file_watcher_1.writeFileAndNotifyFileWatchers)({
             file: snapshot.filePath,
             content: snapshot.newContents,
             originatorClientId: clientId,
             metadata: null,
         });
+        for (const result of (_c = resultsByFile.get(snapshot.filePath)) !== null && _c !== void 0 ? _c : []) {
+            result.sourceVersion = sourceVersion;
+        }
     }
     for (const log of sequenceLogs) {
         (0, log_update_1.logUpdate)({
@@ -213,17 +244,18 @@ const deleteKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, r
         });
     }
     (0, undo_stack_1.printUndoHint)(logLevel);
+    return results;
 };
 exports.deleteKeyframes = deleteKeyframes;
 const deleteKeyframesHandler = ({ input: { sequenceKeyframes, effectKeyframes, clientId }, remotionRoot, logLevel, }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
     renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[delete-keyframes] Received request to delete ${sequenceKeyframes.length + effectKeyframes.length} keyframe(s)`);
-    await (0, exports.deleteKeyframes)({
+    const results = await (0, exports.deleteKeyframes)({
         sequenceKeyframes,
         effectKeyframes,
         clientId,
         remotionRoot,
         logLevel,
     });
-    return { success: true };
+    return { success: true, results };
 });
 exports.deleteKeyframesHandler = deleteKeyframesHandler;

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

@@ -87,7 +87,7 @@ const deleteNodesHandler = ({ input: { nodes }, remotionRoot, logLevel }) => {
                 (0, undo_stack_1.pushToUndoStack)({
                     filePath: update.absolutePath,
                     oldContents: update.fileContents,
-                    newContents: null,
+                    newContents: update.output,
                     logLevel,
                     remotionRoot,
                     logLine: update.logLine,

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

@@ -58,6 +58,7 @@ const duplicateNodesHandler = ({ input: { nodes }, remotionRoot, logLevel }) =>
                     logLine: Math.min(...logLines),
                     nodeLabels,
                     nodePathRemappings,
+                    duplicatedNodes: result.duplicatedNodes.map(({ filePath, nodePath }) => ({ absolutePath: filePath, nodePath })),
                     output,
                 };
             }));
@@ -72,7 +73,7 @@ const duplicateNodesHandler = ({ input: { nodes }, remotionRoot, logLevel }) =>
                 snapshots: updates.map((update) => ({
                     filePath: update.absolutePath,
                     oldContents: update.fileContents,
-                    newContents: null,
+                    newContents: update.output,
                     logLine: update.logLine,
                     nodePathRemappings: update.nodePathRemappings,
                 })),
@@ -109,6 +110,7 @@ const duplicateNodesHandler = ({ input: { nodes }, remotionRoot, logLevel }) =>
             return {
                 success: true,
                 nodePathMutation,
+                duplicatedNodes: updates.flatMap((update) => update.duplicatedNodes),
             };
         }
         catch (err) {

package/dist/preview-server/routes/get-keyframe-mutation-results.d.ts

@@ -0,0 +1,7 @@
+import type { KeyframeMutationResult } from '@remotion/studio-shared';
+export declare const getKeyframeMutationResults: ({ fileContents, targets, }: {
+    fileContents: string;
+    targets: readonly (Pick<KeyframeMutationResult, 'nodePath' | 'effectIndex'> & {
+        keys: string[];
+    })[];
+}) => KeyframeMutationResult[];

package/dist/preview-server/routes/get-keyframe-mutation-results.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getKeyframeMutationResults = void 0;
+const codemods_1 = require("@remotion/codemods");
+const getKeyframeMutationResults = ({ fileContents, targets, }) => {
+    return targets.map(({ nodePath, effectIndex, keys }) => {
+        const status = (0, codemods_1.getNodeProps)({
+            project: { rootDir: '/', files: { 'source.tsx': fileContents } },
+            node: { filePath: 'source.tsx', nodePath: nodePath.nodePath },
+            componentIdentity: null,
+            keys: effectIndex === null ? keys : [],
+            effectKeys: effectIndex === null
+                ? []
+                : Array.from({ length: effectIndex + 1 }, (_, index) => index === effectIndex ? keys : []),
+        });
+        if (effectIndex === null)
+            return { nodePath, effectIndex, props: status.props, sourceVersion: null };
+        const effect = status.effects[effectIndex];
+        if (!(effect === null || effect === void 0 ? void 0 : effect.canUpdate))
+            throw new Error('Could not read the updated effect keyframes');
+        return { nodePath, effectIndex, props: effect.props, sourceVersion: null };
+    });
+};
+exports.getKeyframeMutationResults = getKeyframeMutationResults;

package/dist/preview-server/routes/invalidate-bundle.js

@@ -5,7 +5,7 @@ const watch_ignore_next_change_1 = require("../watch-ignore-next-change");
 const source_file_write_queue_1 = require("./source-file-write-queue");
 const invalidateBundleHandler = () => {
     return (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
-        return { didInvalidate: await (0, watch_ignore_next_change_1.invalidatePreviouslySuppressedFiles)() };
+        return { didInvalidate: await (0, watch_ignore_next_change_1.invalidatePreviouslySuppressedFiles)(null) };
     });
 };
 exports.invalidateBundleHandler = invalidateBundleHandler;

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

@@ -1,8 +1,8 @@
 import type { LogLevel } from '@remotion/renderer';
-import type { MoveKeyframesRequest, MoveKeyframesResponse } from '@remotion/studio-shared';
+import type { MoveKeyframesRequest, MoveKeyframesResponse, KeyframeMutationResult } from '@remotion/studio-shared';
 import type { ApiHandler } from '../api-types';
 export declare const moveKeyframes: ({ sequenceKeyframes, effectKeyframes, clientId, remotionRoot, logLevel, }: MoveKeyframesRequest & {
     remotionRoot: string;
     logLevel: LogLevel;
-}) => Promise<void>;
+}) => Promise<KeyframeMutationResult[]>;
 export declare const moveKeyframesHandler: ApiHandler<MoveKeyframesRequest, MoveKeyframesResponse>;