remotion 4.0.178 → 4.0.180

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/delay-render.js

@@ -1,4 +1,3 @@
-import { cancelRender } from './cancel-render.js';
 import { getRemotionEnvironment } from './get-remotion-environment.js';
 import { truthy } from './truthy.js';
 if (typeof window !== 'undefined') {
@@ -9,8 +8,6 @@ if (typeof window !== 'undefined') {
     window.remotion_delayRenderTimeouts = {};
 }
 export const DELAY_RENDER_CALLSTACK_TOKEN = 'The delayRender was called:';
-export const DELAY_RENDER_RETRIES_LEFT = 'Retries left: ';
-export const DELAY_RENDER_RETRY_TOKEN = '- Rendering the frame will be retried.';
 const defaultTimeout = 30000;
 /**
  * @description Call this function to tell Remotion to wait before capturing this frame until data has loaded. Use continueRender() to unblock the render.
@@ -18,8 +15,8 @@ const defaultTimeout = 30000;
  * @returns {number} An identifier to be passed to continueRender().
  * @see [Documentation](https://www.remotion.dev/docs/delay-render)
  */
-export const delayRender = (label, options) => {
-    var _a, _b, _c, _d, _e;
+export const delayRender = (label) => {
+    var _a, _b, _c;
     if (typeof label !== 'string' && typeof label !== 'undefined') {
         throw new Error('The label parameter of delayRender() must be a string or undefined, got: ' +
             JSON.stringify(label));
@@ -28,11 +25,10 @@ export const delayRender = (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 (getRemotionEnvironment().isRendering) {
-        const timeoutToUse = ((_c = options === null || options === void 0 ? void 0 : options.timeoutInMilliseconds) !== null && _c !== void 0 ? _c : (typeof window === 'undefined'
+        const timeoutToUse = typeof window === 'undefined'
             ? defaultTimeout
-            : (_d = window.remotion_puppeteerTimeout) !== null && _d !== void 0 ? _d : defaultTimeout)) - 2000;
+            : ((_c = window.remotion_puppeteerTimeout) !== null && _c !== void 0 ? _c : 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] = {
                 label: label !== null && label !== void 0 ? label : null,
                 timeout: setTimeout(() => {
@@ -40,14 +36,12 @@ export const delayRender = (label, options) => {
                         `A delayRender()`,
                         label ? `"${label}"` : null,
                         `was called but not cleared after ${timeoutToUse}ms. See https://remotion.dev/docs/timeout for help.`,
-                        retriesLeft > 0 ? DELAY_RENDER_RETRIES_LEFT + retriesLeft : null,
-                        retriesLeft > 0 ? DELAY_RENDER_RETRY_TOKEN : null,
                         DELAY_RENDER_CALLSTACK_TOKEN,
                         called,
                     ]
                         .filter(truthy)
                         .join(' ');
-                    cancelRender(Error(message));
+                    throw new Error(message);
                 }, timeoutToUse),
             };
         }

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/freeze.js

@@ -9,7 +9,6 @@ import { useVideoConfig } from './use-video-config.js';
  * @see [Documentation](https://www.remotion.dev/docs/freeze)
  */
 export const Freeze = ({ frame: frameToFreeze, children, active = true, }) => {
-    var _a;
     const frame = useCurrentFrame();
     const videoConfig = useVideoConfig();
     if (typeof frameToFreeze === 'undefined') {
@@ -34,7 +33,6 @@ export const Freeze = ({ frame: frameToFreeze, children, active = true, }) => {
     }, [active, frame]);
     const timelineContext = useContext(TimelineContext);
     const sequenceContext = useContext(SequenceContext);
-    const relativeFrom = (_a = sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.relativeFrom) !== null && _a !== void 0 ? _a : 0;
     const timelineValue = useMemo(() => {
         if (!isActive) {
             return timelineContext;
@@ -46,9 +44,15 @@ export const Freeze = ({ frame: frameToFreeze, children, active = true, }) => {
                 current: false,
             },
             frame: {
-                [videoConfig.id]: frameToFreeze + relativeFrom,
+                [videoConfig.id]: frameToFreeze,
             },
         };
-    }, [isActive, timelineContext, videoConfig.id, frameToFreeze, relativeFrom]);
-    return (_jsx(TimelineContext.Provider, { value: timelineValue, children: children }));
+    }, [timelineContext, frameToFreeze, isActive, videoConfig.id]);
+    const sequenceValue = useMemo(() => {
+        if (isActive) {
+            return null;
+        }
+        return sequenceContext;
+    }, [isActive, sequenceContext]);
+    return (_jsx(TimelineContext.Provider, { value: timelineValue, children: _jsx(SequenceContext.Provider, { value: sequenceValue, children: children }) }));
 };

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="bun-types" />
+/// <reference types="node" />
 /// <reference types="react" />
 import './asset-types.js';
 import type { Codec } from './codec.js';
@@ -16,7 +16,7 @@ declare global {
         remotion_delayRenderTimeouts: {
             [key: string]: {
                 label: string | null;
-                timeout: number | Timer;
+                timeout: number | NodeJS.Timeout;
             };
         };
         remotion_cancelledError: string | undefined;
@@ -26,15 +26,13 @@ declare global {
         remotion_setBundleMode: (bundleMode: BundleState) => void;
         remotion_staticBase: string;
         remotion_staticFiles: StaticFile[];
-        remotion_publicPath: string;
         remotion_publicFolderExists: string | null;
         remotion_editorName: string | null;
         remotion_numberOfAudioTags: number;
         remotion_projectName: string;
         remotion_cwd: string;
         remotion_studioServerCommand: string;
-        remotion_setFrame: (frame: number, composition: string, attempt: number) => void;
-        remotion_attempt: number;
+        remotion_setFrame: (frame: number, composition: string) => void;
         remotion_initialFrame: number;
         remotion_proxyPort: number;
         remotion_audioEnabled: boolean;
@@ -48,7 +46,7 @@ declare global {
         remotion_isStudio: boolean;
         remotion_isBuilding: undefined | (() => void);
         remotion_finishedBuilding: undefined | (() => void);
-        siteVersion: '11';
+        siteVersion: '10';
         remotion_version: string;
         remotion_imported: string | boolean;
         remotion_unsavedProps: boolean | undefined;

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/internals.d.ts

@@ -18,8 +18,8 @@ export declare const Internals: {
     readonly SequenceManager: import("react").Context<import("./SequenceManager.js").SequenceManagerContext>;
     readonly SequenceVisibilityToggleContext: import("react").Context<import("./SequenceManager.js").SequenceVisibilityToggleState>;
     readonly RemotionRoot: import("react").FC<{
-        readonly children: import("react").ReactNode;
-        readonly numberOfAudioTags: number;
+        children: import("react").ReactNode;
+        numberOfAudioTags: number;
     }>;
     readonly useVideo: () => (import("./video-config.js").VideoConfig & {
         component: import("react").LazyExoticComponent<import("react").ComponentType<Record<string, unknown>>>;
@@ -69,7 +69,7 @@ export declare const Internals: {
     readonly portalNode: () => HTMLElement;
     readonly waitForRoot: (fn: (comp: import("react").FC<{}>) => void) => () => void;
     readonly CanUseRemotionHooksProvider: import("react").FC<{
-        readonly children: import("react").ReactNode;
+        children: import("react").ReactNode;
     }>;
     readonly CanUseRemotionHooks: import("react").Context<boolean>;
     readonly PrefetchProvider: import("react").FC<{
@@ -116,6 +116,8 @@ export declare const Internals: {
         [x: string]: number;
     }) => void;
     readonly useTimelineSetFrame: () => (u: import("react").SetStateAction<Record<string, number>>) => void;
+    readonly FILE_TOKEN: "remotion-file:";
+    readonly DATE_TOKEN: "remotion-date:";
     readonly NativeLayersProvider: import("react").FC<{
         children?: import("react").ReactNode;
     }>;
@@ -144,6 +146,9 @@ export declare const Internals: {
         buffering: import("react").MutableRefObject<boolean>;
     } | null>;
     readonly enableSequenceStackTraces: () => void;
+    readonly colorNames: {
+        [key: string]: number;
+    };
     readonly CurrentScaleContext: import("react").Context<import("./use-current-scale.js").CurrentScaleContextType | null>;
     readonly PreviewSizeContext: import("react").Context<import("./use-current-scale.js").PreviewSizeCtx>;
     readonly calculateScale: ({ canvasSize, compositionHeight, compositionWidth, previewSize, }: {
@@ -156,4 +161,4 @@ export declare const Internals: {
         };
     }) => number;
 };
-export type { CompositionManagerContext, CompProps, MediaVolumeContextValue, RemotionEnvironment, SerializedJSONWithCustomFields, SetMediaVolumeContextValue, SetTimelineContextValue, TRenderAsset as TAsset, TCompMetadata, TComposition, TimelinePosition as Timeline, TimelineContextValue, TSequence, WatchRemotionStaticFilesPayload, };
+export type { TComposition, TimelinePosition as Timeline, TCompMetadata, TSequence, TRenderAsset as TAsset, TimelineContextValue, SetTimelineContextValue, CompProps, CompositionManagerContext, MediaVolumeContextValue, SetMediaVolumeContextValue, RemotionEnvironment, SerializedJSONWithCustomFields, WatchRemotionStaticFilesPayload, };

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/internals.js

@@ -10,6 +10,8 @@ import { EditorPropsContext, EditorPropsProvider } from './EditorProps.js';
 import { addSequenceStackTraces, enableSequenceStackTraces, } from './enable-sequence-stack-traces.js';
 import { getPreviewDomElement, REMOTION_STUDIO_CONTAINER_ELEMENT, } from './get-preview-dom-element.js';
 import { getRemotionEnvironment } from './get-remotion-environment.js';
+import { DATE_TOKEN, FILE_TOKEN } from './input-props-serialization.js';
+import { colorNames } from './interpolate-colors.js';
 import { IsPlayerContextProvider, useIsPlayer } from './is-player.js';
 import { NativeLayersProvider } from './NativeLayers.js';
 import { NonceContext } from './nonce.js';
@@ -86,6 +88,8 @@ export const Internals = {
     RenderAssetManager,
     persistCurrentFrame,
     useTimelineSetFrame,
+    FILE_TOKEN,
+    DATE_TOKEN,
     NativeLayersProvider,
     ClipComposition,
     isIosSafari,
@@ -95,6 +99,7 @@ export const Internals = {
     BufferingProvider,
     BufferingContextReact,
     enableSequenceStackTraces,
+    colorNames,
     CurrentScaleContext,
     PreviewSizeContext,
     calculateScale,

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/loop/index.d.ts

@@ -1,21 +1,13 @@
 import React from 'react';
 import type { LayoutAndStyle } from '../Sequence.js';
 export type LoopProps = {
-    readonly durationInFrames: number;
-    readonly times?: number;
-    readonly name?: string;
-    readonly children: React.ReactNode;
-} & LayoutAndStyle;
-type LoopContextType = {
-    iteration: number;
     durationInFrames: number;
-};
-declare const useLoop: () => LoopContextType | null;
+    times?: number;
+    name?: string;
+    children: React.ReactNode;
+} & LayoutAndStyle;
 /**
  * @description This component allows you to quickly lay out an animation so it repeats itself.
  * @see [Documentation](https://www.remotion.dev/docs/loop)
  */
-export declare const Loop: React.FC<LoopProps> & {
-    useLoop: typeof useLoop;
-};
-export {};
+export declare const Loop: React.FC<LoopProps>;

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/loop/index.js

@@ -1,13 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { createContext, useMemo } from 'react';
+import { useMemo } from 'react';
 import { Sequence } from '../Sequence.js';
 import { useCurrentFrame } from '../use-current-frame.js';
 import { useVideoConfig } from '../use-video-config.js';
 import { validateDurationInFrames } from '../validation/validate-duration-in-frames.js';
-const LoopContext = createContext(null);
-const useLoop = () => {
-    return React.useContext(LoopContext);
-};
 /**
  * @description This component allows you to quickly lay out an animation so it repeats itself.
  * @see [Documentation](https://www.remotion.dev/docs/loop)
@@ -32,8 +28,7 @@ export const Loop = ({ durationInFrames, times = Infinity, children, name, ...pr
     const actualTimes = Math.min(maxTimes, times);
     const style = props.layout === 'none' ? undefined : props.style;
     const maxFrame = durationInFrames * (actualTimes - 1);
-    const iteration = Math.floor(currentFrame / durationInFrames);
-    const start = iteration * durationInFrames;
+    const start = Math.floor(currentFrame / durationInFrames) * durationInFrames;
     const from = Math.min(start, maxFrame);
     const loopDisplay = useMemo(() => {
         return {
@@ -42,12 +37,5 @@ export const Loop = ({ durationInFrames, times = Infinity, children, name, ...pr
             durationInFrames,
         };
     }, [actualTimes, durationInFrames, from]);
-    const loopContext = useMemo(() => {
-        return {
-            iteration: Math.floor(currentFrame / durationInFrames),
-            durationInFrames,
-        };
-    }, [currentFrame, durationInFrames]);
-    return (_jsx(LoopContext.Provider, { value: loopContext, children: _jsx(Sequence, { durationInFrames: durationInFrames, from: from, name: name !== null && name !== void 0 ? name : '<Loop>', _remotionInternalLoopDisplay: loopDisplay, layout: props.layout, style: style, children: children }) }));
+    return (_jsx(Sequence, { durationInFrames: durationInFrames, from: from, name: name !== null && name !== void 0 ? name : '<Loop>', loopDisplay: loopDisplay, layout: props.layout, style: style, children: children }));
 };
-Loop.useLoop = useLoop;

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/no-react.d.ts

@@ -1,7 +1,7 @@
 export type { TRenderAsset } from './CompositionManager';
+export { EasingFunction, ExtrapolateType, interpolate, InterpolateOptions, } from './interpolate';
 export type { ClipRegion } from './NativeLayers';
-export { EasingFunction, ExtrapolateType, InterpolateOptions, interpolate, } from './interpolate';
-export { RandomSeed, random } from './random.js';
+export { random, RandomSeed } from './random.js';
 export type { VideoConfig } from './video-config';
 import { processColor } from './interpolate-colors';
 import { truthy } from './truthy';
@@ -29,8 +29,6 @@ export declare const NoReactInternals: {
     bundleMapName: string;
     deserializeJSONWithCustomFields: <T = Record<string, unknown>>(data: string) => T;
     DELAY_RENDER_CALLSTACK_TOKEN: string;
-    DELAY_RENDER_RETRY_TOKEN: string;
-    DELAY_RENDER_ATTEMPT_TOKEN: string;
     getOffthreadVideoSource: ({ src, transparent, currentTime, toneMapped, }: {
         src: string;
         transparent: boolean;
@@ -42,12 +40,4 @@ export declare const NoReactInternals: {
         playbackRate: number;
         startFrom: number;
     }) => number;
-    ENABLE_V5_BREAKING_CHANGES: false;
-    MIN_NODE_VERSION: number;
-    MIN_BUN_VERSION: string;
-    colorNames: {
-        [key: string]: number;
-    };
-    DATE_TOKEN: string;
-    FILE_TOKEN: string;
 };

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/no-react.js

@@ -1,11 +1,9 @@
 export { interpolate, } from './interpolate';
 export { random } from './random.js';
-import { DELAY_RENDER_CALLSTACK_TOKEN, DELAY_RENDER_RETRIES_LEFT, DELAY_RENDER_RETRY_TOKEN, } from './delay-render';
+import { DELAY_RENDER_CALLSTACK_TOKEN } from './delay-render';
 import { deserializeJSONWithCustomFields, serializeJSONWithDate, } from './input-props-serialization';
-import { DATE_TOKEN, FILE_TOKEN } from './input-props-serialization.js';
-import { colorNames, processColor } from './interpolate-colors';
+import { processColor } from './interpolate-colors';
 import { truthy } from './truthy';
-import { ENABLE_V5_BREAKING_CHANGES } from './v5-flag';
 import { validateFrame } from './validate-frame';
 import { validateDefaultAndInputProps } from './validation/validate-default-props';
 import { validateDimension } from './validation/validate-dimensions';
@@ -26,14 +24,6 @@ export const NoReactInternals = {
     bundleMapName: 'bundle.js.map',
     deserializeJSONWithCustomFields,
     DELAY_RENDER_CALLSTACK_TOKEN,
-    DELAY_RENDER_RETRY_TOKEN,
-    DELAY_RENDER_ATTEMPT_TOKEN: DELAY_RENDER_RETRIES_LEFT,
     getOffthreadVideoSource,
     getExpectedMediaFrameUncorrected,
-    ENABLE_V5_BREAKING_CHANGES,
-    MIN_NODE_VERSION: ENABLE_V5_BREAKING_CHANGES ? 18 : 16,
-    MIN_BUN_VERSION: ENABLE_V5_BREAKING_CHANGES ? '1.1.3' : '1.0.3',
-    colorNames,
-    DATE_TOKEN,
-    FILE_TOKEN,
 };

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/series/index.js

@@ -1,7 +1,7 @@
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { Children, forwardRef, useMemo } from 'react';
-import { Sequence } from '../Sequence.js';
 import { addSequenceStackTraces } from '../enable-sequence-stack-traces.js';
+import { Sequence } from '../Sequence.js';
 import { validateDurationInFrames } from '../validation/validate-duration-in-frames.js';
 import { flattenChildren } from './flatten-children.js';
 const SeriesSequenceRefForwardingFunction = ({ children }, _ref) => {

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/spring/index.d.ts

@@ -1,4 +1,4 @@
-import type { SpringConfig } from './spring-utils';
+import type { SpringConfig } from './spring-utils.js';
 /**
  * @description Calculates a position based on physical parameters, start and end value, and time.
  * @see [Documentation](https://www.remotion.dev/docs/spring)
@@ -28,4 +28,4 @@ export declare function spring({ frame: passedFrame, fps, config, from, to, dura
     reverse?: boolean;
 }): number;
 export { measureSpring } from './measure-spring.js';
-export type { SpringConfig } from './spring-utils';
+export { SpringConfig } from './spring-utils.js';

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/spring/measure-spring.d.ts

@@ -1,4 +1,4 @@
-import type { SpringConfig } from './spring-utils';
+import type { SpringConfig } from './spring-utils.js';
 /**
  * @description The function returns how long it takes for a spring animation to settle
  * @see [Documentation](https://www.remotion.dev/docs/measure-spring)

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/test/audio-for-rendering.test.js

@@ -4,12 +4,13 @@ import { jsx as _jsx } from "react/jsx-runtime";
  */
 import { render } from '@testing-library/react';
 import { beforeEach, describe, expect, test, vitest } from 'vitest';
+import { AudioForRendering } from '../audio/AudioForRendering.js';
 import { CanUseRemotionHooksProvider } from '../CanUseRemotionHooks.js';
+import { CompositionManager } from '../CompositionManagerContext.js';
 import { RenderAssetManager } from '../RenderAssetManager.js';
 import { ResolveCompositionConfig } from '../ResolveCompositionConfig.js';
-import { AudioForRendering } from '../audio/AudioForRendering.js';
 import { expectToThrow } from './expect-to-throw.js';
-import { WrapSequenceContext } from './wrap-sequence-context.js';
+import { mockCompositionContext } from './wrap-sequence-context.js';
 let mockContext;
 describe('Register and unregister asset', () => {
     function createMockContext() {
@@ -17,15 +18,15 @@ describe('Register and unregister asset', () => {
         const unregisterRenderAsset = vitest.fn();
         window.remotion_audioEnabled = true;
         const MockProvider = ({ children }) => {
-            return (_jsx(WrapSequenceContext, { children: _jsx(RenderAssetManager.Provider
-                // eslint-disable-next-line react/jsx-no-constructed-context-values
-                , { 
+            return (_jsx(CanUseRemotionHooksProvider, { children: _jsx(CompositionManager.Provider, { value: mockCompositionContext, children: _jsx(RenderAssetManager.Provider
                     // eslint-disable-next-line react/jsx-no-constructed-context-values
-                    value: {
-                        registerRenderAsset,
-                        unregisterRenderAsset,
-                        renderAssets: [],
-                    }, children: _jsx(ResolveCompositionConfig, { children: children }) }) }));
+                    , { 
+                        // eslint-disable-next-line react/jsx-no-constructed-context-values
+                        value: {
+                            registerRenderAsset,
+                            unregisterRenderAsset,
+                            renderAssets: [],
+                        }, children: _jsx(ResolveCompositionConfig, { children: children }) }) }) }));
         };
         return {
             MockProvider,

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/test/freeze.test.js

@@ -4,8 +4,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
  */
 import { render } from '@testing-library/react';
 import { describe, expect, test } from 'vitest';
-import { Sequence } from '../Sequence.js';
 import { Freeze } from '../freeze.js';
+import { Sequence } from '../Sequence.js';
 import { TimelineContext } from '../timeline-position-state.js';
 import { useCurrentFrame } from '../use-current-frame.js';
 import { expectToThrow } from './expect-to-throw.js';

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/test/not-all-props-in-media-tags.test.js

@@ -6,19 +6,19 @@ test('Should not have disableRemotePlayback props in the <VideoForPreview> compo
     const file = path.resolve(process.cwd(), 'dist', 'esm', 'video', 'VideoForPreview.d.ts');
     const read = fs.readFileSync(file, 'utf-8');
     expect(read).not.toContain('disableRemotePlayback');
-    expect(read).toContain('./props');
+    expect(read).toContain('./props.js');
 });
 test('Should not have disableRemotePlayback props in the <VideoForPreview> component type definition', () => {
     const file = path.resolve(process.cwd(), 'dist', 'esm', 'video', 'VideoForPreview.d.ts');
     const read = fs.readFileSync(file, 'utf-8');
     expect(read).not.toContain('disableRemotePlayback');
-    expect(read).toContain('./props');
+    expect(read).toContain('./props.js');
 });
 test('Should not have disableRemotePlayback props in the <AudioForPreview> component type definition', () => {
     const file = path.resolve(process.cwd(), 'dist', 'esm', 'audio', 'AudioForPreview.d.ts');
     const read = fs.readFileSync(file, 'utf-8');
     expect(read).not.toContain('aria-disabled');
-    expect(read).toContain('./props');
+    expect(read).toContain('./props.js');
 });
 test('Should not have disableRemotePlayback props in the <AudioForRendering> component type definition', () => {
     const file = path.resolve(process.cwd(), 'dist', 'esm', 'audio', 'AudioForRendering.d.ts');

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/test/sequence-from-initial-offset.test.js

@@ -4,17 +4,32 @@ import { jsx as _jsx } from "react/jsx-runtime";
  */
 import { render } from '@testing-library/react';
 import { describe, expect, test } from 'vitest';
-import { Sequence } from '../Sequence.js';
+import { CanUseRemotionHooksProvider } from '../CanUseRemotionHooks.js';
 import { Freeze } from '../freeze.js';
+import { Sequence } from '../Sequence.js';
+import { TimelineContext } from '../timeline-position-state.js';
 import { useVideoConfig } from '../use-video-config.js';
 import { WrapSequenceContext } from './wrap-sequence-context.js';
 const Inner = () => {
     const config = useVideoConfig();
     return _jsx("div", { children: config.durationInFrames });
 };
+const context = {
+    audioAndVideoTags: { current: [] },
+    frame: {
+        'my-comp': 100000,
+    },
+    imperativePlaying: {
+        current: false,
+    },
+    playbackRate: 0,
+    playing: false,
+    rootId: 'hither',
+    setPlaybackRate: () => undefined,
+};
 describe('Composition-validation render should NOT throw with valid props', () => {
     test('It should allow undefined as children', () => {
-        const { queryByText } = render(_jsx(WrapSequenceContext, { children: _jsx(Freeze, { frame: 10000, children: _jsx(Sequence, { durationInFrames: 2424, from: 9265, children: _jsx(Inner, {}) }) }) }));
+        const { queryByText } = render(_jsx(CanUseRemotionHooksProvider, { children: _jsx(WrapSequenceContext, { children: _jsx(TimelineContext.Provider, { value: context, children: _jsx(Freeze, { frame: 10000, children: _jsx(Sequence, { durationInFrames: 2424, from: 9265, children: _jsx(Inner, {}) }) }) }) }) }));
         expect(queryByText(/^2424$/)).not.toBe(null);
     });
 });

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/test/sequence-validation.test.js

@@ -5,13 +5,14 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { render } from '@testing-library/react';
 import { renderToString } from 'react-dom/server';
 import { describe, expect, test } from 'vitest';
+import { CanUseRemotionHooksProvider } from '../CanUseRemotionHooks.js';
 import { Sequence } from '../Sequence.js';
 import { expectToThrow } from './expect-to-throw.js';
 import { WrapSequenceContext } from './wrap-sequence-context.js';
 describe('Composition-validation render should throw with invalid props', () => {
     describe('Throw with invalid duration props', () => {
         test('It should throw if Sequence has non-integer durationInFrames', () => {
-            expect(renderToString(_jsx(WrapSequenceContext, { children: _jsx(Sequence, { from: 0, durationInFrames: 1.1, children: "hi" }) }))).toBe('<div style="position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:flex">hi</div>');
+            expect(renderToString(_jsx(CanUseRemotionHooksProvider, { children: _jsx(WrapSequenceContext, { children: _jsx(Sequence, { from: 0, durationInFrames: 1.1, children: "hi" }) }) }))).toBe('<div style="position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:flex">hi</div>');
         });
         test('It should throw if Sequence has negative duration', () => {
             expectToThrow(
@@ -34,9 +35,9 @@ describe('Composition-validation render should throw with invalid props', () =>
 });
 describe('Composition-validation render should NOT throw with valid props', () => {
     test('It should allow null as children', () => {
-        expect(() => render(_jsx(WrapSequenceContext, { children: _jsx(Sequence, { durationInFrames: 100, from: 0, children: null }) }))).not.toThrow();
+        expect(() => render(_jsx(CanUseRemotionHooksProvider, { children: _jsx(WrapSequenceContext, { children: _jsx(Sequence, { durationInFrames: 100, from: 0, children: null }) }) }))).not.toThrow();
     });
     test('It should allow undefined as children', () => {
-        expect(() => render(_jsx(WrapSequenceContext, { children: _jsx(Sequence, { durationInFrames: 100, from: 0, children: undefined }) }))).not.toThrow();
+        expect(() => render(_jsx(CanUseRemotionHooksProvider, { children: _jsx(WrapSequenceContext, { children: _jsx(Sequence, { durationInFrames: 100, from: 0, children: undefined }) }) }))).not.toThrow();
     });
 });

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/test/spring-bench.test.js

@@ -26,5 +26,5 @@ test('Springs should calculate fast and cache the natural duration', async () =>
             resolve(performance.now() - date);
         });
     });
-    expect(time).toBeLessThan(process.platform === 'darwin' || process.platform === 'win32' ? 1500 : 800);
+    expect(time).toBeLessThan(process.platform === 'darwin' ? 1500 : 600);
 });

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/test/spring.test.js

@@ -1,7 +1,7 @@
 import { describe, expect, test } from 'vitest';
-import { isApproximatelyTheSame } from '../is-approximately-the-same';
-import { spring } from '../spring/index';
-import { measureSpring } from '../spring/measure-spring';
+import { isApproximatelyTheSame } from '../is-approximately-the-same.js';
+import { spring } from '../spring/index.js';
+import { measureSpring } from '../spring/measure-spring.js';
 test('Basic spring to equal 0', () => {
     expect(spring({
         fps: 30,

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/test/static-file-errors.test.js

@@ -1,12 +1,10 @@
 import { expect, test } from 'vitest';
 import { staticFile } from '../static-file.js';
 test('duplicate staticFile() should throw a warning', () => {
-    if (typeof Bun === 'undefined') {
-        // @ts-expect-error
-        global.window = {
-            remotion_staticBase: '/static-abcdef',
-        };
-    }
+    // @ts-expect-error
+    global.window = {
+        remotion_staticBase: '/static-abcdef',
+    };
     expect(() => staticFile(staticFile('file.mp3'))).toThrow('The value "/static-abcdef/file.mp3" is already prefixed with the static base /static-abcdef. You don\'t need to call staticFile() on it.');
 });
 test('"https//" in staticFile() should throw an error', () => {

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/test/use-media-in-timeline.test.js

@@ -1,12 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import { afterAll, beforeAll, expect, test, vitest } from 'vitest';
+import { CompositionManager } from '../CompositionManagerContext.js';
+import { RenderAssetManagerProvider } from '../RenderAssetManager.js';
 import { ResolveCompositionConfig } from '../ResolveCompositionConfig.js';
 import { SequenceManager } from '../SequenceManager.js';
 import { useMediaInTimeline } from '../use-media-in-timeline.js';
 import * as useVideoConfigModule from '../use-video-config.js';
 import { renderHook } from './render-hook.js';
-import { WrapSequenceContext } from './wrap-sequence-context.js';
+import { mockCompositionContext } from './wrap-sequence-context.js';
 beforeAll(() => {
     vitest
         .spyOn(useVideoConfigModule, 'useVideoConfig')
@@ -36,7 +38,7 @@ test('useMediaInTimeline registers and unregisters new sequence', () => {
                 sequences: [],
             };
         }, []);
-        return (_jsx(WrapSequenceContext, { children: _jsx(SequenceManager.Provider, { value: sequenceManagerContext, children: _jsx(ResolveCompositionConfig, { children: children }) }) }));
+        return (_jsx(CompositionManager.Provider, { value: mockCompositionContext, children: _jsx(SequenceManager.Provider, { value: sequenceManagerContext, children: _jsx(RenderAssetManagerProvider, { children: _jsx(ResolveCompositionConfig, { children: children }) }) }) }));
     };
     const audioRef = {
         current: { volume: 0.5 },
@@ -52,7 +54,6 @@ test('useMediaInTimeline registers and unregisters new sequence', () => {
         id: 'test',
         stack: null,
         showInTimeline: true,
-        premountDisplay: null,
     }), {
         wrapper,
     });

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/test/use-media-tag-volume.test.js

@@ -1,6 +1,36 @@
-import { expect, test, vitest } from 'vitest';
+import React from 'react';
+import { afterEach, beforeEach, describe, expect, test, vitest } from 'vitest';
 import { useMediaTagVolume } from '../use-media-tag-volume.js';
 import { renderHook } from './render-hook.js';
+describe('Should update state when volume changes', () => {
+    const setState = vitest.fn();
+    const useStateSpy = vitest.spyOn(React, 'useState');
+    beforeEach(() => {
+        // @ts-expect-error
+        useStateSpy.mockImplementation((init) => [init, setState]);
+    });
+    afterEach(() => {
+        useStateSpy.mockRestore();
+    });
+    test.skip('has the volume been set', () => {
+        const addEventListener = vitest.fn();
+        const removeEventListener = vitest.fn();
+        let audioRef = {
+            current: { volume: 0.5, addEventListener, removeEventListener },
+        };
+        const { rerender } = renderHook(({ mediaRef }) => useMediaTagVolume(mediaRef), {
+            initialProps: { mediaRef: audioRef },
+        });
+        expect(setState).toHaveBeenCalledWith(0.5);
+        audioRef = {
+            current: { ...audioRef.current, volume: 0.75 },
+        };
+        rerender({ mediaRef: audioRef });
+        expect(setState).toHaveBeenCalledWith(0.75);
+        expect(addEventListener).toHaveBeenCalledWith('volumechange', expect.anything());
+        expect(removeEventListener).toHaveBeenCalledWith('volumechange', expect.anything());
+    });
+});
 test('Should listen for volume changes', () => {
     const addEventListener = vitest.fn();
     const removeEventListener = vitest.fn();

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/test/video.test.js

@@ -4,6 +4,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  */
 import { render } from '@testing-library/react';
 import { describe, expect, test } from 'vitest';
+import { CanUseRemotionHooksProvider } from '../CanUseRemotionHooks.js';
 import { Video } from '../video/index.js';
 import { expectToThrow } from './expect-to-throw.js';
 import { WrapSequenceContext } from './wrap-sequence-context.js';
@@ -21,6 +22,6 @@ describe('Render correctly with props', () => {
         expect(() => render(_jsx(WrapSequenceContext, { children: _jsx(Video, { src: "test", startFrom: 10, endAt: 15 }) }))).not.toThrow();
     });
     test('It should throw if videoConfig/Wrapper is missing', () => {
-        expectToThrow(() => render(_jsx(Video, { startFrom: 10, endAt: 15 })), /No video config found/);
+        expectToThrow(() => render(_jsx(CanUseRemotionHooksProvider, { children: _jsx(Video, { startFrom: 10, endAt: 15 }) })), /No video config found/);
     });
 });