@stream-io/video-react-native-sdk 0.0.1-alpha.262 → 0.0.1-alpha.263

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/README.md +1 -1
  3. package/dist/src/hooks/useCallControls.d.ts +1 -1
  4. package/dist/src/hooks/useCallControls.js +12 -22
  5. package/dist/src/hooks/useCallControls.js.map +1 -1
  6. package/package.json +1 -1
  7. package/src/hooks/useCallControls.tsx +14 -27
package/CHANGELOG.md CHANGED
@@ -2,6 +2,15 @@
2
2
 
3
3
  This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
4
4
 
5
+ ## [0.0.1-alpha.263](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.1-alpha.262...@stream-io/video-react-native-sdk-0.0.1-alpha.263) (2023-07-10)
6
+
7
+
8
+ ### Bug Fixes
9
+
10
+ * **react-native:** video published on foreground even if it was muted ([#773](https://github.com/GetStream/stream-video-js/issues/773)) ([6fc1ce9](https://github.com/GetStream/stream-video-js/commit/6fc1ce91db183e6fa2c962b86b5715e3ac4421c6))
11
+
12
+
13
+
5
14
  ## [0.0.1-alpha.262](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.1-alpha.261...@stream-io/video-react-native-sdk-0.0.1-alpha.262) (2023-07-10)
6
15
 
7
16
 
package/README.md CHANGED
@@ -96,7 +96,7 @@ Stream's video roadmap and changelog are available [here](https://github.com/Get
96
96
  - [x] Reconnection (awaiting BE)
97
97
  - [x] Simulcasting- iOS
98
98
  - [x] Pinning and spotlighting participants
99
- - [ ] Components parity, alignment and refactor
99
+ - [x] Components parity, alignment and refactor
100
100
  - [ ] Write docs:
101
101
  - [ ] UI Components
102
102
  - [ ] Tutorials
package/dist/src/hooks/useCallControls.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * A helper hook which exposes audio, video mute and camera facing mode and
2
+ * A helper hook which exposes audio, video publishing state and
3
3
  * their respective functions to toggle state
4
4
  *
5
5
  * @category Device Management
package/dist/src/hooks/useCallControls.js CHANGED
@@ -7,46 +7,36 @@ const react_1 = require("react");
7
7
  const useAppStateListener_1 = require("../utils/hooks/useAppStateListener");
8
8
  const MediaStreamManagement_1 = require("../providers/MediaStreamManagement");
9
9
  /**
10
- * A helper hook which exposes audio, video mute and camera facing mode and
10
+ * A helper hook which exposes audio, video publishing state and
11
11
  * their respective functions to toggle state
12
12
  *
13
13
  * @category Device Management
14
14
  */
15
15
  const useCallControls = () => {
16
16
  const localParticipant = (0, video_react_bindings_1.useLocalParticipant)();
17
- const call = (0, video_react_bindings_1.useCall)();
18
- /** Refs to keep track of the current call and whether the user is online or not */
19
- const callRef = (0, react_1.useRef)(call);
20
- callRef.current = call;
21
17
  const { publishAudioStream, publishVideoStream, stopPublishingAudio, stopPublishingVideo, } = (0, MediaStreamManagement_1.useMediaStreamManagement)();
22
18
  const isAudioPublished = localParticipant?.publishedTracks.includes(video_client_1.SfuModels.TrackType.AUDIO);
23
19
  const isVideoPublished = localParticipant?.publishedTracks.includes(video_client_1.SfuModels.TrackType.VIDEO);
24
- /** Refs to keep track of whether the user has published the track before going offline */
25
- const isAudioPublishedRef = (0, react_1.useRef)(false);
26
- const isVideoPublishedRef = (0, react_1.useRef)(false);
27
- isAudioPublishedRef.current = !isAudioPublished;
28
- isVideoPublishedRef.current = !isVideoPublished;
29
- /** Refs to be used for useEffect that does the rejoining flow when coming back offline */
30
- const publishAudioStreamRef = (0, react_1.useRef)(publishAudioStream);
31
- const publishVideoStreamRef = (0, react_1.useRef)(publishVideoStream);
32
- publishAudioStreamRef.current = publishAudioStream;
33
- publishVideoStreamRef.current = publishVideoStream;
34
20
  /** Attempt to republish video stream when app comes back to foreground */
35
- (0, useAppStateListener_1.useAppStateListener)(isVideoPublishedRef.current ? publishVideoStream : undefined);
36
- const toggleVideoMuted = (0, react_1.useCallback)(async () => {
37
- if (!isVideoPublished) {
21
+ (0, useAppStateListener_1.useAppStateListener)(() => {
22
+ if (isVideoPublished) {
38
23
  publishVideoStream();
39
24
  }
40
- else {
25
+ }, undefined);
26
+ const toggleVideoMuted = (0, react_1.useCallback)(async () => {
27
+ if (isVideoPublished) {
41
28
  stopPublishingVideo();
42
29
  }
30
+ else {
31
+ publishVideoStream();
32
+ }
43
33
  }, [isVideoPublished, publishVideoStream, stopPublishingVideo]);
44
34
  const toggleAudioMuted = (0, react_1.useCallback)(async () => {
45
- if (!isAudioPublished) {
46
- publishAudioStream();
35
+ if (isAudioPublished) {
36
+ stopPublishingAudio();
47
37
  }
48
38
  else {
49
- stopPublishingAudio();
39
+ publishAudioStream();
50
40
  }
51
41
  }, [isAudioPublished, publishAudioStream, stopPublishingAudio]);
52
42
  return {
package/dist/src/hooks/useCallControls.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useCallControls.js","sourceRoot":"","sources":["../../../src/hooks/useCallControls.tsx"],"names":[],"mappings":";;;AAAA,0DAAoD;AACpD,0EAA+E;AAC/E,iCAA4C;AAC5C,4EAAyE;AACzE,8EAA8E;AAE9E;;;;;GAKG;AACI,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,gBAAgB,GAAG,IAAA,0CAAmB,GAAE,CAAC;IAC/C,MAAM,IAAI,GAAG,IAAA,8BAAO,GAAE,CAAC;IACvB,mFAAmF;IACnF,MAAM,OAAO,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAC7B,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;IAEvB,MAAM,EACJ,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,GACpB,GAAG,IAAA,gDAAwB,GAAE,CAAC;IAE/B,MAAM,gBAAgB,GAAG,gBAAgB,EAAE,eAAe,CAAC,QAAQ,CACjE,wBAAS,CAAC,SAAS,CAAC,KAAK,CAC1B,CAAC;IACF,MAAM,gBAAgB,GAAG,gBAAgB,EAAE,eAAe,CAAC,QAAQ,CACjE,wBAAS,CAAC,SAAS,CAAC,KAAK,CAC1B,CAAC;IACF,2FAA2F;IAC3F,MAAM,mBAAmB,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,mBAAmB,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,CAAC;IAC1C,mBAAmB,CAAC,OAAO,GAAG,CAAC,gBAAgB,CAAC;IAChD,mBAAmB,CAAC,OAAO,GAAG,CAAC,gBAAgB,CAAC;IAEhD,0FAA0F;IAC1F,MAAM,qBAAqB,GAAG,IAAA,cAAM,EAAC,kBAAkB,CAAC,CAAC;IACzD,MAAM,qBAAqB,GAAG,IAAA,cAAM,EAAC,kBAAkB,CAAC,CAAC;IACzD,qBAAqB,CAAC,OAAO,GAAG,kBAAkB,CAAC;IACnD,qBAAqB,CAAC,OAAO,GAAG,kBAAkB,CAAC;IAEnD,0EAA0E;IAC1E,IAAA,yCAAmB,EACjB,mBAAmB,CAAC,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,SAAS,CAC7D,CAAC;IAEF,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAAC,KAAK,IAAI,EAAE;QAC9C,IAAI,CAAC,gBAAgB,EAAE;YACrB,kBAAkB,EAAE,CAAC;SACtB;aAAM;YACL,mBAAmB,EAAE,CAAC;SACvB;IACH,CAAC,EAAE,CAAC,gBAAgB,EAAE,kBAAkB,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAEhE,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAAC,KAAK,IAAI,EAAE;QAC9C,IAAI,CAAC,gBAAgB,EAAE;YACrB,kBAAkB,EAAE,CAAC;SACtB;aAAM;YACL,mBAAmB,EAAE,CAAC;SACvB;IACH,CAAC,EAAE,CAAC,gBAAgB,EAAE,kBAAkB,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAEhE,OAAO;QACL,gBAAgB;QAChB,gBAAgB;QAChB,gBAAgB;QAChB,gBAAgB;KACjB,CAAC;AACJ,CAAC,CAAC;AA3DW,QAAA,eAAe,mBA2D1B"}
1
+ {"version":3,"file":"useCallControls.js","sourceRoot":"","sources":["../../../src/hooks/useCallControls.tsx"],"names":[],"mappings":";;;AAAA,0DAAoD;AACpD,0EAAsE;AACtE,iCAAoC;AACpC,4EAAyE;AACzE,8EAA8E;AAE9E;;;;;GAKG;AACI,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,gBAAgB,GAAG,IAAA,0CAAmB,GAAE,CAAC;IAE/C,MAAM,EACJ,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,GACpB,GAAG,IAAA,gDAAwB,GAAE,CAAC;IAE/B,MAAM,gBAAgB,GAAG,gBAAgB,EAAE,eAAe,CAAC,QAAQ,CACjE,wBAAS,CAAC,SAAS,CAAC,KAAK,CAC1B,CAAC;IACF,MAAM,gBAAgB,GAAG,gBAAgB,EAAE,eAAe,CAAC,QAAQ,CACjE,wBAAS,CAAC,SAAS,CAAC,KAAK,CAC1B,CAAC;IAEF,0EAA0E;IAC1E,IAAA,yCAAmB,EAAC,GAAG,EAAE;QACvB,IAAI,gBAAgB,EAAE;YACpB,kBAAkB,EAAE,CAAC;SACtB;IACH,CAAC,EAAE,SAAS,CAAC,CAAC;IAEd,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAAC,KAAK,IAAI,EAAE;QAC9C,IAAI,gBAAgB,EAAE;YACpB,mBAAmB,EAAE,CAAC;SACvB;aAAM;YACL,kBAAkB,EAAE,CAAC;SACtB;IACH,CAAC,EAAE,CAAC,gBAAgB,EAAE,kBAAkB,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAEhE,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAAC,KAAK,IAAI,EAAE;QAC9C,IAAI,gBAAgB,EAAE;YACpB,mBAAmB,EAAE,CAAC;SACvB;aAAM;YACL,kBAAkB,EAAE,CAAC;SACtB;IACH,CAAC,EAAE,CAAC,gBAAgB,EAAE,kBAAkB,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAEhE,OAAO;QACL,gBAAgB;QAChB,gBAAgB;QAChB,gBAAgB;QAChB,gBAAgB;KACjB,CAAC;AACJ,CAAC,CAAC;AA9CW,QAAA,eAAe,mBA8C1B"}
package/package.json CHANGED
@@ -84,5 +84,5 @@
84
84
  "typedoc-plugin-markdown": "^3.15.3",
85
85
  "typescript": "^4.9.5"
86
86
  },
87
- "version": "0.0.1-alpha.262"
87
+ "version": "0.0.1-alpha.263"
88
88
  }
package/src/hooks/useCallControls.tsx CHANGED
@@ -1,21 +1,17 @@
1
1
  import { SfuModels } from '@stream-io/video-client';
2
- import { useCall, useLocalParticipant } from '@stream-io/video-react-bindings';
3
- import { useCallback, useRef } from 'react';
2
+ import { useLocalParticipant } from '@stream-io/video-react-bindings';
3
+ import { useCallback } from 'react';
4
4
  import { useAppStateListener } from '../utils/hooks/useAppStateListener';
5
5
  import { useMediaStreamManagement } from '../providers/MediaStreamManagement';
6
6
 
7
7
  /**
8
- * A helper hook which exposes audio, video mute and camera facing mode and
8
+ * A helper hook which exposes audio, video publishing state and
9
9
  * their respective functions to toggle state
10
10
  *
11
11
  * @category Device Management
12
12
  */
13
13
  export const useCallControls = () => {
14
14
  const localParticipant = useLocalParticipant();
15
- const call = useCall();
16
- /** Refs to keep track of the current call and whether the user is online or not */
17
- const callRef = useRef(call);
18
- callRef.current = call;
19
15
 
20
16
  const {
21
17
  publishAudioStream,
@@ -30,36 +26,27 @@ export const useCallControls = () => {
30
26
  const isVideoPublished = localParticipant?.publishedTracks.includes(
31
27
  SfuModels.TrackType.VIDEO,
32
28
  );
33
- /** Refs to keep track of whether the user has published the track before going offline */
34
- const isAudioPublishedRef = useRef(false);
35
- const isVideoPublishedRef = useRef(false);
36
- isAudioPublishedRef.current = !isAudioPublished;
37
- isVideoPublishedRef.current = !isVideoPublished;
38
-
39
- /** Refs to be used for useEffect that does the rejoining flow when coming back offline */
40
- const publishAudioStreamRef = useRef(publishAudioStream);
41
- const publishVideoStreamRef = useRef(publishVideoStream);
42
- publishAudioStreamRef.current = publishAudioStream;
43
- publishVideoStreamRef.current = publishVideoStream;
44
29
 
45
30
  /** Attempt to republish video stream when app comes back to foreground */
46
- useAppStateListener(
47
- isVideoPublishedRef.current ? publishVideoStream : undefined,
48
- );
31
+ useAppStateListener(() => {
32
+ if (isVideoPublished) {
33
+ publishVideoStream();
34
+ }
35
+ }, undefined);
49
36
 
50
37
  const toggleVideoMuted = useCallback(async () => {
51
- if (!isVideoPublished) {
52
- publishVideoStream();
53
- } else {
38
+ if (isVideoPublished) {
54
39
  stopPublishingVideo();
40
+ } else {
41
+ publishVideoStream();
55
42
  }
56
43
  }, [isVideoPublished, publishVideoStream, stopPublishingVideo]);
57
44
 
58
45
  const toggleAudioMuted = useCallback(async () => {
59
- if (!isAudioPublished) {
60
- publishAudioStream();
61
- } else {
46
+ if (isAudioPublished) {
62
47
  stopPublishingAudio();
48
+ } else {
49
+ publishAudioStream();
63
50
  }
64
51
  }, [isAudioPublished, publishAudioStream, stopPublishingAudio]);
65
52