@remotion/studio-server 4.0.525 → 4.0.527

package/dist/preview-server/routes/split-jsx-sequence.js

@@ -10,56 +10,88 @@ const format_log_file_location_1 = require("../format-log-file-location");
 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 splitJsxSequenceHandler = ({ input: { fileName, nodePath, sequenceKeys, splitFrame }, remotionRoot, logLevel, }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
+const splitJsxSequenceHandler = ({ input: { sequences }, remotionRoot, logLevel }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
+    var _a;
     try {
-        renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[split-jsx-sequence] Received request for fileName="${fileName}" at frame ${splitFrame}`);
-        const { absolutePath, fileRelativeToRoot } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
-            remotionRoot,
-            fileName,
-            action: 'modify',
-        });
-        const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
-        const { output, nodeLabel, logLine, nodePathRemappings } = await (0, split_jsx_sequence_1.splitJsxSequence)({
-            input: fileContents,
-            nodePath,
-            sequenceKeys,
-            splitFrame,
-        });
-        const nodePathMutation = (0, sequence_node_path_mutation_1.broadcastSequenceNodePathMutation)([
-            {
+        if (sequences.length === 0) {
+            throw new Error('No JSX sequences were specified for splitting');
+        }
+        renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[split-jsx-sequence] Received request to split ${sequences.length} JSX sequence${sequences.length === 1 ? '' : 's'}`);
+        const sequencesByFileName = new Map();
+        for (const sequence of sequences) {
+            const fileSequences = (_a = sequencesByFileName.get(sequence.fileName)) !== null && _a !== void 0 ? _a : [];
+            fileSequences.push(sequence);
+            sequencesByFileName.set(sequence.fileName, fileSequences);
+        }
+        const updates = await Promise.all([...sequencesByFileName].map(async ([fileName, fileSequences]) => {
+            const { absolutePath, fileRelativeToRoot } = (0, resolve_file_inside_project_1.resolveFileInsideProject)({
+                remotionRoot,
+                fileName,
+                action: 'modify',
+            });
+            const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
+            const { output, nodeLabels, logLines, nodePathRemappings } = await (0, split_jsx_sequence_1.splitJsxSequences)({
+                input: fileContents,
+                splits: fileSequences.map(({ nodePath, sequenceKeys, splitFrame }) => ({
+                    nodePath,
+                    sequenceKeys,
+                    splitFrame,
+                })),
+            });
+            return {
                 absolutePath,
-                remappings: nodePathRemappings,
-            },
-        ], null);
-        (0, undo_stack_1.pushToUndoStack)({
-            filePath: absolutePath,
-            oldContents: fileContents,
-            newContents: null,
+                fileContents,
+                fileRelativeToRoot,
+                logLine: Math.min(...logLines),
+                nodeLabels,
+                nodePathRemappings,
+                output,
+            };
+        }));
+        const nodePathMutation = (0, sequence_node_path_mutation_1.broadcastSequenceNodePathMutation)(updates.map((update) => ({
+            absolutePath: update.absolutePath,
+            remappings: update.nodePathRemappings,
+        })), null);
+        const splitDescription = sequences.length === 1
+            ? updates[0].nodeLabels[0]
+            : `${sequences.length} JSX sequences`;
+        (0, undo_stack_1.pushTransactionToUndoStack)({
+            snapshots: updates.map((update) => ({
+                filePath: update.absolutePath,
+                oldContents: update.fileContents,
+                newContents: null,
+                logLine: update.logLine,
+                nodePathRemappings: update.nodePathRemappings,
+            })),
             logLevel,
             remotionRoot,
-            logLine,
             description: {
-                undoMessage: `↩️  Split of ${nodeLabel}`,
-                redoMessage: `↪️  Split of ${nodeLabel}`,
+                undoMessage: `↩️  Split of ${splitDescription}`,
+                redoMessage: `↪️  Split of ${splitDescription}`,
             },
             entryType: 'split-jsx-sequence',
             suppressHmrOnFileRestore: false,
-            nodePathRemappings,
-        });
-        (0, undo_stack_1.suppressUndoStackInvalidation)(absolutePath);
-        (0, file_watcher_1.writeFileAndNotifyFileWatchers)({
-            file: absolutePath,
-            content: output,
-            originatorClientId: undefined,
-            metadata: { skipSequencePropsUpdate: true },
-        });
-        const locationLabel = (0, format_log_file_location_1.formatLogFileLocation)({
-            remotionRoot,
-            absolutePath,
-            line: logLine,
+            undoRedoNavigation: null,
         });
-        renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${(0, source_file_write_queue_1.getCodemodTimingPrefix)(logLevel)}${renderer_1.RenderInternals.chalk.blueBright(`${locationLabel}`)} Split ${nodeLabel}`);
-        renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel }, `[split-jsx-sequence] Wrote ${fileRelativeToRoot}`);
+        for (const update of updates) {
+            (0, undo_stack_1.suppressUndoStackInvalidation)(update.absolutePath);
+            (0, file_watcher_1.writeFileAndNotifyFileWatchers)({
+                file: update.absolutePath,
+                content: update.output,
+                originatorClientId: undefined,
+                metadata: { skipSequencePropsUpdate: true },
+            });
+            const locationLabel = (0, format_log_file_location_1.formatLogFileLocation)({
+                remotionRoot,
+                absolutePath: update.absolutePath,
+                line: update.logLine,
+            });
+            const fileDescription = update.nodeLabels.length === 1
+                ? update.nodeLabels[0]
+                : `${update.nodeLabels.length} JSX sequences`;
+            renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${(0, source_file_write_queue_1.getCodemodTimingPrefix)(logLevel)}${renderer_1.RenderInternals.chalk.blueBright(`${locationLabel}`)} Split ${fileDescription}`);
+            renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel }, `[split-jsx-sequence] Wrote ${update.fileRelativeToRoot}`);
+        }
         (0, undo_stack_1.printUndoHint)(logLevel);
         return {
             success: true,

package/dist/preview-server/routes/split-video-from-audio.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.splitVideoFromAudioHandler = void 0;
 const node_fs_1 = require("node:fs");
+const codemods_1 = require("@remotion/codemods");
 const renderer_1 = require("@remotion/renderer");
-const split_video_from_audio_1 = require("../../codemods/split-video-from-audio");
 const file_watcher_1 = require("../../file-watcher");
 const resolve_file_inside_project_1 = require("../../helpers/resolve-file-inside-project");
 const format_log_file_location_1 = require("../format-log-file-location");
@@ -11,6 +11,7 @@ const sequence_node_path_mutation_1 = require("../sequence-node-path-mutation");
 const undo_stack_1 = require("../undo-stack");
 const log_update_1 = require("./log-updates/log-update");
 const source_file_write_queue_1 = require("./source-file-write-queue");
+const { splitVideoFromAudio } = codemods_1.CodemodsInternals;
 const splitVideoFromAudioHandler = ({ input: { fileName, nodePath }, remotionRoot, logLevel }) => (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
     try {
         renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[split-video-from-audio] Received request for fileName="${fileName}"`);
@@ -20,7 +21,7 @@ const splitVideoFromAudioHandler = ({ input: { fileName, nodePath }, remotionRoo
             action: 'modify',
         });
         const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
-        const { output, formatted, nodeLabel, logLine, nodePathRemappings } = await (0, split_video_from_audio_1.splitVideoFromAudio)({
+        const { output, formatted, nodeLabel, logLine, nodePathRemappings } = await splitVideoFromAudio({
             input: fileContents,
             nodePath,
         });

package/dist/preview-server/routes/update-default-props.js

@@ -2,16 +2,16 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.updateDefaultPropsHandler = void 0;
 const node_fs_1 = require("node:fs");
+const codemods_1 = require("@remotion/codemods");
 const renderer_1 = require("@remotion/renderer");
-const update_default_props_1 = require("../../codemods/update-default-props");
 const file_watcher_1 = require("../../file-watcher");
 const format_log_file_location_1 = require("../format-log-file-location");
 const project_info_1 = require("../project-info");
 const undo_stack_1 = require("../undo-stack");
 const watch_ignore_next_change_1 = require("../watch-ignore-next-change");
 const can_update_default_props_1 = require("./can-update-default-props");
-const log_update_1 = require("./log-updates/log-update");
 const source_file_write_queue_1 = require("./source-file-write-queue");
+const { getCompositionDefaultPropsLine, updateDefaultProps } = codemods_1.CodemodsInternals;
 const updateDefaultPropsHandler = ({ input: { compositionId, defaultProps, enumPaths }, remotionRoot, entryPoint, logLevel, }) => {
     return (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
         try {
@@ -22,11 +22,11 @@ const updateDefaultPropsHandler = ({ input: { compositionId, defaultProps, enumP
             }
             (0, can_update_default_props_1.checkIfTypeScriptFile)(projectInfo.rootFile);
             const fileContents = (0, node_fs_1.readFileSync)(projectInfo.rootFile, 'utf-8');
-            const logLine = (0, update_default_props_1.getCompositionDefaultPropsLine)({
+            const logLine = getCompositionDefaultPropsLine({
                 input: fileContents,
                 compositionId,
             });
-            const { output, formatted } = await (0, update_default_props_1.updateDefaultProps)({
+            const { output } = updateDefaultProps({
                 compositionId,
                 input: fileContents,
                 newDefaultProps: JSON.parse(defaultProps),
@@ -61,9 +61,6 @@ const updateDefaultPropsHandler = ({ input: { compositionId, defaultProps, enumP
                 line: logLine,
             });
             renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${(0, source_file_write_queue_1.getCodemodTimingPrefix)(logLevel)}${renderer_1.RenderInternals.chalk.blueBright(`${locationLabel}`)} Updated default props for "${compositionId}"`);
-            if (!formatted) {
-                (0, log_update_1.warnAboutPrettierOnce)(logLevel);
-            }
             (0, undo_stack_1.printUndoHint)(logLevel);
             return {
                 success: true,

package/dist/preview-server/undo-stack.d.ts

@@ -4,7 +4,7 @@ export interface UndoEntryDescription {
     undoMessage: string;
     redoMessage: string;
 }
-type UndoEntryType = 'visual-control' | 'default-props' | 'sequence-props' | 'effect-props' | 'keyframe-add' | 'keyframe-delete' | 'add-effect' | 'delete-effect' | 'duplicate-effect' | 'paste-effects' | 'reorder-effect' | 'reorder-sequence' | 'delete-jsx-node' | 'duplicate-jsx-node' | 'split-jsx-sequence' | 'split-video-from-audio' | 'insert-jsx-element' | 'delete-composition' | 'rename-composition' | 'update-composition-metadata' | 'new-composition' | 'duplicate-composition' | 'move-composition-to-folder' | 'move-composition-or-folder' | 'new-folder' | 'delete-folder' | 'rename-folder';
+type UndoEntryType = 'visual-control' | 'default-props' | 'sequence-props' | 'effect-props' | 'keyframe-add' | 'keyframe-delete' | 'add-effect' | 'delete-effect' | 'duplicate-effect' | 'paste-effects' | 'reorder-effect' | 'reorder-sequence' | 'delete-jsx-nodes' | 'duplicate-jsx-node' | 'split-jsx-sequence' | 'split-video-from-audio' | 'insert-basic-captions' | 'insert-jsx-element' | 'delete-composition' | 'rename-composition' | 'update-composition-metadata' | 'new-composition' | 'duplicate-composition' | 'move-composition-to-folder' | 'move-composition-or-folder' | 'new-folder' | 'delete-folder' | 'rename-folder';
 type UndoEntrySnapshot = {
     filePath: string;
     oldContents: string | null;

package/dist/start-studio.d.ts

@@ -4,6 +4,7 @@ import type { GitSource, RenderDefaults, RenderJob, StudioRuntimeConfig } from '
 import type { QueueMethods } from './preview-server/api-types';
 export type StartStudioResult = {
     type: 'restarted';
+    port: number;
 } | {
     type: 'already-running';
 } | {

package/dist/start-studio.js

@@ -154,6 +154,6 @@ const startStudio = async ({ browserArgs, browserFlag, shouldOpenBrowser, fullEn
         return { type: 'shutdown' };
     }
     renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, renderer_1.RenderInternals.chalk.blue('Restarting server...'));
-    return { type: 'restarted' };
+    return { type: 'restarted', port };
 };
 exports.startStudio = startStudio;

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.525",
+	"version": "4.0.527",
 	"description": "Run a Remotion Studio with a server backend",
 	"main": "dist",
 	"scripts": {
@@ -23,7 +23,7 @@
 		"access": "public"
 	},
 	"dependencies": {
-		"@remotion/studio-protocol": "4.0.525",
+		"@remotion/studio-protocol": "4.0.527",
 		"@babel/types": "7.24.0",
 		"@babel/parser": "7.24.1",
 		"@svgr/core": "8.1.0",
@@ -31,13 +31,12 @@
 		"kiwi-schema": "0.5.0",
 		"semver": "7.5.3",
 		"zod": "4.5.4",
-		"prettier": "3.8.1",
-		"remotion": "4.0.525",
+		"remotion": "4.0.527",
 		"recast": "0.23.21",
-		"@remotion/bundler": "4.0.525",
-		"@remotion/renderer": "4.0.525",
-		"@remotion/studio-codemods": "4.0.525",
-		"@remotion/studio-shared": "4.0.525",
+		"@remotion/bundler": "4.0.527",
+		"@remotion/renderer": "4.0.527",
+		"@remotion/codemods": "4.0.527",
+		"@remotion/studio-shared": "4.0.527",
 		"memfs": "3.4.3",
 		"open": "8.4.2"
 	},
@@ -45,8 +44,9 @@
 		"ast-types": "0.16.1",
 		"react": "19.2.3",
 		"@types/semver": "7.5.3",
-		"@remotion/eslint-config-internal": "4.0.525",
+		"@remotion/eslint-config-internal": "4.0.527",
 		"eslint": "9.19.0",
+		"prettier": "3.8.1",
 		"@types/node": "20.12.14",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},

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-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;

package/dist/codemods/apply-visual-control.js

@@ -1,89 +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.applyVisualControl = void 0;
-const studio_shared_1 = require("@remotion/studio-shared");
-const recast = __importStar(require("recast"));
-const parse_ast_1 = require("./parse-ast");
-const expectString = (node) => {
-    if (node.type === 'StringLiteral') {
-        return node.value;
-    }
-    if (node.type === 'TemplateLiteral') {
-        if (node.expressions.length > 0) {
-            throw new Error('applyVisualControl() must use a static identifier, the string may not be dynamic.');
-        }
-        return node.quasis[0].value.raw;
-    }
-    throw new Error('Expected a string literal');
-};
-const applyVisualControl = ({ file, transformation, changesMade, }) => {
-    recast.types.visit(file.program, {
-        visitCallExpression(path) {
-            const { node } = path;
-            if (node.type !== 'CallExpression') {
-                throw new Error('Expected a call expression');
-            }
-            if (node.callee.type !== 'Identifier') {
-                return this.traverse(path);
-            }
-            if (node.callee.name !== 'visualControl') {
-                return this.traverse(path);
-            }
-            const firstArgument = node.arguments[0];
-            const str = expectString(firstArgument);
-            for (const change of transformation.changes) {
-                if (change.id !== str) {
-                    continue;
-                }
-                let parsed;
-                if (change.newValueIsUndefined) {
-                    parsed = (0, parse_ast_1.parseAst)('a = undefined').program
-                        .body[0].expression.right;
-                }
-                else {
-                    parsed = (0, parse_ast_1.parseAst)(`a = ${(0, studio_shared_1.stringifyDefaultProps)({ props: JSON.parse(change.newValueSerialized), enumPaths: change.enumPaths })}`).program.body[0].expression.right;
-                }
-                node.arguments[1] = parsed;
-                changesMade.push({
-                    description: `Applied visual control ${change.id}`,
-                });
-            }
-            return this.traverse(path);
-        },
-    });
-    return { newAst: file, changesMade };
-};
-exports.applyVisualControl = applyVisualControl;

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

@@ -1 +0,0 @@
-export { deleteEffect, deleteEffects, type EffectDeletionTarget, } from '@remotion/studio-codemods';

package/dist/codemods/delete-effect.js

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