@zezosoft/react-player 0.0.9 → 1.0.0

package/dist/VideoPlayer/components/ErrorOverlay.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { VideoError } from "../../store/types/StoreTypes";
+interface ErrorOverlayProps {
+    error: VideoError;
+    onRetry: () => void;
+}
+declare const ErrorOverlay: React.FC<ErrorOverlayProps>;
+export default ErrorOverlay;

package/dist/VideoPlayer/hooks/index.d.ts

@@ -7,3 +7,4 @@ export { useEpisodes } from "./useEpisodes";
 export { useVideoEvents } from "./useVideoEvents";
 export { useAdManager } from "./useAdManager";
 export { usePrimaryVideoLifecycle } from "./usePrimaryVideoLifecycle";
+export { useVideoError } from "./useVideoError";

package/dist/VideoPlayer/hooks/useNetworkSpeed.d.ts

@@ -0,0 +1,7 @@
+interface NetworkSpeedInfo {
+    speed: number;
+    quality: "slow" | "medium" | "fast" | "unknown";
+    message: string;
+}
+export declare const useNetworkSpeed: () => NetworkSpeedInfo | null;
+export {};

package/dist/VideoPlayer/hooks/useSubtitleStyling.d.ts

@@ -1,5 +1,8 @@
+/** Returns true if value is a Tailwind background class (e.g. bg-red, bg-black, bg-transparent) ya CSS "transparent" */
+export declare const isTailwindBackground: (value: unknown) => value is string;
 export interface SubtitleStyleConfig {
     fontSize?: string;
+    /** CSS value (rgba, hex, gradient) ya Tailwind class: bg-red, bg-black, bg-transparent, bg-amber-500/80, etc. */
     backgroundColor?: string;
     textColor?: string;
     position?: "top" | "center" | "bottom";

package/dist/VideoPlayer/hooks/useVideoError.d.ts

@@ -0,0 +1,7 @@
+import { VideoError } from "../../store/types/StoreTypes";
+export declare const useVideoError: () => {
+    error: VideoError | null;
+    handleVideoError: (e: React.SyntheticEvent<HTMLVideoElement, Event>) => void;
+    clearError: () => void;
+    retry: () => void;
+};

package/dist/VideoPlayer/hooks/useVideoTracking.d.ts

@@ -1,2 +1,2 @@
-import { VideoPlayerProps } from "../types/VideoPlayerTypes";
-export declare const useVideoTracking: (tracking?: VideoPlayerProps["tracking"], episodeList?: VideoPlayerProps["episodeList"], currentEpisodeIndex?: number, onClose?: () => void) => void;
+import { FeatureProps } from "../types/VideoPlayerTypes";
+export declare const useVideoTracking: (tracking?: FeatureProps["tracking"], episodeList?: FeatureProps["episodeList"], currentEpisodeIndex?: number, onClose?: () => void) => void;

package/dist/VideoPlayer/types/AdTypes.d.ts

@@ -8,9 +8,6 @@ export interface AdBreak {
     skipAfter?: number;
     duration?: number;
     sponsoredUrl?: string;
-    title?: string;
-    description?: string;
-    relevance?: "high" | "medium" | "low";
 }
 export interface AdConfig {
     preRoll?: AdBreak;

package/dist/VideoPlayer/types/VideoPlayerTypes.d.ts

@@ -2,20 +2,41 @@ import { TimeCode } from "../components/time-line/TimeLine";
 import { IOnWatchTimeUpdated } from "../../types";
 import { SubtitleStyleConfig } from "../hooks/useSubtitleStyling";
 import { AdConfig } from "./AdTypes";
-export interface VideoPlayerProps {
-    trackSrc: string;
+export interface WatchHistoryData {
+    currentTime: number;
+    duration: number;
+    progress: number;
+    isCompleted: boolean;
+    watchedAt: number;
+}
+export interface VideoProps {
+    src: string;
+    title?: string;
+    poster?: string;
+    type?: "hls" | "dash" | "mp4" | "other" | "youtube" | undefined;
+    isTrailer?: boolean;
     showControls?: boolean;
     isMute?: boolean;
-    onEnded?: (e: React.SyntheticEvent<HTMLVideoElement>) => void;
-    onError?: (e?: React.SyntheticEvent<HTMLVideoElement, Event>) => void;
-    trackTitle?: string;
-    trackPoster?: string;
-    isTrailer?: boolean;
+    startFrom?: number;
+}
+export interface VideoQualityConfig {
+    defaultQuality?: "auto" | string;
+    showInSettings?: boolean;
+}
+export interface StyleProps {
     className?: string;
-    type?: "hls" | "dash" | "mp4" | "other" | "youtube" | undefined;
     width?: string;
     height?: string;
+    subtitleStyle?: SubtitleStyleConfig;
+    qualityConfig?: VideoQualityConfig;
+}
+export interface EventProps {
+    onEnded?: (e: React.SyntheticEvent<HTMLVideoElement>) => void;
+    onError?: (e?: React.SyntheticEvent<HTMLVideoElement, Event>) => void;
     onClose?: () => void;
+    onWatchHistoryUpdate?: (data: WatchHistoryData) => void;
+}
+export interface FeatureProps {
     timeCodes?: TimeCode[];
     getPreviewScreenUrl?: (hoverTimeValue: number) => string;
     tracking?: {
@@ -41,9 +62,14 @@ export interface VideoPlayerProps {
         showAtTime?: number;
         showAtEnd?: boolean;
     };
-    subtitleStyle?: SubtitleStyleConfig;
     ads?: AdConfig;
 }
+export interface VideoPlayerProps {
+    video: VideoProps;
+    style?: StyleProps;
+    events?: EventProps;
+    features?: FeatureProps;
+}
 export type { SubtitleTrack, Episode } from "../../store/types/StoreTypes";
 export interface IntroConfig {
     start: number;

package/dist/VideoPlayer/utils/index.d.ts

@@ -4,23 +4,12 @@
  * @returns
  */
 export declare const timeFormat: (seconds: number) => string;
-/**
- * @description
- * @param seconds
- */
-export declare const timeFormatForContent: (seconds: number) => string;
 /**
  * @description
  * @param seconds
  * @returns
  */
 export declare const secondsToMilliseconds: (seconds: number) => number;
-/**
- * @description
- * @param milliseconds
- * @returns
- */
-export declare const millisecondsToSeconds: (milliseconds: number) => number;
 /**
  * @description
  * @param url

package/dist/components/ui/Settings.d.ts

@@ -1,6 +1,8 @@
 import * as React from "react";
+import type { VideoQualityConfig } from "../../VideoPlayer/types/VideoPlayerTypes";
 interface SettingsProps {
     iconClassName: string;
+    qualityConfig?: VideoQualityConfig;
 }
 declare const Settings: React.FC<SettingsProps>;
 export default Settings;

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import "./index.css";
 export { default as VideoPlayer } from "./VideoPlayer/VideoPlayer";
 export { useVideoStore } from "./store/VideoState";
-export type { VideoPlayerProps, Episode, SubtitleTrack, IntroConfig, NextEpisodeConfig, } from "./VideoPlayer/types/VideoPlayerTypes";
+export type { VideoPlayerProps, Episode, SubtitleTrack, IntroConfig, NextEpisodeConfig, WatchHistoryData, } from "./VideoPlayer/types/VideoPlayerTypes";
 export type { SubtitleStyleConfig } from "./VideoPlayer/hooks/useSubtitleStyling";
+export type { VideoQualityConfig } from "./VideoPlayer/types/VideoPlayerTypes";
 export type { VideoState, VideoRefsState, VideoPlaybackState, VideoTimingState, VideoControlsState, VideoQualityState, SubtitlesState, EpisodesState, IntroState, } from "./store/types/StoreTypes";