@remotion/studio-shared 4.0.493 → 4.0.495

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;
@@ -550,6 +552,10 @@ export type InsertableCompositionElement = {
         height: number;
     } | null;
     position: InsertableCompositionElementPosition | null;
+} | {
+    type: 'svg';
+    markup: string;
+    position: InsertableCompositionElementPosition | null;
 } | {
     type: 'composition';
     compositionId: string;
@@ -576,6 +582,16 @@ export type InsertJsxElementResponse = {
     reason: string;
     stack: string;
 };
+export type ConvertFigmaClipboardToSvgRequest = {
+    html: string;
+};
+export type ConvertFigmaClipboardToSvgResponse = {
+    success: true;
+    svg: string;
+} | {
+    success: false;
+    reason: string;
+};
 export type InsertElementRequest = {
     compositionFile: string;
     compositionId: string;
@@ -695,6 +711,7 @@ export type ApiRoutes = {
     '/api/duplicate-jsx-node': ReqAndRes<DuplicateJsxNodeRequest, DuplicateJsxNodeResponse>;
     '/api/split-jsx-sequence': ReqAndRes<SplitJsxSequenceRequest, SplitJsxSequenceResponse>;
     '/api/insert-jsx-element': ReqAndRes<InsertJsxElementRequest, InsertJsxElementResponse>;
+    '/api/convert-figma-clipboard-to-svg': ReqAndRes<ConvertFigmaClipboardToSvgRequest, ConvertFigmaClipboardToSvgResponse>;
     '/api/insert-element': ReqAndRes<InsertElementRequest, InsertElementResponse>;
     '/api/update-element-install-target': ReqAndRes<UpdateElementInstallTargetRequest, UpdateElementInstallTargetResponse>;
     '/api/download-remote-asset': ReqAndRes<DownloadRemoteAssetRequest, DownloadRemoteAssetResponse>;

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/event-source-event.d.ts

@@ -1,5 +1,4 @@
-import type { StaticFile } from 'remotion';
-import type { CanUpdateSequencePropsResponse, SequencePropsSubscriptionKey } from 'remotion';
+import type { CanUpdateSequencePropsResponse, SequencePropsSubscriptionKey, StaticFile } from 'remotion';
 import type { CanUpdateDefaultPropsResponse, ElementInstallRequest } from './api-requests';
 import type { HotMiddlewareMessage } from './hot-middleware';
 import type { CompletedClientRender, RenderJob } from './render-job';
@@ -14,6 +13,8 @@ export type EventSourceEvent = {
 } | {
     type: 'new-env-variables';
     newEnvVariables: Record<string, string>;
+} | {
+    type: 'config-file-changed';
 } | {
     type: 'root-file-changed';
 } | {

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export { splitAnsi, stripAnsi } from './ansi';
-export { AddEffectKeyframeRequest, AddEffectKeyframeResponse, AddEffectRequest, AddEffectResponse, AddKeyframesRequest, AddKeyframesResponse, AddRenderRequest, AddSequenceKeyframeRequest, AddSequenceKeyframeResponse, ApiRoutes, ApplyCodemodRequest, ApplyCodemodResponse, ApplyVisualControlRequest, ApplyVisualControlResponse, CanUpdateDefaultPropsResponse, CanUpdateSequencePropsRequest, CancelRenderRequest, CancelRenderResponse, CompositionComponentInfoRequest, CompositionComponentInfoResponse, CopyStillToClipboardRequest, DeleteEffectKeyframe, DeleteEffectRequest, DeleteEffectRequestItem, DeleteEffectResponse, DeleteJsxNodeRequest, DeleteJsxNodeRequestItem, DeleteJsxNodeResponse, DeleteKeyframesRequest, DeleteKeyframesResponse, DeleteSequenceKeyframe, DeleteStaticFileRequest, DeleteStaticFileResponse, DownloadRemoteAssetRequest, DownloadRemoteAssetResponse, DuplicateEffectRequest, DuplicateEffectRequestItem, DuplicateEffectResponse, DuplicateJsxNodeRequest, DuplicateJsxNodeResponse, ElementInstallRequest, GoogleFontSourceEdit, InsertElementRequest, InsertElementResponse, InsertJsxElementRequest, InsertJsxElementResponse, InsertableCompositionElement, InsertableCompositionElementPosition, InstallPackageRequest, InstallPackageResponse, LogStudioErrorRequest, LogStudioErrorResponse, MoveEffectKeyframe, MoveKeyframesRequest, MoveKeyframesResponse, MoveSequenceKeyframe, OpenInEditorRequest, OpenInEditorResponse, OpenInFileExplorerRequest, PasteEffectsRequest, PasteEffectsResponse, ProjectInfoRequest, ProjectInfoResponse, RedoRequest, RedoResponse, RemoveRenderRequest, RenameStaticFileRequest, RenameStaticFileResponse, ReorderEffectRequest, ReorderEffectResponse, ReorderSequencePosition, ReorderSequenceRequest, ReorderSequenceResponse, RestartStudioRequest, RestartStudioResponse, SaveEffectPropsRequest, SaveEffectPropsResponse, SaveSequencePropEdit, SaveSequencePropSourceEdit, SaveSequencePropsRequest, SaveSequencePropsResponse, SaveSequencePropsResult, SimpleDiff, SplitJsxSequenceRequest, SplitJsxSequenceResponse, SubscribeToDefaultPropsRequest, SubscribeToDefaultPropsResponse, SubscribeToFileExistenceRequest, SubscribeToFileExistenceResponse, SubscribeToSequencePropsRequest, SubscribeToSequencePropsResponse, UndoRequest, UndoResponse, UnsubscribeFromDefaultPropsRequest, UnsubscribeFromFileExistenceRequest, UnsubscribeFromSequencePropsRequest, UpdateAvailableRequest, UpdateAvailableResponse, UpdateDefaultPropsRequest, UpdateDefaultPropsResponse, UpdateEffectKeyframeSettingsRequest, UpdateEffectKeyframeSettingsResponse, UpdateElementInstallTargetRequest, UpdateElementInstallTargetResponse, UpdateSequenceKeyframeSettingsRequest, UpdateSequenceKeyframeSettingsResponse, type AddEffectKeyframe, type AddSequenceKeyframe, type KeyframeSettings, } from './api-requests';
+export { AddEffectKeyframeRequest, AddEffectKeyframeResponse, AddEffectRequest, AddEffectResponse, AddKeyframesRequest, AddKeyframesResponse, AddRenderRequest, AddSequenceKeyframeRequest, AddSequenceKeyframeResponse, ApiRoutes, ApplyCodemodRequest, ApplyCodemodResponse, ApplyVisualControlRequest, ApplyVisualControlResponse, CanUpdateDefaultPropsResponse, CanUpdateSequencePropsRequest, CancelRenderRequest, CancelRenderResponse, CompositionComponentInfoRequest, CompositionComponentInfoResponse, ConvertFigmaClipboardToSvgRequest, ConvertFigmaClipboardToSvgResponse, CopyStillToClipboardRequest, DeleteEffectKeyframe, DeleteEffectRequest, DeleteEffectRequestItem, DeleteEffectResponse, DeleteJsxNodeRequest, DeleteJsxNodeRequestItem, DeleteJsxNodeResponse, DeleteKeyframesRequest, DeleteKeyframesResponse, DeleteSequenceKeyframe, DeleteStaticFileRequest, DeleteStaticFileResponse, DownloadRemoteAssetRequest, DownloadRemoteAssetResponse, DuplicateEffectRequest, DuplicateEffectRequestItem, DuplicateEffectResponse, DuplicateJsxNodeRequest, DuplicateJsxNodeResponse, ElementInstallRequest, GoogleFontSourceEdit, InsertElementRequest, InsertElementResponse, InsertJsxElementRequest, InsertJsxElementResponse, InsertableCompositionElement, InsertableCompositionElementPosition, InstallPackageRequest, InstallPackageResponse, LogStudioErrorRequest, LogStudioErrorResponse, MoveEffectKeyframe, MoveKeyframesRequest, MoveKeyframesResponse, MoveSequenceKeyframe, OpenInEditorRequest, OpenInEditorResponse, OpenInFileExplorerRequest, PasteEffectsRequest, PasteEffectsResponse, ProjectInfoRequest, ProjectInfoResponse, RedoRequest, RedoResponse, RemoveRenderRequest, RenameStaticFileRequest, RenameStaticFileResponse, ReorderEffectRequest, ReorderEffectResponse, ReorderSequencePosition, ReorderSequenceRequest, ReorderSequenceResponse, RestartStudioRequest, RestartStudioResponse, SaveEffectPropsRequest, SaveEffectPropsResponse, SaveSequencePropEdit, SaveSequencePropSourceEdit, SaveSequencePropsRequest, SaveSequencePropsResponse, SaveSequencePropsResult, SimpleDiff, SplitJsxSequenceRequest, SplitJsxSequenceResponse, SubscribeToDefaultPropsRequest, SubscribeToDefaultPropsResponse, SubscribeToFileExistenceRequest, SubscribeToFileExistenceResponse, SubscribeToSequencePropsRequest, SubscribeToSequencePropsResponse, UndoRequest, UndoResponse, UnsubscribeFromDefaultPropsRequest, UnsubscribeFromFileExistenceRequest, UnsubscribeFromSequencePropsRequest, UpdateAvailableRequest, UpdateAvailableResponse, UpdateDefaultPropsRequest, UpdateDefaultPropsResponse, UpdateEffectKeyframeSettingsRequest, UpdateEffectKeyframeSettingsResponse, UpdateElementInstallTargetRequest, UpdateElementInstallTargetResponse, UpdateSequenceKeyframeSettingsRequest, UpdateSequenceKeyframeSettingsResponse, type AddEffectKeyframe, type AddSequenceKeyframe, type KeyframeSettings, } from './api-requests';
 export { ASSET_DRAG_MIME_TYPE, makeAssetDragData, parseAssetDragData, type AssetDragData, } from './asset-drag-data';
 export type { ApplyVisualControlCodemod, RecastCodemod } from './codemods';
 export { COMPONENT_DRAG_MIME_TYPE, areComponentProps, isComponentIdentifier, isComponentImportPath, makeComponentDragData, parseComponentDragData, type ComponentDimensions, type ComponentDragData, type ComponentProp, } from './component-drag-data';

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/dist/required-package.js

@@ -20,7 +20,7 @@ const getRequiredPackageForImportPath = (importPath) => {
 };
 exports.getRequiredPackageForImportPath = getRequiredPackageForImportPath;
 const getRequiredPackageForInsertableElement = (element) => {
-    if (element.type === 'solid') {
+    if (element.type === 'solid' || element.type === 'svg') {
         return null;
     }
     if (element.type === 'component') {

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.495",
 	"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.495"
 	},
 	"devDependencies": {
-		"@remotion/renderer": "4.0.493",
-		"@remotion/eslint-config-internal": "4.0.493",
+		"@remotion/renderer": "4.0.495",
+		"@remotion/eslint-config-internal": "4.0.495",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},