@remotion/studio-server 4.0.535 → 4.0.536

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

@@ -12,13 +12,12 @@ export declare const resolveCompositionComponent: ({ remotionRoot, compositionFi
     compositionFile: string;
     compositionId: string;
 }) => Promise<ResolvedCompositionComponent>;
-export declare const insertJsxElementIntoComposition: ({ remotionRoot, compositionFile, compositionId, element, from, premountFor, prettierConfigOverride, wrapInSequence, sourceFileOverrides, }: {
+export declare const insertJsxElementIntoComposition: ({ remotionRoot, compositionFile, compositionId, element, from, prettierConfigOverride, wrapInSequence, sourceFileOverrides, }: {
     remotionRoot: string;
     compositionFile: string;
     compositionId: string;
     element: InsertableCompositionElement;
     from: number | null;
-    premountFor: number | null;
     prettierConfigOverride: Record<string, unknown> | null;
     wrapInSequence?: {
         dimensions: {

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

@@ -40,7 +40,7 @@ const resolveCompositionComponent = ({ remotionRoot, compositionFile, compositio
     environment: makeCodemodEnvironment(remotionRoot, null),
 });
 exports.resolveCompositionComponent = resolveCompositionComponent;
-const insertJsxElementIntoComposition = async ({ remotionRoot, compositionFile, compositionId, element, from, premountFor, prettierConfigOverride, wrapInSequence = null, sourceFileOverrides, }) => {
+const insertJsxElementIntoComposition = async ({ remotionRoot, compositionFile, compositionId, element, from, prettierConfigOverride, wrapInSequence = null, sourceFileOverrides, }) => {
     var _a;
     var _b, _c;
     const environment = makeCodemodEnvironment(remotionRoot, sourceFileOverrides);
@@ -61,7 +61,6 @@ const insertJsxElementIntoComposition = async ({ remotionRoot, compositionFile,
             element,
             environment,
             from,
-            premountFor,
             prettierConfigOverride,
             wrapInSequence: sequence,
         });
@@ -69,7 +68,6 @@ const insertJsxElementIntoComposition = async ({ remotionRoot, compositionFile,
     const codemodElement = createElementFromInsertable({
         element,
         from,
-        premountFor,
         wrapInSequence: sequence,
     });
     const location = await resolveCompositionComponentWithFileCodemod({

package/dist/preview-server/routes/insert-basic-captions.js

@@ -11,7 +11,7 @@ const sequence_node_path_mutation_1 = require("../sequence-node-path-mutation");
 const undo_stack_1 = require("../undo-stack");
 const source_file_write_queue_1 = require("./source-file-write-queue");
 const { basicCaptionsElementSource, getBasicCaptionsElementFile, insertBasicCaptions, } = codemods_1.CodemodsInternals;
-const insertBasicCaptionsHandler = ({ input: { fileName, nodePath, captions, durationInFrames, premountFor }, remotionRoot, logLevel, }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(() => {
+const insertBasicCaptionsHandler = ({ input: { fileName, nodePath, captions, durationInFrames }, remotionRoot, logLevel, }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(() => {
     var _a;
     try {
         const { absolutePath } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
@@ -50,7 +50,6 @@ const insertBasicCaptionsHandler = ({ input: { fileName, nodePath, captions, dur
             nodePath,
             captions,
             durationInFrames,
-            premountFor,
             importPath: elementFile.importPath,
         });
         const nodePathMutation = (0, sequence_node_path_mutation_1.broadcastSequenceNodePathMutation)([{ absolutePath, remappings: nodePathRemappings }], null);

package/dist/preview-server/routes/insert-composition-element.js

@@ -54,6 +54,16 @@ const validateElement = (element, remotionRoot) => {
         validateDimension('height', element.height);
         return;
     }
+    if (element.type === 'text') {
+        if (typeof element.text !== 'string' || element.text.trim() === '') {
+            throw new Error('Text must be a non-empty string');
+        }
+        validateDimension('fontSize', element.fontSize);
+        if (typeof element.color !== 'string' || element.color.trim() === '') {
+            throw new Error('Text color must be a non-empty string');
+        }
+        return;
+    }
     if (element.type === 'svg') {
         if (typeof element.markup !== 'string' || element.markup.trim() === '') {
             throw new Error('SVG markup must be a non-empty string');
@@ -118,6 +128,9 @@ const validateElement = (element, remotionRoot) => {
     throw new Error('Unsupported element type');
 };
 const getElementLabel = (element) => {
+    if (element.type === 'text') {
+        return '<Interactive.Div>';
+    }
     if (element.type === 'solid') {
         return '<Solid>';
     }
@@ -149,17 +162,13 @@ const getElementLabel = (element) => {
     }
     throw new Error('Unsupported element type');
 };
-const insertCompositionElementHandler = ({ input: { compositionFile, compositionId, element, from, premountFor }, remotionRoot, logLevel, }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
+const insertCompositionElementHandler = ({ input: { compositionFile, compositionId, element, from }, remotionRoot, logLevel, }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
     try {
         validateElement(element, remotionRoot);
         if (from !== null &&
             (!Number.isInteger(from) || !Number.isFinite(from) || from < 0)) {
             throw new Error('from must be a non-negative integer');
         }
-        if (premountFor !== null &&
-            (!Number.isInteger(premountFor) || premountFor < 0)) {
-            throw new Error('premountFor must be a non-negative integer');
-        }
         const elementLabel = getElementLabel(element);
         renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[insert-composition-element] Received request for compositionFile="${compositionFile}" compositionId="${compositionId}" element="${element.type}"`);
         const { fileName, source, oldContents, output, insertedNodePath, logLine, nodePathRemappings, } = await (0, resolve_composition_component_1.insertJsxElementIntoComposition)({
@@ -168,7 +177,6 @@ const insertCompositionElementHandler = ({ input: { compositionFile, composition
             compositionId,
             element,
             from,
-            premountFor,
             prettierConfigOverride: null,
             sourceFileOverrides: null,
         });

package/dist/preview-server/routes/insert-element.js

@@ -34,7 +34,7 @@ const hasExpectedFileState = ({ expected, actual, }) => {
     }
     return actual.sourceHash === expected.sourceHash;
 };
-const insertElementHandler = async ({ input: { compositionFile, compositionId, captionTarget, element, installationName, expectedFileState, from, premountFor, position, overwriteExisting, undoRedoNavigation, newComposition, }, entryPoint, remotionRoot, logLevel, publicDir, }) => {
+const insertElementHandler = async ({ input: { compositionFile, compositionId, captionTarget, element, installationName, expectedFileState, from, position, overwriteExisting, undoRedoNavigation, newComposition, }, entryPoint, remotionRoot, logLevel, publicDir, }) => {
     var _a;
     let resolvedAssets;
     try {
@@ -237,7 +237,6 @@ const insertElementHandler = async ({ input: { compositionFile, compositionId, c
                     position: componentOwnsSequence ? position : null,
                 },
                 from: componentOwnsSequence ? from : null,
-                premountFor,
                 prettierConfigOverride: null,
                 wrapInSequence: componentOwnsSequence
                     ? null

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio-server"
 	},
 	"name": "@remotion/studio-server",
-	"version": "4.0.535",
+	"version": "4.0.536",
 	"description": "Run a Remotion Studio with a server backend",
 	"main": "dist",
 	"scripts": {
@@ -23,7 +23,7 @@
 		"access": "public"
 	},
 	"dependencies": {
-		"@remotion/studio-protocol": "4.0.535",
+		"@remotion/studio-protocol": "4.0.536",
 		"@babel/types": "7.24.0",
 		"@babel/parser": "7.24.1",
 		"@svgr/core": "8.1.0",
@@ -31,12 +31,12 @@
 		"kiwi-schema": "0.5.0",
 		"semver": "7.5.3",
 		"zod": "4.5.4",
-		"remotion": "4.0.535",
+		"remotion": "4.0.536",
 		"recast": "0.23.21",
-		"@remotion/bundler": "4.0.535",
-		"@remotion/renderer": "4.0.535",
-		"@remotion/codemods": "4.0.535",
-		"@remotion/studio-shared": "4.0.535",
+		"@remotion/bundler": "4.0.536",
+		"@remotion/renderer": "4.0.536",
+		"@remotion/codemods": "4.0.536",
+		"@remotion/studio-shared": "4.0.536",
 		"memfs": "3.4.3",
 		"open": "8.4.2"
 	},
@@ -44,7 +44,7 @@
 		"ast-types": "0.16.1",
 		"react": "19.2.3",
 		"@types/semver": "7.5.3",
-		"@remotion/eslint-config-internal": "4.0.535",
+		"@remotion/eslint-config-internal": "4.0.536",
 		"eslint": "9.19.0",
 		"prettier": "3.8.1",
 		"@types/node": "20.12.14",

package/dist/canvas-capture/generate-canvas-capture-composition.d.ts

@@ -1,14 +0,0 @@
-import type { CanvasCaptureData } from '@remotion/studio-shared';
-export declare const generateCanvasCaptureComposition: ({ componentName, compositionId, data, durationInFrames, fps, height, keyframeFps, videoFileName, videoHeight, videoWidth, width, }: {
-    readonly componentName: string;
-    readonly compositionId: string;
-    readonly data: CanvasCaptureData;
-    readonly durationInFrames: number;
-    readonly fps: number;
-    readonly height: number;
-    readonly keyframeFps: number;
-    readonly videoFileName: string;
-    readonly videoHeight: number;
-    readonly videoWidth: number;
-    readonly width: number;
-}) => string;

package/dist/canvas-capture/generate-canvas-capture-composition.js

@@ -1,239 +0,0 @@
-"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.generateCanvasCaptureComposition = void 0;
-const recast = __importStar(require("recast"));
-const customCursorRegex = /^\s*url\(/;
-const collapseMouseMovementsByFrame = ({ data, keyframeFps, }) => {
-    const movements = [];
-    for (const movement of data.mouseMovements) {
-        if (movement.canvasX === null || movement.canvasY === null) {
-            continue;
-        }
-        const framedMovement = {
-            ...movement,
-            frame: Math.ceil(movement.timeInSeconds * keyframeFps),
-        };
-        const previous = movements.at(-1);
-        if ((previous === null || previous === void 0 ? void 0 : previous.frame) === framedMovement.frame) {
-            movements[movements.length - 1] = framedMovement;
-        }
-        else {
-            movements.push(framedMovement);
-        }
-    }
-    return movements;
-};
-const getCursorName = (cursor) => {
-    var _a;
-    if (customCursorRegex.test(cursor)) {
-        return 'custom';
-    }
-    return ((_a = cursor.split(',').at(-1)) === null || _a === void 0 ? void 0 : _a.trim().toLowerCase()) || 'default';
-};
-const serialize = (value) => {
-    if (typeof value === 'string') {
-        return recast.prettyPrint(recast.types.builders.stringLiteral(value), {
-            quote: 'single',
-        }).code;
-    }
-    return JSON.stringify(value);
-};
-const serializeArray = (values, indentation) => {
-    const items = values.map(serialize);
-    const inline = `[${items.join(', ')}]`;
-    if (indentation * 2 + inline.length + 1 <= 80) {
-        return inline;
-    }
-    const lines = [];
-    const numeric = values.every((value) => typeof value === 'number');
-    for (const item of items) {
-        const previous = lines.at(-1);
-        if (numeric &&
-            previous &&
-            (indentation + 1) * 2 + previous.length + item.length + 2 <= 80) {
-            lines[lines.length - 1] = `${previous} ${item},`;
-        }
-        else {
-            lines.push(`${item},`);
-        }
-    }
-    return [
-        '[',
-        ...lines.map((line) => `${'\t'.repeat(indentation + 1)}${line}`),
-        `${'\t'.repeat(indentation)}]`,
-    ].join('\n');
-};
-const generateCanvasCaptureComposition = ({ componentName, compositionId, data, durationInFrames, fps, height, keyframeFps, videoFileName, videoHeight, videoWidth, width, }) => {
-    var _a;
-    const movements = collapseMouseMovementsByFrame({ data, keyframeFps });
-    if (movements.length === 0) {
-        throw new Error('The Canvas Capture does not contain cursor movements');
-    }
-    const cursorKeyframes = movements.reduce((keyframes, movement) => {
-        var _a;
-        const value = getCursorName(movement.cursor);
-        if (((_a = keyframes.at(-1)) === null || _a === void 0 ? void 0 : _a.value) !== value) {
-            keyframes.push({ frame: movement.frame, value });
-        }
-        return keyframes;
-    }, []);
-    const positionKeyframes = [];
-    for (const movement of movements) {
-        const previous = positionKeyframes.at(-1);
-        if (previous !== undefined && movement.frame - previous.frame > 1) {
-            positionKeyframes.push({
-                frame: movement.frame - 1,
-                value: previous.value,
-            });
-        }
-        positionKeyframes.push({
-            frame: movement.frame,
-            value: `${movement.canvasX}px ${movement.canvasY}px`,
-        });
-    }
-    const scaleKeyframes = [
-        { frame: 0, value: data.captureMetadata.density },
-        ...data.pointerClicks.map((click) => ({
-            frame: Math.ceil(click.timeInSeconds * keyframeFps),
-            value: click.type === 'pointer-down'
-                ? data.captureMetadata.density * 0.9
-                : data.captureMetadata.density,
-        })),
-    ].reduce((keyframes, keyframe) => {
-        var _a, _b;
-        if (((_a = keyframes.at(-1)) === null || _a === void 0 ? void 0 : _a.frame) === keyframe.frame) {
-            keyframes[keyframes.length - 1] = keyframe;
-        }
-        else if (((_b = keyframes.at(-1)) === null || _b === void 0 ? void 0 : _b.value) !== keyframe.value) {
-            keyframes.push(keyframe);
-        }
-        return keyframes;
-    }, []);
-    const customCursor = (_a = movements.find((movement) => customCursorRegex.test(movement.cursor))) === null || _a === void 0 ? void 0 : _a.cursor;
-    const cursorProp = cursorKeyframes.length === 1
-        ? `cursor={${serialize(cursorKeyframes[0].value)}}`
-        : `cursor={interpolate(
-					frame,
-					${serializeArray(cursorKeyframes.map((keyframe) => keyframe.frame), 5)},
-					${serializeArray(cursorKeyframes.map((keyframe) => keyframe.value), 5)},
-					{
-						easing: Easing.step1,
-						extrapolateLeft: 'clamp',
-						extrapolateRight: 'clamp',
-					},
-				)}`;
-    const scale = scaleKeyframes.length === 1
-        ? serialize(scaleKeyframes[0].value)
-        : `interpolate(
-						frame,
-						${serializeArray(scaleKeyframes.map((keyframe) => keyframe.frame), 6)},
-						${serializeArray(scaleKeyframes.map((keyframe) => keyframe.value), 6)},
-						{
-							easing: Easing.step1,
-							extrapolateLeft: 'clamp',
-							extrapolateRight: 'clamp',
-						},
-					)`;
-    const translate = positionKeyframes.length === 1
-        ? serialize(positionKeyframes[0].value)
-        : `interpolate(
-						frame,
-						${serializeArray(positionKeyframes.map((keyframe) => keyframe.frame), 6)},
-						${serializeArray(positionKeyframes.map((keyframe) => keyframe.value), 6)},
-						{
-							extrapolateLeft: 'clamp',
-							extrapolateRight: 'clamp',
-						},
-					)`;
-    const previewComponentName = componentName.endsWith('Composition')
-        ? `${componentName.slice(0, -'Composition'.length)}Preview`
-        : `${componentName}Preview`;
-    return `import {MacOSCursor} from '@remotion/mac-cursors';
-import {Video} from '@remotion/media';
-import {
-	AbsoluteFill,
-	Composition,
-	Easing,
-	interpolate,
-	staticFile,
-	useCurrentFrame,
-} from 'remotion';
-
-export const ${previewComponentName} = () => {
-	const frame = useCurrentFrame();
-
-	return (
-		<AbsoluteFill
-			style={{
-				width: ${videoWidth},
-				height: ${videoHeight},
-			}}
-		>
-			<Video
-				src={staticFile(${serialize(videoFileName)})}
-				style={{
-					position: 'absolute',
-				}}
-			/>
-			<MacOSCursor
-				${cursorProp}
-${customCursor === undefined ? '' : `\t\t\t\tcustomCursor={${serialize(customCursor)}}\n`}				style={{
-					position: 'absolute',
-					left: 0,
-					top: 0,
-					scale: ${scale},
-					translate: ${translate},
-				}}
-			/>
-		</AbsoluteFill>
-	);
-};
-
-export const ${componentName} = () => {
-	return (
-		<Composition
-			id={${serialize(compositionId)}}
-			component={${previewComponentName}}
-			width={${width}}
-			height={${height}}
-			fps={${fps}}
-			durationInFrames={${durationInFrames}}
-		/>
-	);
-};
-`;
-};
-exports.generateCanvasCaptureComposition = generateCanvasCaptureComposition;

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

@@ -1 +0,0 @@
-export { addEffect, assertValidEffect, ensureEffectImport, makeConfigObjectExpression, } from '@remotion/studio-codemods';

package/dist/codemods/add-effect.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.makeConfigObjectExpression = exports.ensureEffectImport = exports.assertValidEffect = exports.addEffect = void 0;
-const studio_codemods_1 = require("@remotion/studio-codemods");
-Object.defineProperty(exports, "addEffect", { enumerable: true, get: function () { return studio_codemods_1.addEffect; } });
-Object.defineProperty(exports, "assertValidEffect", { enumerable: true, get: function () { return studio_codemods_1.assertValidEffect; } });
-Object.defineProperty(exports, "ensureEffectImport", { enumerable: true, get: function () { return studio_codemods_1.ensureEffectImport; } });
-Object.defineProperty(exports, "makeConfigObjectExpression", { enumerable: true, get: function () { return studio_codemods_1.makeConfigObjectExpression; } });

package/dist/codemods/apply-codemod-to-file.d.ts

@@ -1,7 +0,0 @@
-import { type CodemodResult } from '@remotion/codemods';
-import type { RecastCodemod, SymbolicatedStackFrame } from '@remotion/studio-shared';
-export declare const resolveFilePathFromSymbolicatedStack: (remotionRoot: string, stack: SymbolicatedStackFrame) => string;
-export declare const applyCodemodToFile: ({ filePath, codeMod, }: {
-    filePath: string;
-    codeMod: RecastCodemod;
-}) => Promise<CodemodResult>;

package/dist/codemods/apply-codemod-to-file.js

@@ -1,171 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.applyCodemodToFile = exports.resolveFilePathFromSymbolicatedStack = void 0;
-const node_fs_1 = require("node:fs");
-const promises_1 = require("node:fs/promises");
-const node_path_1 = __importDefault(require("node:path"));
-const codemods_1 = require("@remotion/codemods");
-const studio_shared_1 = require("@remotion/studio-shared");
-const resolve_file_inside_project_1 = require("../helpers/resolve-file-inside-project");
-const can_update_default_props_1 = require("../preview-server/routes/can-update-default-props");
-const resolveFilePathFromSymbolicatedStack = (remotionRoot, stack) => {
-    if (!stack.originalFileName) {
-        throw new Error('Could not determine the file where this composition is defined');
-    }
-    const { absolutePath } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
-        remotionRoot,
-        fileName: stack.originalFileName,
-        action: 'apply codemod to',
-    });
-    if (!(0, node_fs_1.existsSync)(absolutePath)) {
-        throw new Error(`File not found: ${stack.originalFileName}`);
-    }
-    return absolutePath;
-};
-exports.resolveFilePathFromSymbolicatedStack = resolveFilePathFromSymbolicatedStack;
-const applyCodemodToFile = async ({ filePath, codeMod, }) => {
-    var _a, _b, _c, _d;
-    (0, can_update_default_props_1.checkIfTypeScriptFile)(filePath);
-    const input = await (0, promises_1.readFile)(filePath, 'utf-8');
-    const options = {
-        project: { files: { [filePath]: input }, rootDir: node_path_1.default.dirname(filePath) },
-        compositionFile: filePath,
-    };
-    if (codeMod.type === 'apply-visual-control') {
-        return (0, codemods_1.updateVisualControls)({
-            ...options,
-            filePath,
-            changes: codeMod.changes,
-        });
-    }
-    if (codeMod.type === 'new-composition') {
-        const componentFilePath = node_path_1.default.join(node_path_1.default.dirname(filePath), `${codeMod.componentName}.tsx`);
-        if ((0, node_fs_1.existsSync)(componentFilePath)) {
-            throw new Error(`Cannot create ${componentFilePath} because it already exists`);
-        }
-        const composition = {
-            ...options,
-            compositionId: codeMod.newId,
-            component: {
-                filePath: componentFilePath,
-                importName: codeMod.componentName,
-                importPath: codeMod.componentImportPath,
-            },
-            metadata: {
-                width: codeMod.newWidth,
-                height: codeMod.newHeight,
-                fps: codeMod.newFps,
-                durationInFrames: codeMod.newDurationInFrames,
-            },
-            folder: codeMod.folderName === null
-                ? undefined
-                : { name: codeMod.folderName, parentName: codeMod.parentName },
-        };
-        if (codeMod.canvasCapture !== null) {
-            return (0, codemods_1.addCanvasCaptureComposition)({
-                ...composition,
-                capture: codeMod.canvasCapture,
-            });
-        }
-        const result = (0, codemods_1.addComposition)(composition);
-        return {
-            ...result,
-            changes: [
-                ...result.changes,
-                {
-                    filePath: componentFilePath,
-                    previousContents: null,
-                    nextContents: codeMod.asset === null
-                        ? (0, studio_shared_1.emptyCompositionComponent)(codeMod.componentName)
-                        : (0, studio_shared_1.assetCompositionComponent)({
-                            asset: codeMod.asset,
-                            componentName: codeMod.componentName,
-                        }),
-                },
-            ],
-        };
-    }
-    if (codeMod.type === 'rename-composition') {
-        return (0, codemods_1.renameComposition)({
-            ...options,
-            compositionId: codeMod.idToRename,
-            newId: codeMod.newId,
-        });
-    }
-    if (codeMod.type === 'delete-composition') {
-        return (0, codemods_1.deleteComposition)({ ...options, compositionId: codeMod.idToDelete });
-    }
-    if (codeMod.type === 'duplicate-composition' ||
-        codeMod.type === 'update-composition-metadata') {
-        const metadata = {
-            width: (_a = codeMod.newWidth) !== null && _a !== void 0 ? _a : undefined,
-            height: (_b = codeMod.newHeight) !== null && _b !== void 0 ? _b : undefined,
-            fps: codeMod.type === 'duplicate-composition' && codeMod.tag === 'Still'
-                ? undefined
-                : ((_c = codeMod.newFps) !== null && _c !== void 0 ? _c : undefined),
-            durationInFrames: codeMod.type === 'duplicate-composition' && codeMod.tag === 'Still'
-                ? undefined
-                : ((_d = codeMod.newDurationInFrames) !== null && _d !== void 0 ? _d : undefined),
-        };
-        const result = codeMod.type === 'duplicate-composition'
-            ? (0, codemods_1.duplicateComposition)({
-                ...options,
-                compositionId: codeMod.idToDuplicate,
-                newId: codeMod.newId,
-                tag: codeMod.tag,
-                metadata,
-            })
-            : (0, codemods_1.updateCompositionMetadata)({
-                ...options,
-                compositionId: codeMod.idToUpdate,
-                metadata,
-            });
-        return result;
-    }
-    if (codeMod.type === 'move-composition-or-folder') {
-        const target = codeMod.destination;
-        const destination = target.type === 'root'
-            ? target
-            : target.type === 'folder'
-                ? {
-                    type: 'folder',
-                    folder: { name: target.folderName, parentName: target.parentName },
-                }
-                : {
-                    type: target.type,
-                    target: target.target.type === 'composition'
-                        ? target.target
-                        : {
-                            type: 'folder',
-                            name: target.target.folderName,
-                            parentName: target.target.parentName,
-                        },
-                };
-        const result = codeMod.source.type === 'composition'
-            ? (0, codemods_1.moveComposition)({
-                ...options,
-                compositionId: codeMod.source.compositionId,
-                destination,
-            })
-            : (0, codemods_1.moveFolder)({
-                ...options,
-                folder: {
-                    name: codeMod.source.folderName,
-                    parentName: codeMod.source.parentName,
-                },
-                destination,
-            });
-        return result;
-    }
-    const folder = { name: codeMod.folderName, parentName: codeMod.parentName };
-    const folderResult = codeMod.type === 'new-folder'
-        ? (0, codemods_1.addFolder)({ ...options, folder })
-        : codeMod.type === 'rename-folder'
-            ? (0, codemods_1.renameFolder)({ ...options, folder, newName: codeMod.newName })
-            : (0, codemods_1.unwrapFolder)({ ...options, folder });
-    return folderResult;
-};
-exports.applyCodemodToFile = applyCodemodToFile;

package/dist/codemods/apply-visual-control.d.ts

@@ -1,8 +0,0 @@
-import type { File } from '@babel/types';
-import { type ApplyVisualControlCodemod } from '@remotion/studio-shared';
-import type { ApplyCodeModReturnType, Change } from './recast-mods';
-export declare const applyVisualControl: ({ file, transformation, changesMade, }: {
-    file: File;
-    transformation: ApplyVisualControlCodemod;
-    changesMade: Change[];
-}) => ApplyCodeModReturnType;