@remotion/studio 4.0.473 → 4.0.474

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([
@@ -144,7 +145,7 @@ const assertTimelineSelectionsHaveSameType = (selections) => {
         }
     }
 };
-const deleteSelectedTimelineItems = ({ selections, sequences, overrideIdsToNodePaths, setCodeValues, clientId, confirm, }) => {
+const deleteSelectedTimelineItems = ({ selections, sequences, overrideIdsToNodePaths, setPropStatuses, clientId, confirm, }) => {
     var _a;
     const firstSelection = selections[0];
     if (!firstSelection) {
@@ -170,13 +171,14 @@ const deleteSelectedTimelineItems = ({ selections, sequences, overrideIdsToNodeP
                 })),
                 sequences,
                 overrideIdsToNodePaths,
-                setCodeValues,
+                setPropStatuses,
                 clientId,
             });
             return (_a = promise === null || promise === void 0 ? void 0 : promise.then(() => true)) !== null && _a !== void 0 ? _a : null;
         }
         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 {};

package/dist/components/Timeline/reset-selected-timeline-props.js

@@ -8,7 +8,7 @@ const save_sequence_prop_1 = require("./save-sequence-prop");
 const isPropResetSelection = (selection) => selection.type === 'sequence-prop' ||
     selection.type === 'sequence-effect-prop';
 const isVisibleFieldSchema = (fieldSchema) => fieldSchema !== undefined && fieldSchema.type !== 'hidden';
-const isNonDefaultCodeValue = ({ codeValue, defaultValue, }) => JSON.stringify(codeValue !== null && codeValue !== void 0 ? codeValue : defaultValue) !== JSON.stringify(defaultValue);
+const isNonDefaultCodeValue = ({ propStatus, defaultValue, }) => JSON.stringify(propStatus !== null && propStatus !== void 0 ? propStatus : defaultValue) !== JSON.stringify(defaultValue);
 const isResettablePropStatus = ({ propStatus, defaultValue, }) => {
     if (!propStatus || propStatus.status === 'computed') {
         return false;
@@ -20,14 +20,14 @@ const isResettablePropStatus = ({ propStatus, defaultValue, }) => {
         return true;
     }
     return isNonDefaultCodeValue({
-        codeValue: propStatus.codeValue,
+        propStatus: propStatus.codeValue,
         defaultValue,
     });
 };
 const getDefaultValue = (fieldSchema) => fieldSchema.default !== undefined
     ? JSON.stringify(fieldSchema.default)
     : null;
-const getTimelinePropResetTargets = ({ selections, sequences, overrideIdsToNodePaths, codeValues, }) => {
+const getTimelinePropResetTargets = ({ selections, sequences, overrideIdsToNodePaths, propStatuses, }) => {
     var _a;
     var _b;
     const firstSelection = selections[0];
@@ -54,7 +54,7 @@ const getTimelinePropResetTargets = ({ selections, sequences, overrideIdsToNodeP
                 continue;
             }
             const sequenceFieldSchema = sequence.controls.schema[selection.key];
-            const sequencePropStatus = (_a = remotion_1.Internals.getCodeValuesCtx(codeValues, nodePath)) === null || _a === void 0 ? void 0 : _a[selection.key];
+            const sequencePropStatus = (_a = remotion_1.Internals.getPropStatusesCtx(propStatuses, nodePath)) === null || _a === void 0 ? void 0 : _a[selection.key];
             if (!isVisibleFieldSchema(sequenceFieldSchema) ||
                 !isResettablePropStatus({
                     propStatus: sequencePropStatus,
@@ -75,8 +75,8 @@ const getTimelinePropResetTargets = ({ selections, sequences, overrideIdsToNodeP
         }
         const effect = sequence.effects[selection.i];
         const fieldSchema = effect === null || effect === void 0 ? void 0 : effect.schema[selection.key];
-        const effectStatus = remotion_1.Internals.getEffectCodeValuesCtx({
-            codeValues,
+        const effectStatus = remotion_1.Internals.getEffectPropStatusesCtx({
+            propStatuses,
             nodePath,
             effectIndex: selection.i,
         });
@@ -105,12 +105,12 @@ const getTimelinePropResetTargets = ({ selections, sequences, overrideIdsToNodeP
     return resetTargets;
 };
 exports.getTimelinePropResetTargets = getTimelinePropResetTargets;
-const resetSelectedTimelineProps = ({ selections, sequences, overrideIdsToNodePaths, codeValues, setCodeValues, clientId, }) => {
+const resetSelectedTimelineProps = ({ selections, sequences, overrideIdsToNodePaths, propStatuses, setPropStatuses, clientId, }) => {
     const resetTargets = (0, exports.getTimelinePropResetTargets)({
         selections,
         sequences,
         overrideIdsToNodePaths,
-        codeValues,
+        propStatuses,
     });
     if (resetTargets === null || resetTargets.length === 0) {
         return null;
@@ -128,7 +128,7 @@ const resetSelectedTimelineProps = ({ selections, sequences, overrideIdsToNodePa
                 defaultValue: target.defaultValue,
                 schema: target.schema,
             })),
-            setCodeValues,
+            setPropStatuses,
             clientId,
             undoLabel: sequencePropTargets.length > 1
                 ? 'Reset selected sequence props'
@@ -148,7 +148,7 @@ const resetSelectedTimelineProps = ({ selections, sequences, overrideIdsToNodePa
             value: target.value,
             defaultValue: target.defaultValue,
             schema: target.schema,
-            setCodeValues,
+            setPropStatuses,
             clientId,
         }));
     }

package/dist/components/Timeline/save-effect-prop.d.ts

@@ -1,6 +1,6 @@
 import { type EffectClipboardParam } from '@remotion/studio-shared';
 import type { SequencePropsSubscriptionKey, SequenceSchema } from 'remotion';
-import type { SetCodeValues } from './save-sequence-prop';
+import type { SetPropStatuses } from './save-sequence-prop';
 type SaveEffectPropBase = {
     fileName: string;
     nodePath: SequencePropsSubscriptionKey;
@@ -8,7 +8,7 @@ type SaveEffectPropBase = {
     fieldKey: string;
     defaultValue: string | null;
     schema: SequenceSchema;
-    setCodeValues: SetCodeValues;
+    setPropStatuses: SetPropStatuses;
     clientId: string;
 };
 type SaveEffectPropValue = SaveEffectPropBase & {

package/dist/components/Timeline/save-effect-prop.js

@@ -3,23 +3,23 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.saveEffectProp = 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 saveEffectProp = (input) => {
-    const { fileName, nodePath, effectIndex, fieldKey, defaultValue, schema, setCodeValues, clientId, } = input;
+    const { fileName, nodePath, effectIndex, fieldKey, defaultValue, schema, setPropStatuses, clientId, } = input;
     return (0, save_prop_queue_1.enqueueSavePropChange)({
         nodePath,
-        setCodeValues,
+        setPropStatuses,
         applyOptimistic: (prev) => input.type === 'effect-param'
             ? prev
-            : (0, studio_shared_1.optimisticUpdateForEffectCodeValues)({
+            : (0, studio_shared_1.optimisticUpdateForEffectPropStatuses)({
                 previous: prev,
                 effectIndex,
                 fieldKey,
                 value: input.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/save-effect-props', input.type === 'effect-param'
             ? {
                 type: 'effect-param',

package/dist/components/Timeline/save-prop-queue.d.ts

@@ -1,12 +1,12 @@
 import type { CanUpdateSequencePropsResponse, SequencePropsSubscriptionKey } from 'remotion';
-type SetCodeValues = (nodePath: SequencePropsSubscriptionKey, values: (prev: CanUpdateSequencePropsResponse) => CanUpdateSequencePropsResponse) => void;
+type SetPropStatuses = (nodePath: SequencePropsSubscriptionKey, values: (prev: CanUpdateSequencePropsResponse) => CanUpdateSequencePropsResponse) => void;
 export type EnqueueSaveOptions<TResponse> = {
     nodePath: SequencePropsSubscriptionKey;
-    setCodeValues: SetCodeValues;
+    setPropStatuses: SetPropStatuses;
     applyOptimistic: (prev: CanUpdateSequencePropsResponse) => CanUpdateSequencePropsResponse;
     applyServerResponse?: (prev: CanUpdateSequencePropsResponse, response: TResponse) => CanUpdateSequencePropsResponse;
     apiCall: () => Promise<TResponse>;
     errorLabel: string;
 };
-export declare const enqueueSavePropChange: <TResponse>({ nodePath, setCodeValues, applyOptimistic, applyServerResponse, apiCall, errorLabel, }: EnqueueSaveOptions<TResponse>) => Promise<void>;
+export declare const enqueueSavePropChange: <TResponse>({ nodePath, setPropStatuses, applyOptimistic, applyServerResponse, apiCall, errorLabel, }: EnqueueSaveOptions<TResponse>) => Promise<void>;
 export {};

package/dist/components/Timeline/save-prop-queue.js

@@ -19,12 +19,12 @@ const dropQueue = (nodePath, q) => {
         queues.delete(key);
     }
 };
-const enqueueSavePropChange = ({ nodePath, setCodeValues, applyOptimistic, applyServerResponse, apiCall, errorLabel, }) => {
+const enqueueSavePropChange = ({ nodePath, setPropStatuses, applyOptimistic, applyServerResponse, apiCall, errorLabel, }) => {
     const q = getQueue(nodePath);
     if (q.cancelled) {
         return Promise.resolve();
     }
-    setCodeValues(nodePath, (prev) => {
+    setPropStatuses(nodePath, (prev) => {
         return applyOptimistic(prev);
     });
     const myQueue = q;
@@ -40,7 +40,7 @@ const enqueueSavePropChange = ({ nodePath, setCodeValues, applyOptimistic, apply
             // If nothing more is queued, reset baseline so the next round starts fresh.
             if (myQueue.chain === next) {
                 if (applyServerResponse) {
-                    setCodeValues(nodePath, (prev) => applyServerResponse(prev, response));
+                    setPropStatuses(nodePath, (prev) => applyServerResponse(prev, response));
                 }
                 dropQueue(nodePath, myQueue);
             }

package/dist/components/Timeline/save-sequence-prop.d.ts

@@ -1,5 +1,5 @@
 import type { CanUpdateSequencePropsResponse, SequencePropsSubscriptionKey, SequenceSchema } from 'remotion';
-export type SetCodeValues = (nodePath: SequencePropsSubscriptionKey, values: (prev: CanUpdateSequencePropsResponse) => CanUpdateSequencePropsResponse) => void;
+export type SetPropStatuses = (nodePath: SequencePropsSubscriptionKey, values: (prev: CanUpdateSequencePropsResponse) => CanUpdateSequencePropsResponse) => void;
 export type SaveSequencePropChange = {
     fileName: string;
     nodePath: SequencePropsSubscriptionKey;
@@ -10,10 +10,10 @@ export type SaveSequencePropChange = {
 };
 type SaveSequencePropsOptions = {
     changes: SaveSequencePropChange[];
-    setCodeValues: SetCodeValues;
+    setPropStatuses: SetPropStatuses;
     clientId: string;
     undoLabel: string;
     redoLabel: string;
 };
-export declare const saveSequenceProps: ({ changes, setCodeValues, clientId, undoLabel, redoLabel, }: SaveSequencePropsOptions) => Promise<void>;
+export declare const saveSequenceProps: ({ changes, setPropStatuses, clientId, undoLabel, redoLabel, }: SaveSequencePropsOptions) => Promise<void>;
 export {};

package/dist/components/Timeline/save-sequence-prop.js

@@ -4,7 +4,7 @@ exports.saveSequenceProps = void 0;
 const studio_shared_1 = require("@remotion/studio-shared");
 const call_api_1 = require("../call-api");
 const save_prop_queue_1 = require("./save-prop-queue");
-const saveSequenceProps = ({ changes, setCodeValues, clientId, undoLabel, redoLabel, }) => {
+const saveSequenceProps = ({ changes, setPropStatuses, clientId, undoLabel, redoLabel, }) => {
     if (changes.length === 0) {
         return Promise.resolve();
     }
@@ -15,8 +15,8 @@ const saveSequenceProps = ({ changes, setCodeValues, clientId, undoLabel, redoLa
         }
         return (0, save_prop_queue_1.enqueueSavePropChange)({
             nodePath: change.nodePath,
-            setCodeValues,
-            applyOptimistic: (prev) => (0, studio_shared_1.optimisticUpdateForCodeValues)({
+            setPropStatuses,
+            applyOptimistic: (prev) => (0, studio_shared_1.optimisticUpdateForPropStatuses)({
                 previous: prev,
                 fieldKey: change.fieldKey,
                 value: change.value,
@@ -41,7 +41,7 @@ const saveSequenceProps = ({ changes, setCodeValues, clientId, undoLabel, redoLa
         });
     }
     for (const change of changes) {
-        setCodeValues(change.nodePath, (prev) => (0, studio_shared_1.optimisticUpdateForCodeValues)({
+        setPropStatuses(change.nodePath, (prev) => (0, studio_shared_1.optimisticUpdateForPropStatuses)({
             previous: prev,
             fieldKey: change.fieldKey,
             value: change.value,

package/dist/components/Timeline/timeline-field-utils.d.ts

@@ -1,3 +1,13 @@
 export declare const getDecimalPlaces: (num: number) => number;
+export declare const getTimelineDisplayDecimalPlaces: ({ defaultDecimalPlaces, step, }: {
+    readonly defaultDecimalPlaces: number;
+    readonly step: number | undefined;
+}) => number;
+export declare const roundToDecimalPlaces: (value: number, decimalPlaces: number) => number;
+export declare const formatTimelineNumber: ({ decimalPlaces, fixed, value, }: {
+    readonly decimalPlaces: number;
+    readonly fixed: boolean;
+    readonly value: string | number;
+}) => string;
 export declare const normalizeTimelineNumber: (value: number) => number;
 export declare const draggerStyle: React.CSSProperties;

package/dist/components/Timeline/timeline-field-utils.js

@@ -1,14 +1,35 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.draggerStyle = exports.normalizeTimelineNumber = exports.getDecimalPlaces = void 0;
+exports.draggerStyle = exports.normalizeTimelineNumber = exports.formatTimelineNumber = exports.roundToDecimalPlaces = exports.getTimelineDisplayDecimalPlaces = exports.getDecimalPlaces = void 0;
 const getDecimalPlaces = (num) => {
-    const str = String(num);
-    const decimalIndex = str.indexOf('.');
-    return decimalIndex === -1 ? 0 : str.length - decimalIndex - 1;
+    const [coefficient, exponent] = String(num).toLowerCase().split('e');
+    const decimalIndex = coefficient.indexOf('.');
+    const coefficientDecimals = decimalIndex === -1 ? 0 : coefficient.length - decimalIndex - 1;
+    if (exponent === undefined) {
+        return coefficientDecimals;
+    }
+    return Math.max(0, coefficientDecimals - Number(exponent));
 };
 exports.getDecimalPlaces = getDecimalPlaces;
+const getTimelineDisplayDecimalPlaces = ({ defaultDecimalPlaces, step, }) => {
+    return Math.max(defaultDecimalPlaces, step === undefined ? 0 : (0, exports.getDecimalPlaces)(step));
+};
+exports.getTimelineDisplayDecimalPlaces = getTimelineDisplayDecimalPlaces;
+const roundToDecimalPlaces = (value, decimalPlaces) => {
+    const factor = 10 ** decimalPlaces;
+    const rounded = Math.round(value * factor) / factor;
+    return Object.is(rounded, -0) ? 0 : rounded;
+};
+exports.roundToDecimalPlaces = roundToDecimalPlaces;
+const formatTimelineNumber = ({ decimalPlaces, fixed, value, }) => {
+    const rounded = (0, exports.roundToDecimalPlaces)(Number(value), decimalPlaces);
+    return fixed && decimalPlaces > 0
+        ? rounded.toFixed(decimalPlaces)
+        : String(rounded);
+};
+exports.formatTimelineNumber = formatTimelineNumber;
 const normalizeTimelineNumber = (value) => {
-    return Math.round(value * 1000000) / 1000000;
+    return (0, exports.roundToDecimalPlaces)(value, 6);
 };
 exports.normalizeTimelineNumber = normalizeTimelineNumber;
 exports.draggerStyle = {

package/dist/components/Timeline/timeline-translate-utils.d.ts

@@ -1,2 +1,2 @@
 export declare const parseTranslate: (value: string) => [number, number];
-export declare const serializeTranslate: (x: number, y: number) => string;
+export declare const serializeTranslate: (x: number, y: number, decimalPlaces?: number) => string;

package/dist/components/Timeline/timeline-translate-utils.js

@@ -15,13 +15,12 @@ const parseTranslate = (value) => {
     ];
 };
 exports.parseTranslate = parseTranslate;
-const formatTranslateCoordinate = (value) => {
+const formatTranslateCoordinate = (value, decimalPlaces) => {
     const normalized = (0, timeline_field_utils_1.normalizeTimelineNumber)(value);
-    const factor = 10 ** translateDecimalPlaces;
-    const rounded = Math.round(normalized * factor) / factor;
+    const rounded = (0, timeline_field_utils_1.roundToDecimalPlaces)(normalized, decimalPlaces);
     return String(Object.is(rounded, -0) ? 0 : rounded);
 };
-const serializeTranslate = (x, y) => {
-    return `${formatTranslateCoordinate(x)}px ${formatTranslateCoordinate(y)}px`;
+const serializeTranslate = (x, y, decimalPlaces = translateDecimalPlaces) => {
+    return `${formatTranslateCoordinate(x, decimalPlaces)}px ${formatTranslateCoordinate(y, decimalPlaces)}px`;
 };
 exports.serializeTranslate = serializeTranslate;