@elliemae/pui-app-bridge 2.0.0-next.24

package/dist/cjs/app.config.json

@@ -0,0 +1,229 @@
+{
+  "appId": "microfe",
+  "activeEnv": "localhost",
+  "sessionTimeoutWarnInterval": "60000",
+  "sessionTimeoutInterval": "70000",
+  "microFrontendApps": {
+    "loanapp": {
+      "name": "Loan",
+      "hostUrl": "./loan",
+      "development": {
+        "files": [
+          "index.js"
+        ]
+      },
+      "production": {
+        "files": [
+          "index.js"
+        ]
+      }
+    },
+    "taskapp": {
+      "name": "Task",
+      "hostUrl": "./task",
+      "mode": "development",
+      "development": {
+        "files": [
+          "index.dev.js"
+        ]
+      },
+      "production": {
+        "files": [
+          "index.js"
+        ]
+      }
+    },
+    "travelhub": {
+      "name": "TravelHub",
+      "hostUrl": "./travelhub",
+      "development": {
+        "files": [
+          "app.js",
+          "landing.js",
+          "app.css",
+          "landing.css"
+        ]
+      },
+      "production": {
+        "files": [
+          "app.js",
+          "landing.js",
+          "app.css",
+          "landing.css"
+        ]
+      }
+    },
+    "flights": {
+      "name": "Flights",
+      "hostUrl": "./flights",
+      "development": {
+        "files": [
+          "app.js",
+          "app.css"
+        ]
+      },
+      "production": {
+        "files": [
+          "app.js",
+          "app.css"
+        ]
+      }
+    },
+    "hotels": {
+      "name": "Hotels",
+      "hostUrl": "./hotels",
+      "development": {
+        "files": [
+          "app.js",
+          "app.css"
+        ]
+      },
+      "production": {
+        "files": [
+          "app.js",
+          "app.css"
+        ]
+      }
+    }
+  },
+  "serviceEndpoints": {
+    "api": "",
+    "idp": "https://int.idp.ellielabs.com",
+    "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+  },
+  "env": {
+    "localhost": {
+      "serviceEndpoints": {
+        "api": "",
+        "idp": "https://int.idp.ellielabs.com",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+      }
+    },
+    "dev": {
+      "serviceEndpoints": {
+        "api": "https://dev.api.puiservice.rd.elliemae.io",
+        "idp": "https://int.idp.ellielabs.com",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+      }
+    },
+    "dev2": {
+      "serviceEndpoints": {
+        "api": "https://int.api.ellielabs.com",
+        "idp": "https://int.idp.ellielabs.com",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+      }
+    },
+    "qa": {
+      "serviceEndpoints": {
+        "api": "https://dev.api.puiservice.rd.elliemae.io",
+        "idp": "https://int.idp.ellielabs.com",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+      }
+    },
+    "qa2": {
+      "serviceEndpoints": {
+        "api": "https://int.api.ellielabs.com",
+        "idp": "https://int.idp.ellielabs.com",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+      }
+    },
+    "qa3": {
+      "serviceEndpoints": {
+        "api": "https://int.api.ellielabs.com",
+        "idp": "https://int.idp.ellielabs.com",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+      }
+    },
+    "int": {
+      "serviceEndpoints": {
+        "api": "https://int.api.ellielabs.com",
+        "idp": "https://int.idp.ellielabs.com",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+      }
+    },
+    "peg-osb1": {
+      "serviceEndpoints": {
+        "api": "https://encompass-peg-api.elliemae.com",
+        "idp": "https://peg.idp.ellielabs.com/authorize",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+      }
+    },
+    "peg-osb2": {
+      "serviceEndpoints": {
+        "api": "https://encompass-peg2-api.elliemae.com",
+        "idp": "https://peg.idp.ellielabs.com/authorize",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+      }
+    },
+    "peg": {
+      "serviceEndpoints": {
+        "api": "https://peg2-west.api.ellielabs.com",
+        "idp": "https://peg.idp.ellielabs.com/authorize",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+      }
+    },
+    "peg-oapi-west": {
+      "serviceEndpoints": {
+        "api": "https://peg2-west.api.ellielabs.com",
+        "idp": "https://peg.idp.ellielabs.com/authorize",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+      }
+    },
+    "peg-oapi-east": {
+      "serviceEndpoints": {
+        "api": "https://peg2-east.api.ellielabs.com",
+        "idp": "https://peg.idp.ellielabs.com/authorize",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+      }
+    },
+    "peg2-oapi-east": {
+      "serviceEndpoints": {
+        "api": "https://peg2-east.api.ellielabs.com",
+        "idp": "https://peg.idp.ellielabs.com/authorize",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+      }
+    },
+    "peg3": {
+      "serviceEndpoints": {
+        "api": "https://pel1.api.ellielabs.com",
+        "idp": "https://peg3.idp.ellielabs.com/authorize",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
+      }
+    },
+    "stage": {
+      "serviceEndpoints": {
+        "api": "https://stg.api.elliemae.com",
+        "idp": "https://stg.idp.elliemae.com/authorize",
+        "logger": "https://stg.api.puidiagnostics.elliemae.com/v1/logging"
+      }
+    },
+    "beta": {
+      "serviceEndpoints": {
+        "api": "https://concept.api.elliemae.com",
+        "idp": "https://concept.idp.elliemae.com/authorize",
+        "logger": "https://concept.api.puidiagnostics.elliemae.com/v1/logging"
+      }
+    },
+    "demo": {
+      "serviceEndpoints": {
+        "api": "https://concept.api.elliemae.com",
+        "idp": "https://concept.idp.elliemae.com/authorize",
+        "logger": "https://concept.api.puidiagnostics.elliemae.com/v1/logging"
+      }
+    },
+    "epc": {
+      "serviceEndpoints": {
+        "api": "https://concept.api.elliemae.com",
+        "idp": "https://concept.idp.elliemae.com/authorize",
+        "logger": "https://concept.api.puidiagnostics.elliemae.com/v1/logging"
+      }
+    },
+    "prod": {
+      "serviceEndpoints": {
+        "api": "https://api.elliemae.com",
+        "idp": "https://idp.elliemae.com/authorize",
+        "logger": "https://api.puidiagnostics.elliemae.com/v1/logging"
+      }
+    }
+  }
+}

package/dist/cjs/config/app.js

@@ -0,0 +1,90 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __accessCheck = (obj, member, msg) => {
+  if (!member.has(obj))
+    throw TypeError("Cannot " + msg);
+};
+var __privateGet = (obj, member, getter) => {
+  __accessCheck(obj, member, "read from private field");
+  return getter ? getter.call(obj) : member.get(obj);
+};
+var __privateAdd = (obj, member, value) => {
+  if (member.has(obj))
+    throw TypeError("Cannot add the same private member more than once");
+  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+};
+var __privateSet = (obj, member, value, setter) => {
+  __accessCheck(obj, member, "write to private field");
+  setter ? setter.call(obj, value) : member.set(obj, value);
+  return value;
+};
+var app_exports = {};
+__export(app_exports, {
+  CAppConfig: () => CAppConfig
+});
+module.exports = __toCommonJS(app_exports);
+var import_clone = __toESM(require("lodash/clone"));
+var import_get = __toESM(require("lodash/get"));
+var import_set = __toESM(require("lodash/set"));
+var import_has = __toESM(require("lodash/has"));
+var import_merge = __toESM(require("lodash/merge"));
+var import_app_config = __toESM(require("../app.config.json"));
+var _gAppConfig, _parse;
+class CAppConfig {
+  constructor() {
+    __privateAdd(this, _gAppConfig, import_app_config.default);
+    __privateAdd(this, _parse, (data) => {
+      const { activeEnv } = data;
+      const activeEnvConfig = data.env[activeEnv] || {};
+      if (data.env)
+        delete data.env;
+      __privateSet(this, _gAppConfig, (0, import_merge.default)(data, activeEnvConfig));
+    });
+    this.get = (key = "", defaultValue = null) => (0, import_clone.default)((0, import_get.default)(__privateGet(this, _gAppConfig), key, defaultValue));
+    this.set = (key, value) => (0, import_set.default)(__privateGet(this, _gAppConfig), key, value);
+    this.has = (key = "") => (0, import_has.default)(__privateGet(this, _gAppConfig), key);
+    this.load = async (assetPath = "latest/") => {
+      const response = await fetch(
+        `${assetPath.replace(/\/?$/, "/")}app.config.json`
+      );
+      if (response.ok) {
+        try {
+          const data = await response.json();
+          __privateGet(this, _parse).call(this, data);
+        } catch (err) {
+          throw new Error("Failed to parse app config", { cause: err });
+        }
+      } else {
+        throw new Error("Failed to load app config");
+      }
+    };
+  }
+}
+_gAppConfig = new WeakMap();
+_parse = new WeakMap();

package/dist/cjs/config/microFE.js

@@ -0,0 +1,162 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __accessCheck = (obj, member, msg) => {
+  if (!member.has(obj))
+    throw TypeError("Cannot " + msg);
+};
+var __privateGet = (obj, member, getter) => {
+  __accessCheck(obj, member, "read from private field");
+  return getter ? getter.call(obj) : member.get(obj);
+};
+var __privateAdd = (obj, member, value) => {
+  if (member.has(obj))
+    throw TypeError("Cannot add the same private member more than once");
+  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+};
+var __privateSet = (obj, member, value, setter) => {
+  __accessCheck(obj, member, "write to private field");
+  setter ? setter.call(obj, value) : member.set(obj, value);
+  return value;
+};
+var microFE_exports = {};
+__export(microFE_exports, {
+  CMicroFEConfig: () => CMicroFEConfig
+});
+module.exports = __toCommonJS(microFE_exports);
+var import_merge = __toESM(require("lodash/merge"));
+var import_utils = require("../utils.js");
+var _microFrontendApps;
+const CONFIG_KEY = "microFrontendApps";
+const isCIBuild = () => process.env.CI === "true";
+const isProduction = (mode) => {
+  if (isCIBuild())
+    return true;
+  if (mode)
+    return mode === "production";
+  return true;
+};
+const getPathName = (url) => url ? new URL(url).pathname : "";
+const getAbsoluteUrl = (url) => {
+  const a = document.createElement("a");
+  a.href = url;
+  return a.href;
+};
+const getVersionedPath = (path, version) => {
+  const majorMinorVersion = version.match(/^(?:\d+\.\d+)*/g);
+  return path.replace(
+    /{SYSTEM_VERSION}/,
+    majorMinorVersion && majorMinorVersion[0] || "latest"
+  );
+};
+const isFileListValid = (files) => {
+  if (!files || !files.length)
+    return false;
+  return files.every((file) => typeof file === "string");
+};
+const validate = (id, mfeConfig) => {
+  const { mode = "production" } = mfeConfig;
+  if (mode !== "production" && mode !== "development")
+    throw new Error(`invalid mode '${mode}' for ${id}`);
+  const { production, development } = mfeConfig;
+  if (mode === "production") {
+    if (!production) {
+      throw new Error(
+        `microFrontendApps.${id} is missing production section in app.config.json`
+      );
+    }
+    if (!isFileListValid(production.files)) {
+      throw new Error(`invalid value for production.files`);
+    }
+  }
+  if (mode === "development") {
+    if (!development) {
+      throw new Error(
+        `microFrontendApps.${id} is missing development section in app.config.json`
+      );
+    }
+    if (!isFileListValid(development.files)) {
+      throw new Error(`invalid value for development.files`);
+    }
+  }
+};
+const getConfig = ({
+  id,
+  config,
+  version = "latest"
+}) => {
+  const { mode = "production" } = config;
+  const envConfig = isProduction(mode) ? config.production : config.development;
+  if (config.production)
+    delete config.production;
+  if (config.development)
+    delete config.development;
+  const newConfig = (0, import_merge.default)(
+    { id },
+    {
+      name: id,
+      mode: "production",
+      manifestPath: "./{SYSTEM_VERSION}/"
+    },
+    config,
+    envConfig
+  );
+  newConfig.hostUrl = (0, import_utils.appendTrailingSlash)(
+    getAbsoluteUrl(newConfig.hostUrl || "")
+  );
+  newConfig.homeRoute = (0, import_utils.appendTrailingSlash)(newConfig.homeRoute) || getPathName(newConfig.hostUrl);
+  newConfig.manifestPath = (0, import_utils.appendTrailingSlash)(
+    getVersionedPath(newConfig.manifestPath, version)
+  );
+  return newConfig;
+};
+class CMicroFEConfig {
+  constructor() {
+    __privateAdd(this, _microFrontendApps, []);
+    this.init = ({
+      version,
+      appConfig
+    }) => {
+      const mfeAppsFromConfig = appConfig.get(CONFIG_KEY);
+      if (!mfeAppsFromConfig)
+        throw new Error("app.config.json is missing microFrontendApps section");
+      __privateSet(this, _microFrontendApps, Object.keys(mfeAppsFromConfig).map(
+        (appId) => {
+          validate(appId, mfeAppsFromConfig[appId]);
+          return getConfig({
+            id: appId,
+            config: mfeAppsFromConfig[appId],
+            version
+          });
+        }
+      ));
+    };
+    this.getConfigById = (id) => __privateGet(this, _microFrontendApps).find((app) => app.id === id);
+  }
+}
+_microFrontendApps = new WeakMap();

package/dist/cjs/constant.js

@@ -0,0 +1,24 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var constant_exports = {};
+__export(constant_exports, {
+  LATEST_VERSION: () => LATEST_VERSION
+});
+module.exports = __toCommonJS(constant_exports);
+const LATEST_VERSION = "latest";

package/dist/cjs/frame.html

@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <link rel="icon" href="/favicon.ico" />
+    <title>Application</title>
+    <script>
+      (function (i, s, o, g, r, a, m) {
+        i['GoogleAnalyticsObject'] = r;
+        (i[r] =
+          i[r] ||
+          function () {
+            (i[r].q = i[r].q || []).push(arguments);
+          }),
+          (i[r].l = 1 * new Date());
+        (a = s.createElement(o)), (m = s.getElementsByTagName(o)[0]);
+        a.async = 1;
+        a.src = g;
+        m.parentNode.insertBefore(a, m);
+      })(
+        window,
+        document,
+        'script',
+        'https://www.google-analytics.com/analytics.js',
+        'ga',
+      );
+    </script>
+    <style>
+      .full-width {
+        width: 100%;
+      }
+      .full-height {
+        height: 100%;
+      }
+    </style>
+  </head>
+  <body class="full-width full-height">
+    <noscript
+      >If you're seeing this message, that means
+      <strong>JavaScript has been disabled on your browser</strong>, please
+      <strong>enable JS</strong> to make this app work.</noscript
+    >
+    <div id="pui-app-container-" class="full-width full-height"></div>
+  </body>
+</html>

package/dist/cjs/frame.js

@@ -0,0 +1,79 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var frame_exports = {};
+__export(frame_exports, {
+  FRAME_APP_CONTAINER_ID_PREFIX: () => FRAME_APP_CONTAINER_ID_PREFIX,
+  FRAME_CONTAINER_ID_PREFIX: () => FRAME_CONTAINER_ID_PREFIX,
+  Frame: () => Frame
+});
+module.exports = __toCommonJS(frame_exports);
+const FRAME_CONTAINER_ID_PREFIX = "pui-iframe-container-";
+const FRAME_APP_CONTAINER_ID_PREFIX = "pui-app-container-";
+const create = (appId, options) => new Promise((resolve, reject) => {
+  const iframeContainer = document.createElement("div");
+  iframeContainer.setAttribute(
+    "style",
+    "display: flex;width: 100%;height: 100%;flex-direction: column;overflow: hidden;"
+  );
+  const frame = document.createElement("iframe");
+  frame.setAttribute("id", `${FRAME_CONTAINER_ID_PREFIX}${appId}`);
+  frame.setAttribute("title", options.title);
+  frame.setAttribute("allowfullscreen", "true");
+  frame.setAttribute("allowtransparency", "true");
+  frame.setAttribute("allow", "microphone; camera");
+  if (options.sandbox)
+    frame.setAttribute("sandbox", options.sandbox);
+  frame.setAttribute(
+    "style",
+    options.style ?? "flex-grow: 1;border: none;margin: 0;padding: 0;display: block;min-width: 100%;height: 100%;"
+  );
+  frame.setAttribute("src", options.src ?? "./frame.html");
+  frame.addEventListener("load", () => {
+    if (!frame.contentDocument) {
+      reject(new Error("Frame content window is null"));
+      return;
+    }
+    const documentEle = frame.contentDocument;
+    const ele = documentEle.getElementById(FRAME_APP_CONTAINER_ID_PREFIX);
+    if (ele) {
+      ele.id = `${ele.id}${appId}`;
+    }
+    resolve(frame);
+  });
+  iframeContainer.appendChild(frame);
+  const { containerId } = options;
+  const parentElement = document.getElementById(containerId ?? "") ?? document.body;
+  parentElement.appendChild(iframeContainer);
+});
+const get = (appId) => document.getElementById(
+  `${FRAME_CONTAINER_ID_PREFIX}${appId}`
+);
+const remove = (appId) => {
+  const frameEle = document.getElementById(
+    `${FRAME_CONTAINER_ID_PREFIX}${appId}`
+  );
+  if (frameEle) {
+    frameEle.remove();
+  }
+};
+const Frame = {
+  create,
+  remove,
+  get
+};