@reactoo/watchtogether-sdk-js 2.5.74 → 2.5.76

package/example/index.html

@@ -17,6 +17,7 @@
         <button onclick="unpublish()">unpublish</button>
         <button onclick="toggleVideo()">toggle video</button>
         <button onclick="toggleAudio()">toggle audio</button>
+        <button onclick="hento()">sign to goole</button>
     </div>
 
 </div>
@@ -41,6 +42,15 @@
         //     });
         // }
 
+        function hento() {
+            //Instance.system.getSettings();
+            Instance.auth.socialAuth({provider: 'youtube', action: 'generateAuthUrl'})
+                    .then(r => {
+                        window.open(r.data.redirectUrl);
+                    })
+
+        }
+
         function createParticipant(data, isRemote = false) {
 
             let id = `part_${data.id}`;
@@ -97,7 +107,7 @@
             Instance.room.getSessionByConstructId(constructId).toggleAudio()
         }
 
-        let Instance = WatchTogetherSDK({debug:true, apiUrl: 'https://api.reactoo.com/dev3/swagger.json'})({instanceType:'reactooDemo'});
+        let Instance = WatchTogetherSDK({debug:true, apiUrl: 'https://api.reactoo.com/stefan/swagger.json'})({instanceType:'reactooDemo'});
 
         Instance.auth.$on('login', () => {
             console.log('We are in');
@@ -122,9 +132,7 @@
         Instance.auth.deviceLogin(true) // login as browser
             .then(r => Instance.iot.iotLogin()) // login to mqtt
             .then(r => {
-
                 if(roomId) {
-                    console.log(roomId);
                     return Instance.room.getRoomById(roomId, pinHash).then((r) => {
                         Instance.iot?.subscribe(r.data.iotTopic);
                         return {roomId, pinHash}
@@ -136,9 +144,6 @@
                     .then(r => r.data.items.length ? r.data.items[0] : Instance.room.createRoom({title:'Demo Room'}).then(r => r.data))
                     .then(r => Instance.room.getInviteUrl(r._id)) // getting info about invite params
                     .then((r) => {
-
-
-
                         roomId = r.data.roomId;
 
                         console.log('-----------------------------------------------------');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reactoo/watchtogether-sdk-js",
-  "version": "2.5.74",
+  "version": "2.5.76",
   "description": "Javascript SDK for Reactoo",
   "main": "src/index.js",
   "unpkg": "dist/watchtogether-sdk.min.js",

package/src/models/asset.js

@@ -28,7 +28,7 @@ let asset =  function() {
 			return this.__privates.auth.__client
 				.then(client => Promise.all([client, client.apis.asset.initiateAssetUpload({id})]))
 				.then(([client, response]) => Promise.all([client, client.http({url: response.data.signedUrl, method: response.data.httpMethod, headers: {"Content-Type":file.type}, body:file}), response.data.id]))
-				.then(([client, response, idn]) => client.apis.asset.publishAsset({id:idn}, {requestBody: {title: file.name, ...(roomIds ? {roomIds} : {})}}))
+				.then(([client, response, idn]) => Promise.all([client.apis.asset.publishAsset({id:idn}, {requestBody: {title: file.name, ...(roomIds ? {roomIds} : {})}}), idn]))
 				;
 		},
 	    downloadAsset: (url, options = {}) => {

package/src/models/auth.js

@@ -90,6 +90,11 @@ let auth = function () {
                 .then(client => client.apis.auth.confirmForgotPassword({},{requestBody:{password, confirmationCode, username}}))
         },
 
+        socialAuth: (data = {}) => {
+            return this.__privates.auth.__client
+                .then(client => client.apis.auth.socialAuth(data))
+        },
+
         $on: (key, callback, that) => {
             return this.__privates.auth.on(key, callback, that || this);
         },

package/src/models/room.js

@@ -23,7 +23,7 @@ let room = function () {
 
 	return {
 
-		//TODO: new model
+		//TODO:deprecated
 		integration: (data = {}) => {
 			return this.__privates.auth.__client
 				.then(client => client.apis.system.integration({type: this.__instanceType}, {
@@ -37,7 +37,7 @@ let room = function () {
 				}));
 		},
 
-		//TODO: new model
+		//TODO:deprecated
 		getAnalytics: (data = {}) => {
 			return this.__privates.auth.__client
 				.then(client => client.apis.system.getAnalytics({instanceType: this.__instanceType, ...data}))

package/src/models/system.js

@@ -1,5 +1,7 @@
 'use strict';
 
+import {serializeError} from "serialize-error";
+
 let system = function () {
 	return {
 		integration: (data = {}) => {
@@ -38,6 +40,41 @@ let system = function () {
 		getIntegrationPublic: (type, data = {}) => {
 			return this.__privates.auth.__client
 				.then(client => client.apis.system.integrationPublic({type}, {requestBody:{...data}}))
+		},
+		admin: (data = {}) => {
+			return this.__privates.auth.__client
+				.then(client => client.apis.wt.admin({},{requestBody:{instanceType : this.__instanceType, ...data}}));
+		},
+		analytics: ({action, startKey = null, limit = 20} = {}) => {
+
+			let apiParams = {
+				action,
+				limit,
+				...(startKey && {startKey})
+			};
+			return this.__privates.auth.__client
+				.then(client => client.apis.wt.analytics({},{requestBody:{instanceType : this.__instanceType, ...apiParams}}));
+
+		},
+		track: ({eventType = 'ERROR', message} = {}) => {
+			return this.__privates.auth.__client
+				.then(client => client.apis.wt.track({},{
+					requestBody:{
+						"eventType": eventType,
+						"appType": "web",
+						"deviceType": `desktop${navigator.maxTouchPoints ? '/touch' : ''}`,
+						"os": navigator.platform,
+						"browser": navigator.userAgent,
+						"domain": location.host,
+						"url": location.href,
+						"message": serializeError(message)
+					}
+				}));
+		},
+		getSchemas: () => {
+			return this.__privates.auth.__client.then(client => {
+				return client.spec?.components?.schemas
+			})
 		}
 	}
 }

package/src/models/user.js

@@ -107,8 +107,7 @@ let user = function () {
                 .then(client => client.apis.user.getUsers(apiParams))
         },
         
-        //TODO: should have own model
-        
+        //TODO:deprecated
         track: ({eventType = 'ERROR', message} = {}) => {
             return this.__privates.auth.__client
                 .then(client => client.apis.wt.track({},{
@@ -125,34 +124,37 @@ let user = function () {
                 }));
         },
 
-        //TODO: new model
+        //TODO:deprecated
         getTranslation: ({namespace = 'wt'} = {}) => {
             return this.__privates.auth.__client
                 .then(client => client.apis.system.getTranslation({namespace}))
         },
 
-        //TODO: new model
+        //TODO:deprecated
         getConfig: ({instanceType = this.__instanceType, domain = location.hostname} = {}) => {
             return this.__privates.auth.__client
                 .then(client => client.apis.system.getConfig({instanceType, domain}));
         },
 
-        //TODO: new model
+        //TODO:deprecated
         getIntegrationPublic: (type, data = {}) => {
             return this.__privates.auth.__client
                 .then(client => client.apis.system.integrationPublic({type}, {requestBody:{...data}}))
         },
-    
+
+        //TODO:deprecated
         updateConfig: (data = {}) => {
             return this.__privates.auth.__client
                 .then(client => client.apis.wt.updateConfig({id: data.instanceType || this.__instanceType},{requestBody:{...data}}));
         },
-        
+
+        //TODO:deprecated
         admin: (data = {}) => {
             return this.__privates.auth.__client
                 .then(client => client.apis.wt.admin({},{requestBody:{instanceType : this.__instanceType, ...data}}));
         },
-        
+
+        //TODO:deprecated
         analytics: ({action, startKey = null, limit = 20} = {}) => {
             
             let apiParams = {

package/src/modules/wt-iot-worker.js

@@ -0,0 +1,245 @@
+
+import {device} from 'aws-iot-device-sdk';
+import emitter from './wt-emitter';
+import {decodeJanusDisplay} from "./wt-utils";
+
+class Iot {
+    
+    constructor(enableDebugFlag) {
+        Object.assign(this, emitter());
+        this.device = null;
+        this.decoder = new TextDecoder('utf-8');
+        this.connectionActive = false;
+        this.log = Iot.noop;
+        this.debugFlag = enableDebugFlag;
+        this.credentialsExpirationCheckIntervalId = null;
+        this.currentCredentialsExpirationStamp = null
+        if(enableDebugFlag) {
+            this.enableDebug();
+        }
+    }
+    
+    static noop() {}
+    
+    enableDebug() {
+        this.log = console.log.bind(console);
+    }
+    
+    startCredentialsExpirationCheck(expiration) {
+        this.stopCredentialsExpirationCheck();
+        this.currentCredentialsExpirationStamp = new Date(expiration).getTime();
+        this.credentialsExpirationCheckIntervalId = setInterval(() => {
+            const curentTimeStamp = new Date().getTime();
+            if(this.currentCredentialsExpirationStamp - curentTimeStamp <= 300000) {
+                this.emit('updateCredentials');
+            }
+        }, 5000);
+    }
+    
+    stopCredentialsExpirationCheck() {
+        clearInterval(this.credentialsExpirationCheckIntervalId);
+        this.credentialsExpirationCheckIntervalId = null;
+    }
+    
+    updateWebSocketCredentials(accessKeyId, secretAccessKey, sessionToken, expiration) {
+        if(this.device) {
+            this.device.updateWebSocketCredentials(accessKeyId, secretAccessKey, sessionToken);
+            this.startCredentialsExpirationCheck(expiration);
+        }
+    }
+    
+    connect(apiMqttUrl, apiMqttClientId, region, accessKeyId, secretAccessKey, sessionToken, expiration, forceDisconnect = false) {
+        return this.disconnect(forceDisconnect).then(() => {
+            return new Promise((resolve, reject) => {
+                this.device = device({
+                    protocol:'wss',
+                    clientId: apiMqttClientId,
+                    region,
+                    host: apiMqttUrl,
+                    accessKeyId: accessKeyId,
+                    secretKey: secretAccessKey,
+                    sessionToken: sessionToken,
+                    keepalive: 15,
+                    maximumReconnectTimeMs: 8000,
+                    enableMetrics: false,
+                    debug: this.debugFlag,
+                    autoResubscribe: true
+                });
+                
+                this.startCredentialsExpirationCheck(expiration);
+                
+                let __s = () => {
+                    this.device?.off('connect', __s);
+                    this.device?.off('error', __e);
+                    resolve(this.device)
+                };
+                
+                let __e = (e) => {
+                    this.device?.off('connect', __s);
+                    this.device?.off('error', __e);
+                    reject(e);
+                };
+                
+                this.device.once('connect', __s);
+                this.device.once('error', __e);
+                
+                this.device.on('message', this.__messageCb.bind(this));
+                this.device.on('connect', this.__connectCb.bind(this));
+                this.device.on('reconnect', this.__reconnectCb.bind(this));
+                this.device.on('error', this.__failureCb.bind(this));
+                this.device.on('close', this.__closeCb.bind(this));
+                this.device.on('offline', this.__offlineCb.bind(this));
+                
+            })
+        })
+        
+    }
+    
+    disconnect(force = false) {
+        
+        this.stopCredentialsExpirationCheck();
+        
+        return new Promise((resolve, reject) => {
+            if(!this.device) {
+                resolve();
+                return;
+            }
+            let __i = null;
+            let __c = () => {
+                clearTimeout(__i);
+                this.device = null;
+                resolve();
+            };
+            __i = setTimeout(__c, 4000);
+            this.device.off('message', this.__messageCb.bind(this));
+            this.device.off('connect', this.__connectCb.bind(this));
+            this.device.off('reconnect', this.__reconnectCb.bind(this));
+            this.device.off('error', this.__failureCb.bind(this));
+            this.device.off('close', this.__closeCb.bind(this));
+            this.device.off('offline', this.__offlineCb.bind(this));
+            this.device.end(force, __c);
+        });
+    }
+    
+    isConnected() {
+        return this.connectionActive;
+    }
+    
+    subscribe(topic) {
+        return this.device && this.device.subscribe(topic);
+    }
+    
+    unsubscribe(topic) {
+        return this.device && this.device.unsubscribe(topic);
+    }
+    
+    send(topic, message) {
+        let msg = typeof message === 'object' ? JSON.stringify(message) : message;
+        return this.device && this.device.publish(topic, msg);
+    }
+    
+    __reconnectCb() {
+        this.emit('reconnect');
+    }
+    __connectCb() {
+        this.connectionActive = true;
+        this.emit('connect');
+    }
+    __failureCb(err) {
+        this.emit('error', err);
+    }
+    __closeCb(responseObject) {
+        this.connectionActive = false;
+        this.emit('close');
+    }
+    __offlineCb(responseObject) {
+        this.emit('offline');
+    }
+    
+    __messageCb(t, message, packet) {
+        const topic = t.split('/');
+        let payload = JSON.parse(this.decoder.decode(message));
+
+        if(payload.display) {
+            const decodedDisplay = decodeJanusDisplay(payload.display);
+            if(decodedDisplay.userId) {
+                payload = {...payload, userId: decodedDisplay.userId, role: decodedDisplay.role, start: decodedDisplay.start};
+            }
+        }
+
+        if(topic[0] === 'user') { // user
+            const userId = topic[1].replace("_", ':');
+            this.emit('message', {userId, ...payload, event: payload.event ? `user:${payload.event}` : 'user'});
+        } else if(topic[0] === 'wt') {
+            const event = payload.event;
+            const roomId = topic[2];
+            if(topic[1] === 'room') { // room
+                if(
+                    event === 'message' ||
+                    event === 'template_updated' ||
+                    event === 'record_start' ||
+                    event === 'record_stop' ||
+                    event === 'record_configured' ||
+                    event === 'record_livestream_available' ||
+                    event === 'record_livestream_kick' ||
+                    event === 'user_update_displayname' ||
+                    event === 'user_update_avatar' ||
+                    event === 'user_update_customattributes' ||
+                    event === 'user_update_privateattributes' ||
+                    event === 'channel_changed' ||
+                    event === "instance_homepage_changed" ||
+                    event === "instance_settings_changed" ||
+                    event === "externalmix_changed" ||
+                    event === "video_uploaded" ||
+                    event === "change_user_devices" ||
+                    event === "queue" ||
+                    event === "title_changed"
+                ) {
+                    this.emit('message', {event, ...payload, roomId})
+                }
+                else if(event === 'joined' || event === 'leaving') {
+                    this.emit('message', {event, ...payload, isObserver:!!payload.isObserver, roomId});
+                }
+                else if(
+                    event === 'left' || //user removed room a.k.a. left the room
+                    event === 'kicked' ||
+                    event === 'banned' ||
+                    event === 'unbanned' ||
+                    event === 'approved' ||
+                    event === 'muted' ||
+                    event === 'unmuted' ||
+                    event === 'messageRemoved' ||
+                    event === 'messageReported' ||
+                    event === 'chatClear' ||
+                    event === 'handRaised' || event === 'handLowered' || event === 'handsCleared'
+                ) {
+                    this.emit('message', {event, ...payload});
+                }
+                else if(event === 'volume_set') {
+                    this.emit('message', {event, ...payload});
+                }
+            }
+            else if(topic[1] === 'instanceroom') { // instance
+                if(event === 'add_room' || event === 'remove_room' || event === 'set_room' || event === "instance_homepage_changed" || event === 'instance_settings_changed') {
+                    this.emit('message', {event, ...payload});
+                }
+            }
+            else if(topic[1] === 'externalmix') {
+                const event = payload.event;
+                this.emit('message', {event, ...payload});
+            }
+        } else if(topic[0] === 'wtr') {
+            const recorderId = topic[1];
+            const sessionId = topic[2];
+            if(topic[3] === 'control') {
+                this.emit('message', {event: 'recorder_control', ...payload, recorderId, sessionId});
+            } // recorder control
+            else if(topic[3] === 'monitor') {
+                this.emit('message', {event: 'recorder_monitor', ...payload, recorderId, sessionId});
+            } // recorder monitor
+        }
+    }
+}
+
+
+export default Iot;

package/src/modules/wt-iot.js

@@ -228,6 +228,9 @@ class Iot {
                 const event = payload.event;
                 this.emit('message', {event, ...payload});
             }
+            else if(topic[1] === 'asset') {
+                this.emit('message',  {event: 'asset', assetId: topic[2], ...payload});
+            }
         } else if(topic[0] === 'wtr') {
             const recorderId = topic[1];
             const sessionId = topic[2];