@100mslive/hms-video-store 0.2.73 → 0.2.76

package/dist/test/fixtures.d.ts

@@ -1,3 +1,3 @@
-import { HMSPeer, HMSTrack } from '../core';
-export declare const makeFakeTrack: (type?: "audio" | "video" | undefined) => HMSTrack;
+import { HMSPeer, HMSTrack, HMSTrackType } from '../core';
+export declare const makeFakeTrack: (type?: HMSTrackType | undefined) => HMSTrack;
 export declare const makeFakePeer: () => HMSPeer;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.2.73",
+  "version": "0.2.76",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -21,6 +21,7 @@
     "prepare": "tsdx build",
     "size": "size-limit",
     "analyze": "size-limit --why",
+    "cypress:open": "cypress open",
     "docs": "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && ./bin/typedoc-mdx && npx prettier --write './docs/**/*'"
   },
   "husky": {
@@ -50,25 +51,32 @@
     }
   ],
   "dependencies": {
+    "eventemitter2": "^6.4.5",
     "immer": "^9.0.6",
-    "reselect": "^4.0.0",
+    "reselect": "4.0.0",
     "zustand": "3.5.7"
   },
   "peerDependencies": {
-    "@100mslive/hms-video": "^0.1.19",
-    "events": "^3.3.0"
+    "@100mslive/hms-video": "^0.1.26"
   },
   "devDependencies": {
-    "@100mslive/hms-video": "^0.1.19",
+    "@100mslive/hms-video": "^0.1.26",
+    "@cypress/code-coverage": "^3.9.11",
+    "@istanbuljs/nyc-config-typescript": "^1.0.1",
     "@size-limit/file": "^5.0.3",
-    "events": "^3.3.0",
+    "babel-plugin-istanbul": "^6.1.1",
+    "cypress": "^8.7.0",
+    "dotenv": "^10.0.0",
     "husky": "^6.0.0",
+    "istanbul-lib-coverage": "^3.2.0",
+    "nyc": "^15.1.0",
     "size-limit": "^5.0.3",
+    "ts-node": "^10.4.0",
     "tsdx": "^0.14.1",
     "tslib": "^2.2.0",
     "typedoc": "^0.21.5",
     "typedoc-plugin-markdown": "^3.10.4",
-    "typescript": "^4.3.2"
+    "typescript": "^4.4.4"
   },
   "description": "This is an addon to the core sdk provided by 100ms. It abstracts away the intricacies of data management and provides a flux based reactive data store where data flows in only one direction.",
   "repository": {
@@ -85,7 +93,34 @@
     "url": "https://github.com/100mslive/hms-video-store/issues"
   },
   "resolutions": {
-    "tsdx/**/node-notifier": "10.0.0"
+    "tsdx/**/node-notifier": "10.0.0",
+    "**/@typescript-eslint/eslint-plugin": "^4.11.1",
+    "**/@typescript-eslint/parser": "^4.11.1",
+    "**/jest": "^26.6.3",
+    "**/ts-jest": "^26.4.4",
+    "**/typescript": "^4.4.4"
   },
-  "homepage": "https://github.com/100mslive/hms-video-store#readme"
+  "homepage": "https://github.com/100mslive/hms-video-store#readme",
+  "nyc": {
+    "reporter": [
+      "lcov",
+      "text-summary",
+      "html"
+    ],
+    "extends": "@istanbuljs/nyc-config-typescript",
+    "all": true,
+    "check-coverage": true,
+    "include": [
+      "src/core/hmsSDKStore/**/*.ts",
+      "src/core/selectors/**/*.ts"
+    ],
+    "extension": [
+      ".ts",
+      ".js"
+    ],
+    "exclude": [
+      "**/*.spec.ts"
+    ],
+    "report-dir": "cy-coverage"
+  }
 }

package/src/core/hmsSDKStore/HMSNotifications.ts

@@ -1,4 +1,4 @@
-import EventEmitter from 'events';
+import { EventEmitter2 as EventEmitter } from 'eventemitter2';
 import { IHMSNotifications } from '../IHMSNotifications';
 import { IHMSStore } from '../IHMSStore';
 import { selectPeerByID, selectTrackByID } from '../selectors';

package/src/core/hmsSDKStore/HMSPlaylist.ts

@@ -70,4 +70,9 @@ export class HMSPlaylist implements IHMSPlaylistActions {
   setIsAutoplayOn(autoplay: boolean) {
     this.playlistManager.setIsAutoplayOn(this.type, autoplay);
   }
+
+  setPlaybackRate(playbackRate: number) {
+    this.playlistManager.setPlaybackRate(this.type, playbackRate);
+    this.syncPlaylistState(`set${this.type}PlaybackRate`);
+  }
 }

package/src/core/hmsSDKStore/adapter.ts

@@ -222,6 +222,7 @@ export class SDKToHMS {
       progress,
       volume,
       currentTime: playlistManager.getCurrentTime(type),
+      playbackRate: playlistManager.getPlaybackRate(type),
     };
   }
 

package/src/core/schema/playlist.ts

@@ -28,6 +28,7 @@ export interface HMSPlaylist<T> {
     progress: number;
     volume: number;
     currentTime: number;
+    playbackRate: number;
   };
   video: {
     list: Record<string, HMSPlaylistItem<T>>;
@@ -35,6 +36,7 @@ export interface HMSPlaylist<T> {
     progress: number;
     volume: number;
     currentTime: number;
+    playbackRate: number;
   };
 }
 
@@ -85,6 +87,12 @@ export interface IHMSPlaylistActions {
    * @param {boolean} autoplay
    */
   setIsAutoplayOn(autoplay: boolean): void;
+  /**
+   * Control the playback speed - 1.0 being normal, less than 1.0 will play it slowly
+   * and more than 1.0 will play it faster.
+   * @param playbackRate - value from 0.25 and 2.0
+   */
+  setPlaybackRate(playbackRate: number): void;
 }
 
 export interface HMSPlaylistSelector {
@@ -102,4 +110,5 @@ export interface HMSPlaylistSelector {
   progress: (store: HMSStore) => number;
   volume: (store: HMSStore) => number;
   currentTime: (store: HMSStore) => number;
+  playbackRate: (store: HMSStore) => number;
 }

package/src/core/schema/schema.ts

@@ -64,6 +64,7 @@ export const createDefaultStoreState = (): HMSStore => {
         progress: 0,
         volume: 0,
         currentTime: 0,
+        playbackRate: 1.0,
       },
       video: {
         list: {},
@@ -71,6 +72,7 @@ export const createDefaultStoreState = (): HMSStore => {
         progress: 0,
         volume: 0,
         currentTime: 0,
+        playbackRate: 1.0,
       },
     },
     messages: { byID: {}, allIDs: [] },

package/src/core/selectors/playlistselectors.ts

@@ -19,6 +19,10 @@ const selectPlaylistCurrentTime = (type: HMSPlaylistType = HMSPlaylistType.audio
   store: HMSStore,
 ) => store.playlist[type].currentTime;
 
+const selectPlaylistPlaybackRate = (type: HMSPlaylistType = HMSPlaylistType.audio) => (
+  store: HMSStore,
+) => store.playlist[type].playbackRate;
+
 const selectPlaylistVolume = (type: HMSPlaylistType = HMSPlaylistType.audio) => (store: HMSStore) =>
   store.playlist[type].volume;
 
@@ -46,6 +50,7 @@ export const selectAudioPlaylist: HMSPlaylistSelector = {
   selection: selectPlaylistSelection(HMSPlaylistType.audio),
   progress: selectPlaylistProgress(HMSPlaylistType.audio),
   currentTime: selectPlaylistCurrentTime(HMSPlaylistType.audio),
+  playbackRate: selectPlaylistPlaybackRate(HMSPlaylistType.audio),
   volume: selectPlaylistVolume(HMSPlaylistType.audio),
   list: selectPlaylist(HMSPlaylistType.audio),
   selectedItem: <any>selectPlaylistSelectedItem(HMSPlaylistType.audio),
@@ -54,7 +59,8 @@ export const selectAudioPlaylist: HMSPlaylistSelector = {
 export const selectVideoPlaylist: HMSPlaylistSelector = {
   selection: selectPlaylistSelection(HMSPlaylistType.video),
   progress: selectPlaylistProgress(HMSPlaylistType.video),
-  currentTime: selectPlaylistCurrentTime(HMSPlaylistType.audio),
+  currentTime: selectPlaylistCurrentTime(HMSPlaylistType.video),
+  playbackRate: selectPlaylistPlaybackRate(HMSPlaylistType.video),
   volume: selectPlaylistVolume(HMSPlaylistType.video),
   list: selectPlaylist(HMSPlaylistType.video),
   selectedItem: <any>selectPlaylistSelectedItem(HMSPlaylistType.video),

package/src/test/fakeStore.ts

@@ -128,6 +128,7 @@ export const makeFakeStore = (): HMSStore => {
         progress: 20,
         volume: 100,
         currentTime: 10,
+        playbackRate: 0.5,
       },
       video: {
         list: {
@@ -152,6 +153,7 @@ export const makeFakeStore = (): HMSStore => {
         progress: 30,
         volume: 100,
         currentTime: 20,
+        playbackRate: 1.0,
       },
     },
     messages: {

package/src/test/unit/selectors.test.ts

@@ -164,6 +164,8 @@ describe('secondary selectors', () => {
     const list = Object.values(playlist.audio.list);
     expect(selectAudioPlaylist.list(fakeStore)).toEqual(list);
     expect(selectAudioPlaylist.progress(fakeStore)).toBe(20);
+    expect(selectAudioPlaylist.currentTime(fakeStore)).toBe(10);
+    expect(selectAudioPlaylist.playbackRate(fakeStore)).toBe(0.5);
     expect(selectAudioPlaylist.selection(fakeStore)).toEqual({
       id: list[0].id,
       hasNext: true,
@@ -176,6 +178,8 @@ describe('secondary selectors', () => {
     const list = Object.values(playlist.video.list);
     expect(selectVideoPlaylist.list(fakeStore)).toEqual(list);
     expect(selectVideoPlaylist.progress(fakeStore)).toBe(30);
+    expect(selectVideoPlaylist.currentTime(fakeStore)).toBe(20);
+    expect(selectVideoPlaylist.playbackRate(fakeStore)).toBe(1.0);
     expect(selectVideoPlaylist.selection(fakeStore)).toEqual({
       id: list[0].id,
       hasNext: true,