remotion 4.0.372 → 4.0.374

package/dist/cjs/delay-render.js

@@ -22,9 +22,9 @@ const defaultTimeout = 30000;
  * This allows useDelayRender to control its own environment source.
  * @private
  */
-const delayRenderInternal = (environment, label, options) => {
+const delayRenderInternal = ({ scope, environment, label, options, }) => {
     var _a, _b, _c, _d, _e;
-    if (typeof label !== 'string' && typeof label !== 'undefined') {
+    if (typeof label !== 'string' && label !== null) {
         throw new Error('The label parameter of delayRender() must be a string or undefined, got: ' +
             JSON.stringify(label));
     }
@@ -32,12 +32,12 @@ const delayRenderInternal = (environment, label, options) => {
     handles.push(handle);
     const called = (_b = (_a = Error().stack) === null || _a === void 0 ? void 0 : _a.replace(/^Error/g, '')) !== null && _b !== void 0 ? _b : '';
     if (environment.isRendering) {
-        const timeoutToUse = ((_c = options === null || options === void 0 ? void 0 : options.timeoutInMilliseconds) !== null && _c !== void 0 ? _c : (typeof window === 'undefined'
+        const timeoutToUse = ((_c = options === null || options === void 0 ? void 0 : options.timeoutInMilliseconds) !== null && _c !== void 0 ? _c : (typeof scope === 'undefined'
             ? defaultTimeout
-            : ((_d = window.remotion_puppeteerTimeout) !== null && _d !== void 0 ? _d : defaultTimeout))) - 2000;
-        if (typeof window !== 'undefined') {
-            const retriesLeft = ((_e = options === null || options === void 0 ? void 0 : options.retries) !== null && _e !== void 0 ? _e : 0) - (window.remotion_attempt - 1);
-            window.remotion_delayRenderTimeouts[handle] = {
+            : ((_d = scope.remotion_puppeteerTimeout) !== null && _d !== void 0 ? _d : defaultTimeout))) - 2000;
+        if (typeof scope !== 'undefined') {
+            const retriesLeft = ((_e = options === null || options === void 0 ? void 0 : options.retries) !== null && _e !== void 0 ? _e : 0) - (scope.remotion_attempt - 1);
+            scope.remotion_delayRenderTimeouts[handle] = {
                 label: label !== null && label !== void 0 ? label : null,
                 startTime: Date.now(),
                 timeout: setTimeout(() => {
@@ -52,13 +52,13 @@ const delayRenderInternal = (environment, label, options) => {
                     ]
                         .filter(truthy_js_1.truthy)
                         .join(' ');
-                    (0, cancel_render_js_1.cancelRender)(Error(message));
+                    (0, cancel_render_js_1.cancelRenderInternal)(scope, Error(message));
                 }, timeoutToUse),
             };
         }
     }
-    if (typeof window !== 'undefined') {
-        window.remotion_renderReady = false;
+    if (typeof scope !== 'undefined') {
+        scope.remotion_renderReady = false;
     }
     return handle;
 };
@@ -68,14 +68,19 @@ exports.delayRenderInternal = delayRenderInternal;
  * @see [Documentation](https://remotion.dev/docs/delay-render)
  */
 const delayRender = (label, options) => {
-    return (0, exports.delayRenderInternal)((0, get_remotion_environment_js_1.getRemotionEnvironment)(), label, options);
+    return (0, exports.delayRenderInternal)({
+        scope: typeof window !== 'undefined' ? window : undefined,
+        environment: (0, get_remotion_environment_js_1.getRemotionEnvironment)(),
+        label: label !== null && label !== void 0 ? label : null,
+        options: options !== null && options !== void 0 ? options : {},
+    });
 };
 exports.delayRender = delayRender;
 /**
  * Internal function that accepts environment as parameter.
  * @private
  */
-const continueRenderInternal = (handle, environment) => {
+const continueRenderInternal = ({ scope, handle, environment, logLevel, }) => {
     if (typeof handle === 'undefined') {
         throw new TypeError('The continueRender() method must be called with a parameter that is the return value of delayRender(). No value was passed.');
     }
@@ -85,11 +90,11 @@ const continueRenderInternal = (handle, environment) => {
     }
     handles = handles.filter((h) => {
         if (h === handle) {
-            if (environment.isRendering) {
-                if (!window.remotion_delayRenderTimeouts[handle]) {
+            if (environment.isRendering && scope !== undefined) {
+                if (!scope.remotion_delayRenderTimeouts[handle]) {
                     return false;
                 }
-                const { label, startTime, timeout } = window.remotion_delayRenderTimeouts[handle];
+                const { label, startTime, timeout } = scope.remotion_delayRenderTimeouts[handle];
                 clearTimeout(timeout);
                 const message = [
                     label ? `"${label}"` : 'A handle',
@@ -98,15 +103,15 @@ const continueRenderInternal = (handle, environment) => {
                 ]
                     .filter(truthy_js_1.truthy)
                     .join(' ');
-                log_js_1.Log.verbose({ logLevel: window.remotion_logLevel, tag: 'delayRender()' }, message);
-                delete window.remotion_delayRenderTimeouts[handle];
+                log_js_1.Log.verbose({ logLevel, tag: 'delayRender()' }, message);
+                delete scope.remotion_delayRenderTimeouts[handle];
             }
             return false;
         }
         return true;
     });
-    if (handles.length === 0 && typeof window !== 'undefined') {
-        window.remotion_renderReady = true;
+    if (handles.length === 0 && typeof scope !== 'undefined') {
+        scope.remotion_renderReady = true;
     }
 };
 exports.continueRenderInternal = continueRenderInternal;
@@ -115,6 +120,14 @@ exports.continueRenderInternal = continueRenderInternal;
  * @see [Documentation](https://remotion.dev/docs/continue-render)
  */
 const continueRender = (handle) => {
-    (0, exports.continueRenderInternal)(handle, (0, get_remotion_environment_js_1.getRemotionEnvironment)());
+    var _a;
+    (0, exports.continueRenderInternal)({
+        scope: typeof window !== 'undefined' ? window : undefined,
+        handle,
+        environment: (0, get_remotion_environment_js_1.getRemotionEnvironment)(),
+        logLevel: typeof window !== 'undefined'
+            ? ((_a = window.remotion_logLevel) !== null && _a !== void 0 ? _a : 'info')
+            : 'info',
+    });
 };
 exports.continueRender = continueRender;

package/dist/cjs/freeze.js

@@ -4,7 +4,7 @@ exports.Freeze = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const SequenceContext_js_1 = require("./SequenceContext.js");
-const timeline_position_state_js_1 = require("./timeline-position-state.js");
+const TimelineContext_js_1 = require("./TimelineContext.js");
 const use_current_frame_js_1 = require("./use-current-frame.js");
 const use_video_config_js_1 = require("./use-video-config.js");
 /*
@@ -35,7 +35,7 @@ const Freeze = ({ frame: frameToFreeze, children, active = true, }) => {
             return active(frame);
         }
     }, [active, frame]);
-    const timelineContext = (0, react_1.useContext)(timeline_position_state_js_1.TimelineContext);
+    const timelineContext = (0, react_1.useContext)(TimelineContext_js_1.TimelineContext);
     const sequenceContext = (0, react_1.useContext)(SequenceContext_js_1.SequenceContext);
     const relativeFrom = (_a = sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.relativeFrom) !== null && _a !== void 0 ? _a : 0;
     const timelineValue = (0, react_1.useMemo)(() => {
@@ -66,6 +66,6 @@ const Freeze = ({ frame: frameToFreeze, children, active = true, }) => {
             cumulatedFrom: 0,
         };
     }, [sequenceContext, isActive]);
-    return ((0, jsx_runtime_1.jsx)(timeline_position_state_js_1.TimelineContext.Provider, { value: timelineValue, children: (0, jsx_runtime_1.jsx)(SequenceContext_js_1.SequenceContext.Provider, { value: newSequenceContext, children: children }) }));
+    return ((0, jsx_runtime_1.jsx)(TimelineContext_js_1.TimelineContext.Provider, { value: timelineValue, children: (0, jsx_runtime_1.jsx)(SequenceContext_js_1.SequenceContext.Provider, { value: newSequenceContext, children: children }) }));
 };
 exports.Freeze = Freeze;

package/dist/cjs/index.d.ts

@@ -2,6 +2,7 @@ import './_check-rsc.js';
 import './asset-types.js';
 import type { Codec } from './codec.js';
 import type { AnyCompMetadata, AnyComposition, AudioOrVideoAsset, LoopDisplay, TRenderAsset } from './CompositionManager.js';
+import type { DelayRenderScope } from './delay-render.js';
 import type { StaticFile } from './get-static-files.js';
 import type { LogLevel } from './log.js';
 import type { ProResProfile } from './prores-profile.js';
@@ -153,4 +154,5 @@ export type _InternalTypes = {
     TRenderAsset: TRenderAsset;
     LoopDisplay: LoopDisplay;
     ProResProfile: ProResProfile;
+    DelayRenderScope: DelayRenderScope;
 };

package/dist/cjs/internals.d.ts

@@ -5,8 +5,8 @@ import * as CSSUtils from './default-css.js';
 import type { SerializedJSONWithCustomFields } from './input-props-serialization.js';
 import type { LoggingContextValue } from './log-level-context.js';
 import type { RemotionEnvironment } from './remotion-environment-context.js';
-import type { SetTimelineContextValue, TimelineContextValue } from './timeline-position-state.js';
 import * as TimelinePosition from './timeline-position-state.js';
+import { type SetTimelineContextValue, type TimelineContextValue } from './TimelineContext.js';
 import { truthy } from './truthy.js';
 import type { MediaVolumeContextValue, SetMediaVolumeContextValue } from './volume-position-state.js';
 import type { WatchRemotionStaticFilesPayload } from './watch-static-file.js';
@@ -75,12 +75,18 @@ export declare const Internals: {
         readonly children: React.ReactNode;
         readonly numberOfAudioTags: number;
         readonly logLevel: import("./log.js").LogLevel;
-        readonly onlyRenderComposition: string | null;
-        readonly currentCompositionMetadata: import("./CompositionManagerContext.js").BaseMetadata | null;
         readonly audioLatencyHint: AudioContextLatencyCategory;
         readonly videoEnabled: boolean | null;
         readonly audioEnabled: boolean | null;
+        readonly frameState: Record<string, number> | null;
     }>;
+    readonly CompositionManagerProvider: ({ children, onlyRenderComposition, currentCompositionMetadata, initialCompositions, initialCanvasContent, }: {
+        readonly children: React.ReactNode;
+        readonly onlyRenderComposition: string | null;
+        readonly currentCompositionMetadata: import("./CompositionManagerContext.js").BaseMetadata | null;
+        readonly initialCompositions: import("./CompositionManager.js").AnyComposition[];
+        readonly initialCanvasContent: import("./CompositionManagerContext.js").CanvasContent | null;
+    }) => import("react/jsx-runtime.js").JSX.Element;
     readonly useVideo: () => (import("./video-config.js").VideoConfig & {
         component: import("react").LazyExoticComponent<import("react").ComponentType<Record<string, unknown>>> | import("react").ComponentType<Record<string, unknown>>;
     }) | null;
@@ -144,7 +150,6 @@ export declare const Internals: {
     readonly SharedAudioContextProvider: import("react").FC<{
         readonly numberOfAudioTags: number;
         readonly children: React.ReactNode;
-        readonly component: import("react").LazyExoticComponent<import("react").ComponentType<Record<string, unknown>>> | import("react").ComponentType<Record<string, unknown>> | null;
         readonly audioLatencyHint: AudioContextLatencyCategory;
     }>;
     readonly invalidCompositionErrorMessage: string;
@@ -161,6 +166,7 @@ export declare const Internals: {
     } | null>;
     readonly portalNode: () => HTMLElement;
     readonly waitForRoot: (fn: (comp: React.FC) => void) => (() => void);
+    readonly SetTimelineContext: import("react").Context<SetTimelineContextValue>;
     readonly CanUseRemotionHooksProvider: import("react").FC<{
         readonly children: React.ReactNode;
     }>;
@@ -370,5 +376,8 @@ export declare const Internals: {
         };
         buffering: React.MutableRefObject<boolean>;
     }) => boolean;
+    readonly TimelinePosition: typeof TimelinePosition;
+    readonly DelayRenderContextType: import("react").Context<import("./delay-render.js").DelayRenderScope | null>;
+    readonly TimelineContext: import("react").Context<TimelineContextValue>;
 };
 export type { CompositionManagerContext, CompProps, LoggingContextValue, MediaVolumeContextValue, RemotionEnvironment, SerializedJSONWithCustomFields, SetMediaVolumeContextValue, SetTimelineContextValue, TCompMetadata, TComposition, TimelineContextValue, TRenderAsset, TSequence, WatchRemotionStaticFilesPayload, };

package/dist/cjs/internals.js

@@ -44,6 +44,7 @@ const calculate_media_duration_js_1 = require("./calculate-media-duration.js");
 const CanUseRemotionHooks_js_1 = require("./CanUseRemotionHooks.js");
 const CompositionManager_js_1 = require("./CompositionManager.js");
 const CompositionManagerContext_js_1 = require("./CompositionManagerContext.js");
+const CompositionManagerProvider_js_1 = require("./CompositionManagerProvider.js");
 const CSSUtils = __importStar(require("./default-css.js"));
 const default_css_js_1 = require("./default-css.js");
 const EditorProps_js_1 = require("./EditorProps.js");
@@ -70,8 +71,10 @@ const SequenceManager_js_1 = require("./SequenceManager.js");
 const setup_env_variables_js_1 = require("./setup-env-variables.js");
 const TimelinePosition = __importStar(require("./timeline-position-state.js"));
 const timeline_position_state_js_1 = require("./timeline-position-state.js");
+const TimelineContext_js_1 = require("./TimelineContext.js");
 const truthy_js_1 = require("./truthy.js");
 const use_current_scale_js_1 = require("./use-current-scale.js");
+const use_delay_render_js_1 = require("./use-delay-render.js");
 const use_lazy_component_js_1 = require("./use-lazy-component.js");
 const use_media_enabled_js_1 = require("./use-media-enabled.js");
 const use_media_in_timeline_js_1 = require("./use-media-in-timeline.js");
@@ -110,6 +113,7 @@ exports.Internals = {
     SequenceManager: SequenceManager_js_1.SequenceManager,
     SequenceVisibilityToggleContext: SequenceManager_js_1.SequenceVisibilityToggleContext,
     RemotionRoot: RemotionRoot_js_1.RemotionRoot,
+    CompositionManagerProvider: CompositionManagerProvider_js_1.CompositionManagerProvider,
     useVideo: use_video_js_1.useVideo,
     getRoot: register_root_js_1.getRoot,
     useMediaVolumeState: volume_position_state_js_1.useMediaVolumeState,
@@ -134,6 +138,7 @@ exports.Internals = {
     compositionsRef: CompositionManager_js_1.compositionsRef,
     portalNode: portal_node_js_1.portalNode,
     waitForRoot: register_root_js_1.waitForRoot,
+    SetTimelineContext: TimelineContext_js_1.SetTimelineContext,
     CanUseRemotionHooksProvider: CanUseRemotionHooks_js_1.CanUseRemotionHooksProvider,
     CanUseRemotionHooks: CanUseRemotionHooks_js_1.CanUseRemotionHooks,
     PrefetchProvider: prefetch_state_js_1.PrefetchProvider,
@@ -183,4 +188,7 @@ exports.Internals = {
     useVideoEnabled: use_media_enabled_js_1.useVideoEnabled,
     useAudioEnabled: use_media_enabled_js_1.useAudioEnabled,
     useIsPlayerBuffering: buffering_js_1.useIsPlayerBuffering,
+    TimelinePosition,
+    DelayRenderContextType: use_delay_render_js_1.DelayRenderContextType,
+    TimelineContext: TimelineContext_js_1.TimelineContext,
 };

package/dist/cjs/timeline-position-state.d.ts

@@ -3,21 +3,6 @@ export type PlayableMediaTag = {
     play: (reason: string) => void;
     id: string;
 };
-export type TimelineContextValue = {
-    frame: Record<string, number>;
-    playing: boolean;
-    rootId: string;
-    playbackRate: number;
-    imperativePlaying: MutableRefObject<boolean>;
-    setPlaybackRate: (u: React.SetStateAction<number>) => void;
-    audioAndVideoTags: MutableRefObject<PlayableMediaTag[]>;
-};
-export type SetTimelineContextValue = {
-    setFrame: (u: React.SetStateAction<Record<string, number>>) => void;
-    setPlaying: (u: React.SetStateAction<boolean>) => void;
-};
-export declare const TimelineContext: import("react").Context<TimelineContextValue>;
-export declare const SetTimelineContext: import("react").Context<SetTimelineContextValue>;
 type CurrentTimePerComposition = Record<string, number>;
 export declare const persistCurrentFrame: (time: CurrentTimePerComposition) => void;
 export declare const getInitialFrameState: () => CurrentTimePerComposition;

package/dist/cjs/timeline-position-state.js

@@ -1,30 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePlayingState = exports.useTimelineSetFrame = exports.useTimelinePosition = exports.getFrameForComposition = exports.getInitialFrameState = exports.persistCurrentFrame = exports.SetTimelineContext = exports.TimelineContext = void 0;
+exports.usePlayingState = exports.useTimelineSetFrame = exports.useTimelinePosition = exports.getFrameForComposition = exports.getInitialFrameState = exports.persistCurrentFrame = void 0;
 const react_1 = require("react");
+const TimelineContext_js_1 = require("./TimelineContext.js");
 const use_remotion_environment_js_1 = require("./use-remotion-environment.js");
 const use_video_js_1 = require("./use-video.js");
-exports.TimelineContext = (0, react_1.createContext)({
-    frame: {},
-    playing: false,
-    playbackRate: 1,
-    rootId: '',
-    imperativePlaying: {
-        current: false,
-    },
-    setPlaybackRate: () => {
-        throw new Error('default');
-    },
-    audioAndVideoTags: { current: [] },
-});
-exports.SetTimelineContext = (0, react_1.createContext)({
-    setFrame: () => {
-        throw new Error('default');
-    },
-    setPlaying: () => {
-        throw new Error('default');
-    },
-});
 const makeKey = () => {
     return `remotion.time-all`;
 };
@@ -55,7 +35,7 @@ exports.getFrameForComposition = getFrameForComposition;
 const useTimelinePosition = () => {
     var _a, _b;
     const videoConfig = (0, use_video_js_1.useVideo)();
-    const state = (0, react_1.useContext)(exports.TimelineContext);
+    const state = (0, react_1.useContext)(TimelineContext_js_1.TimelineContext);
     const env = (0, use_remotion_environment_js_1.useRemotionEnvironment)();
     if (!videoConfig) {
         return typeof window === 'undefined'
@@ -67,13 +47,13 @@ const useTimelinePosition = () => {
 };
 exports.useTimelinePosition = useTimelinePosition;
 const useTimelineSetFrame = () => {
-    const { setFrame } = (0, react_1.useContext)(exports.SetTimelineContext);
+    const { setFrame } = (0, react_1.useContext)(TimelineContext_js_1.SetTimelineContext);
     return setFrame;
 };
 exports.useTimelineSetFrame = useTimelineSetFrame;
 const usePlayingState = () => {
-    const { playing, imperativePlaying } = (0, react_1.useContext)(exports.TimelineContext);
-    const { setPlaying } = (0, react_1.useContext)(exports.SetTimelineContext);
+    const { playing, imperativePlaying } = (0, react_1.useContext)(TimelineContext_js_1.TimelineContext);
+    const { setPlaying } = (0, react_1.useContext)(TimelineContext_js_1.SetTimelineContext);
     return (0, react_1.useMemo)(() => [playing, setPlaying, imperativePlaying], [imperativePlaying, playing, setPlaying]);
 };
 exports.usePlayingState = usePlayingState;

package/dist/cjs/use-delay-render.d.ts

@@ -1,8 +1,11 @@
-import type { DelayRenderOptions } from './delay-render.js';
+import type { DelayRenderOptions, DelayRenderScope } from './delay-render.js';
 type DelayRenderFn = (label?: string, options?: DelayRenderOptions) => number;
 type ContinueRenderFn = (handle: number) => void;
+type CancelRenderFn = (err: unknown) => never;
+export declare const DelayRenderContextType: import("react").Context<DelayRenderScope | null>;
 export declare const useDelayRender: () => {
     delayRender: DelayRenderFn;
     continueRender: ContinueRenderFn;
+    cancelRender: CancelRenderFn;
 };
 export {};

package/dist/cjs/use-delay-render.js

@@ -1,17 +1,35 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDelayRender = void 0;
+exports.useDelayRender = exports.DelayRenderContextType = void 0;
 const react_1 = require("react");
+const cancel_render_js_1 = require("./cancel-render.js");
 const delay_render_js_1 = require("./delay-render.js");
+const log_level_context_js_1 = require("./log-level-context.js");
 const use_remotion_environment_js_1 = require("./use-remotion-environment.js");
+exports.DelayRenderContextType = (0, react_1.createContext)(null);
 const useDelayRender = () => {
     const environment = (0, use_remotion_environment_js_1.useRemotionEnvironment)();
+    const scope = (0, react_1.useContext)(exports.DelayRenderContextType);
+    const logLevel = (0, log_level_context_js_1.useLogLevel)();
     const delayRender = (0, react_1.useCallback)((label, options) => {
-        return (0, delay_render_js_1.delayRenderInternal)(environment, label, options);
-    }, [environment]);
+        return (0, delay_render_js_1.delayRenderInternal)({
+            scope: scope !== null && scope !== void 0 ? scope : (typeof window !== 'undefined' ? window : undefined),
+            environment,
+            label: label !== null && label !== void 0 ? label : null,
+            options: options !== null && options !== void 0 ? options : {},
+        });
+    }, [environment, scope]);
     const continueRender = (0, react_1.useCallback)((handle) => {
-        (0, delay_render_js_1.continueRenderInternal)(handle, environment);
-    }, [environment]);
-    return { delayRender, continueRender };
+        (0, delay_render_js_1.continueRenderInternal)({
+            scope: scope !== null && scope !== void 0 ? scope : (typeof window !== 'undefined' ? window : undefined),
+            handle,
+            environment,
+            logLevel,
+        });
+    }, [environment, logLevel, scope]);
+    const cancelRender = (0, react_1.useCallback)((err) => {
+        return (0, cancel_render_js_1.cancelRenderInternal)(scope !== null && scope !== void 0 ? scope : (typeof window !== 'undefined' ? window : undefined), err);
+    }, [scope]);
+    return { delayRender, continueRender, cancelRender };
 };
 exports.useDelayRender = useDelayRender;

package/dist/cjs/use-media-in-timeline.js

@@ -4,11 +4,11 @@ exports.useMediaInTimeline = exports.useBasicMediaInTimeline = void 0;
 const react_1 = require("react");
 const SequenceContext_js_1 = require("./SequenceContext.js");
 const SequenceManager_js_1 = require("./SequenceManager.js");
+const TimelineContext_js_1 = require("./TimelineContext.js");
 const use_audio_frame_js_1 = require("./audio/use-audio-frame.js");
 const calculate_media_duration_js_1 = require("./calculate-media-duration.js");
 const get_asset_file_name_js_1 = require("./get-asset-file-name.js");
 const nonce_js_1 = require("./nonce.js");
-const timeline_position_state_js_1 = require("./timeline-position-state.js");
 const use_remotion_environment_js_1 = require("./use-remotion-environment.js");
 const use_video_config_js_1 = require("./use-video-config.js");
 const volume_prop_js_1 = require("./volume-prop.js");
@@ -60,7 +60,7 @@ const useBasicMediaInTimeline = ({ volume, mediaVolume, mediaType, src, displayN
     }, [initialVolume, mediaType, src, volume]);
     const doesVolumeChange = typeof volume === 'function';
     const nonce = (0, nonce_js_1.useNonce)();
-    const { rootId } = (0, react_1.useContext)(timeline_position_state_js_1.TimelineContext);
+    const { rootId } = (0, react_1.useContext)(TimelineContext_js_1.TimelineContext);
     const env = (0, use_remotion_environment_js_1.useRemotionEnvironment)();
     return {
         volumes,

package/dist/cjs/use-media-playback.js

@@ -12,6 +12,7 @@ const play_and_handle_not_allowed_error_js_1 = require("./play-and-handle-not-al
 const playback_logging_js_1 = require("./playback-logging.js");
 const seek_js_1 = require("./seek.js");
 const timeline_position_state_js_1 = require("./timeline-position-state.js");
+const TimelineContext_js_1 = require("./TimelineContext.js");
 const use_current_frame_js_1 = require("./use-current-frame.js");
 const use_media_buffering_js_1 = require("./use-media-buffering.js");
 const use_remotion_environment_js_1 = require("./use-remotion-environment.js");
@@ -20,7 +21,7 @@ const use_video_config_js_1 = require("./use-video-config.js");
 const get_current_time_js_1 = require("./video/get-current-time.js");
 const warn_about_non_seekable_media_js_1 = require("./warn-about-non-seekable-media.js");
 const useMediaPlayback = ({ mediaRef, src, mediaType, playbackRate: localPlaybackRate, onlyWarnForMediaSeekingError, acceptableTimeshift, pauseWhenBuffering, isPremounting, isPostmounting, onAutoPlayError, }) => {
-    const { playbackRate: globalPlaybackRate } = (0, react_1.useContext)(timeline_position_state_js_1.TimelineContext);
+    const { playbackRate: globalPlaybackRate } = (0, react_1.useContext)(TimelineContext_js_1.TimelineContext);
     const frame = (0, use_current_frame_js_1.useCurrentFrame)();
     const absoluteFrame = (0, timeline_position_state_js_1.useTimelinePosition)();
     const [playing] = (0, timeline_position_state_js_1.usePlayingState)();

package/dist/cjs/use-media-tag.js

@@ -4,10 +4,10 @@ exports.useMediaTag = void 0;
 const react_1 = require("react");
 const log_level_context_js_1 = require("./log-level-context.js");
 const play_and_handle_not_allowed_error_js_1 = require("./play-and-handle-not-allowed-error.js");
-const timeline_position_state_js_1 = require("./timeline-position-state.js");
+const TimelineContext_js_1 = require("./TimelineContext.js");
 const use_remotion_environment_js_1 = require("./use-remotion-environment.js");
 const useMediaTag = ({ mediaRef, id, mediaType, onAutoPlayError, isPremounting, isPostmounting, }) => {
-    const { audioAndVideoTags, imperativePlaying } = (0, react_1.useContext)(timeline_position_state_js_1.TimelineContext);
+    const { audioAndVideoTags, imperativePlaying } = (0, react_1.useContext)(TimelineContext_js_1.TimelineContext);
     const logLevel = (0, log_level_context_js_1.useLogLevel)();
     const mountTime = (0, log_level_context_js_1.useMountTime)();
     const env = (0, use_remotion_environment_js_1.useRemotionEnvironment)();

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.372";
+export declare const VERSION = "4.0.374";

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.372';
+exports.VERSION = '4.0.374';

package/dist/cjs/wrap-remotion-context.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 export declare function useRemotionContexts(): {
     compositionManagerCtx: import("./CompositionManagerContext.js").CompositionManagerContext;
-    timelineContext: import("./timeline-position-state.js").TimelineContextValue;
-    setTimelineContext: import("./timeline-position-state.js").SetTimelineContextValue;
+    timelineContext: import("./TimelineContext.js").TimelineContextValue;
+    setTimelineContext: import("./TimelineContext.js").SetTimelineContextValue;
     sequenceContext: import("./SequenceContext.js").SequenceContextType | null;
     nonceContext: import("./nonce.js").TNonceContext;
     canUseRemotionHooksContext: boolean;

package/dist/cjs/wrap-remotion-context.js

@@ -40,21 +40,21 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 // such as in React Three Fiber. All the contexts need to be passed again
 // for them to be useable
 const react_1 = __importStar(require("react"));
+const buffering_js_1 = require("./buffering.js");
 const CanUseRemotionHooks_js_1 = require("./CanUseRemotionHooks.js");
 const CompositionManagerContext_js_1 = require("./CompositionManagerContext.js");
+const log_level_context_js_1 = require("./log-level-context.js");
+const nonce_js_1 = require("./nonce.js");
+const prefetch_state_js_1 = require("./prefetch-state.js");
 const RenderAssetManager_js_1 = require("./RenderAssetManager.js");
 const ResolveCompositionConfig_js_1 = require("./ResolveCompositionConfig.js");
 const SequenceContext_js_1 = require("./SequenceContext.js");
 const SequenceManager_js_1 = require("./SequenceManager.js");
-const buffering_js_1 = require("./buffering.js");
-const log_level_context_js_1 = require("./log-level-context.js");
-const nonce_js_1 = require("./nonce.js");
-const prefetch_state_js_1 = require("./prefetch-state.js");
-const timeline_position_state_js_1 = require("./timeline-position-state.js");
+const TimelineContext_js_1 = require("./TimelineContext.js");
 function useRemotionContexts() {
     const compositionManagerCtx = react_1.default.useContext(CompositionManagerContext_js_1.CompositionManager);
-    const timelineContext = react_1.default.useContext(timeline_position_state_js_1.TimelineContext);
-    const setTimelineContext = react_1.default.useContext(timeline_position_state_js_1.SetTimelineContext);
+    const timelineContext = react_1.default.useContext(TimelineContext_js_1.TimelineContext);
+    const setTimelineContext = react_1.default.useContext(TimelineContext_js_1.SetTimelineContext);
     const sequenceContext = react_1.default.useContext(SequenceContext_js_1.SequenceContext);
     const nonceContext = react_1.default.useContext(nonce_js_1.NonceContext);
     const canUseRemotionHooksContext = react_1.default.useContext(CanUseRemotionHooks_js_1.CanUseRemotionHooks);
@@ -94,6 +94,6 @@ function useRemotionContexts() {
 }
 const RemotionContextProvider = (props) => {
     const { children, contexts } = props;
-    return ((0, jsx_runtime_1.jsx)(log_level_context_js_1.LogLevelContext.Provider, { value: contexts.logLevelContext, children: (0, jsx_runtime_1.jsx)(CanUseRemotionHooks_js_1.CanUseRemotionHooks.Provider, { value: contexts.canUseRemotionHooksContext, children: (0, jsx_runtime_1.jsx)(nonce_js_1.NonceContext.Provider, { value: contexts.nonceContext, children: (0, jsx_runtime_1.jsx)(prefetch_state_js_1.PreloadContext.Provider, { value: contexts.preloadContext, children: (0, jsx_runtime_1.jsx)(CompositionManagerContext_js_1.CompositionManager.Provider, { value: contexts.compositionManagerCtx, children: (0, jsx_runtime_1.jsx)(SequenceManager_js_1.SequenceManager.Provider, { value: contexts.sequenceManagerContext, children: (0, jsx_runtime_1.jsx)(RenderAssetManager_js_1.RenderAssetManager.Provider, { value: contexts.renderAssetManagerContext, children: (0, jsx_runtime_1.jsx)(ResolveCompositionConfig_js_1.ResolveCompositionContext.Provider, { value: contexts.resolveCompositionContext, children: (0, jsx_runtime_1.jsx)(timeline_position_state_js_1.TimelineContext.Provider, { value: contexts.timelineContext, children: (0, jsx_runtime_1.jsx)(timeline_position_state_js_1.SetTimelineContext.Provider, { value: contexts.setTimelineContext, children: (0, jsx_runtime_1.jsx)(SequenceContext_js_1.SequenceContext.Provider, { value: contexts.sequenceContext, children: (0, jsx_runtime_1.jsx)(buffering_js_1.BufferingContextReact.Provider, { value: contexts.bufferManagerContext, children: children }) }) }) }) }) }) }) }) }) }) }) }));
+    return ((0, jsx_runtime_1.jsx)(log_level_context_js_1.LogLevelContext.Provider, { value: contexts.logLevelContext, children: (0, jsx_runtime_1.jsx)(CanUseRemotionHooks_js_1.CanUseRemotionHooks.Provider, { value: contexts.canUseRemotionHooksContext, children: (0, jsx_runtime_1.jsx)(nonce_js_1.NonceContext.Provider, { value: contexts.nonceContext, children: (0, jsx_runtime_1.jsx)(prefetch_state_js_1.PreloadContext.Provider, { value: contexts.preloadContext, children: (0, jsx_runtime_1.jsx)(CompositionManagerContext_js_1.CompositionManager.Provider, { value: contexts.compositionManagerCtx, children: (0, jsx_runtime_1.jsx)(SequenceManager_js_1.SequenceManager.Provider, { value: contexts.sequenceManagerContext, children: (0, jsx_runtime_1.jsx)(RenderAssetManager_js_1.RenderAssetManager.Provider, { value: contexts.renderAssetManagerContext, children: (0, jsx_runtime_1.jsx)(ResolveCompositionConfig_js_1.ResolveCompositionContext.Provider, { value: contexts.resolveCompositionContext, children: (0, jsx_runtime_1.jsx)(TimelineContext_js_1.TimelineContext.Provider, { value: contexts.timelineContext, children: (0, jsx_runtime_1.jsx)(TimelineContext_js_1.SetTimelineContext.Provider, { value: contexts.setTimelineContext, children: (0, jsx_runtime_1.jsx)(SequenceContext_js_1.SequenceContext.Provider, { value: contexts.sequenceContext, children: (0, jsx_runtime_1.jsx)(buffering_js_1.BufferingContextReact.Provider, { value: contexts.bufferManagerContext, children: children }) }) }) }) }) }) }) }) }) }) }) }));
 };
 exports.RemotionContextProvider = RemotionContextProvider;