@mindline/sync 1.0.18 → 1.0.19

package/configs.json

@@ -16,6 +16,6 @@
             "targetGroup": "TODO"
         }
     ],
-    "enabled": "false"
+    "enabled": ""
   }
 ]

package/hybridspa.ts

@@ -0,0 +1,159 @@
+// Select DOM elements to work with
+const welcomeDiv = document.getElementById("welcomeMessage");
+const cardDiv = document.getElementById("card-div");
+const profileButton = document.getElementById("seeProfile");
+const profileDiv = document.getElementById("profile-div");
+
+// Add here the endpoints for MS Graph API services you would like to use.
+const graphConfig = {
+  graphMeEndpoint: "https://graph.microsoft.com/v1.0/me",
+  graphMailEndpoint: "https://graph.microsoft.com/v1.0/me/messages",
+  graphTenantEndpoint:
+    "https://graph.microsoft.com/beta/tenantRelationships/findTenantInformationByTenantId",
+};
+
+function updateUI(data, endpoint) {
+  console.log("Graph API responded at: " + new Date().toString());
+
+  if (endpoint === graphConfig.graphMeEndpoint) {
+    profileDiv.innerHTML = "";
+    const title = document.createElement("p");
+    title.innerHTML = "<strong>Title: </strong>" + data.jobTitle;
+    console.log(data.jobTitle);
+    const email = document.createElement("p");
+    email.innerHTML = "<strong>Mail: </strong>" + data.mail;
+    console.log(data.mail);
+    const phone = document.createElement("p");
+    phone.innerHTML = "<strong>Phone: </strong>" + data.businessPhones[0];
+    console.log(data.businessPhones[0]);
+    const address = document.createElement("p");
+    address.innerHTML = "<strong>Location: </strong>" + data.officeLocation;
+    console.log(data.officeLocation);
+    profileDiv.appendChild(title);
+    profileDiv.appendChild(email);
+    profileDiv.appendChild(phone);
+    profileDiv.appendChild(address);
+  } else if (endpoint === graphConfig.graphMailEndpoint) {
+    if (data.value.length < 1) {
+      alert("Your mailbox is empty!");
+    } else {
+      console.log("Displaying Emails for the signed in user.");
+      const tabList = document.getElementById("list-tab");
+      tabList.innerHTML = ""; // clear tabList at each readMail call
+      const tabContent = document.getElementById("nav-tabContent");
+
+      data.value.map((d, i) => {
+        // Keeping it simple
+        if (i < 10) {
+          const listItem = document.createElement("a");
+          listItem.setAttribute(
+            "class",
+            "list-group-item list-group-item-action"
+          );
+          listItem.setAttribute("id", "list" + i + "list");
+          listItem.setAttribute("data-toggle", "list");
+          listItem.setAttribute("href", "#list" + i);
+          listItem.setAttribute("role", "tab");
+          listItem.setAttribute("aria-controls", i);
+          listItem.innerHTML = d.subject;
+          tabList.appendChild(listItem);
+          const contentItem = document.createElement("div");
+          contentItem.setAttribute("class", "tab-pane fade");
+          contentItem.setAttribute("id", "list" + i);
+          contentItem.setAttribute("role", "tabpanel");
+          contentItem.setAttribute("aria-labelledby", "list" + i + "list");
+          contentItem.innerHTML =
+            "<strong> from: " + d.from.emailAddress.address + "</strong>";
+          tabContent.appendChild(contentItem);
+        }
+      });
+    }
+  }
+}
+
+// Helper function to call MS Graph API endpoint
+// using authorization bearer token scheme
+function callMSGraph(endpoint, token, callback) {
+  const headers = new Headers();
+  const bearer = `Bearer ${token}`;
+  headers.append("Authorization", bearer);
+
+  const options = {
+    method: "GET",
+    headers: headers,
+  };
+
+  console.log("request made to Graph API at: " + new Date().toString());
+
+  fetch(endpoint, options)
+    .then((response) => response.json())
+    .then((response) => callback(response, endpoint))
+    .then((result) => {
+      console.log("Successfully Fetched Data from Graph API:", result);
+    })
+    .catch((error) => console.log(error));
+}
+
+///get Token
+function getTokenByCode(spaCode) {
+  var code = spaCode;
+  const scopes = ["user.read"];
+
+  console.log("MSAL: acquireTokenByCode hybrid parameters present");
+
+  var authResult = msalInstance.acquireTokenByCode({
+    code,
+    scopes,
+  });
+  console.log(authResult);
+
+  return authResult;
+}
+
+//See Profile
+function seeProfile(spaCode) {
+  getTokenByCode(spaCode)
+    .then((response) => {
+      callMSGraph(graphConfig.graphMeEndpoint, response.accessToken, updateUI);
+    })
+    .catch((error) => {
+      console.log(error);
+    });
+}
+
+//Get Tenant Info
+async function getTenantInfo(user: User, instance: IPublicClientApplication) {
+  var authResult = await instance
+    .acquireTokenByCode({ code: user.spacode })
+    .catch((e: any) => {
+      console.log(e);
+    });
+
+  const headers = new Headers();
+  const bearer = `Bearer ${authResult.accessToken}`;
+  headers.append("Authorization", bearer);
+
+  const options = {
+    method: "GET",
+    headers: headers,
+  };
+
+  var tenantEndpoint = graphConfig.graphTenantEndpoint;
+  tenantEndpoint += "(tenantId='";
+  tenantEndpoint += user.tid;
+  tenantEndpoint += "')";
+
+  console.log(
+    "request made to Graph API tenant endpoint at: " + new Date().toString()
+  );
+
+  fetch(tenantEndpoint, options)
+    .then((response) => response.json())
+    .then((response) => {
+      console.log("Successfully Fetched Data from Graph API:", response);
+    })
+    .catch((error) => console.log(error));
+
+    user.companyName = response.displayName;
+    user.companyDomain = response.defaultDomainName;
+}

package/index.test.ts

@@ -0,0 +1,16 @@
+import {sum, User, InitInfo, InitGet } from "index";
+import {test, expect} from "vitest";
+
+test("adds 1 + 2 to equal 3", () => {
+  expect(sum(1, 2)).toBe(3);
+});
+test("loads config based on a user and expects function to return true", () => {
+  let ii = new InitInfo();
+  let bResult:boolean = false;
+  InitGet(ii, null)
+    .then((response) => bResult = response)
+    .catch((e: any) => {
+      console.log(e);
+    });
+  expect(bResult);
+});

package/{index.js → index.ts}

@@ -22,6 +22,7 @@ export class User {
     this.associatedWorkspaces = {};
     this.workspaceIDs = "";
     this.session = "";
+    this.spacode = "";
   }
 }
 
@@ -118,15 +119,15 @@ export class InitInfo {
 }
 
 import { deserializeArray } from 'class-transformer';
+import { IPublicClientApplication } from '@azure/msal-browser';
 import users from "./users.json";
 import targets from "./targets.json";
 import configs from "./configs.json";
 import workspaces from "./workspaces.json";
 
-// retrieve Workspace(s), User(s), Target(s), Config(s) given logged in user
-export function InitGet(user, ii)
+// get hardcoded data from JSON
+function DummyInit(ii)
 {
-  // for now, just get hardcoded data from JSON
   var usersString = JSON.stringify(users);
   var targetsString = JSON.stringify(targets);
   var configsString = JSON.stringify(configs);
@@ -143,6 +144,55 @@ export function InitGet(user, ii)
   }
   return true;
 }
+// retrieve Workspace(s), User(s), Target(s), Config(s) given logged in user
+    // three InitGet scenarios
+    // scenario 1: empty user array, read defaults
+    // scenario 2: user array with dummy user at end, return without doing anything
+    // scenario 3: user array with non-dummy user at end, call back end Init
+    //    (1) TODO: Azure AD: lookup companyDomain and companyName
+    //      look up tenant name
+    //      look up tenant domain
+    //      TODO: Mindline: post complete user to init endpoint
+    //      create and push partial tenant at end of target array
+    //      post user and partial tenant to InitInfo
+    //      Return: success return value, need to query for associations
+    //    (2) Sync NPM: ii.ws: once InitInfo completes, retrieve workspaces for the new user
+    //      TODO: Mindline: retrieve associated workspaces
+    //      Returns: associated workspaces
+    //    (3) Sync NPM:
+    //      TODO: Mindline: retrieve associated admins, targets for each workspace
+    //      ii.us / ii.ts / ii.cs: query components of each associated workspaces
+    //      Returns: users, targets, configs for each workspace
+export async function InitGet(ii, instance)
+{
+  // if empty user array, retrieve dummy data from JSON to populate UI
+  let l = ii.us.length;
+  if(l === 0) return DummyInit(ii);
+
+  // if last user is a dummy user, then we have nothing
+  let user:User = ii.us[l-1];
+  if(user.oid === "1") return true;
+
+  // have real user: remove dummy user, target, config, workspace if they exist
+  let dummyIndex = ii.us.findIndex((u) => u.oid === "1");
+  ii.us.splice(dummyIndex, 1);
+  dummyIndex = ii.ts.findIndex((u) => u.oid === "1");
+  ii.ts.splice(dummyIndex, 1);
+  dummyIndex = ii.cs.findIndex((u) => u.oid === "1");
+  ii.cs.splice(dummyIndex, 1);
+  dummyIndex = ii.ws.findIndex((u) => u.oid === "1");
+  ii.ws.splice(dummyIndex, 1);
+
+  // why would instance be null here? investigate!
+  if(instance===null) {
+    debugger;
+    return false;
+  }
+
+  // valid user, query AAD for associated company name and domain
+  getTenantInfo(user, instance);
+  return;
+}
 
 export function AddTarget()
 {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mindline/sync",
   "type": "module",
-  "version": "1.0.18",
+  "version": "1.0.19",
   "description": "sync is a node.js package encapsulating javscript classes required for configuring Mindline sync service.",
   "exports": "./index.js",
   "scripts": {
@@ -15,6 +15,7 @@
     "vitest": "^0.29.8"
   },
   "dependencies": {
+    "@azure/msal-browser": "^2.37.0",
     "class-transformer": "^0.5.1",
     "reflect-metadata": "^0.1.13"
   },

package/sync.d.ts

@@ -14,6 +14,7 @@ declare module "@mindline/sync" {
     associatedWorkspaces: string[];
     workspaceIDs: string;
     session: string;
+    spacode: string;
   }
 
   // target (Azure AD tenant, AD domain, Google workspace)
@@ -61,7 +62,7 @@ declare module "@mindline/sync" {
     tagWithWorkspaces(): boolean;
   }
 
-  export function InitGet(u: User, ii: InitInfo): boolean;
+  export function InitGet(ii: InitInfo, instance: IPublicClientApplication): boolean;
   export function AddTarget(): boolean;
   export function CompleteTarget(): boolean;
   export function AddUser(): boolean;

package/index.test.js

@@ -1,12 +0,0 @@
-import {sum, User, InitInfo, InitGet } from "./index.js";
-import {test, expect} from "vitest";
-
-test("adds 1 + 2 to equal 3", () => {
-  expect(sum(1, 2)).toBe(3);
-});
-test("loads config based on a user and expects function to return true", () => {
-  let u = new User();
-  let ii = new InitInfo();
-  expect(InitGet(u, ii)).toBe(true);
-  expect(ii.us.length).toBe(6);
-});