@remotion/studio-server 4.0.523 → 4.0.525

package/dist/codemods/duplicate-effect.js

@@ -1,92 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.duplicateEffect = exports.duplicateEffects = void 0;
-const types_1 = require("@babel/types");
-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 getEffectsArray = (attr) => {
-    if (!attr.value || attr.value.type !== 'JSXExpressionContainer') {
-        throw new Error('Cannot duplicate effect: effects prop is not an array');
-    }
-    const expr = attr.value.expression;
-    if (expr.type !== 'ArrayExpression') {
-        throw new Error('Cannot duplicate effect: effects prop is not an array');
-    }
-    return expr;
-};
-const duplicateEffects = async ({ input, effects, prettierConfigOverride, }) => {
-    var _a, _b;
-    var _c, _d, _e;
-    if (effects.length === 0) {
-        throw new Error('No effects were specified for duplication');
-    }
-    const ast = (0, parse_ast_1.parseAst)(input);
-    const duplicationsByAttr = new Map();
-    for (const effect of effects) {
-        const { sequenceNodePath, effectIndex } = effect;
-        const jsx = (0, can_update_sequence_props_1.findJsxElementAtNodePath)(ast, sequenceNodePath);
-        if (!jsx) {
-            throw new Error('Could not find a JSX element at the specified location to duplicate effect');
-        }
-        const attr = (0, update_effect_props_1.findEffectsAttr)((_c = jsx.attributes) !== null && _c !== void 0 ? _c : []);
-        if (!attr) {
-            throw new Error('Could not find effects on the target JSX element');
-        }
-        const effectsArray = getEffectsArray(attr);
-        const existingDuplication = duplicationsByAttr.get(attr);
-        const duplication = existingDuplication !== null && existingDuplication !== void 0 ? existingDuplication : {
-            effectsArray,
-            effectIndices: new Set(),
-            effectLabels: [],
-            logLines: [],
-        };
-        duplicationsByAttr.set(attr, duplication);
-        if (duplication.effectIndices.has(effectIndex)) {
-            continue;
-        }
-        const found = (0, update_effect_props_1.findEffectCallExpression)({ attr, effectIndex });
-        if (found.kind === 'error') {
-            throw new Error(`Cannot duplicate effect: ${found.reason}`);
-        }
-        duplication.effectIndices.add(effectIndex);
-        duplication.effectLabels.push(`${found.callee}()`);
-        duplication.logLines.push((_e = (_d = (_a = found.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);
-    }
-    for (const duplication of duplicationsByAttr.values()) {
-        for (const effectIndex of [...duplication.effectIndices].sort((a, b) => b - a)) {
-            const effect = duplication.effectsArray.elements[effectIndex];
-            if (!effect || effect.type !== 'CallExpression') {
-                throw new Error('Cannot duplicate effect: not-call-expression');
-            }
-            duplication.effectsArray.elements.splice(effectIndex + 1, 0, (0, types_1.cloneNode)(effect, true));
-        }
-    }
-    const finalFile = (0, parse_ast_1.serializeAst)(ast);
-    const { output, formatted } = await (0, format_file_content_1.formatFileContent)({
-        input: finalFile,
-        prettierConfigOverride,
-    });
-    return {
-        output,
-        formatted,
-        effectLabels: [...duplicationsByAttr.values()].flatMap((duplication) => duplication.effectLabels),
-        logLines: [...duplicationsByAttr.values()].flatMap((duplication) => duplication.logLines),
-    };
-};
-exports.duplicateEffects = duplicateEffects;
-const duplicateEffect = async ({ input, sequenceNodePath, effectIndex, prettierConfigOverride, }) => {
-    const { output, formatted, effectLabels, logLines } = await (0, exports.duplicateEffects)({
-        input,
-        effects: [{ sequenceNodePath, effectIndex }],
-        prettierConfigOverride,
-    });
-    return {
-        output,
-        formatted,
-        effectLabel: effectLabels[0],
-        logLine: logLines[0],
-    };
-};
-exports.duplicateEffect = duplicateEffect;
+exports.duplicateEffects = exports.duplicateEffect = void 0;
+const studio_codemods_1 = require("@remotion/studio-codemods");
+Object.defineProperty(exports, "duplicateEffect", { enumerable: true, get: function () { return studio_codemods_1.duplicateEffect; } });
+Object.defineProperty(exports, "duplicateEffects", { enumerable: true, get: function () { return studio_codemods_1.duplicateEffects; } });

package/dist/codemods/paste-effects.d.ts

@@ -1,16 +1,11 @@
-import type { EffectClipboardPasteType, EffectClipboardSnapshot } from '@remotion/studio-shared';
-import type { SequenceNodePath } from 'remotion';
-export declare const pasteEffects: ({ input, targetSequenceNodePath, type, effects, insertAtIndices, prettierConfigOverride, }: {
-    readonly input: string;
+import { pasteEffects as pasteEffectsCodemod } from '@remotion/studio-codemods';
+type PasteEffectsInput = Parameters<typeof pasteEffectsCodemod>[0] & {
     readonly targetFileName: string;
-    readonly targetSequenceNodePath: SequenceNodePath;
-    readonly type: EffectClipboardPasteType;
-    readonly effects: EffectClipboardSnapshot[];
-    readonly insertAtIndices: number[] | null;
-    readonly prettierConfigOverride?: Record<string, unknown> | null | undefined;
-}) => Promise<{
-    readonly output: string;
-    readonly formatted: boolean;
-    readonly effectLabels: string[];
-    readonly logLine: number;
+};
+export declare const pasteEffects: (input: PasteEffectsInput) => Promise<{
+    output: string;
+    formatted: boolean;
+    effectLabels: string[];
+    logLine: number;
 }>;
+export {};

package/dist/codemods/paste-effects.js

@@ -1,174 +1,6 @@
 "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.pasteEffects = 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 add_effect_1 = require("./add-effect");
-const effect_param_expression_1 = require("./effect-param-expression");
-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 ensure_imports_and_frame_hook_1 = require("./update-keyframes/ensure-imports-and-frame-hook");
-const b = recast.types.builders;
-const identifierRegex = /^[A-Za-z_$][0-9A-Za-z_$]*$/;
-const getEffectsArray = (attr) => {
-    if (!attr.value || attr.value.type !== 'JSXExpressionContainer') {
-        throw new Error('Cannot append effects: effects prop is not an array');
-    }
-    const expr = attr.value.expression;
-    if (expr.type !== 'ArrayExpression') {
-        throw new Error('Cannot append effects: effects prop is not an array');
-    }
-    return expr;
-};
-const makeEffectsAttr = (array) => {
-    return b.jsxAttribute(b.jsxIdentifier('effects'), b.jsxExpressionContainer(array));
-};
-const makeEffectsArray = (calls) => {
-    return b.arrayExpression(calls);
-};
-const makeParamsObjectExpression = ({ params, remotionLocalNames, }) => {
-    return b.objectExpression(Object.entries(params).map(([key, param]) => {
-        const keyNode = identifierRegex.test(key)
-            ? b.identifier(key)
-            : b.stringLiteral(key);
-        return b.objectProperty(keyNode, (0, effect_param_expression_1.makeParamExpression)({ param, remotionLocalNames }));
-    }));
-};
-const makeEffectCall = ({ ast, effect, remotionLocalNames, }) => {
-    (0, add_effect_1.assertValidEffect)({
-        effectName: effect.callee,
-        effectImportPath: effect.importPath,
-    });
-    const localName = (0, add_effect_1.ensureEffectImport)({
-        ast,
-        effectName: effect.callee,
-        effectImportPath: effect.importPath,
-    });
-    return b.callExpression(b.identifier(localName), [
-        makeParamsObjectExpression({
-            params: effect.params,
-            remotionLocalNames,
-        }),
-    ]);
-};
-const removeEffectsAttr = (attributes, attr) => {
-    const index = attributes.indexOf(attr);
-    if (index !== -1) {
-        attributes.splice(index, 1);
-    }
-};
-const pasteEffects = async ({ input, targetSequenceNodePath, type, effects, insertAtIndices, prettierConfigOverride, }) => {
-    var _a;
-    var _b, _c, _d;
-    const ast = (0, parse_ast_1.parseAst)(input);
-    const targetJsxPath = (0, get_ast_node_path_1.getAstNodePath)(ast, targetSequenceNodePath);
-    const targetJsx = (0, can_update_sequence_props_1.findJsxElementAtNodePath)(ast, targetSequenceNodePath);
-    if (!targetJsx || !targetJsxPath) {
-        throw new Error('Could not find a JSX element at the specified location to paste effects');
-    }
-    const requiredRemotionImports = (0, effect_param_expression_1.getRequiredRemotionImports)(effects);
-    const remotionLocalNames = (0, effect_param_expression_1.ensureRemotionImportLocalNames)({
-        ast,
-        requiredImports: requiredRemotionImports,
-    });
-    if (requiredRemotionImports.has('useCurrentFrame')) {
-        const fnPath = (0, ensure_imports_and_frame_hook_1.findEnclosingFunctionPath)(targetJsxPath);
-        if (fnPath) {
-            (0, ensure_imports_and_frame_hook_1.ensureUseCurrentFrameHook)(fnPath, (_b = remotionLocalNames.useCurrentFrame) !== null && _b !== void 0 ? _b : 'useCurrentFrame');
-        }
-    }
-    const effectCalls = effects.map((effect) => makeEffectCall({ ast, effect, remotionLocalNames }));
-    const effectLabels = effects.map((effect) => `${effect.callee}()`);
-    const existingAttr = (0, update_effect_props_1.findEffectsAttr)((_c = targetJsx.attributes) !== null && _c !== void 0 ? _c : []);
-    if (insertAtIndices !== null) {
-        if (type !== 'effects-additive' ||
-            insertAtIndices.length !== effectCalls.length ||
-            new Set(insertAtIndices).size !== insertAtIndices.length ||
-            insertAtIndices.some((index) => !Number.isInteger(index) || index < 0)) {
-            throw new Error('Cannot paste effects: invalid insertion indices');
-        }
-    }
-    if (type === 'effects-replacing') {
-        if (existingAttr) {
-            removeEffectsAttr(targetJsx.attributes, existingAttr);
-        }
-        if (effectCalls.length > 0) {
-            targetJsx.attributes.push(makeEffectsAttr(makeEffectsArray(effectCalls)));
-        }
-    }
-    else if (effectCalls.length === 0) {
-        throw new Error('Cannot paste effects: no effects were copied');
-    }
-    else if (insertAtIndices === null) {
-        if (existingAttr) {
-            getEffectsArray(existingAttr).elements.push(...effectCalls);
-        }
-        else {
-            targetJsx.attributes.push(makeEffectsAttr(makeEffectsArray(effectCalls)));
-        }
-    }
-    else {
-        const elements = existingAttr
-            ? getEffectsArray(existingAttr).elements
-            : [];
-        const indexedCalls = effectCalls
-            .map((effect, index) => ({
-            effect,
-            index: insertAtIndices[index],
-        }))
-            .sort((left, right) => left.index - right.index);
-        for (const indexedCall of indexedCalls) {
-            elements.splice(Math.min(indexedCall.index, elements.length), 0, indexedCall.effect);
-        }
-        if (!existingAttr) {
-            targetJsx.attributes.push(makeEffectsAttr(b.arrayExpression(elements)));
-        }
-    }
-    const finalFile = (0, parse_ast_1.serializeAst)(ast);
-    const { output, formatted } = await (0, format_file_content_1.formatFileContent)({
-        input: finalFile,
-        prettierConfigOverride,
-    });
-    return {
-        output,
-        formatted,
-        effectLabels,
-        logLine: (_d = (_a = targetJsx.loc) === null || _a === void 0 ? void 0 : _a.start.line) !== null && _d !== void 0 ? _d : 1,
-    };
-};
+const studio_codemods_1 = require("@remotion/studio-codemods");
+const pasteEffects = (input) => (0, studio_codemods_1.pasteEffects)(input);
 exports.pasteEffects = pasteEffects;

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

@@ -1,13 +1 @@
-import type { SequenceNodePath } from 'remotion';
-export declare const reorderEffect: ({ input, sequenceNodePath, fromIndex, toIndex, prettierConfigOverride, }: {
-    input: string;
-    sequenceNodePath: SequenceNodePath;
-    fromIndex: number;
-    toIndex: number;
-    prettierConfigOverride?: Record<string, unknown> | null | undefined;
-}) => Promise<{
-    output: string;
-    formatted: boolean;
-    effectLabel: string;
-    logLine: number;
-}>;
+export { reorderEffect } from '@remotion/studio-codemods';

package/dist/codemods/reorder-effect.js

@@ -1,61 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.reorderEffect = void 0;
-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 getEffectsArray = (attr) => {
-    if (!attr.value || attr.value.type !== 'JSXExpressionContainer') {
-        throw new Error('Cannot reorder effect: effects prop is not an array');
-    }
-    const expr = attr.value.expression;
-    if (expr.type !== 'ArrayExpression') {
-        throw new Error('Cannot reorder effect: effects prop is not an array');
-    }
-    return expr;
-};
-const reorderEffect = async ({ input, sequenceNodePath, fromIndex, toIndex, prettierConfigOverride, }) => {
-    var _a, _b;
-    var _c, _d, _e;
-    const ast = (0, parse_ast_1.parseAst)(input);
-    const jsx = (0, can_update_sequence_props_1.findJsxElementAtNodePath)(ast, sequenceNodePath);
-    if (!jsx) {
-        throw new Error('Could not find a JSX element at the specified location to reorder effect');
-    }
-    const attr = (0, update_effect_props_1.findEffectsAttr)((_c = jsx.attributes) !== null && _c !== void 0 ? _c : []);
-    if (!attr) {
-        throw new Error('Could not find effects on the target JSX element');
-    }
-    const effectsArray = getEffectsArray(attr);
-    const elements = (0, update_effect_props_1.enumerateEffectArrayElements)(effectsArray);
-    if (fromIndex < 0 || fromIndex >= elements.length) {
-        throw new Error('Cannot reorder effect: source index not-found');
-    }
-    if (toIndex < 0 || toIndex >= elements.length) {
-        throw new Error('Cannot reorder effect: target index not-found');
-    }
-    const target = elements[fromIndex];
-    if (target.kind !== 'call') {
-        throw new Error('Cannot reorder effect: source effect is not-call-expression');
-    }
-    if (fromIndex !== toIndex) {
-        const [moved] = effectsArray.elements.splice(fromIndex, 1);
-        if (!moved) {
-            throw new Error('Cannot reorder effect: source effect is not-call-expression');
-        }
-        effectsArray.elements.splice(toIndex, 0, moved);
-    }
-    const finalFile = (0, parse_ast_1.serializeAst)(ast);
-    const { output, formatted } = await (0, format_file_content_1.formatFileContent)({
-        input: finalFile,
-        prettierConfigOverride,
-    });
-    return {
-        output,
-        formatted,
-        effectLabel: `${target.callee}()`,
-        logLine: (_e = (_d = (_a = target.node.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,
-    };
-};
-exports.reorderEffect = reorderEffect;
+const studio_codemods_1 = require("@remotion/studio-codemods");
+Object.defineProperty(exports, "reorderEffect", { enumerable: true, get: function () { return studio_codemods_1.reorderEffect; } });

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

@@ -1,68 +1,3 @@
-import type { ArrayExpression, CallExpression, JSXAttribute } from '@babel/types';
-import type { EffectClipboardParam } from '@remotion/studio-shared';
-import type { SequenceNodePath, InteractivitySchema } from 'remotion';
-export type EffectPropUpdate = {
-    key: string;
-    value: unknown;
-    defaultValue: unknown | null;
-} | {
-    key: string;
-    effectParam: EffectClipboardParam;
-    defaultValue: unknown | null;
-};
-export type UpdateEffectPropsResult = {
-    output: string;
-    formatted: boolean;
-    oldValueString: string;
-    newValueString: string;
-    logLine: number;
-    effectCallee: string;
-    removedProps: PropDelta[];
-};
-export type PropDelta = {
-    key: string;
-    valueString: string;
-};
+import type { JSXAttribute } from '@babel/types';
+export { enumerateEffectArrayElements, findEffectCallExpression, type EffectArrayElement, type EffectPropUpdate, type PropDelta, type UpdateEffectPropsResult, updateEffectProps, updateEffectPropsAst, } from '@remotion/studio-codemods';
 export declare const findEffectsAttr: (attrs: readonly unknown[]) => JSXAttribute | null;
-export type EffectArrayElement = {
-    kind: 'call';
-    callee: string;
-    node: CallExpression;
-} | {
-    kind: 'unsupported';
-    reason: 'not-call-expression' | 'spread';
-};
-export declare const enumerateEffectArrayElements: (arr: ArrayExpression) => EffectArrayElement[];
-export declare const findEffectCallExpression: ({ attr, effectIndex, }: {
-    attr: JSXAttribute;
-    effectIndex: number;
-}) => {
-    kind: "ok";
-    call: CallExpression;
-    callee: string;
-} | {
-    kind: "error";
-    reason: "not-call-expression" | "not-found";
-};
-export declare const updateEffectPropsAst: ({ input, sequenceNodePath, effectIndex, update, schema, }: {
-    input: string;
-    sequenceNodePath: SequenceNodePath;
-    effectIndex: number;
-    update: EffectPropUpdate;
-    schema: InteractivitySchema;
-}) => {
-    serialized: string;
-    oldValueString: string;
-    newValueString: string;
-    logLine: number;
-    effectCallee: string;
-    removedProps: PropDelta[];
-};
-export declare const updateEffectProps: ({ input, sequenceNodePath, effectIndex, update, schema, prettierConfigOverride, }: {
-    input: string;
-    sequenceNodePath: SequenceNodePath;
-    effectIndex: number;
-    update: EffectPropUpdate;
-    schema: InteractivitySchema;
-    prettierConfigOverride?: Record<string, unknown> | null | undefined;
-}) => Promise<UpdateEffectPropsResult>;