@sprucelabs/heartwood-view-controllers 118.0.27 → 118.0.28

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: {

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: {

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';

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';

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/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 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,12 +8,15 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { assertOptions } from '@sprucelabs/schema';
-import { AbstractViewController, removeUniversalViewOptions, 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);
-        this.model = Object.assign(Object.assign({}, removeUniversalViewOptions(options)), { controller: this });
+        this.connection = WebRtcConnectionImpl.Connection();
+        this.model = Object.assign(Object.assign({ connection: this.connection }, removeUniversalViewOptions(options)), { controller: this });
     }
     setStreamer(streamer) {
         assertOptions({ streamer }, ['streamer']);
@@ -22,7 +25,7 @@ class WebRtcPlayerViewController extends AbstractViewController {
     }
     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);

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'));
     }
 }

package/build/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';

package/build/index.js

@@ -17,7 +17,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MocRtcPeerConnection = exports.WebRtcConnection = exports.WebRtcStreamerImpl = exports.buildSkillView = exports.buildForm = exports.buildBigForm = exports.AuthenticatorImpl = exports.PolarAreaViewController = exports.SpyViewControllerExporter = exports.lockScreenAssert = exports.MockActiveRecordCard = exports.activeRecordCardAssert = exports.buildActiveRecordList = exports.buildActiveRecordCard = exports.AbstractInputViewController = exports.AutocompleteInputViewController = exports.AbstractCalendarEventViewController = exports.RatingsViewController = exports.ProgressViewController = exports.StatsViewController = exports.FeedViewController = exports.ActiveRecordListViewController = exports.ActiveRecordCardViewController = exports.TalkingSprucebotViewController = exports.ButtonBarViewController = exports.CalendarViewController = exports.SwipeCardViewControllerImpl = exports.SwipeViewControllerImpl = exports.WebRtcPlayerViewController = exports.PagerViewController = exports.ProgressNavigatorViewController = exports.CountdownTimerViewController = exports.FormBuilderCardViewControllerImpl = exports.LoginViewController = exports.LineGraphViewController = exports.BarChartViewController = exports.ToolBeltViewController = exports.FormViewControllerImpl = exports.ListCellViewController = exports.ListRowViewController = exports.ListViewController = exports.NavigationViewController = exports.LockScreenSkillViewController = exports.DialogViewController = exports.ConfirmViewController = exports.CardViewControllerImpl = exports.ButtonGroupViewController = exports.AbstractAppController = exports.AbstractViewController = exports.AbstractSkillViewController = void 0;
+exports.WebRtcConnectionImpl = exports.MockRtcPeerConnection = exports.WebRtcStreamerImpl = exports.buildSkillView = exports.buildForm = exports.buildBigForm = exports.AuthenticatorImpl = exports.PolarAreaViewController = exports.SpyViewControllerExporter = exports.lockScreenAssert = exports.MockActiveRecordCard = exports.activeRecordCardAssert = exports.buildActiveRecordList = exports.buildActiveRecordCard = exports.AbstractInputViewController = exports.AutocompleteInputViewController = exports.AbstractCalendarEventViewController = exports.RatingsViewController = exports.ProgressViewController = exports.StatsViewController = exports.FeedViewController = exports.ActiveRecordListViewController = exports.ActiveRecordCardViewController = exports.TalkingSprucebotViewController = exports.ButtonBarViewController = exports.CalendarViewController = exports.SwipeCardViewControllerImpl = exports.SwipeViewControllerImpl = exports.WebRtcPlayerViewController = exports.PagerViewController = exports.ProgressNavigatorViewController = exports.CountdownTimerViewController = exports.FormBuilderCardViewControllerImpl = exports.LoginViewController = exports.LineGraphViewController = exports.BarChartViewController = exports.ToolBeltViewController = exports.FormViewControllerImpl = exports.ListCellViewController = exports.ListRowViewController = exports.ListViewController = exports.NavigationViewController = exports.LockScreenSkillViewController = exports.DialogViewController = exports.ConfirmViewController = exports.CardViewControllerImpl = exports.ButtonGroupViewController = exports.AbstractAppController = exports.AbstractViewController = exports.AbstractSkillViewController = void 0;
 exports.buttonBarButtonSchema = exports.buttonBarSchema = exports.toolBeltToolSchema = exports.toolBeltSchema = exports.calendarTimeSchema = exports.calendarPersonSchema = exports.calendarSchema = exports.themePropsSchema = exports.themeSchema = exports.cardFooterButtonSchema = exports.criticalErrorSchema = exports.sprucebotTypedMessageSentenceSchema = exports.sprucebotTypedMessageAvatarSchema = exports.selectInputChoiceSchema = exports.calendarEventColorOverrideSchema = exports.portalSchema = exports.listTextInputSchema = exports.listSelectInputSchema = exports.listCellButtonSchema = exports.dropdownButtonSchema = exports.bigFormSectionSchema = exports.textInputSchema = exports.phoneInputSchema = exports.inputSchema = exports.dropdownSchema = exports.sprucebotTypedMessageSchema = exports.talkingSprucebotSchema = exports.sprucebotAvatarSchema = exports.formBuilderImportExportObjectSchema = exports.listCellSchema = exports.listRowSchema = exports.listSchema = exports.layoutSchema = exports.cardSectionSchema = exports.cardHeaderSchema = exports.cardFooterSchema = exports.cardBodySchema = exports.cardSchema = exports.formSectionSchema = exports.formSchema = exports.textSchema = exports.lockScreenSchema = exports.dialogSchema = exports.buttonSchema = exports.lineIconSchema = exports.fancyIconSchema = exports.selectInputSchema = exports.skillViewSchema = exports.bigFormSchema = exports.calendarEventColorsSchema = void 0;
 exports.listAssert = exports.buttonAssert = exports.deviceAssert = exports.navigationAssert = exports.toolBeltAssert = exports.toastAssert = exports.vcPluginAssert = exports.vcDurationAssert = exports.pagerAssert = exports.vcAssert = exports.vcAssertUtil = exports.feedAssert = exports.feedInteractor = exports.normalizeFormSectionFieldNamesUtil = exports.ViewControllerError = exports.SpyDevice = exports.StubStorage = exports.ViewControllerFactory = exports.ViewControllerImporter = exports.ViewControllerExporter = exports.webRtcPlayerSchema = exports.pagerSchema = exports.polarAreaDataItemSchema = exports.polarAreaSchema = exports.inputButtonSchema = exports.mapPinSchema = exports.mapSchema = exports.latLngSchema = exports.formBuilderImportExportPageSchema = exports.autocompleteSuggestionSchema = exports.autocompleteInputSchema = exports.feedSchema = exports.calendarShiftSchema = exports.receiptTotalSchema = exports.receiptSectionSchema = exports.receiptLineItemSchema = exports.receiptHeaderSchema = exports.receiptSchema = exports.listDateInputSchema = exports.calendarSelectedDateSchema = exports.calendarEventSchema = exports.ratingsInputSchema = exports.listRatingsInputSchema = exports.ratingsSchema = exports.progressSchema = exports.statsStatSchema = exports.statsSchema = exports.toggleInputSchema = exports.listToggleInputSchema = exports.addressInputSchema = void 0;
 exports.navigationRouteSchema = exports.routerDestinationSchema = exports.navigationDropdownButtonSchema = exports.navigationButtonDropdownSchema = exports.chartDataSetSchema = exports.chartDataPointSchema = exports.lineGraphSchema = exports.barChartSchema = exports.progressDetailsSchema = exports.progressNavigatorStepSchema = exports.progressNavigatorSchema = exports.countdownTimerSchema = exports.permissionContractReferenceSchema = exports.navigationButtonSchema = exports.navigationSchema = exports.ToolBeltStateMachine = exports.removeUniversalViewOptions = exports.buildSkillViewLayout = exports.splitCardsIntoLayouts = exports.listUtil = exports.mapInteractor = exports.mapAssert = exports.renderUtil = exports.routerTestPatcher = exports.dialogTestPatcher = exports.confirmTestPatcher = exports.calendarSeeder = exports.interactionUtil = exports.chartAssert = exports.progressNavigatorAssert = exports.countdownTimerInteractor = exports.countdownTimerAssert = exports.calendarInteractor = exports.interactor = exports.normalizeScopeFromVc = exports.autocompleteInteractor = exports.webRtcAssert = exports.formAssert = exports.autocompleteAssert = void 0;
@@ -139,10 +139,11 @@ var buildSkillView_1 = require("./builders/buildSkillView");
 Object.defineProperty(exports, "buildSkillView", { enumerable: true, get: function () { return __importDefault(buildSkillView_1).default; } });
 var WebRtcStreamer_1 = require("./webRtcStreaming/WebRtcStreamer");
 Object.defineProperty(exports, "WebRtcStreamerImpl", { enumerable: true, get: function () { return __importDefault(WebRtcStreamer_1).default; } });
-var WebRtcConnection_1 = require("./webRtcStreaming/WebRtcConnection");
-Object.defineProperty(exports, "WebRtcConnection", { enumerable: true, get: function () { return __importDefault(WebRtcConnection_1).default; } });
 var MockRtcPeerConnection_1 = require("./tests/MockRtcPeerConnection");
-Object.defineProperty(exports, "MocRtcPeerConnection", { enumerable: true, get: function () { return __importDefault(MockRtcPeerConnection_1).default; } });
+Object.defineProperty(exports, "MockRtcPeerConnection", { enumerable: true, get: function () { return __importDefault(MockRtcPeerConnection_1).default; } });
+var WebRtcConnection_1 = require("./webRtcStreaming/WebRtcConnection");
+Object.defineProperty(exports, "WebRtcConnectionImpl", { enumerable: true, get: function () { return __importDefault(WebRtcConnection_1).default; } });
+__exportStar(require("./webRtcStreaming/WebRtcConnection"), exports);
 var calendarEventColors_schema_1 = require("./.spruce/schemas/heartwoodViewControllers/v2021_02_11/calendarEventColors.schema");
 Object.defineProperty(exports, "calendarEventColorsSchema", { enumerable: true, get: function () { return __importDefault(calendarEventColors_schema_1).default; } });
 var bigForm_schema_1 = require("./.spruce/schemas/heartwoodViewControllers/v2021_02_11/bigForm.schema");

package/build/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/schemas/v2021_02_11/webRtcPlayer.builder.js

@@ -13,6 +13,12 @@ exports.default = (0, schema_1.buildSchema)({
                 valueType: 'HeartwoodTypes.ViewController<HeartwoodTypes.WebRtcPlayer>',
             },
         },
+        connection: {
+            type: 'raw',
+            options: {
+                valueType: 'HeartwoodTypes.WebRtcConnection',
+            },
+        },
         streamer: {
             type: 'raw',
             options: {

package/build/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/tests/MockRtcPeerConnection.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const test_utils_1 = require("@sprucelabs/test-utils");
-class MocRtcPeerConnection {
+class MockRtcPeerConnection {
     constructor(options) {
         this.offer = {
             [(0, test_utils_1.generateId)()]: (0, test_utils_1.generateId)(),
@@ -27,13 +27,13 @@ class MocRtcPeerConnection {
         this.remoteDescription = null;
         this.sctp = null;
         this.signalingState = {};
-        MocRtcPeerConnection.instance = this;
+        MockRtcPeerConnection.instance = this;
         this.constructorOptions = options;
     }
-    assertGeneratedOfferEquals(offer) {
+    assertCreatedOfferEquals(offer) {
         test_utils_1.assert.isEqualDeep(offer, this.offer, 'Did not return the generated offer');
     }
-    assertGeneratedOfferSdpEquals(sdp) {
+    assertCreatedOfferSdpEquals(sdp) {
         test_utils_1.assert.isEqualDeep(this.offer.sdp, sdp, 'Did not return the generated offer sdp');
     }
     assertCreatedWithOptions(expected) {
@@ -54,6 +54,18 @@ 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?.eventName === 'track') {
+            lastListener.listener({});
+        }
+        else {
+            test_utils_1.assert.fail('Did not call connection.addEventListener with track listener');
+        }
+    }
     async addIceCandidate(_candidate, _successCallback, _failureCallback) {
         throw new Error('Method not implemented.');
     }
@@ -75,6 +87,7 @@ class MocRtcPeerConnection {
     //@ts-ignore
     async createOffer(options) {
         this.offerOptions = options;
+        MockRtcPeerConnection.onCreateOfferHandler?.();
         return this.offer;
     }
     getConfiguration() {
@@ -115,4 +128,4 @@ class MocRtcPeerConnection {
         return true;
     }
 }
-exports.default = MocRtcPeerConnection;
+exports.default = MockRtcPeerConnection;

package/build/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/types/heartwood.types.js

@@ -66,3 +66,4 @@ exports.authContract = (0, mercury_types_1.buildEventContract)({
         },
     },
 });
+__exportStar(require("../webRtcStreaming/WebRtcConnection"), exports);

package/build/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 model;
+    private connection;
     constructor(options: ViewControllerOptions & WebRtcPlayerOptions);
     setStreamer(streamer: WebRtcStreamer): void;
     createOffer(offerOptions: RTCOfferOptions): Promise<string>;

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

@@ -4,13 +4,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const schema_1 = require("@sprucelabs/schema");
-const __1 = require("../..");
 const SpruceError_1 = __importDefault(require("../../errors/SpruceError"));
-class WebRtcPlayerViewController extends __1.AbstractViewController {
+const removeUniversalViewOptions_1 = __importDefault(require("../../utilities/removeUniversalViewOptions"));
+const WebRtcConnection_1 = __importDefault(require("../../webRtcStreaming/WebRtcConnection"));
+const Abstract_vc_1 = __importDefault(require("../Abstract.vc"));
+class WebRtcPlayerViewController extends Abstract_vc_1.default {
     constructor(options) {
         super(options);
+        this.connection = WebRtcConnection_1.default.Connection();
         this.model = {
-            ...(0, __1.removeUniversalViewOptions)(options),
+            connection: this.connection,
+            ...(0, removeUniversalViewOptions_1.default)(options),
             controller: this,
         };
     }
@@ -20,7 +24,7 @@ class WebRtcPlayerViewController extends __1.AbstractViewController {
         this.triggerRender();
     }
     async createOffer(offerOptions) {
-        const { offerSdp, streamer } = await __1.WebRtcConnection.createOffer({
+        const { offerSdp, streamer } = await this.connection.createOffer({
             offerOptions,
         });
         this.setStreamer(streamer);

package/build/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/webRtcStreaming/WebRtcConnection.js

@@ -5,26 +5,43 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const schema_1 = require("@sprucelabs/schema");
 const WebRtcStreamer_1 = __importDefault(require("./WebRtcStreamer"));
-class WebRtcConnection {
+class WebRtcConnectionImpl {
+    constructor() {
+        this.stateChangeHandlers = [];
+    }
     static get RTCPeerConnection() {
         return window.RTCPeerConnection;
     }
     static set RTCPeerConnection(value) {
         global.window.RTCPeerConnection = value;
     }
-    static async createOffer(options) {
+    static Connection() {
+        return new (this.Class ?? this)();
+    }
+    async createOffer(options) {
         const { offerOptions } = (0, schema_1.assertOptions)(options, ['offerOptions']);
-        const connection = new WebRtcConnection.RTCPeerConnection({
+        const connection = new WebRtcConnectionImpl.RTCPeerConnection({
             //@ts-ignore
             sdpSemantics: 'unified-plan',
             iceServers: [],
         });
         const offer = await connection.createOffer(offerOptions);
         await connection.setLocalDescription(offer);
+        void this.emitStateChange('createdOffer');
         return {
             offerSdp: offer,
-            streamer: WebRtcStreamer_1.default.Streamer(connection),
+            streamer: WebRtcStreamer_1.default.Streamer(connection, async (status) => {
+                await this.emitStateChange(status);
+            }),
         };
     }
+    async emitStateChange(state) {
+        for (const handler of this.stateChangeHandlers) {
+            await handler(state);
+        }
+    }
+    onStateChange(cb) {
+        this.stateChangeHandlers.push(cb);
+    }
 }
-exports.default = WebRtcConnection;
+exports.default = WebRtcConnectionImpl;

package/build/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/webRtcStreaming/WebRtcStreamer.js

@@ -2,11 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const schema_1 = require("@sprucelabs/schema");
 class WebRtcStreamerImpl {
-    constructor(connection) {
+    constructor(connection, stateChangeHandler) {
         this.connection = connection;
+        this.stateChangeHandler = stateChangeHandler;
     }
-    static Streamer(connection) {
-        return new (this.Class ?? this)(connection);
+    static Streamer(connection, stateChangeHandler) {
+        return new (this.Class ?? this)(connection, stateChangeHandler);
     }
     async setAnswer(answerSdp) {
         (0, schema_1.assertOptions)({ answerSdp }, ['answerSdp']);
@@ -14,9 +15,11 @@ class WebRtcStreamerImpl {
             type: 'answer',
             sdp: answerSdp,
         });
+        await this.stateChangeHandler?.('suppliedAnswer');
     }
     onTrack(cb) {
         this.connection.addEventListener('track', cb);
+        void this.stateChangeHandler?.('trackAdded');
     }
 }
 exports.default = WebRtcStreamerImpl;

package/package.json

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