From cff676f37ce1f0fbca54823e11382c3275f68619 Mon Sep 17 00:00:00 2001
From: Dimitrios Ververidis <jimver04@gmail.com>
Date: Fri, 4 Feb 2022 15:39:58 +0200
Subject: [PATCH] Some of Vincent's comments addressed, but the main comment
 about the use of the Shader is not addressed.

---
 dist/networked-aframe.js                      |   2 +-
 dist/networked-aframe.min.js                  |   2 +-
 docs/getting-started-local.md                 |  32 +-
 examples/advanced-video-green-screen.html     |  21 +-
 examples/advanced-video-green-screen_dev.html | 350 ++++++++++++++++++
 examples/index.html                           |  28 +-
 server/easyrtc-server.js                      |   4 +-
 .../networked-video-source-green-screen.js    |  26 +-
 8 files changed, 396 insertions(+), 69 deletions(-)
 create mode 100644 examples/advanced-video-green-screen_dev.html

diff --git a/dist/networked-aframe.js b/dist/networked-aframe.js
index 6362fd86..6f96ceb0 100644
--- a/dist/networked-aframe.js
+++ b/dist/networked-aframe.js
@@ -298,7 +298,7 @@ eval("\n\n/* global AFRAME, NAF */\nAFRAME.registerComponent('networked-scene',
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\n/* global AFRAME, NAF, THREE */\nvar naf = __webpack_require__(/*! ../NafIndex */ \"./src/NafIndex.js\");\n\nAFRAME.registerComponent('networked-video-source-green-screen', {\n  schema: {\n    streamName: {\n      \"default\": 'video'\n    },\n    GreenThresholdIn: {\n      \"default\": 0.02\n    },\n    event: {\n      type: 'string',\n      \"default\": ''\n    }\n  },\n  dependencies: ['material'],\n  update: function update() {\n    var _this = this;\n\n    var data = this.data; // Component property values.\n\n    var el = this.el; // Reference to the component's entity.\n\n    if (data.event) {\n      // This will log the `message` when the entity emits the `event`.\n      el.addEventListener(data.event, function () {});\n    } else {// `event` not specified, just log the message.\n    }\n\n    this.videoTexture = null;\n    this.video = null;\n    this.stream = null;\n    this._setMediaStream = this._setMediaStream.bind(this);\n    NAF.utils.getNetworkedEntity(this.el).then(function (networkedEl) {\n      var ownerId = networkedEl.components.networked.data.owner;\n\n      if (ownerId) {\n        NAF.connection.adapter.getMediaStream(ownerId, _this.data.streamName).then(_this._setMediaStream)[\"catch\"](function (e) {\n          return naf.log.error(\"Error getting media stream for \".concat(ownerId), e);\n        });\n      } else {// Correctly configured local entity, perhaps do something here for enabling debug audio loopback\n      }\n    });\n  },\n  _setMediaStream: function _setMediaStream(newStream) {\n    if (!this.video) {\n      this.setupVideo();\n    }\n\n    if (newStream != this.stream) {\n      if (this.stream) {\n        this._clearMediaStream();\n      }\n\n      if (newStream) {\n        this.video.srcObject = newStream;\n        var playResult = this.video.play();\n\n        if (playResult instanceof Promise) {\n          playResult[\"catch\"](function (e) {\n            return naf.log.error(\"Error play video stream\", e);\n          });\n        }\n\n        if (this.videoTexture) {\n          this.videoTexture.dispose();\n        }\n\n        this.videoTexture = new THREE.VideoTexture(this.video);\n        this.videoTexture.format = THREE.RGBAFormat;\n        var mesh = this.el.getObject3D('mesh'); //--------- begin replace green with transparent ---------\n\n        this.uniforms = {};\n        this.uniforms.uMap = {\n          type: 't',\n          value: this.videoTexture\n        };\n        this.uniforms.GreenThresholdIn = {\n          type: 'float',\n          value: this.data.GreenThresholdIn\n        };\n        this.uniforms = THREE.UniformsUtils.merge([this.uniforms, THREE.UniformsLib['lights']]);\n        this.materialIncoming = new THREE.ShaderMaterial({\n          uniforms: this.uniforms\n        });\n        this.materialIncoming.vertexShader = \"\\n                         varying vec2 vUv;\\n\\n                        void main() {\\n                            vec4 worldPosition = modelViewMatrix * vec4( position, 1.0 );\\n                            vec3 vWorldPosition = worldPosition.xyz;\\n                            vUv = uv;\\n                            gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\\n                        }\\n                      \";\n        this.materialIncoming.fragmentShader = \"\\n                           varying vec2 vUv;\\n                           uniform sampler2D uMap;\\n                           uniform float GreenThresholdIn;\\n                           \\n                           void main() {\\n                                vec2 uv = vUv;\\n                                vec4 tex1 = texture2D(uMap, uv * 1.0);\\n                                 if (tex1.g - tex1.r > GreenThresholdIn)\\n                                    gl_FragColor = vec4(0,0,0,0);\\n                                 else\\n                                    gl_FragColor = vec4(tex1.r,tex1.g,tex1.b,1.0);\\n                            }\\n                      \";\n        this.materialIncoming.transparent = true;\n        this.materialIncoming.side = THREE.BackSide;\n        mesh.material = this.materialIncoming; //---------- end of replace -----------------\n        //mesh.material.map = this.videoTexture;\n\n        mesh.material.needsUpdate = true;\n      }\n\n      this.stream = newStream;\n    }\n  },\n  _clearMediaStream: function _clearMediaStream() {\n    this.stream = null;\n\n    if (this.videoTexture) {\n      if (this.videoTexture.image instanceof HTMLVideoElement) {\n        // Note: this.videoTexture.image === this.video\n        var video = this.videoTexture.image;\n        video.pause();\n        video.srcObject = null;\n        video.load();\n      }\n\n      this.videoTexture.dispose();\n      this.videoTexture = null;\n    }\n  },\n  remove: function remove() {\n    this._clearMediaStream();\n  },\n  setupVideo: function setupVideo() {\n    if (!this.video) {\n      var video = document.createElement('video');\n      video.setAttribute('autoplay', true);\n      video.setAttribute('playsinline', true);\n      video.setAttribute('muted', true);\n      this.video = video;\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/components/networked-video-source-green-screen.js?");
+eval("\n\n/* global AFRAME, NAF, THREE */\nvar naf = __webpack_require__(/*! ../NafIndex */ \"./src/NafIndex.js\");\n\nAFRAME.registerComponent('networked-video-source-green-screen', {\n  schema: {\n    streamName: {\n      \"default\": 'video'\n    },\n    gthreshold: {\n      \"default\": 0.02\n    }\n  },\n  dependencies: ['material'],\n  update: function update() {\n    var _this = this;\n\n    this.videoTexture = null;\n    this.video = null;\n    this.stream = null;\n    this._setMediaStream = this._setMediaStream.bind(this);\n    NAF.utils.getNetworkedEntity(this.el).then(function (networkedEl) {\n      var ownerId = networkedEl.components.networked.data.owner;\n\n      if (ownerId) {\n        NAF.connection.adapter.getMediaStream(ownerId, _this.data.streamName).then(_this._setMediaStream)[\"catch\"](function (e) {\n          return naf.log.error(\"Error getting media stream for \".concat(ownerId), e);\n        });\n      } else {// Correctly configured local entity, perhaps do something here for enabling debug audio loopback\n      }\n    });\n  },\n  _setMediaStream: function _setMediaStream(newStream) {\n    if (!this.video) {\n      this.setupVideo();\n    }\n\n    if (newStream != this.stream) {\n      if (this.stream) {\n        this._clearMediaStream();\n      }\n\n      if (newStream) {\n        this.video.srcObject = newStream;\n        var playResult = this.video.play();\n\n        if (playResult instanceof Promise) {\n          playResult[\"catch\"](function (e) {\n            return naf.log.error(\"Error play video stream\", e);\n          });\n        }\n\n        if (this.videoTexture) {\n          this.videoTexture.dispose();\n        }\n\n        this.videoTexture = new THREE.VideoTexture(this.video);\n        var mesh = this.el.getObject3D('mesh'); //--------- begin replace green with transparent ---------\n\n        this.uniforms = {};\n        this.uniforms.uMap = {\n          type: 't',\n          value: this.videoTexture\n        };\n        this.uniforms.gthreshold = {\n          type: 'float',\n          value: this.data.gthreshold\n        };\n        this.uniforms = THREE.UniformsUtils.merge([this.uniforms, THREE.UniformsLib['lights']]);\n        this.materialIncoming = new THREE.ShaderMaterial({\n          uniforms: this.uniforms\n        });\n        this.materialIncoming.vertexShader = \"\\n                         varying vec2 vUv;\\n\\n                        void main() {\\n                            vec4 worldPosition = modelViewMatrix * vec4( position, 1.0 );\\n                            vec3 vWorldPosition = worldPosition.xyz;\\n                            vUv = uv;\\n                            gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\\n                        }\\n                      \";\n        this.materialIncoming.fragmentShader = \"\\n                           varying vec2 vUv;\\n                           uniform sampler2D uMap;\\n                           uniform float gthreshold;\\n                           \\n                           void main() {\\n                                vec2 uv = vUv;\\n                                vec4 tex1 = texture2D(uMap, uv * 1.0);\\n                                 if (tex1.g - tex1.r > gthreshold)\\n                                    discard; // better than gl_FragColor = vec4(0,0,0,0);\\n                                 else\\n                                    gl_FragColor = vec4(tex1.r,tex1.g,tex1.b,1.0);\\n                            }\\n                      \";\n        this.materialIncoming.transparent = true;\n        this.materialIncoming.side = THREE.DoubleSide;\n        mesh.material = this.materialIncoming; //---------- end of replace -----------------\n        //mesh.material.map = this.videoTexture;\n\n        mesh.material.needsUpdate = true;\n      }\n\n      this.stream = newStream;\n    }\n  },\n  _clearMediaStream: function _clearMediaStream() {\n    this.stream = null;\n\n    if (this.videoTexture) {\n      if (this.videoTexture.image instanceof HTMLVideoElement) {\n        // Note: this.videoTexture.image === this.video\n        var video = this.videoTexture.image;\n        video.pause();\n        video.srcObject = null;\n        video.load();\n      }\n\n      this.videoTexture.dispose();\n      this.videoTexture = null;\n    }\n  },\n  remove: function remove() {\n    this._clearMediaStream();\n  },\n  setupVideo: function setupVideo() {\n    if (!this.video) {\n      var video = document.createElement('video');\n      video.setAttribute('autoplay', true);\n      video.setAttribute('playsinline', true);\n      video.setAttribute('muted', true);\n      this.video = video;\n    }\n  }\n});\n\n//# sourceURL=webpack:///./src/components/networked-video-source-green-screen.js?");
 
 /***/ }),
 
diff --git a/dist/networked-aframe.min.js b/dist/networked-aframe.min.js
index bc506525..4b62a731 100644
--- a/dist/networked-aframe.min.js
+++ b/dist/networked-aframe.min.js
@@ -1 +1 @@
-!function(e){var t={};function n(i){if(t[i])return t[i].exports;var o=t[i]={i:i,l:!1,exports:{}};return e[i].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(i,o,function(t){return e[t]}.bind(null,o));return i},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=2)}([function(e,t,n){"use strict";var i=n(3),o=n(4),r=n(5),a=n(6),s=n(7),c=n(9),u=n(10),l={app:"",room:"",clientId:""};l.options=i,l.utils=o,l.log=new r,l.schemas=new a,l.version="0.8.3",l.adapters=new u;var d=new s,h=new c(d);l.connection=h,l.entities=d,e.exports=window.NAF=l},function(e,t,n){"use strict";function i(e){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function r(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function a(e,t){return(a=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function s(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,i=u(e);if(t){var o=u(this).constructor;n=Reflect.construct(i,arguments,o)}else n=i.apply(this,arguments);return c(this,n)}}function c(e,t){return!t||"object"!==i(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function u(e){return(u=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var l=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&a(e,t)}(u,e);var t,n,i,c=s(u);function u(){return o(this,u),c.apply(this,arguments)}return t=u,(n=[{key:"setServerUrl",value:function(e){this.notImplemented("setServerUrl")}},{key:"setApp",value:function(e){this.notImplemented("setApp")}},{key:"setRoom",value:function(e){this.notImplemented("setRoom")}},{key:"setWebRtcOptions",value:function(e){this.notImplemented("setWebRtcOptions")}},{key:"setServerConnectListeners",value:function(e,t){this.notImplemented("setServerConnectListeners")}},{key:"setRoomOccupantListener",value:function(e){this.notImplemented("setRoomOccupantListener")}},{key:"setDataChannelListeners",value:function(e,t,n){this.notImplemented("setDataChannelListeners")}},{key:"connect",value:function(){this.notImplemented("connect")}},{key:"shouldStartConnectionTo",value:function(e){this.notImplemented("shouldStartConnectionTo")}},{key:"startStreamConnection",value:function(e){this.notImplemented("startStreamConnection")}},{key:"closeStreamConnection",value:function(e){this.notImplemented("closeStreamConnection")}},{key:"getConnectStatus",value:function(e){this.notImplemented("getConnectStatus")}},{key:"getMediaStream",value:function(e){return Promise.reject("Interface method not implemented: getMediaStream")}},{key:"getServerTime",value:function(){this.notImplemented("getServerTime")}},{key:"sendData",value:function(e,t,n){this.notImplemented("sendData")}},{key:"sendDataGuaranteed",value:function(e,t,n){this.notImplemented("sendDataGuaranteed")}},{key:"broadcastData",value:function(e,t){this.notImplemented("broadcastData")}},{key:"broadcastDataGuaranteed",value:function(e,t){this.notImplemented("broadcastDataGuaranteed")}},{key:"disconnect",value:function(){this.notImplemented("disconnect")}}])&&r(t.prototype,n),i&&r(t,i),u}(n(12));e.exports=l},function(e,t,n){"use strict";n(0),n(16),n(17),n(20),n(21),n(22)},function(e,t,n){"use strict";e.exports={debug:!1,updateRate:15,useLerp:!0,firstSyncSource:null,syncSource:null}},function(e,t,n){"use strict";e.exports.whenEntityLoaded=function(e,t){e.hasLoaded&&t(),e.addEventListener("loaded",(function(){t()}))},e.exports.createHtmlNodeFromString=function(e){var t=document.createElement("div");return t.innerHTML=e,t.firstChild},e.exports.getCreator=function(e){var t=e.components;return t.networked?t.networked.data.creator:null},e.exports.getNetworkOwner=function(e){var t=e.components;return t.networked?t.networked.data.owner:null},e.exports.getNetworkId=function(e){var t=e.components;return t.networked?t.networked.data.networkId:null},e.exports.now=function(){return Date.now()},e.exports.createNetworkId=function(){return Math.random().toString(36).substring(2,9)},e.exports.getNetworkedEntity=function(e){return new Promise((function(t,n){for(var i=e;i&&i.components&&!i.components.networked;)i=i.parentNode;if(!i||!i.components||!i.components.networked)return n("Entity does not have and is not a child of an entity with the [networked] component ");i.hasLoaded?t(i):i.addEventListener("instantiated",(function(){t(i)}),{once:!0})}))},e.exports.takeOwnership=function(e){for(var t=e;t&&t.components&&!t.components.networked;)t=t.parentNode;if(!t||!t.components||!t.components.networked)throw new Error("Entity does not have and is not a child of an entity with the [networked] component ");return t.components.networked.takeOwnership()},e.exports.isMine=function(e){for(var t=e;t&&t.components&&!t.components.networked;)t=t.parentNode;if(!t||!t.components||!t.components.networked)throw new Error("Entity does not have and is not a child of an entity with the [networked] component ");return!!t.components.networked.data&&t.components.networked.data.owner===NAF.clientId},e.exports.almostEqualVec3=function(e,t,n){return Math.abs(e.x-t.x)<n&&Math.abs(e.y-t.y)<n&&Math.abs(e.z-t.z)<n}},function(e,t,n){"use strict";function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}var o=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.debug=!1}var t,n,o;return t=e,(n=[{key:"setDebug",value:function(e){this.debug=e}},{key:"write",value:function(){this.debug&&console.log.apply(this,arguments)}},{key:"warn",value:function(){console.warn.apply(this,arguments)}},{key:"error",value:function(){console.error.apply(this,arguments)}}])&&i(t.prototype,n),o&&i(t,o),e}();e.exports=o},function(e,t,n){"use strict";function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}var o=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.schemaDict={},this.templateCache={}}var t,n,o;return t=e,(n=[{key:"createDefaultSchema",value:function(e){return{template:e,components:["position","rotation"]}}},{key:"add",value:function(e){if(this.validateSchema(e)){this.schemaDict[e.template]=e;var t=document.querySelector(e.template);if(!t)return void NAF.log.error("Template el not found for ".concat(e.template,", make sure NAF.schemas.add is called after <a-scene> is defined."));if(!this.validateTemplate(e,t))return;this.templateCache[e.template]=document.importNode(t.content,!0)}else NAF.log.error("Schema not valid: ",e),NAF.log.error("See https://github.com/networked-aframe/networked-aframe#syncing-custom-components")}},{key:"getCachedTemplate",value:function(e){return this.templateIsCached(e)||(this.templateExistsInScene(e)?this.add(this.createDefaultSchema(e)):NAF.log.error("Template el for ".concat(e," is not in the scene, add the template to <a-assets> and register with NAF.schemas.add."))),this.templateCache[e].firstElementChild.cloneNode(!0)}},{key:"templateIsCached",value:function(e){return!!this.templateCache[e]}},{key:"getComponents",value:function(e){var t=["position","rotation"];return this.hasTemplate(e)&&(t=this.schemaDict[e].components),t}},{key:"hasTemplate",value:function(e){return!!this.schemaDict[e]}},{key:"templateExistsInScene",value:function(e){var t=document.querySelector(e);return t&&this.isTemplateTag(t)}},{key:"validateSchema",value:function(e){return!(!e.template||!e.components)}},{key:"validateTemplate",value:function(e,t){return this.isTemplateTag(t)?!!this.templateHasOneOrZeroChildren(t)||(NAF.log.error("Template for ".concat(e.template," has more than one child. Templates must have one direct child element, no more. Template found:"),t),!1):(NAF.log.error("Template for ".concat(e.template," is not a <template> tag. Instead found: ").concat(t.tagName)),!1)}},{key:"isTemplateTag",value:function(e){return"template"===e.tagName.toLowerCase()}},{key:"templateHasOneOrZeroChildren",value:function(e){return e.content.childElementCount<2}},{key:"remove",value:function(e){delete this.schemaDict[e]}},{key:"clear",value:function(){this.schemaDict={}}}])&&i(t.prototype,n),o&&i(t,o),e}();e.exports=o},function(e,t,n){"use strict";function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}var o=n(8),r=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.entities={},this.childCache=new o,this.onRemoteEntityCreatedEvent=new Event("remoteEntityCreated"),this._persistentFirstSyncs={}}var t,n,r;return t=e,(n=[{key:"registerEntity",value:function(e,t){this.entities[e]=t}},{key:"createRemoteEntity",value:function(e){NAF.log.write("Creating remote entity",e);var t=e.networkId,n=NAF.schemas.getCachedTemplate(e.template);return this.initPosition(n,e.components),this.initRotation(n,e.components),this.addNetworkComponent(n,e),this.registerEntity(t,n),n}},{key:"initPosition",value:function(e,t){if(t.position){var n=t.position;e.setAttribute("position",n)}}},{key:"initRotation",value:function(e,t){if(t.rotation){var n=t.rotation;e.setAttribute("rotation",n)}}},{key:"addNetworkComponent",value:function(e,t){var n={template:t.template,creator:t.creator,owner:t.owner,networkId:t.networkId,persistent:t.persistent};e.setAttribute("networked",n),e.firstUpdateData=t}},{key:"updateEntityMulti",value:function(e,t,n,i){if(!NAF.options.syncSource||i===NAF.options.syncSource)for(var o=0,r=n.d.length;o<r;o++)this.updateEntity(e,"u",n.d[o],i)}},{key:"updateEntity",value:function(e,t,n,i){if(!NAF.options.syncSource||i===NAF.options.syncSource){var o=n.networkId;this.hasEntity(o)?this.entities[o].components.networked.networkUpdate(n):n.isFirstSync&&!1!==NAF.connection.activeDataChannels[n.owner]&&(NAF.options.firstSyncSource&&i!==NAF.options.firstSyncSource?NAF.log.write("Ignoring first sync from disallowed source",i):n.persistent?this._persistentFirstSyncs[o]=n:this.receiveFirstUpdateFromEntity(n))}}},{key:"receiveFirstUpdateFromEntity",value:function(e){var t=e.parent,n=e.networkId;if(t&&!this.hasEntity(t))this.childCache.addChild(t,e);else{var i=this.createRemoteEntity(e);this.createAndAppendChildren(n,i),this.addEntityToPage(i,t)}}},{key:"createAndAppendChildren",value:function(e,t){for(var n=this.childCache.getChildren(e),i=0;i<n.length;i++){var o=n[i],r=o.networkId;if(this.hasEntity(r))NAF.log.warn("Tried to instantiate entity multiple times",r,o,"Existing entity:",this.getEntity(r));else{var a=this.createRemoteEntity(o);this.createAndAppendChildren(r,a),t.appendChild(a)}}}},{key:"addEntityToPage",value:function(e,t){this.hasEntity(t)?this.addEntityToParent(e,t):this.addEntityToSceneRoot(e)}},{key:"addEntityToParent",value:function(e,t){this.entities[t].appendChild(e)}},{key:"addEntityToSceneRoot",value:function(e){document.querySelector("a-scene").appendChild(e)}},{key:"completeSync",value:function(e,t){for(var n in this.entities)this.entities[n]&&this.entities[n].components.networked.syncAll(e,t)}},{key:"removeRemoteEntity",value:function(e,t,n,i){if(!NAF.options.syncSource||i===NAF.options.syncSource){var o=n.networkId;return this.removeEntity(o)}}},{key:"removeEntitiesOfClient",value:function(e){var t=[];for(var n in this.entities){var i=this.entities[n],o=NAF.utils.getCreator(i),r=NAF.utils.getNetworkOwner(i);if(o===e||!o&&r===e){var a=this.entities[n].getAttribute("networked");a&&a.persistent?NAF.utils.takeOwnership(i):t.push(this.removeEntity(n))}}return t}},{key:"removeEntity",value:function(e){if(this.forgetPersistentFirstSync(e),this.hasEntity(e)){var t=this.entities[e];return this.forgetEntity(e),t.parentNode.removeChild(t),t}return NAF.log.error("Tried to remove entity I don't have."),null}},{key:"forgetEntity",value:function(e){delete this.entities[e],this.forgetPersistentFirstSync(e)}},{key:"getPersistentFirstSync",value:function(e){return this._persistentFirstSyncs[e]}},{key:"forgetPersistentFirstSync",value:function(e){delete this._persistentFirstSyncs[e]}},{key:"getEntity",value:function(e){return this.entities[e]?this.entities[e]:null}},{key:"hasEntity",value:function(e){return!!this.entities[e]}},{key:"removeRemoteEntities",value:function(){for(var e in this.childCache=new o,this.entities)this.entities[e].getAttribute("networked").owner!=NAF.clientId&&this.removeEntity(e)}}])&&i(t.prototype,n),r&&i(t,r),e}();e.exports=r},function(e,t,n){"use strict";function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}var o=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.dict={}}var t,n,o;return t=e,(n=[{key:"addChild",value:function(e,t){this.hasParent(e)||(this.dict[e]=[]),this.dict[e].push(t)}},{key:"getChildren",value:function(e){if(!this.hasParent(e))return[];var t=this.dict[e];return delete this.dict[e],t}},{key:"hasParent",value:function(e){return!!this.dict[e]}}])&&i(t.prototype,n),o&&i(t,o),e}();e.exports=o},function(e,t,n){"use strict";function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}var o="u",r="um",a="r",s=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.entities=t,this.setupDefaultDataSubscriptions(),this.connectedClients={},this.activeDataChannels={}}var t,n,s;return t=e,(n=[{key:"setNetworkAdapter",value:function(e){this.adapter=e}},{key:"setupDefaultDataSubscriptions",value:function(){this.dataChannelSubs={},this.dataChannelSubs[o]=this.entities.updateEntity.bind(this.entities),this.dataChannelSubs[r]=this.entities.updateEntityMulti.bind(this.entities),this.dataChannelSubs[a]=this.entities.removeRemoteEntity.bind(this.entities)}},{key:"connect",value:function(e,t,n){var i=arguments.length>3&&void 0!==arguments[3]&&arguments[3],o=arguments.length>4&&void 0!==arguments[4]&&arguments[4];NAF.app=t,NAF.room=n,this.adapter.setServerUrl(e),this.adapter.setApp(t),this.adapter.setRoom(n);var r={audio:i,video:o,datachannel:!0};return this.adapter.setWebRtcOptions(r),this.adapter.setServerConnectListeners(this.connectSuccess.bind(this),this.connectFailure.bind(this)),this.adapter.setDataChannelListeners(this.dataChannelOpen.bind(this),this.dataChannelClosed.bind(this),this.receivedData.bind(this)),this.adapter.setRoomOccupantListener(this.occupantsReceived.bind(this)),this.adapter.connect()}},{key:"onConnect",value:function(e){this.onConnectCallback=e,this.isConnected()?e():document.body.addEventListener("connected",e,!1)}},{key:"connectSuccess",value:function(e){NAF.log.write("Networked-Aframe Client ID:",e),NAF.clientId=e;var t=new CustomEvent("connected",{detail:{clientId:e}});document.body.dispatchEvent(t)}},{key:"connectFailure",value:function(e,t){NAF.log.error(e,"failure to connect")}},{key:"occupantsReceived",value:function(e){var t=Object.assign({},this.connectedClients);this.connectedClients=e,this.checkForDisconnectingClients(t,e),this.checkForConnectingClients(e)}},{key:"checkForDisconnectingClients",value:function(e,t){for(var n in e)t[n]||(NAF.log.write("Closing stream to",n),this.adapter.closeStreamConnection(n))}},{key:"checkForConnectingClients",value:function(e){for(var t in e)this.isNewClient(t)&&this.adapter.shouldStartConnectionTo(e[t])&&(NAF.log.write("Opening datachannel to",t),this.adapter.startStreamConnection(t))}},{key:"getConnectedClients",value:function(){return this.connectedClients}},{key:"isConnected",value:function(){return!!NAF.clientId}},{key:"isMineAndConnected",value:function(e){return this.isConnected()&&NAF.clientId===e}},{key:"isNewClient",value:function(e){return!this.isConnectedTo(e)}},{key:"isConnectedTo",value:function(e){return this.adapter.getConnectStatus(e)===NAF.adapters.IS_CONNECTED}},{key:"dataChannelOpen",value:function(e){NAF.log.write("Opened data channel from "+e),this.activeDataChannels[e]=!0,this.entities.completeSync(e,!0);var t=new CustomEvent("clientConnected",{detail:{clientId:e}});document.body.dispatchEvent(t)}},{key:"dataChannelClosed",value:function(e){NAF.log.write("Closed data channel from "+e),this.activeDataChannels[e]=!1,this.entities.removeEntitiesOfClient(e);var t=new CustomEvent("clientDisconnected",{detail:{clientId:e}});document.body.dispatchEvent(t)}},{key:"hasActiveDataChannel",value:function(e){return!!this.activeDataChannels[e]}},{key:"broadcastData",value:function(e,t){this.adapter.broadcastData(e,t)}},{key:"broadcastDataGuaranteed",value:function(e,t){this.adapter.broadcastDataGuaranteed(e,t)}},{key:"sendData",value:function(e,t,n,i){this.hasActiveDataChannel(e)&&(i?this.adapter.sendDataGuaranteed(e,t,n):this.adapter.sendData(e,t,n))}},{key:"sendDataGuaranteed",value:function(e,t,n){this.sendData(e,t,n,!0)}},{key:"subscribeToDataChannel",value:function(e,t){this.isReservedDataType(e)?NAF.log.error("NetworkConnection@subscribeToDataChannel: "+e+" is a reserved dataType. Choose another"):this.dataChannelSubs[e]=t}},{key:"unsubscribeToDataChannel",value:function(e){this.isReservedDataType(e)?NAF.log.error("NetworkConnection@unsubscribeToDataChannel: "+e+" is a reserved dataType. Choose another"):delete this.dataChannelSubs[e]}},{key:"isReservedDataType",value:function(e){return e==o||e==a}},{key:"receivedData",value:function(e,t,n,i){this.dataChannelSubs[t]?this.dataChannelSubs[t](e,t,n,i):NAF.log.write("NetworkConnection@receivedData: "+t+" has not been subscribed to yet. Call subscribeToDataChannel()")}},{key:"getServerTime",value:function(){return this.adapter.getServerTime()}},{key:"disconnect",value:function(){this.entities.removeRemoteEntities(),this.adapter&&this.adapter.disconnect(),NAF.app="",NAF.room="",NAF.clientId="",this.connectedClients={},this.activeDataChannels={},this.adapter=null,this.setupDefaultDataSubscriptions(),document.body.removeEventListener("connected",this.onConnectCallback)}}])&&i(t.prototype,n),s&&i(t,s),e}();e.exports=s},function(e,t,n){"use strict";function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}var o=n(11),r=n(13),a=n(14),s=n(15),c=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.adapters={wseasyrtc:o,easyrtc:r,socketio:s,webrtc:a},this.IS_CONNECTED=e.IS_CONNECTED,this.CONNECTING=e.CONNECTING,this.NOT_CONNECTED=e.NOT_CONNECTED}var t,n,c;return t=e,(n=[{key:"register",value:function(e,t){this.adapters[e]=t}},{key:"make",value:function(e){var t=e.toLowerCase();if(this.adapters[t])return new(0,this.adapters[t]);throw new Error("Adapter: "+e+" not registered. Please use NAF.adapters.register() to register this adapter.")}}])&&i(t.prototype,n),c&&i(t,c),e}();c.IS_CONNECTED="IS_CONNECTED",c.CONNECTING="CONNECTING",c.NOT_CONNECTED="NOT_CONNECTED",e.exports=c},function(e,t,n){"use strict";function i(e){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function o(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],i=!0,o=!1,r=void 0;try{for(var a,s=e[Symbol.iterator]();!(i=(a=s.next()).done)&&(n.push(a.value),!t||n.length!==t);i=!0);}catch(e){o=!0,r=e}finally{try{i||null==s.return||s.return()}finally{if(o)throw r}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return r(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return r(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}function a(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function s(e,t){return(s=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function c(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,i=l(e);if(t){var o=l(this).constructor;n=Reflect.construct(i,arguments,o)}else n=i.apply(this,arguments);return u(this,n)}}function u(e,t){return!t||"object"!==i(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function l(e){return(l=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var d=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&s(e,t)}(u,e);var t,n,i,r=c(u);function u(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,u),(t=r.call(this)).easyrtc=e||window.easyrtc,t.app="default",t.room="default",t.connectedClients=[],t.serverTimeRequests=0,t.timeOffsets=[],t.avgTimeOffset=0,t}return t=u,(n=[{key:"setServerUrl",value:function(e){this.serverUrl=e,this.easyrtc.setSocketUrl(e)}},{key:"setApp",value:function(e){this.app=e}},{key:"setRoom",value:function(e){this.room=e,this.easyrtc.joinRoom(e,null)}},{key:"setWebRtcOptions",value:function(e){}},{key:"setServerConnectListeners",value:function(e,t){this.connectSuccess=e,this.connectFailure=t}},{key:"setRoomOccupantListener",value:function(e){this.easyrtc.setRoomOccupantListener((function(t,n,i){e(n)}))}},{key:"setDataChannelListeners",value:function(e,t,n){this.openListener=e,this.closedListener=t,this.easyrtc.setPeerListener(n)}},{key:"updateTimeOffset",value:function(){var e=this,t=Date.now()+this.avgTimeOffset;return fetch(document.location.href,{method:"HEAD",cache:"no-cache"}).then((function(n){var i=new Date(n.headers.get("Date")).getTime()+500,o=Date.now(),r=i+(o-t)/2-o;e.serverTimeRequests++,e.serverTimeRequests<=10?e.timeOffsets.push(r):e.timeOffsets[e.serverTimeRequests%10]=r,e.avgTimeOffset=e.timeOffsets.reduce((function(e,t){return e+t}),0)/e.timeOffsets.length,e.serverTimeRequests>10?setTimeout((function(){return e.updateTimeOffset()}),3e5):e.updateTimeOffset()}))}},{key:"connect",value:function(){var e=this;Promise.all([this.updateTimeOffset(),new Promise((function(t,n){e.easyrtc.connect(e.app,t,n)}))]).then((function(t){var n=o(t,2),i=(n[0],n[1]);e.connectSuccess(i)})).catch(this.connectFailure)}},{key:"shouldStartConnectionTo",value:function(e){return!0}},{key:"startStreamConnection",value:function(e){this.connectedClients.push(e),this.openListener(e)}},{key:"closeStreamConnection",value:function(e){var t=this.connectedClients.indexOf(e);t>-1&&this.connectedClients.splice(t,1),this.closedListener(e)}},{key:"sendData",value:function(e,t,n){this.easyrtc.sendDataWS(e,t,n)}},{key:"sendDataGuaranteed",value:function(e,t,n){this.sendData(e,t,n)}},{key:"broadcastData",value:function(e,t){var n={targetRoom:this.room};this.easyrtc.sendDataWS(n,e,t)}},{key:"broadcastDataGuaranteed",value:function(e,t){this.broadcastData(e,t)}},{key:"getConnectStatus",value:function(e){return-1!=this.connectedClients.indexOf(e)?NAF.adapters.IS_CONNECTED:NAF.adapters.NOT_CONNECTED}},{key:"getServerTime",value:function(){return Date.now()+this.avgTimeOffset}},{key:"disconnect",value:function(){this.easyrtc.disconnect()}}])&&a(t.prototype,n),i&&a(t,i),u}(n(1));e.exports=d},function(e,t,n){"use strict";function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}var o=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e)}var t,n,o;return t=e,(n=[{key:"notImplemented",value:function(e){NAF.log.error("Interface method not implemented:",e)}}])&&i(t.prototype,n),o&&i(t,o),e}();e.exports=o},function(e,t,n){"use strict";function i(e){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function o(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],i=!0,o=!1,r=void 0;try{for(var a,s=e[Symbol.iterator]();!(i=(a=s.next()).done)&&(n.push(a.value),!t||n.length!==t);i=!0);}catch(e){o=!0,r=e}finally{try{i||null==s.return||s.return()}finally{if(o)throw r}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return r(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return r(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}function a(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function s(e,t){return(s=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function c(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,i=l(e);if(t){var o=l(this).constructor;n=Reflect.construct(i,arguments,o)}else n=i.apply(this,arguments);return u(this,n)}}function u(e,t){return!t||"object"!==i(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function l(e){return(l=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var d=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&s(e,t)}(u,e);var t,n,i,r=c(u);function u(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,u),(t=r.call(this)).easyrtc=e||window.easyrtc,t.app="default",t.room="default",t.mediaStreams={},t.remoteClients={},t.pendingMediaRequests=new Map,t.serverTimeRequests=0,t.timeOffsets=[],t.avgTimeOffset=0,t.easyrtc.setPeerOpenListener((function(e){var n=t.easyrtc.getPeerConnectionByUserId(e);t.remoteClients[e]=n})),t.easyrtc.setPeerClosedListener((function(e){delete t.remoteClients[e]})),t}return t=u,(n=[{key:"setServerUrl",value:function(e){this.easyrtc.setSocketUrl(e)}},{key:"setApp",value:function(e){this.app=e}},{key:"setRoom",value:function(e){this.room=e,this.easyrtc.joinRoom(e,null)}},{key:"setWebRtcOptions",value:function(e){this.easyrtc.enableDataChannels(e.datachannel),this.easyrtc.enableVideo(e.video),this.easyrtc.enableAudio(e.audio),this.easyrtc.enableVideoReceive(!0),this.easyrtc.enableAudioReceive(!0)}},{key:"setServerConnectListeners",value:function(e,t){this.connectSuccess=e,this.connectFailure=t}},{key:"setRoomOccupantListener",value:function(e){this.easyrtc.setRoomOccupantListener((function(t,n,i){e(n)}))}},{key:"setDataChannelListeners",value:function(e,t,n){this.easyrtc.setDataChannelOpenListener(e),this.easyrtc.setDataChannelCloseListener(t),this.easyrtc.setPeerListener(n)}},{key:"updateTimeOffset",value:function(){var e=this,t=Date.now()+this.avgTimeOffset;return fetch(document.location.href,{method:"HEAD",cache:"no-cache"}).then((function(n){var i=new Date(n.headers.get("Date")).getTime()+500,o=Date.now(),r=i+(o-t)/2-o;e.serverTimeRequests++,e.serverTimeRequests<=10?e.timeOffsets.push(r):e.timeOffsets[e.serverTimeRequests%10]=r,e.avgTimeOffset=e.timeOffsets.reduce((function(e,t){return e+t}),0)/e.timeOffsets.length,e.serverTimeRequests>10?setTimeout((function(){return e.updateTimeOffset()}),3e5):e.updateTimeOffset()}))}},{key:"connect",value:function(){var e=this;Promise.all([this.updateTimeOffset(),new Promise((function(t,n){e._connect(t,n)}))]).then((function(t){var n=o(t,2),i=(n[0],n[1]);e._myRoomJoinTime=e._getRoomJoinTime(i),e.connectSuccess(i)})).catch(this.connectFailure)}},{key:"shouldStartConnectionTo",value:function(e){return this._myRoomJoinTime<=e.roomJoinTime}},{key:"startStreamConnection",value:function(e){this.easyrtc.call(e,(function(e,t){"datachannel"===t&&NAF.log.write("Successfully started datachannel to ",e)}),(function(e,t){NAF.log.error(e,t)}),(function(e){}))}},{key:"closeStreamConnection",value:function(e){this.easyrtc.hangup(e)}},{key:"sendData",value:function(e,t,n){this.easyrtc.sendData(e,t,n)}},{key:"sendDataGuaranteed",value:function(e,t,n){this.easyrtc.sendDataWS(e,t,n)}},{key:"broadcastData",value:function(e,t){var n=this.easyrtc.getRoomOccupantsAsMap(this.room);for(var i in n)n[i]&&i!==this.easyrtc.myEasyrtcid&&this.easyrtc.sendData(i,e,t)}},{key:"broadcastDataGuaranteed",value:function(e,t){var n={targetRoom:this.room};this.easyrtc.sendDataWS(n,e,t)}},{key:"getConnectStatus",value:function(e){var t=this.easyrtc.getConnectStatus(e);return t==this.easyrtc.IS_CONNECTED?NAF.adapters.IS_CONNECTED:t==this.easyrtc.NOT_CONNECTED?NAF.adapters.NOT_CONNECTED:NAF.adapters.CONNECTING}},{key:"getMediaStream",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"audio";if(this.mediaStreams[e]&&this.mediaStreams[e][t])return NAF.log.write("Already had ".concat(t," for ").concat(e)),Promise.resolve(this.mediaStreams[e][t]);if(NAF.log.write("Waiting on ".concat(t," for ").concat(e)),!this.pendingMediaRequests.has(e)){var n={},i=new Promise((function(e,t){n.audio={resolve:e,reject:t}})).catch((function(t){return NAF.log.warn("".concat(e," getMediaStream Audio Error"),t)}));n.audio.promise=i;var o=new Promise((function(e,t){n.video={resolve:e,reject:t}})).catch((function(t){return NAF.log.warn("".concat(e," getMediaStream Video Error"),t)}));n.video.promise=o,this.pendingMediaRequests.set(e,n)}var r=this.pendingMediaRequests.get(e);if(!r[t]){var a=new Promise((function(e,n){r[t]={resolve:e,reject:n}})).catch((function(n){return NAF.log.warn("".concat(e,' getMediaStream "').concat(t,'" Error'),n)}));r[t].promise=a}return this.pendingMediaRequests.get(e)[t].promise}},{key:"setMediaStream",value:function(e,t,n){var i=this.pendingMediaRequests.get(e),o=this.mediaStreams[e]=this.mediaStreams[e]||{};if("default"===n){var r=t.getAudioTracks();if(r.length>0){var a=new MediaStream;try{r.forEach((function(e){return a.addTrack(e)})),o.audio=a}catch(t){NAF.log.warn("".concat(e,' setMediaStream "audio" alias Error'),t)}i&&i.audio.resolve(a)}var s=t.getVideoTracks();if(s.length>0){var c=new MediaStream;try{s.forEach((function(e){return c.addTrack(e)})),o.video=c}catch(t){NAF.log.warn("".concat(e,' setMediaStream "video" alias Error'),t)}i&&i.video.resolve(c)}}else o[n]=t,i&&i[n]&&i[n].resolve(t)}},{key:"addLocalMediaStream",value:function(e,t){var n=this.easyrtc;t=t||e.id,this.setMediaStream("local",e,t),n.register3rdPartyLocalMediaStream(e,t),Object.keys(this.remoteClients).forEach((function(e){n.getConnectStatus(e)!==n.NOT_CONNECTED&&n.addStreamToCall(e,t)}))}},{key:"removeLocalMediaStream",value:function(e){this.easyrtc.closeLocalMediaStream(e),delete this.mediaStreams.local[e]}},{key:"enableMicrophone",value:function(e){this.easyrtc.enableMicrophone(e)}},{key:"enableCamera",value:function(e){this.easyrtc.enableCamera(e)}},{key:"disconnect",value:function(){this.easyrtc.disconnect()}},{key:"_connect",value:function(e,t){var n=this;this.easyrtc.setStreamAcceptor(this.setMediaStream.bind(this)),this.easyrtc.setOnStreamClosed((function(e,t,n){delete this.mediaStreams[e][n]})),n.easyrtc.audioEnabled||n.easyrtc.videoEnabled?navigator.mediaDevices.getUserMedia({video:n.easyrtc.videoEnabled,audio:n.easyrtc.audioEnabled}).then((function(i){n.addLocalMediaStream(i,"default"),n.easyrtc.connect(n.app,e,t)}),(function(e,t){NAF.log.error(e,t)})):n.easyrtc.connect(n.app,e,t)}},{key:"_getRoomJoinTime",value:function(e){var t=NAF.room;return this.easyrtc.getRoomOccupantsAsMap(t)[e].roomJoinTime}},{key:"getServerTime",value:function(){return Date.now()+this.avgTimeOffset}}])&&a(t.prototype,n),i&&a(t,i),u}(n(1));e.exports=d},function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function r(e,t,n){return t&&o(e.prototype,t),n&&o(e,n),e}var a=function(){function e(t,n,o){i(this,e),this.localId=t,this.remoteId=n,this.sendSignalFunc=o,this.open=!1,this.channelLabel="networked-aframe-channel",this.pc=this.createPeerConnection(),this.channel=null}return r(e,[{key:"setDatachannelListeners",value:function(e,t,n,i){this.openListener=e,this.closedListener=t,this.messageListener=n,this.trackListener=i}},{key:"offer",value:function(e){var t=this;this.setupChannel(this.pc.createDataChannel(this.channelLabel,{reliable:!1})),e.sendAudio&&e.localAudioStream.getTracks().forEach((function(n){return t.pc.addTrack(n,e.localAudioStream)})),this.pc.createOffer((function(e){t.handleSessionDescription(e)}),(function(e){NAF.log.error("WebRtcPeer.offer: "+e)}),{offerToReceiveAudio:!0,offerToReceiveVideo:!1})}},{key:"handleSignal",value:function(e){if(this.localId===e.to&&this.remoteId===e.from)switch(e.type){case"offer":this.handleOffer(e);break;case"answer":this.handleAnswer(e);break;case"candidate":this.handleCandidate(e);break;default:NAF.log.error("WebRtcPeer.handleSignal: Unknown signal type "+e.type)}}},{key:"send",value:function(e,t){null!==this.channel&&"open"===this.channel.readyState&&this.channel.send(JSON.stringify({type:e,data:t}))}},{key:"getStatus",value:function(){if(null===this.channel)return e.NOT_CONNECTED;switch(this.channel.readyState){case"open":return e.IS_CONNECTED;case"connecting":return e.CONNECTING;case"closing":case"closed":default:return e.NOT_CONNECTED}}},{key:"createPeerConnection",value:function(){var t=this,n=window.RTCPeerConnection||window.webkitRTCPeerConnection||window.mozRTCPeerConnection||window.msRTCPeerConnection;if(void 0===n)throw new Error("WebRtcPeer.createPeerConnection: This browser does not seem to support WebRTC.");var i=new n({iceServers:e.ICE_SERVERS});return i.onicecandidate=function(e){e.candidate&&t.sendSignalFunc({from:t.localId,to:t.remoteId,type:"candidate",sdpMLineIndex:e.candidate.sdpMLineIndex,candidate:e.candidate.candidate})},i.oniceconnectionstatechange=function(){t.open&&"disconnected"===i.iceConnectionState&&(t.open=!1,t.closedListener(t.remoteId))},i.ontrack=function(e){t.trackListener(t.remoteId,e.streams[0])},i}},{key:"setupChannel",value:function(e){var t=this;this.channel=e,this.channel.onmessage=function(e){var n=JSON.parse(e.data);t.messageListener(t.remoteId,n.type,n.data)},this.channel.onopen=function(e){t.open=!0,t.openListener(t.remoteId)},this.channel.onclose=function(e){t.open&&(t.open=!1,t.closedListener(t.remoteId))},this.channel.onerror=function(e){NAF.log.error("WebRtcPeer.channel.onerror: "+e)}}},{key:"handleOffer",value:function(e){var t=this;this.pc.ondatachannel=function(e){t.setupChannel(e.channel)},this.setRemoteDescription(e),this.pc.createAnswer((function(e){t.handleSessionDescription(e)}),(function(e){NAF.log.error("WebRtcPeer.handleOffer: "+e)}))}},{key:"handleAnswer",value:function(e){this.setRemoteDescription(e)}},{key:"handleCandidate",value:function(e){var t=window.RTCIceCandidate||window.webkitRTCIceCandidate||window.mozRTCIceCandidate;this.pc.addIceCandidate(new t(e),(function(){}),(function(e){NAF.log.error("WebRtcPeer.handleCandidate: "+e)}))}},{key:"handleSessionDescription",value:function(e){this.pc.setLocalDescription(e,(function(){}),(function(e){NAF.log.error("WebRtcPeer.handleSessionDescription: "+e)})),this.sendSignalFunc({from:this.localId,to:this.remoteId,type:e.type,sdp:e.sdp})}},{key:"setRemoteDescription",value:function(e){var t=window.RTCSessionDescription||window.webkitRTCSessionDescription||window.mozRTCSessionDescription||window.msRTCSessionDescription;this.pc.setRemoteDescription(new t(e),(function(){}),(function(e){NAF.log.error("WebRtcPeer.setRemoteDescription: "+e)}))}},{key:"close",value:function(){this.pc&&this.pc.close()}}]),e}();a.IS_CONNECTED="IS_CONNECTED",a.CONNECTING="CONNECTING",a.NOT_CONNECTED="NOT_CONNECTED",a.ICE_SERVERS=[{urls:"stun:stun1.l.google.com:19302"},{urls:"stun:stun2.l.google.com:19302"},{urls:"stun:stun3.l.google.com:19302"},{urls:"stun:stun4.l.google.com:19302"}];var s=function(){function e(){i(this,e),void 0===io&&console.warn("It looks like socket.io has not been loaded before WebrtcAdapter. Please do that."),this.app="default",this.room="default",this.occupantListener=null,this.myRoomJoinTime=null,this.myId=null,this.peers={},this.occupants={},this.audioStreams={},this.pendingAudioRequest={},this.serverTimeRequests=0,this.timeOffsets=[],this.avgTimeOffset=0}return r(e,[{key:"setServerUrl",value:function(e){this.wsUrl=e}},{key:"setApp",value:function(e){this.app=e}},{key:"setRoom",value:function(e){this.room=e}},{key:"setWebRtcOptions",value:function(e){!1===e.datachannel&&NAF.log.error("WebrtcAdapter.setWebRtcOptions: datachannel must be true."),!0===e.audio&&(this.sendAudio=!0),!0===e.video&&NAF.log.warn("WebrtcAdapter does not support video yet.")}},{key:"setServerConnectListeners",value:function(e,t){this.connectSuccess=e,this.connectFailure=t}},{key:"setRoomOccupantListener",value:function(e){this.occupantListener=e}},{key:"setDataChannelListeners",value:function(e,t,n){this.openListener=e,this.closedListener=t,this.messageListener=n}},{key:"connect",value:function(){var e=this;this.updateTimeOffset().then((function(){e.wsUrl&&"/"!==e.wsUrl||("https:"===location.protocol?e.wsUrl="wss://"+location.host:e.wsUrl="ws://"+location.host),NAF.log.write("Attempting to connect to socket.io");var t=e.socket=io(e.wsUrl);function n(t){var n=t.from,i=t.type,o=t.data;"ice-candidate"!==i?e.messageListener(n,i,o):e.peers[n].handleSignal(o)}t.on("connect",(function(){NAF.log.write("User connected",t.id),e.myId=t.id,e.joinRoom()})),t.on("connectSuccess",(function(t){var n=t.joinedTime;if(e.myRoomJoinTime=n,NAF.log.write("Successfully joined room",e.room,"at server time",n),e.sendAudio){navigator.mediaDevices.getUserMedia({audio:!0,video:!1}).then((function(t){e.storeAudioStream(e.myId,t),e.connectSuccess(e.myId),t.getTracks().forEach((function(n){Object.keys(e.peers).forEach((function(i){e.peers[i].pc.addTrack(n,t)}))}))})).catch((function(t){NAF.log.error(t),console.error("Microphone is disabled due to lack of permissions"),e.sendAudio=!1,e.connectSuccess(e.myId)}))}else e.connectSuccess(e.myId)})),t.on("error",(function(t){console.error("Socket connection failure",t),e.connectFailure()})),t.on("occupantsChanged",(function(t){var n=t.occupants;NAF.log.write("occupants changed",t),e.receivedOccupants(n)})),t.on("send",n),t.on("broadcast",n)}))}},{key:"joinRoom",value:function(){NAF.log.write("Joining room",this.room),this.socket.emit("joinRoom",{room:this.room})}},{key:"receivedOccupants",value:function(e){var t=this;delete e[this.myId],this.occupants=e;var n=this,i=this.myId,o=function(e){var o=e;if(t.peers[o])return"continue";var r=new a(i,o,(function(e){n.socket.emit("send",{from:i,to:o,type:"ice-candidate",data:e,sending:!0})}));r.setDatachannelListeners(n.openListener,n.closedListener,n.messageListener,n.trackListener.bind(n)),n.peers[o]=r};for(var r in e)o(r);this.occupantListener(e)}},{key:"shouldStartConnectionTo",value:function(e){return(this.myRoomJoinTime||0)<=(e||0)}},{key:"startStreamConnection",value:function(e){var t=this;NAF.log.write("starting offer process"),this.sendAudio?this.getMediaStream(this.myId).then((function(n){var i={sendAudio:!0,localAudioStream:n};t.peers[e].offer(i)})):this.peers[e].offer({})}},{key:"closeStreamConnection",value:function(e){NAF.log.write("closeStreamConnection",e,this.peers),this.peers[e].close(),delete this.peers[e],delete this.occupants[e],this.closedListener(e)}},{key:"getConnectStatus",value:function(e){var t=this.peers[e];if(void 0===t)return NAF.adapters.NOT_CONNECTED;switch(t.getStatus()){case a.IS_CONNECTED:return NAF.adapters.IS_CONNECTED;case a.CONNECTING:return NAF.adapters.CONNECTING;case a.NOT_CONNECTED:default:return NAF.adapters.NOT_CONNECTED}}},{key:"sendData",value:function(e,t,n){this.peers[e].send(t,n)}},{key:"sendDataGuaranteed",value:function(e,t,n){var i={from:this.myId,to:e,type:t,data:n,sending:!0};this.socket.emit("send",i)}},{key:"broadcastData",value:function(e,t){for(var n in this.peers)this.sendData(n,e,t)}},{key:"broadcastDataGuaranteed",value:function(e,t){var n={from:this.myId,type:e,data:t,broadcasting:!0};this.socket.emit("broadcast",n)}},{key:"storeAudioStream",value:function(e,t){this.audioStreams[e]=t,this.pendingAudioRequest[e]&&(NAF.log.write("Received pending audio for "+e),this.pendingAudioRequest[e](t),this.pendingAudioRequest[e](t))}},{key:"trackListener",value:function(e,t){this.storeAudioStream(e,t)}},{key:"getMediaStream",value:function(e){var t=this;return this.audioStreams[e]?(NAF.log.write("Already had audio for "+e),Promise.resolve(this.audioStreams[e])):(NAF.log.write("Waiting on audio for "+e),new Promise((function(n){t.pendingAudioRequest[e]=n})))}},{key:"updateTimeOffset",value:function(){var e=this,t=Date.now()+this.avgTimeOffset;return fetch(document.location.href,{method:"HEAD",cache:"no-cache"}).then((function(n){var i=new Date(n.headers.get("Date")).getTime()+500,o=Date.now(),r=i+(o-t)/2-o;e.serverTimeRequests++,e.serverTimeRequests<=10?e.timeOffsets.push(r):e.timeOffsets[e.serverTimeRequests%10]=r,e.avgTimeOffset=e.timeOffsets.reduce((function(e,t){return e+t}),0)/e.timeOffsets.length,e.serverTimeRequests>10?setTimeout((function(){return e.updateTimeOffset()}),3e5):e.updateTimeOffset()}))}},{key:"getServerTime",value:function(){return(new Date).getTime()+this.avgTimeOffset}}]),e}();e.exports=s},function(e,t,n){"use strict";function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}var o=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),void 0===io&&console.warn("It looks like socket.io has not been loaded before SocketioAdapter. Please do that."),this.app="default",this.room="default",this.occupantListener=null,this.myRoomJoinTime=null,this.myId=null,this.occupants={},this.connectedClients=[],this.serverTimeRequests=0,this.timeOffsets=[],this.avgTimeOffset=0}var t,n,o;return t=e,(n=[{key:"setServerUrl",value:function(e){this.wsUrl=e}},{key:"setApp",value:function(e){this.app=e}},{key:"setRoom",value:function(e){this.room=e}},{key:"setWebRtcOptions",value:function(e){}},{key:"setServerConnectListeners",value:function(e,t){this.connectSuccess=e,this.connectFailure=t}},{key:"setRoomOccupantListener",value:function(e){this.occupantListener=e}},{key:"setDataChannelListeners",value:function(e,t,n){this.openListener=e,this.closedListener=t,this.messageListener=n}},{key:"connect",value:function(){var e=this;this.updateTimeOffset().then((function(){e.wsUrl&&"/"!==e.wsUrl||("https:"===location.protocol?e.wsUrl="wss://"+location.host:e.wsUrl="ws://"+location.host),NAF.log.write("Attempting to connect to socket.io");var t=e.socket=io(e.wsUrl);function n(t){var n=t.from,i=t.type,o=t.data;e.messageListener(n,i,o)}t.on("connect",(function(){NAF.log.write("User connected",t.id),e.myId=t.id,e.joinRoom()})),t.on("connectSuccess",(function(t){var n=t.joinedTime;e.myRoomJoinTime=n,NAF.log.write("Successfully joined room",e.room,"at server time",n),e.connectSuccess(e.myId)})),t.on("error",(function(t){console.error("Socket connection failure",t),e.connectFailure()})),t.on("occupantsChanged",(function(t){var n=t.occupants;NAF.log.write("occupants changed",t),e.receivedOccupants(n)})),t.on("send",n),t.on("broadcast",n)}))}},{key:"joinRoom",value:function(){NAF.log.write("Joining room",this.room),this.socket.emit("joinRoom",{room:this.room})}},{key:"receivedOccupants",value:function(e){delete e[this.myId],this.occupants=e,this.occupantListener(e)}},{key:"shouldStartConnectionTo",value:function(e){return!0}},{key:"startStreamConnection",value:function(e){this.connectedClients.push(e),this.openListener(e)}},{key:"closeStreamConnection",value:function(e){this.connectedClients=this.connectedClients.filter((function(t){return t!=e})),this.closedListener(e)}},{key:"getConnectStatus",value:function(e){return-1!=this.connectedClients.indexOf(e)?NAF.adapters.IS_CONNECTED:NAF.adapters.NOT_CONNECTED}},{key:"sendData",value:function(e,t,n){this.sendDataGuaranteed(e,t,n)}},{key:"sendDataGuaranteed",value:function(e,t,n){var i={from:this.myId,to:e,type:t,data:n,sending:!0};this.socket?this.socket.emit("send",i):NAF.log.warn("SocketIO socket not created yet")}},{key:"broadcastData",value:function(e,t){this.broadcastDataGuaranteed(e,t)}},{key:"broadcastDataGuaranteed",value:function(e,t){var n={from:this.myId,type:e,data:t,broadcasting:!0};this.socket?this.socket.emit("broadcast",n):NAF.log.warn("SocketIO socket not created yet")}},{key:"getMediaStream",value:function(e){}},{key:"updateTimeOffset",value:function(){var e=this,t=Date.now()+this.avgTimeOffset;return fetch(document.location.href,{method:"HEAD",cache:"no-cache"}).then((function(n){var i=new Date(n.headers.get("Date")).getTime()+500,o=Date.now(),r=i+(o-t)/2-o;e.serverTimeRequests++,e.serverTimeRequests<=10?e.timeOffsets.push(r):e.timeOffsets[e.serverTimeRequests%10]=r,e.avgTimeOffset=e.timeOffsets.reduce((function(e,t){return e+t}),0)/e.timeOffsets.length,e.serverTimeRequests>10?setTimeout((function(){return e.updateTimeOffset()}),3e5):e.updateTimeOffset()}))}},{key:"getServerTime",value:function(){return(new Date).getTime()+this.avgTimeOffset}},{key:"disconnect",value:function(){this.socket.disconnect()}}])&&i(t.prototype,n),o&&i(t,o),e}();e.exports=o},function(e,t,n){"use strict";AFRAME.registerComponent("networked-scene",{schema:{serverURL:{default:"/"},app:{default:"default"},room:{default:"default"},connectOnLoad:{default:!0},onConnect:{default:"onConnect"},adapter:{default:"wseasyrtc"},audio:{default:!1},video:{default:!1},debug:{default:!1}},init:function(){var e=this.el;this.connect=this.connect.bind(this),e.addEventListener("connect",this.connect),this.data.connectOnLoad&&e.emit("connect",null,!1)},connect:function(){return NAF.log.setDebug(this.data.debug),NAF.log.write("Networked-Aframe Connecting..."),this.checkDeprecatedProperties(),this.setupNetworkAdapter(),this.hasOnConnectFunction()&&this.callOnConnect(),NAF.connection.connect(this.data.serverURL,this.data.app,this.data.room,this.data.audio,this.data.video)},checkDeprecatedProperties:function(){},setupNetworkAdapter:function(){var e=this.data.adapter,t=NAF.adapters.make(e);NAF.connection.setNetworkAdapter(t),this.el.emit("adapter-ready",t,!1)},hasOnConnectFunction:function(){return""!=this.data.onConnect&&window[this.data.onConnect]},callOnConnect:function(){NAF.connection.onConnect(window[this.data.onConnect])},remove:function(){NAF.log.write("networked-scene disconnected"),this.el.removeEventListener("connect",this.connect),NAF.connection.disconnect()}})},function(e,t,n){"use strict";var i=n(18),o=n(19),r=THREE.Math.DEG2RAD,a=["position","rotation","scale"];function s(e){return!(!e.isVector3||isNaN(e.x)||isNaN(e.y)||isNaN(e.z)||null===e.x||null===e.y||null===e.z)}var c,u=(c=0,function(e,t){var n=Date.now();n-c>t&&(c=n,e())});function l(){NAF.log.warn("Received invalid network update.")}AFRAME.registerSystem("networked",{init:function(){this.components=[],this.nextSyncTime=0},register:function(e){this.components.push(e)},deregister:function(e){var t=this.components.indexOf(e);t>-1&&this.components.splice(t,1)},tick:function(){if(NAF.connection.adapter&&!(this.el.clock.elapsedTime<this.nextSyncTime)){for(var e={d:[]},t=0,n=this.components.length;t<n;t++){var i=this.components[t];if(i.isMine()){if(!i.el.parentElement)return void NAF.log.error("entity registered with system despite being removed");var o=this.components[t].syncDirty();o&&e.d.push(o)}}e.d.length>0&&NAF.connection.broadcastData("um",e),this.updateNextSyncTime()}},updateNextSyncTime:function(){this.nextSyncTime=this.el.clock.elapsedTime+1/NAF.options.updateRate}}),AFRAME.registerComponent("networked",{schema:{template:{default:""},attachTemplateToLocal:{default:!0},persistent:{default:!1},networkId:{default:""},owner:{default:""},creator:{default:""}},init:function(){this.OWNERSHIP_GAINED="ownership-gained",this.OWNERSHIP_CHANGED="ownership-changed",this.OWNERSHIP_LOST="ownership-lost",this.onOwnershipGainedEvent={el:this.el},this.onOwnershipChangedEvent={el:this.el},this.onOwnershipLostEvent={el:this.el},this.conversionEuler=new THREE.Euler,this.conversionEuler.order="YXZ",this.bufferInfos=[],this.bufferPosition=new THREE.Vector3,this.bufferQuaternion=new THREE.Quaternion,this.bufferScale=new THREE.Vector3;var e,t=this.wasCreatedByNetwork();this.onConnected=this.onConnected.bind(this),this.syncData={},this.componentSchemas=NAF.schemas.getComponents(this.data.template),this.cachedElements=new Array(this.componentSchemas.length),this.networkUpdatePredicates=this.componentSchemas.map((function(e){return e.requiresNetworkUpdate&&e.requiresNetworkUpdate()||(t=null,function(e){return!(null!==t&&i(t,e)||(t=AFRAME.utils.clone(e),0))});var t})),this.invalidateCachedElements(),this.initNetworkParent(),""===this.data.networkId?(e=NAF.utils.createNetworkId(),this.el.setAttribute(this.name,{networkId:e})):e=this.data.networkId,this.el.id||this.el.setAttribute("id","naf-"+e),t?this.firstUpdate():(this.data.attachTemplateToLocal&&this.attachTemplateToLocal(),this.registerEntity(this.data.networkId)),this.lastOwnerTime=-1,NAF.clientId?this.onConnected():document.body.addEventListener("connected",this.onConnected,!1),document.body.dispatchEvent(this.entityCreatedEvent()),this.el.dispatchEvent(new CustomEvent("instantiated",{detail:{el:this.el}})),this.el.sceneEl.systems.networked.register(this)},attachTemplateToLocal:function(){for(var e=NAF.schemas.getCachedTemplate(this.data.template),t=e.attributes,n=0;n<t.length;n++)this.el.setAttribute(t[n].name,t[n].value);for(;e.firstElementChild;)this.el.appendChild(e.firstElementChild)},takeOwnership:function(){var e=this.data.owner,t=this.lastOwnerTime,n=NAF.connection.getServerTime();return!!(e&&!this.isMine()&&t<n)&&(this.lastOwnerTime=n,this.removeLerp(),this.el.setAttribute("networked",{owner:NAF.clientId}),this.syncAll(),this.onOwnershipGainedEvent.oldOwner=e,this.el.emit(this.OWNERSHIP_GAINED,this.onOwnershipGainedEvent),this.onOwnershipChangedEvent.oldOwner=e,this.onOwnershipChangedEvent.newOwner=NAF.clientId,this.el.emit(this.OWNERSHIP_CHANGED,this.onOwnershipChangedEvent),!0)},wasCreatedByNetwork:function(){return!!this.el.firstUpdateData},initNetworkParent:function(){var e=this.el.parentElement;e.components&&e.components.networked?this.parent=e:this.parent=null},registerEntity:function(e){NAF.entities.registerEntity(e,this.el)},applyPersistentFirstSync:function(){var e=this.data.networkId,t=NAF.entities.getPersistentFirstSync(e);t&&(this.networkUpdate(t),NAF.entities.forgetPersistentFirstSync(e))},firstUpdate:function(){var e=this.el.firstUpdateData;this.networkUpdate(e)},onConnected:function(){var e=this;""===this.data.owner&&(this.lastOwnerTime=NAF.connection.getServerTime(),this.el.setAttribute(this.name,{owner:NAF.clientId,creator:NAF.clientId}),setTimeout((function(){e.el.parentNode?e.syncAll(void 0,!0):NAF.log.warn("Networked element was removed before ever getting the chance to syncAll")}),0)),document.body.removeEventListener("connected",this.onConnected,!1)},isMine:function(){return this.data.owner===NAF.clientId},createdByMe:function(){return this.data.creator===NAF.clientId},tick:function(e,t){if(!this.isMine()&&NAF.options.useLerp)for(var n=0;n<this.bufferInfos.length;n++){var i=this.bufferInfos[n],o=i.buffer,r=i.object3D,a=i.componentNames;if(o.update(t),a.includes("position")){var c=o.getPosition();s(c)?r.position.copy(c):u(l,5e3)}if(a.includes("rotation")){var d=o.getQuaternion();!(f=d).isQuaternion||isNaN(f.x)||isNaN(f.y)||isNaN(f.z)||isNaN(f.w)||null===f.x||null===f.y||null===f.z||null===f.w?u(l,5e3):r.quaternion.copy(d)}if(a.includes("scale")){var h=o.getScale();s(h)?r.scale.copy(h):u(l,5e3)}}var f},syncAll:function(e,t){if(this.canSync()){var n=this.gatherComponentsData(!0),i=this.createSyncData(n,t);e?NAF.connection.sendDataGuaranteed(e,"u",i):NAF.connection.broadcastDataGuaranteed("u",i)}},syncDirty:function(){if(this.canSync()){var e=this.gatherComponentsData(!1);if(null!==e)return this.createSyncData(e)}},getCachedElement:function(e){var t=this.cachedElements[e];if(t)return t;var n=this.componentSchemas[e];return n.selector?this.cachedElements[e]=this.el.querySelector(n.selector):this.cachedElements[e]=this.el},invalidateCachedElements:function(){for(var e=0;e<this.cachedElements.length;e++)this.cachedElements[e]=null},gatherComponentsData:function(e){for(var t=null,n=0;n<this.componentSchemas.length;n++){var i=this.componentSchemas[n],o=this.getCachedElement(n);if(o){var r=i.component?i.component:i,a=o.getAttribute(r);if(null!==a){var s=i.property?a[i.property]:a;(this.networkUpdatePredicates[n](s)||e)&&((t=t||{})[n]=s)}else e&&((t=t||{})[n]=null)}else e&&((t=t||{})[n]=null)}return t},createSyncData:function(e,t){var n=this.syncData,i=this.data;return n.networkId=i.networkId,n.owner=i.owner,n.creator=i.creator,n.lastOwnerTime=this.lastOwnerTime,n.template=i.template,n.persistent=i.persistent,n.parent=this.getParentId(),n.components=e,n.isFirstSync=!!t,n},canSync:function(){if(this.data.owner&&this.isMine())return!0;if(!this.createdByMe())return!1;var e=NAF.connection.getConnectedClients();for(var t in e)if(t===this.data.owner)return!1;return!0},getParentId:function(){return this.initNetworkParent(),this.parent?this.parent.getAttribute("networked").networkId:null},networkUpdate:function(e){if(!(e.lastOwnerTime<this.lastOwnerTime||this.lastOwnerTime===e.lastOwnerTime&&this.data.owner>e.owner)&&void 0!==this.data){if(this.data.owner!==e.owner){var t=this.isMine();this.lastOwnerTime=e.lastOwnerTime;var n=this.data.owner,i=e.owner;this.el.setAttribute("networked",{owner:e.owner}),t&&(this.onOwnershipLostEvent.newOwner=i,this.el.emit(this.OWNERSHIP_LOST,this.onOwnershipLostEvent)),this.onOwnershipChangedEvent.oldOwner=n,this.onOwnershipChangedEvent.newOwner=i,this.el.emit(this.OWNERSHIP_CHANGED,this.onOwnershipChangedEvent)}this.data.persistent!==e.persistent&&this.el.setAttribute("networked",{persistent:e.persistent}),this.updateNetworkedComponents(e.components)}},updateNetworkedComponents:function(e){for(var t=0,n=this.componentSchemas.length;t<n;t++){var i=e[t],o=this.componentSchemas[t],r=this.getCachedElement(t);null!==r&&null!=i&&(o.component?o.property?this.updateNetworkedComponent(r,o.component,o.property,i):this.updateNetworkedComponent(r,o.component,i):this.updateNetworkedComponent(r,o,i))}},updateNetworkedComponent:function(e,t,n,i){if(NAF.options.useLerp&&a.includes(t)){for(var s,c=0,u=this.bufferInfos.length;c<u;c++){var l=this.bufferInfos[c];if(l.object3D===e.object3D){s=l;break}}if(s){var d=s.componentNames;d.includes(t)||d.push(t)}else s={buffer:new o(o.MODE_LERP,.1),object3D:e.object3D,componentNames:[t]},this.bufferInfos.push(s);var h=s.buffer;switch(t){case"position":return void h.setPosition(this.bufferPosition.set(n.x,n.y,n.z));case"rotation":return this.conversionEuler.set(r*n.x,r*n.y,r*n.z),void h.setQuaternion(this.bufferQuaternion.setFromEuler(this.conversionEuler));case"scale":return void h.setScale(this.bufferScale.set(n.x,n.y,n.z))}NAF.log.error("Could not set value in interpolation buffer.",e,t,n,s)}else void 0===i?e.setAttribute(t,n):e.setAttribute(t,n,i)},removeLerp:function(){this.bufferInfos=[]},remove:function(){if(this.isMine()&&NAF.connection.isConnected()){var e={networkId:this.data.networkId};NAF.entities.hasEntity(this.data.networkId)?NAF.connection.broadcastDataGuaranteed("r",e):this.data.creator&&!1===NAF.connection.activeDataChannels[this.data.creator]||NAF.log.error("Removing networked entity that is not in entities array.")}NAF.entities.forgetEntity(this.data.networkId),document.body.dispatchEvent(this.entityRemovedEvent(this.data.networkId)),this.el.sceneEl.systems.networked.deregister(this)},entityCreatedEvent:function(){return new CustomEvent("entityCreated",{detail:{el:this.el}})},entityRemovedEvent:function(e){return new CustomEvent("entityRemoved",{detail:{networkId:e}})}})},function(e,t,n){"use strict";function i(e){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var o=Array.isArray,r=Object.keys,a=Object.prototype.hasOwnProperty;e.exports=function e(t,n){if(t===n)return!0;if(t&&n&&"object"==i(t)&&"object"==i(n)){var s,c,u,l=o(t),d=o(n);if(l&&d){if((c=t.length)!=n.length)return!1;for(s=c;0!=s--;)if(!e(t[s],n[s]))return!1;return!0}if(l!=d)return!1;var h=t instanceof Date,f=n instanceof Date;if(h!=f)return!1;if(h&&f)return t.getTime()==n.getTime();var m=t instanceof RegExp,p=n instanceof RegExp;if(m!=p)return!1;if(m&&p)return t.toString()==n.toString();var v=r(t);if((c=v.length)!==r(n).length)return!1;for(s=c;0!=s--;)if(!a.call(n,v[s]))return!1;for(s=c;0!=s--;)if(!e(t[u=v[s]],n[u]))return!1;return!0}return t!=t&&n!=n}},function(e,t,n){"use strict";var i=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}();function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var r=[],a=function(){var e=r.pop();return e||(e={position:new THREE.Vector3,velocity:new THREE.Vector3,scale:new THREE.Vector3,quaternion:new THREE.Quaternion,time:0}),e},s=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:.15;o(this,e),this.state=0,this.buffer=[],this.bufferTime=1e3*n,this.time=0,this.mode=t,this.originFrame=a(),this.position=new THREE.Vector3,this.quaternion=new THREE.Quaternion,this.scale=new THREE.Vector3(1,1,1)}return i(e,[{key:"hermite",value:function(e,t,n,i,o,r){var a=t*t,s=t*t*t,c=2*s-3*a+1,u=-2*s+3*a,l=s-2*a+t,d=s-a;e.copy(n.multiplyScalar(c)),e.add(i.multiplyScalar(u)),e.add(o.multiplyScalar(l)),e.add(r.multiplyScalar(d))}},{key:"lerp",value:function(e,t,n,i){e.lerpVectors(t,n,i)}},{key:"slerp",value:function(e,t,n,i){THREE.Quaternion.slerp(t,n,e,i)}},{key:"updateOriginFrameToBufferTail",value:function(){var e;e=this.originFrame,r.push(e),this.originFrame=this.buffer.shift()}},{key:"appendBuffer",value:function(e,t,n,i){var o=this.buffer.length>0?this.buffer[this.buffer.length-1]:null;if(o&&o.time===this.time)e&&o.position.copy(e),t&&o.velocity.copy(t),n&&o.quaternion.copy(n),i&&o.scale.copy(i);else{var r=o||this.originFrame,s=a();s.position.copy(e||r.position),s.velocity.copy(t||r.velocity),s.quaternion.copy(n||r.quaternion),s.scale.copy(i||r.scale),s.time=this.time,this.buffer.push(s)}}},{key:"setTarget",value:function(e,t,n,i){this.appendBuffer(e,t,n,i)}},{key:"setPosition",value:function(e,t){this.appendBuffer(e,t,null,null)}},{key:"setQuaternion",value:function(e){this.appendBuffer(null,null,e,null)}},{key:"setScale",value:function(e){this.appendBuffer(null,null,null,e)}},{key:"update",value:function(e){if(0===this.state&&this.buffer.length>0&&(this.updateOriginFrameToBufferTail(),this.position.copy(this.originFrame.position),this.quaternion.copy(this.originFrame.quaternion),this.scale.copy(this.originFrame.scale),this.state=1),1===this.state&&this.buffer.length>0&&this.time>this.bufferTime&&(this.state=2),2===this.state){for(var t=this.time-this.bufferTime;this.buffer.length>0&&t>this.buffer[0].time;)this.buffer.length>1?this.updateOriginFrameToBufferTail():(this.originFrame.position.copy(this.buffer[0].position),this.originFrame.velocity.copy(this.buffer[0].velocity),this.originFrame.quaternion.copy(this.buffer[0].quaternion),this.originFrame.scale.copy(this.buffer[0].scale),this.originFrame.time=this.buffer[0].time,this.buffer[0].time=this.time+e);if(this.buffer.length>0&&this.buffer[0].time>0){var n=this.buffer[0],i=n.time-this.originFrame.time,o=(t-this.originFrame.time)/i;0===this.mode?this.lerp(this.position,this.originFrame.position,n.position,o):1===this.mode&&this.hermite(this.position,o,this.originFrame.position,n.position,this.originFrame.velocity.multiplyScalar(i),n.velocity.multiplyScalar(i)),this.slerp(this.quaternion,this.originFrame.quaternion,n.quaternion,o),this.lerp(this.scale,this.originFrame.scale,n.scale,o)}}0!==this.state&&(this.time+=e)}},{key:"getPosition",value:function(){return this.position}},{key:"getQuaternion",value:function(){return this.quaternion}},{key:"getScale",value:function(){return this.scale}}]),e}();e.exports=s},function(e,t,n){"use strict";var i=n(0);AFRAME.registerComponent("networked-audio-source",{schema:{streamName:{default:"audio"},positional:{default:!0},distanceModel:{default:"inverse",oneOf:["linear","inverse","exponential"]},maxDistance:{default:1e4},refDistance:{default:1},rolloffFactor:{default:1}},init:function(){var e=this;this.listener=null,this.stream=null,this._setMediaStream=this._setMediaStream.bind(this),NAF.utils.getNetworkedEntity(this.el).then((function(t){var n=t.components.networked.data.owner;n&&NAF.connection.adapter.getMediaStream(n,e.data.streamName).then(e._setMediaStream).catch((function(e){return i.log.error("Error getting media stream for ".concat(n),e)}))}))},update:function(){this._setPannerProperties()},_setMediaStream:function(e){if(this.sound||this.setupSound(),e!=this.stream){if(this.stream&&this.sound.disconnect(),e){/chrome/i.test(navigator.userAgent)&&(this.audioEl=new Audio,this.audioEl.setAttribute("autoplay","autoplay"),this.audioEl.setAttribute("playsinline","playsinline"),this.audioEl.srcObject=e,this.audioEl.volume=0);var t=this.sound.context.createMediaStreamSource(e);this.sound.setNodeSource(t),this.el.emit("sound-source-set",{soundSource:t})}this.stream=e}},_setPannerProperties:function(){this.sound&&this.data.positional&&(this.sound.setDistanceModel(this.data.distanceModel),this.sound.setMaxDistance(this.data.maxDistance),this.sound.setRefDistance(this.data.refDistance),this.sound.setRolloffFactor(this.data.rolloffFactor))},remove:function(){this.sound&&(this.el.removeObject3D(this.attrName),this.stream&&this.sound.disconnect(),this.audioEl&&(this.audioEl.pause(),this.audioEl.srcObject=null,this.audioEl.load(),this.audioEl=null))},setupSound:function(){var e=this.el,t=e.sceneEl;this.sound&&e.removeObject3D(this.attrName),t.audioListener||(t.audioListener=new THREE.AudioListener,t.camera&&t.camera.add(t.audioListener),t.addEventListener("camera-set-active",(function(e){e.detail.cameraEl.getObject3D("camera").add(t.audioListener)}))),this.listener=t.audioListener,this.sound=this.data.positional?new THREE.PositionalAudio(this.listener):new THREE.Audio(this.listener),e.setObject3D(this.attrName,this.sound),this._setPannerProperties()}})},function(e,t,n){"use strict";var i=n(0);AFRAME.registerComponent("networked-video-source",{schema:{streamName:{default:"video"}},dependencies:["material"],init:function(){var e=this;this.videoTexture=null,this.video=null,this.stream=null,this._setMediaStream=this._setMediaStream.bind(this),NAF.utils.getNetworkedEntity(this.el).then((function(t){var n=t.components.networked.data.owner;n&&NAF.connection.adapter.getMediaStream(n,e.data.streamName).then(e._setMediaStream).catch((function(e){return i.log.error("Error getting media stream for ".concat(n),e)}))}))},_setMediaStream:function(e){if(this.video||this.setupVideo(),e!=this.stream){if(this.stream&&this._clearMediaStream(),e){this.video.srcObject=e;var t=this.video.play();t instanceof Promise&&t.catch((function(e){return i.log.error("Error play video stream",e)})),this.videoTexture&&this.videoTexture.dispose(),this.videoTexture=new THREE.VideoTexture(this.video);var n=this.el.getObject3D("mesh");n.material.map=this.videoTexture,n.material.needsUpdate=!0}this.stream=e}},_clearMediaStream:function(){if(this.stream=null,this.videoTexture){if(this.videoTexture.image instanceof HTMLVideoElement){var e=this.videoTexture.image;e.pause(),e.srcObject=null,e.load()}this.videoTexture.dispose(),this.videoTexture=null}},remove:function(){this._clearMediaStream()},setupVideo:function(){if(!this.video){var e=document.createElement("video");e.setAttribute("autoplay",!0),e.setAttribute("playsinline",!0),e.setAttribute("muted",!0),this.video=e}}})},function(e,t,n){"use strict";var i=n(0);AFRAME.registerComponent("networked-video-source-green-screen",{schema:{streamName:{default:"video"},GreenThresholdIn:{default:.02},event:{type:"string",default:""}},dependencies:["material"],update:function(){var e=this,t=this.data,n=this.el;t.event&&n.addEventListener(t.event,(function(){})),this.videoTexture=null,this.video=null,this.stream=null,this._setMediaStream=this._setMediaStream.bind(this),NAF.utils.getNetworkedEntity(this.el).then((function(t){var n=t.components.networked.data.owner;n&&NAF.connection.adapter.getMediaStream(n,e.data.streamName).then(e._setMediaStream).catch((function(e){return i.log.error("Error getting media stream for ".concat(n),e)}))}))},_setMediaStream:function(e){if(this.video||this.setupVideo(),e!=this.stream){if(this.stream&&this._clearMediaStream(),e){this.video.srcObject=e;var t=this.video.play();t instanceof Promise&&t.catch((function(e){return i.log.error("Error play video stream",e)})),this.videoTexture&&this.videoTexture.dispose(),this.videoTexture=new THREE.VideoTexture(this.video),this.videoTexture.format=THREE.RGBAFormat;var n=this.el.getObject3D("mesh");this.uniforms={},this.uniforms.uMap={type:"t",value:this.videoTexture},this.uniforms.GreenThresholdIn={type:"float",value:this.data.GreenThresholdIn},this.uniforms=THREE.UniformsUtils.merge([this.uniforms,THREE.UniformsLib.lights]),this.materialIncoming=new THREE.ShaderMaterial({uniforms:this.uniforms}),this.materialIncoming.vertexShader="\n                         varying vec2 vUv;\n\n                        void main() {\n                            vec4 worldPosition = modelViewMatrix * vec4( position, 1.0 );\n                            vec3 vWorldPosition = worldPosition.xyz;\n                            vUv = uv;\n                            gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n                        }\n                      ",this.materialIncoming.fragmentShader="\n                           varying vec2 vUv;\n                           uniform sampler2D uMap;\n                           uniform float GreenThresholdIn;\n                           \n                           void main() {\n                                vec2 uv = vUv;\n                                vec4 tex1 = texture2D(uMap, uv * 1.0);\n                                 if (tex1.g - tex1.r > GreenThresholdIn)\n                                    gl_FragColor = vec4(0,0,0,0);\n                                 else\n                                    gl_FragColor = vec4(tex1.r,tex1.g,tex1.b,1.0);\n                            }\n                      ",this.materialIncoming.transparent=!0,this.materialIncoming.side=THREE.BackSide,n.material=this.materialIncoming,n.material.needsUpdate=!0}this.stream=e}},_clearMediaStream:function(){if(this.stream=null,this.videoTexture){if(this.videoTexture.image instanceof HTMLVideoElement){var e=this.videoTexture.image;e.pause(),e.srcObject=null,e.load()}this.videoTexture.dispose(),this.videoTexture=null}},remove:function(){this._clearMediaStream()},setupVideo:function(){if(!this.video){var e=document.createElement("video");e.setAttribute("autoplay",!0),e.setAttribute("playsinline",!0),e.setAttribute("muted",!0),this.video=e}}})}]);
\ No newline at end of file
+!function(e){var t={};function n(i){if(t[i])return t[i].exports;var o=t[i]={i:i,l:!1,exports:{}};return e[i].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(i,o,function(t){return e[t]}.bind(null,o));return i},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=2)}([function(e,t,n){"use strict";var i=n(3),o=n(4),r=n(5),a=n(6),s=n(7),c=n(9),u=n(10),l={app:"",room:"",clientId:""};l.options=i,l.utils=o,l.log=new r,l.schemas=new a,l.version="0.8.3",l.adapters=new u;var d=new s,h=new c(d);l.connection=h,l.entities=d,e.exports=window.NAF=l},function(e,t,n){"use strict";function i(e){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function r(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function a(e,t){return(a=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function s(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,i=u(e);if(t){var o=u(this).constructor;n=Reflect.construct(i,arguments,o)}else n=i.apply(this,arguments);return c(this,n)}}function c(e,t){return!t||"object"!==i(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function u(e){return(u=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var l=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&a(e,t)}(u,e);var t,n,i,c=s(u);function u(){return o(this,u),c.apply(this,arguments)}return t=u,(n=[{key:"setServerUrl",value:function(e){this.notImplemented("setServerUrl")}},{key:"setApp",value:function(e){this.notImplemented("setApp")}},{key:"setRoom",value:function(e){this.notImplemented("setRoom")}},{key:"setWebRtcOptions",value:function(e){this.notImplemented("setWebRtcOptions")}},{key:"setServerConnectListeners",value:function(e,t){this.notImplemented("setServerConnectListeners")}},{key:"setRoomOccupantListener",value:function(e){this.notImplemented("setRoomOccupantListener")}},{key:"setDataChannelListeners",value:function(e,t,n){this.notImplemented("setDataChannelListeners")}},{key:"connect",value:function(){this.notImplemented("connect")}},{key:"shouldStartConnectionTo",value:function(e){this.notImplemented("shouldStartConnectionTo")}},{key:"startStreamConnection",value:function(e){this.notImplemented("startStreamConnection")}},{key:"closeStreamConnection",value:function(e){this.notImplemented("closeStreamConnection")}},{key:"getConnectStatus",value:function(e){this.notImplemented("getConnectStatus")}},{key:"getMediaStream",value:function(e){return Promise.reject("Interface method not implemented: getMediaStream")}},{key:"getServerTime",value:function(){this.notImplemented("getServerTime")}},{key:"sendData",value:function(e,t,n){this.notImplemented("sendData")}},{key:"sendDataGuaranteed",value:function(e,t,n){this.notImplemented("sendDataGuaranteed")}},{key:"broadcastData",value:function(e,t){this.notImplemented("broadcastData")}},{key:"broadcastDataGuaranteed",value:function(e,t){this.notImplemented("broadcastDataGuaranteed")}},{key:"disconnect",value:function(){this.notImplemented("disconnect")}}])&&r(t.prototype,n),i&&r(t,i),u}(n(12));e.exports=l},function(e,t,n){"use strict";n(0),n(16),n(17),n(20),n(21),n(22)},function(e,t,n){"use strict";e.exports={debug:!1,updateRate:15,useLerp:!0,firstSyncSource:null,syncSource:null}},function(e,t,n){"use strict";e.exports.whenEntityLoaded=function(e,t){e.hasLoaded&&t(),e.addEventListener("loaded",(function(){t()}))},e.exports.createHtmlNodeFromString=function(e){var t=document.createElement("div");return t.innerHTML=e,t.firstChild},e.exports.getCreator=function(e){var t=e.components;return t.networked?t.networked.data.creator:null},e.exports.getNetworkOwner=function(e){var t=e.components;return t.networked?t.networked.data.owner:null},e.exports.getNetworkId=function(e){var t=e.components;return t.networked?t.networked.data.networkId:null},e.exports.now=function(){return Date.now()},e.exports.createNetworkId=function(){return Math.random().toString(36).substring(2,9)},e.exports.getNetworkedEntity=function(e){return new Promise((function(t,n){for(var i=e;i&&i.components&&!i.components.networked;)i=i.parentNode;if(!i||!i.components||!i.components.networked)return n("Entity does not have and is not a child of an entity with the [networked] component ");i.hasLoaded?t(i):i.addEventListener("instantiated",(function(){t(i)}),{once:!0})}))},e.exports.takeOwnership=function(e){for(var t=e;t&&t.components&&!t.components.networked;)t=t.parentNode;if(!t||!t.components||!t.components.networked)throw new Error("Entity does not have and is not a child of an entity with the [networked] component ");return t.components.networked.takeOwnership()},e.exports.isMine=function(e){for(var t=e;t&&t.components&&!t.components.networked;)t=t.parentNode;if(!t||!t.components||!t.components.networked)throw new Error("Entity does not have and is not a child of an entity with the [networked] component ");return!!t.components.networked.data&&t.components.networked.data.owner===NAF.clientId},e.exports.almostEqualVec3=function(e,t,n){return Math.abs(e.x-t.x)<n&&Math.abs(e.y-t.y)<n&&Math.abs(e.z-t.z)<n}},function(e,t,n){"use strict";function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}var o=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.debug=!1}var t,n,o;return t=e,(n=[{key:"setDebug",value:function(e){this.debug=e}},{key:"write",value:function(){this.debug&&console.log.apply(this,arguments)}},{key:"warn",value:function(){console.warn.apply(this,arguments)}},{key:"error",value:function(){console.error.apply(this,arguments)}}])&&i(t.prototype,n),o&&i(t,o),e}();e.exports=o},function(e,t,n){"use strict";function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}var o=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.schemaDict={},this.templateCache={}}var t,n,o;return t=e,(n=[{key:"createDefaultSchema",value:function(e){return{template:e,components:["position","rotation"]}}},{key:"add",value:function(e){if(this.validateSchema(e)){this.schemaDict[e.template]=e;var t=document.querySelector(e.template);if(!t)return void NAF.log.error("Template el not found for ".concat(e.template,", make sure NAF.schemas.add is called after <a-scene> is defined."));if(!this.validateTemplate(e,t))return;this.templateCache[e.template]=document.importNode(t.content,!0)}else NAF.log.error("Schema not valid: ",e),NAF.log.error("See https://github.com/networked-aframe/networked-aframe#syncing-custom-components")}},{key:"getCachedTemplate",value:function(e){return this.templateIsCached(e)||(this.templateExistsInScene(e)?this.add(this.createDefaultSchema(e)):NAF.log.error("Template el for ".concat(e," is not in the scene, add the template to <a-assets> and register with NAF.schemas.add."))),this.templateCache[e].firstElementChild.cloneNode(!0)}},{key:"templateIsCached",value:function(e){return!!this.templateCache[e]}},{key:"getComponents",value:function(e){var t=["position","rotation"];return this.hasTemplate(e)&&(t=this.schemaDict[e].components),t}},{key:"hasTemplate",value:function(e){return!!this.schemaDict[e]}},{key:"templateExistsInScene",value:function(e){var t=document.querySelector(e);return t&&this.isTemplateTag(t)}},{key:"validateSchema",value:function(e){return!(!e.template||!e.components)}},{key:"validateTemplate",value:function(e,t){return this.isTemplateTag(t)?!!this.templateHasOneOrZeroChildren(t)||(NAF.log.error("Template for ".concat(e.template," has more than one child. Templates must have one direct child element, no more. Template found:"),t),!1):(NAF.log.error("Template for ".concat(e.template," is not a <template> tag. Instead found: ").concat(t.tagName)),!1)}},{key:"isTemplateTag",value:function(e){return"template"===e.tagName.toLowerCase()}},{key:"templateHasOneOrZeroChildren",value:function(e){return e.content.childElementCount<2}},{key:"remove",value:function(e){delete this.schemaDict[e]}},{key:"clear",value:function(){this.schemaDict={}}}])&&i(t.prototype,n),o&&i(t,o),e}();e.exports=o},function(e,t,n){"use strict";function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}var o=n(8),r=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.entities={},this.childCache=new o,this.onRemoteEntityCreatedEvent=new Event("remoteEntityCreated"),this._persistentFirstSyncs={}}var t,n,r;return t=e,(n=[{key:"registerEntity",value:function(e,t){this.entities[e]=t}},{key:"createRemoteEntity",value:function(e){NAF.log.write("Creating remote entity",e);var t=e.networkId,n=NAF.schemas.getCachedTemplate(e.template);return this.initPosition(n,e.components),this.initRotation(n,e.components),this.addNetworkComponent(n,e),this.registerEntity(t,n),n}},{key:"initPosition",value:function(e,t){if(t.position){var n=t.position;e.setAttribute("position",n)}}},{key:"initRotation",value:function(e,t){if(t.rotation){var n=t.rotation;e.setAttribute("rotation",n)}}},{key:"addNetworkComponent",value:function(e,t){var n={template:t.template,creator:t.creator,owner:t.owner,networkId:t.networkId,persistent:t.persistent};e.setAttribute("networked",n),e.firstUpdateData=t}},{key:"updateEntityMulti",value:function(e,t,n,i){if(!NAF.options.syncSource||i===NAF.options.syncSource)for(var o=0,r=n.d.length;o<r;o++)this.updateEntity(e,"u",n.d[o],i)}},{key:"updateEntity",value:function(e,t,n,i){if(!NAF.options.syncSource||i===NAF.options.syncSource){var o=n.networkId;this.hasEntity(o)?this.entities[o].components.networked.networkUpdate(n):n.isFirstSync&&!1!==NAF.connection.activeDataChannels[n.owner]&&(NAF.options.firstSyncSource&&i!==NAF.options.firstSyncSource?NAF.log.write("Ignoring first sync from disallowed source",i):n.persistent?this._persistentFirstSyncs[o]=n:this.receiveFirstUpdateFromEntity(n))}}},{key:"receiveFirstUpdateFromEntity",value:function(e){var t=e.parent,n=e.networkId;if(t&&!this.hasEntity(t))this.childCache.addChild(t,e);else{var i=this.createRemoteEntity(e);this.createAndAppendChildren(n,i),this.addEntityToPage(i,t)}}},{key:"createAndAppendChildren",value:function(e,t){for(var n=this.childCache.getChildren(e),i=0;i<n.length;i++){var o=n[i],r=o.networkId;if(this.hasEntity(r))NAF.log.warn("Tried to instantiate entity multiple times",r,o,"Existing entity:",this.getEntity(r));else{var a=this.createRemoteEntity(o);this.createAndAppendChildren(r,a),t.appendChild(a)}}}},{key:"addEntityToPage",value:function(e,t){this.hasEntity(t)?this.addEntityToParent(e,t):this.addEntityToSceneRoot(e)}},{key:"addEntityToParent",value:function(e,t){this.entities[t].appendChild(e)}},{key:"addEntityToSceneRoot",value:function(e){document.querySelector("a-scene").appendChild(e)}},{key:"completeSync",value:function(e,t){for(var n in this.entities)this.entities[n]&&this.entities[n].components.networked.syncAll(e,t)}},{key:"removeRemoteEntity",value:function(e,t,n,i){if(!NAF.options.syncSource||i===NAF.options.syncSource){var o=n.networkId;return this.removeEntity(o)}}},{key:"removeEntitiesOfClient",value:function(e){var t=[];for(var n in this.entities){var i=this.entities[n],o=NAF.utils.getCreator(i),r=NAF.utils.getNetworkOwner(i);if(o===e||!o&&r===e){var a=this.entities[n].getAttribute("networked");a&&a.persistent?NAF.utils.takeOwnership(i):t.push(this.removeEntity(n))}}return t}},{key:"removeEntity",value:function(e){if(this.forgetPersistentFirstSync(e),this.hasEntity(e)){var t=this.entities[e];return this.forgetEntity(e),t.parentNode.removeChild(t),t}return NAF.log.error("Tried to remove entity I don't have."),null}},{key:"forgetEntity",value:function(e){delete this.entities[e],this.forgetPersistentFirstSync(e)}},{key:"getPersistentFirstSync",value:function(e){return this._persistentFirstSyncs[e]}},{key:"forgetPersistentFirstSync",value:function(e){delete this._persistentFirstSyncs[e]}},{key:"getEntity",value:function(e){return this.entities[e]?this.entities[e]:null}},{key:"hasEntity",value:function(e){return!!this.entities[e]}},{key:"removeRemoteEntities",value:function(){for(var e in this.childCache=new o,this.entities)this.entities[e].getAttribute("networked").owner!=NAF.clientId&&this.removeEntity(e)}}])&&i(t.prototype,n),r&&i(t,r),e}();e.exports=r},function(e,t,n){"use strict";function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}var o=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.dict={}}var t,n,o;return t=e,(n=[{key:"addChild",value:function(e,t){this.hasParent(e)||(this.dict[e]=[]),this.dict[e].push(t)}},{key:"getChildren",value:function(e){if(!this.hasParent(e))return[];var t=this.dict[e];return delete this.dict[e],t}},{key:"hasParent",value:function(e){return!!this.dict[e]}}])&&i(t.prototype,n),o&&i(t,o),e}();e.exports=o},function(e,t,n){"use strict";function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}var o="u",r="um",a="r",s=function(){function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.entities=t,this.setupDefaultDataSubscriptions(),this.connectedClients={},this.activeDataChannels={}}var t,n,s;return t=e,(n=[{key:"setNetworkAdapter",value:function(e){this.adapter=e}},{key:"setupDefaultDataSubscriptions",value:function(){this.dataChannelSubs={},this.dataChannelSubs[o]=this.entities.updateEntity.bind(this.entities),this.dataChannelSubs[r]=this.entities.updateEntityMulti.bind(this.entities),this.dataChannelSubs[a]=this.entities.removeRemoteEntity.bind(this.entities)}},{key:"connect",value:function(e,t,n){var i=arguments.length>3&&void 0!==arguments[3]&&arguments[3],o=arguments.length>4&&void 0!==arguments[4]&&arguments[4];NAF.app=t,NAF.room=n,this.adapter.setServerUrl(e),this.adapter.setApp(t),this.adapter.setRoom(n);var r={audio:i,video:o,datachannel:!0};return this.adapter.setWebRtcOptions(r),this.adapter.setServerConnectListeners(this.connectSuccess.bind(this),this.connectFailure.bind(this)),this.adapter.setDataChannelListeners(this.dataChannelOpen.bind(this),this.dataChannelClosed.bind(this),this.receivedData.bind(this)),this.adapter.setRoomOccupantListener(this.occupantsReceived.bind(this)),this.adapter.connect()}},{key:"onConnect",value:function(e){this.onConnectCallback=e,this.isConnected()?e():document.body.addEventListener("connected",e,!1)}},{key:"connectSuccess",value:function(e){NAF.log.write("Networked-Aframe Client ID:",e),NAF.clientId=e;var t=new CustomEvent("connected",{detail:{clientId:e}});document.body.dispatchEvent(t)}},{key:"connectFailure",value:function(e,t){NAF.log.error(e,"failure to connect")}},{key:"occupantsReceived",value:function(e){var t=Object.assign({},this.connectedClients);this.connectedClients=e,this.checkForDisconnectingClients(t,e),this.checkForConnectingClients(e)}},{key:"checkForDisconnectingClients",value:function(e,t){for(var n in e)t[n]||(NAF.log.write("Closing stream to",n),this.adapter.closeStreamConnection(n))}},{key:"checkForConnectingClients",value:function(e){for(var t in e)this.isNewClient(t)&&this.adapter.shouldStartConnectionTo(e[t])&&(NAF.log.write("Opening datachannel to",t),this.adapter.startStreamConnection(t))}},{key:"getConnectedClients",value:function(){return this.connectedClients}},{key:"isConnected",value:function(){return!!NAF.clientId}},{key:"isMineAndConnected",value:function(e){return this.isConnected()&&NAF.clientId===e}},{key:"isNewClient",value:function(e){return!this.isConnectedTo(e)}},{key:"isConnectedTo",value:function(e){return this.adapter.getConnectStatus(e)===NAF.adapters.IS_CONNECTED}},{key:"dataChannelOpen",value:function(e){NAF.log.write("Opened data channel from "+e),this.activeDataChannels[e]=!0,this.entities.completeSync(e,!0);var t=new CustomEvent("clientConnected",{detail:{clientId:e}});document.body.dispatchEvent(t)}},{key:"dataChannelClosed",value:function(e){NAF.log.write("Closed data channel from "+e),this.activeDataChannels[e]=!1,this.entities.removeEntitiesOfClient(e);var t=new CustomEvent("clientDisconnected",{detail:{clientId:e}});document.body.dispatchEvent(t)}},{key:"hasActiveDataChannel",value:function(e){return!!this.activeDataChannels[e]}},{key:"broadcastData",value:function(e,t){this.adapter.broadcastData(e,t)}},{key:"broadcastDataGuaranteed",value:function(e,t){this.adapter.broadcastDataGuaranteed(e,t)}},{key:"sendData",value:function(e,t,n,i){this.hasActiveDataChannel(e)&&(i?this.adapter.sendDataGuaranteed(e,t,n):this.adapter.sendData(e,t,n))}},{key:"sendDataGuaranteed",value:function(e,t,n){this.sendData(e,t,n,!0)}},{key:"subscribeToDataChannel",value:function(e,t){this.isReservedDataType(e)?NAF.log.error("NetworkConnection@subscribeToDataChannel: "+e+" is a reserved dataType. Choose another"):this.dataChannelSubs[e]=t}},{key:"unsubscribeToDataChannel",value:function(e){this.isReservedDataType(e)?NAF.log.error("NetworkConnection@unsubscribeToDataChannel: "+e+" is a reserved dataType. Choose another"):delete this.dataChannelSubs[e]}},{key:"isReservedDataType",value:function(e){return e==o||e==a}},{key:"receivedData",value:function(e,t,n,i){this.dataChannelSubs[t]?this.dataChannelSubs[t](e,t,n,i):NAF.log.write("NetworkConnection@receivedData: "+t+" has not been subscribed to yet. Call subscribeToDataChannel()")}},{key:"getServerTime",value:function(){return this.adapter.getServerTime()}},{key:"disconnect",value:function(){this.entities.removeRemoteEntities(),this.adapter&&this.adapter.disconnect(),NAF.app="",NAF.room="",NAF.clientId="",this.connectedClients={},this.activeDataChannels={},this.adapter=null,this.setupDefaultDataSubscriptions(),document.body.removeEventListener("connected",this.onConnectCallback)}}])&&i(t.prototype,n),s&&i(t,s),e}();e.exports=s},function(e,t,n){"use strict";function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}var o=n(11),r=n(13),a=n(14),s=n(15),c=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.adapters={wseasyrtc:o,easyrtc:r,socketio:s,webrtc:a},this.IS_CONNECTED=e.IS_CONNECTED,this.CONNECTING=e.CONNECTING,this.NOT_CONNECTED=e.NOT_CONNECTED}var t,n,c;return t=e,(n=[{key:"register",value:function(e,t){this.adapters[e]=t}},{key:"make",value:function(e){var t=e.toLowerCase();if(this.adapters[t])return new(0,this.adapters[t]);throw new Error("Adapter: "+e+" not registered. Please use NAF.adapters.register() to register this adapter.")}}])&&i(t.prototype,n),c&&i(t,c),e}();c.IS_CONNECTED="IS_CONNECTED",c.CONNECTING="CONNECTING",c.NOT_CONNECTED="NOT_CONNECTED",e.exports=c},function(e,t,n){"use strict";function i(e){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function o(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],i=!0,o=!1,r=void 0;try{for(var a,s=e[Symbol.iterator]();!(i=(a=s.next()).done)&&(n.push(a.value),!t||n.length!==t);i=!0);}catch(e){o=!0,r=e}finally{try{i||null==s.return||s.return()}finally{if(o)throw r}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return r(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return r(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}function a(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function s(e,t){return(s=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function c(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,i=l(e);if(t){var o=l(this).constructor;n=Reflect.construct(i,arguments,o)}else n=i.apply(this,arguments);return u(this,n)}}function u(e,t){return!t||"object"!==i(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function l(e){return(l=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var d=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&s(e,t)}(u,e);var t,n,i,r=c(u);function u(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,u),(t=r.call(this)).easyrtc=e||window.easyrtc,t.app="default",t.room="default",t.connectedClients=[],t.serverTimeRequests=0,t.timeOffsets=[],t.avgTimeOffset=0,t}return t=u,(n=[{key:"setServerUrl",value:function(e){this.serverUrl=e,this.easyrtc.setSocketUrl(e)}},{key:"setApp",value:function(e){this.app=e}},{key:"setRoom",value:function(e){this.room=e,this.easyrtc.joinRoom(e,null)}},{key:"setWebRtcOptions",value:function(e){}},{key:"setServerConnectListeners",value:function(e,t){this.connectSuccess=e,this.connectFailure=t}},{key:"setRoomOccupantListener",value:function(e){this.easyrtc.setRoomOccupantListener((function(t,n,i){e(n)}))}},{key:"setDataChannelListeners",value:function(e,t,n){this.openListener=e,this.closedListener=t,this.easyrtc.setPeerListener(n)}},{key:"updateTimeOffset",value:function(){var e=this,t=Date.now()+this.avgTimeOffset;return fetch(document.location.href,{method:"HEAD",cache:"no-cache"}).then((function(n){var i=new Date(n.headers.get("Date")).getTime()+500,o=Date.now(),r=i+(o-t)/2-o;e.serverTimeRequests++,e.serverTimeRequests<=10?e.timeOffsets.push(r):e.timeOffsets[e.serverTimeRequests%10]=r,e.avgTimeOffset=e.timeOffsets.reduce((function(e,t){return e+t}),0)/e.timeOffsets.length,e.serverTimeRequests>10?setTimeout((function(){return e.updateTimeOffset()}),3e5):e.updateTimeOffset()}))}},{key:"connect",value:function(){var e=this;Promise.all([this.updateTimeOffset(),new Promise((function(t,n){e.easyrtc.connect(e.app,t,n)}))]).then((function(t){var n=o(t,2),i=(n[0],n[1]);e.connectSuccess(i)})).catch(this.connectFailure)}},{key:"shouldStartConnectionTo",value:function(e){return!0}},{key:"startStreamConnection",value:function(e){this.connectedClients.push(e),this.openListener(e)}},{key:"closeStreamConnection",value:function(e){var t=this.connectedClients.indexOf(e);t>-1&&this.connectedClients.splice(t,1),this.closedListener(e)}},{key:"sendData",value:function(e,t,n){this.easyrtc.sendDataWS(e,t,n)}},{key:"sendDataGuaranteed",value:function(e,t,n){this.sendData(e,t,n)}},{key:"broadcastData",value:function(e,t){var n={targetRoom:this.room};this.easyrtc.sendDataWS(n,e,t)}},{key:"broadcastDataGuaranteed",value:function(e,t){this.broadcastData(e,t)}},{key:"getConnectStatus",value:function(e){return-1!=this.connectedClients.indexOf(e)?NAF.adapters.IS_CONNECTED:NAF.adapters.NOT_CONNECTED}},{key:"getServerTime",value:function(){return Date.now()+this.avgTimeOffset}},{key:"disconnect",value:function(){this.easyrtc.disconnect()}}])&&a(t.prototype,n),i&&a(t,i),u}(n(1));e.exports=d},function(e,t,n){"use strict";function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}var o=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e)}var t,n,o;return t=e,(n=[{key:"notImplemented",value:function(e){NAF.log.error("Interface method not implemented:",e)}}])&&i(t.prototype,n),o&&i(t,o),e}();e.exports=o},function(e,t,n){"use strict";function i(e){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function o(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],i=!0,o=!1,r=void 0;try{for(var a,s=e[Symbol.iterator]();!(i=(a=s.next()).done)&&(n.push(a.value),!t||n.length!==t);i=!0);}catch(e){o=!0,r=e}finally{try{i||null==s.return||s.return()}finally{if(o)throw r}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return r(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return r(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}function a(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function s(e,t){return(s=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function c(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,i=l(e);if(t){var o=l(this).constructor;n=Reflect.construct(i,arguments,o)}else n=i.apply(this,arguments);return u(this,n)}}function u(e,t){return!t||"object"!==i(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function l(e){return(l=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var d=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&s(e,t)}(u,e);var t,n,i,r=c(u);function u(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,u),(t=r.call(this)).easyrtc=e||window.easyrtc,t.app="default",t.room="default",t.mediaStreams={},t.remoteClients={},t.pendingMediaRequests=new Map,t.serverTimeRequests=0,t.timeOffsets=[],t.avgTimeOffset=0,t.easyrtc.setPeerOpenListener((function(e){var n=t.easyrtc.getPeerConnectionByUserId(e);t.remoteClients[e]=n})),t.easyrtc.setPeerClosedListener((function(e){delete t.remoteClients[e]})),t}return t=u,(n=[{key:"setServerUrl",value:function(e){this.easyrtc.setSocketUrl(e)}},{key:"setApp",value:function(e){this.app=e}},{key:"setRoom",value:function(e){this.room=e,this.easyrtc.joinRoom(e,null)}},{key:"setWebRtcOptions",value:function(e){this.easyrtc.enableDataChannels(e.datachannel),this.easyrtc.enableVideo(e.video),this.easyrtc.enableAudio(e.audio),this.easyrtc.enableVideoReceive(!0),this.easyrtc.enableAudioReceive(!0)}},{key:"setServerConnectListeners",value:function(e,t){this.connectSuccess=e,this.connectFailure=t}},{key:"setRoomOccupantListener",value:function(e){this.easyrtc.setRoomOccupantListener((function(t,n,i){e(n)}))}},{key:"setDataChannelListeners",value:function(e,t,n){this.easyrtc.setDataChannelOpenListener(e),this.easyrtc.setDataChannelCloseListener(t),this.easyrtc.setPeerListener(n)}},{key:"updateTimeOffset",value:function(){var e=this,t=Date.now()+this.avgTimeOffset;return fetch(document.location.href,{method:"HEAD",cache:"no-cache"}).then((function(n){var i=new Date(n.headers.get("Date")).getTime()+500,o=Date.now(),r=i+(o-t)/2-o;e.serverTimeRequests++,e.serverTimeRequests<=10?e.timeOffsets.push(r):e.timeOffsets[e.serverTimeRequests%10]=r,e.avgTimeOffset=e.timeOffsets.reduce((function(e,t){return e+t}),0)/e.timeOffsets.length,e.serverTimeRequests>10?setTimeout((function(){return e.updateTimeOffset()}),3e5):e.updateTimeOffset()}))}},{key:"connect",value:function(){var e=this;Promise.all([this.updateTimeOffset(),new Promise((function(t,n){e._connect(t,n)}))]).then((function(t){var n=o(t,2),i=(n[0],n[1]);e._myRoomJoinTime=e._getRoomJoinTime(i),e.connectSuccess(i)})).catch(this.connectFailure)}},{key:"shouldStartConnectionTo",value:function(e){return this._myRoomJoinTime<=e.roomJoinTime}},{key:"startStreamConnection",value:function(e){this.easyrtc.call(e,(function(e,t){"datachannel"===t&&NAF.log.write("Successfully started datachannel to ",e)}),(function(e,t){NAF.log.error(e,t)}),(function(e){}))}},{key:"closeStreamConnection",value:function(e){this.easyrtc.hangup(e)}},{key:"sendData",value:function(e,t,n){this.easyrtc.sendData(e,t,n)}},{key:"sendDataGuaranteed",value:function(e,t,n){this.easyrtc.sendDataWS(e,t,n)}},{key:"broadcastData",value:function(e,t){var n=this.easyrtc.getRoomOccupantsAsMap(this.room);for(var i in n)n[i]&&i!==this.easyrtc.myEasyrtcid&&this.easyrtc.sendData(i,e,t)}},{key:"broadcastDataGuaranteed",value:function(e,t){var n={targetRoom:this.room};this.easyrtc.sendDataWS(n,e,t)}},{key:"getConnectStatus",value:function(e){var t=this.easyrtc.getConnectStatus(e);return t==this.easyrtc.IS_CONNECTED?NAF.adapters.IS_CONNECTED:t==this.easyrtc.NOT_CONNECTED?NAF.adapters.NOT_CONNECTED:NAF.adapters.CONNECTING}},{key:"getMediaStream",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"audio";if(this.mediaStreams[e]&&this.mediaStreams[e][t])return NAF.log.write("Already had ".concat(t," for ").concat(e)),Promise.resolve(this.mediaStreams[e][t]);if(NAF.log.write("Waiting on ".concat(t," for ").concat(e)),!this.pendingMediaRequests.has(e)){var n={},i=new Promise((function(e,t){n.audio={resolve:e,reject:t}})).catch((function(t){return NAF.log.warn("".concat(e," getMediaStream Audio Error"),t)}));n.audio.promise=i;var o=new Promise((function(e,t){n.video={resolve:e,reject:t}})).catch((function(t){return NAF.log.warn("".concat(e," getMediaStream Video Error"),t)}));n.video.promise=o,this.pendingMediaRequests.set(e,n)}var r=this.pendingMediaRequests.get(e);if(!r[t]){var a=new Promise((function(e,n){r[t]={resolve:e,reject:n}})).catch((function(n){return NAF.log.warn("".concat(e,' getMediaStream "').concat(t,'" Error'),n)}));r[t].promise=a}return this.pendingMediaRequests.get(e)[t].promise}},{key:"setMediaStream",value:function(e,t,n){var i=this.pendingMediaRequests.get(e),o=this.mediaStreams[e]=this.mediaStreams[e]||{};if("default"===n){var r=t.getAudioTracks();if(r.length>0){var a=new MediaStream;try{r.forEach((function(e){return a.addTrack(e)})),o.audio=a}catch(t){NAF.log.warn("".concat(e,' setMediaStream "audio" alias Error'),t)}i&&i.audio.resolve(a)}var s=t.getVideoTracks();if(s.length>0){var c=new MediaStream;try{s.forEach((function(e){return c.addTrack(e)})),o.video=c}catch(t){NAF.log.warn("".concat(e,' setMediaStream "video" alias Error'),t)}i&&i.video.resolve(c)}}else o[n]=t,i&&i[n]&&i[n].resolve(t)}},{key:"addLocalMediaStream",value:function(e,t){var n=this.easyrtc;t=t||e.id,this.setMediaStream("local",e,t),n.register3rdPartyLocalMediaStream(e,t),Object.keys(this.remoteClients).forEach((function(e){n.getConnectStatus(e)!==n.NOT_CONNECTED&&n.addStreamToCall(e,t)}))}},{key:"removeLocalMediaStream",value:function(e){this.easyrtc.closeLocalMediaStream(e),delete this.mediaStreams.local[e]}},{key:"enableMicrophone",value:function(e){this.easyrtc.enableMicrophone(e)}},{key:"enableCamera",value:function(e){this.easyrtc.enableCamera(e)}},{key:"disconnect",value:function(){this.easyrtc.disconnect()}},{key:"_connect",value:function(e,t){var n=this;this.easyrtc.setStreamAcceptor(this.setMediaStream.bind(this)),this.easyrtc.setOnStreamClosed((function(e,t,n){delete this.mediaStreams[e][n]})),n.easyrtc.audioEnabled||n.easyrtc.videoEnabled?navigator.mediaDevices.getUserMedia({video:n.easyrtc.videoEnabled,audio:n.easyrtc.audioEnabled}).then((function(i){n.addLocalMediaStream(i,"default"),n.easyrtc.connect(n.app,e,t)}),(function(e,t){NAF.log.error(e,t)})):n.easyrtc.connect(n.app,e,t)}},{key:"_getRoomJoinTime",value:function(e){var t=NAF.room;return this.easyrtc.getRoomOccupantsAsMap(t)[e].roomJoinTime}},{key:"getServerTime",value:function(){return Date.now()+this.avgTimeOffset}}])&&a(t.prototype,n),i&&a(t,i),u}(n(1));e.exports=d},function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function r(e,t,n){return t&&o(e.prototype,t),n&&o(e,n),e}var a=function(){function e(t,n,o){i(this,e),this.localId=t,this.remoteId=n,this.sendSignalFunc=o,this.open=!1,this.channelLabel="networked-aframe-channel",this.pc=this.createPeerConnection(),this.channel=null}return r(e,[{key:"setDatachannelListeners",value:function(e,t,n,i){this.openListener=e,this.closedListener=t,this.messageListener=n,this.trackListener=i}},{key:"offer",value:function(e){var t=this;this.setupChannel(this.pc.createDataChannel(this.channelLabel,{reliable:!1})),e.sendAudio&&e.localAudioStream.getTracks().forEach((function(n){return t.pc.addTrack(n,e.localAudioStream)})),this.pc.createOffer((function(e){t.handleSessionDescription(e)}),(function(e){NAF.log.error("WebRtcPeer.offer: "+e)}),{offerToReceiveAudio:!0,offerToReceiveVideo:!1})}},{key:"handleSignal",value:function(e){if(this.localId===e.to&&this.remoteId===e.from)switch(e.type){case"offer":this.handleOffer(e);break;case"answer":this.handleAnswer(e);break;case"candidate":this.handleCandidate(e);break;default:NAF.log.error("WebRtcPeer.handleSignal: Unknown signal type "+e.type)}}},{key:"send",value:function(e,t){null!==this.channel&&"open"===this.channel.readyState&&this.channel.send(JSON.stringify({type:e,data:t}))}},{key:"getStatus",value:function(){if(null===this.channel)return e.NOT_CONNECTED;switch(this.channel.readyState){case"open":return e.IS_CONNECTED;case"connecting":return e.CONNECTING;case"closing":case"closed":default:return e.NOT_CONNECTED}}},{key:"createPeerConnection",value:function(){var t=this,n=window.RTCPeerConnection||window.webkitRTCPeerConnection||window.mozRTCPeerConnection||window.msRTCPeerConnection;if(void 0===n)throw new Error("WebRtcPeer.createPeerConnection: This browser does not seem to support WebRTC.");var i=new n({iceServers:e.ICE_SERVERS});return i.onicecandidate=function(e){e.candidate&&t.sendSignalFunc({from:t.localId,to:t.remoteId,type:"candidate",sdpMLineIndex:e.candidate.sdpMLineIndex,candidate:e.candidate.candidate})},i.oniceconnectionstatechange=function(){t.open&&"disconnected"===i.iceConnectionState&&(t.open=!1,t.closedListener(t.remoteId))},i.ontrack=function(e){t.trackListener(t.remoteId,e.streams[0])},i}},{key:"setupChannel",value:function(e){var t=this;this.channel=e,this.channel.onmessage=function(e){var n=JSON.parse(e.data);t.messageListener(t.remoteId,n.type,n.data)},this.channel.onopen=function(e){t.open=!0,t.openListener(t.remoteId)},this.channel.onclose=function(e){t.open&&(t.open=!1,t.closedListener(t.remoteId))},this.channel.onerror=function(e){NAF.log.error("WebRtcPeer.channel.onerror: "+e)}}},{key:"handleOffer",value:function(e){var t=this;this.pc.ondatachannel=function(e){t.setupChannel(e.channel)},this.setRemoteDescription(e),this.pc.createAnswer((function(e){t.handleSessionDescription(e)}),(function(e){NAF.log.error("WebRtcPeer.handleOffer: "+e)}))}},{key:"handleAnswer",value:function(e){this.setRemoteDescription(e)}},{key:"handleCandidate",value:function(e){var t=window.RTCIceCandidate||window.webkitRTCIceCandidate||window.mozRTCIceCandidate;this.pc.addIceCandidate(new t(e),(function(){}),(function(e){NAF.log.error("WebRtcPeer.handleCandidate: "+e)}))}},{key:"handleSessionDescription",value:function(e){this.pc.setLocalDescription(e,(function(){}),(function(e){NAF.log.error("WebRtcPeer.handleSessionDescription: "+e)})),this.sendSignalFunc({from:this.localId,to:this.remoteId,type:e.type,sdp:e.sdp})}},{key:"setRemoteDescription",value:function(e){var t=window.RTCSessionDescription||window.webkitRTCSessionDescription||window.mozRTCSessionDescription||window.msRTCSessionDescription;this.pc.setRemoteDescription(new t(e),(function(){}),(function(e){NAF.log.error("WebRtcPeer.setRemoteDescription: "+e)}))}},{key:"close",value:function(){this.pc&&this.pc.close()}}]),e}();a.IS_CONNECTED="IS_CONNECTED",a.CONNECTING="CONNECTING",a.NOT_CONNECTED="NOT_CONNECTED",a.ICE_SERVERS=[{urls:"stun:stun1.l.google.com:19302"},{urls:"stun:stun2.l.google.com:19302"},{urls:"stun:stun3.l.google.com:19302"},{urls:"stun:stun4.l.google.com:19302"}];var s=function(){function e(){i(this,e),void 0===io&&console.warn("It looks like socket.io has not been loaded before WebrtcAdapter. Please do that."),this.app="default",this.room="default",this.occupantListener=null,this.myRoomJoinTime=null,this.myId=null,this.peers={},this.occupants={},this.audioStreams={},this.pendingAudioRequest={},this.serverTimeRequests=0,this.timeOffsets=[],this.avgTimeOffset=0}return r(e,[{key:"setServerUrl",value:function(e){this.wsUrl=e}},{key:"setApp",value:function(e){this.app=e}},{key:"setRoom",value:function(e){this.room=e}},{key:"setWebRtcOptions",value:function(e){!1===e.datachannel&&NAF.log.error("WebrtcAdapter.setWebRtcOptions: datachannel must be true."),!0===e.audio&&(this.sendAudio=!0),!0===e.video&&NAF.log.warn("WebrtcAdapter does not support video yet.")}},{key:"setServerConnectListeners",value:function(e,t){this.connectSuccess=e,this.connectFailure=t}},{key:"setRoomOccupantListener",value:function(e){this.occupantListener=e}},{key:"setDataChannelListeners",value:function(e,t,n){this.openListener=e,this.closedListener=t,this.messageListener=n}},{key:"connect",value:function(){var e=this;this.updateTimeOffset().then((function(){e.wsUrl&&"/"!==e.wsUrl||("https:"===location.protocol?e.wsUrl="wss://"+location.host:e.wsUrl="ws://"+location.host),NAF.log.write("Attempting to connect to socket.io");var t=e.socket=io(e.wsUrl);function n(t){var n=t.from,i=t.type,o=t.data;"ice-candidate"!==i?e.messageListener(n,i,o):e.peers[n].handleSignal(o)}t.on("connect",(function(){NAF.log.write("User connected",t.id),e.myId=t.id,e.joinRoom()})),t.on("connectSuccess",(function(t){var n=t.joinedTime;if(e.myRoomJoinTime=n,NAF.log.write("Successfully joined room",e.room,"at server time",n),e.sendAudio){navigator.mediaDevices.getUserMedia({audio:!0,video:!1}).then((function(t){e.storeAudioStream(e.myId,t),e.connectSuccess(e.myId),t.getTracks().forEach((function(n){Object.keys(e.peers).forEach((function(i){e.peers[i].pc.addTrack(n,t)}))}))})).catch((function(t){NAF.log.error(t),console.error("Microphone is disabled due to lack of permissions"),e.sendAudio=!1,e.connectSuccess(e.myId)}))}else e.connectSuccess(e.myId)})),t.on("error",(function(t){console.error("Socket connection failure",t),e.connectFailure()})),t.on("occupantsChanged",(function(t){var n=t.occupants;NAF.log.write("occupants changed",t),e.receivedOccupants(n)})),t.on("send",n),t.on("broadcast",n)}))}},{key:"joinRoom",value:function(){NAF.log.write("Joining room",this.room),this.socket.emit("joinRoom",{room:this.room})}},{key:"receivedOccupants",value:function(e){var t=this;delete e[this.myId],this.occupants=e;var n=this,i=this.myId,o=function(e){var o=e;if(t.peers[o])return"continue";var r=new a(i,o,(function(e){n.socket.emit("send",{from:i,to:o,type:"ice-candidate",data:e,sending:!0})}));r.setDatachannelListeners(n.openListener,n.closedListener,n.messageListener,n.trackListener.bind(n)),n.peers[o]=r};for(var r in e)o(r);this.occupantListener(e)}},{key:"shouldStartConnectionTo",value:function(e){return(this.myRoomJoinTime||0)<=(e||0)}},{key:"startStreamConnection",value:function(e){var t=this;NAF.log.write("starting offer process"),this.sendAudio?this.getMediaStream(this.myId).then((function(n){var i={sendAudio:!0,localAudioStream:n};t.peers[e].offer(i)})):this.peers[e].offer({})}},{key:"closeStreamConnection",value:function(e){NAF.log.write("closeStreamConnection",e,this.peers),this.peers[e].close(),delete this.peers[e],delete this.occupants[e],this.closedListener(e)}},{key:"getConnectStatus",value:function(e){var t=this.peers[e];if(void 0===t)return NAF.adapters.NOT_CONNECTED;switch(t.getStatus()){case a.IS_CONNECTED:return NAF.adapters.IS_CONNECTED;case a.CONNECTING:return NAF.adapters.CONNECTING;case a.NOT_CONNECTED:default:return NAF.adapters.NOT_CONNECTED}}},{key:"sendData",value:function(e,t,n){this.peers[e].send(t,n)}},{key:"sendDataGuaranteed",value:function(e,t,n){var i={from:this.myId,to:e,type:t,data:n,sending:!0};this.socket.emit("send",i)}},{key:"broadcastData",value:function(e,t){for(var n in this.peers)this.sendData(n,e,t)}},{key:"broadcastDataGuaranteed",value:function(e,t){var n={from:this.myId,type:e,data:t,broadcasting:!0};this.socket.emit("broadcast",n)}},{key:"storeAudioStream",value:function(e,t){this.audioStreams[e]=t,this.pendingAudioRequest[e]&&(NAF.log.write("Received pending audio for "+e),this.pendingAudioRequest[e](t),this.pendingAudioRequest[e](t))}},{key:"trackListener",value:function(e,t){this.storeAudioStream(e,t)}},{key:"getMediaStream",value:function(e){var t=this;return this.audioStreams[e]?(NAF.log.write("Already had audio for "+e),Promise.resolve(this.audioStreams[e])):(NAF.log.write("Waiting on audio for "+e),new Promise((function(n){t.pendingAudioRequest[e]=n})))}},{key:"updateTimeOffset",value:function(){var e=this,t=Date.now()+this.avgTimeOffset;return fetch(document.location.href,{method:"HEAD",cache:"no-cache"}).then((function(n){var i=new Date(n.headers.get("Date")).getTime()+500,o=Date.now(),r=i+(o-t)/2-o;e.serverTimeRequests++,e.serverTimeRequests<=10?e.timeOffsets.push(r):e.timeOffsets[e.serverTimeRequests%10]=r,e.avgTimeOffset=e.timeOffsets.reduce((function(e,t){return e+t}),0)/e.timeOffsets.length,e.serverTimeRequests>10?setTimeout((function(){return e.updateTimeOffset()}),3e5):e.updateTimeOffset()}))}},{key:"getServerTime",value:function(){return(new Date).getTime()+this.avgTimeOffset}}]),e}();e.exports=s},function(e,t,n){"use strict";function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}var o=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),void 0===io&&console.warn("It looks like socket.io has not been loaded before SocketioAdapter. Please do that."),this.app="default",this.room="default",this.occupantListener=null,this.myRoomJoinTime=null,this.myId=null,this.occupants={},this.connectedClients=[],this.serverTimeRequests=0,this.timeOffsets=[],this.avgTimeOffset=0}var t,n,o;return t=e,(n=[{key:"setServerUrl",value:function(e){this.wsUrl=e}},{key:"setApp",value:function(e){this.app=e}},{key:"setRoom",value:function(e){this.room=e}},{key:"setWebRtcOptions",value:function(e){}},{key:"setServerConnectListeners",value:function(e,t){this.connectSuccess=e,this.connectFailure=t}},{key:"setRoomOccupantListener",value:function(e){this.occupantListener=e}},{key:"setDataChannelListeners",value:function(e,t,n){this.openListener=e,this.closedListener=t,this.messageListener=n}},{key:"connect",value:function(){var e=this;this.updateTimeOffset().then((function(){e.wsUrl&&"/"!==e.wsUrl||("https:"===location.protocol?e.wsUrl="wss://"+location.host:e.wsUrl="ws://"+location.host),NAF.log.write("Attempting to connect to socket.io");var t=e.socket=io(e.wsUrl);function n(t){var n=t.from,i=t.type,o=t.data;e.messageListener(n,i,o)}t.on("connect",(function(){NAF.log.write("User connected",t.id),e.myId=t.id,e.joinRoom()})),t.on("connectSuccess",(function(t){var n=t.joinedTime;e.myRoomJoinTime=n,NAF.log.write("Successfully joined room",e.room,"at server time",n),e.connectSuccess(e.myId)})),t.on("error",(function(t){console.error("Socket connection failure",t),e.connectFailure()})),t.on("occupantsChanged",(function(t){var n=t.occupants;NAF.log.write("occupants changed",t),e.receivedOccupants(n)})),t.on("send",n),t.on("broadcast",n)}))}},{key:"joinRoom",value:function(){NAF.log.write("Joining room",this.room),this.socket.emit("joinRoom",{room:this.room})}},{key:"receivedOccupants",value:function(e){delete e[this.myId],this.occupants=e,this.occupantListener(e)}},{key:"shouldStartConnectionTo",value:function(e){return!0}},{key:"startStreamConnection",value:function(e){this.connectedClients.push(e),this.openListener(e)}},{key:"closeStreamConnection",value:function(e){this.connectedClients=this.connectedClients.filter((function(t){return t!=e})),this.closedListener(e)}},{key:"getConnectStatus",value:function(e){return-1!=this.connectedClients.indexOf(e)?NAF.adapters.IS_CONNECTED:NAF.adapters.NOT_CONNECTED}},{key:"sendData",value:function(e,t,n){this.sendDataGuaranteed(e,t,n)}},{key:"sendDataGuaranteed",value:function(e,t,n){var i={from:this.myId,to:e,type:t,data:n,sending:!0};this.socket?this.socket.emit("send",i):NAF.log.warn("SocketIO socket not created yet")}},{key:"broadcastData",value:function(e,t){this.broadcastDataGuaranteed(e,t)}},{key:"broadcastDataGuaranteed",value:function(e,t){var n={from:this.myId,type:e,data:t,broadcasting:!0};this.socket?this.socket.emit("broadcast",n):NAF.log.warn("SocketIO socket not created yet")}},{key:"getMediaStream",value:function(e){}},{key:"updateTimeOffset",value:function(){var e=this,t=Date.now()+this.avgTimeOffset;return fetch(document.location.href,{method:"HEAD",cache:"no-cache"}).then((function(n){var i=new Date(n.headers.get("Date")).getTime()+500,o=Date.now(),r=i+(o-t)/2-o;e.serverTimeRequests++,e.serverTimeRequests<=10?e.timeOffsets.push(r):e.timeOffsets[e.serverTimeRequests%10]=r,e.avgTimeOffset=e.timeOffsets.reduce((function(e,t){return e+t}),0)/e.timeOffsets.length,e.serverTimeRequests>10?setTimeout((function(){return e.updateTimeOffset()}),3e5):e.updateTimeOffset()}))}},{key:"getServerTime",value:function(){return(new Date).getTime()+this.avgTimeOffset}},{key:"disconnect",value:function(){this.socket.disconnect()}}])&&i(t.prototype,n),o&&i(t,o),e}();e.exports=o},function(e,t,n){"use strict";AFRAME.registerComponent("networked-scene",{schema:{serverURL:{default:"/"},app:{default:"default"},room:{default:"default"},connectOnLoad:{default:!0},onConnect:{default:"onConnect"},adapter:{default:"wseasyrtc"},audio:{default:!1},video:{default:!1},debug:{default:!1}},init:function(){var e=this.el;this.connect=this.connect.bind(this),e.addEventListener("connect",this.connect),this.data.connectOnLoad&&e.emit("connect",null,!1)},connect:function(){return NAF.log.setDebug(this.data.debug),NAF.log.write("Networked-Aframe Connecting..."),this.checkDeprecatedProperties(),this.setupNetworkAdapter(),this.hasOnConnectFunction()&&this.callOnConnect(),NAF.connection.connect(this.data.serverURL,this.data.app,this.data.room,this.data.audio,this.data.video)},checkDeprecatedProperties:function(){},setupNetworkAdapter:function(){var e=this.data.adapter,t=NAF.adapters.make(e);NAF.connection.setNetworkAdapter(t),this.el.emit("adapter-ready",t,!1)},hasOnConnectFunction:function(){return""!=this.data.onConnect&&window[this.data.onConnect]},callOnConnect:function(){NAF.connection.onConnect(window[this.data.onConnect])},remove:function(){NAF.log.write("networked-scene disconnected"),this.el.removeEventListener("connect",this.connect),NAF.connection.disconnect()}})},function(e,t,n){"use strict";var i=n(18),o=n(19),r=THREE.Math.DEG2RAD,a=["position","rotation","scale"];function s(e){return!(!e.isVector3||isNaN(e.x)||isNaN(e.y)||isNaN(e.z)||null===e.x||null===e.y||null===e.z)}var c,u=(c=0,function(e,t){var n=Date.now();n-c>t&&(c=n,e())});function l(){NAF.log.warn("Received invalid network update.")}AFRAME.registerSystem("networked",{init:function(){this.components=[],this.nextSyncTime=0},register:function(e){this.components.push(e)},deregister:function(e){var t=this.components.indexOf(e);t>-1&&this.components.splice(t,1)},tick:function(){if(NAF.connection.adapter&&!(this.el.clock.elapsedTime<this.nextSyncTime)){for(var e={d:[]},t=0,n=this.components.length;t<n;t++){var i=this.components[t];if(i.isMine()){if(!i.el.parentElement)return void NAF.log.error("entity registered with system despite being removed");var o=this.components[t].syncDirty();o&&e.d.push(o)}}e.d.length>0&&NAF.connection.broadcastData("um",e),this.updateNextSyncTime()}},updateNextSyncTime:function(){this.nextSyncTime=this.el.clock.elapsedTime+1/NAF.options.updateRate}}),AFRAME.registerComponent("networked",{schema:{template:{default:""},attachTemplateToLocal:{default:!0},persistent:{default:!1},networkId:{default:""},owner:{default:""},creator:{default:""}},init:function(){this.OWNERSHIP_GAINED="ownership-gained",this.OWNERSHIP_CHANGED="ownership-changed",this.OWNERSHIP_LOST="ownership-lost",this.onOwnershipGainedEvent={el:this.el},this.onOwnershipChangedEvent={el:this.el},this.onOwnershipLostEvent={el:this.el},this.conversionEuler=new THREE.Euler,this.conversionEuler.order="YXZ",this.bufferInfos=[],this.bufferPosition=new THREE.Vector3,this.bufferQuaternion=new THREE.Quaternion,this.bufferScale=new THREE.Vector3;var e,t=this.wasCreatedByNetwork();this.onConnected=this.onConnected.bind(this),this.syncData={},this.componentSchemas=NAF.schemas.getComponents(this.data.template),this.cachedElements=new Array(this.componentSchemas.length),this.networkUpdatePredicates=this.componentSchemas.map((function(e){return e.requiresNetworkUpdate&&e.requiresNetworkUpdate()||(t=null,function(e){return!(null!==t&&i(t,e)||(t=AFRAME.utils.clone(e),0))});var t})),this.invalidateCachedElements(),this.initNetworkParent(),""===this.data.networkId?(e=NAF.utils.createNetworkId(),this.el.setAttribute(this.name,{networkId:e})):e=this.data.networkId,this.el.id||this.el.setAttribute("id","naf-"+e),t?this.firstUpdate():(this.data.attachTemplateToLocal&&this.attachTemplateToLocal(),this.registerEntity(this.data.networkId)),this.lastOwnerTime=-1,NAF.clientId?this.onConnected():document.body.addEventListener("connected",this.onConnected,!1),document.body.dispatchEvent(this.entityCreatedEvent()),this.el.dispatchEvent(new CustomEvent("instantiated",{detail:{el:this.el}})),this.el.sceneEl.systems.networked.register(this)},attachTemplateToLocal:function(){for(var e=NAF.schemas.getCachedTemplate(this.data.template),t=e.attributes,n=0;n<t.length;n++)this.el.setAttribute(t[n].name,t[n].value);for(;e.firstElementChild;)this.el.appendChild(e.firstElementChild)},takeOwnership:function(){var e=this.data.owner,t=this.lastOwnerTime,n=NAF.connection.getServerTime();return!!(e&&!this.isMine()&&t<n)&&(this.lastOwnerTime=n,this.removeLerp(),this.el.setAttribute("networked",{owner:NAF.clientId}),this.syncAll(),this.onOwnershipGainedEvent.oldOwner=e,this.el.emit(this.OWNERSHIP_GAINED,this.onOwnershipGainedEvent),this.onOwnershipChangedEvent.oldOwner=e,this.onOwnershipChangedEvent.newOwner=NAF.clientId,this.el.emit(this.OWNERSHIP_CHANGED,this.onOwnershipChangedEvent),!0)},wasCreatedByNetwork:function(){return!!this.el.firstUpdateData},initNetworkParent:function(){var e=this.el.parentElement;e.components&&e.components.networked?this.parent=e:this.parent=null},registerEntity:function(e){NAF.entities.registerEntity(e,this.el)},applyPersistentFirstSync:function(){var e=this.data.networkId,t=NAF.entities.getPersistentFirstSync(e);t&&(this.networkUpdate(t),NAF.entities.forgetPersistentFirstSync(e))},firstUpdate:function(){var e=this.el.firstUpdateData;this.networkUpdate(e)},onConnected:function(){var e=this;""===this.data.owner&&(this.lastOwnerTime=NAF.connection.getServerTime(),this.el.setAttribute(this.name,{owner:NAF.clientId,creator:NAF.clientId}),setTimeout((function(){e.el.parentNode?e.syncAll(void 0,!0):NAF.log.warn("Networked element was removed before ever getting the chance to syncAll")}),0)),document.body.removeEventListener("connected",this.onConnected,!1)},isMine:function(){return this.data.owner===NAF.clientId},createdByMe:function(){return this.data.creator===NAF.clientId},tick:function(e,t){if(!this.isMine()&&NAF.options.useLerp)for(var n=0;n<this.bufferInfos.length;n++){var i=this.bufferInfos[n],o=i.buffer,r=i.object3D,a=i.componentNames;if(o.update(t),a.includes("position")){var c=o.getPosition();s(c)?r.position.copy(c):u(l,5e3)}if(a.includes("rotation")){var d=o.getQuaternion();!(f=d).isQuaternion||isNaN(f.x)||isNaN(f.y)||isNaN(f.z)||isNaN(f.w)||null===f.x||null===f.y||null===f.z||null===f.w?u(l,5e3):r.quaternion.copy(d)}if(a.includes("scale")){var h=o.getScale();s(h)?r.scale.copy(h):u(l,5e3)}}var f},syncAll:function(e,t){if(this.canSync()){var n=this.gatherComponentsData(!0),i=this.createSyncData(n,t);e?NAF.connection.sendDataGuaranteed(e,"u",i):NAF.connection.broadcastDataGuaranteed("u",i)}},syncDirty:function(){if(this.canSync()){var e=this.gatherComponentsData(!1);if(null!==e)return this.createSyncData(e)}},getCachedElement:function(e){var t=this.cachedElements[e];if(t)return t;var n=this.componentSchemas[e];return n.selector?this.cachedElements[e]=this.el.querySelector(n.selector):this.cachedElements[e]=this.el},invalidateCachedElements:function(){for(var e=0;e<this.cachedElements.length;e++)this.cachedElements[e]=null},gatherComponentsData:function(e){for(var t=null,n=0;n<this.componentSchemas.length;n++){var i=this.componentSchemas[n],o=this.getCachedElement(n);if(o){var r=i.component?i.component:i,a=o.getAttribute(r);if(null!==a){var s=i.property?a[i.property]:a;(this.networkUpdatePredicates[n](s)||e)&&((t=t||{})[n]=s)}else e&&((t=t||{})[n]=null)}else e&&((t=t||{})[n]=null)}return t},createSyncData:function(e,t){var n=this.syncData,i=this.data;return n.networkId=i.networkId,n.owner=i.owner,n.creator=i.creator,n.lastOwnerTime=this.lastOwnerTime,n.template=i.template,n.persistent=i.persistent,n.parent=this.getParentId(),n.components=e,n.isFirstSync=!!t,n},canSync:function(){if(this.data.owner&&this.isMine())return!0;if(!this.createdByMe())return!1;var e=NAF.connection.getConnectedClients();for(var t in e)if(t===this.data.owner)return!1;return!0},getParentId:function(){return this.initNetworkParent(),this.parent?this.parent.getAttribute("networked").networkId:null},networkUpdate:function(e){if(!(e.lastOwnerTime<this.lastOwnerTime||this.lastOwnerTime===e.lastOwnerTime&&this.data.owner>e.owner)&&void 0!==this.data){if(this.data.owner!==e.owner){var t=this.isMine();this.lastOwnerTime=e.lastOwnerTime;var n=this.data.owner,i=e.owner;this.el.setAttribute("networked",{owner:e.owner}),t&&(this.onOwnershipLostEvent.newOwner=i,this.el.emit(this.OWNERSHIP_LOST,this.onOwnershipLostEvent)),this.onOwnershipChangedEvent.oldOwner=n,this.onOwnershipChangedEvent.newOwner=i,this.el.emit(this.OWNERSHIP_CHANGED,this.onOwnershipChangedEvent)}this.data.persistent!==e.persistent&&this.el.setAttribute("networked",{persistent:e.persistent}),this.updateNetworkedComponents(e.components)}},updateNetworkedComponents:function(e){for(var t=0,n=this.componentSchemas.length;t<n;t++){var i=e[t],o=this.componentSchemas[t],r=this.getCachedElement(t);null!==r&&null!=i&&(o.component?o.property?this.updateNetworkedComponent(r,o.component,o.property,i):this.updateNetworkedComponent(r,o.component,i):this.updateNetworkedComponent(r,o,i))}},updateNetworkedComponent:function(e,t,n,i){if(NAF.options.useLerp&&a.includes(t)){for(var s,c=0,u=this.bufferInfos.length;c<u;c++){var l=this.bufferInfos[c];if(l.object3D===e.object3D){s=l;break}}if(s){var d=s.componentNames;d.includes(t)||d.push(t)}else s={buffer:new o(o.MODE_LERP,.1),object3D:e.object3D,componentNames:[t]},this.bufferInfos.push(s);var h=s.buffer;switch(t){case"position":return void h.setPosition(this.bufferPosition.set(n.x,n.y,n.z));case"rotation":return this.conversionEuler.set(r*n.x,r*n.y,r*n.z),void h.setQuaternion(this.bufferQuaternion.setFromEuler(this.conversionEuler));case"scale":return void h.setScale(this.bufferScale.set(n.x,n.y,n.z))}NAF.log.error("Could not set value in interpolation buffer.",e,t,n,s)}else void 0===i?e.setAttribute(t,n):e.setAttribute(t,n,i)},removeLerp:function(){this.bufferInfos=[]},remove:function(){if(this.isMine()&&NAF.connection.isConnected()){var e={networkId:this.data.networkId};NAF.entities.hasEntity(this.data.networkId)?NAF.connection.broadcastDataGuaranteed("r",e):this.data.creator&&!1===NAF.connection.activeDataChannels[this.data.creator]||NAF.log.error("Removing networked entity that is not in entities array.")}NAF.entities.forgetEntity(this.data.networkId),document.body.dispatchEvent(this.entityRemovedEvent(this.data.networkId)),this.el.sceneEl.systems.networked.deregister(this)},entityCreatedEvent:function(){return new CustomEvent("entityCreated",{detail:{el:this.el}})},entityRemovedEvent:function(e){return new CustomEvent("entityRemoved",{detail:{networkId:e}})}})},function(e,t,n){"use strict";function i(e){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var o=Array.isArray,r=Object.keys,a=Object.prototype.hasOwnProperty;e.exports=function e(t,n){if(t===n)return!0;if(t&&n&&"object"==i(t)&&"object"==i(n)){var s,c,u,l=o(t),d=o(n);if(l&&d){if((c=t.length)!=n.length)return!1;for(s=c;0!=s--;)if(!e(t[s],n[s]))return!1;return!0}if(l!=d)return!1;var h=t instanceof Date,f=n instanceof Date;if(h!=f)return!1;if(h&&f)return t.getTime()==n.getTime();var m=t instanceof RegExp,p=n instanceof RegExp;if(m!=p)return!1;if(m&&p)return t.toString()==n.toString();var v=r(t);if((c=v.length)!==r(n).length)return!1;for(s=c;0!=s--;)if(!a.call(n,v[s]))return!1;for(s=c;0!=s--;)if(!e(t[u=v[s]],n[u]))return!1;return!0}return t!=t&&n!=n}},function(e,t,n){"use strict";var i=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}();function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var r=[],a=function(){var e=r.pop();return e||(e={position:new THREE.Vector3,velocity:new THREE.Vector3,scale:new THREE.Vector3,quaternion:new THREE.Quaternion,time:0}),e},s=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:.15;o(this,e),this.state=0,this.buffer=[],this.bufferTime=1e3*n,this.time=0,this.mode=t,this.originFrame=a(),this.position=new THREE.Vector3,this.quaternion=new THREE.Quaternion,this.scale=new THREE.Vector3(1,1,1)}return i(e,[{key:"hermite",value:function(e,t,n,i,o,r){var a=t*t,s=t*t*t,c=2*s-3*a+1,u=-2*s+3*a,l=s-2*a+t,d=s-a;e.copy(n.multiplyScalar(c)),e.add(i.multiplyScalar(u)),e.add(o.multiplyScalar(l)),e.add(r.multiplyScalar(d))}},{key:"lerp",value:function(e,t,n,i){e.lerpVectors(t,n,i)}},{key:"slerp",value:function(e,t,n,i){THREE.Quaternion.slerp(t,n,e,i)}},{key:"updateOriginFrameToBufferTail",value:function(){var e;e=this.originFrame,r.push(e),this.originFrame=this.buffer.shift()}},{key:"appendBuffer",value:function(e,t,n,i){var o=this.buffer.length>0?this.buffer[this.buffer.length-1]:null;if(o&&o.time===this.time)e&&o.position.copy(e),t&&o.velocity.copy(t),n&&o.quaternion.copy(n),i&&o.scale.copy(i);else{var r=o||this.originFrame,s=a();s.position.copy(e||r.position),s.velocity.copy(t||r.velocity),s.quaternion.copy(n||r.quaternion),s.scale.copy(i||r.scale),s.time=this.time,this.buffer.push(s)}}},{key:"setTarget",value:function(e,t,n,i){this.appendBuffer(e,t,n,i)}},{key:"setPosition",value:function(e,t){this.appendBuffer(e,t,null,null)}},{key:"setQuaternion",value:function(e){this.appendBuffer(null,null,e,null)}},{key:"setScale",value:function(e){this.appendBuffer(null,null,null,e)}},{key:"update",value:function(e){if(0===this.state&&this.buffer.length>0&&(this.updateOriginFrameToBufferTail(),this.position.copy(this.originFrame.position),this.quaternion.copy(this.originFrame.quaternion),this.scale.copy(this.originFrame.scale),this.state=1),1===this.state&&this.buffer.length>0&&this.time>this.bufferTime&&(this.state=2),2===this.state){for(var t=this.time-this.bufferTime;this.buffer.length>0&&t>this.buffer[0].time;)this.buffer.length>1?this.updateOriginFrameToBufferTail():(this.originFrame.position.copy(this.buffer[0].position),this.originFrame.velocity.copy(this.buffer[0].velocity),this.originFrame.quaternion.copy(this.buffer[0].quaternion),this.originFrame.scale.copy(this.buffer[0].scale),this.originFrame.time=this.buffer[0].time,this.buffer[0].time=this.time+e);if(this.buffer.length>0&&this.buffer[0].time>0){var n=this.buffer[0],i=n.time-this.originFrame.time,o=(t-this.originFrame.time)/i;0===this.mode?this.lerp(this.position,this.originFrame.position,n.position,o):1===this.mode&&this.hermite(this.position,o,this.originFrame.position,n.position,this.originFrame.velocity.multiplyScalar(i),n.velocity.multiplyScalar(i)),this.slerp(this.quaternion,this.originFrame.quaternion,n.quaternion,o),this.lerp(this.scale,this.originFrame.scale,n.scale,o)}}0!==this.state&&(this.time+=e)}},{key:"getPosition",value:function(){return this.position}},{key:"getQuaternion",value:function(){return this.quaternion}},{key:"getScale",value:function(){return this.scale}}]),e}();e.exports=s},function(e,t,n){"use strict";var i=n(0);AFRAME.registerComponent("networked-audio-source",{schema:{streamName:{default:"audio"},positional:{default:!0},distanceModel:{default:"inverse",oneOf:["linear","inverse","exponential"]},maxDistance:{default:1e4},refDistance:{default:1},rolloffFactor:{default:1}},init:function(){var e=this;this.listener=null,this.stream=null,this._setMediaStream=this._setMediaStream.bind(this),NAF.utils.getNetworkedEntity(this.el).then((function(t){var n=t.components.networked.data.owner;n&&NAF.connection.adapter.getMediaStream(n,e.data.streamName).then(e._setMediaStream).catch((function(e){return i.log.error("Error getting media stream for ".concat(n),e)}))}))},update:function(){this._setPannerProperties()},_setMediaStream:function(e){if(this.sound||this.setupSound(),e!=this.stream){if(this.stream&&this.sound.disconnect(),e){/chrome/i.test(navigator.userAgent)&&(this.audioEl=new Audio,this.audioEl.setAttribute("autoplay","autoplay"),this.audioEl.setAttribute("playsinline","playsinline"),this.audioEl.srcObject=e,this.audioEl.volume=0);var t=this.sound.context.createMediaStreamSource(e);this.sound.setNodeSource(t),this.el.emit("sound-source-set",{soundSource:t})}this.stream=e}},_setPannerProperties:function(){this.sound&&this.data.positional&&(this.sound.setDistanceModel(this.data.distanceModel),this.sound.setMaxDistance(this.data.maxDistance),this.sound.setRefDistance(this.data.refDistance),this.sound.setRolloffFactor(this.data.rolloffFactor))},remove:function(){this.sound&&(this.el.removeObject3D(this.attrName),this.stream&&this.sound.disconnect(),this.audioEl&&(this.audioEl.pause(),this.audioEl.srcObject=null,this.audioEl.load(),this.audioEl=null))},setupSound:function(){var e=this.el,t=e.sceneEl;this.sound&&e.removeObject3D(this.attrName),t.audioListener||(t.audioListener=new THREE.AudioListener,t.camera&&t.camera.add(t.audioListener),t.addEventListener("camera-set-active",(function(e){e.detail.cameraEl.getObject3D("camera").add(t.audioListener)}))),this.listener=t.audioListener,this.sound=this.data.positional?new THREE.PositionalAudio(this.listener):new THREE.Audio(this.listener),e.setObject3D(this.attrName,this.sound),this._setPannerProperties()}})},function(e,t,n){"use strict";var i=n(0);AFRAME.registerComponent("networked-video-source",{schema:{streamName:{default:"video"}},dependencies:["material"],init:function(){var e=this;this.videoTexture=null,this.video=null,this.stream=null,this._setMediaStream=this._setMediaStream.bind(this),NAF.utils.getNetworkedEntity(this.el).then((function(t){var n=t.components.networked.data.owner;n&&NAF.connection.adapter.getMediaStream(n,e.data.streamName).then(e._setMediaStream).catch((function(e){return i.log.error("Error getting media stream for ".concat(n),e)}))}))},_setMediaStream:function(e){if(this.video||this.setupVideo(),e!=this.stream){if(this.stream&&this._clearMediaStream(),e){this.video.srcObject=e;var t=this.video.play();t instanceof Promise&&t.catch((function(e){return i.log.error("Error play video stream",e)})),this.videoTexture&&this.videoTexture.dispose(),this.videoTexture=new THREE.VideoTexture(this.video);var n=this.el.getObject3D("mesh");n.material.map=this.videoTexture,n.material.needsUpdate=!0}this.stream=e}},_clearMediaStream:function(){if(this.stream=null,this.videoTexture){if(this.videoTexture.image instanceof HTMLVideoElement){var e=this.videoTexture.image;e.pause(),e.srcObject=null,e.load()}this.videoTexture.dispose(),this.videoTexture=null}},remove:function(){this._clearMediaStream()},setupVideo:function(){if(!this.video){var e=document.createElement("video");e.setAttribute("autoplay",!0),e.setAttribute("playsinline",!0),e.setAttribute("muted",!0),this.video=e}}})},function(e,t,n){"use strict";var i=n(0);AFRAME.registerComponent("networked-video-source-green-screen",{schema:{streamName:{default:"video"},gthreshold:{default:.02}},dependencies:["material"],update:function(){var e=this;this.videoTexture=null,this.video=null,this.stream=null,this._setMediaStream=this._setMediaStream.bind(this),NAF.utils.getNetworkedEntity(this.el).then((function(t){var n=t.components.networked.data.owner;n&&NAF.connection.adapter.getMediaStream(n,e.data.streamName).then(e._setMediaStream).catch((function(e){return i.log.error("Error getting media stream for ".concat(n),e)}))}))},_setMediaStream:function(e){if(this.video||this.setupVideo(),e!=this.stream){if(this.stream&&this._clearMediaStream(),e){this.video.srcObject=e;var t=this.video.play();t instanceof Promise&&t.catch((function(e){return i.log.error("Error play video stream",e)})),this.videoTexture&&this.videoTexture.dispose(),this.videoTexture=new THREE.VideoTexture(this.video);var n=this.el.getObject3D("mesh");this.uniforms={},this.uniforms.uMap={type:"t",value:this.videoTexture},this.uniforms.gthreshold={type:"float",value:this.data.gthreshold},this.uniforms=THREE.UniformsUtils.merge([this.uniforms,THREE.UniformsLib.lights]),this.materialIncoming=new THREE.ShaderMaterial({uniforms:this.uniforms}),this.materialIncoming.vertexShader="\n                         varying vec2 vUv;\n\n                        void main() {\n                            vec4 worldPosition = modelViewMatrix * vec4( position, 1.0 );\n                            vec3 vWorldPosition = worldPosition.xyz;\n                            vUv = uv;\n                            gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n                        }\n                      ",this.materialIncoming.fragmentShader="\n                           varying vec2 vUv;\n                           uniform sampler2D uMap;\n                           uniform float gthreshold;\n                           \n                           void main() {\n                                vec2 uv = vUv;\n                                vec4 tex1 = texture2D(uMap, uv * 1.0);\n                                 if (tex1.g - tex1.r > gthreshold)\n                                    discard; // better than gl_FragColor = vec4(0,0,0,0);\n                                 else\n                                    gl_FragColor = vec4(tex1.r,tex1.g,tex1.b,1.0);\n                            }\n                      ",this.materialIncoming.transparent=!0,this.materialIncoming.side=THREE.DoubleSide,n.material=this.materialIncoming,n.material.needsUpdate=!0}this.stream=e}},_clearMediaStream:function(){if(this.stream=null,this.videoTexture){if(this.videoTexture.image instanceof HTMLVideoElement){var e=this.videoTexture.image;e.pause(),e.srcObject=null,e.load()}this.videoTexture.dispose(),this.videoTexture=null}},remove:function(){this._clearMediaStream()},setupVideo:function(){if(!this.video){var e=document.createElement("video");e.setAttribute("autoplay",!0),e.setAttribute("playsinline",!0),e.setAttribute("muted",!0),this.video=e}}})}]);
\ No newline at end of file
diff --git a/docs/getting-started-local.md b/docs/getting-started-local.md
index 5a70d3b2..bf745e29 100644
--- a/docs/getting-started-local.md
+++ b/docs/getting-started-local.md
@@ -373,31 +373,39 @@ I would love love love you to send me cool examples you've made, and I'm looking
 
 --------
 
-#Stopping NAF
+#Permanent run NAF for Linux based servers
 
-How to stop NAF ?
+When you start NAF with `npm start` then the Process generated is contextualized with the terminal window, i.e. if you close the window or restart the server, the process stops.  
+
+In order to have NAF running in your linux server permantently, i.e. to avoid the aforementioned misshappenings then you should use pm2 in order to convert node NAF server in a daemon service. 
+PM2 is a Production Process Manager for Node.js applications with a built-in Load Balancer (http://pm2.io/).
 
-As you have observed there is no stop command. If you are in a Linux based server, e.g. Ubuntu, try the following commands to Find and Kill (the process that you have initiated for NAF).
+Steps
+-  Install PM2
 
-**1. Find**
+`$ sudo npm install -g pm2`
 
-`sudo lsof -i:8080`
+- Go to /server folder and start easyrtc-server.js as a service with pm2
+ 
+`$ pm2 start easyrtc-server.js -i 4`
 
-With this command you find where node server listens (change 8080 to whatever port you use)
+Note that `-i 4` sets as maximum 4 instances of NAF at your server which can significantly improve performance when many players enter. 
 
-Then you will get a big report that has also a line beginning with **node** 
 
-`COMMAND   PID        USER       FD   TYPE   DEVICE SIZE/OFF NODE NAME 
+Monitor:
 
-node     3766        JohnSmith   20u  IPv4    27606      0t0  TCP *:8080 (LISTEN)`
+`$ pm2 monitor`
 
+Make pm2 auto-boot at server restart:
 
-You want the second field namely ProcessID which happens for me to be 3766 but for you will be another number
+`$ pm2 startup`
 
 
-**2. Kill**
+#Stopping NAF when started with pm2
+
+How to stop NAF ?
 
-**sudo kill -9 3766**
+`pm2 stop easyrtc-server.js` 
 
 
 
diff --git a/examples/advanced-video-green-screen.html b/examples/advanced-video-green-screen.html
index c9bede8d..ed0cb001 100644
--- a/examples/advanced-video-green-screen.html
+++ b/examples/advanced-video-green-screen.html
@@ -25,15 +25,16 @@
 
 </head>
 <body>
-<a-scene networked-scene="
+<a-scene stats networked-scene="
       room: basic-multi-stream-green-screen;
       debug: true;
       adapter: easyrtc;
       audio: true;
-      video: true;
+      video: false;
     ">
 
   <a-assets>
+
     <img id="grid" src="https://img.gs/bbdkhfbzkk/stretch/https://i.imgur.com/25P1geh.png" crossorigin="anonymous">
     <img id="sky" src="https://i.imgur.com/WqlqEkq.jpg" crossorigin="anonymous" />
 
@@ -63,9 +64,9 @@
   </a-entity>
 
   <!-- Grid -->
-  <a-entity position="0 0 0"
-            geometry="primitive: plane; width: 10000; height: 10000;" rotation="-90 0 0"
-            material="src: #grid; repeat: 10000 10000; transparent: true; metalness:0.6; roughness: 0.4; sphericalEnvMap: #sky;"></a-entity>
+<!--  <a-entity position="0 0 0"-->
+<!--            geometry="primitive: plane; width: 10000; height: 10000;" rotation="-90 0 0"-->
+<!--            material="src: #grid; repeat: 10000 10000; transparent: true; metalness:0.6; roughness: 0.4; sphericalEnvMap: #sky;"></a-entity>-->
 
   <!-- Lights -->
   <a-entity light="color: #ccccff; intensity: 1; type: ambient;" visible=""></a-entity>
@@ -196,11 +197,11 @@
   // Called by Networked-Aframe when connected to server
   function onConnect () {
     console.log("onConnect", new Date());
-    setTimeout(function(){
-      // This is the processed stream that we want to send
-      // We do not want the default stream camera (takes bandwidth)
-      NAF.connection.adapter.enableCamera(false);
-    },5000);
+    // setTimeout(function(){
+    //   // This is the processed stream that we want to send
+    //   // We do not want the default stream camera (takes bandwidth)
+    // //  NAF.connection.adapter.enableCamera(false);
+    // },5000);
 
     // Handle screen button click (Off and On)
     screenBtnEle.addEventListener('click', function() {
diff --git a/examples/advanced-video-green-screen_dev.html b/examples/advanced-video-green-screen_dev.html
new file mode 100644
index 00000000..d970b689
--- /dev/null
+++ b/examples/advanced-video-green-screen_dev.html
@@ -0,0 +1,350 @@
+<html>
+<head>
+  <!-- Dimitrios Ververidis for CERTH/ITI, 25/1/2022 -->
+  <meta charset="utf-8">
+  <title>Multi Streams Example — Networked-Aframe</title>
+
+  <meta name="description" content="Dev Example — Networked-Aframe with Green Screen effect">
+  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
+  <meta http-equiv="Pragma" content="no-cache" />
+  <meta http-equiv="Expires" content="0" />
+
+
+  <script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.3.0/socket.io.slim.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.7.7/dat.gui.min.js"></script>
+  <script src="/easyrtc/easyrtc.js"></script>
+  <script src="/dist/networked-aframe.js"></script>
+
+  <script src="https://unpkg.com/aframe-randomizer-components@^3.0.1/dist/aframe-randomizer-components.min.js"></script>
+  <!--<script src="https://unpkg.com/aframe-particle-system-component@1.0.5/dist/aframe-particle-system-component.min.js"></script>-->
+  <script src="https://cdn.jsdelivr.net/gh/IdeaSpaceVR/aframe-particle-system-component@master/dist/aframe-particle-system-component.min.js"></script>
+  <script src="/js/spawn-in-circle.component.js"></script>
+  <link rel="stylesheet" type="text/css" href="/css/style.css" />
+  <link rel="stylesheet" type="text/css" href="/css/adv-screen.css" />
+
+</head>
+
+<script>
+  let vertexShader1 = `
+                           varying vec2 vUv;
+
+                          void main() {
+                              vec4 worldPosition = modelViewMatrix * vec4( position, 1.0 );
+                              vec3 vWorldPosition = worldPosition.xyz;
+                              vUv = uv;
+                              gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
+                          }
+                        `;
+
+  let fragmentShader1 = `
+                             varying vec2 vUv;
+                             uniform sampler2D map;
+                             uniform float GreenThresholdIn;
+
+                             void main() {
+                                  vec2 uv = vUv;
+                                  vec4 tex1 = texture2D(map, uv * 1.0);
+                                  // if (tex1.g - tex1.r > 0.02)
+                                  //    gl_FragColor = vec4(0,0,0,0);
+                                  //  else
+                                      gl_FragColor = vec4(tex1.r,tex1.g,tex1.b,1.0);
+                              }`;
+
+
+  AFRAME.registerShader('green-screen', {
+    schema: {
+      color: {type: 'color', is: 'uniform'},
+      // timeMsec: {type: 'time', is: 'uniform'},
+      //map: {type: 't'},
+      // gthreshold : {type: 'float', value: 0.02}
+    },
+    // uniforms: {
+    //   // the texture value (once the texture source is loaded, update)
+    //   map: { type: 't', value: null },
+    //   // texture parameters
+    //   offset: {type: 'vec2', value: {x: 0, y: 0}},
+    //   repeat: {type: 'vec2', value: {x: 1, y: 1}}
+    // },
+    vertexShader: vertexShader1,
+    fragmentShader: fragmentShader1
+  });
+
+  // // Offset repeat shader
+  // AFRAME.registerShader('offset-repeat', {
+  //   schema: {
+  //     // the texture source (probably a video)
+  //     src: {type: 'map'},
+  //     // texture parameters
+  //     offset: {type: 'vec2', default: {x: 0, y: 0}},
+  //     repeat: {type: 'vec2', default: {x: 1, y: 1}}
+  //   },
+  //
+  //   uniforms: {
+  //     // the texture value (once the texture source is loaded, update)
+  //     map: { type: 't', value: null },
+  //     // texture parameters
+  //     offset: {type: 'vec2', value: {x: 0, y: 0}},
+  //     repeat: {type: 'vec2', value: {x: 1, y: 1}}
+  //   },
+  //
+  //   init: function(data) {
+  //
+  //     this.material = new THREE.ShaderMaterial({
+  //
+  //       uniforms: this.uniforms,
+  //
+  //       vertexShader: this.vertexShader,
+  //
+  //       fragmentShader: this.fragmentShader
+  //
+  //     });
+  //   },
+  //
+  //
+  //
+  //   update: function (data) {
+  //     AFRAME.utils.material.updateMap(this, data);
+  //     this.uniforms.map.value = this.material.map;
+  //     this.uniforms.offset.value = data.offset;
+  //     this.uniforms.repeat.value = data.repeat;
+  //   },
+  //
+  //
+  //
+  //   vertexShader: [
+  //     'varying vec2 vUV;',
+  //     'void main(void) {',
+  //     '  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);',
+  //     '  vUV = uv;',
+  //     '}'
+  //   ].join('\n'),
+  //
+  //   fragmentShader: [
+  //     'uniform sampler2D map;',
+  //     'uniform vec2 offset;',
+  //     'uniform vec2 repeat;',
+  //     'varying vec2 vUV;',
+  //     'void main() {',
+  //     '  gl_FragColor = texture2D(map, vec2(vUV.x / repeat.x + offset.x, vUV.y / repeat.y + offset.y));',
+  //     '}'
+  //   ].join('\n')
+  // });
+
+
+
+
+</script>
+
+<body>
+<a-scene networked-scene="
+      room: basic-multi-stream-green-screen;
+      debug: true;
+      adapter: easyrtc;
+      audio: true;
+      video: true;
+    ">
+
+  <a-assets>
+    <img id="grid" src="https://img.gs/bbdkhfbzkk/stretch/https://i.imgur.com/25P1geh.png" crossorigin="anonymous">
+    <img id="sky" src="https://i.imgur.com/WqlqEkq.jpg" crossorigin="anonymous" />
+
+    <!-- Avatar -->
+    <template id="avatar-template">
+      <a-entity class="avatar" networked-audio-source>
+
+        <a-sphere></a-sphere>
+
+        <a-plane id="screenPlaneUp"  color="#F00" width="3" height="1.5" position="0 2.6 -0.15" material="side: double; shader: green-screen;" networked-video-source="" ></a-plane>
+
+<!--        <a-plane id="screenPlane" color="#FFF" width="2" height="1.5" position="0 0.6 -0.15"-->
+<!--                 material="side: double"-->
+<!--                 networked-video-source-green-screen="streamName: screen; GreenThresholdIn:0.02"></a-plane>-->
+      </a-entity>
+    </template>
+  </a-assets>
+
+  <!-- Pawn -->
+  <a-entity id="player"
+            networked="template:#avatar-template;attachTemplateToLocal:false;"
+            camera
+            position="0 1.6 0"
+            spawn-in-circle="radius:3"
+            wasd-controls look-controls
+            >
+
+            <a-sphere class="head"
+                      visible="false"
+                      random-color
+            ></a-sphere>
+  </a-entity>
+
+  <!-- Grid -->
+  <a-entity position="0 0 0"
+            geometry="primitive: plane; width: 10000; height: 10000;" rotation="-90 0 0"
+            material="src: #grid; repeat: 10000 10000; transparent: true; metalness:0.6; roughness: 0.4; sphericalEnvMap: #sky;"></a-entity>
+
+  <!-- Lights -->
+  <a-entity light="color: #ccccff; intensity: 1; type: ambient;" visible=""></a-entity>
+  <a-entity light="color: #ffaaff; intensity: 1.5" position="5 5 5"></a-entity>
+
+  <!-- Sky -->
+  <a-sky src="#sky" rotation="0 -90 0"></a-sky>
+
+</a-scene>
+
+<!-- GitHub Corner. -->
+<a href="https://github.com/networked-aframe/networked-aframe" class="github-corner">
+  <svg width="80" height="80" viewBox="0 0 250 250" style="fill:#222; color:#fff; position: absolute; top: 0; border: 0; right: 0;">
+    <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path>
+  </svg>
+</a>
+<style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}
+</style>
+
+<div class="actions">
+  <button id="screen-btn" type="button" class="button" style="height:80px">Send Video</button>
+</div>
+
+<!-- Preview what stream you send -->
+<div class="videoUI" style="text-align:center; color:white">
+  <span style="font-size: small">This is what you send (Before, After processing)</span>
+
+  <div class="video-canvas-container">
+    <!-- Here we first put the data to process them -->
+    <canvas id="canvas_secret" class="output_canvas" width="800px" height="600px" style="width:160px; height:120px"></canvas>
+  </div>
+
+  <div class="video-canvas-container" style="left:200px">
+    <!-- Here are the processed data -->
+    <canvas id="video_output_canvas" class="output_canvas" width="800px" height="600px" style="width:160px; height:120px"></canvas>
+  </div>
+</div>
+
+<script>
+  // --------- here I capture my own stream in order to transmit it as I want ----
+  const constraints = {
+    video: true,
+  };
+
+  // Get my camera stream (to do some processing before capturing to canvas
+  const myvideo = document.createElement('video');
+  navigator.mediaDevices.getUserMedia(constraints).then((stream) => {
+    myvideo.srcObject = stream;
+    myvideo.play();
+  });
+
+  // ---------- The gui for configuring other clients inputs  -----------------
+  const API = {
+    GreenThresholdIn: 0.02,
+    GreenThresholdOut: 5,
+  };
+
+  // GUI for changing thresshold for green screen
+  const gui = new dat.GUI( { width: 400 });
+
+  const videoInbound = gui.addFolder("Video Inbound");
+  videoInbound.open();
+
+  videoInbound.add( API, 'GreenThresholdIn', 0, 0.7 ).onChange( function () {
+    document.getElementById("screenPlane").setAttribute("networked-video-source-green-screen","GreenThresholdIn",
+            API.GreenThresholdIn);
+
+  } );
+
+  const videoOutbound = gui.addFolder("Video outbound");
+  videoOutbound.open();
+
+  videoOutbound.add(API, "GreenThresholdOut", 0, 255, 1).onChange((val) => {
+    API.GreenThresholdOut = val;
+  });
+
+  gui.open();
+
+  // Process my stream
+  var canvasElement = document.getElementById('video_output_canvas');
+  var canvasElementSecret = document.getElementById('canvas_secret');
+
+  const w = canvasElement.width;
+
+
+  const h = canvasElement.height;
+  var canvasCtx = canvasElement.getContext('2d');
+  var canvasCtxSecret = canvasElementSecret.getContext('2d');
+
+  var canvasStream;
+  let r,g,b;
+
+  (function loop() {
+            canvasCtxSecret.drawImage(myvideo, 0, 0, w, h);
+            let imageData = canvasCtxSecret.getImageData(0, 0, w, h);
+
+            for (var i = 0; i < imageData.data.length; i += 4) {
+              r = imageData.data[i]; g = imageData.data[i+1]; b = imageData.data[i+2];
+              if (g-r> API.GreenThresholdOut){
+                imageData.data[i] =0;
+                imageData.data[i+1]=255;
+                imageData.data[i+2]=0;
+              }
+            }
+            canvasCtx.putImageData(imageData, 0, 0);
+            setTimeout(loop, 1000 / 30); // drawing at 30fps
+       }
+  )();
+
+  // final processed stream to send
+  canvasStream = canvasElement.captureStream(30);
+
+  // Screen share status
+  let screenEnabled = false;
+
+  // Screen share button element
+  const screenBtnEle = document.getElementById('screen-btn');
+
+  // Define custom schema for syncing avatar color, set by random-color
+  NAF.schemas.add({
+    template: '#avatar-template',
+    components: [
+      'position',
+      'rotation'
+    ]
+  });
+
+  // Called by Networked-Aframe when connected to server
+  function onConnect () {
+
+
+    console.log("onConnect", new Date());
+
+    setTimeout(function(){
+      // This is the processed stream that we want to send
+      // We do not want the default stream camera (takes bandwidth)
+
+      //console.log("REMOVE THIS ");
+
+      //NAF.connection.adapter.enableCamera(false);
+    },5000);
+
+    // Handle screen button click (Off and On)
+    screenBtnEle.addEventListener('click', function() {
+      if (screenEnabled) {
+        NAF.connection.adapter.removeLocalMediaStream("screen");
+        screenEnabled = false;
+        screenBtnEle.textContent = 'Send Video';
+      } else {
+        NAF.connection.adapter.addLocalMediaStream(canvasStream, "screen"); // stream
+        screenEnabled = true;
+        screenBtnEle.textContent = 'Stop sending Video';
+      }
+    });
+  }
+
+</script>
+<!--
+  Known issues with this demo, some cases are not handled:
+  - If participant A shares their screen, the partipant B sees the other participant's screen.
+    When participant A stops their screen share, the other participant will see a frozen screen, the last image received.
+  - If participant A starts screen share, stops, and restarts the screen share, the other participant won't see it.
+-->
+</body>
+</html>
diff --git a/examples/index.html b/examples/index.html
index 99a91b17..ae003a1d 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -45,6 +45,11 @@ <h1>Networked-Aframe Examples</h1>
       <a href="basic-video.html">Video Streaming</a>
       <span>Example of using texture video with WebRTC</span>
     </div>
+    <div>
+      <a href="advanced-video-green-screen.html">Video Streaming with Green Screen effect</a>
+      <span>Extends Video-Streaming with a custom stream that uses a canvas to remove greenish pixels with absolute green pixels, and
+                by a shader that replaces the absolute green pixels at client side with transparent ones. This is done because WebRTC does not support transparent pixels in submission</span>
+    </div>
     <div>
       <a href="basic-multi-streams.html">Multi Streams</a>
       <span>Example of using texture video with WebRTC from multiple local streams</span>
@@ -80,29 +85,6 @@ <h1>Networked-Aframe Examples</h1>
     <!-- <a href="ar-index.html">AR Examples</a>
     <p>View the above examples as AR scenes using a marker and AR.js</p> -->
 
-    <br>
-    <br />
-
-    <h2>Advanced Video Examples</h2>
-
-
-
-    <div>
-      <table>
-        <tr>
-          <td style="width:200px">
-          </td>
-          <td style="width:600px">
-                <a href="advanced-video-green-screen.html">Video with Green Screen</a>
-                <span>Extends Basic-Video by a shader that replaces green pixels with transparent ones</span>
-          </td>
-        </tr>
-      </table>
-    </div>
-
-
-
-
 
 
     <br />
diff --git a/server/easyrtc-server.js b/server/easyrtc-server.js
index f849fb07..3ce0fc3b 100644
--- a/server/easyrtc-server.js
+++ b/server/easyrtc-server.js
@@ -8,8 +8,8 @@ const easyrtc = require("open-easyrtc");      // EasyRTC external module
 // Set process name
 process.title = "networked-aframe-server";
 
-// Get port or default to 5832
-const port = process.env.PORT || 5832;
+// Get port or default to 8080
+const port = process.env.PORT || 8080;
 
 // Setup and configure Express http server.
 const app = express();
diff --git a/src/components/networked-video-source-green-screen.js b/src/components/networked-video-source-green-screen.js
index ed1995b7..94a29a63 100644
--- a/src/components/networked-video-source-green-screen.js
+++ b/src/components/networked-video-source-green-screen.js
@@ -5,26 +5,13 @@ AFRAME.registerComponent('networked-video-source-green-screen', {
 
   schema: {
     streamName: { default: 'video' },
-    GreenThresholdIn : {default: 0.02},
-    event: {type: 'string', default: ''}
+    gthreshold : {default: 0.02}
   },
 
   dependencies: ['material'],
 
   update: function () {
 
-    var data = this.data;  // Component property values.
-    var el = this.el;  // Reference to the component's entity.
-
-    if (data.event) {
-      // This will log the `message` when the entity emits the `event`.
-      el.addEventListener(data.event, function () {
-      });
-    } else {
-      // `event` not specified, just log the message.
-    }
-
-
     this.videoTexture = null;
     this.video = null;
     this.stream = null;
@@ -68,7 +55,6 @@ AFRAME.registerComponent('networked-video-source-green-screen', {
         }
 
         this.videoTexture = new THREE.VideoTexture(this.video);
-        this.videoTexture.format = THREE.RGBAFormat;
 
         const mesh = this.el.getObject3D('mesh');
 
@@ -77,7 +63,7 @@ AFRAME.registerComponent('networked-video-source-green-screen', {
         this.uniforms = {};
 
         this.uniforms.uMap = {type: 't', value: this.videoTexture }
-        this.uniforms.GreenThresholdIn = {type: 'float', value: this.data.GreenThresholdIn};
+        this.uniforms.gthreshold = {type: 'float', value: this.data.gthreshold};
 
 
 
@@ -104,20 +90,20 @@ AFRAME.registerComponent('networked-video-source-green-screen', {
         this.materialIncoming.fragmentShader = `
                            varying vec2 vUv;
                            uniform sampler2D uMap;
-                           uniform float GreenThresholdIn;
+                           uniform float gthreshold;
                            
                            void main() {
                                 vec2 uv = vUv;
                                 vec4 tex1 = texture2D(uMap, uv * 1.0);
-                                 if (tex1.g - tex1.r > GreenThresholdIn)
-                                    gl_FragColor = vec4(0,0,0,0);
+                                 if (tex1.g - tex1.r > gthreshold)
+                                    discard; // better than gl_FragColor = vec4(0,0,0,0);
                                  else
                                     gl_FragColor = vec4(tex1.r,tex1.g,tex1.b,1.0);
                             }
                       `;
 
         this.materialIncoming.transparent = true;
-        this.materialIncoming.side = THREE.BackSide;
+        this.materialIncoming.side = THREE.DoubleSide;
         mesh.material = this.materialIncoming;
 
         //---------- end of replace -----------------