@halibegic/react-video-player 0.0.16 → 0.0.17

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

@@ -1,4 +1,5 @@
 import { PlayerLevel } from '../types/player';
+import { createPlayerEventEmitter } from '../utils/player-events';
 import { PropsWithChildren, RefObject } from 'react';
 type PlaybackState = {
     currentTime: number;
@@ -29,6 +30,8 @@ type PlaybackActions = {
     handleSeeking: () => void;
     handleTimeUpdate: () => void;
     handleWaiting: () => void;
+    handleVolumeChange: () => void;
+    handleError: (event: unknown) => void;
     pause: () => void;
     play: () => void;
     seek: (time: number) => void;
@@ -72,7 +75,11 @@ type RefState = {
     containerRef: RefObject<HTMLDivElement | null>;
 };
 type RefSlice = RefState;
-type PlayerStore = PlaybackSlice & IdleLockSlice & QualitySlice & FullscreenSlice & RefSlice;
+type EventEmitterState = {
+    eventEmitter: ReturnType<typeof createPlayerEventEmitter>;
+};
+type EventEmitterSlice = EventEmitterState;
+type PlayerStore = PlaybackSlice & IdleLockSlice & QualitySlice & FullscreenSlice & RefSlice & EventEmitterSlice;
 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/utils/player-events.d.ts

@@ -0,0 +1,31 @@
+import { Emitter } from 'mitt';
+type PlayerEvents = {
+    play: void;
+    pause: void;
+    ended: void;
+    seeking: void;
+    seeked: void;
+    timeUpdate: {
+        currentTime: number;
+        duration: number;
+    };
+    volumeChange: {
+        volume: number;
+    };
+    fullscreenChange: {
+        isFullscreen: boolean;
+    };
+    qualityChange: {
+        level: number | null;
+    };
+    loadedMetadata: {
+        duration: number;
+    };
+    loadStart: void;
+    playing: void;
+    waiting: void;
+    error: unknown;
+};
+declare const createPlayerEventEmitter: () => Emitter<PlayerEvents>;
+export { createPlayerEventEmitter };
+export type { PlayerEvents };

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.16",
+  "version": "0.0.17",
   "license": "MIT",
   "keywords": [
     "react",
@@ -55,6 +55,7 @@
     "@radix-ui/react-slider": "^1.3.6",
     "@types/styled-components": "^5.1.34",
     "hls.js": "^1.6.11",
+    "mitt": "^3.0.1",
     "styled-components": "^6.1.19",
     "zustand": "^5.0.8"
   },

package/dist/components/vod-player/vod-player-watch-history.d.ts

@@ -1,5 +0,0 @@
-type VodPlayerWatchHistoryProps = {
-    storageKey: string;
-};
-declare function VodPlayerWatchHistory({ storageKey }: VodPlayerWatchHistoryProps): null;
-export { VodPlayerWatchHistory };

package/dist/config/player.d.ts

@@ -1,3 +0,0 @@
-declare const WatchHistoryMinTime = 60;
-declare const WatchHistoryMaxPercent = 95;
-export { WatchHistoryMaxPercent, WatchHistoryMinTime };