@halibegic/react-video-player 0.0.2 → 0.0.4

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

@@ -0,0 +1,21 @@
+import { PropsWithChildren } from 'react';
+type State = {
+    delay: number;
+    startDate: Date;
+    endDate: Date;
+    startTime: number;
+    endTime: number;
+};
+type Actions = {
+    setDelay: (delay: number) => void;
+    setStartDate: (startDate: Date) => void;
+    setEndDate: (endDate: Date) => void;
+};
+type LivePlayerStore = State & Actions;
+type LivePlayerStoreProviderProps = PropsWithChildren & {
+    startDate: Date;
+    endDate: Date;
+};
+declare const LivePlayerStoreProvider: ({ children, startDate, endDate, }: LivePlayerStoreProviderProps) => import("react/jsx-runtime").JSX.Element;
+declare const useLivePlayerStore: <T>(selector: (state: LivePlayerStore) => T) => T;
+export { LivePlayerStoreProvider, useLivePlayerStore };

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;
-declare const PlayerStoreProvider: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+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/dom.d.ts

@@ -0,0 +1,11 @@
+declare function offset(element: HTMLElement): DOMRect | {
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
+    width: number;
+    height: number;
+};
+declare function width(element: HTMLElement): number;
+declare function height(element: HTMLElement): number;
+export { height, offset, width };

package/dist/utils/player.d.ts

@@ -1,3 +1,17 @@
-import { PlayerSourceType } from '../config/player';
-declare function getPlayerSourceType(url: string | undefined | null): keyof typeof PlayerSourceType;
-export { getPlayerSourceType };
+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;
+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,15 +1,13 @@
 {
   "name": "@halibegic/react-video-player",
-  "description": "A React video player library with HLS.js/Dash.js support for VOD and Live streaming",
-  "version": "0.0.2",
+  "description": "A React video player library with HLS support for VOD and Live streaming",
+  "version": "0.0.4",
   "license": "MIT",
   "keywords": [
     "react",
     "video-player",
     "hls",
     "hls.js",
-    "dash",
-    "dash.js",
     "video-player",
     "streaming",
     "vod",
@@ -41,7 +39,7 @@
     "LICENSE"
   ],
   "scripts": {
-    "dev": "vite",
+    "dev": "vite --host",
     "build": "vite build --config vite.lib.config.ts",
     "lint": "eslint .",
     "preview": "vite preview",
@@ -52,17 +50,17 @@
     "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",
-    "dashjs": "^5.0.3",
     "hls.js": "^1.6.11",
-    "install": "^0.13.0",
-    "lucide-react": "^0.542.0",
-    "npm": "^11.5.2",
     "styled-components": "^6.1.19",
     "zustand": "^5.0.8"
   },
   "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",

package/dist/components/player/tech/player-dash-tech.d.ts

@@ -1,6 +0,0 @@
-type PlayerDashTechProps = {
-    url: string;
-    isLive: boolean;
-};
-declare const PlayerDashTech: ({ url, isLive }: PlayerDashTechProps) => null;
-export default PlayerDashTech;

package/dist/components/player/tech/player-hls-tech.d.ts

@@ -1,6 +0,0 @@
-type PlayerHlsTechProps = {
-    url: string;
-    isLive: boolean;
-};
-declare function PlayerHlsTech({ url, isLive }: PlayerHlsTechProps): null;
-export default PlayerHlsTech;