@therealtinhtute/baroiplayer 1.0.1 → 1.0.2

package/src/core/plugins/enhanced-plugin-system.ts

@@ -34,10 +34,16 @@ export interface MediaPluginHooks {
 export abstract class EnhancedMediaPlugin extends BasePlugin {
 	protected hooks: Partial<MediaPluginHooks> = {};
 	protected priority: number = 0;
-	protected middleware?: PluginMiddleware;
+	public middleware?: PluginMiddleware;
 
 	constructor(name: string, config: any = {}) {
-		super(name, config);
+		super({
+			name,
+			version: config.version || '1.0.0',
+			description: config.description || '',
+			category: config.category || 'general',
+			priority: config.priority || 0
+		});
 		this.priority = config.priority || 0;
 		this.setupHooks();
 	}
@@ -119,7 +125,7 @@ export class EnhancedPluginRegistry {
 	 * Register a plugin with the system
 	 */
 	public register(plugin: EnhancedMediaPlugin): void {
-		this.plugins.set(plugin.getName(), plugin);
+		this.plugins.set(plugin.metadata.name, plugin);
 
 		// Register plugin hooks
 		this.registerPluginHooks(plugin);
@@ -212,7 +218,7 @@ export class EnhancedPluginRegistry {
 			}
 
 			const middleware = this.middlewares[index++];
-			return Promise.resolve(middleware.execute(context, next));
+			return middleware ? Promise.resolve(middleware.execute(context, next)) : next();
 		};
 
 		return next();
@@ -231,8 +237,8 @@ export class EnhancedPluginRegistry {
 				}
 
 				this.hooks.get(hookType as keyof MediaPluginHooks)!.push({
-					plugin: plugin.getName(),
-					handler,
+					plugin: plugin.metadata.name,
+					handler: handler as Function,
 				});
 			}
 		});
@@ -249,7 +255,7 @@ export class EnhancedPluginRegistry {
 			if (handlers) {
 				this.hooks.set(
 					hookType as keyof MediaPluginHooks,
-					handlers.filter(h => h.plugin !== plugin.getName())
+					handlers.filter(h => h.plugin !== plugin.metadata.name)
 				);
 			}
 		});
@@ -282,7 +288,7 @@ export class EnhancedPluginManager {
 	 */
 	public async setup(options: MediaPlayerConfig = {}): Promise<void> {
 		// Execute beforeSetup hooks
-		const setupResults = await this.registry.executeHook('beforeSetup', this.player.getElement(), options);
+		const setupResults = await this.registry.executeHook('beforeSetup', this.player.element, options);
 
 		// Apply configuration modifications from hooks
 		const modifiedOptions = setupResults.reduce((acc, { result }) => {

package/src/core/providers/enhanced-hls-provider.ts

@@ -6,13 +6,15 @@
 import Hls, { HlsConfig } from 'hls.js';
 import { MediaPlayerConfig } from '../../types';
 
-export interface EnhancedHLSConfig extends HlsConfig {
+export interface EnhancedHLSConfig {
 	/** Enable machine learning-enhanced adaptive bitrate streaming */
 	enableAdvancedABR?: boolean;
 	/** Optimize for low-latency streaming */
 	lowLatencyMode?: boolean;
 	/** Enhanced buffer management for smoother playback */
 	optimizedBuffering?: boolean;
+	// Include all standard HLS.js properties
+	[key: string]: any;
 }
 
 export const ENHANCED_HLS_DEFAULTS: EnhancedHLSConfig = {
@@ -60,50 +62,17 @@ export const ENHANCED_HLS_DEFAULTS: EnhancedHLSConfig = {
 		},
 	},
 
-	// Progressive segment loading for better performance
-	segmentLoadPolicy: {
-		default: {
-			maxTimeToFirstByteMs: 9000,
-			maxLoadTimeMs: 20000,
-			timeoutRetry: {
-				maxNumRetry: 3,
-				retryDelayMs: 2000,
-				maxRetryDelayMs: 20000,
-				backoff: 'linear',
-			},
-			errorRetry: {
-				maxNumRetry: 5,
-				retryDelayMs: 3000,
-				maxRetryDelayMs: 30000,
-				backoff: 'linear',
-			},
-		},
-	},
-
-	// Enhanced manifest parsing
-	manifestLoadPolicy: {
-		default: {
-			maxTimeToFirstByteMs: 9000,
-			maxLoadTimeMs: 20000,
-			timeoutRetry: {
-				maxNumRetry: 3,
-				retryDelayMs: 2000,
-				maxRetryDelayMs: 20000,
-				backoff: 'linear',
-			},
-			errorRetry: {
-				maxNumRetry: 5,
-				retryDelayMs: 3000,
-				maxRetryDelayMs: 30000,
-				backoff: 'linear',
-			},
-		},
-	},
+	// Enhanced timeout and retry configuration
+	maxLoadingDelay: 20000,
+	manifestLoadingTimeOut: 20000,
+	manifestLoadingMaxRetry: 5,
+	levelLoadingTimeOut: 20000,
+	levelLoadingMaxRetry: 5,
+	fragLoadingTimeOut: 20000,
+	fragLoadingMaxRetry: 5,
 
 	// Level selection optimization
 	startLevel: -1, // Auto-select start level
-	initialBitrate: 0, // Auto-detect
-	preferManagedMediaSource: true,
 
 	// Debug and monitoring
 	debug: false,
@@ -177,7 +146,7 @@ export class EnhancedHLSProvider {
 		});
 
 		// Quality optimization events
-		this.hls.on(Hls.Events.BITRATE_SWITCHING, (event, data) => {
+		(this.hls as any).on('hlsBitrateSwitch', (event: any, data: any) => {
 			this.performanceMonitor.onBitrateSwitch(data);
 		});
 	}
@@ -206,15 +175,15 @@ export class EnhancedHLSProvider {
 			case Hls.ErrorDetails.FRAG_LOAD_TIMEOUT:
 				// Timeout - increase timeout and retry
 				if (this.hls) {
-					this.hls.config.fragLoadPolicy.default.timeoutRetry.maxNumRetry = 8;
-					this.hls.config.fragLoadPolicy.default.timeoutRetry.retryDelayMs = 5000;
+					this.hls.config.fragLoadingMaxRetry = 8;
+					this.hls.config.fragLoadingTimeOut = 15000;
 				}
 				break;
 
 			case Hls.ErrorDetails.LEVEL_LOAD_ERROR:
 				// Manifest error - try recovery with alternative
-				if (options.hlsConfig?.fallbackUrl) {
-					this.hls?.loadSource(options.hlsConfig.fallbackUrl);
+				if ((options as any).hlsConfig?.fallbackUrl) {
+					this.hls?.loadSource((options as any).hlsConfig.fallbackUrl);
 				}
 				break;
 
@@ -234,8 +203,8 @@ export class EnhancedHLSProvider {
 		}
 
 		// Custom error handler if provided
-		if (options.onError) {
-			options.onError(data);
+		if ((options as any).onError) {
+			(options as any).onError(data);
 		}
 	}
 
@@ -243,9 +212,9 @@ export class EnhancedHLSProvider {
 	 * Update configuration dynamically
 	 */
 	public updateConfig(newConfig: Partial<EnhancedHLSConfig>): void {
-		this.config = { ...this.config, ...newConfig };
+		Object.assign(this.config, newConfig);
 		if (this.hls) {
-			this.hls.config = this.config;
+			Object.assign(this.hls.config, this.config);
 		}
 	}
 
@@ -295,8 +264,8 @@ class HLSPerformanceMonitor {
 		const video = hls.media;
 		if (video) {
 			const checkDroppedFrames = () => {
-				if (video.getVideoPlaybackQuality) {
-					const quality = video.getVideoPlaybackQuality();
+				if ((video as any).getVideoPlaybackQuality) {
+					const quality = (video as any).getVideoPlaybackQuality();
 					this.metrics.droppedFrames = quality.droppedVideoFrames;
 				}
 			};

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

@@ -34,6 +34,16 @@ interface UseEnhancedMediaPlayerOptions {
 	timeUpdateThrottleMs?: number
 	enableSeekPreview?: boolean
 	preloadStrategy?: "eager" | "lazy" | "progressive"
+	// Event callbacks
+	onPlay?: () => void
+	onPause?: () => void
+	onTimeUpdate?: (currentTime: number) => void
+	onDurationChange?: (duration: number) => void
+	onVolumeChange?: (volume: number) => void
+	onError?: (error: string) => void
+	onLoadStart?: () => void
+	onLoadedData?: () => void
+	onEnded?: () => void
 }
 
 // Performance-optimized media player hook with React 19 features
@@ -51,7 +61,7 @@ export function useEnhancedMediaPlayer(options: UseEnhancedMediaPlayerOptions) {
 	const lastFrameTime = React.useRef<number>(0)
 
 	// Throttled time update
-	const timeUpdateTimeoutRef = useRef<NodeJS.Timeout>()
+	const timeUpdateTimeoutRef = useRef<NodeJS.Timeout | undefined>(undefined)
 	const lastTimeUpdate = useRef<number>(0)
 
 	// Store integration
@@ -398,7 +408,14 @@ export function useEnhancedMediaPlayer(options: UseEnhancedMediaPlayerOptions) {
 			setVolume,
 			toggleMute,
 			enterFullscreen,
-			exitFullscreen
+			exitFullscreen,
+			toggleFullscreen: () => {
+				if (document.fullscreenElement) {
+					exitFullscreen()
+				} else {
+					enterFullscreen()
+				}
+			}
 		}
 	}, [
 		isPlaying,

package/src/types/index.ts

@@ -65,19 +65,50 @@ export interface MediaPlayerState {
 }
 
 export interface MediaPlayerControls {
-	play: () => void
+	play: () => Promise<void>
 	pause: () => void
 	toggle: () => void
 	seek: (time: number) => void
 	setVolume: (volume: number) => void
-	mute: () => void
-	unmute: () => void
 	toggleMute: () => void
-	enterFullscreen: () => void
-	exitFullscreen: () => void
+	enterFullscreen: () => Promise<void>
+	exitFullscreen: () => Promise<void>
 	toggleFullscreen: () => void
 }
 
+export interface MediaPlayerInstance {
+	// Basic media element
+	element: HTMLMediaElement
+
+	// Player state
+	state: MediaPlayerState
+
+	// Controls
+	controls: MediaPlayerControls
+
+	// Configuration
+	config: MediaPlayerConfig
+
+	// Core methods
+	play: () => Promise<void>
+	pause: () => void
+	toggle: () => void
+	seek: (time: number) => void
+	setVolume: (volume: number) => void
+	toggleMute: () => void
+	enterFullscreen: () => Promise<void>
+	exitFullscreen: () => Promise<void>
+	toggleFullscreen: () => void
+
+	// Event listeners
+	on: (event: string, callback: Function) => void
+	off: (event: string, callback: Function) => void
+	one: (event: string, callback: Function) => void
+
+	// Plugin integration
+	plugins: Map<string, any>
+}
+
 export interface MediaPlayerConfig {
 	autoPlay?: boolean
 	loop?: boolean
@@ -89,6 +120,10 @@ export interface MediaPlayerConfig {
 	keyboardControls?: boolean
 	showControls?: boolean
 	customControls?: boolean
+	enablePerformanceMonitoring?: boolean
+	bufferingStrategy?: "adaptive" | "conservative" | "aggressive"
+	preloadStrategy?: "progressive" | "lazy" | "eager"
+	enableOptimizations?: boolean
 }
 
 export interface MediaPlayerProps extends MediaPlayerConfig {