@m4l/layouts 9.5.0 → 9.5.1-beta-feat-mfloader-observability-prep-20260506.0

package/components/MFHostApp/MFHostApp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MFHostApp.d.ts","sourceRoot":"","sources":["../../../../../../packages/layouts/src/components/MFHostApp/MFHostApp.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,oDAoF9C;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"MFHostApp.d.ts","sourceRoot":"","sources":["../../../../../../packages/layouts/src/components/MFHostApp/MFHostApp.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAG9C;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,oDAuF9C;AAED,eAAe,SAAS,CAAC"}

package/components/MFHostApp/MFHostApp.js

@@ -1,56 +1,58 @@
 import { jsx as r } from "@emotion/react/jsx-runtime";
 import { unstable_HistoryRouter as T } from "react-router-dom";
-import { EnvironmentProvider as f, HostToolsProvider as H, NetworkProvider as b, AuthProvider as g, DomainCountryProvider as E } from "@m4l/core";
-import { DeviceTypeProvider as D, LocalesProvider as R, HostThemeProvider as _, FormatterProvider as w, AppearanceComponentProvider as A } from "@m4l/graphics";
-import { projectMFHostRuntimeTools as S, BaseModule as x, WindowToolsMFProvider as j, MFHostRuntimeToolsProvider as k, DynamicMFParmsProvider as C } from "@m4l/components";
-function U(t) {
+import { EnvironmentProvider as H, HostToolsProvider as b, NetworkProvider as g, AuthProvider as E, DomainCountryProvider as A } from "@m4l/core";
+import { DeviceTypeProvider as D, LocalesProvider as R, HostThemeProvider as _, FormatterProvider as w, AppearanceComponentProvider as S } from "@m4l/graphics";
+import { projectMFHostRuntimeTools as x, BaseModule as j, WindowToolsMFProvider as k, MFHostRuntimeToolsProvider as B, DynamicMFParmsProvider as C } from "@m4l/components";
+import { MFHostAppErrorBoundary as L } from "./MFHostAppErrorBoundary.js";
+function q(n) {
   const {
-    children: n,
-    currentLocale: d,
-    hostTheme: s,
-    environment: c,
+    children: d,
+    currentLocale: s,
+    hostTheme: c,
+    environment: m,
     hostTools: e,
-    axiosOperation: m,
+    axiosOperation: l,
     formatters: o,
-    isAuth: l = !0,
-    moduleId: a,
+    isAuth: a = !0,
+    moduleId: i,
     moduleNameField: u,
     skeletonFlags: h,
     privileges: F,
-    componentsDictionary: v,
-    dynamicMFStore: i,
-    windowTools: y,
-    hostRuntime: p,
+    componentsDictionary: p,
+    dynamicMFStore: t,
+    windowTools: v,
+    hostRuntime: y,
     // overrideContainerStyles,
-    loggedUser: P
-  } = t, M = S(p);
-  return /* @__PURE__ */ r(f, { ...c, children: /* @__PURE__ */ r(H, { ...e, children: /* @__PURE__ */ r(b, { axiosOperation: m, children: /* @__PURE__ */ r(D, { children: /* @__PURE__ */ r(g, { isMicroFrontEnd: !0, loggedUser: P, children: /* @__PURE__ */ r(R, { isMicroFrontEnd: !0, localeHost: d, children: /* @__PURE__ */ r(_, { isMicroFrontEnd: !0, ...s, children: /* @__PURE__ */ r(
+    loggedUser: P,
+    moduleVersion: M
+  } = n, f = x(y);
+  return /* @__PURE__ */ r(H, { ...m, children: /* @__PURE__ */ r(L, { moduleId: i, moduleVersion: M, children: /* @__PURE__ */ r(b, { ...e, children: /* @__PURE__ */ r(g, { axiosOperation: l, children: /* @__PURE__ */ r(D, { children: /* @__PURE__ */ r(E, { isMicroFrontEnd: !0, loggedUser: P, children: /* @__PURE__ */ r(R, { isMicroFrontEnd: !0, localeHost: s, children: /* @__PURE__ */ r(_, { isMicroFrontEnd: !0, ...c, children: /* @__PURE__ */ r(
     T,
     {
       history: e.history,
       children: /* @__PURE__ */ r(
-        E,
+        A,
         {
           isMicroFrontEnd: !0,
-          id: i?.getState().dynamicMFParameters?.id || 1,
+          id: t?.getState().dynamicMFParameters?.id || 1,
           currency: o.currencyFormatter.code,
           currency_decimal_digits: o.currencyFormatter.decimalDigits,
           decimal_symbol: o.numberFormatter.decimalSymbol,
           thousands_symbol: o.numberFormatter.thousandsSymbol,
           children: /* @__PURE__ */ r(
-            x,
+            j,
             {
-              isAuth: l,
-              moduleId: a,
+              isAuth: a,
+              moduleId: i,
               moduleNameField: u,
-              componentsDictionary: v,
+              componentsDictionary: p,
               skeletonFlags: h,
               privileges: F,
-              children: /* @__PURE__ */ r(w, { isMicroFrontEnd: !0, ...o, children: /* @__PURE__ */ r(j, { ...y, children: /* @__PURE__ */ r(
-                k,
+              children: /* @__PURE__ */ r(w, { isMicroFrontEnd: !0, ...o, children: /* @__PURE__ */ r(k, { ...v, children: /* @__PURE__ */ r(
+                B,
                 {
-                  value: M,
-                  children: /* @__PURE__ */ r(C, { store: i, children: /* @__PURE__ */ r(A, { children: n }) })
+                  value: f,
+                  children: /* @__PURE__ */ r(C, { store: t, children: /* @__PURE__ */ r(S, { children: d }) })
                 }
               ) }) })
             }
@@ -58,9 +60,9 @@ function U(t) {
         }
       )
     }
-  ) }) }) }) }) }) }) });
+  ) }) }) }) }) }) }) }) });
 }
 export {
-  U as MFHostApp,
-  U as default
+  q as MFHostApp,
+  q as default
 };

package/components/MFHostApp/MFHostAppErrorBoundary.d.ts

@@ -0,0 +1,30 @@
+import { Component, ErrorInfo, ReactNode } from 'react';
+interface MFHostAppErrorBoundaryProps {
+    moduleId: string;
+    moduleVersion?: string;
+    children: ReactNode;
+}
+interface MFHostAppErrorBoundaryState {
+    hasError: boolean;
+}
+/**
+ * Contain runtime crashes inside one MF tree and surface a safe local fallback.
+ */
+export declare class MFHostAppErrorBoundary extends Component<MFHostAppErrorBoundaryProps, MFHostAppErrorBoundaryState> {
+    state: MFHostAppErrorBoundaryState;
+    /**
+     * Switch the MF tree into its fallback state after a runtime render failure.
+     */
+    static getDerivedStateFromError(): MFHostAppErrorBoundaryState;
+    /**
+     * Forward the caught runtime error to the registered host handler, if any.
+     */
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    /**
+     * Render the MF children or a safe fallback if a runtime error was caught.
+     * The fallback should be as minimal and static as possible to avoid any risk of causing another error during rendering.
+     */
+    render(): ReactNode;
+}
+export {};
+//# sourceMappingURL=MFHostAppErrorBoundary.d.ts.map

package/components/MFHostApp/MFHostAppErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MFHostAppErrorBoundary.d.ts","sourceRoot":"","sources":["../../../../../../packages/layouts/src/components/MFHostApp/MFHostAppErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlE,UAAU,2BAA2B;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,UAAU,2BAA2B;IACnC,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AACH,qBAAa,sBAAuB,SAAQ,SAAS,CACnD,2BAA2B,EAC3B,2BAA2B,CAC5B;IACiB,KAAK,EAAE,2BAA2B,CAEhD;IAEF;;OAEG;WACW,wBAAwB,IAAI,2BAA2B;IAIrE;;OAEG;IACa,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,GAAG,IAAI;IAS3E;;;OAGG;IACa,MAAM,IAAI,SAAS;CAWpC"}

package/components/MFHostApp/MFHostAppErrorBoundary.js

@@ -0,0 +1,35 @@
+import { jsx as e } from "@emotion/react/jsx-runtime";
+import { Component as t } from "react";
+import { reportMFRuntimeError as n } from "../../utils/mfRuntimeErrors.js";
+class a extends t {
+  state = {
+    hasError: !1
+  };
+  /**
+   * Switch the MF tree into its fallback state after a runtime render failure.
+   */
+  static getDerivedStateFromError() {
+    return { hasError: !0 };
+  }
+  /**
+   * Forward the caught runtime error to the registered host handler, if any.
+   */
+  componentDidCatch(r, o) {
+    n({
+      moduleId: this.props.moduleId,
+      moduleVersion: this.props.moduleVersion,
+      error: r,
+      componentStack: o.componentStack ?? void 0
+    });
+  }
+  /**
+   * Render the MF children or a safe fallback if a runtime error was caught.
+   * The fallback should be as minimal and static as possible to avoid any risk of causing another error during rendering.
+   */
+  render() {
+    return this.state.hasError ? /* @__PURE__ */ e("div", { role: "alert", "data-testid": "mf-runtime-error-fallback", children: "This microfrontend could not be rendered." }) : this.props.children;
+  }
+}
+export {
+  a as MFHostAppErrorBoundary
+};

package/components/MFHostApp/types.d.ts

@@ -28,6 +28,10 @@ export interface ByHostProps {
      * loggedUser: usuario logueado, para los microfrontends que necesitan el usuario logueado
      */
     loggedUser?: AuthUserType;
+    /**
+     * Deployed MF bundle version exposed by the registered render_v2 contract.
+     */
+    moduleVersion?: string;
 }
 export type MFHostAppProps = ByHostProps & BaseModuleProps;
 export type MFHostAppOwnerState = {

package/components/MFHostApp/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/layouts/src/components/MFHostApp/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC9F,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAChG,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAG,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7C,MAAM,WAAW,WAAW;IAC1B,WAAW,EAAE,eAAe,CAAC;IAC7B,SAAS,EAAE,aAAa,CAAC;IACzB,SAAS,EAAE,aAAa,CAAC;IACzB,aAAa,EAAE,UAAU,CAAC;IAC1B,cAAc,EAAE,cAAc,CAAC;IAC/B,UAAU,EAAE,UAAU,CAAC;IACvB,cAAc,EAAE,cAAc,CAAC;IAC/B,WAAW,EAAE,aAAa,CAAC;IAC3B,WAAW,CAAC,EAAE,aAAa,CAAC;IAE5B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;IACvC;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,YAAY,CAAC;CAC3B;AACD,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG,eAAe,CAAC;AAG3D,MAAM,MAAM,mBAAmB,GAAG;IAChC,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAA;AAGD,MAAM,MAAM,kBAAkB,GAAI,MAAM,OAAO,cAAc,CAAC;AAE9D,MAAM,MAAM,eAAe,GAAG,sBAAsB,CAAC,kBAAkB,EAAE,OAAO,eAAe,EAAE,KAAK,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/layouts/src/components/MFHostApp/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC9F,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAChG,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAG,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7C,MAAM,WAAW,WAAW;IAC1B,WAAW,EAAE,eAAe,CAAC;IAC7B,SAAS,EAAE,aAAa,CAAC;IACzB,SAAS,EAAE,aAAa,CAAC;IACzB,aAAa,EAAE,UAAU,CAAC;IAC1B,cAAc,EAAE,cAAc,CAAC;IAC/B,UAAU,EAAE,UAAU,CAAC;IACvB,cAAc,EAAE,cAAc,CAAC;IAC/B,WAAW,EAAE,aAAa,CAAC;IAC3B,WAAW,CAAC,EAAE,aAAa,CAAC;IAE5B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;IACvC;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,YAAY,CAAC;IAE1B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AACD,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG,eAAe,CAAC;AAG3D,MAAM,MAAM,mBAAmB,GAAG;IAChC,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAA;AAGD,MAAM,MAAM,kBAAkB,GAAI,MAAM,OAAO,cAAc,CAAC;AAE9D,MAAM,MAAM,eAAe,GAAG,sBAAsB,CAAC,kBAAkB,EAAE,OAAO,eAAe,EAAE,KAAK,CAAC,CAAC"}

package/components/MFNoAuthApp/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/layouts/src/components/MFNoAuthApp/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAG3C;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,oDAuClD;AAED,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/layouts/src/components/MFNoAuthApp/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAI3C;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,oDAyClD;AAED,eAAe,WAAW,CAAC"}

package/components/MFNoAuthApp/index.js

@@ -1,40 +1,41 @@
-import { jsx as o } from "@emotion/react/jsx-runtime";
+import { jsx as r } from "@emotion/react/jsx-runtime";
 import { DomainCountryProvider as l } from "@m4l/core";
 import { DeviceTypeProvider as a, FormatterProvider as p } from "@m4l/graphics";
 import { HostRuntimeProvider as h, BaseModule as f } from "@m4l/components";
 import { useMemo as y } from "react";
-import { createMFNoAuthHostRuntime as v } from "./createMFNoAuthHostRuntime.js";
-function C(r) {
+import { createMFNoAuthHostRuntime as F } from "./createMFNoAuthHostRuntime.js";
+import { MFHostAppErrorBoundary as v } from "../MFHostApp/MFHostAppErrorBoundary.js";
+function H(e) {
   const {
-    children: e,
-    formatters: t,
-    moduleId: i,
+    children: t,
+    formatters: i,
+    moduleId: o,
     moduleNameField: n,
     skeletonFlags: m,
     privileges: d,
     componentsDictionary: s,
     isAuth: u
-  } = r, c = y(() => v(), []);
-  return /* @__PURE__ */ o(h, { value: c, children: /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o(l, { isMicroFrontEnd: !0, ...{
+  } = e, c = y(() => F(), []);
+  return /* @__PURE__ */ r(h, { value: c, children: /* @__PURE__ */ r(a, { children: /* @__PURE__ */ r(l, { isMicroFrontEnd: !0, ...{
     id: 1,
     currency: "USD",
     currency_decimal_digits: 2,
     decimal_symbol: ".",
     thousands_symbol: ","
-  }, children: /* @__PURE__ */ o(
+  }, children: /* @__PURE__ */ r(v, { moduleId: o, children: /* @__PURE__ */ r(
     f,
     {
       isAuth: u,
-      moduleId: i,
+      moduleId: o,
       moduleNameField: n,
       componentsDictionary: s,
       skeletonFlags: m,
       privileges: d,
-      children: /* @__PURE__ */ o(p, { isMicroFrontEnd: !0, ...t, children: e })
+      children: /* @__PURE__ */ r(p, { isMicroFrontEnd: !0, ...i, children: t })
     }
-  ) }) }) });
+  ) }) }) }) });
 }
 export {
-  C as MFNoAuthApp,
-  C as default
+  H as MFNoAuthApp,
+  H as default
 };

package/index.js

@@ -1,44 +1,48 @@
-import { LIMIT_RECORDS_500_CONFIG as r } from "./constants.js";
-import { MFNoAuthApp as p } from "./components/MFNoAuthApp/index.js";
+import { LIMIT_RECORDS_500_CONFIG as e } from "./constants.js";
+import { MFNoAuthApp as m } from "./components/MFNoAuthApp/index.js";
 import { MFHostApp as a } from "./components/MFHostApp/MFHostApp.js";
-import { ModuleDetailTabs as f } from "./components/ModuleDetailTabs/ModuleDetailTabs.js";
-import { DynamicTabs as x } from "./components/DynamicTabs/DynamicTabs.js";
+import { ModuleDetailTabs as i } from "./components/ModuleDetailTabs/ModuleDetailTabs.js";
+import { DynamicTabs as n } from "./components/DynamicTabs/DynamicTabs.js";
 import { NoAuthModuleLayout as s } from "./layouts/NoAuthModuleLayout/index.js";
-import { ModuleLayout as M } from "./layouts/ModuleLayout/ModuleLayout.js";
+import { ModuleLayout as d } from "./layouts/ModuleLayout/ModuleLayout.js";
 import { ModuleProvider as y } from "./layouts/ModuleLayout/contexts/ModuleContext/index.js";
 import { getModuleLayoutComponentsDictionary as c } from "./layouts/ModuleLayout/dicctionary.js";
-import { MasterDetailLayout as L } from "./layouts/MasterDetailLayout/MasterDetailLayout.js";
-import { getMasterDetailLayoutComponentsDictionary as F } from "./layouts/MasterDetailLayout/dicctionary.js";
-import { defaultNoAuthModuleLayoutDictionary as h, getNoAuthModuleLayoutComponentsDictionary as g } from "./layouts/NoAuthModuleLayout/dicctionary.js";
-import { useMasterDetail as R } from "./hooks/useMasterDetail/index.js";
-import { useModule as _ } from "./hooks/useModule/index.js";
-import { useDynamicAccordions as E } from "./hooks/useDynamicAccordions/useDynamicAccordions.js";
-import { createComponentField as P, useDynamicPaperForm as k } from "./hooks/useDynamicPaperForm/useDynamicPaperForm.js";
-import { useNetworkActionConfirm as w } from "./hooks/useNetworkActionConfirm/useNetworkActionConfirm.js";
-import { useFormAddEdit as H } from "./hooks/useFormAddEdit/useFormAddEdit.js";
+import { MasterDetailLayout as F } from "./layouts/MasterDetailLayout/MasterDetailLayout.js";
+import { getMasterDetailLayoutComponentsDictionary as C } from "./layouts/MasterDetailLayout/dicctionary.js";
+import { defaultNoAuthModuleLayoutDictionary as R, getNoAuthModuleLayoutComponentsDictionary as g } from "./layouts/NoAuthModuleLayout/dicctionary.js";
+import { useMasterDetail as E } from "./hooks/useMasterDetail/index.js";
+import { useModule as I } from "./hooks/useModule/index.js";
+import { useDynamicAccordions as _ } from "./hooks/useDynamicAccordions/useDynamicAccordions.js";
+import { createComponentField as O, useDynamicPaperForm as P } from "./hooks/useDynamicPaperForm/useDynamicPaperForm.js";
+import { useNetworkActionConfirm as v } from "./hooks/useNetworkActionConfirm/useNetworkActionConfirm.js";
+import { useFormAddEdit as G } from "./hooks/useFormAddEdit/useFormAddEdit.js";
 import { useRefreshData as j } from "./hooks/useRefreshData/useRefreshData.js";
 import { createAppMF as z } from "./utils/createAppMF.js";
+import { registerMFRuntimeErrorHandler as J, reportMFRuntimeError as K, unregisterMFRuntimeErrorHandler as Q } from "./utils/mfRuntimeErrors.js";
 export {
-  x as DynamicTabs,
-  r as LIMIT_RECORDS_500_CONFIG,
+  n as DynamicTabs,
+  e as LIMIT_RECORDS_500_CONFIG,
   a as MFHostApp,
-  p as MFNoAuthApp,
-  L as MasterDetailLayout,
-  f as ModuleDetailTabs,
-  M as ModuleLayout,
+  m as MFNoAuthApp,
+  F as MasterDetailLayout,
+  i as ModuleDetailTabs,
+  d as ModuleLayout,
   y as ModuleProvider,
   s as NoAuthModuleLayout,
   z as createAppMF,
-  P as createComponentField,
-  h as defaultNoAuthModuleLayoutDictionary,
-  F as getMasterDetailLayoutComponentsDictionary,
+  O as createComponentField,
+  R as defaultNoAuthModuleLayoutDictionary,
+  C as getMasterDetailLayoutComponentsDictionary,
   c as getModuleLayoutComponentsDictionary,
   g as getNoAuthModuleLayoutComponentsDictionary,
-  E as useDynamicAccordions,
-  k as useDynamicPaperForm,
-  H as useFormAddEdit,
-  R as useMasterDetail,
-  _ as useModule,
-  w as useNetworkActionConfirm,
+  J as registerMFRuntimeErrorHandler,
+  K as reportMFRuntimeError,
+  Q as unregisterMFRuntimeErrorHandler,
+  _ as useDynamicAccordions,
+  P as useDynamicPaperForm,
+  G as useFormAddEdit,
+  E as useMasterDetail,
+  I as useModule,
+  v as useNetworkActionConfirm,
   j as useRefreshData
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/layouts",
-  "version": "9.5.0",
+  "version": "9.5.1-beta-feat-mfloader-observability-prep-20260506.0",
   "publishConfig": {
     "access": "public"
   },

package/utils/createAppMF.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createAppMF.d.ts","sourceRoot":"","sources":["../../../../../packages/layouts/src/utils/createAppMF.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAM7C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,CAAC,KAAK,EAAE;QAAE,UAAU,CAAC,EAAE,UAAU,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC;IACzD,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,oBAAoB,EAAE,MAAM,EAAE,CAAC;IAC/B,aAAa,EAAE,MAAM,EAAE,CAAC;CACzB,CAAC;AA6BF;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,QA4ElD"}
+{"version":3,"file":"createAppMF.d.ts","sourceRoot":"","sources":["../../../../../packages/layouts/src/utils/createAppMF.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAS7C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,CAAC,KAAK,EAAE;QAAE,UAAU,CAAC,EAAE,UAAU,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC;IACzD,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,oBAAoB,EAAE,MAAM,EAAE,CAAC;IAC/B,aAAa,EAAE,MAAM,EAAE,CAAC;CACzB,CAAC;AA6BF;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,QAiFlD"}

package/utils/createAppMF.js

@@ -1,34 +1,34 @@
-import { jsx as d } from "@emotion/react/jsx-runtime";
+import { jsx as u } from "@emotion/react/jsx-runtime";
 import { MFHostApp as w } from "../components/MFHostApp/MFHostApp.js";
-import { createRoot as _ } from "react-dom/client";
-function t(n, o) {
+import { createRoot as R } from "react-dom/client";
+function s(n, o) {
   return `__root_${n}_${o}`;
 }
-function R(n, o) {
-  return window[t(n, o)];
+function $(n, o) {
+  return window[s(n, o)];
 }
-function $(n, o, i) {
-  window[t(n, o)] = i;
+function h(n, o, r) {
+  window[s(n, o)] = r;
 }
-function h(n, o) {
-  delete window[t(n, o)];
+function v(n, o) {
+  delete window[s(n, o)];
 }
 function y(n) {
   const {
     prefixMF: o,
-    moduleId: i,
-    App: m,
+    moduleId: r,
+    App: l,
     privileges: p,
-    appVersion: u,
-    componentsDictionary: l,
-    skeletonFlags: g
+    appVersion: t,
+    componentsDictionary: g,
+    skeletonFlags: f
   } = n;
-  function f(e) {
-    const r = document.getElementById(e.containerId);
-    if (r) {
-      const s = _(r);
-      $(o, e.containerId, s), s.render(
-        /* @__PURE__ */ d(
+  function _(e) {
+    const i = document.getElementById(e.containerId);
+    if (i) {
+      const m = R(i);
+      h(o, e.containerId, m), m.render(
+        /* @__PURE__ */ u(
           w,
           {
             environment: e.environment,
@@ -38,26 +38,28 @@ function y(n) {
             hostTheme: e.hostTheme,
             formatters: e.formatter,
             dynamicMFStore: e.dynamicMFStore,
-            moduleId: i,
+            moduleId: r,
+            moduleVersion: t,
             privileges: p,
-            skeletonFlags: g,
-            componentsDictionary: l,
+            skeletonFlags: f,
+            componentsDictionary: g,
             windowTools: e.windowTools,
             hostRuntime: e.hostRuntime,
             loggedUser: e.loggedUser,
-            children: /* @__PURE__ */ d(m, { emergeType: e.emergeType })
+            children: /* @__PURE__ */ u(l, { emergeType: e.emergeType })
           }
         )
       );
     }
   }
-  window[`render_v2_${o}_${i}`] = (e) => {
-    f(e);
-  }, window[`unmount_${o}_${i}`] = (e) => {
-    const r = R(o, e);
-    r && (r.unmount(), process.env.NODE_ENV === "development" && console.debug(`unmount_${o}_${i}`, e), h(o, e));
+  const d = ((e) => {
+    _(e);
+  });
+  d.__version = t, window[`render_v2_${o}_${r}`] = d, window[`unmount_${o}_${r}`] = (e) => {
+    const i = $(o, e);
+    i && (i.unmount(), process.env.NODE_ENV === "development" && console.debug(`unmount_${o}_${r}`, e), v(o, e));
   }, process.env.NODE_ENV === "development" && console.debug(
-    `******* Module ESM: ${o}_${i} - Version ${u} loaded ******* `
+    `******* Module ESM: ${o}_${r} - Version ${t} loaded ******* `
   );
 }
 export {

package/utils/index.d.ts

@@ -1,2 +1,3 @@
 export * from './createAppMF';
+export * from './mfRuntimeErrors';
 //# sourceMappingURL=index.d.ts.map

package/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/layouts/src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/layouts/src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC"}

package/utils/mfRuntimeErrors.d.ts

@@ -0,0 +1,20 @@
+export interface MFRuntimeErrorEvent {
+    moduleId: string;
+    moduleVersion?: string;
+    error: Error;
+    componentStack?: string;
+}
+export type MFRuntimeErrorHandler = (event: MFRuntimeErrorEvent) => void;
+/**
+ * Register a host-owned handler for MF runtime errors caught inside MFHostApp.
+ */
+export declare function registerMFRuntimeErrorHandler(handler: MFRuntimeErrorHandler): void;
+/**
+ * Remove the currently registered MF runtime error handler.
+ */
+export declare function unregisterMFRuntimeErrorHandler(): void;
+/**
+ * Report a caught MF runtime error to the registered host handler, if any.
+ */
+export declare function reportMFRuntimeError(event: MFRuntimeErrorEvent): void;
+//# sourceMappingURL=mfRuntimeErrors.d.ts.map

package/utils/mfRuntimeErrors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mfRuntimeErrors.d.ts","sourceRoot":"","sources":["../../../../../packages/layouts/src/utils/mfRuntimeErrors.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC;IACb,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,MAAM,qBAAqB,GAAG,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;AAIzE;;GAEG;AACH,wBAAgB,6BAA6B,CAC3C,OAAO,EAAE,qBAAqB,GAC7B,IAAI,CAEN;AAED;;GAEG;AACH,wBAAgB,+BAA+B,IAAI,IAAI,CAEtD;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,mBAAmB,GAAG,IAAI,CAMrE"}

package/utils/mfRuntimeErrors.js

@@ -0,0 +1,18 @@
+let e;
+function n(r) {
+  e = r;
+}
+function t() {
+  e = void 0;
+}
+function i(r) {
+  try {
+    e?.(r);
+  } catch {
+  }
+}
+export {
+  n as registerMFRuntimeErrorHandler,
+  i as reportMFRuntimeError,
+  t as unregisterMFRuntimeErrorHandler
+};