@therealtinhtute/baroiplayer 1.0.6 → 1.0.7

package/dist/src/hooks/accessibility/use-focus-management.js

@@ -1,142 +0,0 @@
-import { useRef, useCallback, useEffect } from 'react';
-export function useFocusManagement({ restoreFocus = true, initialFocus } = {}) {
-    const previousFocusRef = useRef(null);
-    const containerRef = useRef(null);
-    // Store the previously focused element
-    const storePreviousFocus = useCallback(() => {
-        previousFocusRef.current = document.activeElement;
-    }, []);
-    // Restore focus to the previously focused element
-    const restorePreviousFocus = useCallback((options = {}) => {
-        if (previousFocusRef.current && restoreFocus) {
-            previousFocusRef.current.focus({
-                preventScroll: options.preventScroll
-            });
-            previousFocusRef.current = null;
-        }
-    }, [restoreFocus]);
-    // Focus an element by selector or element
-    const focusElement = useCallback((target, options = {}) => {
-        let element = null;
-        if (typeof target === 'string') {
-            element = containerRef.current?.querySelector(target) ||
-                document.querySelector(target);
-        }
-        else if (typeof target === 'function') {
-            element = target();
-        }
-        else {
-            element = target;
-        }
-        if (element) {
-            element.focus({
-                preventScroll: options.preventScroll
-            });
-        }
-    }, []);
-    // Get all focusable elements within a container
-    const getFocusableElements = useCallback((container) => {
-        const root = container || containerRef.current || document;
-        const focusableSelectors = [
-            'button:not([disabled])',
-            'input:not([disabled])',
-            'textarea:not([disabled])',
-            'select:not([disabled])',
-            'a[href]',
-            '[tabindex]:not([tabindex="-1"])',
-            'audio[controls]',
-            'video[controls]',
-            '[contenteditable]:not([contenteditable="false"])'
-        ].join(', ');
-        return Array.from(root.querySelectorAll(focusableSelectors));
-    }, []);
-    // Create a focus trap within the container
-    const createFocusTrap = useCallback(() => {
-        const handleKeyDown = (event) => {
-            if (event.key !== 'Tab')
-                return;
-            const focusableElements = getFocusableElements();
-            if (focusableElements.length === 0)
-                return;
-            const firstFocusable = focusableElements[0];
-            const lastFocusable = focusableElements[focusableElements.length - 1];
-            if (event.shiftKey) {
-                // Shift + Tab
-                if (document.activeElement === firstFocusable) {
-                    event.preventDefault();
-                    lastFocusable.focus();
-                }
-            }
-            else {
-                // Tab
-                if (document.activeElement === lastFocusable) {
-                    event.preventDefault();
-                    firstFocusable.focus();
-                }
-            }
-        };
-        document.addEventListener('keydown', handleKeyDown);
-        return () => document.removeEventListener('keydown', handleKeyDown);
-    }, [getFocusableElements]);
-    // Navigate to next/previous focusable element
-    const navigateFocus = useCallback((direction) => {
-        const focusableElements = getFocusableElements();
-        const currentIndex = focusableElements.indexOf(document.activeElement);
-        let nextIndex;
-        if (direction === 'next') {
-            nextIndex = currentIndex + 1 >= focusableElements.length ? 0 : currentIndex + 1;
-        }
-        else {
-            nextIndex = currentIndex - 1 < 0 ? focusableElements.length - 1 : currentIndex - 1;
-        }
-        focusableElements[nextIndex]?.focus();
-    }, [getFocusableElements]);
-    // Initialize focus on mount
-    useEffect(() => {
-        if (initialFocus) {
-            const timer = setTimeout(() => {
-                focusElement(initialFocus);
-            }, 0);
-            return () => clearTimeout(timer);
-        }
-    }, [initialFocus, focusElement]);
-    return {
-        containerRef,
-        storePreviousFocus,
-        restorePreviousFocus,
-        focusElement,
-        getFocusableElements,
-        createFocusTrap,
-        navigateFocus
-    };
-}
-// Hook for managing focus within media player controls
-export function useMediaPlayerFocus() {
-    const focusManager = useFocusManagement({
-        restoreFocus: true,
-        initialFocus: '[data-media-control="play-pause"]'
-    });
-    // Focus on play/pause button
-    const focusPlayPause = useCallback(() => {
-        focusManager.focusElement('[data-media-control="play-pause"]');
-    }, [focusManager]);
-    // Focus on seek bar
-    const focusSeekBar = useCallback(() => {
-        focusManager.focusElement('[data-media-control="seek-bar"]');
-    }, [focusManager]);
-    // Focus on volume control
-    const focusVolumeControl = useCallback(() => {
-        focusManager.focusElement('[data-media-control="volume"]');
-    }, [focusManager]);
-    // Focus on settings button
-    const focusSettings = useCallback(() => {
-        focusManager.focusElement('[data-media-control="settings"]');
-    }, [focusManager]);
-    return {
-        ...focusManager,
-        focusPlayPause,
-        focusSeekBar,
-        focusVolumeControl,
-        focusSettings
-    };
-}

package/dist/src/hooks/accessibility/use-keyboard-shortcuts.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-keyboard-shortcuts.d.ts","sourceRoot":"","sources":["use-keyboard-shortcuts.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED,MAAM,WAAW,2BAA2B;IAC1C,SAAS,EAAE,gBAAgB,EAAE,CAAA;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;CAC5B;AAED,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,OAAc,EACd,MAAM,EACP,EAAE,2BAA2B;;;;;;;;;;EAmD7B;AAGD,eAAO,MAAM,4BAA4B,GAAI,UAAU;IACrD,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,eAAe,EAAE,MAAM,IAAI,CAAA;IAC3B,WAAW,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,YAAY,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB,KAAG,gBAAgB,EAwDnB,CAAA"}

package/dist/src/hooks/accessibility/use-keyboard-shortcuts.js

@@ -1,101 +0,0 @@
-import { useEffect, useCallback, useRef } from 'react';
-export function useKeyboardShortcuts({ shortcuts, enabled = true, target }) {
-    const shortcutsRef = useRef(shortcuts);
-    shortcutsRef.current = shortcuts;
-    const handleKeyDown = useCallback((event) => {
-        if (!enabled)
-            return;
-        // Don't trigger shortcuts when user is typing in inputs
-        if (event.target instanceof HTMLInputElement ||
-            event.target instanceof HTMLTextAreaElement ||
-            event.target?.contentEditable === 'true') {
-            return;
-        }
-        const shortcut = shortcutsRef.current.find(s => s.key.toLowerCase() === event.key.toLowerCase() &&
-            !!s.ctrlKey === event.ctrlKey &&
-            !!s.altKey === event.altKey &&
-            !!s.shiftKey === event.shiftKey);
-        if (shortcut) {
-            if (shortcut.preventDefault !== false) {
-                event.preventDefault();
-            }
-            shortcut.action();
-        }
-    }, [enabled]);
-    useEffect(() => {
-        const element = target || document;
-        element.addEventListener('keydown', handleKeyDown);
-        return () => {
-            element.removeEventListener('keydown', handleKeyDown);
-        };
-    }, [handleKeyDown, target]);
-    return {
-        shortcuts: shortcuts.map(s => ({
-            key: s.key,
-            description: s.description,
-            modifiers: {
-                ctrl: s.ctrlKey,
-                alt: s.altKey,
-                shift: s.shiftKey
-            }
-        }))
-    };
-}
-// Pre-defined media player shortcuts
-export const createMediaKeyboardShortcuts = (controls) => [
-    {
-        key: ' ',
-        action: controls.togglePlayPause,
-        description: 'Play/Pause'
-    },
-    {
-        key: 'k',
-        action: controls.togglePlayPause,
-        description: 'Play/Pause (K)'
-    },
-    {
-        key: 'ArrowLeft',
-        action: () => controls.seekBackward(10),
-        description: 'Seek backward 10 seconds'
-    },
-    {
-        key: 'ArrowRight',
-        action: () => controls.seekForward(10),
-        description: 'Seek forward 10 seconds'
-    },
-    {
-        key: 'j',
-        action: () => controls.seekBackward(10),
-        description: 'Seek backward 10 seconds (J)'
-    },
-    {
-        key: 'l',
-        action: () => controls.seekForward(10),
-        description: 'Seek forward 10 seconds (L)'
-    },
-    {
-        key: 'ArrowUp',
-        action: controls.volumeUp,
-        description: 'Volume up'
-    },
-    {
-        key: 'ArrowDown',
-        action: controls.volumeDown,
-        description: 'Volume down'
-    },
-    {
-        key: 'm',
-        action: controls.toggleMute,
-        description: 'Toggle mute'
-    },
-    {
-        key: 'f',
-        action: controls.toggleFullscreen,
-        description: 'Toggle fullscreen'
-    },
-    ...(controls.showHelp ? [{
-            key: '?',
-            action: controls.showHelp,
-            description: 'Show keyboard shortcuts help'
-        }] : [])
-];

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

@@ -1 +0,0 @@
-{"version":3,"file":"use-screen-reader.d.ts","sourceRoot":"","sources":["use-screen-reader.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAAG,QAAQ,GAAG,KAAK,CAAA;AAEjE,MAAM,WAAW,sBAAsB;IACrC,eAAe,CAAC,EAAE,oBAAoB,CAAA;IACtC,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,wBAAgB,eAAe,CAAC,EAC9B,eAA0B,EAC1B,UAAgB,EACjB,GAAE,sBAA2B;wBAoCjB,MAAM,aACL,oBAAoB;EAqCjC;AAGD,wBAAgB,oBAAoB;wBAzCvB,MAAM,aACL,oBAAoB;uCA4CsB,OAAO;6BAKjB,MAAM,WAAW,OAAO;gCAUrB,MAAM,YAAY,MAAM;uCAkBjB,OAAO;iCAKb,OAAO,aAAa,MAAM;mCASxB,MAAM;+BASV,MAAM;iCAKJ,OAAO;2BAKb,MAAM;qCAKI,OAAO;EAiB5D"}

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

@@ -1,148 +0,0 @@
-import { useRef, useCallback, useEffect } from 'react';
-export function useScreenReader({ defaultPriority = 'polite', debounceMs = 100 } = {}) {
-    const liveRegionRef = useRef(null);
-    const timeoutRef = useRef();
-    // Create or get the live region for announcements
-    const getLiveRegion = useCallback((priority) => {
-        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, priority = 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) => {
-        announce(isPlaying ? 'Playing' : 'Paused', 'assertive');
-    }, [announce]);
-    // Announce volume changes
-    const announceVolume = useCallback((volume, isMuted) => {
-        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, duration) => {
-        const formatTime = (seconds) => {
-            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) => {
-        announce(isFullscreen ? 'Entered fullscreen' : 'Exited fullscreen', 'assertive');
-    }, [announce]);
-    // Announce subtitle state changes
-    const announceSubtitles = useCallback((enabled, language) => {
-        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) => {
-        if (speed === 1) {
-            announce('Normal playback speed', 'assertive');
-        }
-        else {
-            announce(`Playback speed ${speed}x`, 'assertive');
-        }
-    }, [announce]);
-    // Announce quality changes
-    const announceQuality = useCallback((quality) => {
-        announce(`Quality changed to ${quality}`, 'polite');
-    }, [announce]);
-    // Announce loading state
-    const announceLoading = useCallback((isLoading) => {
-        announce(isLoading ? 'Loading...' : 'Loading complete', 'polite');
-    }, [announce]);
-    // Announce errors
-    const announceError = useCallback((error) => {
-        announce(`Error: ${error}`, 'assertive');
-    }, [announce]);
-    // Announce buffering state
-    const announceBuffering = useCallback((isBuffering) => {
-        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.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAGrD,OAAO,EACL,qBAAqB,EACrB,qBAAqB,EACrB,aAAa,EACd,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EACL,eAAe,EACf,mBAAmB,EACpB,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAEhE,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,oBAAoB,EACrB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EACV,aAAa,EACb,YAAY,EACZ,WAAW,EACZ,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,YAAY,EAAE,aAAa,EAAE,2BAA2B,EAAE,MAAM,yBAAyB,CAAC;AAC1F,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC"}

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

@@ -1,19 +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 { useMediaOptimistic, useMediaStateComparison, useOptimisticUpdates } from "../use-media-optimistic";
-// Mobile-First Touch Gestures
-export { useMediaGestures, useTouchGestures } from "../use-touch-gestures";
-// Refactored Hooks (React 19 optimized)
-export { useVideoPlayer } from "../useVideoPlayer";
-export { useSubtitles } from "../useSubtitles";
-export { useEnhancedSubtitles } from "../useEnhancedSubtitles";
-export { useMediaControls } from "../useMediaControls";
-export { useScreenshot } from "../useScreenshot";
-// Specialized hooks
-export { useMediaMetadata } from "../use-media-metadata";
-export { useOptimisticControls } from "../use-optimistic-controls";

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

@@ -1 +0,0 @@
-{"version":3,"file":"legacy.d.ts","sourceRoot":"","sources":["legacy.ts"],"names":[],"mappings":"AAAA;;;GAGG;AASH,wBAAgB,cAAc,CAAC,KAAK,EAAE,GAAG;;;;;EAMxC;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,GAAG;;;;;;EAM9C"}

package/dist/src/hooks/legacy.js

@@ -1,17 +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) {
-    showDeprecationWarning("useVideoPlayer", "useMediaPlayer (the primary media player hook)");
-    return useMediaPlayer(props);
-}
-export function useEnhancedSubtitles(props) {
-    showDeprecationWarning("useEnhancedSubtitles", "useSubtitles (the current subtitle hook)");
-    return useSubtitles(props);
-}

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

@@ -1 +0,0 @@
-{"version":3,"file":"use-enhanced-media-player.d.ts","sourceRoot":"","sources":["use-enhanced-media-player.ts"],"names":[],"mappings":"AAEA,OAAO,KAQN,MAAM,OAAO,CAAA;AAOd,UAAU,6BAA6B;IACtC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,MAAM,CAAA;IACtC,WAAW,CAAC,EAAE,WAAW,GAAG,iBAAiB,CAAA;IAC7C,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,2BAA2B,CAAC,EAAE,OAAO,CAAA;IACrC,iBAAiB,CAAC,EAAE,YAAY,GAAG,cAAc,GAAG,UAAU,CAAA;IAE9D,0BAA0B,CAAC,EAAE,OAAO,CAAA;IACpC,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,aAAa,CAAA;CAClD;AAGD,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,6BAA6B;;;;;;;;;;;;;;;;;;;;;;;qBA4RvD,MAAM;4BAeC,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiIlC"}