@remotion/studio-shared 4.0.493 → 4.0.494

package/dist/api-requests.d.ts

@@ -353,6 +353,7 @@ export type DeleteSequenceKeyframe = {
     key: string;
     frame: number;
     schema: InteractivitySchema;
+    valueWhenLastKeyframeDeleted?: unknown;
 };
 export type MoveSequenceKeyframe = {
     fileName: string;
@@ -380,6 +381,7 @@ export type DeleteEffectKeyframe = {
     key: string;
     frame: number;
     schema: InteractivitySchema;
+    valueWhenLastKeyframeDeleted?: unknown;
 };
 export type MoveEffectKeyframe = {
     fileName: string;

package/dist/detect-file-type.d.ts

@@ -58,6 +58,7 @@ export type JpegType = {
 export type WebpType = {
     type: 'webp';
     dimensions: FileDimensions | null;
+    animated: boolean;
 };
 export type BmpType = {
     type: 'bmp';

package/dist/detect-file-type.js

@@ -225,12 +225,33 @@ const getWebPDimensions = (bytes) => {
     }
     return null;
 };
+const isAnimatedWebp = (data) => {
+    const animationChunk = new Uint8Array([0x41, 0x4e, 0x49, 0x4d]);
+    const view = new DataView(data.buffer, data.byteOffset, data.byteLength);
+    let offset = 12;
+    while (offset + 8 <= data.length) {
+        const chunkType = data.subarray(offset, offset + 4);
+        if ((0, exports.matchesPattern)(animationChunk)(chunkType)) {
+            return true;
+        }
+        const chunkLength = view.getUint32(offset + 4, true);
+        const nextOffset = offset + 8 + chunkLength + (chunkLength % 2);
+        if (nextOffset <= offset) {
+            return false;
+        }
+        offset = nextOffset;
+    }
+    return false;
+};
 const isWebp = (data) => {
-    const webpPattern = new Uint8Array([0x52, 0x49, 0x46, 0x46]);
-    if ((0, exports.matchesPattern)(webpPattern)(data.subarray(0, 4))) {
+    const riffPattern = new Uint8Array([0x52, 0x49, 0x46, 0x46]);
+    const webpPattern = new Uint8Array([0x57, 0x45, 0x42, 0x50]);
+    if ((0, exports.matchesPattern)(riffPattern)(data.subarray(0, 4)) &&
+        (0, exports.matchesPattern)(webpPattern)(data.subarray(8, 12))) {
         return {
             type: 'webp',
             dimensions: getWebPDimensions(data),
+            animated: isAnimatedWebp(data),
         };
     }
     return null;

package/dist/optimistic-delete-keyframe.d.ts

@@ -1,21 +1,24 @@
 import { type CanUpdateSequencePropsResponse } from 'remotion';
-export declare const optimisticDeleteSequenceKeyframe: ({ previous, fieldKey, frame, }: {
+export declare const optimisticDeleteSequenceKeyframe: ({ previous, fieldKey, frame, valueWhenLastKeyframeDeleted, }: {
     previous: CanUpdateSequencePropsResponse;
     fieldKey: string;
     frame: number;
+    valueWhenLastKeyframeDeleted?: unknown;
 }) => CanUpdateSequencePropsResponse;
 export declare const optimisticDeleteSequenceKeyframes: ({ previous, keyframes, }: {
     previous: CanUpdateSequencePropsResponse;
     keyframes: {
         fieldKey: string;
         frame: number;
+        valueWhenLastKeyframeDeleted?: unknown;
     }[];
 }) => CanUpdateSequencePropsResponse;
-export declare const optimisticDeleteEffectKeyframe: ({ previous, effectIndex, fieldKey, frame, }: {
+export declare const optimisticDeleteEffectKeyframe: ({ previous, effectIndex, fieldKey, frame, valueWhenLastKeyframeDeleted, }: {
     previous: CanUpdateSequencePropsResponse;
     effectIndex: number;
     fieldKey: string;
     frame: number;
+    valueWhenLastKeyframeDeleted?: unknown;
 }) => CanUpdateSequencePropsResponse;
 export declare const optimisticDeleteEffectKeyframes: ({ previous, keyframes, }: {
     previous: CanUpdateSequencePropsResponse;
@@ -23,5 +26,6 @@ export declare const optimisticDeleteEffectKeyframes: ({ previous, keyframes, }:
         effectIndex: number;
         fieldKey: string;
         frame: number;
+        valueWhenLastKeyframeDeleted?: unknown;
     }[];
 }) => CanUpdateSequencePropsResponse;

package/dist/optimistic-delete-keyframe.js

@@ -10,7 +10,7 @@ const getEasingIndexToRemove = ({ removedKeyframeIndex, keyframeCountBeforeRemov
     }
     return removedKeyframeIndex;
 };
-const removeKeyframeFromPropStatus = ({ status, frame, }) => {
+const removeKeyframeFromPropStatus = ({ status, frame, valueWhenLastKeyframeDeleted, }) => {
     if (status.status !== 'keyframed') {
         return status;
     }
@@ -22,7 +22,9 @@ const removeKeyframeFromPropStatus = ({ status, frame, }) => {
     if (keyframes.length === 0) {
         return {
             status: 'static',
-            codeValue: status.keyframes[index].value,
+            codeValue: valueWhenLastKeyframeDeleted === null
+                ? status.keyframes[index].value
+                : valueWhenLastKeyframeDeleted,
         };
     }
     // Easing holds one segment per gap between consecutive keyframes
@@ -42,7 +44,7 @@ const removeKeyframeFromPropStatus = ({ status, frame, }) => {
         easing,
     };
 };
-const optimisticDeleteSequenceKeyframe = ({ previous, fieldKey, frame, }) => {
+const optimisticDeleteSequenceKeyframe = ({ previous, fieldKey, frame, valueWhenLastKeyframeDeleted, }) => {
     if (!previous.canUpdate) {
         return previous;
     }
@@ -54,7 +56,11 @@ const optimisticDeleteSequenceKeyframe = ({ previous, fieldKey, frame, }) => {
         ...previous,
         props: {
             ...previous.props,
-            [fieldKey]: removeKeyframeFromPropStatus({ status, frame }),
+            [fieldKey]: removeKeyframeFromPropStatus({
+                status,
+                frame,
+                valueWhenLastKeyframeDeleted: valueWhenLastKeyframeDeleted !== null && valueWhenLastKeyframeDeleted !== void 0 ? valueWhenLastKeyframeDeleted : null,
+            }),
         },
     };
 };
@@ -64,10 +70,11 @@ const optimisticDeleteSequenceKeyframes = ({ previous, keyframes, }) => {
         previous: current,
         fieldKey: keyframe.fieldKey,
         frame: keyframe.frame,
+        valueWhenLastKeyframeDeleted: keyframe.valueWhenLastKeyframeDeleted,
     }), previous);
 };
 exports.optimisticDeleteSequenceKeyframes = optimisticDeleteSequenceKeyframes;
-const optimisticDeleteEffectKeyframe = ({ previous, effectIndex, fieldKey, frame, }) => {
+const optimisticDeleteEffectKeyframe = ({ previous, effectIndex, fieldKey, frame, valueWhenLastKeyframeDeleted, }) => {
     if (!previous.canUpdate) {
         return previous;
     }
@@ -87,7 +94,11 @@ const optimisticDeleteEffectKeyframe = ({ previous, effectIndex, fieldKey, frame
         ...target,
         props: {
             ...target.props,
-            [fieldKey]: removeKeyframeFromPropStatus({ status, frame }),
+            [fieldKey]: removeKeyframeFromPropStatus({
+                status,
+                frame,
+                valueWhenLastKeyframeDeleted: valueWhenLastKeyframeDeleted !== null && valueWhenLastKeyframeDeleted !== void 0 ? valueWhenLastKeyframeDeleted : null,
+            }),
         },
     };
     const effects = [...previous.effects];
@@ -104,6 +115,7 @@ const optimisticDeleteEffectKeyframes = ({ previous, keyframes, }) => {
         effectIndex: keyframe.effectIndex,
         fieldKey: keyframe.fieldKey,
         frame: keyframe.frame,
+        valueWhenLastKeyframeDeleted: keyframe.valueWhenLastKeyframeDeleted,
     }), previous);
 };
 exports.optimisticDeleteEffectKeyframes = optimisticDeleteEffectKeyframes;

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio-shared"
 	},
 	"name": "@remotion/studio-shared",
-	"version": "4.0.493",
+	"version": "4.0.494",
 	"description": "Internal package for shared objects between the Studio backend and frontend",
 	"main": "dist",
 	"scripts": {
@@ -20,11 +20,11 @@
 		"url": "https://github.com/remotion-dev/remotion/issues"
 	},
 	"dependencies": {
-		"remotion": "4.0.493"
+		"remotion": "4.0.494"
 	},
 	"devDependencies": {
-		"@remotion/renderer": "4.0.493",
-		"@remotion/eslint-config-internal": "4.0.493",
+		"@remotion/renderer": "4.0.494",
+		"@remotion/eslint-config-internal": "4.0.494",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},