@therealtinhtute/baroiplayer 1.0.5 → 1.0.7

package/dist/src/components/variants/minimal/components/SettingsDropdown.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback } from "react";
-import { cn } from "../../../../lib/utils";
-import { defaultMinimalIcons } from "../../../icons";
-export const SettingsDropdown = function SettingsDropdown({ showSettings, playbackRate, onToggleSettings, onChangePlaybackRate }) {
-    const playbackRates = [0.25, 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2];
-    const handleSettingsClick = useCallback((e) => {
-        e.stopPropagation();
-        onToggleSettings();
-    }, [onToggleSettings]);
-    const handleDropdownClick = useCallback((e) => {
-        e.stopPropagation();
-    }, []);
-    return (_jsxs("div", { className: "relative", style: { zIndex: showSettings ? 60 : "auto" }, children: [_jsx("button", { className: cn("minimal-btn h-9 w-9", showSettings && "text-cyan-500"), onClick: handleSettingsClick, "aria-label": "Settings", children: defaultMinimalIcons.settings && _jsx(defaultMinimalIcons.settings, { size: 18 }) }), showSettings && (_jsxs("div", { className: "absolute right-0 mb-2 min-w-[200px] rounded-lg border border-gray-700 bg-gray-900 py-2 shadow-xl", style: {
-                    bottom: "100%",
-                    zIndex: 1000
-                }, onClick: handleDropdownClick, children: [_jsx("div", { className: "px-3 py-1 text-gray-400 text-xs uppercase tracking-wider", children: "Speed" }), _jsx("div", { className: "px-1", children: playbackRates.map((rate) => (_jsx("button", { className: cn("w-full rounded px-3 py-1.5 text-left text-sm transition-colors hover:bg-gray-800", "text-white", playbackRate === rate && "bg-cyan-700/20 text-cyan-400"), onClick: () => onChangePlaybackRate(rate), children: rate === 1 ? "Normal" : `${rate}x` }, rate))) })] }))] }));
-};

package/dist/src/components/variants/minimal/components/SubtitleDisplay.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SubtitleDisplay.d.ts","sourceRoot":"","sources":["SubtitleDisplay.tsx"],"names":[],"mappings":"AAEA,UAAU,oBAAoB;IAC7B,gBAAgB,EAAE,OAAO,CAAA;IACzB,YAAY,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,eAAe,GAA4B,oCAGrD,oBAAoB,mDAUtB,CAAA"}

package/dist/src/components/variants/minimal/components/SubtitleDisplay.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const SubtitleDisplay = function SubtitleDisplay({ subtitlesEnabled, subtitleText }) {
-    if (!subtitlesEnabled || !subtitleText)
-        return null;
-    return (_jsx("div", { className: "pointer-events-none absolute right-0 bottom-20 left-0 px-4 text-center", children: _jsx("div", { className: "inline-block rounded bg-black/75 px-4 py-2 font-medium text-lg text-white", children: subtitleText }) }));
-};

package/dist/src/components/variants/minimal/components/TimeDisplay.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimeDisplay.d.ts","sourceRoot":"","sources":["TimeDisplay.tsx"],"names":[],"mappings":"AAGA,UAAU,gBAAgB;IACzB,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,WAAW,GAAwB,2BAG7C,gBAAgB,4CAMlB,CAAA"}

package/dist/src/components/variants/minimal/components/TimeDisplay.js

@@ -1,5 +0,0 @@
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { formatTime } from "../../../../lib/format-time";
-export const TimeDisplay = function TimeDisplay({ currentTime, duration }) {
-    return (_jsxs("div", { className: "font-mono text-sm text-white", children: [formatTime(currentTime), " / ", formatTime(duration)] }));
-};

package/dist/src/components/variants/minimal/components/VideoElement.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"VideoElement.d.ts","sourceRoot":"","sources":["VideoElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAA;AAEnC,UAAU,iBAAiB;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;IAClD,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gBAAgB,EAAE,OAAO,CAAA;IACzB,WAAW,CAAC,EAAE,WAAW,GAAG,iBAAiB,CAAA;IAC7C,YAAY,EAAE,MAAM,IAAI,CAAA;CACxB;AAED,eAAO,MAAM,YAAY,GAAyB,qFAQ/C,iBAAiB,4CAmBnB,CAAA"}

package/dist/src/components/variants/minimal/components/VideoElement.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const VideoElement = function VideoElement({ videoRef, src, poster, subtitleSrc, subtitlesEnabled, crossOrigin, onTogglePlay }) {
-    return (_jsx("video", { ref: videoRef, src: src, poster: poster, crossOrigin: crossOrigin, className: "h-full w-full object-contain", onClick: onTogglePlay, children: subtitleSrc && (_jsx("track", { kind: "subtitles", src: subtitleSrc, default: subtitlesEnabled })) }));
-};

package/dist/src/components/variants/minimal/components/VolumeControl.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"VolumeControl.d.ts","sourceRoot":"","sources":["VolumeControl.tsx"],"names":[],"mappings":"AAIA,UAAU,kBAAkB;IAC3B,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,OAAO,CAAA;IAChB,gBAAgB,EAAE,OAAO,CAAA;IACzB,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,kBAAkB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAC3C,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,eAAO,MAAM,aAAa,GAA0B,iHASjD,kBAAkB,4CAgMpB,CAAA"}

package/dist/src/components/variants/minimal/components/VolumeControl.js

@@ -1,99 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useCallback, useRef, useEffect } from "react";
-import { cn } from "../../../../lib/utils";
-import { defaultMinimalIcons } from "../../../icons";
-export const VolumeControl = function VolumeControl({ volume, isMuted, showVolumeSlider, onToggleMute, onVolumeChange, onShowVolumeSlider, orientation = "horizontal", className }) {
-    const VolumeIcon = defaultMinimalIcons.volume;
-    const VolumeMutedIcon = defaultMinimalIcons.volumeMuted;
-    const sliderRefHorizontal = useRef(null);
-    const sliderRefVertical = useRef(null);
-    const isDragging = useRef(false);
-    const [isDraggingState, setIsDraggingState] = React.useState(false);
-    const [isHovering, setIsHovering] = React.useState(false);
-    const hideTimeoutRef = useRef(null);
-    const handleVolumeChange = useCallback((e) => {
-        const newVolume = parseFloat(e.target.value);
-        onVolumeChange(newVolume);
-    }, [onVolumeChange]);
-    const handleSliderClick = useCallback((e, isVertical) => {
-        const sliderRef = isVertical ? sliderRefVertical : sliderRefHorizontal;
-        if (!sliderRef.current)
-            return;
-        const rect = sliderRef.current.getBoundingClientRect();
-        let percentage;
-        if (!isVertical) {
-            percentage = Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width));
-        }
-        else {
-            percentage = Math.max(0, Math.min(1, 1 - (e.clientY - rect.top) / rect.height));
-        }
-        onVolumeChange(percentage);
-    }, [onVolumeChange]);
-    const handleMouseDown = useCallback((e, isVertical) => {
-        e.preventDefault();
-        e.stopPropagation();
-        isDragging.current = true;
-        setIsDraggingState(true);
-        handleSliderClick(e, isVertical);
-    }, [handleSliderClick]);
-    useEffect(() => {
-        const handleMouseMove = (e) => {
-            if (!isDragging.current)
-                return;
-            const sliderRef = orientation === "vertical" ? sliderRefVertical : sliderRefHorizontal;
-            if (!sliderRef.current)
-                return;
-            const rect = sliderRef.current.getBoundingClientRect();
-            let percentage;
-            if (orientation === "horizontal") {
-                percentage = Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width));
-            }
-            else {
-                percentage = Math.max(0, Math.min(1, 1 - (e.clientY - rect.top) / rect.height));
-            }
-            onVolumeChange(percentage);
-        };
-        const handleMouseUp = () => {
-            isDragging.current = false;
-            setIsDraggingState(false);
-        };
-        if (isDraggingState) {
-            document.addEventListener("mousemove", handleMouseMove);
-            document.addEventListener("mouseup", handleMouseUp);
-            return () => {
-                document.removeEventListener("mousemove", handleMouseMove);
-                document.removeEventListener("mouseup", handleMouseUp);
-            };
-        }
-    }, [isDraggingState, orientation, onVolumeChange]);
-    const handleMouseEnter = useCallback(() => {
-        if (hideTimeoutRef.current) {
-            clearTimeout(hideTimeoutRef.current);
-        }
-        setIsHovering(true);
-        onShowVolumeSlider(true);
-    }, [onShowVolumeSlider]);
-    const handleMouseLeave = useCallback(() => {
-        // Add a small delay before hiding to prevent flickering
-        hideTimeoutRef.current = setTimeout(() => {
-            if (!isDragging.current) {
-                setIsHovering(false);
-                onShowVolumeSlider(false);
-            }
-        }, 200);
-    }, [onShowVolumeSlider]);
-    // Clean up timeout on unmount
-    useEffect(() => {
-        return () => {
-            if (hideTimeoutRef.current) {
-                clearTimeout(hideTimeoutRef.current);
-            }
-        };
-    }, []);
-    const volumePercentage = (isMuted ? 0 : volume) * 100;
-    return (_jsxs("div", { className: cn("volume-control-wrapper", orientation === "vertical" ? "relative" : "flex items-center gap-2", className), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [orientation === "vertical" && (_jsx("div", { className: cn("volume-slider-vertical", "-translate-x-1/2 absolute bottom-full left-1/2 mb-2", "transition-all duration-300 ease-out", (showVolumeSlider || isHovering || isDraggingState)
-                    ? "pointer-events-auto translate-y-0 opacity-100"
-                    : "pointer-events-none translate-y-2 opacity-0"), children: _jsxs("div", { className: "rounded-lg bg-black/80 p-3 backdrop-blur-sm", children: [_jsxs("div", { ref: sliderRefVertical, className: "volume-slider-track-vertical group", onMouseDown: (e) => handleMouseDown(e, true), onClick: (e) => handleSliderClick(e, true), children: [_jsx("div", { className: "volume-slider-fill-vertical pointer-events-none", style: { height: `${volumePercentage}%` } }), _jsx("div", { className: cn("volume-slider-thumb-vertical pointer-events-none", isDraggingState && "active"), style: { bottom: `${volumePercentage}%` } })] }), _jsxs("div", { className: "mt-2 text-center text-white/70 text-xs", children: [Math.round(volumePercentage), "%"] })] }) })), _jsx("button", { className: "minimal-btn h-10 w-10", onClick: onToggleMute, "aria-label": isMuted ? "Unmute" : "Mute", children: isMuted || volume === 0
-                    ? VolumeMutedIcon && _jsx(VolumeMutedIcon, { size: 20 })
-                    : VolumeIcon && _jsx(VolumeIcon, { size: 20 }) }), orientation === "horizontal" && (_jsx("div", { className: cn("volume-slider-horizontal-wrapper", "overflow-hidden transition-all duration-300 ease-out", (showVolumeSlider || isHovering || isDraggingState) ? "w-24 opacity-100" : "w-0 opacity-0"), children: _jsxs("div", { ref: sliderRefHorizontal, className: "volume-slider-track-horizontal group", onMouseDown: (e) => handleMouseDown(e, false), onClick: (e) => handleSliderClick(e, false), children: [_jsx("div", { className: "volume-slider-fill-horizontal pointer-events-none", style: { width: `${volumePercentage}%` } }), _jsx("div", { className: cn("volume-slider-thumb-horizontal pointer-events-none", isDraggingState && "active"), style: { left: `${volumePercentage}%` } })] }) }))] }));
-};

package/dist/src/components/variants/minimal/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAA;AAEnE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAE7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AAEjE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AAE3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAC7D,YAAY,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAA;AAEvE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AAE3D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AAE3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,YAAY,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAA"}

package/dist/src/components/variants/minimal/index.js

@@ -1,8 +0,0 @@
-export { MinimalMediaPlayer } from "./MinimalMediaPlayer";
-export { MinimalControls } from "./MinimalControls";
-export { MinimalPlayButton } from "./MinimalPlayButton";
-export { MinimalSeekBar } from "./MinimalSeekBar";
-export { MinimalVolumeControl } from "./MinimalVolumeControl";
-export { MinimalOverlay } from "./MinimalOverlay";
-export { MinimalLoading } from "./MinimalLoading";
-export { SimpleMinimalPlayer } from "./SimpleMinimalPlayer";

package/dist/src/components/video-player.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"video-player.d.ts","sourceRoot":"","sources":["video-player.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAEtD,eAAO,MAAM,WAAW,6GAyFvB,CAAA"}

package/dist/src/components/video-player.js

@@ -1,38 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { useKeyboardControls } from "../hooks/use-keyboard-controls";
-import { useMediaPlayer } from "../hooks/use-media-player";
-import { cn } from "../lib/utils";
-export const VideoPlayer = forwardRef(({ src, poster, width = "100%", height = "auto", aspectRatio = "16/9", className, children, keyboardControls = true, showControls = true, customControls = false, crossOrigin, ...options }, ref) => {
-    const { state, controls, mediaRef, containerRef } = useMediaPlayer({
-        src,
-        crossOrigin,
-        ...options
-    });
-    useKeyboardControls({
-        enabled: keyboardControls,
-        state,
-        controls
-    });
-    const renderSources = () => {
-        if (Array.isArray(src)) {
-            return src.map((source, index) => _jsx("source", { src: source }, index));
-        }
-        return null;
-    };
-    const containerStyle = {
-        width,
-        height,
-        aspectRatio: height === "auto" ? aspectRatio : undefined
-    };
-    const videoProps = {
-        ref: mediaRef,
-        controls: showControls && !customControls,
-        poster,
-        className: "w-full h-full object-contain bg-black",
-        ...(Array.isArray(src) ? {} : { src })
-    };
-    return (_jsxs("div", { ref: ref || containerRef, style: containerStyle, className: cn("relative overflow-hidden bg-black", "focus-within:outline-none", className), tabIndex: 0, children: [_jsxs("video", { ...videoProps, children: [Array.isArray(src) && renderSources(), "Your browser does not support the video element."] }), state.error && (_jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/80", children: _jsxs("div", { className: "text-center text-white", children: [_jsx("p", { className: "font-semibold text-lg", children: "Error" }), _jsx("p", { className: "text-sm opacity-80", children: state.error })] }) })), state.isLoading && (_jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/50", children: _jsx("div", { className: "text-white", children: _jsx("div", { className: "h-8 w-8 animate-spin rounded-full border-white border-b-2" }) }) })), customControls && typeof children === "function" && (_jsx("div", { className: "pointer-events-none absolute inset-0", children: _jsx("div", { className: "pointer-events-auto", children: children({ state, controls }) }) })), customControls && typeof children !== "function" && children] }));
-});
-VideoPlayer.displayName = "VideoPlayer";

package/dist/src/context/error-handling.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"error-handling.d.ts","sourceRoot":"","sources":["error-handling.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACtD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAG1D,oBAAY,cAAc;IACzB,aAAa,kBAAkB;IAC/B,cAAc,mBAAmB;IACjC,gBAAgB,qBAAqB;IACrC,mBAAmB,wBAAwB;IAC3C,aAAa,kBAAkB;IAC/B,aAAa,kBAAkB;CAC/B;AAGD,MAAM,WAAW,UAAU;IAC1B,IAAI,EAAE,cAAc,CAAA;IACpB,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,qBAAqB,CAAA;IAC9B,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,KAAK,CAAA;CACrB;AAGD,MAAM,WAAW,WAAW;IAC3B,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,kBAAkB,EAAE,OAAO,CAAA;IAC3B,eAAe,EAAE,cAAc,EAAE,CAAA;IACjC,gBAAgB,EAAE,eAAe,EAAE,CAAA;CACnC;AAuBD,MAAM,WAAW,qBAAqB;IACrC,UAAU,CAAC,KAAK,EAAE,UAAU,GAAG,OAAO,CAAA;IACtC,OAAO,CAAC,KAAK,EAAE,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CACzC;AA8DD,qBAAa,iBAAiB;IAC7B,OAAO,CAAC,MAAM,CAAa;IAC3B,OAAO,CAAC,kBAAkB,CAAyB;IACnD,OAAO,CAAC,UAAU,CAAqC;IACvD,OAAO,CAAC,SAAS,CAA8C;gBAG9D,MAAM,GAAE,OAAO,CAAC,WAAW,CAAM,EACjC,kBAAkB,GAAE,qBAAqB,EAAO;IAYjD,gBAAgB,CACf,KAAK,EAAE,OAAO,EACd,MAAM,CAAC,EAAE,qBAAqB,EAC9B,UAAU,SAAI,GACZ,UAAU;IA2Bb,OAAO,CAAC,eAAe;IA4CvB,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,mBAAmB;IAUrB,WAAW,CAChB,KAAK,EAAE,OAAO,EACd,MAAM,CAAC,EAAE,qBAAqB,EAC9B,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,OAAO,CAAC,IAAI,CAAC,GAC9D,OAAO,CAAC,UAAU,CAAC;IAsDtB,SAAS,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,GAAG,MAAM,IAAI;IAM5D,SAAS,IAAI,UAAU,EAAE;IAKzB,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAKjC,cAAc,IAAI,IAAI;IAKtB,aAAa,IAAI;QAChB,WAAW,EAAE,MAAM,CAAA;QACnB,YAAY,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,CAAA;QAC5C,eAAe,EAAE,MAAM,CAAA;QACvB,YAAY,EAAE,UAAU,EAAE,CAAA;KAC1B;CAoBD;AAGD,wBAAgB,oBAAoB,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC;;;0BAYlB,MAAM;;;qBAvCvC,MAAM;sBACL,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC;yBAC3B,MAAM;sBACT,UAAU,EAAE;;EAqD3B;AAGD,wBAAgB,qBAAqB;;;;0BAOW,OAAO,WAAW,qBAAqB;EAYtF"}

package/dist/src/context/error-handling.js

@@ -1,300 +0,0 @@
-"use client";
-import React from "react";
-// Error types specific to media operations
-export var MediaErrorType;
-(function (MediaErrorType) {
-    MediaErrorType["NETWORK_ERROR"] = "NETWORK_ERROR";
-    MediaErrorType["PLAYBACK_ERROR"] = "PLAYBACK_ERROR";
-    MediaErrorType["PERMISSION_ERROR"] = "PERMISSION_ERROR";
-    MediaErrorType["NOT_SUPPORTED_ERROR"] = "NOT_SUPPORTED_ERROR";
-    MediaErrorType["TIMEOUT_ERROR"] = "TIMEOUT_ERROR";
-    MediaErrorType["UNKNOWN_ERROR"] = "UNKNOWN_ERROR";
-})(MediaErrorType || (MediaErrorType = {}));
-// Default retry configuration
-const DEFAULT_RETRY_CONFIG = {
-    maxRetries: 3,
-    baseDelay: 1000,
-    maxDelay: 10000,
-    exponentialBackoff: true,
-    retryableErrors: [
-        MediaErrorType.NETWORK_ERROR,
-        MediaErrorType.TIMEOUT_ERROR
-    ],
-    retryableActions: [
-        "PLAY",
-        "PAUSE",
-        "SEEK",
-        "SET_VOLUME",
-        "ENTER_FULLSCREEN",
-        "EXIT_FULLSCREEN"
-    ]
-};
-// Network error recovery
-class NetworkErrorRecovery {
-    canRecover(error) {
-        return error.type === MediaErrorType.NETWORK_ERROR && error.retryCount < 3;
-    }
-    async recover(error) {
-        // Wait for network to become available
-        if (navigator.onLine === false) {
-            await new Promise(resolve => {
-                const handleOnline = () => {
-                    window.removeEventListener('online', handleOnline);
-                    resolve(void 0);
-                };
-                window.addEventListener('online', handleOnline);
-            });
-        }
-        // Additional delay for network stability
-        await new Promise(resolve => setTimeout(resolve, 2000));
-    }
-}
-// Playback error recovery
-class PlaybackErrorRecovery {
-    canRecover(error) {
-        return error.type === MediaErrorType.PLAYBACK_ERROR && error.retryCount < 2;
-    }
-    async recover(error) {
-        // Try to reload the media element
-        const mediaElement = document.querySelector('video, audio');
-        if (mediaElement) {
-            mediaElement.load();
-            await new Promise(resolve => {
-                const handleCanPlay = () => {
-                    mediaElement.removeEventListener('canplay', handleCanPlay);
-                    resolve(void 0);
-                };
-                mediaElement.addEventListener('canplay', handleCanPlay);
-            });
-        }
-    }
-}
-// Permission error recovery (for fullscreen, etc.)
-class PermissionErrorRecovery {
-    canRecover(error) {
-        return error.type === MediaErrorType.PERMISSION_ERROR &&
-            error.action?.type === 'ENTER_FULLSCREEN';
-    }
-    async recover(error) {
-        // Request user interaction for fullscreen
-        console.warn('Fullscreen requires user interaction');
-        // In a real implementation, you might show a message to the user
-    }
-}
-// Error handler class
-export class MediaErrorHandler {
-    config;
-    recoveryStrategies;
-    errorQueue = new Map();
-    listeners = new Set();
-    constructor(config = {}, recoveryStrategies = []) {
-        this.config = { ...DEFAULT_RETRY_CONFIG, ...config };
-        this.recoveryStrategies = [
-            new NetworkErrorRecovery(),
-            new PlaybackErrorRecovery(),
-            new PermissionErrorRecovery(),
-            ...recoveryStrategies
-        ];
-    }
-    // Create a media error from a generic error
-    createMediaError(error, action, retryCount = 0) {
-        const timestamp = Date.now();
-        if (error instanceof Error) {
-            const errorType = this.categorizeError(error, action);
-            return {
-                type: errorType,
-                message: error.message,
-                action,
-                timestamp,
-                retryable: this.isRetryable(errorType, action),
-                retryCount,
-                originalError: error
-            };
-        }
-        return {
-            type: MediaErrorType.UNKNOWN_ERROR,
-            message: typeof error === 'string' ? error : 'Unknown error occurred',
-            action,
-            timestamp,
-            retryable: this.isRetryable(MediaErrorType.UNKNOWN_ERROR, action),
-            retryCount
-        };
-    }
-    // Categorize errors based on error properties and action context
-    categorizeError(error, action) {
-        const message = error.message.toLowerCase();
-        // Network-related errors
-        if (message.includes('network') ||
-            message.includes('fetch') ||
-            message.includes('connection') ||
-            error.name === 'NetworkError') {
-            return MediaErrorType.NETWORK_ERROR;
-        }
-        // Permission errors
-        if (message.includes('permission') ||
-            message.includes('denied') ||
-            message.includes('fullscreen') ||
-            error.name === 'NotAllowedError') {
-            return MediaErrorType.PERMISSION_ERROR;
-        }
-        // Playback errors
-        if (message.includes('decode') ||
-            message.includes('format') ||
-            message.includes('codec') ||
-            action?.type === 'PLAY') {
-            return MediaErrorType.PLAYBACK_ERROR;
-        }
-        // Timeout errors
-        if (message.includes('timeout') ||
-            error.name === 'TimeoutError') {
-            return MediaErrorType.TIMEOUT_ERROR;
-        }
-        // Not supported errors
-        if (message.includes('not supported') ||
-            message.includes('unsupported') ||
-            error.name === 'NotSupportedError') {
-            return MediaErrorType.NOT_SUPPORTED_ERROR;
-        }
-        return MediaErrorType.UNKNOWN_ERROR;
-    }
-    // Check if an error/action combination is retryable
-    isRetryable(errorType, action) {
-        const errorRetryable = this.config.retryableErrors.includes(errorType);
-        const actionRetryable = !action || this.config.retryableActions.includes(action.type);
-        return errorRetryable && actionRetryable;
-    }
-    // Calculate retry delay with exponential backoff
-    calculateRetryDelay(retryCount) {
-        if (!this.config.exponentialBackoff) {
-            return this.config.baseDelay;
-        }
-        const delay = this.config.baseDelay * Math.pow(2, retryCount);
-        return Math.min(delay, this.config.maxDelay);
-    }
-    // Handle an error with automatic retry logic
-    async handleError(error, action, retryCallback) {
-        const mediaError = this.createMediaError(error, action, action?.retryCount || 0);
-        const errorId = `${action?.type}-${mediaError.timestamp}`;
-        // Store error for tracking
-        this.errorQueue.set(errorId, mediaError);
-        // Notify listeners
-        this.listeners.forEach(listener => listener(mediaError));
-        // Try recovery strategies
-        for (const strategy of this.recoveryStrategies) {
-            if (strategy.canRecover(mediaError)) {
-                try {
-                    await strategy.recover(mediaError);
-                    break;
-                }
-                catch (recoveryError) {
-                    console.warn('Recovery strategy failed:', recoveryError);
-                }
-            }
-        }
-        // Retry if possible
-        if (mediaError.retryable &&
-            mediaError.retryCount < this.config.maxRetries &&
-            retryCallback &&
-            action) {
-            const delay = this.calculateRetryDelay(mediaError.retryCount);
-            console.log(`Retrying action ${action.type} in ${delay}ms (attempt ${mediaError.retryCount + 1}/${this.config.maxRetries})`);
-            setTimeout(async () => {
-                try {
-                    await retryCallback({
-                        ...action,
-                        retryCount: mediaError.retryCount + 1
-                    });
-                    // Remove from error queue on successful retry
-                    this.errorQueue.delete(errorId);
-                }
-                catch (retryError) {
-                    // Handle retry failure
-                    await this.handleError(retryError, {
-                        ...action,
-                        retryCount: mediaError.retryCount + 1
-                    }, retryCallback);
-                }
-            }, delay);
-        }
-        return mediaError;
-    }
-    // Subscribe to error events
-    subscribe(listener) {
-        this.listeners.add(listener);
-        return () => this.listeners.delete(listener);
-    }
-    // Get current errors
-    getErrors() {
-        return Array.from(this.errorQueue.values());
-    }
-    // Clear specific error
-    clearError(errorId) {
-        this.errorQueue.delete(errorId);
-    }
-    // Clear all errors
-    clearAllErrors() {
-        this.errorQueue.clear();
-    }
-    // Get error statistics
-    getErrorStats() {
-        const errors = this.getErrors();
-        const now = Date.now();
-        const recentThreshold = 5 * 60 * 1000; // 5 minutes
-        const errorsByType = errors.reduce((acc, error) => {
-            acc[error.type] = (acc[error.type] || 0) + 1;
-            return acc;
-        }, {});
-        const retryableErrors = errors.filter(e => e.retryable).length;
-        const recentErrors = errors.filter(e => now - e.timestamp < recentThreshold);
-        return {
-            totalErrors: errors.length,
-            errorsByType,
-            retryableErrors,
-            recentErrors
-        };
-    }
-}
-// Hook for using error handling in components
-export function useMediaErrorHandler(config) {
-    const [handler] = React.useState(() => new MediaErrorHandler(config));
-    const [errors, setErrors] = React.useState([]);
-    React.useEffect(() => {
-        const unsubscribe = handler.subscribe((error) => {
-            setErrors(current => [...current, error]);
-        });
-        return unsubscribe;
-    }, [handler]);
-    const clearError = React.useCallback((errorId) => {
-        handler.clearError(errorId);
-        setErrors(current => current.filter(e => `${e.action?.type}-${e.timestamp}` !== errorId));
-    }, [handler]);
-    const clearAllErrors = React.useCallback(() => {
-        handler.clearAllErrors();
-        setErrors([]);
-    }, [handler]);
-    return {
-        handler,
-        errors,
-        clearError,
-        clearAllErrors,
-        errorStats: handler.getErrorStats()
-    };
-}
-// Hook for error boundaries
-export function useMediaErrorBoundary() {
-    const [error, setError] = React.useState(null);
-    const resetError = React.useCallback(() => {
-        setError(null);
-    }, []);
-    const captureError = React.useCallback((error, action) => {
-        const handler = new MediaErrorHandler();
-        const mediaError = handler.createMediaError(error, action);
-        setError(mediaError);
-    }, []);
-    return {
-        error,
-        hasError: !!error,
-        resetError,
-        captureError
-    };
-}

package/dist/src/context/media-context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"media-context.d.ts","sourceRoot":"","sources":["media-context.tsx"],"names":[],"mappings":"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"}

package/dist/src/context/media-context.js

@@ -1,121 +0,0 @@
-"use client";
-import React from "react";
-// Media action types
-export const MediaActionTypes = {
-    PLAY: "PLAY",
-    PAUSE: "PAUSE",
-    SEEK: "SEEK",
-    SET_VOLUME: "SET_VOLUME",
-    MUTE: "MUTE",
-    UNMUTE: "UNMUTE",
-    TOGGLE_MUTE: "TOGGLE_MUTE",
-    SET_DURATION: "SET_DURATION",
-    SET_CURRENT_TIME: "SET_CURRENT_TIME",
-    SET_BUFFERED: "SET_BUFFERED",
-    SET_LOADING: "SET_LOADING",
-    SET_ERROR: "SET_ERROR",
-    ENTER_FULLSCREEN: "ENTER_FULLSCREEN",
-    EXIT_FULLSCREEN: "EXIT_FULLSCREEN",
-    ENTER_PIP: "ENTER_PIP",
-    EXIT_PIP: "EXIT_PIP",
-    SET_PLAYBACK_RATE: "SET_PLAYBACK_RATE",
-    SET_SUBTITLE_TRACK: "SET_SUBTITLE_TRACK",
-    SET_RENDITION: "SET_RENDITION",
-    TOGGLE_SUBTITLES: "TOGGLE_SUBTITLES",
-    PREVIEW_TIME: "PREVIEW_TIME",
-    CLEAR_PREVIEW: "CLEAR_PREVIEW",
-    // New actions for Video.js adapter
-    SET_BUFFERING: "SET_BUFFERING",
-    SET_QUALITY_LEVEL: "SET_QUALITY_LEVEL",
-    SET_BANDWIDTH_ESTIMATE: "SET_BANDWIDTH_ESTIMATE",
-    SET_ACTIVE_TEXT_TRACKS: "SET_ACTIVE_TEXT_TRACKS"
-};
-// Create the media context
-export const MediaContext = React.createContext(null);
-// Hook to use media context
-export function useMediaContext() {
-    const context = React.useContext(MediaContext);
-    if (!context) {
-        throw new Error("useMediaContext must be used within a MediaPlayer");
-    }
-    return context;
-}
-// Store context for state management
-export const MediaStoreContext = React.createContext(null);
-// Hook to use media store
-export function useMediaStore() {
-    const store = React.useContext(MediaStoreContext);
-    if (!store) {
-        throw new Error("useMediaStore must be used within a MediaPlayer");
-    }
-    return store;
-}
-// Hook to select specific state values - React 19 optimized
-export function useMediaSelector(selector) {
-    const store = useMediaStore();
-    // React 19 compiler will optimize this callback
-    const getSnapshot = () => selector(store.getState());
-    return React.useSyncExternalStore(store.subscribe, getSnapshot, getSnapshot);
-}
-// Hook to get dispatch function
-export function useMediaDispatch() {
-    const store = useMediaStore();
-    return store.dispatch;
-}
-// React 19 enhanced context selector with optimistic updates
-export function useOptimisticMediaSelector(selector) {
-    const store = useMediaStore();
-    // Check if enhanced store is available
-    const isEnhanced = 'getOptimisticState' in store;
-    const getSnapshot = () => {
-        if (isEnhanced) {
-            // Use optimistic state for immediate UI feedback
-            return selector(store.getOptimisticState());
-        }
-        else {
-            // Fall back to regular state
-            return selector(store.getState());
-        }
-    };
-    return React.useSyncExternalStore(store.subscribe, getSnapshot, getSnapshot);
-}
-// Hook for accessing React 19 enhanced features
-export function useMediaEnhancements() {
-    const store = useMediaStore();
-    const context = useMediaContext();
-    const isEnhanced = 'getOptimisticState' in store;
-    const errorHandler = 'errorHandler' in context ? context.errorHandler : null;
-    const isRehydrated = 'isRehydrated' in context ? context.isRehydrated : true;
-    return {
-        isEnhanced,
-        errorHandler,
-        isRehydrated,
-        actionsState: isEnhanced ? store.getActionState() : null
-    };
-}
-// Initial media state
-export const initialMediaState = {
-    isPlaying: false,
-    currentTime: 0,
-    duration: 0,
-    buffered: null,
-    isLoading: false,
-    isBuffering: false,
-    error: null,
-    volume: 1,
-    isMuted: false,
-    isFullscreen: false,
-    isPictureInPicture: false,
-    playbackRate: 1,
-    subtitlesShowing: false,
-    selectedSubtitleTrack: null,
-    selectedRendition: null,
-    qualityLevel: -1,
-    bandwidthEstimate: 0,
-    activeTextTracks: [],
-    previewTime: null,
-    previewImage: null,
-    previewCoords: null,
-    subtitlesList: [],
-    renditionList: []
-};

package/dist/src/context/media-provider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"media-provider.d.ts","sourceRoot":"","sources":["media-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAKN,KAAK,UAAU,EAIf,MAAM,iBAAiB,CAAA;AAExB,OAAO,EAA2B,KAAK,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAC/E,OAAO,EAAqB,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAyHtE,MAAM,WAAW,kBAAkB;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;IACnB,eAAe,CAAC,EAAE,WAAW,CAAA;IAC7B,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAA;IAGlC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAA;IAC9C,WAAW,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;IAClC,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAA;CACxD;AAGD,wBAAgB,aAAa,CAAC,EAC7B,QAAQ,EACR,OAAwB,EACxB,OAA8B,EAC9B,aAA0C,EAC1C,GAAW,EACX,eAAe,EACf,oBAA0B,EAC1B,iBAAqB,EACrB,QAAgB,EAChB,OAAc,EACd,cAAsB,EACtB,YAAiB,EAEjB,gBAAuB,EACvB,iBAAiB,EACjB,WAAW,EACX,uBAA8B,EAC9B,mBAA0B,EAC1B,iBAAiB,EACjB,EAAE,kBAAkB,2CAoFpB"}