@remotion/studio-server 4.0.526 → 4.0.528

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

@@ -2,8 +2,8 @@
 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");
@@ -13,6 +13,8 @@ const can_update_default_props_1 = require("./can-update-default-props");
 const source_file_write_queue_1 = require("./source-file-write-queue");
 const updateDefaultPropsHandler = ({ input: { compositionId, defaultProps, enumPaths }, remotionRoot, entryPoint, logLevel, }) => {
     return (0, source_file_write_queue_1.withSourceFileWriteQueue)(async () => {
+        var _a;
+        var _b;
         try {
             renderer_1.RenderInternals.Log.trace({ indent: false, logLevel }, `[update-default-props] Received request for compositionId="${compositionId}"`);
             const projectInfo = await (0, project_info_1.getProjectInfo)(remotionRoot, entryPoint);
@@ -21,16 +23,18 @@ 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)({
-                input: fileContents,
-                compositionId,
-            });
-            const { output } = (0, update_default_props_1.updateDefaultProps)({
+            const result = (0, codemods_1.setCompositionDefaultProps)({
+                project: {
+                    files: { [projectInfo.rootFile]: fileContents },
+                    rootDir: remotionRoot,
+                },
+                compositionFile: projectInfo.rootFile,
                 compositionId,
-                input: fileContents,
-                newDefaultProps: JSON.parse(defaultProps),
+                defaultProps: JSON.parse(defaultProps),
                 enumPaths,
             });
+            const { logLine } = result;
+            const output = (_b = (_a = result.changes[0]) === null || _a === void 0 ? void 0 : _a.nextContents) !== null && _b !== void 0 ? _b : fileContents;
             (0, undo_stack_1.pushToUndoStack)({
                 filePath: projectInfo.rootFile,
                 oldContents: fileContents,

package/dist/preview-server/routes/wrap-jsx-node.d.ts

@@ -0,0 +1,3 @@
+import type { WrapJsxNodeRequest, WrapJsxNodeResponse } from '@remotion/studio-shared';
+import type { ApiHandler } from '../api-types';
+export declare const wrapJsxNodeHandler: ApiHandler<WrapJsxNodeRequest, WrapJsxNodeResponse>;

package/dist/preview-server/routes/wrap-jsx-node.js

@@ -0,0 +1,97 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.wrapJsxNodeHandler = void 0;
+const node_fs_1 = require("node:fs");
+const codemods_1 = require("@remotion/codemods");
+const renderer_1 = require("@remotion/renderer");
+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");
+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 wrapJsxNodeHandler = ({ input: { fileName, nodePath, wrapper, width, height }, remotionRoot, logLevel, }) => {
+    return (0, source_file_write_queue_1.withSourceFileWriteQueue)(() => {
+        var _a;
+        try {
+            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 eligibility = (0, codemods_1.canWrapJsxNode)({ input: fileContents, nodePath });
+            if (wrapper === null) {
+                return Promise.resolve({
+                    success: true,
+                    ...eligibility,
+                    nodePathMutation: null,
+                });
+            }
+            if (!eligibility.canWrap ||
+                (wrapper === 'HtmlInCanvas' && !eligibility.canWrapHtmlInCanvas)) {
+                throw new Error('This JSX element cannot be wrapped');
+            }
+            const result = (0, codemods_1.wrapJsxNode)({
+                project: { files: { [absolutePath]: fileContents }, rootDir: remotionRoot },
+                node: { filePath: absolutePath, nodePath },
+                wrapper,
+                width: width !== null && width !== void 0 ? width : 0,
+                height: height !== null && height !== void 0 ? height : 0,
+            });
+            const change = result.changes.find(({ filePath }) => filePath === absolutePath);
+            if ((change === null || change === void 0 ? void 0 : change.previousContents) !== fileContents ||
+                change.nextContents === null) {
+                throw new Error('Could not wrap JSX node');
+            }
+            const output = change.nextContents;
+            const remappings = result.nodePathRemappings.map(({ oldNodePath, newNodePath }) => ({ oldNodePath, newNodePath }));
+            const nodePathMutation = (0, sequence_node_path_mutation_1.broadcastSequenceNodePathMutation)([{ absolutePath, remappings }], null);
+            const line = result.logLine;
+            (0, undo_stack_1.pushTransactionToUndoStack)({
+                snapshots: [
+                    {
+                        filePath: absolutePath,
+                        oldContents: fileContents,
+                        newContents: null,
+                        logLine: line,
+                        nodePathRemappings: remappings,
+                    },
+                ],
+                logLevel,
+                remotionRoot,
+                description: {
+                    undoMessage: `↩️  Wrapping in ${wrapper}`,
+                    redoMessage: `↪️  Wrapping in ${wrapper}`,
+                },
+                entryType: 'wrap-jsx-node',
+                suppressHmrOnFileRestore: false,
+                undoRedoNavigation: null,
+            });
+            (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,
+            });
+            renderer_1.RenderInternals.Log.info({ indent: false, logLevel }, `${(0, source_file_write_queue_1.getCodemodTimingPrefix)(logLevel)}${renderer_1.RenderInternals.chalk.blueBright(locationLabel)} Wrapped JSX in <${wrapper}>`);
+            renderer_1.RenderInternals.Log.verbose({ indent: false, logLevel }, `[wrap-jsx-node] Wrote ${fileRelativeToRoot}`);
+            (0, undo_stack_1.printUndoHint)(logLevel);
+            return Promise.resolve({ success: true, ...eligibility, nodePathMutation });
+        }
+        catch (err) {
+            return Promise.resolve({
+                success: false,
+                reason: err.message,
+                stack: (_a = err.stack) !== null && _a !== void 0 ? _a : '',
+            });
+        }
+    });
+};
+exports.wrapJsxNodeHandler = wrapJsxNodeHandler;

package/dist/preview-server/studio-protocol/handle-discovery.js

@@ -105,7 +105,7 @@ const handleStudioProtocolDiscovery = ({ gitSource, liveEventsServer, remotionRo
                     {
                         type: 'install-element',
                         payloadType: 'remotion-element',
-                        payloadVersions: [1],
+                        payloadVersions: [1, 2],
                         target: issuedInstallTarget === null || installTarget === null
                             ? null
                             : {

package/dist/preview-server/studio-protocol/handle-element-library.js

@@ -24,7 +24,7 @@ const handleStudioProtocolElementLibrary = async ({ configFile, focusStudioTab,
     if (request.method !== 'POST') {
         (0, protocol_response_1.writeStudioProtocolError)({
             code: 'method-not-allowed',
-            message: 'Use POST to add an Element catalog.',
+            message: 'Use POST to add an Element Library.',
             response,
             status: 405,
         });
@@ -75,7 +75,7 @@ const handleStudioProtocolElementLibrary = async ({ configFile, focusStudioTab,
     catch (_c) {
         (0, protocol_response_1.writeStudioProtocolError)({
             code: 'invalid-url',
-            message: 'The Element catalog URL must be an absolute HTTP or HTTPS URL.',
+            message: 'The Element Library URL must be an absolute HTTP or HTTPS URL.',
             response,
             status: 400,
         });
@@ -85,7 +85,7 @@ const handleStudioProtocolElementLibrary = async ({ configFile, focusStudioTab,
     if (displayName === '') {
         (0, protocol_response_1.writeStudioProtocolError)({
             code: 'invalid-display-name',
-            message: 'The Element catalog display name must not be empty.',
+            message: 'The Element Library display name must not be empty.',
             response,
             status: 400,
         });

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' | 'wrap-jsx-node' | 'split-jsx-sequence' | 'split-video-from-audio' | 'insert-basic-captions' | 'replace-video-source' | 'insert-jsx-element' | 'delete-composition' | 'rename-composition' | 'update-composition-metadata' | 'new-composition' | 'duplicate-composition' | 'move-composition-or-folder' | 'new-folder' | 'delete-folder' | 'rename-folder';
 type UndoEntrySnapshot = {
     filePath: string;
     oldContents: string | null;
@@ -66,5 +66,6 @@ export declare function popUndo(): UndoResponse;
 export declare function popRedo(): RedoResponse;
 export declare function getUndoStack(): readonly UndoEntry[];
 export declare function getRedoStack(): readonly UndoEntry[];
+export declare function discardLastUndoEntryAfterFailedCommit(): void;
 export declare function clearUndoStackForTests(): void;
 export {};

package/dist/preview-server/undo-stack.js

@@ -9,6 +9,7 @@ exports.popUndo = popUndo;
 exports.popRedo = popRedo;
 exports.getUndoStack = getUndoStack;
 exports.getRedoStack = getRedoStack;
+exports.discardLastUndoEntryAfterFailedCommit = discardLastUndoEntryAfterFailedCommit;
 exports.clearUndoStackForTests = clearUndoStackForTests;
 const node_fs_1 = require("node:fs");
 const renderer_1 = require("@remotion/renderer");
@@ -392,6 +393,24 @@ function getUndoStack() {
 function getRedoStack() {
     return redoStack;
 }
+function discardLastUndoEntryAfterFailedCommit() {
+    var _a;
+    const entry = undoStack.pop();
+    if (!entry) {
+        return;
+    }
+    for (const filePath of getEntryFilePaths(entry)) {
+        const count = (_a = suppressedWrites.get(filePath)) !== null && _a !== void 0 ? _a : 0;
+        if (count <= 1) {
+            suppressedWrites.delete(filePath);
+        }
+        else {
+            suppressedWrites.set(filePath, count - 1);
+        }
+    }
+    cleanupWatchers();
+    broadcastState();
+}
 function clearUndoStackForTests() {
     undoStack.length = 0;
     redoStack.length = 0;

package/dist/routes.js

@@ -210,6 +210,7 @@ const handleAddAsset = ({ req, res, search, publicDir, }) => {
         const fileDescriptor = (0, open_file_for_writing_without_symlinks_1.openFileForWritingWithoutSymlinks)({
             rootDirectory: publicDir,
             absolutePath,
+            exclusive: false,
         });
         const writeStream = (0, node_fs_1.createWriteStream)(absolutePath, {
             fd: fileDescriptor,
@@ -242,6 +243,7 @@ const handleUploadOutput = ({ req, res, search, remotionRoot, }) => {
         const fileDescriptor = (0, open_file_for_writing_without_symlinks_1.openFileForWritingWithoutSymlinks)({
             rootDirectory: remotionRoot,
             absolutePath,
+            exclusive: false,
         });
         const writeStream = (0, node_fs_1.createWriteStream)(absolutePath, {
             fd: fileDescriptor,

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.526",
+	"version": "4.0.528",
 	"description": "Run a Remotion Studio with a server backend",
 	"main": "dist",
 	"scripts": {
@@ -23,7 +23,7 @@
 		"access": "public"
 	},
 	"dependencies": {
-		"@remotion/studio-protocol": "4.0.526",
+		"@remotion/studio-protocol": "4.0.528",
 		"@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.526",
+		"remotion": "4.0.528",
 		"recast": "0.23.21",
-		"@remotion/bundler": "4.0.526",
-		"@remotion/renderer": "4.0.526",
-		"@remotion/studio-codemods": "4.0.526",
-		"@remotion/studio-shared": "4.0.526",
+		"@remotion/bundler": "4.0.528",
+		"@remotion/renderer": "4.0.528",
+		"@remotion/codemods": "4.0.528",
+		"@remotion/studio-shared": "4.0.528",
 		"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.526",
+		"@remotion/eslint-config-internal": "4.0.528",
 		"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-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';