@lightbird/core 0.9.0 → 0.10.0

package/dist/index.cjs

@@ -836,6 +836,13 @@ var HLSPlayer = class {
   setQualityLevel(levelIndex) {
     if (this.hls) this.hls.currentLevel = levelIndex;
   }
+  /**
+   * Index of the active rendition, or `-1` for automatic (ABR) selection /
+   * before the manifest loads / on the native-HLS path.
+   */
+  getCurrentLevel() {
+    return this.hls?.currentLevel ?? -1;
+  }
   /**
    * HLS-specific metadata for the video info panel, derived from the active
    * rendition. Returns an empty object before the manifest loads or on the

package/dist/index.d.cts

@@ -229,6 +229,11 @@ declare class HLSPlayer implements VideoPlayer {
     getQualityLevels(): QualityLevel[];
     /** Pins a quality level; `-1` restores automatic (ABR) selection. */
     setQualityLevel(levelIndex: number): void;
+    /**
+     * Index of the active rendition, or `-1` for automatic (ABR) selection /
+     * before the manifest loads / on the native-HLS path.
+     */
+    getCurrentLevel(): number;
     /**
      * HLS-specific metadata for the video info panel, derived from the active
      * rendition. Returns an empty object before the manifest loads or on the

package/dist/index.d.ts

@@ -229,6 +229,11 @@ declare class HLSPlayer implements VideoPlayer {
     getQualityLevels(): QualityLevel[];
     /** Pins a quality level; `-1` restores automatic (ABR) selection. */
     setQualityLevel(levelIndex: number): void;
+    /**
+     * Index of the active rendition, or `-1` for automatic (ABR) selection /
+     * before the manifest loads / on the native-HLS path.
+     */
+    getCurrentLevel(): number;
     /**
      * HLS-specific metadata for the video info panel, derived from the active
      * rendition. Returns an empty object before the manifest loads or on the

package/dist/index.js

@@ -833,6 +833,13 @@ var HLSPlayer = class {
   setQualityLevel(levelIndex) {
     if (this.hls) this.hls.currentLevel = levelIndex;
   }
+  /**
+   * Index of the active rendition, or `-1` for automatic (ABR) selection /
+   * before the manifest loads / on the native-HLS path.
+   */
+  getCurrentLevel() {
+    return this.hls?.currentLevel ?? -1;
+  }
   /**
    * HLS-specific metadata for the video info panel, derived from the active
    * rendition. Returns an empty object before the manifest loads or on the

package/dist/react/index.cjs

@@ -836,6 +836,177 @@ function useVideoInfo(videoRef, currentFile) {
   }, []);
   return { metadata, enrichMetadata };
 }
+
+// src/players/hls-player.ts
+var HLS_MIME_HINTS = ["application/x-mpegurl", "application/vnd.apple.mpegurl"];
+function isHlsUrl(url) {
+  if (typeof url !== "string" || url.length === 0) return false;
+  const lower = url.toLowerCase();
+  if (HLS_MIME_HINTS.some((hint) => lower.includes(hint))) return true;
+  return lower.split(/[?#]/)[0].endsWith(".m3u8");
+}
+function parseHlsCodec(codec) {
+  if (!codec) return null;
+  switch (codec.slice(0, 4).toLowerCase()) {
+    case "avc1":
+      return "H.264 (AVC)";
+    case "hvc1":
+    case "hev1":
+      return "H.265 (HEVC)";
+    case "vp09":
+      return "VP9";
+    case "av01":
+      return "AV1";
+    default:
+      return codec;
+  }
+}
+var HLSPlayer = class {
+  constructor(url) {
+    this.hls = null;
+    this.hlsCtor = null;
+    this.url = url;
+    this.playerFile = { url, qualityLevels: [] };
+  }
+  async initialize(videoElement) {
+    const { default: HlsCtor } = await import('hls.js');
+    this.hlsCtor = HlsCtor;
+    if (!HlsCtor.isSupported()) {
+      videoElement.src = this.url;
+      return this.playerFile;
+    }
+    const hls = new HlsCtor();
+    this.hls = hls;
+    hls.loadSource(this.url);
+    hls.attachMedia(videoElement);
+    return this.playerFile;
+  }
+  getAudioTracks() {
+    if (!this.hls) return [];
+    return this.hls.audioTracks.map((track) => ({
+      id: String(track.id),
+      name: track.name,
+      lang: track.lang || "unknown"
+    }));
+  }
+  getSubtitles() {
+    return [];
+  }
+  switchAudioTrack(trackId) {
+    if (this.hls) {
+      const id = Number(trackId);
+      if (!Number.isNaN(id)) this.hls.audioTrack = id;
+    }
+    return Promise.resolve();
+  }
+  switchSubtitle() {
+    return Promise.resolve();
+  }
+  /** Quality renditions — not on `VideoPlayer`; read directly by the quality hook. */
+  getQualityLevels() {
+    if (!this.hls) return [];
+    return this.hls.levels.map((level, index) => ({
+      index,
+      height: level.height,
+      bitrate: level.bitrate,
+      name: level.name || (level.height > 0 ? `${level.height}p` : `Level ${index + 1}`)
+    }));
+  }
+  /** Pins a quality level; `-1` restores automatic (ABR) selection. */
+  setQualityLevel(levelIndex) {
+    if (this.hls) this.hls.currentLevel = levelIndex;
+  }
+  /**
+   * Index of the active rendition, or `-1` for automatic (ABR) selection /
+   * before the manifest loads / on the native-HLS path.
+   */
+  getCurrentLevel() {
+    return this.hls?.currentLevel ?? -1;
+  }
+  /**
+   * HLS-specific metadata for the video info panel, derived from the active
+   * rendition. Returns an empty object before the manifest loads or on the
+   * native-HLS path (where hls.js is never instantiated).
+   */
+  getMetadata() {
+    const hls = this.hls;
+    if (!hls) return {};
+    const levels = hls.levels ?? [];
+    const activeIndex = hls.currentLevel >= 0 && hls.currentLevel < levels.length ? hls.currentLevel : 0;
+    const active = levels[activeIndex];
+    return {
+      container: "HLS",
+      videoCodec: parseHlsCodec(active?.videoCodec),
+      videoBitrate: active?.bitrate ?? null,
+      streamRenditions: levels.length,
+      audioTracks: (hls.audioTracks ?? []).map((track, index) => ({
+        index,
+        codec: track.audioCodec ?? null,
+        channels: null,
+        sampleRate: null,
+        language: track.lang ?? null,
+        bitrate: null
+      }))
+    };
+  }
+  /**
+   * Subscribe to HLS events that change the info-panel metadata (manifest
+   * parsed, quality level switched, audio tracks updated). Returns an
+   * unsubscribe function. A no-op on the native-HLS path.
+   */
+  onMetadataChange(callback) {
+    const hls = this.hls;
+    const HlsCtor = this.hlsCtor;
+    if (!hls || !HlsCtor) return () => {
+    };
+    const events = [
+      HlsCtor.Events.MANIFEST_PARSED,
+      HlsCtor.Events.LEVEL_SWITCHED,
+      HlsCtor.Events.AUDIO_TRACKS_UPDATED
+    ];
+    events.forEach((event) => hls.on(event, callback));
+    return () => events.forEach((event) => hls.off(event, callback));
+  }
+  destroy() {
+    if (this.hls) {
+      this.hls.destroy();
+      this.hls = null;
+    }
+  }
+  static isCompatible(url) {
+    return isHlsUrl(url);
+  }
+};
+
+// src/react/use-hls-quality.ts
+function useHlsQuality(playerRef) {
+  const [qualityLevels, setQualityLevels] = react.useState([]);
+  const [currentLevel, setCurrentLevel] = react.useState(-1);
+  const player = playerRef.current;
+  react.useEffect(() => {
+    if (!(player instanceof HLSPlayer)) {
+      setQualityLevels([]);
+      setCurrentLevel(-1);
+      return;
+    }
+    const refresh = () => {
+      setQualityLevels(player.getQualityLevels());
+      setCurrentLevel(player.getCurrentLevel());
+    };
+    refresh();
+    return player.onMetadataChange(refresh);
+  }, [player]);
+  const setLevel = react.useCallback(
+    (idx) => {
+      const current = playerRef.current;
+      if (!(current instanceof HLSPlayer)) return;
+      current.setQualityLevel(idx);
+      setCurrentLevel(idx);
+    },
+    [playerRef]
+  );
+  return { qualityLevels, currentLevel, setLevel };
+}
 function useMediaSession(options) {
   const { title, artwork, onPlay, onPause, onNext, onPrev, onSeekForward, onSeekBackward } = options;
   react.useEffect(() => {
@@ -1523,6 +1694,7 @@ function useTouchGestures(targetRef, handlers, options = {}) {
 exports.useABLoop = useABLoop;
 exports.useChapters = useChapters;
 exports.useFullscreen = useFullscreen;
+exports.useHlsQuality = useHlsQuality;
 exports.useKeyboardShortcuts = useKeyboardShortcuts;
 exports.useMagnet = useMagnet;
 exports.useMediaSession = useMediaSession;

package/dist/react/index.d.cts

@@ -221,18 +221,6 @@ declare function useVideoInfo(videoRef: RefObject<HTMLVideoElement | null>, curr
     enrichMetadata: (extra: Partial<VideoMetadata>) => void;
 };
 
-interface UseMediaSessionOptions {
-    title: string | null;
-    artwork?: string | null;
-    onPlay: () => void;
-    onPause: () => void;
-    onNext: () => void;
-    onPrev: () => void;
-    onSeekForward: () => void;
-    onSeekBackward: () => void;
-}
-declare function useMediaSession(options: UseMediaSessionOptions): void;
-
 interface SimplePlayerFile {
     name: string;
     file: File;
@@ -272,6 +260,37 @@ interface VideoPlayer {
     onMetadataChange?(callback: () => void): () => void;
 }
 
+interface UseHlsQualityReturn {
+    /** Available renditions. Empty unless an HLS stream with levels is loaded. */
+    qualityLevels: QualityLevel[];
+    /** Index of the active level, or -1 for automatic (ABR) selection. */
+    currentLevel: number;
+    /** Switch to a level by index (-1 = auto). No-op when not playing HLS. */
+    setLevel: (idx: number) => void;
+}
+/**
+ * Exposes the quality levels of the currently loaded HLS stream and lets the
+ * caller switch between them. Returns an empty list and a no-op `setLevel` when
+ * the player is not an {@link HLSPlayer}.
+ *
+ * The list and the active level are kept in sync via
+ * {@link HLSPlayer.onMetadataChange}, which fires on manifest parse and on
+ * every `LEVEL_SWITCHED` event.
+ */
+declare function useHlsQuality(playerRef: RefObject<VideoPlayer | null>): UseHlsQualityReturn;
+
+interface UseMediaSessionOptions {
+    title: string | null;
+    artwork?: string | null;
+    onPlay: () => void;
+    onPause: () => void;
+    onNext: () => void;
+    onPrev: () => void;
+    onSeekForward: () => void;
+    onSeekBackward: () => void;
+}
+declare function useMediaSession(options: UseMediaSessionOptions): void;
+
 declare function useChapters(videoRef: RefObject<HTMLVideoElement>, playerRef: RefObject<VideoPlayer | null>): {
     chapters: Chapter[];
     currentChapter: Chapter | null;
@@ -404,4 +423,4 @@ interface TouchGesturesState {
  */
 declare function useTouchGestures(targetRef: RefObject<HTMLElement | null>, handlers: TouchGestureHandlers, options?: UseTouchGesturesOptions): TouchGesturesState;
 
-export { type ABLoopState, type SeekPreviewState, type ShortcutHandlers, type TouchGestureFeedback, type TouchGestureHandlers, type TouchGesturesState, type UseMagnetReturn, type UseMediaSessionOptions, type UseSeekPreviewOptions, type UseSubtitlesOptions, type UseTouchGesturesOptions, useABLoop, useChapters, useFullscreen, useKeyboardShortcuts, useMagnet, useMediaSession, usePictureInPicture, usePlaylist, useProgressPersistence, useSeekPreview, useSmoothProgress, useSubtitles, useTouchGestures, useVideoFilters, useVideoInfo, useVideoPlayback };
+export { type ABLoopState, type SeekPreviewState, type ShortcutHandlers, type TouchGestureFeedback, type TouchGestureHandlers, type TouchGesturesState, type UseHlsQualityReturn, type UseMagnetReturn, type UseMediaSessionOptions, type UseSeekPreviewOptions, type UseSubtitlesOptions, type UseTouchGesturesOptions, useABLoop, useChapters, useFullscreen, useHlsQuality, useKeyboardShortcuts, useMagnet, useMediaSession, usePictureInPicture, usePlaylist, useProgressPersistence, useSeekPreview, useSmoothProgress, useSubtitles, useTouchGestures, useVideoFilters, useVideoInfo, useVideoPlayback };

package/dist/react/index.d.ts

@@ -221,18 +221,6 @@ declare function useVideoInfo(videoRef: RefObject<HTMLVideoElement | null>, curr
     enrichMetadata: (extra: Partial<VideoMetadata>) => void;
 };
 
-interface UseMediaSessionOptions {
-    title: string | null;
-    artwork?: string | null;
-    onPlay: () => void;
-    onPause: () => void;
-    onNext: () => void;
-    onPrev: () => void;
-    onSeekForward: () => void;
-    onSeekBackward: () => void;
-}
-declare function useMediaSession(options: UseMediaSessionOptions): void;
-
 interface SimplePlayerFile {
     name: string;
     file: File;
@@ -272,6 +260,37 @@ interface VideoPlayer {
     onMetadataChange?(callback: () => void): () => void;
 }
 
+interface UseHlsQualityReturn {
+    /** Available renditions. Empty unless an HLS stream with levels is loaded. */
+    qualityLevels: QualityLevel[];
+    /** Index of the active level, or -1 for automatic (ABR) selection. */
+    currentLevel: number;
+    /** Switch to a level by index (-1 = auto). No-op when not playing HLS. */
+    setLevel: (idx: number) => void;
+}
+/**
+ * Exposes the quality levels of the currently loaded HLS stream and lets the
+ * caller switch between them. Returns an empty list and a no-op `setLevel` when
+ * the player is not an {@link HLSPlayer}.
+ *
+ * The list and the active level are kept in sync via
+ * {@link HLSPlayer.onMetadataChange}, which fires on manifest parse and on
+ * every `LEVEL_SWITCHED` event.
+ */
+declare function useHlsQuality(playerRef: RefObject<VideoPlayer | null>): UseHlsQualityReturn;
+
+interface UseMediaSessionOptions {
+    title: string | null;
+    artwork?: string | null;
+    onPlay: () => void;
+    onPause: () => void;
+    onNext: () => void;
+    onPrev: () => void;
+    onSeekForward: () => void;
+    onSeekBackward: () => void;
+}
+declare function useMediaSession(options: UseMediaSessionOptions): void;
+
 declare function useChapters(videoRef: RefObject<HTMLVideoElement>, playerRef: RefObject<VideoPlayer | null>): {
     chapters: Chapter[];
     currentChapter: Chapter | null;
@@ -404,4 +423,4 @@ interface TouchGesturesState {
  */
 declare function useTouchGestures(targetRef: RefObject<HTMLElement | null>, handlers: TouchGestureHandlers, options?: UseTouchGesturesOptions): TouchGesturesState;
 
-export { type ABLoopState, type SeekPreviewState, type ShortcutHandlers, type TouchGestureFeedback, type TouchGestureHandlers, type TouchGesturesState, type UseMagnetReturn, type UseMediaSessionOptions, type UseSeekPreviewOptions, type UseSubtitlesOptions, type UseTouchGesturesOptions, useABLoop, useChapters, useFullscreen, useKeyboardShortcuts, useMagnet, useMediaSession, usePictureInPicture, usePlaylist, useProgressPersistence, useSeekPreview, useSmoothProgress, useSubtitles, useTouchGestures, useVideoFilters, useVideoInfo, useVideoPlayback };
+export { type ABLoopState, type SeekPreviewState, type ShortcutHandlers, type TouchGestureFeedback, type TouchGestureHandlers, type TouchGesturesState, type UseHlsQualityReturn, type UseMagnetReturn, type UseMediaSessionOptions, type UseSeekPreviewOptions, type UseSubtitlesOptions, type UseTouchGesturesOptions, useABLoop, useChapters, useFullscreen, useHlsQuality, useKeyboardShortcuts, useMagnet, useMediaSession, usePictureInPicture, usePlaylist, useProgressPersistence, useSeekPreview, useSmoothProgress, useSubtitles, useTouchGestures, useVideoFilters, useVideoInfo, useVideoPlayback };

package/dist/react/index.js

@@ -834,6 +834,177 @@ function useVideoInfo(videoRef, currentFile) {
   }, []);
   return { metadata, enrichMetadata };
 }
+
+// src/players/hls-player.ts
+var HLS_MIME_HINTS = ["application/x-mpegurl", "application/vnd.apple.mpegurl"];
+function isHlsUrl(url) {
+  if (typeof url !== "string" || url.length === 0) return false;
+  const lower = url.toLowerCase();
+  if (HLS_MIME_HINTS.some((hint) => lower.includes(hint))) return true;
+  return lower.split(/[?#]/)[0].endsWith(".m3u8");
+}
+function parseHlsCodec(codec) {
+  if (!codec) return null;
+  switch (codec.slice(0, 4).toLowerCase()) {
+    case "avc1":
+      return "H.264 (AVC)";
+    case "hvc1":
+    case "hev1":
+      return "H.265 (HEVC)";
+    case "vp09":
+      return "VP9";
+    case "av01":
+      return "AV1";
+    default:
+      return codec;
+  }
+}
+var HLSPlayer = class {
+  constructor(url) {
+    this.hls = null;
+    this.hlsCtor = null;
+    this.url = url;
+    this.playerFile = { url, qualityLevels: [] };
+  }
+  async initialize(videoElement) {
+    const { default: HlsCtor } = await import('hls.js');
+    this.hlsCtor = HlsCtor;
+    if (!HlsCtor.isSupported()) {
+      videoElement.src = this.url;
+      return this.playerFile;
+    }
+    const hls = new HlsCtor();
+    this.hls = hls;
+    hls.loadSource(this.url);
+    hls.attachMedia(videoElement);
+    return this.playerFile;
+  }
+  getAudioTracks() {
+    if (!this.hls) return [];
+    return this.hls.audioTracks.map((track) => ({
+      id: String(track.id),
+      name: track.name,
+      lang: track.lang || "unknown"
+    }));
+  }
+  getSubtitles() {
+    return [];
+  }
+  switchAudioTrack(trackId) {
+    if (this.hls) {
+      const id = Number(trackId);
+      if (!Number.isNaN(id)) this.hls.audioTrack = id;
+    }
+    return Promise.resolve();
+  }
+  switchSubtitle() {
+    return Promise.resolve();
+  }
+  /** Quality renditions — not on `VideoPlayer`; read directly by the quality hook. */
+  getQualityLevels() {
+    if (!this.hls) return [];
+    return this.hls.levels.map((level, index) => ({
+      index,
+      height: level.height,
+      bitrate: level.bitrate,
+      name: level.name || (level.height > 0 ? `${level.height}p` : `Level ${index + 1}`)
+    }));
+  }
+  /** Pins a quality level; `-1` restores automatic (ABR) selection. */
+  setQualityLevel(levelIndex) {
+    if (this.hls) this.hls.currentLevel = levelIndex;
+  }
+  /**
+   * Index of the active rendition, or `-1` for automatic (ABR) selection /
+   * before the manifest loads / on the native-HLS path.
+   */
+  getCurrentLevel() {
+    return this.hls?.currentLevel ?? -1;
+  }
+  /**
+   * HLS-specific metadata for the video info panel, derived from the active
+   * rendition. Returns an empty object before the manifest loads or on the
+   * native-HLS path (where hls.js is never instantiated).
+   */
+  getMetadata() {
+    const hls = this.hls;
+    if (!hls) return {};
+    const levels = hls.levels ?? [];
+    const activeIndex = hls.currentLevel >= 0 && hls.currentLevel < levels.length ? hls.currentLevel : 0;
+    const active = levels[activeIndex];
+    return {
+      container: "HLS",
+      videoCodec: parseHlsCodec(active?.videoCodec),
+      videoBitrate: active?.bitrate ?? null,
+      streamRenditions: levels.length,
+      audioTracks: (hls.audioTracks ?? []).map((track, index) => ({
+        index,
+        codec: track.audioCodec ?? null,
+        channels: null,
+        sampleRate: null,
+        language: track.lang ?? null,
+        bitrate: null
+      }))
+    };
+  }
+  /**
+   * Subscribe to HLS events that change the info-panel metadata (manifest
+   * parsed, quality level switched, audio tracks updated). Returns an
+   * unsubscribe function. A no-op on the native-HLS path.
+   */
+  onMetadataChange(callback) {
+    const hls = this.hls;
+    const HlsCtor = this.hlsCtor;
+    if (!hls || !HlsCtor) return () => {
+    };
+    const events = [
+      HlsCtor.Events.MANIFEST_PARSED,
+      HlsCtor.Events.LEVEL_SWITCHED,
+      HlsCtor.Events.AUDIO_TRACKS_UPDATED
+    ];
+    events.forEach((event) => hls.on(event, callback));
+    return () => events.forEach((event) => hls.off(event, callback));
+  }
+  destroy() {
+    if (this.hls) {
+      this.hls.destroy();
+      this.hls = null;
+    }
+  }
+  static isCompatible(url) {
+    return isHlsUrl(url);
+  }
+};
+
+// src/react/use-hls-quality.ts
+function useHlsQuality(playerRef) {
+  const [qualityLevels, setQualityLevels] = useState([]);
+  const [currentLevel, setCurrentLevel] = useState(-1);
+  const player = playerRef.current;
+  useEffect(() => {
+    if (!(player instanceof HLSPlayer)) {
+      setQualityLevels([]);
+      setCurrentLevel(-1);
+      return;
+    }
+    const refresh = () => {
+      setQualityLevels(player.getQualityLevels());
+      setCurrentLevel(player.getCurrentLevel());
+    };
+    refresh();
+    return player.onMetadataChange(refresh);
+  }, [player]);
+  const setLevel = useCallback(
+    (idx) => {
+      const current = playerRef.current;
+      if (!(current instanceof HLSPlayer)) return;
+      current.setQualityLevel(idx);
+      setCurrentLevel(idx);
+    },
+    [playerRef]
+  );
+  return { qualityLevels, currentLevel, setLevel };
+}
 function useMediaSession(options) {
   const { title, artwork, onPlay, onPause, onNext, onPrev, onSeekForward, onSeekBackward } = options;
   useEffect(() => {
@@ -1518,4 +1689,4 @@ function useTouchGestures(targetRef, handlers, options = {}) {
   return { feedback };
 }
 
-export { useABLoop, useChapters, useFullscreen, useKeyboardShortcuts, useMagnet, useMediaSession, usePictureInPicture, usePlaylist, useProgressPersistence, useSeekPreview, useSmoothProgress, useSubtitles, useTouchGestures, useVideoFilters, useVideoInfo, useVideoPlayback };
+export { useABLoop, useChapters, useFullscreen, useHlsQuality, useKeyboardShortcuts, useMagnet, useMediaSession, usePictureInPicture, usePlaylist, useProgressPersistence, useSeekPreview, useSmoothProgress, useSubtitles, useTouchGestures, useVideoFilters, useVideoInfo, useVideoPlayback };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lightbird/core",
-  "version": "0.9.0",
+  "version": "0.10.0",
   "description": "Client-side video player engine. Plays MKV, MP4, WebM with full subtitle, audio track, and chapter support. No server required.",
   "license": "MIT",
   "author": "Punyam Singh",