@remotion/studio-server 4.0.501 → 4.0.503

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

@@ -1,727 +1,20 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.updateSequenceProps = exports.updateMultipleSequenceProps = exports.updateSequencePropsAst = void 0;
-const recast = __importStar(require("recast"));
-const no_react_1 = require("remotion/no-react");
-const css_shorthand_properties_1 = require("../../helpers/css-shorthand-properties");
-const video_config_numeric_expression_1 = require("../../helpers/video-config-numeric-expression");
-const video_config_values_1 = require("../../helpers/video-config-values");
-const can_update_sequence_props_1 = require("../../preview-server/routes/can-update-sequence-props");
+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 parse_ast_1 = require("../parse-ast");
-const update_nested_prop_1 = require("../update-nested-prop");
-const b = recast.types.builders;
-const removeVariantKey = ({ node, variantKey, }) => {
-    var _a;
-    const dotIndex = variantKey.indexOf('.');
-    if (dotIndex === -1) {
-        const idx = (_a = node.attributes) === null || _a === void 0 ? void 0 : _a.findIndex((a) => a.type === 'JSXAttribute' &&
-            a.name.type === 'JSXIdentifier' &&
-            a.name.name === variantKey);
-        if (idx !== undefined && idx !== -1 && node.attributes) {
-            node.attributes.splice(idx, 1);
-        }
-        return;
-    }
-    (0, update_nested_prop_1.updateNestedProp)({
-        node,
-        parentKey: variantKey.slice(0, dotIndex),
-        childKey: variantKey.slice(dotIndex + 1),
-        value: undefined,
-        defaultValue: null,
-        isDefault: true,
-        createValueExpression: null,
-    });
-};
-const snapshotTopLevelAttrs = (node) => {
-    var _a;
-    const result = new Map();
-    for (const a of (_a = node.attributes) !== null && _a !== void 0 ? _a : []) {
-        if (a.type === 'JSXAttribute' && a.name.type === 'JSXIdentifier') {
-            const { name } = a.name;
-            const printed = recast
-                .print(a)
-                .code.replace(/\s+/g, ' ')
-                .replace(/,(\s*[}\]])/g, '$1')
-                .trim();
-            const prefix = `${name}=`;
-            let valueOnly = printed.startsWith(prefix)
-                ? printed.slice(prefix.length)
-                : printed;
-            if (valueOnly.startsWith('{') && valueOnly.endsWith('}')) {
-                valueOnly = valueOnly.slice(1, -1).trim();
-            }
-            result.set(name, valueOnly);
-        }
-    }
-    return result;
-};
-const escapeJsxText = (value) => {
-    return value
-        .replace(/&/g, '&amp;')
-        .replace(/</g, '&lt;')
-        .replace(/>/g, '&gt;')
-        .replace(/{/g, '&#123;')
-        .replace(/}/g, '&#125;');
-};
-const findChildrenAttribute = (node) => {
-    var _a;
-    return (_a = node.attributes) === null || _a === void 0 ? void 0 : _a.find((attr) => {
-        return (attr.type === 'JSXAttribute' &&
-            attr.name.type === 'JSXIdentifier' &&
-            attr.name.name === 'children');
-    });
-};
-const updateJsxTextContent = ({ jsxElement, value, }) => {
-    const nextValue = String(value !== null && value !== void 0 ? value : '');
-    const staticChildrenAttribute = (0, can_update_sequence_props_1.getStaticJsxChildrenAttribute)(jsxElement.openingElement);
-    if (staticChildrenAttribute) {
-        const childrenAttribute = findChildrenAttribute(jsxElement.openingElement);
-        if (!childrenAttribute) {
-            throw new Error('Expected static children attribute to exist');
-        }
-        childrenAttribute.value = b.stringLiteral(nextValue);
-        return staticChildrenAttribute.value;
-    }
-    if ((0, can_update_sequence_props_1.hasJsxChildrenAttribute)(jsxElement.openingElement)) {
-        throw new Error('Cannot update text content because the children attribute is not static text');
-    }
-    const staticTextContent = (0, can_update_sequence_props_1.getStaticJsxTextContent)(jsxElement);
-    if (!staticTextContent) {
-        throw new Error('Cannot update text content because JSX children are not static text');
-    }
-    const canRepresentAsJsxText = staticTextContent.kind === 'jsx-text' &&
-        !nextValue.includes('\n') &&
-        nextValue.trim() === nextValue;
-    if (canRepresentAsJsxText) {
-        jsxElement.children = [
-            b.jsxText(escapeJsxText(nextValue)),
-        ];
-    }
-    else {
-        jsxElement.children = [
-            b.jsxExpressionContainer(b.stringLiteral(nextValue)),
-        ];
-    }
-    return staticTextContent.value;
-};
-const collectTopLevelIdentifierNames = (ast) => {
-    const names = new Set();
-    recast.types.visit(ast, {
-        visitIdentifier(path) {
-            names.add(path.node.name);
-            this.traverse(path);
-        },
-    });
-    return names;
-};
-const toSafeIdentifier = (value) => {
-    const sanitized = value.replace(/[^a-zA-Z0-9_$]/g, '');
-    if (!sanitized) {
-        return 'loadGoogleFont';
-    }
-    return /^[a-zA-Z_$]/.test(sanitized) ? sanitized : `_${sanitized}`;
-};
-const getSafeLoadFontIdentifier = ({ font, usedNames, }) => {
-    const baseName = toSafeIdentifier(`load${font.importName}`);
-    if (!usedNames.has(baseName)) {
-        usedNames.add(baseName);
-        return baseName;
-    }
-    let index = 2;
-    while (usedNames.has(`${baseName}${index}`)) {
-        index++;
-    }
-    const name = `${baseName}${index}`;
-    usedNames.add(name);
-    return name;
-};
-const getImportedLoadFontIdentifier = ({ ast, font, }) => {
-    var _a;
-    var _b, _c;
-    const moduleName = `@remotion/google-fonts/${font.importName}`;
-    for (const statement of ast.program.body) {
-        if (statement.type !== 'ImportDeclaration' ||
-            statement.source.value !== moduleName) {
-            continue;
-        }
-        for (const specifier of (_b = statement.specifiers) !== null && _b !== void 0 ? _b : []) {
-            if (specifier.type === 'ImportSpecifier' &&
-                specifier.imported.type === 'Identifier' &&
-                specifier.imported.name === 'loadFont') {
-                return (_c = (_a = specifier.local) === null || _a === void 0 ? void 0 : _a.name) !== null && _c !== void 0 ? _c : 'loadFont';
-            }
-        }
-    }
-    return null;
-};
-const getInsertIndexAfterImportsOrDirectives = (ast) => {
-    const lastImportIndex = ast.program.body.reduce((lastIndex, statement, index) => {
-        return statement.type === 'ImportDeclaration' ? index : lastIndex;
-    }, -1);
-    if (lastImportIndex !== -1) {
-        return lastImportIndex + 1;
-    }
-    return ast.program.body.findIndex((statement) => {
-        return !(statement.type === 'ExpressionStatement' &&
-            'directive' in statement &&
-            statement.directive);
-    });
-};
-const insertAfterImportsOrDirectives = (ast, statement) => {
-    const insertIndex = getInsertIndexAfterImportsOrDirectives(ast);
-    ast.program.body.splice(insertIndex === -1 ? ast.program.body.length : insertIndex, 0, statement);
-};
-const ensureLoadFontImport = ({ ast, font, usedNames, }) => {
-    var _a;
-    var _b;
-    const existing = getImportedLoadFontIdentifier({ ast, font });
-    if (existing) {
-        return existing;
-    }
-    const moduleName = `@remotion/google-fonts/${font.importName}`;
-    const localName = getSafeLoadFontIdentifier({ font, usedNames });
-    const specifier = b.importSpecifier(b.identifier('loadFont'), b.identifier(localName));
-    for (const statement of ast.program.body) {
-        if (statement.type === 'ImportDeclaration' &&
-            statement.source.value === moduleName &&
-            !((_a = statement.specifiers) === null || _a === void 0 ? void 0 : _a.some((existingSpecifier) => existingSpecifier.type === 'ImportNamespaceSpecifier'))) {
-            statement.specifiers = [
-                ...((_b = statement.specifiers) !== null && _b !== void 0 ? _b : []),
-                specifier,
-            ];
-            return localName;
-        }
-    }
-    const declaration = b.importDeclaration([specifier], b.stringLiteral(moduleName));
-    insertAfterImportsOrDirectives(ast, declaration);
-    return localName;
-};
-const getStringArrayObjectProperty = ({ node, key, }) => {
-    if (node.type !== 'ObjectExpression') {
-        return null;
-    }
-    const property = node.properties.find((prop) => {
-        return (prop.type === 'ObjectProperty' &&
-            prop.key.type === 'Identifier' &&
-            prop.key.name === key);
-    });
-    if (!property || property.type !== 'ObjectProperty') {
-        return null;
-    }
-    if (property.value.type !== 'ArrayExpression') {
-        return null;
-    }
-    const values = [];
-    for (const element of property.value.elements) {
-        if (!element || element.type !== 'StringLiteral') {
-            return null;
-        }
-        values.push(element.value);
-    }
-    return values;
-};
-const arraysEqual = (a, bValues) => {
-    return (a.length === bValues.length &&
-        a.every((value, index) => value === bValues[index]));
-};
-const isMatchingLoadFontCall = ({ statement, localName, font, }) => {
-    if (statement.type !== 'ExpressionStatement' ||
-        statement.expression.type !== 'CallExpression' ||
-        statement.expression.callee.type !== 'Identifier' ||
-        statement.expression.callee.name !== localName) {
-        return false;
-    }
-    const [style, options] = statement.expression.arguments;
-    if ((style === null || style === void 0 ? void 0 : style.type) !== 'StringLiteral' || style.value !== font.style) {
-        return false;
-    }
-    if (!options || options.type !== 'ObjectExpression') {
-        return false;
-    }
-    const weights = getStringArrayObjectProperty({ node: options, key: 'weights' });
-    const subsets = getStringArrayObjectProperty({ node: options, key: 'subsets' });
-    return (weights !== null &&
-        subsets !== null &&
-        arraysEqual(weights, font.weights) &&
-        arraysEqual(subsets, font.subsets));
-};
-const hasTopLevelLoadFontCall = ({ ast, localName, font, }) => {
-    return ast.program.body.some((statement) => {
-        return isMatchingLoadFontCall({ statement, localName, font });
-    });
-};
-const getGoogleFontImportName = (moduleName) => {
-    const prefix = '@remotion/google-fonts/';
-    return moduleName.startsWith(prefix) ? moduleName.slice(prefix.length) : null;
-};
-const normalizeFontFamilyName = (fontFamily) => {
-    return fontFamily.toLowerCase().replace(/[^a-z0-9]/g, '');
-};
-const getPrimaryFontFamilyName = (fontFamily) => {
-    const trimmed = fontFamily.trim();
-    if (!trimmed) {
-        return null;
-    }
-    const quote = trimmed[0];
-    if (quote === '"' || quote === "'") {
-        const closingQuote = trimmed.indexOf(quote, 1);
-        return closingQuote === -1
-            ? trimmed.slice(1)
-            : trimmed.slice(1, closingQuote);
-    }
-    return trimmed.split(',')[0].trim();
-};
-const collectUsedFontFamilyNames = (ast) => {
-    const used = new Set();
-    const add = (fontFamily) => {
-        const primary = getPrimaryFontFamilyName(fontFamily);
-        if (primary) {
-            used.add(normalizeFontFamilyName(primary));
-        }
-    };
-    recast.types.visit(ast, {
-        visitObjectProperty(path) {
-            var _a;
-            const { node } = path;
-            if (node.key.type === 'Identifier' && node.key.name === 'fontFamily') {
-                if (node.value.type === 'StringLiteral') {
-                    add(node.value.value);
-                }
-                if (node.value.type === 'TemplateLiteral' &&
-                    node.value.expressions.length === 0 &&
-                    node.value.quasis.length === 1) {
-                    add((_a = node.value.quasis[0].value.cooked) !== null && _a !== void 0 ? _a : node.value.quasis[0].value.raw);
-                }
-            }
-            this.traverse(path);
-        },
-        visitJSXAttribute(path) {
-            var _a;
-            const { node } = path;
-            if (node.name.type === 'JSXIdentifier' &&
-                node.name.name === 'fontFamily' &&
-                ((_a = node.value) === null || _a === void 0 ? void 0 : _a.type) === 'StringLiteral') {
-                add(node.value.value);
-            }
-            this.traverse(path);
-        },
-    });
-    return used;
-};
-const isIdentifierImportedBySpecifier = ({ parent, name, }) => {
-    return (parent !== null &&
-        typeof parent === 'object' &&
-        'type' in parent &&
-        parent.type === 'ImportSpecifier' &&
-        'local' in parent &&
-        parent.local !== null &&
-        typeof parent.local === 'object' &&
-        'type' in parent.local &&
-        parent.local.type === 'Identifier' &&
-        'name' in parent.local &&
-        parent.local.name === name);
-};
-const hasNonImportIdentifierReference = ({ ast, name, }) => {
-    let hasReference = false;
-    recast.types.visit(ast, {
-        visitIdentifier(path) {
-            if (path.node.name !== name) {
-                this.traverse(path);
-                return;
-            }
-            if (isIdentifierImportedBySpecifier({ parent: path.parent.node, name })) {
-                this.traverse(path);
-                return;
-            }
-            hasReference = true;
-            return false;
-        },
-    });
-    return hasReference;
-};
-const googleFontLoadingComment = 'Remotion Studio generated Google Font loading';
-const hasStudioGeneratedGoogleFontLoadingComment = (statement) => {
-    var _a;
-    return ((_a = statement.leadingComments) !== null && _a !== void 0 ? _a : []).some((comment) => comment.value.includes(googleFontLoadingComment));
-};
-const isTopLevelCallToIdentifier = ({ statement, localName, }) => {
-    return (statement.type === 'ExpressionStatement' &&
-        statement.expression.type === 'CallExpression' &&
-        statement.expression.callee.type === 'Identifier' &&
-        statement.expression.callee.name === localName);
-};
-const removeUnusedGoogleFontSourceEdits = (ast) => {
-    var _a;
-    var _b, _c;
-    const usedFonts = collectUsedFontFamilyNames(ast);
-    const loadFontLocalNamesToRemove = new Set();
-    for (const statement of ast.program.body) {
-        if (statement.type !== 'ImportDeclaration' ||
-            typeof statement.source.value !== 'string') {
-            continue;
-        }
-        const importName = getGoogleFontImportName(statement.source.value);
-        if (!importName) {
-            continue;
-        }
-        if (usedFonts.has(normalizeFontFamilyName(importName))) {
-            continue;
-        }
-        for (const specifier of (_b = statement.specifiers) !== null && _b !== void 0 ? _b : []) {
-            if (specifier.type === 'ImportSpecifier' &&
-                specifier.imported.type === 'Identifier' &&
-                specifier.imported.name === 'loadFont') {
-                loadFontLocalNamesToRemove.add((_c = (_a = specifier.local) === null || _a === void 0 ? void 0 : _a.name) !== null && _c !== void 0 ? _c : 'loadFont');
-            }
-        }
-    }
-    if (loadFontLocalNamesToRemove.size === 0) {
-        return;
-    }
-    ast.program.body = ast.program.body.filter((statement) => {
-        for (const localName of loadFontLocalNamesToRemove) {
-            if (isTopLevelCallToIdentifier({ statement, localName }) &&
-                hasStudioGeneratedGoogleFontLoadingComment(statement)) {
-                return false;
-            }
-        }
-        return true;
-    });
-    ast.program.body = ast.program.body.filter((statement) => {
-        var _a;
-        if (statement.type !== 'ImportDeclaration') {
-            return true;
-        }
-        statement.specifiers = ((_a = statement.specifiers) !== null && _a !== void 0 ? _a : []).filter((specifier) => {
-            var _a, _b;
-            var _c, _d;
-            return !(specifier.type === 'ImportSpecifier' &&
-                specifier.imported.type === 'Identifier' &&
-                specifier.imported.name === 'loadFont' &&
-                loadFontLocalNamesToRemove.has((_c = (_a = specifier.local) === null || _a === void 0 ? void 0 : _a.name) !== null && _c !== void 0 ? _c : 'loadFont') &&
-                !hasNonImportIdentifierReference({
-                    ast,
-                    name: (_d = (_b = specifier.local) === null || _b === void 0 ? void 0 : _b.name) !== null && _d !== void 0 ? _d : 'loadFont',
-                }));
-        });
-        return statement.specifiers.length > 0;
-    });
-};
-const insertLoadFontCall = ({ ast, font, localName, }) => {
-    if (hasTopLevelLoadFontCall({ ast, localName, font })) {
-        return;
-    }
-    const call = b.expressionStatement(b.callExpression(b.identifier(localName), [
-        b.stringLiteral(font.style),
-        b.objectExpression([
-            b.objectProperty(b.identifier('weights'), b.arrayExpression(font.weights.map((weight) => b.stringLiteral(weight)))),
-            b.objectProperty(b.identifier('subsets'), b.arrayExpression(font.subsets.map((subset) => b.stringLiteral(subset)))),
-        ]),
-    ]));
-    call.comments = [b.commentLine(` ${googleFontLoadingComment}`)];
-    insertAfterImportsOrDirectives(ast, call);
-};
-const applyGoogleFontSourceEdits = ({ ast, updates, }) => {
-    const fonts = new Map();
-    let hasFontFamilyUpdate = false;
-    for (const update of updates) {
-        if (update.key === 'style.fontFamily') {
-            hasFontFamilyUpdate = true;
-        }
-        if (update.googleFont) {
-            fonts.set(update.googleFont.importName, update.googleFont);
-        }
-    }
-    const usedNames = collectTopLevelIdentifierNames(ast);
-    for (const font of fonts.values()) {
-        const localName = ensureLoadFontImport({ ast, font, usedNames });
-        insertLoadFontCall({ ast, font, localName });
-    }
-    if (hasFontFamilyUpdate) {
-        removeUnusedGoogleFontSourceEdits(ast);
-    }
-};
-const migrateCssShorthand = ({ node, cssShorthand, }) => {
-    var _a, _b, _c;
-    var _d;
-    const styleAttribute = (_a = node.attributes) === null || _a === void 0 ? void 0 : _a.find((attribute) => attribute.type === 'JSXAttribute' &&
-        attribute.name.type === 'JSXIdentifier' &&
-        attribute.name.name === 'style');
-    if ((styleAttribute === null || styleAttribute === void 0 ? void 0 : styleAttribute.type) !== 'JSXAttribute' ||
-        ((_b = styleAttribute.value) === null || _b === void 0 ? void 0 : _b.type) !== 'JSXExpressionContainer' ||
-        styleAttribute.value.expression.type !== 'ObjectExpression') {
-        return;
-    }
-    const { properties } = styleAttribute.value.expression;
-    for (let index = 0; index < properties.length; index++) {
-        const property = properties[index];
-        if (property.type !== 'ObjectProperty' ||
-            !((property.key.type === 'Identifier' &&
-                property.key.name === cssShorthand.shorthand) ||
-                (property.key.type === 'StringLiteral' &&
-                    property.key.value === cssShorthand.shorthand))) {
-            continue;
-        }
-        const shorthandValue = property.value.type === 'StringLiteral'
-            ? property.value.value
-            : property.value.type === 'NumericLiteral'
-                ? property.value.value
-                : property.value.type === 'TemplateLiteral' &&
-                    property.value.expressions.length === 0
-                    ? ((_d = (_c = property.value.quasis[0]) === null || _c === void 0 ? void 0 : _c.value.cooked) !== null && _d !== void 0 ? _d : null)
-                    : null;
-        if (shorthandValue === null) {
-            continue;
-        }
-        const parsed = cssShorthand.parse(shorthandValue);
-        if (!parsed) {
-            continue;
-        }
-        properties.splice(index, 1, ...cssShorthand.longhands.map((longhand) => {
-            const value = parsed[longhand];
-            return b.objectProperty(b.identifier(longhand), typeof value === 'number'
-                ? b.numericLiteral(value)
-                : b.stringLiteral(value));
-        }));
-        index += cssShorthand.longhands.length - 1;
-    }
-};
-const updateSequencePropsNode = ({ jsxElement, updates, schema, videoConfigValues, }) => {
-    var _a, _b, _c, _d;
-    var _e, _f;
-    const node = jsxElement.openingElement;
-    const logLine = (_e = (_a = node.loc) === null || _a === void 0 ? void 0 : _a.start.line) !== null && _e !== void 0 ? _e : 1;
-    for (const cssShorthand of (0, css_shorthand_properties_1.getCssShorthandsForUpdates)(updates.map((update) => update.key))) {
-        migrateCssShorthand({ node, cssShorthand });
-    }
-    const oldValueStrings = [];
-    const initialAttrs = snapshotTopLevelAttrs(node);
-    const updatedTopLevelKeys = new Set(updates.map(({ key }) => {
-        const dot = key.indexOf('.');
-        return dot === -1 ? key : key.slice(0, dot);
-    }));
-    const createValueExpression = ({ existing, value, }) => {
-        if (existing === null || typeof value !== 'number') {
-            return (0, update_nested_prop_1.parseValueExpression)(value);
-        }
-        const expression = (0, video_config_numeric_expression_1.parseVideoConfigNumericExpression)({
-            node: existing,
-            videoConfigValues,
-        });
-        if (expression === null) {
-            return (0, update_nested_prop_1.parseValueExpression)(value);
-        }
-        return expression.value === value
-            ? existing
-            : (0, video_config_numeric_expression_1.updateVideoConfigNumericExpression)({ expression, value });
-    };
-    for (const { key, value, defaultValue } of updates) {
-        let oldValueString = '';
-        if (key === 'children') {
-            oldValueString = updateJsxTextContent({ jsxElement, value });
-            oldValueStrings.push(oldValueString);
-            continue;
-        }
-        const isDefault = (defaultValue === null && value === undefined) ||
-            (defaultValue !== null &&
-                JSON.stringify(value) === JSON.stringify(defaultValue));
-        const dotIndex = key.indexOf('.');
-        const isNested = dotIndex !== -1;
-        const parentKey = isNested ? key.slice(0, dotIndex) : key;
-        const childKey = isNested ? key.slice(dotIndex + 1) : '';
-        if (isNested) {
-            oldValueString = (0, update_nested_prop_1.updateNestedProp)({
-                node,
-                parentKey,
-                childKey,
-                value,
-                defaultValue,
-                isDefault,
-                createValueExpression: (existing) => createValueExpression({ existing, value }),
-            });
-        }
-        else {
-            const attrIndex = (_b = node.attributes) === null || _b === void 0 ? void 0 : _b.findIndex((a) => {
-                if (a.type === 'JSXSpreadAttribute') {
-                    return false;
-                }
-                if (a.name.type === 'JSXNamespacedName') {
-                    return false;
-                }
-                return a.name.name === key;
-            });
-            const attr = attrIndex !== undefined && attrIndex !== -1
-                ? (_c = node.attributes) === null || _c === void 0 ? void 0 : _c[attrIndex]
-                : undefined;
-            if (attr && attr.type !== 'JSXSpreadAttribute' && attr.value) {
-                const printed = recast.print(attr.value).code;
-                // Strip JSX expression container braces, e.g. "{30}" -> "30"
-                oldValueString =
-                    printed.startsWith('{') && printed.endsWith('}')
-                        ? printed.slice(1, -1)
-                        : printed;
-            }
-            else if (attr && attr.type !== 'JSXSpreadAttribute' && !attr.value) {
-                // JSX shorthand like `loop` (no value) is implicitly `true`
-                oldValueString = 'true';
-            }
-            else if (!attr && defaultValue !== null) {
-                oldValueString = JSON.stringify(defaultValue);
-            }
-            if (isDefault) {
-                if (attr && attr.type !== 'JSXSpreadAttribute' && node.attributes) {
-                    node.attributes.splice(attrIndex, 1);
-                }
-            }
-            else {
-                const existingExpression = (attr === null || attr === void 0 ? void 0 : attr.type) === 'JSXAttribute' &&
-                    ((_d = attr.value) === null || _d === void 0 ? void 0 : _d.type) === 'JSXExpressionContainer' &&
-                    attr.value.expression.type !== 'JSXEmptyExpression'
-                    ? attr.value.expression
-                    : null;
-                const parsed = createValueExpression({
-                    existing: existingExpression,
-                    value,
-                });
-                const newValue = value === true ? null : b.jsxExpressionContainer(parsed);
-                if (!attr || attr.type === 'JSXSpreadAttribute') {
-                    const newAttr = b.jsxAttribute(b.jsxIdentifier(key), newValue);
-                    if (!node.attributes) {
-                        node.attributes = [];
-                    }
-                    node.attributes.push(newAttr);
-                }
-                else {
-                    attr.value = newValue;
-                }
-            }
-        }
-        oldValueStrings.push(oldValueString);
-        if (!isNested) {
-            const fieldSchema = schema[key];
-            if (fieldSchema && fieldSchema.type === 'enum') {
-                const propsToDelete = no_react_1.NoReactInternals.findPropsToDelete({
-                    schema,
-                    key,
-                    value,
-                });
-                for (const propToDelete of propsToDelete) {
-                    removeVariantKey({ node, variantKey: propToDelete });
-                }
-            }
-        }
-    }
-    const finalAttrNames = new Set();
-    for (const a of (_f = node.attributes) !== null && _f !== void 0 ? _f : []) {
-        if (a.type === 'JSXAttribute' && a.name.type === 'JSXIdentifier') {
-            finalAttrNames.add(a.name.name);
-        }
-    }
-    const removedProps = [];
-    for (const [name, valueString] of initialAttrs) {
-        if (finalAttrNames.has(name) || updatedTopLevelKeys.has(name)) {
-            continue;
-        }
-        removedProps.push({ key: name, valueString });
-    }
-    return {
-        oldValueStrings,
-        logLine,
-        removedProps,
-    };
-};
-const updateSequencePropsAst = ({ input, nodePath, updates, schema, videoConfigValues, }) => {
-    const ast = (0, parse_ast_1.parseAst)(input);
-    const videoConfigIdentifierValues = (0, video_config_values_1.getVideoConfigIdentifierValues)({
-        ast,
-        videoConfigValues,
-    });
-    const jsxElement = (0, can_update_sequence_props_1.findJsxElementNodeAtNodePath)(ast, nodePath);
-    if (!jsxElement) {
-        throw new Error('Could not find a JSX element at the specified line to update');
-    }
-    const { oldValueStrings, logLine, removedProps } = updateSequencePropsNode({
-        jsxElement,
-        updates,
-        schema,
-        videoConfigValues: videoConfigIdentifierValues,
-    });
-    applyGoogleFontSourceEdits({ ast, updates });
-    return {
-        serialized: (0, parse_ast_1.serializeAst)(ast),
-        oldValueStrings,
-        logLine,
-        removedProps,
-    };
-};
-exports.updateSequencePropsAst = updateSequencePropsAst;
 const updateMultipleSequenceProps = async ({ input, changes, prettierConfigOverride, }) => {
-    const ast = (0, parse_ast_1.parseAst)(input);
-    const allUpdates = [];
-    const results = changes.map(({ nodePath, updates, schema, videoConfigValues }) => {
-        const jsxElement = (0, can_update_sequence_props_1.findJsxElementNodeAtNodePath)(ast, nodePath);
-        if (!jsxElement) {
-            throw new Error('Could not find a JSX element at the specified line to update');
-        }
-        allUpdates.push(...updates);
-        return updateSequencePropsNode({
-            jsxElement,
-            updates,
-            schema,
-            videoConfigValues: (0, video_config_values_1.getVideoConfigIdentifierValues)({
-                ast,
-                videoConfigValues,
-            }),
-        });
-    });
-    applyGoogleFontSourceEdits({ ast, updates: allUpdates });
+    const { output: unformattedOutput, results } = (0, studio_codemods_1.updateMultipleSequenceProps)({ input, changes });
     const { output, formatted } = await (0, format_file_content_1.formatFileContent)({
-        input: (0, parse_ast_1.serializeAst)(ast),
+        input: unformattedOutput,
         prettierConfigOverride,
     });
-    return {
-        output,
-        formatted,
-        results,
-    };
+    return { output, formatted, results };
 };
 exports.updateMultipleSequenceProps = updateMultipleSequenceProps;
 const updateSequenceProps = async ({ input, nodePath, updates, schema, prettierConfigOverride, videoConfigValues, }) => {
-    const { serialized, oldValueStrings, logLine, removedProps } = (0, exports.updateSequencePropsAst)({
+    const { serialized, oldValueStrings, logLine, removedProps } = (0, studio_codemods_1.updateSequencePropsAst)({
         input,
         nodePath,
         updates,
@@ -732,12 +25,6 @@ const updateSequenceProps = async ({ input, nodePath, updates, schema, prettierC
         input: serialized,
         prettierConfigOverride,
     });
-    return {
-        output,
-        oldValueStrings,
-        formatted,
-        logLine,
-        removedProps,
-    };
+    return { output, oldValueStrings, formatted, logLine, removedProps };
 };
 exports.updateSequenceProps = updateSequenceProps;