janusweb 1.5.32 → 1.5.36

package/CHANGELOG

@@ -1,3 +1,42 @@
+JanusWeb 1.5
+============
+- Threejs upgrade to r133
+- Skeletal and morphtarget animation support
+- Lighting and material improvements
+  - Transmission
+  - Clearcoat
+  - HDRI envmaps (EXR)
+  - Improved shadow mapping
+  - light_style parameter for Quake-style light patterns
+  - DRACO glTF compression
+- Avatar improvements
+  - Ready Player Me
+  - Animation packs
+  - Morph targets for speaking, blinking, etc
+  - Smarter fading
+  - Third person camera option
+- WebXR improvements
+  - Stripped out all legacy WebVR and draft WebXR code
+  - Optimized performance
+  - WebXR Layers for equi video playback
+  - WebXR Navigation
+  - In-VR UI
+- Collision improvements
+  - New collision combos: sphere/mesh, capsule/mesh, capsule/capsule
+- Audio Improvements
+  - Room audio graph support
+  - HiFi VOIP backend support
+  - Configurable VOIP backend per room
+- Experimental / future Stuff
+  - AR with plane detection and lighting estimation
+  - Swappable physics backends
+  - NVIDIA PhysX / multi-threaded physics
+  - TensorFlow.js integration - BlazePose full-body tracking, FacePose, HandPose
+  - Hybrid standalone XR HMD + desktop processing using local network WebRTC
+  - Continued performance improvements
+  - iOS support
+  - Patreon and Gitcoin donation pages
+
 JanusWeb 1.3
 ============
 - Engine improvements

package/media/assets/webui/apps/avatar/avatar.js

@@ -1,3 +1,4 @@
+/*
 janus.registerElement('avatar_simple', {
   headsrc: 'media/assets/hoverscreen.obj',
   bodysrc: '',
@@ -35,7 +36,7 @@ janus.registerElement('avatar_rigged', {
   updateXR(pose, referenceSpace) {
   }
 });
-
+*/
 elation.elements.define('janus-avatar-picker', class extends elation.elements.base {
   init() {
     this.defineAttribute('src', { type: 'string' });

package/media/assets/webui/apps/buttons/buttons.html

@@ -1,12 +1,12 @@
       <ui-buttonbar>
         {#showedit}<janus-ui-editor-button title="Edit">Edit</janus-ui-editor-button>{/showedit}
-        {#showshare}<janus-button-share title="Share Link">Share</janus-button-share>{/showshare}
+        <!-- {#showshare}<janus-button-share title="Share Link">Share</janus-button-share>{/showshare} -->
         {#showfullscreen}<ui-button name="fullscreen" onclick="janus.engine.client.toggleFullscreen()" title="Fullscreen">⛶</ui-button>{/showfullscreen}
         {#showvr}<janus-button-webvr title="Enter VR"></janus-button-webvr>{/showvr}
         {#showar}<janus-button-webar title="Enter AR"></janus-button-webar>{/showar}
         {#showaudio}<janus-button-audio title="Audio Settings">Audio</janus-button-audio>{/showaudio}
         {#showvoip}<janus-button-voip title="Voice Settings">Voice</janus-button-voip>{/showvoip}
         {#showsettings}<janus-ui-settings-button title="Settings">Config</janus-ui-settings-button>{/showsettings}
-        {#showdebug}<janus-button-debug title="Debug">Debug</janus-button-debug>{/showdebug}
+        <!-- {#showdebug}<janus-button-debug title="Debug">Debug</janus-button-debug>{/showdebug} -->
       </ui-buttonbar>
 

package/media/assets/webui/apps/buttons/buttons.js

@@ -3,14 +3,14 @@ elation.elements.define('janus.ui.buttons', class extends elation.elements.base
     super.init();
     this.defineAttributes({
       showedit: { type: 'boolean', default: true },
-      showshare: { type: 'boolean', default: true },
+      showshare: { type: 'boolean', default: false },
       showfullscreen: { type: 'boolean', default: true },
       showvr: { type: 'boolean', default: true },
       showar: { type: 'boolean', default: true },
       showsettings: { type: 'boolean', default: true },
       showaudio: { type: 'boolean', default: true },
       showvoip: { type: 'boolean', default: true },
-      showdebug: { type: 'boolean', default: true },
+      showdebug: { type: 'boolean', default: false },
     });
   }
   create() {

package/media/assets/webui/apps/comms/voip.js

@@ -259,7 +259,7 @@ console.log('voip picker select?', ev);
       }
     });
 
-    elation.events.add(janus.engine, 'engine_frame', ev => this.handleFrameUpdate(ev))
+    elation.events.add(janus.engine, 'engine_frame', ev => this.handleFrameUpdate(ev));
 
     let newUserDataSubscription = new HighFidelityAudio.UserDataSubscription({
       components: [
@@ -511,7 +511,6 @@ elation.elements.define('janus-voip-remoteuser', class extends elation.elements.
       'muted': { type: 'boolean', default: false },
       'hasaudio': { type: 'boolean', default: false },
       'hasvideo': { type: 'boolean', default: false },
-      'hasvideo': { type: 'boolean', default: false },
       'averagevolume': { type: 'float', default: 0 },
       'speaking': { type: 'boolean', default: false },
       'threshold': { type: 'float', default: .2 },
@@ -878,12 +877,11 @@ elation.elements.define('janus-voip-picker-audio', class extends elation.element
         // FIXME - I'm not really using these UI elements properly here, I shouldn't be mucking with the HTML elements directly
         inputs.select.innerHTML = '';
         let hasWebcamPermission = true;
-        let webcamDisabled;
         if (cameras) {
           cameras.select.innerHTML = '';
           //outputs.select.innerHTML = '';
 
-          webcamDisabled = elation.elements.create('option', {innerHTML: 'Disabled', value: 'none', append: cameras.select});
+          this.webcamDisabledElement = elation.elements.create('option', {innerHTML: 'Disabled', value: 'none', append: cameras.select});
         }
         devices.forEach(d => {
           if (d.kind == 'audioinput') {

package/media/assets/webui/apps/editor/codemirror/addon/hint/javascript-hint.js

@@ -0,0 +1,162 @@
+// CodeMirror, copyright (c) by Marijn Haverbeke and others
+// Distributed under an MIT license: https://codemirror.net/LICENSE
+
+(function(mod) {
+  if (typeof exports == "object" && typeof module == "object") // CommonJS
+    mod(require("../../lib/codemirror"));
+  else if (typeof define == "function" && define.amd) // AMD
+    define(["../../lib/codemirror"], mod);
+  else // Plain browser env
+    mod(CodeMirror);
+})(function(CodeMirror) {
+  var Pos = CodeMirror.Pos;
+
+  function forEach(arr, f) {
+    for (var i = 0, e = arr.length; i < e; ++i) f(arr[i]);
+  }
+
+  function arrayContains(arr, item) {
+    if (!Array.prototype.indexOf) {
+      var i = arr.length;
+      while (i--) {
+        if (arr[i] === item) {
+          return true;
+        }
+      }
+      return false;
+    }
+    return arr.indexOf(item) != -1;
+  }
+
+  function scriptHint(editor, keywords, getToken, options) {
+    // Find the token at the cursor
+    var cur = editor.getCursor(), token = getToken(editor, cur);
+    if (/\b(?:string|comment)\b/.test(token.type)) return;
+    var innerMode = CodeMirror.innerMode(editor.getMode(), token.state);
+    if (innerMode.mode.helperType === "json") return;
+    token.state = innerMode.state;
+
+    // If it's not a 'word-style' token, ignore the token.
+    if (!/^[\w$_]*$/.test(token.string)) {
+      token = {start: cur.ch, end: cur.ch, string: "", state: token.state,
+               type: token.string == "." ? "property" : null};
+    } else if (token.end > cur.ch) {
+      token.end = cur.ch;
+      token.string = token.string.slice(0, cur.ch - token.start);
+    }
+
+    var tprop = token;
+    // If it is a property, find out what it is a property of.
+    while (tprop.type == "property") {
+      tprop = getToken(editor, Pos(cur.line, tprop.start));
+      if (tprop.string != ".") return;
+      tprop = getToken(editor, Pos(cur.line, tprop.start));
+      if (!context) var context = [];
+      context.push(tprop);
+    }
+    return {list: getCompletions(token, context, keywords, options),
+            from: Pos(cur.line, token.start),
+            to: Pos(cur.line, token.end)};
+  }
+
+  function javascriptHint(editor, options) {
+    return scriptHint(editor, javascriptKeywords,
+                      function (e, cur) {return e.getTokenAt(cur);},
+                      options);
+  };
+  CodeMirror.registerHelper("hint", "javascript", javascriptHint);
+
+  function getCoffeeScriptToken(editor, cur) {
+  // This getToken, it is for coffeescript, imitates the behavior of
+  // getTokenAt method in javascript.js, that is, returning "property"
+  // type and treat "." as independent token.
+    var token = editor.getTokenAt(cur);
+    if (cur.ch == token.start + 1 && token.string.charAt(0) == '.') {
+      token.end = token.start;
+      token.string = '.';
+      token.type = "property";
+    }
+    else if (/^\.[\w$_]*$/.test(token.string)) {
+      token.type = "property";
+      token.start++;
+      token.string = token.string.replace(/\./, '');
+    }
+    return token;
+  }
+
+  function coffeescriptHint(editor, options) {
+    return scriptHint(editor, coffeescriptKeywords, getCoffeeScriptToken, options);
+  }
+  CodeMirror.registerHelper("hint", "coffeescript", coffeescriptHint);
+
+  var stringProps = ("charAt charCodeAt indexOf lastIndexOf substring substr slice trim trimLeft trimRight " +
+                     "toUpperCase toLowerCase split concat match replace search").split(" ");
+  var arrayProps = ("length concat join splice push pop shift unshift slice reverse sort indexOf " +
+                    "lastIndexOf every some filter forEach map reduce reduceRight ").split(" ");
+  var funcProps = "prototype apply call bind".split(" ");
+  var javascriptKeywords = ("break case catch class const continue debugger default delete do else export extends false finally for function " +
+                  "if in import instanceof new null return super switch this throw true try typeof var void while with yield").split(" ");
+  var coffeescriptKeywords = ("and break catch class continue delete do else extends false finally for " +
+                  "if in instanceof isnt new no not null of off on or return switch then throw true try typeof until void while with yes").split(" ");
+
+  function forAllProps(obj, callback) {
+    if (!Object.getOwnPropertyNames || !Object.getPrototypeOf) {
+      for (var name in obj) callback(name)
+    } else {
+      for (var o = obj; o; o = Object.getPrototypeOf(o))
+        Object.getOwnPropertyNames(o).forEach(callback)
+    }
+  }
+
+  function getCompletions(token, context, keywords, options) {
+    var found = [], start = token.string, global = options && options.globalScope || window;
+    function maybeAdd(str) {
+      if (str.lastIndexOf(start, 0) == 0 && !arrayContains(found, str)) found.push(str);
+    }
+    function gatherCompletions(obj) {
+      if (typeof obj == "string") forEach(stringProps, maybeAdd);
+      else if (obj instanceof Array) forEach(arrayProps, maybeAdd);
+      else if (obj instanceof Function) forEach(funcProps, maybeAdd);
+      forAllProps(obj, maybeAdd)
+    }
+
+    if (context && context.length) {
+      // If this is a property, see if it belongs to some object we can
+      // find in the current environment.
+      var obj = context.pop(), base;
+      if (obj.type && obj.type.indexOf("variable") === 0) {
+        if (options && options.additionalContext)
+          base = options.additionalContext[obj.string];
+        if (!options || options.useGlobalScope !== false)
+          base = base || global[obj.string];
+      } else if (obj.type == "string") {
+        base = "";
+      } else if (obj.type == "atom") {
+        base = 1;
+      } else if (obj.type == "function") {
+        if (global.jQuery != null && (obj.string == '$' || obj.string == 'jQuery') &&
+            (typeof global.jQuery == 'function'))
+          base = global.jQuery();
+        else if (global._ != null && (obj.string == '_') && (typeof global._ == 'function'))
+          base = global._();
+      }
+      while (base != null && context.length)
+        base = base[context.pop().string];
+      if (base != null) gatherCompletions(base);
+    } else {
+      // If not, just look in the global object, any local scope, and optional additional-context
+      // (reading into JS mode internals to get at the local and global variables)
+      for (var v = token.state.localVars; v; v = v.next) maybeAdd(v.name);
+      for (var c = token.state.context; c; c = c.prev)
+        for (var v = c.vars; v; v = v.next) maybeAdd(v.name)
+      for (var v = token.state.globalVars; v; v = v.next) maybeAdd(v.name);
+      if (options && options.additionalContext != null)
+        for (var key in options.additionalContext)
+          maybeAdd(key);
+      if (!options || options.useGlobalScope !== false)
+        gatherCompletions(global);
+      forEach(keywords, maybeAdd);
+    }
+    return found;
+  }
+});

package/media/assets/webui/apps/editor/codemirror/addon/hint/show-hint.css

@@ -0,0 +1,36 @@
+.CodeMirror-hints {
+  position: absolute;
+  z-index: 10;
+  overflow: hidden;
+  list-style: none;
+
+  margin: 0;
+  padding: 2px;
+
+  -webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
+  -moz-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
+  box-shadow: 2px 3px 5px rgba(0,0,0,.2);
+  border-radius: 3px;
+  border: 1px solid silver;
+
+  background: white;
+  font-size: 90%;
+  font-family: monospace;
+
+  max-height: 20em;
+  overflow-y: auto;
+}
+
+.CodeMirror-hint {
+  margin: 0;
+  padding: 0 4px;
+  border-radius: 2px;
+  white-space: pre;
+  color: black;
+  cursor: pointer;
+}
+
+li.CodeMirror-hint-active {
+  background: #08f;
+  color: white;
+}