@sprucelabs/heartwood-view-controllers 118.0.31 → 118.1.0

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

@@ -19,6 +19,16 @@ const webRtcPlayerSchema = {
             options: { valueType: `HeartwoodTypes.ViewController<HeartwoodTypes.WebRtcPlayer>`, }
         },
         /** . */
+        'shouldAllowCropping': {
+            type: 'boolean',
+            options: undefined
+        },
+        /** . */
+        'onCrop': {
+            type: 'raw',
+            options: { valueType: `HeartwoodTypes.WebRtcPlayerCropHandler`, }
+        },
+        /** . */
         'connection': {
             type: 'raw',
             options: { valueType: `HeartwoodTypes.WebRtcConnection`, }

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

@@ -708,6 +708,8 @@ declare module '@sprucelabs/spruce-core-schemas/build/.spruce/schemas/core.schem
         interface WebRtcPlayer {
             'id'?: string | undefined | null;
             'controller'?: (HeartwoodTypes.ViewController<HeartwoodTypes.WebRtcPlayer>) | undefined | null;
+            'shouldAllowCropping'?: boolean | undefined | null;
+            'onCrop'?: (HeartwoodTypes.WebRtcPlayerCropHandler) | undefined | null;
             'connection'?: (HeartwoodTypes.WebRtcConnection) | undefined | null;
             'streamer'?: (HeartwoodTypes.WebRtcStreamer) | undefined | null;
         }
@@ -731,6 +733,18 @@ declare module '@sprucelabs/spruce-core-schemas/build/.spruce/schemas/core.schem
                     };
                 };
                 /** . */
+                'shouldAllowCropping': {
+                    type: 'boolean';
+                    options: undefined;
+                };
+                /** . */
+                'onCrop': {
+                    type: 'raw';
+                    options: {
+                        valueType: `HeartwoodTypes.WebRtcPlayerCropHandler`;
+                    };
+                };
+                /** . */
                 'connection': {
                     type: 'raw';
                     options: {

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

@@ -17,6 +17,16 @@ const webRtcPlayerSchema = {
             options: { valueType: `HeartwoodTypes.ViewController<HeartwoodTypes.WebRtcPlayer>`, }
         },
         /** . */
+        'shouldAllowCropping': {
+            type: 'boolean',
+            options: undefined
+        },
+        /** . */
+        'onCrop': {
+            type: 'raw',
+            options: { valueType: `HeartwoodTypes.WebRtcPlayerCropHandler`, }
+        },
+        /** . */
         'connection': {
             type: 'raw',
             options: { valueType: `HeartwoodTypes.WebRtcConnection`, }

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

@@ -708,6 +708,8 @@ declare module '@sprucelabs/spruce-core-schemas/build/.spruce/schemas/core.schem
         interface WebRtcPlayer {
             'id'?: string | undefined | null;
             'controller'?: (HeartwoodTypes.ViewController<HeartwoodTypes.WebRtcPlayer>) | undefined | null;
+            'shouldAllowCropping'?: boolean | undefined | null;
+            'onCrop'?: (HeartwoodTypes.WebRtcPlayerCropHandler) | undefined | null;
             'connection'?: (HeartwoodTypes.WebRtcConnection) | undefined | null;
             'streamer'?: (HeartwoodTypes.WebRtcStreamer) | undefined | null;
         }
@@ -731,6 +733,18 @@ declare module '@sprucelabs/spruce-core-schemas/build/.spruce/schemas/core.schem
                     };
                 };
                 /** . */
+                'shouldAllowCropping': {
+                    type: 'boolean';
+                    options: undefined;
+                };
+                /** . */
+                'onCrop': {
+                    type: 'raw';
+                    options: {
+                        valueType: `HeartwoodTypes.WebRtcPlayerCropHandler`;
+                    };
+                };
+                /** . */
                 'connection': {
                     type: 'raw';
                     options: {

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

@@ -10,6 +10,15 @@ declare const _default: {
                 valueType: string;
             };
         };
+        shouldAllowCropping: {
+            type: "boolean";
+        };
+        onCrop: {
+            type: "raw";
+            options: {
+                valueType: string;
+            };
+        };
         connection: {
             type: "raw";
             options: {

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

@@ -11,6 +11,15 @@ export default buildSchema({
                 valueType: 'HeartwoodTypes.ViewController<HeartwoodTypes.WebRtcPlayer>',
             },
         },
+        shouldAllowCropping: {
+            type: 'boolean',
+        },
+        onCrop: {
+            type: 'raw',
+            options: {
+                valueType: 'HeartwoodTypes.WebRtcPlayerCropHandler',
+            },
+        },
         connection: {
             type: 'raw',
             options: {

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

@@ -24,7 +24,7 @@ export default class MockRtcPeerConnection implements RTCPeerConnection {
     }): void;
     assertTrackListenerSet(expected: () => void): void;
     static onCreateOffer(cb?: () => void): void;
-    emitTrackAdded(): void;
+    emitTrackAdded(event?: RTCTrackEvent): void;
     canTrickleIceCandidates: boolean | null;
     connectionState: RTCPeerConnectionState;
     currentLocalDescription: RTCSessionDescription | null;

package/build/esm/tests/MockRtcPeerConnection.js

@@ -85,10 +85,10 @@ export default class MockRtcPeerConnection {
     static onCreateOffer(cb) {
         this.onCreateOfferHandler = cb;
     }
-    emitTrackAdded() {
+    emitTrackAdded(event) {
         const lastListener = this.lastAddedEventListener;
         if ((lastListener === null || lastListener === void 0 ? void 0 : lastListener.eventName) === 'track') {
-            lastListener.listener({});
+            lastListener.listener(event !== null && event !== void 0 ? event : {});
         }
         else {
             assert.fail('Did not call connection.addEventListener with track listener');

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

@@ -258,6 +258,13 @@ export type TriggerRender = () => void;
 export type TriggerRenderHandler = () => void;
 export { WebRtcStreamer } from '../webRtcStreaming/WebRtcStreamer';
 export * from '../webRtcStreaming/WebRtcConnection';
+export interface Point {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export type WebRtcPlayerCropHandler = (point?: Point) => void;
 export interface ViewController<ViewModel extends Record<string, any>> {
     render(): ViewModel;
     setTriggerRenderHandler: (handler: TriggerRenderHandler) => void;

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

@@ -4,7 +4,7 @@ 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);
-    private stateChangeHandlers;
+    private stateChangeListeners;
     static Connection(): WebRtcConnection;
     createOffer(options: WebRtcVcPluginCreateOfferOptions): Promise<WebRtcCreateOfferResponse>;
     private emitStateChange;
@@ -18,7 +18,7 @@ export interface WebRtcVcPluginCreateOfferOptions {
     };
 }
 export type WebRtcConnectionState = 'createdOffer' | 'suppliedAnswer' | 'trackAdded';
-export type WebRtcStateChangeHandler = (state: WebRtcConnectionState) => void | Promise<void>;
+export type WebRtcStateChangeHandler = (state: WebRtcConnectionState, event?: RTCTrackEvent) => void | Promise<void>;
 export interface WebRtcConnection {
     offStateChange(listener: WebRtcStateChangeHandler): void;
     createOffer(options: WebRtcVcPluginCreateOfferOptions): Promise<WebRtcCreateOfferResponse>;

package/build/esm/webRtcStreaming/WebRtcConnection.js

@@ -11,7 +11,7 @@ import { assertOptions } from '@sprucelabs/schema';
 import WebRtcStreamerImpl from './WebRtcStreamer.js';
 export default class WebRtcConnectionImpl {
     constructor() {
-        this.stateChangeHandlers = [];
+        this.stateChangeListeners = [];
     }
     static get RTCPeerConnection() {
         return window.RTCPeerConnection;
@@ -44,6 +44,9 @@ export default class WebRtcConnectionImpl {
             const offer = yield connection.createOffer({});
             yield connection.setLocalDescription(offer);
             void this.emitStateChange('createdOffer');
+            connection.addEventListener('track', (event) => {
+                void this.emitStateChange('trackAdded', event);
+            });
             return {
                 offerSdp: offer,
                 streamer: WebRtcStreamerImpl.Streamer(connection, (status) => __awaiter(this, void 0, void 0, function* () {
@@ -52,17 +55,17 @@ export default class WebRtcConnectionImpl {
             };
         });
     }
-    emitStateChange(state) {
+    emitStateChange(state, event) {
         return __awaiter(this, void 0, void 0, function* () {
-            for (const handler of this.stateChangeHandlers) {
-                yield handler(state);
+            for (const handler of this.stateChangeListeners) {
+                yield handler(state, event);
             }
         });
     }
     onStateChange(cb) {
-        this.stateChangeHandlers.push(cb);
+        this.stateChangeListeners.push(cb);
     }
     offStateChange(listener) {
-        this.stateChangeHandlers = this.stateChangeHandlers.filter((handler) => handler !== listener);
+        this.stateChangeListeners = this.stateChangeListeners.filter((handler) => handler !== listener);
     }
 }

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

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

package/build/esm/webRtcStreaming/WebRtcStreamer.js

@@ -11,7 +11,7 @@ import { assertOptions } from '@sprucelabs/schema';
 export default class WebRtcStreamerImpl {
     constructor(connection, stateChangeHandler) {
         this.connection = connection;
-        this.stateChangeHandler = stateChangeHandler;
+        this.setAnwserHandler = stateChangeHandler;
     }
     static Streamer(connection, stateChangeHandler) {
         var _a;
@@ -25,12 +25,10 @@ export default class WebRtcStreamerImpl {
                 type: 'answer',
                 sdp: answerSdp,
             });
-            yield ((_a = this.stateChangeHandler) === null || _a === void 0 ? void 0 : _a.call(this, 'suppliedAnswer'));
+            yield ((_a = this.setAnwserHandler) === 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/schemas/v2021_02_11/webRtcPlayer.builder.d.ts

@@ -10,6 +10,15 @@ declare const _default: {
                 valueType: string;
             };
         };
+        shouldAllowCropping: {
+            type: "boolean";
+        };
+        onCrop: {
+            type: "raw";
+            options: {
+                valueType: string;
+            };
+        };
         connection: {
             type: "raw";
             options: {

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

@@ -13,6 +13,15 @@ exports.default = (0, schema_1.buildSchema)({
                 valueType: 'HeartwoodTypes.ViewController<HeartwoodTypes.WebRtcPlayer>',
             },
         },
+        shouldAllowCropping: {
+            type: 'boolean',
+        },
+        onCrop: {
+            type: 'raw',
+            options: {
+                valueType: 'HeartwoodTypes.WebRtcPlayerCropHandler',
+            },
+        },
         connection: {
             type: 'raw',
             options: {

package/build/tests/MockRtcPeerConnection.d.ts

@@ -24,7 +24,7 @@ export default class MockRtcPeerConnection implements RTCPeerConnection {
     }): void;
     assertTrackListenerSet(expected: () => void): void;
     static onCreateOffer(cb?: () => void): void;
-    emitTrackAdded(): void;
+    emitTrackAdded(event?: RTCTrackEvent): void;
     canTrickleIceCandidates: boolean | null;
     connectionState: RTCPeerConnectionState;
     currentLocalDescription: RTCSessionDescription | null;

package/build/tests/MockRtcPeerConnection.js

@@ -78,10 +78,10 @@ class MockRtcPeerConnection {
     static onCreateOffer(cb) {
         this.onCreateOfferHandler = cb;
     }
-    emitTrackAdded() {
+    emitTrackAdded(event) {
         const lastListener = this.lastAddedEventListener;
         if (lastListener?.eventName === 'track') {
-            lastListener.listener({});
+            lastListener.listener(event ?? {});
         }
         else {
             test_utils_1.assert.fail('Did not call connection.addEventListener with track listener');

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

@@ -258,6 +258,13 @@ export type TriggerRender = () => void;
 export type TriggerRenderHandler = () => void;
 export { WebRtcStreamer } from '../webRtcStreaming/WebRtcStreamer';
 export * from '../webRtcStreaming/WebRtcConnection';
+export interface Point {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export type WebRtcPlayerCropHandler = (point?: Point) => void;
 export interface ViewController<ViewModel extends Record<string, any>> {
     render(): ViewModel;
     setTriggerRenderHandler: (handler: TriggerRenderHandler) => void;

package/build/webRtcStreaming/WebRtcConnection.d.ts

@@ -4,7 +4,7 @@ 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);
-    private stateChangeHandlers;
+    private stateChangeListeners;
     static Connection(): WebRtcConnection;
     createOffer(options: WebRtcVcPluginCreateOfferOptions): Promise<WebRtcCreateOfferResponse>;
     private emitStateChange;
@@ -18,7 +18,7 @@ export interface WebRtcVcPluginCreateOfferOptions {
     };
 }
 export type WebRtcConnectionState = 'createdOffer' | 'suppliedAnswer' | 'trackAdded';
-export type WebRtcStateChangeHandler = (state: WebRtcConnectionState) => void | Promise<void>;
+export type WebRtcStateChangeHandler = (state: WebRtcConnectionState, event?: RTCTrackEvent) => void | Promise<void>;
 export interface WebRtcConnection {
     offStateChange(listener: WebRtcStateChangeHandler): void;
     createOffer(options: WebRtcVcPluginCreateOfferOptions): Promise<WebRtcCreateOfferResponse>;

package/build/webRtcStreaming/WebRtcConnection.js

@@ -7,7 +7,7 @@ const schema_1 = require("@sprucelabs/schema");
 const WebRtcStreamer_1 = __importDefault(require("./WebRtcStreamer"));
 class WebRtcConnectionImpl {
     constructor() {
-        this.stateChangeHandlers = [];
+        this.stateChangeListeners = [];
     }
     static get RTCPeerConnection() {
         return window.RTCPeerConnection;
@@ -38,6 +38,9 @@ class WebRtcConnectionImpl {
         const offer = await connection.createOffer({});
         await connection.setLocalDescription(offer);
         void this.emitStateChange('createdOffer');
+        connection.addEventListener('track', (event) => {
+            void this.emitStateChange('trackAdded', event);
+        });
         return {
             offerSdp: offer,
             streamer: WebRtcStreamer_1.default.Streamer(connection, async (status) => {
@@ -45,16 +48,16 @@ class WebRtcConnectionImpl {
             }),
         };
     }
-    async emitStateChange(state) {
-        for (const handler of this.stateChangeHandlers) {
-            await handler(state);
+    async emitStateChange(state, event) {
+        for (const handler of this.stateChangeListeners) {
+            await handler(state, event);
         }
     }
     onStateChange(cb) {
-        this.stateChangeHandlers.push(cb);
+        this.stateChangeListeners.push(cb);
     }
     offStateChange(listener) {
-        this.stateChangeHandlers = this.stateChangeHandlers.filter((handler) => handler !== listener);
+        this.stateChangeListeners = this.stateChangeListeners.filter((handler) => handler !== listener);
     }
 }
 exports.default = WebRtcConnectionImpl;

package/build/webRtcStreaming/WebRtcStreamer.d.ts

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

package/build/webRtcStreaming/WebRtcStreamer.js

@@ -4,7 +4,7 @@ const schema_1 = require("@sprucelabs/schema");
 class WebRtcStreamerImpl {
     constructor(connection, stateChangeHandler) {
         this.connection = connection;
-        this.stateChangeHandler = stateChangeHandler;
+        this.setAnwserHandler = stateChangeHandler;
     }
     static Streamer(connection, stateChangeHandler) {
         return new (this.Class ?? this)(connection, stateChangeHandler);
@@ -15,11 +15,10 @@ class WebRtcStreamerImpl {
             type: 'answer',
             sdp: answerSdp,
         });
-        await this.stateChangeHandler?.('suppliedAnswer');
+        await this.setAnwserHandler?.('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.31",
+  "version": "118.1.0",
   "skill": {
     "namespace": "HeartwoodViewControllers",
     "commandOverrides": {