@remotion/studio-shared 4.0.472 → 4.0.473

package/dist/api-requests.d.ts

@@ -1,8 +1,8 @@
 import type { AudioCodec, ChromeMode, Codec, ColorSpace, LogLevel, PixelFormat, StillImageFormat, VideoImageFormat, X264Preset } from '@remotion/renderer';
 import type { HardwareAccelerationOption } from '@remotion/renderer/client';
-import type { _InternalTypes, CannotUpdateSequenceReason, CanUpdateEffectPropsResponse, CanUpdateSequencePropsResponseFalse, CanUpdateSequencePropsResponseTrue, CanUpdateSequencePropStatus, SequenceNodePath, SequencePropsSubscriptionKey, SequenceSchema } from 'remotion';
+import type { _InternalTypes, CannotUpdateSequenceReason, CanUpdateEffectPropsResponse, CanUpdateSequencePropsResponseFalse, CanUpdateSequencePropsResponseTrue, CanUpdateSequencePropStatus, ExtrapolateType, SequenceNodePath, SequencePropsSubscriptionKey, SequenceSchema } from 'remotion';
 import type { RecastCodemod, VisualControlChange } from './codemods';
-import type { EffectClipboardPasteType, EffectClipboardSnapshot } from './effect-clipboard-data';
+import type { EffectClipboardParam, EffectClipboardPasteType, EffectClipboardSnapshot } from './effect-clipboard-data';
 import type { PackageManager } from './package-manager';
 import type { ProjectInfo } from './project-info';
 import type { CompletedClientRender, RequiredChromiumOptions } from './render-job';
@@ -164,6 +164,13 @@ export type DeleteStaticFileResponse = {
     success: boolean;
     existed: boolean;
 };
+export type RenameStaticFileRequest = {
+    oldRelativePath: string;
+    newRelativePath: string;
+};
+export type RenameStaticFileResponse = {
+    success: boolean;
+};
 export type CanUpdateDefaultPropsResponse = {
     canUpdate: true;
     currentDefaultProps: Record<string, unknown>;
@@ -220,8 +227,8 @@ export type SaveSequencePropEdit = {
 export type SaveSequencePropsRequest = {
     edits: SaveSequencePropEdit[];
     clientId: string;
-    undoLabel: string | null;
-    redoLabel: string | null;
+    undoLabel: string;
+    redoLabel: string;
 };
 export type SaveSequencePropsResult = {
     fileName: string;
@@ -236,16 +243,22 @@ export type SaveSequencePropsResponse = {
     canUpdate: false;
     reason: CannotUpdateSequenceReason;
 };
-export type SaveEffectPropsRequest = {
+type SaveEffectPropsRequestBase = {
     fileName: string;
     sequenceNodePath: SequencePropsSubscriptionKey;
     effectIndex: number;
     key: string;
-    value: string;
     defaultValue: string | null;
     schema: SequenceSchema;
     clientId: string;
 };
+export type SaveEffectPropsRequest = (SaveEffectPropsRequestBase & {
+    type: 'value';
+    value: string;
+}) | (SaveEffectPropsRequestBase & {
+    type: 'effect-param';
+    effectParam: EffectClipboardParam;
+});
 export type SaveEffectPropsResponse = CanUpdateEffectPropsResponse;
 export type AddEffectRequest = {
     fileName: string;
@@ -276,6 +289,21 @@ export type ReorderEffectResponse = {
     reason: string;
     stack: string;
 };
+export type ReorderSequencePosition = 'before' | 'after';
+export type ReorderSequenceRequest = {
+    fileName: string;
+    sourceNodePath: SequencePropsSubscriptionKey;
+    targetNodePath: SequencePropsSubscriptionKey;
+    position: ReorderSequencePosition;
+    clientId: string;
+};
+export type ReorderSequenceResponse = {
+    success: true;
+} | {
+    success: false;
+    reason: string;
+    stack: string;
+};
 export type DeleteSequenceKeyframe = {
     fileName: string;
     nodePath: SequencePropsSubscriptionKey;
@@ -283,6 +311,14 @@ export type DeleteSequenceKeyframe = {
     frame: number;
     schema: SequenceSchema;
 };
+export type MoveSequenceKeyframe = {
+    fileName: string;
+    nodePath: SequencePropsSubscriptionKey;
+    key: string;
+    fromFrame: number;
+    toFrame: number;
+    schema: SequenceSchema;
+};
 export type AddSequenceKeyframeRequest = {
     fileName: string;
     nodePath: SequencePropsSubscriptionKey;
@@ -301,6 +337,15 @@ export type DeleteEffectKeyframe = {
     frame: number;
     schema: SequenceSchema;
 };
+export type MoveEffectKeyframe = {
+    fileName: string;
+    sequenceNodePath: SequencePropsSubscriptionKey;
+    effectIndex: number;
+    key: string;
+    fromFrame: number;
+    toFrame: number;
+    schema: SequenceSchema;
+};
 export type DeleteKeyframesRequest = {
     sequenceKeyframes: DeleteSequenceKeyframe[];
     effectKeyframes: DeleteEffectKeyframe[];
@@ -309,6 +354,14 @@ export type DeleteKeyframesRequest = {
 export type DeleteKeyframesResponse = {
     success: true;
 };
+export type MoveKeyframesRequest = {
+    sequenceKeyframes: MoveSequenceKeyframe[];
+    effectKeyframes: MoveEffectKeyframe[];
+    clientId: string;
+};
+export type MoveKeyframesResponse = {
+    success: true;
+};
 export type AddEffectKeyframeRequest = {
     fileName: string;
     sequenceNodePath: SequencePropsSubscriptionKey;
@@ -320,6 +373,32 @@ export type AddEffectKeyframeRequest = {
     clientId: string;
 };
 export type AddEffectKeyframeResponse = SaveEffectPropsResponse;
+export type KeyframeSettings = {
+    clamping: {
+        left: ExtrapolateType;
+        right: ExtrapolateType;
+    } | undefined;
+    posterize: number | undefined;
+};
+export type UpdateSequenceKeyframeSettingsRequest = {
+    fileName: string;
+    nodePath: SequencePropsSubscriptionKey;
+    key: string;
+    settings: KeyframeSettings;
+    schema: SequenceSchema;
+    clientId: string;
+};
+export type UpdateSequenceKeyframeSettingsResponse = SaveSequencePropsResponse;
+export type UpdateEffectKeyframeSettingsRequest = {
+    fileName: string;
+    sequenceNodePath: SequencePropsSubscriptionKey;
+    effectIndex: number;
+    key: string;
+    settings: KeyframeSettings;
+    schema: SequenceSchema;
+    clientId: string;
+};
+export type UpdateEffectKeyframeSettingsResponse = SaveEffectPropsResponse;
 type BaseDeleteEffectRequestItem = {
     fileName: string;
     sequenceNodePath: SequencePropsSubscriptionKey;
@@ -383,7 +462,7 @@ export type InsertableCompositionElement = {
     height: number;
 } | {
     type: 'asset';
-    assetType: 'image' | 'video' | 'gif';
+    assetType: 'image' | 'video' | 'gif' | 'audio';
     src: string;
     dimensions: {
         width: number;
@@ -402,6 +481,15 @@ export type InsertJsxElementResponse = {
     reason: string;
     stack: string;
 };
+export type DownloadRemoteAssetRequest = {
+    url: string;
+};
+export type DownloadRemoteAssetResponse = {
+    assetPath: string;
+    sizeInBytes: number;
+    created: boolean;
+    element: InsertableCompositionElement;
+};
 export type UpdateAvailableRequest = {};
 export type UpdateAvailableResponse = {
     currentVersion: string;
@@ -434,6 +522,13 @@ export type RedoResponse = {
     success: false;
     reason: string;
 };
+export type LogStudioErrorRequest = {
+    name: string | null;
+    message: string;
+    stack: string | null;
+    symbolicatedStackFrames: SymbolicatedStackFrame[] | null;
+};
+export type LogStudioErrorResponse = {};
 export type ApiRoutes = {
     '/api/composition-component-info': ReqAndRes<CompositionComponentInfoRequest, CompositionComponentInfoResponse>;
     '/api/cancel': ReqAndRes<CancelRenderRequest, CancelRenderResponse>;
@@ -457,21 +552,28 @@ export type ApiRoutes = {
     '/api/save-effect-props': ReqAndRes<SaveEffectPropsRequest, SaveEffectPropsResponse>;
     '/api/add-effect': ReqAndRes<AddEffectRequest, AddEffectResponse>;
     '/api/reorder-effect': ReqAndRes<ReorderEffectRequest, ReorderEffectResponse>;
+    '/api/reorder-sequence': ReqAndRes<ReorderSequenceRequest, ReorderSequenceResponse>;
     '/api/delete-keyframes': ReqAndRes<DeleteKeyframesRequest, DeleteKeyframesResponse>;
+    '/api/move-keyframes': ReqAndRes<MoveKeyframesRequest, MoveKeyframesResponse>;
     '/api/add-sequence-keyframe': ReqAndRes<AddSequenceKeyframeRequest, AddSequenceKeyframeResponse>;
     '/api/add-effect-keyframe': ReqAndRes<AddEffectKeyframeRequest, AddEffectKeyframeResponse>;
+    '/api/update-sequence-keyframe-settings': ReqAndRes<UpdateSequenceKeyframeSettingsRequest, UpdateSequenceKeyframeSettingsResponse>;
+    '/api/update-effect-keyframe-settings': ReqAndRes<UpdateEffectKeyframeSettingsRequest, UpdateEffectKeyframeSettingsResponse>;
     '/api/delete-effect': ReqAndRes<DeleteEffectRequest, DeleteEffectResponse>;
     '/api/paste-effects': ReqAndRes<PasteEffectsRequest, PasteEffectsResponse>;
     '/api/delete-jsx-node': ReqAndRes<DeleteJsxNodeRequest, DeleteJsxNodeResponse>;
     '/api/duplicate-jsx-node': ReqAndRes<DuplicateJsxNodeRequest, DuplicateJsxNodeResponse>;
     '/api/insert-jsx-element': ReqAndRes<InsertJsxElementRequest, InsertJsxElementResponse>;
+    '/api/download-remote-asset': ReqAndRes<DownloadRemoteAssetRequest, DownloadRemoteAssetResponse>;
     '/api/update-available': ReqAndRes<UpdateAvailableRequest, UpdateAvailableResponse>;
     '/api/apply-codemod': ReqAndRes<ApplyCodemodRequest, ApplyCodemodResponse>;
     '/api/project-info': ReqAndRes<ProjectInfoRequest, ProjectInfoResponse>;
     '/api/delete-static-file': ReqAndRes<DeleteStaticFileRequest, DeleteStaticFileResponse>;
+    '/api/rename-static-file': ReqAndRes<RenameStaticFileRequest, RenameStaticFileResponse>;
     '/api/restart-studio': ReqAndRes<RestartStudioRequest, RestartStudioResponse>;
     '/api/install-package': ReqAndRes<InstallPackageRequest, InstallPackageResponse>;
     '/api/undo': ReqAndRes<UndoRequest, UndoResponse>;
     '/api/redo': ReqAndRes<RedoRequest, RedoResponse>;
+    '/api/log-studio-error': ReqAndRes<LogStudioErrorRequest, LogStudioErrorResponse>;
 };
 export {};

package/dist/asset-drag-data.d.ts

@@ -0,0 +1,8 @@
+export declare const ASSET_DRAG_MIME_TYPE = "application/vnd.remotion.asset+json";
+export type AssetDragData = {
+    type: 'remotion-asset';
+    version: 1;
+    assetPath: string;
+};
+export declare const makeAssetDragData: (assetPath: string) => AssetDragData;
+export declare const parseAssetDragData: (value: string) => AssetDragData | null;

package/dist/asset-drag-data.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseAssetDragData = exports.makeAssetDragData = exports.ASSET_DRAG_MIME_TYPE = void 0;
+exports.ASSET_DRAG_MIME_TYPE = 'application/vnd.remotion.asset+json';
+const isRecord = (value) => {
+    return typeof value === 'object' && value !== null && !Array.isArray(value);
+};
+const makeAssetDragData = (assetPath) => {
+    return {
+        type: 'remotion-asset',
+        version: 1,
+        assetPath,
+    };
+};
+exports.makeAssetDragData = makeAssetDragData;
+const parseAssetDragData = (value) => {
+    try {
+        const parsed = JSON.parse(value);
+        if (!isRecord(parsed)) {
+            return null;
+        }
+        if (parsed.type !== 'remotion-asset' || parsed.version !== 1) {
+            return null;
+        }
+        if (typeof parsed.assetPath !== 'string' || parsed.assetPath.length === 0) {
+            return null;
+        }
+        return {
+            type: 'remotion-asset',
+            version: 1,
+            assetPath: parsed.assetPath,
+        };
+    }
+    catch (_a) {
+        return null;
+    }
+};
+exports.parseAssetDragData = parseAssetDragData;

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

@@ -0,0 +1,71 @@
+export type FileDimensions = {
+    readonly width: number;
+    readonly height: number;
+};
+export declare const matchesPattern: (pattern: Uint8Array<ArrayBufferLike>) => (data: Uint8Array<ArrayBufferLike>) => boolean;
+export declare const isRiffAvi: (data: Uint8Array<ArrayBufferLike>) => boolean;
+export declare const isRiffWave: (data: Uint8Array<ArrayBufferLike>) => boolean;
+export declare const isWebm: (data: Uint8Array<ArrayBufferLike>) => boolean;
+export declare const isIsoBaseMedia: (data: Uint8Array<ArrayBufferLike>) => boolean;
+export declare const isTransportStream: (data: Uint8Array<ArrayBufferLike>) => boolean;
+export declare const isMp3: (data: Uint8Array<ArrayBufferLike>) => boolean;
+export declare const isAac: (data: Uint8Array<ArrayBufferLike>) => boolean;
+export declare const isFlac: (data: Uint8Array<ArrayBufferLike>) => boolean;
+export declare const isM3u: (data: Uint8Array<ArrayBufferLike>) => boolean;
+export type RiffType = {
+    type: 'riff';
+};
+export type WebmType = {
+    type: 'webm';
+};
+export type IsoBaseMediaType = {
+    type: 'iso-base-media';
+};
+export type TransportStreamType = {
+    type: 'transport-stream';
+};
+export type Mp3Type = {
+    type: 'mp3';
+};
+export type AacType = {
+    type: 'aac';
+};
+export type WavType = {
+    type: 'wav';
+};
+export type GifType = {
+    type: 'gif';
+    dimensions: FileDimensions | null;
+};
+export type FlacType = {
+    type: 'flac';
+};
+export type M3uType = {
+    type: 'm3u';
+};
+export type PngType = {
+    type: 'png';
+    dimensions: FileDimensions | null;
+};
+export type JpegType = {
+    type: 'jpeg';
+    dimensions: FileDimensions | null;
+};
+export type WebpType = {
+    type: 'webp';
+    dimensions: FileDimensions | null;
+};
+export type BmpType = {
+    type: 'bmp';
+    dimensions: FileDimensions | null;
+};
+export type PdfType = {
+    type: 'pdf';
+};
+export type UnknownType = {
+    type: 'unknown';
+};
+export type FileType = JpegType | WebpType | RiffType | WebmType | WavType | PdfType | AacType | IsoBaseMediaType | TransportStreamType | Mp3Type | GifType | PngType | BmpType | AacType | FlacType | M3uType | UnknownType;
+export type ImageFileType = JpegType | WebpType | GifType | PngType | BmpType;
+export declare const isImageFileType: (fileType: FileType) => fileType is ImageFileType;
+export declare const detectFileType: (data: Uint8Array<ArrayBufferLike>) => FileType;

package/dist/detect-file-type.js

@@ -0,0 +1,295 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.detectFileType = exports.isImageFileType = exports.isM3u = exports.isFlac = exports.isAac = exports.isMp3 = exports.isTransportStream = exports.isIsoBaseMedia = exports.isWebm = exports.isRiffWave = exports.isRiffAvi = exports.matchesPattern = void 0;
+const webmPattern = new Uint8Array([0x1a, 0x45, 0xdf, 0xa3]);
+const matchesPattern = (pattern) => {
+    return (data) => {
+        return pattern.every((value, index) => data[index] === value);
+    };
+};
+exports.matchesPattern = matchesPattern;
+const isRiffAvi = (data) => {
+    const riffPattern = new Uint8Array([0x52, 0x49, 0x46, 0x46]);
+    if (!(0, exports.matchesPattern)(riffPattern)(data.subarray(0, 4))) {
+        return false;
+    }
+    const fileType = data.subarray(8, 12);
+    const aviPattern = new Uint8Array([0x41, 0x56, 0x49, 0x20]);
+    return (0, exports.matchesPattern)(aviPattern)(fileType);
+};
+exports.isRiffAvi = isRiffAvi;
+const isRiffWave = (data) => {
+    const riffPattern = new Uint8Array([0x52, 0x49, 0x46, 0x46]);
+    if (!(0, exports.matchesPattern)(riffPattern)(data.subarray(0, 4))) {
+        return false;
+    }
+    const fileType = data.subarray(8, 12);
+    const wavePattern = new Uint8Array([0x57, 0x41, 0x56, 0x45]);
+    return (0, exports.matchesPattern)(wavePattern)(fileType);
+};
+exports.isRiffWave = isRiffWave;
+const isWebm = (data) => {
+    return (0, exports.matchesPattern)(webmPattern)(data.subarray(0, 4));
+};
+exports.isWebm = isWebm;
+const isIsoBaseMedia = (data) => {
+    const isoBaseMediaMp4Pattern = new TextEncoder().encode('ftyp');
+    return (0, exports.matchesPattern)(isoBaseMediaMp4Pattern)(data.subarray(4, 8));
+};
+exports.isIsoBaseMedia = isIsoBaseMedia;
+const isTransportStream = (data) => {
+    return data[0] === 0x47 && data[188] === 0x47;
+};
+exports.isTransportStream = isTransportStream;
+const isMp3 = (data) => {
+    const mpegPattern = new Uint8Array([0xff, 0xf3]);
+    const mpegPattern2 = new Uint8Array([0xff, 0xfb]);
+    const id3v4Pattern = new Uint8Array([0x49, 0x44, 0x33, 4]);
+    const id3v3Pattern = new Uint8Array([0x49, 0x44, 0x33, 3]);
+    const id3v2Pattern = new Uint8Array([0x49, 0x44, 0x33, 2]);
+    const subarray = data.subarray(0, 4);
+    return ((0, exports.matchesPattern)(mpegPattern)(subarray) ||
+        (0, exports.matchesPattern)(mpegPattern2)(subarray) ||
+        (0, exports.matchesPattern)(id3v4Pattern)(subarray) ||
+        (0, exports.matchesPattern)(id3v3Pattern)(subarray) ||
+        (0, exports.matchesPattern)(id3v2Pattern)(subarray));
+};
+exports.isMp3 = isMp3;
+const isAac = (data) => {
+    const aacPattern = new Uint8Array([0xff, 0xf1]);
+    return (0, exports.matchesPattern)(aacPattern)(data.subarray(0, 2));
+};
+exports.isAac = isAac;
+const isFlac = (data) => {
+    const flacPattern = new Uint8Array([0x66, 0x4c, 0x61, 0x43]);
+    return (0, exports.matchesPattern)(flacPattern)(data.subarray(0, 4));
+};
+exports.isFlac = isFlac;
+const isM3u = (data) => {
+    return new TextDecoder('utf-8').decode(data.slice(0, 7)) === '#EXTM3U';
+};
+exports.isM3u = isM3u;
+const getPngDimensions = (pngData) => {
+    if (pngData.length < 24) {
+        return null;
+    }
+    const view = new DataView(pngData.buffer, pngData.byteOffset);
+    const pngSignature = [137, 80, 78, 71, 13, 10, 26, 10];
+    for (let i = 0; i < 8; i++) {
+        if (pngData[i] !== pngSignature[i]) {
+            return null;
+        }
+    }
+    return {
+        width: view.getUint32(16, false),
+        height: view.getUint32(20, false),
+    };
+};
+const isPng = (data) => {
+    const pngPattern = new Uint8Array([0x89, 0x50, 0x4e, 0x47]);
+    if ((0, exports.matchesPattern)(pngPattern)(data.subarray(0, 4))) {
+        const png = getPngDimensions(data);
+        return { dimensions: png, type: 'png' };
+    }
+    return null;
+};
+const getJpegDimensions = (data) => {
+    let offset = 0;
+    const readUint16BE = (o) => {
+        return (data[o] << 8) | data[o + 1];
+    };
+    if (data.length < 4 || readUint16BE(offset) !== 0xffd8) {
+        return null;
+    }
+    offset += 2;
+    while (offset + 3 < data.length) {
+        if (data[offset] === 0xff) {
+            const marker = data[offset + 1];
+            if (marker === 0xc0 || marker === 0xc2) {
+                if (offset + 8 >= data.length) {
+                    return null;
+                }
+                const height = readUint16BE(offset + 5);
+                const width = readUint16BE(offset + 7);
+                return { width, height };
+            }
+            const length = readUint16BE(offset + 2);
+            if (length <= 0) {
+                return null;
+            }
+            offset += length + 2;
+        }
+        else {
+            offset++;
+        }
+    }
+    return null;
+};
+const isJpeg = (data) => {
+    const jpegPattern = new Uint8Array([0xff, 0xd8]);
+    const jpeg = (0, exports.matchesPattern)(jpegPattern)(data.subarray(0, 2));
+    if (!jpeg) {
+        return null;
+    }
+    const dim = getJpegDimensions(data);
+    return { dimensions: dim, type: 'jpeg' };
+};
+const getGifDimensions = (data) => {
+    if (data.length < 10) {
+        return null;
+    }
+    const view = new DataView(data.buffer, data.byteOffset);
+    const width = view.getUint16(6, true);
+    const height = view.getUint16(8, true);
+    return { width, height };
+};
+const isGif = (data) => {
+    const gifPattern = new Uint8Array([0x47, 0x49, 0x46, 0x38]);
+    if ((0, exports.matchesPattern)(gifPattern)(data.subarray(0, 4))) {
+        return { type: 'gif', dimensions: getGifDimensions(data) };
+    }
+    return null;
+};
+const getWebPDimensions = (bytes) => {
+    if (bytes.length < 30) {
+        return null;
+    }
+    if (bytes[0] !== 0x52 ||
+        bytes[1] !== 0x49 ||
+        bytes[2] !== 0x46 ||
+        bytes[3] !== 0x46 ||
+        bytes[8] !== 0x57 ||
+        bytes[9] !== 0x45 ||
+        bytes[10] !== 0x42 ||
+        bytes[11] !== 0x50) {
+        return null;
+    }
+    if (bytes[12] === 0x56 && bytes[13] === 0x50 && bytes[14] === 0x38) {
+        if (bytes[15] === 0x20) {
+            return {
+                width: bytes[26] | ((bytes[27] << 8) & 0x3fff),
+                height: bytes[28] | ((bytes[29] << 8) & 0x3fff),
+            };
+        }
+    }
+    if (bytes[12] === 0x56 &&
+        bytes[13] === 0x50 &&
+        bytes[14] === 0x38 &&
+        bytes[15] === 0x4c) {
+        return {
+            width: 1 + (bytes[21] | ((bytes[22] & 0x3f) << 8)),
+            height: 1 +
+                (((bytes[22] & 0xc0) >> 6) |
+                    (bytes[23] << 2) |
+                    ((bytes[24] & 0x0f) << 10)),
+        };
+    }
+    if (bytes[12] === 0x56 &&
+        bytes[13] === 0x50 &&
+        bytes[14] === 0x38 &&
+        bytes[15] === 0x58) {
+        return {
+            width: 1 + (bytes[24] | (bytes[25] << 8) | (bytes[26] << 16)),
+            height: 1 + (bytes[27] | (bytes[28] << 8) | (bytes[29] << 16)),
+        };
+    }
+    return null;
+};
+const isWebp = (data) => {
+    const webpPattern = new Uint8Array([0x52, 0x49, 0x46, 0x46]);
+    if ((0, exports.matchesPattern)(webpPattern)(data.subarray(0, 4))) {
+        return {
+            type: 'webp',
+            dimensions: getWebPDimensions(data),
+        };
+    }
+    return null;
+};
+const getBmpDimensions = (bmpData) => {
+    if (bmpData.length < 26) {
+        return null;
+    }
+    const view = new DataView(bmpData.buffer, bmpData.byteOffset);
+    return {
+        width: view.getUint32(18, true),
+        height: Math.abs(view.getInt32(22, true)),
+    };
+};
+const isBmp = (data) => {
+    const bmpPattern = new Uint8Array([0x42, 0x4d]);
+    if ((0, exports.matchesPattern)(bmpPattern)(data.subarray(0, 2))) {
+        const bmp = getBmpDimensions(data);
+        return { dimensions: bmp, type: 'bmp' };
+    }
+    return null;
+};
+const isPdf = (data) => {
+    if (data.length < 4) {
+        return null;
+    }
+    const pdfPattern = new Uint8Array([0x25, 0x50, 0x44, 0x46]);
+    return (0, exports.matchesPattern)(pdfPattern)(data.subarray(0, 4)) ? { type: 'pdf' } : null;
+};
+const isImageFileType = (fileType) => {
+    return (fileType.type === 'jpeg' ||
+        fileType.type === 'webp' ||
+        fileType.type === 'gif' ||
+        fileType.type === 'png' ||
+        fileType.type === 'bmp');
+};
+exports.isImageFileType = isImageFileType;
+const detectFileType = (data) => {
+    if ((0, exports.isRiffWave)(data)) {
+        return { type: 'wav' };
+    }
+    if ((0, exports.isRiffAvi)(data)) {
+        return { type: 'riff' };
+    }
+    if ((0, exports.isAac)(data)) {
+        return { type: 'aac' };
+    }
+    if ((0, exports.isFlac)(data)) {
+        return { type: 'flac' };
+    }
+    if ((0, exports.isM3u)(data)) {
+        return { type: 'm3u' };
+    }
+    const webp = isWebp(data);
+    if (webp) {
+        return webp;
+    }
+    if ((0, exports.isWebm)(data)) {
+        return { type: 'webm' };
+    }
+    if ((0, exports.isIsoBaseMedia)(data)) {
+        return { type: 'iso-base-media' };
+    }
+    if ((0, exports.isTransportStream)(data)) {
+        return { type: 'transport-stream' };
+    }
+    if ((0, exports.isMp3)(data)) {
+        return { type: 'mp3' };
+    }
+    const gif = isGif(data);
+    if (gif) {
+        return gif;
+    }
+    const png = isPng(data);
+    if (png) {
+        return png;
+    }
+    const pdf = isPdf(data);
+    if (pdf) {
+        return pdf;
+    }
+    const bmp = isBmp(data);
+    if (bmp) {
+        return bmp;
+    }
+    const jpeg = isJpeg(data);
+    if (jpeg) {
+        return jpeg;
+    }
+    return { type: 'unknown' };
+};
+exports.detectFileType = detectFileType;

package/dist/effect-clipboard-data.d.ts

@@ -35,6 +35,17 @@ export type EffectClipboardData = {
     readonly remotionClipboard: 'effects';
     readonly effects: EffectClipboardSnapshot[];
 };
+export type EffectPropClipboardData = {
+    readonly type: 'effect-prop';
+    readonly version: 1;
+    readonly remotionClipboard: 'effect-prop';
+    readonly effect: {
+        readonly callee: string;
+        readonly importPath: string;
+    };
+    readonly key: string;
+    readonly param: EffectClipboardParam;
+};
 export type EffectClipboardDataParseResult = {
     readonly status: 'valid';
     readonly data: EffectClipboardData;
@@ -44,5 +55,16 @@ export type EffectClipboardDataParseResult = {
 } | {
     readonly status: 'invalid';
 };
+export type EffectPropClipboardDataParseResult = {
+    readonly status: 'valid';
+    readonly data: EffectPropClipboardData;
+} | {
+    readonly status: 'unsupported-version';
+    readonly version: unknown;
+} | {
+    readonly status: 'invalid';
+};
 export declare const parseEffectClipboardDataResult: (value: string) => EffectClipboardDataParseResult;
 export declare const parseEffectClipboardData: (value: string) => EffectClipboardData | null;
+export declare const parseEffectPropClipboardDataResult: (value: string) => EffectPropClipboardDataParseResult;
+export declare const parseEffectPropClipboardData: (value: string) => EffectPropClipboardData | null;

package/dist/effect-clipboard-data.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.parseEffectClipboardData = exports.parseEffectClipboardDataResult = void 0;
+exports.parseEffectPropClipboardData = exports.parseEffectPropClipboardDataResult = exports.parseEffectClipboardData = exports.parseEffectClipboardDataResult = void 0;
 const keyframe_interpolation_function_1 = require("./keyframe-interpolation-function");
 const isRecord = (value) => {
     return typeof value === 'object' && value !== null && !Array.isArray(value);
@@ -111,3 +111,62 @@ const parseEffectClipboardData = (value) => {
     return result.data;
 };
 exports.parseEffectClipboardData = parseEffectClipboardData;
+const parseEffectPropClipboardDataResult = (value) => {
+    try {
+        const parsed = JSON.parse(value);
+        if (!isRecord(parsed)) {
+            return { status: 'invalid' };
+        }
+        if (parsed.remotionClipboard !== 'effect-prop') {
+            return { status: 'invalid' };
+        }
+        if (parsed.version !== 1) {
+            return {
+                status: 'unsupported-version',
+                version: parsed.version,
+            };
+        }
+        if (parsed.type !== 'effect-prop') {
+            return { status: 'invalid' };
+        }
+        if (!isRecord(parsed.effect)) {
+            return { status: 'invalid' };
+        }
+        if (typeof parsed.effect.callee !== 'string' ||
+            typeof parsed.effect.importPath !== 'string') {
+            return { status: 'invalid' };
+        }
+        if (typeof parsed.key !== 'string') {
+            return { status: 'invalid' };
+        }
+        if (!isEffectClipboardParam(parsed.param)) {
+            return { status: 'invalid' };
+        }
+        return {
+            status: 'valid',
+            data: {
+                type: 'effect-prop',
+                version: 1,
+                remotionClipboard: 'effect-prop',
+                effect: {
+                    callee: parsed.effect.callee,
+                    importPath: parsed.effect.importPath,
+                },
+                key: parsed.key,
+                param: parsed.param,
+            },
+        };
+    }
+    catch (_a) {
+        return { status: 'invalid' };
+    }
+};
+exports.parseEffectPropClipboardDataResult = parseEffectPropClipboardDataResult;
+const parseEffectPropClipboardData = (value) => {
+    const result = (0, exports.parseEffectPropClipboardDataResult)(value);
+    if (result.status !== 'valid') {
+        return null;
+    }
+    return result.data;
+};
+exports.parseEffectPropClipboardData = parseEffectPropClipboardData;

package/dist/index.d.ts

@@ -1,8 +1,10 @@
 export { splitAnsi, stripAnsi } from './ansi';
-export { AddEffectKeyframeRequest, AddEffectKeyframeResponse, AddEffectRequest, AddEffectResponse, 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, DuplicateJsxNodeRequest, DuplicateJsxNodeResponse, InsertJsxElementRequest, InsertJsxElementResponse, InsertableCompositionElement, InstallPackageRequest, InstallPackageResponse, OpenInEditorRequest, OpenInEditorResponse, OpenInFileExplorerRequest, PasteEffectsRequest, PasteEffectsResponse, ProjectInfoRequest, ProjectInfoResponse, RedoRequest, RedoResponse, RemoveRenderRequest, ReorderEffectRequest, ReorderEffectResponse, RestartStudioRequest, RestartStudioResponse, SaveEffectPropsRequest, SaveEffectPropsResponse, SaveSequencePropEdit, SaveSequencePropsRequest, SaveSequencePropsResponse, SaveSequencePropsResult, SimpleDiff, SubscribeToDefaultPropsRequest, SubscribeToDefaultPropsResponse, SubscribeToFileExistenceRequest, SubscribeToFileExistenceResponse, SubscribeToSequencePropsRequest, SubscribeToSequencePropsResponse, UndoRequest, UndoResponse, UnsubscribeFromDefaultPropsRequest, UnsubscribeFromFileExistenceRequest, UnsubscribeFromSequencePropsRequest, UpdateAvailableRequest, UpdateAvailableResponse, UpdateDefaultPropsRequest, UpdateDefaultPropsResponse, } from './api-requests';
+export { AddEffectKeyframeRequest, AddEffectKeyframeResponse, AddEffectRequest, AddEffectResponse, 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, DuplicateJsxNodeRequest, DuplicateJsxNodeResponse, InsertJsxElementRequest, InsertJsxElementResponse, InsertableCompositionElement, InstallPackageRequest, InstallPackageResponse, LogStudioErrorRequest, LogStudioErrorResponse, MoveEffectKeyframe, MoveKeyframesRequest, MoveKeyframesResponse, MoveSequenceKeyframe, OpenInEditorRequest, OpenInEditorResponse, OpenInFileExplorerRequest, PasteEffectsRequest, PasteEffectsResponse, ProjectInfoRequest, ProjectInfoResponse, RedoRequest, RedoResponse, RemoveRenderRequest, ReorderEffectRequest, ReorderEffectResponse, ReorderSequencePosition, ReorderSequenceRequest, ReorderSequenceResponse, RenameStaticFileRequest, RenameStaticFileResponse, RestartStudioRequest, RestartStudioResponse, SaveEffectPropsRequest, SaveEffectPropsResponse, SaveSequencePropEdit, SaveSequencePropsRequest, SaveSequencePropsResponse, SaveSequencePropsResult, SimpleDiff, SubscribeToDefaultPropsRequest, SubscribeToDefaultPropsResponse, SubscribeToFileExistenceRequest, SubscribeToFileExistenceResponse, SubscribeToSequencePropsRequest, SubscribeToSequencePropsResponse, UndoRequest, UndoResponse, UnsubscribeFromDefaultPropsRequest, UnsubscribeFromFileExistenceRequest, UnsubscribeFromSequencePropsRequest, UpdateAvailableRequest, UpdateAvailableResponse, UpdateDefaultPropsRequest, UpdateDefaultPropsResponse, UpdateEffectKeyframeSettingsRequest, UpdateEffectKeyframeSettingsResponse, UpdateSequenceKeyframeSettingsRequest, UpdateSequenceKeyframeSettingsResponse, 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 { DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS } from './default-buffer-state-delay-in-milliseconds';
-export { parseEffectClipboardData, parseEffectClipboardDataResult, type EffectClipboardClamping, type EffectClipboardData, type EffectClipboardDataParseResult, type EffectClipboardEasing, type EffectClipboardExtrapolateType, type EffectClipboardInterpolationFunction, type EffectClipboardKeyframe, type EffectClipboardKeyframedParam, type EffectClipboardParam, type EffectClipboardPasteType, type EffectClipboardSnapshot, type EffectClipboardStaticParam, } from './effect-clipboard-data';
+export { detectFileType, isImageFileType, type FileDimensions, type FileType, type ImageFileType, } from './detect-file-type';
+export { parseEffectClipboardData, parseEffectClipboardDataResult, parseEffectPropClipboardData, parseEffectPropClipboardDataResult, type EffectClipboardClamping, type EffectClipboardData, type EffectClipboardDataParseResult, type EffectClipboardEasing, type EffectClipboardExtrapolateType, type EffectClipboardInterpolationFunction, type EffectClipboardKeyframe, type EffectClipboardKeyframedParam, type EffectClipboardParam, type EffectClipboardPasteType, type EffectClipboardSnapshot, type EffectClipboardStaticParam, type EffectPropClipboardData, type EffectPropClipboardDataParseResult, } from './effect-clipboard-data';
 export { EFFECT_DRAG_MIME_TYPE, parseEffectDragData, type EffectDragData, } from './effect-drag-data';
 export { EventSourceEvent } from './event-source-event';
 export { formatBytes } from './format-bytes';
@@ -20,6 +22,7 @@ export { ProjectInfo } from './project-info';
 export type { RenderDefaults } from './render-defaults';
 export { AggregateRenderProgress, ArtifactProgress, BrowserDownloadState, BrowserProgressLog, BundlingState, CopyingState, DownloadProgress, JobProgressCallback, RenderJob, RenderJobWithCleanup, RenderingProgressInput, RequiredChromiumOptions, StitchingProgressInput, UiOpenGlOptions, } from './render-job';
 export type { CompletedClientRender } from './render-job';
+export { getRequiredPackageForEffectImportPath, getRequiredPackageForInsertableElement, } from './required-package';
 export { SCHEMA_FIELD_ROW_HEIGHT, getEffectFieldsToShow, getFieldsToShow, } from './schema-field-info';
 export type { AnySchemaFieldInfo, CodeValues, DragOverrides, EffectSchemaFieldInfo, SchemaFieldInfo, SequenceControls, SequenceSchemaFieldInfo, } from './schema-field-info';
 export { ScriptLine, SomeStackFrame, StackFrame, SymbolicatedStackFrame, } from './stack-types';
@@ -27,6 +30,8 @@ export { EnumPath, stringifyDefaultProps } from './stringify-default-props';
 export type { VisualControlChange } from './codemods';
 export { optimisticAddEffectKeyframe, optimisticAddSequenceKeyframe, } from './optimistic-add-keyframe';
 export { optimisticDeleteEffectKeyframe, optimisticDeleteEffectKeyframes, optimisticDeleteSequenceKeyframe, optimisticDeleteSequenceKeyframes, } from './optimistic-delete-keyframe';
+export { canMoveKeyframesWithoutCollisions, optimisticMoveEffectKeyframes, optimisticMoveSequenceKeyframes, type OptimisticKeyframeMove, } from './optimistic-move-keyframe';
 export { optimisticUpdateForCodeValues } from './optimistic-update-for-code-values';
 export { optimisticUpdateForEffectCodeValues } from './optimistic-update-for-effect-code-values';
+export { optimisticUpdateEffectKeyframeSettings, optimisticUpdateSequenceKeyframeSettings, } from './optimistic-update-keyframe-settings';
 export { stringifySequenceExpandedRowKey, stringifySequenceSubscriptionKey, } from './stringify-sequence-subscription-key';

package/dist/index.js

@@ -1,14 +1,39 @@
 "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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.stringifySequenceSubscriptionKey = exports.stringifySequenceExpandedRowKey = exports.optimisticUpdateForEffectCodeValues = exports.optimisticUpdateForCodeValues = exports.optimisticDeleteSequenceKeyframes = exports.optimisticDeleteSequenceKeyframe = exports.optimisticDeleteEffectKeyframes = exports.optimisticDeleteEffectKeyframe = exports.optimisticAddSequenceKeyframe = exports.optimisticAddEffectKeyframe = exports.stringifyDefaultProps = exports.getFieldsToShow = exports.getEffectFieldsToShow = exports.SCHEMA_FIELD_ROW_HEIGHT = exports.packages = exports.installableMap = exports.extraPackages = exports.descriptions = exports.apiDocs = exports.DEFAULT_TIMELINE_TRACKS = exports.keyframeInterpolationFunctions = exports.isSequenceFieldSchemaKeyframable = exports.isSchemaFieldKeyframable = exports.isKeyframeInterpolationFunction = exports.getKeyframeInterpolationFunctionForSchemaField = exports.getKeyframeInterpolationFunction = exports.hotMiddlewareOptions = exports.getProjectName = exports.getLocationFromBuildError = exports.getDefaultOutLocation = exports.getAllSchemaKeys = exports.formatBytes = exports.parseEffectDragData = exports.EFFECT_DRAG_MIME_TYPE = exports.parseEffectClipboardDataResult = exports.parseEffectClipboardData = exports.DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS = exports.stripAnsi = exports.splitAnsi = void 0;
+exports.optimisticUpdateEffectKeyframeSettings = exports.optimisticUpdateForEffectCodeValues = exports.optimisticUpdateForCodeValues = exports.optimisticMoveSequenceKeyframes = exports.optimisticMoveEffectKeyframes = exports.canMoveKeyframesWithoutCollisions = exports.optimisticDeleteSequenceKeyframes = exports.optimisticDeleteSequenceKeyframe = exports.optimisticDeleteEffectKeyframes = exports.optimisticDeleteEffectKeyframe = exports.optimisticAddSequenceKeyframe = exports.optimisticAddEffectKeyframe = exports.stringifyDefaultProps = exports.getFieldsToShow = exports.getEffectFieldsToShow = exports.SCHEMA_FIELD_ROW_HEIGHT = exports.getRequiredPackageForInsertableElement = exports.getRequiredPackageForEffectImportPath = exports.packages = exports.installableMap = exports.extraPackages = exports.descriptions = exports.apiDocs = exports.DEFAULT_TIMELINE_TRACKS = exports.keyframeInterpolationFunctions = exports.isSequenceFieldSchemaKeyframable = exports.isSchemaFieldKeyframable = exports.isKeyframeInterpolationFunction = exports.getKeyframeInterpolationFunctionForSchemaField = exports.getKeyframeInterpolationFunction = exports.hotMiddlewareOptions = exports.getProjectName = exports.getLocationFromBuildError = exports.getDefaultOutLocation = exports.getAllSchemaKeys = exports.formatBytes = exports.parseEffectDragData = exports.EFFECT_DRAG_MIME_TYPE = exports.parseEffectPropClipboardDataResult = exports.parseEffectPropClipboardData = exports.parseEffectClipboardDataResult = exports.parseEffectClipboardData = exports.isImageFileType = exports.detectFileType = exports.DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS = exports.parseAssetDragData = exports.makeAssetDragData = exports.ASSET_DRAG_MIME_TYPE = exports.stripAnsi = exports.splitAnsi = void 0;
+exports.stringifySequenceSubscriptionKey = exports.stringifySequenceExpandedRowKey = exports.optimisticUpdateSequenceKeyframeSettings = void 0;
 const ansi_1 = require("./ansi");
 Object.defineProperty(exports, "splitAnsi", { enumerable: true, get: function () { return ansi_1.splitAnsi; } });
 Object.defineProperty(exports, "stripAnsi", { enumerable: true, get: function () { return ansi_1.stripAnsi; } });
+__exportStar(require("./api-requests"), exports);
+const asset_drag_data_1 = require("./asset-drag-data");
+Object.defineProperty(exports, "ASSET_DRAG_MIME_TYPE", { enumerable: true, get: function () { return asset_drag_data_1.ASSET_DRAG_MIME_TYPE; } });
+Object.defineProperty(exports, "makeAssetDragData", { enumerable: true, get: function () { return asset_drag_data_1.makeAssetDragData; } });
+Object.defineProperty(exports, "parseAssetDragData", { enumerable: true, get: function () { return asset_drag_data_1.parseAssetDragData; } });
 const default_buffer_state_delay_in_milliseconds_1 = require("./default-buffer-state-delay-in-milliseconds");
 Object.defineProperty(exports, "DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS", { enumerable: true, get: function () { return default_buffer_state_delay_in_milliseconds_1.DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS; } });
+const detect_file_type_1 = require("./detect-file-type");
+Object.defineProperty(exports, "detectFileType", { enumerable: true, get: function () { return detect_file_type_1.detectFileType; } });
+Object.defineProperty(exports, "isImageFileType", { enumerable: true, get: function () { return detect_file_type_1.isImageFileType; } });
 const effect_clipboard_data_1 = require("./effect-clipboard-data");
 Object.defineProperty(exports, "parseEffectClipboardData", { enumerable: true, get: function () { return effect_clipboard_data_1.parseEffectClipboardData; } });
 Object.defineProperty(exports, "parseEffectClipboardDataResult", { enumerable: true, get: function () { return effect_clipboard_data_1.parseEffectClipboardDataResult; } });
+Object.defineProperty(exports, "parseEffectPropClipboardData", { enumerable: true, get: function () { return effect_clipboard_data_1.parseEffectPropClipboardData; } });
+Object.defineProperty(exports, "parseEffectPropClipboardDataResult", { enumerable: true, get: function () { return effect_clipboard_data_1.parseEffectPropClipboardDataResult; } });
 const effect_drag_data_1 = require("./effect-drag-data");
 Object.defineProperty(exports, "EFFECT_DRAG_MIME_TYPE", { enumerable: true, get: function () { return effect_drag_data_1.EFFECT_DRAG_MIME_TYPE; } });
 Object.defineProperty(exports, "parseEffectDragData", { enumerable: true, get: function () { return effect_drag_data_1.parseEffectDragData; } });
@@ -39,6 +64,9 @@ Object.defineProperty(exports, "descriptions", { enumerable: true, get: function
 Object.defineProperty(exports, "extraPackages", { enumerable: true, get: function () { return package_info_1.extraPackages; } });
 Object.defineProperty(exports, "installableMap", { enumerable: true, get: function () { return package_info_1.installableMap; } });
 Object.defineProperty(exports, "packages", { enumerable: true, get: function () { return package_info_1.packages; } });
+const required_package_1 = require("./required-package");
+Object.defineProperty(exports, "getRequiredPackageForEffectImportPath", { enumerable: true, get: function () { return required_package_1.getRequiredPackageForEffectImportPath; } });
+Object.defineProperty(exports, "getRequiredPackageForInsertableElement", { enumerable: true, get: function () { return required_package_1.getRequiredPackageForInsertableElement; } });
 const schema_field_info_1 = require("./schema-field-info");
 Object.defineProperty(exports, "SCHEMA_FIELD_ROW_HEIGHT", { enumerable: true, get: function () { return schema_field_info_1.SCHEMA_FIELD_ROW_HEIGHT; } });
 Object.defineProperty(exports, "getEffectFieldsToShow", { enumerable: true, get: function () { return schema_field_info_1.getEffectFieldsToShow; } });
@@ -53,10 +81,17 @@ Object.defineProperty(exports, "optimisticDeleteEffectKeyframe", { enumerable: t
 Object.defineProperty(exports, "optimisticDeleteEffectKeyframes", { enumerable: true, get: function () { return optimistic_delete_keyframe_1.optimisticDeleteEffectKeyframes; } });
 Object.defineProperty(exports, "optimisticDeleteSequenceKeyframe", { enumerable: true, get: function () { return optimistic_delete_keyframe_1.optimisticDeleteSequenceKeyframe; } });
 Object.defineProperty(exports, "optimisticDeleteSequenceKeyframes", { enumerable: true, get: function () { return optimistic_delete_keyframe_1.optimisticDeleteSequenceKeyframes; } });
+const optimistic_move_keyframe_1 = require("./optimistic-move-keyframe");
+Object.defineProperty(exports, "canMoveKeyframesWithoutCollisions", { enumerable: true, get: function () { return optimistic_move_keyframe_1.canMoveKeyframesWithoutCollisions; } });
+Object.defineProperty(exports, "optimisticMoveEffectKeyframes", { enumerable: true, get: function () { return optimistic_move_keyframe_1.optimisticMoveEffectKeyframes; } });
+Object.defineProperty(exports, "optimisticMoveSequenceKeyframes", { enumerable: true, get: function () { return optimistic_move_keyframe_1.optimisticMoveSequenceKeyframes; } });
 const optimistic_update_for_code_values_1 = require("./optimistic-update-for-code-values");
 Object.defineProperty(exports, "optimisticUpdateForCodeValues", { enumerable: true, get: function () { return optimistic_update_for_code_values_1.optimisticUpdateForCodeValues; } });
 const optimistic_update_for_effect_code_values_1 = require("./optimistic-update-for-effect-code-values");
 Object.defineProperty(exports, "optimisticUpdateForEffectCodeValues", { enumerable: true, get: function () { return optimistic_update_for_effect_code_values_1.optimisticUpdateForEffectCodeValues; } });
+const optimistic_update_keyframe_settings_1 = require("./optimistic-update-keyframe-settings");
+Object.defineProperty(exports, "optimisticUpdateEffectKeyframeSettings", { enumerable: true, get: function () { return optimistic_update_keyframe_settings_1.optimisticUpdateEffectKeyframeSettings; } });
+Object.defineProperty(exports, "optimisticUpdateSequenceKeyframeSettings", { enumerable: true, get: function () { return optimistic_update_keyframe_settings_1.optimisticUpdateSequenceKeyframeSettings; } });
 const stringify_sequence_subscription_key_1 = require("./stringify-sequence-subscription-key");
 Object.defineProperty(exports, "stringifySequenceExpandedRowKey", { enumerable: true, get: function () { return stringify_sequence_subscription_key_1.stringifySequenceExpandedRowKey; } });
 Object.defineProperty(exports, "stringifySequenceSubscriptionKey", { enumerable: true, get: function () { return stringify_sequence_subscription_key_1.stringifySequenceSubscriptionKey; } });

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

@@ -0,0 +1,23 @@
+import type { CanUpdateSequencePropsResponse, CanUpdateSequencePropStatus } from 'remotion';
+export type OptimisticKeyframeMove = {
+    readonly fieldKey: string;
+    readonly fromFrame: number;
+    readonly toFrame: number;
+};
+export declare const canMoveKeyframesWithoutCollisions: ({ status, moves, }: {
+    status: CanUpdateSequencePropStatus;
+    moves: readonly {
+        fromFrame: number;
+        toFrame: number;
+    }[];
+}) => boolean;
+export declare const optimisticMoveSequenceKeyframes: ({ previous, keyframes, }: {
+    previous: CanUpdateSequencePropsResponse;
+    keyframes: readonly OptimisticKeyframeMove[];
+}) => CanUpdateSequencePropsResponse;
+export declare const optimisticMoveEffectKeyframes: ({ previous, keyframes, }: {
+    previous: CanUpdateSequencePropsResponse;
+    keyframes: readonly (OptimisticKeyframeMove & {
+        effectIndex: number;
+    })[];
+}) => CanUpdateSequencePropsResponse;

package/dist/optimistic-move-keyframe.js

@@ -0,0 +1,142 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.optimisticMoveEffectKeyframes = exports.optimisticMoveSequenceKeyframes = exports.canMoveKeyframesWithoutCollisions = void 0;
+const getMoveMap = (moves) => {
+    const moveMap = new Map();
+    for (const move of moves) {
+        if (move.fromFrame === move.toFrame) {
+            continue;
+        }
+        if (moveMap.has(move.fromFrame)) {
+            return null;
+        }
+        moveMap.set(move.fromFrame, move.toFrame);
+    }
+    return moveMap;
+};
+const canMoveKeyframesWithoutCollisions = ({ status, moves, }) => {
+    var _a;
+    if (status.status !== 'keyframed') {
+        return false;
+    }
+    const moveMap = getMoveMap(moves);
+    if (moveMap === null) {
+        return false;
+    }
+    if (moveMap.size === 0) {
+        return true;
+    }
+    const frames = new Set(status.keyframes.map((keyframe) => keyframe.frame));
+    for (const fromFrame of moveMap.keys()) {
+        if (!frames.has(fromFrame)) {
+            return false;
+        }
+    }
+    const nextFrames = new Set();
+    for (const keyframe of status.keyframes) {
+        const frame = (_a = moveMap.get(keyframe.frame)) !== null && _a !== void 0 ? _a : keyframe.frame;
+        if (nextFrames.has(frame)) {
+            return false;
+        }
+        nextFrames.add(frame);
+    }
+    return true;
+};
+exports.canMoveKeyframesWithoutCollisions = canMoveKeyframesWithoutCollisions;
+const moveKeyframesInPropStatus = ({ status, moves, }) => {
+    if (status.status !== 'keyframed') {
+        return status;
+    }
+    if (!(0, exports.canMoveKeyframesWithoutCollisions)({ status, moves })) {
+        return status;
+    }
+    const moveMap = getMoveMap(moves);
+    if (moveMap === null) {
+        return status;
+    }
+    if (moveMap.size === 0) {
+        return status;
+    }
+    return {
+        ...status,
+        keyframes: status.keyframes
+            .map((keyframe) => {
+            var _a;
+            return ({
+                ...keyframe,
+                frame: (_a = moveMap.get(keyframe.frame)) !== null && _a !== void 0 ? _a : keyframe.frame,
+            });
+        })
+            .sort((a, b) => a.frame - b.frame),
+    };
+};
+const optimisticMoveSequenceKeyframes = ({ previous, keyframes, }) => {
+    var _a;
+    if (!previous.canUpdate) {
+        return previous;
+    }
+    const movesByField = new Map();
+    for (const keyframe of keyframes) {
+        const moves = (_a = movesByField.get(keyframe.fieldKey)) !== null && _a !== void 0 ? _a : [];
+        moves.push(keyframe);
+        movesByField.set(keyframe.fieldKey, moves);
+    }
+    const props = { ...previous.props };
+    for (const [fieldKey, moves] of movesByField) {
+        const status = props[fieldKey];
+        if (!status) {
+            continue;
+        }
+        props[fieldKey] = moveKeyframesInPropStatus({ status, moves });
+    }
+    return {
+        ...previous,
+        props,
+    };
+};
+exports.optimisticMoveSequenceKeyframes = optimisticMoveSequenceKeyframes;
+const optimisticMoveEffectKeyframes = ({ previous, keyframes, }) => {
+    var _a;
+    if (!previous.canUpdate) {
+        return previous;
+    }
+    const movesByEffect = new Map();
+    for (const keyframe of keyframes) {
+        const moves = (_a = movesByEffect.get(keyframe.effectIndex)) !== null && _a !== void 0 ? _a : [];
+        moves.push(keyframe);
+        movesByEffect.set(keyframe.effectIndex, moves);
+    }
+    const effects = previous.effects.map((effect) => {
+        var _a;
+        if (!effect.canUpdate) {
+            return effect;
+        }
+        const movesForEffect = movesByEffect.get(effect.effectIndex);
+        if (!movesForEffect) {
+            return effect;
+        }
+        const props = { ...effect.props };
+        const movesByField = new Map();
+        for (const move of movesForEffect) {
+            const moves = (_a = movesByField.get(move.fieldKey)) !== null && _a !== void 0 ? _a : [];
+            moves.push(move);
+            movesByField.set(move.fieldKey, moves);
+        }
+        for (const [fieldKey, moves] of movesByField) {
+            const status = props[fieldKey];
+            if (!status) {
+                continue;
+            }
+            props[fieldKey] = moveKeyframesInPropStatus({ status, moves });
+        }
+        return {
+            ...effect,
+            props,
+        };
+    });
+    return {
+        ...previous,
+        effects,
+    };
+};
+exports.optimisticMoveEffectKeyframes = optimisticMoveEffectKeyframes;

package/dist/optimistic-update-keyframe-settings.d.ts

@@ -0,0 +1,13 @@
+import type { CanUpdateSequencePropsResponse } from 'remotion';
+import type { KeyframeSettings } from './api-requests';
+export declare const optimisticUpdateSequenceKeyframeSettings: ({ previous, fieldKey, settings, }: {
+    previous: CanUpdateSequencePropsResponse;
+    fieldKey: string;
+    settings: KeyframeSettings;
+}) => CanUpdateSequencePropsResponse;
+export declare const optimisticUpdateEffectKeyframeSettings: ({ previous, effectIndex, fieldKey, settings, }: {
+    previous: CanUpdateSequencePropsResponse;
+    effectIndex: number;
+    fieldKey: string;
+    settings: KeyframeSettings;
+}) => CanUpdateSequencePropsResponse;

package/dist/optimistic-update-keyframe-settings.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.optimisticUpdateEffectKeyframeSettings = exports.optimisticUpdateSequenceKeyframeSettings = void 0;
+const applySettingsToStatus = (status, settings) => {
+    if (!status || status.status !== 'keyframed') {
+        throw new Error('Expected keyframed status');
+    }
+    return {
+        ...status,
+        ...(settings.clamping ? { clamping: settings.clamping } : {}),
+        posterize: settings.posterize,
+    };
+};
+const optimisticUpdateSequenceKeyframeSettings = ({ previous, fieldKey, settings, }) => {
+    if (!previous.canUpdate) {
+        return previous;
+    }
+    const status = previous.props[fieldKey];
+    if (!status || status.status !== 'keyframed') {
+        return previous;
+    }
+    return {
+        ...previous,
+        props: {
+            ...previous.props,
+            [fieldKey]: applySettingsToStatus(status, settings),
+        },
+    };
+};
+exports.optimisticUpdateSequenceKeyframeSettings = optimisticUpdateSequenceKeyframeSettings;
+const optimisticUpdateEffectKeyframeSettings = ({ previous, effectIndex, fieldKey, settings, }) => {
+    if (!previous.canUpdate) {
+        return previous;
+    }
+    const targetIndex = previous.effects.findIndex((effect) => effect.effectIndex === effectIndex);
+    if (targetIndex === -1) {
+        return previous;
+    }
+    const target = previous.effects[targetIndex];
+    if (!target.canUpdate) {
+        return previous;
+    }
+    const status = target.props[fieldKey];
+    if (!status || status.status !== 'keyframed') {
+        return previous;
+    }
+    const effects = [...previous.effects];
+    effects[targetIndex] = {
+        ...target,
+        props: {
+            ...target.props,
+            [fieldKey]: applySettingsToStatus(status, settings),
+        },
+    };
+    return {
+        ...previous,
+        effects,
+    };
+};
+exports.optimisticUpdateEffectKeyframeSettings = optimisticUpdateEffectKeyframeSettings;

package/dist/required-package.d.ts

@@ -0,0 +1,3 @@
+import type { InsertableCompositionElement } from './api-requests';
+export declare const getRequiredPackageForInsertableElement: (element: InsertableCompositionElement) => string | null;
+export declare const getRequiredPackageForEffectImportPath: (importPath: string) => string | null;

package/dist/required-package.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getRequiredPackageForEffectImportPath = exports.getRequiredPackageForInsertableElement = void 0;
+const getRequiredPackageForInsertableElement = (element) => {
+    if (element.type === 'solid') {
+        return null;
+    }
+    if (element.assetType === 'video' || element.assetType === 'audio') {
+        return '@remotion/media';
+    }
+    if (element.assetType === 'gif') {
+        return '@remotion/gif';
+    }
+    return null;
+};
+exports.getRequiredPackageForInsertableElement = getRequiredPackageForInsertableElement;
+const getRequiredPackageForEffectImportPath = (importPath) => {
+    if (importPath.startsWith('@remotion/effects/')) {
+        return '@remotion/effects';
+    }
+    if (importPath === '@remotion/light-leaks' ||
+        importPath === '@remotion/starburst') {
+        return importPath;
+    }
+    return null;
+};
+exports.getRequiredPackageForEffectImportPath = getRequiredPackageForEffectImportPath;

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