npm - @reactoo/watchtogether-sdk-js - Versions diffs - 2.4.40 → 2.5.0 - Mend

@reactoo/watchtogether-sdk-js 2.4.40 → 2.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (50) hide show

package/dist/watchtogether-sdk.js +2187 -2418
package/dist/watchtogether-sdk.min.js +2 -2
package/example/bulk_join_room/bulk_join_room.html +200 -0
package/example/bulk_join_room/persons_gifs/1.gif +0 -0
package/example/bulk_join_room/persons_gifs/10.gif +0 -0
package/example/bulk_join_room/persons_gifs/11.gif +0 -0
package/example/bulk_join_room/persons_gifs/12.gif +0 -0
package/example/bulk_join_room/persons_gifs/13.gif +0 -0
package/example/bulk_join_room/persons_gifs/14.gif +0 -0
package/example/bulk_join_room/persons_gifs/15.gif +0 -0
package/example/bulk_join_room/persons_gifs/16.gif +0 -0
package/example/bulk_join_room/persons_gifs/17.gif +0 -0
package/example/bulk_join_room/persons_gifs/18.gif +0 -0
package/example/bulk_join_room/persons_gifs/19.gif +0 -0
package/example/bulk_join_room/persons_gifs/2.gif +0 -0
package/example/bulk_join_room/persons_gifs/20.gif +0 -0
package/example/bulk_join_room/persons_gifs/21.gif +0 -0
package/example/bulk_join_room/persons_gifs/22.gif +0 -0
package/example/bulk_join_room/persons_gifs/23.gif +0 -0
package/example/bulk_join_room/persons_gifs/24.gif +0 -0
package/example/bulk_join_room/persons_gifs/25.gif +0 -0
package/example/bulk_join_room/persons_gifs/26.gif +0 -0
package/example/bulk_join_room/persons_gifs/27.gif +0 -0
package/example/bulk_join_room/persons_gifs/28.gif +0 -0
package/example/bulk_join_room/persons_gifs/29.gif +0 -0
package/example/bulk_join_room/persons_gifs/3.gif +0 -0
package/example/bulk_join_room/persons_gifs/30.gif +0 -0
package/example/bulk_join_room/persons_gifs/31.gif +0 -0
package/example/bulk_join_room/persons_gifs/32.gif +0 -0
package/example/bulk_join_room/persons_gifs/4.gif +0 -0
package/example/bulk_join_room/persons_gifs/5.gif +0 -0
package/example/bulk_join_room/persons_gifs/6.gif +0 -0
package/example/bulk_join_room/persons_gifs/7.gif +0 -0
package/example/bulk_join_room/persons_gifs/8.gif +0 -0
package/example/bulk_join_room/persons_gifs/9.gif +0 -0
package/example/index.html +19 -13
package/package.json +8 -8
package/src/index.js +7 -6
package/src/models/auth.js +2 -2
package/src/models/iot.js +81 -70
package/src/models/room-session.js +31 -12
package/src/models/room.js +138 -97
package/src/models/system.js +45 -0
package/src/models/user.js +11 -6
package/src/modules/wt-iot.js +124 -74
package/src/modules/wt-room.js +65 -131
package/src/modules/wt-utils.js +2 -2
package/example/shaka-basic-sync.html +0 -137
package/src/models/iot2.js +0 -119
package/src/modules/wt-iot2.js +0 -238

package/example/shaka-basic-sync.html DELETED Viewed

@@ -1,137 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Shaka Basic Sync</title>
-    <script src="https://www.unpkg.com/shaka-player@3.1.1/dist/shaka-player.compiled.js"></script>
-    <script src="../dist/watchtogether-sdk.js"></script>
-</head>
-<body>
-<div id="player"></div>
-<div id="player2"></div>
-<script>
-    // Example Player Factory
-	window.examplePlayerFactory = (wrapper, handlers = {
-		handleStalled() {}, handleProgress() {}, handlePlaying() {}, handlePause() {}
-	}) => {
-		if (!wrapper) {
-			throw 'Missing wrapper element'
-		}
-		if (typeof wrapper === 'string') {
-			wrapper = document.querySelector(wrapper)
-		}
-		let videoElement = document.createElement('video');
-		wrapper.appendChild(videoElement);
-		shaka.polyfill.installAll();
-		let shakaPlayer = new shaka.Player(videoElement);
-		shakaPlayer.addEventListener('buffering', event => {
-			if (event.buffering) {
-				handlers.handleBuffering();
-				// Enabling this and disabling native stalled event depends on player behavior.
-                // handlers.handleStalled();
-			}
-		});
-		videoElement.addEventListener('stalled', handlers.handleStalled);
-		videoElement.addEventListener('progress', handlers.handleProgress);
-		videoElement.addEventListener('playing', handlers.handlePlaying);
-		videoElement.addEventListener('pause', handlers.handlePause);
-		shakaPlayer.load('https://storage.googleapis.com/shaka-live-assets/player-source.mpd')
-			.then(() => {
-				videoElement.play();
-			})
-			.catch(console.error)
-		return {
-			// Options are currently ignored but will be added in final version to support wide selection of video-players
-			options: {
-				isVod: false,
-				ignoreBuffer: false,
-				useSeekBy: false,
-				syncBySegments: false,
-				disableFastSeek: false
-			},
-			play() {
-				videoElement.play();
-			},
-			pause() {
-				videoElement.pause();
-			},
-			seek(time) {
-				videoElement.currentTime = time;
-			},
-			setPlaybackRate(playbackRate) {
-				videoElement.playbackRate = playbackRate;
-			},
-            // Audio output is controlled from withing our app so we need some way to set it on 3rd party player
-			setAudioOutput(sinkId) {
-				if (typeof sinkId !== 'undefined') {
-					videoElement.setSinkId(sinkId).then((r) => {
-						console.log('Audio output setup OK');
-					}).catch((e) => {
-						console.log('Audio output setup failed', e);
-					});
-				}
-			},
-			get isPaused() {
-				return videoElement.paused;
-			},
-			get currentTime() {
-				return videoElement.currentTime;
-			},
-			get buffered() {
-				return videoElement.buffered;
-			},
-		};
-	};
-    // TEST
-	// Sync test with 2 players
-	let Instance1 = WatchTogetherSDK({debug:true, storagePrefix: 'user1'})({instanceType:'reactooDemo', playerFactory: examplePlayerFactory});
-	let Instance2 = WatchTogetherSDK({debug:true, storagePrefix: 'user2'})({instanceType:'reactooDemo', playerFactory: examplePlayerFactory});
-	Instance1.auth.login('multitest1', 'abc123ABC')
-		.then(() => Instance1.room.createSession({roomId:'907e778d-f3ec-4ea7-b60e-b18010e7108a'}))
-		.then((session) => {
-			session.renderPlayer('#player');
-			return Promise.all([session, session.connect()]);
-        })
-		.then(([session, _]) => {
-			session.publishLocal(null, {getStreamIfEmpty: false})
-		});
-	setTimeout(() => {
-		Instance2.auth.login('multitest2', 'abc123ABC')
-			.then(() => Instance2.room.createSession({roomId:'907e778d-f3ec-4ea7-b60e-b18010e7108a'}))
-			.then((session) => {
-				session.renderPlayer('#player2');
-				return Promise.all([session, session.connect()]);
-			})
-			.then(([session, _]) => {
-				session.publishLocal(null, {getStreamIfEmpty: false})
-			});
-    }, 5000);
-</script>
-</body>
-</html>

package/src/models/iot2.js DELETED Viewed

@@ -1,119 +0,0 @@
-'use strict';
-let iot = function () {
-    let __currentTopics = [];
-    let __ = null;
-    return {
-        __promise: null,
-        __reconnect: (err) => {
-            this.__privates.iot.log('MQTT Error:', err, `Is event error: ${err instanceof Event}`);
-            if(err instanceof Event && err.type === 'error')  {
-                this.__privates.iot.log('SDK MQTT Reconnection attempt');
-                clearTimeout(__);
-                __ = setTimeout(() => {
-                    this.iot.iotLogin(true, true).catch((e) => this.__privates.iot.log('MQTT Connection Error:', e))
-                }, 1000);
-            }
-        },
-        __updateCredentials: () => {
-            this.iot.getCredentials()
-                .then(response => this.__privates.iot.updateWebSocketCredentials(response.data.credentials.accessKeyId, response.data.credentials.secretAccessKey, response.data.credentials.sessionToken, response.data.credentials.expiration));
-        },
-        getCredentials: () => {
-            return this.__privates.auth.__client
-                .then(client => client.apis.auth.iotSignIn({}, {requestBody: {suggestedTopics:true, domain: location.hostname}}))
-        },
-        iotLogin: (subscribeToSuggestedTopics = true, forceDisconnect = false) => {
-            this.iot.$off('error', this.iot.__reconnect, this);
-            this.iot.__promise = new Promise((resolve, reject) => {
-                this.iot.getCredentials()
-                    .then(response => {
-                        return Promise.all([
-                            response.data.suggestedTopics,
-                            this.__privates.iot.connect(response.data.endpoint, response.data.clientId, response.data.region, response.data.credentials.accessKeyId, response.data.credentials.secretAccessKey, response.data.credentials.sessionToken, response.data.credentials.expiration, forceDisconnect)
-                        ])
-                    })
-                    .then(resolve)
-                    .catch(reject)
-            });
-            let __currentTopicsCopy = [...__currentTopics];
-            __currentTopics.length = 0;
-            this.iot.__promise
-                .then(([suggestedTopic, instance]) => (subscribeToSuggestedTopics ?
-                        Promise.all([...suggestedTopic, ...__currentTopicsCopy].map(topic => this.iot.subscribe(topic))).then(() => instance) :
-                        Promise.resolve(instance)
-                ))
-                .then((instance) => {
-                    this.iot.$on('error', this.iot.__reconnect, this);
-                    this.iot.$on('updateCredentials', this.iot.__updateCredentials, this);
-                    return instance;
-                });
-            return this.iot.__promise;
-        },
-        iotLogout: (keepCurrentTopics = false) => {
-            this.iot.$off('error', this.iot.__reconnect, this);
-            this.iot.$off('updateCredentials', this.iot.__updateCredentials, this);
-            if(!keepCurrentTopics) {
-                __currentTopics.length = 0;
-            }
-            return this.__privates.iot.disconnect()
-                .then(() => {
-                    this.iot.__promise = null;
-                    return true;
-                });
-        },
-        isConnected: () => {
-            return this.__privates.iot.isConnected();
-        },
-        subscribe: (topic) => {
-            if(__currentTopics.indexOf(topic) === -1) {
-                __currentTopics.push(topic);
-                if(!this.iot.__promise) return Promise.resolve('not_connected');
-                return this.iot.__promise.then(() => this.__privates.iot.subscribe(topic));
-            }
-        },
-        unsubscribe: (topic) => {
-            let index = __currentTopics.indexOf(topic);
-            (index > -1) && __currentTopics.splice(index, 1);
-            if(!this.iot.__promise) return Promise.resolve('not_connected');
-            return this.iot.__promise.then(() => this.__privates.iot.unsubscribe(topic));
-        },
-        send: (topic, message) => {
-            return this.iot.__promise.then(() => this.__privates.iot.send(topic,message));
-        },
-        $once: (key, callback, that) => {
-            return this.__privates.iot.once(key, callback, that || this);
-        },
-        $on: (key, callback, that) => {
-            return this.__privates.iot.on(key, callback, that || this);
-        },
-        $off: (key, callback, that) => {
-            return this.__privates.iot.off(key, callback, that || this);
-        },
-        $clear: () => {
-            return this.__privates.iot.clear();
-        }
-    };
-};
-export default iot;

package/src/modules/wt-iot2.js DELETED Viewed

@@ -1,238 +0,0 @@
-import {device} from 'aws-iot-device-sdk';
-import emitter from './wt-emitter';
-class Iot2 {
-    constructor(enableDebugFlag) {
-        Object.assign(this, emitter());
-        this.device = null;
-        this.decoder = new TextDecoder('utf-8');
-        this.connectionActive = false;
-        this.log = Iot2.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('/');
-        const payload = JSON.parse(this.decoder.decode(message));
-        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 Iot2;