@zezosoft/react-player 0.0.5 → 0.0.7

package/dist/VideoPlayer/VideoPlayer.d.ts

@@ -1,42 +1,6 @@
 import React from "react";
-import { TimeCode } from "./_components/TimeLine/TimeLine";
-import { IOnWatchTimeUpdated } from "../types";
-import "../../src/index.css";
-export interface Props {
-    trackSrc: string;
-    trackTitle?: string;
-    trackPoster?: string;
-    isTrailer?: boolean;
-    className?: string;
-    type?: "hls" | "mp4" | "other" | "youtube" | undefined;
-    width?: string;
-    height?: string;
-    onClose?: () => void;
-    timeCodes?: TimeCode[];
-    getPreviewScreenUrl?: (hoverTimeValue: number) => string;
-    tracking?: {
-        onViewed?: () => void;
-        onWatchTimeUpdated?: (e: IOnWatchTimeUpdated) => void;
-    };
-    subtitles?: {
-        lang: string;
-        label: string;
-        url: string;
-    }[];
-    episodeList?: {
-        id: number;
-        title: string;
-        url: string;
-    }[];
-    currentEpisodeIndex?: number;
-    intro?: {
-        start: number;
-        end: number;
-    };
-    nextEpisodeConfig?: {
-        showAtTime?: number;
-        showAtEnd?: boolean;
-    };
-}
-declare const VideoPlayer: React.FC<Props>;
+import { VideoPlayerProps } from "./types/VideoPlayerTypes";
+import "../index.css";
+import "./styles/subtitles.css";
+declare const VideoPlayer: React.FC<VideoPlayerProps>;
 export default VideoPlayer;

package/dist/VideoPlayer/_components/SubtitleOverlay.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { SubtitleStyleConfig } from "../hooks/useSubtitleStyling";
+interface SubtitleOverlayProps {
+    styleConfig?: SubtitleStyleConfig;
+}
+declare const SubtitleOverlay: React.FC<SubtitleOverlayProps>;
+export default SubtitleOverlay;

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

@@ -0,0 +1,7 @@
+export { useVideoSource } from "./useVideoSource";
+export { useSubtitles } from "./useSubtitles";
+export { useSubtitleStyling } from "./useSubtitleStyling";
+export { useVideoTracking } from "./useVideoTracking";
+export { useIntroSkip } from "./useIntroSkip";
+export { useEpisodes } from "./useEpisodes";
+export { useVideoEvents } from "./useVideoEvents";

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

@@ -0,0 +1,3 @@
+import { Episode } from "../../store/types/StoreTypes";
+import { NextEpisodeConfig } from "../types/VideoPlayerTypes";
+export declare const useEpisodes: (episodeList?: Episode[], currentEpisodeIndex?: number, nextEpisodeConfig?: NextEpisodeConfig) => void;

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

@@ -0,0 +1,5 @@
+import { IntroConfig } from "../types/VideoPlayerTypes";
+export declare const useIntroSkip: (intro?: IntroConfig) => {
+    showSkipIntro: boolean;
+    handleSkipIntro: () => void;
+};

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

@@ -0,0 +1,10 @@
+export interface SubtitleStyleConfig {
+    fontSize?: string;
+    backgroundColor?: string;
+    textColor?: string;
+    position?: "top" | "center" | "bottom";
+    borderRadius?: string;
+    padding?: string;
+    maxWidth?: string;
+}
+export declare const useSubtitleStyling: (config?: SubtitleStyleConfig) => void;

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

@@ -0,0 +1,2 @@
+import { SubtitleTrack } from "../../store/types/StoreTypes";
+export declare const useSubtitles: (subtitles?: SubtitleTrack[]) => void;

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

@@ -0,0 +1,10 @@
+export declare const useVideoEvents: () => {
+    onRightClick: (e: React.MouseEvent<HTMLVideoElement>) => void;
+    onSeeked: (e: React.SyntheticEvent<HTMLVideoElement>) => void;
+    onTimeUpdate: (e: React.SyntheticEvent<HTMLVideoElement>) => void;
+    onLoadedMetadata: (e: React.SyntheticEvent<HTMLVideoElement>) => void;
+    onProgress: (e: React.SyntheticEvent<HTMLVideoElement>) => void;
+    onPlay: () => void;
+    onPause: () => void;
+    onEnded: () => void;
+};

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

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

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

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

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

@@ -0,0 +1,49 @@
+import { TimeCode } from "../_components/TimeLine/TimeLine";
+import { IOnWatchTimeUpdated } from "../../types";
+import { SubtitleStyleConfig } from "../hooks/useSubtitleStyling";
+export interface VideoPlayerProps {
+    trackSrc: string;
+    trackTitle?: string;
+    trackPoster?: string;
+    isTrailer?: boolean;
+    className?: string;
+    type?: "hls" | "mp4" | "other" | "youtube" | undefined;
+    width?: string;
+    height?: string;
+    onClose?: () => void;
+    timeCodes?: TimeCode[];
+    getPreviewScreenUrl?: (hoverTimeValue: number) => string;
+    tracking?: {
+        onViewed?: () => void;
+        onWatchTimeUpdated?: (e: IOnWatchTimeUpdated) => void;
+    };
+    subtitles?: {
+        lang: string;
+        label: string;
+        url: string;
+    }[];
+    episodeList?: {
+        id: number;
+        title: string;
+        url: string;
+    }[];
+    currentEpisodeIndex?: number;
+    intro?: {
+        start: number;
+        end: number;
+    };
+    nextEpisodeConfig?: {
+        showAtTime?: number;
+        showAtEnd?: boolean;
+    };
+    subtitleStyle?: SubtitleStyleConfig;
+}
+export type { SubtitleTrack, Episode } from "../../store/types/StoreTypes";
+export interface IntroConfig {
+    start: number;
+    end: number;
+}
+export interface NextEpisodeConfig {
+    showAtTime?: number;
+    showAtEnd?: boolean;
+}

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

@@ -1,29 +1,29 @@
 /**
- * @description Converts seconds to hh:mm:ss
+ * @description
  * @param seconds
  * @returns
  */
 export declare const timeFormat: (seconds: number) => string;
 /**
- * @description Converts seconds to hh:mm
+ * @description
  * @param seconds
  */
 export declare const timeFormatForContent: (seconds: number) => string;
 /**
- * @description Converts seconds to milliseconds
+ * @description
  * @param seconds
  * @returns
  */
 export declare const secondsToMilliseconds: (seconds: number) => number;
 /**
- * @description Converts milliseconds to seconds
+ * @description
  * @param milliseconds
  * @returns
  */
 export declare const millisecondsToSeconds: (milliseconds: number) => number;
 /**
- * @description get extension from url
+ * @description
  * @param url
- * @returns string | undefined
+ * @returns
  */
 export declare const getExtensionFromUrl: (url: string) => string | undefined;

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

@@ -3,6 +3,8 @@ interface PopoverProps {
     button: React.ReactNode;
     children: React.ReactNode;
     closeOnButtonClick?: boolean;
+    className?: string;
+    align?: "left" | "center" | "right";
 }
 declare const Popover: React.FC<PopoverProps>;
 export default Popover;

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

@@ -0,0 +1,6 @@
+import * as React from "react";
+interface SettingsProps {
+    iconClassName: string;
+}
+declare const Settings: React.FC<SettingsProps>;
+export default Settings;

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

@@ -1,7 +1,7 @@
 import React from "react";
 interface TooltipProps {
     children: React.ReactNode;
-    title: string;
+    title: React.ReactNode;
     position?: "top" | "bottom" | "left" | "right";
     className?: string;
 }

package/dist/index.d.ts

@@ -1,3 +1,6 @@
 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 { SubtitleStyleConfig } from "./VideoPlayer/hooks/useSubtitleStyling";
+export type { VideoState, VideoRefsState, VideoPlaybackState, VideoTimingState, VideoControlsState, VideoQualityState, SubtitlesState, EpisodesState, IntroState, } from "./store/types/StoreTypes";