@remotion/studio-server 4.0.507 → 4.0.508

package/dist/codemods/delete-jsx-node.d.ts

@@ -13,6 +13,10 @@ export declare const deleteJsxNodes: ({ input, nodePaths, prettierConfigOverride
     formatted: boolean;
     nodeLabels: string[];
     logLines: number[];
+    nodePathRemappings: {
+        oldNodePath: SequenceNodePath;
+        newNodePath: SequenceNodePath | null;
+    }[];
 }>;
 export declare const deleteJsxNode: ({ input, nodePath, prettierConfigOverride, }: {
     input: string;

package/dist/codemods/delete-jsx-node.js

@@ -37,6 +37,7 @@ exports.deleteJsxNode = exports.deleteJsxNodes = exports.deleteJsxElementAtPath
 const recast = __importStar(require("recast"));
 const get_ast_node_path_1 = require("../helpers/get-ast-node-path");
 const format_file_content_1 = require("./format-file-content");
+const get_node_path_remappings_1 = require("./get-node-path-remappings");
 const parse_ast_1 = require("./parse-ast");
 const { builders: b, namedTypes } = recast.types;
 /** Recast `builders.nullLiteral()` is typed against ast-types; normalize to Babel `Expression`. */
@@ -292,6 +293,7 @@ const deleteJsxNodes = async ({ input, nodePaths, prettierConfigOverride, }) =>
         throw new Error('No JSX nodes were specified for deletion');
     }
     const ast = (0, parse_ast_1.parseAst)(input);
+    const capturedNodePaths = (0, get_node_path_remappings_1.captureJsxNodePaths)(ast);
     const pathsToDelete = nodePaths.map((nodePath) => {
         var _a, _b;
         var _c, _d;
@@ -314,11 +316,17 @@ const deleteJsxNodes = async ({ input, nodePaths, prettierConfigOverride, }) =>
         input: finalFile,
         prettierConfigOverride,
     });
+    const nodePathRemappings = (0, get_node_path_remappings_1.getNodePathRemappings)({
+        ast,
+        captured: capturedNodePaths,
+        output,
+    });
     return {
         output,
         formatted,
         nodeLabels: pathsToDelete.map(({ nodeLabel }) => nodeLabel),
         logLines: pathsToDelete.map(({ logLine }) => logLine),
+        nodePathRemappings,
     };
 };
 exports.deleteJsxNodes = deleteJsxNodes;

package/dist/codemods/duplicate-jsx-node.d.ts

@@ -1,3 +1,4 @@
+import type { SequenceNodePathRemapping } from '@remotion/studio-shared';
 import type { SequenceNodePath } from 'remotion';
 export declare const duplicateJsxElementAtPath: (jsxPath: import("ast-types/lib/node-path").NodePath<N, V>) => void;
 export declare const duplicateJsxNode: ({ input, nodePath, prettierConfigOverride, }: {
@@ -9,4 +10,5 @@ export declare const duplicateJsxNode: ({ input, nodePath, prettierConfigOverrid
     formatted: boolean;
     nodeLabel: string;
     logLine: number;
+    nodePathRemappings: SequenceNodePathRemapping[];
 }>;

package/dist/codemods/duplicate-jsx-node.js

@@ -38,6 +38,7 @@ const types_1 = require("@babel/types");
 const recast = __importStar(require("recast"));
 const delete_jsx_node_1 = require("./delete-jsx-node");
 const format_file_content_1 = require("./format-file-content");
+const get_node_path_remappings_1 = require("./get-node-path-remappings");
 const parse_ast_1 = require("./parse-ast");
 const { namedTypes } = recast.types;
 const makeFragment = (first, second) => ({
@@ -288,6 +289,7 @@ const duplicateJsxNode = async ({ input, nodePath, prettierConfigOverride, }) =>
     var _a, _b;
     var _c, _d;
     const ast = (0, parse_ast_1.parseAst)(input);
+    const capturedNodePaths = (0, get_node_path_remappings_1.captureJsxNodePaths)(ast);
     const jsxPath = (0, delete_jsx_node_1.findJsxElementPathForDeletion)(ast, nodePath);
     if (!jsxPath) {
         throw new Error('Could not find a JSX element at the specified location to duplicate');
@@ -301,11 +303,17 @@ const duplicateJsxNode = async ({ input, nodePath, prettierConfigOverride, }) =>
         input: finalFile,
         prettierConfigOverride,
     });
+    const nodePathRemappings = (0, get_node_path_remappings_1.getNodePathRemappings)({
+        ast,
+        captured: capturedNodePaths,
+        output,
+    });
     return {
         output,
         formatted,
         nodeLabel,
         logLine,
+        nodePathRemappings,
     };
 };
 exports.duplicateJsxNode = duplicateJsxNode;

package/dist/codemods/get-node-path-remappings.d.ts

@@ -0,0 +1,13 @@
+import type { File, JSXOpeningElement } from '@babel/types';
+import type { SequenceNodePathRemapping } from '@remotion/studio-shared';
+import type { SequenceNodePath } from 'remotion';
+export type CapturedJsxNodePath = {
+    node: JSXOpeningElement;
+    nodePath: SequenceNodePath;
+};
+export declare const captureJsxNodePaths: (ast: File) => CapturedJsxNodePath[];
+export declare const getNodePathRemappings: ({ ast, captured, output, }: {
+    ast: File;
+    captured: CapturedJsxNodePath[];
+    output: string;
+}) => SequenceNodePathRemapping[];

package/dist/codemods/get-node-path-remappings.js

@@ -0,0 +1,87 @@
+"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.getNodePathRemappings = exports.captureJsxNodePaths = void 0;
+const recast = __importStar(require("recast"));
+const can_update_sequence_props_1 = require("../preview-server/routes/can-update-sequence-props");
+const parse_ast_1 = require("./parse-ast");
+const captureJsxNodePaths = (ast) => {
+    const captured = [];
+    recast.visit(ast, {
+        visitJSXOpeningElement(path) {
+            captured.push({
+                node: path.node,
+                nodePath: (0, can_update_sequence_props_1.getNodePathForRecastPath)(path, ast),
+            });
+            return this.traverse(path);
+        },
+    });
+    return captured;
+};
+exports.captureJsxNodePaths = captureJsxNodePaths;
+const getNodePathRemappings = ({ ast, captured, output, }) => {
+    const nodesAfterMutation = [];
+    recast.visit(ast, {
+        visitJSXOpeningElement(path) {
+            nodesAfterMutation.push(path.node);
+            return this.traverse(path);
+        },
+    });
+    const finalAst = (0, parse_ast_1.parseAst)(output);
+    const finalNodePaths = [];
+    recast.visit(finalAst, {
+        visitJSXOpeningElement(path) {
+            finalNodePaths.push((0, can_update_sequence_props_1.getNodePathForRecastPath)(path, finalAst));
+            return this.traverse(path);
+        },
+    });
+    if (nodesAfterMutation.length !== finalNodePaths.length) {
+        throw new Error('Could not map JSX node paths after modifying JSX nodes');
+    }
+    const finalNodePathByNode = new Map();
+    for (let i = 0; i < nodesAfterMutation.length; i++) {
+        finalNodePathByNode.set(nodesAfterMutation[i], finalNodePaths[i]);
+    }
+    return captured.flatMap(({ node, nodePath }) => {
+        var _a;
+        const newNodePath = (_a = finalNodePathByNode.get(node)) !== null && _a !== void 0 ? _a : null;
+        if (newNodePath !== null &&
+            JSON.stringify(nodePath) === JSON.stringify(newNodePath)) {
+            return [];
+        }
+        return [{ oldNodePath: nodePath, newNodePath }];
+    });
+};
+exports.getNodePathRemappings = getNodePathRemappings;

package/dist/codemods/reorder-sequence.d.ts

@@ -1,4 +1,4 @@
-import type { ReorderSequencePosition } from '@remotion/studio-shared';
+import type { ReorderSequencePosition, SequenceNodePathRemapping } from '@remotion/studio-shared';
 import type { SequenceNodePath } from 'remotion';
 export declare const reorderSequence: ({ input, sourceNodePath, targetNodePath, position, prettierConfigOverride, }: {
     input: string;
@@ -11,4 +11,5 @@ export declare const reorderSequence: ({ input, sourceNodePath, targetNodePath,
     formatted: boolean;
     sequenceLabel: string;
     logLine: number;
+    nodePathRemappings: SequenceNodePathRemapping[];
 }>;

package/dist/codemods/reorder-sequence.js

@@ -37,6 +37,7 @@ exports.reorderSequence = void 0;
 const recast = __importStar(require("recast"));
 const delete_jsx_node_1 = require("./delete-jsx-node");
 const format_file_content_1 = require("./format-file-content");
+const get_node_path_remappings_1 = require("./get-node-path-remappings");
 const parse_ast_1 = require("./parse-ast");
 const { namedTypes } = recast.types;
 const getJsxChildrenParent = (path) => {
@@ -57,6 +58,7 @@ const reorderSequence = async ({ input, sourceNodePath, targetNodePath, position
     var _a, _b;
     var _c, _d;
     const ast = (0, parse_ast_1.parseAst)(input);
+    const capturedNodePaths = (0, get_node_path_remappings_1.captureJsxNodePaths)(ast);
     const sourcePath = (0, delete_jsx_node_1.findJsxElementPathForDeletion)(ast, sourceNodePath);
     if (!sourcePath) {
         throw new Error('Could not find a JSX element at the source location to reorder sequence');
@@ -99,11 +101,17 @@ const reorderSequence = async ({ input, sourceNodePath, targetNodePath, position
         input: finalFile,
         prettierConfigOverride,
     });
+    const nodePathRemappings = (0, get_node_path_remappings_1.getNodePathRemappings)({
+        ast,
+        captured: capturedNodePaths,
+        output,
+    });
     return {
         output,
         formatted,
         sequenceLabel,
         logLine,
+        nodePathRemappings,
     };
 };
 exports.reorderSequence = reorderSequence;

package/dist/codemods/split-jsx-sequence.d.ts

@@ -1,3 +1,4 @@
+import type { SequenceNodePathRemapping } from '@remotion/studio-shared';
 import type { SequenceNodePath } from 'remotion';
 export declare const getSplitUnsupportedSequenceTagReason: (tagName: string) => string | null;
 export declare const getIsSplittableSequenceTag: (tagName: string) => boolean;
@@ -11,4 +12,5 @@ export declare const splitJsxSequence: ({ input, nodePath, splitFrame, prettierC
     formatted: boolean;
     nodeLabel: string;
     logLine: number;
+    nodePathRemappings: SequenceNodePathRemapping[];
 }>;

package/dist/codemods/split-jsx-sequence.js

@@ -38,6 +38,7 @@ const types_1 = require("@babel/types");
 const recast = __importStar(require("recast"));
 const delete_jsx_node_1 = require("./delete-jsx-node");
 const format_file_content_1 = require("./format-file-content");
+const get_node_path_remappings_1 = require("./get-node-path-remappings");
 const parse_ast_1 = require("./parse-ast");
 const { builders: b, namedTypes } = recast.types;
 const jsxId = (name) => ({ type: 'JSXIdentifier', name });
@@ -275,6 +276,7 @@ const splitJsxSequence = async ({ input, nodePath, splitFrame, prettierConfigOve
         throw new Error('Split frame must be an integer');
     }
     const ast = (0, parse_ast_1.parseAst)(input);
+    const capturedNodePaths = (0, get_node_path_remappings_1.captureJsxNodePaths)(ast);
     const jsxPath = (0, delete_jsx_node_1.findJsxElementPathForDeletion)(ast, nodePath);
     if (!jsxPath) {
         throw new Error('Could not find a JSX sequence at the specified location to split');
@@ -340,11 +342,17 @@ const splitJsxSequence = async ({ input, nodePath, splitFrame, prettierConfigOve
         input: finalFile,
         prettierConfigOverride,
     });
+    const nodePathRemappings = (0, get_node_path_remappings_1.getNodePathRemappings)({
+        ast,
+        captured: capturedNodePaths,
+        output,
+    });
     return {
         output,
         formatted,
         nodeLabel: (0, delete_jsx_node_1.getJsxElementTagLabel)(jsxElement),
         logLine: (_d = (_c = (_a = jsxElement.openingElement.loc) === null || _a === void 0 ? void 0 : _a.start.line) !== null && _c !== void 0 ? _c : (_b = jsxElement.loc) === null || _b === void 0 ? void 0 : _b.start.line) !== null && _d !== void 0 ? _d : 1,
+        nodePathRemappings,
     };
 };
 exports.splitJsxSequence = splitJsxSequence;

package/dist/file-watcher.d.ts

@@ -1,3 +1,12 @@
+export type FileChangeMetadata = {
+    skipSequencePropsUpdate: boolean;
+};
+type WriteFileAndNotifyFileWatchersOptions = {
+    file: string;
+    content: string;
+    originatorClientId: string | undefined;
+    metadata: FileChangeMetadata | null;
+};
 export type FileChangeEvent = {
     type: 'created';
     content: string;
@@ -8,6 +17,7 @@ export type FileChangeEvent = {
     type: 'changed';
     content: string;
     originatorClientId: string | undefined;
+    skipSequencePropsUpdate: boolean;
 };
 type OnChange = (event: FileChangeEvent) => void;
 export type FileWatcherRegistry = {
@@ -25,7 +35,7 @@ export type FileWatcherRegistry = {
         exists: boolean;
         unwatch: () => void;
     };
-    writeFileAndNotifyFileWatchers: (file: string, content: string, originatorClientId: string | undefined) => void;
+    writeFileAndNotifyFileWatchers: (options: WriteFileAndNotifyFileWatchersOptions) => void;
 };
 export declare const createFileWatcherRegistry: () => FileWatcherRegistry;
 export declare const setFileWatcherRegistry: (registry: FileWatcherRegistry) => () => void;

package/dist/file-watcher.js

@@ -101,7 +101,12 @@ const createFileWatcherRegistry = () => {
                     return;
                 }
                 shared.lastKnownContent = content;
-                event = { type: 'changed', content, originatorClientId: undefined };
+                event = {
+                    type: 'changed',
+                    content,
+                    originatorClientId: undefined,
+                    skipSequencePropsUpdate: false,
+                };
             }
             if (!event) {
                 return;
@@ -123,7 +128,8 @@ const createFileWatcherRegistry = () => {
             },
         };
     };
-    const _writeFileAndNotifyFileWatchers = (file, content, originatorClientId) => {
+    const _writeFileAndNotifyFileWatchers = ({ file, content, originatorClientId, metadata, }) => {
+        var _a;
         (0, node_fs_1.writeFileSync)(file, content);
         const shared = sharedWatchers.get(getRegistryKey(file, false));
         if (!shared) {
@@ -132,7 +138,12 @@ const createFileWatcherRegistry = () => {
         shared.lastKnownContent = content;
         shared.existedBefore = true;
         for (const subscriber of shared.subscribers) {
-            subscriber({ type: 'changed', content, originatorClientId });
+            subscriber({
+                type: 'changed',
+                content,
+                originatorClientId,
+                skipSequencePropsUpdate: (_a = metadata === null || metadata === void 0 ? void 0 : metadata.skipSequencePropsUpdate) !== null && _a !== void 0 ? _a : false,
+            });
         }
     };
     return {
@@ -166,10 +177,10 @@ const installFileWatcher = (options) => {
     return (0, exports.getFileWatcherRegistry)().installFileWatcher(options);
 };
 exports.installFileWatcher = installFileWatcher;
-const writeFileAndNotifyFileWatchers = (file, content, originatorClientId) => {
+const writeFileAndNotifyFileWatchers = (options) => {
     if (!currentRegistry) {
         return;
     }
-    (0, exports.getFileWatcherRegistry)().writeFileAndNotifyFileWatchers(file, content, originatorClientId);
+    (0, exports.getFileWatcherRegistry)().writeFileAndNotifyFileWatchers(options);
 };
 exports.writeFileAndNotifyFileWatchers = writeFileAndNotifyFileWatchers;

package/dist/helpers/coding-agent-registry.d.ts

@@ -4,7 +4,6 @@ export type InstalledCodingAgent = {
     name: string;
     nameWithType: string;
     applicationPath: string;
-    iconDataUrl: string | null;
     platform: SupportedCodingAgentPlatform;
     launchMode: 'direct' | 'terminal';
     terminal: InstalledTerminal | null;

package/dist/helpers/coding-agent-registry.js

@@ -184,7 +184,6 @@ const findMacApplications = async (bundleIdentifier) => {
         return [];
     }
 };
-const getBundledCodingAgentIconDataUrl = (id) => `data:image/png;base64,${(0, node_fs_1.readFileSync)(node_path_1.default.join(__dirname, '..', '..', 'web', 'coding-agent-icons', `${id}.png`)).toString('base64')}`;
 const defaultDiscoveryContext = {
     platform: process.platform,
     env: process.env,
@@ -294,10 +293,7 @@ const discoverAvailableCodingAgents = async (context) => {
             }
         }
     }
-    return installedCodingAgents.map((codingAgent) => ({
-        ...codingAgent,
-        iconDataUrl: getBundledCodingAgentIconDataUrl(codingAgent.id),
-    }));
+    return installedCodingAgents;
 };
 exports.discoverAvailableCodingAgents = discoverAvailableCodingAgents;
 let availableCodingAgents = null;

package/dist/helpers/finder-artwork.d.ts

@@ -0,0 +1 @@
+export declare const finderArtworkDataUrl = "data:image/png;base64,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";

package/dist/helpers/finder-artwork.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.finderArtworkDataUrl = void 0;
+exports.finderArtworkDataUrl = 'data:image/png;base64,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';

package/dist/helpers/resolve-composition-component.d.ts

@@ -1,4 +1,4 @@
-import { type InsertableCompositionElement, type InsertableCompositionElementPosition } from '@remotion/studio-shared';
+import { type InsertableCompositionElement, type InsertableCompositionElementPosition, type SequenceNodePathRemapping } from '@remotion/studio-shared';
 export type ResolvedCompositionComponent = {
     source: string;
     line: number;
@@ -43,4 +43,5 @@ export declare const insertJsxElementIntoComposition: ({ remotionRoot, compositi
     output: string;
     formatted: boolean;
     logLine: number;
+    nodePathRemappings: SequenceNodePathRemapping[];
 }>;

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

@@ -39,11 +39,11 @@ 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_codemods_1 = require("@remotion/studio-codemods");
 const studio_shared_1 = require("@remotion/studio-shared");
 const recast = __importStar(require("recast"));
 const no_react_1 = require("remotion/no-react");
 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");
@@ -1130,14 +1130,14 @@ const addElementToComponentRoot = ({ ast, exportName, element, }) => {
         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' && rootNode.openingElement.selfClosing) {
-        const fragment = recast.types.builders.jsxFragment(recast.types.builders.jsxOpeningFragment(), recast.types.builders.jsxClosingFragment(), [
-            createSequenceWithChild({
+    if (rootNode.type === 'JSXElement') {
+        const existingRoot = rootNode.openingElement.selfClosing
+            ? createSequenceWithChild({
                 child: (0, strip_parenthesized_extra_1.stripParenthesizedExtra)(rootNode),
                 sequenceLocalName: ensureSequenceImport(ast),
-            }),
-            element,
-        ]);
+            })
+            : (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) {
@@ -1440,75 +1440,66 @@ const insertJsxElementIntoComposition = async ({ remotionRoot, compositionFile,
         remotionRoot,
         fileName: location.fileName,
     });
-    let finalFile;
-    let logLine;
-    if (element.type === 'solid' && from === null && wrapInSequence === null) {
-        const inserted = (0, studio_codemods_1.insertSolidIntoSource)({
-            exportName: location.exportName,
-            height: element.height,
+    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,
-            source: input,
-            width: element.width,
-        });
-        finalFile = inserted.output;
-        logLine = inserted.line;
-    }
-    else {
-        const ast = (0, parse_ast_1.parseAst)(input);
-        if (element.type === 'composition' &&
-            element.compositionId === compositionId) {
-            throw new Error('Cannot insert a composition into itself');
+            from,
         }
-        const sequenceWrapper = element.type === 'composition'
-            ? {
-                dimensions: { width: element.width, height: element.height },
-                durationInFrames: element.durationInFrames,
-                name: element.compositionId,
+        : from === null ||
+            element.type === 'asset' ||
+            element.type === 'svg' ||
+            element.type === 'component'
+            ? wrapInSequence
+            : {
+                dimensions: null,
+                durationInFrames: null,
+                name: null,
                 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,
-            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;
-        logLine = addElementToComponentRoot({
-            ast,
-            exportName: location.exportName,
-            element: finalElementToInsert,
-        });
-        finalFile = (0, parse_ast_1.serializeAst)(ast);
-    }
+            };
+    const elementToInsert = await createInsertableJsxElement({
+        addPositionStyleToComponent: sequenceWrapper === null,
+        ast,
+        destinationFileName: location.fileName,
+        element,
+        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,
     });
+    const nodePathRemappings = (0, get_node_path_remappings_1.getNodePathRemappings)({
+        ast,
+        captured: capturedNodePaths,
+        output,
+    });
     return {
         fileName: location.fileName,
         source: location.source,
@@ -1516,6 +1507,7 @@ const insertJsxElementIntoComposition = async ({ remotionRoot, compositionFile,
         output,
         formatted,
         logLine,
+        nodePathRemappings,
     };
 };
 exports.insertJsxElementIntoComposition = insertJsxElementIntoComposition;