@halibegic/react-video-player 0.0.3 → 0.0.4

package/dist/stores/player-store.d.ts

@@ -1,3 +1,4 @@
+import { PlayerLevel } from '../types/player';
 import { PropsWithChildren, RefObject } from 'react';
 type PlaybackState = {
     currentTime: number;
@@ -46,6 +47,15 @@ type IdleLockActions = {
     removeIdleLock: (lockId: string) => void;
 };
 type IdleLockSlice = IdleLockState & IdleLockActions;
+type QualityState = {
+    level: number | null;
+    levels: PlayerLevel[] | null;
+};
+type QualityActions = {
+    setLevel: (level: number | null) => void;
+    setLevels: (levels: PlayerLevel[] | null) => void;
+};
+type QualitySlice = QualityState & QualityActions;
 type FullscreenState = {
     isFullscreen: boolean;
     isFullscreenReady: boolean;
@@ -69,7 +79,7 @@ type RefState = {
     containerRef: RefObject<HTMLDivElement | null>;
 };
 type RefSlice = RefState;
-type PlayerStore = PlaybackSlice & IdleLockSlice & FullscreenSlice & AssetSlice & RefSlice;
+type PlayerStore = PlaybackSlice & IdleLockSlice & QualitySlice & FullscreenSlice & AssetSlice & RefSlice;
 declare function PlayerStoreProvider({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
 declare const usePlayerStore: <T>(selector: (state: PlayerStore) => T) => T;
 export { PlayerStoreProvider, usePlayerStore };

package/dist/types/player.d.ts

@@ -0,0 +1,10 @@
+type PlayerLevel = {
+    bitrate?: number;
+    height?: number;
+    label: string;
+    selected: boolean;
+    sid: string;
+    value: number;
+    width?: number;
+};
+export type { PlayerLevel };

package/dist/utils/player.d.ts

@@ -1,4 +1,17 @@
+import { PlayerLevel } from '../types/player';
 declare const getLiveDelay: (startTime: number, skipTime: number) => number;
 declare const getLiveCurrentTime: (startTime: number, delay: number) => number;
 declare const getLiveDurationTime: (startTime: number, endTime: number) => number;
-export { getLiveCurrentTime, getLiveDelay, getLiveDurationTime };
+type Level = {
+    bitrate: number;
+    height: number;
+    index: number;
+    width: number;
+};
+type MapLevelsProps = {
+    isAuto: boolean;
+    level: number | undefined | null;
+    levels: Level[];
+};
+declare function mapLevels({ isAuto, level, levels, }: MapLevelsProps): PlayerLevel[] | null;
+export { getLiveCurrentTime, getLiveDelay, getLiveDurationTime, mapLevels };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@halibegic/react-video-player",
   "description": "A React video player library with HLS support for VOD and Live streaming",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "license": "MIT",
   "keywords": [
     "react",
@@ -39,7 +39,7 @@
     "LICENSE"
   ],
   "scripts": {
-    "dev": "vite",
+    "dev": "vite --host",
     "build": "vite build --config vite.lib.config.ts",
     "lint": "eslint .",
     "preview": "vite preview",
@@ -50,7 +50,9 @@
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
     "@radix-ui/react-slider": "^1.3.6",
+    "@radix-ui/react-slot": "^1.2.3",
     "@types/styled-components": "^5.1.34",
     "hls.js": "^1.6.11",
     "styled-components": "^6.1.19",
@@ -58,6 +60,7 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.34.0",
+    "@types/hls.js": "^0.13.3",
     "@types/node": "^24.3.0",
     "@types/react": "^19.1.12",
     "@types/react-dom": "^19.1.9",