@sprucelabs/heartwood-view-controllers 119.6.9 → 119.7.1

package/build/.spruce/schemas/heartwoodViewControllers/v2021_02_11/webRtcPlayer.schema.js

@@ -33,6 +33,11 @@ const webRtcPlayerSchema = {
             options: { valueType: `HeartwoodTypes.WebRtcPlayerCropHandler`, }
         },
         /** . */
+        'onStateChange': {
+            type: 'raw',
+            options: { valueType: `HeartwoodTypes.WebRtcStateChangeHandler`, }
+        },
+        /** . */
         'crop': {
             type: 'schema',
             options: { schema: webRtcCropPoint_schema_1.default, }

package/build/.spruce/schemas/schemas.types.d.ts

@@ -753,6 +753,7 @@ declare module '@sprucelabs/spruce-core-schemas/build/.spruce/schemas/core.schem
             'controller'?: (HeartwoodTypes.ViewController<HeartwoodTypes.WebRtcPlayer>) | undefined | null;
             'shouldAllowCropping'?: boolean | undefined | null;
             'onCrop'?: (HeartwoodTypes.WebRtcPlayerCropHandler) | undefined | null;
+            'onStateChange'?: (HeartwoodTypes.WebRtcStateChangeHandler) | undefined | null;
             'crop'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.WebRtcCropPoint | undefined | null;
             'connection'?: (HeartwoodTypes.WebRtcConnection) | undefined | null;
             'streamer'?: (HeartwoodTypes.WebRtcStreamer) | undefined | null;
@@ -789,6 +790,13 @@ declare module '@sprucelabs/spruce-core-schemas/build/.spruce/schemas/core.schem
                     };
                 };
                 /** . */
+                'onStateChange': {
+                    type: 'raw';
+                    options: {
+                        valueType: `HeartwoodTypes.WebRtcStateChangeHandler`;
+                    };
+                };
+                /** . */
                 'crop': {
                     type: 'schema';
                     options: {

package/build/esm/.spruce/schemas/heartwoodViewControllers/v2021_02_11/webRtcPlayer.schema.js

@@ -28,6 +28,11 @@ const webRtcPlayerSchema = {
             options: { valueType: `HeartwoodTypes.WebRtcPlayerCropHandler`, }
         },
         /** . */
+        'onStateChange': {
+            type: 'raw',
+            options: { valueType: `HeartwoodTypes.WebRtcStateChangeHandler`, }
+        },
+        /** . */
         'crop': {
             type: 'schema',
             options: { schema: webRtcCropPointSchema_v2021_02_11, }

package/build/esm/.spruce/schemas/schemas.types.d.ts

@@ -753,6 +753,7 @@ declare module '@sprucelabs/spruce-core-schemas/build/.spruce/schemas/core.schem
             'controller'?: (HeartwoodTypes.ViewController<HeartwoodTypes.WebRtcPlayer>) | undefined | null;
             'shouldAllowCropping'?: boolean | undefined | null;
             'onCrop'?: (HeartwoodTypes.WebRtcPlayerCropHandler) | undefined | null;
+            'onStateChange'?: (HeartwoodTypes.WebRtcStateChangeHandler) | undefined | null;
             'crop'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.WebRtcCropPoint | undefined | null;
             'connection'?: (HeartwoodTypes.WebRtcConnection) | undefined | null;
             'streamer'?: (HeartwoodTypes.WebRtcStreamer) | undefined | null;
@@ -789,6 +790,13 @@ declare module '@sprucelabs/spruce-core-schemas/build/.spruce/schemas/core.schem
                     };
                 };
                 /** . */
+                'onStateChange': {
+                    type: 'raw';
+                    options: {
+                        valueType: `HeartwoodTypes.WebRtcStateChangeHandler`;
+                    };
+                };
+                /** . */
                 'crop': {
                     type: 'schema';
                     options: {

package/build/esm/schemas/v2021_02_11/webRtcPlayer.builder.d.ts

@@ -19,6 +19,12 @@ declare const _default: {
                 valueType: string;
             };
         };
+        onStateChange: {
+            type: "raw";
+            options: {
+                valueType: string;
+            };
+        };
         crop: {
             type: "schema";
             options: {

package/build/esm/schemas/v2021_02_11/webRtcPlayer.builder.js

@@ -20,6 +20,12 @@ export default buildSchema({
                 valueType: 'HeartwoodTypes.WebRtcPlayerCropHandler',
             },
         },
+        onStateChange: {
+            type: 'raw',
+            options: {
+                valueType: 'HeartwoodTypes.WebRtcStateChangeHandler',
+            },
+        },
         crop: {
             type: 'schema',
             options: {

package/build/esm/tests/StubRtcStatsReport.d.ts

@@ -0,0 +1,3 @@
+export default class StubRtcStatsReport extends Map<string, RTCStats> implements RTCStatsReport {
+    constructor();
+}

package/build/esm/tests/StubRtcStatsReport.js

@@ -0,0 +1,34 @@
+export default class StubRtcStatsReport extends Map {
+    constructor() {
+        super();
+        const baseTime = Date.now();
+        this.set('inbound-rtp', {
+            id: 'inbound-rtp',
+            type: 'inbound-rtp',
+            timestamp: baseTime,
+            kind: 'video',
+            ssrc: 1234,
+            bytesReceived: 500000,
+            packetsReceived: 1000,
+            packetsLost: 10,
+            jitter: 0.005,
+        });
+        this.set('outbound-rtp', {
+            id: 'outbound-rtp',
+            type: 'outbound-rtp',
+            timestamp: baseTime,
+            kind: 'video',
+            ssrc: 5678,
+            bytesSent: 700000,
+            packetsSent: 1200,
+        });
+        this.set('candidate-pair', {
+            id: 'candidate-pair',
+            type: 'candidate-pair',
+            timestamp: baseTime,
+            state: 'succeeded',
+            currentRoundTripTime: 0.03,
+            availableOutgoingBitrate: 3000000,
+        });
+    }
+}

package/build/esm/tests/utilities/webRtcInteractor.d.ts

@@ -1,6 +1,7 @@
-import { WebRtcCropPoint } from '../../types/heartwood.types';
+import { WebRtcConnectionState, WebRtcCropPoint, WebRtcStateChangeEvent } from '../../types/heartwood.types';
 import WebRtcPlayerViewController from '../../viewControllers/webRtcStreaming/WebRtcPlayer.vc';
 declare const webRtcInteractor: {
     simulateCrop: (vc: WebRtcPlayerViewController, cropPoint?: WebRtcCropPoint) => Promise<void>;
+    simulateStateChange<State extends WebRtcConnectionState>(vc: WebRtcPlayerViewController, state: State, event?: WebRtcStateChangeEvent<State>): Promise<void>;
 };
 export default webRtcInteractor;

package/build/esm/tests/utilities/webRtcInteractor.js

@@ -8,7 +8,10 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { assertOptions } from '@sprucelabs/schema';
+import { assert } from '@sprucelabs/test-utils';
 import renderUtil from '../../utilities/render.utility.js';
+import WebRtcConnectionImpl from '../../webRtcStreaming/WebRtcConnection.js';
+import MockRtcPeerConnection from '../MockRtcPeerConnection.js';
 const webRtcInteractor = {
     simulateCrop: (vc, cropPoint) => __awaiter(void 0, void 0, void 0, function* () {
         var _a;
@@ -16,5 +19,14 @@ const webRtcInteractor = {
         const model = renderUtil.render(vc);
         yield ((_a = model.onCrop) === null || _a === void 0 ? void 0 : _a.call(model, cropPoint));
     }),
+    simulateStateChange(vc, state, event) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const model = renderUtil.render(vc);
+            const { onStateChange } = model;
+            assert.isFunction(onStateChange, `You must pass onStateChange to the view model during construction: this.Controller('web-rtc-player', { onStateChange: () => {} }).`);
+            assert.isEqual(WebRtcConnectionImpl.RTCPeerConnection, MockRtcPeerConnection, `You must setup the MockRtcPeerConnection in your test to test interactions. Try putting WebRtcConnectionImpl.RTCPeerConnection = MockRtcPeerConnection in your beforeEach().`);
+            yield onStateChange(state, event);
+        });
+    },
 };
 export default webRtcInteractor;

package/build/esm/viewControllers/webRtcStreaming/WebRtcPlayer.vc.js

@@ -7,6 +7,17 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { assertOptions } from '@sprucelabs/schema';
 import SpruceError from '../../errors/SpruceError.js';
 import removeUniversalViewOptions from '../../utilities/removeUniversalViewOptions.js';
@@ -15,8 +26,12 @@ import AbstractViewController from '../Abstract.vc.js';
 class WebRtcPlayerViewController extends AbstractViewController {
     constructor(options) {
         super(options);
+        const _a = removeUniversalViewOptions(options), { onStateChange } = _a, model = __rest(_a, ["onStateChange"]);
         this.connection = WebRtcConnectionImpl.Connection();
-        this.model = Object.assign(Object.assign({ connection: this.connection }, removeUniversalViewOptions(options)), { controller: this });
+        if (onStateChange) {
+            this.connection.onStateChange(onStateChange);
+        }
+        this.model = Object.assign(Object.assign({ connection: this.connection, onStateChange }, model), { controller: this });
     }
     setStreamer(streamer) {
         assertOptions({ streamer }, ['streamer']);

package/build/esm/webRtcStreaming/WebRtcConnection.d.ts

@@ -10,6 +10,9 @@ export default class WebRtcConnectionImpl implements WebRtcConnection {
     static Connection(): WebRtcConnection;
     getRtcPeerConnection(): RTCPeerConnection;
     createOffer(options: WebRtcVcPluginCreateOfferOptions): Promise<WebRtcCreateOfferResponse>;
+    private addStateChangeListener;
+    private handleStatusFailed;
+    private logStatsReport;
     private emitStateChange;
     onStateChange(cb: WebRtcStateChangeHandler): void;
     offStateChange(listener: WebRtcStateChangeHandler): void;
@@ -21,16 +24,23 @@ export interface WebRtcVcPluginCreateOfferOptions {
     };
 }
 export interface WebRtcStateEventMap {
-    createdOffer: RTCTrackEvent;
-    suppliedAnswer: RTCTrackEvent;
+    createdOffer: undefined;
+    suppliedAnswer: undefined;
+    connecting: WebRtcEvent;
+    connected: WebRtcEvent;
+    disconnected: WebRtcEvent;
     trackAdded: RTCTrackEvent;
     error: WebRtcErrorEvent;
 }
+interface WebRtcEvent {
+    connection: RTCPeerConnection;
+}
 export type WebRtcConnectionState = keyof WebRtcStateEventMap;
-export type WebRtcStateChangeEvent = RTCTrackEvent | WebRtcErrorEvent;
-export type WebRtcStateChangeHandler = (state: WebRtcConnectionState, event?: WebRtcStateChangeEvent) => void | Promise<void>;
+export type WebRtcStateChangeEvent<State extends WebRtcConnectionState = WebRtcConnectionState> = WebRtcStateEventMap[State];
+export type WebRtcStateChangeHandler<State extends WebRtcConnectionState = WebRtcConnectionState> = (state: State, event?: WebRtcStateChangeEvent<State>) => void | Promise<void>;
 export interface WebRtcErrorEvent {
     stats: RTCStatsReport;
+    connection: RTCPeerConnection;
 }
 export interface WebRtcConnection {
     offStateChange(listener: WebRtcStateChangeHandler): void;
@@ -43,3 +53,4 @@ export interface WebRtcCreateOfferResponse {
     streamer: WebRtcStreamer;
     rtcPeerConnection: RTCPeerConnection;
 }
+export {};

package/build/esm/webRtcStreaming/WebRtcConnection.js

@@ -44,18 +44,7 @@ export default class WebRtcConnectionImpl {
                 iceServers: [],
             });
             this.rtcPeerConnection = connection;
-            connection.addEventListener('connectionstatechange', () => __awaiter(this, void 0, void 0, function* () {
-                this.log.info(`RTCPeerConnection state changed to ${connection.connectionState}`);
-                if (connection.connectionState === 'failed') {
-                    const stats = yield connection.getStats();
-                    const messages = [];
-                    stats.forEach((report) => {
-                        messages.push(`[${report.type}] ID: ${report.id}`, report);
-                    });
-                    this.log.error(`RTCPeerConnection failed with stats:\n\n`, messages.join('\n'));
-                    yield this.emitStateChange('error', { stats });
-                }
-            }));
+            this.addStateChangeListener();
             const { offerToReceiveAudio, offerToReceiveVideo } = offerOptions;
             if (offerToReceiveAudio) {
                 connection.addTransceiver('audio', { direction: 'recvonly' });
@@ -81,6 +70,43 @@ export default class WebRtcConnectionImpl {
             };
         });
     }
+    addStateChangeListener() {
+        var _a;
+        (_a = this.rtcPeerConnection) === null || _a === void 0 ? void 0 : _a.addEventListener('connectionstatechange', () => __awaiter(this, void 0, void 0, function* () {
+            var _a, _b;
+            this.log.info(`RTCPeerConnection state changed to ${(_a = this.rtcPeerConnection) === null || _a === void 0 ? void 0 : _a.connectionState}`);
+            const state = (_b = this.rtcPeerConnection) === null || _b === void 0 ? void 0 : _b.connectionState;
+            if (state === 'failed') {
+                yield this.handleStatusFailed();
+            }
+            else {
+                yield this.emitStateChange(state, {
+                    connection: this.rtcPeerConnection,
+                });
+            }
+        }));
+    }
+    handleStatusFailed() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const connection = this.rtcPeerConnection;
+            if (!connection) {
+                return;
+            }
+            const stats = yield connection.getStats();
+            this.logStatsReport(stats);
+            yield this.emitStateChange('error', {
+                stats,
+                connection,
+            });
+        });
+    }
+    logStatsReport(stats) {
+        const messages = [];
+        stats.forEach((report) => {
+            messages.push(`[${report.type}] ID: ${report.id}`, JSON.stringify(report, null, 2));
+        });
+        this.log.error(`RTCPeerConnection failed with stats:\n\n`, messages.join('\n'));
+    }
     emitStateChange(state, event) {
         return __awaiter(this, void 0, void 0, function* () {
             for (const handler of this.stateChangeListeners) {

package/build/esm/webRtcStreaming/WebRtcStreamer.d.ts

@@ -3,8 +3,8 @@ export default class WebRtcStreamerImpl implements WebRtcStreamer {
     private connection;
     static Class?: new (connection: RTCPeerConnection, stateChangeHandlers?: WebRtcStateChangeListener) => WebRtcStreamer;
     private setAnwserHandler?;
-    protected constructor(connection: RTCPeerConnection, stateChangeHandler?: WebRtcStateChangeListener);
-    static Streamer(connection: RTCPeerConnection, stateChangeHandler?: WebRtcStateChangeListener): WebRtcStreamer;
+    protected constructor(connection: RTCPeerConnection, onSetAnswer?: WebRtcStateChangeListener);
+    static Streamer(connection: RTCPeerConnection, onSetAnswer?: WebRtcStateChangeListener): WebRtcStreamer;
     setAnswer(answerSdp: string): Promise<void>;
     onTrack(cb: (event: RTCTrackEvent) => void): void;
 }

package/build/esm/webRtcStreaming/WebRtcStreamer.js

@@ -9,13 +9,13 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { assertOptions } from '@sprucelabs/schema';
 export default class WebRtcStreamerImpl {
-    constructor(connection, stateChangeHandler) {
+    constructor(connection, onSetAnswer) {
         this.connection = connection;
-        this.setAnwserHandler = stateChangeHandler;
+        this.setAnwserHandler = onSetAnswer;
     }
-    static Streamer(connection, stateChangeHandler) {
+    static Streamer(connection, onSetAnswer) {
         var _a;
-        return new ((_a = this.Class) !== null && _a !== void 0 ? _a : this)(connection, stateChangeHandler);
+        return new ((_a = this.Class) !== null && _a !== void 0 ? _a : this)(connection, onSetAnswer);
     }
     setAnswer(answerSdp) {
         return __awaiter(this, void 0, void 0, function* () {

package/build/schemas/v2021_02_11/webRtcPlayer.builder.d.ts

@@ -19,6 +19,12 @@ declare const _default: {
                 valueType: string;
             };
         };
+        onStateChange: {
+            type: "raw";
+            options: {
+                valueType: string;
+            };
+        };
         crop: {
             type: "schema";
             options: {

package/build/schemas/v2021_02_11/webRtcPlayer.builder.js

@@ -22,6 +22,12 @@ exports.default = (0, schema_1.buildSchema)({
                 valueType: 'HeartwoodTypes.WebRtcPlayerCropHandler',
             },
         },
+        onStateChange: {
+            type: 'raw',
+            options: {
+                valueType: 'HeartwoodTypes.WebRtcStateChangeHandler',
+            },
+        },
         crop: {
             type: 'schema',
             options: {

package/build/tests/StubRtcStatsReport.d.ts

@@ -0,0 +1,3 @@
+export default class StubRtcStatsReport extends Map<string, RTCStats> implements RTCStatsReport {
+    constructor();
+}

package/build/tests/StubRtcStatsReport.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+class StubRtcStatsReport extends Map {
+    constructor() {
+        super();
+        const baseTime = Date.now();
+        this.set('inbound-rtp', {
+            id: 'inbound-rtp',
+            type: 'inbound-rtp',
+            timestamp: baseTime,
+            kind: 'video',
+            ssrc: 1234,
+            bytesReceived: 500000,
+            packetsReceived: 1000,
+            packetsLost: 10,
+            jitter: 0.005,
+        });
+        this.set('outbound-rtp', {
+            id: 'outbound-rtp',
+            type: 'outbound-rtp',
+            timestamp: baseTime,
+            kind: 'video',
+            ssrc: 5678,
+            bytesSent: 700000,
+            packetsSent: 1200,
+        });
+        this.set('candidate-pair', {
+            id: 'candidate-pair',
+            type: 'candidate-pair',
+            timestamp: baseTime,
+            state: 'succeeded',
+            currentRoundTripTime: 0.03,
+            availableOutgoingBitrate: 3000000,
+        });
+    }
+}
+exports.default = StubRtcStatsReport;

package/build/tests/utilities/webRtcInteractor.d.ts

@@ -1,6 +1,7 @@
-import { WebRtcCropPoint } from '../../types/heartwood.types';
+import { WebRtcConnectionState, WebRtcCropPoint, WebRtcStateChangeEvent } from '../../types/heartwood.types';
 import WebRtcPlayerViewController from '../../viewControllers/webRtcStreaming/WebRtcPlayer.vc';
 declare const webRtcInteractor: {
     simulateCrop: (vc: WebRtcPlayerViewController, cropPoint?: WebRtcCropPoint) => Promise<void>;
+    simulateStateChange<State extends WebRtcConnectionState>(vc: WebRtcPlayerViewController, state: State, event?: WebRtcStateChangeEvent<State>): Promise<void>;
 };
 export default webRtcInteractor;

package/build/tests/utilities/webRtcInteractor.js

@@ -4,12 +4,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const schema_1 = require("@sprucelabs/schema");
+const test_utils_1 = require("@sprucelabs/test-utils");
 const render_utility_1 = __importDefault(require("../../utilities/render.utility"));
+const WebRtcConnection_1 = __importDefault(require("../../webRtcStreaming/WebRtcConnection"));
+const MockRtcPeerConnection_1 = __importDefault(require("../MockRtcPeerConnection"));
 const webRtcInteractor = {
     simulateCrop: async (vc, cropPoint) => {
         (0, schema_1.assertOptions)({ vc }, ['vc']);
         const model = render_utility_1.default.render(vc);
         await model.onCrop?.(cropPoint);
     },
+    async simulateStateChange(vc, state, event) {
+        const model = render_utility_1.default.render(vc);
+        const { onStateChange } = model;
+        test_utils_1.assert.isFunction(onStateChange, `You must pass onStateChange to the view model during construction: this.Controller('web-rtc-player', { onStateChange: () => {} }).`);
+        test_utils_1.assert.isEqual(WebRtcConnection_1.default.RTCPeerConnection, MockRtcPeerConnection_1.default, `You must setup the MockRtcPeerConnection in your test to test interactions. Try putting WebRtcConnectionImpl.RTCPeerConnection = MockRtcPeerConnection in your beforeEach().`);
+        await onStateChange(state, event);
+    },
 };
 exports.default = webRtcInteractor;

package/build/viewControllers/webRtcStreaming/WebRtcPlayer.vc.js

@@ -11,10 +11,15 @@ const Abstract_vc_1 = __importDefault(require("../Abstract.vc"));
 class WebRtcPlayerViewController extends Abstract_vc_1.default {
     constructor(options) {
         super(options);
+        const { onStateChange, ...model } = (0, removeUniversalViewOptions_1.default)(options);
         this.connection = WebRtcConnection_1.default.Connection();
+        if (onStateChange) {
+            this.connection.onStateChange(onStateChange);
+        }
         this.model = {
             connection: this.connection,
-            ...(0, removeUniversalViewOptions_1.default)(options),
+            onStateChange,
+            ...model,
             controller: this,
         };
     }

package/build/webRtcStreaming/WebRtcConnection.d.ts

@@ -10,6 +10,9 @@ export default class WebRtcConnectionImpl implements WebRtcConnection {
     static Connection(): WebRtcConnection;
     getRtcPeerConnection(): RTCPeerConnection;
     createOffer(options: WebRtcVcPluginCreateOfferOptions): Promise<WebRtcCreateOfferResponse>;
+    private addStateChangeListener;
+    private handleStatusFailed;
+    private logStatsReport;
     private emitStateChange;
     onStateChange(cb: WebRtcStateChangeHandler): void;
     offStateChange(listener: WebRtcStateChangeHandler): void;
@@ -21,16 +24,23 @@ export interface WebRtcVcPluginCreateOfferOptions {
     };
 }
 export interface WebRtcStateEventMap {
-    createdOffer: RTCTrackEvent;
-    suppliedAnswer: RTCTrackEvent;
+    createdOffer: undefined;
+    suppliedAnswer: undefined;
+    connecting: WebRtcEvent;
+    connected: WebRtcEvent;
+    disconnected: WebRtcEvent;
     trackAdded: RTCTrackEvent;
     error: WebRtcErrorEvent;
 }
+interface WebRtcEvent {
+    connection: RTCPeerConnection;
+}
 export type WebRtcConnectionState = keyof WebRtcStateEventMap;
-export type WebRtcStateChangeEvent = RTCTrackEvent | WebRtcErrorEvent;
-export type WebRtcStateChangeHandler = (state: WebRtcConnectionState, event?: WebRtcStateChangeEvent) => void | Promise<void>;
+export type WebRtcStateChangeEvent<State extends WebRtcConnectionState = WebRtcConnectionState> = WebRtcStateEventMap[State];
+export type WebRtcStateChangeHandler<State extends WebRtcConnectionState = WebRtcConnectionState> = (state: State, event?: WebRtcStateChangeEvent<State>) => void | Promise<void>;
 export interface WebRtcErrorEvent {
     stats: RTCStatsReport;
+    connection: RTCPeerConnection;
 }
 export interface WebRtcConnection {
     offStateChange(listener: WebRtcStateChangeHandler): void;
@@ -43,3 +53,4 @@ export interface WebRtcCreateOfferResponse {
     streamer: WebRtcStreamer;
     rtcPeerConnection: RTCPeerConnection;
 }
+export {};

package/build/webRtcStreaming/WebRtcConnection.js

@@ -38,18 +38,7 @@ class WebRtcConnectionImpl {
             iceServers: [],
         });
         this.rtcPeerConnection = connection;
-        connection.addEventListener('connectionstatechange', async () => {
-            this.log.info(`RTCPeerConnection state changed to ${connection.connectionState}`);
-            if (connection.connectionState === 'failed') {
-                const stats = await connection.getStats();
-                const messages = [];
-                stats.forEach((report) => {
-                    messages.push(`[${report.type}] ID: ${report.id}`, report);
-                });
-                this.log.error(`RTCPeerConnection failed with stats:\n\n`, messages.join('\n'));
-                await this.emitStateChange('error', { stats });
-            }
-        });
+        this.addStateChangeListener();
         const { offerToReceiveAudio, offerToReceiveVideo } = offerOptions;
         if (offerToReceiveAudio) {
             connection.addTransceiver('audio', { direction: 'recvonly' });
@@ -74,6 +63,39 @@ class WebRtcConnectionImpl {
             }),
         };
     }
+    addStateChangeListener() {
+        this.rtcPeerConnection?.addEventListener('connectionstatechange', async () => {
+            this.log.info(`RTCPeerConnection state changed to ${this.rtcPeerConnection?.connectionState}`);
+            const state = this.rtcPeerConnection?.connectionState;
+            if (state === 'failed') {
+                await this.handleStatusFailed();
+            }
+            else {
+                await this.emitStateChange(state, {
+                    connection: this.rtcPeerConnection,
+                });
+            }
+        });
+    }
+    async handleStatusFailed() {
+        const connection = this.rtcPeerConnection;
+        if (!connection) {
+            return;
+        }
+        const stats = await connection.getStats();
+        this.logStatsReport(stats);
+        await this.emitStateChange('error', {
+            stats,
+            connection,
+        });
+    }
+    logStatsReport(stats) {
+        const messages = [];
+        stats.forEach((report) => {
+            messages.push(`[${report.type}] ID: ${report.id}`, JSON.stringify(report, null, 2));
+        });
+        this.log.error(`RTCPeerConnection failed with stats:\n\n`, messages.join('\n'));
+    }
     async emitStateChange(state, event) {
         for (const handler of this.stateChangeListeners) {
             await handler(state, event);

package/build/webRtcStreaming/WebRtcStreamer.d.ts

@@ -3,8 +3,8 @@ export default class WebRtcStreamerImpl implements WebRtcStreamer {
     private connection;
     static Class?: new (connection: RTCPeerConnection, stateChangeHandlers?: WebRtcStateChangeListener) => WebRtcStreamer;
     private setAnwserHandler?;
-    protected constructor(connection: RTCPeerConnection, stateChangeHandler?: WebRtcStateChangeListener);
-    static Streamer(connection: RTCPeerConnection, stateChangeHandler?: WebRtcStateChangeListener): WebRtcStreamer;
+    protected constructor(connection: RTCPeerConnection, onSetAnswer?: WebRtcStateChangeListener);
+    static Streamer(connection: RTCPeerConnection, onSetAnswer?: WebRtcStateChangeListener): WebRtcStreamer;
     setAnswer(answerSdp: string): Promise<void>;
     onTrack(cb: (event: RTCTrackEvent) => void): void;
 }

package/build/webRtcStreaming/WebRtcStreamer.js

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const schema_1 = require("@sprucelabs/schema");
 class WebRtcStreamerImpl {
-    constructor(connection, stateChangeHandler) {
+    constructor(connection, onSetAnswer) {
         this.connection = connection;
-        this.setAnwserHandler = stateChangeHandler;
+        this.setAnwserHandler = onSetAnswer;
     }
-    static Streamer(connection, stateChangeHandler) {
-        return new (this.Class ?? this)(connection, stateChangeHandler);
+    static Streamer(connection, onSetAnswer) {
+        return new (this.Class ?? this)(connection, onSetAnswer);
     }
     async setAnswer(answerSdp) {
         (0, schema_1.assertOptions)({ answerSdp }, ['answerSdp']);

package/package.json

@@ -13,7 +13,7 @@
   "sideEffects": false,
   "license": "MIT",
   "description": "All the power of Heartwood in one, convenient package.",
-  "version": "119.6.9",
+  "version": "119.7.1",
   "skill": {
     "namespace": "HeartwoodViewControllers",
     "commandOverrides": {