remotion 4.0.166 → 4.0.167

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

@@ -1,177 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/* eslint-disable @typescript-eslint/no-use-before-define */
-import { forwardRef, useContext, useEffect, useMemo, useState, } from 'react';
-import { AbsoluteFill } from './AbsoluteFill.js';
-import { SequenceContext } from './SequenceContext.js';
-import { SequenceManager, SequenceVisibilityToggleContext, } from './SequenceManager.js';
-import { getRemotionEnvironment } from './get-remotion-environment.js';
-import { useNonce } from './nonce.js';
-import { TimelineContext, useTimelinePosition, } from './timeline-position-state.js';
-import { useVideoConfig } from './use-video-config.js';
-import { Freeze } from './freeze.js';
-import { useCurrentFrame } from './use-current-frame';
-const RegularSequenceRefForwardingFunction = ({ from = 0, durationInFrames = Infinity, children, name, height, width, showInTimeline = true, _remotionInternalLoopDisplay: loopDisplay, _remotionInternalStack: stack, _remotionInternalPremountDisplay: premountDisplay, ...other }, ref) => {
-    var _a;
-    const { layout = 'absolute-fill' } = other;
-    const [id] = useState(() => String(Math.random()));
-    const parentSequence = useContext(SequenceContext);
-    const { rootId } = useContext(TimelineContext);
-    const cumulatedFrom = parentSequence
-        ? parentSequence.cumulatedFrom + parentSequence.relativeFrom
-        : 0;
-    const nonce = useNonce();
-    if (layout !== 'absolute-fill' && layout !== 'none') {
-        throw new TypeError(`The layout prop of <Sequence /> expects either "absolute-fill" or "none", but you passed: ${layout}`);
-    }
-    // @ts-expect-error
-    if (layout === 'none' && typeof other.style !== 'undefined') {
-        throw new TypeError('If layout="none", you may not pass a style.');
-    }
-    if (typeof durationInFrames !== 'number') {
-        throw new TypeError(`You passed to durationInFrames an argument of type ${typeof durationInFrames}, but it must be a number.`);
-    }
-    if (durationInFrames <= 0) {
-        throw new TypeError(`durationInFrames must be positive, but got ${durationInFrames}`);
-    }
-    if (typeof from !== 'number') {
-        throw new TypeError(`You passed to the "from" props of your <Sequence> an argument of type ${typeof from}, but it must be a number.`);
-    }
-    if (!Number.isFinite(from)) {
-        throw new TypeError(`The "from" prop of a sequence must be finite, but got ${from}.`);
-    }
-    const absoluteFrame = useTimelinePosition();
-    const videoConfig = useVideoConfig();
-    const parentSequenceDuration = parentSequence
-        ? Math.min(parentSequence.durationInFrames - from, durationInFrames)
-        : durationInFrames;
-    const actualDurationInFrames = Math.max(0, Math.min(videoConfig.durationInFrames - from, parentSequenceDuration));
-    const { registerSequence, unregisterSequence } = useContext(SequenceManager);
-    const { hidden } = useContext(SequenceVisibilityToggleContext);
-    const premounting = useMemo(() => {
-        var _a;
-        return ((_a = parentSequence === null || parentSequence === void 0 ? void 0 : parentSequence.premounting) !== null && _a !== void 0 ? _a : Boolean(other._remotionInternalIsPremounting));
-    }, [other._remotionInternalIsPremounting, parentSequence === null || parentSequence === void 0 ? void 0 : parentSequence.premounting]);
-    const contextValue = useMemo(() => {
-        var _a, _b, _c;
-        return {
-            cumulatedFrom,
-            relativeFrom: from,
-            durationInFrames: actualDurationInFrames,
-            parentFrom: (_a = parentSequence === null || parentSequence === void 0 ? void 0 : parentSequence.relativeFrom) !== null && _a !== void 0 ? _a : 0,
-            id,
-            height: (_b = height !== null && height !== void 0 ? height : parentSequence === null || parentSequence === void 0 ? void 0 : parentSequence.height) !== null && _b !== void 0 ? _b : null,
-            width: (_c = width !== null && width !== void 0 ? width : parentSequence === null || parentSequence === void 0 ? void 0 : parentSequence.width) !== null && _c !== void 0 ? _c : null,
-            premounting,
-        };
-    }, [
-        cumulatedFrom,
-        from,
-        actualDurationInFrames,
-        parentSequence,
-        id,
-        height,
-        width,
-        premounting,
-    ]);
-    const timelineClipName = useMemo(() => {
-        return name !== null && name !== void 0 ? name : '';
-    }, [name]);
-    useEffect(() => {
-        var _a;
-        if (!getRemotionEnvironment().isStudio) {
-            return;
-        }
-        registerSequence({
-            from,
-            duration: actualDurationInFrames,
-            id,
-            displayName: timelineClipName,
-            parent: (_a = parentSequence === null || parentSequence === void 0 ? void 0 : parentSequence.id) !== null && _a !== void 0 ? _a : null,
-            type: 'sequence',
-            rootId,
-            showInTimeline,
-            nonce,
-            loopDisplay,
-            stack: stack !== null && stack !== void 0 ? stack : null,
-            premountDisplay: premountDisplay !== null && premountDisplay !== void 0 ? premountDisplay : null,
-        });
-        return () => {
-            unregisterSequence(id);
-        };
-    }, [
-        durationInFrames,
-        id,
-        name,
-        registerSequence,
-        timelineClipName,
-        unregisterSequence,
-        parentSequence === null || parentSequence === void 0 ? void 0 : parentSequence.id,
-        actualDurationInFrames,
-        rootId,
-        from,
-        showInTimeline,
-        nonce,
-        loopDisplay,
-        stack,
-        premountDisplay,
-    ]);
-    // Ceil to support floats
-    // https://github.com/remotion-dev/remotion/issues/2958
-    const endThreshold = Math.ceil(cumulatedFrom + from + durationInFrames - 1);
-    const content = absoluteFrame < cumulatedFrom + from
-        ? null
-        : absoluteFrame > endThreshold
-            ? null
-            : children;
-    const styleIfThere = other.layout === 'none' ? undefined : other.style;
-    const defaultStyle = useMemo(() => {
-        return {
-            flexDirection: undefined,
-            ...(width ? { width } : {}),
-            ...(height ? { height } : {}),
-            ...(styleIfThere !== null && styleIfThere !== void 0 ? styleIfThere : {}),
-        };
-    }, [height, styleIfThere, width]);
-    if (ref !== null && layout === 'none') {
-        throw new TypeError('It is not supported to pass both a `ref` and `layout="none"` to <Sequence />.');
-    }
-    const isSequenceHidden = (_a = hidden[id]) !== null && _a !== void 0 ? _a : false;
-    if (isSequenceHidden) {
-        return null;
-    }
-    return (_jsx(SequenceContext.Provider, { value: contextValue, children: content === null ? null : other.layout === 'none' ? (content) : (_jsx(AbsoluteFill, { ref: ref, style: defaultStyle, className: other.className, children: content })) }));
-};
-const RegularSequence = forwardRef(RegularSequenceRefForwardingFunction);
-const PremountedSequenceRefForwardingFunction = (props, ref) => {
-    const frame = useCurrentFrame();
-    if (props.layout === 'none') {
-        throw new Error('`<Sequence>` with `premountFor` prop does not support layout="none"');
-    }
-    const { style: passedStyle, from = 0, premountFor = 0, name, ...otherProps } = props;
-    const premountingActive = frame < from && frame >= from - premountFor;
-    const style = useMemo(() => {
-        var _a;
-        return {
-            ...passedStyle,
-            opacity: premountingActive ? 0 : 1,
-            pointerEvents: premountingActive
-                ? 'none'
-                : (_a = passedStyle === null || passedStyle === void 0 ? void 0 : passedStyle.pointerEvents) !== null && _a !== void 0 ? _a : undefined,
-        };
-    }, [premountingActive, passedStyle]);
-    return (_jsx(Freeze, { frame: from, active: premountingActive, children: _jsx(Sequence, { ref: ref, from: from, style: style, _remotionInternalPremountDisplay: premountFor, _remotionInternalIsPremounting: premountingActive, ...otherProps }) }));
-};
-const PremountedSequence = forwardRef(PremountedSequenceRefForwardingFunction);
-const SequenceRefForwardingFunction = (props, ref) => {
-    if (props.layout !== 'none' &&
-        props.premountFor &&
-        !getRemotionEnvironment().isRendering) {
-        return _jsx(PremountedSequence, { ...props, ref: ref });
-    }
-    return _jsx(RegularSequence, { ...props, ref: ref });
-};
-/**
- * @description A component that time-shifts its children and wraps them in an absolutely positioned <div>.
- * @see [Documentation](https://www.remotion.dev/docs/sequence)
- */
-export const Sequence = forwardRef(SequenceRefForwardingFunction);

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

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-export declare const SequenceContext: import("react").Context<SequenceContextType | null>;
-export type SequenceContextType = {
-    cumulatedFrom: number;
-    relativeFrom: number;
-    parentFrom: number;
-    durationInFrames: number;
-    id: string;
-    width: number | null;
-    height: number | null;
-    premounting: boolean;
-};

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

@@ -1,2 +0,0 @@
-import { createContext } from 'react';
-export const SequenceContext = createContext(null);

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

@@ -1,16 +0,0 @@
-import React from 'react';
-import type { TSequence } from './CompositionManager.js';
-export type SequenceManagerContext = {
-    registerSequence: (seq: TSequence) => void;
-    unregisterSequence: (id: string) => void;
-    sequences: TSequence[];
-};
-export declare const SequenceManager: React.Context<SequenceManagerContext>;
-export type SequenceVisibilityToggleState = {
-    hidden: Record<string, boolean>;
-    setHidden: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
-};
-export declare const SequenceVisibilityToggleContext: React.Context<SequenceVisibilityToggleState>;
-export declare const SequenceManagerProvider: React.FC<{
-    children: React.ReactNode;
-}>;

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

@@ -1,43 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useCallback, useMemo, useState } from 'react';
-export const SequenceManager = React.createContext({
-    registerSequence: () => {
-        throw new Error('SequenceManagerContext not initialized');
-    },
-    unregisterSequence: () => {
-        throw new Error('SequenceManagerContext not initialized');
-    },
-    sequences: [],
-});
-export const SequenceVisibilityToggleContext = React.createContext({
-    hidden: {},
-    setHidden: () => {
-        throw new Error('SequenceVisibilityToggle not initialized');
-    },
-});
-export const SequenceManagerProvider = ({ children }) => {
-    const [sequences, setSequences] = useState([]);
-    const [hidden, setHidden] = useState({});
-    const registerSequence = useCallback((seq) => {
-        setSequences((seqs) => {
-            return [...seqs, seq];
-        });
-    }, []);
-    const unregisterSequence = useCallback((seq) => {
-        setSequences((seqs) => seqs.filter((s) => s.id !== seq));
-    }, []);
-    const sequenceContext = useMemo(() => {
-        return {
-            registerSequence,
-            sequences,
-            unregisterSequence,
-        };
-    }, [registerSequence, sequences, unregisterSequence]);
-    const hiddenContext = useMemo(() => {
-        return {
-            hidden,
-            setHidden,
-        };
-    }, [hidden]);
-    return (_jsx(SequenceManager.Provider, { value: sequenceContext, children: _jsx(SequenceVisibilityToggleContext.Provider, { value: hiddenContext, children: children }) }));
-};

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { AnyZodObject } from 'zod';
-import type { StillProps } from './Composition.js';
-/**
- * @description A `<Still />` is a `<Composition />` that is only 1 frame long.
- * @see [Documentation](https://www.remotion.dev/docs/still)
- */
-export declare const Still: <Schema extends AnyZodObject, Props extends Record<string, unknown>>(props: StillProps<Schema, Props>) => React.DetailedReactHTMLElement<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;

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

@@ -1,15 +0,0 @@
-import React from 'react';
-import { Composition } from './Composition.js';
-/**
- * @description A `<Still />` is a `<Composition />` that is only 1 frame long.
- * @see [Documentation](https://www.remotion.dev/docs/still)
- */
-export const Still = (props) => {
-    const newProps = {
-        ...props,
-        durationInFrames: 1,
-        fps: 1,
-    };
-    // @ts-expect-error TypeScript does not understand it, but should still fail on type mismatch
-    return React.createElement((Composition), newProps);
-};

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/absolute-src.d.ts

@@ -1 +0,0 @@
-export declare const getAbsoluteSrc: (relativeSrc: string) => string;

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/absolute-src.js

@@ -1,6 +0,0 @@
-export const getAbsoluteSrc = (relativeSrc) => {
-    if (typeof window === 'undefined') {
-        return relativeSrc;
-    }
-    return new URL(relativeSrc, window.origin).href;
-};

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/asset-types.d.ts

@@ -1,50 +0,0 @@
-declare module '*.webm' {
-    const src: string;
-    export default src;
-}
-declare module '*.png' {
-    const src: string;
-    export default src;
-}
-declare module '*.mp4' {
-    const src: string;
-    export default src;
-}
-declare module '*.mp3' {
-    const src: string;
-    export default src;
-}
-declare module '*.wav' {
-    const src: string;
-    export default src;
-}
-declare module '*.aac' {
-    const src: string;
-    export default src;
-}
-declare module '*.svg';
-declare module '*.jpg' {
-    const src: string;
-    export default src;
-}
-declare module '*.jpeg' {
-    const src: string;
-    export default src;
-}
-declare module '*.bmp' {
-    const src: string;
-    export default src;
-}
-declare module '*.gif' {
-    const src: string;
-    export default src;
-}
-declare module '*.woff' {
-    const src: string;
-    export default src;
-}
-declare module '*.woff2' {
-    const src: string;
-    export default src;
-}
-declare module '*.css';

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/asset-types.js

@@ -1 +0,0 @@
-"use strict";

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

@@ -1,26 +0,0 @@
-import React from 'react';
-import type { RemotionMainAudioProps } from './props.js';
-/**
- * @description With this component, you can add audio to your video. All audio formats which are supported by Chromium are supported by the component.
- * @see [Documentation](https://www.remotion.dev/docs/audio)
- */
-export declare const Audio: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>, "nonce" | "onEnded" | "onResize" | "onResizeCapture" | "autoPlay" | "controls"> & {
-    name?: string | undefined;
-    volume?: import("../volume-prop.js").VolumeProp | undefined;
-    playbackRate?: number | undefined;
-    acceptableTimeShiftInSeconds?: number | undefined;
-    allowAmplificationDuringRender?: boolean | undefined;
-    _remotionInternalNeedsDurationCalculation?: boolean | undefined;
-    _remotionInternalNativeLoopPassed?: boolean | undefined;
-    toneFrequency?: number | undefined;
-    pauseWhenBuffering?: boolean | undefined;
-    showInTimeline?: boolean | undefined;
-    delayRenderTimeoutInMilliseconds?: number | undefined;
-    delayRenderRetries?: number | undefined;
-    loopVolumeCurveBehavior?: import("./use-audio-frame.js").LoopVolumeCurveBehavior | undefined;
-} & RemotionMainAudioProps & {
-    /**
-     * @deprecated For internal use only
-     */
-    readonly stack?: string | undefined;
-}, "ref"> & React.RefAttributes<HTMLAudioElement>>;

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

@@ -1,77 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/* eslint-disable @typescript-eslint/no-use-before-define */
-import { forwardRef, useCallback, useContext } from 'react';
-import { Sequence } from '../Sequence.js';
-import { getAbsoluteSrc } from '../absolute-src.js';
-import { calculateLoopDuration } from '../calculate-loop.js';
-import { cancelRender } from '../cancel-render.js';
-import { addSequenceStackTraces } from '../enable-sequence-stack-traces.js';
-import { getRemotionEnvironment } from '../get-remotion-environment.js';
-import { Loop } from '../loop/index.js';
-import { usePreload } from '../prefetch.js';
-import { useVideoConfig } from '../use-video-config.js';
-import { validateMediaProps } from '../validate-media-props.js';
-import { validateStartFromProps } from '../validate-start-from-props.js';
-import { DurationsContext } from '../video/duration-state.js';
-import { AudioForPreview } from './AudioForPreview.js';
-import { AudioForRendering } from './AudioForRendering.js';
-import { SharedAudioContext } from './shared-audio-tags.js';
-const AudioRefForwardingFunction = (props, ref) => {
-    var _a, _b, _c;
-    const audioContext = useContext(SharedAudioContext);
-    const { startFrom, endAt, name, stack, pauseWhenBuffering, showInTimeline, ...otherProps } = props;
-    const { loop, ...propsOtherThanLoop } = props;
-    const { fps } = useVideoConfig();
-    const environment = getRemotionEnvironment();
-    const { durations, setDurations } = useContext(DurationsContext);
-    if (typeof props.src !== 'string') {
-        throw new TypeError(`The \`<Audio>\` tag requires a string for \`src\`, but got ${JSON.stringify(props.src)} instead.`);
-    }
-    const preloadedSrc = usePreload(props.src);
-    const onError = useCallback((e) => {
-        // eslint-disable-next-line no-console
-        console.log(e.currentTarget.error);
-        // If there is no `loop` property, we don't need to get the duration
-        // and this does not need to be a fatal error
-        const errMessage = `Could not play audio with src ${preloadedSrc}: ${e.currentTarget.error}. See https://remotion.dev/docs/media-playback-error for help.`;
-        if (loop) {
-            cancelRender(new Error(errMessage));
-        }
-        else {
-            // eslint-disable-next-line no-console
-            console.warn(errMessage);
-        }
-    }, [loop, preloadedSrc]);
-    const onDuration = useCallback((src, durationInSeconds) => {
-        setDurations({ type: 'got-duration', durationInSeconds, src });
-    }, [setDurations]);
-    const durationFetched = (_a = durations[getAbsoluteSrc(preloadedSrc)]) !== null && _a !== void 0 ? _a : durations[getAbsoluteSrc(props.src)];
-    if (loop && durationFetched !== undefined) {
-        const duration = durationFetched * fps;
-        return (_jsx(Loop, { layout: "none", durationInFrames: calculateLoopDuration({
-                endAt,
-                mediaDuration: duration,
-                playbackRate: (_b = props.playbackRate) !== null && _b !== void 0 ? _b : 1,
-                startFrom,
-            }), children: _jsx(Audio, { ...propsOtherThanLoop, ref: ref, _remotionInternalNativeLoopPassed: true }) }));
-    }
-    if (typeof startFrom !== 'undefined' || typeof endAt !== 'undefined') {
-        validateStartFromProps(startFrom, endAt);
-        const startFromFrameNo = startFrom !== null && startFrom !== void 0 ? startFrom : 0;
-        const endAtFrameNo = endAt !== null && endAt !== void 0 ? endAt : Infinity;
-        return (_jsx(Sequence, { layout: "none", from: 0 - startFromFrameNo, showInTimeline: false, durationInFrames: endAtFrameNo, name: name, children: _jsx(Audio, { _remotionInternalNeedsDurationCalculation: Boolean(loop), pauseWhenBuffering: pauseWhenBuffering !== null && pauseWhenBuffering !== void 0 ? pauseWhenBuffering : false, ...otherProps, ref: ref }) }));
-    }
-    validateMediaProps(props, 'Audio');
-    if (environment.isRendering) {
-        return (_jsx(AudioForRendering, { onDuration: onDuration, ...props, ref: ref, onError: onError, _remotionInternalNeedsDurationCalculation: Boolean(loop) }));
-    }
-    return (_jsx(AudioForPreview, { _remotionInternalNativeLoopPassed: (_c = props._remotionInternalNativeLoopPassed) !== null && _c !== void 0 ? _c : false, _remotionInternalStack: stack !== null && stack !== void 0 ? stack : null, shouldPreMountAudioTags: audioContext !== null && audioContext.numberOfAudioTags > 0, ...props, ref: ref, onError: onError, onDuration: onDuration, 
-        // Proposal: Make this default to true in v5
-        pauseWhenBuffering: pauseWhenBuffering !== null && pauseWhenBuffering !== void 0 ? pauseWhenBuffering : false, _remotionInternalNeedsDurationCalculation: Boolean(loop), showInTimeline: showInTimeline !== null && showInTimeline !== void 0 ? showInTimeline : true }));
-};
-/**
- * @description With this component, you can add audio to your video. All audio formats which are supported by Chromium are supported by the component.
- * @see [Documentation](https://www.remotion.dev/docs/audio)
- */
-export const Audio = forwardRef(AudioRefForwardingFunction);
-addSequenceStackTraces(Audio);

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

@@ -1,13 +0,0 @@
-import React from 'react';
-import type { RemotionAudioProps } from './props.js';
-type AudioForPreviewProps = RemotionAudioProps & {
-    readonly shouldPreMountAudioTags: boolean;
-    readonly onDuration: (src: string, durationInSeconds: number) => void;
-    readonly pauseWhenBuffering: boolean;
-    readonly _remotionInternalNativeLoopPassed: boolean;
-    readonly _remotionInternalStack: string | null;
-    readonly showInTimeline: boolean;
-    readonly stack?: string | undefined;
-};
-export declare const AudioForPreview: React.ForwardRefExoticComponent<Omit<AudioForPreviewProps, "ref"> & React.RefAttributes<HTMLAudioElement>>;
-export {};

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

@@ -1,122 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState, } from 'react';
-import { SequenceContext } from '../SequenceContext.js';
-import { SequenceVisibilityToggleContext } from '../SequenceManager.js';
-import { usePreload } from '../prefetch.js';
-import { random } from '../random.js';
-import { useMediaBuffering } from '../use-media-buffering.js';
-import { useMediaInTimeline } from '../use-media-in-timeline.js';
-import { DEFAULT_ACCEPTABLE_TIMESHIFT, useMediaPlayback, } from '../use-media-playback.js';
-import { useMediaTagVolume } from '../use-media-tag-volume.js';
-import { useSyncVolumeWithMediaTag } from '../use-sync-volume-with-media-tag.js';
-import { useMediaMutedState, useMediaVolumeState, } from '../volume-position-state.js';
-import { useSharedAudio } from './shared-audio-tags.js';
-import { useFrameForVolumeProp } from './use-audio-frame.js';
-const AudioForDevelopmentForwardRefFunction = (props, ref) => {
-    var _a;
-    const [initialShouldPreMountAudioElements] = useState(props.shouldPreMountAudioTags);
-    if (props.shouldPreMountAudioTags !== initialShouldPreMountAudioElements) {
-        throw new Error('Cannot change the behavior for pre-mounting audio tags dynamically.');
-    }
-    const { volume, muted, playbackRate, shouldPreMountAudioTags, src, onDuration, acceptableTimeShiftInSeconds, _remotionInternalNeedsDurationCalculation, _remotionInternalNativeLoopPassed, _remotionInternalStack, allowAmplificationDuringRender, name, pauseWhenBuffering, showInTimeline, loopVolumeCurveBehavior, stack, ...nativeProps } = props;
-    const [mediaVolume] = useMediaVolumeState();
-    const [mediaMuted] = useMediaMutedState();
-    const volumePropFrame = useFrameForVolumeProp(loopVolumeCurveBehavior !== null && loopVolumeCurveBehavior !== void 0 ? loopVolumeCurveBehavior : 'repeat');
-    const { hidden } = useContext(SequenceVisibilityToggleContext);
-    if (!src) {
-        throw new TypeError("No 'src' was passed to <Audio>.");
-    }
-    const preloadedSrc = usePreload(src);
-    const sequenceContext = useContext(SequenceContext);
-    const [timelineId] = useState(() => String(Math.random()));
-    const isSequenceHidden = (_a = hidden[timelineId]) !== null && _a !== void 0 ? _a : false;
-    const propsToPass = useMemo(() => {
-        return {
-            muted: muted || mediaMuted || isSequenceHidden,
-            src: preloadedSrc,
-            loop: _remotionInternalNativeLoopPassed,
-            ...nativeProps,
-        };
-    }, [
-        _remotionInternalNativeLoopPassed,
-        isSequenceHidden,
-        mediaMuted,
-        muted,
-        nativeProps,
-        preloadedSrc,
-    ]);
-    // Generate a string that's as unique as possible for this asset
-    // but at the same time deterministic. We use it to combat strict mode issues.
-    const id = useMemo(() => `audio-${random(src !== null && src !== void 0 ? src : '')}-${sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.relativeFrom}-${sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.cumulatedFrom}-${sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.durationInFrames}-muted:${props.muted}-loop:${props.loop}`, [
-        src,
-        sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.relativeFrom,
-        sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.cumulatedFrom,
-        sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.durationInFrames,
-        props.muted,
-        props.loop,
-    ]);
-    const audioRef = useSharedAudio(propsToPass, id).el;
-    const actualVolume = useMediaTagVolume(audioRef);
-    useSyncVolumeWithMediaTag({
-        volumePropFrame,
-        actualVolume,
-        volume,
-        mediaVolume,
-        mediaRef: audioRef,
-    });
-    useMediaInTimeline({
-        volume,
-        mediaVolume,
-        mediaRef: audioRef,
-        src,
-        mediaType: 'audio',
-        playbackRate: playbackRate !== null && playbackRate !== void 0 ? playbackRate : 1,
-        displayName: name !== null && name !== void 0 ? name : null,
-        id: timelineId,
-        stack: _remotionInternalStack,
-        showInTimeline,
-        premountDisplay: null,
-    });
-    useMediaPlayback({
-        mediaRef: audioRef,
-        src,
-        mediaType: 'audio',
-        playbackRate: playbackRate !== null && playbackRate !== void 0 ? playbackRate : 1,
-        onlyWarnForMediaSeekingError: false,
-        acceptableTimeshift: acceptableTimeShiftInSeconds !== null && acceptableTimeShiftInSeconds !== void 0 ? acceptableTimeShiftInSeconds : DEFAULT_ACCEPTABLE_TIMESHIFT,
-    });
-    useMediaBuffering({
-        element: audioRef,
-        shouldBuffer: pauseWhenBuffering,
-        isPremounting: Boolean(sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.premounting),
-    });
-    useImperativeHandle(ref, () => {
-        return audioRef.current;
-    }, [audioRef]);
-    const currentOnDurationCallback = useRef();
-    currentOnDurationCallback.current = onDuration;
-    useEffect(() => {
-        var _a;
-        const { current } = audioRef;
-        if (!current) {
-            return;
-        }
-        if (current.duration) {
-            (_a = currentOnDurationCallback.current) === null || _a === void 0 ? void 0 : _a.call(currentOnDurationCallback, current.src, current.duration);
-            return;
-        }
-        const onLoadedMetadata = () => {
-            var _a;
-            (_a = currentOnDurationCallback.current) === null || _a === void 0 ? void 0 : _a.call(currentOnDurationCallback, current.src, current.duration);
-        };
-        current.addEventListener('loadedmetadata', onLoadedMetadata);
-        return () => {
-            current.removeEventListener('loadedmetadata', onLoadedMetadata);
-        };
-    }, [audioRef, src]);
-    if (initialShouldPreMountAudioElements) {
-        return null;
-    }
-    return _jsx("audio", { ref: audioRef, preload: "metadata", ...propsToPass });
-};
-export const AudioForPreview = forwardRef(AudioForDevelopmentForwardRefFunction);

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

@@ -1,19 +0,0 @@
-import type { ForwardRefExoticComponent, RefAttributes } from 'react';
-import React from 'react';
-export declare const AudioForRendering: ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>, "nonce" | "onEnded" | "onResize" | "onResizeCapture" | "autoPlay" | "controls"> & {
-    name?: string | undefined;
-    volume?: import("../volume-prop.js").VolumeProp | undefined;
-    playbackRate?: number | undefined;
-    acceptableTimeShiftInSeconds?: number | undefined;
-    allowAmplificationDuringRender?: boolean | undefined;
-    _remotionInternalNeedsDurationCalculation?: boolean | undefined;
-    _remotionInternalNativeLoopPassed?: boolean | undefined;
-    toneFrequency?: number | undefined;
-    pauseWhenBuffering?: boolean | undefined;
-    showInTimeline?: boolean | undefined;
-    delayRenderTimeoutInMilliseconds?: number | undefined;
-    delayRenderRetries?: number | undefined;
-    loopVolumeCurveBehavior?: import("./use-audio-frame.js").LoopVolumeCurveBehavior | undefined;
-} & {
-    readonly onDuration: (src: string, durationInSeconds: number) => void;
-} & RefAttributes<HTMLAudioElement>>;