@100mslive/react-native-hms 2.0.0-alpha.0 → 2.0.0-alpha.1

package/src/stores/hls-player-stats-store.ts

@@ -6,32 +6,42 @@ import type {
   HMSHLSPlayerStatsStore,
 } from './types';
 
-export const useHMSHLSPlayerStatsStore = create<HMSHLSPlayerStatsStore>()(
-  subscribeWithSelector((set) => ({
-    // Handle Stats
-    stats: {
-      // bandwidth
-      bandWidthEstimate: 0,
-      totalBytesLoaded: 0,
+const INITIAL_STATS = {
+  // bandwidth
+  bandWidthEstimate: 0,
+  totalBytesLoaded: 0,
 
-      // bufferedDuration
-      bufferedDuration: 0,
+  // bufferedDuration
+  bufferedDuration: 0,
 
-      // distanceFromLive
-      distanceFromLive: 0,
+  // distanceFromLive
+  distanceFromLive: 0,
 
-      // frameInfo
-      droppedFrameCount: 0,
+  // frameInfo
+  droppedFrameCount: 0,
 
-      // videoInfo
-      averageBitrate: 0,
-      videoHeight: 0,
-      videoWidth: 0,
-    },
+  // videoInfo
+  averageBitrate: 0,
+  videoHeight: 0,
+  videoWidth: 0,
+};
+
+export const useHMSHLSPlayerStatsStore = create<HMSHLSPlayerStatsStore>()(
+  subscribeWithSelector((set) => ({
+    // Handle Stats
+    stats: INITIAL_STATS,
     changeStats: (stats: HMSHLSPlayerStats) => set({ stats }),
 
     // Handle Stats Error
     error: undefined,
     setError: (error: HMSHLSPlayerStatsError) => set({ error }),
+
+    // Handle Closed Caption
+    subtitles: null,
+    setSubtitles: (subtitles: string | null) => set({ subtitles }),
+
+    // Reset State
+    reset: () =>
+      set({ stats: INITIAL_STATS, error: undefined, subtitles: null }),
   }))
 );

package/src/stores/hms-interactivity-store.ts

@@ -0,0 +1,18 @@
+import { create } from 'zustand';
+import { subscribeWithSelector } from 'zustand/middleware';
+// import { immer } from 'zustand/middleware/immer';
+
+import { createHMSPollsSlice } from './hms-polls-slice';
+import type { HMSInteractivityStore } from './types';
+
+export const useHMSInteractivityStore = create<HMSInteractivityStore>()(
+  // [['zustand/subscribeWithSelector', never], ['zustand/immer', never]]
+  subscribeWithSelector(
+    // immer((...a) => ({
+    //   ...createHMSPollsSlice(...a),
+    // }))
+    (...a) => ({
+      ...createHMSPollsSlice(...a),
+    })
+  )
+);

package/src/stores/hms-polls-slice.ts

@@ -0,0 +1,20 @@
+import type { StateCreator } from 'zustand';
+import type { HMSInteractivityStore, HMSPollsSlice } from './types';
+import type { HMSPoll } from '../classes/polls/HMSPoll';
+
+export const createHMSPollsSlice: StateCreator<
+  HMSInteractivityStore,
+  [],
+  [],
+  HMSPollsSlice
+> = (set) => ({
+  polls: {},
+  setPolls: (poll: HMSPoll) => {
+    set((state) => {
+      state.polls[poll.pollId] = poll;
+      return state; // TODO: remove when use immer
+    });
+  },
+  // cue: undefined,
+  // setCue: (cue: HMSHLSPlayerPlaybackCue) => set({ cue }),
+});

package/src/stores/hms-store.ts

@@ -2,10 +2,12 @@ import { create } from 'zustand';
 import { subscribeWithSelector } from 'zustand/middleware';
 
 import { createHMSHLSPlayerPlaybackSlice } from './hls-player-playback-slice';
+import { createHMSViewsSlice } from './hmsviews-slice';
 import type { HMSStore } from './types';
 
 export const useHMSStore = create<HMSStore>()(
   subscribeWithSelector((...a) => ({
     ...createHMSHLSPlayerPlaybackSlice(...a),
+    ...createHMSViewsSlice(...a),
   }))
 );

package/src/stores/hmsviews-slice.ts

@@ -0,0 +1,20 @@
+import type { StateCreator } from 'zustand';
+
+import type { HMSViewsSlice, HMSStore } from './types';
+
+export const createHMSViewsSlice: StateCreator<
+  HMSStore,
+  [],
+  [],
+  HMSViewsSlice
+> = (set) => ({
+  hmsviewsResolutions: {},
+  setHmsviewsResolutions: (trackId, resolution) => {
+    set((state) => ({
+      hmsviewsResolutions: {
+        ...state.hmsviewsResolutions,
+        [trackId]: resolution,
+      },
+    }));
+  },
+});

package/src/stores/types.ts

@@ -1,17 +1,37 @@
 // Stores
 
+import type { HMSPoll } from '../classes/polls/HMSPoll';
 import type {
   HMSHLSPlayerPlaybackState,
   HMSHLSPlayerPlaybackCueEventData,
   HMSHLSPlayerPlaybackFailureEventData,
+  HMSHLSPlayerPlaybackResolutionChangeEventData,
   HMSHLSPlayerStatsErrorEventData,
   HMSHLSPlayerStatsUpdateEventData,
 } from '../types';
 
-export type HMSStore = HMSHLSPlayerPlaybackSlice;
-export type HMSHLSPlayerStatsStore = HMSHLSPlayerStatsSlice;
+export type HMSStore = HMSHLSPlayerPlaybackSlice & HMSViewsSlice;
+export type HMSHLSPlayerStatsStore = HMSHLSPlayerStatsSlice &
+  HLSPlayerClosedCaptionsSlice;
+export type HMSInteractivityStore = HMSPollsSlice;
 
-// HLS Player Playback Slice
+//#region HMSViews Slice
+
+export type TrackId = string;
+
+export type Resolution = {
+  width: number;
+  height: number;
+};
+
+export interface HMSViewsSlice {
+  hmsviewsResolutions: Record<TrackId, Resolution | undefined>;
+  setHmsviewsResolutions(trackId: TrackId, resolution: Resolution): void;
+}
+
+//#endregion HMSViews Slice
+
+//#region HLS Player Playback Slice
 
 export interface HMSHLSPlayerPlaybackCue
   extends Omit<HMSHLSPlayerPlaybackCueEventData, 'endDate' | 'startDate'> {
@@ -25,16 +45,25 @@ export type HMSHLSPlayerPlaybackError =
   | HMSHLSPlayerPlaybackFailureEventData['error']
   | undefined;
 
+export type HMSHLSPlayerResolution =
+  | HMSHLSPlayerPlaybackResolutionChangeEventData
+  | undefined;
+
 export interface HMSHLSPlayerPlaybackSlice {
   cue: HMSHLSPlayerCue;
   playbackState: HMSHLSPlayerPlaybackState;
+  resolution: HMSHLSPlayerResolution;
   error: HMSHLSPlayerPlaybackError;
   setCue(cue: HMSHLSPlayerPlaybackCue): void;
   setPlaybackState(playbackState: HMSHLSPlayerPlaybackState): void;
+  setResolution(resolution: HMSHLSPlayerResolution): void;
   setPlaybackError(error: HMSHLSPlayerPlaybackError): void;
+  resetPlaybackSlice(): void;
 }
 
-// HLS Player Stats Slice
+//#endregion HLS Player Playback Slice
+
+//#region HLS Player Stats Slice
 
 export type HMSHLSPlayerStats = HMSHLSPlayerStatsUpdateEventData;
 export type HMSHLSPlayerStatsError =
@@ -46,4 +75,21 @@ export interface HMSHLSPlayerStatsSlice {
   error: HMSHLSPlayerStatsError | undefined;
   changeStats(stats: HMSHLSPlayerStats): void;
   setError(error: HMSHLSPlayerStatsError): void;
+  reset(): void;
+}
+
+export interface HLSPlayerClosedCaptionsSlice {
+  subtitles: string | null;
+  setSubtitles(subtitles: string | null): void;
 }
+
+//#endregion HLS Player Stats Slice
+
+//#region Polls Slice
+
+export type HMSPollsSlice = {
+  polls: Record<string, HMSPoll>;
+  setPolls(poll: HMSPoll): void;
+};
+
+//#endregion Polls Slice

package/src/types.ts

@@ -10,6 +10,7 @@ export enum HMSHLSPlayerPlaybackEventTypes {
   ON_PLAYBACK_CUE_EVENT = 'ON_PLAYBACK_CUE_EVENT',
   ON_PLAYBACK_FAILURE_EVENT = 'ON_PLAYBACK_FAILURE_EVENT',
   ON_PLAYBACK_STATE_CHANGE_EVENT = 'ON_PLAYBACK_STATE_CHANGE_EVENT',
+  ON_PLAYBACK_RESOLUTION_CHANGE_EVENT = 'ON_PLAYBACK_RESOLUTION_CHANGE_EVENT',
 }
 
 export type HMSHLSPlayerPlaybackCueEventData = {
@@ -34,12 +35,15 @@ export enum HMSHLSPlayerPlaybackState {
   PLAYING = 'playing',
   STOPPED = 'stopped',
   UNKNOWN = 'unknown',
-  onVideoSizeChanged = 'onVideoSizeChanged',
 }
 
 export type HMSHLSPlayerPlaybackStateChangeEventData = {
   state: HMSHLSPlayerPlaybackState;
-  aspectRatio: number | undefined;
+};
+
+export type HMSHLSPlayerPlaybackResolutionChangeEventData = {
+  width: number;
+  height: number;
 };
 
 type HMSHLSPlayerPlaybackCueEvent = HMSHLSPlayerEvent<
@@ -57,10 +61,16 @@ type HMSHLSPlayerPlaybackStateChangeEvent = HMSHLSPlayerEvent<
   HMSHLSPlayerPlaybackStateChangeEventData
 >;
 
+type HMSHLSPLayerPlaybackResolutionChangeEvent = HMSHLSPlayerEvent<
+  HMSHLSPlayerPlaybackEventTypes.ON_PLAYBACK_RESOLUTION_CHANGE_EVENT,
+  HMSHLSPlayerPlaybackResolutionChangeEventData
+>;
+
 export type HMSHLSPlayerPlaybackEvent =
   | HMSHLSPlayerPlaybackCueEvent
   | HMSHLSPlayerPlaybackFailureEvent
-  | HMSHLSPlayerPlaybackStateChangeEvent;
+  | HMSHLSPlayerPlaybackStateChangeEvent
+  | HMSHLSPLayerPlaybackResolutionChangeEvent;
 
 // #endregion HMS HLSPlayer Playback Events
 
@@ -115,6 +125,21 @@ export type HMSHLSPlayerStatsEvent =
   | HMSHLSPlayerStatsErrorEvent
   | HMSHLSPlayerStatsUpdateEvent;
 
+export type HMSHLSPlayerCuesEvent = HMSHLSPlayerEvent<
+  'ON_CLOSED_CAPTION_UPDATE',
+  string | null
+>;
+
+export type RequestedDataEvent = {
+  requestId: number;
+  data: any;
+};
+
+export type HLSPlayerDurationDetails = {
+  streamDuration?: number;
+  rollingWindowTime?: number;
+};
+
 // #endregion HMS HLSPlayer Stats Events
 
 // #region Utility types

package/src/utils/emitter/EventEmitter.ts

@@ -20,6 +20,10 @@ export { EmitterSubscription } from './_EmitterSubscription';
  */
 export class EventEmitter {
   _subscriber: EventSubscriptionVendor;
+  _onAllListenersRemoved:
+    | ((eventType: string | 'all') => void)
+    | null
+    | undefined;
 
   /**
    * @constructor
@@ -31,6 +35,17 @@ export class EventEmitter {
     this._subscriber = subscriber || new EventSubscriptionVendor();
   }
 
+  /**
+   * Registers a listener to be invoked when all event listeners have been removed
+   * Given listener is invoked with event type or `all` when all listeners are removed
+   * @param onAllListenersRemoved
+   */
+  registerOnAllListenersRemoved(
+    onAllListenersRemoved: (eventType: string | 'all') => void
+  ) {
+    this._onAllListenersRemoved = onAllListenersRemoved;
+  }
+
   /**
    * Adds a listener to be invoked when events of the specified type are
    * emitted. An optional calling context may be provided. The data arguments
@@ -65,6 +80,7 @@ export class EventEmitter {
    */
   removeAllListeners(eventType: string | undefined | null) {
     this._subscriber.removeAllSubscriptions(eventType);
+    this._onAllListenersRemoved?.(eventType || 'all');
   }
 
   /**
@@ -77,7 +93,17 @@ export class EventEmitter {
       return;
     }
 
+    const eventType = subscription.eventType;
     this._subscriber.removeSubscription(subscription);
+
+    // check if all subscriptions are removed for the event type
+    if (
+      typeof this._onAllListenersRemoved === 'function' &&
+      this.listenerCount(eventType) === 0
+    ) {
+      // invoke passed cleanup function if any for the event type
+      this._onAllListenersRemoved(eventType);
+    }
   }
 
   /**

package/src/utils/keyboard.ts

@@ -0,0 +1,37 @@
+import { Platform } from 'react-native';
+import HMSManager from '../modules/HMSManagerModule';
+
+export enum SoftInputModes {
+  SOFT_INPUT_ADJUST_NOTHING = 48,
+  SOFT_INPUT_ADJUST_PAN = 32,
+  SOFT_INPUT_ADJUST_RESIZE = 16,
+  SOFT_INPUT_ADJUST_UNSPECIFIED = 0,
+}
+
+/**
+ * [Android Only] Sets the `windowSoftInputMode` value for the current activity
+ * @param inputMode window softinput moede to use. It can be any variant of the {@link SoftInputModes} enum
+ */
+export function setSoftInputMode(inputMode: SoftInputModes) {
+  if (Platform.OS === 'android') {
+    const result = HMSManager.setSoftInputMode(inputMode);
+    if (result === -1) {
+      throw new Error("Couln't get AppContext, Activity or Window!");
+    }
+  }
+}
+
+/**
+ * [Android Only] Gets the current `windowSoftInputMode` value of the current activity
+ * @returns current `windowSoftInputMode` ({@link SoftInputModes}) value of the current activity
+ */
+export function getSoftInputMode(): SoftInputModes {
+  if (Platform.OS === 'android') {
+    const result = HMSManager.getSoftInputMode();
+    if (result === -1) {
+      throw new Error("Couln't get AppContext, Activity or Window!");
+    }
+    return result;
+  }
+  return SoftInputModes.SOFT_INPUT_ADJUST_UNSPECIFIED;
+}

package/src/utils/notification.ts

@@ -0,0 +1,10 @@
+import HMSManager from '../modules/HMSManagerModule';
+
+export type NotificationResult = {
+  status: 'granted' | 'blocked';
+  settings: {};
+};
+
+export const checkNotifications = async (): Promise<NotificationResult> => {
+  return HMSManager.checkNotifications();
+};

package/src/utils/windowController.ts

@@ -0,0 +1,23 @@
+import { Platform } from 'react-native';
+
+import HMSManager from '../modules/HMSManagerModule';
+
+export class WindowController {
+  /**
+   * [Android Only] Hides the navigation bar.
+   */
+  static hideSystemBars() {
+    if (Platform.OS === 'android') {
+      return HMSManager.hideSystemBars();
+    }
+  }
+
+  /**
+   * [Android Only] Shows the navigation bar.
+   */
+  static showSystemBars() {
+    if (Platform.OS === 'android') {
+      return HMSManager.showSystemBars();
+    }
+  }
+}

package/android/.gradle/buildOutputCleanup/cache.properties

@@ -1,2 +0,0 @@
-#Tue Aug 08 17:17:39 IST 2023
-gradle.version=6.7.1

package/android/.idea/compiler.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="CompilerConfiguration">
-    <bytecodeTargetLevel target="11" />
-  </component>
-</project>

package/android/.idea/gradle.xml

@@ -1,18 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="GradleMigrationSettings" migrationVersion="1" />
-  <component name="GradleSettings">
-    <option name="linkedExternalProjectsSettings">
-      <GradleProjectSettings>
-        <option name="testRunner" value="GRADLE" />
-        <option name="distributionType" value="DEFAULT_WRAPPED" />
-        <option name="externalProjectPath" value="$PROJECT_DIR$" />
-        <option name="modules">
-          <set>
-            <option value="$PROJECT_DIR$" />
-          </set>
-        </option>
-      </GradleProjectSettings>
-    </option>
-  </component>
-</project>

package/android/.idea/jarRepositories.xml

@@ -1,45 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="RemoteRepositoriesConfiguration">
-    <remote-repository>
-      <option name="id" value="central" />
-      <option name="name" value="Maven Central repository" />
-      <option name="url" value="https://repo1.maven.org/maven2" />
-    </remote-repository>
-    <remote-repository>
-      <option name="id" value="jboss.community" />
-      <option name="name" value="JBoss Community repository" />
-      <option name="url" value="https://repository.jboss.org/nexus/content/repositories/public/" />
-    </remote-repository>
-    <remote-repository>
-      <option name="id" value="MavenRepo" />
-      <option name="name" value="MavenRepo" />
-      <option name="url" value="https://repo.maven.apache.org/maven2/" />
-    </remote-repository>
-    <remote-repository>
-      <option name="id" value="MavenLocal" />
-      <option name="name" value="MavenLocal" />
-      <option name="url" value="file:$USER_HOME$/.m2/repository/" />
-    </remote-repository>
-    <remote-repository>
-      <option name="id" value="maven" />
-      <option name="name" value="maven" />
-      <option name="url" value="file:$PROJECT_DIR$/../node_modules/react-native/android/" />
-    </remote-repository>
-    <remote-repository>
-      <option name="id" value="Gradle Central Plugin Repository" />
-      <option name="name" value="Gradle Central Plugin Repository" />
-      <option name="url" value="https://plugins.gradle.org/m2" />
-    </remote-repository>
-    <remote-repository>
-      <option name="id" value="Google" />
-      <option name="name" value="Google" />
-      <option name="url" value="https://dl.google.com/dl/android/maven2/" />
-    </remote-repository>
-    <remote-repository>
-      <option name="id" value="maven2" />
-      <option name="name" value="maven2" />
-      <option name="url" value="https://jitpack.io" />
-    </remote-repository>
-  </component>
-</project>

package/android/.idea/misc.xml

@@ -1,10 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="ExternalStorageConfigurationManager" enabled="true" />
-  <component name="ProjectRootManager" version="2" languageLevel="JDK_11" default="true" project-jdk-name="Android Studio default JDK" project-jdk-type="JavaSDK">
-    <output url="file://$PROJECT_DIR$/build/classes" />
-  </component>
-  <component name="ProjectType">
-    <option name="id" value="Android" />
-  </component>
-</project>

package/android/.idea/vcs.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="VcsDirectoryMappings">
-    <mapping directory="$PROJECT_DIR$/../../.." vcs="Git" />
-  </component>
-</project>

package/android/local.properties

@@ -1,8 +0,0 @@
-## This file must *NOT* be checked into Version Control Systems,
-# as it contains information specific to your local configuration.
-#
-# Location of the SDK. This is only used by Gradle.
-# For customization when using a Version Control System, please read the
-# header note.
-#Mon Nov 14 20:51:00 IST 2022
-sdk.dir=/Users/jatinnagar/Library/Android/sdk