@remotion/player 4.0.212 → 4.0.214

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

@@ -1,64 +0,0 @@
-/// <reference types="react" />
-import type { CallbackListener, PlayerEventTypes } from './event-emitter.js';
-import { PlayerEmitter } from './event-emitter.js';
-export { PlayerMethods, PlayerRef, ThumbnailMethods, ThumbnailRef, } from './player-methods.js';
-export { Player, PlayerProps } from './Player.js';
-export type { RenderFullscreenButton, RenderPlayPauseButton, } from './PlayerControls.js';
-export type { ErrorFallback, RenderLoading, RenderPoster } from './PlayerUI.js';
-export { Thumbnail } from './Thumbnail.js';
-export { Size } from './utils/use-element-size.js';
-export type { CallbackListener, PlayerEventTypes as EventTypes };
-export declare const PlayerInternals: {
-    PlayerEventEmitterContext: import("react").Context<PlayerEmitter | undefined>;
-    PlayerEmitter: typeof PlayerEmitter;
-    usePlayer: () => {
-        frameBack: (frames: number) => void;
-        frameForward: (frames: number) => void;
-        isLastFrame: boolean;
-        isFirstFrame: boolean;
-        emitter: PlayerEmitter;
-        playing: boolean;
-        play: (e?: import("react").SyntheticEvent<Element, Event> | undefined) => void;
-        pause: () => void;
-        pauseAndReturnToPlayStart: () => void;
-        seek: (newFrame: number) => void;
-        getCurrentFrame: () => number;
-        isPlaying: () => boolean;
-        hasPlayed: boolean;
-        isBuffering: () => boolean;
-        remotionInternal_currentFrameRef: import("react").MutableRefObject<number>;
-    };
-    usePlayback: ({ loop, playbackRate, moveToBeginningWhenEnded, inFrame, outFrame, frameRef, }: {
-        loop: boolean;
-        playbackRate: number;
-        moveToBeginningWhenEnded: boolean;
-        inFrame: number | null;
-        outFrame: number | null;
-        frameRef: import("react").MutableRefObject<number>;
-    }) => void;
-    useElementSize: (ref: import("react").RefObject<HTMLElement>, options: {
-        triggerOnWindowResize: boolean;
-        shouldApplyCssTransforms: boolean;
-    }) => import("./utils/use-element-size.js").Size | null;
-    calculateCanvasTransformation: ({ previewSize, compositionWidth, compositionHeight, canvasSize, }: {
-        previewSize: number | "auto";
-        compositionWidth: number;
-        compositionHeight: number;
-        canvasSize: import("./utils/use-element-size.js").Size;
-    }) => {
-        centerX: number;
-        centerY: number;
-        xCorrection: number;
-        yCorrection: number;
-        scale: number;
-    };
-    useHoverState: (ref: import("react").RefObject<HTMLDivElement>, hideControlsWhenPointerDoesntMove: number | boolean) => boolean;
-    updateAllElementsSizes: () => void;
-    PlayerEmitterProvider: import("react").FC<{
-        children: import("react").ReactNode;
-        currentPlaybackRate: number | null;
-    }>;
-    BufferingIndicator: import("react").FC<{
-        type: "player" | "studio";
-    }>;
-};

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

@@ -1,23 +0,0 @@
-import { BufferingIndicator } from './BufferingIndicator.js';
-import { calculateCanvasTransformation } from './calculate-scale.js';
-import { PlayerEventEmitterContext } from './emitter-context.js';
-import { PlayerEmitterProvider } from './EmitterProvider.js';
-import { PlayerEmitter } from './event-emitter.js';
-import { useHoverState } from './use-hover-state.js';
-import { usePlayback } from './use-playback.js';
-import { usePlayer } from './use-player.js';
-import { updateAllElementsSizes, useElementSize, } from './utils/use-element-size.js';
-export { Player } from './Player.js';
-export { Thumbnail } from './Thumbnail.js';
-export const PlayerInternals = {
-    PlayerEventEmitterContext,
-    PlayerEmitter,
-    usePlayer,
-    usePlayback,
-    useElementSize,
-    calculateCanvasTransformation,
-    useHoverState,
-    updateAllElementsSizes,
-    PlayerEmitterProvider,
-    BufferingIndicator,
-};

package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/is-backgrounded.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const useIsBackgrounded: () => import("react").MutableRefObject<boolean>;

package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/is-backgrounded.js

@@ -1,20 +0,0 @@
-import { useEffect, useRef } from 'react';
-const getIsBackgrounded = () => {
-    if (typeof document === 'undefined') {
-        return false;
-    }
-    return document.visibilityState === 'hidden';
-};
-export const useIsBackgrounded = () => {
-    const isBackgrounded = useRef(getIsBackgrounded());
-    useEffect(() => {
-        const onVisibilityChange = () => {
-            isBackgrounded.current = getIsBackgrounded();
-        };
-        document.addEventListener('visibilitychange', onVisibilityChange);
-        return () => {
-            document.removeEventListener('visibilitychange', onVisibilityChange);
-        };
-    }, []);
-    return isBackgrounded;
-};

package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/player-css-classname.d.ts

@@ -1 +0,0 @@
-export declare const PLAYER_CSS_CLASSNAME = "__remotion-player";

package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/player-css-classname.js

@@ -1 +0,0 @@
-export const PLAYER_CSS_CLASSNAME = '__remotion-player';

package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/player-methods.d.ts

@@ -1,25 +0,0 @@
-import type { SyntheticEvent } from 'react';
-import type { PlayerEmitter, ThumbnailEmitter } from './event-emitter.js';
-export type ThumbnailMethods = {
-    getContainerNode: () => HTMLDivElement | null;
-    getScale: () => number;
-};
-export type PlayerMethods = ThumbnailMethods & {
-    play: (e?: SyntheticEvent) => void;
-    pause: () => void;
-    toggle: (e?: SyntheticEvent) => void;
-    seekTo: (frame: number) => void;
-    getCurrentFrame: () => number;
-    requestFullscreen: () => void;
-    exitFullscreen: () => void;
-    isFullscreen: () => boolean;
-    setVolume: (num: number) => void;
-    getVolume: () => number;
-    isMuted: () => boolean;
-    isPlaying: () => boolean;
-    mute: () => void;
-    unmute: () => void;
-    pauseAndReturnToPlayStart: () => void;
-};
-export type ThumbnailRef = ThumbnailEmitter & ThumbnailMethods;
-export type PlayerRef = PlayerEmitter & PlayerMethods;

package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/player-methods.js

@@ -1 +0,0 @@
-export {};

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

@@ -1 +0,0 @@
-export {};

package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/test/index.test.js

@@ -1,7 +0,0 @@
-import { expect, test } from 'vitest';
-import { usePlayer } from '../use-player.js';
-test('It should throw an error if not being used inside a RemotionRoot', () => {
-    expect(() => {
-        usePlayer();
-    }).toThrow();
-});

package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/test/test-utils.d.ts

@@ -1,6 +0,0 @@
-import type { queries, RenderOptions } from '@testing-library/react';
-import type { FC, ReactElement } from 'react';
-declare const HelloWorld: FC;
-declare const customRender: (ui: ReactElement, options?: Omit<RenderOptions, 'queries'>) => import("@testing-library/react").RenderResult<typeof queries, HTMLElement, HTMLElement>;
-export * from '@testing-library/react';
-export { customRender as render, HelloWorld };

package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/test/test-utils.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render } from '@testing-library/react';
-const HelloWorld = () => {
-    return _jsx("div", { children: "Hello World" });
-};
-const AllTheProviders = ({ children }) => {
-    // overwriting console.error console does not gets poluted with all the errors
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    window.console.error = () => { };
-    return _jsx("div", { children: children });
-};
-const customRender = (ui, options) => render(ui, { wrapper: AllTheProviders, ...options });
-export * from '@testing-library/react';
-export { customRender as render, HelloWorld };

package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/test/validate-in-out-frames.test.d.ts

@@ -1 +0,0 @@
-export {};

package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/test/validate-in-out-frames.test.js

@@ -1,54 +0,0 @@
-import { expect, test } from 'vitest';
-import { validateInOutFrames } from '../utils/validate-in-out-frame.js';
-test('Validate in out frames', () => {
-    expect(() => validateInOutFrames({
-        durationInFrames: 200,
-        inFrame: 201,
-        outFrame: undefined,
-    })).toThrow(/inFrame must be less than \(durationInFrames - 1\)/);
-    expect(() => validateInOutFrames({
-        durationInFrames: 200,
-        inFrame: 199,
-        outFrame: 201,
-    })).toThrow(/outFrame must be less than \(durationInFrames - 1\)/);
-    expect(() => validateInOutFrames({
-        durationInFrames: 200,
-        inFrame: -10,
-        outFrame: null,
-    })).toThrow(/inFrame must be greater than 0, but is -10/);
-    expect(() => validateInOutFrames({
-        durationInFrames: 200,
-        inFrame: null,
-        outFrame: -10,
-    })).toThrow(/outFrame must be greater than 0, but is -10/);
-    expect(() => validateInOutFrames({
-        durationInFrames: 200,
-        inFrame: 1.5,
-        outFrame: null,
-    })).toThrow(/"inFrame" must be an integer, but is 1.5/);
-    expect(() => validateInOutFrames({
-        durationInFrames: 200,
-        inFrame: 20,
-        outFrame: 20,
-    })).toThrow(/outFrame must be greater than inFrame, but is 20/);
-    expect(() => validateInOutFrames({
-        durationInFrames: 200,
-        inFrame: 21,
-        outFrame: 20,
-    })).toThrow(/outFrame must be greater than inFrame, but is 20 <= 21/);
-    expect(() => validateInOutFrames({
-        durationInFrames: 200,
-        inFrame: null,
-        outFrame: 20,
-    })).not.toThrow();
-    expect(() => validateInOutFrames({
-        durationInFrames: 200,
-        inFrame: null,
-        outFrame: null,
-    })).not.toThrow();
-    expect(() => validateInOutFrames({
-        durationInFrames: 200,
-        inFrame: 10,
-        outFrame: 20,
-    })).not.toThrow();
-});

package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/test/validate-prop.test.d.ts

@@ -1 +0,0 @@
-export {};

package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/test/validate-prop.test.js

@@ -1,129 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Composition } from 'remotion';
-import { expect, test } from 'vitest';
-import { Player } from '../index.js';
-import { HelloWorld, render } from './test-utils.js';
-test('no compositionWidth should give errors', () => {
-    try {
-        render(_jsx(Player
-        // @ts-expect-error
-        , { 
-            // @ts-expect-error
-            compositionWidth: null, errorFallback: () => 'something went wrong', compositionHeight: 400, fps: 30, durationInFrames: 500, component: HelloWorld, controls: true, showVolumeControls: true }));
-    }
-    catch (e) {
-        expect(e.message).toMatch(/'compositionWidth' must be a number but got 'object' instead/);
-    }
-});
-test('no compositionHeight should give errors', () => {
-    try {
-        render(_jsx(Player, { compositionWidth: 400, errorFallback: () => 'something went wrong', 
-            // @ts-expect-error
-            compositionHeight: undefined, fps: 30, durationInFrames: 500, component: HelloWorld, controls: true, showVolumeControls: true }));
-    }
-    catch (e) {
-        expect(e.message).toMatch(/'compositionHeight' must be a number but got 'undefined' instead/);
-    }
-});
-test('No fps should give errors', () => {
-    try {
-        render(_jsx(Player, { compositionWidth: 500, compositionHeight: 400, errorFallback: () => 'something went wrong', 
-            // @ts-expect-error
-            fps: null, durationInFrames: 500, component: HelloWorld, controls: true, showVolumeControls: true }));
-    }
-    catch (e) {
-        expect(e.message).toMatch(/"fps" must be a number, but you passed a value of type object/);
-    }
-    try {
-        render(_jsx(Player, { compositionWidth: 500, compositionHeight: 400, errorFallback: () => 'something went wrong', 
-            // @ts-expect-error
-            fps: undefined, durationInFrames: 500, component: HelloWorld, controls: true, showVolumeControls: true }));
-    }
-    catch (e) {
-        expect(e.message).toMatch(/"fps" must be a number, but you passed a value of type undefined/);
-    }
-});
-test('No durationInFrames should give errors', () => {
-    try {
-        render(_jsx(Player, { compositionWidth: 500, compositionHeight: 400, errorFallback: () => 'something went wrong', fps: 30, 
-            // @ts-expect-error
-            durationInFrames: undefined, component: HelloWorld, controls: true, showVolumeControls: true }));
-    }
-    catch (e) {
-        expect(e.message).toMatch(/durationInFrames` must be a number, but is undefined/);
-    }
-});
-test('Invalid playbackRate should give error', () => {
-    try {
-        render(_jsx(Player, { compositionWidth: 500, compositionHeight: 400, fps: 30, durationInFrames: 500, component: HelloWorld, controls: true, showVolumeControls: true, playbackRate: -5, inputProps: {} }));
-    }
-    catch (e) {
-        expect(e.message).toMatch(/The lowest possible playback rate is -4. You passed: -5/);
-    }
-});
-test('playbackRate of 0 should not be possible', () => {
-    try {
-        render(_jsx(Player, { compositionWidth: 500, compositionHeight: 400, fps: 30, durationInFrames: 500, component: HelloWorld, controls: true, showVolumeControls: true, playbackRate: 0 }));
-    }
-    catch (e) {
-        expect(e.message).toMatch(/A playback rate of 0 is not supported./);
-    }
-});
-test('playbackRate of wrong type should not be possible', () => {
-    try {
-        render(_jsx(Player, { compositionWidth: 500, compositionHeight: 400, fps: 30, durationInFrames: 500, component: HelloWorld, controls: true, showVolumeControls: true, 
-            // @ts-expect-error
-            playbackRate: 'hi' }));
-    }
-    catch (e) {
-        expect(e.message).toMatch(/A playback rate of 0 is not supported./);
-    }
-});
-test('playbackRate of undefined should be okay', () => {
-    render(_jsx(Player, { compositionWidth: 500, compositionHeight: 400, fps: 30, durationInFrames: 500, component: HelloWorld, controls: true, showVolumeControls: true }));
-    expect(true).toBe(true);
-});
-test('passing in <Composition /> instance should not be possible', () => {
-    expect(() => {
-        render(_jsx(Player, { compositionWidth: 500, compositionHeight: 400, fps: 30, durationInFrames: 500, component: Composition, controls: true, showVolumeControls: true, inputProps: {
-                id: 'HelloWorld',
-                width: 500,
-                height: 400,
-                fps: 30,
-                durationInFrames: 500,
-                component: HelloWorld,
-            } }));
-    }).toThrow(/'component' must not be the 'Composition' component\. Pass your own React/);
-});
-test('passing in <Composition /> instance should not be possible', () => {
-    expect(() => {
-        render(_jsx(Player, { compositionWidth: 500, compositionHeight: 400, fps: 30, durationInFrames: 500, 
-            // @ts-expect-error
-            component: _jsx(Composition, { durationInFrames: 30, fps: 30, height: 10, width: 10, id: "hello", component: HelloWorld }), controls: true, showVolumeControls: true, inputProps: {
-                id: 'HelloWorld',
-                width: 500,
-                height: 400,
-                fps: 30,
-                durationInFrames: 500,
-                component: HelloWorld,
-            } }));
-    }).toThrow(/'component' should not be an instance of <Composition\/>\. Pass the React component dir/);
-});
-test.each([
-    ['controls'],
-    ['loop'],
-    ['autoPlay'],
-    ['showVolumeControls'],
-    ['allowFullscreen'],
-    ['clickToPlay'],
-    ['doubleClickToFullscreen'],
-])('No durationInFrames should give errors %s', (a) => {
-    const props = {};
-    props[a] = 'hey';
-    try {
-        render(_jsx(Player, { compositionWidth: 500, compositionHeight: 400, errorFallback: () => 'something went wrong', fps: 30, durationInFrames: 100, component: HelloWorld, ...props }));
-    }
-    catch (e) {
-        expect(e.message).toMatch(`'${a}' must be a boolean or undefined but got 'string' instead`);
-    }
-});

package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/use-buffer-state-emitter.d.ts

@@ -1,2 +0,0 @@
-import type { PlayerEmitter, ThumbnailEmitter } from './event-emitter.js';
-export declare const useBufferStateEmitter: (emitter: PlayerEmitter | ThumbnailEmitter) => void;

package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/use-buffer-state-emitter.js

@@ -1,22 +0,0 @@
-import { useContext, useEffect } from 'react';
-import { Internals } from 'remotion';
-export const useBufferStateEmitter = (emitter) => {
-    const bufferManager = useContext(Internals.BufferingContextReact);
-    if (!bufferManager) {
-        throw new Error('BufferingContextReact not found');
-    }
-    useEffect(() => {
-        const clear1 = bufferManager.listenForBuffering(() => {
-            bufferManager.buffering.current = true;
-            emitter.dispatchWaiting({});
-        });
-        const clear2 = bufferManager.listenForResume(() => {
-            bufferManager.buffering.current = false;
-            emitter.dispatchResume({});
-        });
-        return () => {
-            clear1.remove();
-            clear2.remove();
-        };
-    }, [bufferManager, emitter]);
-};

package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/use-hover-state.d.ts

@@ -1 +0,0 @@
-export declare const useHoverState: (ref: React.RefObject<HTMLDivElement>, hideControlsWhenPointerDoesntMove: boolean | number) => boolean;

package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/use-hover-state.js

@@ -1,43 +0,0 @@
-import { useEffect, useState } from 'react';
-export const useHoverState = (ref, hideControlsWhenPointerDoesntMove) => {
-    const [hovered, setHovered] = useState(false);
-    useEffect(() => {
-        const { current } = ref;
-        if (!current) {
-            return;
-        }
-        let hoverTimeout;
-        const addHoverTimeout = () => {
-            if (hideControlsWhenPointerDoesntMove) {
-                clearTimeout(hoverTimeout);
-                hoverTimeout = setTimeout(() => {
-                    setHovered(false);
-                }, hideControlsWhenPointerDoesntMove === true
-                    ? 3000
-                    : hideControlsWhenPointerDoesntMove);
-            }
-        };
-        const onHover = () => {
-            setHovered(true);
-            addHoverTimeout();
-        };
-        const onLeave = () => {
-            setHovered(false);
-            clearTimeout(hoverTimeout);
-        };
-        const onMove = () => {
-            setHovered(true);
-            addHoverTimeout();
-        };
-        current.addEventListener('mouseenter', onHover);
-        current.addEventListener('mouseleave', onLeave);
-        current.addEventListener('mousemove', onMove);
-        return () => {
-            current.removeEventListener('mouseenter', onHover);
-            current.removeEventListener('mouseleave', onLeave);
-            current.removeEventListener('mousemove', onMove);
-            clearTimeout(hoverTimeout);
-        };
-    }, [hideControlsWhenPointerDoesntMove, ref]);
-    return hovered;
-};

package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/use-playback.d.ts

@@ -1,8 +0,0 @@
-export declare const usePlayback: ({ loop, playbackRate, moveToBeginningWhenEnded, inFrame, outFrame, frameRef, }: {
-    loop: boolean;
-    playbackRate: number;
-    moveToBeginningWhenEnded: boolean;
-    inFrame: number | null;
-    outFrame: number | null;
-    frameRef: React.MutableRefObject<number>;
-}) => void;

package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/use-playback.js

@@ -1,157 +0,0 @@
-/* eslint-disable @typescript-eslint/no-use-before-define */
-import { useContext, useEffect, useRef } from 'react';
-import { Internals } from 'remotion';
-import { calculateNextFrame } from './calculate-next-frame.js';
-import { useIsBackgrounded } from './is-backgrounded.js';
-import { usePlayer } from './use-player.js';
-export const usePlayback = ({ loop, playbackRate, moveToBeginningWhenEnded, inFrame, outFrame, frameRef, }) => {
-    const config = Internals.useUnsafeVideoConfig();
-    const frame = Internals.Timeline.useTimelinePosition();
-    const { playing, pause, emitter } = usePlayer();
-    const setFrame = Internals.Timeline.useTimelineSetFrame();
-    const buffering = useRef(null);
-    // requestAnimationFrame() does not work if the tab is not active.
-    // This means that audio will keep playing even if it has ended.
-    // In that case, we use setTimeout() instead.
-    const isBackgroundedRef = useIsBackgrounded();
-    const lastTimeUpdateEvent = useRef(null);
-    const context = useContext(Internals.BufferingContextReact);
-    if (!context) {
-        throw new Error('Missing the buffering context. Most likely you have a Remotion version mismatch.');
-    }
-    useEffect(() => {
-        const onBufferClear = context.listenForBuffering(() => {
-            buffering.current = performance.now();
-        });
-        const onResumeClear = context.listenForResume(() => {
-            buffering.current = null;
-        });
-        return () => {
-            onBufferClear.remove();
-            onResumeClear.remove();
-        };
-    }, [context]);
-    useEffect(() => {
-        if (!config) {
-            return;
-        }
-        if (!playing) {
-            return;
-        }
-        let hasBeenStopped = false;
-        let reqAnimFrameCall = null;
-        let startedTime = performance.now();
-        let framesAdvanced = 0;
-        const cancelQueuedFrame = () => {
-            if (reqAnimFrameCall !== null) {
-                if (reqAnimFrameCall.type === 'raf') {
-                    cancelAnimationFrame(reqAnimFrameCall.id);
-                }
-                else {
-                    clearTimeout(reqAnimFrameCall.id);
-                }
-            }
-        };
-        const stop = () => {
-            hasBeenStopped = true;
-            cancelQueuedFrame();
-        };
-        const callback = () => {
-            const time = performance.now() - startedTime;
-            const actualLastFrame = outFrame !== null && outFrame !== void 0 ? outFrame : config.durationInFrames - 1;
-            const actualFirstFrame = inFrame !== null && inFrame !== void 0 ? inFrame : 0;
-            const currentFrame = frameRef.current;
-            const { nextFrame, framesToAdvance, hasEnded } = calculateNextFrame({
-                time,
-                currentFrame,
-                playbackSpeed: playbackRate,
-                fps: config.fps,
-                actualFirstFrame,
-                actualLastFrame,
-                framesAdvanced,
-                shouldLoop: loop,
-            });
-            framesAdvanced += framesToAdvance;
-            if (nextFrame !== frameRef.current &&
-                (!hasEnded || moveToBeginningWhenEnded)) {
-                setFrame((c) => ({ ...c, [config.id]: nextFrame }));
-            }
-            if (hasEnded) {
-                stop();
-                pause();
-                emitter.dispatchEnded();
-                return;
-            }
-            if (!hasBeenStopped) {
-                queueNextFrame();
-            }
-        };
-        const queueNextFrame = () => {
-            if (buffering.current) {
-                const stopListening = context.listenForResume(() => {
-                    stopListening.remove();
-                    if (hasBeenStopped) {
-                        return;
-                    }
-                    startedTime = performance.now();
-                    framesAdvanced = 0;
-                    callback();
-                });
-                return;
-            }
-            if (isBackgroundedRef.current) {
-                reqAnimFrameCall = {
-                    type: 'timeout',
-                    // Note: Most likely, this will not be 1000 / fps, but the browser will throttle it to ~1/sec.
-                    id: setTimeout(callback, 1000 / config.fps),
-                };
-            }
-            else {
-                reqAnimFrameCall = { type: 'raf', id: requestAnimationFrame(callback) };
-            }
-        };
-        queueNextFrame();
-        const onVisibilityChange = () => {
-            if (document.visibilityState === 'visible') {
-                return;
-            }
-            // If tab goes into the background, cancel requestAnimationFrame() and update immediately.
-            // , so the transition to setTimeout() can be fulfilled.
-            cancelQueuedFrame();
-            callback();
-        };
-        window.addEventListener('visibilitychange', onVisibilityChange);
-        return () => {
-            window.removeEventListener('visibilitychange', onVisibilityChange);
-            stop();
-        };
-    }, [
-        config,
-        loop,
-        pause,
-        playing,
-        setFrame,
-        emitter,
-        playbackRate,
-        inFrame,
-        outFrame,
-        moveToBeginningWhenEnded,
-        isBackgroundedRef,
-        frameRef,
-        buffering,
-        context,
-    ]);
-    useEffect(() => {
-        const interval = setInterval(() => {
-            if (lastTimeUpdateEvent.current === frameRef.current) {
-                return;
-            }
-            emitter.dispatchTimeUpdate({ frame: frameRef.current });
-            lastTimeUpdateEvent.current = frameRef.current;
-        }, 250);
-        return () => clearInterval(interval);
-    }, [emitter, frameRef]);
-    useEffect(() => {
-        emitter.dispatchFrameUpdate({ frame });
-    }, [emitter, frame]);
-};

package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/use-player.d.ts

@@ -1,24 +0,0 @@
-import type { SyntheticEvent } from 'react';
-import type { PlayerEmitter } from './event-emitter.js';
-type UsePlayerMethods = {
-    frameBack: (frames: number) => void;
-    frameForward: (frames: number) => void;
-    isLastFrame: boolean;
-    isFirstFrame: boolean;
-    emitter: PlayerEmitter;
-    playing: boolean;
-    play: (e?: SyntheticEvent) => void;
-    pause: () => void;
-    pauseAndReturnToPlayStart: () => void;
-    seek: (newFrame: number) => void;
-    getCurrentFrame: () => number;
-    isPlaying: () => boolean;
-    hasPlayed: boolean;
-    isBuffering: () => boolean;
-    /**
-     * @deprecated Remotion internal API
-     */
-    remotionInternal_currentFrameRef: React.MutableRefObject<number>;
-};
-export declare const usePlayer: () => UsePlayerMethods;
-export {};