@therealtinhtute/baroiplayer 1.0.8 → 1.2.0

package/dist/src/hooks/accessibility/use-screen-reader.ts

@@ -1,182 +0,0 @@
-import { useRef, useCallback, useEffect } from 'react'
-
-export type AnnouncementPriority = 'assertive' | 'polite' | 'off'
-
-export interface UseScreenReaderOptions {
-  defaultPriority?: AnnouncementPriority
-  debounceMs?: number
-}
-
-export function useScreenReader({
-  defaultPriority = 'polite',
-  debounceMs = 100
-}: UseScreenReaderOptions = {}) {
-  const liveRegionRef = useRef<HTMLDivElement | null>(null)
-  const timeoutRef = useRef<NodeJS.Timeout>()
-
-  // Create or get the live region for announcements
-  const getLiveRegion = useCallback((priority: AnnouncementPriority) => {
-    if (!liveRegionRef.current) {
-      const liveRegion = document.createElement('div')
-      liveRegion.setAttribute('aria-live', priority)
-      liveRegion.setAttribute('aria-atomic', 'true')
-      liveRegion.setAttribute('class', 'sr-only')
-      liveRegion.style.cssText = `
-        position: absolute !important;
-        width: 1px !important;
-        height: 1px !important;
-        padding: 0 !important;
-        margin: -1px !important;
-        overflow: hidden !important;
-        clip: rect(0, 0, 0, 0) !important;
-        white-space: nowrap !important;
-        border: 0 !important;
-      `
-      document.body.appendChild(liveRegion)
-      liveRegionRef.current = liveRegion
-    }
-
-    // Update priority if needed
-    if (liveRegionRef.current.getAttribute('aria-live') !== priority) {
-      liveRegionRef.current.setAttribute('aria-live', priority)
-    }
-
-    return liveRegionRef.current
-  }, [])
-
-  // Announce a message to screen readers
-  const announce = useCallback((
-    message: string,
-    priority: AnnouncementPriority = defaultPriority
-  ) => {
-    if (!message.trim() || priority === 'off') return
-
-    // Clear existing timeout
-    if (timeoutRef.current) {
-      clearTimeout(timeoutRef.current)
-    }
-
-    // Debounce announcements
-    timeoutRef.current = setTimeout(() => {
-      const liveRegion = getLiveRegion(priority)
-      
-      // Clear and then set the message to ensure it's announced
-      liveRegion.textContent = ''
-      
-      // Use requestAnimationFrame to ensure the clear happens first
-      requestAnimationFrame(() => {
-        liveRegion.textContent = message
-      })
-    }, debounceMs)
-  }, [defaultPriority, debounceMs, getLiveRegion])
-
-  // Cleanup on unmount
-  useEffect(() => {
-    return () => {
-      if (timeoutRef.current) {
-        clearTimeout(timeoutRef.current)
-      }
-      if (liveRegionRef.current) {
-        document.body.removeChild(liveRegionRef.current)
-        liveRegionRef.current = null
-      }
-    }
-  }, [])
-
-  return { announce }
-}
-
-// Hook specifically for media player screen reader announcements
-export function useMediaScreenReader() {
-  const { announce } = useScreenReader({ defaultPriority: 'polite' })
-
-  // Announce playback state changes
-  const announcePlaybackState = useCallback((isPlaying: boolean) => {
-    announce(isPlaying ? 'Playing' : 'Paused', 'assertive')
-  }, [announce])
-
-  // Announce volume changes
-  const announceVolume = useCallback((volume: number, isMuted: boolean) => {
-    if (isMuted) {
-      announce('Muted', 'assertive')
-    } else {
-      const volumePercent = Math.round(volume * 100)
-      announce(`Volume ${volumePercent}%`, 'polite')
-    }
-  }, [announce])
-
-  // Announce time position changes
-  const announceTime = useCallback((currentTime: number, duration: number) => {
-    const formatTime = (seconds: number) => {
-      const hours = Math.floor(seconds / 3600)
-      const minutes = Math.floor((seconds % 3600) / 60)
-      const secs = Math.floor(seconds % 60)
-      
-      if (hours > 0) {
-        return `${hours}:${minutes.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`
-      }
-      return `${minutes}:${secs.toString().padStart(2, '0')}`
-    }
-
-    const current = formatTime(currentTime)
-    const total = formatTime(duration)
-    announce(`${current} of ${total}`, 'polite')
-  }, [announce])
-
-  // Announce fullscreen state changes
-  const announceFullscreen = useCallback((isFullscreen: boolean) => {
-    announce(isFullscreen ? 'Entered fullscreen' : 'Exited fullscreen', 'assertive')
-  }, [announce])
-
-  // Announce subtitle state changes
-  const announceSubtitles = useCallback((enabled: boolean, language?: string) => {
-    if (enabled) {
-      announce(language ? `Subtitles enabled in ${language}` : 'Subtitles enabled', 'assertive')
-    } else {
-      announce('Subtitles disabled', 'assertive')
-    }
-  }, [announce])
-
-  // Announce playback speed changes
-  const announcePlaybackSpeed = useCallback((speed: number) => {
-    if (speed === 1) {
-      announce('Normal playback speed', 'assertive')
-    } else {
-      announce(`Playback speed ${speed}x`, 'assertive')
-    }
-  }, [announce])
-
-  // Announce quality changes
-  const announceQuality = useCallback((quality: string) => {
-    announce(`Quality changed to ${quality}`, 'polite')
-  }, [announce])
-
-  // Announce loading state
-  const announceLoading = useCallback((isLoading: boolean) => {
-    announce(isLoading ? 'Loading...' : 'Loading complete', 'polite')
-  }, [announce])
-
-  // Announce errors
-  const announceError = useCallback((error: string) => {
-    announce(`Error: ${error}`, 'assertive')
-  }, [announce])
-
-  // Announce buffering state
-  const announceBuffering = useCallback((isBuffering: boolean) => {
-    announce(isBuffering ? 'Buffering...' : 'Buffering complete', 'polite')
-  }, [announce])
-
-  return {
-    announce,
-    announcePlaybackState,
-    announceVolume,
-    announceTime,
-    announceFullscreen,
-    announceSubtitles,
-    announcePlaybackSpeed,
-    announceQuality,
-    announceLoading,
-    announceError,
-    announceBuffering
-  }
-}

package/dist/src/hooks/core/index.d.ts

@@ -1,18 +0,0 @@
-export { useKeyboardControls } from "../use-keyboard-controls";
-export { useMediaPlayer } from "../use-media-player";
-export { useAdaptiveMediaState, useEnhancedMediaState, useMediaState } from "../use-media-state";
-export { useMediaActions, useMediaActionState } from "../use-media-actions";
-export type { MediaActionPayloads } from "../use-media-actions";
-export { useMediaOptimistic, useMediaStateComparison, useOptimisticUpdates } from "../use-media-optimistic";
-export { useMediaGestures, useTouchGestures } from "../use-touch-gestures";
-export type { GestureConfig, GestureEvent, GestureType } from "../use-touch-gestures";
-export { useVideoPlayer } from "../useVideoPlayer";
-export { useSubtitles } from "../useSubtitles";
-export { useEnhancedSubtitles } from "../useEnhancedSubtitles";
-export type { SubtitleTrack, UseEnhancedSubtitlesOptions } from "../useEnhancedSubtitles";
-export { useMediaControls } from "../useMediaControls";
-export { useScreenshot } from "../useScreenshot";
-export type { VideoState, VideoControls } from "../useVideoPlayer";
-export { useMediaMetadata } from "../use-media-metadata";
-export { useOptimisticControls } from "../use-optimistic-controls";
-//# sourceMappingURL=index.d.ts.map

package/dist/src/hooks/core/index.ts

@@ -1,47 +0,0 @@
-// Core Media Player Hooks
-export { useKeyboardControls } from "../use-keyboard-controls";
-export { useMediaPlayer } from "../use-media-player";
-
-// Media State Hooks
-export {
-  useAdaptiveMediaState,
-  useEnhancedMediaState,
-  useMediaState
-} from "../use-media-state";
-
-// React 19 Advanced Hooks
-export {
-  useMediaActions,
-  useMediaActionState
-} from "../use-media-actions";
-export type { MediaActionPayloads } from "../use-media-actions";
-
-export {
-  useMediaOptimistic,
-  useMediaStateComparison,
-  useOptimisticUpdates
-} from "../use-media-optimistic";
-
-// Mobile-First Touch Gestures
-export {
-  useMediaGestures,
-  useTouchGestures
-} from "../use-touch-gestures";
-export type {
-  GestureConfig,
-  GestureEvent,
-  GestureType
-} from "../use-touch-gestures";
-
-// Refactored Hooks (React 19 optimized)
-export { useVideoPlayer } from "../useVideoPlayer";
-export { useSubtitles } from "../useSubtitles";
-export { useEnhancedSubtitles } from "../useEnhancedSubtitles";
-export type { SubtitleTrack, UseEnhancedSubtitlesOptions } from "../useEnhancedSubtitles";
-export { useMediaControls } from "../useMediaControls";
-export { useScreenshot } from "../useScreenshot";
-export type { VideoState, VideoControls } from "../useVideoPlayer";
-
-// Specialized hooks
-export { useMediaMetadata } from "../use-media-metadata";
-export { useOptimisticControls } from "../use-optimistic-controls";

package/dist/src/hooks/legacy.d.ts

@@ -1,18 +0,0 @@
-/**
- * Legacy Hooks (Deprecated)
- * These hooks are wrapped with deprecation warnings
- */
-export declare function useVideoPlayer(props: any): {
-    state: import("..").MediaPlayerState;
-    controls: import("../types").MediaPlayerControls;
-    mediaRef: import("react").RefObject<HTMLVideoElement | HTMLAudioElement | null>;
-    containerRef: import("react").RefObject<HTMLDivElement | null>;
-};
-export declare function useEnhancedSubtitles(props: any): {
-    subtitlesEnabled: boolean;
-    currentSubtitle: string;
-    toggleSubtitles: () => void;
-    getCurrentSubtitle: (currentTime: number) => string;
-    setCurrentSubtitle: import("react").Dispatch<import("react").SetStateAction<string>>;
-};
-//# sourceMappingURL=legacy.d.ts.map

package/dist/src/hooks/legacy.ts

@@ -1,27 +0,0 @@
-/**
- * Legacy Hooks (Deprecated)
- * These hooks are wrapped with deprecation warnings
- */
-
-import { showDeprecationWarning } from "../lib/deprecation"
-
-// Import current hooks
-import { useMediaPlayer } from "./use-media-player"
-import { useSubtitles } from "./useSubtitles"
-
-// Legacy hook wrappers with deprecation warnings
-export function useVideoPlayer(props: any) {
-	showDeprecationWarning(
-		"useVideoPlayer",
-		"useMediaPlayer (the primary media player hook)"
-	)
-	return useMediaPlayer(props)
-}
-
-export function useEnhancedSubtitles(props: any) {
-	showDeprecationWarning(
-		"useEnhancedSubtitles",
-		"useSubtitles (the current subtitle hook)"
-	)
-	return useSubtitles(props)
-}

package/dist/src/hooks/use-enhanced-media-player.d.ts

@@ -1,88 +0,0 @@
-import React from "react";
-interface UseEnhancedMediaPlayerOptions {
-    src: string | string[];
-    autoPlay?: boolean;
-    loop?: boolean;
-    muted?: boolean;
-    volume?: number;
-    preload?: "none" | "metadata" | "auto";
-    crossOrigin?: "anonymous" | "use-credentials";
-    playbackRates?: number[];
-    keyboardControls?: boolean;
-    showControls?: boolean;
-    customControls?: boolean;
-    enablePerformanceMonitoring?: boolean;
-    bufferingStrategy?: "aggressive" | "conservative" | "adaptive";
-    enableTimeUpdateThrottling?: boolean;
-    timeUpdateThrottleMs?: number;
-    enableSeekPreview?: boolean;
-    preloadStrategy?: "eager" | "lazy" | "progressive";
-}
-export declare function useEnhancedMediaPlayer(options: UseEnhancedMediaPlayerOptions): {
-    mediaRef: React.RefObject<HTMLVideoElement | HTMLAudioElement | null>;
-    containerRef: React.RefObject<HTMLDivElement | null>;
-    state: {
-        isPlaying: boolean;
-        currentTime: number;
-        duration: any;
-        volume: number;
-        isMuted: boolean;
-        isLoading: boolean;
-        isBuffering: boolean;
-        error: any;
-        buffered: any;
-        isFullscreen: boolean;
-        progress: number;
-        isTransitioning: boolean;
-        canPlay: boolean;
-    };
-    actualState: import("../context/media-context").MediaState | undefined;
-    controls: {
-        play: () => Promise<void>;
-        pause: () => void;
-        toggle: () => void;
-        seek: (time: number) => void;
-        setVolume: (volume: number) => void;
-        toggleMute: () => void;
-        enterFullscreen: () => Promise<void>;
-        exitFullscreen: () => Promise<void>;
-    };
-    performanceMetrics: {
-        frameRate: number;
-        averageRenderTime: number;
-        droppedFrames: number;
-        bufferHealth: number;
-    };
-    isTransitioning: boolean;
-    actions: any;
-    actionState: any;
-    optimisticState: {
-        dispatchOptimistic: (action: import("../index-legacy").OptimisticMediaAction) => Promise<void>;
-        togglePlayPause: () => Promise<void>;
-        setVolumeOptimistic: (volume: number) => Promise<void>;
-        seekOptimistic: (time: number) => Promise<void>;
-        toggleMuteOptimistic: () => Promise<void>;
-        toggleFullscreenOptimistic: () => Promise<void>;
-        setPlaybackRateOptimistic: (rate: number) => Promise<void>;
-        toggleSubtitlesOptimistic: () => Promise<void>;
-        isPlaying: boolean;
-        currentTime: number;
-        volume: number;
-        isMuted: boolean;
-        isFullscreen: boolean;
-        playbackRate: number;
-        subtitlesShowing: boolean;
-        previewTime: number | null;
-        progress: number;
-        formattedTime: string;
-        formattedDuration: string;
-        canPlay: boolean;
-        hasError: boolean;
-        isBuffering: boolean;
-        state: import("../context/media-context").MediaState;
-        actualState: import("../context/media-context").MediaState;
-    } | null;
-    isEnhanced: boolean;
-};
-export {};
-//# sourceMappingURL=use-enhanced-media-player.d.ts.map