@sprucelabs/heartwood-view-controllers 118.0.26 → 118.0.28

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

@@ -217,9 +217,9 @@ const cardSectionSchema = {
             options: { schema: portal_schema_1.default, }
         },
         /** . */
-        'webRtcStreamer': {
+        'webRtcPlayer': {
             type: 'raw',
-            options: { valueType: `HeartwoodTypes.WebRtcStreamer`, }
+            options: { valueType: `HeartwoodTypes.WebRtcPlayer`, }
         },
         /** Alignment. */
         'alignment': {

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

@@ -19,6 +19,11 @@ const webRtcPlayerSchema = {
             options: { valueType: `HeartwoodTypes.ViewController<HeartwoodTypes.WebRtcPlayer>`, }
         },
         /** . */
+        'connection': {
+            type: 'raw',
+            options: { valueType: `HeartwoodTypes.WebRtcConnection`, }
+        },
+        /** . */
         'streamer': {
             type: 'raw',
             options: { valueType: `HeartwoodTypes.WebRtcStreamer`, }

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

@@ -708,6 +708,7 @@ declare module '@sprucelabs/spruce-core-schemas/build/.spruce/schemas/core.schem
         interface WebRtcPlayer {
             'id'?: string | undefined | null;
             'controller'?: (HeartwoodTypes.ViewController<HeartwoodTypes.WebRtcPlayer>) | undefined | null;
+            'connection'?: (HeartwoodTypes.WebRtcConnection) | undefined | null;
             'streamer'?: (HeartwoodTypes.WebRtcStreamer) | undefined | null;
         }
         interface WebRtcPlayerSchema extends SpruceSchema.Schema {
@@ -730,6 +731,13 @@ declare module '@sprucelabs/spruce-core-schemas/build/.spruce/schemas/core.schem
                     };
                 };
                 /** . */
+                'connection': {
+                    type: 'raw';
+                    options: {
+                        valueType: `HeartwoodTypes.WebRtcConnection`;
+                    };
+                };
+                /** . */
                 'streamer': {
                     type: 'raw';
                     options: {
@@ -7147,7 +7155,7 @@ declare module '@sprucelabs/spruce-core-schemas/build/.spruce/schemas/core.schem
             'gridSize'?: ("small" | "medium" | "large") | undefined | null;
             /** . Will render content in an iframe in the body of the card. */
             'portal'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.Portal | undefined | null;
-            'webRtcStreamer'?: (HeartwoodTypes.WebRtcStreamer) | undefined | null;
+            'webRtcPlayer'?: (HeartwoodTypes.WebRtcPlayer) | undefined | null;
             /** Alignment. */
             'alignment'?: ("left" | "center" | "right") | undefined | null;
         }
@@ -7399,10 +7407,10 @@ declare module '@sprucelabs/spruce-core-schemas/build/.spruce/schemas/core.schem
                     };
                 };
                 /** . */
-                'webRtcStreamer': {
+                'webRtcPlayer': {
                     type: 'raw';
                     options: {
-                        valueType: `HeartwoodTypes.WebRtcStreamer`;
+                        valueType: `HeartwoodTypes.WebRtcPlayer`;
                     };
                 };
                 /** Alignment. */

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

@@ -212,9 +212,9 @@ const cardSectionSchema = {
             options: { schema: portalSchema_v2021_02_11, }
         },
         /** . */
-        'webRtcStreamer': {
+        'webRtcPlayer': {
             type: 'raw',
-            options: { valueType: `HeartwoodTypes.WebRtcStreamer`, }
+            options: { valueType: `HeartwoodTypes.WebRtcPlayer`, }
         },
         /** Alignment. */
         'alignment': {

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

@@ -17,6 +17,11 @@ const webRtcPlayerSchema = {
             options: { valueType: `HeartwoodTypes.ViewController<HeartwoodTypes.WebRtcPlayer>`, }
         },
         /** . */
+        'connection': {
+            type: 'raw',
+            options: { valueType: `HeartwoodTypes.WebRtcConnection`, }
+        },
+        /** . */
         'streamer': {
             type: 'raw',
             options: { valueType: `HeartwoodTypes.WebRtcStreamer`, }

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

@@ -708,6 +708,7 @@ declare module '@sprucelabs/spruce-core-schemas/build/.spruce/schemas/core.schem
         interface WebRtcPlayer {
             'id'?: string | undefined | null;
             'controller'?: (HeartwoodTypes.ViewController<HeartwoodTypes.WebRtcPlayer>) | undefined | null;
+            'connection'?: (HeartwoodTypes.WebRtcConnection) | undefined | null;
             'streamer'?: (HeartwoodTypes.WebRtcStreamer) | undefined | null;
         }
         interface WebRtcPlayerSchema extends SpruceSchema.Schema {
@@ -730,6 +731,13 @@ declare module '@sprucelabs/spruce-core-schemas/build/.spruce/schemas/core.schem
                     };
                 };
                 /** . */
+                'connection': {
+                    type: 'raw';
+                    options: {
+                        valueType: `HeartwoodTypes.WebRtcConnection`;
+                    };
+                };
+                /** . */
                 'streamer': {
                     type: 'raw';
                     options: {
@@ -7147,7 +7155,7 @@ declare module '@sprucelabs/spruce-core-schemas/build/.spruce/schemas/core.schem
             'gridSize'?: ("small" | "medium" | "large") | undefined | null;
             /** . Will render content in an iframe in the body of the card. */
             'portal'?: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.Portal | undefined | null;
-            'webRtcStreamer'?: (HeartwoodTypes.WebRtcStreamer) | undefined | null;
+            'webRtcPlayer'?: (HeartwoodTypes.WebRtcPlayer) | undefined | null;
             /** Alignment. */
             'alignment'?: ("left" | "center" | "right") | undefined | null;
         }
@@ -7399,10 +7407,10 @@ declare module '@sprucelabs/spruce-core-schemas/build/.spruce/schemas/core.schem
                     };
                 };
                 /** . */
-                'webRtcStreamer': {
+                'webRtcPlayer': {
                     type: 'raw';
                     options: {
-                        valueType: `HeartwoodTypes.WebRtcStreamer`;
+                        valueType: `HeartwoodTypes.WebRtcPlayer`;
                     };
                 };
                 /** Alignment. */

package/build/esm/index.d.ts

@@ -69,8 +69,9 @@ export { default as buildBigForm } from './builders/buildBigForm';
 export { default as buildForm } from './builders/buildForm';
 export { default as buildSkillView } from './builders/buildSkillView';
 export { WebRtcStreamer, default as WebRtcStreamerImpl, } from './webRtcStreaming/WebRtcStreamer';
-export { default as WebRtcConnection } from './webRtcStreaming/WebRtcConnection';
-export { default as MocRtcPeerConnection } from './tests/MockRtcPeerConnection';
+export { default as MockRtcPeerConnection } from './tests/MockRtcPeerConnection';
+export { default as WebRtcConnectionImpl } from './webRtcStreaming/WebRtcConnection';
+export * from './webRtcStreaming/WebRtcConnection';
 export { default as calendarEventColorsSchema } from './.spruce/schemas/heartwoodViewControllers/v2021_02_11/calendarEventColors.schema';
 export { default as bigFormSchema } from './.spruce/schemas/heartwoodViewControllers/v2021_02_11/bigForm.schema';
 export { default as skillViewSchema } from './.spruce/schemas/heartwoodViewControllers/v2021_02_11/skillView.schema';
@@ -173,6 +174,7 @@ export { default as buttonAssert } from './tests/utilities/buttonAssert';
 export { default as listAssert } from './tests/utilities/listAssert';
 export { default as autocompleteAssert } from './tests/utilities/autocompleteAssert';
 export { default as formAssert } from './tests/utilities/formAssert';
+export { default as webRtcAssert } from './tests/utilities/webRtcAssert';
 export { default as autocompleteInteractor } from './tests/utilities/autocompleteInteractor';
 export { normalizeScopeFromVc } from './tests/utilities/vcAssert';
 export { default as interactor } from './tests/utilities/interactor';

package/build/esm/index.js

@@ -68,8 +68,9 @@ export { default as buildBigForm } from './builders/buildBigForm.js';
 export { default as buildForm } from './builders/buildForm.js';
 export { default as buildSkillView } from './builders/buildSkillView.js';
 export { default as WebRtcStreamerImpl, } from './webRtcStreaming/WebRtcStreamer.js';
-export { default as WebRtcConnection } from './webRtcStreaming/WebRtcConnection.js';
-export { default as MocRtcPeerConnection } from './tests/MockRtcPeerConnection.js';
+export { default as MockRtcPeerConnection } from './tests/MockRtcPeerConnection.js';
+export { default as WebRtcConnectionImpl } from './webRtcStreaming/WebRtcConnection.js';
+export * from './webRtcStreaming/WebRtcConnection.js';
 export { default as calendarEventColorsSchema } from './.spruce/schemas/heartwoodViewControllers/v2021_02_11/calendarEventColors.schema.js';
 export { default as bigFormSchema } from './.spruce/schemas/heartwoodViewControllers/v2021_02_11/bigForm.schema.js';
 export { default as skillViewSchema } from './.spruce/schemas/heartwoodViewControllers/v2021_02_11/skillView.schema.js';
@@ -172,6 +173,7 @@ export { default as buttonAssert } from './tests/utilities/buttonAssert.js';
 export { default as listAssert } from './tests/utilities/listAssert.js';
 export { default as autocompleteAssert } from './tests/utilities/autocompleteAssert.js';
 export { default as formAssert } from './tests/utilities/formAssert.js';
+export { default as webRtcAssert } from './tests/utilities/webRtcAssert.js';
 export { default as autocompleteInteractor } from './tests/utilities/autocompleteInteractor.js';
 export { normalizeScopeFromVc } from './tests/utilities/vcAssert.js';
 export { default as interactor } from './tests/utilities/interactor.js';

package/build/esm/schemas/v2021_02_11/cards/card.builder.d.ts

@@ -29531,7 +29531,7 @@ declare const _default: {
                                                 };
                                             };
                                         };
-                                        webRtcStreamer: {
+                                        webRtcPlayer: {
                                             type: "raw";
                                             options: {
                                                 valueType: string;

package/build/esm/schemas/v2021_02_11/cards/cardBody.builder.d.ts

@@ -22495,7 +22495,7 @@ declare const _default: {
                                 };
                             };
                         };
-                        webRtcStreamer: {
+                        webRtcPlayer: {
                             type: "raw";
                             options: {
                                 valueType: string;

package/build/esm/schemas/v2021_02_11/cards/cardSection.builder.d.ts

@@ -22445,7 +22445,7 @@ declare const _default: {
                 };
             };
         };
-        webRtcStreamer: {
+        webRtcPlayer: {
             type: "raw";
             options: {
                 valueType: string;

package/build/esm/schemas/v2021_02_11/cards/cardSection.builder.js

@@ -239,10 +239,10 @@ export default buildSchema({
                 }),
             },
         },
-        webRtcStreamer: {
+        webRtcPlayer: {
             type: 'raw',
             options: {
-                valueType: 'HeartwoodTypes.WebRtcStreamer',
+                valueType: 'HeartwoodTypes.WebRtcPlayer',
             },
         },
         alignment: {

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

@@ -29562,7 +29562,7 @@ declare const _default: {
                                                 };
                                             };
                                         };
-                                        webRtcStreamer: {
+                                        webRtcPlayer: {
                                             type: "raw";
                                             options: {
                                                 valueType: string;

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

@@ -29542,7 +29542,7 @@ declare const _default: {
                                                                 };
                                                             };
                                                         };
-                                                        webRtcStreamer: {
+                                                        webRtcPlayer: {
                                                             type: "raw";
                                                             options: {
                                                                 valueType: string;

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

@@ -29587,7 +29587,7 @@ declare const _default: {
                                                                                 };
                                                                             };
                                                                         };
-                                                                        webRtcStreamer: {
+                                                                        webRtcPlayer: {
                                                                             type: "raw";
                                                                             options: {
                                                                                 valueType: string;

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

@@ -29581,7 +29581,7 @@ declare const _default: {
                                                                                 };
                                                                             };
                                                                         };
-                                                                        webRtcStreamer: {
+                                                                        webRtcPlayer: {
                                                                             type: "raw";
                                                                             options: {
                                                                                 valueType: string;

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

@@ -29603,7 +29603,7 @@ declare const _default: {
                                                                                 };
                                                                             };
                                                                         };
-                                                                        webRtcStreamer: {
+                                                                        webRtcPlayer: {
                                                                             type: "raw";
                                                                             options: {
                                                                                 valueType: string;

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

@@ -10,6 +10,12 @@ declare const _default: {
                 valueType: string;
             };
         };
+        connection: {
+            type: "raw";
+            options: {
+                valueType: string;
+            };
+        };
         streamer: {
             type: "raw";
             options: {

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

@@ -11,6 +11,12 @@ export default buildSchema({
                 valueType: 'HeartwoodTypes.ViewController<HeartwoodTypes.WebRtcPlayer>',
             },
         },
+        connection: {
+            type: 'raw',
+            options: {
+                valueType: 'HeartwoodTypes.WebRtcConnection',
+            },
+        },
         streamer: {
             type: 'raw',
             options: {

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

@@ -1,12 +1,13 @@
-export default class MocRtcPeerConnection implements RTCPeerConnection {
-    static instance: MocRtcPeerConnection;
+export default class MockRtcPeerConnection implements RTCPeerConnection {
+    static instance: MockRtcPeerConnection;
+    private static onCreateOfferHandler?;
     private constructorOptions?;
     private offerOptions?;
     offer: RTCSessionDescription;
     private lastAddedEventListener?;
     constructor(options?: RTCConfiguration);
-    assertGeneratedOfferEquals(offer: RTCSessionDescriptionInit): void;
-    assertGeneratedOfferSdpEquals(sdp: string): void;
+    assertCreatedOfferEquals(offer: RTCSessionDescriptionInit): void;
+    assertCreatedOfferSdpEquals(sdp: string): void;
     assertCreatedWithOptions(expected: {
         sdpSemantics: string;
         iceServers: never[];
@@ -18,6 +19,8 @@ export default class MocRtcPeerConnection implements RTCPeerConnection {
         sdp: string;
     }): void;
     assertTrackListenerSet(expected: () => void): void;
+    static onCreateOffer(cb?: () => void): void;
+    emitTrackAdded(): void;
     canTrickleIceCandidates: boolean | null;
     connectionState: RTCPeerConnectionState;
     currentLocalDescription: RTCSessionDescription | null;

package/build/esm/tests/MockRtcPeerConnection.js

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { assert, generateId } from '@sprucelabs/test-utils';
-export default class MocRtcPeerConnection {
+export default class MockRtcPeerConnection {
     constructor(options) {
         this.offer = {
             [generateId()]: generateId(),
@@ -34,13 +34,13 @@ export default class MocRtcPeerConnection {
         this.remoteDescription = null;
         this.sctp = null;
         this.signalingState = {};
-        MocRtcPeerConnection.instance = this;
+        MockRtcPeerConnection.instance = this;
         this.constructorOptions = options;
     }
-    assertGeneratedOfferEquals(offer) {
+    assertCreatedOfferEquals(offer) {
         assert.isEqualDeep(offer, this.offer, 'Did not return the generated offer');
     }
-    assertGeneratedOfferSdpEquals(sdp) {
+    assertCreatedOfferSdpEquals(sdp) {
         assert.isEqualDeep(this.offer.sdp, sdp, 'Did not return the generated offer sdp');
     }
     assertCreatedWithOptions(expected) {
@@ -61,6 +61,18 @@ export default class MocRtcPeerConnection {
             listener: expected,
         }, 'did not call connection.addEventListener with track listener');
     }
+    static onCreateOffer(cb) {
+        this.onCreateOfferHandler = cb;
+    }
+    emitTrackAdded() {
+        const lastListener = this.lastAddedEventListener;
+        if ((lastListener === null || lastListener === void 0 ? void 0 : lastListener.eventName) === 'track') {
+            lastListener.listener({});
+        }
+        else {
+            assert.fail('Did not call connection.addEventListener with track listener');
+        }
+    }
     addIceCandidate(_candidate, _successCallback, _failureCallback) {
         return __awaiter(this, void 0, void 0, function* () {
             throw new Error('Method not implemented.');
@@ -86,7 +98,9 @@ export default class MocRtcPeerConnection {
     //@ts-ignore
     createOffer(options) {
         return __awaiter(this, void 0, void 0, function* () {
+            var _a;
             this.offerOptions = options;
+            (_a = MockRtcPeerConnection.onCreateOfferHandler) === null || _a === void 0 ? void 0 : _a.call(MockRtcPeerConnection);
             return this.offer;
         });
     }

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

@@ -0,0 +1,6 @@
+import { ViewController, Card } from '../../types/heartwood.types';
+import WebRtcPlayerViewController from '../../viewControllers/webRtcStreaming/WebRtcPlayer.vc';
+declare const webRtcAssert: {
+    cardRendersPlayer: (vc: ViewController<Card>, id?: string) => WebRtcPlayerViewController;
+};
+export default webRtcAssert;

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

@@ -0,0 +1,22 @@
+import { assertOptions } from '@sprucelabs/schema';
+import { assert } from '@sprucelabs/test-utils';
+import renderUtil from '../../utilities/render.utility.js';
+import { pluckAllFromView } from './assertSupport.js';
+const webRtcAssert = {
+    cardRendersPlayer: (vc, id) => {
+        assertOptions({ vc }, ['vc']);
+        const model = renderUtil.render(vc);
+        const players = pluckAllFromView(model, 'webRtcPlayer');
+        assert.isAbove(players.length, 0, `Your card is not rendering a webrtc player!. Try:\n\nthis.player = this.Controller('web-rtc-player', {})\nthis.cardVc = this.Controller('card', { webRtcPlayer: this.player.render() })`);
+        if (id) {
+            for (const player of players) {
+                if ((player === null || player === void 0 ? void 0 : player.id) === id) {
+                    return player.controller;
+                }
+            }
+            assert.fail(`I could not find a webRtcPlayerViewController with the id: "${id}"`);
+        }
+        return players[0].controller;
+    },
+};
+export default webRtcAssert;

package/build/esm/types/heartwood.types.d.ts

@@ -257,6 +257,7 @@ export type ListColumnWidth = NonNullable<List['columnWidths']>[number];
 export type TriggerRender = () => void;
 export type TriggerRenderHandler = () => void;
 export { WebRtcStreamer } from '../webRtcStreaming/WebRtcStreamer';
+export * from '../webRtcStreaming/WebRtcConnection';
 export interface ViewController<ViewModel extends Record<string, any>> {
     render(): ViewModel;
     setTriggerRenderHandler: (handler: TriggerRenderHandler) => void;

package/build/esm/types/heartwood.types.js

@@ -45,3 +45,4 @@ export const authContract = buildEventContract({
         },
     },
 });
+export * from '../webRtcStreaming/WebRtcConnection.js';

package/build/esm/viewControllers/webRtcStreaming/WebRtcPlayer.vc.d.ts

@@ -1,9 +1,10 @@
-import { AbstractViewController } from '../..';
 import { ViewControllerOptions, WebRtcPlayer } from '../../types/heartwood.types';
 import { WebRtcStreamer } from '../../webRtcStreaming/WebRtcStreamer';
+import AbstractViewController from '../Abstract.vc';
 export default class WebRtcPlayerViewController extends AbstractViewController<WebRtcPlayer> {
     static id: string;
-    private streamer?;
+    private model;
+    private connection;
     constructor(options: ViewControllerOptions & WebRtcPlayerOptions);
     setStreamer(streamer: WebRtcStreamer): void;
     createOffer(offerOptions: RTCOfferOptions): Promise<string>;

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

@@ -8,22 +8,24 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { assertOptions } from '@sprucelabs/schema';
-import { AbstractViewController, WebRtcConnection } from '../../index.js';
 import SpruceError from '../../errors/SpruceError.js';
+import removeUniversalViewOptions from '../../utilities/removeUniversalViewOptions.js';
+import WebRtcConnectionImpl from '../../webRtcStreaming/WebRtcConnection.js';
+import AbstractViewController from '../Abstract.vc.js';
 class WebRtcPlayerViewController extends AbstractViewController {
     constructor(options) {
         super(options);
-        const { streamer } = options;
-        this.streamer = streamer !== null && streamer !== void 0 ? streamer : undefined;
+        this.connection = WebRtcConnectionImpl.Connection();
+        this.model = Object.assign(Object.assign({ connection: this.connection }, removeUniversalViewOptions(options)), { controller: this });
     }
     setStreamer(streamer) {
         assertOptions({ streamer }, ['streamer']);
-        this.streamer = streamer;
+        this.model.streamer = streamer;
         this.triggerRender();
     }
     createOffer(offerOptions) {
         return __awaiter(this, void 0, void 0, function* () {
-            const { offerSdp, streamer } = yield WebRtcConnection.createOffer({
+            const { offerSdp, streamer } = yield this.connection.createOffer({
                 offerOptions,
             });
             this.setStreamer(streamer);
@@ -32,19 +34,16 @@ class WebRtcPlayerViewController extends AbstractViewController {
     }
     setAnswer(answerSdp) {
         return __awaiter(this, void 0, void 0, function* () {
-            if (!this.streamer) {
+            if (!this.model.streamer) {
                 throw new SpruceError({
                     code: 'DID_NOT_GENERATE_OFFER',
                 });
             }
-            yield this.streamer.setAnswer(answerSdp);
+            yield this.model.streamer.setAnswer(answerSdp);
         });
     }
     render() {
-        return {
-            streamer: this.streamer,
-            controller: this,
-        };
+        return this.model;
     }
 }
 WebRtcPlayerViewController.id = 'web-rtc-player-card';

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

@@ -1,12 +1,14 @@
 import MockRtcPeerConnection from '../tests/MockRtcPeerConnection';
 import { WebRtcStreamer } from './WebRtcStreamer';
-export default class WebRtcConnection {
+export default class WebRtcConnectionImpl implements WebRtcConnection {
+    static Class: new () => WebRtcConnection;
     static get RTCPeerConnection(): new (config: RTCConfiguration) => RTCPeerConnection | MockRtcPeerConnection;
     static set RTCPeerConnection(value: new (config: RTCConfiguration) => RTCPeerConnection | MockRtcPeerConnection);
-    static createOffer(options: WebRtcVcPluginCreateOfferOptions): Promise<{
-        offerSdp: RTCSessionDescriptionInit;
-        streamer: WebRtcStreamer;
-    }>;
+    private stateChangeHandlers;
+    static Connection(): WebRtcConnection;
+    createOffer(options: WebRtcVcPluginCreateOfferOptions): Promise<WebRtcCreateOfferResponse>;
+    private emitStateChange;
+    onStateChange(cb: WebRtcStateChangeHandler): void;
 }
 export interface WebRtcVcPluginCreateOfferOptions {
     offerOptions: {
@@ -14,3 +16,13 @@ export interface WebRtcVcPluginCreateOfferOptions {
         offerToReceiveVideo?: boolean;
     };
 }
+export type WebRtcConnectionState = 'createdOffer' | 'suppliedAnswer' | 'trackAdded';
+export type WebRtcStateChangeHandler = (state: WebRtcConnectionState) => void | Promise<void>;
+export interface WebRtcConnection {
+    createOffer(options: WebRtcVcPluginCreateOfferOptions): Promise<WebRtcCreateOfferResponse>;
+    onStateChange(cb: WebRtcStateChangeHandler): void;
+}
+export interface WebRtcCreateOfferResponse {
+    offerSdp: RTCSessionDescriptionInit;
+    streamer: WebRtcStreamer;
+}

package/build/esm/webRtcStreaming/WebRtcConnection.js

@@ -9,27 +9,47 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { assertOptions } from '@sprucelabs/schema';
 import WebRtcStreamerImpl from './WebRtcStreamer.js';
-export default class WebRtcConnection {
+export default class WebRtcConnectionImpl {
+    constructor() {
+        this.stateChangeHandlers = [];
+    }
     static get RTCPeerConnection() {
         return window.RTCPeerConnection;
     }
     static set RTCPeerConnection(value) {
         global.window.RTCPeerConnection = value;
     }
-    static createOffer(options) {
+    static Connection() {
+        var _a;
+        return new ((_a = this.Class) !== null && _a !== void 0 ? _a : this)();
+    }
+    createOffer(options) {
         return __awaiter(this, void 0, void 0, function* () {
             const { offerOptions } = assertOptions(options, ['offerOptions']);
-            const connection = new WebRtcConnection.RTCPeerConnection({
+            const connection = new WebRtcConnectionImpl.RTCPeerConnection({
                 //@ts-ignore
                 sdpSemantics: 'unified-plan',
                 iceServers: [],
             });
             const offer = yield connection.createOffer(offerOptions);
             yield connection.setLocalDescription(offer);
+            void this.emitStateChange('createdOffer');
             return {
                 offerSdp: offer,
-                streamer: WebRtcStreamerImpl.Streamer(connection),
+                streamer: WebRtcStreamerImpl.Streamer(connection, (status) => __awaiter(this, void 0, void 0, function* () {
+                    yield this.emitStateChange(status);
+                })),
             };
         });
     }
+    emitStateChange(state) {
+        return __awaiter(this, void 0, void 0, function* () {
+            for (const handler of this.stateChangeHandlers) {
+                yield handler(state);
+            }
+        });
+    }
+    onStateChange(cb) {
+        this.stateChangeHandlers.push(cb);
+    }
 }

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

@@ -1,8 +1,10 @@
+import { WebRtcStateChangeHandler } from './WebRtcConnection';
 export default class WebRtcStreamerImpl implements WebRtcStreamer {
     private connection;
-    static Class?: new (connection: RTCPeerConnection) => WebRtcStreamer;
-    protected constructor(connection: RTCPeerConnection);
-    static Streamer(connection: RTCPeerConnection): WebRtcStreamer;
+    static Class?: new (connection: RTCPeerConnection, stateChangeHandlers?: WebRtcStateChangeHandler) => WebRtcStreamer;
+    private stateChangeHandler?;
+    protected constructor(connection: RTCPeerConnection, stateChangeHandler?: WebRtcStateChangeHandler);
+    static Streamer(connection: RTCPeerConnection, stateChangeHandler?: WebRtcStateChangeHandler): WebRtcStreamer;
     setAnswer(answerSdp: string): Promise<void>;
     onTrack(cb: (event: RTCTrackEvent) => void): void;
 }

package/build/esm/webRtcStreaming/WebRtcStreamer.js

@@ -9,23 +9,28 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { assertOptions } from '@sprucelabs/schema';
 export default class WebRtcStreamerImpl {
-    constructor(connection) {
+    constructor(connection, stateChangeHandler) {
         this.connection = connection;
+        this.stateChangeHandler = stateChangeHandler;
     }
-    static Streamer(connection) {
+    static Streamer(connection, stateChangeHandler) {
         var _a;
-        return new ((_a = this.Class) !== null && _a !== void 0 ? _a : this)(connection);
+        return new ((_a = this.Class) !== null && _a !== void 0 ? _a : this)(connection, stateChangeHandler);
     }
     setAnswer(answerSdp) {
         return __awaiter(this, void 0, void 0, function* () {
+            var _a;
             assertOptions({ answerSdp }, ['answerSdp']);
             yield this.connection.setRemoteDescription({
                 type: 'answer',
                 sdp: answerSdp,
             });
+            yield ((_a = this.stateChangeHandler) === null || _a === void 0 ? void 0 : _a.call(this, 'suppliedAnswer'));
         });
     }
     onTrack(cb) {
+        var _a;
         this.connection.addEventListener('track', cb);
+        void ((_a = this.stateChangeHandler) === null || _a === void 0 ? void 0 : _a.call(this, 'trackAdded'));
     }
 }