refactor: strip debug noise to reduce bundle

src/utils/corsHelper.ts

@@ -6,6 +6,7 @@ export interface CORSCheckResult {
   supported: boolean
   error?: string
   needsProxy: boolean
+  supportsRange?: boolean
 }
 
 /**
@@ -21,6 +22,7 @@ export const checkVideoCORS = async (url: string): Promise<CORSCheckResult> => {
 
     const corsHeader = response.headers.get('Access-Control-Allow-Origin')
     const rangeHeader = response.headers.get('Accept-Ranges')
+    const supportsRange = !!rangeHeader && rangeHeader !== 'none'
 
     if (!corsHeader && !response.ok) {
       return {
@@ -30,14 +32,11 @@ export const checkVideoCORS = async (url: string): Promise<CORSCheckResult> => {
       }
     }
 
-    if (!rangeHeader || rangeHeader === 'none') {
-      console.warn('⚠️ [CORS] Server does not support Range Requests. Seeking may not work properly.')
-    }
-
-    return {
-      supported: true,
-      needsProxy: false,
-    }
+      return {
+        supported: true,
+        needsProxy: false,
+        supportsRange,
+      }
   } catch (error) {
     // CORS error or network error
     if (error instanceof TypeError && error.message.includes('CORS')) {

src/utils/hlsLoader.ts

@@ -24,7 +24,6 @@ const loadHlsFromCDN = (): Promise<any> => {
 
     script.onload = () => {
       if (typeof (window as any).Hls !== 'undefined') {
-        console.log('✅ [HLS Loader] Loaded hls.js from CDN')
         resolve((window as any).Hls)
       } else {
         reject(new Error('HLS.js CDN loaded but Hls global not found'))
@@ -45,19 +44,14 @@ const loadHlsFromCDN = (): Promise<any> => {
 export const loadHls = async (): Promise<any> => {
   try {
     // Try loading from npm package first
-    console.log('🔄 [HLS Loader] Attempting to load hls.js from npm package...')
     const hlsModule = await import('hls.js')
-    console.log('✅ [HLS Loader] Loaded hls.js from npm package')
     return hlsModule.default
   } catch (npmError) {
-    console.warn('⚠️ [HLS Loader] Failed to load hls.js from npm, trying CDN fallback...', npmError)
-
     try {
       // Fallback to CDN
       const Hls = await loadHlsFromCDN()
       return Hls
     } catch (cdnError) {
-      console.error('❌ [HLS Loader] Failed to load hls.js from both npm and CDN', cdnError)
       throw new Error('Unable to load HLS.js library. HLS streaming is not available.')
     }
   }
@@ -84,18 +78,14 @@ export const hasNativeHlsSupport = (): boolean => {
 export const getHlsAudioTracks = (hls: any): AudioTrack[] => {
   try {
     if (!hls) {
-      console.warn('⚠️ [HLS Loader] HLS instance is null or undefined')
       return []
     }
 
     // Check if audioTracks property exists
     if (!hls.audioTracks || !Array.isArray(hls.audioTracks)) {
-      console.warn('⚠️ [HLS Loader] audioTracks not available or not an array:', hls.audioTracks)
       return []
     }
 
-    console.log('🔍 [HLS Loader] Raw audio tracks from HLS:', hls.audioTracks)
-
     const audioTracks: AudioTrack[] = hls.audioTracks.map((track: any, index: number) => {
       const audioTrack = {
         name: track.name || track.label || `Audio ${index + 1}`,
@@ -105,13 +95,11 @@ export const getHlsAudioTracks = (hls: any): AudioTrack[] => {
         default: track.default || false,
         autoselect: track.autoselect || false,
       }
-      console.log(`🎵 [HLS Loader] Parsed audio track ${index}:`, audioTrack)
       return audioTrack
     })
 
     return audioTracks
   } catch (error) {
-    console.error('❌ [HLS Loader] Error extracting audio tracks:', error)
     return []
   }
 }
@@ -120,20 +108,13 @@ export const getHlsAudioTracks = (hls: any): AudioTrack[] => {
  * Set active audio track in HLS instance
  */
 export const setHlsAudioTrack = (hls: any, audioTrackIndex: number): void => {
-  try {
-    if (!hls || !hls.audioTracks) {
-      console.warn('⚠️ [HLS Loader] HLS instance or audioTracks not available')
-      return
-    }
-
-    if (audioTrackIndex < 0 || audioTrackIndex >= hls.audioTracks.length) {
-      console.warn('⚠️ [HLS Loader] Invalid audio track index:', audioTrackIndex)
-      return
-    }
-
-    hls.audioTrack = audioTrackIndex
-    console.log(`✅ [HLS Loader] Audio track set to index ${audioTrackIndex}`)
-  } catch (error) {
-    console.error('❌ [HLS Loader] Error setting audio track:', error)
+  if (!hls || !hls.audioTracks) {
+    return
   }
+
+  if (audioTrackIndex < 0 || audioTrackIndex >= hls.audioTracks.length) {
+    return
+  }
+
+  hls.audioTrack = audioTrackIndex
 }

src/utils/m3u8Parser.ts

@@ -57,7 +57,6 @@ const parseAudioMediaTag = (line: string): AudioTrack | null => {
     const autoselect = attributes['AUTOSELECT'] === 'YES'
 
     if (!name || !uri) {
-      console.warn('⚠️ [M3U8 Parser] Audio track missing NAME or URI:', line)
       return null
     }
 
@@ -69,8 +68,7 @@ const parseAudioMediaTag = (line: string): AudioTrack | null => {
       default: defaultTrack,
       autoselect,
     }
-  } catch (error) {
-    console.error('❌ [M3U8 Parser] Error parsing audio track:', line, error)
+  } catch {
     return null
   }
 }
@@ -87,8 +85,7 @@ export const fetchAndParseM3U8 = async (url: string): Promise<AudioTrack[]> => {
 
     const manifestContent = await response.text()
     return parseM3U8AudioTracks(manifestContent)
-  } catch (error) {
-    console.error('❌ [M3U8 Parser] Error fetching M3U8:', error)
+  } catch {
     return []
   }
 }

src/utils/polyfills.ts

@@ -87,29 +87,37 @@ export const checkFetchSupport = (): boolean => {
  * Initialize all polyfills
  * Call this once when the app loads
  */
-export const initializePolyfills = () => {
+export interface PolyfillDiagnostics {
+  warnings: string[]
+  errors: string[]
+}
+
+export const initializePolyfills = (): PolyfillDiagnostics => {
+  const warnings: string[] = []
+  const errors: string[] = []
+
   try {
     setupFullscreenPolyfill()
     setupPIPPolyfill()
 
     // Check critical API support
     if (!checkPromiseSupport()) {
-      console.warn('[VideoPlayer] Promise not supported. Please add Promise polyfill.')
+      warnings.push('Promise not supported. Please add a Promise polyfill for full compatibility.')
     }
 
     if (!checkFetchSupport()) {
-      console.warn('[VideoPlayer] Fetch API not supported. Subtitle loading may fail.')
+      warnings.push('Fetch API not supported. Subtitle loading may fail without a fetch polyfill.')
     }
 
     // Check for MediaSource API (required for HLS.js)
     if (typeof MediaSource === 'undefined') {
-      console.warn('[VideoPlayer] MediaSource API not supported. HLS streaming will not work.')
+      warnings.push('MediaSource API not supported. HLS streaming will not work on this browser.')
     }
-
-    console.log('✅ [VideoPlayer] Polyfills initialized successfully')
   } catch (error) {
-    console.error('[VideoPlayer] Error initializing polyfills:', error)
+    errors.push(error instanceof Error ? error.message : String(error))
   }
+
+  return { warnings, errors }
 }
 
 /**

src/utils/subtitles.ts

@@ -45,18 +45,13 @@ export const createSubtitleBlobURL = (content: string, format: 'vtt' | 'srt'): s
  * Fetch and parse subtitle file
  */
 export const fetchSubtitle = async (url: string): Promise<string> => {
-  try {
-    const response = await fetch(url)
-    const content = await response.text()
+  const response = await fetch(url)
+  const content = await response.text()
 
-    // Detect format
-    if (url.endsWith('.srt')) {
-      return parseSRT(content)
-    }
-
-    return content
-  } catch (error) {
-    console.error('Failed to fetch subtitle:', error)
-    throw error
+  // Detect format
+  if (url.endsWith('.srt')) {
+    return parseSRT(content)
   }
+
+  return content
 }