@zezosoft/zezo-ott-react-native-video-player 1.0.3 → 1.0.5

package/src/VideoPlayer/utils/hooks/useVideoResolutions.ts

@@ -1,125 +0,0 @@
-import { useEffect, useState } from 'react';
-import axios from 'axios';
-import type { MediaTrack } from '../../store/videoPlayer.type';
-
-export interface StreamInfo {
-  bandwidth: number;
-  width: number | string;
-  height: number | string;
-}
-
-async function getHLSBandwidthAndResolutions(
-  m3u8Url: string,
-  headers?: Record<string, string>
-): Promise<StreamInfo[]> {
-  try {
-    if (!m3u8Url?.endsWith('.m3u8')) return [];
-
-    const { data } = await axios.get<string>(m3u8Url, {
-      headers: headers ?? undefined,
-    });
-    if (!data) return [];
-
-    const lines = data.split('\n');
-    const streams: StreamInfo[] = [];
-
-    let bandwidth: number | null = null;
-    let width: number | null = null;
-    let height: number | null = null;
-
-    for (const line of lines) {
-      if (line.startsWith('#EXT-X-STREAM-INF')) {
-        const bandwidthMatch = line.match(/BANDWIDTH=(\d+)/);
-        const resolutionMatch = line.match(/RESOLUTION=(\d+)x(\d+)/);
-
-        bandwidth = bandwidthMatch ? Number(bandwidthMatch[1]) : null;
-        if (resolutionMatch) {
-          width = Number(resolutionMatch[1]);
-          height = Number(resolutionMatch[2]);
-        }
-      }
-
-      if (
-        line.trim().endsWith('.m3u8') &&
-        bandwidth !== null &&
-        width !== null &&
-        height !== null
-      ) {
-        streams.push({ bandwidth, width, height });
-        bandwidth = null;
-        width = null;
-        height = null;
-      }
-    }
-
-    streams.sort((a, b) => (b.height as number) - (a.height as number));
-
-    const autoStream: StreamInfo = {
-      bandwidth: 0,
-      width: 'auto',
-      height: 'auto',
-    };
-
-    return [autoStream, ...streams];
-  } catch {
-    return [];
-  }
-}
-
-export interface Resolution {
-  height: number | 'auto';
-  bandwidth: number | null;
-}
-
-const resolutionCache: Record<string, Resolution[]> = {};
-
-export const useVideoResolutions = (track: MediaTrack | null) => {
-  const [resolutions, setResolutions] = useState<Resolution[]>([
-    { height: 'auto', bandwidth: null },
-  ]);
-
-  useEffect(() => {
-    if (!track) return;
-
-    const source = track.isTrailer ? track.trailerSource : track.sourceLink;
-    if (!source) return;
-
-    if (resolutionCache[source]) {
-      setResolutions(resolutionCache[source]);
-      return;
-    }
-
-    let cancelled = false;
-
-    const fetchResolutions = async () => {
-      try {
-        const data = await getHLSBandwidthAndResolutions(source);
-        if (cancelled) return;
-
-        const filteredData = data.filter(
-          (item): item is StreamInfo & { height: number } =>
-            typeof item.height === 'number'
-        );
-
-        const newResolutions: Resolution[] = [
-          { height: 'auto', bandwidth: null },
-          ...filteredData.map((item) => ({
-            height: item.height,
-            bandwidth: item.bandwidth,
-          })),
-        ];
-
-        resolutionCache[source] = newResolutions;
-        setResolutions(newResolutions);
-      } catch {}
-    };
-
-    fetchResolutions();
-
-    return () => {
-      cancelled = true;
-    };
-  }, [track]);
-
-  return resolutions;
-};

package/src/VideoPlayer/utils/index.ts

@@ -1,6 +0,0 @@
-export * from './video';
-export * from './player';
-export * from './platform';
-export * from './format';
-export * from './display';
-export * from './hooks';

package/src/VideoPlayer/utils/platform/PlatformSelector.ts

@@ -1,13 +0,0 @@
-import { Platform } from 'react-native';
-
-class PlatformSelector {
-  public isAndroid(): boolean {
-    return Platform.OS === 'android';
-  }
-
-  public isIOS(): boolean {
-    return Platform.OS === 'ios';
-  }
-}
-
-export default new PlatformSelector();

package/src/VideoPlayer/utils/platform/index.ts

@@ -1,2 +0,0 @@
-export * from './lockOrientation';
-export { default as PlatformSelector } from './PlatformSelector';

package/src/VideoPlayer/utils/platform/lockOrientation.ts

@@ -1,40 +0,0 @@
-import { StatusBar } from 'react-native';
-import Orientation from 'react-native-orientation-locker';
-import SystemNavigationBar from 'react-native-system-navigation-bar';
-import PlatformSelector from './PlatformSelector';
-
-export const lockToPortrait = () => {
-  try {
-    // Lock orientation immediately for fast response
-    Orientation.lockToPortrait();
-
-    // Update UI instantly without fade animation for smooth, fast rotation
-    StatusBar.setHidden(false, 'none');
-
-    if (PlatformSelector.isAndroid()) {
-      // Execute Android-specific updates synchronously for maximum speed
-      SystemNavigationBar.fullScreen(false);
-      SystemNavigationBar.navigationShow();
-    }
-  } catch (error) {
-    console.warn('Error locking to portrait:', error);
-  }
-};
-
-export const lockToLandscape = () => {
-  try {
-    // Lock orientation immediately for fast response
-    Orientation.lockToLandscape();
-
-    // Update UI instantly without fade animation for smooth, fast rotation
-    StatusBar.setHidden(true, 'none');
-
-    if (PlatformSelector.isAndroid()) {
-      // Execute Android-specific updates synchronously for maximum speed
-      SystemNavigationBar.fullScreen(true);
-      SystemNavigationBar.stickyImmersive();
-    }
-  } catch (error) {
-    console.warn('Error locking to landscape:', error);
-  }
-};

package/src/VideoPlayer/utils/player/index.ts

@@ -1,2 +0,0 @@
-export * from './playerEvents';
-export * from './useWatchReporter';

package/src/VideoPlayer/utils/player/playerEvents.ts

@@ -1,97 +0,0 @@
-import type {
-  OnBufferData,
-  OnLoadData,
-  OnLoadStartData,
-  OnProgressData,
-} from 'react-native-video';
-import { mmkvStorage, useVideoPlayerStore } from '../../store/videoPlayerStore';
-
-import { handleNext } from '../video/videoControl';
-import type { MediaEpisode } from '../../store/videoPlayer.type';
-import type { ExtendedWatchProgress } from './useWatchReporter';
-
-export const createPlayerEvents = () => {
-  const onProgress = ({
-    currentTime = 0,
-    playableDuration = 0,
-  }: OnProgressData) => {
-    const store = useVideoPlayerStore.getState();
-    store.setCurrentTime(currentTime);
-    store.setPlayableDuration(playableDuration);
-
-    try {
-      mmkvStorage.setItem('currentTime', String(currentTime));
-    } catch (e) {
-      console.warn('MMKV save failed', e);
-    }
-
-    if (store.isBuffering) store.setIsBuffering(false);
-  };
-
-  const onLoad = (data: OnLoadData) => {
-    const store = useVideoPlayerStore.getState();
-    store.setDuration(data.duration || 0);
-    store.setOnLoad(data);
-
-    mmkvStorage.setItem('current_watch_time', '0');
-
-    store.setError(null);
-    store.setIsViewCounted(false);
-    store.setStartWatchTime(Date.now());
-    store.setIsNextEpisodeVisible(true);
-    store.setIsSkipIntroVisible(true);
-    store.setIsBuffering(false);
-  };
-
-  const onBuffer = ({ isBuffering }: OnBufferData) => {
-    const store = useVideoPlayerStore.getState();
-    if (isBuffering) store.setIsBuffering(true);
-    else setTimeout(() => store.setIsBuffering(false), 150);
-  };
-
-  const onEnd = ({
-    onPressEpisode,
-    reportProgress,
-    autoNext,
-  }: {
-    reportProgress: (event: ExtendedWatchProgress['event']) => void;
-    onPressEpisode: ({
-      episode,
-    }: {
-      episode: MediaEpisode;
-    }) => Promise<boolean>;
-    autoNext: boolean;
-  }) => {
-    reportProgress('COMPLETED');
-    const store = useVideoPlayerStore.getState();
-    if (!store.activeTrack?.isTrailer && store.activeTrack?.type === 'series') {
-      handleNext({ onPressEpisode, autoNext });
-    } else {
-      store.setIsPaused(true);
-    }
-  };
-
-  const onLoadStart = (_: OnLoadStartData) => {
-    const store = useVideoPlayerStore.getState();
-    store.setIsBuffering(true);
-  };
-
-  const LeaveVideoPlayer = () => {
-    const store = useVideoPlayerStore.getState();
-    store.setDuration(0);
-    store.setCurrentTime(0);
-    store.setPlayableDuration(0);
-    store.setIsPaused(false);
-    store.setSettingsModal({ isVisible: false, action: 'none' });
-    store.setIsBuffering(false);
-  };
-
-  return {
-    onProgress,
-    onLoad,
-    onBuffer,
-    onEnd,
-    onLoadStart,
-    LeaveVideoPlayer,
-  };
-};

package/src/VideoPlayer/utils/player/useWatchReporter.ts

@@ -1,105 +0,0 @@
-import { useCallback } from 'react';
-import { useVideoPlayerStore, mmkvStorage } from '../../store/videoPlayerStore';
-import type { MediaTrack } from '../../store/videoPlayer.type';
-
-export type WatchEventType =
-  | 'VIEW_COUNT'
-  | 'COMPLETED'
-  | 'PROGRESS'
-  | 'EPISODE_CHANGE'
-  | 'VIDEO_CLOSE';
-
-export interface WatchProgressDetails {
-  contentId: string | null;
-  episodeId?: string | null;
-  contentType?: MediaTrack['type'];
-  currentTime: number;
-  totalWatchTime: number;
-  duration: number;
-  isVideoCompleted: boolean;
-  activeTrack: MediaTrack | null;
-}
-
-export interface ExtendedWatchProgress extends WatchProgressDetails {
-  event?: WatchEventType;
-}
-
-// Internal function - not exported to avoid conflict with videoControl.countWatchTime
-const countWatchTime = (
-  forceFlush = false
-): {
-  totalWatchTime: number;
-  completed: boolean;
-  currentTime: number;
-} => {
-  const { duration, setStartWatchTime, startWatchTime } =
-    useVideoPlayerStore.getState();
-
-  const currentTimeFromStorage = Number(
-    mmkvStorage.getItem('currentTime') || 0
-  );
-  const prevWatchTime = Number(mmkvStorage.getItem('current_watch_time') || 0);
-
-  const completed =
-    duration > 0 && Math.round(currentTimeFromStorage / duration) >= 0.95;
-
-  let totalTimeWatched = prevWatchTime;
-
-  if (startWatchTime) {
-    const elapsedTime = (Date.now() - startWatchTime) / 1000;
-    totalTimeWatched = prevWatchTime + elapsedTime;
-    mmkvStorage.setItem('current_watch_time', totalTimeWatched.toString());
-
-    setStartWatchTime(null);
-  }
-
-  if (forceFlush) {
-    const latest = Number(mmkvStorage.getItem('current_watch_time') || '0');
-    return {
-      totalWatchTime: latest,
-      completed,
-      currentTime: currentTimeFromStorage,
-    };
-  }
-
-  return {
-    totalWatchTime: totalTimeWatched,
-    completed,
-    currentTime: currentTimeFromStorage,
-  };
-};
-
-export const useWatchReporter = ({
-  onWatchProgress,
-}: {
-  onWatchProgress?: (progress: ExtendedWatchProgress) => void;
-}) => {
-  const reportProgress = useCallback(
-    (event: WatchEventType = 'PROGRESS', forcedCurrentTime?: number) => {
-      const { activeTrack, duration } = useVideoPlayerStore.getState();
-      if (!activeTrack) return;
-
-      const { totalWatchTime, completed, currentTime } = countWatchTime(
-        event === 'VIDEO_CLOSE' ||
-          event === 'EPISODE_CHANGE' ||
-          event === 'COMPLETED'
-      );
-
-      const progress: WatchProgressDetails = {
-        contentId: activeTrack?.contentId || null,
-        episodeId: activeTrack?.episodeId || null,
-        contentType: activeTrack?.type,
-        currentTime: forcedCurrentTime ?? currentTime,
-        totalWatchTime,
-        duration: duration || 0,
-        isVideoCompleted: completed,
-        activeTrack,
-      };
-
-      onWatchProgress?.({ ...progress, event });
-    },
-    [onWatchProgress]
-  );
-
-  return { reportProgress };
-};

package/src/VideoPlayer/utils/video/index.ts

@@ -1,5 +0,0 @@
-export * from './videoRef';
-export * from './videoSource';
-export * from './videoControl';
-export * from './videoResume';
-export { adVideoRef } from './videoRef';

package/src/VideoPlayer/utils/video/videoControl.ts

@@ -1,185 +0,0 @@
-import { mmkvStorage, useVideoPlayerStore } from '../../store/videoPlayerStore';
-import type { MediaEpisode } from '../../store/videoPlayer.type';
-
-export const handlePause = () => {
-  const { setIsPaused, startWatchTime, setStartWatchTime } =
-    useVideoPlayerStore.getState();
-
-  setIsPaused(true);
-
-  if (!startWatchTime) return;
-
-  const elapsedTime = (Date.now() - startWatchTime) / 1000;
-  const storedTime = Number(mmkvStorage.getItem('current_watch_time') ?? 0);
-
-  mmkvStorage.setItem(
-    'current_watch_time',
-    (storedTime + elapsedTime).toString()
-  );
-
-  setStartWatchTime(null);
-};
-
-interface HandleNextOptions {
-  onPressEpisode: ({ episode }: { episode: MediaEpisode }) => Promise<boolean>;
-  autoNext?: boolean;
-}
-export const handleNext = async ({
-  onPressEpisode,
-  autoNext,
-}: HandleNextOptions): Promise<number | null> => {
-  const {
-    playList: playlist,
-    currentTrackIndex,
-    setCurrentTrackIndex,
-    setActiveTrack,
-    setCurrentTime,
-    setIsPaused,
-    setActiveSubtitle,
-    setPlayBackRate,
-    contentSeasons,
-    setActiveSeason,
-    setControlsVisible,
-    setSelectedSubtitleTrack,
-    setSelectedVideoTrack,
-    setMaxBitRate,
-    setDuration,
-  } = useVideoPlayerStore.getState();
-
-  if (!playlist?.length) return null;
-
-  if (!autoNext) {
-    setIsPaused(true);
-    setControlsVisible(true);
-    return currentTrackIndex;
-  }
-
-  let nextIndex = currentTrackIndex + 1;
-
-  if (nextIndex >= playlist.length) {
-    setIsPaused(true);
-    setControlsVisible(true);
-    return currentTrackIndex;
-  }
-
-  const nextTrack = playlist[nextIndex];
-  if (!nextTrack) return currentTrackIndex;
-
-  let isSuccess = true;
-  if (onPressEpisode) {
-    isSuccess = await onPressEpisode({
-      episode: {
-        id: nextTrack.episodeId || '',
-        title: nextTrack.episodeName ?? '',
-        contentId: nextTrack.contentId || '',
-        sourceLink: nextTrack.sourceLink,
-        thumbnail: nextTrack.thumbnail,
-        nextEpisodeAt: nextTrack.nextEpisodeAt,
-        publishDate: nextTrack.publishDate,
-        skipIntro: nextTrack.skipIntro,
-        description: nextTrack?.description || '',
-        duration: nextTrack?.duration || 0,
-        sourceType: nextTrack?.sourceType || 'HLS',
-        episodeNumber: nextTrack?.episodeNumber || 0,
-        subtitles: nextTrack?.subtitles ?? [],
-      },
-    });
-  }
-
-  if (!isSuccess) {
-    setIsPaused(true);
-    setControlsVisible(true);
-    return currentTrackIndex;
-  }
-
-  setIsPaused(false);
-  setCurrentTime(0);
-  setDuration(0);
-  setCurrentTrackIndex(nextIndex);
-  setActiveTrack(nextTrack);
-  setActiveSubtitle(null);
-  setSelectedVideoTrack(null);
-  setMaxBitRate(null);
-  setPlayBackRate(1, 'Normal');
-  setSelectedSubtitleTrack(null);
-
-  if (nextTrack.seasonId) {
-    const activeSeason = contentSeasons?.find(
-      (s) => s.id === nextTrack.seasonId
-    );
-    if (activeSeason) {
-      setActiveSeason(activeSeason);
-    }
-  }
-
-  return nextIndex;
-};
-
-export const viewCount = (): boolean => {
-  const { isViewCounted, setIsViewCounted, activeTrack } =
-    useVideoPlayerStore.getState();
-  if (!isViewCounted) {
-    if (activeTrack?.id) {
-      setIsViewCounted(true);
-      return true;
-    }
-  } else {
-    return false;
-  }
-  return false;
-};
-
-export const countWatchTime = (): {
-  totalWatchTime: number;
-  completed: boolean;
-  currentTime: number;
-} => {
-  const { activeTrack, duration, setStartWatchTime, startWatchTime } =
-    useVideoPlayerStore.getState();
-
-  const currentTimeFromStorage = Number(
-    mmkvStorage.getItem('currentTime') || 0
-  );
-  const prevWatchTime = Number(mmkvStorage.getItem('current_watch_time') || 0);
-
-  const completed =
-    duration > 0 && Math.round(currentTimeFromStorage / duration) >= 0.95;
-
-  if (!startWatchTime) {
-    return {
-      totalWatchTime: prevWatchTime,
-      completed,
-      currentTime: currentTimeFromStorage,
-    };
-  }
-
-  const elapsedTime = (Date.now() - startWatchTime) / 1000;
-
-  const totalTimeWatched = prevWatchTime + elapsedTime;
-  mmkvStorage.setItem('current_watch_time', totalTimeWatched.toString());
-
-  setStartWatchTime(null);
-
-  if (totalTimeWatched < 30) {
-    return {
-      totalWatchTime: 0,
-      completed: false,
-      currentTime: currentTimeFromStorage,
-    };
-  }
-
-  if (activeTrack?.id) {
-    return {
-      totalWatchTime: totalTimeWatched,
-      completed,
-      currentTime: currentTimeFromStorage,
-    };
-  }
-
-  mmkvStorage.setItem('current_watch_time', '0');
-  return {
-    totalWatchTime: 0,
-    completed: false,
-    currentTime: 0,
-  };
-};

package/src/VideoPlayer/utils/video/videoRef.ts

@@ -1,21 +0,0 @@
-import { createRef } from 'react';
-import type { VideoRef } from 'react-native-video';
-import type { AdsPlayerRef } from '../../../AdsPlayer/AdsPlayer';
-
-export const hideControlsStyles = {
-  hideForward: true,
-  hideDuration: true,
-  hideFullscreen: true,
-  hidePlayPause: true,
-  hideNavigationBarOnFullScreenMode: true,
-  hideNotificationBarOnFullScreenMode: true,
-  hideNext: true,
-  hidePosition: true,
-  hidePrevious: true,
-  hideRewind: true,
-  hideSeekBar: true,
-  hideSettingButton: true,
-};
-
-export const videoRef = createRef<VideoRef>();
-export const adVideoRef = createRef<AdsPlayerRef>();

package/src/VideoPlayer/utils/video/videoResume.ts

@@ -1,23 +0,0 @@
-import { videoRef } from './videoRef';
-import { useVideoPlayerStore } from '../../store/videoPlayerStore';
-import { useAdsPlayerStore } from '../../../AdsPlayer/store/adsPlayerStore';
-
-/**
- * Reusable function to resume video from ad
- * Handles seeking to resume time and unpausing the video
- */
-export const resumeVideoFromAd = (resumeTimeValue: number | null) => {
-  const { setIsPaused } = useVideoPlayerStore.getState();
-  const { setResumeTime } = useAdsPlayerStore.getState();
-
-  if (videoRef.current && resumeTimeValue !== null && resumeTimeValue > 0) {
-    setTimeout(() => {
-      videoRef.current?.seek(resumeTimeValue);
-      setIsPaused(false);
-      setResumeTime(null);
-    }, 100);
-  } else {
-    setIsPaused(false);
-    setResumeTime(null);
-  }
-};

package/src/VideoPlayer/utils/video/videoSource.ts

@@ -1,23 +0,0 @@
-import type { MediaTrack } from '../../store/videoPlayer.type';
-import type { ReactVideoSource } from 'react-native-video';
-
-interface UrlHandlerProps {
-  playList: MediaTrack[];
-  currentTrackIndex: number;
-}
-
-export const getVideoSource = ({
-  playList,
-  currentTrackIndex,
-}: UrlHandlerProps): ReactVideoSource => {
-  const track = playList?.[currentTrackIndex];
-  if (!track) return { uri: '' };
-
-  const uri = track.isTrailer ? track.trailerSource : track.sourceLink;
-  return { uri: encodeURI(uri?.trim() || '') ?? '' };
-};
-
-export const getEpisodeIndex = (
-  playList: MediaTrack[],
-  episodeId: string
-): number => playList.findIndex((item) => item.episodeId === episodeId);