remotion 4.0.508 → 4.0.509

package/dist/cjs/RemotionRoot.d.ts

@@ -9,4 +9,5 @@ export declare const RemotionRootContexts: React.FC<{
     readonly videoEnabled: boolean;
     readonly audioEnabled: boolean;
     readonly frameState: Record<string, number> | null;
+    readonly _experimentalKeepAudioContextAlive: boolean;
 }>;

package/dist/cjs/RemotionRoot.js

@@ -13,7 +13,7 @@ const SequenceManager_js_1 = require("./SequenceManager.js");
 const TimelineContext_js_1 = require("./TimelineContext.js");
 const use_media_enabled_js_1 = require("./use-media-enabled.js");
 const duration_state_js_1 = require("./video/duration-state.js");
-const RemotionRootContexts = ({ children, numberOfAudioTags, logLevel, audioLatencyHint, previewSampleRate, videoEnabled, audioEnabled, frameState, }) => {
+const RemotionRootContexts = ({ children, numberOfAudioTags, logLevel, audioLatencyHint, previewSampleRate, videoEnabled, audioEnabled, frameState, _experimentalKeepAudioContextAlive, }) => {
     const nonceContext = (0, react_1.useMemo)(() => {
         let counter = 0;
         return {
@@ -23,6 +23,6 @@ const RemotionRootContexts = ({ children, numberOfAudioTags, logLevel, audioLate
     const logging = (0, react_1.useMemo)(() => {
         return { logLevel, mountTime: Date.now() };
     }, [logLevel]);
-    return (jsx_runtime_1.jsx(log_level_context_js_1.LogLevelContext.Provider, { value: logging, children: jsx_runtime_1.jsx(nonce_js_1.NonceContext.Provider, { value: nonceContext, children: jsx_runtime_1.jsx(TimelineContext_js_1.TimelineContextProvider, { frameState: frameState, children: jsx_runtime_1.jsx(use_media_enabled_js_1.MediaEnabledProvider, { videoEnabled: videoEnabled, audioEnabled: audioEnabled, children: jsx_runtime_1.jsx(EditorProps_js_1.EditorPropsProvider, { children: jsx_runtime_1.jsx(prefetch_state_js_1.PrefetchProvider, { children: jsx_runtime_1.jsx(SequenceManager_js_1.SequenceManagerProvider, { children: jsx_runtime_1.jsx(duration_state_js_1.DurationsContextProvider, { children: jsx_runtime_1.jsx(buffering_js_1.BufferingProvider, { children: jsx_runtime_1.jsx(shared_audio_tags_js_1.SharedAudioContextProvider, { audioLatencyHint: audioLatencyHint, audioEnabled: audioEnabled, previewSampleRate: previewSampleRate, children: jsx_runtime_1.jsx(shared_audio_tags_js_1.SharedAudioTagsContextProvider, { numberOfAudioTags: numberOfAudioTags, children: children }) }) }) }) }) }) }) }) }) }) }));
+    return (jsx_runtime_1.jsx(log_level_context_js_1.LogLevelContext.Provider, { value: logging, children: jsx_runtime_1.jsx(nonce_js_1.NonceContext.Provider, { value: nonceContext, children: jsx_runtime_1.jsx(TimelineContext_js_1.TimelineContextProvider, { frameState: frameState, children: jsx_runtime_1.jsx(use_media_enabled_js_1.MediaEnabledProvider, { videoEnabled: videoEnabled, audioEnabled: audioEnabled, children: jsx_runtime_1.jsx(EditorProps_js_1.EditorPropsProvider, { children: jsx_runtime_1.jsx(prefetch_state_js_1.PrefetchProvider, { children: jsx_runtime_1.jsx(SequenceManager_js_1.SequenceManagerProvider, { children: jsx_runtime_1.jsx(duration_state_js_1.DurationsContextProvider, { children: jsx_runtime_1.jsx(buffering_js_1.BufferingProvider, { children: jsx_runtime_1.jsx(shared_audio_tags_js_1.SharedAudioContextProvider, { audioLatencyHint: audioLatencyHint, audioEnabled: audioEnabled, previewSampleRate: previewSampleRate, _experimentalKeepAudioContextAlive: _experimentalKeepAudioContextAlive, children: jsx_runtime_1.jsx(shared_audio_tags_js_1.SharedAudioTagsContextProvider, { numberOfAudioTags: numberOfAudioTags, children: children }) }) }) }) }) }) }) }) }) }) }));
 };
 exports.RemotionRootContexts = RemotionRootContexts;

package/dist/cjs/audio/shared-audio-tags.d.ts

@@ -61,6 +61,7 @@ type SharedAudioContextValue = {
     suspend: () => Promise<void>;
     getIsResumingAudioContext: () => Promise<AudioContextResumeResult> | null;
     unscheduleAudioNode: (node: AudioBufferSourceNode) => void;
+    _experimentalKeepAudioContextAlive: boolean;
 };
 type SharedAudioTagsContextValue = {
     registerAudio: (options: {
@@ -87,6 +88,7 @@ export declare const SharedAudioContextProvider: React.FC<{
     readonly audioLatencyHint: AudioContextLatencyCategory;
     readonly audioEnabled: boolean;
     readonly previewSampleRate: number | null;
+    readonly _experimentalKeepAudioContextAlive: boolean;
 }>;
 export declare const SharedAudioTagsContextProvider: React.FC<{
     readonly numberOfAudioTags: number;

package/dist/cjs/audio/shared-audio-tags.js

@@ -88,7 +88,7 @@ const shouldSaveForLater = (state) => {
     }
     throw new Error(`Unexpected audio context state: ${state}`);
 };
-const SharedAudioContextProvider = ({ children, audioLatencyHint, audioEnabled, previewSampleRate }) => {
+const SharedAudioContextProvider = ({ children, audioLatencyHint, audioEnabled, previewSampleRate, _experimentalKeepAudioContextAlive, }) => {
     const logLevel = (0, log_level_context_js_1.useLogLevel)();
     const sampleRate = previewSampleRate !== null && previewSampleRate !== void 0 ? previewSampleRate : 48000;
     (0, react_1.useEffect)(() => {
@@ -104,6 +104,11 @@ const SharedAudioContextProvider = ({ children, audioLatencyHint, audioEnabled,
         sampleRate,
     });
     const audioContextIsPlayingEventually = (0, react_1.useRef)(false);
+    const initialExperimentalKeepAudioContextAlive = (0, react_1.useRef)(_experimentalKeepAudioContextAlive);
+    if (initialExperimentalKeepAudioContextAlive.current !==
+        _experimentalKeepAudioContextAlive) {
+        throw new Error('`_experimentalKeepAudioContextAlive` cannot be changed dynamically.');
+    }
     const isResuming = (0, react_1.useRef)(null);
     const nextResumeAttemptId = (0, react_1.useRef)(0);
     const audioSyncAnchor = (0, react_1.useMemo)(() => ({ value: 0 }), []);
@@ -141,7 +146,14 @@ const SharedAudioContextProvider = ({ children, audioLatencyHint, audioEnabled,
                     reason: 'audio context is closed',
                 };
             }
-            const saveForLater = shouldSaveForLater(currentState);
+            // With _experimentalKeepAudioContextAlive, the native context stays
+            // `running` while silenced, so the state alone does not reveal that playback
+            // is paused. Queue the node like the suspend path does, otherwise it
+            // would start right away at a stale position and become audible when
+            // the gain ramps back up.
+            const saveForLater = shouldSaveForLater(currentState) ||
+                (_experimentalKeepAudioContextAlive &&
+                    !audioContextIsPlayingEventually.current);
             if (duration > 0) {
                 if (saveForLater) {
                     nodesToResume.current.set(node, {
@@ -187,7 +199,7 @@ const SharedAudioContextProvider = ({ children, audioLatencyHint, audioEnabled,
                     reason: 'missed ' + Math.abs(offset).toFixed(2) + 's',
                 };
         };
-    }, [ctxAndGain, logLevel]);
+    }, [ctxAndGain, _experimentalKeepAudioContextAlive, logLevel]);
     const resume = (0, react_1.useCallback)(() => {
         if (!ctxAndGain) {
             return Promise.resolve();
@@ -203,6 +215,13 @@ const SharedAudioContextProvider = ({ children, audioLatencyHint, audioEnabled,
             node.start(r.scheduledTime, r.offset, r.duration);
         });
         nodesToResume.current.clear();
+        if (_experimentalKeepAudioContextAlive &&
+            ctxAndGain.audioContext.state === 'running') {
+            // The context was never suspended, so there is nothing to wait for:
+            // the resume-wait machinery, its timeout and the mute-on-failure
+            // path are not entered.
+            return Promise.resolve();
+        }
         const resumePromise = ctxAndGain.resume();
         const abortController = new AbortController();
         const resumeAttemptId = nextResumeAttemptId.current++;
@@ -228,7 +247,7 @@ const SharedAudioContextProvider = ({ children, audioLatencyHint, audioEnabled,
             // Already logged above; swallow to avoid unhandled rejection
             // since callers (e.g. use-playback.ts) do not await this.
         });
-    }, [ctxAndGain, logLevel]);
+    }, [ctxAndGain, _experimentalKeepAudioContextAlive, logLevel]);
     const getIsResumingAudioContext = (0, react_1.useCallback)(() => {
         var _a;
         var _b;
@@ -244,8 +263,56 @@ const SharedAudioContextProvider = ({ children, audioLatencyHint, audioEnabled,
             return Promise.resolve();
         }
         audioContextIsPlayingEventually.current = false;
+        if (_experimentalKeepAudioContextAlive) {
+            // Silence through the gain instead of suspending, so the context
+            // clock keeps running and the next resume() is instant. Audio that
+            // is already scheduled plays out silently; resume() ramps the gain
+            // back up.
+            ctxAndGain.gainNode.gain.cancelScheduledValues(ctxAndGain.audioContext.currentTime);
+            ctxAndGain.gainNode.gain.setValueAtTime(0, ctxAndGain.audioContext.currentTime);
+            return Promise.resolve();
+        }
         return ctxAndGain.suspend();
-    }, [ctxAndGain]);
+    }, [ctxAndGain, _experimentalKeepAudioContextAlive]);
+    // With _experimentalKeepAudioContextAlive, start the context as early as
+    // possible so the first play never waits on the suspended→running transition. Where
+    // no autoplay restriction applies (e.g. Electron with
+    // `no-user-gesture-required`), the mount attempt succeeds immediately;
+    // in a browser the first user gesture starts it. suspend() never reaches
+    // the native context in this mode, so once running it stays running.
+    // The cleanup suspends the native context, since Player contexts are
+    // not close()d and must not be left running after unmount.
+    (0, react_1.useEffect)(() => {
+        if (!_experimentalKeepAudioContextAlive) {
+            return;
+        }
+        if (!ctxAndGain) {
+            return;
+        }
+        if (typeof window === 'undefined') {
+            return;
+        }
+        const wake = () => {
+            if (ctxAndGain.audioContext.state === 'running') {
+                return;
+            }
+            ctxAndGain.resume().catch(() => {
+                // A rejection here means autoplay is still blocked; a later
+                // gesture will retry.
+            });
+        };
+        wake();
+        window.addEventListener('pointerdown', wake, {
+            capture: true,
+            passive: true,
+        });
+        window.addEventListener('keydown', wake, { capture: true, passive: true });
+        return () => {
+            window.removeEventListener('pointerdown', wake, { capture: true });
+            window.removeEventListener('keydown', wake, { capture: true });
+            ctxAndGain.suspend().catch(() => { });
+        };
+    }, [ctxAndGain, _experimentalKeepAudioContextAlive]);
     const audioContextValue = (0, react_1.useMemo)(() => {
         var _a, _b;
         return {
@@ -262,6 +329,7 @@ const SharedAudioContextProvider = ({ children, audioLatencyHint, audioEnabled,
             suspend,
             getIsResumingAudioContext,
             unscheduleAudioNode,
+            _experimentalKeepAudioContextAlive,
         };
     }, [
         ctxAndGain,
@@ -272,6 +340,7 @@ const SharedAudioContextProvider = ({ children, audioLatencyHint, audioEnabled,
         suspend,
         getIsResumingAudioContext,
         unscheduleAudioNode,
+        _experimentalKeepAudioContextAlive,
     ]);
     return (jsx_runtime_1.jsx(exports.SharedAudioContext.Provider, { value: audioContextValue, children: children }));
 };

package/dist/cjs/audio/wait-until-actually-resumed.js

@@ -28,19 +28,23 @@ const waitUntilActuallyResumed = (audioContext, logLevel, signal) => {
             resolve(result);
         };
         onAbort = () => finish('cancelled');
+        const hasAudiblyStarted = (startPerformanceTime) => {
+            const outputTimestamp = audioContext.getOutputTimestamp();
+            return (startPerformanceTime !== undefined &&
+                outputTimestamp.performanceTime !== undefined &&
+                outputTimestamp.performanceTime > startPerformanceTime &&
+                outputTimestamp.contextTime !== undefined &&
+                outputTimestamp.contextTime > startCurrentTime);
+        };
         const check = () => {
-            var _a;
-            var _b;
+            var _a, _b;
+            var _c;
             animationFrame = null;
             const { currentTime } = audioContext;
             const outputTimestamp = audioContext.getOutputTimestamp();
             const elapsedWallClock = performance.now() - startWallClock;
-            if (startOutputPerformanceTime !== undefined &&
-                outputTimestamp.performanceTime !== undefined &&
-                outputTimestamp.performanceTime > startOutputPerformanceTime &&
-                outputTimestamp.contextTime !== undefined &&
-                outputTimestamp.contextTime > startCurrentTime) {
-                log_js_1.Log.verbose({ logLevel, tag: 'audio' }, `waitUntilActuallyResumed: getOutputTimestamp.performanceTime advanced from ${startOutputPerformanceTime.toFixed(6)} to ${outputTimestamp.performanceTime.toFixed(6)} after ${elapsedWallClock.toFixed(1)}ms. currentTime=${currentTime.toFixed(6)} (advanced by ${(currentTime - startCurrentTime).toFixed(6)}), getOutputTimestamp.performanceTime=${(_b = (_a = outputTimestamp.performanceTime) === null || _a === void 0 ? void 0 : _a.toFixed(1)) !== null && _b !== void 0 ? _b : 'undefined'}`);
+            if (hasAudiblyStarted(startOutputPerformanceTime)) {
+                log_js_1.Log.verbose({ logLevel, tag: 'audio' }, `waitUntilActuallyResumed: getOutputTimestamp.performanceTime advanced from ${startOutputPerformanceTime.toFixed(6)} to ${(_a = outputTimestamp.performanceTime) === null || _a === void 0 ? void 0 : _a.toFixed(6)} after ${elapsedWallClock.toFixed(1)}ms. currentTime=${currentTime.toFixed(6)} (advanced by ${(currentTime - startCurrentTime).toFixed(6)}), getOutputTimestamp.performanceTime=${(_c = (_b = outputTimestamp.performanceTime) === null || _b === void 0 ? void 0 : _b.toFixed(1)) !== null && _c !== void 0 ? _c : 'undefined'}`);
                 finish('resumed');
                 return;
             }
@@ -52,6 +56,15 @@ const waitUntilActuallyResumed = (audioContext, logLevel, signal) => {
         }
         signal.addEventListener('abort', onAbort, { once: true });
         timeout = setTimeout(() => {
+            // The success check is scheduled with requestAnimationFrame, which can
+            // be starved while the main thread is busy. Re-check once before
+            // declaring failure so a resume that actually completed is not
+            // reported as failed - the Player would otherwise mute itself even
+            // though playback was started by a user gesture and audio is running.
+            if (hasAudiblyStarted(startOutputPerformanceTime)) {
+                finish('resumed');
+                return;
+            }
             log_js_1.Log.warn({ logLevel, tag: 'audio' }, 'WARNING: You enabled autoPlay on an unmuted <Player /> and the browser did not allow the video to be started. Remotion muted the <Player /> so it can play. To properly handle this, either set the `muted` prop or remove the `autoPlay` prop');
             finish('failed');
         }, RESUME_WAIT_TIMEOUT);

package/dist/cjs/internals.d.ts

@@ -738,6 +738,7 @@ export declare const Internals: {
         readonly videoEnabled: boolean;
         readonly audioEnabled: boolean;
         readonly frameState: Record<string, number> | null;
+        readonly _experimentalKeepAudioContextAlive: boolean;
     }>;
     readonly CompositionManagerProvider: ({ children, onlyRenderComposition, currentCompositionMetadata, initialCompositions, initialCanvasContent, }: {
         readonly children: import("react").ReactNode;
@@ -816,12 +817,14 @@ export declare const Internals: {
         suspend: () => Promise<void>;
         getIsResumingAudioContext: () => Promise<import("./audio/wait-until-actually-resumed.js").AudioContextResumeResult> | null;
         unscheduleAudioNode: (node: AudioBufferSourceNode) => void;
+        _experimentalKeepAudioContextAlive: boolean;
     } | null>;
     readonly SharedAudioContextProvider: import("react").FC<{
         readonly children: import("react").ReactNode;
         readonly audioLatencyHint: AudioContextLatencyCategory;
         readonly audioEnabled: boolean;
         readonly previewSampleRate: number | null;
+        readonly _experimentalKeepAudioContextAlive: boolean;
     }>;
     readonly SharedAudioTagsContext: import("react").Context<{
         registerAudio: (options: {
@@ -1214,10 +1217,11 @@ export declare const Internals: {
         status: CanUpdateSequencePropStatusKeyframed;
     }) => string | number | readonly number[] | null;
     readonly makeStaticDragOverride: (value: unknown) => DragOverrideValue;
-    readonly makeKeyframedDragOverride: ({ status, frame, value, }: {
+    readonly makeKeyframedDragOverride: ({ status, frame, value, defaultEasing, }: {
         status: CanUpdateSequencePropStatusKeyframed;
         frame: number;
         value: unknown;
+        defaultEasing?: CanUpdateSequencePropStatusEasing | undefined;
     }) => DragOverrideValue;
     readonly resolveDragOverrideValue: ({ dragOverrideValue, frame, }: {
         dragOverrideValue: DragOverrideValue | undefined;

package/dist/cjs/interpolate.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.assertValidInterpolateEasingOption = assertValidInterpolateEasingOption;
 exports.assertValidInterpolatePosterizeOption = assertValidInterpolatePosterizeOption;
 exports.interpolate = interpolate;
+const easing_js_1 = require("./easing.js");
 const normalize_number_js_1 = require("./normalize-number.js");
 const angleUnits = new Set(['deg', 'rad', 'grad', 'turn']);
 const lengthUnits = new Set([
@@ -71,11 +72,13 @@ const transformOriginCenter = { value: 50, unit: '%' };
 const stringifyNumber = (value) => {
     return String((0, normalize_number_js_1.normalizeNumber)(value));
 };
+class UnsupportedStringInterpolationValueError extends TypeError {
+}
 const parseStringInterpolationComponent = (component, value) => {
     var _a;
     const match = cssNumberRegex.exec(component);
     if (match === null) {
-        throw new TypeError(`Cannot interpolate "${value}" because "${component}" is not a supported scale, translate, or rotate value`);
+        throw new UnsupportedStringInterpolationValueError(`Cannot interpolate "${value}" because "${component}" is not a supported scale, translate, or rotate value`);
     }
     const unit = (_a = match[2]) !== null && _a !== void 0 ? _a : null;
     const numberValue = Number(match[1]);
@@ -563,6 +566,57 @@ const interpolateString = ({ input, inputRange, outputRange, options, }) => {
         axisRotation: hasAxisRotation,
     });
 };
+const interpolateDiscreteString = ({ input, inputRange, outputRange, options, }) => {
+    if (inputRange.length === 1) {
+        return outputRange[0];
+    }
+    for (let segmentIndex = 0; segmentIndex < inputRange.length - 1; segmentIndex++) {
+        if (resolveEasingForSegment({
+            easing: options === null || options === void 0 ? void 0 : options.easing,
+            segmentIndex,
+        }) !== easing_js_1.Easing.step1) {
+            throw new TypeError('Non-numeric strings can only be interpolated using Easing.step1');
+        }
+    }
+    const posterizedInput = (options === null || options === void 0 ? void 0 : options.posterize) === undefined
+        ? input
+        : Math.floor(input / options.posterize) * options.posterize;
+    const inputMin = inputRange[0];
+    const inputMax = inputRange[inputRange.length - 1];
+    let resolvedInput = posterizedInput;
+    if (resolvedInput < inputMin) {
+        if ((options === null || options === void 0 ? void 0 : options.extrapolateLeft) === 'identity') {
+            throw new TypeError('extrapolateLeft: "identity" is not supported for non-numeric strings');
+        }
+        if ((options === null || options === void 0 ? void 0 : options.extrapolateLeft) === 'wrap') {
+            const wrapRange = inputMax - inputMin;
+            resolvedInput =
+                ((((resolvedInput - inputMin) % wrapRange) + wrapRange) % wrapRange) +
+                    inputMin;
+        }
+        else {
+            return outputRange[0];
+        }
+    }
+    if (resolvedInput > inputMax) {
+        if ((options === null || options === void 0 ? void 0 : options.extrapolateRight) === 'identity') {
+            throw new TypeError('extrapolateRight: "identity" is not supported for non-numeric strings');
+        }
+        if ((options === null || options === void 0 ? void 0 : options.extrapolateRight) === 'wrap') {
+            const wrapRange = inputMax - inputMin;
+            resolvedInput =
+                ((((resolvedInput - inputMin) % wrapRange) + wrapRange) % wrapRange) +
+                    inputMin;
+        }
+        else {
+            return outputRange[outputRange.length - 1];
+        }
+    }
+    const range = findRange(resolvedInput, inputRange);
+    return resolvedInput >= inputRange[range + 1]
+        ? outputRange[range + 1]
+        : outputRange[range];
+};
 const validateTupleOutputRange = (outputRange) => {
     var _a;
     const dimensions = (_a = outputRange[0]) === null || _a === void 0 ? void 0 : _a.length;
@@ -681,7 +735,32 @@ function interpolate(input, inputRange, outputRange, options) {
         if (!outputRange.every((output) => typeof output === 'string' || typeof output === 'number')) {
             throw new TypeError('outputRange must contain only numbers, or supported scale, translate, and rotate strings');
         }
-        return interpolateString({ input, inputRange, outputRange, options });
+        try {
+            return interpolateString({ input, inputRange, outputRange, options });
+        }
+        catch (error) {
+            if (!outputRange.every((output) => typeof output === 'string')) {
+                throw error;
+            }
+            const hasNonNumericString = outputRange.some((output) => {
+                try {
+                    parseStringInterpolationValue(output);
+                    return false;
+                }
+                catch (parseError) {
+                    return parseError instanceof UnsupportedStringInterpolationValueError;
+                }
+            });
+            if (!hasNonNumericString) {
+                throw error;
+            }
+            return interpolateDiscreteString({
+                input,
+                inputRange,
+                outputRange,
+                options,
+            });
+        }
     }
     if (outputRange.every((output) => Array.isArray(output))) {
         return interpolateTuple({ input, inputRange, outputRange, options });

package/dist/cjs/use-schema.d.ts

@@ -90,10 +90,11 @@ export type GetEffectPropStatuses = (nodePath: SequencePropsSubscriptionKey, eff
 export type GetDragOverrides = (nodePath: SequencePropsSubscriptionKey) => DragOverrides[string];
 export type GetEffectDragOverrides = (nodePath: SequencePropsSubscriptionKey, effectIndex: number) => Record<string, DragOverrideValue>;
 export declare const makeStaticDragOverride: (value: unknown) => DragOverrideValue;
-export declare const makeKeyframedDragOverride: ({ status, frame, value, }: {
+export declare const makeKeyframedDragOverride: ({ status, frame, value, defaultEasing, }: {
     status: CanUpdateSequencePropStatusKeyframed;
     frame: number;
     value: unknown;
+    defaultEasing?: CanUpdateSequencePropStatusEasing | undefined;
 }) => DragOverrideValue;
 export declare const getStaticDragOverrideValue: (dragOverrideValue: DragOverrideValue | undefined) => unknown;
 export declare const isKeyframedStatus: (status: CanUpdateSequencePropStatus | null) => status is CanUpdateSequencePropStatusKeyframed;

package/dist/cjs/use-schema.js

@@ -19,7 +19,7 @@ const makeStaticDragOverride = (value) => {
     return { type: 'static', value };
 };
 exports.makeStaticDragOverride = makeStaticDragOverride;
-const makeKeyframedDragOverride = ({ status, frame, value, }) => {
+const makeKeyframedDragOverride = ({ status, frame, value, defaultEasing = exports.DEFAULT_LINEAR_EASING, }) => {
     const existingIndex = status.keyframes.findIndex((keyframe) => keyframe.frame === frame);
     const keyframes = existingIndex === -1
         ? [...status.keyframes, { frame, value }].sort((first, second) => first.frame - second.frame)
@@ -33,12 +33,12 @@ const makeKeyframedDragOverride = ({ status, frame, value, }) => {
             keyframeCount: keyframes.length,
         });
         const easingToDuplicate = easingIndexToDuplicate === null
-            ? exports.DEFAULT_LINEAR_EASING
+            ? defaultEasing
             : easing[easingIndexToDuplicate];
         easing.splice(insertedKeyframeIndex, 0, easingToDuplicate);
     }
     while (easing.length < keyframes.length - 1) {
-        easing.push(exports.DEFAULT_LINEAR_EASING);
+        easing.push(defaultEasing);
     }
     if (easing.length > keyframes.length - 1) {
         easing.length = keyframes.length - 1;

package/dist/cjs/version.d.ts

@@ -3,4 +3,4 @@
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-export declare const VERSION = "4.0.508";
+export declare const VERSION = "4.0.509";

package/dist/cjs/version.js

@@ -7,4 +7,4 @@ exports.VERSION = void 0;
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-exports.VERSION = '4.0.508';
+exports.VERSION = '4.0.509';