@remotion/studio-server 4.0.493 → 4.0.494

package/dist/codemods/update-keyframes/update-keyframes.d.ts

@@ -10,6 +10,7 @@ export type KeyframeOperation = {
 } | {
     type: 'remove';
     frame: number;
+    valueWhenLastKeyframeDeleted: unknown | null;
 } | {
     type: 'settings';
     clamping: {

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

@@ -682,7 +682,7 @@ const addKeyframe = ({ expression, key, frame, value, schema, videoConfigValues,
         },
     };
 };
-const removeKeyframe = ({ expression, frame, videoConfigValues, }) => {
+const removeKeyframe = ({ expression, frame, videoConfigValues, valueWhenLastKeyframeDeleted, }) => {
     const existing = getInterpolationExpression(expression, videoConfigValues);
     if (!existing) {
         throw new Error('Cannot remove keyframe from non-interpolated expression');
@@ -694,7 +694,9 @@ const removeKeyframe = ({ expression, frame, videoConfigValues, }) => {
     const nextKeyframes = existing.keyframes.filter((_keyframe, index) => index !== keyframeIndex);
     if (nextKeyframes.length === 0) {
         return {
-            expression: existing.keyframes[keyframeIndex].output,
+            expression: valueWhenLastKeyframeDeleted === null
+                ? existing.keyframes[keyframeIndex].output
+                : (0, update_nested_prop_1.parseValueExpression)(valueWhenLastKeyframeDeleted),
             introduced: noIntroducedIdentifiers,
         };
     }
@@ -828,6 +830,7 @@ const applyKeyframeOperation = ({ expression, key, operation, schema, videoConfi
         expression,
         frame: operation.frame,
         videoConfigValues,
+        valueWhenLastKeyframeDeleted: operation.valueWhenLastKeyframeDeleted,
     });
 };
 const getExpressionFromJsxAttribute = (attr) => {

package/dist/helpers/video-config-numeric-expression.js

@@ -82,11 +82,35 @@ const parseVideoConfigNumericExpression = ({ node, videoConfigValues, }) => {
     if (videoConfigValue !== null) {
         return { type: 'video-config-value', ...videoConfigValue };
     }
-    if (node.type !== 'BinaryExpression' || node.operator !== '*') {
+    if (node.type !== 'BinaryExpression') {
         return null;
     }
     const left = node.left;
     const right = node.right;
+    if (node.operator === '-') {
+        const minuend = getVideoConfigValue({
+            node: left,
+            videoConfigValues,
+        });
+        const subtrahend = getNumericLiteral(right);
+        if (minuend === null || subtrahend === null) {
+            return null;
+        }
+        const resolvedValue = minuend.value - subtrahend;
+        if (!Number.isFinite(resolvedValue)) {
+            return null;
+        }
+        return {
+            type: 'video-config-subtraction',
+            identifier: minuend.identifier,
+            minuend: minuend.value,
+            subtrahend,
+            value: resolvedValue,
+        };
+    }
+    if (node.operator !== '*') {
+        return null;
+    }
     const leftNumber = getNumericLiteral(left);
     const rightNumber = getNumericLiteral(right);
     const leftVideoConfig = getVideoConfigValue({
@@ -136,6 +160,13 @@ const updateVideoConfigNumericExpression = ({ expression, value, }) => {
             ? b.identifier(expression.identifier)
             : numericExpression(value);
     }
+    if (expression.type === 'video-config-subtraction') {
+        const subtrahend = expression.minuend - value;
+        if (!Number.isFinite(subtrahend)) {
+            return numericExpression(value);
+        }
+        return b.binaryExpression('-', b.identifier(expression.identifier), numericExpression(subtrahend));
+    }
     if (expression.type !== 'video-config-multiplication' || value === 0) {
         return numericExpression(value);
     }

package/dist/preview-server/routes/delete-keyframes.js

@@ -97,13 +97,17 @@ const deleteKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, r
                 input: output,
                 nodePath: firstSequenceKeyframe.nodePath.nodePath,
                 videoConfigValues: firstSequenceKeyframe.nodePath.videoConfigValues,
-                updates: keyframeGroup.map((keyframe) => ({
-                    key: keyframe.key,
-                    operation: {
-                        type: 'remove',
-                        frame: keyframe.frame,
-                    },
-                })),
+                updates: keyframeGroup.map((keyframe) => {
+                    var _a;
+                    return ({
+                        key: keyframe.key,
+                        operation: {
+                            type: 'remove',
+                            frame: keyframe.frame,
+                            valueWhenLastKeyframeDeleted: (_a = keyframe.valueWhenLastKeyframeDeleted) !== null && _a !== void 0 ? _a : null,
+                        },
+                    });
+                }),
             });
             output = result.output;
             firstLogLine = Math.min(firstLogLine, result.logLine);
@@ -128,13 +132,17 @@ const deleteKeyframes = async ({ sequenceKeyframes, effectKeyframes, clientId, r
                 sequenceNodePath: firstEffectKeyframe.sequenceNodePath.nodePath,
                 effectIndex: firstEffectKeyframe.effectIndex,
                 videoConfigValues: firstEffectKeyframe.sequenceNodePath.videoConfigValues,
-                updates: keyframeGroup.map((keyframe) => ({
-                    key: keyframe.key,
-                    operation: {
-                        type: 'remove',
-                        frame: keyframe.frame,
-                    },
-                })),
+                updates: keyframeGroup.map((keyframe) => {
+                    var _a;
+                    return ({
+                        key: keyframe.key,
+                        operation: {
+                            type: 'remove',
+                            frame: keyframe.frame,
+                            valueWhenLastKeyframeDeleted: (_a = keyframe.valueWhenLastKeyframeDeleted) !== null && _a !== void 0 ? _a : null,
+                        },
+                    });
+                }),
             });
             output = result.output;
             firstLogLine = Math.min(firstLogLine, result.logLine);

package/dist/preview-server/routes/download-remote-asset.js

@@ -256,7 +256,8 @@ const downloadRemoteAssetHandler = async ({ input, publicDir, request }) => {
         type: 'asset',
         assetType: fileType.type === 'gif'
             ? 'gif'
-            : fileType.type === 'apng'
+            : fileType.type === 'apng' ||
+                (fileType.type === 'webp' && fileType.animated)
                 ? 'animated-image'
                 : 'image',
         src: assetPath,

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.493",
+	"version": "4.0.494",
 	"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.493",
+		"remotion": "4.0.494",
 		"recast": "0.23.11",
-		"@remotion/bundler": "4.0.493",
-		"@remotion/renderer": "4.0.493",
-		"@remotion/studio-shared": "4.0.493",
+		"@remotion/bundler": "4.0.494",
+		"@remotion/renderer": "4.0.494",
+		"@remotion/studio-shared": "4.0.494",
 		"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.493",
+		"@remotion/eslint-config-internal": "4.0.494",
 		"eslint": "9.19.0",
 		"@types/node": "20.12.14",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"