@remotion/studio-server 4.0.475 → 4.0.476

package/dist/codemods/duplicate-composition.js

@@ -34,6 +34,7 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseAndApplyCodemod = exports.formatOutput = void 0;
+const imports_1 = require("../helpers/imports");
 const parse_ast_1 = require("./parse-ast");
 const recast_mods_1 = require("./recast-mods");
 const getPrettier = async () => {
@@ -71,6 +72,14 @@ const parseAndApplyCodemod = ({ input, codeMod, }) => {
     if (changesMade.length === 0) {
         throw new Error('Unable to calculate the changes needed for this file. Edit the file manually.');
     }
+    if (codeMod.type === 'duplicate-composition' && codeMod.tag) {
+        (0, imports_1.ensureNamedImport)({
+            ast: newAst,
+            importedName: codeMod.tag,
+            sourcePath: 'remotion',
+            localName: codeMod.tag,
+        });
+    }
     const output = (0, parse_ast_1.serializeAst)(newAst);
     return { changesMade, newContents: output };
 };

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

@@ -391,6 +391,36 @@ const normalizeEasingAfterRemovingKeyframe = ({ extraArgs, previousSegmentCount,
         needsEasingImport: setEasingOption({ options, easing }),
     };
 };
+const normalizeEasingAfterRemovingKeyframes = ({ extraArgs, previousSegmentCount, nextSegmentCount, removedKeyframeIndexes, }) => {
+    const options = getInlineOptionsFromExtraArgs(extraArgs);
+    if (!options) {
+        return { extraArgs, needsEasingImport: false };
+    }
+    const easing = getExistingEasingArrayOrNull({
+        options,
+        segmentCount: previousSegmentCount,
+    });
+    if (easing === null) {
+        return { extraArgs, needsEasingImport: false };
+    }
+    for (const removedKeyframeIndex of [...removedKeyframeIndexes].sort((first, second) => second - first)) {
+        if (easing.length === 0) {
+            break;
+        }
+        const easingIndexToRemove = removedKeyframeIndex === 0 ? 0 : removedKeyframeIndex - 1;
+        easing.splice(easingIndexToRemove, 1);
+    }
+    while (easing.length > nextSegmentCount) {
+        easing.pop();
+    }
+    while (easing.length < nextSegmentCount) {
+        easing.push('linear');
+    }
+    return {
+        extraArgs: getExtraArgsWithOptions({ extraArgs, options }),
+        needsEasingImport: setEasingOption({ options, easing }),
+    };
+};
 const validatePosterize = (posterize) => {
     if (posterize === undefined) {
         return;
@@ -614,7 +644,6 @@ const removeKeyframe = ({ expression, frame, }) => {
     };
 };
 const moveKeyframes = ({ expression, moves, }) => {
-    var _a;
     const existing = getInterpolationExpression(expression);
     if (!existing) {
         throw new Error('Cannot move keyframe in non-interpolated expression');
@@ -639,28 +668,38 @@ const moveKeyframes = ({ expression, moves, }) => {
         }
     }
     const movedFromFrames = new Set(moveMap.keys());
-    const nextFrames = new Set();
-    for (const keyframe of existing.keyframes) {
-        const nextFrame = (_a = moveMap.get(keyframe.frame)) !== null && _a !== void 0 ? _a : keyframe.frame;
-        if (nextFrames.has(nextFrame)) {
-            throw new Error(`Cannot move keyframe to frame ${nextFrame}: frame already exists`);
+    const movedToFrames = new Set(moveMap.values());
+    const removedKeyframeIndexes = [];
+    const nextKeyframes = existing.keyframes.flatMap((keyframe, index) => {
+        const movedFrame = moveMap.get(keyframe.frame);
+        if (movedFrame !== undefined) {
+            return [{ ...keyframe, frame: movedFrame }];
         }
-        if (!movedFromFrames.has(keyframe.frame) && moveMap.has(nextFrame)) {
-            throw new Error(`Cannot move keyframe to frame ${nextFrame}: frame already exists`);
+        if (movedToFrames.has(keyframe.frame) &&
+            !movedFromFrames.has(keyframe.frame)) {
+            removedKeyframeIndexes.push(index);
+            return [];
         }
-        nextFrames.add(nextFrame);
+        return [keyframe];
+    });
+    const nextFrames = new Set();
+    for (const keyframe of nextKeyframes) {
+        if (nextFrames.has(keyframe.frame)) {
+            throw new Error(`Cannot move keyframe to frame ${keyframe.frame}: frame already exists`);
+        }
+        nextFrames.add(keyframe.frame);
     }
+    const normalizedEasing = normalizeEasingAfterRemovingKeyframes({
+        extraArgs: existing.extraArgs,
+        previousSegmentCount: Math.max(existing.keyframes.length - 1, 0),
+        nextSegmentCount: Math.max(nextKeyframes.length - 1, 0),
+        removedKeyframeIndexes,
+    });
     return createInterpolateExpression({
         callee: existing.callee,
         input: existing.input,
-        extraArgs: existing.extraArgs,
-        keyframes: existing.keyframes.map((keyframe) => {
-            var _a;
-            return ({
-                ...keyframe,
-                frame: (_a = moveMap.get(keyframe.frame)) !== null && _a !== void 0 ? _a : keyframe.frame,
-            });
-        }),
+        extraArgs: normalizedEasing.extraArgs,
+        keyframes: nextKeyframes,
     });
 };
 const applyKeyframeOperation = ({ expression, key, operation, schema, }) => {

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

@@ -106,8 +106,12 @@ const extractDefaultPropsFromSource = (input, compositionId) => {
                 this.traverse(path);
                 return;
             }
-            if ((0, can_update_sequence_props_1.isStaticValue)(expression)) {
-                const value = (0, can_update_sequence_props_1.extractStaticValue)(expression);
+            if ((0, can_update_sequence_props_1.isStaticValue)(expression, {
+                allowSpecialValues: true,
+            })) {
+                const value = (0, can_update_sequence_props_1.extractStaticValue)(expression, {
+                    allowSpecialValues: true,
+                });
                 if (value !== null &&
                     typeof value === 'object' &&
                     !Array.isArray(value)) {

package/dist/preview-server/routes/can-update-sequence-props.d.ts

@@ -1,8 +1,11 @@
 import type { Expression, File, JSXOpeningElement } from '@babel/types';
 import type { SubscribeToSequencePropsResponse } from '@remotion/studio-shared';
 import type { CanUpdateSequencePropsResponseTrue, CanUpdateSequencePropStatus, SequenceNodePath } from 'remotion';
-export declare const isStaticValue: (node: Expression) => boolean;
-export declare const extractStaticValue: (node: Expression) => unknown;
+type StaticValueOptions = {
+    allowSpecialValues: boolean;
+};
+export declare const isStaticValue: (node: Expression, options?: StaticValueOptions) => boolean;
+export declare const extractStaticValue: (node: Expression, options?: StaticValueOptions) => unknown;
 export declare const getComputedStatus: (node: Expression, ast: File) => CanUpdateSequencePropStatus;
 export declare const findJsxElementAtNodePath: (ast: File, nodePath: SequenceNodePath) => JSXOpeningElement | null;
 export declare const findNodePathForJsxElement: (ast: File, target: JSXOpeningElement) => SequenceNodePath | null;
@@ -28,3 +31,4 @@ export declare const computeSequencePropsStatusFromFilenameByLine: ({ fileName,
     remotionRoot: string;
     logLevel: "error" | "info" | "trace" | "verbose" | "warn";
 }) => SubscribeToSequencePropsResponse;
+export {};

package/dist/preview-server/routes/can-update-sequence-props.js

@@ -38,6 +38,7 @@ const node_fs_1 = require("node:fs");
 const renderer_1 = require("@remotion/renderer");
 const studio_shared_1 = require("@remotion/studio-shared");
 const recast = __importStar(require("recast"));
+const no_react_1 = require("remotion/no-react");
 const parse_ast_1 = require("../../codemods/parse-ast");
 const get_ast_node_path_1 = require("../../helpers/get-ast-node-path");
 const import_agnostic_node_path_1 = require("../../helpers/import-agnostic-node-path");
@@ -51,7 +52,42 @@ const staticStatus = (codeValue) => ({
 const computedStatus = () => ({
     status: 'computed',
 });
-const isStaticValue = (node) => {
+// Mirrors the encoding that staticFile() from "remotion" applies at runtime
+const encodeStaticFilePath = (path) => {
+    return path.split('/').map(encodeURIComponent).join('/');
+};
+// Detects calls that the Studio knows how to serialize back to source:
+// staticFile("...") and new Date("...")
+const getSpecialValueCall = (node) => {
+    if (node.type === 'CallExpression') {
+        const call = node;
+        if (call.callee.type === 'Identifier' &&
+            call.callee.name === 'staticFile' &&
+            call.arguments.length === 1 &&
+            call.arguments[0].type === 'StringLiteral') {
+            return { type: 'static-file', value: call.arguments[0].value };
+        }
+        return null;
+    }
+    if (node.type === 'NewExpression') {
+        const newExpr = node;
+        if (newExpr.callee.type === 'Identifier' &&
+            newExpr.callee.name === 'Date' &&
+            newExpr.arguments.length === 1 &&
+            newExpr.arguments[0].type === 'StringLiteral') {
+            return { type: 'date', value: newExpr.arguments[0].value };
+        }
+        return null;
+    }
+    return null;
+};
+const defaultStaticValueOptions = {
+    allowSpecialValues: false,
+};
+const isStaticValue = (node, options = defaultStaticValueOptions) => {
+    if (options.allowSpecialValues && getSpecialValueCall(node) !== null) {
+        return true;
+    }
     switch (node.type) {
         case 'NumericLiteral':
         case 'StringLiteral':
@@ -63,18 +99,29 @@ const isStaticValue = (node) => {
                 node.operator === '+') &&
                 node.argument.type === 'NumericLiteral');
         case 'TSAsExpression':
-            return (0, exports.isStaticValue)(node.expression);
+            return (0, exports.isStaticValue)(node.expression, options);
         case 'ArrayExpression':
-            return node.elements.every((el) => el !== null && el.type !== 'SpreadElement' && (0, exports.isStaticValue)(el));
+            return node.elements.every((el) => el !== null &&
+                el.type !== 'SpreadElement' &&
+                (0, exports.isStaticValue)(el, options));
         case 'ObjectExpression':
             return node.properties.every((prop) => prop.type === 'ObjectProperty' &&
-                (0, exports.isStaticValue)(prop.value));
+                (0, exports.isStaticValue)(prop.value, options));
         default:
             return false;
     }
 };
 exports.isStaticValue = isStaticValue;
-const extractStaticValue = (node) => {
+const extractStaticValue = (node, options = defaultStaticValueOptions) => {
+    if (options.allowSpecialValues) {
+        const specialValue = getSpecialValueCall(node);
+        if (specialValue !== null) {
+            if (specialValue.type === 'static-file') {
+                return `${no_react_1.NoReactInternals.FILE_TOKEN}${encodeStaticFilePath(specialValue.value)}`;
+            }
+            return `${no_react_1.NoReactInternals.DATE_TOKEN}${specialValue.value}`;
+        }
+    }
     switch (node.type) {
         case 'NumericLiteral':
         case 'StringLiteral':
@@ -91,13 +138,13 @@ const extractStaticValue = (node) => {
             return undefined;
         }
         case 'TSAsExpression':
-            return (0, exports.extractStaticValue)(node.expression);
+            return (0, exports.extractStaticValue)(node.expression, options);
         case 'ArrayExpression':
             return node.elements.map((el) => {
                 if (el === null || el.type === 'SpreadElement') {
                     return undefined;
                 }
-                return (0, exports.extractStaticValue)(el);
+                return (0, exports.extractStaticValue)(el, options);
             });
         case 'ObjectExpression': {
             const obj = node;
@@ -112,7 +159,7 @@ const extractStaticValue = (node) => {
                             ? String(p.key.value)
                             : undefined;
                     if (key !== undefined) {
-                        result[key] = (0, exports.extractStaticValue)(p.value);
+                        result[key] = (0, exports.extractStaticValue)(p.value, options);
                     }
                 }
             }

package/dist/preview-server/routes/save-sequence-props.d.ts

@@ -1,3 +1,20 @@
-import type { SaveSequencePropsRequest, SaveSequencePropsResponse } from '@remotion/studio-shared';
+import type { SaveSequencePropEdit, SaveSequencePropsRequest, SaveSequencePropsResponse } from '@remotion/studio-shared';
+import { type SequencePropsNodeUpdate } from '../../codemods/update-sequence-props/update-sequence-props';
 import type { ApiHandler } from '../api-types';
+type ResolvedSequencePropEdit = {
+    index: number;
+    fileName: SaveSequencePropEdit['fileName'];
+    nodePath: SaveSequencePropEdit['nodePath'];
+    key: SaveSequencePropEdit['key'];
+    value: unknown;
+    valueString: string;
+    defaultValue: unknown | null;
+    defaultValueString: string | null;
+    schema: SaveSequencePropEdit['schema'];
+};
+export declare const convertSequencePropEditToCodemodChange: (edit: Pick<ResolvedSequencePropEdit, "defaultValue" | "key" | "nodePath" | "schema" | "value">) => SequencePropsNodeUpdate;
+export declare const shouldSuppressHmrForSequencePropEdits: (edits: readonly {
+    key: string;
+}[]) => boolean;
 export declare const saveSequencePropsHandler: ApiHandler<SaveSequencePropsRequest, SaveSequencePropsResponse>;
+export {};

package/dist/preview-server/routes/save-sequence-props.js

@@ -1,10 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.saveSequencePropsHandler = void 0;
+exports.saveSequencePropsHandler = exports.shouldSuppressHmrForSequencePropEdits = exports.convertSequencePropEditToCodemodChange = void 0;
 const node_fs_1 = require("node:fs");
 const renderer_1 = require("@remotion/renderer");
 const studio_shared_1 = require("@remotion/studio-shared");
-const no_react_1 = require("remotion/no-react");
 const update_sequence_props_1 = require("../../codemods/update-sequence-props/update-sequence-props");
 const file_watcher_1 = require("../../file-watcher");
 const resolve_file_inside_project_1 = require("../../helpers/resolve-file-inside-project");
@@ -13,6 +12,24 @@ const watch_ignore_next_change_1 = require("../watch-ignore-next-change");
 const can_update_sequence_props_1 = require("./can-update-sequence-props");
 const log_update_1 = require("./log-updates/log-update");
 const save_props_mutex_1 = require("./save-props-mutex");
+const convertSequencePropEditToCodemodChange = (edit) => {
+    return {
+        nodePath: edit.nodePath.nodePath,
+        updates: [
+            {
+                key: edit.key,
+                value: edit.value,
+                defaultValue: edit.defaultValue,
+            },
+        ],
+        schema: edit.schema,
+    };
+};
+exports.convertSequencePropEditToCodemodChange = convertSequencePropEditToCodemodChange;
+const shouldSuppressHmrForSequencePropEdits = (edits) => {
+    return edits.every((edit) => edit.key !== 'showInTimeline');
+};
+exports.shouldSuppressHmrForSequencePropEdits = shouldSuppressHmrForSequencePropEdits;
 const saveSequencePropsHandler = ({ input: { edits, clientId, undoLabel, redoLabel }, remotionRoot, logLevel, }) => (0, save_props_mutex_1.withSavePropsLock)(async () => {
     var _a;
     if (edits.length === 0) {
@@ -54,19 +71,7 @@ const saveSequencePropsHandler = ({ input: { edits, clientId, undoLabel, redoLab
         const fileContents = (0, node_fs_1.readFileSync)(absolutePath, 'utf-8');
         const { output, formatted, results: updateResults, } = await (0, update_sequence_props_1.updateMultipleSequenceProps)({
             input: fileContents,
-            changes: group.edits.map((edit) => {
-                return {
-                    nodePath: edit.nodePath.nodePath,
-                    updates: [
-                        {
-                            key: edit.key,
-                            value: edit.value,
-                            defaultValue: edit.defaultValue,
-                        },
-                    ],
-                    schema: no_react_1.NoReactInternals.sequenceSchema,
-                };
-            }),
+            changes: group.edits.map(exports.convertSequencePropEditToCodemodChange),
             prettierConfigOverride: null,
         });
         const [{ logLine: firstLogLine }] = updateResults;
@@ -89,17 +94,20 @@ const saveSequencePropsHandler = ({ input: { edits, clientId, undoLabel, redoLab
     }
     const undoMessage = `↩️  ${undoLabel}`;
     const redoMessage = `↪️  ${redoLabel}`;
+    const suppressHmr = (0, exports.shouldSuppressHmrForSequencePropEdits)(edits);
     (0, undo_stack_1.pushTransactionToUndoStack)({
         snapshots,
         logLevel,
         remotionRoot,
         description: { undoMessage, redoMessage },
         entryType: 'sequence-props',
-        suppressHmrOnFileRestore: true,
+        suppressHmrOnFileRestore: suppressHmr,
     });
     for (const [absolutePath, output] of outputByPath) {
         (0, undo_stack_1.suppressUndoStackInvalidation)(absolutePath);
-        (0, watch_ignore_next_change_1.suppressBundlerUpdateForFile)(absolutePath);
+        if (suppressHmr) {
+            (0, watch_ignore_next_change_1.suppressBundlerUpdateForFile)(absolutePath);
+        }
         (0, file_watcher_1.writeFileAndNotifyFileWatchers)(absolutePath, output, clientId);
     }
     for (const { edits: groupEdits, fileRelativeToRoot } of editGroups.values()) {

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.475",
+	"version": "4.0.476",
 	"description": "Run a Remotion Studio with a server backend",
 	"main": "dist",
 	"scripts": {
@@ -27,11 +27,11 @@
 		"@babel/parser": "7.24.1",
 		"semver": "7.5.3",
 		"prettier": "3.8.1",
-		"remotion": "4.0.475",
+		"remotion": "4.0.476",
 		"recast": "0.23.11",
-		"@remotion/bundler": "4.0.475",
-		"@remotion/renderer": "4.0.475",
-		"@remotion/studio-shared": "4.0.475",
+		"@remotion/bundler": "4.0.476",
+		"@remotion/renderer": "4.0.476",
+		"@remotion/studio-shared": "4.0.476",
 		"memfs": "3.4.3",
 		"open": "8.4.2"
 	},
@@ -39,7 +39,7 @@
 		"ast-types": "0.16.1",
 		"react": "19.2.3",
 		"@types/semver": "7.5.3",
-		"@remotion/eslint-config-internal": "4.0.475",
+		"@remotion/eslint-config-internal": "4.0.476",
 		"eslint": "9.19.0",
 		"@types/node": "20.12.14",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"