@remotion/studio-shared 4.0.469 → 4.0.471

package/dist/api-requests.d.ts

@@ -1,16 +1,33 @@
 import type { AudioCodec, ChromeMode, Codec, ColorSpace, LogLevel, PixelFormat, StillImageFormat, VideoImageFormat, X264Preset } from '@remotion/renderer';
 import type { HardwareAccelerationOption } from '@remotion/renderer/client';
-import type { CannotUpdateSequenceReason } from 'remotion';
-import type { _InternalTypes, CanUpdateEffectPropsResponse, CanUpdateSequencePropsResponseFalse, CanUpdateSequencePropsResponseTrue, CanUpdateSequencePropStatus, SequenceSchema, SequenceNodePath, SequencePropsSubscriptionKey } from 'remotion';
+import type { _InternalTypes, CannotUpdateSequenceReason, CanUpdateEffectPropsResponse, CanUpdateSequencePropsResponseFalse, CanUpdateSequencePropsResponseTrue, CanUpdateSequencePropStatus, SequenceNodePath, SequencePropsSubscriptionKey, SequenceSchema } from 'remotion';
 import type { RecastCodemod, VisualControlChange } from './codemods';
 import type { PackageManager } from './package-manager';
 import type { ProjectInfo } from './project-info';
-import type { RequiredChromiumOptions } from './render-job';
+import type { CompletedClientRender, RequiredChromiumOptions } from './render-job';
 import type { SymbolicatedStackFrame } from './stack-types';
 import type { EnumPath } from './stringify-default-props';
 export type OpenInFileExplorerRequest = {
     directory: string;
 };
+export type OpenInEditorRequest = {
+    stack: SymbolicatedStackFrame;
+};
+export type OpenInEditorResponse = {
+    success: boolean;
+};
+export type CompositionComponentInfoRequest = {
+    compositionFile: string;
+    compositionId: string;
+};
+export type CompositionComponentInfoResponse = {
+    location: {
+        source: string;
+        line: number;
+        column: number;
+    };
+    canAddSequence: boolean;
+};
 export type CopyStillToClipboardRequest = {
     outName: string;
     binariesDirectory: string | null;
@@ -171,6 +188,7 @@ export type SubscribeToSequencePropsRequest = {
     fileName: string;
     line: number;
     column: number;
+    nodePath: SequenceNodePath | null;
     keys: string[];
     effects: string[][];
     clientId: string;
@@ -190,18 +208,29 @@ export type UnsubscribeFromSequencePropsRequest = {
     sequenceKeys: string[];
     effectKeys: string[][];
 };
-export type SaveSequencePropsRequest = {
+export type SaveSequencePropEdit = {
     fileName: string;
     nodePath: SequencePropsSubscriptionKey;
     key: string;
     value: string;
     defaultValue: string | null;
     schema: SequenceSchema;
+};
+export type SaveSequencePropsRequest = {
+    edits: SaveSequencePropEdit[];
     clientId: string;
+    undoLabel: string | null;
+    redoLabel: string | null;
+};
+export type SaveSequencePropsResult = {
+    fileName: string;
+    nodePath: SequencePropsSubscriptionKey;
+    props: Record<string, CanUpdateSequencePropStatus>;
 };
 export type SaveSequencePropsResponse = {
     canUpdate: true;
     props: Record<string, CanUpdateSequencePropStatus>;
+    results: SaveSequencePropsResult[];
 } | {
     canUpdate: false;
     reason: CannotUpdateSequenceReason;
@@ -217,11 +246,90 @@ export type SaveEffectPropsRequest = {
     clientId: string;
 };
 export type SaveEffectPropsResponse = CanUpdateEffectPropsResponse;
-export type DeleteEffectRequest = {
+export type AddEffectRequest = {
+    fileName: string;
+    sequenceNodePath: SequencePropsSubscriptionKey;
+    effectName: string;
+    effectImportPath: string;
+    effectConfig: Record<string, unknown>;
+    clientId: string;
+};
+export type AddEffectResponse = {
+    success: true;
+} | {
+    success: false;
+    reason: string;
+    stack: string;
+};
+export type ReorderEffectRequest = {
+    fileName: string;
+    sequenceNodePath: SequencePropsSubscriptionKey;
+    fromIndex: number;
+    toIndex: number;
+    clientId: string;
+};
+export type ReorderEffectResponse = {
+    success: true;
+} | {
+    success: false;
+    reason: string;
+    stack: string;
+};
+export type DeleteSequenceKeyframe = {
+    fileName: string;
+    nodePath: SequencePropsSubscriptionKey;
+    key: string;
+    frame: number;
+    schema: SequenceSchema;
+};
+export type AddSequenceKeyframeRequest = {
+    fileName: string;
+    nodePath: SequencePropsSubscriptionKey;
+    key: string;
+    frame: number;
+    value: string;
+    schema: SequenceSchema;
+    clientId: string;
+};
+export type AddSequenceKeyframeResponse = SaveSequencePropsResponse;
+export type DeleteEffectKeyframe = {
     fileName: string;
     sequenceNodePath: SequencePropsSubscriptionKey;
     effectIndex: number;
+    key: string;
+    frame: number;
+    schema: SequenceSchema;
 };
+export type DeleteKeyframesRequest = {
+    sequenceKeyframes: DeleteSequenceKeyframe[];
+    effectKeyframes: DeleteEffectKeyframe[];
+    clientId: string;
+};
+export type DeleteKeyframesResponse = {
+    success: true;
+};
+export type AddEffectKeyframeRequest = {
+    fileName: string;
+    sequenceNodePath: SequencePropsSubscriptionKey;
+    effectIndex: number;
+    key: string;
+    frame: number;
+    value: string;
+    schema: SequenceSchema;
+    clientId: string;
+};
+export type AddEffectKeyframeResponse = SaveEffectPropsResponse;
+type BaseDeleteEffectRequestItem = {
+    fileName: string;
+    sequenceNodePath: SequencePropsSubscriptionKey;
+};
+export type DeleteEffectRequestItem = (BaseDeleteEffectRequestItem & {
+    type: 'single-effect';
+    effectIndex: number;
+}) | (BaseDeleteEffectRequestItem & {
+    type: 'all-effects';
+});
+export type DeleteEffectRequest = DeleteEffectRequestItem[];
 export type DeleteEffectResponse = {
     success: true;
 } | {
@@ -229,10 +337,13 @@ export type DeleteEffectResponse = {
     reason: string;
     stack: string;
 };
-export type DeleteJsxNodeRequest = {
+export type DeleteJsxNodeRequestItem = {
     fileName: string;
     nodePath: SequenceNodePath;
 };
+export type DeleteJsxNodeRequest = {
+    nodes: DeleteJsxNodeRequestItem[];
+};
 export type DeleteJsxNodeResponse = {
     success: true;
 } | {
@@ -251,6 +362,23 @@ export type DuplicateJsxNodeResponse = {
     reason: string;
     stack: string;
 };
+export type InsertableCompositionElement = {
+    type: 'solid';
+    width: number;
+    height: number;
+};
+export type InsertJsxElementRequest = {
+    compositionFile: string;
+    compositionId: string;
+    element: InsertableCompositionElement;
+};
+export type InsertJsxElementResponse = {
+    success: true;
+} | {
+    success: false;
+    reason: string;
+    stack: string;
+};
 export type UpdateAvailableRequest = {};
 export type UpdateAvailableResponse = {
     currentVersion: string;
@@ -284,12 +412,18 @@ export type RedoResponse = {
     reason: string;
 };
 export type ApiRoutes = {
+    '/api/composition-component-info': ReqAndRes<CompositionComponentInfoRequest, CompositionComponentInfoResponse>;
     '/api/cancel': ReqAndRes<CancelRenderRequest, CancelRenderResponse>;
     '/api/render': ReqAndRes<AddRenderRequest, undefined>;
     '/api/unsubscribe-from-file-existence': ReqAndRes<UnsubscribeFromFileExistenceRequest, undefined>;
     '/api/subscribe-to-file-existence': ReqAndRes<SubscribeToFileExistenceRequest, SubscribeToFileExistenceResponse>;
     '/api/remove-render': ReqAndRes<RemoveRenderRequest, undefined>;
+    '/api/open-in-editor': ReqAndRes<OpenInEditorRequest, OpenInEditorResponse>;
     '/api/open-in-file-explorer': ReqAndRes<OpenInFileExplorerRequest, void>;
+    '/api/register-client-render': ReqAndRes<CompletedClientRender, void>;
+    '/api/unregister-client-render': ReqAndRes<{
+        id: string;
+    }, void>;
     '/api/update-default-props': ReqAndRes<UpdateDefaultPropsRequest, UpdateDefaultPropsResponse>;
     '/api/apply-visual-control-change': ReqAndRes<ApplyVisualControlRequest, ApplyVisualControlResponse>;
     '/api/subscribe-to-default-props': ReqAndRes<SubscribeToDefaultPropsRequest, SubscribeToDefaultPropsResponse>;
@@ -298,9 +432,15 @@ export type ApiRoutes = {
     '/api/unsubscribe-from-sequence-props': ReqAndRes<UnsubscribeFromSequencePropsRequest, undefined>;
     '/api/save-sequence-props': ReqAndRes<SaveSequencePropsRequest, SaveSequencePropsResponse>;
     '/api/save-effect-props': ReqAndRes<SaveEffectPropsRequest, SaveEffectPropsResponse>;
+    '/api/add-effect': ReqAndRes<AddEffectRequest, AddEffectResponse>;
+    '/api/reorder-effect': ReqAndRes<ReorderEffectRequest, ReorderEffectResponse>;
+    '/api/delete-keyframes': ReqAndRes<DeleteKeyframesRequest, DeleteKeyframesResponse>;
+    '/api/add-sequence-keyframe': ReqAndRes<AddSequenceKeyframeRequest, AddSequenceKeyframeResponse>;
+    '/api/add-effect-keyframe': ReqAndRes<AddEffectKeyframeRequest, AddEffectKeyframeResponse>;
     '/api/delete-effect': ReqAndRes<DeleteEffectRequest, DeleteEffectResponse>;
     '/api/delete-jsx-node': ReqAndRes<DeleteJsxNodeRequest, DeleteJsxNodeResponse>;
     '/api/duplicate-jsx-node': ReqAndRes<DuplicateJsxNodeRequest, DuplicateJsxNodeResponse>;
+    '/api/insert-jsx-element': ReqAndRes<InsertJsxElementRequest, InsertJsxElementResponse>;
     '/api/update-available': ReqAndRes<UpdateAvailableRequest, UpdateAvailableResponse>;
     '/api/apply-codemod': ReqAndRes<ApplyCodemodRequest, ApplyCodemodResponse>;
     '/api/project-info': ReqAndRes<ProjectInfoRequest, ProjectInfoResponse>;

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

@@ -0,0 +1,11 @@
+export declare const EFFECT_DRAG_MIME_TYPE = "application/vnd.remotion.effect+json";
+export type EffectDragData = {
+    type: 'remotion-effect';
+    version: 1;
+    effect: {
+        name: string;
+        importPath: string;
+        config: Record<string, unknown>;
+    };
+};
+export declare const parseEffectDragData: (value: string) => EffectDragData | null;

package/dist/effect-drag-data.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseEffectDragData = exports.EFFECT_DRAG_MIME_TYPE = void 0;
+exports.EFFECT_DRAG_MIME_TYPE = 'application/vnd.remotion.effect+json';
+const isRecord = (value) => {
+    return typeof value === 'object' && value !== null && !Array.isArray(value);
+};
+const parseEffectDragData = (value) => {
+    try {
+        const parsed = JSON.parse(value);
+        if (!isRecord(parsed)) {
+            return null;
+        }
+        if (parsed.type !== 'remotion-effect' || parsed.version !== 1) {
+            return null;
+        }
+        if (!isRecord(parsed.effect)) {
+            return null;
+        }
+        const { name, importPath, config } = parsed.effect;
+        if (typeof name !== 'string' ||
+            typeof importPath !== 'string' ||
+            !isRecord(config)) {
+            return null;
+        }
+        return {
+            type: 'remotion-effect',
+            version: 1,
+            effect: {
+                name,
+                importPath,
+                config,
+            },
+        };
+    }
+    catch (_a) {
+        return null;
+    }
+};
+exports.parseEffectDragData = parseEffectDragData;

package/dist/index.d.ts

@@ -1,11 +1,12 @@
 export { splitAnsi, stripAnsi } from './ansi';
-export { AddRenderRequest, ApiRoutes, ApplyCodemodRequest, ApplyCodemodResponse, ApplyVisualControlRequest, ApplyVisualControlResponse, CanUpdateDefaultPropsResponse, CanUpdateSequencePropsRequest, CancelRenderRequest, SubscribeToSequencePropsRequest, SubscribeToSequencePropsResponse, UnsubscribeFromSequencePropsRequest, CancelRenderResponse, CopyStillToClipboardRequest, DeleteEffectRequest, DeleteEffectResponse, DeleteJsxNodeRequest, DeleteJsxNodeResponse, DuplicateJsxNodeRequest, DuplicateJsxNodeResponse, DeleteStaticFileRequest, DeleteStaticFileResponse, InstallPackageRequest, InstallPackageResponse, OpenInFileExplorerRequest, ProjectInfoRequest, ProjectInfoResponse, RedoRequest, RedoResponse, RemoveRenderRequest, RestartStudioRequest, RestartStudioResponse, SaveEffectPropsRequest, SaveEffectPropsResponse, SaveSequencePropsRequest, SaveSequencePropsResponse, SimpleDiff, SubscribeToDefaultPropsRequest, SubscribeToDefaultPropsResponse, SubscribeToFileExistenceRequest, SubscribeToFileExistenceResponse, UndoRequest, UndoResponse, UnsubscribeFromDefaultPropsRequest, UnsubscribeFromFileExistenceRequest, UpdateAvailableRequest, UpdateAvailableResponse, UpdateDefaultPropsRequest, UpdateDefaultPropsResponse, } from './api-requests';
+export { AddEffectRequest, AddEffectResponse, AddEffectKeyframeRequest, AddEffectKeyframeResponse, 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, InstallPackageRequest, InstallPackageResponse, InsertableCompositionElement, InsertJsxElementRequest, InsertJsxElementResponse, OpenInEditorRequest, OpenInEditorResponse, OpenInFileExplorerRequest, 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 type { ApplyVisualControlCodemod, RecastCodemod } from './codemods';
 export { DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS } from './default-buffer-state-delay-in-milliseconds';
+export { EFFECT_DRAG_MIME_TYPE, parseEffectDragData, type EffectDragData, } from './effect-drag-data';
 export { EventSourceEvent } from './event-source-event';
 export { formatBytes } from './format-bytes';
-export { getDefaultOutLocation } from './get-default-out-name';
 export { getAllSchemaKeys } from './get-all-keys';
+export { getDefaultOutLocation } from './get-default-out-name';
 export { ErrorLocation, getLocationFromBuildError, } from './get-location-from-build-error';
 export { getProjectName } from './get-project-name';
 export type { GitSource } from './git-source';
@@ -22,7 +23,8 @@ export type { AnySchemaFieldInfo, CodeValues, DragOverrides, EffectSchemaFieldIn
 export { ScriptLine, SomeStackFrame, StackFrame, SymbolicatedStackFrame, } from './stack-types';
 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 { optimisticUpdateForCodeValues } from './optimistic-update-for-code-values';
 export { optimisticUpdateForEffectCodeValues } from './optimistic-update-for-effect-code-values';
-export { stringifySequenceSubscriptionKey } from './stringify-sequence-subscription-key';
-export { stringifySequenceExpandedRowKey } from './stringify-sequence-subscription-key';
+export { stringifySequenceExpandedRowKey, stringifySequenceSubscriptionKey, } from './stringify-sequence-subscription-key';

package/dist/index.js

@@ -1,17 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.stringifySequenceExpandedRowKey = exports.stringifySequenceSubscriptionKey = exports.optimisticUpdateForEffectCodeValues = exports.optimisticUpdateForCodeValues = 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.hotMiddlewareOptions = exports.getProjectName = exports.getLocationFromBuildError = exports.getAllSchemaKeys = exports.getDefaultOutLocation = exports.formatBytes = exports.DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS = exports.stripAnsi = exports.splitAnsi = void 0;
+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.hotMiddlewareOptions = exports.getProjectName = exports.getLocationFromBuildError = exports.getDefaultOutLocation = exports.getAllSchemaKeys = exports.formatBytes = exports.parseEffectDragData = exports.EFFECT_DRAG_MIME_TYPE = exports.DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS = exports.stripAnsi = exports.splitAnsi = 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; } });
 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 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; } });
 const format_bytes_1 = require("./format-bytes");
 Object.defineProperty(exports, "formatBytes", { enumerable: true, get: function () { return format_bytes_1.formatBytes; } });
-const get_default_out_name_1 = require("./get-default-out-name");
-Object.defineProperty(exports, "getDefaultOutLocation", { enumerable: true, get: function () { return get_default_out_name_1.getDefaultOutLocation; } });
 const get_all_keys_1 = require("./get-all-keys");
 Object.defineProperty(exports, "getAllSchemaKeys", { enumerable: true, get: function () { return get_all_keys_1.getAllSchemaKeys; } });
+const get_default_out_name_1 = require("./get-default-out-name");
+Object.defineProperty(exports, "getDefaultOutLocation", { enumerable: true, get: function () { return get_default_out_name_1.getDefaultOutLocation; } });
 const get_location_from_build_error_1 = require("./get-location-from-build-error");
 Object.defineProperty(exports, "getLocationFromBuildError", { enumerable: true, get: function () { return get_location_from_build_error_1.getLocationFromBuildError; } });
 const get_project_name_1 = require("./get-project-name");
@@ -32,11 +35,18 @@ Object.defineProperty(exports, "getEffectFieldsToShow", { enumerable: true, get:
 Object.defineProperty(exports, "getFieldsToShow", { enumerable: true, get: function () { return schema_field_info_1.getFieldsToShow; } });
 const stringify_default_props_1 = require("./stringify-default-props");
 Object.defineProperty(exports, "stringifyDefaultProps", { enumerable: true, get: function () { return stringify_default_props_1.stringifyDefaultProps; } });
+const optimistic_add_keyframe_1 = require("./optimistic-add-keyframe");
+Object.defineProperty(exports, "optimisticAddEffectKeyframe", { enumerable: true, get: function () { return optimistic_add_keyframe_1.optimisticAddEffectKeyframe; } });
+Object.defineProperty(exports, "optimisticAddSequenceKeyframe", { enumerable: true, get: function () { return optimistic_add_keyframe_1.optimisticAddSequenceKeyframe; } });
+const optimistic_delete_keyframe_1 = require("./optimistic-delete-keyframe");
+Object.defineProperty(exports, "optimisticDeleteEffectKeyframe", { enumerable: true, get: function () { return optimistic_delete_keyframe_1.optimisticDeleteEffectKeyframe; } });
+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_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 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; } });
-const stringify_sequence_subscription_key_2 = require("./stringify-sequence-subscription-key");
-Object.defineProperty(exports, "stringifySequenceExpandedRowKey", { enumerable: true, get: function () { return stringify_sequence_subscription_key_2.stringifySequenceExpandedRowKey; } });

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

@@ -0,0 +1,14 @@
+import { type CanUpdateSequencePropsResponse } from 'remotion';
+export declare const optimisticAddSequenceKeyframe: ({ previous, fieldKey, frame, value, }: {
+    previous: CanUpdateSequencePropsResponse;
+    fieldKey: string;
+    frame: number;
+    value: unknown;
+}) => CanUpdateSequencePropsResponse;
+export declare const optimisticAddEffectKeyframe: ({ previous, effectIndex, fieldKey, frame, value, }: {
+    previous: CanUpdateSequencePropsResponse;
+    effectIndex: number;
+    fieldKey: string;
+    frame: number;
+    value: unknown;
+}) => CanUpdateSequencePropsResponse;

package/dist/optimistic-add-keyframe.js

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.optimisticAddEffectKeyframe = exports.optimisticAddSequenceKeyframe = void 0;
+const getInterpolationFunction = (staticValue, newValue) => {
+    return typeof staticValue === 'string' && typeof newValue === 'string'
+        ? 'interpolateColors'
+        : 'interpolate';
+};
+const addKeyframeToPropStatus = ({ status, frame, value, }) => {
+    var _a;
+    if (status.canUpdate) {
+        const staticValue = (_a = status.codeValue) !== null && _a !== void 0 ? _a : value;
+        return {
+            canUpdate: false,
+            reason: 'keyframed',
+            interpolationFunction: getInterpolationFunction(staticValue, value),
+            keyframes: [{ frame, value }],
+            easing: [],
+            clamping: { left: 'extend', right: 'extend' },
+            posterize: undefined,
+        };
+    }
+    if (status.reason !== 'keyframed') {
+        return status;
+    }
+    const existingIndex = status.keyframes.findIndex((kf) => kf.frame === frame);
+    if (existingIndex !== -1) {
+        const updatedKeyframes = status.keyframes.map((keyframe, index) => index === existingIndex ? { frame, value } : keyframe);
+        return {
+            ...status,
+            keyframes: updatedKeyframes,
+        };
+    }
+    const keyframes = [...status.keyframes, { frame, value }].sort((first, second) => first.frame - second.frame);
+    const easing = [...status.easing];
+    while (easing.length < keyframes.length - 1) {
+        easing.push('linear');
+    }
+    return {
+        ...status,
+        keyframes,
+        easing,
+    };
+};
+const optimisticAddSequenceKeyframe = ({ previous, fieldKey, frame, value, }) => {
+    if (!previous.canUpdate) {
+        return previous;
+    }
+    const status = previous.props[fieldKey];
+    if (!status) {
+        return previous;
+    }
+    return {
+        ...previous,
+        props: {
+            ...previous.props,
+            [fieldKey]: addKeyframeToPropStatus({ status, frame, value }),
+        },
+    };
+};
+exports.optimisticAddSequenceKeyframe = optimisticAddSequenceKeyframe;
+const optimisticAddEffectKeyframe = ({ previous, effectIndex, fieldKey, frame, value, }) => {
+    if (!previous.canUpdate) {
+        return previous;
+    }
+    const targetIndex = previous.effects.findIndex((e) => e.effectIndex === effectIndex);
+    if (targetIndex === -1) {
+        return previous;
+    }
+    const target = previous.effects[targetIndex];
+    if (!target.canUpdate) {
+        return previous;
+    }
+    const status = target.props[fieldKey];
+    if (!status) {
+        return previous;
+    }
+    const updatedEffect = {
+        ...target,
+        props: {
+            ...target.props,
+            [fieldKey]: addKeyframeToPropStatus({ status, frame, value }),
+        },
+    };
+    const effects = [...previous.effects];
+    effects[targetIndex] = updatedEffect;
+    return {
+        ...previous,
+        effects,
+    };
+};
+exports.optimisticAddEffectKeyframe = optimisticAddEffectKeyframe;

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

@@ -0,0 +1,27 @@
+import { type CanUpdateSequencePropsResponse } from 'remotion';
+export declare const optimisticDeleteSequenceKeyframe: ({ previous, fieldKey, frame, }: {
+    previous: CanUpdateSequencePropsResponse;
+    fieldKey: string;
+    frame: number;
+}) => CanUpdateSequencePropsResponse;
+export declare const optimisticDeleteSequenceKeyframes: ({ previous, keyframes, }: {
+    previous: CanUpdateSequencePropsResponse;
+    keyframes: {
+        fieldKey: string;
+        frame: number;
+    }[];
+}) => CanUpdateSequencePropsResponse;
+export declare const optimisticDeleteEffectKeyframe: ({ previous, effectIndex, fieldKey, frame, }: {
+    previous: CanUpdateSequencePropsResponse;
+    effectIndex: number;
+    fieldKey: string;
+    frame: number;
+}) => CanUpdateSequencePropsResponse;
+export declare const optimisticDeleteEffectKeyframes: ({ previous, keyframes, }: {
+    previous: CanUpdateSequencePropsResponse;
+    keyframes: {
+        effectIndex: number;
+        fieldKey: string;
+        frame: number;
+    }[];
+}) => CanUpdateSequencePropsResponse;

package/dist/optimistic-delete-keyframe.js

@@ -0,0 +1,100 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.optimisticDeleteEffectKeyframes = exports.optimisticDeleteEffectKeyframe = exports.optimisticDeleteSequenceKeyframes = exports.optimisticDeleteSequenceKeyframe = void 0;
+const removeKeyframeFromPropStatus = ({ status, frame, }) => {
+    if (status.canUpdate) {
+        return status;
+    }
+    if (status.reason !== 'keyframed') {
+        return status;
+    }
+    const index = status.keyframes.findIndex((kf) => kf.frame === frame);
+    if (index === -1) {
+        return status;
+    }
+    const keyframes = status.keyframes.filter((_, i) => i !== index);
+    if (keyframes.length === 0) {
+        return {
+            canUpdate: true,
+            codeValue: status.keyframes[index].value,
+        };
+    }
+    // Easing holds one segment per gap between consecutive keyframes
+    // (keyframes.length - 1 entries). Drop the segment adjacent to the removed
+    // keyframe so the invariant keeps holding until the server responds.
+    const easing = [...status.easing];
+    if (easing.length > 0) {
+        const easingIndexToRemove = index === 0 ? 0 : index - 1;
+        easing.splice(easingIndexToRemove, 1);
+    }
+    return {
+        ...status,
+        keyframes,
+        easing,
+    };
+};
+const optimisticDeleteSequenceKeyframe = ({ previous, fieldKey, frame, }) => {
+    if (!previous.canUpdate) {
+        return previous;
+    }
+    const status = previous.props[fieldKey];
+    if (!status) {
+        return previous;
+    }
+    return {
+        ...previous,
+        props: {
+            ...previous.props,
+            [fieldKey]: removeKeyframeFromPropStatus({ status, frame }),
+        },
+    };
+};
+exports.optimisticDeleteSequenceKeyframe = optimisticDeleteSequenceKeyframe;
+const optimisticDeleteSequenceKeyframes = ({ previous, keyframes, }) => {
+    return keyframes.reduce((current, keyframe) => (0, exports.optimisticDeleteSequenceKeyframe)({
+        previous: current,
+        fieldKey: keyframe.fieldKey,
+        frame: keyframe.frame,
+    }), previous);
+};
+exports.optimisticDeleteSequenceKeyframes = optimisticDeleteSequenceKeyframes;
+const optimisticDeleteEffectKeyframe = ({ previous, effectIndex, fieldKey, frame, }) => {
+    if (!previous.canUpdate) {
+        return previous;
+    }
+    const targetIndex = previous.effects.findIndex((e) => e.effectIndex === effectIndex);
+    if (targetIndex === -1) {
+        return previous;
+    }
+    const target = previous.effects[targetIndex];
+    if (!target.canUpdate) {
+        return previous;
+    }
+    const status = target.props[fieldKey];
+    if (!status) {
+        return previous;
+    }
+    const updatedEffect = {
+        ...target,
+        props: {
+            ...target.props,
+            [fieldKey]: removeKeyframeFromPropStatus({ status, frame }),
+        },
+    };
+    const effects = [...previous.effects];
+    effects[targetIndex] = updatedEffect;
+    return {
+        ...previous,
+        effects,
+    };
+};
+exports.optimisticDeleteEffectKeyframe = optimisticDeleteEffectKeyframe;
+const optimisticDeleteEffectKeyframes = ({ previous, keyframes, }) => {
+    return keyframes.reduce((current, keyframe) => (0, exports.optimisticDeleteEffectKeyframe)({
+        previous: current,
+        effectIndex: keyframe.effectIndex,
+        fieldKey: keyframe.fieldKey,
+        frame: keyframe.frame,
+    }), previous);
+};
+exports.optimisticDeleteEffectKeyframes = optimisticDeleteEffectKeyframes;

package/dist/schema-field-info.js

@@ -20,6 +20,7 @@ const getFieldsToShow = ({ getDragOverrides, codeValues, nodePath, schema, curre
         currentValue: currentRuntimeValueDotNotation,
         overrideValues: getDragOverrides(nodePath),
         propStatus: remotion_1.Internals.getCodeValuesCtx(codeValues, nodePath),
+        frame: null,
     });
     const activeSchema = remotion_1.Internals.flattenActiveSchema(schema, (key) => valuesDotNotation[key]);
     return Object.entries(activeSchema)

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