remotion 4.0.0-webhook.27 → 4.1.0-alpha1

package/dist/internals.js

@@ -1,93 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Internals = void 0;
-const config_1 = require("./config");
-const shared_audio_tags_1 = require("./audio/shared-audio-tags");
-const CanUseRemotionHooks_1 = require("./CanUseRemotionHooks");
-const CompositionManager_1 = require("./CompositionManager");
-const CSSUtils = __importStar(require("./default-css"));
-const delay_render_1 = require("./delay-render");
-const get_environment_1 = require("./get-environment");
-const get_preview_dom_element_1 = require("./get-preview-dom-element");
-const portal_node_1 = require("./portal-node");
-const prefetch_state_1 = require("./prefetch-state");
-const register_root_1 = require("./register-root");
-const RemotionRoot_1 = require("./RemotionRoot");
-const Sequence_1 = require("./Sequence");
-const setup_env_variables_1 = require("./setup-env-variables");
-const TimelinePosition = __importStar(require("./timeline-position-state"));
-const truthy_1 = require("./truthy");
-const use_lazy_component_1 = require("./use-lazy-component");
-const use_unsafe_video_config_1 = require("./use-unsafe-video-config");
-const use_video_1 = require("./use-video");
-const validate_composition_id_1 = require("./validation/validate-composition-id");
-const validate_dimensions_1 = require("./validation/validate-dimensions");
-const validate_duration_in_frames_1 = require("./validation/validate-duration-in-frames");
-const validate_fps_1 = require("./validation/validate-fps");
-const validate_offthreadvideo_image_format_1 = require("./validation/validate-offthreadvideo-image-format");
-const volume_position_state_1 = require("./volume-position-state");
-const wrap_remotion_context_1 = require("./wrap-remotion-context");
-const Timeline = TimelinePosition;
-// Mark them as Internals so use don't assume this is public
-// API and are less likely to use it
-exports.Internals = {
-    useUnsafeVideoConfig: use_unsafe_video_config_1.useUnsafeVideoConfig,
-    Timeline,
-    CompositionManager: CompositionManager_1.CompositionManager,
-    RemotionRoot: RemotionRoot_1.RemotionRoot,
-    useVideo: use_video_1.useVideo,
-    getRoot: register_root_1.getRoot,
-    useMediaVolumeState: volume_position_state_1.useMediaVolumeState,
-    useMediaMutedState: volume_position_state_1.useMediaMutedState,
-    useLazyComponent: use_lazy_component_1.useLazyComponent,
-    truthy: truthy_1.truthy,
-    SequenceContext: Sequence_1.SequenceContext,
-    useRemotionContexts: wrap_remotion_context_1.useRemotionContexts,
-    RemotionContextProvider: wrap_remotion_context_1.RemotionContextProvider,
-    CSSUtils,
-    setupEnvVariables: setup_env_variables_1.setupEnvVariables,
-    ENV_VARIABLES_ENV_NAME: setup_env_variables_1.ENV_VARIABLES_ENV_NAME,
-    MediaVolumeContext: volume_position_state_1.MediaVolumeContext,
-    SetMediaVolumeContext: volume_position_state_1.SetMediaVolumeContext,
-    validateDurationInFrames: validate_duration_in_frames_1.validateDurationInFrames,
-    validateFps: validate_fps_1.validateFps,
-    validateDimension: validate_dimensions_1.validateDimension,
-    getRemotionEnvironment: get_environment_1.getRemotionEnvironment,
-    SharedAudioContext: shared_audio_tags_1.SharedAudioContext,
-    SharedAudioContextProvider: shared_audio_tags_1.SharedAudioContextProvider,
-    invalidCompositionErrorMessage: validate_composition_id_1.invalidCompositionErrorMessage,
-    isCompositionIdValid: validate_composition_id_1.isCompositionIdValid,
-    getPreviewDomElement: get_preview_dom_element_1.getPreviewDomElement,
-    compositionsRef: CompositionManager_1.compositionsRef,
-    DELAY_RENDER_CALLSTACK_TOKEN: delay_render_1.DELAY_RENDER_CALLSTACK_TOKEN,
-    portalNode: portal_node_1.portalNode,
-    waitForRoot: register_root_1.waitForRoot,
-    validateOffthreadVideoImageFormat: validate_offthreadvideo_image_format_1.validateOffthreadVideoImageFormat,
-    CanUseRemotionHooksProvider: CanUseRemotionHooks_1.CanUseRemotionHooksProvider,
-    CanUseRemotionHooks: CanUseRemotionHooks_1.CanUseRemotionHooks,
-    enableLegacyRemotionConfig: config_1.enableLegacyRemotionConfig,
-    PrefetchProvider: prefetch_state_1.PrefetchProvider,
-};

package/dist/loop/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-export declare type LoopProps = {
-    durationInFrames: number;
-    times?: number;
-    layout?: 'absolute-fill' | 'none';
-    name?: string;
-    children: React.ReactNode;
-};
-export declare const Loop: React.FC<LoopProps>;

package/dist/loop/index.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Loop = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Sequence_1 = require("../Sequence");
-const use_video_config_1 = require("../use-video-config");
-const validate_duration_in_frames_1 = require("../validation/validate-duration-in-frames");
-const Loop = ({ durationInFrames, times = Infinity, children, layout, name, }) => {
-    const { durationInFrames: compDuration } = (0, use_video_config_1.useVideoConfig)();
-    (0, validate_duration_in_frames_1.validateDurationInFrames)(durationInFrames, 'of the <Loop /> component');
-    if (typeof times !== 'number') {
-        throw new TypeError(`You passed to "times" an argument of type ${typeof times}, but it must be a number.`);
-    }
-    if (times !== Infinity && times % 1 !== 0) {
-        throw new TypeError(`The "times" prop of a loop must be an integer, but got ${times}.`);
-    }
-    if (times < 0) {
-        throw new TypeError(`The "times" prop of a loop must be at least 0, but got ${times}`);
-    }
-    const maxTimes = Math.ceil(compDuration / durationInFrames);
-    const actualTimes = Math.min(maxTimes, times);
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: new Array(actualTimes).fill(true).map((_, i) => {
-            return ((0, jsx_runtime_1.jsx)(Sequence_1.Sequence
-            // eslint-disable-next-line react/no-array-index-key
-            , { durationInFrames: durationInFrames, from: i * durationInFrames, layout: layout, name: name, showLoopTimesInTimeline: actualTimes, showInTimeline: i === 0, children: children }, `loop-${i}`));
-        }) }));
-};
-exports.Loop = Loop;

package/dist/prefetch-state.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-declare type Value = {
-    preloads: Record<string, string>;
-    setPreloads: React.Dispatch<React.SetStateAction<Record<string, string>>>;
-};
-export declare const preloadRef: React.RefObject<{
-    setPreloads: React.Dispatch<React.SetStateAction<Record<string, string>>>;
-}>;
-export declare const PreloadContext: React.Context<Value>;
-export declare const PrefetchProvider: React.FC<{
-    children: React.ReactNode;
-}>;
-export {};

package/dist/prefetch-state.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PrefetchProvider = exports.PreloadContext = exports.preloadRef = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-exports.preloadRef = (0, react_1.createRef)();
-exports.PreloadContext = (0, react_1.createContext)({
-    preloads: {},
-    setPreloads: () => undefined,
-});
-const PrefetchProvider = ({ children }) => {
-    const [preloads, setPreloads] = (0, react_1.useState)({});
-    const value = (0, react_1.useMemo)(() => {
-        return {
-            preloads,
-            setPreloads,
-        };
-    }, [preloads]);
-    (0, react_1.useImperativeHandle)(exports.preloadRef, () => {
-        return {
-            setPreloads,
-        };
-    }, []);
-    return ((0, jsx_runtime_1.jsx)(exports.PreloadContext.Provider, { value: value, children: children }));
-};
-exports.PrefetchProvider = PrefetchProvider;

package/dist/prefetch.d.ts

@@ -1,7 +0,0 @@
-export declare const usePreload: (src: string) => string;
-declare type FetchAndPreload = {
-    free: () => void;
-    waitUntilDone: () => Promise<string>;
-};
-export declare const prefetch: (src: string) => FetchAndPreload;
-export {};

package/dist/random.d.ts

@@ -1,6 +0,0 @@
-/**
- * A deterministic pseudo-random number generator.
- * Pass in the same seed and get the same pseudorandom number.
- * See: https://remotion.dev/docs/random
- */
-export declare const random: (seed: number | string | null, dummy?: unknown) => number;

package/dist/series/flatten-children.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const flattenChildren: (children: React.ReactNode) => (React.ReactChild | React.ReactFragment | React.ReactPortal)[];

package/dist/series/index.d.ts

@@ -1,13 +0,0 @@
-import type { FC, PropsWithChildren } from 'react';
-import type { SequenceProps } from '../Sequence';
-declare type SeriesSequenceProps = PropsWithChildren<{
-    durationInFrames: number;
-    offset?: number;
-} & Pick<SequenceProps, 'layout' | 'name'>>;
-declare const SeriesSequence: ({ children }: SeriesSequenceProps) => JSX.Element;
-declare const Series: FC<{
-    children: React.ReactNode;
-}> & {
-    Sequence: typeof SeriesSequence;
-};
-export { Series };

package/dist/setup-env-variables.d.ts

@@ -1,2 +0,0 @@
-export declare const ENV_VARIABLES_ENV_NAME: "ENV_VARIABLES";
-export declare const setupEnvVariables: () => void;

package/dist/spring/index.js

@@ -1,51 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.measureSpring = exports.spring = void 0;
-const validation_spring_duration_1 = require("../validation/validation-spring-duration");
-const measure_spring_1 = require("./measure-spring");
-const spring_utils_1 = require("./spring-utils");
-/**
- * Calculates a position based on physical parameters, start and end value, and time.
- * @link https://www.remotion.dev/docs/spring
- * @param {number} frame The current time value. Most of the time you want to pass in the return value of useCurrentFrame.
- * @param {number} fps The framerate at which the animation runs. Pass in the value obtained by `useVideoConfig()`.
- * @param {?Object} config optional object that allows you to customize the physical properties of the animation.
- * @param {number} [config.mass=1] The weight of the spring. If you reduce the mass, the animation becomes faster!
- * @param {number} [config.damping=10] How hard the animation decelerates.
- * @param {number} [config.stiffness=100] Affects bounciness of the animation.
- * @param {boolean} [config.overshootClamping=false] Whether to prevent the animation going beyond the target value.
- * @param {?number} [config.from] The initial value of the animation. Default `0`
- * @param {?number} [config.to] The end value of the animation. Default `1`
- * @param {?number} [config.durationInFrames] Stretch the duration of an animation to  a set value.. Default `undefined`
- * @param {?number} [config.durationThreshold] How close to the end the animation is considered to be done. Default `0.005`
- */
-function spring({ frame, fps, config = {}, from = 0, to = 1, durationInFrames, durationRestThreshold, }) {
-    (0, validation_spring_duration_1.validateSpringDuration)(durationInFrames);
-    const durationRatio = durationInFrames === undefined
-        ? 1
-        : durationInFrames /
-            (0, measure_spring_1.measureSpring)({
-                fps,
-                config,
-                from,
-                to,
-                threshold: durationRestThreshold,
-            });
-    const spr = (0, spring_utils_1.springCalculation)({
-        fps,
-        frame: frame / durationRatio,
-        config,
-        from,
-        to,
-    });
-    if (!config.overshootClamping) {
-        return spr.current;
-    }
-    if (to >= from) {
-        return Math.min(spr.current, to);
-    }
-    return Math.max(spr.current, to);
-}
-exports.spring = spring;
-var measure_spring_2 = require("./measure-spring");
-Object.defineProperty(exports, "measureSpring", { enumerable: true, get: function () { return measure_spring_2.measureSpring; } });

package/dist/spring/measure-spring.d.ts

@@ -1,8 +0,0 @@
-import type { SpringConfig } from './spring-utils';
-export declare function measureSpring({ fps, config, threshold, from, to, }: {
-    fps: number;
-    config?: Partial<SpringConfig>;
-    threshold?: number;
-    from?: number;
-    to?: number;
-}): number;

package/dist/static-file.d.ts

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

package/dist/static-file.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.staticFile = void 0;
-const trimLeadingSlash = (path) => {
-    if (path.startsWith('/')) {
-        return trimLeadingSlash(path.substr(1));
-    }
-    return path;
-};
-const inner = (path) => {
-    if (typeof window !== 'undefined' && window.remotion_staticBase) {
-        return `${window.remotion_staticBase}/${trimLeadingSlash(path)}`;
-    }
-    return `/${trimLeadingSlash(path)}`;
-};
-const staticFile = (path) => {
-    if (path.startsWith('http://') || path.startsWith('https://')) {
-        throw new TypeError(`staticFile() does not support remote URLs - got "${path}". Instead, pass the URL without wrapping it in staticFile(). See: https://remotion.dev/docs/staticfile-remote-urls`);
-    }
-    if (path.startsWith('..') || path.startsWith('./')) {
-        throw new TypeError(`staticFile() does not support relative paths - got "${path}". Instead, pass the name of a file that is inside the public/ folder. See: https://remotion.dev/docs/staticfile-relative-paths`);
-    }
-    const preparsed = inner(path);
-    if (!preparsed.startsWith('/')) {
-        return `/${preparsed}`;
-    }
-    return preparsed;
-};
-exports.staticFile = staticFile;

package/dist/truthy.d.ts

@@ -1,3 +0,0 @@
-declare type Truthy<T> = T extends false | '' | 0 | null | undefined ? never : T;
-export declare function truthy<T>(value: T): value is Truthy<T>;
-export {};

package/dist/use-current-frame.d.ts

@@ -1,6 +0,0 @@
-/**
- * Get the current frame of the video.
- * Frames are 0-indexed, meaning the first frame is 0, the last frame is the duration of the composition in frames minus one.
- * @link https://www.remotion.dev/docs/use-current-frame
- */
-export declare const useCurrentFrame: () => number;

package/dist/use-lazy-component.d.ts

@@ -1,7 +0,0 @@
-import type { ComponentPropsWithRef, ComponentType, ExoticComponent } from 'react';
-import type { CompProps } from './internals';
-declare type LazyExoticComponent<T extends ComponentType<any>> = ExoticComponent<ComponentPropsWithRef<T>> & {
-    readonly _result: T;
-};
-export declare const useLazyComponent: <T>(compProps: CompProps<T>) => LazyExoticComponent<ComponentType<T>>;
-export {};

package/dist/use-media-playback.js

@@ -1,75 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMediaPlayback = void 0;
-const react_1 = require("react");
-const use_audio_frame_1 = require("./audio/use-audio-frame");
-const play_and_handle_not_allowed_error_1 = require("./play-and-handle-not-allowed-error");
-const timeline_position_state_1 = require("./timeline-position-state");
-const use_current_frame_1 = require("./use-current-frame");
-const use_video_config_1 = require("./use-video-config");
-const get_current_time_1 = require("./video/get-current-time");
-const warn_about_non_seekable_media_1 = require("./warn-about-non-seekable-media");
-const useMediaPlayback = ({ mediaRef, src, mediaType, playbackRate: localPlaybackRate, onlyWarnForMediaSeekingError, }) => {
-    const { playbackRate: globalPlaybackRate } = (0, react_1.useContext)(timeline_position_state_1.TimelineContext);
-    const frame = (0, use_current_frame_1.useCurrentFrame)();
-    const absoluteFrame = (0, timeline_position_state_1.useTimelinePosition)();
-    const [playing] = (0, timeline_position_state_1.usePlayingState)();
-    const { fps } = (0, use_video_config_1.useVideoConfig)();
-    const mediaStartsAt = (0, use_audio_frame_1.useMediaStartsAt)();
-    const playbackRate = localPlaybackRate * globalPlaybackRate;
-    (0, react_1.useEffect)(() => {
-        var _a;
-        if (!playing) {
-            (_a = mediaRef.current) === null || _a === void 0 ? void 0 : _a.pause();
-        }
-    }, [mediaRef, mediaType, playing]);
-    (0, react_1.useEffect)(() => {
-        const tagName = mediaType === 'audio' ? '<Audio>' : '<Video>';
-        if (!mediaRef.current) {
-            throw new Error(`No ${mediaType} ref found`);
-        }
-        if (!src) {
-            throw new Error(`No 'src' attribute was passed to the ${tagName} element.`);
-        }
-        mediaRef.current.playbackRate = Math.max(0, playbackRate);
-        const shouldBeTime = (0, get_current_time_1.getMediaTime)({
-            fps,
-            frame,
-            src,
-            playbackRate: localPlaybackRate,
-            startFrom: -mediaStartsAt,
-            mediaType,
-        });
-        const isTime = mediaRef.current.currentTime;
-        const timeShift = Math.abs(shouldBeTime - isTime);
-        if (timeShift > 0.45 && !mediaRef.current.ended) {
-            // If scrubbing around, adjust timing
-            // or if time shift is bigger than 0.2sec
-            mediaRef.current.currentTime = shouldBeTime;
-            if (!onlyWarnForMediaSeekingError) {
-                (0, warn_about_non_seekable_media_1.warnAboutNonSeekableMedia)(mediaRef.current, onlyWarnForMediaSeekingError ? 'console-warning' : 'console-error');
-            }
-        }
-        if (!playing || absoluteFrame === 0) {
-            mediaRef.current.currentTime = shouldBeTime;
-        }
-        if (mediaRef.current.paused && !mediaRef.current.ended && playing) {
-            const { current } = mediaRef;
-            current.currentTime = shouldBeTime;
-            (0, play_and_handle_not_allowed_error_1.playAndHandleNotAllowedError)(mediaRef, mediaType);
-        }
-    }, [
-        absoluteFrame,
-        fps,
-        playbackRate,
-        frame,
-        mediaRef,
-        mediaType,
-        playing,
-        src,
-        mediaStartsAt,
-        localPlaybackRate,
-        onlyWarnForMediaSeekingError,
-    ]);
-};
-exports.useMediaPlayback = useMediaPlayback;

package/dist/use-video-config.d.ts

@@ -1,7 +0,0 @@
-import type { VideoConfig } from './video-config';
-/**
- * Get some info about the context of the video that you are making.
- * Returns an object containing `fps`, `width`, `height` and `durationInFrames`, all of type `number`.
- * @link https://www.remotion.dev/docs/use-video-config
- */
-export declare const useVideoConfig: () => VideoConfig;

package/dist/use-video-config.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useVideoConfig = void 0;
-const react_1 = require("react");
-const CanUseRemotionHooks_1 = require("./CanUseRemotionHooks");
-const use_unsafe_video_config_1 = require("./use-unsafe-video-config");
-/**
- * Get some info about the context of the video that you are making.
- * Returns an object containing `fps`, `width`, `height` and `durationInFrames`, all of type `number`.
- * @link https://www.remotion.dev/docs/use-video-config
- */
-const useVideoConfig = () => {
-    const videoConfig = (0, use_unsafe_video_config_1.useUnsafeVideoConfig)();
-    const context = (0, react_1.useContext)(CanUseRemotionHooks_1.CanUseRemotionHooks);
-    if (!videoConfig) {
-        if (typeof window !== 'undefined' && window.remotion_isPlayer) {
-            throw new Error('No video config found. You are probably calling useVideoConfig() from outside the component passed to <Player />. See https://www.remotion.dev/docs/player/examples for how to set up the Player correctly.');
-        }
-        throw new Error('No video config found. You are probably calling useVideoConfig() from a component which has not been registered as a <Composition />. See https://www.remotion.dev/docs/the-fundamentals#defining-compositions for more information.');
-    }
-    if (!context) {
-        throw new Error('Called useVideoConfig() outside a Remotion composition.');
-    }
-    return videoConfig;
-};
-exports.useVideoConfig = useVideoConfig;

package/dist/use-video.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-export declare const useVideo: () => {
-    height: number;
-    width: number;
-    fps: number;
-    durationInFrames: number;
-    defaultProps: unknown;
-    id: string;
-    folderName: string | null;
-    parentFolderName: string | null;
-    component: import("react").LazyExoticComponent<import("react").ComponentType<unknown>>;
-    nonce: number;
-} | null;

package/dist/use-video.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useVideo = void 0;
-const react_1 = require("react");
-const CompositionManager_1 = require("./CompositionManager");
-const useVideo = () => {
-    const context = (0, react_1.useContext)(CompositionManager_1.CompositionManager);
-    return (0, react_1.useMemo)(() => {
-        var _a;
-        const selected = context.compositions.find((c) => {
-            return c.id === context.currentComposition;
-        });
-        if (selected) {
-            return {
-                ...selected,
-                // We override the selected metadata with the metadata that was passed to renderMedia(),
-                // and don't allow it to be changed during render anymore
-                ...((_a = context.currentCompositionMetadata) !== null && _a !== void 0 ? _a : {}),
-            };
-        }
-        return null;
-    }, [
-        context.compositions,
-        context.currentComposition,
-        context.currentCompositionMetadata,
-    ]);
-};
-exports.useVideo = useVideo;

package/dist/validate-media-props.d.ts

@@ -1,4 +0,0 @@
-import type { RemotionAudioProps } from './audio';
-import type { RemotionVideoProps } from './video';
-import type { OffthreadVideoProps } from './video/props';
-export declare const validateMediaProps: (props: RemotionVideoProps | RemotionAudioProps | OffthreadVideoProps, component: 'Video' | 'Audio') => void;

package/dist/validation/validate-duration-in-frames.d.ts

@@ -1 +0,0 @@
-export declare const validateDurationInFrames: (durationInFrames: number, component: string) => void;

package/dist/validation/validate-offthreadvideo-image-format.d.ts

@@ -1 +0,0 @@
-export declare const validateOffthreadVideoImageFormat: (input: unknown) => void;

package/dist/validation/validate-offthreadvideo-image-format.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.validateOffthreadVideoImageFormat = void 0;
-const validateOffthreadVideoImageFormat = (input) => {
-    if (typeof input === 'undefined') {
-        return;
-    }
-    if (typeof input !== 'string') {
-        throw new TypeError(`<OffthreadVideo imageFormat=""> must be a string, but got ${JSON.stringify(input)} instead.`);
-    }
-    if (input !== 'png' && input !== 'jpeg') {
-        throw new TypeError(`<OffthreadVideo imageFormat=""> must be either "png" or "jpeg", but got ${input}`);
-    }
-};
-exports.validateOffthreadVideoImageFormat = validateOffthreadVideoImageFormat;

package/dist/version.d.ts

@@ -1 +0,0 @@
-export declare const VERSION = "4.0.0-webhook.27+eb81308ee";

package/dist/video/LoopedVideo.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import type { RemotionMainVideoProps, RemotionVideoProps } from './props';
-export declare const LoopedVideo: React.ForwardRefRenderFunction<HTMLVideoElement, RemotionVideoProps & RemotionMainVideoProps>;

package/dist/video/LoopedVideo.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoopedVideo = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const delay_render_1 = require("../delay-render");
-const loop_1 = require("../loop");
-const Video_1 = require("./Video");
-const LoopedVideo = (props, ref) => {
-    const [videoDuration, setVideoDuration] = (0, react_1.useState)(null);
-    (0, react_1.useEffect)(() => {
-        const newHandle = (0, delay_render_1.delayRender)('Loading <Img> with src=' + props.src);
-    }, [props.src]);
-    return ((0, jsx_runtime_1.jsx)(loop_1.Loop, { durationInFrames: Math.round(videoDuration * fps), children: (0, jsx_runtime_1.jsx)(Video_1.Video, { ...props, ref: ref, loop: false }) }));
-};
-exports.LoopedVideo = LoopedVideo;

package/dist/video/OffthreadVideo.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import type { OffthreadVideoProps, RemotionMainVideoProps } from './props';
-export declare const OffthreadVideo: React.FC<OffthreadVideoProps & RemotionMainVideoProps>;

package/dist/video/OffthreadVideo.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OffthreadVideo = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const get_environment_1 = require("../get-environment");
-const Sequence_1 = require("../Sequence");
-const validate_media_props_1 = require("../validate-media-props");
-const validate_start_from_props_1 = require("../validate-start-from-props");
-const validate_offthreadvideo_image_format_1 = require("../validation/validate-offthreadvideo-image-format");
-const OffthreadVideoForRendering_1 = require("./OffthreadVideoForRendering");
-const VideoForDevelopment_1 = require("./VideoForDevelopment");
-const OffthreadVideo = (props) => {
-    const { startFrom, endAt, ...otherProps } = props;
-    if (typeof startFrom !== 'undefined' || typeof endAt !== 'undefined') {
-        (0, validate_start_from_props_1.validateStartFromProps)(startFrom, endAt);
-        const startFromFrameNo = startFrom !== null && startFrom !== void 0 ? startFrom : 0;
-        const endAtFrameNo = endAt !== null && endAt !== void 0 ? endAt : Infinity;
-        return ((0, jsx_runtime_1.jsx)(Sequence_1.Sequence, { layout: "none", from: 0 - startFromFrameNo, showInTimeline: false, durationInFrames: endAtFrameNo, children: (0, jsx_runtime_1.jsx)(exports.OffthreadVideo, { ...otherProps }) }));
-    }
-    (0, validate_media_props_1.validateMediaProps)(props, 'Video');
-    (0, validate_offthreadvideo_image_format_1.validateOffthreadVideoImageFormat)(props.imageFormat);
-    if ((0, get_environment_1.getRemotionEnvironment)() === 'rendering') {
-        return (0, jsx_runtime_1.jsx)(OffthreadVideoForRendering_1.OffthreadVideoForRendering, { ...otherProps });
-    }
-    return (0, jsx_runtime_1.jsx)(VideoForDevelopment_1.VideoForDevelopment, { onlyWarnForMediaSeekingError: true, ...otherProps });
-};
-exports.OffthreadVideo = OffthreadVideo;