@therealtinhtute/baroiplayer 1.0.6 → 1.0.8
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/index.js +1 -7
- package/dist/index.mjs +1 -2
- 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,302 +0,0 @@
|
|
|
1
|
-
var u = Object.defineProperty;
|
|
2
|
-
var p = (n, e, r) => e in n ? u(n, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : n[e] = r;
|
|
3
|
-
var d = (n, e, r) => p(n, typeof e != "symbol" ? e + "" : e, r);
|
|
4
|
-
import { j as t } from "./context-Af84FynT.js";
|
|
5
|
-
import { useState as m, useEffect as g, useCallback as b, useRef as M } from "react";
|
|
6
|
-
const x = {
|
|
7
|
-
lcp: { good: 2500, poor: 4e3 },
|
|
8
|
-
fid: { good: 100, poor: 300 },
|
|
9
|
-
cls: { good: 0.1, poor: 0.25 },
|
|
10
|
-
renderTime: { good: 16, poor: 100 },
|
|
11
|
-
// Target 60fps = 16.67ms per frame
|
|
12
|
-
memoryUsage: { good: 50 * 1024 * 1024, poor: 100 * 1024 * 1024 }
|
|
13
|
-
// 50MB good, 100MB poor
|
|
14
|
-
};
|
|
15
|
-
class v {
|
|
16
|
-
constructor(e = x) {
|
|
17
|
-
d(this, "metrics", []);
|
|
18
|
-
d(this, "listeners", /* @__PURE__ */ new Set());
|
|
19
|
-
d(this, "thresholds");
|
|
20
|
-
d(this, "observer");
|
|
21
|
-
d(this, "isMonitoring", !1);
|
|
22
|
-
this.thresholds = e, this.initializeWebVitals(), this.initializePerformanceObserver();
|
|
23
|
-
}
|
|
24
|
-
async initializeWebVitals() {
|
|
25
|
-
if (!(typeof window > "u"))
|
|
26
|
-
try {
|
|
27
|
-
const e = await import("web-vitals").catch(() => null);
|
|
28
|
-
if (!e) {
|
|
29
|
-
console.warn("web-vitals package not available, Core Web Vitals tracking disabled");
|
|
30
|
-
return;
|
|
31
|
-
}
|
|
32
|
-
const r = (o) => {
|
|
33
|
-
this.updateMetric(o.name.toLowerCase(), o.value);
|
|
34
|
-
}, s = e;
|
|
35
|
-
s.getCLS && s.getCLS(r), s.getFID && s.getFID(r), s.getFCP && s.getFCP(r), s.getLCP && s.getLCP(r), s.getTTFB && s.getTTFB(r), s.onINP && s.onINP(r);
|
|
36
|
-
} catch (e) {
|
|
37
|
-
console.warn("Web Vitals initialization failed:", e);
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
initializePerformanceObserver() {
|
|
41
|
-
if (!(typeof window > "u" || !("PerformanceObserver" in window)))
|
|
42
|
-
try {
|
|
43
|
-
this.observer = new PerformanceObserver((e) => {
|
|
44
|
-
for (const r of e.getEntries())
|
|
45
|
-
this.handlePerformanceEntry(r);
|
|
46
|
-
}), this.observer.observe({ entryTypes: ["measure", "navigation", "resource", "paint"] });
|
|
47
|
-
} catch (e) {
|
|
48
|
-
console.warn("PerformanceObserver not supported:", e);
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
handlePerformanceEntry(e) {
|
|
52
|
-
switch (e.entryType) {
|
|
53
|
-
case "measure":
|
|
54
|
-
e.name.startsWith("baroiplayer-render") && this.updateMetric("componentRenderTime", e.duration);
|
|
55
|
-
break;
|
|
56
|
-
case "resource":
|
|
57
|
-
(e.name.includes(".js") || e.name.includes(".css")) && this.updateMetric("bundleLoadTime", e.duration);
|
|
58
|
-
break;
|
|
59
|
-
case "paint":
|
|
60
|
-
e.name === "first-contentful-paint" && this.updateMetric("fcp", e.startTime);
|
|
61
|
-
break;
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
updateMetric(e, r) {
|
|
65
|
-
const s = this.getCurrentMetrics(), o = {
|
|
66
|
-
...s,
|
|
67
|
-
[e]: r,
|
|
68
|
-
timestamp: Date.now(),
|
|
69
|
-
performanceScore: this.calculatePerformanceScore({ ...s, [e]: r })
|
|
70
|
-
};
|
|
71
|
-
this.metrics.push(o), this.metrics.length > 100 && (this.metrics = this.metrics.slice(-100)), this.listeners.forEach((i) => i(o));
|
|
72
|
-
}
|
|
73
|
-
getCurrentMetrics() {
|
|
74
|
-
return this.metrics[this.metrics.length - 1] || {
|
|
75
|
-
componentRenderTime: 0,
|
|
76
|
-
bundleLoadTime: 0,
|
|
77
|
-
mediaLoadTime: 0,
|
|
78
|
-
memoryUsage: this.getMemoryUsage(),
|
|
79
|
-
performanceScore: 0,
|
|
80
|
-
timestamp: Date.now()
|
|
81
|
-
};
|
|
82
|
-
}
|
|
83
|
-
getMemoryUsage() {
|
|
84
|
-
return "memory" in performance && performance.memory.usedJSHeapSize || 0;
|
|
85
|
-
}
|
|
86
|
-
calculatePerformanceScore(e) {
|
|
87
|
-
let r = 100;
|
|
88
|
-
return e.lcp && e.lcp > this.thresholds.lcp.good && (r -= e.lcp > this.thresholds.lcp.poor ? 30 : 15), e.fid && e.fid > this.thresholds.fid.good && (r -= e.fid > this.thresholds.fid.poor ? 25 : 10), e.cls && e.cls > this.thresholds.cls.good && (r -= e.cls > this.thresholds.cls.poor ? 20 : 10), e.componentRenderTime > this.thresholds.renderTime.good && (r -= e.componentRenderTime > this.thresholds.renderTime.poor ? 20 : 10), e.memoryUsage > this.thresholds.memoryUsage.good && (r -= e.memoryUsage > this.thresholds.memoryUsage.poor ? 15 : 5), Math.max(0, r);
|
|
89
|
-
}
|
|
90
|
-
// Public API
|
|
91
|
-
startMonitoring() {
|
|
92
|
-
this.isMonitoring = !0, this.startMemoryMonitoring();
|
|
93
|
-
}
|
|
94
|
-
stopMonitoring() {
|
|
95
|
-
this.isMonitoring = !1, this.observer && this.observer.disconnect();
|
|
96
|
-
}
|
|
97
|
-
startMemoryMonitoring() {
|
|
98
|
-
this.isMonitoring && (this.updateMetric("memoryUsage", this.getMemoryUsage()), setTimeout(() => this.startMemoryMonitoring(), 5e3));
|
|
99
|
-
}
|
|
100
|
-
measureComponentRender(e, r) {
|
|
101
|
-
const s = `baroiplayer-render-${e}-start`, o = `baroiplayer-render-${e}-end`, i = `baroiplayer-render-${e}`;
|
|
102
|
-
performance.mark(s);
|
|
103
|
-
const a = r();
|
|
104
|
-
performance.mark(o);
|
|
105
|
-
try {
|
|
106
|
-
performance.measure(i, s, o);
|
|
107
|
-
} catch (c) {
|
|
108
|
-
console.warn("Performance measurement failed:", c);
|
|
109
|
-
}
|
|
110
|
-
return a;
|
|
111
|
-
}
|
|
112
|
-
subscribe(e) {
|
|
113
|
-
return this.listeners.add(e), () => this.listeners.delete(e);
|
|
114
|
-
}
|
|
115
|
-
getLatestMetrics() {
|
|
116
|
-
return this.metrics[this.metrics.length - 1] || null;
|
|
117
|
-
}
|
|
118
|
-
getAllMetrics() {
|
|
119
|
-
return [...this.metrics];
|
|
120
|
-
}
|
|
121
|
-
getAverageMetrics(e = 10) {
|
|
122
|
-
const r = this.metrics.slice(-e);
|
|
123
|
-
if (r.length === 0) return {};
|
|
124
|
-
const s = {};
|
|
125
|
-
return [
|
|
126
|
-
"lcp",
|
|
127
|
-
"fid",
|
|
128
|
-
"cls",
|
|
129
|
-
"fcp",
|
|
130
|
-
"ttfb",
|
|
131
|
-
"inp",
|
|
132
|
-
"componentRenderTime",
|
|
133
|
-
"bundleLoadTime",
|
|
134
|
-
"mediaLoadTime",
|
|
135
|
-
"memoryUsage",
|
|
136
|
-
"performanceScore"
|
|
137
|
-
].forEach((i) => {
|
|
138
|
-
const a = r.map((c) => c[i]).filter((c) => typeof c == "number" && !isNaN(c));
|
|
139
|
-
a.length > 0 && (s[i] = a.reduce((c, f) => c + f, 0) / a.length);
|
|
140
|
-
}), s;
|
|
141
|
-
}
|
|
142
|
-
getThresholds() {
|
|
143
|
-
return this.thresholds;
|
|
144
|
-
}
|
|
145
|
-
updateThresholds(e) {
|
|
146
|
-
this.thresholds = { ...this.thresholds, ...e };
|
|
147
|
-
}
|
|
148
|
-
}
|
|
149
|
-
const l = new v();
|
|
150
|
-
function h() {
|
|
151
|
-
const [n, e] = m(null), [r, s] = m(!0);
|
|
152
|
-
g(() => {
|
|
153
|
-
if (s(typeof window < "u" && "performance" in window), !r) return;
|
|
154
|
-
l.startMonitoring();
|
|
155
|
-
const i = l.subscribe(e);
|
|
156
|
-
return () => {
|
|
157
|
-
i(), l.stopMonitoring();
|
|
158
|
-
};
|
|
159
|
-
}, [r]);
|
|
160
|
-
const o = b(
|
|
161
|
-
(i, a) => l.measureComponentRender(i, a),
|
|
162
|
-
[]
|
|
163
|
-
);
|
|
164
|
-
return {
|
|
165
|
-
metrics: n,
|
|
166
|
-
isSupported: r,
|
|
167
|
-
measureRender: o,
|
|
168
|
-
averageMetrics: l.getAverageMetrics(),
|
|
169
|
-
allMetrics: l.getAllMetrics(),
|
|
170
|
-
thresholds: l.getThresholds()
|
|
171
|
-
};
|
|
172
|
-
}
|
|
173
|
-
function w(n, e) {
|
|
174
|
-
const r = e || n.displayName || n.name || "Component";
|
|
175
|
-
function s(o) {
|
|
176
|
-
const i = M(0), { measureRender: a } = h();
|
|
177
|
-
return a(`${r}-${i.current++}`, () => /* @__PURE__ */ t.jsx(n, { ...o }));
|
|
178
|
-
}
|
|
179
|
-
return s.displayName = `withPerformanceMonitoring(${r})`, s;
|
|
180
|
-
}
|
|
181
|
-
class P {
|
|
182
|
-
constructor() {
|
|
183
|
-
d(this, "baselineMetrics", null);
|
|
184
|
-
d(this, "regressionThreshold", 0.2);
|
|
185
|
-
}
|
|
186
|
-
// 20% degradation threshold
|
|
187
|
-
setBaseline(e) {
|
|
188
|
-
this.baselineMetrics = e;
|
|
189
|
-
}
|
|
190
|
-
detectRegression(e) {
|
|
191
|
-
if (!this.baselineMetrics) return [];
|
|
192
|
-
const r = [];
|
|
193
|
-
return [
|
|
194
|
-
"componentRenderTime",
|
|
195
|
-
"bundleLoadTime",
|
|
196
|
-
"mediaLoadTime",
|
|
197
|
-
"memoryUsage"
|
|
198
|
-
].forEach((o) => {
|
|
199
|
-
const i = this.baselineMetrics[o], a = e[o];
|
|
200
|
-
if (i && a && i > 0) {
|
|
201
|
-
const c = (a - i) / i;
|
|
202
|
-
c > this.regressionThreshold && r.push({ metric: o, baseline: i, current: a, degradation: c });
|
|
203
|
-
}
|
|
204
|
-
}), r;
|
|
205
|
-
}
|
|
206
|
-
setRegressionThreshold(e) {
|
|
207
|
-
this.regressionThreshold = Math.max(0, Math.min(1, e));
|
|
208
|
-
}
|
|
209
|
-
}
|
|
210
|
-
function S({
|
|
211
|
-
className: n = "",
|
|
212
|
-
showAdvanced: e = !1
|
|
213
|
-
}) {
|
|
214
|
-
const { metrics: r, averageMetrics: s, isSupported: o } = h();
|
|
215
|
-
if (!o || !r)
|
|
216
|
-
return /* @__PURE__ */ t.jsx("div", { className: `performance-dashboard ${n}`, children: /* @__PURE__ */ t.jsx("p", { children: "Performance monitoring not supported in this environment" }) });
|
|
217
|
-
const i = (c) => c >= 90 ? "text-green-600" : c >= 70 ? "text-yellow-600" : "text-red-600", a = (c) => `${(c / 1024 / 1024).toFixed(2)} MB`;
|
|
218
|
-
return /* @__PURE__ */ t.jsxs("div", { className: `performance-dashboard rounded-lg bg-white p-4 shadow ${n}`, children: [
|
|
219
|
-
/* @__PURE__ */ t.jsx("h3", { className: "mb-4 font-semibold text-lg", children: "Performance Dashboard" }),
|
|
220
|
-
/* @__PURE__ */ t.jsxs("div", { className: "mb-4", children: [
|
|
221
|
-
/* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-between", children: [
|
|
222
|
-
/* @__PURE__ */ t.jsx("span", { children: "Performance Score" }),
|
|
223
|
-
/* @__PURE__ */ t.jsx("span", { className: `font-bold ${i(r.performanceScore)}`, children: r.performanceScore.toFixed(0) })
|
|
224
|
-
] }),
|
|
225
|
-
/* @__PURE__ */ t.jsx("div", { className: "mt-1 h-2 w-full rounded-full bg-gray-200", children: /* @__PURE__ */ t.jsx(
|
|
226
|
-
"div",
|
|
227
|
-
{
|
|
228
|
-
className: `h-2 rounded-full transition-all duration-300 ${r.performanceScore >= 90 ? "bg-green-500" : r.performanceScore >= 70 ? "bg-yellow-500" : "bg-red-500"}`,
|
|
229
|
-
style: { width: `${r.performanceScore}%` }
|
|
230
|
-
}
|
|
231
|
-
) })
|
|
232
|
-
] }),
|
|
233
|
-
/* @__PURE__ */ t.jsxs("div", { className: "mb-4 grid grid-cols-2 gap-4", children: [
|
|
234
|
-
/* @__PURE__ */ t.jsxs("div", { children: [
|
|
235
|
-
/* @__PURE__ */ t.jsx("h4", { className: "mb-2 font-medium", children: "Core Web Vitals" }),
|
|
236
|
-
/* @__PURE__ */ t.jsxs("div", { className: "space-y-1 text-sm", children: [
|
|
237
|
-
r.lcp && /* @__PURE__ */ t.jsxs("div", { children: [
|
|
238
|
-
"LCP: ",
|
|
239
|
-
r.lcp.toFixed(0),
|
|
240
|
-
"ms"
|
|
241
|
-
] }),
|
|
242
|
-
r.fid && /* @__PURE__ */ t.jsxs("div", { children: [
|
|
243
|
-
"FID: ",
|
|
244
|
-
r.fid.toFixed(0),
|
|
245
|
-
"ms"
|
|
246
|
-
] }),
|
|
247
|
-
r.cls && /* @__PURE__ */ t.jsxs("div", { children: [
|
|
248
|
-
"CLS: ",
|
|
249
|
-
r.cls.toFixed(3)
|
|
250
|
-
] })
|
|
251
|
-
] })
|
|
252
|
-
] }),
|
|
253
|
-
/* @__PURE__ */ t.jsxs("div", { children: [
|
|
254
|
-
/* @__PURE__ */ t.jsx("h4", { className: "mb-2 font-medium", children: "Custom Metrics" }),
|
|
255
|
-
/* @__PURE__ */ t.jsxs("div", { className: "space-y-1 text-sm", children: [
|
|
256
|
-
/* @__PURE__ */ t.jsxs("div", { children: [
|
|
257
|
-
"Render: ",
|
|
258
|
-
r.componentRenderTime.toFixed(2),
|
|
259
|
-
"ms"
|
|
260
|
-
] }),
|
|
261
|
-
/* @__PURE__ */ t.jsxs("div", { children: [
|
|
262
|
-
"Memory: ",
|
|
263
|
-
a(r.memoryUsage)
|
|
264
|
-
] }),
|
|
265
|
-
r.bundleLoadTime > 0 && /* @__PURE__ */ t.jsxs("div", { children: [
|
|
266
|
-
"Bundle: ",
|
|
267
|
-
r.bundleLoadTime.toFixed(0),
|
|
268
|
-
"ms"
|
|
269
|
-
] })
|
|
270
|
-
] })
|
|
271
|
-
] })
|
|
272
|
-
] }),
|
|
273
|
-
e && /* @__PURE__ */ t.jsxs("div", { children: [
|
|
274
|
-
/* @__PURE__ */ t.jsx("h4", { className: "mb-2 font-medium", children: "Advanced Metrics" }),
|
|
275
|
-
/* @__PURE__ */ t.jsxs("div", { className: "space-y-1 text-sm", children: [
|
|
276
|
-
/* @__PURE__ */ t.jsxs("div", { children: [
|
|
277
|
-
"Average Render Time: ",
|
|
278
|
-
(s.componentRenderTime || 0).toFixed(2),
|
|
279
|
-
"ms"
|
|
280
|
-
] }),
|
|
281
|
-
/* @__PURE__ */ t.jsxs("div", { children: [
|
|
282
|
-
"Average Memory: ",
|
|
283
|
-
a(s.memoryUsage || 0)
|
|
284
|
-
] }),
|
|
285
|
-
/* @__PURE__ */ t.jsxs("div", { children: [
|
|
286
|
-
"Average Score: ",
|
|
287
|
-
(s.performanceScore || 0).toFixed(0)
|
|
288
|
-
] })
|
|
289
|
-
] })
|
|
290
|
-
] })
|
|
291
|
-
] });
|
|
292
|
-
}
|
|
293
|
-
export {
|
|
294
|
-
v as P,
|
|
295
|
-
P as a,
|
|
296
|
-
S as b,
|
|
297
|
-
x as d,
|
|
298
|
-
l as p,
|
|
299
|
-
h as u,
|
|
300
|
-
w
|
|
301
|
-
};
|
|
302
|
-
//# sourceMappingURL=performance-monitor--rzKTlbj.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"performance-monitor--rzKTlbj.js","sources":["../src/core/performance/performance-monitor.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useCallback } from 'react';\n// Import type safely with fallback\ntype ReportHandler = (metric: { name: string; value: number }) => void;\n\n// Performance metrics types\nexport interface PerformanceMetrics {\n // Core Web Vitals\n lcp?: number; // Largest Contentful Paint\n fid?: number; // First Input Delay \n cls?: number; // Cumulative Layout Shift\n fcp?: number; // First Contentful Paint\n ttfb?: number; // Time to First Byte\n inp?: number; // Interaction to Next Paint\n\n // Custom metrics\n componentRenderTime: number;\n bundleLoadTime: number;\n mediaLoadTime: number;\n memoryUsage: number;\n \n // Performance scores\n performanceScore: number;\n timestamp: number;\n}\n\nexport interface PerformanceThresholds {\n lcp: { good: number; poor: number };\n fid: { good: number; poor: number };\n cls: { good: number; poor: number };\n renderTime: { good: number; poor: number };\n memoryUsage: { good: number; poor: number };\n}\n\nexport const defaultThresholds: PerformanceThresholds = {\n lcp: { good: 2500, poor: 4000 },\n fid: { good: 100, poor: 300 },\n cls: { good: 0.1, poor: 0.25 },\n renderTime: { good: 16, poor: 100 }, // Target 60fps = 16.67ms per frame\n memoryUsage: { good: 50 * 1024 * 1024, poor: 100 * 1024 * 1024 } // 50MB good, 100MB poor\n};\n\n// Performance monitoring class\nexport class PerformanceMonitor {\n private metrics: PerformanceMetrics[] = [];\n private listeners: Set<(metrics: PerformanceMetrics) => void> = new Set();\n private thresholds: PerformanceThresholds;\n private observer?: PerformanceObserver;\n private isMonitoring = false;\n\n constructor(thresholds: PerformanceThresholds = defaultThresholds) {\n this.thresholds = thresholds;\n this.initializeWebVitals();\n this.initializePerformanceObserver();\n }\n\n private async initializeWebVitals() {\n if (typeof window === 'undefined') return;\n \n try {\n // Try to import web-vitals dynamically and handle different versions\n const webVitals = await import('web-vitals').catch(() => null);\n \n if (!webVitals) {\n console.warn('web-vitals package not available, Core Web Vitals tracking disabled');\n return;\n }\n \n const reportHandler: ReportHandler = (metric) => {\n this.updateMetric(metric.name.toLowerCase() as keyof PerformanceMetrics, metric.value);\n };\n\n // Handle different web-vitals versions safely\n const vitalsAny = webVitals as any;\n if (vitalsAny.getCLS) vitalsAny.getCLS(reportHandler);\n if (vitalsAny.getFID) vitalsAny.getFID(reportHandler);\n if (vitalsAny.getFCP) vitalsAny.getFCP(reportHandler);\n if (vitalsAny.getLCP) vitalsAny.getLCP(reportHandler);\n if (vitalsAny.getTTFB) vitalsAny.getTTFB(reportHandler);\n if (vitalsAny.onINP) vitalsAny.onINP(reportHandler);\n } catch (error) {\n console.warn('Web Vitals initialization failed:', error);\n }\n }\n\n private initializePerformanceObserver() {\n if (typeof window === 'undefined' || !('PerformanceObserver' in window)) return;\n\n try {\n this.observer = new PerformanceObserver((list) => {\n for (const entry of list.getEntries()) {\n this.handlePerformanceEntry(entry);\n }\n });\n\n this.observer.observe({ entryTypes: ['measure', 'navigation', 'resource', 'paint'] });\n } catch (error) {\n console.warn('PerformanceObserver not supported:', error);\n }\n }\n\n private handlePerformanceEntry(entry: PerformanceEntry) {\n switch (entry.entryType) {\n case 'measure':\n if (entry.name.startsWith('baroiplayer-render')) {\n this.updateMetric('componentRenderTime', entry.duration);\n }\n break;\n \n case 'resource':\n if (entry.name.includes('.js') || entry.name.includes('.css')) {\n this.updateMetric('bundleLoadTime', entry.duration);\n }\n break;\n \n case 'paint':\n if (entry.name === 'first-contentful-paint') {\n this.updateMetric('fcp', entry.startTime);\n }\n break;\n }\n }\n\n private updateMetric(key: keyof PerformanceMetrics, value: number) {\n const currentMetrics = this.getCurrentMetrics();\n const updatedMetrics = {\n ...currentMetrics,\n [key]: value,\n timestamp: Date.now(),\n performanceScore: this.calculatePerformanceScore({ ...currentMetrics, [key]: value })\n };\n\n this.metrics.push(updatedMetrics);\n \n // Keep only last 100 metrics\n if (this.metrics.length > 100) {\n this.metrics = this.metrics.slice(-100);\n }\n\n this.listeners.forEach(listener => listener(updatedMetrics));\n }\n\n private getCurrentMetrics(): PerformanceMetrics {\n const latest = this.metrics[this.metrics.length - 1];\n return latest || {\n componentRenderTime: 0,\n bundleLoadTime: 0,\n mediaLoadTime: 0,\n memoryUsage: this.getMemoryUsage(),\n performanceScore: 0,\n timestamp: Date.now()\n };\n }\n\n private getMemoryUsage(): number {\n if ('memory' in performance) {\n return (performance as any).memory.usedJSHeapSize || 0;\n }\n return 0;\n }\n\n private calculatePerformanceScore(metrics: PerformanceMetrics): number {\n let score = 100;\n \n // Penalize based on thresholds\n if (metrics.lcp && metrics.lcp > this.thresholds.lcp.good) {\n score -= metrics.lcp > this.thresholds.lcp.poor ? 30 : 15;\n }\n \n if (metrics.fid && metrics.fid > this.thresholds.fid.good) {\n score -= metrics.fid > this.thresholds.fid.poor ? 25 : 10;\n }\n \n if (metrics.cls && metrics.cls > this.thresholds.cls.good) {\n score -= metrics.cls > this.thresholds.cls.poor ? 20 : 10;\n }\n \n if (metrics.componentRenderTime > this.thresholds.renderTime.good) {\n score -= metrics.componentRenderTime > this.thresholds.renderTime.poor ? 20 : 10;\n }\n \n if (metrics.memoryUsage > this.thresholds.memoryUsage.good) {\n score -= metrics.memoryUsage > this.thresholds.memoryUsage.poor ? 15 : 5;\n }\n\n return Math.max(0, score);\n }\n\n // Public API\n public startMonitoring() {\n this.isMonitoring = true;\n this.startMemoryMonitoring();\n }\n\n public stopMonitoring() {\n this.isMonitoring = false;\n if (this.observer) {\n this.observer.disconnect();\n }\n }\n\n private startMemoryMonitoring() {\n if (!this.isMonitoring) return;\n \n this.updateMetric('memoryUsage', this.getMemoryUsage());\n setTimeout(() => this.startMemoryMonitoring(), 5000); // Check every 5 seconds\n }\n\n public measureComponentRender(componentName: string, renderFn: () => any): any {\n const startMark = `baroiplayer-render-${componentName}-start`;\n const endMark = `baroiplayer-render-${componentName}-end`;\n const measureName = `baroiplayer-render-${componentName}`;\n\n performance.mark(startMark);\n const result = renderFn();\n performance.mark(endMark);\n \n try {\n performance.measure(measureName, startMark, endMark);\n } catch (error) {\n console.warn('Performance measurement failed:', error);\n }\n\n return result;\n }\n\n public subscribe(listener: (metrics: PerformanceMetrics) => void): () => void {\n this.listeners.add(listener);\n return () => this.listeners.delete(listener);\n }\n\n public getLatestMetrics(): PerformanceMetrics | null {\n return this.metrics[this.metrics.length - 1] || null;\n }\n\n public getAllMetrics(): PerformanceMetrics[] {\n return [...this.metrics];\n }\n\n public getAverageMetrics(count = 10): Partial<PerformanceMetrics> {\n const recentMetrics = this.metrics.slice(-count);\n if (recentMetrics.length === 0) return {};\n\n const averages: Partial<PerformanceMetrics> = {};\n const keys: Array<keyof PerformanceMetrics> = [\n 'lcp', 'fid', 'cls', 'fcp', 'ttfb', 'inp',\n 'componentRenderTime', 'bundleLoadTime', 'mediaLoadTime',\n 'memoryUsage', 'performanceScore'\n ];\n\n keys.forEach(key => {\n const values = recentMetrics\n .map(m => m[key] as number)\n .filter(v => typeof v === 'number' && !isNaN(v));\n \n if (values.length > 0) {\n (averages as any)[key] = values.reduce((sum, v) => sum + v, 0) / values.length;\n }\n });\n\n return averages;\n }\n\n public getThresholds(): PerformanceThresholds {\n return this.thresholds;\n }\n\n public updateThresholds(newThresholds: Partial<PerformanceThresholds>) {\n this.thresholds = { ...this.thresholds, ...newThresholds };\n }\n}\n\n// Global performance monitor instance\nexport const performanceMonitor = new PerformanceMonitor();\n\n// React hook for performance monitoring\nexport function usePerformanceMonitor() {\n const [metrics, setMetrics] = useState<PerformanceMetrics | null>(null);\n const [isSupported, setIsSupported] = useState(true);\n\n useEffect(() => {\n setIsSupported(typeof window !== 'undefined' && 'performance' in window);\n \n if (!isSupported) return;\n\n performanceMonitor.startMonitoring();\n const unsubscribe = performanceMonitor.subscribe(setMetrics);\n\n return () => {\n unsubscribe();\n performanceMonitor.stopMonitoring();\n };\n }, [isSupported]);\n\n const measureRender = useCallback(\n (componentName: string, renderFn: () => any): any => {\n return performanceMonitor.measureComponentRender(componentName, renderFn);\n },\n []\n );\n\n return {\n metrics,\n isSupported,\n measureRender,\n averageMetrics: performanceMonitor.getAverageMetrics(),\n allMetrics: performanceMonitor.getAllMetrics(),\n thresholds: performanceMonitor.getThresholds()\n };\n}\n\n// HOC for performance monitoring\nexport function withPerformanceMonitoring(\n WrappedComponent: React.ComponentType<any>,\n componentName?: string\n) {\n const displayName = componentName || WrappedComponent.displayName || WrappedComponent.name || 'Component';\n \n function PerformanceMonitoredComponent(props: any) {\n const renderRef = useRef(0);\n const { measureRender } = usePerformanceMonitor();\n\n return measureRender(`${displayName}-${renderRef.current++}`, () => (\n <WrappedComponent {...props} />\n ));\n }\n\n PerformanceMonitoredComponent.displayName = `withPerformanceMonitoring(${displayName})`;\n return PerformanceMonitoredComponent;\n}\n\n// Performance regression detector\nexport class PerformanceRegressionDetector {\n private baselineMetrics: PerformanceMetrics | null = null;\n private regressionThreshold = 0.2; // 20% degradation threshold\n\n setBaseline(metrics: PerformanceMetrics) {\n this.baselineMetrics = metrics;\n }\n\n detectRegression(currentMetrics: PerformanceMetrics): Array<{\n metric: keyof PerformanceMetrics;\n baseline: number;\n current: number;\n degradation: number;\n }> {\n if (!this.baselineMetrics) return [];\n\n const regressions: Array<{\n metric: keyof PerformanceMetrics;\n baseline: number;\n current: number;\n degradation: number;\n }> = [];\n\n const metricsToCheck: Array<keyof PerformanceMetrics> = [\n 'componentRenderTime', 'bundleLoadTime', 'mediaLoadTime', 'memoryUsage'\n ];\n\n metricsToCheck.forEach(metric => {\n const baseline = this.baselineMetrics![metric] as number;\n const current = currentMetrics[metric] as number;\n \n if (baseline && current && baseline > 0) {\n const degradation = (current - baseline) / baseline;\n if (degradation > this.regressionThreshold) {\n regressions.push({ metric, baseline, current, degradation });\n }\n }\n });\n\n return regressions;\n }\n\n setRegressionThreshold(threshold: number) {\n this.regressionThreshold = Math.max(0, Math.min(1, threshold));\n }\n}\n\n// Development dashboard component\nexport interface PerformanceDashboardProps {\n className?: string;\n showAdvanced?: boolean;\n}\n\nexport function PerformanceDashboard({ \n className = '', \n showAdvanced = false \n}: PerformanceDashboardProps) {\n const { metrics, averageMetrics, thresholds, isSupported } = usePerformanceMonitor();\n\n if (!isSupported || !metrics) {\n return (\n <div className={`performance-dashboard ${className}`}>\n <p>Performance monitoring not supported in this environment</p>\n </div>\n );\n }\n\n const getScoreColor = (score: number) => {\n if (score >= 90) return 'text-green-600';\n if (score >= 70) return 'text-yellow-600';\n return 'text-red-600';\n };\n\n const formatBytes = (bytes: number) => {\n return `${(bytes / 1024 / 1024).toFixed(2)} MB`;\n };\n\n return (\n <div className={`performance-dashboard rounded-lg bg-white p-4 shadow ${className}`}>\n <h3 className=\"mb-4 font-semibold text-lg\">Performance Dashboard</h3>\n \n {/* Performance Score */}\n <div className=\"mb-4\">\n <div className=\"flex items-center justify-between\">\n <span>Performance Score</span>\n <span className={`font-bold ${getScoreColor(metrics.performanceScore)}`}>\n {metrics.performanceScore.toFixed(0)}\n </span>\n </div>\n <div className=\"mt-1 h-2 w-full rounded-full bg-gray-200\">\n <div \n className={`h-2 rounded-full transition-all duration-300 ${\n metrics.performanceScore >= 90 ? 'bg-green-500' :\n metrics.performanceScore >= 70 ? 'bg-yellow-500' : 'bg-red-500'\n }`}\n style={{ width: `${metrics.performanceScore}%` }}\n />\n </div>\n </div>\n\n {/* Core Web Vitals */}\n <div className=\"mb-4 grid grid-cols-2 gap-4\">\n <div>\n <h4 className=\"mb-2 font-medium\">Core Web Vitals</h4>\n <div className=\"space-y-1 text-sm\">\n {metrics.lcp && (\n <div>LCP: {metrics.lcp.toFixed(0)}ms</div>\n )}\n {metrics.fid && (\n <div>FID: {metrics.fid.toFixed(0)}ms</div>\n )}\n {metrics.cls && (\n <div>CLS: {metrics.cls.toFixed(3)}</div>\n )}\n </div>\n </div>\n \n <div>\n <h4 className=\"mb-2 font-medium\">Custom Metrics</h4>\n <div className=\"space-y-1 text-sm\">\n <div>Render: {metrics.componentRenderTime.toFixed(2)}ms</div>\n <div>Memory: {formatBytes(metrics.memoryUsage)}</div>\n {metrics.bundleLoadTime > 0 && (\n <div>Bundle: {metrics.bundleLoadTime.toFixed(0)}ms</div>\n )}\n </div>\n </div>\n </div>\n\n {/* Advanced metrics */}\n {showAdvanced && (\n <div>\n <h4 className=\"mb-2 font-medium\">Advanced Metrics</h4>\n <div className=\"space-y-1 text-sm\">\n <div>Average Render Time: {(averageMetrics.componentRenderTime || 0).toFixed(2)}ms</div>\n <div>Average Memory: {formatBytes(averageMetrics.memoryUsage || 0)}</div>\n <div>Average Score: {(averageMetrics.performanceScore || 0).toFixed(0)}</div>\n </div>\n </div>\n )}\n </div>\n );\n}\n\nexport default PerformanceMonitor;"],"names":["defaultThresholds","PerformanceMonitor","thresholds","__publicField","webVitals","reportHandler","metric","vitalsAny","error","list","entry","key","value","currentMetrics","updatedMetrics","listener","metrics","score","componentName","renderFn","startMark","endMark","measureName","result","count","recentMetrics","averages","values","m","v","sum","newThresholds","performanceMonitor","usePerformanceMonitor","setMetrics","useState","isSupported","setIsSupported","useEffect","unsubscribe","measureRender","useCallback","withPerformanceMonitoring","WrappedComponent","displayName","PerformanceMonitoredComponent","props","renderRef","useRef","jsx","PerformanceRegressionDetector","regressions","baseline","current","degradation","threshold","PerformanceDashboard","className","showAdvanced","averageMetrics","getScoreColor","formatBytes","bytes","jsxs"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var g=Object.create;var h=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var j=Object.getOwnPropertyNames;var M=Object.getPrototypeOf,R=Object.prototype.hasOwnProperty;var v=(i,e,r)=>e in i?h(i,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):i[e]=r;var y=(i,e,r,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of j(e))!R.call(i,o)&&o!==r&&h(i,o,{get:()=>e[o],enumerable:!(s=b(e,o))||s.enumerable});return i};var T=(i,e,r)=>(r=i!=null?g(M(i)):{},y(e||!i||!i.__esModule?h(r,"default",{value:i,enumerable:!0}):r,i));var d=(i,e,r)=>v(i,typeof e!="symbol"?e+"":e,r);const t=require("./context-CwZnPdz0.cjs"),l=require("react"),p={lcp:{good:2500,poor:4e3},fid:{good:100,poor:300},cls:{good:.1,poor:.25},renderTime:{good:16,poor:100},memoryUsage:{good:50*1024*1024,poor:100*1024*1024}};class f{constructor(e=p){d(this,"metrics",[]);d(this,"listeners",new Set);d(this,"thresholds");d(this,"observer");d(this,"isMonitoring",!1);this.thresholds=e,this.initializeWebVitals(),this.initializePerformanceObserver()}async initializeWebVitals(){if(!(typeof window>"u"))try{const e=await import("web-vitals").catch(()=>null);if(!e){console.warn("web-vitals package not available, Core Web Vitals tracking disabled");return}const r=o=>{this.updateMetric(o.name.toLowerCase(),o.value)},s=e;s.getCLS&&s.getCLS(r),s.getFID&&s.getFID(r),s.getFCP&&s.getFCP(r),s.getLCP&&s.getLCP(r),s.getTTFB&&s.getTTFB(r),s.onINP&&s.onINP(r)}catch(e){console.warn("Web Vitals initialization failed:",e)}}initializePerformanceObserver(){if(!(typeof window>"u"||!("PerformanceObserver"in window)))try{this.observer=new PerformanceObserver(e=>{for(const r of e.getEntries())this.handlePerformanceEntry(r)}),this.observer.observe({entryTypes:["measure","navigation","resource","paint"]})}catch(e){console.warn("PerformanceObserver not supported:",e)}}handlePerformanceEntry(e){switch(e.entryType){case"measure":e.name.startsWith("baroiplayer-render")&&this.updateMetric("componentRenderTime",e.duration);break;case"resource":(e.name.includes(".js")||e.name.includes(".css"))&&this.updateMetric("bundleLoadTime",e.duration);break;case"paint":e.name==="first-contentful-paint"&&this.updateMetric("fcp",e.startTime);break}}updateMetric(e,r){const s=this.getCurrentMetrics(),o={...s,[e]:r,timestamp:Date.now(),performanceScore:this.calculatePerformanceScore({...s,[e]:r})};this.metrics.push(o),this.metrics.length>100&&(this.metrics=this.metrics.slice(-100)),this.listeners.forEach(n=>n(o))}getCurrentMetrics(){return this.metrics[this.metrics.length-1]||{componentRenderTime:0,bundleLoadTime:0,mediaLoadTime:0,memoryUsage:this.getMemoryUsage(),performanceScore:0,timestamp:Date.now()}}getMemoryUsage(){return"memory"in performance&&performance.memory.usedJSHeapSize||0}calculatePerformanceScore(e){let r=100;return e.lcp&&e.lcp>this.thresholds.lcp.good&&(r-=e.lcp>this.thresholds.lcp.poor?30:15),e.fid&&e.fid>this.thresholds.fid.good&&(r-=e.fid>this.thresholds.fid.poor?25:10),e.cls&&e.cls>this.thresholds.cls.good&&(r-=e.cls>this.thresholds.cls.poor?20:10),e.componentRenderTime>this.thresholds.renderTime.good&&(r-=e.componentRenderTime>this.thresholds.renderTime.poor?20:10),e.memoryUsage>this.thresholds.memoryUsage.good&&(r-=e.memoryUsage>this.thresholds.memoryUsage.poor?15:5),Math.max(0,r)}startMonitoring(){this.isMonitoring=!0,this.startMemoryMonitoring()}stopMonitoring(){this.isMonitoring=!1,this.observer&&this.observer.disconnect()}startMemoryMonitoring(){this.isMonitoring&&(this.updateMetric("memoryUsage",this.getMemoryUsage()),setTimeout(()=>this.startMemoryMonitoring(),5e3))}measureComponentRender(e,r){const s=`baroiplayer-render-${e}-start`,o=`baroiplayer-render-${e}-end`,n=`baroiplayer-render-${e}`;performance.mark(s);const a=r();performance.mark(o);try{performance.measure(n,s,o)}catch(c){console.warn("Performance measurement failed:",c)}return a}subscribe(e){return this.listeners.add(e),()=>this.listeners.delete(e)}getLatestMetrics(){return this.metrics[this.metrics.length-1]||null}getAllMetrics(){return[...this.metrics]}getAverageMetrics(e=10){const r=this.metrics.slice(-e);if(r.length===0)return{};const s={};return["lcp","fid","cls","fcp","ttfb","inp","componentRenderTime","bundleLoadTime","mediaLoadTime","memoryUsage","performanceScore"].forEach(n=>{const a=r.map(c=>c[n]).filter(c=>typeof c=="number"&&!isNaN(c));a.length>0&&(s[n]=a.reduce((c,x)=>c+x,0)/a.length)}),s}getThresholds(){return this.thresholds}updateThresholds(e){this.thresholds={...this.thresholds,...e}}}const m=new f;function u(){const[i,e]=l.useState(null),[r,s]=l.useState(!0);l.useEffect(()=>{if(s(typeof window<"u"&&"performance"in window),!r)return;m.startMonitoring();const n=m.subscribe(e);return()=>{n(),m.stopMonitoring()}},[r]);const o=l.useCallback((n,a)=>m.measureComponentRender(n,a),[]);return{metrics:i,isSupported:r,measureRender:o,averageMetrics:m.getAverageMetrics(),allMetrics:m.getAllMetrics(),thresholds:m.getThresholds()}}function E(i,e){const r=e||i.displayName||i.name||"Component";function s(o){const n=l.useRef(0),{measureRender:a}=u();return a(`${r}-${n.current++}`,()=>t.jsxRuntimeExports.jsx(i,{...o}))}return s.displayName=`withPerformanceMonitoring(${r})`,s}class w{constructor(){d(this,"baselineMetrics",null);d(this,"regressionThreshold",.2)}setBaseline(e){this.baselineMetrics=e}detectRegression(e){if(!this.baselineMetrics)return[];const r=[];return["componentRenderTime","bundleLoadTime","mediaLoadTime","memoryUsage"].forEach(o=>{const n=this.baselineMetrics[o],a=e[o];if(n&&a&&n>0){const c=(a-n)/n;c>this.regressionThreshold&&r.push({metric:o,baseline:n,current:a,degradation:c})}}),r}setRegressionThreshold(e){this.regressionThreshold=Math.max(0,Math.min(1,e))}}function P({className:i="",showAdvanced:e=!1}){const{metrics:r,averageMetrics:s,isSupported:o}=u();if(!o||!r)return t.jsxRuntimeExports.jsx("div",{className:`performance-dashboard ${i}`,children:t.jsxRuntimeExports.jsx("p",{children:"Performance monitoring not supported in this environment"})});const n=c=>c>=90?"text-green-600":c>=70?"text-yellow-600":"text-red-600",a=c=>`${(c/1024/1024).toFixed(2)} MB`;return t.jsxRuntimeExports.jsxs("div",{className:`performance-dashboard rounded-lg bg-white p-4 shadow ${i}`,children:[t.jsxRuntimeExports.jsx("h3",{className:"mb-4 font-semibold text-lg",children:"Performance Dashboard"}),t.jsxRuntimeExports.jsxs("div",{className:"mb-4",children:[t.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between",children:[t.jsxRuntimeExports.jsx("span",{children:"Performance Score"}),t.jsxRuntimeExports.jsx("span",{className:`font-bold ${n(r.performanceScore)}`,children:r.performanceScore.toFixed(0)})]}),t.jsxRuntimeExports.jsx("div",{className:"mt-1 h-2 w-full rounded-full bg-gray-200",children:t.jsxRuntimeExports.jsx("div",{className:`h-2 rounded-full transition-all duration-300 ${r.performanceScore>=90?"bg-green-500":r.performanceScore>=70?"bg-yellow-500":"bg-red-500"}`,style:{width:`${r.performanceScore}%`}})})]}),t.jsxRuntimeExports.jsxs("div",{className:"mb-4 grid grid-cols-2 gap-4",children:[t.jsxRuntimeExports.jsxs("div",{children:[t.jsxRuntimeExports.jsx("h4",{className:"mb-2 font-medium",children:"Core Web Vitals"}),t.jsxRuntimeExports.jsxs("div",{className:"space-y-1 text-sm",children:[r.lcp&&t.jsxRuntimeExports.jsxs("div",{children:["LCP: ",r.lcp.toFixed(0),"ms"]}),r.fid&&t.jsxRuntimeExports.jsxs("div",{children:["FID: ",r.fid.toFixed(0),"ms"]}),r.cls&&t.jsxRuntimeExports.jsxs("div",{children:["CLS: ",r.cls.toFixed(3)]})]})]}),t.jsxRuntimeExports.jsxs("div",{children:[t.jsxRuntimeExports.jsx("h4",{className:"mb-2 font-medium",children:"Custom Metrics"}),t.jsxRuntimeExports.jsxs("div",{className:"space-y-1 text-sm",children:[t.jsxRuntimeExports.jsxs("div",{children:["Render: ",r.componentRenderTime.toFixed(2),"ms"]}),t.jsxRuntimeExports.jsxs("div",{children:["Memory: ",a(r.memoryUsage)]}),r.bundleLoadTime>0&&t.jsxRuntimeExports.jsxs("div",{children:["Bundle: ",r.bundleLoadTime.toFixed(0),"ms"]})]})]})]}),e&&t.jsxRuntimeExports.jsxs("div",{children:[t.jsxRuntimeExports.jsx("h4",{className:"mb-2 font-medium",children:"Advanced Metrics"}),t.jsxRuntimeExports.jsxs("div",{className:"space-y-1 text-sm",children:[t.jsxRuntimeExports.jsxs("div",{children:["Average Render Time: ",(s.componentRenderTime||0).toFixed(2),"ms"]}),t.jsxRuntimeExports.jsxs("div",{children:["Average Memory: ",a(s.memoryUsage||0)]}),t.jsxRuntimeExports.jsxs("div",{children:["Average Score: ",(s.performanceScore||0).toFixed(0)]})]})]})]})}exports.PerformanceDashboard=P;exports.PerformanceMonitor=f;exports.PerformanceRegressionDetector=w;exports.defaultThresholds=p;exports.performanceMonitor=m;exports.usePerformanceMonitor=u;exports.withPerformanceMonitoring=E;
|
|
2
|
-
//# sourceMappingURL=performance-monitor-cjIvZE2D.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"performance-monitor-cjIvZE2D.cjs","sources":["../src/core/performance/performance-monitor.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useCallback } from 'react';\n// Import type safely with fallback\ntype ReportHandler = (metric: { name: string; value: number }) => void;\n\n// Performance metrics types\nexport interface PerformanceMetrics {\n // Core Web Vitals\n lcp?: number; // Largest Contentful Paint\n fid?: number; // First Input Delay \n cls?: number; // Cumulative Layout Shift\n fcp?: number; // First Contentful Paint\n ttfb?: number; // Time to First Byte\n inp?: number; // Interaction to Next Paint\n\n // Custom metrics\n componentRenderTime: number;\n bundleLoadTime: number;\n mediaLoadTime: number;\n memoryUsage: number;\n \n // Performance scores\n performanceScore: number;\n timestamp: number;\n}\n\nexport interface PerformanceThresholds {\n lcp: { good: number; poor: number };\n fid: { good: number; poor: number };\n cls: { good: number; poor: number };\n renderTime: { good: number; poor: number };\n memoryUsage: { good: number; poor: number };\n}\n\nexport const defaultThresholds: PerformanceThresholds = {\n lcp: { good: 2500, poor: 4000 },\n fid: { good: 100, poor: 300 },\n cls: { good: 0.1, poor: 0.25 },\n renderTime: { good: 16, poor: 100 }, // Target 60fps = 16.67ms per frame\n memoryUsage: { good: 50 * 1024 * 1024, poor: 100 * 1024 * 1024 } // 50MB good, 100MB poor\n};\n\n// Performance monitoring class\nexport class PerformanceMonitor {\n private metrics: PerformanceMetrics[] = [];\n private listeners: Set<(metrics: PerformanceMetrics) => void> = new Set();\n private thresholds: PerformanceThresholds;\n private observer?: PerformanceObserver;\n private isMonitoring = false;\n\n constructor(thresholds: PerformanceThresholds = defaultThresholds) {\n this.thresholds = thresholds;\n this.initializeWebVitals();\n this.initializePerformanceObserver();\n }\n\n private async initializeWebVitals() {\n if (typeof window === 'undefined') return;\n \n try {\n // Try to import web-vitals dynamically and handle different versions\n const webVitals = await import('web-vitals').catch(() => null);\n \n if (!webVitals) {\n console.warn('web-vitals package not available, Core Web Vitals tracking disabled');\n return;\n }\n \n const reportHandler: ReportHandler = (metric) => {\n this.updateMetric(metric.name.toLowerCase() as keyof PerformanceMetrics, metric.value);\n };\n\n // Handle different web-vitals versions safely\n const vitalsAny = webVitals as any;\n if (vitalsAny.getCLS) vitalsAny.getCLS(reportHandler);\n if (vitalsAny.getFID) vitalsAny.getFID(reportHandler);\n if (vitalsAny.getFCP) vitalsAny.getFCP(reportHandler);\n if (vitalsAny.getLCP) vitalsAny.getLCP(reportHandler);\n if (vitalsAny.getTTFB) vitalsAny.getTTFB(reportHandler);\n if (vitalsAny.onINP) vitalsAny.onINP(reportHandler);\n } catch (error) {\n console.warn('Web Vitals initialization failed:', error);\n }\n }\n\n private initializePerformanceObserver() {\n if (typeof window === 'undefined' || !('PerformanceObserver' in window)) return;\n\n try {\n this.observer = new PerformanceObserver((list) => {\n for (const entry of list.getEntries()) {\n this.handlePerformanceEntry(entry);\n }\n });\n\n this.observer.observe({ entryTypes: ['measure', 'navigation', 'resource', 'paint'] });\n } catch (error) {\n console.warn('PerformanceObserver not supported:', error);\n }\n }\n\n private handlePerformanceEntry(entry: PerformanceEntry) {\n switch (entry.entryType) {\n case 'measure':\n if (entry.name.startsWith('baroiplayer-render')) {\n this.updateMetric('componentRenderTime', entry.duration);\n }\n break;\n \n case 'resource':\n if (entry.name.includes('.js') || entry.name.includes('.css')) {\n this.updateMetric('bundleLoadTime', entry.duration);\n }\n break;\n \n case 'paint':\n if (entry.name === 'first-contentful-paint') {\n this.updateMetric('fcp', entry.startTime);\n }\n break;\n }\n }\n\n private updateMetric(key: keyof PerformanceMetrics, value: number) {\n const currentMetrics = this.getCurrentMetrics();\n const updatedMetrics = {\n ...currentMetrics,\n [key]: value,\n timestamp: Date.now(),\n performanceScore: this.calculatePerformanceScore({ ...currentMetrics, [key]: value })\n };\n\n this.metrics.push(updatedMetrics);\n \n // Keep only last 100 metrics\n if (this.metrics.length > 100) {\n this.metrics = this.metrics.slice(-100);\n }\n\n this.listeners.forEach(listener => listener(updatedMetrics));\n }\n\n private getCurrentMetrics(): PerformanceMetrics {\n const latest = this.metrics[this.metrics.length - 1];\n return latest || {\n componentRenderTime: 0,\n bundleLoadTime: 0,\n mediaLoadTime: 0,\n memoryUsage: this.getMemoryUsage(),\n performanceScore: 0,\n timestamp: Date.now()\n };\n }\n\n private getMemoryUsage(): number {\n if ('memory' in performance) {\n return (performance as any).memory.usedJSHeapSize || 0;\n }\n return 0;\n }\n\n private calculatePerformanceScore(metrics: PerformanceMetrics): number {\n let score = 100;\n \n // Penalize based on thresholds\n if (metrics.lcp && metrics.lcp > this.thresholds.lcp.good) {\n score -= metrics.lcp > this.thresholds.lcp.poor ? 30 : 15;\n }\n \n if (metrics.fid && metrics.fid > this.thresholds.fid.good) {\n score -= metrics.fid > this.thresholds.fid.poor ? 25 : 10;\n }\n \n if (metrics.cls && metrics.cls > this.thresholds.cls.good) {\n score -= metrics.cls > this.thresholds.cls.poor ? 20 : 10;\n }\n \n if (metrics.componentRenderTime > this.thresholds.renderTime.good) {\n score -= metrics.componentRenderTime > this.thresholds.renderTime.poor ? 20 : 10;\n }\n \n if (metrics.memoryUsage > this.thresholds.memoryUsage.good) {\n score -= metrics.memoryUsage > this.thresholds.memoryUsage.poor ? 15 : 5;\n }\n\n return Math.max(0, score);\n }\n\n // Public API\n public startMonitoring() {\n this.isMonitoring = true;\n this.startMemoryMonitoring();\n }\n\n public stopMonitoring() {\n this.isMonitoring = false;\n if (this.observer) {\n this.observer.disconnect();\n }\n }\n\n private startMemoryMonitoring() {\n if (!this.isMonitoring) return;\n \n this.updateMetric('memoryUsage', this.getMemoryUsage());\n setTimeout(() => this.startMemoryMonitoring(), 5000); // Check every 5 seconds\n }\n\n public measureComponentRender(componentName: string, renderFn: () => any): any {\n const startMark = `baroiplayer-render-${componentName}-start`;\n const endMark = `baroiplayer-render-${componentName}-end`;\n const measureName = `baroiplayer-render-${componentName}`;\n\n performance.mark(startMark);\n const result = renderFn();\n performance.mark(endMark);\n \n try {\n performance.measure(measureName, startMark, endMark);\n } catch (error) {\n console.warn('Performance measurement failed:', error);\n }\n\n return result;\n }\n\n public subscribe(listener: (metrics: PerformanceMetrics) => void): () => void {\n this.listeners.add(listener);\n return () => this.listeners.delete(listener);\n }\n\n public getLatestMetrics(): PerformanceMetrics | null {\n return this.metrics[this.metrics.length - 1] || null;\n }\n\n public getAllMetrics(): PerformanceMetrics[] {\n return [...this.metrics];\n }\n\n public getAverageMetrics(count = 10): Partial<PerformanceMetrics> {\n const recentMetrics = this.metrics.slice(-count);\n if (recentMetrics.length === 0) return {};\n\n const averages: Partial<PerformanceMetrics> = {};\n const keys: Array<keyof PerformanceMetrics> = [\n 'lcp', 'fid', 'cls', 'fcp', 'ttfb', 'inp',\n 'componentRenderTime', 'bundleLoadTime', 'mediaLoadTime',\n 'memoryUsage', 'performanceScore'\n ];\n\n keys.forEach(key => {\n const values = recentMetrics\n .map(m => m[key] as number)\n .filter(v => typeof v === 'number' && !isNaN(v));\n \n if (values.length > 0) {\n (averages as any)[key] = values.reduce((sum, v) => sum + v, 0) / values.length;\n }\n });\n\n return averages;\n }\n\n public getThresholds(): PerformanceThresholds {\n return this.thresholds;\n }\n\n public updateThresholds(newThresholds: Partial<PerformanceThresholds>) {\n this.thresholds = { ...this.thresholds, ...newThresholds };\n }\n}\n\n// Global performance monitor instance\nexport const performanceMonitor = new PerformanceMonitor();\n\n// React hook for performance monitoring\nexport function usePerformanceMonitor() {\n const [metrics, setMetrics] = useState<PerformanceMetrics | null>(null);\n const [isSupported, setIsSupported] = useState(true);\n\n useEffect(() => {\n setIsSupported(typeof window !== 'undefined' && 'performance' in window);\n \n if (!isSupported) return;\n\n performanceMonitor.startMonitoring();\n const unsubscribe = performanceMonitor.subscribe(setMetrics);\n\n return () => {\n unsubscribe();\n performanceMonitor.stopMonitoring();\n };\n }, [isSupported]);\n\n const measureRender = useCallback(\n (componentName: string, renderFn: () => any): any => {\n return performanceMonitor.measureComponentRender(componentName, renderFn);\n },\n []\n );\n\n return {\n metrics,\n isSupported,\n measureRender,\n averageMetrics: performanceMonitor.getAverageMetrics(),\n allMetrics: performanceMonitor.getAllMetrics(),\n thresholds: performanceMonitor.getThresholds()\n };\n}\n\n// HOC for performance monitoring\nexport function withPerformanceMonitoring(\n WrappedComponent: React.ComponentType<any>,\n componentName?: string\n) {\n const displayName = componentName || WrappedComponent.displayName || WrappedComponent.name || 'Component';\n \n function PerformanceMonitoredComponent(props: any) {\n const renderRef = useRef(0);\n const { measureRender } = usePerformanceMonitor();\n\n return measureRender(`${displayName}-${renderRef.current++}`, () => (\n <WrappedComponent {...props} />\n ));\n }\n\n PerformanceMonitoredComponent.displayName = `withPerformanceMonitoring(${displayName})`;\n return PerformanceMonitoredComponent;\n}\n\n// Performance regression detector\nexport class PerformanceRegressionDetector {\n private baselineMetrics: PerformanceMetrics | null = null;\n private regressionThreshold = 0.2; // 20% degradation threshold\n\n setBaseline(metrics: PerformanceMetrics) {\n this.baselineMetrics = metrics;\n }\n\n detectRegression(currentMetrics: PerformanceMetrics): Array<{\n metric: keyof PerformanceMetrics;\n baseline: number;\n current: number;\n degradation: number;\n }> {\n if (!this.baselineMetrics) return [];\n\n const regressions: Array<{\n metric: keyof PerformanceMetrics;\n baseline: number;\n current: number;\n degradation: number;\n }> = [];\n\n const metricsToCheck: Array<keyof PerformanceMetrics> = [\n 'componentRenderTime', 'bundleLoadTime', 'mediaLoadTime', 'memoryUsage'\n ];\n\n metricsToCheck.forEach(metric => {\n const baseline = this.baselineMetrics![metric] as number;\n const current = currentMetrics[metric] as number;\n \n if (baseline && current && baseline > 0) {\n const degradation = (current - baseline) / baseline;\n if (degradation > this.regressionThreshold) {\n regressions.push({ metric, baseline, current, degradation });\n }\n }\n });\n\n return regressions;\n }\n\n setRegressionThreshold(threshold: number) {\n this.regressionThreshold = Math.max(0, Math.min(1, threshold));\n }\n}\n\n// Development dashboard component\nexport interface PerformanceDashboardProps {\n className?: string;\n showAdvanced?: boolean;\n}\n\nexport function PerformanceDashboard({ \n className = '', \n showAdvanced = false \n}: PerformanceDashboardProps) {\n const { metrics, averageMetrics, thresholds, isSupported } = usePerformanceMonitor();\n\n if (!isSupported || !metrics) {\n return (\n <div className={`performance-dashboard ${className}`}>\n <p>Performance monitoring not supported in this environment</p>\n </div>\n );\n }\n\n const getScoreColor = (score: number) => {\n if (score >= 90) return 'text-green-600';\n if (score >= 70) return 'text-yellow-600';\n return 'text-red-600';\n };\n\n const formatBytes = (bytes: number) => {\n return `${(bytes / 1024 / 1024).toFixed(2)} MB`;\n };\n\n return (\n <div className={`performance-dashboard rounded-lg bg-white p-4 shadow ${className}`}>\n <h3 className=\"mb-4 font-semibold text-lg\">Performance Dashboard</h3>\n \n {/* Performance Score */}\n <div className=\"mb-4\">\n <div className=\"flex items-center justify-between\">\n <span>Performance Score</span>\n <span className={`font-bold ${getScoreColor(metrics.performanceScore)}`}>\n {metrics.performanceScore.toFixed(0)}\n </span>\n </div>\n <div className=\"mt-1 h-2 w-full rounded-full bg-gray-200\">\n <div \n className={`h-2 rounded-full transition-all duration-300 ${\n metrics.performanceScore >= 90 ? 'bg-green-500' :\n metrics.performanceScore >= 70 ? 'bg-yellow-500' : 'bg-red-500'\n }`}\n style={{ width: `${metrics.performanceScore}%` }}\n />\n </div>\n </div>\n\n {/* Core Web Vitals */}\n <div className=\"mb-4 grid grid-cols-2 gap-4\">\n <div>\n <h4 className=\"mb-2 font-medium\">Core Web Vitals</h4>\n <div className=\"space-y-1 text-sm\">\n {metrics.lcp && (\n <div>LCP: {metrics.lcp.toFixed(0)}ms</div>\n )}\n {metrics.fid && (\n <div>FID: {metrics.fid.toFixed(0)}ms</div>\n )}\n {metrics.cls && (\n <div>CLS: {metrics.cls.toFixed(3)}</div>\n )}\n </div>\n </div>\n \n <div>\n <h4 className=\"mb-2 font-medium\">Custom Metrics</h4>\n <div className=\"space-y-1 text-sm\">\n <div>Render: {metrics.componentRenderTime.toFixed(2)}ms</div>\n <div>Memory: {formatBytes(metrics.memoryUsage)}</div>\n {metrics.bundleLoadTime > 0 && (\n <div>Bundle: {metrics.bundleLoadTime.toFixed(0)}ms</div>\n )}\n </div>\n </div>\n </div>\n\n {/* Advanced metrics */}\n {showAdvanced && (\n <div>\n <h4 className=\"mb-2 font-medium\">Advanced Metrics</h4>\n <div className=\"space-y-1 text-sm\">\n <div>Average Render Time: {(averageMetrics.componentRenderTime || 0).toFixed(2)}ms</div>\n <div>Average Memory: {formatBytes(averageMetrics.memoryUsage || 0)}</div>\n <div>Average Score: {(averageMetrics.performanceScore || 0).toFixed(0)}</div>\n </div>\n </div>\n )}\n </div>\n );\n}\n\nexport default PerformanceMonitor;"],"names":["defaultThresholds","PerformanceMonitor","thresholds","__publicField","webVitals","reportHandler","metric","vitalsAny","error","list","entry","key","value","currentMetrics","updatedMetrics","listener","metrics","score","componentName","renderFn","startMark","endMark","measureName","result","count","recentMetrics","averages","values","m","v","sum","newThresholds","performanceMonitor","usePerformanceMonitor","setMetrics","useState","isSupported","setIsSupported","useEffect","unsubscribe","measureRender","useCallback","withPerformanceMonitoring","WrappedComponent","displayName","PerformanceMonitoredComponent","props","renderRef","useRef","jsx","PerformanceRegressionDetector","regressions","baseline","current","degradation","threshold","PerformanceDashboard","className","showAdvanced","averageMetrics","getScoreColor","formatBytes","bytes","jsxs"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"videojs-adapter.d.ts","sourceRoot":"","sources":["videojs-adapter.tsx"],"names":[],"mappings":"AAGA,OAAO,uBAAuB,CAAA;AAC9B,OAAO,KAAK,aAAa,MAAM,4BAA4B,CAAA;AA8B3D,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,UAAU,GAAG,UAAU,CAAA;IACzE,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,WAAW,EAAE,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,SAAS,EAAE,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,MAAM,CAAA;IACtC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAA;IACzC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;IAC9B,SAAS,CAAC,EAAE,GAAG,CAAA;IACf,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,MAAM,EACN,UAAe,EACf,QAAgB,EAChB,KAAa,EACb,QAAgB,EAChB,OAAoB,EACpB,KAAY,EACZ,UAAiB,EACjB,aAA4C,EAC5C,SAAS,EACT,OAAO,EACP,OAAO,EACP,SAAc,EACd,qBAA4B,EAC5B,eAAsB,EACvB,EAAE,mBAAmB,2CA8XrB;yBA/Ye,cAAc"}
|