mfe-runtime-z 1.1.0 → 1.2.1

package/README.md

@@ -6,7 +6,6 @@
 
 ---
 
-
 [![NPM](https://img.shields.io/npm/v/mfe-runtime-z.svg)](https://www.npmjs.com/package/mfe-runtime-z)
 [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
 ![Downloads](https://img.shields.io/npm/dt/mfe-runtime-z.svg)
@@ -38,6 +37,7 @@ This library focuses on **application-level integration**, not component sharing
 npm install mfe-runtime-z
 # or
 yarn add mfe-runtime-z
+
 ```
 
 ---
@@ -71,7 +71,7 @@ window.myRemoteApp = { mount(el, ctx), unmount(el) }
 import { MFEHost, createSharedStore } from "mfe-runtime-z"
 
 // shared store example
-const authStore = createSharedStore({ user: null })
+const authStore = createSharedStore({ user: { name: 'name' } })
 
 // create host with isolate: true for Shadow DOM + error isolation
 const host = new MFEHost({
@@ -81,19 +81,22 @@ const host = new MFEHost({
   onRemoteError: (err) => console.error("Remote error:", err)
 })
 
-// load remote apps
-const productRemote = await host.load("http://localhost:3001/remote.js", "productApp")
-const cartRemote = await host.load("http://localhost:3002/remote.js", "cartApp")
+async function init() {
+  // load remote apps
+  const productRemote = await host.load("http://localhost:3001/remote.js", "productApp")
+  const cartRemote = await host.load("http://localhost:3002/remote.js", "cartApp")
 
-// mount remotes into host container divs
-host.mount(productRemote, document.getElementById("product-root")!, "productApp", { isolate: true }) // shadow
-host.mount(cartRemote, document.getElementById("cart-root")!, "cartApp")
+  // mount remotes into host container divs
+  host.mount(productRemote, document.getElementById("product-root")!, "productApp", { isolate: false }) // shadow
+  host.mount(cartRemote, document.getElementById("cart-root")!, "cartApp")
 
-// // Unmount Shadow DOM remote
-// host.unmount(productRemote, document.getElementById("product-root")!, "productApp")
-// // Unmount normal remote
-// host.unmount(cartRemote, document.getElementById("cart-root")!, "cartApp")
+  // // Unmount Shadow DOM remote
+  // host.unmount(productRemote, document.getElementById("product-root")!, "productApp")
+  // // Unmount normal remote
+  // host.unmount(cartRemote, document.getElementById("cart-root")!, "cartApp")
+}
 
+init()
 ```
 
 ##### Remote application (framework-agnostic)
@@ -119,45 +122,65 @@ export function unmount(el: ShadowRoot) {
 ;(window as any).cartApp = { mount, unmount }
 ```
 
-##### Remote app (framework-react-library)
+##### Remote application (framework-react-library)
 
 ```ts
 import React from "react"
 import ReactDOM from "react-dom/client"
+import { createSharedStore } from "mfe-runtime-z"
 
-type AuthStore = {
-  user: { id: string; name: string } | null
-  subscribe: (cb: (state:any)=>void)=>void
-  setState: (s:any)=>void
-}
+export const authStore = createSharedStore<{ user: { id: string; name: string } | null }>({
+  user: null,
+})
+
+export default function App() {
+  const [user, setUser] = React.useState(authStore.getState().user)
 
-function App({ store }: { store: AuthStore }) {
-  const [user, setUser] = React.useState(store.user)
   React.useEffect(() => {
-    const unsub = store.subscribe((state:any) => setUser(state.user))
-    return () => unsub?.()
-  }, [store])
+    const unsubscribe = authStore.subscribe((state) => setUser(state.user))
+    return () => unsubscribe()
+  }, [])
+
+  const handleLogin = () => {
+    authStore.setState({ user: { id: "1", name: "Alice" } })
+  }
+
+  const handleLogout = () => {
+    authStore.setState({ user: null })
+  }
+
   return (
     <div>
-      {user ? <span>Hello {user.name}</span> : <button onClick={()=>store.setState({user:{id:"1",name:"Alice"}})}>Login</button>}
+      {user ? (
+        <>
+          <span>Hello {user.name}</span>
+          <button onClick={handleLogout}>Logout</button>
+        </>
+      ) : (
+        <button onClick={handleLogin}>Login</button>
+      )}
     </div>
   )
 }
 
-// mount/unmount compatible with Shadow DOM
-export function mount(el: HTMLElement | ShadowRoot, ctx: { stores: { auth: AuthStore } }) {
-  const root = ReactDOM.createRoot(el as unknown as HTMLElement)
+// mount function
+export function mount(el: HTMLElement, ctx: any) {
+  const root = ReactDOM.createRoot(el)
   ;(el as any)._reactRoot = root
-  root.render(<App store={ctx.stores.auth} />)
+  // @ts-ignore
+  root.render(<App />) // <- ctx.stores.auth
 }
 
-export function unmount(el: HTMLElement | ShadowRoot) {
+// unmount function
+export function unmount(el: HTMLElement) {
   const root = (el as any)._reactRoot
-  if (root) root.unmount()
+  root?.unmount()
   el.innerHTML = ""
 }
 
+// expose to window
 ;(window as any).productApp = { mount, unmount }
+
 ```
 
 ---
@@ -165,9 +188,17 @@ export function unmount(el: HTMLElement | ShadowRoot) {
 ### Shared State
 
 ```ts
-const store = createSharedStore({ count: 0 })
-store.subscribe((state) => console.log(state.count))
-store.setState({ count: 1 })
+import { createSharedStore } from "mfe-runtime-z"
+
+export const store = createSharedStore({
+  auth: { user: null }
+})
+
+// Subscribe
+store.subscribe((state) => console.log("New state:", state))
+
+// Update
+store.setState({ auth: { user: { id: 1, name: "Alice" } } })
 ```
 
 - Push-based, no Redux, no shared framework state
@@ -179,10 +210,20 @@ store.setState({ count: 1 })
 ```ts
 import { createSharedRouter } from "mfe-runtime-z"
 
-const router = createSharedRouter(ctx)
+// Remote app context
+const router = createSharedRouter({ eventBus, name: "productApp" })
+
 router.go("/cart")
 router.onChange((path) => console.log("navigated to", path))
 
+// Listen route changes from host or other remotes
+router.onRouteChange((path) => {
+  console.log("Remote route changed:", path)
+})
+
+// Notify other remotes of route change
+router.emitRouteChange("/checkout")
+
 ```
 
 - Intent-based navigation
@@ -252,6 +293,7 @@ if (process.env.NODE_ENV === "development") {
 ```
 
 ###### Remote dev notify.
+
 ```ts
 // Only run in development
 if (import.meta.env.DEV) {
@@ -266,13 +308,20 @@ if (import.meta.env.DEV) {
 }
 ```
 
-✅ Summary of Comments
+---
 
-- Host side: sets up a WebSocket-based dev reload server that listens for changes from remotes and automatically reloads them without refreshing the host page.
+### Plugin API Summary
 
-- Remote side: connects to host WebSocket and sends a message when HMR triggers (code changed), so the host can remount the updated remote.
+| Method                                            | Description                                                                              |
+| ------------------------------------------------- | ---------------------------------------------------------------------------------------- |
+| `MFEHost.load(url, global)`                       | Load a remote JS bundle from URL.                                                        |
+| `MFEHost.mount(remote, el, name, options?)`       | Mount remote app into a container element, optionally in shadow DOM.                     |
+| `MFEHost.unmount(remote, el)`                     | Unmount a remote app.                                                                    |
+| `MFEHost.reloadRemote({ name, url, global, el })` | Reload a remote app (unmount + reload script + mount).                                   |
+| `MFEHost.getEventBus()`                           | Access central event bus for custom events.                                              |
+| `createSharedStore(initial)`                      | Create a shared state store with `getState()`, `setState()`, `subscribe()`.              |
+| `createSharedRouter({ eventBus, name })`          | Router helper: `go(path)`, `onChange(cb)`, `emitRouteChange(path)`, `onRouteChange(cb)`. |
 
-- Purpose: smooth dev experience for micro-frontends, framework-agnostic, avoids full page reload.
 
 ---
 
@@ -314,6 +363,38 @@ if (import.meta.env.DEV) {
 
 ---
 
+#### Flowchart
+
+```css
+                ┌────────────────────┐
+                │       Host         │
+                │--------------------│
+                │  - stores          │
+                │  - eventBus        │
+                │  - navigate()      │
+                └────────────────────┘
+                          ▲
+                          │
+            ┌─────────────┴─────────────┐
+            │                           │
+  ROUTER / EVENTS                    SHARED STORE
+            │                           │
+            ▼                           ▼
+ ┌────────────────────┐         ┌────────────────────┐
+ │    Remote App A    │         │    Remote App B    │
+ │--------------------│         │--------------------│
+ │  - mount(container)│         │  - mount(container)│
+ │  - unmount()       │         │  - unmount()       │
+ │  - emit events     │         │  - emit events     │
+ │  - go(path)        │         │  - go(path)        │
+ │  - onChange(cb)    │         │  - onChange(cb)    │
+ │  - onRouteChange() │         │  - onRouteChange() │
+ │  - use shared store│         │  - use shared store│
+ └────────────────────┘         └────────────────────┘
+```
+
+---
+
 ### License
 
 MIT

package/build/index.esm.js

@@ -1,340 +1 @@
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-var __assign = function() {
-  __assign = Object.assign || function __assign(t) {
-      for (var s, i = 1, n = arguments.length; i < n; i++) {
-          s = arguments[i];
-          for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-      }
-      return t;
-  };
-  return __assign.apply(this, arguments);
-};
-
-function __awaiter(thisArg, _arguments, P, generator) {
-  function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-  return new (P || (P = Promise))(function (resolve, reject) {
-      function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-      function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-      function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-      step((generator = generator.apply(thisArg, _arguments || [])).next());
-  });
-}
-
-function __generator(thisArg, body) {
-  var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-  return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-  function verb(n) { return function (v) { return step([n, v]); }; }
-  function step(op) {
-      if (f) throw new TypeError("Generator is already executing.");
-      while (g && (g = 0, op[0] && (_ = 0)), _) try {
-          if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-          if (y = 0, t) op = [op[0] & 2, t.value];
-          switch (op[0]) {
-              case 0: case 1: t = op; break;
-              case 4: _.label++; return { value: op[1], done: false };
-              case 5: _.label++; y = op[1]; op = [0]; continue;
-              case 7: op = _.ops.pop(); _.trys.pop(); continue;
-              default:
-                  if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                  if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                  if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                  if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                  if (t[2]) _.ops.pop();
-                  _.trys.pop(); continue;
-          }
-          op = body.call(thisArg, _);
-      } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-      if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-  }
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-  var e = new Error(message);
-  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
-// loader/loadScript.ts
-var loaded = new Set();
-function loadScript(url, options) {
-    if (options === void 0) { options = {}; }
-    return __awaiter(this, void 0, void 0, function () {
-        var _a, timeout, _b, retries, attempt, err_1;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
-                case 0:
-                    _a = options.timeout, timeout = _a === void 0 ? 15000 : _a, _b = options.retries, retries = _b === void 0 ? 1 : _b;
-                    if (loaded.has(url))
-                        return [2 /*return*/];
-                    attempt = 0;
-                    _c.label = 1;
-                case 1:
-                    if (!(attempt <= retries)) return [3 /*break*/, 6];
-                    _c.label = 2;
-                case 2:
-                    _c.trys.push([2, 4, , 5]);
-                    return [4 /*yield*/, loadOnce(url, timeout)];
-                case 3:
-                    _c.sent();
-                    loaded.add(url);
-                    return [2 /*return*/];
-                case 4:
-                    err_1 = _c.sent();
-                    if (attempt === retries) {
-                        throw err_1;
-                    }
-                    return [3 /*break*/, 5];
-                case 5:
-                    attempt++;
-                    return [3 /*break*/, 1];
-                case 6: return [2 /*return*/];
-            }
-        });
-    });
-}
-function loadOnce(url, timeout) {
-    return new Promise(function (resolve, reject) {
-        var script = document.createElement("script");
-        script.src = url;
-        script.async = true;
-        var timer = setTimeout(function () {
-            cleanup();
-            reject(new Error("Timeout loading ".concat(url)));
-        }, timeout);
-        function cleanup() {
-            clearTimeout(timer);
-            script.remove();
-        }
-        script.onload = function () {
-            cleanup();
-            resolve();
-        };
-        script.onerror = function () {
-            cleanup();
-            reject(new Error("Failed to load ".concat(url)));
-        };
-        document.body.appendChild(script);
-    });
-}
-
-var EventBus = /** @class */ (function () {
-    function EventBus() {
-        this.map = new Map();
-    }
-    EventBus.prototype.on = function (event, handler) {
-        if (!this.map.has(event)) {
-            this.map.set(event, new Set());
-        }
-        this.map.get(event).add(handler);
-    };
-    EventBus.prototype.off = function (event, handler) {
-        var _a;
-        (_a = this.map.get(event)) === null || _a === void 0 ? void 0 : _a.delete(handler);
-    };
-    EventBus.prototype.emit = function (event, payload) {
-        var _a;
-        (_a = this.map.get(event)) === null || _a === void 0 ? void 0 : _a.forEach(function (fn) { return fn(payload); });
-    };
-    return EventBus;
-}());
-
-var ROUTER_EVENTS = {
-    REQUEST_NAVIGATE: "ROUTER:REQUEST_NAVIGATE",
-    NAVIGATE: "ROUTER:NAVIGATE",
-};
-
-function enableRouterSync(eventBus, navigate) {
-    eventBus.on(ROUTER_EVENTS.REQUEST_NAVIGATE, function (_a) {
-        var path = _a.path;
-        navigate(path);
-        eventBus.emit(ROUTER_EVENTS.NAVIGATE, { path: path });
-    });
-}
-
-var MFEHost = /** @class */ (function () {
-    function MFEHost(options) {
-        if (options === void 0) { options = {}; }
-        var _a, _b;
-        this.eventBus = new EventBus();
-        this.isolate = false;
-        this.stores = (_a = options.stores) !== null && _a !== void 0 ? _a : {};
-        this.navigate = options.navigate;
-        this.onRemoteError = options.onRemoteError;
-        this.fallback = options.fallback;
-        this.isolate = (_b = options.isolate) !== null && _b !== void 0 ? _b : false;
-        if (this.navigate) {
-            enableRouterSync(this.eventBus, this.navigate);
-        }
-    }
-    /** Load remote JS only */
-    MFEHost.prototype.load = function (url, global) {
-        var _a, _b;
-        return __awaiter(this, void 0, void 0, function () {
-            var err_1, remote, err;
-            return __generator(this, function (_c) {
-                switch (_c.label) {
-                    case 0:
-                        _c.trys.push([0, 2, , 3]);
-                        return [4 /*yield*/, loadScript(url, { retries: 1 })];
-                    case 1:
-                        _c.sent();
-                        return [3 /*break*/, 3];
-                    case 2:
-                        err_1 = _c.sent();
-                        (_a = this.onRemoteError) === null || _a === void 0 ? void 0 : _a.call(this, err_1);
-                        throw err_1;
-                    case 3:
-                        remote = window[global];
-                        if (!(remote === null || remote === void 0 ? void 0 : remote.mount)) {
-                            err = new Error("Remote \"".concat(global, "\" not found"));
-                            (_b = this.onRemoteError) === null || _b === void 0 ? void 0 : _b.call(this, err);
-                            throw err;
-                        }
-                        return [2 /*return*/, remote];
-                }
-            });
-        });
-    };
-    /** Mount remote with optional Shadow DOM isolation */
-    MFEHost.prototype.mount = function (remote, el, name, options) {
-        var _a, _b;
-        var isolate = (_a = options === null || options === void 0 ? void 0 : options.isolate) !== null && _a !== void 0 ? _a : this.isolate;
-        var mountEl = el;
-        // Shadow DOM isolation
-        if (isolate) {
-            if (el._shadowRoot)
-                el._shadowRoot.innerHTML = "";
-            var mode = (_b = options === null || options === void 0 ? void 0 : options.shadowMode) !== null && _b !== void 0 ? _b : "open";
-            // @ts-ignore
-            var shadow = el.attachShadow({ mode: mode })(el)._shadowRoot = shadow;
-            // For React/Vue remotes, create container div
-            var container = document.createElement("div");
-            shadow.appendChild(container);
-            // @ts-ignore
-            mountEl = container(el)._mountEl = container;
-        }
-        var ctx = {
-            name: name,
-            stores: this.stores,
-            eventBus: this.eventBus,
-            host: { navigate: this.navigate },
-        };
-        try {
-            remote.mount(mountEl, ctx);
-            console.log("[MFE] mounted ".concat(name, " ").concat(isolate ? "(shadow)" : ""));
-        }
-        catch (err) {
-            var error = err;
-            console.error("[MFE] remote ".concat(name, " mount failed:"), error);
-            if (this.onRemoteError)
-                this.onRemoteError(error);
-            if (this.fallback) {
-                this.fallback(mountEl, name, error, ctx);
-            }
-            else {
-                mountEl.innerHTML = "<div style=\"color:red\">Failed to load ".concat(name, "</div>");
-            }
-        }
-    };
-    /** Unmount remote */
-    MFEHost.prototype.unmount = function (remote, el, name) {
-        var _a, _b, _c, _d;
-        try {
-            var mountEl = (_a = el._mountEl) !== null && _a !== void 0 ? _a : (this.isolate ? (_b = el.shadowRoot) !== null && _b !== void 0 ? _b : el : el);
-            (_c = remote.unmount) === null || _c === void 0 ? void 0 : _c.call(remote, mountEl);
-            delete el._mountEl;
-            if (name)
-                console.log("[MFE] unmounted ".concat(name));
-        }
-        catch (err) {
-            (_d = this.onRemoteError) === null || _d === void 0 ? void 0 : _d.call(this, err);
-        }
-    };
-    /** Get central event bus */
-    MFEHost.prototype.getEventBus = function () {
-        return this.eventBus;
-    };
-    /** Reload remote: unmount + reload script + mount again */
-    MFEHost.prototype.reloadRemote = function (options) {
-        var _a, _b, _c;
-        return __awaiter(this, void 0, void 0, function () {
-            var name, url, global, el, isolate, oldRemote, mountEl, newRemote;
-            return __generator(this, function (_d) {
-                switch (_d.label) {
-                    case 0:
-                        name = options.name, url = options.url, global = options.global, el = options.el, isolate = options.isolate;
-                        try {
-                            oldRemote = window[global];
-                            mountEl = (_a = el._mountEl) !== null && _a !== void 0 ? _a : ((isolate !== null && isolate !== void 0 ? isolate : this.isolate) ? (_b = el.shadowRoot) !== null && _b !== void 0 ? _b : el : el);
-                            (_c = oldRemote === null || oldRemote === void 0 ? void 0 : oldRemote.unmount) === null || _c === void 0 ? void 0 : _c.call(oldRemote, mountEl);
-                        }
-                        catch (_e) { }
-                        delete window[global];
-                        return [4 /*yield*/, this.load("".concat(url, "?t=").concat(Date.now()), global)];
-                    case 1:
-                        newRemote = _d.sent();
-                        this.mount(newRemote, el, name, { isolate: isolate });
-                        return [2 /*return*/];
-                }
-            });
-        });
-    };
-    return MFEHost;
-}());
-
-function createSharedStore(initial) {
-    var state = initial;
-    var listeners = new Set();
-    return {
-        getState: function () {
-            return state;
-        },
-        /** Update state (shallow merge) */
-        setState: function (partial) {
-            state = __assign(__assign({}, state), partial);
-            listeners.forEach(function (listener) { return listener(state); });
-        },
-        /** Subscribe to state changes */
-        subscribe: function (fn, callImmediately) {
-            if (callImmediately === void 0) { callImmediately = true; }
-            listeners.add(fn);
-            if (callImmediately)
-                fn(state); // Immediately call listener with current state
-            return function () { return listeners.delete(fn); };
-        },
-    };
-}
-
-function createSharedRouter(ctx) {
-    var eventBus = ctx.eventBus, name = ctx.name;
-    return {
-        /** Remote → Host */
-        go: function (path) {
-            eventBus.emit(ROUTER_EVENTS.REQUEST_NAVIGATE, {
-                from: name,
-                path: path,
-            });
-        },
-        /** Host → Remote */
-        onChange: function (cb) {
-            return eventBus.on(ROUTER_EVENTS.NAVIGATE, function (payload) {
-                cb(payload.path);
-            });
-        },
-    };
-}
-
-export { EventBus, MFEHost, createSharedRouter, createSharedStore, enableRouterSync, loadScript };
+var t=function(){return t=Object.assign||function(t){for(var n,o=1,e=arguments.length;o<e;o++)for(var r in n=arguments[o])Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r]);return t},t.apply(this,arguments)};function n(t,n,o,e){return new(o||(o=Promise))(function(r,i){function a(t){try{l(e.next(t))}catch(t){i(t)}}function u(t){try{l(e.throw(t))}catch(t){i(t)}}function l(t){var n;t.done?r(t.value):(n=t.value,n instanceof o?n:new o(function(t){t(n)})).then(a,u)}l((e=e.apply(t,n||[])).next())})}function o(t,n){var o,e,r,i={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]},a=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return a.next=u(0),a.throw=u(1),a.return=u(2),"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function u(u){return function(l){return function(u){if(o)throw new TypeError("Generator is already executing.");for(;a&&(a=0,u[0]&&(i=0)),i;)try{if(o=1,e&&(r=2&u[0]?e.return:u[0]?e.throw||((r=e.return)&&r.call(e),0):e.next)&&!(r=r.call(e,u[1])).done)return r;switch(e=0,r&&(u=[2&u[0],r.value]),u[0]){case 0:case 1:r=u;break;case 4:return i.label++,{value:u[1],done:!1};case 5:i.label++,e=u[1],u=[0];continue;case 7:u=i.ops.pop(),i.trys.pop();continue;default:if(!(r=i.trys,(r=r.length>0&&r[r.length-1])||6!==u[0]&&2!==u[0])){i=0;continue}if(3===u[0]&&(!r||u[1]>r[0]&&u[1]<r[3])){i.label=u[1];break}if(6===u[0]&&i.label<r[1]){i.label=r[1],r=u;break}if(r&&i.label<r[2]){i.label=r[2],i.ops.push(u);break}r[2]&&i.ops.pop(),i.trys.pop();continue}u=n.call(t,i)}catch(t){u=[6,t],e=0}finally{o=r=0}if(5&u[0])throw u[1];return{value:u[0]?u[1]:void 0,done:!0}}([u,l])}}}"function"==typeof SuppressedError&&SuppressedError;var e=new Set;function r(t,r){return void 0===r&&(r={}),n(this,void 0,void 0,function(){var n,a,u,l,c,s;return o(this,function(o){switch(o.label){case 0:if(n=r.timeout,a=void 0===n?15e3:n,u=r.retries,l=void 0===u?1:u,e.has(t))return[2];c=0,o.label=1;case 1:if(!(c<=l))return[3,6];o.label=2;case 2:return o.trys.push([2,4,,5]),[4,i(t,a)];case 3:return o.sent(),e.add(t),[2];case 4:if(s=o.sent(),c===l)throw s;return[3,5];case 5:return c++,[3,1];case 6:return[2]}})})}function i(t,n){return new Promise(function(o,e){var r=document.createElement("script");r.src=t,r.async=!0;var i=setTimeout(function(){a(),e(new Error("Timeout loading ".concat(t)))},n);function a(){clearTimeout(i),r.remove()}r.onload=function(){a(),o()},r.onerror=function(){a(),e(new Error("Failed to load ".concat(t)))},document.body.appendChild(r)})}var a=function(){function t(){this.map=new Map}return t.prototype.on=function(t,n){this.map.has(t)||this.map.set(t,new Set),this.map.get(t).add(n)},t.prototype.off=function(t,n){var o;null===(o=this.map.get(t))||void 0===o||o.delete(n)},t.prototype.emit=function(t,n){var o;null===(o=this.map.get(t))||void 0===o||o.forEach(function(t){return t(n)})},t}(),u="ROUTER:REQUEST_NAVIGATE",l="ROUTER:NAVIGATE",c="ROUTER:ON_CHANGE";function s(t,n){t.on(u,function(o){var e=o.path;n(e),t.emit(l,{path:e})})}var h=function(){function t(t){void 0===t&&(t={});var n,o,e=this;this.eventBus=new a,this.isolate=!1,this.cache={},this.stores=null!==(n=t.stores)&&void 0!==n?n:{},this.navigate=t.navigate,this.onRemoteError=t.onRemoteError,this.fallback=t.fallback,this.isolate=null!==(o=t.isolate)&&void 0!==o&&o,this.onMountStart=t.onMountStart,this.onMountEnd=t.onMountEnd,this.onUnmountStart=t.onUnmountStart,this.onUnmountEnd=t.onUnmountEnd,this.navigate&&s(this.eventBus,this.navigate),this.eventBus.on(c,function(t){var n;null===(n=e.navigate)||void 0===n||n.call(e,t)})}return t.prototype.load=function(t,e){var i,a;return n(this,void 0,void 0,function(){var n,u,l;return o(this,function(o){switch(o.label){case 0:if(this.cache[e])return[2,this.cache[e]];o.label=1;case 1:return o.trys.push([1,3,,4]),[4,r(t,{retries:1})];case 2:return o.sent(),[3,4];case 3:throw n=o.sent(),null===(i=this.onRemoteError)||void 0===i||i.call(this,n),n;case 4:if(!(null==(u=window[e])?void 0:u.mount))throw l=new Error('Remote "'.concat(e,'" not found')),null===(a=this.onRemoteError)||void 0===a||a.call(this,l),l;return this.cache[e]=u,[2,u]}})})},t.prototype.preload=function(t,e){return n(this,void 0,void 0,function(){return o(this,function(n){switch(n.label){case 0:return[4,this.load(t,e)];case 1:return n.sent(),[2]}})})},t.prototype.mount=function(t,n,o,e){var r,i,a,u,l,c=null!==(r=null==e?void 0:e.isolate)&&void 0!==r?r:this.isolate,s=null;if(n._shadowRoot&&(n._shadowRoot.innerHTML=""),c&&"function"==typeof n.attachShadow)try{s=n.attachShadow({mode:null!==(i=null==e?void 0:e.shadowMode)&&void 0!==i?i:"open"})(n)._shadowRoot=s}catch(t){s=null}var h=document.createElement("div");s?s.appendChild(h):n.appendChild(h),n._mountEl=h;var d={name:o,stores:this.stores,eventBus:this.eventBus,host:{navigate:this.navigate}};try{null===(a=this.onMountStart)||void 0===a||a.call(this,o),t.mount(h,d),null===(u=this.onMountEnd)||void 0===u||u.call(this,o),console.log("[MFE] mounted ".concat(o," ").concat(c?"(shadow/fallback)":""))}catch(t){var f=t;console.error("[MFE] remote ".concat(o," mount failed:"),f),null===(l=this.onRemoteError)||void 0===l||l.call(this,f),this.fallback?this.fallback(h,o,f,d):h.innerHTML='<div style="color:red">Failed to load '.concat(o,"</div>")}},t.prototype.unmount=function(t,n,o){var e,r,i,a,u,l;try{null===(e=this.onUnmountStart)||void 0===e||e.call(this,null!=o?o:"");var c=null!==(r=n._mountEl)&&void 0!==r?r:this.isolate&&null!==(i=n.shadowRoot)&&void 0!==i?i:n;null===(a=t.unmount)||void 0===a||a.call(t,c),delete n._mountEl,null===(u=this.onUnmountEnd)||void 0===u||u.call(this,null!=o?o:""),o&&console.log("[MFE] unmounted ".concat(o))}catch(t){null===(l=this.onRemoteError)||void 0===l||l.call(this,t)}},t.prototype.getEventBus=function(){return this.eventBus},t.prototype.reloadRemote=function(t){var e,r,i;return n(this,void 0,void 0,function(){var n,a,u,l,c,s,h,d;return o(this,function(o){switch(o.label){case 0:n=t.name,a=t.url,u=t.global,l=t.el,c=t.isolate;try{s=window[u],h=null!==(e=l._mountEl)&&void 0!==e?e:(null!=c?c:this.isolate)&&null!==(r=l.shadowRoot)&&void 0!==r?r:l,null===(i=null==s?void 0:s.unmount)||void 0===i||i.call(s,h)}catch(t){}return delete window[u],delete this.cache[u],[4,this.load("".concat(a,"?t=").concat(Date.now()),u)];case 1:return d=o.sent(),this.mount(d,l,n,{isolate:c}),[2]}})})},t}();function d(n){var o=n,e=new Set;return{getState:function(){return o},setState:function(n){o=t(t({},o),n),e.forEach(function(t){return t(o)})},subscribe:function(t,n){return void 0===n&&(n=!0),e.add(t),n&&t(o),function(){return e.delete(t)}}}}function f(t){var n=t.eventBus,o=t.name;return{go:function(t){n.emit(u,{from:o,path:t})},onChange:function(t){return n.on(l,function(n){t(n.path)})},emitRouteChange:function(t){n.emit(c,{from:o,path:t})},onRouteChange:function(t){return n.on(c,function(n){n.from!==o&&t(n.path)})}}}export{a as EventBus,h as MFEHost,f as createSharedRouter,d as createSharedStore,s as enableRouterSync,r as loadScript};

package/build/index.js

@@ -1,355 +1 @@
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
-  typeof define === 'function' && define.amd ? define(['exports'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.MFERuntimeZ = {}));
-})(this, (function (exports) { 'use strict';
-
-  /******************************************************************************
-  Copyright (c) Microsoft Corporation.
-
-  Permission to use, copy, modify, and/or distribute this software for any
-  purpose with or without fee is hereby granted.
-
-  THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-  REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-  AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-  INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-  LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-  OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-  PERFORMANCE OF THIS SOFTWARE.
-  ***************************************************************************** */
-
-  var __assign = function() {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-  };
-
-  function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-  }
-
-  function __generator(thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-  }
-
-  typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-  };
-
-  // loader/loadScript.ts
-  var loaded = new Set();
-  function loadScript(url, options) {
-      if (options === void 0) { options = {}; }
-      return __awaiter(this, void 0, void 0, function () {
-          var _a, timeout, _b, retries, attempt, err_1;
-          return __generator(this, function (_c) {
-              switch (_c.label) {
-                  case 0:
-                      _a = options.timeout, timeout = _a === void 0 ? 15000 : _a, _b = options.retries, retries = _b === void 0 ? 1 : _b;
-                      if (loaded.has(url))
-                          return [2 /*return*/];
-                      attempt = 0;
-                      _c.label = 1;
-                  case 1:
-                      if (!(attempt <= retries)) return [3 /*break*/, 6];
-                      _c.label = 2;
-                  case 2:
-                      _c.trys.push([2, 4, , 5]);
-                      return [4 /*yield*/, loadOnce(url, timeout)];
-                  case 3:
-                      _c.sent();
-                      loaded.add(url);
-                      return [2 /*return*/];
-                  case 4:
-                      err_1 = _c.sent();
-                      if (attempt === retries) {
-                          throw err_1;
-                      }
-                      return [3 /*break*/, 5];
-                  case 5:
-                      attempt++;
-                      return [3 /*break*/, 1];
-                  case 6: return [2 /*return*/];
-              }
-          });
-      });
-  }
-  function loadOnce(url, timeout) {
-      return new Promise(function (resolve, reject) {
-          var script = document.createElement("script");
-          script.src = url;
-          script.async = true;
-          var timer = setTimeout(function () {
-              cleanup();
-              reject(new Error("Timeout loading ".concat(url)));
-          }, timeout);
-          function cleanup() {
-              clearTimeout(timer);
-              script.remove();
-          }
-          script.onload = function () {
-              cleanup();
-              resolve();
-          };
-          script.onerror = function () {
-              cleanup();
-              reject(new Error("Failed to load ".concat(url)));
-          };
-          document.body.appendChild(script);
-      });
-  }
-
-  var EventBus = /** @class */ (function () {
-      function EventBus() {
-          this.map = new Map();
-      }
-      EventBus.prototype.on = function (event, handler) {
-          if (!this.map.has(event)) {
-              this.map.set(event, new Set());
-          }
-          this.map.get(event).add(handler);
-      };
-      EventBus.prototype.off = function (event, handler) {
-          var _a;
-          (_a = this.map.get(event)) === null || _a === void 0 ? void 0 : _a.delete(handler);
-      };
-      EventBus.prototype.emit = function (event, payload) {
-          var _a;
-          (_a = this.map.get(event)) === null || _a === void 0 ? void 0 : _a.forEach(function (fn) { return fn(payload); });
-      };
-      return EventBus;
-  }());
-
-  var ROUTER_EVENTS = {
-      REQUEST_NAVIGATE: "ROUTER:REQUEST_NAVIGATE",
-      NAVIGATE: "ROUTER:NAVIGATE",
-  };
-
-  function enableRouterSync(eventBus, navigate) {
-      eventBus.on(ROUTER_EVENTS.REQUEST_NAVIGATE, function (_a) {
-          var path = _a.path;
-          navigate(path);
-          eventBus.emit(ROUTER_EVENTS.NAVIGATE, { path: path });
-      });
-  }
-
-  var MFEHost = /** @class */ (function () {
-      function MFEHost(options) {
-          if (options === void 0) { options = {}; }
-          var _a, _b;
-          this.eventBus = new EventBus();
-          this.isolate = false;
-          this.stores = (_a = options.stores) !== null && _a !== void 0 ? _a : {};
-          this.navigate = options.navigate;
-          this.onRemoteError = options.onRemoteError;
-          this.fallback = options.fallback;
-          this.isolate = (_b = options.isolate) !== null && _b !== void 0 ? _b : false;
-          if (this.navigate) {
-              enableRouterSync(this.eventBus, this.navigate);
-          }
-      }
-      /** Load remote JS only */
-      MFEHost.prototype.load = function (url, global) {
-          var _a, _b;
-          return __awaiter(this, void 0, void 0, function () {
-              var err_1, remote, err;
-              return __generator(this, function (_c) {
-                  switch (_c.label) {
-                      case 0:
-                          _c.trys.push([0, 2, , 3]);
-                          return [4 /*yield*/, loadScript(url, { retries: 1 })];
-                      case 1:
-                          _c.sent();
-                          return [3 /*break*/, 3];
-                      case 2:
-                          err_1 = _c.sent();
-                          (_a = this.onRemoteError) === null || _a === void 0 ? void 0 : _a.call(this, err_1);
-                          throw err_1;
-                      case 3:
-                          remote = window[global];
-                          if (!(remote === null || remote === void 0 ? void 0 : remote.mount)) {
-                              err = new Error("Remote \"".concat(global, "\" not found"));
-                              (_b = this.onRemoteError) === null || _b === void 0 ? void 0 : _b.call(this, err);
-                              throw err;
-                          }
-                          return [2 /*return*/, remote];
-                  }
-              });
-          });
-      };
-      /** Mount remote with optional Shadow DOM isolation */
-      MFEHost.prototype.mount = function (remote, el, name, options) {
-          var _a, _b;
-          var isolate = (_a = options === null || options === void 0 ? void 0 : options.isolate) !== null && _a !== void 0 ? _a : this.isolate;
-          var mountEl = el;
-          // Shadow DOM isolation
-          if (isolate) {
-              if (el._shadowRoot)
-                  el._shadowRoot.innerHTML = "";
-              var mode = (_b = options === null || options === void 0 ? void 0 : options.shadowMode) !== null && _b !== void 0 ? _b : "open";
-              // @ts-ignore
-              var shadow = el.attachShadow({ mode: mode })(el)._shadowRoot = shadow;
-              // For React/Vue remotes, create container div
-              var container = document.createElement("div");
-              shadow.appendChild(container);
-              // @ts-ignore
-              mountEl = container(el)._mountEl = container;
-          }
-          var ctx = {
-              name: name,
-              stores: this.stores,
-              eventBus: this.eventBus,
-              host: { navigate: this.navigate },
-          };
-          try {
-              remote.mount(mountEl, ctx);
-              console.log("[MFE] mounted ".concat(name, " ").concat(isolate ? "(shadow)" : ""));
-          }
-          catch (err) {
-              var error = err;
-              console.error("[MFE] remote ".concat(name, " mount failed:"), error);
-              if (this.onRemoteError)
-                  this.onRemoteError(error);
-              if (this.fallback) {
-                  this.fallback(mountEl, name, error, ctx);
-              }
-              else {
-                  mountEl.innerHTML = "<div style=\"color:red\">Failed to load ".concat(name, "</div>");
-              }
-          }
-      };
-      /** Unmount remote */
-      MFEHost.prototype.unmount = function (remote, el, name) {
-          var _a, _b, _c, _d;
-          try {
-              var mountEl = (_a = el._mountEl) !== null && _a !== void 0 ? _a : (this.isolate ? (_b = el.shadowRoot) !== null && _b !== void 0 ? _b : el : el);
-              (_c = remote.unmount) === null || _c === void 0 ? void 0 : _c.call(remote, mountEl);
-              delete el._mountEl;
-              if (name)
-                  console.log("[MFE] unmounted ".concat(name));
-          }
-          catch (err) {
-              (_d = this.onRemoteError) === null || _d === void 0 ? void 0 : _d.call(this, err);
-          }
-      };
-      /** Get central event bus */
-      MFEHost.prototype.getEventBus = function () {
-          return this.eventBus;
-      };
-      /** Reload remote: unmount + reload script + mount again */
-      MFEHost.prototype.reloadRemote = function (options) {
-          var _a, _b, _c;
-          return __awaiter(this, void 0, void 0, function () {
-              var name, url, global, el, isolate, oldRemote, mountEl, newRemote;
-              return __generator(this, function (_d) {
-                  switch (_d.label) {
-                      case 0:
-                          name = options.name, url = options.url, global = options.global, el = options.el, isolate = options.isolate;
-                          try {
-                              oldRemote = window[global];
-                              mountEl = (_a = el._mountEl) !== null && _a !== void 0 ? _a : ((isolate !== null && isolate !== void 0 ? isolate : this.isolate) ? (_b = el.shadowRoot) !== null && _b !== void 0 ? _b : el : el);
-                              (_c = oldRemote === null || oldRemote === void 0 ? void 0 : oldRemote.unmount) === null || _c === void 0 ? void 0 : _c.call(oldRemote, mountEl);
-                          }
-                          catch (_e) { }
-                          delete window[global];
-                          return [4 /*yield*/, this.load("".concat(url, "?t=").concat(Date.now()), global)];
-                      case 1:
-                          newRemote = _d.sent();
-                          this.mount(newRemote, el, name, { isolate: isolate });
-                          return [2 /*return*/];
-                  }
-              });
-          });
-      };
-      return MFEHost;
-  }());
-
-  function createSharedStore(initial) {
-      var state = initial;
-      var listeners = new Set();
-      return {
-          getState: function () {
-              return state;
-          },
-          /** Update state (shallow merge) */
-          setState: function (partial) {
-              state = __assign(__assign({}, state), partial);
-              listeners.forEach(function (listener) { return listener(state); });
-          },
-          /** Subscribe to state changes */
-          subscribe: function (fn, callImmediately) {
-              if (callImmediately === void 0) { callImmediately = true; }
-              listeners.add(fn);
-              if (callImmediately)
-                  fn(state); // Immediately call listener with current state
-              return function () { return listeners.delete(fn); };
-          },
-      };
-  }
-
-  function createSharedRouter(ctx) {
-      var eventBus = ctx.eventBus, name = ctx.name;
-      return {
-          /** Remote → Host */
-          go: function (path) {
-              eventBus.emit(ROUTER_EVENTS.REQUEST_NAVIGATE, {
-                  from: name,
-                  path: path,
-              });
-          },
-          /** Host → Remote */
-          onChange: function (cb) {
-              return eventBus.on(ROUTER_EVENTS.NAVIGATE, function (payload) {
-                  cb(payload.path);
-              });
-          },
-      };
-  }
-
-  exports.EventBus = EventBus;
-  exports.MFEHost = MFEHost;
-  exports.createSharedRouter = createSharedRouter;
-  exports.createSharedStore = createSharedStore;
-  exports.enableRouterSync = enableRouterSync;
-  exports.loadScript = loadScript;
-
-  Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
+!function(t,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports):"function"==typeof define&&define.amd?define(["exports"],n):n((t="undefined"!=typeof globalThis?globalThis:t||self).MFERuntimeZ={})}(this,function(t){"use strict";var n=function(){return n=Object.assign||function(t){for(var n,e=1,o=arguments.length;e<o;e++)for(var r in n=arguments[e])Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r]);return t},n.apply(this,arguments)};function e(t,n,e,o){return new(e||(e=Promise))(function(r,i){function a(t){try{l(o.next(t))}catch(t){i(t)}}function u(t){try{l(o.throw(t))}catch(t){i(t)}}function l(t){var n;t.done?r(t.value):(n=t.value,n instanceof e?n:new e(function(t){t(n)})).then(a,u)}l((o=o.apply(t,n||[])).next())})}function o(t,n){var e,o,r,i={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]},a=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return a.next=u(0),a.throw=u(1),a.return=u(2),"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function u(u){return function(l){return function(u){if(e)throw new TypeError("Generator is already executing.");for(;a&&(a=0,u[0]&&(i=0)),i;)try{if(e=1,o&&(r=2&u[0]?o.return:u[0]?o.throw||((r=o.return)&&r.call(o),0):o.next)&&!(r=r.call(o,u[1])).done)return r;switch(o=0,r&&(u=[2&u[0],r.value]),u[0]){case 0:case 1:r=u;break;case 4:return i.label++,{value:u[1],done:!1};case 5:i.label++,o=u[1],u=[0];continue;case 7:u=i.ops.pop(),i.trys.pop();continue;default:if(!(r=i.trys,(r=r.length>0&&r[r.length-1])||6!==u[0]&&2!==u[0])){i=0;continue}if(3===u[0]&&(!r||u[1]>r[0]&&u[1]<r[3])){i.label=u[1];break}if(6===u[0]&&i.label<r[1]){i.label=r[1],r=u;break}if(r&&i.label<r[2]){i.label=r[2],i.ops.push(u);break}r[2]&&i.ops.pop(),i.trys.pop();continue}u=n.call(t,i)}catch(t){u=[6,t],o=0}finally{e=r=0}if(5&u[0])throw u[1];return{value:u[0]?u[1]:void 0,done:!0}}([u,l])}}}"function"==typeof SuppressedError&&SuppressedError;var r=new Set;function i(t,n){return void 0===n&&(n={}),e(this,void 0,void 0,function(){var e,i,u,l,c,s;return o(this,function(o){switch(o.label){case 0:if(e=n.timeout,i=void 0===e?15e3:e,u=n.retries,l=void 0===u?1:u,r.has(t))return[2];c=0,o.label=1;case 1:if(!(c<=l))return[3,6];o.label=2;case 2:return o.trys.push([2,4,,5]),[4,a(t,i)];case 3:return o.sent(),r.add(t),[2];case 4:if(s=o.sent(),c===l)throw s;return[3,5];case 5:return c++,[3,1];case 6:return[2]}})})}function a(t,n){return new Promise(function(e,o){var r=document.createElement("script");r.src=t,r.async=!0;var i=setTimeout(function(){a(),o(new Error("Timeout loading ".concat(t)))},n);function a(){clearTimeout(i),r.remove()}r.onload=function(){a(),e()},r.onerror=function(){a(),o(new Error("Failed to load ".concat(t)))},document.body.appendChild(r)})}var u=function(){function t(){this.map=new Map}return t.prototype.on=function(t,n){this.map.has(t)||this.map.set(t,new Set),this.map.get(t).add(n)},t.prototype.off=function(t,n){var e;null===(e=this.map.get(t))||void 0===e||e.delete(n)},t.prototype.emit=function(t,n){var e;null===(e=this.map.get(t))||void 0===e||e.forEach(function(t){return t(n)})},t}(),l="ROUTER:REQUEST_NAVIGATE",c="ROUTER:NAVIGATE",s="ROUTER:ON_CHANGE";function h(t,n){t.on(l,function(e){var o=e.path;n(o),t.emit(c,{path:o})})}var d=function(){function t(t){void 0===t&&(t={});var n,e,o=this;this.eventBus=new u,this.isolate=!1,this.cache={},this.stores=null!==(n=t.stores)&&void 0!==n?n:{},this.navigate=t.navigate,this.onRemoteError=t.onRemoteError,this.fallback=t.fallback,this.isolate=null!==(e=t.isolate)&&void 0!==e&&e,this.onMountStart=t.onMountStart,this.onMountEnd=t.onMountEnd,this.onUnmountStart=t.onUnmountStart,this.onUnmountEnd=t.onUnmountEnd,this.navigate&&h(this.eventBus,this.navigate),this.eventBus.on(s,function(t){var n;null===(n=o.navigate)||void 0===n||n.call(o,t)})}return t.prototype.load=function(t,n){var r,a;return e(this,void 0,void 0,function(){var e,u,l;return o(this,function(o){switch(o.label){case 0:if(this.cache[n])return[2,this.cache[n]];o.label=1;case 1:return o.trys.push([1,3,,4]),[4,i(t,{retries:1})];case 2:return o.sent(),[3,4];case 3:throw e=o.sent(),null===(r=this.onRemoteError)||void 0===r||r.call(this,e),e;case 4:if(!(null==(u=window[n])?void 0:u.mount))throw l=new Error('Remote "'.concat(n,'" not found')),null===(a=this.onRemoteError)||void 0===a||a.call(this,l),l;return this.cache[n]=u,[2,u]}})})},t.prototype.preload=function(t,n){return e(this,void 0,void 0,function(){return o(this,function(e){switch(e.label){case 0:return[4,this.load(t,n)];case 1:return e.sent(),[2]}})})},t.prototype.mount=function(t,n,e,o){var r,i,a,u,l,c=null!==(r=null==o?void 0:o.isolate)&&void 0!==r?r:this.isolate,s=null;if(n._shadowRoot&&(n._shadowRoot.innerHTML=""),c&&"function"==typeof n.attachShadow)try{s=n.attachShadow({mode:null!==(i=null==o?void 0:o.shadowMode)&&void 0!==i?i:"open"})(n)._shadowRoot=s}catch(t){s=null}var h=document.createElement("div");s?s.appendChild(h):n.appendChild(h),n._mountEl=h;var d={name:e,stores:this.stores,eventBus:this.eventBus,host:{navigate:this.navigate}};try{null===(a=this.onMountStart)||void 0===a||a.call(this,e),t.mount(h,d),null===(u=this.onMountEnd)||void 0===u||u.call(this,e),console.log("[MFE] mounted ".concat(e," ").concat(c?"(shadow/fallback)":""))}catch(t){var f=t;console.error("[MFE] remote ".concat(e," mount failed:"),f),null===(l=this.onRemoteError)||void 0===l||l.call(this,f),this.fallback?this.fallback(h,e,f,d):h.innerHTML='<div style="color:red">Failed to load '.concat(e,"</div>")}},t.prototype.unmount=function(t,n,e){var o,r,i,a,u,l;try{null===(o=this.onUnmountStart)||void 0===o||o.call(this,null!=e?e:"");var c=null!==(r=n._mountEl)&&void 0!==r?r:this.isolate&&null!==(i=n.shadowRoot)&&void 0!==i?i:n;null===(a=t.unmount)||void 0===a||a.call(t,c),delete n._mountEl,null===(u=this.onUnmountEnd)||void 0===u||u.call(this,null!=e?e:""),e&&console.log("[MFE] unmounted ".concat(e))}catch(t){null===(l=this.onRemoteError)||void 0===l||l.call(this,t)}},t.prototype.getEventBus=function(){return this.eventBus},t.prototype.reloadRemote=function(t){var n,r,i;return e(this,void 0,void 0,function(){var e,a,u,l,c,s,h,d;return o(this,function(o){switch(o.label){case 0:e=t.name,a=t.url,u=t.global,l=t.el,c=t.isolate;try{s=window[u],h=null!==(n=l._mountEl)&&void 0!==n?n:(null!=c?c:this.isolate)&&null!==(r=l.shadowRoot)&&void 0!==r?r:l,null===(i=null==s?void 0:s.unmount)||void 0===i||i.call(s,h)}catch(t){}return delete window[u],delete this.cache[u],[4,this.load("".concat(a,"?t=").concat(Date.now()),u)];case 1:return d=o.sent(),this.mount(d,l,e,{isolate:c}),[2]}})})},t}();t.EventBus=u,t.MFEHost=d,t.createSharedRouter=function(t){var n=t.eventBus,e=t.name;return{go:function(t){n.emit(l,{from:e,path:t})},onChange:function(t){return n.on(c,function(n){t(n.path)})},emitRouteChange:function(t){n.emit(s,{from:e,path:t})},onRouteChange:function(t){return n.on(s,function(n){n.from!==e&&t(n.path)})}}},t.createSharedStore=function(t){var e=t,o=new Set;return{getState:function(){return e},setState:function(t){e=n(n({},e),t),o.forEach(function(t){return t(e)})},subscribe:function(t,n){return void 0===n&&(n=!0),o.add(t),n&&t(e),function(){return o.delete(t)}}}},t.enableRouterSync=h,t.loadScript=i,Object.defineProperty(t,"__esModule",{value:!0})});

package/build/index.min.js

@@ -1 +1 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).MFERuntimeZ={})}(this,function(t){"use strict";var e=function(){return e=Object.assign||function(t){for(var e,n=1,o=arguments.length;n<o;n++)for(var r in e=arguments[n])Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t},e.apply(this,arguments)};function n(t,e,n,o){return new(n||(n=Promise))(function(r,i){function a(t){try{l(o.next(t))}catch(t){i(t)}}function u(t){try{l(o.throw(t))}catch(t){i(t)}}function l(t){var e;t.done?r(t.value):(e=t.value,e instanceof n?e:new n(function(t){t(e)})).then(a,u)}l((o=o.apply(t,e||[])).next())})}function o(t,e){var n,o,r,i={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]},a=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return a.next=u(0),a.throw=u(1),a.return=u(2),"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function u(u){return function(l){return function(u){if(n)throw new TypeError("Generator is already executing.");for(;a&&(a=0,u[0]&&(i=0)),i;)try{if(n=1,o&&(r=2&u[0]?o.return:u[0]?o.throw||((r=o.return)&&r.call(o),0):o.next)&&!(r=r.call(o,u[1])).done)return r;switch(o=0,r&&(u=[2&u[0],r.value]),u[0]){case 0:case 1:r=u;break;case 4:return i.label++,{value:u[1],done:!1};case 5:i.label++,o=u[1],u=[0];continue;case 7:u=i.ops.pop(),i.trys.pop();continue;default:if(!(r=i.trys,(r=r.length>0&&r[r.length-1])||6!==u[0]&&2!==u[0])){i=0;continue}if(3===u[0]&&(!r||u[1]>r[0]&&u[1]<r[3])){i.label=u[1];break}if(6===u[0]&&i.label<r[1]){i.label=r[1],r=u;break}if(r&&i.label<r[2]){i.label=r[2],i.ops.push(u);break}r[2]&&i.ops.pop(),i.trys.pop();continue}u=e.call(t,i)}catch(t){u=[6,t],o=0}finally{n=r=0}if(5&u[0])throw u[1];return{value:u[0]?u[1]:void 0,done:!0}}([u,l])}}}"function"==typeof SuppressedError&&SuppressedError;var r=new Set;function i(t,e){return void 0===e&&(e={}),n(this,void 0,void 0,function(){var n,i,u,l,c,s;return o(this,function(o){switch(o.label){case 0:if(n=e.timeout,i=void 0===n?15e3:n,u=e.retries,l=void 0===u?1:u,r.has(t))return[2];c=0,o.label=1;case 1:if(!(c<=l))return[3,6];o.label=2;case 2:return o.trys.push([2,4,,5]),[4,a(t,i)];case 3:return o.sent(),r.add(t),[2];case 4:if(s=o.sent(),c===l)throw s;return[3,5];case 5:return c++,[3,1];case 6:return[2]}})})}function a(t,e){return new Promise(function(n,o){var r=document.createElement("script");r.src=t,r.async=!0;var i=setTimeout(function(){a(),o(new Error("Timeout loading ".concat(t)))},e);function a(){clearTimeout(i),r.remove()}r.onload=function(){a(),n()},r.onerror=function(){a(),o(new Error("Failed to load ".concat(t)))},document.body.appendChild(r)})}var u=function(){function t(){this.map=new Map}return t.prototype.on=function(t,e){this.map.has(t)||this.map.set(t,new Set),this.map.get(t).add(e)},t.prototype.off=function(t,e){var n;null===(n=this.map.get(t))||void 0===n||n.delete(e)},t.prototype.emit=function(t,e){var n;null===(n=this.map.get(t))||void 0===n||n.forEach(function(t){return t(e)})},t}(),l="ROUTER:REQUEST_NAVIGATE",c="ROUTER:NAVIGATE";function s(t,e){t.on(l,function(n){var o=n.path;e(o),t.emit(c,{path:o})})}var f=function(){function t(t){var e,n;void 0===t&&(t={}),this.eventBus=new u,this.isolate=!1,this.stores=null!==(e=t.stores)&&void 0!==e?e:{},this.navigate=t.navigate,this.onRemoteError=t.onRemoteError,this.fallback=t.fallback,this.isolate=null!==(n=t.isolate)&&void 0!==n&&n,this.navigate&&s(this.eventBus,this.navigate)}return t.prototype.load=function(t,e){var r,a;return n(this,void 0,void 0,function(){var n,u,l;return o(this,function(o){switch(o.label){case 0:return o.trys.push([0,2,,3]),[4,i(t,{retries:1})];case 1:return o.sent(),[3,3];case 2:throw n=o.sent(),null===(r=this.onRemoteError)||void 0===r||r.call(this,n),n;case 3:if(!(null==(u=window[e])?void 0:u.mount))throw l=new Error('Remote "'.concat(e,'" not found')),null===(a=this.onRemoteError)||void 0===a||a.call(this,l),l;return[2,u]}})})},t.prototype.mount=function(t,e,n,o){var r,i,a=null!==(r=null==o?void 0:o.isolate)&&void 0!==r?r:this.isolate,u=e;if(a){e._shadowRoot&&(e._shadowRoot.innerHTML="");var l=null!==(i=null==o?void 0:o.shadowMode)&&void 0!==i?i:"open",c=e.attachShadow({mode:l})(e)._shadowRoot=c,s=document.createElement("div");c.appendChild(s),u=s(e)._mountEl=s}var f={name:n,stores:this.stores,eventBus:this.eventBus,host:{navigate:this.navigate}};try{t.mount(u,f),console.log("[MFE] mounted ".concat(n," ").concat(a?"(shadow)":""))}catch(t){var d=t;console.error("[MFE] remote ".concat(n," mount failed:"),d),this.onRemoteError&&this.onRemoteError(d),this.fallback?this.fallback(u,n,d,f):u.innerHTML='<div style="color:red">Failed to load '.concat(n,"</div>")}},t.prototype.unmount=function(t,e,n){var o,r,i,a;try{var u=null!==(o=e._mountEl)&&void 0!==o?o:this.isolate&&null!==(r=e.shadowRoot)&&void 0!==r?r:e;null===(i=t.unmount)||void 0===i||i.call(t,u),delete e._mountEl,n&&console.log("[MFE] unmounted ".concat(n))}catch(t){null===(a=this.onRemoteError)||void 0===a||a.call(this,t)}},t.prototype.getEventBus=function(){return this.eventBus},t.prototype.reloadRemote=function(t){var e,r,i;return n(this,void 0,void 0,function(){var n,a,u,l,c,s,f,d;return o(this,function(o){switch(o.label){case 0:n=t.name,a=t.url,u=t.global,l=t.el,c=t.isolate;try{s=window[u],f=null!==(e=l._mountEl)&&void 0!==e?e:(null!=c?c:this.isolate)&&null!==(r=l.shadowRoot)&&void 0!==r?r:l,null===(i=null==s?void 0:s.unmount)||void 0===i||i.call(s,f)}catch(t){}return delete window[u],[4,this.load("".concat(a,"?t=").concat(Date.now()),u)];case 1:return d=o.sent(),this.mount(d,l,n,{isolate:c}),[2]}})})},t}();t.EventBus=u,t.MFEHost=f,t.createSharedRouter=function(t){var e=t.eventBus,n=t.name;return{go:function(t){e.emit(l,{from:n,path:t})},onChange:function(t){return e.on(c,function(e){t(e.path)})}}},t.createSharedStore=function(t){var n=t,o=new Set;return{getState:function(){return n},setState:function(t){n=e(e({},n),t),o.forEach(function(t){return t(n)})},subscribe:function(t,e){return void 0===e&&(e=!0),o.add(t),e&&t(n),function(){return o.delete(t)}}}},t.enableRouterSync=s,t.loadScript=i,Object.defineProperty(t,"__esModule",{value:!0})});
+!function(t,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports):"function"==typeof define&&define.amd?define(["exports"],n):n((t="undefined"!=typeof globalThis?globalThis:t||self).MFERuntimeZ={})}(this,function(t){"use strict";var n=function(){return n=Object.assign||function(t){for(var n,e=1,o=arguments.length;e<o;e++)for(var r in n=arguments[e])Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r]);return t},n.apply(this,arguments)};function e(t,n,e,o){return new(e||(e=Promise))(function(r,i){function a(t){try{l(o.next(t))}catch(t){i(t)}}function u(t){try{l(o.throw(t))}catch(t){i(t)}}function l(t){var n;t.done?r(t.value):(n=t.value,n instanceof e?n:new e(function(t){t(n)})).then(a,u)}l((o=o.apply(t,n||[])).next())})}function o(t,n){var e,o,r,i={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]},a=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return a.next=u(0),a.throw=u(1),a.return=u(2),"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function u(u){return function(l){return function(u){if(e)throw new TypeError("Generator is already executing.");for(;a&&(a=0,u[0]&&(i=0)),i;)try{if(e=1,o&&(r=2&u[0]?o.return:u[0]?o.throw||((r=o.return)&&r.call(o),0):o.next)&&!(r=r.call(o,u[1])).done)return r;switch(o=0,r&&(u=[2&u[0],r.value]),u[0]){case 0:case 1:r=u;break;case 4:return i.label++,{value:u[1],done:!1};case 5:i.label++,o=u[1],u=[0];continue;case 7:u=i.ops.pop(),i.trys.pop();continue;default:if(!(r=i.trys,(r=r.length>0&&r[r.length-1])||6!==u[0]&&2!==u[0])){i=0;continue}if(3===u[0]&&(!r||u[1]>r[0]&&u[1]<r[3])){i.label=u[1];break}if(6===u[0]&&i.label<r[1]){i.label=r[1],r=u;break}if(r&&i.label<r[2]){i.label=r[2],i.ops.push(u);break}r[2]&&i.ops.pop(),i.trys.pop();continue}u=n.call(t,i)}catch(t){u=[6,t],o=0}finally{e=r=0}if(5&u[0])throw u[1];return{value:u[0]?u[1]:void 0,done:!0}}([u,l])}}}"function"==typeof SuppressedError&&SuppressedError;var r=new Set;function i(t,n){return void 0===n&&(n={}),e(this,void 0,void 0,function(){var e,i,u,l,c,s;return o(this,function(o){switch(o.label){case 0:if(e=n.timeout,i=void 0===e?15e3:e,u=n.retries,l=void 0===u?1:u,r.has(t))return[2];c=0,o.label=1;case 1:if(!(c<=l))return[3,6];o.label=2;case 2:return o.trys.push([2,4,,5]),[4,a(t,i)];case 3:return o.sent(),r.add(t),[2];case 4:if(s=o.sent(),c===l)throw s;return[3,5];case 5:return c++,[3,1];case 6:return[2]}})})}function a(t,n){return new Promise(function(e,o){var r=document.createElement("script");r.src=t,r.async=!0;var i=setTimeout(function(){a(),o(new Error("Timeout loading ".concat(t)))},n);function a(){clearTimeout(i),r.remove()}r.onload=function(){a(),e()},r.onerror=function(){a(),o(new Error("Failed to load ".concat(t)))},document.body.appendChild(r)})}var u=function(){function t(){this.map=new Map}return t.prototype.on=function(t,n){this.map.has(t)||this.map.set(t,new Set),this.map.get(t).add(n)},t.prototype.off=function(t,n){var e;null===(e=this.map.get(t))||void 0===e||e.delete(n)},t.prototype.emit=function(t,n){var e;null===(e=this.map.get(t))||void 0===e||e.forEach(function(t){return t(n)})},t}(),l="ROUTER:REQUEST_NAVIGATE",c="ROUTER:NAVIGATE",s="ROUTER:ON_CHANGE";function h(t,n){t.on(l,function(e){var o=e.path;n(o),t.emit(c,{path:o})})}var d=function(){function t(t){void 0===t&&(t={});var n,e,o=this;this.eventBus=new u,this.isolate=!1,this.cache={},this.stores=null!==(n=t.stores)&&void 0!==n?n:{},this.navigate=t.navigate,this.onRemoteError=t.onRemoteError,this.fallback=t.fallback,this.isolate=null!==(e=t.isolate)&&void 0!==e&&e,this.onMountStart=t.onMountStart,this.onMountEnd=t.onMountEnd,this.onUnmountStart=t.onUnmountStart,this.onUnmountEnd=t.onUnmountEnd,this.navigate&&h(this.eventBus,this.navigate),this.eventBus.on(s,function(t){var n;null===(n=o.navigate)||void 0===n||n.call(o,t)})}return t.prototype.load=function(t,n){var r,a;return e(this,void 0,void 0,function(){var e,u,l;return o(this,function(o){switch(o.label){case 0:if(this.cache[n])return[2,this.cache[n]];o.label=1;case 1:return o.trys.push([1,3,,4]),[4,i(t,{retries:1})];case 2:return o.sent(),[3,4];case 3:throw e=o.sent(),null===(r=this.onRemoteError)||void 0===r||r.call(this,e),e;case 4:if(!(null==(u=window[n])?void 0:u.mount))throw l=new Error('Remote "'.concat(n,'" not found')),null===(a=this.onRemoteError)||void 0===a||a.call(this,l),l;return this.cache[n]=u,[2,u]}})})},t.prototype.preload=function(t,n){return e(this,void 0,void 0,function(){return o(this,function(e){switch(e.label){case 0:return[4,this.load(t,n)];case 1:return e.sent(),[2]}})})},t.prototype.mount=function(t,n,e,o){var r,i,a,u,l,c=null!==(r=null==o?void 0:o.isolate)&&void 0!==r?r:this.isolate,s=null;if(n._shadowRoot&&(n._shadowRoot.innerHTML=""),c&&"function"==typeof n.attachShadow)try{s=n.attachShadow({mode:null!==(i=null==o?void 0:o.shadowMode)&&void 0!==i?i:"open"})(n)._shadowRoot=s}catch(t){s=null}var h=document.createElement("div");s?s.appendChild(h):n.appendChild(h),n._mountEl=h;var d={name:e,stores:this.stores,eventBus:this.eventBus,host:{navigate:this.navigate}};try{null===(a=this.onMountStart)||void 0===a||a.call(this,e),t.mount(h,d),null===(u=this.onMountEnd)||void 0===u||u.call(this,e),console.log("[MFE] mounted ".concat(e," ").concat(c?"(shadow/fallback)":""))}catch(t){var f=t;console.error("[MFE] remote ".concat(e," mount failed:"),f),null===(l=this.onRemoteError)||void 0===l||l.call(this,f),this.fallback?this.fallback(h,e,f,d):h.innerHTML='<div style="color:red">Failed to load '.concat(e,"</div>")}},t.prototype.unmount=function(t,n,e){var o,r,i,a,u,l;try{null===(o=this.onUnmountStart)||void 0===o||o.call(this,null!=e?e:"");var c=null!==(r=n._mountEl)&&void 0!==r?r:this.isolate&&null!==(i=n.shadowRoot)&&void 0!==i?i:n;null===(a=t.unmount)||void 0===a||a.call(t,c),delete n._mountEl,null===(u=this.onUnmountEnd)||void 0===u||u.call(this,null!=e?e:""),e&&console.log("[MFE] unmounted ".concat(e))}catch(t){null===(l=this.onRemoteError)||void 0===l||l.call(this,t)}},t.prototype.getEventBus=function(){return this.eventBus},t.prototype.reloadRemote=function(t){var n,r,i;return e(this,void 0,void 0,function(){var e,a,u,l,c,s,h,d;return o(this,function(o){switch(o.label){case 0:e=t.name,a=t.url,u=t.global,l=t.el,c=t.isolate;try{s=window[u],h=null!==(n=l._mountEl)&&void 0!==n?n:(null!=c?c:this.isolate)&&null!==(r=l.shadowRoot)&&void 0!==r?r:l,null===(i=null==s?void 0:s.unmount)||void 0===i||i.call(s,h)}catch(t){}return delete window[u],delete this.cache[u],[4,this.load("".concat(a,"?t=").concat(Date.now()),u)];case 1:return d=o.sent(),this.mount(d,l,e,{isolate:c}),[2]}})})},t}();t.EventBus=u,t.MFEHost=d,t.createSharedRouter=function(t){var n=t.eventBus,e=t.name;return{go:function(t){n.emit(l,{from:e,path:t})},onChange:function(t){return n.on(c,function(n){t(n.path)})},emitRouteChange:function(t){n.emit(s,{from:e,path:t})},onRouteChange:function(t){return n.on(s,function(n){n.from!==e&&t(n.path)})}}},t.createSharedStore=function(t){var e=t,o=new Set;return{getState:function(){return e},setState:function(t){e=n(n({},e),t),o.forEach(function(t){return t(e)})},subscribe:function(t,n){return void 0===n&&(n=!0),o.add(t),n&&t(e),function(){return o.delete(t)}}}},t.enableRouterSync=h,t.loadScript=i,Object.defineProperty(t,"__esModule",{value:!0})});

package/build/micro-fe/host/MFEHost.d.ts

@@ -7,6 +7,10 @@ type HostOptions<S extends Record<string, any> = any> = {
     onRemoteError?: (error: Error) => void;
     isolate?: boolean;
     fallback?: (el: HTMLElement, name: string, error: Error, ctx: MFEContext<S>) => void;
+    onMountStart?: (name: string) => void;
+    onMountEnd?: (name: string) => void;
+    onUnmountStart?: (name: string) => void;
+    onUnmountEnd?: (name: string) => void;
 };
 interface MountOptions {
     isolate?: boolean;
@@ -19,9 +23,16 @@ export declare class MFEHost<S extends Record<string, any> = any> {
     private onRemoteError?;
     private fallback?;
     private isolate;
+    private onMountStart?;
+    private onMountEnd?;
+    private onUnmountStart?;
+    private onUnmountEnd?;
+    private cache;
     constructor(options?: HostOptions<S>);
     /** Load remote JS only */
     load(url: string, global: string): Promise<RemoteApp>;
+    /** Preload remote script */
+    preload(url: string, global: string): Promise<void>;
     /** Mount remote with optional Shadow DOM isolation */
     mount(remote: RemoteApp, el: HTMLElement, name: string, options?: MountOptions): void;
     /** Unmount remote */

package/build/micro-fe/router/createSharedRouter.d.ts

@@ -2,8 +2,12 @@ export declare function createSharedRouter(ctx: {
     eventBus: any;
     name: string;
 }): {
-    /** Remote → Host */
+    /** Remote → Host: request host navigation */
     go(path: string): void;
-    /** Host → Remote */
+    /** Host → Remote: register callback when host navigates */
     onChange(cb: (path: string) => void): any;
+    /** Remote → all: notify route change */
+    emitRouteChange(path: string): void;
+    /** Remote → Remote: register listener for route changes (excluding self) */
+    onRouteChange(cb: (path: string) => void): any;
 };

package/build/micro-fe/router/events.d.ts

@@ -1,4 +1,5 @@
 export declare const ROUTER_EVENTS: {
     readonly REQUEST_NAVIGATE: "ROUTER:REQUEST_NAVIGATE";
     readonly NAVIGATE: "ROUTER:NAVIGATE";
+    readonly ROUTER_CHANGE: "ROUTER:ON_CHANGE";
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mfe-runtime-z",
-  "version": "1.1.0",
+  "version": "1.2.1",
   "description": "Framework-agnostic micro-frontend runtime (host, event bus, shared state, router sync)",
   "main": "build/index.js",
   "module": "build/index.esm.js",
@@ -33,14 +33,60 @@
   "homepage": "https://github.com/delpikye-v/mfe-runtime-z#readme",
   "keywords": [
     "micro-frontend",
+    "microfrontend",
     "mfe",
+    "micro-fe",
+
+    "module-federation",
+    "webpack-module-federation",
+    "vite-federation",
+
     "runtime",
+    "runtime-loader",
+    "dynamic-runtime",
+    "micro-frontend-runtime",
+    "mfe-runtime",
+
+    "framework-agnostic",
+    "framework-independent",
+    "cross-framework",
+
+    "react",
+    "vue",
+    "angular",
+    "svelte",
+
     "event-bus",
+    "global-event-bus",
+    "cross-app-events",
+
     "shared-state",
+    "global-state",
+    "state-sync",
+    "state-sharing",
+
     "router-sync",
-    "framework-agnostic",
-    "micro-frontend-runtime",
-    "mfe-runtime"
+    "route-sync",
+    "cross-app-routing",
+
+    "isolation",
+    "sandbox",
+    "js-sandbox",
+
+    "lazy-load",
+    "dynamic-import",
+    "remote-module",
+
+    "frontend-architecture",
+    "frontend-platform",
+    "frontend-infrastructure",
+
+    "monorepo",
+    "polyrepo",
+
+    "enterprise-frontend",
+    "scalable-frontend",
+    "large-scale-app"
   ],
   "author": "Delpi.Kye",
   "license": "MIT",