Merge pull request #22 from mozilla/feature/auth_for_allhands

Feature/auth for allhands

src/index.js

@@ -27,7 +27,7 @@ import "./systems/personal-space-bubble";
 
 import registerNetworkScheams from "./network-schemas";
 import registerInputMappings from "./input-mappings";
-import { promptForName } from "./utils";
+import { promptForName, getCookie, parseJwt } from "./utils";
 import Config from "./config";
 
 registerNetworkScheams();
@@ -77,10 +77,20 @@ window.App = {
       playerRig.setAttribute("virtual-gamepad-controls", {});
     }
 
-    let username = qs.name;
-    if (!username) {
+    let username;
+    const jwt = getCookie("jwt");
+    if (jwt) { //grab name from jwt
+      const data = parseJwt(jwt);
+      username = data.typ.name;
+    }
+
+    if (qs.name) {
+      username = qs.name; //always override with name from querystring if available 
+    } 
+    else {
       username = promptForName(username); // promptForName is blocking
     }
+
     const myNametag = document.querySelector("#player-rig .nametag");
     myNametag.setAttribute("text", "value", username);
 

src/utils.js

@@ -166,10 +166,24 @@ export function generateName() {
   return name.replace(/^./, name[0].toUpperCase());
 }
 
-export function promptForName() {
-  var username = generateName();
+export function promptForName(username) {
+  if (!username)
+    username = generateName();
+  
   do {
     username = prompt("Choose a username", username);
   } while (!(username && username.length));
   return username;
 }
+
+export function getCookie(name) {
+  var value = "; " + document.cookie;
+  var parts = value.split("; " + name + "=");
+  if (parts.length == 2) return parts.pop().split(";").shift();
+}
+
+export function parseJwt (token) {
+  var base64Url = token.split('.')[1];
+  var base64 = base64Url.replace('-', '+').replace('_', '/');
+  return JSON.parse(window.atob(base64));
+}