@zezosoft/react-player 0.0.10 → 1.0.1

package/dist/VideoPlayer/components/controls/BottomControls.d.ts

@@ -1,5 +1,8 @@
 import React from "react";
 import "../time-line/time-line.css";
 import { IControlsBottomProps } from "../../../types";
-declare const BottomControls: React.FC<IControlsBottomProps>;
+interface BottomControlsProps extends IControlsBottomProps {
+    isLive?: boolean;
+}
+declare const BottomControls: React.FC<BottomControlsProps>;
 export default BottomControls;

package/dist/VideoPlayer/components/controls/MiddleControls.d.ts

@@ -1,3 +1,9 @@
 import React from "react";
-declare const MiddleControls: React.FC;
+import type { PlayPauseButtonConfig } from "../../types/VideoPlayerTypes";
+interface MiddleControlsProps {
+    config?: {
+        playPauseButtonConfig?: PlayPauseButtonConfig;
+    };
+}
+declare const MiddleControls: React.FC<MiddleControlsProps>;
 export default MiddleControls;

package/dist/VideoPlayer/components/controls/VideoPlayerControls.d.ts

@@ -1,4 +1,7 @@
 import * as React from "react";
 import { IPlayerConfig } from "../../../types";
-declare const VideoPlayerControls: React.FC<IPlayerConfig>;
+interface VideoPlayerControlsProps extends IPlayerConfig {
+    isLive?: boolean;
+}
+declare const VideoPlayerControls: React.FC<VideoPlayerControlsProps>;
 export default VideoPlayerControls;

package/dist/VideoPlayer/components/time-line/TimeLine.d.ts

@@ -17,5 +17,10 @@ export interface TimeLineProps {
     onChange: (time: number, offsetTime: number) => void;
     getPreviewScreenUrl?: (hoverTimeValue: number) => string;
     trackColor?: string;
+    bufferColor?: string;
+    hoverColor?: string;
+    thumbColor?: string;
+    trackBackgroundColor?: string;
+    isLive?: boolean;
 }
 export declare const VideoSeekSlider: React.FC<TimeLineProps>;

package/dist/VideoPlayer/components/time-line/components/HoverTimeWithPreview.d.ts

@@ -11,6 +11,7 @@ interface HoverTimeWithPreviewProps {
     secondsPrefix?: string;
     minutesPrefix?: string;
     getPreviewScreenUrl?: (hoverTimeValue: number) => string;
+    isLive?: boolean;
 }
 export declare const HoverTimeWithPreview: React.FC<HoverTimeWithPreviewProps>;
 export {};

package/dist/VideoPlayer/components/time-line/components/TimeCodeItem.d.ts

@@ -17,5 +17,8 @@ export interface TimeCodeItemProps {
     onHover?: (label: string) => void;
     withGap?: boolean;
     trackColor?: string;
+    bufferColor?: string;
+    hoverColor?: string;
+    trackBackgroundColor?: string;
 }
 export declare const TimeCodeItem: React.FC<TimeCodeItemProps>;

package/dist/VideoPlayer/components/time-line/components/TimeCodes.d.ts

@@ -11,5 +11,8 @@ export interface TimeCodesProps {
     label: string;
     setLabel: React.Dispatch<React.SetStateAction<string>>;
     trackColor?: string;
+    bufferColor?: string;
+    hoverColor?: string;
+    trackBackgroundColor?: string;
 }
 export declare const TimeCodes: React.FC<TimeCodesProps>;

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

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

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/useVideoSource.d.ts

@@ -1 +1 @@
-export declare const useVideoSource: (trackSrc: string, type?: "hls" | "dash" | "mp4" | "other" | "youtube" | undefined) => void;
+export declare const useVideoSource: (trackSrc: string, type?: "hls" | "dash" | "mp4" | "other" | "youtube" | undefined, isLive?: boolean) => void;

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

@@ -18,18 +18,38 @@ export interface VideoProps {
     showControls?: boolean;
     isMute?: boolean;
     startFrom?: number;
+    isLive?: boolean;
+}
+export interface VideoQualityConfig {
+    defaultQuality?: "auto" | string;
+    showInSettings?: boolean;
+}
+export interface SeekBarConfig {
+    trackColor?: string;
+    bufferColor?: string;
+    hoverColor?: string;
+    thumbColor?: string;
+    trackBackgroundColor?: string;
+}
+export interface PlayPauseButtonConfig {
+    backgroundColor?: string;
+    hoverBackgroundColor?: string;
+    borderRadius?: string;
+    padding?: string;
 }
 export interface StyleProps {
     className?: string;
     width?: string;
     height?: string;
     subtitleStyle?: SubtitleStyleConfig;
+    qualityConfig?: VideoQualityConfig;
+    seekBarConfig?: SeekBarConfig;
+    playPauseButtonConfig?: PlayPauseButtonConfig;
 }
 export interface EventProps {
     onEnded?: (e: React.SyntheticEvent<HTMLVideoElement>) => void;
     onError?: (e?: React.SyntheticEvent<HTMLVideoElement, Event>) => void;
     onClose?: () => void;
-    /** Called when player closes with watch progress data for history tracking */
     onWatchHistoryUpdate?: (data: WatchHistoryData) => void;
 }
 export interface FeatureProps {

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/LiveIndicator.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface LiveIndicatorProps {
+    className?: string;
+}
+/**
+ * Clean LIVE indicator with blinking dot animation for live streams.
+ */
+declare const LiveIndicator: React.FC<LiveIndicatorProps>;
+export default LiveIndicator;

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

@@ -3,4 +3,5 @@ export { default as VideoPlayer } from "./VideoPlayer/VideoPlayer";
 export { useVideoStore } from "./store/VideoState";
 export type { VideoPlayerProps, Episode, SubtitleTrack, IntroConfig, NextEpisodeConfig, WatchHistoryData, } from "./VideoPlayer/types/VideoPlayerTypes";
 export type { SubtitleStyleConfig } from "./VideoPlayer/hooks/useSubtitleStyling";
+export type { VideoQualityConfig, SeekBarConfig, PlayPauseButtonConfig, } from "./VideoPlayer/types/VideoPlayerTypes";
 export type { VideoState, VideoRefsState, VideoPlaybackState, VideoTimingState, VideoControlsState, VideoQualityState, SubtitlesState, EpisodesState, IntroState, } from "./store/types/StoreTypes";