@remotion/studio-server 4.0.537 → 4.0.538

package/dist/preview-server/routes/can-update-default-props.d.ts

@@ -1,5 +1,6 @@
+import { CodemodsInternals } from '@remotion/codemods';
 import type { CanUpdateDefaultPropsResponse, SymbolicatedStackFrame } from '@remotion/studio-shared';
-export declare const computeCanUpdateDefaultPropsFromContent: (content: string, compositionId: string) => CanUpdateDefaultPropsResponse;
+export declare const { computeCanUpdateDefaultPropsFromContent, }: typeof CodemodsInternals;
 export declare const checkIfTypeScriptFile: (file: string) => void;
 export declare const getDefaultPropsFile: ({ symbolicatedStack, remotionRoot, entryPoint, }: {
     symbolicatedStack: SymbolicatedStackFrame | null;

package/dist/preview-server/routes/can-update-effect-props.d.ts

@@ -1,4 +1,5 @@
 import type { File, JSXOpeningElement } from '@babel/types';
+import { CodemodsInternals } from '@remotion/codemods';
 import type { CanUpdateEffectPropsResponse, SequenceNodePath, InteractivitySchema } from 'remotion';
 import { type VideoConfigIdentifierValues } from '../../helpers/video-config-values';
 export declare const computeEffectPropStatus: ({ ast, jsx, effectIndex, keys, videoConfigValues, }: {
@@ -8,12 +9,7 @@ export declare const computeEffectPropStatus: ({ ast, jsx, effectIndex, keys, vi
     keys: string[];
     videoConfigValues: VideoConfigIdentifierValues;
 }) => CanUpdateEffectPropsResponse;
-export declare const computeEffectPropsStatusesFromContent: ({ fileContents, sequenceNodePath, effects, keysFor, }: {
-    fileContents: string;
-    sequenceNodePath: SequenceNodePath;
-    effects: InteractivitySchema[];
-    keysFor: (effect: InteractivitySchema) => string[];
-}) => CanUpdateEffectPropsResponse<import("remotion").SourceNumericValue>[];
+export declare const { computeEffectPropsStatusesFromContent }: typeof CodemodsInternals;
 export declare const computeEffectPropsStatusesFromFile: ({ fileName, sequenceNodePath, effects, keysFor, remotionRoot, }: {
     fileName: string;
     sequenceNodePath: SequenceNodePath;

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

@@ -1,6 +1,7 @@
 import type { Expression, File, JSXElement, JSXOpeningElement } from '@babel/types';
 import type { SubscribeToSequencePropsResponse } from '@remotion/studio-shared';
-import type { CanUpdateSequencePropsResponseTrue, CanUpdateSequencePropStatus, SequenceNodePath } from 'remotion';
+import * as recast from 'recast';
+import type { CanUpdateSequencePropsResponseTrue, CanUpdateSequencePropStatus, JsxComponentIdentity, LogLevel, SequenceNodePath } from 'remotion';
 import { type VideoConfigIdentifierValues } from '../../helpers/video-config-values';
 type CanUpdatePropStatus = CanUpdateSequencePropStatus;
 type StaticValueOptions = {
@@ -10,7 +11,7 @@ export declare const isStaticValue: (node: Expression, options?: StaticValueOpti
 export declare const extractStaticValue: (node: Expression, options?: StaticValueOptions) => unknown;
 export declare const getComputedStatus: (node: Expression, ast: File, videoConfigValues: VideoConfigIdentifierValues) => CanUpdatePropStatus;
 export declare const getNodePathForRecastPath: (recastPath: any, ast: File) => SequenceNodePath;
-export declare const findJsxElementPathAtNodePath: (ast: File, nodePath: SequenceNodePath) => import("ast-types/lib/node-path").NodePath<N, V> | null;
+export declare const findJsxElementPathAtNodePath: (ast: File, nodePath: SequenceNodePath) => recast.types.NodePath<any, any> | null;
 export declare const findJsxElementAtNodePath: (ast: File, nodePath: SequenceNodePath) => JSXOpeningElement | null;
 export declare const findJsxElementNodeAtNodePath: (ast: File, nodePath: SequenceNodePath) => JSXElement | null;
 export type StaticJsxTextContent = {
@@ -24,7 +25,7 @@ export declare const getStaticJsxChildrenAttribute: (jsxElement: JSXOpeningEleme
 export declare const hasJsxChildrenAttribute: (jsxElement: JSXOpeningElement) => boolean;
 export declare const getStaticJsxTextContent: (jsxElement: JSXElement) => StaticJsxTextContent | null;
 export declare const findNodePathForJsxElement: (ast: File, target: JSXOpeningElement) => SequenceNodePath | null;
-export declare const lineColumnToNodePath: (ast: File, targetLine: number, targetColumn?: number | undefined, fileContents?: string | undefined) => SequenceNodePath | null;
+export declare const lineColumnToNodePath: (ast: File, targetLine: number, targetColumn?: number, fileContents?: string) => SequenceNodePath | null;
 export declare const lineColumnsToNodePaths: ({ ast, targets, fileContents, }: {
     ast: File;
     targets: {
@@ -33,40 +34,43 @@ export declare const lineColumnsToNodePaths: ({ ast, targets, fileContents, }: {
     }[];
     fileContents: string;
 }) => (SequenceNodePath | null)[];
-export declare const resolveSequencePropsNodePathsFromFilename: ({ fileName, targets, remotionRoot, }: {
+export declare const resolveSequencePropsNodePathsFromFilename: ({ fileName, targets, remotionRoot, fileContentsCache, }: {
     fileName: string;
     targets: {
         line: number;
         column: number;
     }[];
     remotionRoot: string;
+    fileContentsCache: Map<string, string> | null;
 }) => (SequenceNodePath | null)[];
 export declare const computeSequencePropsStatusFromContent: ({ fileContents, nodePath, componentIdentity, keys, assetKeys, effects, }: {
     fileContents: string;
     nodePath: SequenceNodePath;
-    componentIdentity: string | null;
+    componentIdentity: JsxComponentIdentity | null;
     keys: string[];
-    assetKeys?: string[] | undefined;
+    assetKeys?: string[];
     effects: string[][];
 }) => CanUpdateSequencePropsResponseTrue;
-export declare const computeSequencePropsStatus: ({ fileName, nodePath, componentIdentity, keys, assetKeys, effects, remotionRoot, }: {
+export declare const computeSequencePropsStatus: ({ fileName, nodePath, componentIdentity, keys, assetKeys, effects, remotionRoot, fileContentsCache, }: {
     fileName: string;
     nodePath: SequenceNodePath;
-    componentIdentity: string | null;
+    componentIdentity: JsxComponentIdentity | null;
     keys: string[];
-    assetKeys?: string[] | undefined;
+    assetKeys?: string[];
     effects: string[][];
     remotionRoot: string;
+    fileContentsCache: Map<string, string> | null;
 }) => CanUpdateSequencePropsResponseTrue;
-export declare const computeSequencePropsStatusFromFilenameByLocation: ({ fileName, line, column, componentIdentity, keys, assetKeys, effects, remotionRoot, logLevel, }: {
+export declare const computeSequencePropsStatusFromFilenameByLocation: ({ fileName, line, column, componentIdentity, keys, assetKeys, effects, remotionRoot, logLevel, fileContentsCache, }: {
     fileName: string;
     line: number;
     column: number;
-    componentIdentity: string | null;
+    componentIdentity: JsxComponentIdentity | null;
     keys: string[];
-    assetKeys?: string[] | undefined;
+    assetKeys?: string[];
     effects: string[][];
     remotionRoot: string;
-    logLevel: "error" | "info" | "trace" | "verbose" | "warn";
+    logLevel: LogLevel;
+    fileContentsCache: Map<string, string> | null;
 }) => SubscribeToSequencePropsResponse;
 export {};

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

@@ -34,7 +34,6 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.computeSequencePropsStatusFromFilenameByLocation = exports.computeSequencePropsStatus = exports.computeSequencePropsStatusFromContent = exports.resolveSequencePropsNodePathsFromFilename = exports.lineColumnsToNodePaths = exports.lineColumnToNodePath = exports.findNodePathForJsxElement = exports.getStaticJsxTextContent = exports.hasJsxChildrenAttribute = exports.getStaticJsxChildrenAttribute = exports.findJsxElementNodeAtNodePath = exports.findJsxElementAtNodePath = exports.findJsxElementPathAtNodePath = exports.getNodePathForRecastPath = exports.getComputedStatus = exports.extractStaticValue = exports.isStaticValue = 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");
@@ -43,6 +42,7 @@ const no_react_1 = require("remotion/no-react");
 const get_ast_node_path_1 = require("../../helpers/get-ast-node-path");
 const import_agnostic_node_path_1 = require("../../helpers/import-agnostic-node-path");
 const parse_keyframe_easing_expression_1 = require("../../helpers/parse-keyframe-easing-expression");
+const read_source_file_1 = require("../../helpers/read-source-file");
 const resolve_file_inside_project_1 = require("../../helpers/resolve-file-inside-project");
 const video_config_numeric_expression_1 = require("../../helpers/video-config-numeric-expression");
 const jsx_component_identity_1 = require("../jsx-component-identity");
@@ -513,7 +513,7 @@ const findNodePath = (ast, target) => {
         visitNode(p) {
             if (p.node === target) {
                 found = p;
-                return false;
+                return this.abort();
             }
             return this.traverse(p);
         },
@@ -604,11 +604,13 @@ const getFrameDisplayOffsetAdjustmentBetweenPaths = ({ startPath, endPath, video
         ? { adjustment, playbackRateAdjustment, hasEnclosingElement }
         : null;
 };
-const resolveCurrentFrameExpression = ({ node, ast, seenDeclarations, }) => {
+const resolveCurrentFrameExpression = ({ node, nodePath, ast, seenDeclarations, }) => {
     var _a;
+    var _b, _c, _d;
     if (node.type === 'TSAsExpression') {
         return resolveCurrentFrameExpression({
             node: node.expression,
+            nodePath: (_b = nodePath === null || nodePath === void 0 ? void 0 : nodePath.get('expression')) !== null && _b !== void 0 ? _b : null,
             ast,
             seenDeclarations,
         });
@@ -619,6 +621,7 @@ const resolveCurrentFrameExpression = ({ node, ast, seenDeclarations, }) => {
         if (rightValue !== null && Number.isFinite(rightValue)) {
             const resolvedLeft = resolveCurrentFrameExpression({
                 node: node.left,
+                nodePath: (_c = nodePath === null || nodePath === void 0 ? void 0 : nodePath.get('left')) !== null && _c !== void 0 ? _c : null,
                 ast,
                 seenDeclarations,
             });
@@ -635,6 +638,7 @@ const resolveCurrentFrameExpression = ({ node, ast, seenDeclarations, }) => {
             if (leftValue !== null && Number.isFinite(leftValue)) {
                 const resolvedRight = resolveCurrentFrameExpression({
                     node: node.right,
+                    nodePath: (_d = nodePath === null || nodePath === void 0 ? void 0 : nodePath.get('right')) !== null && _d !== void 0 ? _d : null,
                     ast,
                     seenDeclarations,
                 });
@@ -651,7 +655,6 @@ const resolveCurrentFrameExpression = ({ node, ast, seenDeclarations, }) => {
     if (node.type !== 'Identifier') {
         return null;
     }
-    const nodePath = findNodePath(ast, node);
     const bindingScope = (_a = nodePath === null || nodePath === void 0 ? void 0 : nodePath.scope) === null || _a === void 0 ? void 0 : _a.lookup(node.name);
     if (!nodePath || !bindingScope) {
         return null;
@@ -659,6 +662,7 @@ const resolveCurrentFrameExpression = ({ node, ast, seenDeclarations, }) => {
     let matchingDeclarations = 0;
     let matchingDeclaration = null;
     let initializer = null;
+    let initializerPath = null;
     let isConstDeclaration = false;
     recast.types.visit(bindingScope.path, {
         visitVariableDeclarator(p) {
@@ -674,6 +678,7 @@ const resolveCurrentFrameExpression = ({ node, ast, seenDeclarations, }) => {
             if (init) {
                 matchingDeclaration = p.node;
                 initializer = init;
+                initializerPath = p.get('init');
                 isConstDeclaration =
                     declaration.type === 'VariableDeclaration' &&
                         declaration.kind === 'const';
@@ -697,6 +702,7 @@ const resolveCurrentFrameExpression = ({ node, ast, seenDeclarations, }) => {
     nextSeenDeclarations.add(matchingDeclaration);
     return resolveCurrentFrameExpression({
         node: initializer,
+        nodePath: initializerPath,
         ast,
         seenDeclarations: nextSeenDeclarations,
     });
@@ -712,6 +718,7 @@ const getCurrentFrameDisplayOffsetAdjustment = ({ node, ast, videoConfigValues,
     const nodePath = findNodePath(ast, node);
     const resolved = resolveCurrentFrameExpression({
         node,
+        nodePath,
         ast,
         seenDeclarations: new Set(),
     });
@@ -951,29 +958,16 @@ const lineColumnsToNodePaths = ({ ast, targets, fileContents, }) => {
     return targets.map((_, index) => exactMatchCounts[index] === 1 ? exactMatches[index] : lineMatches[index]);
 };
 exports.lineColumnsToNodePaths = lineColumnsToNodePaths;
-const resolveSequencePropsNodePathsFromFilename = ({ fileName, targets, remotionRoot, }) => {
+const resolveSequencePropsNodePathsFromFilename = ({ fileName, targets, remotionRoot, fileContentsCache, }) => {
     const { absolutePath } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
         remotionRoot,
         fileName,
         action: 'read',
     });
-    const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
-    const nodes = (0, codemods_1.getNodes)({
-        project: { rootDir: remotionRoot, files: { [absolutePath]: fileContents } },
-        filePath: absolutePath,
-    });
-    return targets.map(({ line, column }) => {
-        var _a;
-        var _b;
-        const lineMatches = nodes.filter((node) => {
-            var _a;
-            return ((_a = node.location) === null || _a === void 0 ? void 0 : _a.line) === line;
-        });
-        const exactMatches = lineMatches.filter((node) => {
-            var _a;
-            return ((_a = node.location) === null || _a === void 0 ? void 0 : _a.column) === column;
-        });
-        return ((_b = (_a = (exactMatches.length === 1 ? exactMatches[0] : lineMatches.at(-1))) === null || _a === void 0 ? void 0 : _a.nodePath) !== null && _b !== void 0 ? _b : null);
+    const fileContents = (0, read_source_file_1.readSourceFile)({ absolutePath, fileContentsCache });
+    return codemods_1.CodemodsInternals.resolveNodePathsFromLocations({
+        fileContents,
+        targets,
     });
 };
 exports.resolveSequencePropsNodePathsFromFilename = resolveSequencePropsNodePathsFromFilename;
@@ -999,13 +993,13 @@ const computeSequencePropsStatusFromContent = ({ fileContents, nodePath, compone
     }
 };
 exports.computeSequencePropsStatusFromContent = computeSequencePropsStatusFromContent;
-const computeSequencePropsStatus = ({ fileName, nodePath, componentIdentity, keys, assetKeys = [], effects, remotionRoot, }) => {
+const computeSequencePropsStatus = ({ fileName, nodePath, componentIdentity, keys, assetKeys = [], effects, remotionRoot, fileContentsCache, }) => {
     const { absolutePath } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
         remotionRoot,
         fileName,
         action: 'read',
     });
-    const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
+    const fileContents = (0, read_source_file_1.readSourceFile)({ absolutePath, fileContentsCache });
     return (0, exports.computeSequencePropsStatusFromContent)({
         fileContents,
         nodePath,
@@ -1016,7 +1010,7 @@ const computeSequencePropsStatus = ({ fileName, nodePath, componentIdentity, key
     });
 };
 exports.computeSequencePropsStatus = computeSequencePropsStatus;
-const computeSequencePropsStatusFromFilenameByLocation = ({ fileName, line, column, componentIdentity, keys, assetKeys = [], effects, remotionRoot, logLevel, }) => {
+const computeSequencePropsStatusFromFilenameByLocation = ({ fileName, line, column, componentIdentity, keys, assetKeys = [], effects, remotionRoot, logLevel, fileContentsCache, }) => {
     try {
         const { absolutePath } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
             remotionRoot,
@@ -1027,6 +1021,7 @@ const computeSequencePropsStatusFromFilenameByLocation = ({ fileName, line, colu
             fileName,
             targets: [{ line, column }],
             remotionRoot,
+            fileContentsCache,
         });
         if (!resolvedNodePath) {
             return {
@@ -1046,6 +1041,7 @@ const computeSequencePropsStatusFromFilenameByLocation = ({ fileName, line, colu
                 assetKeys,
                 effects,
                 remotionRoot,
+                fileContentsCache,
             }),
             nodePath: {
                 absolutePath,

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

@@ -1,13 +1,11 @@
-import type { DeleteEffectKeyframe, DeleteKeyframesRequest, DeleteKeyframesResponse, DeleteSequenceKeyframe, SaveEffectPropsResponse, SaveSequencePropsResult } from '@remotion/studio-shared';
+import type { LogLevel } from '@remotion/renderer';
+import type { DeleteEffectKeyframe, DeleteKeyframesRequest, DeleteKeyframesResponse, DeleteSequenceKeyframe } from '@remotion/studio-shared';
 import type { ApiHandler } from '../api-types';
 export declare const deleteKeyframes: ({ sequenceKeyframes, effectKeyframes, clientId, remotionRoot, logLevel, }: {
     sequenceKeyframes: DeleteSequenceKeyframe[];
     effectKeyframes: DeleteEffectKeyframe[];
     clientId: string;
     remotionRoot: string;
-    logLevel: "error" | "info" | "trace" | "verbose" | "warn";
-}) => Promise<{
-    sequenceResults: SaveSequencePropsResult[];
-    effectResults: SaveEffectPropsResponse[];
-}>;
+    logLevel: LogLevel;
+}) => Promise<void>;
 export declare const deleteKeyframesHandler: ApiHandler<DeleteKeyframesRequest, DeleteKeyframesResponse>;

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

@@ -3,16 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.deleteKeyframesHandler = exports.deleteKeyframes = void 0;
 const node_fs_1 = require("node:fs");
 const renderer_1 = require("@remotion/renderer");
-const studio_shared_1 = require("@remotion/studio-shared");
-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 video_config_values_1 = require("../../helpers/video-config-values");
 const undo_stack_1 = require("../undo-stack");
 const watch_ignore_next_change_1 = require("../watch-ignore-next-change");
-const can_update_effect_props_1 = require("./can-update-effect-props");
-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");
@@ -46,42 +41,33 @@ const deleteKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, r
         throw new Error('No keyframes were specified for deletion');
     }
     const fileGroups = new Map();
-    const resolvedSequenceKeyframes = [];
-    const resolvedEffectKeyframes = [];
-    for (const [index, keyframe] of sequenceKeyframes.entries()) {
+    for (const keyframe of sequenceKeyframes) {
         const { absolutePath, fileRelativeToRoot } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
             remotionRoot,
             fileName: keyframe.fileName,
             action: 'modify',
         });
         const group = (_a = fileGroups.get(absolutePath)) !== null && _a !== void 0 ? _a : {
-            fileRelativeToRoot,
             sequenceKeyframes: [],
             effectKeyframes: [],
         };
-        const resolved = { ...keyframe, index, absolutePath, fileRelativeToRoot };
-        group.sequenceKeyframes.push(resolved);
-        resolvedSequenceKeyframes.push(resolved);
+        group.sequenceKeyframes.push({ ...keyframe, fileRelativeToRoot });
         fileGroups.set(absolutePath, group);
     }
-    for (const [index, keyframe] of effectKeyframes.entries()) {
+    for (const keyframe of effectKeyframes) {
         const { absolutePath, fileRelativeToRoot } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
             remotionRoot,
             fileName: keyframe.fileName,
             action: 'modify',
         });
         const group = (_b = fileGroups.get(absolutePath)) !== null && _b !== void 0 ? _b : {
-            fileRelativeToRoot,
             sequenceKeyframes: [],
             effectKeyframes: [],
         };
-        const resolved = { ...keyframe, index, absolutePath, fileRelativeToRoot };
-        group.effectKeyframes.push(resolved);
-        resolvedEffectKeyframes.push(resolved);
+        group.effectKeyframes.push({ ...keyframe, fileRelativeToRoot });
         fileGroups.set(absolutePath, group);
     }
     const snapshots = [];
-    const outputByPath = new Map();
     const sequenceLogs = [];
     const effectLogs = [];
     for (const [absolutePath, group] of fileGroups) {
@@ -166,7 +152,6 @@ const deleteKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, r
             newContents: output,
             logLine: Number.isFinite(firstLogLine) ? firstLogLine : 1,
         });
-        outputByPath.set(absolutePath, output);
     }
     const [firstKeyframe] = sequenceKeyframes.length > 0 ? sequenceKeyframes : effectKeyframes;
     if (!firstKeyframe) {
@@ -228,53 +213,6 @@ const deleteKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, r
         });
     }
     (0, undo_stack_1.printUndoHint)(logLevel);
-    const sequenceResults = resolvedSequenceKeyframes.map((keyframe) => {
-        const output = outputByPath.get(keyframe.absolutePath);
-        if (!output) {
-            throw new Error('Could not compute sequence keyframe deletion status');
-        }
-        const status = (0, can_update_sequence_props_1.computeSequencePropsStatusFromContent)({
-            fileContents: output,
-            keys: (0, studio_shared_1.getAllSchemaKeys)(keyframe.schema),
-            nodePath: keyframe.nodePath.nodePath,
-            componentIdentity: null,
-            effects: [],
-        });
-        return {
-            fileName: keyframe.fileName,
-            nodePath: keyframe.nodePath,
-            props: status.props,
-        };
-    });
-    const astByPath = new Map();
-    const effectResults = resolvedEffectKeyframes.map((keyframe) => {
-        var _a;
-        const output = outputByPath.get(keyframe.absolutePath);
-        if (!output) {
-            throw new Error('Could not compute effect keyframe deletion status');
-        }
-        const ast = (_a = astByPath.get(keyframe.absolutePath)) !== null && _a !== void 0 ? _a : (0, parse_ast_1.parseAst)(output);
-        astByPath.set(keyframe.absolutePath, ast);
-        const jsx = (0, can_update_sequence_props_1.findJsxElementAtNodePath)(ast, keyframe.sequenceNodePath.nodePath);
-        if (!jsx) {
-            return {
-                canUpdate: false,
-                effectIndex: keyframe.effectIndex,
-                reason: 'not-found',
-            };
-        }
-        return (0, can_update_effect_props_1.computeEffectPropStatus)({
-            ast,
-            jsx,
-            effectIndex: keyframe.effectIndex,
-            keys: (0, studio_shared_1.getAllSchemaKeys)(keyframe.schema),
-            videoConfigValues: (0, video_config_values_1.getVideoConfigIdentifierValues)({
-                ast,
-                videoConfigValues: keyframe.sequenceNodePath.videoConfigValues,
-            }),
-        });
-    });
-    return { sequenceResults, effectResults };
 };
 exports.deleteKeyframes = deleteKeyframes;
 const deleteKeyframesHandler = ({ input: { sequenceKeyframes, effectKeyframes, clientId }, remotionRoot, logLevel, }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {

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

@@ -1,7 +1,7 @@
-import type { ElementInstallExpectedFileState, PrepareElementInstallRequest } from '@remotion/studio-shared';
+import type { ElementInstallExpectedFileState, InsertElementRequest, PrepareElementInstallRequest } from '@remotion/studio-shared';
 export declare const getElementSourceHash: (source: string) => string;
-export declare const validateElementInstallPosition: (position: import("@remotion/studio-shared").InsertableCompositionElementPosition | null) => void;
-export declare const validateElementForInstallation: (element: import("@remotion/studio-shared").InstallableElement) => void;
+export declare const validateElementInstallPosition: (position: InsertElementRequest['position']) => void;
+export declare const validateElementForInstallation: (element: InsertElementRequest['element']) => void;
 export declare const makeRelativeElementImportPath: ({ fromFile, toFile, }: {
     fromFile: string;
     toFile: string;

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

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

package/dist/preview-server/routes/insert-element.js

@@ -79,10 +79,7 @@ const insertElementHandler = async ({ input: { compositionFile, compositionId, c
             const componentOwnsSequence = installationMode === 'component-owned-sequence';
             if (componentOwnsSequence &&
                 element.initialProps !== null &&
-                ['from', 'durationInFrames', 'name'].some((prop) => {
-                    var _a;
-                    return Object.hasOwn((_a = element.initialProps) !== null && _a !== void 0 ? _a : {}, prop);
-                })) {
+                ['from', 'durationInFrames', 'name'].some((prop) => { var _a; return Object.hasOwn((_a = element.initialProps) !== null && _a !== void 0 ? _a : {}, prop); })) {
                 throw new Error('Component-owned Element initial props must not override from, durationInFrames, or name');
             }
             if (componentOwnsSequence &&

package/dist/preview-server/routes/install-dependency.d.ts

@@ -1,18 +1,6 @@
 import { type InstallPackageRequest, type InstallPackageResponse, type PackageInstallSpec } from '@remotion/studio-shared';
+import type { ApiHandler } from '../api-types';
 export declare const getPackageInstallSpec: (dependency: PackageInstallSpec) => string;
-export declare const handleInstallPackage: ({ logLevel, remotionRoot, input: { dependencies }, invalidateBundle, }: {
-    input: InstallPackageRequest;
-    entryPoint: string;
-    remotionRoot: string;
-    request: import("http").IncomingMessage;
-    response: import("http").ServerResponse<import("http").IncomingMessage>;
-    logLevel: "error" | "info" | "trace" | "verbose" | "warn";
-    methods: import("../api-types").QueueMethods;
-    publicDir: string;
-    binariesDirectory: string | null;
-    configFile: string | null;
-    getDefaultCodingAgent: () => "claude-code" | "codex" | "copilot" | "cursor" | null;
-    getDefaultEditor: () => import("@remotion/renderer").DefaultEditor | null;
-} & {
+export declare const handleInstallPackage: ({ logLevel, remotionRoot, input: { dependencies }, invalidateBundle, }: Parameters<ApiHandler<InstallPackageRequest, InstallPackageResponse>>[0] & {
     readonly invalidateBundle: () => Promise<void>;
 }) => Promise<InstallPackageResponse>;

package/dist/preview-server/routes/log-updates/log-effect-update.d.ts

@@ -1,3 +1,4 @@
+import type { LogLevel } from '@remotion/renderer';
 import type { PropDelta } from './formatting';
 export declare const logEffectUpdate: ({ fileRelativeToRoot, line, effectName, propKey, oldValueString, newValueString, defaultValueString, formatted, logLevel, removedProps, addedProps, }: {
     fileRelativeToRoot: string;
@@ -8,7 +9,7 @@ export declare const logEffectUpdate: ({ fileRelativeToRoot, line, effectName, p
     newValueString: string;
     defaultValueString: string | null;
     formatted: boolean;
-    logLevel: "error" | "info" | "trace" | "verbose" | "warn";
+    logLevel: LogLevel;
     removedProps: PropDelta[];
     addedProps: PropDelta[];
 }) => void;

package/dist/preview-server/routes/log-updates/log-update.d.ts

@@ -1,5 +1,6 @@
+import type { LogLevel } from '@remotion/renderer';
 import type { PropDelta } from './formatting';
-export declare const warnAboutPrettierOnce: (logLevel: "error" | "info" | "trace" | "verbose" | "warn") => void;
+export declare const warnAboutPrettierOnce: (logLevel: LogLevel) => void;
 export declare const normalizeQuotes: (str: string) => string;
 export declare const logUpdate: ({ fileRelativeToRoot, line, key, oldValueString, newValueString, defaultValueString, formatted, logLevel, removedProps, addedProps, }: {
     fileRelativeToRoot: string;
@@ -9,7 +10,7 @@ export declare const logUpdate: ({ fileRelativeToRoot, line, key, oldValueString
     newValueString: string;
     defaultValueString: string | null;
     formatted: boolean;
-    logLevel: "error" | "info" | "trace" | "verbose" | "warn";
+    logLevel: LogLevel;
     removedProps: PropDelta[];
     addedProps: PropDelta[];
 }) => void;

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

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

package/dist/preview-server/routes/open-in-editor.d.ts

@@ -1,8 +1,8 @@
-import type { DefaultEditor } from '@remotion/renderer';
+import type { DefaultEditor, LogLevel } from '@remotion/renderer';
 import type { OpenInEditorRequest, OpenInEditorResponse } from '@remotion/studio-shared';
 import type { ApiHandler } from '../api-types';
 export declare const getEditorName: ({ getDefaultEditor, logLevel, }: {
     getDefaultEditor: () => DefaultEditor | null;
-    logLevel: "error" | "info" | "trace" | "verbose" | "warn";
+    logLevel: LogLevel;
 }) => Promise<string | null>;
 export declare const openInEditorHandler: ApiHandler<OpenInEditorRequest, OpenInEditorResponse>;

package/dist/preview-server/routes/remotion-skills-info.d.ts

@@ -2,7 +2,7 @@ import type { GetRemotionSkillsInfoRequest, GetRemotionSkillsInfoResponse, OpenR
 import type { ApiHandler } from '../api-types';
 export declare const getRemotionSkillsInfo: ({ remotionRoot, homeDirectory, }: {
     remotionRoot: string;
-    homeDirectory?: string | undefined;
+    homeDirectory?: string;
 }) => GetRemotionSkillsInfoResponse;
 export declare const remotionSkillsInfoHandler: ApiHandler<GetRemotionSkillsInfoRequest, GetRemotionSkillsInfoResponse>;
 export declare const openRemotionSkillHandler: ApiHandler<OpenRemotionSkillRequest, void>;

package/dist/preview-server/routes/save-multiple-effect-props.js

@@ -141,6 +141,9 @@ const saveMultipleEffectPropsHandler = ({ input: { edits, clientId, undoLabel, r
             edit,
         ])).values(),
     ];
+    const statusAsts = new Map();
+    // Share binding analysis, but resolve each target's video configuration below.
+    const statusIdentifiers = new Map();
     const results = statusTargets.map((edit) => {
         const { absolutePath } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
             remotionRoot,
@@ -151,24 +154,38 @@ const saveMultipleEffectPropsHandler = ({ input: { edits, clientId, undoLabel, r
         if (!output) {
             throw new Error('Could not compute effect prop edit status');
         }
-        const ast = (0, parse_ast_1.parseAst)(output);
+        let ast = statusAsts.get(absolutePath);
+        if (!ast) {
+            ast = (0, parse_ast_1.parseAst)(output);
+            statusAsts.set(absolutePath, ast);
+        }
         const jsx = (0, can_update_sequence_props_1.findJsxElementAtNodePath)(ast, edit.sequenceNodePath.nodePath);
-        const status = jsx
-            ? (0, can_update_effect_props_1.computeEffectPropStatus)({
+        let status;
+        if (jsx) {
+            const keys = (0, studio_shared_1.getAllSchemaKeys)(edit.schema);
+            let identifiers = statusIdentifiers.get(absolutePath);
+            if (!identifiers) {
+                identifiers = (0, video_config_values_1.getVideoConfigIdentifiers)({ ast });
+                statusIdentifiers.set(absolutePath, identifiers);
+            }
+            status = (0, can_update_effect_props_1.computeEffectPropStatus)({
                 ast,
                 jsx,
                 effectIndex: edit.effectIndex,
-                keys: (0, studio_shared_1.getAllSchemaKeys)(edit.schema),
-                videoConfigValues: (0, video_config_values_1.getVideoConfigIdentifierValues)({
-                    ast,
+                keys,
+                videoConfigValues: (0, video_config_values_1.resolveVideoConfigIdentifierValues)({
+                    identifiers,
                     videoConfigValues: edit.sequenceNodePath.videoConfigValues,
                 }),
-            })
-            : {
+            });
+        }
+        else {
+            status = {
                 canUpdate: false,
                 effectIndex: edit.effectIndex,
                 reason: 'not-found',
             };
+        }
         return {
             fileName: edit.fileName,
             sequenceNodePath: edit.sequenceNodePath,

package/dist/preview-server/routes/save-sequence-props.d.ts

@@ -13,10 +13,10 @@ type ResolvedSequencePropEdit = {
     schema: SaveSequencePropEdit['schema'];
     sourceEdit: SaveSequencePropEdit['sourceEdit'];
 };
-export declare const convertSequencePropEditToCodemodChange: (edit: Pick<ResolvedSequencePropEdit, "defaultValue" | "key" | "nodePath" | "schema" | "sourceEdit" | "value">) => SequencePropsNodeUpdate;
+export declare const convertSequencePropEditToCodemodChange: (edit: Pick<ResolvedSequencePropEdit, 'nodePath' | 'key' | 'value' | 'defaultValue' | 'schema' | 'sourceEdit'>) => SequencePropsNodeUpdate;
 export declare const shouldSuppressHmrForSequencePropEdits: (edits: readonly {
     key: string;
-    sourceEdit?: import("@remotion/studio-shared").SaveSequencePropSourceEdit | null | undefined;
+    sourceEdit?: SaveSequencePropEdit['sourceEdit'];
 }[]) => boolean;
 export declare const saveSequencePropsHandler: ApiHandler<SaveSequencePropsRequest, SaveSequencePropsResponse>;
 export {};

package/dist/preview-server/routes/source-file-write-queue.d.ts

@@ -1,2 +1,3 @@
-export declare const getCodemodTimingPrefix: (logLevel: "error" | "info" | "trace" | "verbose" | "warn") => string;
-export declare const withSourceFileWriteQueue: <T>(fn: () => T | Promise<T>) => Promise<T>;
+import type { LogLevel } from '@remotion/renderer';
+export declare const getCodemodTimingPrefix: (logLevel: LogLevel) => string;
+export declare const withSourceFileWriteQueue: <T>(fn: () => Promise<T> | T) => Promise<T>;