@remotion/player 3.3.38 → 3.3.39

package/dist/calculate-scale.d.ts

@@ -1,39 +0,0 @@
-import type { VideoConfig } from 'remotion';
-import type { PreviewSize } from './utils/preview-size';
-import type { Size } from './utils/use-element-size';
-export declare const calculateScale: ({ canvasSize, compositionHeight, compositionWidth, previewSize, }: {
-    previewSize: PreviewSize['size'];
-    compositionWidth: number;
-    compositionHeight: number;
-    canvasSize: Size;
-}) => number;
-declare type Layout = {
-    centerX: number;
-    centerY: number;
-    xCorrection: number;
-    yCorrection: number;
-    scale: number;
-};
-export declare const calculateCanvasTransformation: ({ previewSize, compositionWidth, compositionHeight, canvasSize, }: {
-    previewSize: PreviewSize['size'];
-    compositionWidth: number;
-    compositionHeight: number;
-    canvasSize: Size;
-}) => Layout;
-export declare const calculateOuterStyle: ({ config, style, canvasSize, }: {
-    config: VideoConfig | null;
-    style: React.CSSProperties | undefined;
-    canvasSize: Size | null;
-}) => React.CSSProperties;
-export declare const calculateContainerStyle: ({ config, canvasSize, layout, scale, }: {
-    config: VideoConfig | null;
-    canvasSize: Size | null;
-    layout: Layout | null;
-    scale: number;
-}) => React.CSSProperties;
-export declare const calculateOuter: ({ layout, scale, config, }: {
-    layout: Layout | null;
-    scale: number;
-    config: VideoConfig | null;
-}) => React.CSSProperties;
-export {};

package/dist/calculate-scale.js

@@ -1,85 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.calculateOuter = exports.calculateContainerStyle = exports.calculateOuterStyle = exports.calculateCanvasTransformation = exports.calculateScale = void 0;
-const calculate_player_size_1 = require("./utils/calculate-player-size");
-const calculateScale = ({ canvasSize, compositionHeight, compositionWidth, previewSize, }) => {
-    const heightRatio = canvasSize.height / compositionHeight;
-    const widthRatio = canvasSize.width / compositionWidth;
-    const ratio = Math.min(heightRatio, widthRatio);
-    return previewSize === 'auto' ? ratio : Number(previewSize);
-};
-exports.calculateScale = calculateScale;
-const calculateCanvasTransformation = ({ previewSize, compositionWidth, compositionHeight, canvasSize, }) => {
-    const scale = (0, exports.calculateScale)({
-        canvasSize,
-        compositionHeight,
-        compositionWidth,
-        previewSize,
-    });
-    const correction = 0 - (1 - scale) / 2;
-    const xCorrection = correction * compositionWidth;
-    const yCorrection = correction * compositionHeight;
-    const width = compositionWidth * scale;
-    const height = compositionHeight * scale;
-    const centerX = canvasSize.width / 2 - width / 2;
-    const centerY = canvasSize.height / 2 - height / 2;
-    return {
-        centerX,
-        centerY,
-        xCorrection,
-        yCorrection,
-        scale,
-    };
-};
-exports.calculateCanvasTransformation = calculateCanvasTransformation;
-const calculateOuterStyle = ({ config, style, canvasSize, }) => {
-    if (!config) {
-        return {};
-    }
-    return {
-        position: 'relative',
-        overflow: 'hidden',
-        ...(0, calculate_player_size_1.calculatePlayerSize)({
-            compositionHeight: config.height,
-            compositionWidth: config.width,
-            currentSize: canvasSize,
-            height: style === null || style === void 0 ? void 0 : style.height,
-            width: style === null || style === void 0 ? void 0 : style.width,
-        }),
-        ...style,
-    };
-};
-exports.calculateOuterStyle = calculateOuterStyle;
-const calculateContainerStyle = ({ config, canvasSize, layout, scale, }) => {
-    if (!config || !canvasSize || !layout) {
-        return {};
-    }
-    return {
-        position: 'absolute',
-        width: config.width,
-        height: config.height,
-        display: 'flex',
-        transform: `scale(${scale})`,
-        marginLeft: layout.xCorrection,
-        marginTop: layout.yCorrection,
-        overflow: 'hidden',
-    };
-};
-exports.calculateContainerStyle = calculateContainerStyle;
-const calculateOuter = ({ layout, scale, config, }) => {
-    if (!layout || !config) {
-        return {};
-    }
-    const { centerX, centerY } = layout;
-    return {
-        width: config.width * scale,
-        height: config.height * scale,
-        display: 'flex',
-        flexDirection: 'column',
-        position: 'absolute',
-        left: centerX,
-        top: centerY,
-        overflow: 'hidden',
-    };
-};
-exports.calculateOuter = calculateOuter;

package/dist/emitter-context.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { PlayerEmitter, ThumbnailEmitter } from './event-emitter';
-export declare const PlayerEventEmitterContext: React.Context<PlayerEmitter | undefined>;
-export declare const ThumbnailEmitterContext: React.Context<ThumbnailEmitter | undefined>;

package/dist/emitter-context.js

@@ -1,9 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThumbnailEmitterContext = exports.PlayerEventEmitterContext = void 0;
-const react_1 = __importDefault(require("react"));
-exports.PlayerEventEmitterContext = react_1.default.createContext(undefined);
-exports.ThumbnailEmitterContext = react_1.default.createContext(undefined);

package/dist/error-boundary.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-export declare class ErrorBoundary extends React.Component<{
-    onError: (error: Error) => void;
-    children: React.ReactNode;
-    errorFallback: (info: {
-        error: Error;
-    }) => React.ReactNode;
-}, {
-    hasError: Error | null;
-}> {
-    state: {
-        hasError: null;
-    };
-    static getDerivedStateFromError(error: Error): {
-        hasError: Error;
-    };
-    componentDidCatch(error: Error): void;
-    render(): string | number | boolean | JSX.Element | React.ReactFragment | null | undefined;
-}

package/dist/error-boundary.js

@@ -1,39 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ErrorBoundary = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const errorStyle = {
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center',
-    flex: 1,
-    height: '100%',
-    width: '100%',
-};
-class ErrorBoundary extends react_1.default.Component {
-    constructor() {
-        super(...arguments);
-        this.state = { hasError: null };
-    }
-    static getDerivedStateFromError(error) {
-        // Update state so the next render will show the fallback UI.
-        return { hasError: error };
-    }
-    componentDidCatch(error) {
-        this.props.onError(error);
-    }
-    render() {
-        if (this.state.hasError) {
-            // You can render any custom fallback UI
-            return ((0, jsx_runtime_1.jsx)("div", { style: errorStyle, children: this.props.errorFallback({
-                    error: this.state.hasError,
-                }) }));
-        }
-        return this.props.children;
-    }
-}
-exports.ErrorBoundary = ErrorBoundary;

package/dist/event-emitter.d.ts

@@ -1,66 +0,0 @@
-declare type SeekPayload = {
-    frame: number;
-};
-declare type ErrorPayload = {
-    error: Error;
-};
-declare type TimeUpdateEventPayload = {
-    frame: number;
-};
-declare type FrameUpdateEventPayload = {
-    frame: number;
-};
-declare type RateChangeEventPayload = {
-    playbackRate: number;
-};
-declare type FullscreenChangeEventPayload = {
-    isFullscreen: boolean;
-};
-declare type PlayerStateEventMap = {
-    seeked: SeekPayload;
-    pause: undefined;
-    play: undefined;
-    ratechange: RateChangeEventPayload;
-    ended: undefined;
-    error: ErrorPayload;
-    timeupdate: TimeUpdateEventPayload;
-    frameupdate: FrameUpdateEventPayload;
-    fullscreenchange: FullscreenChangeEventPayload;
-};
-declare type ThumbnailStateEventMap = {
-    error: ErrorPayload;
-};
-export declare type PlayerEventTypes = keyof PlayerStateEventMap;
-export declare type ThumbnailEventTypes = keyof ThumbnailStateEventMap;
-export declare type CallbackListener<T extends PlayerEventTypes> = (data: {
-    detail: PlayerStateEventMap[T];
-}) => void;
-declare type PlayerListeners = {
-    [EventType in PlayerEventTypes]: CallbackListener<EventType>[];
-};
-declare type ThumbnailListeners = {
-    [EventType in ThumbnailEventTypes]: CallbackListener<EventType>[];
-};
-export declare class PlayerEmitter {
-    listeners: PlayerListeners;
-    addEventListener<Q extends PlayerEventTypes>(name: Q, callback: CallbackListener<Q>): void;
-    removeEventListener<Q extends PlayerEventTypes>(name: Q, callback: CallbackListener<Q>): void;
-    private dispatchEvent;
-    dispatchSeek(frame: number): void;
-    dispatchPause(): void;
-    dispatchPlay(): void;
-    dispatchEnded(): void;
-    dispatchRatechange(playbackRate: number): void;
-    dispatchError(error: Error): void;
-    dispatchTimeUpdate(event: TimeUpdateEventPayload): void;
-    dispatchFrameUpdate(event: FrameUpdateEventPayload): void;
-    dispatchFullscreenChangeUpdate(event: FullscreenChangeEventPayload): void;
-}
-export declare class ThumbnailEmitter {
-    listeners: ThumbnailListeners;
-    addEventListener<Q extends ThumbnailEventTypes>(name: Q, callback: CallbackListener<Q>): void;
-    removeEventListener<Q extends ThumbnailEventTypes>(name: Q, callback: CallbackListener<Q>): void;
-    private dispatchEvent;
-    dispatchError(error: Error): void;
-}
-export {};

package/dist/event-emitter.js

@@ -1,87 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThumbnailEmitter = exports.PlayerEmitter = void 0;
-class PlayerEmitter {
-    constructor() {
-        this.listeners = {
-            ended: [],
-            error: [],
-            pause: [],
-            play: [],
-            ratechange: [],
-            seeked: [],
-            timeupdate: [],
-            frameupdate: [],
-            fullscreenchange: [],
-        };
-    }
-    addEventListener(name, callback) {
-        this.listeners[name].push(callback);
-    }
-    removeEventListener(name, callback) {
-        this.listeners[name] = this.listeners[name].filter((l) => l !== callback);
-    }
-    dispatchEvent(dispatchName, context) {
-        this.listeners[dispatchName].forEach((callback) => {
-            callback({ detail: context });
-        });
-    }
-    dispatchSeek(frame) {
-        this.dispatchEvent('seeked', {
-            frame,
-        });
-    }
-    dispatchPause() {
-        this.dispatchEvent('pause', undefined);
-    }
-    dispatchPlay() {
-        this.dispatchEvent('play', undefined);
-    }
-    dispatchEnded() {
-        this.dispatchEvent('ended', undefined);
-    }
-    dispatchRatechange(playbackRate) {
-        this.dispatchEvent('ratechange', {
-            playbackRate,
-        });
-    }
-    dispatchError(error) {
-        this.dispatchEvent('error', {
-            error,
-        });
-    }
-    dispatchTimeUpdate(event) {
-        this.dispatchEvent('timeupdate', event);
-    }
-    dispatchFrameUpdate(event) {
-        this.dispatchEvent('frameupdate', event);
-    }
-    dispatchFullscreenChangeUpdate(event) {
-        this.dispatchEvent('fullscreenchange', event);
-    }
-}
-exports.PlayerEmitter = PlayerEmitter;
-class ThumbnailEmitter {
-    constructor() {
-        this.listeners = {
-            error: [],
-        };
-    }
-    addEventListener(name, callback) {
-        this.listeners[name].push(callback);
-    }
-    removeEventListener(name, callback) {
-        this.listeners[name] = this.listeners[name].filter((l) => l !== callback);
-    }
-    dispatchEvent(dispatchName, context) {
-        this.listeners[dispatchName].forEach((callback) => {
-            callback({ detail: context });
-        });
-    }
-    dispatchError(error) {
-        this.dispatchEvent('error', {
-            error,
-        });
-    }
-}
-exports.ThumbnailEmitter = ThumbnailEmitter;

package/dist/format-time.d.ts

@@ -1 +0,0 @@
-export declare const formatTime: (timeInSeconds: number) => string;

package/dist/format-time.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.formatTime = void 0;
-const formatTime = (timeInSeconds) => {
-    const minutes = Math.floor(timeInSeconds / 60);
-    const seconds = Math.floor(timeInSeconds - minutes * 60);
-    return `${String(minutes)}:${String(seconds).padStart(2, '0')}`;
-};
-exports.formatTime = formatTime;

package/dist/icons.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-export declare const ICON_SIZE = 25;
-export declare const fullscreenIconSize = 16;
-export declare const PlayIcon: React.FC;
-export declare const PauseIcon: React.FC;
-export declare const FullscreenIcon: React.FC<{
-    isFullscreen: boolean;
-}>;
-export declare const VolumeOffIcon: React.FC;
-export declare const VolumeOnIcon: React.FC;

package/dist/icons.js

@@ -1,50 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VolumeOnIcon = exports.VolumeOffIcon = exports.FullscreenIcon = exports.PauseIcon = exports.PlayIcon = exports.fullscreenIconSize = exports.ICON_SIZE = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-exports.ICON_SIZE = 25;
-exports.fullscreenIconSize = 16;
-const rotate = {
-    transform: `rotate(90deg)`,
-};
-const PlayIcon = () => {
-    return ((0, jsx_runtime_1.jsx)("svg", { width: exports.ICON_SIZE, height: exports.ICON_SIZE, viewBox: "-100 -100 400 400", style: rotate, children: (0, jsx_runtime_1.jsx)("path", { fill: "#fff", stroke: "#fff", strokeWidth: "100", strokeLinejoin: "round", d: "M 2 172 a 196 100 0 0 0 195 5 A 196 240 0 0 0 100 2.259 A 196 240 0 0 0 2 172 z" }) }));
-};
-exports.PlayIcon = PlayIcon;
-const PauseIcon = () => {
-    return ((0, jsx_runtime_1.jsxs)("svg", { viewBox: "0 0 100 100", width: exports.ICON_SIZE, height: exports.ICON_SIZE, children: [(0, jsx_runtime_1.jsx)("rect", { x: "25", y: "20", width: "20", height: "60", fill: "#fff", ry: "5", rx: "5" }), (0, jsx_runtime_1.jsx)("rect", { x: "55", y: "20", width: "20", height: "60", fill: "#fff", ry: "5", rx: "5" })] }));
-};
-exports.PauseIcon = PauseIcon;
-const FullscreenIcon = ({ isFullscreen, }) => {
-    const strokeWidth = 6;
-    const viewSize = 32;
-    const out = isFullscreen ? 0 : strokeWidth / 2;
-    const middleInset = isFullscreen ? strokeWidth * 1.6 : strokeWidth / 2;
-    const inset = isFullscreen ? strokeWidth * 1.6 : strokeWidth * 2;
-    return ((0, jsx_runtime_1.jsxs)("svg", { viewBox: `0 0 ${viewSize} ${viewSize}`, height: exports.fullscreenIconSize, width: exports.fullscreenIconSize, children: [(0, jsx_runtime_1.jsx)("path", { d: `
-				M ${out} ${inset}
-				L ${middleInset} ${middleInset}
-				L ${inset} ${out}
-				`, stroke: "#fff", strokeWidth: strokeWidth, fill: "none" }), (0, jsx_runtime_1.jsx)("path", { d: `
-				M ${viewSize - out} ${inset}
-				L ${viewSize - middleInset} ${middleInset}
-				L ${viewSize - inset} ${out}
-				`, stroke: "#fff", strokeWidth: strokeWidth, fill: "none" }), (0, jsx_runtime_1.jsx)("path", { d: `
-				M ${out} ${viewSize - inset}
-				L ${middleInset} ${viewSize - middleInset}
-				L ${inset} ${viewSize - out}
-				`, stroke: "#fff", strokeWidth: strokeWidth, fill: "none" }), (0, jsx_runtime_1.jsx)("path", { d: `
-				M ${viewSize - out} ${viewSize - inset}
-				L ${viewSize - middleInset} ${viewSize - middleInset}
-				L ${viewSize - inset} ${viewSize - out}
-				`, stroke: "#fff", strokeWidth: strokeWidth, fill: "none" })] }));
-};
-exports.FullscreenIcon = FullscreenIcon;
-const VolumeOffIcon = () => {
-    return ((0, jsx_runtime_1.jsx)("svg", { width: exports.ICON_SIZE, height: exports.ICON_SIZE, viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { d: "M3.63 3.63a.996.996 0 000 1.41L7.29 8.7 7 9H4c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71v-4.17l4.18 4.18c-.49.37-1.02.68-1.6.91-.36.15-.58.53-.58.92 0 .72.73 1.18 1.39.91.8-.33 1.55-.77 2.22-1.31l1.34 1.34a.996.996 0 101.41-1.41L5.05 3.63c-.39-.39-1.02-.39-1.42 0zM19 12c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-3.83-2.4-7.11-5.78-8.4-.59-.23-1.22.23-1.22.86v.19c0 .38.25.71.61.85C17.18 6.54 19 9.06 19 12zm-8.71-6.29l-.17.17L12 7.76V6.41c0-.89-1.08-1.33-1.71-.7zM16.5 12A4.5 4.5 0 0014 7.97v1.79l2.48 2.48c.01-.08.02-.16.02-.24z", fill: "#fff" }) }));
-};
-exports.VolumeOffIcon = VolumeOffIcon;
-const VolumeOnIcon = () => {
-    return ((0, jsx_runtime_1.jsx)("svg", { width: exports.ICON_SIZE, height: exports.ICON_SIZE, viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { d: "M3 10v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71V6.41c0-.89-1.08-1.34-1.71-.71L7 9H4c-.55 0-1 .45-1 1zm13.5 2A4.5 4.5 0 0014 7.97v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 4.45v.2c0 .38.25.71.6.85C17.18 6.53 19 9.06 19 12s-1.82 5.47-4.4 6.5c-.36.14-.6.47-.6.85v.2c0 .63.63 1.07 1.21.85C18.6 19.11 21 15.84 21 12s-2.4-7.11-5.79-8.4c-.58-.23-1.21.22-1.21.85z", fill: "#fff" }) }));
-};
-exports.VolumeOnIcon = VolumeOnIcon;

package/dist/index.d.ts

@@ -1,61 +0,0 @@
-/// <reference types="react" />
-import type { CallbackListener, PlayerEventTypes } from './event-emitter';
-import { PlayerEmitter } from './event-emitter';
-export { Player, PlayerProps } from './Player';
-export { PlayerMethods, PlayerRef, ThumbnailMethods, ThumbnailRef, } from './player-methods';
-export type { RenderFullscreenButton, RenderPlayPauseButton, } from './PlayerControls';
-export type { ErrorFallback, RenderLoading, RenderPoster } from './PlayerUI';
-export { Thumbnail } from './Thumbnail';
-export { PreviewSize, Translation } from './utils/preview-size';
-export { Size } from './utils/use-element-size';
-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;
-    };
-    usePlayback: ({ loop, playbackRate, moveToBeginningWhenEnded, inFrame, outFrame, }: {
-        loop: boolean;
-        playbackRate: number;
-        moveToBeginningWhenEnded: boolean;
-        inFrame: number | null;
-        outFrame: number | null;
-    }) => void;
-    useElementSize: (ref: import("react").RefObject<HTMLElement>, options: {
-        triggerOnWindowResize: boolean;
-        shouldApplyCssTransforms: boolean;
-    }) => import("./utils/use-element-size").Size | null;
-    calculateCanvasTransformation: ({ previewSize, compositionWidth, compositionHeight, canvasSize, }: {
-        previewSize: number | "auto";
-        compositionWidth: number;
-        compositionHeight: number;
-        canvasSize: import("./utils/use-element-size").Size;
-    }) => {
-        centerX: number;
-        centerY: number;
-        xCorrection: number;
-        yCorrection: number;
-        scale: number;
-    };
-    useHoverState: (ref: import("react").RefObject<HTMLDivElement>) => boolean;
-    updateAllElementsSizes: () => void;
-    calculateScale: ({ canvasSize, compositionHeight, compositionWidth, previewSize, }: {
-        previewSize: number | "auto";
-        compositionWidth: number;
-        compositionHeight: number;
-        canvasSize: import("./utils/use-element-size").Size;
-    }) => number;
-};

package/dist/index.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PlayerInternals = exports.Thumbnail = exports.Player = void 0;
-const calculate_scale_1 = require("./calculate-scale");
-const emitter_context_1 = require("./emitter-context");
-const event_emitter_1 = require("./event-emitter");
-const use_hover_state_1 = require("./use-hover-state");
-const use_playback_1 = require("./use-playback");
-const use_player_1 = require("./use-player");
-const use_element_size_1 = require("./utils/use-element-size");
-var Player_1 = require("./Player");
-Object.defineProperty(exports, "Player", { enumerable: true, get: function () { return Player_1.Player; } });
-var Thumbnail_1 = require("./Thumbnail");
-Object.defineProperty(exports, "Thumbnail", { enumerable: true, get: function () { return Thumbnail_1.Thumbnail; } });
-exports.PlayerInternals = {
-    PlayerEventEmitterContext: emitter_context_1.PlayerEventEmitterContext,
-    PlayerEmitter: event_emitter_1.PlayerEmitter,
-    usePlayer: use_player_1.usePlayer,
-    usePlayback: use_playback_1.usePlayback,
-    useElementSize: use_element_size_1.useElementSize,
-    calculateCanvasTransformation: calculate_scale_1.calculateCanvasTransformation,
-    useHoverState: use_hover_state_1.useHoverState,
-    updateAllElementsSizes: use_element_size_1.updateAllElementsSizes,
-    calculateScale: calculate_scale_1.calculateScale,
-};

package/dist/player-css-classname.d.ts

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

package/dist/player-css-classname.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PLAYER_CSS_CLASSNAME = void 0;
-exports.PLAYER_CSS_CLASSNAME = '__remotion-player';

package/dist/player-methods.d.ts

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

package/dist/player-methods.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/test/index.test.d.ts

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

package/dist/test/index.test.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const vitest_1 = require("vitest");
-const use_player_1 = require("../use-player");
-(0, vitest_1.test)('It should throw an error if not being used inside a RemotionRoot', () => {
-    (0, vitest_1.expect)(() => {
-        (0, use_player_1.usePlayer)();
-    }).toThrow();
-});

package/dist/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/dist/test/test-utils.js

@@ -1,32 +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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HelloWorld = exports.render = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("@testing-library/react");
-const HelloWorld = () => {
-    return (0, jsx_runtime_1.jsx)("div", { children: "Hello World" });
-};
-exports.HelloWorld = HelloWorld;
-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 (0, jsx_runtime_1.jsx)("div", { children: children });
-};
-const customRender = (ui, options) => (0, react_1.render)(ui, { wrapper: AllTheProviders, ...options });
-exports.render = customRender;
-__exportStar(require("@testing-library/react"), exports);

package/dist/test/validate-in-out-frames.test.d.ts

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