@remotion/studio-server 4.0.513 → 4.0.515

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

@@ -1,37 +1,4 @@
 "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;
-    };
-})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -39,1477 +6,53 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.insertJsxElementIntoComposition = exports.resolveCompositionComponent = exports.resolveCompositionComponentWithFile = void 0;
 const node_fs_1 = __importDefault(require("node:fs"));
 const node_path_1 = __importDefault(require("node:path"));
-const studio_shared_1 = require("@remotion/studio-shared");
-const recast = __importStar(require("recast"));
-const no_react_1 = require("remotion/no-react");
+const studio_codemods_1 = require("@remotion/studio-codemods");
 const format_file_content_1 = require("../codemods/format-file-content");
-const get_node_path_remappings_1 = require("../codemods/get-node-path-remappings");
-const parse_ast_1 = require("../codemods/parse-ast");
-const strip_parenthesized_extra_1 = require("../codemods/strip-parenthesized-extra");
-const update_nested_prop_1 = require("../codemods/update-nested-prop");
-const imports_1 = require("./imports");
 const svg_to_jsx_1 = require("./svg-to-jsx");
-const allowedFileExtensions = new Set(['.tsx', '.ts', '.jsx', '.js']);
-const extensionsToProbe = ['.tsx', '.ts', '.jsx', '.js'];
-const isInRemotionRoot = ({ remotionRoot, fileName, }) => {
-    const relativePath = node_path_1.default.relative(remotionRoot, fileName);
-    return !relativePath.startsWith('..') && !node_path_1.default.isAbsolute(relativePath);
-};
-const readSourceFile = ({ remotionRoot, fileName, }) => {
-    const resolved = node_path_1.default.resolve(remotionRoot, fileName);
-    if (!isInRemotionRoot({ remotionRoot, fileName: resolved })) {
-        throw new Error(`Not allowed to open ${fileName}`);
-    }
-    if (!allowedFileExtensions.has(node_path_1.default.extname(resolved))) {
-        throw new Error(`Not allowed to open ${fileName}`);
-    }
-    return node_fs_1.default.promises.readFile(resolved, 'utf-8');
-};
-const getAttributeName = (attribute) => {
-    if (attribute.name.type !== 'JSXIdentifier') {
-        return null;
-    }
-    return attribute.name.name;
-};
-const findAttribute = (element, name) => {
-    return element.openingElement.attributes.find((attribute) => {
-        if (attribute.type !== 'JSXAttribute') {
-            return false;
-        }
-        return getAttributeName(attribute) === name;
-    });
-};
-const getStringAttributeValue = (element, name) => {
-    const attribute = findAttribute(element, name);
-    if (!(attribute === null || attribute === void 0 ? void 0 : attribute.value)) {
-        return null;
-    }
-    if (attribute.value.type === 'StringLiteral') {
-        return attribute.value.value;
-    }
-    if (attribute.value.type === 'JSXExpressionContainer' &&
-        attribute.value.expression.type === 'StringLiteral') {
-        return attribute.value.expression.value;
-    }
-    return null;
-};
-const findCompositionElement = ({ ast, compositionId, }) => {
-    let found = null;
-    recast.types.visit(ast, {
-        visitJSXElement(astPath) {
-            if (found) {
-                return false;
-            }
-            const node = astPath.node;
-            const openingName = node.openingElement.name;
-            if (openingName.type === 'JSXIdentifier' &&
-                (openingName.name === 'Composition' || openingName.name === 'Still') &&
-                getStringAttributeValue(node, 'id') === compositionId) {
-                found = node;
-                return false;
-            }
-            this.traverse(astPath);
-            return undefined;
-        },
-    });
-    return found;
-};
-const getComponentIdentifier = (element) => {
-    const attribute = findAttribute(element, 'component');
-    if (!(attribute === null || attribute === void 0 ? void 0 : attribute.value) ||
-        attribute.value.type !== 'JSXExpressionContainer' ||
-        attribute.value.expression.type !== 'Identifier') {
-        return null;
-    }
-    return attribute.value.expression.name;
-};
-const isRecord = (value) => {
-    return typeof value === 'object' && value !== null && !Array.isArray(value);
-};
-const findDynamicImportPath = (value) => {
-    if (!isRecord(value)) {
-        return null;
-    }
-    if (value.type === 'CallExpression' &&
-        isRecord(value.callee) &&
-        value.callee.type === 'Import' &&
-        Array.isArray(value.arguments) &&
-        isRecord(value.arguments[0]) &&
-        value.arguments[0].type === 'StringLiteral' &&
-        typeof value.arguments[0].value === 'string') {
-        return value.arguments[0].value;
-    }
-    for (const [key, child] of Object.entries(value)) {
-        if (key === 'loc' ||
-            key === 'start' ||
-            key === 'end' ||
-            key === 'comments' ||
-            key === 'leadingComments' ||
-            key === 'trailingComments' ||
-            key === 'innerComments' ||
-            key === 'extra' ||
-            key === 'original') {
-            continue;
-        }
-        if (Array.isArray(child)) {
-            for (const item of child) {
-                const nestedResult = findDynamicImportPath(item);
-                if (nestedResult) {
-                    return nestedResult;
-                }
-            }
-            continue;
-        }
-        const childResult = findDynamicImportPath(child);
-        if (childResult) {
-            return childResult;
-        }
-    }
-    return null;
-};
-const getLazyImportPath = (element) => {
-    const attribute = findAttribute(element, 'lazyComponent');
-    if (!(attribute === null || attribute === void 0 ? void 0 : attribute.value) || attribute.value.type !== 'JSXExpressionContainer') {
-        return null;
-    }
-    return findDynamicImportPath(attribute.value.expression);
-};
-const findImportTarget = ({ ast, componentName, }) => {
-    let found = null;
-    recast.types.visit(ast, {
-        visitImportDeclaration(astPath) {
-            var _a;
-            if (found) {
-                return false;
-            }
-            const node = astPath.node;
-            if (typeof node.source.value !== 'string') {
-                return false;
-            }
-            const matchingSpecifier = (_a = node.specifiers) === null || _a === void 0 ? void 0 : _a.find((specifier) => {
-                var _a;
-                return ((_a = specifier.local) === null || _a === void 0 ? void 0 : _a.name) === componentName;
-            });
-            if (!matchingSpecifier) {
-                return false;
-            }
-            if (matchingSpecifier.type === 'ImportDefaultSpecifier') {
-                found = {
-                    importPath: node.source.value,
-                    exportName: 'default',
-                };
-                return false;
-            }
-            if (matchingSpecifier.type === 'ImportSpecifier' &&
-                matchingSpecifier.imported.type === 'Identifier') {
-                found = {
-                    importPath: node.source.value,
-                    exportName: matchingSpecifier.imported.name,
-                };
-                return false;
-            }
-            if (matchingSpecifier.type === 'ImportSpecifier' &&
-                matchingSpecifier.imported.type === 'StringLiteral') {
-                found = {
-                    importPath: node.source.value,
-                    exportName: matchingSpecifier.imported.value,
-                };
-                return false;
-            }
-            return false;
-        },
-    });
-    return found;
-};
-const getExportedName = (exported) => {
-    if (!exported) {
-        return null;
-    }
-    if (!isRecord(exported)) {
-        return null;
-    }
-    if (exported.type === 'Identifier' && typeof exported.name === 'string') {
-        return exported.name;
-    }
-    if (exported.type === 'StringLiteral' && typeof exported.value === 'string') {
-        return exported.value;
-    }
-    return null;
-};
-const getSpecifierLocalName = (specifier) => {
-    if (specifier.local.type === 'Identifier') {
-        return specifier.local.name;
-    }
-    return null;
-};
-const findReExportTargets = ({ ast, exportName, }) => {
-    const targets = [];
-    recast.types.visit(ast, {
-        visitExportNamedDeclaration(astPath) {
-            var _a;
-            const node = astPath.node;
-            for (const specifier of node.specifiers) {
-                if (specifier.type !== 'ExportSpecifier') {
-                    continue;
-                }
-                const exportedName = getExportedName(specifier.exported);
-                if (exportedName !== exportName) {
-                    continue;
-                }
-                const localName = getSpecifierLocalName(specifier);
-                if (!localName) {
-                    continue;
-                }
-                // Support barrel files that import a component and export it in a
-                // separate declaration. See https://github.com/remotion-dev/remotion/issues/9172.
-                if (typeof ((_a = node.source) === null || _a === void 0 ? void 0 : _a.value) !== 'string') {
-                    const importTarget = findImportTarget({
-                        ast,
-                        componentName: localName,
-                    });
-                    if (importTarget) {
-                        targets.push(importTarget);
-                    }
-                    continue;
-                }
-                targets.push({
-                    importPath: node.source.value,
-                    exportName: localName === 'default' ? 'default' : localName,
-                });
-            }
-            return false;
-        },
-        visitExportAllDeclaration(astPath) {
-            const node = astPath.node;
-            if (typeof node.source.value !== 'string') {
-                return false;
-            }
-            targets.push({
-                importPath: node.source.value,
-                exportName,
-            });
-            return false;
-        },
-    });
-    return targets;
-};
-const resolveImportPath = ({ importPath, fromFile, }) => {
-    if (!importPath.startsWith('.')) {
-        throw new Error(`Cannot resolve non-relative import ${importPath}`);
-    }
-    const basePath = node_path_1.default.resolve(node_path_1.default.dirname(fromFile), importPath);
-    const candidates = node_path_1.default.extname(basePath)
-        ? [basePath]
-        : [
-            ...extensionsToProbe.map((extension) => `${basePath}${extension}`),
-            ...extensionsToProbe.map((extension) => node_path_1.default.join(basePath, `index${extension}`)),
-        ];
-    const existingFile = candidates.find((candidate) => {
-        return node_fs_1.default.existsSync(candidate) && node_fs_1.default.statSync(candidate).isFile();
-    });
-    if (!existingFile) {
-        throw new Error(`Could not find imported component file ${importPath}`);
-    }
-    return existingFile;
-};
-const locationFromNode = (node) => {
-    if (!node.loc) {
-        return null;
-    }
-    return {
-        line: node.loc.start.line,
-        column: node.loc.start.column,
-    };
-};
-const findLocalSymbolLocation = ({ ast, name, }) => {
-    let location = null;
-    // Recast can omit the declaration location for exported functions and
-    // classes, including components resolved through barrel files. The identifier
-    // keeps its location. See https://github.com/remotion-dev/remotion/issues/9172.
-    recast.types.visit(ast, {
-        visitVariableDeclarator(astPath) {
-            if (location) {
-                return false;
-            }
-            const { node } = astPath;
-            if (node.id.type === 'Identifier' && node.id.name === name) {
-                location = locationFromNode(node.id);
-                return false;
-            }
-            this.traverse(astPath);
-            return undefined;
-        },
-        visitFunctionDeclaration(astPath) {
-            var _a;
-            if (location) {
-                return false;
-            }
-            const { node } = astPath;
-            if (((_a = node.id) === null || _a === void 0 ? void 0 : _a.name) === name) {
-                location = locationFromNode(node.id);
-                return false;
-            }
-            this.traverse(astPath);
-            return undefined;
-        },
-        visitClassDeclaration(astPath) {
-            var _a;
-            if (location) {
-                return false;
-            }
-            const { node } = astPath;
-            if (((_a = node.id) === null || _a === void 0 ? void 0 : _a.name) === name) {
-                location = locationFromNode(node.id);
-                return false;
-            }
-            this.traverse(astPath);
-            return undefined;
-        },
-    });
-    return location;
-};
-const findDefaultExportLocation = (ast) => {
-    let location = null;
-    let exportedIdentifier = null;
-    recast.types.visit(ast, {
-        visitExportDefaultDeclaration(astPath) {
-            var _a;
-            if (location || exportedIdentifier) {
-                return false;
-            }
-            const { node } = astPath;
-            if (node.declaration.type === 'Identifier') {
-                exportedIdentifier = node.declaration.name;
-                return false;
-            }
-            location = (_a = locationFromNode(node.declaration)) !== null && _a !== void 0 ? _a : locationFromNode(node);
-            return false;
-        },
-    });
-    if (exportedIdentifier) {
-        return findLocalSymbolLocation({ ast, name: exportedIdentifier });
-    }
-    return location;
-};
-const findLocalComponentDeclaration = ({ ast, name, }) => {
-    let declaration = null;
-    recast.types.visit(ast, {
-        visitVariableDeclarator(astPath) {
-            if (declaration) {
-                return false;
-            }
-            const { node } = astPath;
-            if (node.id.type === 'Identifier' && node.id.name === name) {
-                declaration = node;
-                return false;
-            }
-            this.traverse(astPath);
-            return undefined;
-        },
-        visitFunctionDeclaration(astPath) {
-            var _a;
-            if (declaration) {
-                return false;
-            }
-            const { node } = astPath;
-            if (((_a = node.id) === null || _a === void 0 ? void 0 : _a.name) === name) {
-                declaration = node;
-                return false;
-            }
-            this.traverse(astPath);
-            return undefined;
-        },
-        visitClassDeclaration(astPath) {
-            var _a;
-            if (declaration) {
-                return false;
-            }
-            const { node } = astPath;
-            if (((_a = node.id) === null || _a === void 0 ? void 0 : _a.name) === name) {
-                declaration = node;
-                return false;
-            }
-            this.traverse(astPath);
-            return undefined;
-        },
-    });
-    return declaration;
-};
-const getTopLevelReturnStatement = (statements) => {
-    const returnStatements = [];
-    for (const statement of statements) {
-        if (recast.types.namedTypes.ReturnStatement.check(statement)) {
-            returnStatements.push(statement);
-        }
-    }
-    if (returnStatements.length !== 1) {
-        return null;
-    }
-    const singleReturn = returnStatements[0];
-    const finalStatement = statements.at(-1);
-    if (singleReturn !== finalStatement) {
-        return null;
-    }
-    return singleReturn;
-};
-const getReturnedJsxFromFunction = (fn) => {
-    if (fn.type === 'ArrowFunctionExpression') {
-        if (fn.body.type === 'JSXElement' || fn.body.type === 'JSXFragment') {
-            return fn.body;
-        }
-        if (fn.body.type !== 'BlockStatement') {
-            return null;
-        }
-        const arrowReturnStatement = getTopLevelReturnStatement(fn.body.body);
-        if (!(arrowReturnStatement === null || arrowReturnStatement === void 0 ? void 0 : arrowReturnStatement.argument)) {
-            return null;
-        }
-        return arrowReturnStatement.argument.type === 'JSXElement' ||
-            arrowReturnStatement.argument.type === 'JSXFragment'
-            ? arrowReturnStatement.argument
-            : null;
-    }
-    if (fn.body.type !== 'BlockStatement') {
-        return null;
-    }
-    const returnStatement = getTopLevelReturnStatement(fn.body.body);
-    if (!(returnStatement === null || returnStatement === void 0 ? void 0 : returnStatement.argument)) {
-        return null;
-    }
-    return returnStatement.argument.type === 'JSXElement' ||
-        returnStatement.argument.type === 'JSXFragment'
-        ? returnStatement.argument
-        : null;
-};
-const findRenderMethod = (declaration) => {
-    const renderMethod = declaration.body.body.find((member) => {
-        return (member.type === 'ClassMethod' &&
-            member.kind === 'method' &&
-            member.key.type === 'Identifier' &&
-            member.key.name === 'render');
-    });
-    return (renderMethod === null || renderMethod === void 0 ? void 0 : renderMethod.type) === 'ClassMethod' ? renderMethod : null;
-};
-const getComponentRootNode = (declaration) => {
-    if (declaration.type === 'VariableDeclarator') {
-        if (!declaration.init ||
-            (declaration.init.type !== 'ArrowFunctionExpression' &&
-                declaration.init.type !== 'FunctionExpression')) {
-            return null;
-        }
-        return getReturnedJsxFromFunction(declaration.init);
-    }
-    if (declaration.type === 'ArrowFunctionExpression' ||
-        declaration.type === 'FunctionExpression' ||
-        declaration.type === 'FunctionDeclaration') {
-        return getReturnedJsxFromFunction(declaration);
-    }
-    if (declaration.type !== 'ClassDeclaration') {
-        return null;
-    }
-    const renderMethod = findRenderMethod(declaration);
-    if (!renderMethod) {
-        return null;
-    }
-    const returnStatement = getTopLevelReturnStatement(renderMethod.body.body);
-    if (!(returnStatement === null || returnStatement === void 0 ? void 0 : returnStatement.argument)) {
-        return null;
-    }
-    return returnStatement.argument.type === 'JSXElement' ||
-        returnStatement.argument.type === 'JSXFragment'
-        ? returnStatement.argument
-        : null;
-};
-const createSequenceElement = () => {
-    return recast.types.builders.jsxElement(recast.types.builders.jsxOpeningElement(recast.types.builders.jsxIdentifier('Sequence'), []), recast.types.builders.jsxClosingElement(recast.types.builders.jsxIdentifier('Sequence')), []);
-};
-const createSequenceWithChild = ({ child, sequenceLocalName, }) => {
-    return recast.types.builders.jsxElement(recast.types.builders.jsxOpeningElement(recast.types.builders.jsxIdentifier(sequenceLocalName), []), recast.types.builders.jsxClosingElement(recast.types.builders.jsxIdentifier(sequenceLocalName)), [child]);
-};
-const createNumberAttribute = (name, value) => {
-    return recast.types.builders.jsxAttribute(recast.types.builders.jsxIdentifier(name), recast.types.builders.jsxExpressionContainer(recast.types.builders.numericLiteral(value)));
-};
-const createStringAttribute = (name, value) => {
-    return recast.types.builders.jsxAttribute(recast.types.builders.jsxIdentifier(name), recast.types.builders.stringLiteral(value));
-};
-const createBooleanAttribute = (name, value) => {
-    return recast.types.builders.jsxAttribute(recast.types.builders.jsxIdentifier(name), recast.types.builders.jsxExpressionContainer(recast.types.builders.booleanLiteral(value)));
-};
-const translateDecimalPlaces = 1;
-const roundTranslateCoordinate = (value) => {
-    const factor = 10 ** translateDecimalPlaces;
-    const rounded = Math.round(value * factor) / factor;
-    return Object.is(rounded, -0) ? 0 : rounded;
-};
-const formatTranslateValue = ({ x, y }) => `${roundTranslateCoordinate(x)}px ${roundTranslateCoordinate(y)}px`;
-const createStyleAttribute = (properties) => {
-    return recast.types.builders.jsxAttribute(recast.types.builders.jsxIdentifier('style'), recast.types.builders.jsxExpressionContainer(recast.types.builders.objectExpression(properties)));
-};
-const getPositionStyleProperties = (position) => {
-    const properties = [
-        recast.types.builders.objectProperty(recast.types.builders.identifier('position'), recast.types.builders.stringLiteral('absolute')),
-    ];
-    if (position) {
-        properties.push(recast.types.builders.objectProperty(recast.types.builders.identifier('translate'), recast.types.builders.stringLiteral(formatTranslateValue(position))));
-    }
-    return properties;
-};
-const createPositionAbsoluteStyleAttribute = (position) => {
-    return createStyleAttribute(getPositionStyleProperties(position));
-};
-const createAssetStyleAttribute = ({ dimensions, position, }) => {
-    return createStyleAttribute([
-        ...getPositionStyleProperties(position),
-        ...(dimensions
-            ? [
-                recast.types.builders.objectProperty(recast.types.builders.identifier('width'), recast.types.builders.numericLiteral(dimensions.width)),
-                recast.types.builders.objectProperty(recast.types.builders.identifier('height'), recast.types.builders.numericLiteral(dimensions.height)),
-            ]
-            : []),
-    ]);
-};
-const createStaticFileSrcAttribute = ({ staticFileLocalName, src, }) => {
-    return recast.types.builders.jsxAttribute(recast.types.builders.jsxIdentifier('src'), recast.types.builders.jsxExpressionContainer(recast.types.builders.callExpression(recast.types.builders.identifier(staticFileLocalName), [recast.types.builders.stringLiteral(src)])));
-};
-const createComponentProp = ({ name, value, }) => {
-    if (typeof value === 'number') {
-        return createNumberAttribute(name, value);
-    }
-    if (typeof value === 'boolean') {
-        return createBooleanAttribute(name, value);
-    }
-    return createStringAttribute(name, value);
-};
-const createStringSrcAttribute = (src) => {
-    return recast.types.builders.jsxAttribute(recast.types.builders.jsxIdentifier('src'), recast.types.builders.stringLiteral(src));
-};
-const createSolidElement = ({ localName, width, height, position, }) => {
-    return recast.types.builders.jsxElement(recast.types.builders.jsxOpeningElement(recast.types.builders.jsxIdentifier(localName), [
-        createNumberAttribute('width', width),
-        createNumberAttribute('height', height),
-        createStringAttribute('color', 'gray'),
-        createPositionAbsoluteStyleAttribute(position),
-    ], true), null, []);
-};
-const createComponentElement = ({ addPositionStyle, from, localName, props, position, }) => {
-    return recast.types.builders.jsxElement(recast.types.builders.jsxOpeningElement(recast.types.builders.jsxIdentifier(localName), [
-        ...props.map(createComponentProp),
-        ...(from === null ? [] : [createNumberAttribute('from', from)]),
-        ...(addPositionStyle
-            ? [createPositionAbsoluteStyleAttribute(position)]
-            : []),
-    ], true), null, []);
-};
-const createSequenceWrappedElement = ({ child, dimensions, durationInFrames, from, name, position, sequenceLocalName, }) => {
-    return recast.types.builders.jsxElement(recast.types.builders.jsxOpeningElement(recast.types.builders.jsxIdentifier(sequenceLocalName), [
-        ...(from === null ? [] : [createNumberAttribute('from', from)]),
-        ...(name === null ? [] : [createStringAttribute('name', name)]),
-        ...(dimensions !== null
-            ? [
-                createNumberAttribute('width', dimensions.width),
-                createNumberAttribute('height', dimensions.height),
-            ]
-            : []),
-        ...(durationInFrames === null
-            ? []
-            : [createNumberAttribute('durationInFrames', durationInFrames)]),
-        createPositionAbsoluteStyleAttribute(position),
-    ], false), recast.types.builders.jsxClosingElement(recast.types.builders.jsxIdentifier(sequenceLocalName)), [child]);
-};
-const createAssetElement = ({ addPositionStyle, durationInFrames, from, localName, staticFileLocalName, src, dimensions, position, }) => {
-    return recast.types.builders.jsxElement(recast.types.builders.jsxOpeningElement(recast.types.builders.jsxIdentifier(localName), [
-        staticFileLocalName === null
-            ? createStringSrcAttribute(src)
-            : createStaticFileSrcAttribute({ staticFileLocalName, src }),
-        ...(durationInFrames === null
-            ? []
-            : [createNumberAttribute('durationInFrames', durationInFrames)]),
-        ...(from === null ? [] : [createNumberAttribute('from', from)]),
-        ...(addPositionStyle
-            ? [createAssetStyleAttribute({ dimensions, position })]
-            : []),
-    ], true), null, []);
-};
-const createSvgElement = async ({ from, interactiveLocalName, markup, position, }) => {
-    var _a;
-    var _b;
-    const svgElement = await (0, svg_to_jsx_1.svgMarkupToJsx)(markup);
-    const attributes = (_b = svgElement.openingElement.attributes) !== null && _b !== void 0 ? _b : [];
-    svgElement.openingElement.attributes = attributes;
-    if (from !== null) {
-        attributes.push(createNumberAttribute('from', from));
-    }
-    const styleAttribute = attributes.find((attribute) => attribute.type === 'JSXAttribute' &&
-        attribute.name.type === 'JSXIdentifier' &&
-        attribute.name.name === 'style');
-    const positionProperties = getPositionStyleProperties(position);
-    if (styleAttribute === undefined) {
-        attributes.push(createStyleAttribute(positionProperties));
-    }
-    else if (styleAttribute.type === 'JSXAttribute' &&
-        ((_a = styleAttribute.value) === null || _a === void 0 ? void 0 : _a.type) === 'JSXExpressionContainer' &&
-        styleAttribute.value.expression.type === 'ObjectExpression') {
-        styleAttribute.value.expression.properties.push(...positionProperties);
-    }
-    else {
-        throw new Error('Could not convert the root SVG style to JSX');
-    }
-    const interactiveSvgName = () => recast.types.builders.jsxMemberExpression(recast.types.builders.jsxIdentifier(interactiveLocalName), recast.types.builders.jsxIdentifier('Svg'));
-    svgElement.openingElement.name = interactiveSvgName();
-    if (svgElement.closingElement !== null &&
-        svgElement.closingElement !== undefined) {
-        svgElement.closingElement.name = interactiveSvgName();
-    }
-    return svgElement;
-};
-const createFragmentWithElement = (element) => {
-    return recast.types.builders.jsxFragment(recast.types.builders.jsxOpeningFragment(), recast.types.builders.jsxClosingFragment(), [element]);
-};
-const replaceNullReturnInFunctionLike = ({ fn, element, }) => {
-    var _a, _b;
-    var _c, _d;
-    if (fn.type === 'ArrowFunctionExpression' && fn.body.type === 'NullLiteral') {
-        fn.body = createFragmentWithElement(element);
-        return (_c = (_a = fn.loc) === null || _a === void 0 ? void 0 : _a.start.line) !== null && _c !== void 0 ? _c : 1;
-    }
-    if (fn.body.type !== 'BlockStatement') {
-        return null;
-    }
-    const returnStatement = getTopLevelReturnStatement(fn.body.body);
-    if (!(returnStatement === null || returnStatement === void 0 ? void 0 : returnStatement.argument) ||
-        returnStatement.argument.type !== 'NullLiteral') {
-        return null;
-    }
-    returnStatement.argument = createFragmentWithElement(element);
-    return (_d = (_b = returnStatement.loc) === null || _b === void 0 ? void 0 : _b.start.line) !== null && _d !== void 0 ? _d : 1;
-};
-const addElementToNullComponentReturn = ({ declaration, element, }) => {
-    var _a;
-    var _b;
-    if (declaration.type === 'VariableDeclarator') {
-        if (!declaration.init ||
-            (declaration.init.type !== 'ArrowFunctionExpression' &&
-                declaration.init.type !== 'FunctionExpression')) {
-            return null;
-        }
-        return replaceNullReturnInFunctionLike({ fn: declaration.init, element });
-    }
-    if (declaration.type === 'ArrowFunctionExpression' ||
-        declaration.type === 'FunctionExpression' ||
-        declaration.type === 'FunctionDeclaration') {
-        return replaceNullReturnInFunctionLike({ fn: declaration, element });
-    }
-    if (declaration.type !== 'ClassDeclaration') {
-        return null;
-    }
-    const renderMethod = findRenderMethod(declaration);
-    if (!renderMethod) {
-        return null;
-    }
-    const returnStatement = getTopLevelReturnStatement(renderMethod.body.body);
-    if (!(returnStatement === null || returnStatement === void 0 ? void 0 : returnStatement.argument) ||
-        returnStatement.argument.type !== 'NullLiteral') {
-        return null;
-    }
-    returnStatement.argument = createFragmentWithElement(element);
-    return (_b = (_a = returnStatement.loc) === null || _a === void 0 ? void 0 : _a.start.line) !== null && _b !== void 0 ? _b : 1;
-};
-const declarationBindsName = (declaration, name) => {
-    var _a;
-    if (declaration.type === 'FunctionDeclaration' ||
-        declaration.type === 'ClassDeclaration') {
-        return ((_a = declaration.id) === null || _a === void 0 ? void 0 : _a.name) === name;
-    }
-    return declaration.declarations.some((variableDeclaration) => {
-        return (variableDeclaration.id.type === 'Identifier' &&
-            variableDeclaration.id.name === name);
-    });
-};
-const hasTopLevelBinding = ({ ast, name }) => {
-    return ast.program.body.some((node) => {
-        var _a;
-        if (node.type === 'FunctionDeclaration' ||
-            node.type === 'ClassDeclaration' ||
-            node.type === 'VariableDeclaration') {
-            return declarationBindsName(node, name);
-        }
-        if (node.type === 'ExportNamedDeclaration' &&
-            node.declaration &&
-            (node.declaration.type === 'FunctionDeclaration' ||
-                node.declaration.type === 'ClassDeclaration' ||
-                node.declaration.type === 'VariableDeclaration')) {
-            return declarationBindsName(node.declaration, name);
-        }
-        if (node.type !== 'ImportDeclaration') {
-            return false;
-        }
-        return (_a = node.specifiers) === null || _a === void 0 ? void 0 : _a.some((specifier) => {
-            var _a;
-            return ((_a = specifier.local) === null || _a === void 0 ? void 0 : _a.name) === name;
-        });
-    });
-};
-const getAvailableSolidLocalName = (ast) => {
-    const candidates = ['Solid', 'RemotionSolid'];
-    const available = candidates.find((candidate) => {
-        return !hasTopLevelBinding({ ast, name: candidate });
-    });
-    if (!available) {
-        throw new Error('Cannot add <Solid> because Solid is already defined');
-    }
-    return available;
-};
-const ensureSolidImport = (ast) => {
-    return (0, imports_1.ensureNamedImport)({
-        ast,
-        importedName: 'Solid',
-        sourcePath: 'remotion',
-        localName: getAvailableSolidLocalName(ast),
-    });
-};
-const getAvailableSequenceLocalName = (ast) => {
-    const candidates = ['Sequence', 'RemotionSequence'];
-    const available = candidates.find((candidate) => {
-        return !hasTopLevelBinding({ ast, name: candidate });
-    });
-    if (!available) {
-        throw new Error('Cannot add <Sequence> because Sequence is already defined');
-    }
-    return available;
-};
-const ensureSequenceImport = (ast) => {
-    return (0, imports_1.ensureNamedImport)({
-        ast,
-        importedName: 'Sequence',
-        sourcePath: 'remotion',
-        localName: getAvailableSequenceLocalName(ast),
-    });
-};
-const ensureInteractiveImport = (ast) => {
-    var _a;
-    var _b, _c;
-    for (const statement of ast.program.body) {
-        if (statement.type !== 'ImportDeclaration' ||
-            statement.source.type !== 'StringLiteral' ||
-            statement.source.value !== 'remotion') {
-            continue;
-        }
-        for (const specifier of (_b = statement.specifiers) !== null && _b !== void 0 ? _b : []) {
-            if (specifier.type === 'ImportSpecifier' &&
-                (0, imports_1.getImportedName)(specifier) === 'Interactive') {
-                return (_c = (_a = specifier.local) === null || _a === void 0 ? void 0 : _a.name) !== null && _c !== void 0 ? _c : 'Interactive';
-            }
-        }
-    }
-    const candidates = ['Interactive', 'RemotionInteractive'];
-    const localName = candidates.find((candidate) => {
-        return !hasTopLevelBinding({ ast, name: candidate });
-    });
-    if (localName === undefined) {
-        throw new Error('Cannot add <Interactive.Svg> because Interactive is already defined');
-    }
-    return (0, imports_1.ensureNamedImport)({
-        ast,
-        importedName: 'Interactive',
-        sourcePath: 'remotion',
-        localName,
-    });
-};
-const getImportDeclarations = ({ ast, sourcePath, }) => {
-    return ast.program.body.filter((node) => node.type === 'ImportDeclaration' &&
-        node.source.type === 'StringLiteral' &&
-        node.source.value === sourcePath);
-};
-const importDeclarationHasNamespaceSpecifier = (importDeclaration) => {
-    var _a;
-    return (_a = importDeclaration.specifiers) === null || _a === void 0 ? void 0 : _a.some((specifier) => specifier.type === 'ImportNamespaceSpecifier');
-};
-const hasOfficialLocalImport = ({ ast, importedName, sourcePath, }) => {
-    return getImportDeclarations({ ast, sourcePath }).some((importDeclaration) => {
-        var _a;
-        return (_a = importDeclaration.specifiers) === null || _a === void 0 ? void 0 : _a.some((specifier) => {
-            var _a;
-            var _b;
-            return (specifier.type === 'ImportSpecifier' &&
-                (0, imports_1.getImportedName)(specifier) === importedName &&
-                ((_b = (_a = specifier.local) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : importedName) === importedName);
-        });
-    });
-};
-const addOfficialNamedImport = ({ ast, importedName, sourcePath, }) => {
-    var _a;
-    const existingImport = getImportDeclarations({ ast, sourcePath }).find((candidate) => !importDeclarationHasNamespaceSpecifier(candidate));
-    const importSpecifier = recast.types.builders.importSpecifier(recast.types.builders.identifier(importedName));
-    if (existingImport) {
-        existingImport.specifiers = [
-            ...((_a = existingImport.specifiers) !== null && _a !== void 0 ? _a : []),
-            importSpecifier,
-        ];
-        return;
-    }
-    const importDeclaration = recast.types.builders.importDeclaration([importSpecifier], recast.types.builders.stringLiteral(sourcePath));
-    (0, imports_1.insertImportDeclaration)(ast, importDeclaration);
-};
-const ensureOfficialNamedImport = ({ ast, importedName, sourcePath, label, }) => {
-    if (hasOfficialLocalImport({ ast, importedName, sourcePath })) {
-        return importedName;
-    }
-    if (hasTopLevelBinding({ ast, name: importedName })) {
-        throw new Error(`Cannot add ${label} because ${importedName} is already defined`);
-    }
-    addOfficialNamedImport({ ast, importedName, sourcePath });
-    return importedName;
-};
-const ensureStaticFileImport = (ast) => {
-    return ensureOfficialNamedImport({
-        ast,
-        importedName: 'staticFile',
-        sourcePath: 'remotion',
-        label: 'staticFile()',
-    });
-};
-const ensureCanvasImageImport = (ast) => {
-    return ensureOfficialNamedImport({
-        ast,
-        importedName: 'CanvasImage',
-        sourcePath: 'remotion',
-        label: '<CanvasImage>',
-    });
-};
-const ensureAnimatedImageImport = (ast) => {
-    return ensureOfficialNamedImport({
-        ast,
-        importedName: 'AnimatedImage',
-        sourcePath: 'remotion',
-        label: '<AnimatedImage>',
-    });
-};
-const ensureVideoImport = (ast) => {
-    return ensureOfficialNamedImport({
-        ast,
-        importedName: 'Video',
-        sourcePath: '@remotion/media',
-        label: '<Video>',
-    });
-};
-const ensureAudioImport = (ast) => {
-    return ensureOfficialNamedImport({
-        ast,
-        importedName: 'Audio',
-        sourcePath: '@remotion/media',
-        label: '<Audio>',
-    });
-};
-const ensureGifImport = (ast) => {
-    return ensureOfficialNamedImport({
-        ast,
-        importedName: 'Gif',
-        sourcePath: '@remotion/gif',
-        label: '<Gif>',
-    });
-};
-const hasComponentLocalImport = ({ ast, importName, importPath, }) => {
-    var _a;
-    var _b, _c;
-    for (const importDeclaration of getImportDeclarations({
-        ast,
-        sourcePath: importPath,
-    })) {
-        for (const specifier of (_b = importDeclaration.specifiers) !== null && _b !== void 0 ? _b : []) {
-            if (specifier.type === 'ImportSpecifier' &&
-                (0, imports_1.getImportedName)(specifier) === importName) {
-                return (_c = (_a = specifier.local) === null || _a === void 0 ? void 0 : _a.name) !== null && _c !== void 0 ? _c : importName;
-            }
-        }
-    }
-    return null;
-};
-const ensureComponentImport = ({ ast, componentName, importName, importPath, }) => {
-    const existingLocalName = hasComponentLocalImport({
-        ast,
-        importName,
-        importPath,
-    });
-    if (existingLocalName) {
-        return existingLocalName;
-    }
-    if (hasTopLevelBinding({ ast, name: componentName })) {
-        throw new Error(`Cannot add <${componentName}> because ${componentName} is already defined`);
-    }
-    return (0, imports_1.ensureNamedImport)({
-        ast,
-        importedName: importName,
-        sourcePath: importPath,
-        localName: componentName,
-    });
-};
-const identifierRegex = /^[A-Za-z_$][0-9A-Za-z_$]*$/;
-const toPascalCaseIdentifier = (value) => {
-    var _a;
-    const words = (_a = value.match(/[a-zA-Z0-9]+/g)) !== null && _a !== void 0 ? _a : [];
-    const candidate = words
-        .map((word) => `${word.charAt(0).toUpperCase()}${word.slice(1)}`)
-        .join('');
-    if (!candidate) {
-        return 'CompositionComponent';
-    }
-    if (/^[0-9]/.test(candidate)) {
-        return `Composition${candidate}`;
-    }
-    return identifierRegex.test(candidate) ? candidate : 'CompositionComponent';
-};
-const getAvailableLocalName = ({ ast, baseName, }) => {
-    if (!hasTopLevelBinding({ ast, name: baseName })) {
-        return baseName;
-    }
-    const suffixed = `${baseName}Composition`;
-    if (!hasTopLevelBinding({ ast, name: suffixed })) {
-        return suffixed;
-    }
-    for (let i = 2; i < 100; i++) {
-        const candidate = `${suffixed}${i}`;
-        if (!hasTopLevelBinding({ ast, name: candidate })) {
-            return candidate;
-        }
-    }
-    throw new Error(`Cannot find a local name for ${baseName}`);
-};
-const getImportPathBetweenFiles = ({ fromFile, toFile, }) => {
-    let relativeImport = node_path_1.default
-        .relative(node_path_1.default.dirname(fromFile), toFile)
-        .replaceAll(node_path_1.default.sep, '/')
-        .replace(/\.(tsx|ts|jsx|js)$/, '');
-    if (!relativeImport.startsWith('.')) {
-        relativeImport = `./${relativeImport}`;
-    }
-    return relativeImport;
-};
-const ensureDefaultImport = ({ ast, localName, sourcePath, }) => {
-    var _a, _b;
-    var _c;
-    for (const declaration of getImportDeclarations({ ast, sourcePath })) {
-        const defaultSpecifier = (_a = declaration.specifiers) === null || _a === void 0 ? void 0 : _a.find((specifier) => specifier.type === 'ImportDefaultSpecifier');
-        if ((_b = defaultSpecifier === null || defaultSpecifier === void 0 ? void 0 : defaultSpecifier.local) === null || _b === void 0 ? void 0 : _b.name) {
-            return defaultSpecifier.local.name;
-        }
-    }
-    const importSpecifier = recast.types.builders.importDefaultSpecifier(recast.types.builders.identifier(localName));
-    const existingImport = getImportDeclarations({ ast, sourcePath }).find((declaration) => {
-        var _a;
-        return !((_a = declaration.specifiers) === null || _a === void 0 ? void 0 : _a.some((specifier) => specifier.type === 'ImportNamespaceSpecifier'));
-    });
-    if (existingImport) {
-        existingImport.specifiers = [
-            importSpecifier,
-            ...((_c = existingImport.specifiers) !== null && _c !== void 0 ? _c : []),
-        ];
-        return localName;
-    }
-    const importDeclaration = recast.types.builders.importDeclaration([importSpecifier], recast.types.builders.stringLiteral(sourcePath));
-    (0, imports_1.insertImportDeclaration)(ast, importDeclaration);
-    return localName;
-};
-const ensureCompositionComponentImport = async ({ ast, compositionFile, compositionId, destinationFileName, remotionRoot, }) => {
-    const sourceLocation = await (0, exports.resolveCompositionComponentWithFile)({
-        remotionRoot,
-        compositionFile,
-        compositionId,
-    });
-    if (sourceLocation.fileName === destinationFileName) {
-        if (sourceLocation.exportName === 'default') {
-            throw new Error('Cannot insert a composition whose component is a default export in the same file');
-        }
-        if (!hasTopLevelBinding({ ast, name: sourceLocation.exportName })) {
-            throw new Error(`Cannot find component "${sourceLocation.exportName}" in this file`);
-        }
-        return sourceLocation.exportName;
-    }
-    const sourcePath = getImportPathBetweenFiles({
-        fromFile: destinationFileName,
-        toFile: sourceLocation.fileName,
-    });
-    if (sourceLocation.exportName === 'default') {
-        return ensureDefaultImport({
-            ast,
-            localName: getAvailableLocalName({
-                ast,
-                baseName: toPascalCaseIdentifier(compositionId),
-            }),
-            sourcePath,
-        });
-    }
-    return (0, imports_1.ensureNamedImport)({
-        ast,
-        importedName: sourceLocation.exportName,
-        sourcePath,
-        localName: getAvailableLocalName({
-            ast,
-            baseName: sourceLocation.exportName,
-        }),
-    });
-};
-const parseSerializedCompositionProps = (serializedResolvedPropsWithCustomSchema) => {
-    const parsed = JSON.parse(serializedResolvedPropsWithCustomSchema);
-    if (!isRecord(parsed)) {
-        throw new Error('Resolved composition props must be an object');
-    }
-    return parsed;
-};
-const containsFileToken = (value) => {
-    if (typeof value === 'string') {
-        return value.startsWith(no_react_1.NoReactInternals.FILE_TOKEN);
-    }
-    if (Array.isArray(value)) {
-        return value.some(containsFileToken);
-    }
-    if (isRecord(value)) {
-        return Object.values(value).some(containsFileToken);
-    }
-    return false;
-};
-const createExpressionAttribute = (name, value) => {
-    return recast.types.builders.jsxAttribute(recast.types.builders.jsxIdentifier(name), recast.types.builders.jsxExpressionContainer((0, update_nested_prop_1.parseValueExpression)(value)));
-};
-const createCompositionPropAttribute = ({ name, value, }) => {
-    if (typeof value === 'string' &&
-        !value.startsWith(no_react_1.NoReactInternals.FILE_TOKEN) &&
-        !value.startsWith(no_react_1.NoReactInternals.DATE_TOKEN)) {
-        return createStringAttribute(name, value);
-    }
-    return createExpressionAttribute(name, value);
-};
-const createCompositionObjectProperty = ({ name, value, }) => {
-    return recast.types.builders.objectProperty(identifierRegex.test(name)
-        ? recast.types.builders.identifier(name)
-        : recast.types.builders.stringLiteral(name), (0, update_nested_prop_1.parseValueExpression)(value));
-};
-const createCompositionComponentElement = ({ localName, props, }) => {
-    const directAttributes = [];
-    const spreadProperties = [];
-    for (const [name, value] of Object.entries(props)) {
-        if (identifierRegex.test(name)) {
-            directAttributes.push(createCompositionPropAttribute({ name, value }));
-        }
-        else {
-            spreadProperties.push(createCompositionObjectProperty({ name, value }));
-        }
-    }
-    const attributes = [
-        ...directAttributes,
-        ...(spreadProperties.length === 0
-            ? []
-            : [
-                recast.types.builders.jsxSpreadAttribute(recast.types.builders.objectExpression(spreadProperties)),
-            ]),
-    ];
-    return recast.types.builders.jsxElement(recast.types.builders.jsxOpeningElement(recast.types.builders.jsxIdentifier(localName), attributes, true), null, []);
-};
-const addElementToComponentRoot = ({ ast, exportName, element, }) => {
-    var _a, _b;
-    var _c, _d;
-    const declaration = getDeclarationByExportName({ ast, exportName });
-    if (!declaration) {
-        throw new Error('Could not find composition component declaration');
-    }
-    const rootNode = getComponentRootNode(declaration);
-    if (!rootNode) {
-        const insertedAt = addElementToNullComponentReturn({ declaration, element });
-        if (insertedAt !== null) {
-            return insertedAt;
-        }
-        throw new Error('Composition component does not return JSX');
-    }
-    const CANVAS_ROOT_ELEMENTS = [
-        'ThreeCanvas',
-        'RiveCanvas',
-        'SkiaCanvas',
-        'canvas',
-    ];
-    if (rootNode.type === 'JSXElement' &&
-        rootNode.openingElement.name.type === 'JSXIdentifier' &&
-        CANVAS_ROOT_ELEMENTS.includes(rootNode.openingElement.name.name)) {
-        throw new Error(`Cannot insert a JSX element into a composition whose root element is <${rootNode.openingElement.name.name}>`);
-    }
-    if (rootNode.type === 'JSXElement') {
-        const existingRoot = rootNode.openingElement.selfClosing
-            ? createSequenceWithChild({
-                child: (0, strip_parenthesized_extra_1.stripParenthesizedExtra)(rootNode),
-                sequenceLocalName: ensureSequenceImport(ast),
-            })
-            : (0, strip_parenthesized_extra_1.stripParenthesizedExtra)(rootNode);
-        const fragment = recast.types.builders.jsxFragment(recast.types.builders.jsxOpeningFragment(), recast.types.builders.jsxClosingFragment(), [existingRoot, element]);
-        let replaced = false;
-        recast.types.visit(ast, {
-            visitJSXElement(astPath) {
-                if (astPath.node === rootNode) {
-                    astPath.replace(fragment);
-                    replaced = true;
-                    return false;
-                }
-                this.traverse(astPath);
-            },
-        });
-        if (!replaced) {
-            throw new Error('Could not replace composition component root');
-        }
-        return (_c = (_a = rootNode.loc) === null || _a === void 0 ? void 0 : _a.start.line) !== null && _c !== void 0 ? _c : 1;
-    }
-    if (!rootNode.children) {
-        throw new Error('Composition component root does not accept children');
-    }
-    rootNode.children.push(element);
-    return (_d = (_b = rootNode.loc) === null || _b === void 0 ? void 0 : _b.start.line) !== null && _d !== void 0 ? _d : 1;
-};
-const getDefaultExportDeclaration = (ast) => {
-    let declaration = null;
-    let identifierName = null;
-    recast.types.visit(ast, {
-        visitExportDefaultDeclaration(astPath) {
-            if (declaration || identifierName) {
-                return false;
-            }
-            const { node } = astPath;
-            if (node.declaration.type === 'Identifier') {
-                identifierName = node.declaration.name;
-                return false;
-            }
-            declaration = node.declaration;
-            return false;
-        },
-    });
-    if (identifierName) {
-        return findLocalComponentDeclaration({ ast, name: identifierName });
-    }
-    return declaration;
-};
-const getDeclarationByExportName = ({ ast, exportName, }) => {
-    if (exportName === 'default') {
-        return getDefaultExportDeclaration(ast);
-    }
-    return findLocalComponentDeclaration({ ast, name: exportName });
-};
-const canAddSequenceToComponent = ({ ast, exportName, }) => {
-    try {
-        addElementToComponentRoot({
-            ast,
-            exportName,
-            element: createSequenceElement(),
-        });
-        recast.print(ast);
-        return true;
-    }
-    catch (_a) {
-        return false;
-    }
-};
-const getComponentLocationInFile = async ({ remotionRoot, fileName, exportName, ast: providedAst, }) => {
-    var _a, _b;
-    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,
-        exportName,
-    });
-    return {
-        source: node_path_1.default.relative(remotionRoot, fileName),
-        fileName,
-        exportName,
-        line: (_a = location === null || location === void 0 ? void 0 : location.line) !== null && _a !== void 0 ? _a : 1,
-        column: (_b = location === null || location === void 0 ? void 0 : location.column) !== null && _b !== void 0 ? _b : 0,
-        canAddSequence,
-    };
-};
-const getComponentLocationRecursively = async ({ remotionRoot, fileName, exportName, visited, }) => {
-    const key = `${fileName}:${exportName}`;
-    if (visited.has(key)) {
-        throw new Error(`Could not resolve component export "${exportName}" in ${node_path_1.default.relative(remotionRoot, fileName)}`);
-    }
-    visited.add(key);
-    try {
-        const input = await readSourceFile({ remotionRoot, fileName });
-        const ast = (0, parse_ast_1.parseAst)(input);
-        const localDeclaration = getDeclarationByExportName({
-            ast,
-            exportName,
-        });
-        if (localDeclaration) {
-            return await getComponentLocationInFile({
-                remotionRoot,
-                fileName,
-                exportName,
-                ast,
-            });
-        }
-        const reExportTargets = findReExportTargets({
-            ast,
-            exportName,
-        });
-        for (const target of reExportTargets) {
-            try {
-                const resolvedImportPath = resolveImportPath({
-                    importPath: target.importPath,
-                    fromFile: fileName,
-                });
-                return await getComponentLocationRecursively({
-                    remotionRoot,
-                    fileName: resolvedImportPath,
-                    exportName: target.exportName,
-                    visited,
-                });
-            }
-            catch (_a) {
-                continue;
-            }
-        }
-        if (reExportTargets.length > 0) {
-            throw new Error(`Could not resolve component export "${exportName}" in ${node_path_1.default.relative(remotionRoot, fileName)}`);
-        }
-        return await getComponentLocationInFile({
-            remotionRoot,
-            fileName,
-            exportName,
-            ast,
-        });
-    }
-    finally {
-        visited.delete(key);
-    }
-};
-const resolveCompositionComponentWithFile = async ({ remotionRoot, compositionFile, compositionId, }) => {
-    const compositionFileName = node_path_1.default.resolve(remotionRoot, compositionFile);
-    const input = await readSourceFile({
-        remotionRoot,
-        fileName: compositionFileName,
-    });
-    const ast = (0, parse_ast_1.parseAstForReadOnly)(input);
-    const compositionElement = findCompositionElement({ ast, compositionId });
-    if (!compositionElement) {
-        throw new Error(`Could not find composition "${compositionId}"`);
-    }
-    const lazyImportPath = getLazyImportPath(compositionElement);
-    if (lazyImportPath) {
-        const lazyComponentFile = resolveImportPath({
-            importPath: lazyImportPath,
-            fromFile: compositionFileName,
-        });
-        return getComponentLocationRecursively({
-            remotionRoot,
-            fileName: lazyComponentFile,
-            exportName: 'default',
-            visited: new Set(),
-        });
-    }
-    const componentName = getComponentIdentifier(compositionElement);
-    if (!componentName) {
-        throw new Error(`Could not find a component prop for composition "${compositionId}"`);
-    }
-    const importTarget = findImportTarget({ ast, componentName });
-    if (!importTarget) {
-        return getComponentLocationInFile({
-            remotionRoot,
-            fileName: compositionFileName,
-            exportName: componentName,
-        });
-    }
-    const importedComponentFile = resolveImportPath({
-        importPath: importTarget.importPath,
-        fromFile: compositionFileName,
-    });
-    return getComponentLocationRecursively({
-        remotionRoot,
-        fileName: importedComponentFile,
-        exportName: importTarget.exportName,
-        visited: new Set(),
-    });
-};
+const makeCodemodEnvironment = (remotionRoot) => ({
+    dirname: node_path_1.default.dirname,
+    extname: node_path_1.default.extname,
+    fileExists: (fileName) => node_fs_1.default.existsSync(fileName) && node_fs_1.default.statSync(fileName).isFile(),
+    formatFile: ({ contents, prettierConfigOverride }) => (0, format_file_content_1.formatFileContent)({ input: contents, prettierConfigOverride }),
+    isAbsolute: node_path_1.default.isAbsolute,
+    join: node_path_1.default.join,
+    pathSeparator: node_path_1.default.sep,
+    readFile: (fileName) => node_fs_1.default.promises.readFile(fileName, 'utf-8'),
+    relative: node_path_1.default.relative,
+    resolve: node_path_1.default.resolve,
+    rootDir: remotionRoot,
+    svgMarkupToJsx: svg_to_jsx_1.svgMarkupToJsx,
+});
+const resolveCompositionComponentWithFile = ({ remotionRoot, compositionFile, compositionId, }) => (0, studio_codemods_1.resolveCompositionComponentWithFile)({
+    compositionFile,
+    compositionId,
+    environment: makeCodemodEnvironment(remotionRoot),
+});
 exports.resolveCompositionComponentWithFile = resolveCompositionComponentWithFile;
-const resolveCompositionComponent = async ({ remotionRoot, compositionFile, compositionId, }) => {
-    const { source, line, column, canAddSequence } = await (0, exports.resolveCompositionComponentWithFile)({
-        remotionRoot,
-        compositionFile,
-        compositionId,
-    });
-    return {
-        source,
-        line,
-        column,
-        canAddSequence,
-    };
-};
+const resolveCompositionComponent = ({ remotionRoot, compositionFile, compositionId, }) => (0, studio_codemods_1.resolveCompositionComponent)({
+    compositionFile,
+    compositionId,
+    environment: makeCodemodEnvironment(remotionRoot),
+});
 exports.resolveCompositionComponent = resolveCompositionComponent;
-const createInsertableJsxElement = ({ addPositionStyleToComponent, ast, destinationFileName, element, from, remotionRoot, }) => {
-    if (element.type === 'solid') {
-        const solidLocalName = ensureSolidImport(ast);
-        return createSolidElement({
-            localName: solidLocalName,
-            width: element.width,
-            height: element.height,
-            position: element.position,
-        });
-    }
-    if (element.type === 'component') {
-        const componentLocalName = ensureComponentImport({
-            ast,
-            componentName: element.componentName,
-            importName: element.importName,
-            importPath: element.importPath,
-        });
-        return createComponentElement({
-            addPositionStyle: addPositionStyleToComponent,
-            from,
-            localName: componentLocalName,
-            props: element.props,
-            position: element.position,
-        });
-    }
-    if (element.type === 'svg') {
-        return createSvgElement({
-            from,
-            interactiveLocalName: ensureInteractiveImport(ast),
-            markup: element.markup,
-            position: element.position,
-        });
-    }
-    if (element.type === 'composition') {
-        return Promise.resolve(ensureCompositionComponentImport({
-            ast,
-            compositionFile: element.compositionFile,
-            compositionId: element.compositionId,
-            destinationFileName,
-            remotionRoot,
-        })).then((localName) => {
-            const props = parseSerializedCompositionProps(element.serializedResolvedPropsWithCustomSchema);
-            if (containsFileToken(props)) {
-                ensureStaticFileImport(ast);
-            }
-            return createCompositionComponentElement({ localName, props });
-        });
-    }
-    if (element.type === 'asset') {
-        if (element.srcType === 'remote' && !(0, studio_shared_1.isUrl)(element.src)) {
-            throw new Error('Remote asset source must be a URL');
-        }
-        const staticFileLocalName = element.srcType === 'remote' ? null : ensureStaticFileImport(ast);
-        let localName;
-        if (element.assetType === 'image') {
-            localName = ensureCanvasImageImport(ast);
-        }
-        else if (element.assetType === 'video') {
-            localName = ensureVideoImport(ast);
-        }
-        else if (element.assetType === 'gif') {
-            localName = ensureGifImport(ast);
-        }
-        else if (element.assetType === 'animated-image') {
-            localName = ensureAnimatedImageImport(ast);
-        }
-        else if (element.assetType === 'audio') {
-            localName = ensureAudioImport(ast);
-        }
-        else {
-            throw new Error('Unsupported asset type');
-        }
-        return createAssetElement({
-            addPositionStyle: addPositionStyleToComponent && element.assetType !== 'audio',
-            durationInFrames: element.assetType === 'image' ? null : element.durationInFrames,
-            from,
-            localName,
-            staticFileLocalName,
-            src: element.src,
-            dimensions: element.assetType === 'image' && from !== null
-                ? null
-                : element.dimensions,
-            position: element.position,
-        });
-    }
-    throw new Error('Unsupported element type');
-};
-const insertJsxElementIntoComposition = async ({ remotionRoot, compositionFile, compositionId, element, from, prettierConfigOverride, wrapInSequence = null, }) => {
-    var _a, _b;
-    const location = await (0, exports.resolveCompositionComponentWithFile)({
-        remotionRoot,
+const insertJsxElementIntoComposition = ({ remotionRoot, compositionFile, compositionId, element, from, prettierConfigOverride, wrapInSequence = null, }) => {
+    var _a;
+    return (0, studio_codemods_1.insertJsxElementIntoComposition)({
         compositionFile,
         compositionId,
-    });
-    if (!location.canAddSequence) {
-        throw new Error('Cannot insert JSX element into this composition component');
-    }
-    const input = await readSourceFile({
-        remotionRoot,
-        fileName: location.fileName,
-    });
-    const ast = (0, parse_ast_1.parseAst)(input);
-    const capturedNodePaths = (0, get_node_path_remappings_1.captureJsxNodePaths)(ast);
-    if (element.type === 'composition' &&
-        element.compositionId === compositionId) {
-        throw new Error('Cannot insert a composition into itself');
-    }
-    const sequenceWrapper = element.type === 'composition'
-        ? {
-            dimensions: { width: element.width, height: element.height },
-            durationInFrames: element.durationInFrames,
-            name: element.compositionId,
-            position: element.position,
-            from,
-        }
-        : from === null ||
-            element.type === 'asset' ||
-            element.type === 'svg' ||
-            element.type === 'component'
-            ? wrapInSequence
-            : {
-                dimensions: null,
-                durationInFrames: null,
-                name: null,
-                position: element.position,
-                from,
-            };
-    const elementToInsert = await createInsertableJsxElement({
-        addPositionStyleToComponent: sequenceWrapper === null,
-        ast,
-        destinationFileName: location.fileName,
         element,
+        environment: makeCodemodEnvironment(remotionRoot),
         from,
-        remotionRoot,
-    });
-    const finalElementToInsert = sequenceWrapper
-        ? createSequenceWrappedElement({
-            child: elementToInsert,
-            dimensions: sequenceWrapper.dimensions,
-            durationInFrames: (_a = sequenceWrapper.durationInFrames) !== null && _a !== void 0 ? _a : null,
-            from: sequenceWrapper.from,
-            name: sequenceWrapper.name,
-            position: sequenceWrapper.position,
-            sequenceLocalName: ensureSequenceImport(ast),
-        })
-        : elementToInsert;
-    const logLine = addElementToComponentRoot({
-        ast,
-        exportName: location.exportName,
-        element: finalElementToInsert,
-    });
-    const finalFile = (0, parse_ast_1.serializeAst)(ast);
-    const { output, formatted } = await (0, format_file_content_1.formatFileContent)({
-        input: finalFile,
         prettierConfigOverride,
+        wrapInSequence: wrapInSequence === null
+            ? null
+            : {
+                dimensions: wrapInSequence.dimensions,
+                durationInFrames: (_a = wrapInSequence.durationInFrames) !== null && _a !== void 0 ? _a : null,
+                from: wrapInSequence.from,
+                name: wrapInSequence.name,
+                position: wrapInSequence.position,
+            },
     });
-    const { finalNodePathByNode, nodePathRemappings } = (0, get_node_path_remappings_1.getNodePathRemappings)({
-        ast,
-        captured: capturedNodePaths,
-        output,
-    });
-    const insertedNodePath = (_b = finalNodePathByNode.get(finalElementToInsert.openingElement)) !== null && _b !== void 0 ? _b : null;
-    return {
-        fileName: location.fileName,
-        source: location.source,
-        oldContents: input,
-        output,
-        formatted,
-        insertedNodePath,
-        logLine,
-        nodePathRemappings,
-    };
 };
 exports.insertJsxElementIntoComposition = insertJsxElementIntoComposition;