@therealtinhtute/baroiplayer 1.0.6 → 1.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +1 -1
- package/dist/package.json +1 -1
- package/package.json +1 -1
- package/dist/context/media.js +0 -2
- package/dist/context/media.js.map +0 -1
- package/dist/context/media.mjs +0 -15
- package/dist/context/media.mjs.map +0 -1
- package/dist/context/store.js +0 -2
- package/dist/context/store.js.map +0 -1
- package/dist/context/store.mjs +0 -5
- package/dist/context/store.mjs.map +0 -1
- package/dist/context-Af84FynT.js +0 -1179
- package/dist/context-Af84FynT.js.map +0 -1
- package/dist/context-CwZnPdz0.cjs +0 -23
- package/dist/context-CwZnPdz0.cjs.map +0 -1
- package/dist/core-events-B5W_j8yU.js +0 -480
- package/dist/core-events-B5W_j8yU.js.map +0 -1
- package/dist/core-events-CN0-Vhhq.cjs +0 -2
- package/dist/core-events-CN0-Vhhq.cjs.map +0 -1
- package/dist/core-plugins-Bq9KLany.js +0 -696
- package/dist/core-plugins-Bq9KLany.js.map +0 -1
- package/dist/core-plugins-CPDSHMiQ.cjs +0 -2
- package/dist/core-plugins-CPDSHMiQ.cjs.map +0 -1
- package/dist/core.js +0 -37
- package/dist/core.js.map +0 -1
- package/dist/core.mjs +0 -1217
- package/dist/core.mjs.map +0 -1
- package/dist/enhanced-components-CXnYiOt6.cjs +0 -2
- package/dist/enhanced-components-CXnYiOt6.cjs.map +0 -1
- package/dist/enhanced-components-Da0TSvKe.js +0 -1073
- package/dist/enhanced-components-Da0TSvKe.js.map +0 -1
- package/dist/hooks-BCMilGRf.cjs +0 -4
- package/dist/hooks-BCMilGRf.cjs.map +0 -1
- package/dist/hooks-BPtHV1ZT.js +0 -2042
- package/dist/hooks-BPtHV1ZT.js.map +0 -1
- package/dist/index.js.map +0 -1
- package/dist/index.mjs.map +0 -1
- package/dist/minimal-components-BHJMuaL7.cjs +0 -2
- package/dist/minimal-components-BHJMuaL7.cjs.map +0 -1
- package/dist/minimal-components-BmqRefl1.js +0 -2002
- package/dist/minimal-components-BmqRefl1.js.map +0 -1
- package/dist/mona-loading.gif +0 -0
- package/dist/performance-monitor--rzKTlbj.js +0 -302
- package/dist/performance-monitor--rzKTlbj.js.map +0 -1
- package/dist/performance-monitor-cjIvZE2D.cjs +0 -2
- package/dist/performance-monitor-cjIvZE2D.cjs.map +0 -1
- package/dist/src/adapters/videojs-adapter.d.ts.map +0 -1
- package/dist/src/adapters/videojs-adapter.js +0 -350
- package/dist/src/assets/mona-loading.gif +0 -0
- package/dist/src/components/AnimateLoading.d.ts.map +0 -1
- package/dist/src/components/AnimateLoading.js +0 -41
- package/dist/src/components/LoadingState.d.ts.map +0 -1
- package/dist/src/components/LoadingState.js +0 -111
- package/dist/src/components/accessibility/keyboard-help-overlay.d.ts.map +0 -1
- package/dist/src/components/accessibility/keyboard-help-overlay.js +0 -90
- package/dist/src/components/audio-player.d.ts.map +0 -1
- package/dist/src/components/audio-player.js +0 -31
- package/dist/src/components/basic/index.d.ts.map +0 -1
- package/dist/src/components/basic/index.js +0 -29
- package/dist/src/components/enhanced/advanced-features.d.ts.map +0 -1
- package/dist/src/components/enhanced/advanced-features.js +0 -64
- package/dist/src/components/enhanced/debug-panel.d.ts.map +0 -1
- package/dist/src/components/enhanced/debug-panel.js +0 -94
- package/dist/src/components/enhanced/enhanced-controls.d.ts.map +0 -1
- package/dist/src/components/enhanced/enhanced-controls.js +0 -233
- package/dist/src/components/enhanced/enhanced-media-player.d.ts.map +0 -1
- package/dist/src/components/enhanced/enhanced-media-player.js +0 -316
- package/dist/src/components/enhanced/error-handling.d.ts.map +0 -1
- package/dist/src/components/enhanced/error-handling.js +0 -153
- package/dist/src/components/enhanced/index.d.ts.map +0 -1
- package/dist/src/components/enhanced/index.js +0 -10
- package/dist/src/components/enhanced/media-player-enhanced.d.ts.map +0 -1
- package/dist/src/components/enhanced/media-player-enhanced.js +0 -250
- package/dist/src/components/examples/basic-video-player.d.ts.map +0 -1
- package/dist/src/components/examples/basic-video-player.js +0 -16
- package/dist/src/components/examples/custom-controls-example.d.ts.map +0 -1
- package/dist/src/components/examples/custom-controls-example.js +0 -12
- package/dist/src/components/examples/enhanced-controls-example.d.ts.map +0 -1
- package/dist/src/components/examples/enhanced-controls-example.js +0 -18
- package/dist/src/components/examples/enhanced-media-player-example.d.ts.map +0 -1
- package/dist/src/components/examples/enhanced-media-player-example.js +0 -13
- package/dist/src/components/examples/loading-states-demo.d.ts.map +0 -1
- package/dist/src/components/examples/loading-states-demo.js +0 -41
- package/dist/src/components/examples/react-19-demo.d.ts.map +0 -1
- package/dist/src/components/examples/react-19-demo.js +0 -104
- package/dist/src/components/examples/volume-orientation-demo.d.ts.map +0 -1
- package/dist/src/components/examples/volume-orientation-demo.js +0 -31
- package/dist/src/components/icon-demo.d.ts.map +0 -1
- package/dist/src/components/icon-demo.js +0 -16
- package/dist/src/components/icons/index.d.ts.map +0 -1
- package/dist/src/components/icons/index.js +0 -59
- package/dist/src/components/icons/svg-icons/ArrowLeftIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/ArrowLeftIcon.js +0 -3
- package/dist/src/components/icons/svg-icons/ArrowRightIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/ArrowRightIcon.js +0 -3
- package/dist/src/components/icons/svg-icons/AudioIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/AudioIcon.js +0 -4
- package/dist/src/components/icons/svg-icons/BackwardIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/BackwardIcon.js +0 -3
- package/dist/src/components/icons/svg-icons/CameraIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/CameraIcon.js +0 -4
- package/dist/src/components/icons/svg-icons/CheckIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/CheckIcon.js +0 -4
- package/dist/src/components/icons/svg-icons/EnablePiPIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/EnablePiPIcon.js +0 -5
- package/dist/src/components/icons/svg-icons/ForwardIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/ForwardIcon.js +0 -3
- package/dist/src/components/icons/svg-icons/FullscreenEnterIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/FullscreenEnterIcon.js +0 -3
- package/dist/src/components/icons/svg-icons/FullscreenExitIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/FullscreenExitIcon.js +0 -3
- package/dist/src/components/icons/svg-icons/LoadingIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/LoadingIcon.js +0 -3
- package/dist/src/components/icons/svg-icons/PauseIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/PauseIcon.js +0 -3
- package/dist/src/components/icons/svg-icons/PlayIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/PlayIcon.js +0 -3
- package/dist/src/components/icons/svg-icons/PlaybackSpeedIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/PlaybackSpeedIcon.js +0 -3
- package/dist/src/components/icons/svg-icons/QualityIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/QualityIcon.js +0 -3
- package/dist/src/components/icons/svg-icons/SettingsIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/SettingsIcon.js +0 -3
- package/dist/src/components/icons/svg-icons/SliderIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/SliderIcon.js +0 -3
- package/dist/src/components/icons/svg-icons/SubtitleIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/SubtitleIcon.js +0 -3
- package/dist/src/components/icons/svg-icons/SubtitleOffIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/SubtitleOffIcon.js +0 -3
- package/dist/src/components/icons/svg-icons/UnPiPIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/UnPiPIcon.js +0 -5
- package/dist/src/components/icons/svg-icons/VolumeMutedIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/VolumeMutedIcon.js +0 -3
- package/dist/src/components/icons/svg-icons/VolumeOneIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/VolumeOneIcon.js +0 -3
- package/dist/src/components/icons/svg-icons/VolumeThreeIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/VolumeThreeIcon.js +0 -3
- package/dist/src/components/icons/svg-icons/VolumeTwoIcon.d.ts.map +0 -1
- package/dist/src/components/icons/svg-icons/VolumeTwoIcon.js +0 -3
- package/dist/src/components/legacy.d.ts.map +0 -1
- package/dist/src/components/legacy.js +0 -52
- package/dist/src/components/media-metadata-display.d.ts.map +0 -1
- package/dist/src/components/media-metadata-display.js +0 -20
- package/dist/src/components/media-player-audio.d.ts.map +0 -1
- package/dist/src/components/media-player-audio.js +0 -18
- package/dist/src/components/media-player-controls.d.ts.map +0 -1
- package/dist/src/components/media-player-controls.js +0 -150
- package/dist/src/components/media-player-error.d.ts.map +0 -1
- package/dist/src/components/media-player-error.js +0 -85
- package/dist/src/components/media-player-fullscreen.d.ts.map +0 -1
- package/dist/src/components/media-player-fullscreen.js +0 -68
- package/dist/src/components/media-player-hls.d.ts.map +0 -1
- package/dist/src/components/media-player-hls.js +0 -20
- package/dist/src/components/media-player-loading.d.ts.map +0 -1
- package/dist/src/components/media-player-loading.js +0 -53
- package/dist/src/components/media-player-play.d.ts.map +0 -1
- package/dist/src/components/media-player-play.js +0 -44
- package/dist/src/components/media-player-root.d.ts.map +0 -1
- package/dist/src/components/media-player-root.js +0 -243
- package/dist/src/components/media-player-seek.d.ts.map +0 -1
- package/dist/src/components/media-player-seek.js +0 -92
- package/dist/src/components/media-player-time.d.ts.map +0 -1
- package/dist/src/components/media-player-time.js +0 -57
- package/dist/src/components/media-player-tooltip.d.ts.map +0 -1
- package/dist/src/components/media-player-tooltip.js +0 -14
- package/dist/src/components/media-player-video.d.ts.map +0 -1
- package/dist/src/components/media-player-video.js +0 -18
- package/dist/src/components/media-player-volume.d.ts.map +0 -1
- package/dist/src/components/media-player-volume.js +0 -88
- package/dist/src/components/media-player.d.ts.map +0 -1
- package/dist/src/components/media-player.js +0 -67
- package/dist/src/components/media-suspense.d.ts.map +0 -1
- package/dist/src/components/media-suspense.js +0 -173
- package/dist/src/components/player-settings-form.d.ts.map +0 -1
- package/dist/src/components/player-settings-form.js +0 -46
- package/dist/src/components/react-player-wrapper.d.ts.map +0 -1
- package/dist/src/components/react-player-wrapper.js +0 -163
- package/dist/src/components/simple-video-player.d.ts.map +0 -1
- package/dist/src/components/simple-video-player.js +0 -41
- package/dist/src/components/ui/enhanced-seek-bar.d.ts.map +0 -1
- package/dist/src/components/ui/enhanced-seek-bar.js +0 -112
- package/dist/src/components/ui/fullscreen-button.d.ts.map +0 -1
- package/dist/src/components/ui/fullscreen-button.js +0 -21
- package/dist/src/components/ui/media-resource-preloader.d.ts.map +0 -1
- package/dist/src/components/ui/media-resource-preloader.js +0 -295
- package/dist/src/components/ui/play-button.d.ts.map +0 -1
- package/dist/src/components/ui/play-button.js +0 -26
- package/dist/src/components/ui/seek-bar.d.ts.map +0 -1
- package/dist/src/components/ui/seek-bar.js +0 -54
- package/dist/src/components/ui/time-display.d.ts.map +0 -1
- package/dist/src/components/ui/time-display.js +0 -18
- package/dist/src/components/ui/volume-control.d.ts.map +0 -1
- package/dist/src/components/ui/volume-control.js +0 -71
- package/dist/src/components/unified/base-media-player.d.ts.map +0 -1
- package/dist/src/components/unified/base-media-player.js +0 -104
- package/dist/src/components/unified/media-player.d.ts.map +0 -1
- package/dist/src/components/unified/media-player.js +0 -41
- package/dist/src/components/variants/minimal/AccessibleMinimalPlayer.d.ts.map +0 -1
- package/dist/src/components/variants/minimal/AccessibleMinimalPlayer.js +0 -322
- package/dist/src/components/variants/minimal/EnhancedMinimalMediaPlayer.d.ts.map +0 -1
- package/dist/src/components/variants/minimal/EnhancedMinimalMediaPlayer.js +0 -280
- package/dist/src/components/variants/minimal/MinimalControls.d.ts.map +0 -1
- package/dist/src/components/variants/minimal/MinimalControls.js +0 -19
- package/dist/src/components/variants/minimal/MinimalLoading.d.ts.map +0 -1
- package/dist/src/components/variants/minimal/MinimalLoading.js +0 -6
- package/dist/src/components/variants/minimal/MinimalMediaPlayer.d.ts.map +0 -1
- package/dist/src/components/variants/minimal/MinimalMediaPlayer.js +0 -135
- package/dist/src/components/variants/minimal/MinimalOverlay.d.ts.map +0 -1
- package/dist/src/components/variants/minimal/MinimalOverlay.js +0 -15
- package/dist/src/components/variants/minimal/MinimalPlayButton.d.ts.map +0 -1
- package/dist/src/components/variants/minimal/MinimalPlayButton.js +0 -29
- package/dist/src/components/variants/minimal/MinimalSeekBar.d.ts.map +0 -1
- package/dist/src/components/variants/minimal/MinimalSeekBar.js +0 -73
- package/dist/src/components/variants/minimal/MinimalVolumeControl.d.ts.map +0 -1
- package/dist/src/components/variants/minimal/MinimalVolumeControl.js +0 -29
- package/dist/src/components/variants/minimal/SimpleMinimalPlayer.d.ts.map +0 -1
- package/dist/src/components/variants/minimal/SimpleMinimalPlayer.js +0 -51
- package/dist/src/components/variants/minimal/components/CenterPlayButton.d.ts.map +0 -1
- package/dist/src/components/variants/minimal/components/CenterPlayButton.js +0 -8
- package/dist/src/components/variants/minimal/components/ControlBar.d.ts.map +0 -1
- package/dist/src/components/variants/minimal/components/ControlBar.js +0 -10
- package/dist/src/components/variants/minimal/components/EnhancedSettingsMenu.d.ts.map +0 -1
- package/dist/src/components/variants/minimal/components/EnhancedSettingsMenu.js +0 -68
- package/dist/src/components/variants/minimal/components/PlaybackControls.d.ts.map +0 -1
- package/dist/src/components/variants/minimal/components/PlaybackControls.js +0 -9
- package/dist/src/components/variants/minimal/components/RightControls.d.ts.map +0 -1
- package/dist/src/components/variants/minimal/components/RightControls.js +0 -40
- package/dist/src/components/variants/minimal/components/SeekBar.d.ts.map +0 -1
- package/dist/src/components/variants/minimal/components/SeekBar.js +0 -43
- package/dist/src/components/variants/minimal/components/SettingsDropdown.d.ts.map +0 -1
- package/dist/src/components/variants/minimal/components/SettingsDropdown.js +0 -18
- package/dist/src/components/variants/minimal/components/SubtitleDisplay.d.ts.map +0 -1
- package/dist/src/components/variants/minimal/components/SubtitleDisplay.js +0 -6
- package/dist/src/components/variants/minimal/components/TimeDisplay.d.ts.map +0 -1
- package/dist/src/components/variants/minimal/components/TimeDisplay.js +0 -5
- package/dist/src/components/variants/minimal/components/VideoElement.d.ts.map +0 -1
- package/dist/src/components/variants/minimal/components/VideoElement.js +0 -4
- package/dist/src/components/variants/minimal/components/VolumeControl.d.ts.map +0 -1
- package/dist/src/components/variants/minimal/components/VolumeControl.js +0 -99
- package/dist/src/components/variants/minimal/index.d.ts.map +0 -1
- package/dist/src/components/variants/minimal/index.js +0 -8
- package/dist/src/components/video-player.d.ts.map +0 -1
- package/dist/src/components/video-player.js +0 -38
- package/dist/src/context/error-handling.d.ts.map +0 -1
- package/dist/src/context/error-handling.js +0 -300
- package/dist/src/context/media-context.d.ts.map +0 -1
- package/dist/src/context/media-context.js +0 -121
- package/dist/src/context/media-provider.d.ts.map +0 -1
- package/dist/src/context/media-provider.js +0 -164
- package/dist/src/context/media-store.d.ts.map +0 -1
- package/dist/src/context/media-store.js +0 -273
- package/dist/src/context/persistence.d.ts.map +0 -1
- package/dist/src/context/persistence.js +0 -356
- package/dist/src/core/events/event-system.d.ts.map +0 -1
- package/dist/src/core/events/event-system.js +0 -288
- package/dist/src/core/events/hooks.d.ts.map +0 -1
- package/dist/src/core/events/hooks.js +0 -198
- package/dist/src/core/events/index.d.ts.map +0 -1
- package/dist/src/core/events/index.js +0 -7
- package/dist/src/core/events/middleware.d.ts.map +0 -1
- package/dist/src/core/events/middleware.js +0 -219
- package/dist/src/core/index.d.ts.map +0 -1
- package/dist/src/core/index.js +0 -15
- package/dist/src/core/optimization/bundle-optimizer.d.ts.map +0 -1
- package/dist/src/core/optimization/bundle-optimizer.js +0 -217
- package/dist/src/core/performance/cicd.d.ts.map +0 -1
- package/dist/src/core/performance/cicd.js +0 -83
- package/dist/src/core/performance/index.d.ts.map +0 -1
- package/dist/src/core/performance/index.js +0 -14
- package/dist/src/core/performance/media-loading-optimizer.d.ts.map +0 -1
- package/dist/src/core/performance/media-loading-optimizer.js +0 -404
- package/dist/src/core/performance/performance-budgets.d.ts.map +0 -1
- package/dist/src/core/performance/performance-budgets.js +0 -326
- package/dist/src/core/performance/performance-monitor.d.ts.map +0 -1
- package/dist/src/core/performance/performance-monitor.js +0 -297
- package/dist/src/core/performance/performance-testing.d.ts.map +0 -1
- package/dist/src/core/performance/performance-testing.js +0 -314
- package/dist/src/core/plugins/base-plugin.d.ts.map +0 -1
- package/dist/src/core/plugins/base-plugin.js +0 -151
- package/dist/src/core/plugins/enhanced-plugin-system.d.ts.map +0 -1
- package/dist/src/core/plugins/enhanced-plugin-system.js +0 -305
- package/dist/src/core/plugins/examples/analytics-plugin.d.ts.map +0 -1
- package/dist/src/core/plugins/examples/analytics-plugin.js +0 -191
- package/dist/src/core/plugins/index.d.ts.map +0 -1
- package/dist/src/core/plugins/index.js +0 -9
- package/dist/src/core/plugins/registry.d.ts.map +0 -1
- package/dist/src/core/plugins/registry.js +0 -261
- package/dist/src/core/plugins/types.d.ts.map +0 -1
- package/dist/src/core/plugins/types.js +0 -31
- package/dist/src/core/plugins/utils.d.ts.map +0 -1
- package/dist/src/core/plugins/utils.js +0 -274
- package/dist/src/core/progressive-loading.d.ts.map +0 -1
- package/dist/src/core/progressive-loading.js +0 -239
- package/dist/src/core/providers/enhanced-hls-provider.d.ts.map +0 -1
- package/dist/src/core/providers/enhanced-hls-provider.js +0 -273
- package/dist/src/core/providers/service-provider.d.ts.map +0 -1
- package/dist/src/core/providers/service-provider.js +0 -105
- package/dist/src/core/utils.d.ts.map +0 -1
- package/dist/src/core/utils.js +0 -21
- package/dist/src/features/media-session/media-session-manager.d.ts.map +0 -1
- package/dist/src/features/media-session/media-session-manager.js +0 -331
- package/dist/src/features/picture-in-picture/pip-manager.d.ts.map +0 -1
- package/dist/src/features/picture-in-picture/pip-manager.js +0 -353
- package/dist/src/features/playlist/playlist-manager.d.ts.map +0 -1
- package/dist/src/features/playlist/playlist-manager.js +0 -475
- package/dist/src/features/subtitles/subtitle-manager.d.ts.map +0 -1
- package/dist/src/features/subtitles/subtitle-manager.js +0 -335
- package/dist/src/features/subtitles/subtitle-parser.d.ts.map +0 -1
- package/dist/src/features/subtitles/subtitle-parser.js +0 -217
- package/dist/src/features/thumbnails/thumbnail-generator.d.ts.map +0 -1
- package/dist/src/features/thumbnails/thumbnail-generator.js +0 -388
- package/dist/src/hooks/accessibility/index.d.ts.map +0 -1
- package/dist/src/hooks/accessibility/index.js +0 -4
- package/dist/src/hooks/accessibility/use-accessibility-preferences.d.ts.map +0 -1
- package/dist/src/hooks/accessibility/use-accessibility-preferences.js +0 -156
- package/dist/src/hooks/accessibility/use-focus-management.d.ts.map +0 -1
- package/dist/src/hooks/accessibility/use-focus-management.js +0 -142
- package/dist/src/hooks/accessibility/use-keyboard-shortcuts.d.ts.map +0 -1
- package/dist/src/hooks/accessibility/use-keyboard-shortcuts.js +0 -101
- package/dist/src/hooks/accessibility/use-screen-reader.d.ts.map +0 -1
- package/dist/src/hooks/accessibility/use-screen-reader.js +0 -148
- package/dist/src/hooks/core/index.d.ts.map +0 -1
- package/dist/src/hooks/core/index.js +0 -19
- package/dist/src/hooks/legacy.d.ts.map +0 -1
- package/dist/src/hooks/legacy.js +0 -17
- package/dist/src/hooks/use-enhanced-media-player.d.ts.map +0 -1
- package/dist/src/hooks/use-enhanced-media-player.js +0 -395
- package/dist/src/hooks/use-intelligent-preloading.d.ts.map +0 -1
- package/dist/src/hooks/use-intelligent-preloading.js +0 -258
- package/dist/src/hooks/use-keyboard-controls.d.ts.map +0 -1
- package/dist/src/hooks/use-keyboard-controls.js +0 -83
- package/dist/src/hooks/use-media-actions.d.ts.map +0 -1
- package/dist/src/hooks/use-media-actions.js +0 -121
- package/dist/src/hooks/use-media-metadata.d.ts.map +0 -1
- package/dist/src/hooks/use-media-metadata.js +0 -74
- package/dist/src/hooks/use-media-optimistic.d.ts.map +0 -1
- package/dist/src/hooks/use-media-optimistic.js +0 -205
- package/dist/src/hooks/use-media-player.d.ts.map +0 -1
- package/dist/src/hooks/use-media-player.js +0 -251
- package/dist/src/hooks/use-media-state.d.ts.map +0 -1
- package/dist/src/hooks/use-media-state.js +0 -162
- package/dist/src/hooks/use-memory-optimization.d.ts.map +0 -1
- package/dist/src/hooks/use-memory-optimization.js +0 -288
- package/dist/src/hooks/use-optimistic-controls.d.ts.map +0 -1
- package/dist/src/hooks/use-optimistic-controls.js +0 -60
- package/dist/src/hooks/use-optimized-media.d.ts.map +0 -1
- package/dist/src/hooks/use-optimized-media.js +0 -211
- package/dist/src/hooks/use-touch-gestures.d.ts.map +0 -1
- package/dist/src/hooks/use-touch-gestures.js +0 -289
- package/dist/src/hooks/useEnhancedSubtitles.d.ts.map +0 -1
- package/dist/src/hooks/useEnhancedSubtitles.js +0 -205
- package/dist/src/hooks/useKeyboardShortcuts.d.ts.map +0 -1
- package/dist/src/hooks/useKeyboardShortcuts.js +0 -59
- package/dist/src/hooks/useMediaControls.d.ts.map +0 -1
- package/dist/src/hooks/useMediaControls.js +0 -44
- package/dist/src/hooks/useScreenshot.d.ts.map +0 -1
- package/dist/src/hooks/useScreenshot.js +0 -56
- package/dist/src/hooks/useSubtitles.d.ts.map +0 -1
- package/dist/src/hooks/useSubtitles.js +0 -73
- package/dist/src/hooks/useVideoPlayer.d.ts.map +0 -1
- package/dist/src/hooks/useVideoPlayer.js +0 -184
- package/dist/src/icons/components/FullscreenIcon.d.ts.map +0 -1
- package/dist/src/icons/components/FullscreenIcon.js +0 -11
- package/dist/src/icons/components/SettingsIcon.d.ts.map +0 -1
- package/dist/src/icons/components/SettingsIcon.js +0 -11
- package/dist/src/icons/components/animated/LoadingIcon.d.ts.map +0 -1
- package/dist/src/icons/components/animated/LoadingIcon.js +0 -11
- package/dist/src/icons/components/animated/PlayPauseIcon.d.ts.map +0 -1
- package/dist/src/icons/components/animated/PlayPauseIcon.js +0 -9
- package/dist/src/icons/components/media/PauseIcon.d.ts.map +0 -1
- package/dist/src/icons/components/media/PauseIcon.js +0 -12
- package/dist/src/icons/components/media/PlayIcon.d.ts.map +0 -1
- package/dist/src/icons/components/media/PlayIcon.js +0 -12
- package/dist/src/icons/components/volume/VolumeIcon.d.ts.map +0 -1
- package/dist/src/icons/components/volume/VolumeIcon.js +0 -11
- package/dist/src/icons/components/volume/VolumeOffIcon.d.ts.map +0 -1
- package/dist/src/icons/components/volume/VolumeOffIcon.js +0 -11
- package/dist/src/icons/index.d.ts.map +0 -1
- package/dist/src/icons/index.js +0 -45
- package/dist/src/icons/provider.d.ts.map +0 -1
- package/dist/src/icons/provider.js +0 -37
- package/dist/src/icons/types.d.ts.map +0 -1
- package/dist/src/icons/types.js +0 -1
- package/dist/src/index-enhanced.d.ts.map +0 -1
- package/dist/src/index-enhanced.js +0 -16
- package/dist/src/index-legacy.d.ts.map +0 -1
- package/dist/src/index-legacy.js +0 -97
- package/dist/src/index.d.ts.map +0 -1
- package/dist/src/index.js +0 -90
- package/dist/src/index.minimal.d.ts.map +0 -1
- package/dist/src/index.minimal.js +0 -3
- package/dist/src/lib/deprecation.d.ts.map +0 -1
- package/dist/src/lib/deprecation.js +0 -31
- package/dist/src/lib/format-time.d.ts.map +0 -1
- package/dist/src/lib/format-time.js +0 -32
- package/dist/src/lib/index.d.ts.map +0 -1
- package/dist/src/lib/index.js +0 -3
- package/dist/src/lib/utils.d.ts.map +0 -1
- package/dist/src/lib/utils.js +0 -5
- package/dist/src/test/setup.d.ts.map +0 -1
- package/dist/src/test/setup.js +0 -65
- package/dist/src/types/events.d.ts.map +0 -1
- package/dist/src/types/events.js +0 -2
- package/dist/src/types/formats.d.ts.map +0 -1
- package/dist/src/types/formats.js +0 -63
- package/dist/src/types/index.d.ts.map +0 -1
- package/dist/src/types/index.js +0 -4
- package/dist/utils-Db13763z.cjs +0 -9
- package/dist/utils-Db13763z.cjs.map +0 -1
- package/dist/utils-nTO4AnHo.js +0 -2809
- package/dist/utils-nTO4AnHo.js.map +0 -1
- package/dist/utils.js +0 -2
- package/dist/utils.js.map +0 -1
- package/dist/utils.mjs +0 -7
- package/dist/utils.mjs.map +0 -1
- package/src/adapters/videojs-adapter.js +0 -350
- package/src/components/AnimateLoading.js +0 -41
- package/src/components/LoadingState.js +0 -111
- package/src/components/accessibility/keyboard-help-overlay.js +0 -90
- package/src/components/audio-player.js +0 -31
- package/src/components/basic/index.js +0 -29
- package/src/components/enhanced/advanced-features.js +0 -64
- package/src/components/enhanced/debug-panel.js +0 -94
- package/src/components/enhanced/enhanced-controls.js +0 -233
- package/src/components/enhanced/enhanced-media-player.js +0 -316
- package/src/components/enhanced/error-handling.js +0 -153
- package/src/components/enhanced/index.js +0 -10
- package/src/components/enhanced/media-player-enhanced.js +0 -250
- package/src/components/examples/basic-video-player.js +0 -16
- package/src/components/examples/custom-controls-example.js +0 -12
- package/src/components/examples/enhanced-controls-example.js +0 -18
- package/src/components/examples/enhanced-media-player-example.js +0 -13
- package/src/components/examples/loading-states-demo.js +0 -41
- package/src/components/examples/react-19-demo.js +0 -104
- package/src/components/examples/volume-orientation-demo.js +0 -31
- package/src/components/icon-demo.js +0 -16
- package/src/components/icons/index.js +0 -59
- package/src/components/icons/svg-icons/ArrowLeftIcon.js +0 -3
- package/src/components/icons/svg-icons/ArrowRightIcon.js +0 -3
- package/src/components/icons/svg-icons/AudioIcon.js +0 -4
- package/src/components/icons/svg-icons/BackwardIcon.js +0 -3
- package/src/components/icons/svg-icons/CameraIcon.js +0 -4
- package/src/components/icons/svg-icons/CheckIcon.js +0 -4
- package/src/components/icons/svg-icons/EnablePiPIcon.js +0 -5
- package/src/components/icons/svg-icons/ForwardIcon.js +0 -3
- package/src/components/icons/svg-icons/FullscreenEnterIcon.js +0 -3
- package/src/components/icons/svg-icons/FullscreenExitIcon.js +0 -3
- package/src/components/icons/svg-icons/LoadingIcon.js +0 -3
- package/src/components/icons/svg-icons/PauseIcon.js +0 -3
- package/src/components/icons/svg-icons/PlayIcon.js +0 -3
- package/src/components/icons/svg-icons/PlaybackSpeedIcon.js +0 -3
- package/src/components/icons/svg-icons/QualityIcon.js +0 -3
- package/src/components/icons/svg-icons/SettingsIcon.js +0 -3
- package/src/components/icons/svg-icons/SliderIcon.js +0 -3
- package/src/components/icons/svg-icons/SubtitleIcon.js +0 -3
- package/src/components/icons/svg-icons/SubtitleOffIcon.js +0 -3
- package/src/components/icons/svg-icons/UnPiPIcon.js +0 -5
- package/src/components/icons/svg-icons/VolumeMutedIcon.js +0 -3
- package/src/components/icons/svg-icons/VolumeOneIcon.js +0 -3
- package/src/components/icons/svg-icons/VolumeThreeIcon.js +0 -3
- package/src/components/icons/svg-icons/VolumeTwoIcon.js +0 -3
- package/src/components/legacy.js +0 -52
- package/src/components/media-metadata-display.js +0 -20
- package/src/components/media-player-audio.js +0 -18
- package/src/components/media-player-controls.js +0 -150
- package/src/components/media-player-error.js +0 -85
- package/src/components/media-player-fullscreen.js +0 -68
- package/src/components/media-player-hls.js +0 -20
- package/src/components/media-player-loading.js +0 -53
- package/src/components/media-player-play.js +0 -44
- package/src/components/media-player-root.js +0 -243
- package/src/components/media-player-seek.js +0 -92
- package/src/components/media-player-time.js +0 -57
- package/src/components/media-player-tooltip.js +0 -14
- package/src/components/media-player-video.js +0 -18
- package/src/components/media-player-volume.js +0 -88
- package/src/components/media-player.js +0 -67
- package/src/components/media-suspense.js +0 -173
- package/src/components/player-settings-form.js +0 -46
- package/src/components/react-player-wrapper.js +0 -163
- package/src/components/simple-video-player.js +0 -41
- package/src/components/ui/enhanced-seek-bar.js +0 -112
- package/src/components/ui/fullscreen-button.js +0 -21
- package/src/components/ui/media-resource-preloader.js +0 -295
- package/src/components/ui/play-button.js +0 -26
- package/src/components/ui/seek-bar.js +0 -54
- package/src/components/ui/time-display.js +0 -18
- package/src/components/ui/volume-control.js +0 -71
- package/src/components/unified/base-media-player.js +0 -104
- package/src/components/unified/media-player.js +0 -41
- package/src/components/variants/minimal/AccessibleMinimalPlayer.js +0 -322
- package/src/components/variants/minimal/EnhancedMinimalMediaPlayer.js +0 -280
- package/src/components/variants/minimal/MinimalControls.js +0 -19
- package/src/components/variants/minimal/MinimalLoading.js +0 -6
- package/src/components/variants/minimal/MinimalMediaPlayer.js +0 -135
- package/src/components/variants/minimal/MinimalOverlay.js +0 -15
- package/src/components/variants/minimal/MinimalPlayButton.js +0 -29
- package/src/components/variants/minimal/MinimalSeekBar.js +0 -73
- package/src/components/variants/minimal/MinimalVolumeControl.js +0 -29
- package/src/components/variants/minimal/SimpleMinimalPlayer.js +0 -51
- package/src/components/variants/minimal/components/CenterPlayButton.js +0 -8
- package/src/components/variants/minimal/components/ControlBar.js +0 -10
- package/src/components/variants/minimal/components/EnhancedSettingsMenu.js +0 -68
- package/src/components/variants/minimal/components/PlaybackControls.js +0 -9
- package/src/components/variants/minimal/components/RightControls.js +0 -40
- package/src/components/variants/minimal/components/SeekBar.js +0 -43
- package/src/components/variants/minimal/components/SettingsDropdown.js +0 -18
- package/src/components/variants/minimal/components/SubtitleDisplay.js +0 -6
- package/src/components/variants/minimal/components/TimeDisplay.js +0 -5
- package/src/components/variants/minimal/components/VideoElement.js +0 -4
- package/src/components/variants/minimal/components/VolumeControl.js +0 -99
- package/src/components/variants/minimal/index.js +0 -8
- package/src/components/video-player.js +0 -38
- package/src/context/error-handling.js +0 -300
- package/src/context/media-context.js +0 -121
- package/src/context/media-provider.js +0 -164
- package/src/context/media-store.js +0 -273
- package/src/context/persistence.js +0 -356
- package/src/core/events/event-system.js +0 -288
- package/src/core/events/hooks.js +0 -198
- package/src/core/events/index.js +0 -7
- package/src/core/events/middleware.js +0 -219
- package/src/core/index.js +0 -15
- package/src/core/optimization/bundle-optimizer.js +0 -217
- package/src/core/performance/cicd.js +0 -83
- package/src/core/performance/index.js +0 -14
- package/src/core/performance/media-loading-optimizer.js +0 -404
- package/src/core/performance/performance-budgets.js +0 -326
- package/src/core/performance/performance-monitor.js +0 -297
- package/src/core/performance/performance-testing.js +0 -314
- package/src/core/plugins/base-plugin.js +0 -151
- package/src/core/plugins/enhanced-plugin-system.js +0 -305
- package/src/core/plugins/examples/analytics-plugin.js +0 -191
- package/src/core/plugins/index.js +0 -9
- package/src/core/plugins/registry.js +0 -261
- package/src/core/plugins/types.js +0 -31
- package/src/core/plugins/utils.js +0 -274
- package/src/core/progressive-loading.js +0 -239
- package/src/core/providers/enhanced-hls-provider.js +0 -273
- package/src/core/providers/service-provider.js +0 -105
- package/src/core/utils.js +0 -21
- package/src/features/media-session/media-session-manager.js +0 -331
- package/src/features/picture-in-picture/pip-manager.js +0 -353
- package/src/features/playlist/playlist-manager.js +0 -475
- package/src/features/subtitles/subtitle-manager.js +0 -335
- package/src/features/subtitles/subtitle-parser.js +0 -217
- package/src/features/thumbnails/thumbnail-generator.js +0 -388
- package/src/hooks/accessibility/index.js +0 -4
- package/src/hooks/accessibility/use-accessibility-preferences.js +0 -156
- package/src/hooks/accessibility/use-focus-management.js +0 -142
- package/src/hooks/accessibility/use-keyboard-shortcuts.js +0 -101
- package/src/hooks/accessibility/use-screen-reader.js +0 -148
- package/src/hooks/core/index.js +0 -19
- package/src/hooks/legacy.js +0 -17
- package/src/hooks/use-enhanced-media-player.js +0 -395
- package/src/hooks/use-intelligent-preloading.js +0 -258
- package/src/hooks/use-keyboard-controls.js +0 -83
- package/src/hooks/use-media-actions.js +0 -121
- package/src/hooks/use-media-metadata.js +0 -74
- package/src/hooks/use-media-optimistic.js +0 -205
- package/src/hooks/use-media-player.js +0 -251
- package/src/hooks/use-media-state.js +0 -162
- package/src/hooks/use-memory-optimization.js +0 -288
- package/src/hooks/use-optimistic-controls.js +0 -60
- package/src/hooks/use-optimized-media.js +0 -211
- package/src/hooks/use-touch-gestures.js +0 -289
- package/src/hooks/useEnhancedSubtitles.js +0 -205
- package/src/hooks/useKeyboardShortcuts.js +0 -59
- package/src/hooks/useMediaControls.js +0 -44
- package/src/hooks/useScreenshot.js +0 -56
- package/src/hooks/useSubtitles.js +0 -73
- package/src/hooks/useVideoPlayer.js +0 -184
- package/src/icons/components/FullscreenIcon.js +0 -11
- package/src/icons/components/SettingsIcon.js +0 -11
- package/src/icons/components/animated/LoadingIcon.js +0 -11
- package/src/icons/components/animated/PlayPauseIcon.js +0 -9
- package/src/icons/components/media/PauseIcon.js +0 -12
- package/src/icons/components/media/PlayIcon.js +0 -12
- package/src/icons/components/volume/VolumeIcon.js +0 -11
- package/src/icons/components/volume/VolumeOffIcon.js +0 -11
- package/src/icons/index.js +0 -45
- package/src/icons/provider.js +0 -37
- package/src/icons/types.js +0 -1
- package/src/index-enhanced.js +0 -16
- package/src/index-legacy.js +0 -97
- package/src/index.js +0 -90
- package/src/index.minimal.js +0 -3
- package/src/lib/deprecation.js +0 -31
- package/src/lib/format-time.js +0 -32
- package/src/lib/index.js +0 -3
- package/src/lib/utils.js +0 -5
- package/src/test/setup.js +0 -65
- package/src/types/events.js +0 -2
- package/src/types/formats.js +0 -63
- package/src/types/index.js +0 -4
|
@@ -1,395 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import React, { useCallback, useEffect, useRef, useMemo, useTransition, useOptimistic } from "react";
|
|
3
|
-
import { useMediaStore, useMediaSelector } from "../context/media-context";
|
|
4
|
-
import { useMediaOptimistic } from "./use-media-optimistic";
|
|
5
|
-
import { useMediaActions } from "./use-media-actions";
|
|
6
|
-
// Performance-optimized media player hook with React 19 features
|
|
7
|
-
export function useEnhancedMediaPlayer(options) {
|
|
8
|
-
const mediaRef = useRef(null);
|
|
9
|
-
const containerRef = useRef(null);
|
|
10
|
-
// React 19 concurrent features
|
|
11
|
-
const [isPending, startTransition] = useTransition();
|
|
12
|
-
const [isSeeking, startSeekTransition] = useTransition();
|
|
13
|
-
// Performance monitoring
|
|
14
|
-
const renderStartTime = React.useRef(0);
|
|
15
|
-
const frameCount = React.useRef(0);
|
|
16
|
-
const lastFrameTime = React.useRef(0);
|
|
17
|
-
// Throttled time update
|
|
18
|
-
const timeUpdateTimeoutRef = useRef();
|
|
19
|
-
const lastTimeUpdate = useRef(0);
|
|
20
|
-
// Store integration
|
|
21
|
-
const store = useMediaStore();
|
|
22
|
-
const isEnhanced = 'getOptimisticState' in store;
|
|
23
|
-
// Select only the state we need to minimize re-renders
|
|
24
|
-
const isPlaying = useMediaSelector(state => state.isPlaying);
|
|
25
|
-
const currentTime = useMediaSelector(state => state.currentTime);
|
|
26
|
-
const duration = useMediaSelector(state => state.duration);
|
|
27
|
-
const volume = useMediaSelector(state => state.volume);
|
|
28
|
-
const isMuted = useMediaSelector(state => state.isMuted);
|
|
29
|
-
const isLoading = useMediaSelector(state => state.isLoading);
|
|
30
|
-
const isBuffering = useMediaSelector(state => state.isBuffering);
|
|
31
|
-
const error = useMediaSelector(state => state.error);
|
|
32
|
-
const buffered = useMediaSelector(state => state.buffered);
|
|
33
|
-
const isFullscreen = useMediaSelector(state => state.isFullscreen);
|
|
34
|
-
// Enhanced features if available
|
|
35
|
-
const enhancedStore = store;
|
|
36
|
-
const optimisticState = isEnhanced ? useMediaOptimistic(enhancedStore) : null;
|
|
37
|
-
const actions = isEnhanced ? useMediaActions(enhancedStore) : null;
|
|
38
|
-
// Performance state
|
|
39
|
-
const [performanceMetrics, setPerformanceMetrics] = React.useState({
|
|
40
|
-
frameRate: 0,
|
|
41
|
-
averageRenderTime: 0,
|
|
42
|
-
droppedFrames: 0,
|
|
43
|
-
bufferHealth: 0
|
|
44
|
-
});
|
|
45
|
-
// Optimistic state updates for immediate UI feedback
|
|
46
|
-
const [optimisticVolume, setOptimisticVolume] = useOptimistic(volume, (state, newVolume) => {
|
|
47
|
-
return Math.max(0, Math.min(1, newVolume));
|
|
48
|
-
});
|
|
49
|
-
const [optimisticTime, setOptimisticTime] = useOptimistic(currentTime, (state, newTime) => {
|
|
50
|
-
return Math.max(0, Math.min(duration || 0, newTime));
|
|
51
|
-
});
|
|
52
|
-
// Initialize media element with performance optimizations
|
|
53
|
-
useEffect(() => {
|
|
54
|
-
const media = mediaRef.current;
|
|
55
|
-
if (!media)
|
|
56
|
-
return;
|
|
57
|
-
// Set initial properties
|
|
58
|
-
const initProps = {
|
|
59
|
-
volume: options.volume,
|
|
60
|
-
muted: options.muted,
|
|
61
|
-
autoplay: options.autoPlay,
|
|
62
|
-
loop: options.loop,
|
|
63
|
-
preload: options.preload,
|
|
64
|
-
crossOrigin: options.crossOrigin
|
|
65
|
-
};
|
|
66
|
-
Object.entries(initProps).forEach(([key, value]) => {
|
|
67
|
-
if (value !== undefined) {
|
|
68
|
-
media[key] = value;
|
|
69
|
-
}
|
|
70
|
-
});
|
|
71
|
-
// Performance optimizations
|
|
72
|
-
media.setAttribute('preload', options.preloadStrategy === 'eager' ? 'auto' : 'metadata');
|
|
73
|
-
if (options.bufferingStrategy === 'aggressive') {
|
|
74
|
-
media.setAttribute('buffered', 'auto');
|
|
75
|
-
}
|
|
76
|
-
// Hardware acceleration
|
|
77
|
-
if (media instanceof HTMLVideoElement) {
|
|
78
|
-
media.style.willChange = 'transform';
|
|
79
|
-
media.style.transform = 'translateZ(0)';
|
|
80
|
-
}
|
|
81
|
-
}, [
|
|
82
|
-
options.volume,
|
|
83
|
-
options.muted,
|
|
84
|
-
options.autoPlay,
|
|
85
|
-
options.loop,
|
|
86
|
-
options.preload,
|
|
87
|
-
options.crossOrigin,
|
|
88
|
-
options.preloadStrategy,
|
|
89
|
-
options.bufferingStrategy
|
|
90
|
-
]);
|
|
91
|
-
// Optimized event handlers with React 19 patterns
|
|
92
|
-
const handleTimeUpdate = useCallback(() => {
|
|
93
|
-
const media = mediaRef.current;
|
|
94
|
-
if (!media)
|
|
95
|
-
return;
|
|
96
|
-
const now = performance.now();
|
|
97
|
-
// Throttle time updates for performance
|
|
98
|
-
if (options.enableTimeUpdateThrottling !== false) {
|
|
99
|
-
if (now - lastTimeUpdate.current < (options.timeUpdateThrottleMs || 100)) {
|
|
100
|
-
return;
|
|
101
|
-
}
|
|
102
|
-
lastTimeUpdate.current = now;
|
|
103
|
-
}
|
|
104
|
-
startTransition(() => {
|
|
105
|
-
if (isEnhanced && actions) {
|
|
106
|
-
actions.setCurrentTime(media.currentTime);
|
|
107
|
-
}
|
|
108
|
-
});
|
|
109
|
-
}, [options.enableTimeUpdateThrottling, options.timeUpdateThrottleMs, isEnhanced, actions]);
|
|
110
|
-
const handlePlay = useCallback(() => {
|
|
111
|
-
startTransition(() => {
|
|
112
|
-
if (isEnhanced && actions) {
|
|
113
|
-
actions.play(true); // Optimistic update
|
|
114
|
-
}
|
|
115
|
-
});
|
|
116
|
-
options.onPlay?.();
|
|
117
|
-
}, [isEnhanced, actions, options.onPlay]);
|
|
118
|
-
const handlePause = useCallback(() => {
|
|
119
|
-
startTransition(() => {
|
|
120
|
-
if (isEnhanced && actions) {
|
|
121
|
-
actions.pause(true); // Optimistic update
|
|
122
|
-
}
|
|
123
|
-
});
|
|
124
|
-
options.onPause?.();
|
|
125
|
-
}, [isEnhanced, actions, options.onPause]);
|
|
126
|
-
const handleVolumeChange = useCallback(() => {
|
|
127
|
-
const media = mediaRef.current;
|
|
128
|
-
if (!media)
|
|
129
|
-
return;
|
|
130
|
-
startTransition(() => {
|
|
131
|
-
if (isEnhanced && actions) {
|
|
132
|
-
actions.setVolume(media.volume, true); // Optimistic update
|
|
133
|
-
media.muted ? actions.mute(true) : actions.unmute(true);
|
|
134
|
-
}
|
|
135
|
-
});
|
|
136
|
-
}, [isEnhanced, actions]);
|
|
137
|
-
const handleSeeking = useCallback(() => {
|
|
138
|
-
startSeekTransition(() => {
|
|
139
|
-
// Seek operations get their own transition
|
|
140
|
-
});
|
|
141
|
-
}, []);
|
|
142
|
-
const handleSeeked = useCallback(() => {
|
|
143
|
-
// Seek completed
|
|
144
|
-
}, []);
|
|
145
|
-
const handleProgress = useCallback(() => {
|
|
146
|
-
const media = mediaRef.current;
|
|
147
|
-
if (!media)
|
|
148
|
-
return;
|
|
149
|
-
startTransition(() => {
|
|
150
|
-
if (isEnhanced && actions) {
|
|
151
|
-
actions.setBuffered(media.buffered);
|
|
152
|
-
}
|
|
153
|
-
});
|
|
154
|
-
}, [isEnhanced, actions]);
|
|
155
|
-
// Performance monitoring
|
|
156
|
-
const measureRenderTime = useCallback(() => {
|
|
157
|
-
const now = performance.now();
|
|
158
|
-
const deltaTime = now - lastFrameTime.current;
|
|
159
|
-
if (deltaTime > 0) {
|
|
160
|
-
frameCount.current++;
|
|
161
|
-
// Calculate frame rate every second
|
|
162
|
-
if (frameCount.current >= 60) {
|
|
163
|
-
const fps = Math.round((frameCount.current * 1000) / (now - lastFrameTime.current));
|
|
164
|
-
setPerformanceMetrics(prev => ({
|
|
165
|
-
...prev,
|
|
166
|
-
frameRate: fps,
|
|
167
|
-
droppedFrames: Math.max(0, 60 - fps)
|
|
168
|
-
}));
|
|
169
|
-
frameCount.current = 0;
|
|
170
|
-
lastFrameTime.current = now;
|
|
171
|
-
}
|
|
172
|
-
}
|
|
173
|
-
}, []);
|
|
174
|
-
// Attach event listeners with performance optimization
|
|
175
|
-
useEffect(() => {
|
|
176
|
-
const media = mediaRef.current;
|
|
177
|
-
if (!media)
|
|
178
|
-
return;
|
|
179
|
-
// Use passive listeners where possible for better performance
|
|
180
|
-
const eventListeners = [
|
|
181
|
-
{ event: "timeupdate", handler: handleTimeUpdate, passive: true },
|
|
182
|
-
{ event: "play", handler: handlePlay },
|
|
183
|
-
{ event: "pause", handler: handlePause },
|
|
184
|
-
{ event: "volumechange", handler: handleVolumeChange },
|
|
185
|
-
{ event: "seeking", handler: handleSeeking },
|
|
186
|
-
{ event: "seeked", handler: handleSeeked },
|
|
187
|
-
{ event: "progress", handler: handleProgress, passive: true },
|
|
188
|
-
{ event: "loadedmetadata", handler: () => measureRenderTime() },
|
|
189
|
-
{ event: "loadeddata", handler: () => measureRenderTime() }
|
|
190
|
-
];
|
|
191
|
-
eventListeners.forEach(({ event, handler, passive }) => {
|
|
192
|
-
const options = passive ? { passive: true } : {};
|
|
193
|
-
media.addEventListener(event, handler, options);
|
|
194
|
-
});
|
|
195
|
-
// Performance monitoring frame loop
|
|
196
|
-
let rafId;
|
|
197
|
-
const performanceLoop = () => {
|
|
198
|
-
measureRenderTime();
|
|
199
|
-
rafId = requestAnimationFrame(performanceLoop);
|
|
200
|
-
};
|
|
201
|
-
if (options.enablePerformanceMonitoring) {
|
|
202
|
-
performanceLoop();
|
|
203
|
-
}
|
|
204
|
-
return () => {
|
|
205
|
-
eventListeners.forEach(({ event, handler }) => {
|
|
206
|
-
media.removeEventListener(event, handler);
|
|
207
|
-
});
|
|
208
|
-
if (rafId) {
|
|
209
|
-
cancelAnimationFrame(rafId);
|
|
210
|
-
}
|
|
211
|
-
};
|
|
212
|
-
}, [
|
|
213
|
-
handleTimeUpdate,
|
|
214
|
-
handlePlay,
|
|
215
|
-
handlePause,
|
|
216
|
-
handleVolumeChange,
|
|
217
|
-
handleSeeking,
|
|
218
|
-
handleSeeked,
|
|
219
|
-
handleProgress,
|
|
220
|
-
measureRenderTime,
|
|
221
|
-
options.enablePerformanceMonitoring
|
|
222
|
-
]);
|
|
223
|
-
// Optimized control functions with React 19 features
|
|
224
|
-
const controls = useMemo(() => {
|
|
225
|
-
const play = async () => {
|
|
226
|
-
const media = mediaRef.current;
|
|
227
|
-
if (!media)
|
|
228
|
-
return;
|
|
229
|
-
if (isEnhanced && actions) {
|
|
230
|
-
await actions.play(true); // Optimistic
|
|
231
|
-
}
|
|
232
|
-
else {
|
|
233
|
-
try {
|
|
234
|
-
await media.play();
|
|
235
|
-
}
|
|
236
|
-
catch (error) {
|
|
237
|
-
console.error("Failed to play media:", error);
|
|
238
|
-
}
|
|
239
|
-
}
|
|
240
|
-
};
|
|
241
|
-
const pause = () => {
|
|
242
|
-
const media = mediaRef.current;
|
|
243
|
-
if (!media)
|
|
244
|
-
return;
|
|
245
|
-
if (isEnhanced && actions) {
|
|
246
|
-
actions.pause(true); // Optimistic
|
|
247
|
-
}
|
|
248
|
-
else {
|
|
249
|
-
media.pause();
|
|
250
|
-
}
|
|
251
|
-
};
|
|
252
|
-
const toggle = () => {
|
|
253
|
-
if (isPlaying) {
|
|
254
|
-
pause();
|
|
255
|
-
}
|
|
256
|
-
else {
|
|
257
|
-
play();
|
|
258
|
-
}
|
|
259
|
-
};
|
|
260
|
-
const seek = (time) => {
|
|
261
|
-
const media = mediaRef.current;
|
|
262
|
-
if (!media)
|
|
263
|
-
return;
|
|
264
|
-
const clampedTime = Math.max(0, Math.min(time, duration || 0));
|
|
265
|
-
if (isEnhanced && actions) {
|
|
266
|
-
startSeekTransition(() => {
|
|
267
|
-
actions.seek(clampedTime, true); // Optimistic
|
|
268
|
-
});
|
|
269
|
-
}
|
|
270
|
-
else {
|
|
271
|
-
media.currentTime = clampedTime;
|
|
272
|
-
}
|
|
273
|
-
};
|
|
274
|
-
const setVolume = (volume) => {
|
|
275
|
-
const media = mediaRef.current;
|
|
276
|
-
if (!media)
|
|
277
|
-
return;
|
|
278
|
-
const clampedVolume = Math.max(0, Math.min(1, volume));
|
|
279
|
-
if (isEnhanced && actions) {
|
|
280
|
-
setOptimisticVolume(clampedVolume);
|
|
281
|
-
startTransition(() => {
|
|
282
|
-
actions.setVolume(clampedVolume, true);
|
|
283
|
-
});
|
|
284
|
-
}
|
|
285
|
-
else {
|
|
286
|
-
media.volume = clampedVolume;
|
|
287
|
-
}
|
|
288
|
-
};
|
|
289
|
-
const toggleMute = () => {
|
|
290
|
-
const media = mediaRef.current;
|
|
291
|
-
if (!media)
|
|
292
|
-
return;
|
|
293
|
-
if (isEnhanced && actions) {
|
|
294
|
-
actions.toggleMute(true); // Optimistic
|
|
295
|
-
}
|
|
296
|
-
else {
|
|
297
|
-
media.muted = !media.muted;
|
|
298
|
-
}
|
|
299
|
-
};
|
|
300
|
-
const enterFullscreen = async () => {
|
|
301
|
-
const container = containerRef.current;
|
|
302
|
-
if (!container || !document.fullscreenEnabled)
|
|
303
|
-
return;
|
|
304
|
-
try {
|
|
305
|
-
await container.requestFullscreen();
|
|
306
|
-
if (isEnhanced && actions) {
|
|
307
|
-
actions.enterFullscreen(true);
|
|
308
|
-
}
|
|
309
|
-
}
|
|
310
|
-
catch (error) {
|
|
311
|
-
console.error("Failed to enter fullscreen:", error);
|
|
312
|
-
}
|
|
313
|
-
};
|
|
314
|
-
const exitFullscreen = async () => {
|
|
315
|
-
if (!document.fullscreenElement)
|
|
316
|
-
return;
|
|
317
|
-
try {
|
|
318
|
-
await document.exitFullscreen();
|
|
319
|
-
if (isEnhanced && actions) {
|
|
320
|
-
actions.exitFullscreen(true);
|
|
321
|
-
}
|
|
322
|
-
}
|
|
323
|
-
catch (error) {
|
|
324
|
-
console.error("Failed to exit fullscreen:", error);
|
|
325
|
-
}
|
|
326
|
-
};
|
|
327
|
-
return {
|
|
328
|
-
play,
|
|
329
|
-
pause,
|
|
330
|
-
toggle,
|
|
331
|
-
seek,
|
|
332
|
-
setVolume,
|
|
333
|
-
toggleMute,
|
|
334
|
-
enterFullscreen,
|
|
335
|
-
exitFullscreen
|
|
336
|
-
};
|
|
337
|
-
}, [
|
|
338
|
-
isPlaying,
|
|
339
|
-
duration,
|
|
340
|
-
isEnhanced,
|
|
341
|
-
actions,
|
|
342
|
-
startTransition,
|
|
343
|
-
startSeekTransition,
|
|
344
|
-
setOptimisticVolume
|
|
345
|
-
]);
|
|
346
|
-
// Computed state
|
|
347
|
-
const computedState = useMemo(() => ({
|
|
348
|
-
isPlaying: optimisticState?.isPlaying ?? isPlaying,
|
|
349
|
-
currentTime: optimisticState?.currentTime ?? currentTime,
|
|
350
|
-
duration: optimisticState?.duration ?? duration,
|
|
351
|
-
volume: optimisticState?.volume ?? optimisticVolume,
|
|
352
|
-
isMuted: optimisticState?.isMuted ?? isMuted,
|
|
353
|
-
isLoading: optimisticState?.isBuffering ?? isLoading,
|
|
354
|
-
isBuffering: optimisticState?.isBuffering ?? isBuffering,
|
|
355
|
-
error: optimisticState?.error ?? error,
|
|
356
|
-
buffered: optimisticState?.buffered ?? buffered,
|
|
357
|
-
isFullscreen: optimisticState?.isFullscreen ?? isFullscreen,
|
|
358
|
-
progress: duration > 0 ? currentTime / duration : 0,
|
|
359
|
-
isTransitioning: isPending || isSeeking,
|
|
360
|
-
canPlay: !isLoading && !isBuffering && !error
|
|
361
|
-
}), [
|
|
362
|
-
optimisticState,
|
|
363
|
-
isPlaying,
|
|
364
|
-
currentTime,
|
|
365
|
-
duration,
|
|
366
|
-
optimisticVolume,
|
|
367
|
-
isMuted,
|
|
368
|
-
isLoading,
|
|
369
|
-
isBuffering,
|
|
370
|
-
error,
|
|
371
|
-
buffered,
|
|
372
|
-
isFullscreen,
|
|
373
|
-
isPending,
|
|
374
|
-
isSeeking
|
|
375
|
-
]);
|
|
376
|
-
return {
|
|
377
|
-
// Refs
|
|
378
|
-
mediaRef,
|
|
379
|
-
containerRef,
|
|
380
|
-
// State
|
|
381
|
-
state: computedState,
|
|
382
|
-
actualState: optimisticState?.actualState,
|
|
383
|
-
// Controls
|
|
384
|
-
controls,
|
|
385
|
-
// Performance metrics
|
|
386
|
-
performanceMetrics,
|
|
387
|
-
isTransitioning: isPending || isSeeking,
|
|
388
|
-
// Enhanced features
|
|
389
|
-
actions: optimisticState?.actions,
|
|
390
|
-
actionState: optimisticState?.actionState,
|
|
391
|
-
// Optimistic features
|
|
392
|
-
optimisticState,
|
|
393
|
-
isEnhanced
|
|
394
|
-
};
|
|
395
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"use-intelligent-preloading.d.ts","sourceRoot":"","sources":["use-intelligent-preloading.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,UAAU,4BAA4B;IACrC,oCAAoC;IACpC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kCAAkC;IAClC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,cAAc,GAAG,UAAU,GAAG,YAAY,CAAC;IACtD,yCAAyC;IACzC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wCAAwC;IACxC,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB;AAkBD,eAAO,MAAM,wBAAwB,GACpC,SAAS,WAAW,EAAE,EACtB,UAAS,4BAAiC;IAwRzC;;OAEG;4BACqB,MAAM;IAI9B;;OAEG;;wBAlTY,MAAM;sBACR,MAAM;oBACR,MAAM;qBACL,MAAM;oBACP,MAAM;yBACD,MAAM;yBACN,MAAM;;IA+StB;;OAEG;;;;;;;;;;;;;;IAGH;;OAEG;;IAKH;;OAEG;;;;;;;CAUJ,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
|
|
@@ -1,258 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Intelligent Preloading Hook
|
|
3
|
-
* Combines user behavior analysis with network conditions for optimal preloading
|
|
4
|
-
*/
|
|
5
|
-
import { useEffect, useRef, useCallback, useMemo } from 'react';
|
|
6
|
-
export const useIntelligentPreloading = (sources, options = {}) => {
|
|
7
|
-
const { trackUserBehavior = true, adaptToNetwork = true, strategy = 'balanced', maxPreloadItems = 3, preloadRadius = 2, } = options;
|
|
8
|
-
const userBehaviorRef = useRef({
|
|
9
|
-
mouseMovements: 0,
|
|
10
|
-
scrollEvents: 0,
|
|
11
|
-
keyPresses: 0,
|
|
12
|
-
focusEvents: 0,
|
|
13
|
-
timeOnPage: 0,
|
|
14
|
-
engagementScore: 0,
|
|
15
|
-
lastInteraction: Date.now(),
|
|
16
|
-
});
|
|
17
|
-
const networkInfoRef = useRef(null);
|
|
18
|
-
const preloadedItemsRef = useRef(new Set());
|
|
19
|
-
const preloadQueueRef = useRef([]);
|
|
20
|
-
// Calculate user engagement score
|
|
21
|
-
const calculateEngagementScore = useCallback(() => {
|
|
22
|
-
const behavior = userBehaviorRef.current;
|
|
23
|
-
const timeFactor = Math.min(behavior.timeOnPage / 60000, 1); // Cap at 1 minute
|
|
24
|
-
const interactionFactor = Math.min((behavior.mouseMovements + behavior.scrollEvents + behavior.keyPresses) / 100, 1);
|
|
25
|
-
return (timeFactor * 0.4 + interactionFactor * 0.6) * 100;
|
|
26
|
-
}, []);
|
|
27
|
-
// Update user behavior tracking
|
|
28
|
-
const updateUserBehavior = useCallback((type, increment = 1) => {
|
|
29
|
-
const behavior = userBehaviorRef.current;
|
|
30
|
-
behavior[type] = typeof behavior[type] === 'number' ? behavior[type] + increment : Date.now();
|
|
31
|
-
behavior.engagementScore = calculateEngagementScore();
|
|
32
|
-
behavior.lastInteraction = Date.now();
|
|
33
|
-
}, [calculateEngagementScore]);
|
|
34
|
-
// Get current network conditions
|
|
35
|
-
const getNetworkConditions = useCallback(() => {
|
|
36
|
-
if (!networkInfoRef.current || !adaptToNetwork) {
|
|
37
|
-
return { type: 'unknown', downlink: 10, effectiveType: '4g', saveData: false };
|
|
38
|
-
}
|
|
39
|
-
const network = networkInfoRef.current;
|
|
40
|
-
return {
|
|
41
|
-
type: network.type,
|
|
42
|
-
downlink: network.downlink || 10,
|
|
43
|
-
effectiveType: network.effectiveType || '4g',
|
|
44
|
-
saveData: network.saveData || false,
|
|
45
|
-
rtt: network.rtt || 100,
|
|
46
|
-
};
|
|
47
|
-
}, [adaptToNetwork]);
|
|
48
|
-
// Determine if a source should be preloaded
|
|
49
|
-
const shouldPreloadSource = useCallback((source, index, currentIndex = 0) => {
|
|
50
|
-
// Skip if already preloaded
|
|
51
|
-
if (preloadedItemsRef.current.has(source.src)) {
|
|
52
|
-
return { shouldPreload: false, priority: 'low', reason: 'Already preloaded' };
|
|
53
|
-
}
|
|
54
|
-
// Check if within preload radius
|
|
55
|
-
const distance = Math.abs(index - currentIndex);
|
|
56
|
-
if (distance > preloadRadius) {
|
|
57
|
-
return { shouldPreload: false, priority: 'low', reason: 'Outside preload radius' };
|
|
58
|
-
}
|
|
59
|
-
const behavior = userBehaviorRef.current;
|
|
60
|
-
const network = getNetworkConditions();
|
|
61
|
-
const engagementScore = behavior.engagementScore;
|
|
62
|
-
const timeSinceInteraction = Date.now() - behavior.lastInteraction;
|
|
63
|
-
// Network-based decisions
|
|
64
|
-
if (network.saveData) {
|
|
65
|
-
return { shouldPreload: false, priority: 'low', reason: 'Data saver mode' };
|
|
66
|
-
}
|
|
67
|
-
// Strategy-based filtering
|
|
68
|
-
let shouldPreload = false;
|
|
69
|
-
let priority = 'medium';
|
|
70
|
-
let reason = '';
|
|
71
|
-
switch (strategy) {
|
|
72
|
-
case 'conservative':
|
|
73
|
-
shouldPreload = engagementScore > 70 && network.effectiveType !== '2g' && distance === 1;
|
|
74
|
-
priority = shouldPreload ? 'medium' : 'low';
|
|
75
|
-
reason = shouldPreload ? 'High engagement and optimal network' : 'Conservative strategy';
|
|
76
|
-
break;
|
|
77
|
-
case 'aggressive':
|
|
78
|
-
shouldPreload = engagementScore > 30 && network.effectiveType !== 'slow-2g';
|
|
79
|
-
priority = engagementScore > 70 ? 'high' : engagementScore > 50 ? 'medium' : 'low';
|
|
80
|
-
reason = shouldPreload ? 'Aggressive preloading' : 'Low engagement';
|
|
81
|
-
break;
|
|
82
|
-
case 'balanced':
|
|
83
|
-
default:
|
|
84
|
-
const networkMultiplier = network.effectiveType === '4g' ? 1 :
|
|
85
|
-
network.effectiveType === '3g' ? 0.7 : 0.3;
|
|
86
|
-
const adjustedScore = engagementScore * networkMultiplier;
|
|
87
|
-
shouldPreload = adjustedScore > 40 && distance <= 2;
|
|
88
|
-
priority = adjustedScore > 70 ? 'high' : adjustedScore > 55 ? 'medium' : 'low';
|
|
89
|
-
reason = shouldPreload ? `Balanced: score ${adjustedScore.toFixed(1)}` : 'Low adjusted score';
|
|
90
|
-
break;
|
|
91
|
-
}
|
|
92
|
-
// Additional heuristics
|
|
93
|
-
if (shouldPreload) {
|
|
94
|
-
// Prioritize HLS and adaptive streaming
|
|
95
|
-
if (source.type === 'hls' || source.type === 'm3u8') {
|
|
96
|
-
priority = priority === 'low' ? 'medium' : 'high';
|
|
97
|
-
}
|
|
98
|
-
// Boost priority for recent user interaction
|
|
99
|
-
if (timeSinceInteraction < 5000) { // Within 5 seconds
|
|
100
|
-
priority = 'high';
|
|
101
|
-
reason += ' + Recent interaction';
|
|
102
|
-
}
|
|
103
|
-
// Consider content type (video gets higher priority than audio)
|
|
104
|
-
if (source.type === 'mp4' || source.type === 'webm') {
|
|
105
|
-
priority = priority === 'low' ? 'medium' : priority;
|
|
106
|
-
}
|
|
107
|
-
}
|
|
108
|
-
return { shouldPreload, priority, reason };
|
|
109
|
-
}, [strategy, preloadRadius, getNetworkConditions, calculateEngagementScore]);
|
|
110
|
-
// Preload a specific source
|
|
111
|
-
const preloadSource = useCallback(async (source, priority) => {
|
|
112
|
-
try {
|
|
113
|
-
// Create a preload link element
|
|
114
|
-
const link = document.createElement('link');
|
|
115
|
-
link.rel = 'preload';
|
|
116
|
-
link.href = source.src;
|
|
117
|
-
// Determine the correct 'as' attribute
|
|
118
|
-
switch (source.type) {
|
|
119
|
-
case 'hls':
|
|
120
|
-
case 'm3u8':
|
|
121
|
-
link.as = 'fetch';
|
|
122
|
-
break;
|
|
123
|
-
case 'mp4':
|
|
124
|
-
case 'webm':
|
|
125
|
-
link.as = 'video';
|
|
126
|
-
break;
|
|
127
|
-
case 'mp3':
|
|
128
|
-
case 'wav':
|
|
129
|
-
case 'ogg':
|
|
130
|
-
link.as = 'audio';
|
|
131
|
-
break;
|
|
132
|
-
default:
|
|
133
|
-
link.as = 'fetch';
|
|
134
|
-
}
|
|
135
|
-
link.crossOrigin = 'anonymous';
|
|
136
|
-
// Add to document head
|
|
137
|
-
document.head.appendChild(link);
|
|
138
|
-
// Mark as preloaded
|
|
139
|
-
preloadedItemsRef.current.add(source.src);
|
|
140
|
-
console.debug(`Preloaded: ${source.src} (${priority})`);
|
|
141
|
-
// Cleanup after 30 seconds to prevent memory issues
|
|
142
|
-
setTimeout(() => {
|
|
143
|
-
if (document.head.contains(link)) {
|
|
144
|
-
document.head.removeChild(link);
|
|
145
|
-
}
|
|
146
|
-
}, 30000);
|
|
147
|
-
}
|
|
148
|
-
catch (error) {
|
|
149
|
-
console.warn('Failed to preload source:', source.src, error);
|
|
150
|
-
}
|
|
151
|
-
}, []);
|
|
152
|
-
// Process preload queue
|
|
153
|
-
const processPreloadQueue = useCallback(() => {
|
|
154
|
-
if (preloadQueueRef.current.length === 0)
|
|
155
|
-
return;
|
|
156
|
-
// Sort by priority (higher number = higher priority)
|
|
157
|
-
const sortedQueue = [...preloadQueueRef.current].sort((a, b) => b.priority - a.priority);
|
|
158
|
-
// Take top items based on maxPreloadItems
|
|
159
|
-
const itemsToPreload = sortedQueue.slice(0, maxPreloadItems);
|
|
160
|
-
// Clear queue
|
|
161
|
-
preloadQueueRef.current = [];
|
|
162
|
-
// Preload items
|
|
163
|
-
itemsToPreload.forEach(({ source, priority }) => {
|
|
164
|
-
preloadSource(source, priority);
|
|
165
|
-
});
|
|
166
|
-
}, [maxPreloadItems, preloadSource]);
|
|
167
|
-
// Update preloading decisions
|
|
168
|
-
const updatePreloading = useCallback((currentIndex = 0) => {
|
|
169
|
-
preloadQueueRef.current = [];
|
|
170
|
-
sources.forEach((source, index) => {
|
|
171
|
-
const decision = shouldPreloadSource(source, index, currentIndex);
|
|
172
|
-
if (decision.shouldPreload) {
|
|
173
|
-
const priority = decision.priority === 'high' ? 3 :
|
|
174
|
-
decision.priority === 'medium' ? 2 : 1;
|
|
175
|
-
preloadQueueRef.current.push({ source, priority });
|
|
176
|
-
}
|
|
177
|
-
});
|
|
178
|
-
processPreloadQueue();
|
|
179
|
-
}, [sources, shouldPreloadSource, processPreloadQueue]);
|
|
180
|
-
// Set up user behavior tracking
|
|
181
|
-
useEffect(() => {
|
|
182
|
-
if (!trackUserBehavior)
|
|
183
|
-
return;
|
|
184
|
-
const handleMouseMove = () => updateUserBehavior('mouseMovements');
|
|
185
|
-
const handleScroll = () => updateUserBehavior('scrollEvents');
|
|
186
|
-
const handleKeyPress = () => updateUserBehavior('keyPresses');
|
|
187
|
-
const handleFocus = () => updateUserBehavior('focusEvents');
|
|
188
|
-
// Add event listeners
|
|
189
|
-
document.addEventListener('mousemove', handleMouseMove, { passive: true });
|
|
190
|
-
document.addEventListener('scroll', handleScroll, { passive: true });
|
|
191
|
-
document.addEventListener('keydown', handleKeyPress, { passive: true });
|
|
192
|
-
document.addEventListener('focusin', handleFocus, { passive: true });
|
|
193
|
-
// Update time on page every second
|
|
194
|
-
const timeInterval = setInterval(() => {
|
|
195
|
-
updateUserBehavior('timeOnPage', 1);
|
|
196
|
-
}, 1000);
|
|
197
|
-
return () => {
|
|
198
|
-
document.removeEventListener('mousemove', handleMouseMove);
|
|
199
|
-
document.removeEventListener('scroll', handleScroll);
|
|
200
|
-
document.removeEventListener('keydown', handleKeyPress);
|
|
201
|
-
document.removeEventListener('focusin', handleFocus);
|
|
202
|
-
clearInterval(timeInterval);
|
|
203
|
-
};
|
|
204
|
-
}, [trackUserBehavior, updateUserBehavior]);
|
|
205
|
-
// Set up network monitoring
|
|
206
|
-
useEffect(() => {
|
|
207
|
-
if (!adaptToNetwork || !('connection' in navigator))
|
|
208
|
-
return;
|
|
209
|
-
const network = navigator.connection;
|
|
210
|
-
networkInfoRef.current = network;
|
|
211
|
-
const handleNetworkChange = () => {
|
|
212
|
-
// Re-evaluate preloading when network conditions change
|
|
213
|
-
updatePreloading();
|
|
214
|
-
};
|
|
215
|
-
network.addEventListener('change', handleNetworkChange);
|
|
216
|
-
return () => {
|
|
217
|
-
network.removeEventListener('change', handleNetworkChange);
|
|
218
|
-
};
|
|
219
|
-
}, [adaptToNetwork, updatePreloading]);
|
|
220
|
-
// Initial preloading
|
|
221
|
-
useEffect(() => {
|
|
222
|
-
updatePreloading();
|
|
223
|
-
}, [updatePreloading]);
|
|
224
|
-
// Memoize return values
|
|
225
|
-
const controls = useMemo(() => ({
|
|
226
|
-
/**
|
|
227
|
-
* Manually trigger preloading for specific index
|
|
228
|
-
*/
|
|
229
|
-
preloadAtIndex: (index) => {
|
|
230
|
-
updatePreloading(index);
|
|
231
|
-
},
|
|
232
|
-
/**
|
|
233
|
-
* Get current user behavior data
|
|
234
|
-
*/
|
|
235
|
-
getUserBehavior: () => ({ ...userBehaviorRef.current }),
|
|
236
|
-
/**
|
|
237
|
-
* Get current network conditions
|
|
238
|
-
*/
|
|
239
|
-
getNetworkConditions: getNetworkConditions,
|
|
240
|
-
/**
|
|
241
|
-
* Clear preloaded items cache
|
|
242
|
-
*/
|
|
243
|
-
clearCache: () => {
|
|
244
|
-
preloadedItemsRef.current.clear();
|
|
245
|
-
},
|
|
246
|
-
/**
|
|
247
|
-
* Get preloading statistics
|
|
248
|
-
*/
|
|
249
|
-
getStats: () => ({
|
|
250
|
-
preloadedItems: preloadedItemsRef.current.size,
|
|
251
|
-
engagementScore: userBehaviorRef.current.engagementScore,
|
|
252
|
-
queueLength: preloadQueueRef.current.length,
|
|
253
|
-
maxPreloadItems,
|
|
254
|
-
}),
|
|
255
|
-
}), [updatePreloading, getNetworkConditions, maxPreloadItems]);
|
|
256
|
-
return controls;
|
|
257
|
-
};
|
|
258
|
-
export default useIntelligentPreloading;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"use-keyboard-controls.d.ts","sourceRoot":"","sources":["use-keyboard-controls.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAE3E,UAAU,0BAA0B;IACnC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,EAAE,gBAAgB,CAAA;IACvB,QAAQ,EAAE,mBAAmB,CAAA;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,mBAAmB,CAAC,EACnC,OAAc,EACd,KAAK,EACL,QAAQ,EACR,QAAa,EACb,UAAgB,EAChB,EAAE,0BAA0B;2BACE,aAAa;EA8F3C"}
|