@remotion/studio-server 4.0.469 → 4.0.471

package/dist/codemods/update-keyframes/ensure-imports-and-frame-hook.js

@@ -0,0 +1,152 @@
+"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.ensureUseCurrentFrameHook = exports.ensureRemotionImports = exports.findEnclosingFunctionPath = void 0;
+const recast = __importStar(require("recast"));
+const b = recast.types.builders;
+const n = recast.types.namedTypes;
+const isFunctionNode = (value) => {
+    return (n.FunctionDeclaration.check(value) ||
+        n.FunctionExpression.check(value) ||
+        n.ArrowFunctionExpression.check(value));
+};
+const findEnclosingFunctionPath = (path) => {
+    let current = path.parentPath;
+    while (current) {
+        if (isFunctionNode(current.value)) {
+            return current;
+        }
+        current = current.parentPath;
+    }
+    return null;
+};
+exports.findEnclosingFunctionPath = findEnclosingFunctionPath;
+const findRemotionImport = (ast) => {
+    for (const stmt of ast.program.body) {
+        if (stmt.type === 'ImportDeclaration' &&
+            stmt.source.type === 'StringLiteral' &&
+            stmt.source.value === 'remotion') {
+            return stmt;
+        }
+    }
+    return null;
+};
+const insertImportDeclaration = (ast, importDecl) => {
+    const { body } = ast.program;
+    let lastImportIndex = -1;
+    for (let i = 0; i < body.length; i++) {
+        if (body[i].type === 'ImportDeclaration') {
+            lastImportIndex = i;
+        }
+    }
+    body.splice(lastImportIndex + 1, 0, importDecl);
+};
+const ensureRemotionImports = (ast, names) => {
+    var _a, _b;
+    if (names.size === 0) {
+        return;
+    }
+    let remotionImport = findRemotionImport(ast);
+    if (!remotionImport) {
+        remotionImport = b.importDeclaration([], b.stringLiteral('remotion'));
+        insertImportDeclaration(ast, remotionImport);
+    }
+    const existingNames = new Set();
+    for (const specifier of (_a = remotionImport.specifiers) !== null && _a !== void 0 ? _a : []) {
+        if (specifier.type !== 'ImportSpecifier') {
+            continue;
+        }
+        const { imported } = specifier;
+        if (imported.type === 'Identifier') {
+            existingNames.add(imported.name);
+        }
+        else if (imported.type === 'StringLiteral') {
+            existingNames.add(imported.value);
+        }
+    }
+    for (const name of names) {
+        if (existingNames.has(name)) {
+            continue;
+        }
+        remotionImport.specifiers = (_b = remotionImport.specifiers) !== null && _b !== void 0 ? _b : [];
+        remotionImport.specifiers.push(b.importSpecifier(b.identifier(name)));
+        existingNames.add(name);
+    }
+};
+exports.ensureRemotionImports = ensureRemotionImports;
+const componentBodyHasFrameDeclaration = (body) => {
+    if (!n.BlockStatement.check(body)) {
+        return false;
+    }
+    for (const stmt of body.body) {
+        if (stmt.type !== 'VariableDeclaration') {
+            continue;
+        }
+        for (const decl of stmt.declarations) {
+            if (decl.type !== 'VariableDeclarator') {
+                continue;
+            }
+            if (decl.id.type === 'Identifier' &&
+                decl.id.name === 'frame' &&
+                decl.init &&
+                decl.init.type === 'CallExpression' &&
+                decl.init.callee.type === 'Identifier' &&
+                decl.init.callee.name === 'useCurrentFrame') {
+                return true;
+            }
+        }
+    }
+    return false;
+};
+const ensureUseCurrentFrameHook = (functionPath) => {
+    const fn = functionPath.value;
+    if (!n.BlockStatement.check(fn.body)) {
+        // Arrow function with expression body: wrap the expression in a block so
+        // we can prepend the hook call before returning the original expression.
+        const expression = fn.body;
+        fn.body = b.blockStatement([
+            b.returnStatement(expression),
+        ]);
+    }
+    if (componentBodyHasFrameDeclaration(fn.body)) {
+        return;
+    }
+    const block = fn.body;
+    const frameDecl = b.variableDeclaration('const', [
+        b.variableDeclarator(b.identifier('frame'), b.callExpression(b.identifier('useCurrentFrame'), [])),
+    ]);
+    block.body.unshift(frameDecl);
+};
+exports.ensureUseCurrentFrameHook = ensureUseCurrentFrameHook;

package/dist/codemods/update-keyframes/update-keyframes.d.ts

@@ -15,6 +15,10 @@ export type EffectKeyframeUpdate = {
     key: string;
     operation: KeyframeOperation;
 };
+export type IntroducedKeyframeIdentifiers = {
+    calleeName: 'interpolate' | 'interpolateColors' | null;
+    needsFrameHook: boolean;
+};
 export declare const updateSequenceKeyframesAst: ({ input, nodePath, updates, }: {
     input: string;
     nodePath: SequenceNodePath;
@@ -22,7 +26,9 @@ export declare const updateSequenceKeyframesAst: ({ input, nodePath, updates, }:
 }) => {
     serialized: string;
     oldValueStrings: string[];
+    newValueStrings: string[];
     logLine: number;
+    updatedNodePath: SequenceNodePath;
 };
 export declare const updateSequenceKeyframes: ({ input, nodePath, updates, prettierConfigOverride, }: {
     input: string;
@@ -33,7 +39,9 @@ export declare const updateSequenceKeyframes: ({ input, nodePath, updates, prett
     output: string;
     formatted: boolean;
     oldValueStrings: string[];
+    newValueStrings: string[];
     logLine: number;
+    updatedNodePath: SequenceNodePath;
 }>;
 export declare const updateEffectKeyframesAst: ({ input, sequenceNodePath, effectIndex, updates, }: {
     input: string;
@@ -43,8 +51,10 @@ export declare const updateEffectKeyframesAst: ({ input, sequenceNodePath, effec
 }) => {
     serialized: string;
     oldValueStrings: string[];
+    newValueStrings: string[];
     logLine: number;
     effectCallee: string;
+    updatedSequenceNodePath: SequenceNodePath;
 };
 export declare const updateEffectKeyframes: ({ input, sequenceNodePath, effectIndex, updates, prettierConfigOverride, }: {
     input: string;
@@ -56,6 +66,8 @@ export declare const updateEffectKeyframes: ({ input, sequenceNodePath, effectIn
     output: string;
     formatted: boolean;
     oldValueStrings: string[];
+    newValueStrings: string[];
     logLine: number;
     effectCallee: string;
+    updatedSequenceNodePath: SequenceNodePath;
 }>;

package/dist/codemods/update-keyframes/update-keyframes.js

@@ -35,11 +35,13 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.updateEffectKeyframes = exports.updateEffectKeyframesAst = exports.updateSequenceKeyframes = exports.updateSequenceKeyframesAst = void 0;
 const recast = __importStar(require("recast"));
+const get_ast_node_path_1 = require("../../helpers/get-ast-node-path");
 const can_update_sequence_props_1 = require("../../preview-server/routes/can-update-sequence-props");
 const format_file_content_1 = require("../format-file-content");
 const parse_ast_1 = require("../parse-ast");
 const update_effect_props_1 = require("../update-effect-props/update-effect-props");
 const update_nested_prop_1 = require("../update-nested-prop");
+const ensure_imports_and_frame_hook_1 = require("./ensure-imports-and-frame-hook");
 const b = recast.types.builders;
 const getSupportedCallArgument = (arg) => {
     if (arg === undefined ||
@@ -139,6 +141,10 @@ const createInterpolateExpression = ({ callee, input, extraArgs, keyframes, }) =
         ...extraArgs,
     ]);
 };
+const noIntroducedIdentifiers = {
+    calleeName: null,
+    needsFrameHook: false,
+};
 const addKeyframe = ({ expression, frame, value, }) => {
     const existing = getInterpolationExpression(expression);
     const newOutput = (0, update_nested_prop_1.parseValueExpression)(value);
@@ -149,33 +155,39 @@ const addKeyframe = ({ expression, frame, value, }) => {
             : existing.keyframes.map((keyframe, index) => index === existingIndex
                 ? { frame, output: newOutput, value }
                 : keyframe);
-        return createInterpolateExpression({
-            callee: existing.callee,
-            input: existing.input,
-            extraArgs: existing.extraArgs,
-            keyframes: nextKeyframes,
-        });
+        return {
+            expression: createInterpolateExpression({
+                callee: existing.callee,
+                input: existing.input,
+                extraArgs: existing.extraArgs,
+                keyframes: nextKeyframes,
+            }),
+            introduced: noIntroducedIdentifiers,
+        };
     }
     if (!(0, can_update_sequence_props_1.isStaticValue)(expression)) {
         throw new Error('Cannot add keyframe to computed expression');
     }
     const staticValue = (0, can_update_sequence_props_1.extractStaticValue)(expression);
-    const staticOutput = (0, update_nested_prop_1.parseValueExpression)(staticValue);
-    const keyframes = frame === 0
-        ? [{ frame, output: newOutput, value }]
-        : [
-            { frame: 0, output: staticOutput, value: staticValue },
-            { frame, output: newOutput, value },
-        ];
-    return createInterpolateExpression({
-        callee: getInterpolationCalleeForValues({
-            staticValue,
-            newValue: value,
-        }),
-        input: b.identifier('frame'),
-        extraArgs: [],
-        keyframes,
+    const keyframes = [{ frame, output: newOutput, value }];
+    const callee = getInterpolationCalleeForValues({
+        staticValue,
+        newValue: value,
     });
+    return {
+        expression: createInterpolateExpression({
+            callee,
+            input: b.identifier('frame'),
+            extraArgs: [],
+            keyframes,
+        }),
+        introduced: {
+            calleeName: callee.type === 'Identifier'
+                ? callee.name
+                : null,
+            needsFrameHook: true,
+        },
+    };
 };
 const removeKeyframe = ({ expression, frame, }) => {
     const existing = getInterpolationExpression(expression);
@@ -187,6 +199,9 @@ const removeKeyframe = ({ expression, frame, }) => {
         throw new Error(`Cannot remove keyframe at frame ${frame}: not found`);
     }
     const nextKeyframes = existing.keyframes.filter((_keyframe, index) => index !== keyframeIndex);
+    if (nextKeyframes.length === 0) {
+        return existing.keyframes[keyframeIndex].output;
+    }
     return createInterpolateExpression({
         callee: existing.callee,
         input: existing.input,
@@ -202,7 +217,10 @@ const applyKeyframeOperation = ({ expression, operation, }) => {
             value: operation.value,
         });
     }
-    return removeKeyframe({ expression, frame: operation.frame });
+    return {
+        expression: removeKeyframe({ expression, frame: operation.frame }),
+        introduced: noIntroducedIdentifiers,
+    };
 };
 const getExpressionFromJsxAttribute = (attr) => {
     if (!attr.value) {
@@ -301,34 +319,60 @@ const updateSequenceKeyframesAst = ({ input, nodePath, updates, }) => {
     var _a;
     var _b;
     const ast = (0, parse_ast_1.parseAst)(input);
+    const jsxPath = (0, get_ast_node_path_1.getAstNodePath)(ast, nodePath);
     const node = (0, can_update_sequence_props_1.findJsxElementAtNodePath)(ast, nodePath);
-    if (!node) {
+    if (!node || !jsxPath) {
         throw new Error('Could not find a JSX element at the specified location to update keyframes');
     }
     if (!node.attributes) {
         node.attributes = [];
     }
+    const requiredImports = new Set();
+    let needsFrameHook = false;
     const oldValueStrings = [];
+    const newValueStrings = [];
     for (const update of updates) {
         const prop = getSequenceWritableProp({
             attributes: node.attributes,
             key: update.key,
         });
         oldValueStrings.push(recast.print(prop.expression).code);
-        prop.setExpression(applyKeyframeOperation({
+        const { expression: nextExpression, introduced } = applyKeyframeOperation({
             expression: prop.expression,
             operation: update.operation,
-        }));
+        });
+        newValueStrings.push(recast.print(nextExpression).code);
+        prop.setExpression(nextExpression);
+        if (introduced.calleeName) {
+            requiredImports.add(introduced.calleeName);
+        }
+        if (introduced.needsFrameHook) {
+            requiredImports.add('useCurrentFrame');
+            needsFrameHook = true;
+        }
+    }
+    if (needsFrameHook) {
+        const fnPath = (0, ensure_imports_and_frame_hook_1.findEnclosingFunctionPath)(jsxPath);
+        if (fnPath) {
+            (0, ensure_imports_and_frame_hook_1.ensureUseCurrentFrameHook)(fnPath);
+        }
+    }
+    (0, ensure_imports_and_frame_hook_1.ensureRemotionImports)(ast, requiredImports);
+    const updatedNodePath = (0, can_update_sequence_props_1.findNodePathForJsxElement)(ast, node);
+    if (!updatedNodePath) {
+        throw new Error('Could not find updated JSX element location after updating keyframes');
     }
     return {
         serialized: (0, parse_ast_1.serializeAst)(ast),
         oldValueStrings,
+        newValueStrings,
         logLine: (_b = (_a = node.loc) === null || _a === void 0 ? void 0 : _a.start.line) !== null && _b !== void 0 ? _b : 1,
+        updatedNodePath,
     };
 };
 exports.updateSequenceKeyframesAst = updateSequenceKeyframesAst;
 const updateSequenceKeyframes = async ({ input, nodePath, updates, prettierConfigOverride, }) => {
-    const { serialized, oldValueStrings, logLine } = (0, exports.updateSequenceKeyframesAst)({
+    const { serialized, oldValueStrings, newValueStrings, logLine, updatedNodePath, } = (0, exports.updateSequenceKeyframesAst)({
         input,
         nodePath,
         updates,
@@ -337,15 +381,23 @@ const updateSequenceKeyframes = async ({ input, nodePath, updates, prettierConfi
         input: serialized,
         prettierConfigOverride,
     });
-    return { output, formatted, oldValueStrings, logLine };
+    return {
+        output,
+        formatted,
+        oldValueStrings,
+        newValueStrings,
+        logLine,
+        updatedNodePath,
+    };
 };
 exports.updateSequenceKeyframes = updateSequenceKeyframes;
 const updateEffectKeyframesAst = ({ input, sequenceNodePath, effectIndex, updates, }) => {
     var _a, _b;
     var _c, _d, _e;
     const ast = (0, parse_ast_1.parseAst)(input);
+    const jsxPath = (0, get_ast_node_path_1.getAstNodePath)(ast, sequenceNodePath);
     const jsx = (0, can_update_sequence_props_1.findJsxElementAtNodePath)(ast, sequenceNodePath);
-    if (!jsx) {
+    if (!jsx || !jsxPath) {
         throw new Error('Could not find a JSX element at the specified location to update effect keyframes');
     }
     const attr = (0, update_effect_props_1.findEffectsAttr)((_c = jsx.attributes) !== null && _c !== void 0 ? _c : []);
@@ -363,27 +415,52 @@ const updateEffectKeyframesAst = ({ input, sequenceNodePath, effectIndex, update
     }
     const objExpr = call.arguments[0];
     const oldValueStrings = [];
+    const newValueStrings = [];
+    const requiredImports = new Set();
+    let needsFrameHook = false;
     for (const update of updates) {
         const { prop } = findObjectProperty(objExpr, update.key);
         if (!prop) {
             throw new Error(`Cannot update keyframes: "${update.key}" is not set`);
         }
         oldValueStrings.push(recast.print(prop.value).code);
-        prop.value = applyKeyframeOperation({
+        const { expression: nextExpression, introduced } = applyKeyframeOperation({
             expression: prop.value,
             operation: update.operation,
         });
+        newValueStrings.push(recast.print(nextExpression).code);
+        prop.value = nextExpression;
+        if (introduced.calleeName) {
+            requiredImports.add(introduced.calleeName);
+        }
+        if (introduced.needsFrameHook) {
+            requiredImports.add('useCurrentFrame');
+            needsFrameHook = true;
+        }
+    }
+    if (needsFrameHook) {
+        const fnPath = (0, ensure_imports_and_frame_hook_1.findEnclosingFunctionPath)(jsxPath);
+        if (fnPath) {
+            (0, ensure_imports_and_frame_hook_1.ensureUseCurrentFrameHook)(fnPath);
+        }
+    }
+    (0, ensure_imports_and_frame_hook_1.ensureRemotionImports)(ast, requiredImports);
+    const updatedSequenceNodePath = (0, can_update_sequence_props_1.findNodePathForJsxElement)(ast, jsx);
+    if (!updatedSequenceNodePath) {
+        throw new Error('Could not find updated JSX element location after updating effect keyframes');
     }
     return {
         serialized: (0, parse_ast_1.serializeAst)(ast),
         oldValueStrings,
+        newValueStrings,
         logLine: (_e = (_d = (_a = call.loc) === null || _a === void 0 ? void 0 : _a.start.line) !== null && _d !== void 0 ? _d : (_b = jsx.loc) === null || _b === void 0 ? void 0 : _b.start.line) !== null && _e !== void 0 ? _e : 1,
         effectCallee,
+        updatedSequenceNodePath,
     };
 };
 exports.updateEffectKeyframesAst = updateEffectKeyframesAst;
 const updateEffectKeyframes = async ({ input, sequenceNodePath, effectIndex, updates, prettierConfigOverride, }) => {
-    const { serialized, oldValueStrings, logLine, effectCallee } = (0, exports.updateEffectKeyframesAst)({
+    const { serialized, oldValueStrings, newValueStrings, logLine, effectCallee, updatedSequenceNodePath, } = (0, exports.updateEffectKeyframesAst)({
         input,
         sequenceNodePath,
         effectIndex,
@@ -393,6 +470,14 @@ const updateEffectKeyframes = async ({ input, sequenceNodePath, effectIndex, upd
         input: serialized,
         prettierConfigOverride,
     });
-    return { output, formatted, oldValueStrings, logLine, effectCallee };
+    return {
+        output,
+        formatted,
+        oldValueStrings,
+        newValueStrings,
+        logLine,
+        effectCallee,
+        updatedSequenceNodePath,
+    };
 };
 exports.updateEffectKeyframes = updateEffectKeyframes;

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

@@ -1,5 +1,4 @@
-import type { SequenceNodePath } from 'remotion';
-import type { SequenceSchema } from 'remotion';
+import type { SequenceNodePath, SequenceSchema } from 'remotion';
 export type SequencePropUpdate = {
     key: string;
     value: unknown;
@@ -9,6 +8,29 @@ export type RemovedProp = {
     key: string;
     valueString: string;
 };
+export type SequencePropsNodeUpdate = {
+    nodePath: SequenceNodePath;
+    updates: SequencePropUpdate[];
+    schema: SequenceSchema;
+};
+export type SequencePropsNodeUpdateResult = {
+    oldValueStrings: string[];
+    logLine: number;
+    removedProps: RemovedProp[];
+};
+type PrettierConfigOverride = Record<string, unknown> | null;
+type UpdateMultipleSequencePropsResult = {
+    output: string;
+    formatted: boolean;
+    results: SequencePropsNodeUpdateResult[];
+};
+type UpdateSequencePropsResult = {
+    output: string;
+    oldValueStrings: string[];
+    formatted: boolean;
+    logLine: number;
+    removedProps: RemovedProp[];
+};
 export declare const updateSequencePropsAst: ({ input, nodePath, updates, schema, }: {
     input: string;
     nodePath: SequenceNodePath;
@@ -20,16 +42,16 @@ export declare const updateSequencePropsAst: ({ input, nodePath, updates, schema
     logLine: number;
     removedProps: RemovedProp[];
 };
+export declare const updateMultipleSequenceProps: ({ input, changes, prettierConfigOverride, }: {
+    input: string;
+    changes: SequencePropsNodeUpdate[];
+    prettierConfigOverride: PrettierConfigOverride;
+}) => Promise<UpdateMultipleSequencePropsResult>;
 export declare const updateSequenceProps: ({ input, nodePath, updates, schema, prettierConfigOverride, }: {
     input: string;
     nodePath: SequenceNodePath;
     updates: SequencePropUpdate[];
     schema: SequenceSchema;
-    prettierConfigOverride?: Record<string, unknown> | null | undefined;
-}) => Promise<{
-    output: string;
-    oldValueStrings: string[];
-    formatted: boolean;
-    logLine: number;
-    removedProps: RemovedProp[];
-}>;
+    prettierConfigOverride: PrettierConfigOverride;
+}) => Promise<UpdateSequencePropsResult>;
+export {};

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

@@ -33,7 +33,7 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateSequenceProps = exports.updateSequencePropsAst = void 0;
+exports.updateSequenceProps = exports.updateMultipleSequenceProps = exports.updateSequencePropsAst = void 0;
 const recast = __importStar(require("recast"));
 const no_react_1 = require("remotion/no-react");
 const can_update_sequence_props_1 = require("../../preview-server/routes/can-update-sequence-props");
@@ -85,14 +85,9 @@ const snapshotTopLevelAttrs = (node) => {
     }
     return result;
 };
-const updateSequencePropsAst = ({ input, nodePath, updates, schema, }) => {
+const updateSequencePropsNode = ({ node, updates, schema, }) => {
     var _a, _b, _c;
     var _d, _e;
-    const ast = (0, parse_ast_1.parseAst)(input);
-    const node = (0, can_update_sequence_props_1.findJsxElementAtNodePath)(ast, nodePath);
-    if (!node) {
-        throw new Error('Could not find a JSX element at the specified line to update');
-    }
     const logLine = (_d = (_a = node.loc) === null || _a === void 0 ? void 0 : _a.start.line) !== null && _d !== void 0 ? _d : 1;
     const oldValueStrings = [];
     const initialAttrs = snapshotTopLevelAttrs(node);
@@ -194,6 +189,23 @@ const updateSequencePropsAst = ({ input, nodePath, updates, schema, }) => {
         }
         removedProps.push({ key: name, valueString });
     }
+    return {
+        oldValueStrings,
+        logLine,
+        removedProps,
+    };
+};
+const updateSequencePropsAst = ({ input, nodePath, updates, schema, }) => {
+    const ast = (0, parse_ast_1.parseAst)(input);
+    const node = (0, can_update_sequence_props_1.findJsxElementAtNodePath)(ast, nodePath);
+    if (!node) {
+        throw new Error('Could not find a JSX element at the specified line to update');
+    }
+    const { oldValueStrings, logLine, removedProps } = updateSequencePropsNode({
+        node,
+        updates,
+        schema,
+    });
     return {
         serialized: (0, parse_ast_1.serializeAst)(ast),
         oldValueStrings,
@@ -202,6 +214,26 @@ const updateSequencePropsAst = ({ input, nodePath, updates, schema, }) => {
     };
 };
 exports.updateSequencePropsAst = updateSequencePropsAst;
+const updateMultipleSequenceProps = async ({ input, changes, prettierConfigOverride, }) => {
+    const ast = (0, parse_ast_1.parseAst)(input);
+    const results = changes.map(({ nodePath, updates, schema }) => {
+        const node = (0, can_update_sequence_props_1.findJsxElementAtNodePath)(ast, nodePath);
+        if (!node) {
+            throw new Error('Could not find a JSX element at the specified line to update');
+        }
+        return updateSequencePropsNode({ node, updates, schema });
+    });
+    const { output, formatted } = await (0, format_file_content_1.formatFileContent)({
+        input: (0, parse_ast_1.serializeAst)(ast),
+        prettierConfigOverride,
+    });
+    return {
+        output,
+        formatted,
+        results,
+    };
+};
+exports.updateMultipleSequenceProps = updateMultipleSequenceProps;
 const updateSequenceProps = async ({ input, nodePath, updates, schema, prettierConfigOverride, }) => {
     const { serialized, oldValueStrings, logLine, removedProps } = (0, exports.updateSequencePropsAst)({
         input,

package/dist/helpers/open-in-editor.d.ts

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 import type { LogLevel } from '@remotion/renderer';
-declare const editorNames: readonly ["atom", "/Applications/Atom Beta.app/Contents/MacOS/Atom Beta", "brackets", "/Applications/Sublime Text.app/Contents/SharedSupport/bin/subl", "/Applications/Sublime Text Dev.app/Contents/SharedSupport/bin/subl", "/Applications/Sublime Text 2.app/Contents/SharedSupport/bin/subl", "code", "code-insiders", "vscodium", "/Applications/AppCode.app/Contents/MacOS/appcode", "/Applications/CLion.app/Contents/MacOS/clion", "/Applications/IntelliJ IDEA.app/Contents/MacOS/idea", "/Applications/PhpStorm.app/Contents/MacOS/phpstorm", "/Applications/PyCharm.app/Contents/MacOS/pycharm", "/Applications/PyCharm CE.app/Contents/MacOS/pycharm", "/Applications/RubyMine.app/Contents/MacOS/rubymine", "/Applications/WebStorm.app/Contents/MacOS/webstorm", "/Applications/GoLand.app/Contents/MacOS/goland", "/Applications/Rider.app/Contents/MacOS/rider", "mvim", "emacs", "gvim", "idea", "phpstorm", "pycharm", "rubymine", "subl", "sublime_text", "vim", "webstorm", "goland", "rider", "Brackets.exe", "Code.exe", "Code - Insiders.exe", "VSCodium.exe", "atom.exe", "sublime_text.exe", "notepad++.exe", "clion.exe", "clion64.exe", "idea.exe", "idea64.exe", "phpstorm.exe", "phpstorm64.exe", "pycharm.exe", "pycharm64.exe", "rubymine.exe", "rubymine64.exe", "webstorm.exe", "webstorm64.exe", "goland.exe", "goland64.exe", "rider.exe", "rider64.exe", "nano", "cursor", "/Applications/Cursor.app/Contents/MacOS/Cursor", "Cursor.exe", "windsurf", "/Applications/Windsurf.app/Contents/MacOS/Windsurf", "Windsurf.exe", "zed"];
-export declare const getDisplayNameForEditor: (editor: "/Applications/AppCode.app/Contents/MacOS/appcode" | "/Applications/Atom Beta.app/Contents/MacOS/Atom Beta" | "/Applications/CLion.app/Contents/MacOS/clion" | "/Applications/Cursor.app/Contents/MacOS/Cursor" | "/Applications/GoLand.app/Contents/MacOS/goland" | "/Applications/IntelliJ IDEA.app/Contents/MacOS/idea" | "/Applications/PhpStorm.app/Contents/MacOS/phpstorm" | "/Applications/PyCharm CE.app/Contents/MacOS/pycharm" | "/Applications/PyCharm.app/Contents/MacOS/pycharm" | "/Applications/Rider.app/Contents/MacOS/rider" | "/Applications/RubyMine.app/Contents/MacOS/rubymine" | "/Applications/Sublime Text 2.app/Contents/SharedSupport/bin/subl" | "/Applications/Sublime Text Dev.app/Contents/SharedSupport/bin/subl" | "/Applications/Sublime Text.app/Contents/SharedSupport/bin/subl" | "/Applications/WebStorm.app/Contents/MacOS/webstorm" | "/Applications/Windsurf.app/Contents/MacOS/Windsurf" | "Brackets.exe" | "Code - Insiders.exe" | "Code.exe" | "Cursor.exe" | "VSCodium.exe" | "Windsurf.exe" | "atom" | "atom.exe" | "brackets" | "clion.exe" | "clion64.exe" | "code" | "code-insiders" | "cursor" | "emacs" | "goland" | "goland.exe" | "goland64.exe" | "gvim" | "idea" | "idea.exe" | "idea64.exe" | "mvim" | "nano" | "notepad++.exe" | "phpstorm" | "phpstorm.exe" | "phpstorm64.exe" | "pycharm" | "pycharm.exe" | "pycharm64.exe" | "rider" | "rider.exe" | "rider64.exe" | "rubymine" | "rubymine.exe" | "rubymine64.exe" | "subl" | "sublime_text" | "sublime_text.exe" | "vim" | "vscodium" | "webstorm" | "webstorm.exe" | "webstorm64.exe" | "windsurf" | "zed" | null) => string | null;
+declare const editorNames: readonly ["atom", "/Applications/Atom Beta.app/Contents/MacOS/Atom Beta", "brackets", "/Applications/Sublime Text.app/Contents/SharedSupport/bin/subl", "/Applications/Sublime Text Dev.app/Contents/SharedSupport/bin/subl", "/Applications/Sublime Text 2.app/Contents/SharedSupport/bin/subl", "code", "code-insiders", "vscodium", "/Applications/AppCode.app/Contents/MacOS/appcode", "/Applications/CLion.app/Contents/MacOS/clion", "/Applications/IntelliJ IDEA.app/Contents/MacOS/idea", "/Applications/PhpStorm.app/Contents/MacOS/phpstorm", "/Applications/PyCharm.app/Contents/MacOS/pycharm", "/Applications/PyCharm CE.app/Contents/MacOS/pycharm", "/Applications/RubyMine.app/Contents/MacOS/rubymine", "/Applications/WebStorm.app/Contents/MacOS/webstorm", "/Applications/GoLand.app/Contents/MacOS/goland", "/Applications/Rider.app/Contents/MacOS/rider", "mvim", "emacs", "gvim", "idea", "phpstorm", "pycharm", "rubymine", "subl", "sublime_text", "vim", "webstorm", "goland", "rider", "Brackets.exe", "Code.exe", "Code - Insiders.exe", "VSCodium.exe", "atom.exe", "sublime_text.exe", "notepad++.exe", "clion.exe", "clion64.exe", "idea.exe", "idea64.exe", "phpstorm.exe", "phpstorm64.exe", "pycharm.exe", "pycharm64.exe", "rubymine.exe", "rubymine64.exe", "webstorm.exe", "webstorm64.exe", "goland.exe", "goland64.exe", "rider.exe", "rider64.exe", "nano", "cursor", "/Applications/Cursor.app/Contents/MacOS/Cursor", "Cursor.exe", "windsurf", "/Applications/Windsurf.app/Contents/MacOS/Windsurf", "Windsurf.exe", "zed", "zedit", "zeditor", "zed-editor", "/Applications/Zed.app/Contents/MacOS/zed", "/Applications/Zed.app/Contents/MacOS/cli", "/Applications/Zed Preview.app/Contents/MacOS/zed", "/Applications/Zed Preview.app/Contents/MacOS/cli", "/Applications/Zed Preview.app/Contents/MacOS/Zed Preview", "Zed.exe"];
+export declare const getDisplayNameForEditor: (editor: "/Applications/AppCode.app/Contents/MacOS/appcode" | "/Applications/Atom Beta.app/Contents/MacOS/Atom Beta" | "/Applications/CLion.app/Contents/MacOS/clion" | "/Applications/Cursor.app/Contents/MacOS/Cursor" | "/Applications/GoLand.app/Contents/MacOS/goland" | "/Applications/IntelliJ IDEA.app/Contents/MacOS/idea" | "/Applications/PhpStorm.app/Contents/MacOS/phpstorm" | "/Applications/PyCharm CE.app/Contents/MacOS/pycharm" | "/Applications/PyCharm.app/Contents/MacOS/pycharm" | "/Applications/Rider.app/Contents/MacOS/rider" | "/Applications/RubyMine.app/Contents/MacOS/rubymine" | "/Applications/Sublime Text 2.app/Contents/SharedSupport/bin/subl" | "/Applications/Sublime Text Dev.app/Contents/SharedSupport/bin/subl" | "/Applications/Sublime Text.app/Contents/SharedSupport/bin/subl" | "/Applications/WebStorm.app/Contents/MacOS/webstorm" | "/Applications/Windsurf.app/Contents/MacOS/Windsurf" | "/Applications/Zed Preview.app/Contents/MacOS/Zed Preview" | "/Applications/Zed Preview.app/Contents/MacOS/cli" | "/Applications/Zed Preview.app/Contents/MacOS/zed" | "/Applications/Zed.app/Contents/MacOS/cli" | "/Applications/Zed.app/Contents/MacOS/zed" | "Brackets.exe" | "Code - Insiders.exe" | "Code.exe" | "Cursor.exe" | "VSCodium.exe" | "Windsurf.exe" | "Zed.exe" | "atom" | "atom.exe" | "brackets" | "clion.exe" | "clion64.exe" | "code" | "code-insiders" | "cursor" | "emacs" | "goland" | "goland.exe" | "goland64.exe" | "gvim" | "idea" | "idea.exe" | "idea64.exe" | "mvim" | "nano" | "notepad++.exe" | "phpstorm" | "phpstorm.exe" | "phpstorm64.exe" | "pycharm" | "pycharm.exe" | "pycharm64.exe" | "rider" | "rider.exe" | "rider64.exe" | "rubymine" | "rubymine.exe" | "rubymine64.exe" | "subl" | "sublime_text" | "sublime_text.exe" | "vim" | "vscodium" | "webstorm" | "webstorm.exe" | "webstorm64.exe" | "windsurf" | "zed" | "zed-editor" | "zedit" | "zeditor" | null) => string | null;
 type Editor = (typeof editorNames)[number];
 type ProcessAndCommand = {
     process: string;