@elliemae/pui-app-sdk 6.0.0-next.2 → 6.0.0-next.3

package/dist/cjs/utils/micro-frontend/index.js

@@ -30,6 +30,7 @@ var micro_frontend_exports = {};
 __export(micro_frontend_exports, {
   getLogger: () => getLogger,
   getMicroFrontEndAppConfig: () => getMicroFrontEndAppConfig,
+  getPreloadableAppConfig: () => getPreloadableAppConfig,
   isGuest: () => isGuest,
   isHost: () => isHost,
   isStandAloneGuest: () => isStandAloneGuest
@@ -89,3 +90,13 @@ const getMicroFrontEndAppConfig = (appInfo) => {
   microFEConfig.manifestPath = getVersionedPath(microFEConfig.manifestPath);
   return microFEConfig;
 };
+const getPreloadableAppConfig = () => {
+  const microFEs = (0, import_config.getAppConfigValue)("microFrontendApps");
+  return microFEs.reduce((acc, microFE) => {
+    const { preload = false } = microFE;
+    if (preload) {
+      acc.push(getMicroFrontEndAppConfig(microFE));
+    }
+    return acc;
+  }, []);
+};

package/dist/cjs/view/app-root/index.js

@@ -31,8 +31,10 @@ var import_micro_frontend = require("../../utils/micro-frontend/index.js");
 var import_error_boundary = require("../error-boundary/index.js");
 var import_stand_alone_app = require("./stand-alone-app.js");
 var import_hosted_app = require("./hosted-app.js");
+var import_use_preload_resources = require("./use-preload-resources.js");
 const AppToRender = (props) => {
   const isParent = (0, import_micro_frontend.isStandAloneGuest)() || (0, import_micro_frontend.isHost)();
+  (0, import_use_preload_resources.usePreloadResources)();
   return isParent ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stand_alone_app.StandAloneApp, { ...props }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_hosted_app.HostedApp, { ...props });
 };
 const AppRoot = ({

package/dist/cjs/view/app-root/use-preload-resources.js

@@ -0,0 +1,34 @@
+"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 use_preload_resources_exports = {};
+__export(use_preload_resources_exports, {
+  usePreloadResources: () => usePreloadResources
+});
+module.exports = __toCommonJS(use_preload_resources_exports);
+var import_react = require("react");
+var import_micro_frontend = require("../../utils/micro-frontend/index.js");
+var import_app_factory = require("../micro-app/app-factory/index.js");
+const usePreloadResources = () => {
+  (0, import_react.useEffect)(() => {
+    const preloadableFEs = (0, import_micro_frontend.getPreloadableAppConfig)();
+    preloadableFEs.map(
+      (preloadableFE) => (0, import_app_factory.preloadMicroFEResources)(preloadableFE)
+    );
+  });
+};

package/dist/cjs/view/micro-app/app-factory/index.js

@@ -20,6 +20,7 @@ var app_factory_exports = {};
 __export(app_factory_exports, {
   loadApp: () => loadApp,
   mountApp: () => mountApp,
+  preloadMicroFEResources: () => preloadMicroFEResources,
   unloadApp: () => unloadApp,
   unmountApp: () => unmountApp
 });
@@ -133,6 +134,16 @@ const removeAssetsFromDOM = (id, documentEle = document) => {
     delete activeApps[id];
   }
 };
+const preloadMicroFEResources = async (appConfig) => {
+  const manifest = await (0, import_manifest.getAppManifest)(appConfig);
+  const assets = (0, import_manifest.getFullFileNameofAssetsFromManifest)(manifest, appConfig.files);
+  assets.forEach((fileName) => {
+    if (isCss(fileName))
+      (0, import_style.preloadStyle)({ hostUrl: appConfig.hostUrl, fileName });
+    else
+      (0, import_script.preloadScript)({ hostUrl: appConfig.hostUrl, fileName });
+  });
+};
 const loadApp = async (appConfig) => {
   (0, import_micro_frontend.getLogger)().info(import_log_records.logRecords.APP_LOADING(appConfig.id));
   let assets = appConfig.files;

package/dist/cjs/view/micro-app/resources/script.js

@@ -20,6 +20,7 @@ var script_exports = {};
 __export(script_exports, {
   APP_SCRIPT_ID_PREFIX: () => APP_SCRIPT_ID_PREFIX,
   addScriptToDOM: () => addScriptToDOM,
+  preloadScript: () => preloadScript,
   removeDynamicImportedScripts: () => removeDynamicImportedScripts,
   removePrefetchLinks: () => removePrefetchLinks,
   removeScriptFromDOM: () => removeScriptFromDOM
@@ -27,8 +28,6 @@ __export(script_exports, {
 module.exports = __toCommonJS(script_exports);
 var import_url = require("../../../utils/url.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.");
@@ -41,11 +40,8 @@ const addScriptToDOM = ({ name, hostUrl, documentEle }, fileName, index) => {
     ele.src = (0, import_url.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);
+    ele.defer = true;
+    documentEle.head.appendChild(ele);
   });
 };
 const removeScriptFromDOM = (elementId = "", documentEle = document) => new Promise((resolve) => {
@@ -75,3 +71,16 @@ const removePrefetchLinks = (hostUrl, documentEle) => {
       ele.remove();
   }
 };
+const preloadScript = ({
+  hostUrl,
+  fileName
+}) => {
+  if (hostUrl && fileName) {
+    const url = new URL(fileName, hostUrl);
+    const link = document.createElement("link");
+    link.rel = "preload";
+    link.as = "script";
+    link.href = (0, import_url.removeDoubleSlash)(url.href);
+    document.head.appendChild(link);
+  }
+};

package/dist/cjs/view/micro-app/resources/style.js

@@ -20,6 +20,7 @@ var style_exports = {};
 __export(style_exports, {
   APP_STYLE_ID_PREFIX: () => APP_STYLE_ID_PREFIX,
   addStylesToDOM: () => addStylesToDOM,
+  preloadStyle: () => preloadStyle,
   removeDynamicImportedStyles: () => removeDynamicImportedStyles,
   removeStyleFromDOM: () => removeStyleFromDOM
 });
@@ -58,3 +59,16 @@ const removeDynamicImportedStyles = (hostUrl, documentEle) => {
       ele.remove();
   }
 };
+const preloadStyle = ({
+  hostUrl,
+  fileName
+}) => {
+  if (hostUrl && fileName) {
+    const url = new URL(fileName, hostUrl);
+    const link = document.createElement("link");
+    link.rel = "preload";
+    link.as = "style";
+    link.href = (0, import_url.removeDoubleSlash)(url.href);
+    document.head.appendChild(link);
+  }
+};

package/dist/esm/utils/micro-frontend/index.js

@@ -52,9 +52,20 @@ const getMicroFrontEndAppConfig = (appInfo) => {
   microFEConfig.manifestPath = getVersionedPath(microFEConfig.manifestPath);
   return microFEConfig;
 };
+const getPreloadableAppConfig = () => {
+  const microFEs = getAppConfigValue("microFrontendApps");
+  return microFEs.reduce((acc, microFE) => {
+    const { preload = false } = microFE;
+    if (preload) {
+      acc.push(getMicroFrontEndAppConfig(microFE));
+    }
+    return acc;
+  }, []);
+};
 export {
   getLogger,
   getMicroFrontEndAppConfig,
+  getPreloadableAppConfig,
   isGuest,
   isHost,
   isStandAloneGuest

package/dist/esm/view/app-root/index.js

@@ -8,8 +8,10 @@ import { isStandAloneGuest, isHost } from "../../utils/micro-frontend/index.js";
 import { ErrorBoundary } from "../error-boundary/index.js";
 import { StandAloneApp } from "./stand-alone-app.js";
 import { HostedApp } from "./hosted-app.js";
+import { usePreloadResources } from "./use-preload-resources.js";
 const AppToRender = (props) => {
   const isParent = isStandAloneGuest() || isHost();
+  usePreloadResources();
   return isParent ? /* @__PURE__ */ jsx(StandAloneApp, { ...props }) : /* @__PURE__ */ jsx(HostedApp, { ...props });
 };
 const AppRoot = ({

package/dist/esm/view/app-root/use-preload-resources.js

@@ -0,0 +1,14 @@
+import { useEffect } from "react";
+import { getPreloadableAppConfig } from "../../utils/micro-frontend/index.js";
+import { preloadMicroFEResources } from "../micro-app/app-factory/index.js";
+const usePreloadResources = () => {
+  useEffect(() => {
+    const preloadableFEs = getPreloadableAppConfig();
+    preloadableFEs.map(
+      (preloadableFE) => preloadMicroFEResources(preloadableFE)
+    );
+  });
+};
+export {
+  usePreloadResources
+};

package/dist/esm/view/micro-app/app-factory/index.js

@@ -9,12 +9,14 @@ import {
 } from "../../../utils/window.js";
 import {
   addStylesToDOM,
-  removeDynamicImportedStyles
+  removeDynamicImportedStyles,
+  preloadStyle
 } from "../resources/style.js";
 import {
   addScriptToDOM,
   removeDynamicImportedScripts,
-  removePrefetchLinks
+  removePrefetchLinks,
+  preloadScript
 } from "../resources/script.js";
 import {
   getAppManifest,
@@ -120,6 +122,16 @@ const removeAssetsFromDOM = (id, documentEle = document) => {
     delete activeApps[id];
   }
 };
+const preloadMicroFEResources = async (appConfig) => {
+  const manifest = await getAppManifest(appConfig);
+  const assets = getFullFileNameofAssetsFromManifest(manifest, appConfig.files);
+  assets.forEach((fileName) => {
+    if (isCss(fileName))
+      preloadStyle({ hostUrl: appConfig.hostUrl, fileName });
+    else
+      preloadScript({ hostUrl: appConfig.hostUrl, fileName });
+  });
+};
 const loadApp = async (appConfig) => {
   getLogger().info(logRecords.APP_LOADING(appConfig.id));
   let assets = appConfig.files;
@@ -155,6 +167,7 @@ const unloadApp = ({
 export {
   loadApp,
   mountApp,
+  preloadMicroFEResources,
   unloadApp,
   unmountApp
 };

package/dist/esm/view/micro-app/resources/script.js

@@ -1,7 +1,5 @@
 import { removeDoubleSlash } from "../../../utils/url.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.");
@@ -14,11 +12,8 @@ const addScriptToDOM = ({ name, hostUrl, documentEle }, fileName, index) => {
     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);
+    ele.defer = true;
+    documentEle.head.appendChild(ele);
   });
 };
 const removeScriptFromDOM = (elementId = "", documentEle = document) => new Promise((resolve) => {
@@ -48,9 +43,23 @@ const removePrefetchLinks = (hostUrl, documentEle) => {
       ele.remove();
   }
 };
+const preloadScript = ({
+  hostUrl,
+  fileName
+}) => {
+  if (hostUrl && fileName) {
+    const url = new URL(fileName, hostUrl);
+    const link = document.createElement("link");
+    link.rel = "preload";
+    link.as = "script";
+    link.href = removeDoubleSlash(url.href);
+    document.head.appendChild(link);
+  }
+};
 export {
   APP_SCRIPT_ID_PREFIX,
   addScriptToDOM,
+  preloadScript,
   removeDynamicImportedScripts,
   removePrefetchLinks,
   removeScriptFromDOM

package/dist/esm/view/micro-app/resources/style.js

@@ -32,9 +32,23 @@ const removeDynamicImportedStyles = (hostUrl, documentEle) => {
       ele.remove();
   }
 };
+const preloadStyle = ({
+  hostUrl,
+  fileName
+}) => {
+  if (hostUrl && fileName) {
+    const url = new URL(fileName, hostUrl);
+    const link = document.createElement("link");
+    link.rel = "preload";
+    link.as = "style";
+    link.href = removeDoubleSlash(url.href);
+    document.head.appendChild(link);
+  }
+};
 export {
   APP_STYLE_ID_PREFIX,
   addStylesToDOM,
+  preloadStyle,
   removeDynamicImportedStyles,
   removeStyleFromDOM
 };

package/dist/types/lib/utils/micro-frontend/index.d.ts

@@ -7,3 +7,4 @@ export declare const getLogger: () => MicroFrontEndLogger;
 export declare const getMicroFrontEndAppConfig: (appInfo: {
     id: string;
 }) => MicroAppConfig;
+export declare const getPreloadableAppConfig: () => MicroAppConfig[];

package/dist/types/lib/utils/micro-frontend/types.d.ts

@@ -12,6 +12,7 @@ export type MicroAppConfig = {
     files?: Array<string>;
     development?: EnvConfig;
     production?: EnvConfig;
+    preload?: boolean;
     documentEle: Document;
 } & InitOptions;
 export {};

package/dist/types/lib/view/app-root/use-preload-resources.d.ts

@@ -0,0 +1 @@
+export declare const usePreloadResources: () => void;

package/dist/types/lib/view/micro-app/app-factory/index.d.ts

@@ -1,6 +1,7 @@
 import { MicroAppConfig } from '../../../utils/micro-frontend/types.js';
 export declare const mountApp: ({ id, name }: MicroAppConfig) => Promise<void>;
 export declare const unmountApp: ({ id, name }: MicroAppConfig) => Promise<void | null>;
+export declare const preloadMicroFEResources: (appConfig: MicroAppConfig) => Promise<void>;
 export declare const loadApp: (appConfig: MicroAppConfig) => Promise<void>;
 export declare const unloadApp: ({ id, hostUrl, documentEle, }: {
     id: string;

package/dist/types/lib/view/micro-app/resources/script.d.ts

@@ -4,3 +4,7 @@ export declare const addScriptToDOM: ({ name, hostUrl, documentEle }: MicroAppCo
 export declare const removeScriptFromDOM: (elementId?: string, documentEle?: Document) => Promise<void>;
 export declare const removeDynamicImportedScripts: (hostUrl: string, documentEle: HTMLDocument) => void;
 export declare const removePrefetchLinks: (hostUrl: string, documentEle: HTMLDocument) => void;
+export declare const preloadScript: ({ hostUrl, fileName, }: {
+    hostUrl?: string | undefined;
+    fileName: string;
+}) => void;

package/dist/types/lib/view/micro-app/resources/style.d.ts

@@ -3,3 +3,7 @@ export declare const APP_STYLE_ID_PREFIX = "emui-style-";
 export declare const addStylesToDOM: ({ name, hostUrl, documentEle }: MicroAppConfig, fileName: string, index: number) => Promise<string>;
 export declare const removeStyleFromDOM: (elementId?: string, documentEle?: Document) => Promise<void>;
 export declare const removeDynamicImportedStyles: (hostUrl: string, documentEle: Document) => void;
+export declare const preloadStyle: ({ hostUrl, fileName, }: {
+    hostUrl?: string | undefined;
+    fileName: string;
+}) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-app-sdk",
-  "version": "6.0.0-next.2",
+  "version": "6.0.0-next.3",
   "description": "ICE MT UI Platform Application SDK ",
   "sideEffects": [
     "*.css",
@@ -131,11 +131,11 @@
     "@elliemae/ds-popperjs": "^3.16.4",
     "@elliemae/ds-toast": "^3.16.4",
     "@elliemae/em-ssf-guest": "^1.11.3",
-    "@elliemae/pui-diagnostics": "^3.2.0",
+    "@elliemae/pui-diagnostics": "^3.3.1",
     "@elliemae/pui-micro-frontend-base": "^1.14.0",
     "@elliemae/pui-scripting-object": "^1.20.1",
     "@elliemae/pui-theme": "^2.7.0",
-    "@elliemae/pui-user-monitoring": "^1.20.0"
+    "@elliemae/pui-user-monitoring": "^2.0.0"
   },
   "devDependencies": {
     "@elliemae/app-react-dependencies": "~5.0.0-next.3",
@@ -156,14 +156,14 @@
     "@elliemae/ds-popperjs": "~3.16.4",
     "@elliemae/ds-toast": "~3.16.4",
     "@elliemae/em-ssf-guest": "~1.11.3",
-    "@elliemae/pui-cli": "~9.0.0-next.8",
-    "@elliemae/pui-diagnostics": "~3.2.0",
+    "@elliemae/pui-cli": "~9.0.0-next.10",
+    "@elliemae/pui-diagnostics": "~3.3.1",
     "@elliemae/pui-doc-gen": "~1.6.4",
     "@elliemae/pui-e2e-test-sdk": "~8.1.1",
     "@elliemae/pui-micro-frontend-base": "~1.14.0",
     "@elliemae/pui-scripting-object": "~1.20.1",
     "@elliemae/pui-theme": "~2.7.0",
-    "@elliemae/pui-user-monitoring": "~1.20.0",
+    "@elliemae/pui-user-monitoring": "~2.0.0",
     "@types/react-aria-live": "~2.0.2"
   }
 }