@remotion/studio-server 4.0.511 → 4.0.513

package/dist/codemods/format-inline-content.d.ts

@@ -11,10 +11,11 @@
  * so prettier makes the same line-breaking decisions as if the content
  * were at its actual column position in the file.
  */
-export declare const formatInlineContent: ({ inlineContent, linePrefix, endOfLine, }: {
+export declare const formatInlineContent: ({ inlineContent, linePrefix, endOfLine, prettierConfigOverride, }: {
     inlineContent: string;
     linePrefix: string;
     endOfLine: "auto" | "lf";
+    prettierConfigOverride?: Record<string, unknown> | null | undefined;
 }) => Promise<{
     formatted: string;
     didFormat: boolean;

package/dist/codemods/format-inline-content.js

@@ -47,7 +47,7 @@ exports.formatInlineContent = void 0;
  * so prettier makes the same line-breaking decisions as if the content
  * were at its actual column position in the file.
  */
-const formatInlineContent = async ({ inlineContent, linePrefix, endOfLine, }) => {
+const formatInlineContent = async ({ inlineContent, linePrefix, endOfLine, prettierConfigOverride, }) => {
     var _a;
     var _b, _c, _d;
     let prettier = null;
@@ -58,13 +58,19 @@ const formatInlineContent = async ({ inlineContent, linePrefix, endOfLine, }) =>
         return { formatted: inlineContent, didFormat: false };
     }
     const { format, resolveConfig, resolveConfigFile } = prettier;
-    const configFilePath = await resolveConfigFile();
-    if (!configFilePath) {
-        return { formatted: inlineContent, didFormat: false };
+    let prettierConfig;
+    if (prettierConfigOverride !== undefined && prettierConfigOverride !== null) {
+        prettierConfig = prettierConfigOverride;
     }
-    const prettierConfig = await resolveConfig(configFilePath);
-    if (!prettierConfig) {
-        return { formatted: inlineContent, didFormat: false };
+    else {
+        const configFilePath = await resolveConfigFile();
+        if (!configFilePath) {
+            return { formatted: inlineContent, didFormat: false };
+        }
+        prettierConfig = await resolveConfig(configFilePath);
+        if (!prettierConfig) {
+            return { formatted: inlineContent, didFormat: false };
+        }
     }
     const tabWidth = (_b = prettierConfig.tabWidth) !== null && _b !== void 0 ? _b : 2;
     const baseIndent = (_c = (_a = linePrefix.match(/^(\s*)/)) === null || _a === void 0 ? void 0 : _a[1]) !== null && _c !== void 0 ? _c : '';
@@ -85,13 +91,16 @@ const formatInlineContent = async ({ inlineContent, linePrefix, endOfLine, }) =>
     });
     // Extract the formatted value from the wrapper
     const withoutSemicolon = formattedWrapped.replace(/;\s*$/, '');
+    const wrappedInParentheses = withoutSemicolon.startsWith(`${wrapperPrefix}(\n`);
     let formattedProps;
-    if (withoutSemicolon.startsWith(wrapperPrefix)) {
+    if (withoutSemicolon.startsWith(wrapperPrefix) && !wrappedInParentheses) {
         formattedProps = withoutSemicolon.slice(wrapperPrefix.length);
     }
     else {
         // Prettier broke the line after `=` — extract and dedent one level
-        const lines = withoutSemicolon.split('\n').slice(1);
+        const lines = withoutSemicolon
+            .split('\n')
+            .slice(1, wrappedInParentheses ? -1 : undefined);
         const useTabs = prettierConfig.useTabs;
         const oneIndent = useTabs ? '\t' : ' '.repeat(tabWidth);
         formattedProps = lines

package/dist/codemods/parse-ast.d.ts

@@ -1,3 +1,4 @@
 import type { File } from '@babel/types';
 export declare const parseAst: (input: string) => File;
+export declare const parseAstForReadOnly: (input: string) => File;
 export declare const serializeAst: (ast: File) => string;

package/dist/codemods/parse-ast.js

@@ -33,7 +33,7 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.serializeAst = exports.parseAst = void 0;
+exports.serializeAst = exports.parseAstForReadOnly = exports.parseAst = void 0;
 const recast = __importStar(require("recast"));
 const tsParser = __importStar(require("recast/parsers/babel-ts"));
 const imports_1 = require("../helpers/imports");
@@ -43,6 +43,10 @@ const parseAst = (input) => {
     });
 };
 exports.parseAst = parseAst;
+const parseAstForReadOnly = (input) => {
+    return tsParser.parse(input);
+};
+exports.parseAstForReadOnly = parseAstForReadOnly;
 const serializeAst = (ast) => {
     const raw = recast.print(ast, {
         parser: tsParser,

package/dist/codemods/update-sequence-props/update-sequence-props.d.ts

@@ -1,3 +1,4 @@
+import type { File } from '@babel/types';
 import { type RemovedProp, type SequencePropsNodeUpdate, type SequencePropsNodeUpdateResult, type SequencePropUpdate, updateSequencePropsAst } from '@remotion/studio-codemods';
 import type { InteractivitySchema, SequenceNodePath, VideoConfigValues } from 'remotion';
 export { type RemovedProp, type SequencePropsNodeUpdate, type SequencePropsNodeUpdateResult, type SequencePropUpdate, updateSequencePropsAst, };
@@ -6,6 +7,7 @@ type UpdateMultipleSequencePropsResult = {
     output: string;
     formatted: boolean;
     results: SequencePropsNodeUpdateResult[];
+    ast: File;
 };
 type UpdateSequencePropsResult = {
     output: string;
@@ -14,10 +16,11 @@ type UpdateSequencePropsResult = {
     logLine: number;
     removedProps: RemovedProp[];
 };
-export declare const updateMultipleSequenceProps: ({ input, changes, prettierConfigOverride, }: {
+export declare const updateMultipleSequenceProps: ({ input, changes, prettierConfigOverride, ast: providedAst, }: {
     input: string;
     changes: SequencePropsNodeUpdate[];
     prettierConfigOverride: PrettierConfigOverride;
+    ast?: File | undefined;
 }) => Promise<UpdateMultipleSequencePropsResult>;
 export declare const updateSequenceProps: ({ input, nodePath, updates, schema, prettierConfigOverride, videoConfigValues, }: {
     input: string;

package/dist/codemods/update-sequence-props/update-sequence-props.js

@@ -4,13 +4,57 @@ exports.updateSequenceProps = exports.updateMultipleSequenceProps = exports.upda
 const studio_codemods_1 = require("@remotion/studio-codemods");
 Object.defineProperty(exports, "updateSequencePropsAst", { enumerable: true, get: function () { return studio_codemods_1.updateSequencePropsAst; } });
 const format_file_content_1 = require("../format-file-content");
-const updateMultipleSequenceProps = async ({ input, changes, prettierConfigOverride, }) => {
-    const { output: unformattedOutput, results } = (0, studio_codemods_1.updateMultipleSequenceProps)({ input, changes });
+const format_inline_content_1 = require("../format-inline-content");
+const updateMultipleSequenceProps = async ({ input, changes, prettierConfigOverride, ast: providedAst, }) => {
+    const { output: unformattedOutput, results, ast, openingElementRanges, } = (0, studio_codemods_1.updateMultipleSequenceProps)({
+        input,
+        changes,
+        ast: providedAst,
+    });
+    if (unformattedOutput === input) {
+        return { output: input, formatted: true, results, ast };
+    }
+    if ((openingElementRanges === null || openingElementRanges === void 0 ? void 0 : openingElementRanges.length) === 1) {
+        const [range] = openingElementRanges;
+        const openingElement = unformattedOutput.slice(range.start, range.end);
+        const formattableOpeningElement = range.selfClosing
+            ? openingElement
+            : openingElement.slice(0, -1) + ' />';
+        const lineStart = unformattedOutput.lastIndexOf('\n', range.start) + 1;
+        const linePrefix = unformattedOutput.slice(lineStart, range.start);
+        const { formatted: formattedOpeningElement, didFormat } = await (0, format_inline_content_1.formatInlineContent)({
+            inlineContent: formattableOpeningElement,
+            linePrefix,
+            endOfLine: 'lf',
+            prettierConfigOverride,
+        });
+        let finalOpeningElement = formattedOpeningElement;
+        if (!range.selfClosing) {
+            const slashIndex = finalOpeningElement.lastIndexOf('/>');
+            if (slashIndex !== finalOpeningElement.length - 2) {
+                throw new Error('Could not format JSX opening element');
+            }
+            const lastLineStart = finalOpeningElement.lastIndexOf('\n') + 1;
+            const beforeSlash = finalOpeningElement.slice(lastLineStart, slashIndex);
+            finalOpeningElement =
+                beforeSlash.trim().length === 0
+                    ? finalOpeningElement.slice(0, slashIndex) + '>'
+                    : finalOpeningElement.slice(0, slashIndex).trimEnd() + '>';
+        }
+        return {
+            output: unformattedOutput.slice(0, range.start) +
+                finalOpeningElement +
+                unformattedOutput.slice(range.end),
+            formatted: didFormat,
+            results,
+            ast,
+        };
+    }
     const { output, formatted } = await (0, format_file_content_1.formatFileContent)({
         input: unformattedOutput,
         prettierConfigOverride,
     });
-    return { output, formatted, results };
+    return { output, formatted, results, ast };
 };
 exports.updateMultipleSequenceProps = updateMultipleSequenceProps;
 const updateSequenceProps = async ({ input, nodePath, updates, schema, prettierConfigOverride, videoConfigValues, }) => {

package/dist/helpers/resolve-composition-component.js

@@ -1202,16 +1202,14 @@ const canAddSequenceToComponent = ({ ast, exportName, }) => {
         return false;
     }
 };
-const getComponentLocationInFile = async ({ remotionRoot, fileName, exportName, }) => {
+const getComponentLocationInFile = async ({ remotionRoot, fileName, exportName, ast: providedAst, }) => {
     var _a, _b;
-    const input = await readSourceFile({ remotionRoot, fileName });
-    const ast = (0, parse_ast_1.parseAst)(input);
-    const astForSequenceSimulation = (0, parse_ast_1.parseAst)(input);
+    const ast = providedAst !== null && providedAst !== void 0 ? providedAst : (0, parse_ast_1.parseAst)(await readSourceFile({ remotionRoot, fileName }));
     const location = exportName === 'default'
         ? findDefaultExportLocation(ast)
         : findLocalSymbolLocation({ ast, name: exportName });
     const canAddSequence = canAddSequenceToComponent({
-        ast: astForSequenceSimulation,
+        ast,
         exportName,
     });
     return {
@@ -1241,6 +1239,7 @@ const getComponentLocationRecursively = async ({ remotionRoot, fileName, exportN
                 remotionRoot,
                 fileName,
                 exportName,
+                ast,
             });
         }
         const reExportTargets = findReExportTargets({
@@ -1271,6 +1270,7 @@ const getComponentLocationRecursively = async ({ remotionRoot, fileName, exportN
             remotionRoot,
             fileName,
             exportName,
+            ast,
         });
     }
     finally {
@@ -1283,7 +1283,7 @@ const resolveCompositionComponentWithFile = async ({ remotionRoot, compositionFi
         remotionRoot,
         fileName: compositionFileName,
     });
-    const ast = (0, parse_ast_1.parseAst)(input);
+    const ast = (0, parse_ast_1.parseAstForReadOnly)(input);
     const compositionElement = findCompositionElement({ ast, compositionId });
     if (!compositionElement) {
         throw new Error(`Could not find composition "${compositionId}"`);

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

@@ -10,6 +10,7 @@ const video_config_values_1 = require("../../helpers/video-config-values");
 const can_update_sequence_props_1 = require("./can-update-sequence-props");
 const staticStatus = (codeValue) => ({
     status: 'static',
+    keyframeDisplayOffsetAdjustment: null,
     codeValue,
 });
 const findEffectsAttr = (jsx) => {
@@ -110,6 +111,7 @@ const getPropsFromObjectExpression = ({ ast, objExpr, keys, videoConfigValues, }
             out[key] = numericExpression
                 ? {
                     status: 'static',
+                    keyframeDisplayOffsetAdjustment: null,
                     codeValue: numericExpression.value,
                     ...(numericExpression.type === 'literal'
                         ? {}
@@ -120,6 +122,7 @@ const getPropsFromObjectExpression = ({ ast, objExpr, keys, videoConfigValues, }
         }
         out[key] = {
             status: 'static',
+            keyframeDisplayOffsetAdjustment: null,
             codeValue: (0, can_update_sequence_props_1.extractStaticValue)(valueExpr),
         };
     }

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

@@ -2,6 +2,7 @@ import type { Expression, File, JSXElement, JSXOpeningElement } from '@babel/typ
 import type { SubscribeToSequencePropsResponse } from '@remotion/studio-shared';
 import type { CanUpdateSequencePropsResponseTrue, CanUpdateSequencePropStatus, SequenceNodePath, VideoConfigValues } from 'remotion';
 import { type VideoConfigIdentifierValues } from '../../helpers/video-config-values';
+export declare const takeCachedSequencePropsStatusAst: (fileContents: string) => File | null;
 type StaticValueOptions = {
     allowSpecialValues: boolean;
 };
@@ -24,6 +25,31 @@ export declare const hasJsxChildrenAttribute: (jsxElement: JSXOpeningElement) =>
 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 lineColumnsToNodePaths: ({ ast, targets, fileContents, }: {
+    ast: File;
+    targets: {
+        line: number;
+        column: number;
+    }[];
+    fileContents: string;
+}) => (SequenceNodePath | null)[];
+export declare const resolveSequencePropsNodePathsFromFilename: ({ fileName, targets, remotionRoot, }: {
+    fileName: string;
+    targets: {
+        line: number;
+        column: number;
+    }[];
+    remotionRoot: string;
+}) => (SequenceNodePath | null)[];
+export declare const computeSequencePropsStatusFromAst: ({ ast, nodePath, componentIdentity, keys, assetKeys, effects, videoConfigValues, }: {
+    ast: File;
+    nodePath: SequenceNodePath;
+    componentIdentity: string | null;
+    keys: string[];
+    assetKeys?: string[] | undefined;
+    effects: string[][];
+    videoConfigValues: VideoConfigValues | null;
+}) => CanUpdateSequencePropsResponseTrue;
 export declare const computeSequencePropsStatusFromContent: ({ fileContents, nodePath, componentIdentity, keys, assetKeys, effects, videoConfigValues, }: {
     fileContents: string;
     nodePath: SequenceNodePath;

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

@@ -33,7 +33,7 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.computeSequencePropsStatusFromFilenameByLocation = exports.computeSequencePropsStatus = exports.computeSequencePropsStatusFromContent = 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;
+exports.computeSequencePropsStatusFromFilenameByLocation = exports.computeSequencePropsStatus = exports.computeSequencePropsStatusFromContent = exports.computeSequencePropsStatusFromAst = 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 = exports.takeCachedSequencePropsStatusAst = void 0;
 const node_fs_1 = require("node:fs");
 const renderer_1 = require("@remotion/renderer");
 const studio_shared_1 = require("@remotion/studio-shared");
@@ -55,8 +55,41 @@ const can_update_effect_props_1 = require("./can-update-effect-props");
 // computation is read-only, so all subscribers can share one parsed snapshot
 // until the notification burst has finished.
 let cachedSequencePropsStatusAst = null;
+// A subsequent save can consume the last read-only snapshot if the file has
+// not changed. The save mutates the AST, so it must only be reused once.
+let reusableSequencePropsStatusAst = null;
+const getCachedSequencePropsStatusAst = (fileContents) => {
+    if ((cachedSequencePropsStatusAst === null || cachedSequencePropsStatusAst === void 0 ? void 0 : cachedSequencePropsStatusAst.fileContents) !== fileContents) {
+        const snapshot = {
+            fileContents,
+            ast: (0, parse_ast_1.parseAst)(fileContents),
+            videoConfigIdentifierValues: new Map(),
+        };
+        cachedSequencePropsStatusAst = snapshot;
+        reusableSequencePropsStatusAst = snapshot;
+        queueMicrotask(() => {
+            if (cachedSequencePropsStatusAst === snapshot) {
+                cachedSequencePropsStatusAst = null;
+            }
+        });
+    }
+    return cachedSequencePropsStatusAst;
+};
+const takeCachedSequencePropsStatusAst = (fileContents) => {
+    if ((reusableSequencePropsStatusAst === null || reusableSequencePropsStatusAst === void 0 ? void 0 : reusableSequencePropsStatusAst.fileContents) !== fileContents) {
+        return null;
+    }
+    const { ast } = reusableSequencePropsStatusAst;
+    reusableSequencePropsStatusAst = null;
+    if ((cachedSequencePropsStatusAst === null || cachedSequencePropsStatusAst === void 0 ? void 0 : cachedSequencePropsStatusAst.ast) === ast) {
+        cachedSequencePropsStatusAst = null;
+    }
+    return ast;
+};
+exports.takeCachedSequencePropsStatusAst = takeCachedSequencePropsStatusAst;
 const staticStatus = (codeValue, numericExpression) => ({
     status: 'static',
+    keyframeDisplayOffsetAdjustment: null,
     codeValue,
     ...(numericExpression === null || numericExpression.type === 'literal'
         ? {}
@@ -389,13 +422,20 @@ const getInterpolationKeyframes = (node, ast, videoConfigValues) => {
     const outputArg = callExpression.arguments[2];
     if (!frameArg ||
         frameArg.type === 'SpreadElement' ||
-        !isCurrentFrameIdentifier(frameArg, ast) ||
         !inputArg ||
         !outputArg ||
         inputArg.type !== 'ArrayExpression' ||
         outputArg.type !== 'ArrayExpression') {
         return undefined;
     }
+    const frameDisplayOffset = getCurrentFrameDisplayOffsetAdjustment({
+        node: frameArg,
+        ast,
+        videoConfigValues,
+    });
+    if (frameDisplayOffset === null) {
+        return undefined;
+    }
     if (inputArg.elements.length !== outputArg.elements.length) {
         return undefined;
     }
@@ -436,39 +476,200 @@ const getInterpolationKeyframes = (node, ast, videoConfigValues) => {
         clamping: metadata.clamping,
         posterize: metadata.posterize,
         output: metadata.output,
+        keyframeDisplayOffsetAdjustment: frameDisplayOffset.hasEnclosingElement
+            ? frameDisplayOffset.adjustment
+            : null,
     };
 };
-const isUseCurrentFrameCall = (node) => {
-    return (node.type === 'CallExpression' &&
-        node.callee.type === 'Identifier' &&
-        node.callee.name === 'useCurrentFrame' &&
-        node.arguments.length === 0);
+const getRemotionImportNames = ({ ast, importedName, }) => {
+    var _a;
+    var _b, _c;
+    const direct = new Set();
+    const namespaces = new Set();
+    for (const statement of ast.program.body) {
+        if (statement.type !== 'ImportDeclaration' ||
+            statement.source.value !== 'remotion') {
+            continue;
+        }
+        for (const specifier of (_b = statement.specifiers) !== null && _b !== void 0 ? _b : []) {
+            if (specifier.type === 'ImportSpecifier' &&
+                ((specifier.imported.type === 'Identifier' &&
+                    specifier.imported.name === importedName) ||
+                    (specifier.imported.type === 'StringLiteral' &&
+                        specifier.imported.value === importedName))) {
+                direct.add((_c = (_a = specifier.local) === null || _a === void 0 ? void 0 : _a.name) !== null && _c !== void 0 ? _c : importedName);
+            }
+            if (specifier.type === 'ImportNamespaceSpecifier') {
+                namespaces.add(specifier.local.name);
+            }
+        }
+    }
+    return { direct, namespaces };
+};
+const isUseCurrentFrameCall = (node, ast) => {
+    if (node.type !== 'CallExpression' || node.arguments.length !== 0) {
+        return false;
+    }
+    const imports = getRemotionImportNames({
+        ast,
+        importedName: 'useCurrentFrame',
+    });
+    if (node.callee.type === 'Identifier') {
+        return imports.direct.has(node.callee.name);
+    }
+    return (node.callee.type === 'MemberExpression' &&
+        !node.callee.computed &&
+        node.callee.object.type === 'Identifier' &&
+        node.callee.property.type === 'Identifier' &&
+        imports.namespaces.has(node.callee.object.name) &&
+        node.callee.property.name === 'useCurrentFrame');
+};
+const findNodePath = (ast, target) => {
+    let found = null;
+    recast.types.visit(ast, {
+        visitNode(p) {
+            if (p.node === target) {
+                found = p;
+                return false;
+            }
+            return this.traverse(p);
+        },
+    });
+    return found;
+};
+const getJsxNumericAttribute = ({ openingElement, name, defaultValue, videoConfigValues, }) => {
+    var _a, _b;
+    var _c;
+    if (openingElement.attributes.some((attribute) => attribute.type === 'JSXSpreadAttribute')) {
+        return null;
+    }
+    for (let index = openingElement.attributes.length - 1; index >= 0; index--) {
+        const attribute = openingElement.attributes[index];
+        if (attribute.type !== 'JSXAttribute' ||
+            attribute.name.type !== 'JSXIdentifier' ||
+            attribute.name.name !== name) {
+            continue;
+        }
+        if (((_a = attribute.value) === null || _a === void 0 ? void 0 : _a.type) !== 'JSXExpressionContainer' ||
+            attribute.value.expression.type === 'JSXEmptyExpression') {
+            return null;
+        }
+        return ((_c = (_b = (0, video_config_numeric_expression_1.parseVideoConfigNumericExpression)({
+            node: attribute.value.expression,
+            videoConfigValues,
+        })) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : null);
+    }
+    return defaultValue;
+};
+const getFrameDisplayOffsetAdjustmentBetweenPaths = ({ startPath, endPath, videoConfigValues, }) => {
+    let current = startPath;
+    let hasSeenControlledElement = false;
+    let hasEnclosingElement = false;
+    let adjustment = 0;
+    while (current && current.value !== endPath.value) {
+        const currentNode = current.value;
+        if (currentNode.type === 'FunctionDeclaration' ||
+            currentNode.type === 'FunctionExpression' ||
+            currentNode.type === 'ArrowFunctionExpression') {
+            return null;
+        }
+        if (currentNode.type === 'JSXElement') {
+            if (!hasSeenControlledElement) {
+                hasSeenControlledElement = true;
+            }
+            else {
+                hasEnclosingElement = true;
+                // Sequence-backed built-ins and userland components can both shift
+                // their children, so the prop names are the semantic boundary.
+                const from = getJsxNumericAttribute({
+                    openingElement: currentNode.openingElement,
+                    name: 'from',
+                    defaultValue: 0,
+                    videoConfigValues,
+                });
+                const trimBefore = getJsxNumericAttribute({
+                    openingElement: currentNode.openingElement,
+                    name: 'trimBefore',
+                    defaultValue: 0,
+                    videoConfigValues,
+                });
+                if (from === null || trimBefore === null) {
+                    return null;
+                }
+                adjustment -= from - trimBefore;
+            }
+        }
+        current = current.parentPath;
+    }
+    return current ? { adjustment, hasEnclosingElement } : null;
+};
+const getDefaultFrameDisplayOffsetAdjustment = ({ jsxElement, ast, videoConfigValues, }) => {
+    var _a;
+    const jsxPath = findNodePath(ast, jsxElement);
+    if (!jsxPath) {
+        return null;
+    }
+    let functionPath = jsxPath.parentPath;
+    while (functionPath) {
+        const node = functionPath.value;
+        if (node.type === 'FunctionDeclaration' ||
+            node.type === 'FunctionExpression' ||
+            node.type === 'ArrowFunctionExpression') {
+            break;
+        }
+        functionPath = functionPath.parentPath;
+    }
+    if (!functionPath) {
+        return null;
+    }
+    const result = getFrameDisplayOffsetAdjustmentBetweenPaths({
+        startPath: jsxPath,
+        endPath: functionPath,
+        videoConfigValues,
+    });
+    return (_a = result === null || result === void 0 ? void 0 : result.adjustment) !== null && _a !== void 0 ? _a : null;
 };
-const isCurrentFrameIdentifier = (node, ast) => {
+const getCurrentFrameDisplayOffsetAdjustment = ({ node, ast, videoConfigValues, }) => {
+    var _a;
     if (node.type === 'TSAsExpression') {
-        return isCurrentFrameIdentifier(node.expression, ast);
+        return getCurrentFrameDisplayOffsetAdjustment({
+            node: node.expression,
+            ast,
+            videoConfigValues,
+        });
     }
     if (node.type !== 'Identifier') {
-        return false;
+        return null;
     }
-    let hasUseCurrentFrameDeclaration = false;
-    let hasOtherDeclaration = false;
-    recast.types.visit(ast, {
+    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;
+    }
+    let matchingDeclarations = 0;
+    let isCurrentFrameBinding = false;
+    recast.types.visit(bindingScope.path, {
         visitVariableDeclarator(p) {
+            var _a;
             const { id, init } = p.node;
-            if (id.type !== 'Identifier' || id.name !== node.name) {
+            if (id.type !== 'Identifier' ||
+                id.name !== node.name ||
+                ((_a = p.scope.lookup(node.name)) === null || _a === void 0 ? void 0 : _a.path.node) !== bindingScope.path.node) {
                 return this.traverse(p);
             }
-            if (init && isUseCurrentFrameCall(init)) {
-                hasUseCurrentFrameDeclaration = true;
-            }
-            else {
-                hasOtherDeclaration = true;
-            }
+            matchingDeclarations++;
+            isCurrentFrameBinding = Boolean(init && isUseCurrentFrameCall(init, ast));
             return false;
         },
     });
-    return hasUseCurrentFrameDeclaration && !hasOtherDeclaration;
+    if (matchingDeclarations !== 1 || !isCurrentFrameBinding) {
+        return null;
+    }
+    return getFrameDisplayOffsetAdjustmentBetweenPaths({
+        startPath: nodePath,
+        endPath: bindingScope.path,
+        videoConfigValues,
+    });
 };
 const getComputedStatus = (node, ast, videoConfigValues) => {
     const interpolation = getInterpolationKeyframes(node, ast, videoConfigValues);
@@ -478,6 +679,7 @@ const getComputedStatus = (node, ast, videoConfigValues) => {
     return {
         status: 'keyframed',
         interpolationFunction: interpolation.interpolationFunction,
+        keyframeDisplayOffsetAdjustment: interpolation.keyframeDisplayOffsetAdjustment,
         keyframes: interpolation.keyframes,
         easing: interpolation.easing,
         clamping: interpolation.clamping,
@@ -648,8 +850,7 @@ const findNodePathForJsxElement = (ast, target) => {
 };
 exports.findNodePathForJsxElement = findNodePathForJsxElement;
 const RECAST_TAB_WIDTH = 4;
-const sourceColumnToRecastColumn = ({ fileContents, line, column, }) => {
-    const sourceLine = fileContents.split('\n')[line - 1];
+const sourceColumnToRecastColumn = ({ sourceLine, column, }) => {
     if (sourceLine === undefined) {
         return column;
     }
@@ -671,8 +872,7 @@ const lineColumnToNodePath = (ast, targetLine, targetColumn, fileContents) => {
     const recastTargetColumn = targetColumn === undefined || fileContents === undefined
         ? targetColumn
         : sourceColumnToRecastColumn({
-            fileContents,
-            line: targetLine,
+            sourceLine: fileContents.split('\n')[targetLine - 1],
             column: targetColumn,
         });
     recast.types.visit(ast, {
@@ -694,6 +894,55 @@ const lineColumnToNodePath = (ast, targetLine, targetColumn, fileContents) => {
     return (_a = lineMatches.at(-1)) !== null && _a !== void 0 ? _a : null;
 };
 exports.lineColumnToNodePath = lineColumnToNodePath;
+const lineColumnsToNodePaths = ({ ast, targets, fileContents, }) => {
+    const sourceLines = fileContents.split('\n');
+    const targetIndicesByLine = new Map();
+    const recastTargetColumns = targets.map(({ line, column }, index) => {
+        var _a;
+        const indices = (_a = targetIndicesByLine.get(line)) !== null && _a !== void 0 ? _a : [];
+        indices.push(index);
+        targetIndicesByLine.set(line, indices);
+        return sourceColumnToRecastColumn({
+            sourceLine: sourceLines[line - 1],
+            column,
+        });
+    });
+    const lineMatches = targets.map(() => null);
+    const exactMatches = targets.map(() => null);
+    const exactMatchCounts = targets.map(() => 0);
+    recast.types.visit(ast, {
+        visitJSXOpeningElement(p) {
+            var _a, _b;
+            const { node } = p;
+            const line = (_a = node.loc) === null || _a === void 0 ? void 0 : _a.start.line;
+            const targetIndices = line ? targetIndicesByLine.get(line) : undefined;
+            if (targetIndices) {
+                const nodePath = (0, exports.getNodePathForRecastPath)(p, ast);
+                for (const index of targetIndices) {
+                    lineMatches[index] = nodePath;
+                    if (((_b = node.loc) === null || _b === void 0 ? void 0 : _b.start.column) === recastTargetColumns[index]) {
+                        exactMatches[index] = nodePath;
+                        exactMatchCounts[index]++;
+                    }
+                }
+            }
+            return this.traverse(p);
+        },
+    });
+    return targets.map((_, index) => exactMatchCounts[index] === 1 ? exactMatches[index] : lineMatches[index]);
+};
+exports.lineColumnsToNodePaths = lineColumnsToNodePaths;
+const resolveSequencePropsNodePathsFromFilename = ({ fileName, targets, remotionRoot, }) => {
+    const { absolutePath } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
+        remotionRoot,
+        fileName,
+        action: 'read',
+    });
+    const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
+    const { ast } = getCachedSequencePropsStatusAst(fileContents);
+    return (0, exports.lineColumnsToNodePaths)({ ast, targets, fileContents });
+};
+exports.resolveSequencePropsNodePathsFromFilename = resolveSequencePropsNodePathsFromFilename;
 const PIXEL_VALUE_REGEX = /^-?\d+(\.\d+)?px$/;
 const isSupportedTranslateValue = (value) => {
     const parts = value.split(/\s+/);
@@ -924,32 +1173,8 @@ const computeSequenceOnlyPropsRecord = ({ jsxElement, jsxElementNode, ast, keys,
     }
     return filteredProps;
 };
-const computeSequencePropsStatusFromContent = ({ fileContents, nodePath, componentIdentity, keys, assetKeys = [], effects, videoConfigValues, }) => {
+const computeSequencePropsStatusFromAstAndIdentifiers = ({ ast, nodePath, componentIdentity, keys, assetKeys, effects, videoConfigIdentifierValues, }) => {
     var _a;
-    if ((cachedSequencePropsStatusAst === null || cachedSequencePropsStatusAst === void 0 ? void 0 : cachedSequencePropsStatusAst.fileContents) !== fileContents) {
-        cachedSequencePropsStatusAst = null;
-        const snapshot = {
-            fileContents,
-            ast: (0, parse_ast_1.parseAst)(fileContents),
-            videoConfigIdentifierValues: new Map(),
-        };
-        cachedSequencePropsStatusAst = snapshot;
-        queueMicrotask(() => {
-            if (cachedSequencePropsStatusAst === snapshot) {
-                cachedSequencePropsStatusAst = null;
-            }
-        });
-    }
-    const { ast } = cachedSequencePropsStatusAst;
-    const videoConfigCacheKey = JSON.stringify(videoConfigValues);
-    let videoConfigIdentifierValues = cachedSequencePropsStatusAst.videoConfigIdentifierValues.get(videoConfigCacheKey);
-    if (videoConfigIdentifierValues === undefined) {
-        videoConfigIdentifierValues = (0, video_config_values_1.getVideoConfigIdentifierValues)({
-            ast,
-            videoConfigValues,
-        });
-        cachedSequencePropsStatusAst.videoConfigIdentifierValues.set(videoConfigCacheKey, videoConfigIdentifierValues);
-    }
     const jsxElementNode = (0, exports.findJsxElementNodeAtNodePath)(ast, nodePath);
     const jsxElement = (_a = jsxElementNode === null || jsxElementNode === void 0 ? void 0 : jsxElementNode.openingElement) !== null && _a !== void 0 ? _a : null;
     if (!jsxElement || !jsxElementNode) {
@@ -975,12 +1200,80 @@ const computeSequencePropsStatusFromContent = ({ fileContents, nodePath, compone
         effects,
         videoConfigValues: videoConfigIdentifierValues,
     });
+    const defaultKeyframeDisplayOffsetAdjustment = getDefaultFrameDisplayOffsetAdjustment({
+        jsxElement,
+        ast,
+        videoConfigValues: videoConfigIdentifierValues,
+    });
+    const addDefaultKeyframeDisplayOffsetAdjustment = (status) => {
+        if (status.status !== 'static') {
+            return status;
+        }
+        if (defaultKeyframeDisplayOffsetAdjustment === null) {
+            return computedStatus();
+        }
+        if (defaultKeyframeDisplayOffsetAdjustment === 0) {
+            return status;
+        }
+        return {
+            ...status,
+            keyframeDisplayOffsetAdjustment: defaultKeyframeDisplayOffsetAdjustment,
+        };
+    };
     return {
         canUpdate: true,
-        props: filteredProps,
-        effects: effectsStatuses,
+        props: Object.fromEntries(Object.entries(filteredProps).map(([key, status]) => [
+            key,
+            addDefaultKeyframeDisplayOffsetAdjustment(status),
+        ])),
+        effects: effectsStatuses.map((effectStatus) => effectStatus.canUpdate
+            ? {
+                ...effectStatus,
+                props: Object.fromEntries(Object.entries(effectStatus.props).map(([key, status]) => [
+                    key,
+                    addDefaultKeyframeDisplayOffsetAdjustment(status),
+                ])),
+            }
+            : effectStatus),
     };
 };
+const computeSequencePropsStatusFromAst = ({ ast, nodePath, componentIdentity, keys, assetKeys = [], effects, videoConfigValues, }) => {
+    return computeSequencePropsStatusFromAstAndIdentifiers({
+        ast,
+        nodePath,
+        componentIdentity,
+        keys,
+        assetKeys,
+        effects,
+        videoConfigIdentifierValues: (0, video_config_values_1.getVideoConfigIdentifierValues)({
+            ast,
+            videoConfigValues,
+        }),
+    });
+};
+exports.computeSequencePropsStatusFromAst = computeSequencePropsStatusFromAst;
+const computeSequencePropsStatusFromContent = ({ fileContents, nodePath, componentIdentity, keys, assetKeys = [], effects, videoConfigValues, }) => {
+    const cachedAst = getCachedSequencePropsStatusAst(fileContents);
+    const { ast } = cachedAst;
+    const videoConfigCacheKey = JSON.stringify(videoConfigValues);
+    let videoConfigIdentifierValues = cachedAst.videoConfigIdentifierValues.get(videoConfigCacheKey);
+    if (videoConfigIdentifierValues === undefined) {
+        videoConfigIdentifierValues = (0, video_config_values_1.getVideoConfigIdentifierValues)({
+            ast,
+            videoConfigValues,
+        });
+        cachedAst.videoConfigIdentifierValues.set(videoConfigCacheKey, videoConfigIdentifierValues);
+    }
+    return computeSequencePropsStatusFromAstAndIdentifiers({
+        ast,
+        nodePath,
+        componentIdentity,
+        keys,
+        assetKeys,
+        effects,
+        videoConfigIdentifierValues,
+    });
+};
 exports.computeSequencePropsStatusFromContent = computeSequencePropsStatusFromContent;
 const computeSequencePropsStatus = ({ fileName, nodePath, componentIdentity, keys, assetKeys = [], effects, remotionRoot, videoConfigValues, }) => {
     const { absolutePath } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
@@ -1008,7 +1301,7 @@ const computeSequencePropsStatusFromFilenameByLocation = ({ fileName, line, colu
             action: 'read',
         });
         const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
-        const ast = (0, parse_ast_1.parseAst)(fileContents);
+        const { ast } = getCachedSequencePropsStatusAst(fileContents);
         const resolvedNodePath = (0, exports.lineColumnToNodePath)(ast, line, column, fileContents);
         if (!resolvedNodePath) {
             return {

package/dist/preview-server/routes/default-editor.js

@@ -1,11 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getDefaultEditorInfoHandler = void 0;
+const custom_editor_1 = require("../../helpers/custom-editor");
 const editor_registry_1 = require("../../helpers/editor-registry");
 const getDefaultEditorInfoHandler = async ({ getDefaultEditor }) => {
     const installedEditors = await (0, editor_registry_1.getAvailableEditors)();
     const configuredEditor = getDefaultEditor();
-    const customEditor = configuredEditor && typeof configuredEditor === 'object'
+    const customEditor = configuredEditor &&
+        typeof configuredEditor === 'object' &&
+        (0, custom_editor_1.resolveCustomEditorExecutable)(configuredEditor)
         ? configuredEditor
         : null;
     return {

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

@@ -190,6 +190,7 @@ const saveSequencePropsHandler = ({ input: { edits, addedKeyframes, movedKeyfram
     }
     const snapshots = [];
     const outputByPath = new Map();
+    const statusAstByPath = new Map();
     const resultByIndex = new Map();
     const updatedNodePaths = new Map();
     const sequenceKeyframeLogs = [];
@@ -198,14 +199,20 @@ const saveSequencePropsHandler = ({ input: { edits, addedKeyframes, movedKeyfram
     for (const [absolutePath, group] of editGroups) {
         const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
         let output = fileContents;
+        const cachedStatusAst = group.edits.length > 0
+            ? (0, can_update_sequence_props_1.takeCachedSequencePropsStatusAst)(fileContents)
+            : null;
+        let sequencePropsAst = null;
         let firstLogLine = Number.POSITIVE_INFINITY;
         if (group.edits.length > 0) {
-            const { output: sequencePropsOutput, formatted, results: updateResults, } = await (0, update_sequence_props_1.updateMultipleSequenceProps)({
+            const { output: sequencePropsOutput, formatted, results: updateResults, ast, } = await (0, update_sequence_props_1.updateMultipleSequenceProps)({
                 input: output,
                 changes: group.edits.map(exports.convertSequencePropEditToCodemodChange),
                 prettierConfigOverride: null,
+                ast: cachedStatusAst !== null && cachedStatusAst !== void 0 ? cachedStatusAst : undefined,
             });
             output = sequencePropsOutput;
+            sequencePropsAst = ast;
             const firstUpdate = updateResults[0];
             if (firstUpdate) {
                 firstLogLine = Math.min(firstLogLine, firstUpdate.logLine);
@@ -365,6 +372,13 @@ const saveSequencePropsHandler = ({ input: { edits, addedKeyframes, movedKeyfram
                 });
             }
         }
+        if (sequencePropsAst &&
+            group.captionPatches.length === 0 &&
+            group.addedKeyframes.length === 0 &&
+            group.movedSequenceKeyframes.length === 0 &&
+            group.effectKeyframes.length === 0) {
+            statusAstByPath.set(absolutePath, sequencePropsAst);
+        }
         outputByPath.set(absolutePath, output);
         snapshots.push({
             filePath: absolutePath,
@@ -481,15 +495,24 @@ const saveSequencePropsHandler = ({ input: { edits, addedKeyframes, movedKeyfram
         if (!output) {
             throw new Error('Could not compute sequence prop edit status');
         }
-        const newStatus = (0, can_update_sequence_props_1.computeSequencePropsStatusFromContent)({
-            fileContents: output,
+        const statusInput = {
             keys: (0, studio_shared_1.getAllSchemaKeys)(target.schema),
             assetKeys: (0, studio_shared_1.getAssetSchemaKeys)(target.schema),
             nodePath: (_a = updatedNodePaths.get(`${absolutePath}:${JSON.stringify(target.nodePath.nodePath)}`)) !== null && _a !== void 0 ? _a : target.nodePath.nodePath,
             componentIdentity: null,
             effects: [],
             videoConfigValues: target.nodePath.videoConfigValues,
-        });
+        };
+        const statusAst = statusAstByPath.get(absolutePath);
+        const newStatus = statusAst
+            ? (0, can_update_sequence_props_1.computeSequencePropsStatusFromAst)({
+                ...statusInput,
+                ast: statusAst,
+            })
+            : (0, can_update_sequence_props_1.computeSequencePropsStatusFromContent)({
+                ...statusInput,
+                fileContents: output,
+            });
         return {
             fileName: target.fileName,
             nodePath: target.nodePath,

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

@@ -1,3 +1,3 @@
-import type { SubscribeToSequencePropsRequest, SubscribeToSequencePropsResponse } from '@remotion/studio-shared';
+import type { SubscribeToSequencePropsBatchRequest, SubscribeToSequencePropsBatchResponse } from '@remotion/studio-shared';
 import type { ApiHandler } from '../api-types';
-export declare const subscribeToSequenceProps: ApiHandler<SubscribeToSequencePropsRequest, SubscribeToSequencePropsResponse>;
+export declare const subscribeToSequenceProps: ApiHandler<SubscribeToSequencePropsBatchRequest, SubscribeToSequencePropsBatchResponse>;

package/dist/preview-server/routes/subscribe-to-sequence-props.js

@@ -2,12 +2,43 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.subscribeToSequenceProps = void 0;
 const sequence_props_watchers_1 = require("../sequence-props-watchers");
-const subscribeToSequenceProps = ({ input: { fileName, line, column, nodePath, componentIdentity, keys, assetKeys = [], effects, clientId, videoConfigValues, }, remotionRoot, logLevel, }) => {
-    const result = (0, sequence_props_watchers_1.subscribeToSequencePropsWatchers)({
+const can_update_sequence_props_1 = require("./can-update-sequence-props");
+const subscribeToSequenceProps = ({ input, remotionRoot, logLevel }) => {
+    var _a, _b;
+    const requests = (_a = input.requests) !== null && _a !== void 0 ? _a : [input];
+    const unresolvedByFile = new Map();
+    for (const [index, request] of requests.entries()) {
+        if (request.nodePath !== null) {
+            continue;
+        }
+        const unresolved = (_b = unresolvedByFile.get(request.fileName)) !== null && _b !== void 0 ? _b : [];
+        unresolved.push({ index, line: request.line, column: request.column });
+        unresolvedByFile.set(request.fileName, unresolved);
+    }
+    const resolvedNodePaths = new Map();
+    for (const [fileName, unresolved] of unresolvedByFile) {
+        try {
+            const nodePaths = (0, can_update_sequence_props_1.resolveSequencePropsNodePathsFromFilename)({
+                fileName,
+                targets: unresolved,
+                remotionRoot,
+            });
+            for (const [index, nodePath] of nodePaths.entries()) {
+                if (nodePath) {
+                    resolvedNodePaths.set(unresolved[index].index, nodePath);
+                }
+            }
+        }
+        catch (_c) {
+            // Let each subscription produce its usual not-found response.
+        }
+    }
+    const results = requests.map(({ fileName, line, column, nodePath, componentIdentity, keys, assetKeys = [], effects, clientId, videoConfigValues, }, index) => (0, sequence_props_watchers_1.subscribeToSequencePropsWatchers)({
         fileName,
         line,
         column,
         nodePath,
+        resolvedNodePath: resolvedNodePaths.get(index),
         componentIdentity,
         keys,
         assetKeys,
@@ -16,7 +47,10 @@ const subscribeToSequenceProps = ({ input: { fileName, line, column, nodePath, c
         clientId,
         videoConfigValues,
         logLevel,
+    }));
+    return Promise.resolve({
+        ...results[0],
+        results,
     });
-    return Promise.resolve(result);
 };
 exports.subscribeToSequenceProps = subscribeToSequenceProps;

package/dist/preview-server/sequence-props-watchers.d.ts

@@ -1,10 +1,11 @@
 import { type SubscribeToSequencePropsResponse } from '@remotion/studio-shared';
 import type { SequenceNodePath, VideoConfigValues } from 'remotion';
-export declare const subscribeToSequencePropsWatchers: ({ fileName, line, column, nodePath: preferredNodePath, componentIdentity, keys, assetKeys, effects, remotionRoot, clientId, logLevel, videoConfigValues, }: {
+export declare const subscribeToSequencePropsWatchers: ({ fileName, line, column, nodePath: preferredNodePath, resolvedNodePath, componentIdentity, keys, assetKeys, effects, remotionRoot, clientId, logLevel, videoConfigValues, }: {
     fileName: string;
     line: number;
     column: number;
     nodePath: SequenceNodePath | null;
+    resolvedNodePath?: SequenceNodePath | null | undefined;
     componentIdentity: string | null;
     keys: string[];
     assetKeys: string[];

package/dist/preview-server/sequence-props-watchers.js

@@ -15,7 +15,7 @@ const node_path_cache_1 = require("./node-path-cache");
 const can_update_sequence_props_1 = require("./routes/can-update-sequence-props");
 const sequencePropsWatchers = {};
 const getWatcherKey = (nodePath, assetKeys) => `${(0, studio_shared_1.stringifySequenceSubscriptionKey)(nodePath)}:${assetKeys.join('\0')}:${JSON.stringify(nodePath.videoConfigValues)}`;
-const getSequencePropsStatus = ({ fileName, line, column, preferredNodePath, componentIdentity, keys, assetKeys, effects, remotionRoot, logLevel, videoConfigValues, }) => {
+const getSequencePropsStatus = ({ fileName, line, column, preferredNodePath, resolvedNodePath, componentIdentity, keys, assetKeys, effects, remotionRoot, logLevel, videoConfigValues, }) => {
     if (preferredNodePath) {
         try {
             const fromNodePath = (0, can_update_sequence_props_1.computeSequencePropsStatus)({
@@ -85,6 +85,36 @@ const getSequencePropsStatus = ({ fileName, line, column, preferredNodePath, com
             };
         }
     }
+    if (resolvedNodePath) {
+        try {
+            return {
+                status: (0, can_update_sequence_props_1.computeSequencePropsStatus)({
+                    fileName,
+                    nodePath: resolvedNodePath,
+                    componentIdentity,
+                    keys,
+                    assetKeys,
+                    effects,
+                    remotionRoot,
+                    videoConfigValues,
+                }),
+                nodePath: {
+                    absolutePath: node_path_1.default.resolve(remotionRoot, fileName),
+                    nodePath: resolvedNodePath,
+                    sequenceKeys: keys,
+                    effectKeys: effects,
+                    videoConfigValues,
+                },
+                success: true,
+            };
+        }
+        catch (error) {
+            if (!(error instanceof jsx_component_identity_1.JsxElementIdentityMismatchError ||
+                error instanceof jsx_element_not_found_at_location_error_1.JsxElementNotFoundAtLocationError)) {
+                throw error;
+            }
+        }
+    }
     const status = (0, can_update_sequence_props_1.computeSequencePropsStatusFromFilenameByLocation)({
         fileName,
         line,
@@ -99,13 +129,14 @@ const getSequencePropsStatus = ({ fileName, line, column, preferredNodePath, com
     });
     return status;
 };
-const subscribeToSequencePropsWatchers = ({ fileName, line, column, nodePath: preferredNodePath, componentIdentity, keys, assetKeys, effects, remotionRoot, clientId, logLevel, videoConfigValues, }) => {
+const subscribeToSequencePropsWatchers = ({ fileName, line, column, nodePath: preferredNodePath, resolvedNodePath = null, componentIdentity, keys, assetKeys, effects, remotionRoot, clientId, logLevel, videoConfigValues, }) => {
     var _a;
     const initialResult = getSequencePropsStatus({
         fileName,
         line,
         column,
         preferredNodePath,
+        resolvedNodePath,
         componentIdentity,
         keys,
         assetKeys,

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio-server"
 	},
 	"name": "@remotion/studio-server",
-	"version": "4.0.511",
+	"version": "4.0.513",
 	"description": "Run a Remotion Studio with a server backend",
 	"main": "dist",
 	"scripts": {
@@ -23,7 +23,7 @@
 		"access": "public"
 	},
 	"dependencies": {
-		"@remotion/studio-protocol": "4.0.511",
+		"@remotion/studio-protocol": "4.0.513",
 		"@babel/types": "7.24.0",
 		"@babel/parser": "7.24.1",
 		"@svgr/core": "8.1.0",
@@ -32,12 +32,12 @@
 		"semver": "7.5.3",
 		"zod": "4.4.3",
 		"prettier": "3.8.1",
-		"remotion": "4.0.511",
+		"remotion": "4.0.513",
 		"recast": "0.23.11",
-		"@remotion/bundler": "4.0.511",
-		"@remotion/renderer": "4.0.511",
-		"@remotion/studio-codemods": "4.0.511",
-		"@remotion/studio-shared": "4.0.511",
+		"@remotion/bundler": "4.0.513",
+		"@remotion/renderer": "4.0.513",
+		"@remotion/studio-codemods": "4.0.513",
+		"@remotion/studio-shared": "4.0.513",
 		"memfs": "3.4.3",
 		"open": "8.4.2"
 	},
@@ -45,7 +45,7 @@
 		"ast-types": "0.16.1",
 		"react": "19.2.3",
 		"@types/semver": "7.5.3",
-		"@remotion/eslint-config-internal": "4.0.511",
+		"@remotion/eslint-config-internal": "4.0.513",
 		"eslint": "9.19.0",
 		"@types/node": "20.12.14",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"