@therealtinhtute/baroiplayer 1.0.2 → 1.0.4

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@therealtinhtute/baroiplayer",
-  "version": "1.0.0",
+  "version": "1.0.4",
   "type": "module",
   "main": "./index.js",
   "module": "./index.mjs",
@@ -12,17 +12,31 @@
       "require": "./index.js"
     },
     "./globals.css": "./index.css",
-    "./dist/*": "./dist/*"
+    "./minimal-player.css": "./minimal-components.css",
+    "./dist/styles/minimal-player.css": "./minimal-components.css",
+    "./styles/minimal-player.css": "./minimal-components.css",
+    "./dist/*": "./*",
+    "./lib/*": "./src/lib/*.ts",
+    "./components/*": "./src/components/*.tsx",
+    "./hooks/*": "./src/hooks/*.ts",
+    "./types/*": "./src/types/*.ts"
   },
   "files": [
     "*.js",
     "*.mjs",
     "*.d.ts",
     "*.css",
-    "src/"
+    "src/",
+    "styles/"
   ],
   "peerDependencies": {
     "react": ">=18.0.0",
-    "react-dom": ">=18.0.0"
+    "react-dom": ">=18.0.0",
+    "tailwindcss": ">=4.0.0"
+  },
+  "peerDependenciesMeta": {
+    "tailwindcss": {
+      "optional": true
+    }
   }
 }

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

@@ -429,16 +429,16 @@ export function useEnhancedMediaPlayer(options: UseEnhancedMediaPlayerOptions) {
 
 	// Computed state
 	const computedState = useMemo(() => ({
-		isPlaying: optimisticState?.isPlaying ?? isPlaying,
-		currentTime: optimisticState?.currentTime ?? currentTime,
-		duration: optimisticState?.duration ?? duration,
-		volume: optimisticState?.volume ?? optimisticVolume,
-		isMuted: optimisticState?.isMuted ?? isMuted,
-		isLoading: optimisticState?.isBuffering ?? isLoading,
-		isBuffering: optimisticState?.isBuffering ?? isBuffering,
-		error: optimisticState?.error ?? error,
-		buffered: optimisticState?.buffered ?? buffered,
-		isFullscreen: optimisticState?.isFullscreen ?? isFullscreen,
+		isPlaying: optimisticState?.state?.isPlaying ?? isPlaying,
+		currentTime: optimisticState?.state?.currentTime ?? currentTime,
+		duration: optimisticState?.state?.duration ?? duration,
+		volume: optimisticState?.state?.volume ?? optimisticVolume,
+		isMuted: optimisticState?.state?.isMuted ?? isMuted,
+		isLoading: optimisticState?.state?.isBuffering ?? isLoading,
+		isBuffering: optimisticState?.state?.isBuffering ?? isBuffering,
+		error: optimisticState?.state?.error ?? error,
+		buffered: optimisticState?.state?.buffered ?? buffered,
+		isFullscreen: optimisticState?.state?.isFullscreen ?? isFullscreen,
 		progress: duration > 0 ? currentTime / duration : 0,
 		isTransitioning: isPending || isSeeking,
 		canPlay: !isLoading && !isBuffering && !error
@@ -475,8 +475,8 @@ export function useEnhancedMediaPlayer(options: UseEnhancedMediaPlayerOptions) {
 		isTransitioning: isPending || isSeeking,
 
 		// Enhanced features
-		actions: optimisticState?.actions,
-		actionState: optimisticState?.actionState,
+		actions: optimisticState, // The optimisticState object contains all the actions
+		actionState: optimisticState?.state,
 
 		// Optimistic features
 		optimisticState,

package/dist/src/hooks/use-intelligent-preloading.ts

@@ -57,7 +57,13 @@ export const useIntelligentPreloading = (
 		lastInteraction: Date.now(),
 	});
 
-	const networkInfoRef = useRef<NetworkInformation | null>(null);
+	// Network Information API (if available)
+	const networkInfoRef = useRef<{
+		effectiveType?: string;
+		downlink?: number;
+		rtt?: number;
+		saveData?: boolean;
+	} | null>(null);
 	const preloadedItemsRef = useRef<Set<string>>(new Set());
 	const preloadQueueRef = useRef<Array<{ source: MediaSource; priority: number }>>([]);
 
@@ -89,7 +95,7 @@ export const useIntelligentPreloading = (
 
 		const network = networkInfoRef.current;
 		return {
-			type: network.type,
+			type: network.effectiveType || '4g', // Use effectiveType as the primary type indicator
 			downlink: network.downlink || 10,
 			effectiveType: network.effectiveType || '4g',
 			saveData: network.saveData || false,
@@ -156,8 +162,9 @@ export const useIntelligentPreloading = (
 
 		// Additional heuristics
 		if (shouldPreload) {
-			// Prioritize HLS and adaptive streaming
-			if (source.type === 'hls' || source.type === 'm3u8') {
+			// Prioritize HLS and adaptive streaming (check URL extension)
+			const sourceUrl = source.src.toLowerCase();
+			if (sourceUrl.includes('.m3u8') || sourceUrl.includes('hls')) {
 				priority = priority === 'low' ? 'medium' : 'high';
 			}
 
@@ -168,7 +175,8 @@ export const useIntelligentPreloading = (
 			}
 
 			// Consider content type (video gets higher priority than audio)
-			if (source.type === 'mp4' || source.type === 'webm') {
+			if (source.type?.includes('mp4') || source.type?.includes('webm') ||
+				sourceUrl.includes('.mp4') || sourceUrl.includes('.webm')) {
 				priority = priority === 'low' ? 'medium' : priority;
 			}
 		}
@@ -184,23 +192,20 @@ export const useIntelligentPreloading = (
 			link.rel = 'preload';
 			link.href = source.src;
 
-			// Determine the correct 'as' attribute
-			switch (source.type) {
-				case 'hls':
-				case 'm3u8':
-					link.as = 'fetch';
-					break;
-				case 'mp4':
-				case 'webm':
-					link.as = 'video';
-					break;
-				case 'mp3':
-				case 'wav':
-				case 'ogg':
-					link.as = 'audio';
-					break;
-				default:
-					link.as = 'fetch';
+			// Determine the correct 'as' attribute based on URL or MIME type
+			const sourceUrl = source.src.toLowerCase();
+			const mimeType = source.type?.toLowerCase() || '';
+
+			if (sourceUrl.includes('.m3u8') || sourceUrl.includes('hls')) {
+				link.as = 'fetch';
+			} else if (mimeType.includes('mp4') || mimeType.includes('webm') ||
+				sourceUrl.includes('.mp4') || sourceUrl.includes('.webm')) {
+				link.as = 'video';
+			} else if (mimeType.includes('mp3') || mimeType.includes('wav') || mimeType.includes('ogg') ||
+				sourceUrl.includes('.mp3') || sourceUrl.includes('.wav') || sourceUrl.includes('.ogg')) {
+				link.as = 'audio';
+			} else {
+				link.as = 'fetch';
 			}
 
 			link.crossOrigin = 'anonymous';

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

@@ -295,8 +295,6 @@ export function useMediaPlayer(options: UseMediaPlayerOptions) {
 		toggle,
 		seek,
 		setVolume: setVolumeControl,
-		mute,
-		unmute,
 		toggleMute,
 		enterFullscreen,
 		exitFullscreen,

package/dist/src/hooks/use-memory-optimization.ts

@@ -16,10 +16,10 @@ export function useMemoryOptimization(options: {
 		monitorMemory = true
 	} = options
 
-	const cleanupTimeoutRef = useRef<NodeJS.Timeout>()
+	const cleanupTimeoutRef = useRef<NodeJS.Timeout | undefined>(undefined)
 	const observersRef = useRef<Set<MutationObserver>>(new Set())
 	const eventListenersRef = useRef<Map<Element, Array<{ event: string; handler: EventListener }>>>(new Map())
-	const intervalRefs = useRef<Set<NodeJS.Timeout>>(new Set())
+	const intervalRefs = useRef<Set<ReturnType<typeof setInterval>>>(new Set()) // Use proper timer type
 	const animationFrameRefs = useRef<Set<number>>(new Set())
 
 	// Get current memory usage
@@ -67,20 +67,20 @@ export function useMemoryOptimization(options: {
 		}
 
 		checkMemory()
-		const interval = setInterval(checkMemory, cleanupInterval)
-		intervalRefs.current.add(interval)
+		const intervalId: ReturnType<typeof setInterval> = setInterval(checkMemory, cleanupInterval)
+		intervalRefs.current.add(intervalId)
 
 		return () => {
-			clearInterval(interval)
-			intervalRefs.current.delete(interval)
+			clearInterval(intervalId as any)
+			intervalRefs.current.delete(intervalId)
 		}
 	}, [monitorMemory, getMemoryUsage, maxMemoryUsage, enableGC, cleanupInterval])
 
 	// Cleanup function
 	const performCleanup = useCallback(() => {
-		// Clear all timeouts
-		intervalRefs.current.forEach(timeout => {
-			clearTimeout(timeout)
+		// Clear all intervals
+		intervalRefs.current.forEach(intervalId => {
+			clearInterval(intervalId as any)
 		})
 		intervalRefs.current.clear()
 
@@ -141,29 +141,29 @@ export function useMemoryOptimization(options: {
 	}, [])
 
 	// Safe interval management
-	const setInterval = useCallback((callback: () => void, delay: number) => {
+	const safeSetInterval = useCallback((callback: () => void, delay: number) => {
 		const timeoutId = setInterval(callback, delay)
 		intervalRefs.current.add(timeoutId)
 
 		return () => {
-			clearInterval(timeoutId)
+			clearInterval(timeoutId as any)
 			intervalRefs.current.delete(timeoutId)
 		}
 	}, [])
 
 	// Safe timeout management
-	const setTimeout = useCallback((callback: () => void, delay: number) => {
+	const safeSetTimeout = useCallback((callback: () => void, delay: number) => {
 		const timeoutId = setTimeout(callback, delay)
 		intervalRefs.current.add(timeoutId)
 
 		return () => {
-			clearTimeout(timeoutId)
+			clearTimeout(timeoutId as any)
 			intervalRefs.current.delete(timeoutId)
 		}
 	}, [])
 
 	// Safe animation frame management
-	const requestAnimationFrame = useCallback((callback: FrameRequestCallback) => {
+	const safeRequestAnimationFrame = useCallback((callback: FrameRequestCallback) => {
 		const frameId = requestAnimationFrame(callback)
 		animationFrameRefs.current.add(frameId)
 
@@ -200,9 +200,9 @@ export function useMemoryOptimization(options: {
 
 		// Safe API functions
 		addEventListener,
-		setInterval,
-		setTimeout,
-		requestAnimationFrame,
+		setInterval: safeSetInterval,
+		setTimeout: safeSetTimeout,
+		requestAnimationFrame: safeRequestAnimationFrame,
 		addObserver,
 
 		// Utilities
@@ -227,7 +227,7 @@ export function useMediaResourceCleanup(mediaRef: React.RefObject<HTMLVideoEleme
 
 		// Stop media playback
 		if (!media.paused) {
-		_media.pause()
+			media.pause()
 		}
 
 		// Clear source
@@ -284,7 +284,7 @@ export function usePerformanceMonitoring() {
 
 	const frameCountRef = useRef(0)
 	const lastFrameTimeRef = useRef(performance.now())
-	const longTaskObserverRef = useRef<PerformanceObserver>()
+	const longTaskObserverRef = useRef<PerformanceObserver | undefined>(undefined)
 
 	// FPS monitoring
 	useEffect(() => {

package/dist/src/index-legacy.ts

@@ -133,10 +133,11 @@ export { useEnhancedMediaPlayer } from "./hooks/use-enhanced-media-player"
 // Performance Monitoring
 export {
 	PerformanceMonitor,
-	PerformanceMetrics,
 	usePerformanceMonitor as usePerformanceMonitoring
 } from "./core/performance"
 
+export type { PerformanceMetrics } from "./core/performance"
+
 // Media Resource Preloader
 export { MediaResourcePreloader } from "./components/ui/media-resource-preloader"