@remotion/studio 4.0.473 → 4.0.475

package/dist/components/Timeline/call-add-keyframe.js

@@ -1,14 +1,25 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.callAddEffectKeyframe = exports.callAddSequenceKeyframe = void 0;
+exports.callAddEffectKeyframe = exports.callAddKeyframes = exports.callAddSequenceKeyframe = void 0;
 const studio_shared_1 = require("@remotion/studio-shared");
 const call_api_1 = require("../call-api");
-const apply_effect_response_to_code_values_1 = require("./apply-effect-response-to-code-values");
+const apply_effect_response_to_prop_statuses_1 = require("./apply-effect-response-to-prop-statuses");
 const save_prop_queue_1 = require("./save-prop-queue");
-const callAddSequenceKeyframe = ({ fileName, nodePath, fieldKey, sourceFrame, value, schema, setCodeValues, clientId, }) => {
+const groupByNodePath = (keyframes) => {
+    var _a;
+    const groups = new Map();
+    for (const keyframe of keyframes) {
+        const key = JSON.stringify(keyframe.nodePath);
+        const group = (_a = groups.get(key)) !== null && _a !== void 0 ? _a : [];
+        group.push(keyframe);
+        groups.set(key, group);
+    }
+    return [...groups.values()];
+};
+const callAddSequenceKeyframe = ({ fileName, nodePath, fieldKey, sourceFrame, value, schema, setPropStatuses, clientId, }) => {
     return (0, save_prop_queue_1.enqueueSavePropChange)({
         nodePath,
-        setCodeValues,
+        setPropStatuses,
         applyOptimistic: (prev) => (0, studio_shared_1.optimisticAddSequenceKeyframe)({
             previous: prev,
             fieldKey,
@@ -29,10 +40,63 @@ const callAddSequenceKeyframe = ({ fileName, nodePath, fieldKey, sourceFrame, va
     });
 };
 exports.callAddSequenceKeyframe = callAddSequenceKeyframe;
-const callAddEffectKeyframe = ({ fileName, nodePath, effectIndex, fieldKey, sourceFrame, value, schema, setCodeValues, clientId, }) => {
+const callAddKeyframes = ({ sequenceKeyframes, effectKeyframes, setPropStatuses, clientId, }) => {
+    if (sequenceKeyframes.length === 0 && effectKeyframes.length === 0) {
+        return Promise.resolve();
+    }
+    for (const keyframes of groupByNodePath(sequenceKeyframes)) {
+        const [firstKeyframe] = keyframes;
+        if (!firstKeyframe) {
+            continue;
+        }
+        setPropStatuses(firstKeyframe.nodePath, (prev) => keyframes.reduce((current, keyframe) => (0, studio_shared_1.optimisticAddSequenceKeyframe)({
+            previous: current,
+            fieldKey: keyframe.fieldKey,
+            frame: keyframe.sourceFrame,
+            value: keyframe.value,
+            schema: keyframe.schema,
+        }), prev));
+    }
+    for (const keyframes of groupByNodePath(effectKeyframes)) {
+        const [firstKeyframe] = keyframes;
+        if (!firstKeyframe) {
+            continue;
+        }
+        setPropStatuses(firstKeyframe.nodePath, (prev) => keyframes.reduce((current, keyframe) => (0, studio_shared_1.optimisticAddEffectKeyframe)({
+            previous: current,
+            effectIndex: keyframe.effectIndex,
+            fieldKey: keyframe.fieldKey,
+            frame: keyframe.sourceFrame,
+            value: keyframe.value,
+            schema: keyframe.schema,
+        }), prev));
+    }
+    return (0, call_api_1.callApi)('/api/add-keyframes', {
+        sequenceKeyframes: sequenceKeyframes.map((keyframe) => ({
+            fileName: keyframe.fileName,
+            nodePath: keyframe.nodePath,
+            key: keyframe.fieldKey,
+            frame: keyframe.sourceFrame,
+            value: JSON.stringify(keyframe.value),
+            schema: keyframe.schema,
+        })),
+        effectKeyframes: effectKeyframes.map((keyframe) => ({
+            fileName: keyframe.fileName,
+            sequenceNodePath: keyframe.nodePath,
+            effectIndex: keyframe.effectIndex,
+            key: keyframe.fieldKey,
+            frame: keyframe.sourceFrame,
+            value: JSON.stringify(keyframe.value),
+            schema: keyframe.schema,
+        })),
+        clientId,
+    }).then(() => undefined);
+};
+exports.callAddKeyframes = callAddKeyframes;
+const callAddEffectKeyframe = ({ fileName, nodePath, effectIndex, fieldKey, sourceFrame, value, schema, setPropStatuses, clientId, }) => {
     return (0, save_prop_queue_1.enqueueSavePropChange)({
         nodePath,
-        setCodeValues,
+        setPropStatuses,
         applyOptimistic: (prev) => (0, studio_shared_1.optimisticAddEffectKeyframe)({
             previous: prev,
             effectIndex,
@@ -41,7 +105,7 @@ const callAddEffectKeyframe = ({ fileName, nodePath, effectIndex, fieldKey, sour
             value,
             schema,
         }),
-        applyServerResponse: (prev, response) => (0, apply_effect_response_to_code_values_1.applyEffectResponseToCodeValues)({ previous: prev, response }),
+        applyServerResponse: (prev, response) => (0, apply_effect_response_to_prop_statuses_1.applyEffectResponseToPropStatuses)({ previous: prev, response }),
         apiCall: () => (0, call_api_1.callApi)('/api/add-effect-keyframe', {
             fileName,
             sequenceNodePath: nodePath,

package/dist/components/Timeline/call-delete-keyframe.d.ts

@@ -1,5 +1,5 @@
 import type { SequencePropsSubscriptionKey, SequenceSchema } from 'remotion';
-import type { SetCodeValues } from './save-sequence-prop';
+import type { SetPropStatuses } from './save-sequence-prop';
 export type DeleteSequenceKeyframeChange = {
     fileName: string;
     nodePath: SequencePropsSubscriptionKey;
@@ -10,28 +10,28 @@ export type DeleteSequenceKeyframeChange = {
 export type DeleteEffectKeyframeChange = DeleteSequenceKeyframeChange & {
     effectIndex: number;
 };
-export declare const callDeleteSequenceKeyframe: ({ fileName, nodePath, fieldKey, sourceFrame, schema, setCodeValues, clientId, }: {
+export declare const callDeleteSequenceKeyframe: ({ fileName, nodePath, fieldKey, sourceFrame, schema, setPropStatuses, clientId, }: {
     fileName: string;
     nodePath: SequencePropsSubscriptionKey;
     fieldKey: string;
     sourceFrame: number;
     schema: SequenceSchema;
-    setCodeValues: SetCodeValues;
+    setPropStatuses: SetPropStatuses;
     clientId: string;
 }) => Promise<void>;
-export declare const callDeleteEffectKeyframe: ({ fileName, nodePath, effectIndex, fieldKey, sourceFrame, schema, setCodeValues, clientId, }: {
+export declare const callDeleteEffectKeyframe: ({ fileName, nodePath, effectIndex, fieldKey, sourceFrame, schema, setPropStatuses, clientId, }: {
     fileName: string;
     nodePath: SequencePropsSubscriptionKey;
     effectIndex: number;
     fieldKey: string;
     sourceFrame: number;
     schema: SequenceSchema;
-    setCodeValues: SetCodeValues;
+    setPropStatuses: SetPropStatuses;
     clientId: string;
 }) => Promise<void>;
-export declare const callDeleteKeyframes: ({ sequenceKeyframes, effectKeyframes, setCodeValues, clientId, }: {
+export declare const callDeleteKeyframes: ({ sequenceKeyframes, effectKeyframes, setPropStatuses, clientId, }: {
     sequenceKeyframes: DeleteSequenceKeyframeChange[];
     effectKeyframes: DeleteEffectKeyframeChange[];
-    setCodeValues: SetCodeValues;
+    setPropStatuses: SetPropStatuses;
     clientId: string;
 }) => Promise<void>;

package/dist/components/Timeline/call-delete-keyframe.js

@@ -15,10 +15,10 @@ const groupByNodePath = (keyframes) => {
     }
     return [...groups.values()];
 };
-const callDeleteSequenceKeyframe = ({ fileName, nodePath, fieldKey, sourceFrame, schema, setCodeValues, clientId, }) => {
+const callDeleteSequenceKeyframe = ({ fileName, nodePath, fieldKey, sourceFrame, schema, setPropStatuses, clientId, }) => {
     return (0, save_prop_queue_1.enqueueSavePropChange)({
         nodePath,
-        setCodeValues,
+        setPropStatuses,
         applyOptimistic: (prev) => (0, studio_shared_1.optimisticDeleteSequenceKeyframe)({
             previous: prev,
             fieldKey,
@@ -41,10 +41,10 @@ const callDeleteSequenceKeyframe = ({ fileName, nodePath, fieldKey, sourceFrame,
     });
 };
 exports.callDeleteSequenceKeyframe = callDeleteSequenceKeyframe;
-const callDeleteEffectKeyframe = ({ fileName, nodePath, effectIndex, fieldKey, sourceFrame, schema, setCodeValues, clientId, }) => {
+const callDeleteEffectKeyframe = ({ fileName, nodePath, effectIndex, fieldKey, sourceFrame, schema, setPropStatuses, clientId, }) => {
     return (0, save_prop_queue_1.enqueueSavePropChange)({
         nodePath,
-        setCodeValues,
+        setPropStatuses,
         applyOptimistic: (prev) => (0, studio_shared_1.optimisticDeleteEffectKeyframe)({
             previous: prev,
             effectIndex,
@@ -69,7 +69,7 @@ const callDeleteEffectKeyframe = ({ fileName, nodePath, effectIndex, fieldKey, s
     });
 };
 exports.callDeleteEffectKeyframe = callDeleteEffectKeyframe;
-const callDeleteKeyframes = ({ sequenceKeyframes, effectKeyframes, setCodeValues, clientId, }) => {
+const callDeleteKeyframes = ({ sequenceKeyframes, effectKeyframes, setPropStatuses, clientId, }) => {
     if (sequenceKeyframes.length === 0 && effectKeyframes.length === 0) {
         return Promise.resolve();
     }
@@ -78,7 +78,7 @@ const callDeleteKeyframes = ({ sequenceKeyframes, effectKeyframes, setCodeValues
         if (!firstKeyframe) {
             continue;
         }
-        setCodeValues(firstKeyframe.nodePath, (prev) => (0, studio_shared_1.optimisticDeleteSequenceKeyframes)({
+        setPropStatuses(firstKeyframe.nodePath, (prev) => (0, studio_shared_1.optimisticDeleteSequenceKeyframes)({
             previous: prev,
             keyframes: keyframes.map((keyframe) => ({
                 fieldKey: keyframe.fieldKey,
@@ -91,7 +91,7 @@ const callDeleteKeyframes = ({ sequenceKeyframes, effectKeyframes, setCodeValues
         if (!firstKeyframe) {
             continue;
         }
-        setCodeValues(firstKeyframe.nodePath, (prev) => (0, studio_shared_1.optimisticDeleteEffectKeyframes)({
+        setPropStatuses(firstKeyframe.nodePath, (prev) => (0, studio_shared_1.optimisticDeleteEffectKeyframes)({
             previous: prev,
             keyframes: keyframes.map((keyframe) => ({
                 effectIndex: keyframe.effectIndex,

package/dist/components/Timeline/call-move-keyframe.d.ts

@@ -1,5 +1,5 @@
 import type { SequencePropsSubscriptionKey, SequenceSchema } from 'remotion';
-import type { SetCodeValues } from './save-sequence-prop';
+import type { SetPropStatuses } from './save-sequence-prop';
 export type MoveSequenceKeyframeChange = {
     fileName: string;
     nodePath: SequencePropsSubscriptionKey;
@@ -11,9 +11,9 @@ export type MoveSequenceKeyframeChange = {
 export type MoveEffectKeyframeChange = MoveSequenceKeyframeChange & {
     effectIndex: number;
 };
-export declare const callMoveKeyframes: ({ sequenceKeyframes, effectKeyframes, setCodeValues, clientId, }: {
+export declare const callMoveKeyframes: ({ sequenceKeyframes, effectKeyframes, setPropStatuses, clientId, }: {
     sequenceKeyframes: MoveSequenceKeyframeChange[];
     effectKeyframes: MoveEffectKeyframeChange[];
-    setCodeValues: SetCodeValues;
+    setPropStatuses: SetPropStatuses;
     clientId: string;
 }) => Promise<void>;

package/dist/components/Timeline/call-move-keyframe.js

@@ -14,7 +14,7 @@ const groupByNodePath = (keyframes) => {
     }
     return [...groups.values()];
 };
-const callMoveKeyframes = ({ sequenceKeyframes, effectKeyframes, setCodeValues, clientId, }) => {
+const callMoveKeyframes = ({ sequenceKeyframes, effectKeyframes, setPropStatuses, clientId, }) => {
     if (sequenceKeyframes.length === 0 && effectKeyframes.length === 0) {
         return Promise.resolve();
     }
@@ -23,7 +23,7 @@ const callMoveKeyframes = ({ sequenceKeyframes, effectKeyframes, setCodeValues,
         if (!firstKeyframe) {
             continue;
         }
-        setCodeValues(firstKeyframe.nodePath, (prev) => (0, studio_shared_1.optimisticMoveSequenceKeyframes)({
+        setPropStatuses(firstKeyframe.nodePath, (prev) => (0, studio_shared_1.optimisticMoveSequenceKeyframes)({
             previous: prev,
             keyframes: keyframes.map((keyframe) => ({
                 fieldKey: keyframe.fieldKey,
@@ -37,7 +37,7 @@ const callMoveKeyframes = ({ sequenceKeyframes, effectKeyframes, setCodeValues,
         if (!firstKeyframe) {
             continue;
         }
-        setCodeValues(firstKeyframe.nodePath, (prev) => (0, studio_shared_1.optimisticMoveEffectKeyframes)({
+        setPropStatuses(firstKeyframe.nodePath, (prev) => (0, studio_shared_1.optimisticMoveEffectKeyframes)({
             previous: prev,
             keyframes: keyframes.map((keyframe) => ({
                 effectIndex: keyframe.effectIndex,

package/dist/components/Timeline/call-update-keyframe-settings.d.ts

@@ -1,22 +1,22 @@
 import { type KeyframeSettings } from '@remotion/studio-shared';
 import type { SequencePropsSubscriptionKey, SequenceSchema } from 'remotion';
-import type { SetCodeValues } from './save-sequence-prop';
-export declare const callUpdateSequenceKeyframeSettings: ({ fileName, nodePath, fieldKey, settings, schema, setCodeValues, clientId, }: {
+import type { SetPropStatuses } from './save-sequence-prop';
+export declare const callUpdateSequenceKeyframeSettings: ({ fileName, nodePath, fieldKey, settings, schema, setPropStatuses, clientId, }: {
     fileName: string;
     nodePath: SequencePropsSubscriptionKey;
     fieldKey: string;
     settings: KeyframeSettings;
     schema: SequenceSchema;
-    setCodeValues: SetCodeValues;
+    setPropStatuses: SetPropStatuses;
     clientId: string;
 }) => Promise<void>;
-export declare const callUpdateEffectKeyframeSettings: ({ fileName, nodePath, effectIndex, fieldKey, settings, schema, setCodeValues, clientId, }: {
+export declare const callUpdateEffectKeyframeSettings: ({ fileName, nodePath, effectIndex, fieldKey, settings, schema, setPropStatuses, clientId, }: {
     fileName: string;
     nodePath: SequencePropsSubscriptionKey;
     effectIndex: number;
     fieldKey: string;
     settings: KeyframeSettings;
     schema: SequenceSchema;
-    setCodeValues: SetCodeValues;
+    setPropStatuses: SetPropStatuses;
     clientId: string;
 }) => Promise<void>;

package/dist/components/Timeline/call-update-keyframe-settings.js

@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.callUpdateEffectKeyframeSettings = exports.callUpdateSequenceKeyframeSettings = void 0;
 const studio_shared_1 = require("@remotion/studio-shared");
 const call_api_1 = require("../call-api");
-const apply_effect_response_to_code_values_1 = require("./apply-effect-response-to-code-values");
+const apply_effect_response_to_prop_statuses_1 = require("./apply-effect-response-to-prop-statuses");
 const save_prop_queue_1 = require("./save-prop-queue");
-const callUpdateSequenceKeyframeSettings = ({ fileName, nodePath, fieldKey, settings, schema, setCodeValues, clientId, }) => {
+const callUpdateSequenceKeyframeSettings = ({ fileName, nodePath, fieldKey, settings, schema, setPropStatuses, clientId, }) => {
     return (0, save_prop_queue_1.enqueueSavePropChange)({
         nodePath,
-        setCodeValues,
+        setPropStatuses,
         applyOptimistic: (prev) => (0, studio_shared_1.optimisticUpdateSequenceKeyframeSettings)({
             previous: prev,
             fieldKey,
@@ -26,17 +26,17 @@ const callUpdateSequenceKeyframeSettings = ({ fileName, nodePath, fieldKey, sett
     });
 };
 exports.callUpdateSequenceKeyframeSettings = callUpdateSequenceKeyframeSettings;
-const callUpdateEffectKeyframeSettings = ({ fileName, nodePath, effectIndex, fieldKey, settings, schema, setCodeValues, clientId, }) => {
+const callUpdateEffectKeyframeSettings = ({ fileName, nodePath, effectIndex, fieldKey, settings, schema, setPropStatuses, clientId, }) => {
     return (0, save_prop_queue_1.enqueueSavePropChange)({
         nodePath,
-        setCodeValues,
+        setPropStatuses,
         applyOptimistic: (prev) => (0, studio_shared_1.optimisticUpdateEffectKeyframeSettings)({
             previous: prev,
             effectIndex,
             fieldKey,
             settings,
         }),
-        applyServerResponse: (prev, response) => (0, apply_effect_response_to_code_values_1.applyEffectResponseToCodeValues)({ previous: prev, response }),
+        applyServerResponse: (prev, response) => (0, apply_effect_response_to_prop_statuses_1.applyEffectResponseToPropStatuses)({ previous: prev, response }),
         apiCall: () => (0, call_api_1.callApi)('/api/update-effect-keyframe-settings', {
             fileName,
             sequenceNodePath: nodePath,

package/dist/components/Timeline/delete-selected-keyframe.d.ts

@@ -1,21 +1,21 @@
 import type { OverrideIdToNodePaths, TSequence } from 'remotion';
 import type { SequenceNodePathInfo } from '../../helpers/get-timeline-sequence-sort-key';
-import type { SetCodeValues } from './save-sequence-prop';
-export declare const deleteSelectedKeyframe: ({ nodePathInfo, frame, sequences, overrideIdsToNodePaths, setCodeValues, clientId, }: {
+import type { SetPropStatuses } from './save-sequence-prop';
+export declare const deleteSelectedKeyframe: ({ nodePathInfo, frame, sequences, overrideIdsToNodePaths, setPropStatuses, clientId, }: {
     nodePathInfo: SequenceNodePathInfo;
     frame: number;
     sequences: TSequence[];
     overrideIdsToNodePaths: OverrideIdToNodePaths;
-    setCodeValues: SetCodeValues;
+    setPropStatuses: SetPropStatuses;
     clientId: string;
 }) => Promise<void> | null;
-export declare const deleteSelectedKeyframes: ({ keyframes, sequences, overrideIdsToNodePaths, setCodeValues, clientId, }: {
+export declare const deleteSelectedKeyframes: ({ keyframes, sequences, overrideIdsToNodePaths, setPropStatuses, clientId, }: {
     keyframes: {
         nodePathInfo: SequenceNodePathInfo;
         frame: number;
     }[];
     sequences: TSequence[];
     overrideIdsToNodePaths: OverrideIdToNodePaths;
-    setCodeValues: SetCodeValues;
+    setPropStatuses: SetPropStatuses;
     clientId: string;
 }) => Promise<void> | null;

package/dist/components/Timeline/delete-selected-keyframe.js

@@ -46,7 +46,7 @@ const getSelectedKeyframeDeletion = ({ nodePathInfo, frame, sequences, overrideI
         schema: sequence.controls.schema,
     };
 };
-const deleteSelectedKeyframe = ({ nodePathInfo, frame, sequences, overrideIdsToNodePaths, setCodeValues, clientId, }) => {
+const deleteSelectedKeyframe = ({ nodePathInfo, frame, sequences, overrideIdsToNodePaths, setPropStatuses, clientId, }) => {
     const deletion = getSelectedKeyframeDeletion({
         nodePathInfo,
         frame,
@@ -59,18 +59,18 @@ const deleteSelectedKeyframe = ({ nodePathInfo, frame, sequences, overrideIdsToN
     if (deletion.type === 'effect') {
         return (0, call_delete_keyframe_1.callDeleteEffectKeyframe)({
             ...deletion,
-            setCodeValues,
+            setPropStatuses,
             clientId,
         });
     }
     return (0, call_delete_keyframe_1.callDeleteSequenceKeyframe)({
         ...deletion,
-        setCodeValues,
+        setPropStatuses,
         clientId,
     });
 };
 exports.deleteSelectedKeyframe = deleteSelectedKeyframe;
-const deleteSelectedKeyframes = ({ keyframes, sequences, overrideIdsToNodePaths, setCodeValues, clientId, }) => {
+const deleteSelectedKeyframes = ({ keyframes, sequences, overrideIdsToNodePaths, setPropStatuses, clientId, }) => {
     const deletions = keyframes
         .map((keyframe) => getSelectedKeyframeDeletion({
         nodePathInfo: keyframe.nodePathInfo,
@@ -85,7 +85,7 @@ const deleteSelectedKeyframes = ({ keyframes, sequences, overrideIdsToNodePaths,
     return (0, call_delete_keyframe_1.callDeleteKeyframes)({
         sequenceKeyframes: deletions.filter((deletion) => deletion.type === 'sequence'),
         effectKeyframes: deletions.filter((deletion) => deletion.type === 'effect'),
-        setCodeValues,
+        setPropStatuses,
         clientId,
     });
 };

package/dist/components/Timeline/delete-selected-timeline-item.d.ts

@@ -1,20 +1,20 @@
 import type { OverrideIdToNodePaths, TSequence } from 'remotion';
 import type { ConfirmationDialogFunction } from '../ConfirmationDialog-types';
-import type { SetCodeValues } from './save-sequence-prop';
+import type { SetPropStatuses } from './save-sequence-prop';
 import type { TimelineSelection } from './TimelineSelection';
-export declare const deleteSelectedTimelineItem: ({ selection, sequences, overrideIdsToNodePaths, setCodeValues, clientId, confirm, }: {
+export declare const deleteSelectedTimelineItem: ({ selection, sequences, overrideIdsToNodePaths, setPropStatuses, clientId, confirm, }: {
     selection: TimelineSelection;
     sequences: TSequence[];
     overrideIdsToNodePaths: OverrideIdToNodePaths;
-    setCodeValues: SetCodeValues;
+    setPropStatuses: SetPropStatuses;
     clientId: string;
     confirm: ConfirmationDialogFunction;
 }) => Promise<boolean> | null;
-export declare const deleteSelectedTimelineItems: ({ selections, sequences, overrideIdsToNodePaths, setCodeValues, clientId, confirm, }: {
+export declare const deleteSelectedTimelineItems: ({ selections, sequences, overrideIdsToNodePaths, setPropStatuses, clientId, confirm, }: {
     selections: readonly TimelineSelection[];
     sequences: TSequence[];
     overrideIdsToNodePaths: OverrideIdToNodePaths;
-    setCodeValues: SetCodeValues;
+    setPropStatuses: SetPropStatuses;
     clientId: string;
     confirm: ConfirmationDialogFunction;
 }) => Promise<boolean> | null;

package/dist/components/Timeline/delete-selected-timeline-item.js

@@ -93,7 +93,7 @@ const deleteEffects = (effects) => {
         return true;
     });
 };
-const deleteSelectedTimelineItem = ({ selection, sequences, overrideIdsToNodePaths, setCodeValues, clientId, confirm, }) => {
+const deleteSelectedTimelineItem = ({ selection, sequences, overrideIdsToNodePaths, setPropStatuses, clientId, confirm, }) => {
     var _a;
     if (selection.type === 'keyframe') {
         const promise = (0, delete_selected_keyframe_1.deleteSelectedKeyframe)({
@@ -101,7 +101,7 @@ const deleteSelectedTimelineItem = ({ selection, sequences, overrideIdsToNodePat
             frame: selection.frame,
             sequences,
             overrideIdsToNodePaths,
-            setCodeValues,
+            setPropStatuses,
             clientId,
         });
         return (_a = promise === null || promise === void 0 ? void 0 : promise.then(() => true)) !== null && _a !== void 0 ? _a : null;
@@ -119,6 +119,7 @@ const deleteSelectedTimelineItem = ({ selection, sequences, overrideIdsToNodePat
             ]);
         case 'sequence-prop':
         case 'sequence-effect-prop':
+        case 'easing':
             return null;
         case 'sequence-all-effects':
             return deleteEffects([
@@ -133,6 +134,7 @@ const isSequenceRowSelection = (selection) => selection.type === 'sequence';
 const isSequenceEffectSelection = (selection) => selection.type === 'sequence-effect';
 const isSequenceAllEffectsSelection = (selection) => selection.type === 'sequence-all-effects';
 const isKeyframeSelection = (selection) => selection.type === 'keyframe';
+const areSelectionsOnlyOfType = (selections, type) => selections.every((selection) => selection.type === type);
 const assertTimelineSelectionsHaveSameType = (selections) => {
     const firstSelection = selections[0];
     if (!firstSelection) {
@@ -144,12 +146,33 @@ const assertTimelineSelectionsHaveSameType = (selections) => {
         }
     }
 };
-const deleteSelectedTimelineItems = ({ selections, sequences, overrideIdsToNodePaths, setCodeValues, clientId, confirm, }) => {
+const containsOnlyKeyframesAndEasings = (selections) => selections.every((selection) => selection.type === 'keyframe' || selection.type === 'easing');
+const deleteSelectedTimelineItems = ({ selections, sequences, overrideIdsToNodePaths, setPropStatuses, clientId, confirm, }) => {
     var _a;
     const firstSelection = selections[0];
     if (!firstSelection) {
         return null;
     }
+    if (containsOnlyKeyframesAndEasings(selections)) {
+        const keyframes = selections.filter(isKeyframeSelection);
+        if (keyframes.length === 0) {
+            return null;
+        }
+        const promise = (0, delete_selected_keyframe_1.deleteSelectedKeyframes)({
+            keyframes: keyframes.map((selection) => ({
+                nodePathInfo: selection.nodePathInfo,
+                frame: selection.frame,
+            })),
+            sequences,
+            overrideIdsToNodePaths,
+            setPropStatuses,
+            clientId,
+        });
+        return (_a = promise === null || promise === void 0 ? void 0 : promise.then(() => true)) !== null && _a !== void 0 ? _a : null;
+    }
+    if (!areSelectionsOnlyOfType(selections, firstSelection.type)) {
+        return null;
+    }
     assertTimelineSelectionsHaveSameType(selections);
     switch (firstSelection.type) {
         case 'sequence':
@@ -162,21 +185,10 @@ const deleteSelectedTimelineItems = ({ selections, sequences, overrideIdsToNodeP
                 nodePathInfo: selection.nodePathInfo,
                 effectIndex: selection.i,
             })));
-        case 'keyframe': {
-            const promise = (0, delete_selected_keyframe_1.deleteSelectedKeyframes)({
-                keyframes: selections.filter(isKeyframeSelection).map((selection) => ({
-                    nodePathInfo: selection.nodePathInfo,
-                    frame: selection.frame,
-                })),
-                sequences,
-                overrideIdsToNodePaths,
-                setCodeValues,
-                clientId,
-            });
-            return (_a = promise === null || promise === void 0 ? void 0 : promise.then(() => true)) !== null && _a !== void 0 ? _a : null;
-        }
+        case 'keyframe':
         case 'sequence-prop':
         case 'sequence-effect-prop':
+        case 'easing':
             return null;
         case 'sequence-all-effects':
             return deleteEffects(selections.filter(isSequenceAllEffectsSelection).map((selection) => ({

package/dist/components/Timeline/get-node-keyframes.d.ts

@@ -1,9 +1,9 @@
-import { type CodeValues, type GetDragOverrides, type GetEffectDragOverrides, type SequencePropsSubscriptionKey } from 'remotion';
+import { type GetDragOverrides, type GetEffectDragOverrides, type PropStatuses, type SequencePropsSubscriptionKey } from 'remotion';
 import type { TimelineTreeNode } from '../../helpers/timeline-layout';
-export declare const getNodeKeyframes: ({ node, nodePath, codeValues, keyframeDisplayOffset, getDragOverrides, getEffectDragOverrides, timelinePosition, }: {
+export declare const getNodeKeyframes: ({ node, nodePath, propStatuses, keyframeDisplayOffset, getDragOverrides, getEffectDragOverrides, timelinePosition, }: {
     node: TimelineTreeNode;
     nodePath: SequencePropsSubscriptionKey;
-    codeValues: CodeValues;
+    propStatuses: PropStatuses;
     keyframeDisplayOffset: number;
     getDragOverrides: GetDragOverrides;
     getEffectDragOverrides: GetEffectDragOverrides;

package/dist/components/Timeline/get-node-keyframes.js

@@ -22,7 +22,7 @@ const withDragOverrideKeyframe = ({ propStatus, keyframeDisplayOffset, timelineP
     }
     return [...keyframes, dragKeyframe].sort((first, second) => first.frame - second.frame);
 };
-const getNodeKeyframes = ({ node, nodePath, codeValues, keyframeDisplayOffset, getDragOverrides, getEffectDragOverrides, timelinePosition, }) => {
+const getNodeKeyframes = ({ node, nodePath, propStatuses, keyframeDisplayOffset, getDragOverrides, getEffectDragOverrides, timelinePosition, }) => {
     var _a, _b;
     if (node.kind !== 'field' || node.field === null) {
         return [];
@@ -30,15 +30,15 @@ const getNodeKeyframes = ({ node, nodePath, codeValues, keyframeDisplayOffset, g
     if (node.field.kind === 'sequence-field') {
         const dragOverrides = getDragOverrides(nodePath);
         return withDragOverrideKeyframe({
-            propStatus: (_a = remotion_1.Internals.getCodeValuesCtx(codeValues, nodePath)) === null || _a === void 0 ? void 0 : _a[node.field.key],
+            propStatus: (_a = remotion_1.Internals.getPropStatusesCtx(propStatuses, nodePath)) === null || _a === void 0 ? void 0 : _a[node.field.key],
             keyframeDisplayOffset,
             timelinePosition,
             dragOverrideValue: dragOverrides[node.field.key],
             hasDragOverride: hasOverride(dragOverrides, node.field.key),
         });
     }
-    const effectStatus = remotion_1.Internals.getEffectCodeValuesCtx({
-        codeValues,
+    const effectStatus = remotion_1.Internals.getEffectPropStatusesCtx({
+        propStatuses,
         nodePath,
         effectIndex: node.field.effectIndex,
     });

package/dist/components/Timeline/get-timeline-easing-segments.d.ts

@@ -0,0 +1,9 @@
+export type TimelineEasingSegment = {
+    readonly fromFrame: number;
+    readonly toFrame: number;
+    readonly segmentIndex: number;
+};
+export declare const getTimelineEasingSegments: (keyframes: {
+    frame: number;
+    value: unknown;
+}[]) => TimelineEasingSegment[];

package/dist/components/Timeline/get-timeline-easing-segments.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTimelineEasingSegments = void 0;
+const getTimelineEasingSegments = (keyframes) => {
+    return keyframes.flatMap((keyframe, index) => {
+        const nextKeyframe = keyframes[index + 1];
+        if (!nextKeyframe) {
+            return [];
+        }
+        return [
+            {
+                fromFrame: keyframe.frame,
+                toFrame: nextKeyframe.frame,
+                segmentIndex: index,
+            },
+        ];
+    });
+};
+exports.getTimelineEasingSegments = getTimelineEasingSegments;

package/dist/components/Timeline/reset-selected-timeline-props.d.ts

@@ -1,5 +1,5 @@
-import type { CodeValues, OverrideIdToNodePaths, SequencePropsSubscriptionKey, SequenceSchema, TSequence } from 'remotion';
-import type { SetCodeValues } from './save-sequence-prop';
+import type { OverrideIdToNodePaths, PropStatuses, SequencePropsSubscriptionKey, SequenceSchema, TSequence } from 'remotion';
+import type { SetPropStatuses } from './save-sequence-prop';
 import type { TimelineSelection } from './TimelineSelection';
 type SequencePropResetTarget = {
     readonly type: 'sequence-prop';
@@ -21,18 +21,18 @@ type EffectPropResetTarget = {
     readonly schema: SequenceSchema;
 };
 type TimelinePropResetTarget = SequencePropResetTarget | EffectPropResetTarget;
-export declare const getTimelinePropResetTargets: ({ selections, sequences, overrideIdsToNodePaths, codeValues, }: {
+export declare const getTimelinePropResetTargets: ({ selections, sequences, overrideIdsToNodePaths, propStatuses, }: {
     readonly selections: readonly TimelineSelection[];
     readonly sequences: TSequence[];
     readonly overrideIdsToNodePaths: OverrideIdToNodePaths;
-    readonly codeValues: CodeValues;
+    readonly propStatuses: PropStatuses;
 }) => TimelinePropResetTarget[] | null;
-export declare const resetSelectedTimelineProps: ({ selections, sequences, overrideIdsToNodePaths, codeValues, setCodeValues, clientId, }: {
+export declare const resetSelectedTimelineProps: ({ selections, sequences, overrideIdsToNodePaths, propStatuses, setPropStatuses, clientId, }: {
     readonly selections: readonly TimelineSelection[];
     readonly sequences: TSequence[];
     readonly overrideIdsToNodePaths: OverrideIdToNodePaths;
-    readonly codeValues: CodeValues;
-    readonly setCodeValues: SetCodeValues;
+    readonly propStatuses: PropStatuses;
+    readonly setPropStatuses: SetPropStatuses;
     readonly clientId: string;
 }) => Promise<void> | null;
 export {};