@remotion/studio-server 4.0.526 → 4.0.528

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

@@ -33,68 +33,20 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-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;
+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");
 const recast = __importStar(require("recast"));
 const no_react_1 = require("remotion/no-react");
-const parse_ast_1 = require("../../codemods/parse-ast");
-const css_shorthand_properties_1 = require("../../helpers/css-shorthand-properties");
 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_border_radius_shorthand_1 = require("../../helpers/parse-border-radius-shorthand");
 const parse_keyframe_easing_expression_1 = require("../../helpers/parse-keyframe-easing-expression");
 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 video_config_values_1 = require("../../helpers/video-config-values");
 const jsx_component_identity_1 = require("../jsx-component-identity");
 const jsx_element_not_found_at_location_error_1 = require("../jsx-element-not-found-at-location-error");
-const can_update_effect_props_1 = require("./can-update-effect-props");
-// A file write synchronously notifies every sequence subscription. Status
-// 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'
-        ? {}
-        : { numericExpression }),
-});
 const computedStatus = () => ({
     status: 'computed',
 });
@@ -257,6 +209,22 @@ const getInterpolateOutputOption = (node) => {
     }
     return null;
 };
+const getInterpolateOutputType = (node) => {
+    if (node.type === 'StringLiteral') {
+        if (node.value === 'font-weight' ||
+            node.value === 'scale' ||
+            node.value === 'translate' ||
+            node.value === 'rotate' ||
+            node.value === 'transform-origin') {
+            return node.value;
+        }
+        return null;
+    }
+    if (node.type === 'TSAsExpression') {
+        return getInterpolateOutputType(node.expression);
+    }
+    return null;
+};
 const getKeyframeEasing = (node) => (0, parse_keyframe_easing_expression_1.parseKeyframeEasingExpression)(node);
 const getKeyframeEasingArray = ({ easingNode, segments, }) => {
     if (segments === 0) {
@@ -376,6 +344,13 @@ const getInterpolationMetadata = (interpolationFunction, callExpression, keyfram
             output = parsedOutput;
             continue;
         }
+        if (key === 'outputType') {
+            if (interpolationFunction === 'interpolateColors' ||
+                getInterpolateOutputType(value) === null) {
+                return null;
+            }
+            continue;
+        }
         return null;
     }
     return {
@@ -603,28 +578,6 @@ const getFrameDisplayOffsetAdjustmentBetweenPaths = ({ startPath, endPath, video
     }
     return current ? { adjustment, hasEnclosingElement } : null;
 };
-const getDefaultFrameDisplayOffsetAdjustment = ({ jsxPath, videoConfigValues, }) => {
-    var _a;
-    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 resolveCurrentFrameExpression = ({ node, ast, seenDeclarations, }) => {
     var _a;
     if (node.type === 'TSAsExpression') {
@@ -771,58 +724,6 @@ const getComputedStatus = (node, ast, videoConfigValues) => {
     };
 };
 exports.getComputedStatus = getComputedStatus;
-const getPropsStatus = (jsxElement, ast, videoConfigValues, assetKeys) => {
-    const props = {};
-    for (const attr of jsxElement.attributes) {
-        if (attr.type === 'JSXSpreadAttribute') {
-            // The spread may override every prop written before it
-            for (const key of Object.keys(props)) {
-                props[key] = computedStatus();
-            }
-            continue;
-        }
-        if (attr.name.type === 'JSXNamespacedName') {
-            continue;
-        }
-        const { name } = attr.name;
-        if (typeof name !== 'string') {
-            continue;
-        }
-        const { value } = attr;
-        if (!value) {
-            props[name] = staticStatus(true, null);
-            continue;
-        }
-        if (value.type === 'StringLiteral') {
-            props[name] = staticStatus(value.value, null);
-            continue;
-        }
-        if (value.type === 'JSXExpressionContainer') {
-            const { expression } = value;
-            const staticValueOptions = {
-                allowSpecialValues: assetKeys.includes(name),
-            };
-            if (expression.type === 'JSXEmptyExpression') {
-                props[name] = computedStatus();
-                continue;
-            }
-            if (!(0, exports.isStaticValue)(expression, staticValueOptions)) {
-                const numericExpression = (0, video_config_numeric_expression_1.parseVideoConfigNumericExpression)({
-                    node: expression,
-                    videoConfigValues,
-                });
-                props[name] = numericExpression
-                    ? staticStatus(numericExpression.value, numericExpression)
-                    : (0, exports.getComputedStatus)(expression, ast, videoConfigValues);
-                continue;
-            }
-            props[name] = staticStatus((0, exports.extractStaticValue)(expression, staticValueOptions), null);
-            continue;
-        }
-        props[name] = computedStatus();
-    }
-    return props;
-};
 const getNodePathForRecastPath = (
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 recastPath, ast) => {
@@ -1026,382 +927,46 @@ const resolveSequencePropsNodePathsFromFilename = ({ fileName, targets, remotion
         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+/);
-    if (parts.length >= 1 && parts.length <= 3) {
-        return parts.every((part) => PIXEL_VALUE_REGEX.test(part));
-    }
-    return false;
-};
-const validateStyleValue = (childKey, value) => {
-    if (childKey === 'translate' && typeof value === 'string') {
-        return isSupportedTranslateValue(value);
-    }
-    return true;
-};
-const getObjectPropertyName = (property) => {
-    if (property.key.type === 'Identifier') {
-        return property.key.name;
-    }
-    if (property.key.type === 'StringLiteral') {
-        return property.key.value;
-    }
-    return null;
-};
-const BORDER_RADIUS_SHORTHAND = 'borderRadius';
-const BORDER_RADIUS_LONGHANDS = [
-    'borderTopLeftRadius',
-    'borderTopRightRadius',
-    'borderBottomRightRadius',
-    'borderBottomLeftRadius',
-];
-const BORDER_RADIUS_PROPERTIES = new Set([
-    BORDER_RADIUS_SHORTHAND,
-    ...BORDER_RADIUS_LONGHANDS,
-]);
-const hasMixedBorderRadiusRepresentation = (jsxElement) => {
-    var _a;
-    const style = jsxElement.attributes.find((attribute) => attribute.type === 'JSXAttribute' &&
-        attribute.name.type !== 'JSXNamespacedName' &&
-        attribute.name.name === 'style');
-    if (!style ||
-        style.type !== 'JSXAttribute' ||
-        ((_a = style.value) === null || _a === void 0 ? void 0 : _a.type) !== 'JSXExpressionContainer' ||
-        style.value.expression.type !== 'ObjectExpression') {
-        return false;
-    }
-    let hasShorthand = false;
-    let hasLonghand = false;
-    for (const property of style.value.expression.properties) {
-        if (property.type !== 'ObjectProperty') {
-            continue;
-        }
-        const name = getObjectPropertyName(property);
-        hasShorthand || (hasShorthand = name === BORDER_RADIUS_SHORTHAND);
-        hasLonghand || (hasLonghand = BORDER_RADIUS_LONGHANDS.some((longhand) => longhand === name));
-    }
-    return hasShorthand && hasLonghand;
-};
-const getUniformBorderRadius = (value) => {
-    const parsed = (0, parse_border_radius_shorthand_1.parseBorderRadiusShorthand)(value);
-    if (!parsed) {
-        return null;
-    }
-    const values = Object.values(parsed);
-    return values.every((radius) => radius === values[0]) ? values[0] : null;
-};
-const getBorderRadiusShorthandStatus = ({ propValue, ast, videoConfigValues, }) => {
-    if ((0, exports.isStaticValue)(propValue)) {
-        const uniform = getUniformBorderRadius((0, exports.extractStaticValue)(propValue));
-        return uniform === null ? computedStatus() : staticStatus(uniform, null);
-    }
-    const numericExpression = (0, video_config_numeric_expression_1.parseVideoConfigNumericExpression)({
-        node: propValue,
-        videoConfigValues,
+    const nodes = (0, codemods_1.getJsxNodes)({
+        project: { rootDir: remotionRoot, files: { [absolutePath]: fileContents } },
+        filePath: absolutePath,
     });
-    if (numericExpression !== null && numericExpression.value >= 0) {
-        return staticStatus(numericExpression.value, numericExpression);
-    }
-    const computed = (0, exports.getComputedStatus)(propValue, ast, videoConfigValues);
-    if (computed.status === 'keyframed' &&
-        computed.interpolationFunction === 'interpolate' &&
-        computed.keyframes.every((keyframe) => typeof keyframe.value === 'number' &&
-            Number.isFinite(keyframe.value) &&
-            keyframe.value >= 0)) {
-        return computed;
-    }
-    return computedStatus();
-};
-const getNestedPropStatus = ({ jsxElement, ast, parentKey, childKey, videoConfigValues, allowSpecialValues, lastSpreadIndex, }) => {
-    const attrIndex = jsxElement.attributes.findIndex((a) => a.type !== 'JSXSpreadAttribute' &&
-        a.name.type !== 'JSXNamespacedName' &&
-        a.name.name === parentKey);
-    const attr = attrIndex === -1
-        ? undefined
-        : jsxElement.attributes[attrIndex];
-    if (attrIndex !== -1 && attrIndex < lastSpreadIndex) {
-        // A later spread may replace the whole parent object
-        return computedStatus();
-    }
-    if (!attr) {
-        if (lastSpreadIndex !== -1) {
-            // The spread may provide the parent object
-            return computedStatus();
-        }
-        // Parent attribute doesn't exist, nested prop can be added
-        return staticStatus(undefined, null);
-    }
-    if (!attr.value) {
-        return staticStatus(undefined, null);
-    }
-    if (attr.value.type !== 'JSXExpressionContainer') {
-        return computedStatus();
-    }
-    const { expression } = attr.value;
-    if (expression.type === 'JSXEmptyExpression' ||
-        expression.type !== 'ObjectExpression') {
-        // Parent is not an object literal (e.g. style={myStyles})
-        return computedStatus();
-    }
-    const objExpr = expression;
-    const cssShorthand = (0, css_shorthand_properties_1.getCssShorthandForLonghand)({
-        parentKey,
-        longhand: childKey,
-    });
-    if (cssShorthand &&
-        objExpr.properties.some((property) => {
-            if (property.type !== 'ObjectProperty') {
-                return false;
-            }
-            const propertyName = getObjectPropertyName(property);
-            return (propertyName !== null &&
-                cssShorthand.isUnsupportedProperty(propertyName));
-        })) {
-        return computedStatus();
-    }
-    let prop;
-    for (let index = objExpr.properties.length - 1; index >= 0; index--) {
-        const candidate = objExpr.properties[index];
-        if (candidate.type === 'SpreadElement') {
-            return computedStatus();
-        }
-        if (candidate.type === 'ObjectProperty' &&
-            (getObjectPropertyName(candidate) === childKey ||
-                getObjectPropertyName(candidate) === (cssShorthand === null || cssShorthand === void 0 ? void 0 : cssShorthand.shorthand))) {
-            prop = candidate;
-            break;
-        }
-    }
-    if (prop &&
-        cssShorthand &&
-        getObjectPropertyName(prop) === cssShorthand.shorthand) {
-        const shorthandValue = prop.value;
-        if (!(0, exports.isStaticValue)(shorthandValue, { allowSpecialValues: false })) {
-            return computedStatus();
-        }
-        const staticShorthandValue = (0, exports.extractStaticValue)(shorthandValue, {
-            allowSpecialValues: false,
-        });
-        const parsed = cssShorthand.parse(staticShorthandValue);
-        return parsed ? staticStatus(parsed[childKey], null) : computedStatus();
-    }
-    if (!prop) {
-        // Property not set in the object, can be added
-        return staticStatus(undefined, null);
-    }
-    const propValue = prop.value;
-    if (parentKey === 'style' && childKey === BORDER_RADIUS_SHORTHAND) {
-        return getBorderRadiusShorthandStatus({
-            propValue,
-            ast,
-            videoConfigValues,
+    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 staticValueOptions = { allowSpecialValues };
-    if (!(0, exports.isStaticValue)(propValue, staticValueOptions)) {
-        const numericExpression = (0, video_config_numeric_expression_1.parseVideoConfigNumericExpression)({
-            node: propValue,
-            videoConfigValues,
+        const exactMatches = lineMatches.filter((node) => {
+            var _a;
+            return ((_a = node.location) === null || _a === void 0 ? void 0 : _a.column) === column;
         });
-        return numericExpression
-            ? staticStatus(numericExpression.value, numericExpression)
-            : (0, exports.getComputedStatus)(propValue, ast, videoConfigValues);
-    }
-    const propStatus = (0, exports.extractStaticValue)(propValue, staticValueOptions);
-    if (!validateStyleValue(childKey, propStatus)) {
-        return computedStatus();
-    }
-    return staticStatus(propStatus, null);
-};
-const computeEffectsForJsx = ({ ast, jsxElement, effects, videoConfigValues, }) => {
-    return effects.map((effect, effectIndex) => (0, can_update_effect_props_1.computeEffectPropStatus)({
-        ast,
-        jsx: jsxElement,
-        effectIndex,
-        keys: effect,
-        videoConfigValues,
-    }));
-};
-const computeSequenceOnlyPropsRecord = ({ jsxElement, jsxElementNode, ast, keys, assetKeys, videoConfigValues, }) => {
-    // A JSX spread attribute ({...props}) is invisible to the parser and may
-    // set or override every prop that is not explicitly written after it.
-    // Affected props are treated as computed so the runtime values pass
-    // through untouched and Visual Mode does not offer to edit them.
-    // Attributes written after the last spread win at runtime and can be
-    // parsed as usual.
-    const lastSpreadIndex = jsxElement.attributes.reduce((highest, attr, index) => attr.type === 'JSXSpreadAttribute' ? index : highest, -1);
-    const allProps = getPropsStatus(jsxElement, ast, videoConfigValues, assetKeys);
-    const filteredProps = {};
-    const mixedBorderRadius = hasMixedBorderRadiusRepresentation(jsxElement);
-    for (const key of keys) {
-        if (mixedBorderRadius &&
-            key.startsWith('style.') &&
-            BORDER_RADIUS_PROPERTIES.has(key.slice('style.'.length))) {
-            filteredProps[key] = computedStatus();
-            continue;
-        }
-        if (key === 'children') {
-            const childrenAttrIndex = jsxElement.attributes.findIndex((attr) => attr.type === 'JSXAttribute' &&
-                attr.name.type === 'JSXIdentifier' &&
-                attr.name.name === 'children');
-            if (childrenAttrIndex !== -1 && childrenAttrIndex < lastSpreadIndex) {
-                // A later spread may override the children attribute
-                filteredProps[key] = computedStatus();
-                continue;
-            }
-            const staticChildrenAttribute = (0, exports.getStaticJsxChildrenAttribute)(jsxElement);
-            if (staticChildrenAttribute) {
-                filteredProps[key] = staticStatus(staticChildrenAttribute.value, null);
-                continue;
-            }
-            if ((0, exports.hasJsxChildrenAttribute)(jsxElement)) {
-                filteredProps[key] = computedStatus();
-                continue;
-            }
-            // JSX element children are compiled after any spread and win over
-            // it. Only if the element body is empty may the spread provide the
-            // children.
-            const hasMeaningfulJsxChildren = jsxElementNode.children.some((candidate) => !(candidate.type === 'JSXText' && candidate.value.trim() === ''));
-            if (!hasMeaningfulJsxChildren && lastSpreadIndex !== -1) {
-                filteredProps[key] = computedStatus();
-                continue;
-            }
-            const staticTextContent = (0, exports.getStaticJsxTextContent)(jsxElementNode);
-            filteredProps[key] = staticTextContent
-                ? staticStatus(staticTextContent.value, null)
-                : computedStatus();
-            continue;
-        }
-        const dotIndex = key.indexOf('.');
-        if (dotIndex !== -1) {
-            filteredProps[key] = getNestedPropStatus({
-                jsxElement,
-                ast,
-                parentKey: key.slice(0, dotIndex),
-                childKey: key.slice(dotIndex + 1),
-                videoConfigValues,
-                allowSpecialValues: assetKeys.includes(key),
-                lastSpreadIndex,
-            });
-        }
-        else if (key in allProps) {
-            filteredProps[key] = allProps[key];
-        }
-        else if (lastSpreadIndex !== -1) {
-            // The spread may provide this prop
-            filteredProps[key] = computedStatus();
-        }
-        else {
-            filteredProps[key] = staticStatus(undefined, null);
-        }
-    }
-    return filteredProps;
-};
-const computeSequencePropsStatusFromAstAndIdentifiers = ({ ast, nodePath, componentIdentity, keys, assetKeys, effects, videoConfigIdentifierValues, }) => {
-    var _a;
-    const jsxPath = (0, exports.findJsxElementPathAtNodePath)(ast, nodePath);
-    const jsxElementNode = jsxPath ? getJsxElementNodeFromJsxPath(jsxPath) : null;
-    const jsxElement = (_a = jsxElementNode === null || jsxElementNode === void 0 ? void 0 : jsxElementNode.openingElement) !== null && _a !== void 0 ? _a : null;
-    if (!jsxPath || !jsxElement || !jsxElementNode) {
-        throw new jsx_element_not_found_at_location_error_1.JsxElementNotFoundAtLocationError();
-    }
-    if (!(0, jsx_component_identity_1.jsxComponentIdentitiesMatch)({
-        expected: componentIdentity,
-        actual: (0, jsx_component_identity_1.getJsxComponentIdentity)({ ast, jsxElement }),
-    })) {
-        throw new jsx_component_identity_1.JsxElementIdentityMismatchError();
-    }
-    const filteredProps = computeSequenceOnlyPropsRecord({
-        jsxElement,
-        jsxElementNode,
-        ast,
-        keys,
-        assetKeys,
-        videoConfigValues: videoConfigIdentifierValues,
-    });
-    const effectsStatuses = computeEffectsForJsx({
-        ast,
-        jsxElement,
-        effects,
-        videoConfigValues: videoConfigIdentifierValues,
-    });
-    const defaultKeyframeDisplayOffsetAdjustment = getDefaultFrameDisplayOffsetAdjustment({
-        jsxPath,
-        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: 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,
-        }),
+        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);
     });
 };
-exports.computeSequencePropsStatusFromAst = computeSequencePropsStatusFromAst;
+exports.resolveSequencePropsNodePathsFromFilename = resolveSequencePropsNodePathsFromFilename;
 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,
+    try {
+        return (0, codemods_1.getJsxNodeProps)({
+            project: { rootDir: '/', files: { 'source.tsx': fileContents } },
+            node: { filePath: 'source.tsx', nodePath },
+            componentIdentity,
+            keys,
+            assetKeys,
+            effectKeys: effects,
+            videoConfig: videoConfigValues !== null && videoConfigValues !== void 0 ? videoConfigValues : undefined,
         });
-        cachedAst.videoConfigIdentifierValues.set(videoConfigCacheKey, videoConfigIdentifierValues);
     }
-    return computeSequencePropsStatusFromAstAndIdentifiers({
-        ast,
-        nodePath,
-        componentIdentity,
-        keys,
-        assetKeys,
-        effects,
-        videoConfigIdentifierValues,
-    });
+    catch (error) {
+        if (error instanceof codemods_1.CodemodsInternals.JsxElementIdentityMismatchError) {
+            throw new jsx_component_identity_1.JsxElementIdentityMismatchError();
+        }
+        if (error instanceof codemods_1.CodemodsInternals.JsxElementNotFoundAtLocationError) {
+            throw new jsx_element_not_found_at_location_error_1.JsxElementNotFoundAtLocationError();
+        }
+        throw error;
+    }
 };
 exports.computeSequencePropsStatusFromContent = computeSequencePropsStatusFromContent;
 const computeSequencePropsStatus = ({ fileName, nodePath, componentIdentity, keys, assetKeys = [], effects, remotionRoot, videoConfigValues, }) => {
@@ -1429,9 +994,11 @@ const computeSequencePropsStatusFromFilenameByLocation = ({ fileName, line, colu
             fileName,
             action: 'read',
         });
-        const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
-        const { ast } = getCachedSequencePropsStatusAst(fileContents);
-        const resolvedNodePath = (0, exports.lineColumnToNodePath)(ast, line, column, fileContents);
+        const [resolvedNodePath] = (0, exports.resolveSequencePropsNodePathsFromFilename)({
+            fileName,
+            targets: [{ line, column }],
+            remotionRoot,
+        });
         if (!resolvedNodePath) {
             return {
                 status: {

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

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.deleteEffectHandler = void 0;
 const node_fs_1 = require("node:fs");
+const codemods_1 = require("@remotion/codemods");
 const renderer_1 = require("@remotion/renderer");
-const delete_effect_1 = require("../../codemods/delete-effect");
 const file_watcher_1 = require("../../file-watcher");
 const resolve_file_inside_project_1 = require("../../helpers/resolve-file-inside-project");
 const format_log_file_location_1 = require("../format-log-file-location");
@@ -32,25 +32,27 @@ const deleteEffectHandler = ({ input: effects, remotionRoot, logLevel }) => {
                 itemsByFileName.set(item.fileName, fileItems);
             }
             const updates = await Promise.all([...itemsByFileName.entries()].map(async ([fileName, fileItems]) => {
+                var _a;
+                var _b;
                 const { absolutePath, fileRelativeToRoot } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
                     remotionRoot,
                     fileName,
                     action: 'modify',
                 });
                 const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
-                const { output, formatted, effectLabels, logLines } = await (0, delete_effect_1.deleteEffects)({
-                    input: fileContents,
-                    effects: fileItems.map((item) => item.type === 'single-effect'
-                        ? {
-                            type: 'single-effect',
-                            sequenceNodePath: item.sequenceNodePath.nodePath,
-                            effectIndex: item.effectIndex,
-                        }
-                        : {
-                            type: 'all-effects',
-                            sequenceNodePath: item.sequenceNodePath.nodePath,
-                        }),
+                const result = await (0, codemods_1.deleteEffects)({
+                    project: {
+                        files: { [absolutePath]: fileContents },
+                        rootDir: remotionRoot,
+                    },
+                    effects: fileItems.map((item) => ({
+                        filePath: absolutePath,
+                        nodePath: item.sequenceNodePath.nodePath,
+                        effectIndex: item.type === 'all-effects' ? null : item.effectIndex,
+                    })),
                 });
+                const output = (_b = (_a = result.changes[0]) === null || _a === void 0 ? void 0 : _a.nextContents) !== null && _b !== void 0 ? _b : fileContents;
+                const { formatted, effectLabels, logLines } = result.editDetails[0];
                 return {
                     absolutePath,
                     fileRelativeToRoot,

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

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