login.js

import { getEnv } from './env.js';

// get our URL and Keys from the environment.js config file
const env = getEnv();

  // helper functions to get/show/hide HTML elements
const getElem = (id) => {return document.getElementById(id)};
const show = (id) => { getElem(id).style.display="block"};
const hide = (id) => { getElem(id).style.display="none"};


export function login() {
  const scope = encodeURIComponent('data:read data:write user-profile:read');
  doRedirection(env.forgeKey, scope);
}

export function logout() {
  delete(window.sessionStorage.token);
  location.reload();
};

  // when HTML page opens up, attach callbacks for login.logout and set values for current state UI
export function checkLogin(idStr_login, idStr_logout, idStr_userProfile, idStr_viewer) {

  getElem(idStr_login).addEventListener("click", login);
  getElem(idStr_logout).addEventListener("click", logout);

  if (!!location.hash)
      setTokenStorage();

  if (window.sessionStorage.token) {
    hide(idStr_login);
    show(idStr_logout);
    show(idStr_userProfile);
    loadUserProfileImg(idStr_userProfile);
    location.hash="";

    return true;  // they are logged in
  }
  else {
    hide(idStr_logout);
    hide(idStr_userProfile);

    return false; // they are not logged in
  }
}

export function doRedirection(forge_clientID, scope) {
    const redirect_uri = encodeURIComponent(location.href.split('#')[0]);
    location.href = `${env.forgeHost}/authentication/v2/authorize?response_type=token&client_id=${forge_clientID}&redirect_uri=${redirect_uri}&scope=${scope}`;
}

export function setTokenStorage() {
    const params = location.hash.slice(1).split('&').map(i=>{
        return i.split('=') });
    const token = params.find(i => i[0] === "access_token");

    if (token) {
        window.sessionStorage.token = token[1];
    }
    const tokenExpiration = params.find(i => i[0] === "expires_in");

    if (tokenExpiration) {
        const timeout = parseInt(tokenExpiration[1]) - 60;

        setTimeout(() => {
            login();
        }, timeout * 1000);
    }
}

  // look up the profile image for this user's Autodesk ID and put in the specified <div> in the DOM
export async function loadUserProfileImg(div) {
    const res = await fetch(`https://api.userprofile.autodesk.com/userinfo`, {
        headers : { "Authorization":`Bearer ${window.sessionStorage.token}`}
    });
    const user = await res.json();
    getElem(div).src = user.picture;
}