@elliemae/microfe-common 2.25.0 → 2.26.0-alpha.0

package/dist/esm/frame.js

@@ -0,0 +1,41 @@
+const FRAME_CONTAINER_ID_PREFIX = "pui-iframe-container-";
+const FRAME_APP_CONTAINER_ID_PREFIX = "pui-app-container-";
+const createFrame = (options) => new Promise((resolve, reject) => {
+  const parentContainer = document.createElement("div");
+  parentContainer.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}${options.id}`);
+  frame.setAttribute("frameborder", "0");
+  frame.setAttribute("scrolling", "no");
+  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;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}${options.id}`;
+    }
+    resolve(frame);
+  });
+  parentContainer.appendChild(frame);
+  document.body.appendChild(parentContainer);
+});
+export {
+  FRAME_APP_CONTAINER_ID_PREFIX,
+  FRAME_CONTAINER_ID_PREFIX,
+  createFrame
+};

package/dist/esm/history.js

@@ -0,0 +1,7 @@
+import { createBrowserHistory, createMemoryHistory } from "history";
+const browserHistory = createBrowserHistory();
+const memoryHistory = createMemoryHistory();
+export {
+  browserHistory,
+  memoryHistory
+};

package/dist/esm/host.js

@@ -0,0 +1,85 @@
+import { publish, subscribe, unsubscribe } from "pubsub-js";
+import { getDefaultTheme } from "@elliemae/pui-theme";
+import { FRAME_CONTAINER_ID_PREFIX } from "./frame.js";
+import { getAppConfigValue, loadAppConfig } from "./config.js";
+import { browserHistory } from "./history.js";
+import { logger } from "./logger.js";
+class CMicroAppHost {
+  static instance;
+  logger;
+  appId;
+  props;
+  activeGuests;
+  onInit;
+  onRenewSessionTimer;
+  scriptingObjects;
+  constructor(params) {
+    this.appId = getAppConfigValue("appId");
+    this.onInit = params?.onInit;
+    this.logger = params?.logger || logger;
+    this.onRenewSessionTimer = params?.onRenewSessionTimer;
+    this.props = {
+      systemVersion: params?.version ?? "latest",
+      history: params?.history ?? browserHistory,
+      theme: params?.theme ?? getDefaultTheme()
+    };
+    this.activeGuests = {};
+    this.scriptingObjects = params?.scriptingObjects ?? {};
+    this.getProps = this.getProps.bind(this);
+    this.getLogger = this.getLogger.bind(this);
+    this.getGuests = this.getGuests.bind(this);
+    this.getGuest = this.getGuest.bind(this);
+    this.getObject = this.getObject.bind(this);
+    loadAppConfig().then(() => {
+      if (this.onInit) this.onInit(this.props);
+    }).catch(() => {
+    });
+  }
+  static getInstance(params) {
+    if (!this.instance) {
+      this.instance = new this(params);
+    }
+    return this.instance;
+  }
+  static isInitialized() {
+    return !!this.instance;
+  }
+  getProps() {
+    return this.props;
+  }
+  getLogger() {
+    return this.logger;
+  }
+  // eslint-disable-next-line @typescript-eslint/require-await
+  async getObject(name) {
+    return this.scriptingObjects[name];
+  }
+  getGuests() {
+    return this.activeGuests;
+  }
+  getGuest(id) {
+    return this.activeGuests[id] ? this.activeGuests[id] : null;
+  }
+  setAppWindowSize(appSize) {
+    const { appId, size } = appSize;
+    const frameEle = document.getElementById(
+      `${FRAME_CONTAINER_ID_PREFIX}${appId}`
+    );
+    if (frameEle) {
+      frameEle.style.height = `${size.height}px`;
+    }
+  }
+  publish(eventId, data) {
+    return publish(eventId, data);
+  }
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  subscribe(eventId, listener) {
+    return subscribe(eventId, listener);
+  }
+  unsubscribe(token) {
+    unsubscribe(token);
+  }
+}
+export {
+  CMicroAppHost
+};

package/dist/esm/loader.js

@@ -0,0 +1,145 @@
+import { CMicroAppHost } from "./host.js";
+import { getAbsoluteUrl } from "./utils.js";
+import { logger } from "./logger.js";
+import { logRecords } from "./logRecords.js";
+import { getCurrentBreakpoint, getViewportSize } from "./window.js";
+import { addStylesToDOM, removeDynamicImportedStyles } from "./styleLoader.js";
+import {
+  addScriptToDOM,
+  removeDynamicImportedScripts,
+  removePrefetchLinks
+} from "./scriptLoader.js";
+import {
+  getAppManifest,
+  getFullFileNameofAssetsFromManifest
+} from "./manifestLoader.js";
+const APP_CONTAINER_ID_PREFIX = "pui-app-container-";
+const cssType = /\.css$/;
+const isCss = (fileName) => cssType.test(fileName);
+const activeApps = {};
+const getPathName = (url) => url ? new URL(url).pathname : "";
+const initApplication = async ({
+  id,
+  name,
+  hostUrl,
+  history,
+  theme,
+  manifestPath,
+  homeRoute
+}) => {
+  const app = window.emui?.[id];
+  if (!app) {
+    throw new Error(
+      `Application ${name} with ${id} is not found. Most probably the appId property of app.config.json is not set to ${id}`
+    );
+  }
+  const { init } = app;
+  if (!init || typeof init !== "function")
+    throw new Error(
+      `Application ${name} with id ${id} doesn't expose init method.`
+    );
+  return init({
+    host: CMicroAppHost.getInstance(),
+    hostUrl,
+    manifestPath,
+    homeRoute: homeRoute ?? getPathName(hostUrl),
+    prevState: null,
+    history,
+    theme,
+    hostBreakpoint: getCurrentBreakpoint(),
+    hostViewportSize: getViewportSize(),
+    logger
+  });
+};
+const mountApp = async ({ id, name }) => {
+  const app = (window.emui || {})[id] || {};
+  const { mount } = app;
+  if (!mount || typeof mount !== "function")
+    throw new Error(
+      `Application ${name} with id ${id} doesn't expose mount method.`
+    );
+  return mount({
+    containerId: `${APP_CONTAINER_ID_PREFIX}${id}`,
+    hostBreakpoint: getCurrentBreakpoint(),
+    hostViewportSize: getViewportSize()
+  });
+};
+const unmountApp = async ({ id, name }) => {
+  const app = (window.emui || {})[id];
+  if (!app) return null;
+  const { unmount } = app;
+  if (!unmount) return null;
+  if (typeof unmount !== "function")
+    throw new Error(
+      `unmount failed for application ${name} with id ${id}. unmount is not a valid function`
+    );
+  return Promise.resolve();
+};
+const addAppToActiveAppList = (id, elementIds) => {
+  const app = (window.emui || {})[id] || {};
+  const { getObject } = app;
+  activeApps[id] = { elementIds };
+  const host = CMicroAppHost.getInstance();
+  if (host) host.activeGuests[id] = getObject && getObject() || {};
+  return Promise.resolve();
+};
+const waitAndInitApplication = (appConfig, requests) => (
+  // wait for all assets to get downloaded
+  Promise.all(requests).then(addAppToActiveAppList.bind(null, appConfig.id)).then(initApplication.bind(null, appConfig)).catch((err) => {
+    const logRecord = logRecords.APP_INIT_FAILED(appConfig.id, err.message);
+    logger.error({ ...logRecord, exception: err });
+    throw new Error(logRecord.message);
+  })
+);
+const removeAssetsFromDOM = (id, documentEle = document) => {
+  const host = CMicroAppHost.getInstance();
+  if (host) delete host.activeGuests[id];
+  const { elementIds } = activeApps[id] || {};
+  if (elementIds) {
+    elementIds.forEach((elementId) => {
+      const ele = documentEle.getElementById(elementId);
+      if (ele) ele.remove();
+    });
+    delete activeApps[id];
+  }
+};
+const sanitizeAppConfig = (appConfig) => {
+  const { hostUrl = "" } = appConfig;
+  appConfig.hostUrl = getAbsoluteUrl(hostUrl).replace(/\/?$/, "/");
+};
+const loadApp = async (appConfig) => {
+  logger.info(logRecords.APP_LOADING(appConfig.id));
+  sanitizeAppConfig(appConfig);
+  let assets = appConfig.files;
+  const manifest = await getAppManifest(appConfig);
+  assets = getFullFileNameofAssetsFromManifest(manifest, appConfig.files);
+  let counter = 0;
+  const requests = assets.map((fileName) => {
+    counter += 1;
+    return !isCss(fileName) ? addScriptToDOM(appConfig, fileName, counter) : addStylesToDOM(appConfig, fileName, counter);
+  });
+  await waitAndInitApplication(appConfig, requests);
+  logger.info(logRecords.APP_LOADING_COMPLETE(appConfig.id));
+};
+const unloadApp = ({
+  id,
+  hostUrl,
+  documentEle
+}) => {
+  if (!hostUrl) throw new Error("Unable to unload app. hostUrl is required");
+  logger.info(logRecords.APP_UNLOADING(id));
+  const app = (window.emui || {})[id];
+  if (!app) return;
+  removeAssetsFromDOM(id, documentEle);
+  removeDynamicImportedScripts(hostUrl, documentEle);
+  removePrefetchLinks(hostUrl, documentEle);
+  removeDynamicImportedStyles(hostUrl, documentEle);
+  if (window.emui && window.emui[id]) delete window.emui[id];
+  logger.info(logRecords.APP_UNLOADING_COMPLETE(id));
+};
+export {
+  loadApp,
+  mountApp,
+  unloadApp,
+  unmountApp
+};

package/dist/esm/logRecords.js

@@ -0,0 +1,37 @@
+const logRecords = {
+  APP_CONFIG_LOAD_FAILED: {
+    code: "microfe01",
+    message: "Unable to load application configuration"
+  },
+  ASSET_NOT_FOUND_IN_MANIFEST: (assetName) => ({
+    code: "microfe02",
+    message: `Application load failed. unable to locate ${assetName} in the manifest`
+  }),
+  APP_INIT_FAILED: (appId, errMsg) => ({
+    code: "microfe03",
+    message: `Application load failed. Unable to load one or more application resources for appId: ${appId}. ${errMsg}`
+  }),
+  APP_LOADING: (appId) => ({
+    code: "microfe04",
+    message: `Application ${appId} is loading...`
+  }),
+  APP_LOADING_COMPLETE: (appId) => ({
+    code: "microfe05",
+    message: `Application ${appId} loaded`
+  }),
+  APP_UNLOADING: (appId) => ({
+    code: "microfe06",
+    message: `Application ${appId} unloading...`
+  }),
+  APP_UNLOADING_COMPLETE: (appId) => ({
+    code: "microfe07",
+    message: `Application ${appId} unloaded`
+  }),
+  SSF_HOST_OBJECT_NOT_FOUND: (name) => ({
+    code: "microfe08",
+    message: `Parent window doesn't expose SSF Object named ${name}`
+  })
+};
+export {
+  logRecords
+};

package/dist/esm/logger.js

@@ -0,0 +1,17 @@
+import {
+  logger as uiLogger,
+  Console
+} from "@elliemae/pui-diagnostics";
+const consoleLogger = (() => uiLogger({
+  transport: Console(),
+  index: "app",
+  environment: "NA",
+  team: "app team",
+  appName: "ICEMT App",
+  appVersion: "latest",
+  userId: ""
+}))();
+const logger = window?.emui?.logger || consoleLogger;
+export {
+  logger
+};

package/dist/esm/manifestLoader.js

@@ -0,0 +1,46 @@
+import { removeDoubleSlash } from "./utils.js";
+import { logger } from "./logger.js";
+import { logRecords } from "./logRecords.js";
+const getUnVersionedManifestPath = (path) => path.replace(/\/\d+\.\d+/, "/latest");
+const getAppManifest = async ({
+  hostUrl,
+  manifestPath
+}) => {
+  if (!hostUrl || !manifestPath)
+    throw new Error(
+      "Unable to get app manifest. hostUrl and manifestPath are required."
+    );
+  const url = new URL(
+    `${manifestPath.replace(/\/?$/, "/")}manifest.json`,
+    hostUrl
+  );
+  const response = await fetch(removeDoubleSlash(url.href));
+  const { headers } = response;
+  const contentType = headers?.get?.("content-type") ?? "";
+  if (contentType.includes("application/json")) {
+    const data = await response.json();
+    return data;
+  }
+  const unVersionedManifestPath = getUnVersionedManifestPath(manifestPath);
+  if (manifestPath !== unVersionedManifestPath) {
+    return getAppManifest({
+      hostUrl,
+      manifestPath: getUnVersionedManifestPath(manifestPath)
+    });
+  }
+  throw new Error("manifest.json is not available for the application");
+};
+const getFullFileNameofAssetsFromManifest = (manifest, assetNames = []) => assetNames.reduce((assets, assetName) => {
+  const fullFileName = manifest[assetName];
+  if (fullFileName) assets.push(fullFileName);
+  else {
+    const logRecord = logRecords.ASSET_NOT_FOUND_IN_MANIFEST(assetName);
+    logger.error(logRecord);
+    throw new Error(logRecord.message);
+  }
+  return assets;
+}, []);
+export {
+  getAppManifest,
+  getFullFileNameofAssetsFromManifest
+};

package/dist/esm/scriptLoader.js

@@ -0,0 +1,51 @@
+import { removeDoubleSlash } from "./utils.js";
+const APP_SCRIPT_ID_PREFIX = "emui-script-";
+const HEAD_SCRIPTS = /(?:emuiDiagnostics|global|global-prod|emuiUserMonitoring)(?:..*)?.js/;
+const isHeadScript = (scriptSrc) => HEAD_SCRIPTS.test(scriptSrc);
+const addScriptToDOM = ({ name, hostUrl, documentEle }, fileName, index) => {
+  if (!hostUrl)
+    throw new Error("Unable to add scripts to DOM. hostUrl is required.");
+  return new Promise((resolve, reject) => {
+    const ele = documentEle.createElement("script");
+    if (!ele) reject(new Error("Unable to insert Application scripts."));
+    ele.id = `${APP_SCRIPT_ID_PREFIX}${name}-${index}`;
+    const url = new URL(fileName, hostUrl);
+    ele.src = removeDoubleSlash(url.href);
+    ele.onload = resolve.bind(null, ele.id);
+    ele.onerror = reject.bind(null, ele.id);
+    ele.async = false;
+    if (isHeadScript(ele.src)) documentEle.head.appendChild(ele);
+    else documentEle.body.appendChild(ele);
+  });
+};
+const removeScriptFromDOM = (elementId = "", documentEle = document) => new Promise((resolve) => {
+  const ele = documentEle.getElementById(elementId);
+  if (!ele) console.warn(new Error(`script with id ${elementId} not found`));
+  ele.remove();
+  resolve();
+});
+const removeDynamicImportedScripts = (hostUrl, documentEle) => {
+  const hostPattern = new RegExp(hostUrl, "i");
+  const scriptElements = documentEle.getElementsByTagName("script");
+  for (let index = scriptElements.length - 1; index >= 0; index -= 1) {
+    const scriptEle = scriptElements[index];
+    const { src } = scriptEle;
+    if (hostPattern.test(src)) scriptEle.remove();
+  }
+};
+const removePrefetchLinks = (hostUrl, documentEle) => {
+  const hostPattern = new RegExp(hostUrl, "i");
+  const prefetchElements = documentEle.querySelectorAll('[rel="prefetch"]');
+  for (let index = prefetchElements.length - 1; index >= 0; index -= 1) {
+    const ele = prefetchElements[index];
+    const { href } = ele;
+    if (hostPattern.test(href)) ele.remove();
+  }
+};
+export {
+  APP_SCRIPT_ID_PREFIX,
+  addScriptToDOM,
+  removeDynamicImportedScripts,
+  removePrefetchLinks,
+  removeScriptFromDOM
+};

package/dist/esm/styleLoader.js

@@ -0,0 +1,37 @@
+import { removeDoubleSlash } from "./utils.js";
+const APP_STYLE_ID_PREFIX = "emui-style-";
+const addStylesToDOM = ({ name, hostUrl, documentEle }, fileName, index) => {
+  if (!hostUrl)
+    throw new Error("Unable to add styles to DOM. hostUrl is required.");
+  return new Promise((resolve, reject) => {
+    const ele = documentEle.createElement("link");
+    if (!ele) reject(new Error("Unable to insert Application styles."));
+    ele.id = `${APP_STYLE_ID_PREFIX}${name}-${index}`;
+    ele.rel = "stylesheet";
+    const url = new URL(fileName, hostUrl);
+    ele.href = removeDoubleSlash(url.href);
+    ele.onload = resolve.bind(null, ele.id);
+    documentEle.head.appendChild(ele);
+  });
+};
+const removeStyleFromDOM = (elementId = "", documentEle = document) => new Promise((resolve) => {
+  const ele = documentEle.getElementById(elementId);
+  if (!ele) console.warn(new Error(`style with id ${elementId} not found`));
+  ele.remove();
+  resolve();
+});
+const removeDynamicImportedStyles = (hostUrl, documentEle) => {
+  const hostPattern = new RegExp(hostUrl, "i");
+  const prefetchElements = documentEle.querySelectorAll('[rel="stylesheet"]');
+  for (let index = prefetchElements.length - 1; index >= 0; index -= 1) {
+    const ele = prefetchElements[index];
+    const { href } = ele;
+    if (hostPattern.test(href)) ele.remove();
+  }
+};
+export {
+  APP_STYLE_ID_PREFIX,
+  addStylesToDOM,
+  removeDynamicImportedStyles,
+  removeStyleFromDOM
+};

package/dist/esm/tests/loan/latest/index.js

@@ -0,0 +1,79 @@
+(function() {
+  const appId = "loanapp";
+  const appName = "Loan App";
+  const appElementId = `pui-app-container-${appId}`;
+  const pipelinePath = "/pipeline";
+  const pipelineLinkText = "Pipeline";
+  const getWindow = () => {
+    try {
+      window.parent.document;
+      return window.parent;
+    } catch (err) {
+      return window;
+    }
+  };
+  let host = null;
+  let parentHistory = null;
+  let logger = null;
+  const browserWindow = getWindow();
+  browserWindow.emui = browserWindow.emui || {};
+  browserWindow.emui[appId] = browserWindow.emui[appId] || {};
+  const setFrameSize = () => {
+    const { document: document2 } = window;
+    const iframeBody = document2.body;
+    const iframeHTML = document2.documentElement;
+    const size = {
+      height: Math.max(
+        iframeBody.scrollHeight,
+        iframeBody.offsetHeight,
+        iframeHTML.offsetHeight
+      ),
+      width: Math.max(
+        iframeBody.scrollWidth,
+        iframeBody.offsetWidth,
+        iframeHTML.offsetWidth
+      )
+    };
+    host.setAppWindowSize({
+      appId,
+      size
+    });
+  };
+  browserWindow.emui[appId].init = async (options) => {
+    host = options.host;
+    parentHistory = options.history;
+    logger = options.logger;
+    setFrameSize();
+  };
+  browserWindow.emui[appId].mount = async () => {
+    const appContainer = document.getElementById(appElementId);
+    if (appContainer) {
+      const mainElement = document.createElement("main");
+      appContainer.appendChild(mainElement);
+      const pageHeaderEle = document.createElement("h1");
+      pageHeaderEle.textContent = appName;
+      mainElement.appendChild(pageHeaderEle);
+      const contentEle = document.createElement("p");
+      contentEle.textContent = "Go to ";
+      mainElement.appendChild(contentEle);
+      const linkEle = document.createElement("a");
+      linkEle.href = "#";
+      linkEle.onclick = () => {
+        parentHistory?.push?.(pipelinePath);
+      };
+      linkEle.textContent = pipelineLinkText;
+      contentEle.appendChild(linkEle);
+    } else {
+      throw new Error(
+        `App container element with id ${appElementId} not found`
+      );
+    }
+  };
+  browserWindow.emui[appId].unmount = () => {
+    const appContainer = document.getElementById(appElementId);
+    if (appContainer) {
+      appContainer.removeChild(appContainer.getElementsByTagName("main")[0]);
+    }
+    return Promise.resolve();
+  };
+})();

package/dist/esm/tests/loan/latest/manifest.json

@@ -0,0 +1,3 @@
+{
+  "index.js": "latest/index.js"
+}

package/dist/esm/tests/server.js

@@ -0,0 +1,9 @@
+import { setupServer } from "msw/node";
+import { serverHandlers } from "./serverHandlers";
+const initServer = () => {
+  const server = setupServer(...serverHandlers);
+  return server;
+};
+export {
+  initServer
+};

package/dist/esm/tests/serverHandlers.js

@@ -0,0 +1,51 @@
+import { rest } from "msw";
+import { readFile } from "fs/promises";
+import path from "node:path";
+import appConfig from "../app.config.json";
+import loanAppManifest from "./loan/latest/manifest.json";
+const sendJS = async (res, ctx, filePath) => {
+  const fileContent = await readFile(path.join(__dirname, filePath), "utf-8");
+  return res(
+    ctx.status(200),
+    ctx.set("Content-Type", "application/javascript"),
+    ctx.body(fileContent)
+  );
+};
+const serverHandlers = [
+  rest.get(
+    "https://www.google-analytics.com/analytics.js",
+    (req, res, ctx) => res(
+      ctx.status(200),
+      ctx.set("Content-Type", "application/javascript"),
+      ctx.body("")
+    )
+  ),
+  rest.get(
+    "/latest/app.config.json",
+    (req, res, ctx) => res(ctx.json(appConfig))
+  ),
+  // frame html
+  rest.get("/frame.html", async (req, res, ctx) => {
+    const fileContent = await readFile(
+      path.join(__dirname, "../frame.html"),
+      "utf-8"
+    );
+    return res(
+      ctx.status(200),
+      ctx.set("Content-Type", "text/html"),
+      ctx.body(fileContent)
+    );
+  }),
+  rest.get("/loan/latest/index.js", async (req, res, ctx) => {
+    const newRes = await sendJS(res, ctx, "./loan/latest/index.js");
+    return newRes;
+  }),
+  // loan microapp handler
+  rest.get(
+    "/loan/latest/manifest.json",
+    (req, res, ctx) => res(ctx.json(loanAppManifest))
+  )
+];
+export {
+  serverHandlers
+};

package/dist/esm/tests/task/latest/index.js

@@ -0,0 +1,57 @@
+(function() {
+  const appId = "taskapp";
+  const appName = "Task App";
+  const appElementId = `pui-app-container-${appId}`;
+  const pipelinePath = "/pipeline";
+  const pipelineLinkText = "Pipeline";
+  const getWindow = () => {
+    try {
+      window.parent.document;
+      return window.parent;
+    } catch (err) {
+      return window;
+    }
+  };
+  let host = null;
+  let parentHistory = null;
+  let logger = null;
+  const browserWindow = getWindow();
+  browserWindow.emui = browserWindow.emui || {};
+  browserWindow.emui[appId] = browserWindow.emui[appId] || {};
+  browserWindow.emui[appId].init = async (options) => {
+    host = options.host;
+    parentHistory = options.history;
+    logger = options.logger;
+  };
+  browserWindow.emui[appId].mount = async () => {
+    const appContainer = document.getElementById(appElementId);
+    if (appContainer) {
+      const mainElement = document.createElement("main");
+      appContainer.appendChild(mainElement);
+      const pageHeaderEle = document.createElement("h1");
+      pageHeaderEle.textContent = appName;
+      mainElement.appendChild(pageHeaderEle);
+      const contentEle = document.createElement("p");
+      contentEle.textContent = "Go to ";
+      mainElement.appendChild(contentEle);
+      const linkEle = document.createElement("a");
+      linkEle.href = "#";
+      linkEle.onclick = () => {
+        parentHistory?.push?.(pipelinePath);
+      };
+      linkEle.textContent = pipelineLinkText;
+      contentEle.appendChild(linkEle);
+    } else {
+      throw new Error(
+        `App container element with id ${appElementId} not found`
+      );
+    }
+  };
+  browserWindow.emui[appId].unmount = () => {
+    const appContainer = document.getElementById(appElementId);
+    if (appContainer) {
+      appContainer.removeChild(appContainer.getElementsByTagName("main")[0]);
+    }
+    return Promise.resolve();
+  };
+})();

package/dist/esm/tests/task/latest/manifest.json

@@ -0,0 +1,3 @@
+{
+  "index.js": "latest/index.js"
+}