@stream-io/video-client 0.0.3 → 0.0.5

package/dist/src/events/recording.d.ts

@@ -12,4 +12,7 @@ export declare const watchCallRecordingStopped: (state: CallState) => (event: St
  * Watches for `call.broadcasting_started` events.
  */
 export declare const watchCallBroadcastingStarted: (state: CallState) => (event: StreamVideoEvent) => void;
+/**
+ * Watches for `call.broadcasting_stopped` events.
+ */
 export declare const watchCallBroadcastingStopped: (state: CallState) => (event: StreamVideoEvent) => void;

package/dist/src/gen/coordinator/index.d.ts

@@ -969,12 +969,6 @@ export interface CallResponse {
      * @memberof CallResponse
      */
     blocked_user_ids: Array<string>;
-    /**
-     *
-     * @type {boolean}
-     * @memberof CallResponse
-     */
-    broadcasting: boolean;
     /**
      * The unique identifier for a call (<type>:<id>)
      * @type {string}
@@ -1008,17 +1002,17 @@ export interface CallResponse {
         [key: string]: any;
     };
     /**
-     * Date/time when the call ended
-     * @type {string}
+     *
+     * @type {EgressResponse}
      * @memberof CallResponse
      */
-    ended_at?: string;
+    egress: EgressResponse;
     /**
-     *
+     * Date/time when the call ended
      * @type {string}
      * @memberof CallResponse
      */
-    hls_playlist_url: string;
+    ended_at?: string;
     /**
      * Call ID
      * @type {string}
@@ -1989,6 +1983,69 @@ export interface EdgeResponse {
      */
     yellow: number;
 }
+/**
+ *
+ * @export
+ * @interface EgressHLSResponse
+ */
+export interface EgressHLSResponse {
+    /**
+     *
+     * @type {string}
+     * @memberof EgressHLSResponse
+     */
+    playlist_url: string;
+}
+/**
+ *
+ * @export
+ * @interface EgressRTMPResponse
+ */
+export interface EgressRTMPResponse {
+    /**
+     *
+     * @type {string}
+     * @memberof EgressRTMPResponse
+     */
+    name: string;
+    /**
+     *
+     * @type {string}
+     * @memberof EgressRTMPResponse
+     */
+    stream_key: string;
+    /**
+     *
+     * @type {string}
+     * @memberof EgressRTMPResponse
+     */
+    url: string;
+}
+/**
+ *
+ * @export
+ * @interface EgressResponse
+ */
+export interface EgressResponse {
+    /**
+     *
+     * @type {boolean}
+     * @memberof EgressResponse
+     */
+    broadcasting: boolean;
+    /**
+     *
+     * @type {EgressHLSResponse}
+     * @memberof EgressResponse
+     */
+    hls?: EgressHLSResponse;
+    /**
+     *
+     * @type {Array<EgressRTMPResponse>}
+     * @memberof EgressResponse
+     */
+    rtmps: Array<EgressRTMPResponse>;
+}
 /**
  *
  * @export

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stream-io/video-client",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "packageManager": "yarn@3.2.4",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",

package/src/events/__tests__/recording.test.ts

@@ -30,25 +30,36 @@ describe('recording and broadcasting events', () => {
 
   it('handles call.broadcasting_started events', () => {
     const state = new CallState();
+    state.setMetadata({
+      // @ts-ignore
+      egress: {
+        broadcasting: false,
+        hls: {
+          playlist_url: '',
+        },
+      },
+    });
     const handler = watchCallBroadcastingStarted(state);
     // @ts-ignore
     handler({
       type: 'call.broadcasting_started',
       hls_playlist_url: 'https://example.com/playlist.m3u8',
     });
-    expect(state.metadata?.broadcasting).toBe(true);
-    expect(state.metadata?.hls_playlist_url).toBe(
+    expect(state.metadata?.egress.broadcasting).toBe(true);
+    expect(state.metadata?.egress.hls?.playlist_url).toBe(
       'https://example.com/playlist.m3u8',
     );
   });
 
   it('handles call.broadcasting_stopped events', () => {
     const state = new CallState();
+    // @ts-ignore
+    state.setMetadata({});
     const handler = watchCallBroadcastingStopped(state);
     // @ts-ignore
     handler({
       type: 'call.broadcasting_stopped',
     });
-    expect(state.metadata?.broadcasting).toBe(false);
+    expect(state.metadata?.egress.broadcasting).toBe(false);
   });
 });

package/src/events/recording.ts

@@ -35,18 +35,30 @@ export const watchCallBroadcastingStarted = (state: CallState) => {
     if (event.type !== 'call.broadcasting_started') return;
     state.setMetadata((metadata) => ({
       ...metadata!,
-      broadcasting: true,
-      hls_playlist_url: event.hls_playlist_url,
+      egress: {
+        ...metadata!.egress,
+        broadcasting: true,
+        hls: {
+          ...metadata!.egress.hls,
+          playlist_url: event.hls_playlist_url,
+        },
+      },
     }));
   };
 };
 
+/**
+ * Watches for `call.broadcasting_stopped` events.
+ */
 export const watchCallBroadcastingStopped = (state: CallState) => {
   return function onCallBroadcastingStopped(event: StreamVideoEvent) {
     if (event.type !== 'call.broadcasting_stopped') return;
     state.setMetadata((metadata) => ({
       ...metadata!,
-      broadcasting: false,
+      egress: {
+        ...metadata!.egress,
+        broadcasting: false,
+      },
     }));
   };
 };

package/src/gen/coordinator/index.ts

@@ -968,12 +968,6 @@ export interface CallResponse {
    * @memberof CallResponse
    */
   blocked_user_ids: Array<string>;
-  /**
-   *
-   * @type {boolean}
-   * @memberof CallResponse
-   */
-  broadcasting: boolean;
   /**
    * The unique identifier for a call (<type>:<id>)
    * @type {string}
@@ -1005,17 +999,17 @@ export interface CallResponse {
    */
   custom: { [key: string]: any };
   /**
-   * Date/time when the call ended
-   * @type {string}
+   *
+   * @type {EgressResponse}
    * @memberof CallResponse
    */
-  ended_at?: string;
+  egress: EgressResponse;
   /**
-   *
+   * Date/time when the call ended
    * @type {string}
    * @memberof CallResponse
    */
-  hls_playlist_url: string;
+  ended_at?: string;
   /**
    * Call ID
    * @type {string}
@@ -1971,6 +1965,69 @@ export interface EdgeResponse {
    */
   yellow: number;
 }
+/**
+ *
+ * @export
+ * @interface EgressHLSResponse
+ */
+export interface EgressHLSResponse {
+  /**
+   *
+   * @type {string}
+   * @memberof EgressHLSResponse
+   */
+  playlist_url: string;
+}
+/**
+ *
+ * @export
+ * @interface EgressRTMPResponse
+ */
+export interface EgressRTMPResponse {
+  /**
+   *
+   * @type {string}
+   * @memberof EgressRTMPResponse
+   */
+  name: string;
+  /**
+   *
+   * @type {string}
+   * @memberof EgressRTMPResponse
+   */
+  stream_key: string;
+  /**
+   *
+   * @type {string}
+   * @memberof EgressRTMPResponse
+   */
+  url: string;
+}
+/**
+ *
+ * @export
+ * @interface EgressResponse
+ */
+export interface EgressResponse {
+  /**
+   *
+   * @type {boolean}
+   * @memberof EgressResponse
+   */
+  broadcasting: boolean;
+  /**
+   *
+   * @type {EgressHLSResponse}
+   * @memberof EgressResponse
+   */
+  hls?: EgressHLSResponse;
+  /**
+   *
+   * @type {Array<EgressRTMPResponse>}
+   * @memberof EgressResponse
+   */
+  rtmps: Array<EgressRTMPResponse>;
+}
 /**
  *
  * @export

package/src/helpers/sdp-munging.ts

@@ -69,7 +69,7 @@ const getMediaSection = (sdp: string, mediaType: 'video' | 'audio') => {
   sdp.split(/(\r\n|\r|\n)/).forEach((line) => {
     const isValidLine = /^([a-z])=(.*)/.test(line);
     if (!isValidLine) return;
-    /* 
+    /*
       NOTE: according to https://www.rfc-editor.org/rfc/rfc8866.pdf
       Each media description starts with an "m=" line and continues to the next media description or the end of the whole session description, whichever comes first
     */
@@ -170,7 +170,7 @@ export const removeCodec = (
   sdp: string,
   mediaType: 'video' | 'audio',
   codecToRemove: string,
-) => {
+): string => {
   const section = getMediaSection(sdp, mediaType);
   const mediaSection = section?.media;
   if (!mediaSection) {
@@ -190,30 +190,26 @@ export const removeCodec = (
       mediaSection.original,
       `${mediaSection.mediaWithPorts} ${newCodecOrder}`,
     )
-    .replace(new RegExp(`${rtpMap.original}[\r\n|\r|\n]`), '') // remove the corresponding rtpmap line
-    .replace(
-      fmtp?.original ? new RegExp(`${fmtp?.original}[\r\n|\r|\n]`) : '',
-      '',
-    ); // remove the corresponding fmtp line
+    .replace(new RegExp(`${rtpMap.original}[\r\n]+`), '') // remove the corresponding rtpmap line
+    .replace(fmtp?.original ? new RegExp(`${fmtp?.original}[\r\n]+`) : '', ''); // remove the corresponding fmtp line
 };
 
 /**
  * Gets the fmtp line corresponding to opus
  */
-const getOpusFmtp = (sdp: string) => {
+const getOpusFmtp = (sdp: string): Fmtp | undefined => {
   const section = getMediaSection(sdp, 'audio');
   const rtpMap = section?.rtpMap.find((r) => r.codec.toLowerCase() === 'opus');
   const codecId = rtpMap?.payload;
   if (codecId) {
-    const fmtp = section?.fmtp.find((f) => f.payload === codecId);
-    return fmtp;
+    return section?.fmtp.find((f) => f.payload === codecId);
   }
 };
 
 /**
  * Returns an SDP with DTX enabled or disabled.
  */
-export const toggleDtx = (sdp: string, enable: boolean) => {
+export const toggleDtx = (sdp: string, enable: boolean): string => {
   const opusFmtp = getOpusFmtp(sdp);
   if (opusFmtp) {
     const matchDtx = /usedtx=(\d)/.exec(opusFmtp.config);

package/src/rtc/publisher.ts

@@ -342,7 +342,7 @@ export class Publisher {
     const offer = await this.publisher.createOffer();
     let sdp = offer.sdp;
     if (sdp) {
-      toggleDtx(sdp, this.isDtxEnabled);
+      sdp = toggleDtx(sdp, this.isDtxEnabled);
       if (isReactNative()) {
         if (this.preferredVideoCodec) {
           sdp = setPreferredCodec(sdp, 'video', this.preferredVideoCodec);