@sprucelabs/heartwood-view-controllers 118.0.11 → 118.0.12

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

@@ -216,6 +216,11 @@ const cardSectionSchema = {
             hint: 'Will render content in an iframe in the body of the card.',
             options: { schema: portal_schema_1.default, }
         },
+        /** . */
+        'webRtcStreamer': {
+            type: 'raw',
+            options: { valueType: `HeartwoodTypes.WebRtcStreamer`, }
+        },
         /** Alignment. */
         'alignment': {
             label: 'Alignment',

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

@@ -7110,6 +7110,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;
             /** Alignment. */
             'alignment'?: ("left" | "center" | "right") | undefined | null;
         }
@@ -7360,6 +7361,13 @@ declare module '@sprucelabs/spruce-core-schemas/build/.spruce/schemas/core.schem
                         schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.PortalSchema;
                     };
                 };
+                /** . */
+                'webRtcStreamer': {
+                    type: 'raw';
+                    options: {
+                        valueType: `HeartwoodTypes.WebRtcStreamer`;
+                    };
+                };
                 /** Alignment. */
                 'alignment': {
                     label: 'Alignment';

package/build/controllerMap.d.ts

@@ -27,6 +27,7 @@ import StatsViewController from './viewControllers/reporting/Stats.vc';
 import SwipeCardViewController from './viewControllers/SwipeCard.vc';
 import TalkingSprucebotViewController from './viewControllers/TalkingSprucebot.vc';
 import ToolBeltViewController from './viewControllers/ToolBelt.vc';
+import WebRtcStreamingCardViewController from './viewControllers/webRtcStreaming/WebRtcStreamingCard.vc';
 export declare const CORE_CONTROLLER_MAP: {
     form: typeof FormViewController;
     /**
@@ -98,4 +99,5 @@ export declare const CORE_CONTROLLER_MAP: {
     'bar-chart': typeof BarChartViewController;
     'line-graph': typeof LineGraphViewController;
     'lock-screen': typeof LockScreenSkillViewController;
+    'web-rtc-streaming-card': typeof WebRtcStreamingCardViewController;
 };

package/build/controllerMap.js

@@ -33,6 +33,7 @@ const Stats_vc_1 = __importDefault(require("./viewControllers/reporting/Stats.vc
 const SwipeCard_vc_1 = __importDefault(require("./viewControllers/SwipeCard.vc"));
 const TalkingSprucebot_vc_1 = __importDefault(require("./viewControllers/TalkingSprucebot.vc"));
 const ToolBelt_vc_1 = __importDefault(require("./viewControllers/ToolBelt.vc"));
+const WebRtcStreamingCard_vc_1 = __importDefault(require("./viewControllers/webRtcStreaming/WebRtcStreamingCard.vc"));
 exports.CORE_CONTROLLER_MAP = {
     form: Form_vc_1.default,
     /**
@@ -104,4 +105,5 @@ exports.CORE_CONTROLLER_MAP = {
     'bar-chart': BarChart_vc_1.default,
     'line-graph': _1.LineGraphViewController,
     'lock-screen': LockScreen_svc_1.default,
+    'web-rtc-streaming-card': WebRtcStreamingCard_vc_1.default,
 };

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

@@ -211,6 +211,11 @@ const cardSectionSchema = {
             hint: 'Will render content in an iframe in the body of the card.',
             options: { schema: portalSchema_v2021_02_11, }
         },
+        /** . */
+        'webRtcStreamer': {
+            type: 'raw',
+            options: { valueType: `HeartwoodTypes.WebRtcStreamer`, }
+        },
         /** Alignment. */
         'alignment': {
             label: 'Alignment',

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

@@ -7110,6 +7110,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;
             /** Alignment. */
             'alignment'?: ("left" | "center" | "right") | undefined | null;
         }
@@ -7360,6 +7361,13 @@ declare module '@sprucelabs/spruce-core-schemas/build/.spruce/schemas/core.schem
                         schema: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.PortalSchema;
                     };
                 };
+                /** . */
+                'webRtcStreamer': {
+                    type: 'raw';
+                    options: {
+                        valueType: `HeartwoodTypes.WebRtcStreamer`;
+                    };
+                };
                 /** Alignment. */
                 'alignment': {
                     label: 'Alignment';

package/build/esm/controllerMap.d.ts

@@ -27,6 +27,7 @@ import StatsViewController from './viewControllers/reporting/Stats.vc';
 import SwipeCardViewController from './viewControllers/SwipeCard.vc';
 import TalkingSprucebotViewController from './viewControllers/TalkingSprucebot.vc';
 import ToolBeltViewController from './viewControllers/ToolBelt.vc';
+import WebRtcStreamingCardViewController from './viewControllers/webRtcStreaming/WebRtcStreamingCard.vc';
 export declare const CORE_CONTROLLER_MAP: {
     form: typeof FormViewController;
     /**
@@ -98,4 +99,5 @@ export declare const CORE_CONTROLLER_MAP: {
     'bar-chart': typeof BarChartViewController;
     'line-graph': typeof LineGraphViewController;
     'lock-screen': typeof LockScreenSkillViewController;
+    'web-rtc-streaming-card': typeof WebRtcStreamingCardViewController;
 };

package/build/esm/controllerMap.js

@@ -27,6 +27,7 @@ import StatsViewController from './viewControllers/reporting/Stats.vc.js';
 import SwipeCardViewController from './viewControllers/SwipeCard.vc.js';
 import TalkingSprucebotViewController from './viewControllers/TalkingSprucebot.vc.js';
 import ToolBeltViewController from './viewControllers/ToolBelt.vc.js';
+import WebRtcStreamingCardViewController from './viewControllers/webRtcStreaming/WebRtcStreamingCard.vc.js';
 export const CORE_CONTROLLER_MAP = {
     form: FormViewController,
     /**
@@ -98,4 +99,5 @@ export const CORE_CONTROLLER_MAP = {
     'bar-chart': BarChartViewController,
     'line-graph': LineGraphViewController,
     'lock-screen': LockScreenSkillViewController,
+    'web-rtc-streaming-card': WebRtcStreamingCardViewController,
 };

package/build/esm/index.d.ts

@@ -66,6 +66,9 @@ export * from './auth/Authenticator';
 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 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

@@ -65,6 +65,9 @@ export * from './auth/Authenticator.js';
 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 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/cards/card.builder.d.ts

@@ -29531,6 +29531,12 @@ declare const _default: {
                                                 };
                                             };
                                         };
+                                        webRtcStreamer: {
+                                            type: "raw";
+                                            options: {
+                                                valueType: string;
+                                            };
+                                        };
                                         alignment: {
                                             type: "select";
                                             label: string;

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

@@ -22495,6 +22495,12 @@ declare const _default: {
                                 };
                             };
                         };
+                        webRtcStreamer: {
+                            type: "raw";
+                            options: {
+                                valueType: string;
+                            };
+                        };
                         alignment: {
                             type: "select";
                             label: string;

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

@@ -22445,6 +22445,12 @@ declare const _default: {
                 };
             };
         };
+        webRtcStreamer: {
+            type: "raw";
+            options: {
+                valueType: string;
+            };
+        };
         alignment: {
             type: "select";
             label: string;

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

@@ -239,6 +239,12 @@ export default buildSchema({
                 }),
             },
         },
+        webRtcStreamer: {
+            type: 'raw',
+            options: {
+                valueType: 'HeartwoodTypes.WebRtcStreamer',
+            },
+        },
         alignment: {
             type: 'select',
             label: 'Alignment',

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

@@ -29562,6 +29562,12 @@ declare const _default: {
                                                 };
                                             };
                                         };
+                                        webRtcStreamer: {
+                                            type: "raw";
+                                            options: {
+                                                valueType: string;
+                                            };
+                                        };
                                         alignment: {
                                             type: "select";
                                             label: string;

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

@@ -29542,6 +29542,12 @@ declare const _default: {
                                                                 };
                                                             };
                                                         };
+                                                        webRtcStreamer: {
+                                                            type: "raw";
+                                                            options: {
+                                                                valueType: string;
+                                                            };
+                                                        };
                                                         alignment: {
                                                             type: "select";
                                                             label: string;

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

@@ -29587,6 +29587,12 @@ declare const _default: {
                                                                                 };
                                                                             };
                                                                         };
+                                                                        webRtcStreamer: {
+                                                                            type: "raw";
+                                                                            options: {
+                                                                                valueType: string;
+                                                                            };
+                                                                        };
                                                                         alignment: {
                                                                             type: "select";
                                                                             label: string;

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

@@ -29581,6 +29581,12 @@ declare const _default: {
                                                                                 };
                                                                             };
                                                                         };
+                                                                        webRtcStreamer: {
+                                                                            type: "raw";
+                                                                            options: {
+                                                                                valueType: string;
+                                                                            };
+                                                                        };
                                                                         alignment: {
                                                                             type: "select";
                                                                             label: string;

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

@@ -29603,6 +29603,12 @@ declare const _default: {
                                                                                 };
                                                                             };
                                                                         };
+                                                                        webRtcStreamer: {
+                                                                            type: "raw";
+                                                                            options: {
+                                                                                valueType: string;
+                                                                            };
+                                                                        };
                                                                         alignment: {
                                                                             type: "select";
                                                                             label: string;

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

@@ -0,0 +1,64 @@
+export default class MocRtcPeerConnection implements RTCPeerConnection {
+    static instance: MocRtcPeerConnection;
+    private constructorOptions?;
+    private offerOptions?;
+    offer: RTCSessionDescription;
+    private lastAddedEventListener?;
+    constructor(options?: RTCConfiguration);
+    assertGeneratedOfferEquals(offer: RTCSessionDescriptionInit): void;
+    assertCreatedWithOptions(expected: {
+        sdpSemantics: string;
+        iceServers: never[];
+    }): void;
+    assertCalledCreateOfferWith(expected: RTCOfferOptions): void;
+    assertSetsResponseToConnectionLocalDescription(): void;
+    assertSetAnswerEquals(options: {
+        type: string;
+        sdp: string;
+    }): void;
+    assertTrackListenerSet(expected: () => void): void;
+    canTrickleIceCandidates: boolean | null;
+    connectionState: RTCPeerConnectionState;
+    currentLocalDescription: RTCSessionDescription | null;
+    currentRemoteDescription: RTCSessionDescription | null;
+    iceConnectionState: RTCIceConnectionState;
+    iceGatheringState: RTCIceGatheringState;
+    localDescription: RTCSessionDescription | null;
+    onconnectionstatechange: ((this: RTCPeerConnection, ev: Event) => any) | null;
+    ondatachannel: ((this: RTCPeerConnection, ev: RTCDataChannelEvent) => any) | null;
+    onicecandidate: ((this: RTCPeerConnection, ev: RTCPeerConnectionIceEvent) => any) | null;
+    onicecandidateerror: ((this: RTCPeerConnection, ev: RTCPeerConnectionIceErrorEvent) => any) | null;
+    oniceconnectionstatechange: ((this: RTCPeerConnection, ev: Event) => any) | null;
+    onicegatheringstatechange: ((this: RTCPeerConnection, ev: Event) => any) | null;
+    onnegotiationneeded: ((this: RTCPeerConnection, ev: Event) => any) | null;
+    onsignalingstatechange: ((this: RTCPeerConnection, ev: Event) => any) | null;
+    ontrack: ((this: RTCPeerConnection, ev: RTCTrackEvent) => any) | null;
+    pendingLocalDescription: RTCSessionDescription | null;
+    pendingRemoteDescription: RTCSessionDescription | null;
+    remoteDescription: RTCSessionDescription | null;
+    sctp: RTCSctpTransport | null;
+    signalingState: RTCSignalingState;
+    addIceCandidate(_candidate?: unknown, _successCallback?: unknown, _failureCallback?: unknown): Promise<void>;
+    addTrack(_track: unknown, ..._streams: unknown[]): RTCRtpSender;
+    addTransceiver(_trackOrKind: unknown, _init?: unknown): RTCRtpTransceiver;
+    close(): void;
+    createAnswer(_successCallback?: unknown, _failureCallback?: unknown): Promise<void> | Promise<RTCSessionDescriptionInit>;
+    createDataChannel(_label: unknown, _dataChannelDict?: unknown): RTCDataChannel;
+    createOffer(options?: RTCOfferOptions): Promise<any>;
+    getConfiguration(): RTCConfiguration;
+    getReceivers(): RTCRtpReceiver[];
+    getSenders(): RTCRtpSender[];
+    getStats(_selector?: unknown, _successCallback?: unknown, _failureCallback?: unknown): Promise<void>;
+    getTransceivers(): RTCRtpTransceiver[];
+    removeTrack(): void;
+    restartIce(): void;
+    setConfiguration(_configuration?: unknown): void;
+    setLocalDescription(description?: RTCLocalSessionDescriptionInit): Promise<void>;
+    setRemoteDescription(description: {
+        type: 'answer';
+        sdp: string;
+    }): Promise<void>;
+    addEventListener(type: unknown, listener: unknown, _options?: unknown): void;
+    removeEventListener(_type: unknown, _listener: unknown, _options?: unknown): void;
+    dispatchEvent(_event: Event): boolean;
+}

package/build/esm/tests/MockRtcPeerConnection.js

@@ -0,0 +1,136 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { assert, generateId } from '@sprucelabs/test-utils';
+export default class MocRtcPeerConnection {
+    constructor(options) {
+        this.offer = {
+            [generateId()]: generateId(),
+        };
+        this.canTrickleIceCandidates = null;
+        this.connectionState = {};
+        this.currentLocalDescription = null;
+        this.currentRemoteDescription = null;
+        this.iceConnectionState = {};
+        this.iceGatheringState = {};
+        this.localDescription = null;
+        this.onconnectionstatechange = null;
+        this.ondatachannel = null;
+        this.onicecandidate = null;
+        this.onicecandidateerror = null;
+        this.oniceconnectionstatechange = null;
+        this.onicegatheringstatechange = null;
+        this.onnegotiationneeded = null;
+        this.onsignalingstatechange = null;
+        this.ontrack = null;
+        this.pendingLocalDescription = null;
+        this.pendingRemoteDescription = null;
+        this.remoteDescription = null;
+        this.sctp = null;
+        this.signalingState = {};
+        MocRtcPeerConnection.instance = this;
+        this.constructorOptions = options;
+    }
+    assertGeneratedOfferEquals(offer) {
+        assert.isEqualDeep(offer, this.offer, 'Did not return the generated offer');
+    }
+    assertCreatedWithOptions(expected) {
+        assert.isEqualDeep(this.constructorOptions, expected, 'Did not pass default options to peer connection');
+    }
+    assertCalledCreateOfferWith(expected) {
+        assert.isEqualDeep(this.offerOptions, expected, 'Did not pass expected options to createOffer');
+    }
+    assertSetsResponseToConnectionLocalDescription() {
+        assert.isEqualDeep(this.offer, this.localDescription, 'Did not set offer to local description');
+    }
+    assertSetAnswerEquals(options) {
+        assert.isEqualDeep(this.remoteDescription, options, 'Did not set answer to remote description of the peer connection');
+    }
+    assertTrackListenerSet(expected) {
+        assert.isEqualDeep(this.lastAddedEventListener, {
+            eventName: 'track',
+            listener: expected,
+        }, '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.');
+        });
+    }
+    addTrack(_track, ..._streams) {
+        return {};
+    }
+    addTransceiver(_trackOrKind, _init) {
+        return {};
+    }
+    close() {
+        throw new Error('Method not implemented.');
+    }
+    //@ts-ignore
+    createAnswer(_successCallback, _failureCallback) {
+        return {};
+    }
+    createDataChannel(_label, _dataChannelDict) {
+        return {};
+    }
+    //@ts-ignore
+    createOffer(options) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.offerOptions = options;
+            return this.offer;
+        });
+    }
+    getConfiguration() {
+        return {};
+    }
+    getReceivers() {
+        return [];
+    }
+    getSenders() {
+        return [];
+    }
+    //@ts-ignore
+    getStats(_selector, _successCallback, _failureCallback) {
+        return __awaiter(this, void 0, void 0, function* () {
+            throw new Error('Method not implemented.');
+        });
+    }
+    getTransceivers() {
+        return [];
+    }
+    removeTrack() { }
+    restartIce() { }
+    setConfiguration(_configuration) { }
+    setLocalDescription(description) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.localDescription = description;
+        });
+    }
+    setRemoteDescription(description) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.remoteDescription = description;
+        });
+    }
+    addEventListener(type, listener, _options) {
+        this.lastAddedEventListener = {
+            eventName: type,
+            listener,
+        };
+    }
+    removeEventListener(_type, _listener, _options) {
+        throw new Error('Method not implemented.');
+    }
+    dispatchEvent(_event) {
+        return true;
+    }
+}
+global.window = {
+    //@ts-ignore
+    RTCPeerConnection: MocRtcPeerConnection,
+};

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

@@ -42,6 +42,7 @@ import ToolBeltViewController, { ToolBeltViewControllerOptions } from '../viewCo
 import ViewControllerFactory from '../viewControllers/ViewControllerFactory';
 export * from './calendar.types';
 import '@sprucelabs/mercury-core-events';
+import WebRtcStreamingCardViewController, { WebRtcStreamingCardViewControllerOptions } from '../viewControllers/webRtcStreaming/WebRtcStreamingCard.vc';
 export { default as MapViewController } from '../viewControllers/Map.vc';
 export type ErrorHandler = (message: string) => void;
 type Person = SpruceSchemas.Spruce.v2020_07_22.Person;
@@ -254,6 +255,7 @@ export type LayoutStyle = NonNullable<SpruceSchemas.HeartwoodViewControllers.v20
 export type ListColumnWidth = NonNullable<List['columnWidths']>[number];
 export type TriggerRender = () => void;
 export type TriggerRenderHandler = () => void;
+export { WebRtcStreamer } from '../webRtcStreaming/WebRtcStreamer';
 export interface ViewController<ViewModel extends Record<string, any>> {
     render(): ViewModel;
     setTriggerRenderHandler: (handler: TriggerRenderHandler) => void;
@@ -383,6 +385,7 @@ export interface ViewControllerMap {
     'bar-chart': BarChartViewController;
     'line-graph': LineGraphViewController;
     'lock-screen': LockScreenSkillViewController;
+    'web-rtc-streaming-card': WebRtcStreamingCardViewController;
 }
 export interface ViewControllerOptionsMap {
     form: FormViewControllerOptions<any>;
@@ -427,6 +430,7 @@ export interface ViewControllerOptionsMap {
     'bar-chart': BarChartViewControllerOptions;
     'line-graph': LineGraphViewControllerOptions;
     'lock-screen': LockScreenSkillViewControllerOptions;
+    'web-rtc-streaming-card': WebRtcStreamingCardViewControllerOptions;
 }
 export interface SkillViewControllerMap {
 }

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

@@ -0,0 +1,10 @@
+import { CardViewControllerImpl } from '../..';
+import { Card, ViewControllerOptions } from '../../types/heartwood.types';
+import { WebRtcStreamer } from '../../webRtcStreaming/WebRtcStreamer';
+export default class WebRtcStreamingCardViewController extends CardViewControllerImpl {
+    static id: string;
+    constructor(options: ViewControllerOptions & WebRtcStreamingCardViewControllerOptions);
+    setStreamer(streamer: WebRtcStreamer, sectionIdx?: number): void;
+}
+export interface WebRtcStreamingCardViewControllerOptions extends Card {
+}

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

@@ -0,0 +1,22 @@
+import { assertOptions } from '@sprucelabs/schema';
+import { CardViewControllerImpl } from '../../index.js';
+class WebRtcStreamingCardViewController extends CardViewControllerImpl {
+    constructor(options) {
+        super(options);
+    }
+    setStreamer(streamer, sectionIdx = 0) {
+        assertOptions({ streamer }, ['streamer']);
+        if (this.getTotalSections() === 0) {
+            this.addSection({
+                webRtcStreamer: streamer,
+            });
+        }
+        else {
+            this.updateSection(sectionIdx, {
+                webRtcStreamer: streamer,
+            });
+        }
+    }
+}
+WebRtcStreamingCardViewController.id = 'web-rtc-streaming-card';
+export default WebRtcStreamingCardViewController;

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

@@ -0,0 +1,23 @@
+import WebRtcStreamerImpl from './WebRtcStreamer';
+export default class WebRtcConnection {
+    static get RTCPeerConnection(): {
+        new (configuration?: RTCConfiguration): RTCPeerConnection;
+        prototype: RTCPeerConnection;
+        generateCertificate(keygenAlgorithm: AlgorithmIdentifier): Promise<RTCCertificate>;
+    };
+    static set RTCPeerConnection(value: {
+        new (configuration?: RTCConfiguration): RTCPeerConnection;
+        prototype: RTCPeerConnection;
+        generateCertificate(keygenAlgorithm: AlgorithmIdentifier): Promise<RTCCertificate>;
+    });
+    static createOffer(options: WebRtcVcPluginCreateOfferOptions): Promise<{
+        offerSdp: RTCSessionDescriptionInit;
+        streamer: WebRtcStreamerImpl;
+    }>;
+}
+export interface WebRtcVcPluginCreateOfferOptions {
+    offerOptions: {
+        offerToReceiveAudio?: boolean;
+        offerToReceiveVideo?: boolean;
+    };
+}

package/build/esm/webRtcStreaming/WebRtcConnection.js

@@ -0,0 +1,35 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { assertOptions } from '@sprucelabs/schema';
+import WebRtcStreamerImpl from './WebRtcStreamer.js';
+export default class WebRtcConnection {
+    static get RTCPeerConnection() {
+        return window.RTCPeerConnection;
+    }
+    static set RTCPeerConnection(value) {
+        window.RTCPeerConnection = value;
+    }
+    static createOffer(options) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const { offerOptions } = assertOptions(options, ['offerOptions']);
+            const connection = new WebRtcConnection.RTCPeerConnection({
+                //@ts-ignore
+                sdpSemantics: 'unified-plan',
+                iceServers: [],
+            });
+            const offer = yield connection.createOffer(offerOptions);
+            yield connection.setLocalDescription(offer);
+            return {
+                offerSdp: offer,
+                streamer: WebRtcStreamerImpl.Streamer(connection),
+            };
+        });
+    }
+}

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

@@ -0,0 +1,11 @@
+export default class WebRtcStreamerImpl {
+    private connection;
+    protected constructor(connection: RTCPeerConnection);
+    static Streamer(connection: RTCPeerConnection): WebRtcStreamerImpl;
+    setAnswer(answerSdp: string): Promise<void>;
+    onTrack(cb: (event: RTCTrackEvent) => void): void;
+}
+export interface WebRtcStreamer {
+    setAnswer(answerSdp: string): Promise<void>;
+    onTrack(cb: (event: RTCTrackEvent) => void): void;
+}

package/build/esm/webRtcStreaming/WebRtcStreamer.js

@@ -0,0 +1,30 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { assertOptions } from '@sprucelabs/schema';
+export default class WebRtcStreamerImpl {
+    constructor(connection) {
+        this.connection = connection;
+    }
+    static Streamer(connection) {
+        return new WebRtcStreamerImpl(connection);
+    }
+    setAnswer(answerSdp) {
+        return __awaiter(this, void 0, void 0, function* () {
+            assertOptions({ answerSdp }, ['answerSdp']);
+            yield this.connection.setRemoteDescription({
+                type: 'answer',
+                sdp: answerSdp,
+            });
+        });
+    }
+    onTrack(cb) {
+        this.connection.addEventListener('track', cb);
+    }
+}

package/build/index.d.ts

@@ -66,6 +66,9 @@ export * from './auth/Authenticator';
 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 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,10 +17,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.selectInputSchema = exports.skillViewSchema = exports.bigFormSchema = exports.calendarEventColorsSchema = 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.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.statsSchema = exports.toggleInputSchema = exports.listToggleInputSchema = exports.addressInputSchema = 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 = void 0;
-exports.interactor = exports.normalizeScopeFromVc = exports.autocompleteInteractor = exports.formAssert = exports.autocompleteAssert = 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.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 = 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 = void 0;
+exports.calendarEventColorsSchema = 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.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.addressInputSchema = 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 = void 0;
+exports.formAssert = exports.autocompleteAssert = 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.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 = 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 = void 0;
 __exportStar(require("./constants"), exports);
 __exportStar(require("./types/heartwood.types"), exports);
 __exportStar(require("./utilities/removeUniversalViewOptions"), exports);
@@ -134,6 +134,12 @@ var buildForm_1 = require("./builders/buildForm");
 Object.defineProperty(exports, "buildForm", { enumerable: true, get: function () { return __importDefault(buildForm_1).default; } });
 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; } });
 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/cards/card.builder.d.ts

@@ -29531,6 +29531,12 @@ declare const _default: {
                                                 };
                                             };
                                         };
+                                        webRtcStreamer: {
+                                            type: "raw";
+                                            options: {
+                                                valueType: string;
+                                            };
+                                        };
                                         alignment: {
                                             type: "select";
                                             label: string;

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

@@ -22495,6 +22495,12 @@ declare const _default: {
                                 };
                             };
                         };
+                        webRtcStreamer: {
+                            type: "raw";
+                            options: {
+                                valueType: string;
+                            };
+                        };
                         alignment: {
                             type: "select";
                             label: string;

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

@@ -22445,6 +22445,12 @@ declare const _default: {
                 };
             };
         };
+        webRtcStreamer: {
+            type: "raw";
+            options: {
+                valueType: string;
+            };
+        };
         alignment: {
             type: "select";
             label: string;

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

@@ -244,6 +244,12 @@ exports.default = (0, schema_1.buildSchema)({
                 }),
             },
         },
+        webRtcStreamer: {
+            type: 'raw',
+            options: {
+                valueType: 'HeartwoodTypes.WebRtcStreamer',
+            },
+        },
         alignment: {
             type: 'select',
             label: 'Alignment',

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

@@ -29562,6 +29562,12 @@ declare const _default: {
                                                 };
                                             };
                                         };
+                                        webRtcStreamer: {
+                                            type: "raw";
+                                            options: {
+                                                valueType: string;
+                                            };
+                                        };
                                         alignment: {
                                             type: "select";
                                             label: string;

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

@@ -29542,6 +29542,12 @@ declare const _default: {
                                                                 };
                                                             };
                                                         };
+                                                        webRtcStreamer: {
+                                                            type: "raw";
+                                                            options: {
+                                                                valueType: string;
+                                                            };
+                                                        };
                                                         alignment: {
                                                             type: "select";
                                                             label: string;

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

@@ -29587,6 +29587,12 @@ declare const _default: {
                                                                                 };
                                                                             };
                                                                         };
+                                                                        webRtcStreamer: {
+                                                                            type: "raw";
+                                                                            options: {
+                                                                                valueType: string;
+                                                                            };
+                                                                        };
                                                                         alignment: {
                                                                             type: "select";
                                                                             label: string;

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

@@ -29581,6 +29581,12 @@ declare const _default: {
                                                                                 };
                                                                             };
                                                                         };
+                                                                        webRtcStreamer: {
+                                                                            type: "raw";
+                                                                            options: {
+                                                                                valueType: string;
+                                                                            };
+                                                                        };
                                                                         alignment: {
                                                                             type: "select";
                                                                             label: string;

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

@@ -29603,6 +29603,12 @@ declare const _default: {
                                                                                 };
                                                                             };
                                                                         };
+                                                                        webRtcStreamer: {
+                                                                            type: "raw";
+                                                                            options: {
+                                                                                valueType: string;
+                                                                            };
+                                                                        };
                                                                         alignment: {
                                                                             type: "select";
                                                                             label: string;

package/build/tests/MockRtcPeerConnection.d.ts

@@ -0,0 +1,64 @@
+export default class MocRtcPeerConnection implements RTCPeerConnection {
+    static instance: MocRtcPeerConnection;
+    private constructorOptions?;
+    private offerOptions?;
+    offer: RTCSessionDescription;
+    private lastAddedEventListener?;
+    constructor(options?: RTCConfiguration);
+    assertGeneratedOfferEquals(offer: RTCSessionDescriptionInit): void;
+    assertCreatedWithOptions(expected: {
+        sdpSemantics: string;
+        iceServers: never[];
+    }): void;
+    assertCalledCreateOfferWith(expected: RTCOfferOptions): void;
+    assertSetsResponseToConnectionLocalDescription(): void;
+    assertSetAnswerEquals(options: {
+        type: string;
+        sdp: string;
+    }): void;
+    assertTrackListenerSet(expected: () => void): void;
+    canTrickleIceCandidates: boolean | null;
+    connectionState: RTCPeerConnectionState;
+    currentLocalDescription: RTCSessionDescription | null;
+    currentRemoteDescription: RTCSessionDescription | null;
+    iceConnectionState: RTCIceConnectionState;
+    iceGatheringState: RTCIceGatheringState;
+    localDescription: RTCSessionDescription | null;
+    onconnectionstatechange: ((this: RTCPeerConnection, ev: Event) => any) | null;
+    ondatachannel: ((this: RTCPeerConnection, ev: RTCDataChannelEvent) => any) | null;
+    onicecandidate: ((this: RTCPeerConnection, ev: RTCPeerConnectionIceEvent) => any) | null;
+    onicecandidateerror: ((this: RTCPeerConnection, ev: RTCPeerConnectionIceErrorEvent) => any) | null;
+    oniceconnectionstatechange: ((this: RTCPeerConnection, ev: Event) => any) | null;
+    onicegatheringstatechange: ((this: RTCPeerConnection, ev: Event) => any) | null;
+    onnegotiationneeded: ((this: RTCPeerConnection, ev: Event) => any) | null;
+    onsignalingstatechange: ((this: RTCPeerConnection, ev: Event) => any) | null;
+    ontrack: ((this: RTCPeerConnection, ev: RTCTrackEvent) => any) | null;
+    pendingLocalDescription: RTCSessionDescription | null;
+    pendingRemoteDescription: RTCSessionDescription | null;
+    remoteDescription: RTCSessionDescription | null;
+    sctp: RTCSctpTransport | null;
+    signalingState: RTCSignalingState;
+    addIceCandidate(_candidate?: unknown, _successCallback?: unknown, _failureCallback?: unknown): Promise<void>;
+    addTrack(_track: unknown, ..._streams: unknown[]): RTCRtpSender;
+    addTransceiver(_trackOrKind: unknown, _init?: unknown): RTCRtpTransceiver;
+    close(): void;
+    createAnswer(_successCallback?: unknown, _failureCallback?: unknown): Promise<void> | Promise<RTCSessionDescriptionInit>;
+    createDataChannel(_label: unknown, _dataChannelDict?: unknown): RTCDataChannel;
+    createOffer(options?: RTCOfferOptions): Promise<any>;
+    getConfiguration(): RTCConfiguration;
+    getReceivers(): RTCRtpReceiver[];
+    getSenders(): RTCRtpSender[];
+    getStats(_selector?: unknown, _successCallback?: unknown, _failureCallback?: unknown): Promise<void>;
+    getTransceivers(): RTCRtpTransceiver[];
+    removeTrack(): void;
+    restartIce(): void;
+    setConfiguration(_configuration?: unknown): void;
+    setLocalDescription(description?: RTCLocalSessionDescriptionInit): Promise<void>;
+    setRemoteDescription(description: {
+        type: 'answer';
+        sdp: string;
+    }): Promise<void>;
+    addEventListener(type: unknown, listener: unknown, _options?: unknown): void;
+    removeEventListener(_type: unknown, _listener: unknown, _options?: unknown): void;
+    dispatchEvent(_event: Event): boolean;
+}

package/build/tests/MockRtcPeerConnection.js

@@ -0,0 +1,120 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const test_utils_1 = require("@sprucelabs/test-utils");
+class MocRtcPeerConnection {
+    constructor(options) {
+        this.offer = {
+            [(0, test_utils_1.generateId)()]: (0, test_utils_1.generateId)(),
+        };
+        this.canTrickleIceCandidates = null;
+        this.connectionState = {};
+        this.currentLocalDescription = null;
+        this.currentRemoteDescription = null;
+        this.iceConnectionState = {};
+        this.iceGatheringState = {};
+        this.localDescription = null;
+        this.onconnectionstatechange = null;
+        this.ondatachannel = null;
+        this.onicecandidate = null;
+        this.onicecandidateerror = null;
+        this.oniceconnectionstatechange = null;
+        this.onicegatheringstatechange = null;
+        this.onnegotiationneeded = null;
+        this.onsignalingstatechange = null;
+        this.ontrack = null;
+        this.pendingLocalDescription = null;
+        this.pendingRemoteDescription = null;
+        this.remoteDescription = null;
+        this.sctp = null;
+        this.signalingState = {};
+        MocRtcPeerConnection.instance = this;
+        this.constructorOptions = options;
+    }
+    assertGeneratedOfferEquals(offer) {
+        test_utils_1.assert.isEqualDeep(offer, this.offer, 'Did not return the generated offer');
+    }
+    assertCreatedWithOptions(expected) {
+        test_utils_1.assert.isEqualDeep(this.constructorOptions, expected, 'Did not pass default options to peer connection');
+    }
+    assertCalledCreateOfferWith(expected) {
+        test_utils_1.assert.isEqualDeep(this.offerOptions, expected, 'Did not pass expected options to createOffer');
+    }
+    assertSetsResponseToConnectionLocalDescription() {
+        test_utils_1.assert.isEqualDeep(this.offer, this.localDescription, 'Did not set offer to local description');
+    }
+    assertSetAnswerEquals(options) {
+        test_utils_1.assert.isEqualDeep(this.remoteDescription, options, 'Did not set answer to remote description of the peer connection');
+    }
+    assertTrackListenerSet(expected) {
+        test_utils_1.assert.isEqualDeep(this.lastAddedEventListener, {
+            eventName: 'track',
+            listener: expected,
+        }, 'did not call connection.addEventListener with track listener');
+    }
+    async addIceCandidate(_candidate, _successCallback, _failureCallback) {
+        throw new Error('Method not implemented.');
+    }
+    addTrack(_track, ..._streams) {
+        return {};
+    }
+    addTransceiver(_trackOrKind, _init) {
+        return {};
+    }
+    close() {
+        throw new Error('Method not implemented.');
+    }
+    //@ts-ignore
+    createAnswer(_successCallback, _failureCallback) {
+        return {};
+    }
+    createDataChannel(_label, _dataChannelDict) {
+        return {};
+    }
+    //@ts-ignore
+    async createOffer(options) {
+        this.offerOptions = options;
+        return this.offer;
+    }
+    getConfiguration() {
+        return {};
+    }
+    getReceivers() {
+        return [];
+    }
+    getSenders() {
+        return [];
+    }
+    //@ts-ignore
+    async getStats(_selector, _successCallback, _failureCallback) {
+        throw new Error('Method not implemented.');
+    }
+    getTransceivers() {
+        return [];
+    }
+    removeTrack() { }
+    restartIce() { }
+    setConfiguration(_configuration) { }
+    async setLocalDescription(description) {
+        this.localDescription = description;
+    }
+    async setRemoteDescription(description) {
+        this.remoteDescription = description;
+    }
+    addEventListener(type, listener, _options) {
+        this.lastAddedEventListener = {
+            eventName: type,
+            listener,
+        };
+    }
+    removeEventListener(_type, _listener, _options) {
+        throw new Error('Method not implemented.');
+    }
+    dispatchEvent(_event) {
+        return true;
+    }
+}
+exports.default = MocRtcPeerConnection;
+global.window = {
+    //@ts-ignore
+    RTCPeerConnection: MocRtcPeerConnection,
+};

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

@@ -42,6 +42,7 @@ import ToolBeltViewController, { ToolBeltViewControllerOptions } from '../viewCo
 import ViewControllerFactory from '../viewControllers/ViewControllerFactory';
 export * from './calendar.types';
 import '@sprucelabs/mercury-core-events';
+import WebRtcStreamingCardViewController, { WebRtcStreamingCardViewControllerOptions } from '../viewControllers/webRtcStreaming/WebRtcStreamingCard.vc';
 export { default as MapViewController } from '../viewControllers/Map.vc';
 export type ErrorHandler = (message: string) => void;
 type Person = SpruceSchemas.Spruce.v2020_07_22.Person;
@@ -254,6 +255,7 @@ export type LayoutStyle = NonNullable<SpruceSchemas.HeartwoodViewControllers.v20
 export type ListColumnWidth = NonNullable<List['columnWidths']>[number];
 export type TriggerRender = () => void;
 export type TriggerRenderHandler = () => void;
+export { WebRtcStreamer } from '../webRtcStreaming/WebRtcStreamer';
 export interface ViewController<ViewModel extends Record<string, any>> {
     render(): ViewModel;
     setTriggerRenderHandler: (handler: TriggerRenderHandler) => void;
@@ -383,6 +385,7 @@ export interface ViewControllerMap {
     'bar-chart': BarChartViewController;
     'line-graph': LineGraphViewController;
     'lock-screen': LockScreenSkillViewController;
+    'web-rtc-streaming-card': WebRtcStreamingCardViewController;
 }
 export interface ViewControllerOptionsMap {
     form: FormViewControllerOptions<any>;
@@ -427,6 +430,7 @@ export interface ViewControllerOptionsMap {
     'bar-chart': BarChartViewControllerOptions;
     'line-graph': LineGraphViewControllerOptions;
     'lock-screen': LockScreenSkillViewControllerOptions;
+    'web-rtc-streaming-card': WebRtcStreamingCardViewControllerOptions;
 }
 export interface SkillViewControllerMap {
 }

package/build/viewControllers/webRtcStreaming/WebRtcStreamingCard.vc.d.ts

@@ -0,0 +1,10 @@
+import { CardViewControllerImpl } from '../..';
+import { Card, ViewControllerOptions } from '../../types/heartwood.types';
+import { WebRtcStreamer } from '../../webRtcStreaming/WebRtcStreamer';
+export default class WebRtcStreamingCardViewController extends CardViewControllerImpl {
+    static id: string;
+    constructor(options: ViewControllerOptions & WebRtcStreamingCardViewControllerOptions);
+    setStreamer(streamer: WebRtcStreamer, sectionIdx?: number): void;
+}
+export interface WebRtcStreamingCardViewControllerOptions extends Card {
+}

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const schema_1 = require("@sprucelabs/schema");
+const __1 = require("../..");
+class WebRtcStreamingCardViewController extends __1.CardViewControllerImpl {
+    constructor(options) {
+        super(options);
+    }
+    setStreamer(streamer, sectionIdx = 0) {
+        (0, schema_1.assertOptions)({ streamer }, ['streamer']);
+        if (this.getTotalSections() === 0) {
+            this.addSection({
+                webRtcStreamer: streamer,
+            });
+        }
+        else {
+            this.updateSection(sectionIdx, {
+                webRtcStreamer: streamer,
+            });
+        }
+    }
+}
+WebRtcStreamingCardViewController.id = 'web-rtc-streaming-card';
+exports.default = WebRtcStreamingCardViewController;

package/build/webRtcStreaming/WebRtcConnection.d.ts

@@ -0,0 +1,23 @@
+import WebRtcStreamerImpl from './WebRtcStreamer';
+export default class WebRtcConnection {
+    static get RTCPeerConnection(): {
+        new (configuration?: RTCConfiguration): RTCPeerConnection;
+        prototype: RTCPeerConnection;
+        generateCertificate(keygenAlgorithm: AlgorithmIdentifier): Promise<RTCCertificate>;
+    };
+    static set RTCPeerConnection(value: {
+        new (configuration?: RTCConfiguration): RTCPeerConnection;
+        prototype: RTCPeerConnection;
+        generateCertificate(keygenAlgorithm: AlgorithmIdentifier): Promise<RTCCertificate>;
+    });
+    static createOffer(options: WebRtcVcPluginCreateOfferOptions): Promise<{
+        offerSdp: RTCSessionDescriptionInit;
+        streamer: WebRtcStreamerImpl;
+    }>;
+}
+export interface WebRtcVcPluginCreateOfferOptions {
+    offerOptions: {
+        offerToReceiveAudio?: boolean;
+        offerToReceiveVideo?: boolean;
+    };
+}

package/build/webRtcStreaming/WebRtcConnection.js

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const schema_1 = require("@sprucelabs/schema");
+const WebRtcStreamer_1 = __importDefault(require("./WebRtcStreamer"));
+class WebRtcConnection {
+    static get RTCPeerConnection() {
+        return window.RTCPeerConnection;
+    }
+    static set RTCPeerConnection(value) {
+        window.RTCPeerConnection = value;
+    }
+    static async createOffer(options) {
+        const { offerOptions } = (0, schema_1.assertOptions)(options, ['offerOptions']);
+        const connection = new WebRtcConnection.RTCPeerConnection({
+            //@ts-ignore
+            sdpSemantics: 'unified-plan',
+            iceServers: [],
+        });
+        const offer = await connection.createOffer(offerOptions);
+        await connection.setLocalDescription(offer);
+        return {
+            offerSdp: offer,
+            streamer: WebRtcStreamer_1.default.Streamer(connection),
+        };
+    }
+}
+exports.default = WebRtcConnection;

package/build/webRtcStreaming/WebRtcStreamer.d.ts

@@ -0,0 +1,11 @@
+export default class WebRtcStreamerImpl {
+    private connection;
+    protected constructor(connection: RTCPeerConnection);
+    static Streamer(connection: RTCPeerConnection): WebRtcStreamerImpl;
+    setAnswer(answerSdp: string): Promise<void>;
+    onTrack(cb: (event: RTCTrackEvent) => void): void;
+}
+export interface WebRtcStreamer {
+    setAnswer(answerSdp: string): Promise<void>;
+    onTrack(cb: (event: RTCTrackEvent) => void): void;
+}

package/build/webRtcStreaming/WebRtcStreamer.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const schema_1 = require("@sprucelabs/schema");
+class WebRtcStreamerImpl {
+    constructor(connection) {
+        this.connection = connection;
+    }
+    static Streamer(connection) {
+        return new WebRtcStreamerImpl(connection);
+    }
+    async setAnswer(answerSdp) {
+        (0, schema_1.assertOptions)({ answerSdp }, ['answerSdp']);
+        await this.connection.setRemoteDescription({
+            type: 'answer',
+            sdp: answerSdp,
+        });
+    }
+    onTrack(cb) {
+        this.connection.addEventListener('track', cb);
+    }
+}
+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.11",
+  "version": "118.0.12",
   "skill": {
     "namespace": "HeartwoodViewControllers",
     "commandOverrides": {