mfe-runtime-z 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Delpi.Kye
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,332 @@
+<div>
+  <h1>mfe-runtime-z</h1>
+  <p>Framework-agnostic micro-frontend runtime</p>
+  <a href="https://codesandbox.io/p/sandbox/c57cwd" target="_blank">LIVE EXAMPLE</a>
+</div>
+
+---
+
+
+[![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)
+
+---
+
+### Description
+
+**mfe-runtime-z** is a lightweight, framework-agnostic **micro-frontend runtime**.
+
+It provides the minimal building blocks needed to run multiple independent frontend applications (micro-frontends) together **at runtime**, without coupling them through framework internals or build-time federation.
+
+This library focuses on **application-level integration**, not component sharing.
+
+#### What it solves
+
+- Load and mount remote applications dynamically
+- Isolate application lifecycles (mount / unmount / reload)
+- Share state safely between apps
+- Synchronize routing without sharing router instances
+- Communicate via a central event bus
+- Work with **any framework** (React, Vue, Svelte, Vanilla JS)
+
+---
+
+### Installation
+
+```bash
+npm install mfe-runtime-z
+# or
+yarn add mfe-runtime-z
+```
+
+---
+
+### Core Concepts
+
+##### Host-driven architecture
+
+- Each micro-frontend is an **independent app**
+- The host coordinates loading, routing, and shared services
+- No direct imports between micro-frontends
+
+##### Runtime contract
+
+Micro-frontends expose a simple runtime contract:
+
+```ts
+window.myRemoteApp = {
+  mount(el, ctx),
+  unmount(el)
+}
+```
+
+No framework or bundler assumptions.
+
+---
+
+### Usage
+
+##### Host application
+
+```ts
+import { MFEHost, createSharedStore } from "mfe-runtime-z"
+
+const authStore = createSharedStore({
+  user: null
+})
+
+const host = new MFEHost({
+  stores: { auth: authStore },
+  navigate: (path) => history.pushState({}, "", path)
+})
+
+const remote = await host.load(
+  "http://localhost:3001/remote.js",
+  "productApp"
+)
+
+host.mount(remote, document.getElementById("app"), "productApp")
+
+// host.unmount(remote, document.getElementById("app"), "productApp")
+```
+
+---
+
+##### Remote application (framework-agnostic)
+
+```ts
+export function mount(el, ctx) {
+  const authStore = ctx.stores.auth
+
+  authStore.subscribe((state) => {
+    el.innerHTML = state.user
+      ? `Hello ${state.user.name}`
+      : `<button id="login">Login</button>`
+
+    el.querySelector("#login")?.addEventListener("click", () => {
+      authStore.setState({
+        user: { id: "1", name: "Alice" }
+      })
+    })
+  })
+}
+
+export function unmount(el) {
+  el.innerHTML = ""
+}
+
+window.productApp = { mount, unmount }
+```
+
+##### Remote app (framework-react-library)
+
+```ts
+// src/app.tsx
+import React from "react"
+import ReactDOM from "react-dom/client"
+
+type AuthStore = {
+  user: { id: string; name: string } | null
+  subscribe: (callback: (state: any) => void) => void
+  setState: (newState: any) => void
+}
+
+// React component
+function App({ store }: { store: AuthStore }) {
+  const [user, setUser] = React.useState(store.user)
+
+  React.useEffect(() => {
+    const unsubscribe = store.subscribe((state: any) => {
+      setUser(state.user)
+    })
+    return () => unsubscribe?.()
+  }, [store])
+
+  const handleLogin = () => {
+    store.setState({ user: { id: "1", name: "Alice" } })
+  }
+
+  return (
+    <div>
+      {user ? (
+        <span>Hello {user.name}</span>
+      ) : (
+        <button id="login" onClick={handleLogin}>
+          Login
+        </button>
+      )}
+    </div>
+  )
+}
+
+// index.js
+// mount/unmount functions
+export function mount(el: HTMLElement, ctx: { stores: { auth: AuthStore } }) {
+  const root = ReactDOM.createRoot(el)
+  ;(el as any)._reactRoot = root
+  root.render(<App store={ctx.stores.auth} />)
+}
+
+export function unmount(el: HTMLElement) {
+  const root = (el as any)._reactRoot
+  if (root) {
+    root.unmount()
+  }
+  el.innerHTML = ""
+}
+
+
+// expose mount/unmount to window
+;(window as any).productApp = { mount, unmount }
+```
+
+---
+
+### Shared State
+
+```ts
+const store = createSharedStore({ count: 0 })
+
+store.subscribe((state) => {
+  console.log(state.count)
+})
+
+store.setState({ count: 1 })
+```
+
+- Push-based
+- No Redux
+- No shared framework state
+
+---
+
+### Router Synchronization
+
+```ts
+import { createSharedRouter } from "mfe-runtime-z"
+
+const router = createSharedRouter(ctx)
+
+router.go("/cart")
+
+router.onChange((path) => {
+  console.log("navigated to", path)
+})
+```
+
+- Intent-based navigation
+- Host owns the URL
+- No shared router instances
+
+---
+
+### How remote applications are built
+
+Remote applications only need to build a single JavaScript file. No Module Federation required.
+- What a remote must provide
+- Build a browser-loadable file (e.g. remote.js)
+- Expose itself on window
+- Implement mount / unmount
+- Minimal remote build (Vite)
+
+
+```ts
+// vite.config.ts
+export default {
+  build: {
+    lib: {
+      entry: "src/index.ts",
+      name: "productApp",
+      formats: ["umd"],
+      fileName: () => "remote.js",
+    },
+  },
+}
+
+// src/index.ts
+import { mount, unmount } from "./app"
+
+// see above
+;(window as any).productApp = { mount, unmount }
+```
+
+👉 That’s it. `This file can be served from any CDN or server and loaded at runtime.`
+
+---
+
+#### Dev HMR section
+
+###### Host dev reload
+```js
+import { MFEHost } from "mfe-runtime-z"
+import { createMFEReloadServer } from "mfe-runtime-z/dev"
+
+// Initialize the MFE host runtime
+const host = new MFEHost()
+
+// Create a dev reload server to automatically reload remote apps on changes
+const startDevReload = createMFEReloadServer(host, {
+  productApp: {
+    url: "http://localhost:3001/remote.js", // URL of the remote JS file
+    global: "productApp",                   // Name of the global mount/unmount object exposed by remote
+    el: () => document.getElementById("product-root")!, // DOM container to mount the remote
+  },
+})
+
+// Only start the dev reload server in development mode
+if (process.env.NODE_ENV === "development") {
+  startDevReload()
+}
+
+```
+
+###### Remote dev notify.
+```ts
+// Only run in development
+if (import.meta.env.DEV) {
+  // Connect to the host's WebSocket dev reload server
+  const ws = new WebSocket("ws://localhost:3000/__mfe_reload")
+
+  // Accept HMR updates from Vite
+  import.meta.hot?.accept(() => {
+    // Notify the host that this remote app has changed and should be reloaded
+    ws.send(JSON.stringify({ type: "RELOAD", name: "productApp" }))
+  })
+}
+```
+
+✅ 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.
+
+- Remote side: connects to host WebSocket and sends a message when HMR triggers (code changed), so the host can remount the updated remote.
+
+- Purpose: smooth dev experience for micro-frontends, framework-agnostic, avoids full page reload.
+
+---
+
+### Features
+
+- Framework-agnostic micro-frontend runtime
+- Dynamic remote loading
+- Safe lifecycle management
+- Central event bus
+- Shared state with subscriptions
+- Router synchronization
+- Hot reload support for remote apps
+- No build-time federation required
+
+---
+
+### What this library is NOT
+
+- ❌ Not a UI component library
+- ❌ Not a replacement for React/Vue routers
+- ❌ Not a build-time module federation tool
+
+---
+
+### License
+
+MIT

package/build/dev.d.ts

@@ -0,0 +1 @@
+export * from "./micro-fe/dev";

package/build/index.d.ts

@@ -0,0 +1,8 @@
+export { MFEHost } from "./micro-fe/host/MFEHost";
+export { enableRouterSync } from "./micro-fe/host/routerSync";
+export { loadScript } from "./micro-fe/loader/loadScript";
+export { EventBus } from "./micro-fe/event-bus/EventBus";
+export { createSharedStore } from "./micro-fe/store/createSharedStore";
+export { createSharedRouter } from "./micro-fe/router/createSharedRouter";
+export type { RemoteApp } from "./micro-fe/types/RemoteApp";
+export type { MFEContext } from "./micro-fe/types/MFEContext";

package/build/index.esm.js

@@ -0,0 +1,305 @@
+/******************************************************************************
+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;
+        this.eventBus = new EventBus();
+        this.stores = (_a = options.stores) !== null && _a !== void 0 ? _a : {};
+        this.navigate = options.navigate;
+        this.onRemoteError = options.onRemoteError;
+        if (this.navigate) {
+            enableRouterSync(this.eventBus, this.navigate);
+        }
+    }
+    /** load script 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 with identity */
+    MFEHost.prototype.mount = function (remote, el, name) {
+        var _a;
+        var ctx = {
+            name: name,
+            eventBus: this.eventBus,
+            stores: this.stores,
+            host: {
+                navigate: this.navigate,
+            },
+        };
+        try {
+            remote.mount(el, ctx);
+            console.log("[MFE] mounted ".concat(name));
+        }
+        catch (err) {
+            (_a = this.onRemoteError) === null || _a === void 0 ? void 0 : _a.call(this, err);
+            throw err;
+        }
+    };
+    MFEHost.prototype.unmount = function (remote, el, name) {
+        var _a, _b;
+        try {
+            (_a = remote.unmount) === null || _a === void 0 ? void 0 : _a.call(remote, el);
+            name && console.log("[MFE] unmounted ".concat(name));
+        }
+        catch (err) {
+            (_b = this.onRemoteError) === null || _b === void 0 ? void 0 : _b.call(this, err);
+        }
+    };
+    MFEHost.prototype.getEventBus = function () {
+        return this.eventBus;
+    };
+    /** 🔥 reload = unmount + reload script + mount (KEEP name) */
+    MFEHost.prototype.reloadRemote = function (options) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function () {
+            var name, url, global, el, oldRemote, newRemote;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        name = options.name, url = options.url, global = options.global, el = options.el;
+                        oldRemote = window[global];
+                        try {
+                            (_a = oldRemote === null || oldRemote === void 0 ? void 0 : oldRemote.unmount) === null || _a === void 0 ? void 0 : _a.call(oldRemote, el);
+                        }
+                        catch (_c) { }
+                        delete window[global];
+                        return [4 /*yield*/, this.load("".concat(url, "?t=").concat(Date.now()), global)];
+                    case 1:
+                        newRemote = _b.sent();
+                        this.mount(newRemote, el, name);
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    return MFEHost;
+}());
+
+function createSharedStore(initial) {
+    var state = initial;
+    var listeners = new Set();
+    return {
+        getState: function () {
+            return state;
+        },
+        setState: function (partial) {
+            state = __assign(__assign({}, state), partial);
+            listeners.forEach(function (l) { return l(state); });
+        },
+        subscribe: function (fn) {
+            listeners.add(fn);
+            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 };

package/build/index.js

@@ -0,0 +1,320 @@
+(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;
+          this.eventBus = new EventBus();
+          this.stores = (_a = options.stores) !== null && _a !== void 0 ? _a : {};
+          this.navigate = options.navigate;
+          this.onRemoteError = options.onRemoteError;
+          if (this.navigate) {
+              enableRouterSync(this.eventBus, this.navigate);
+          }
+      }
+      /** load script 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 with identity */
+      MFEHost.prototype.mount = function (remote, el, name) {
+          var _a;
+          var ctx = {
+              name: name,
+              eventBus: this.eventBus,
+              stores: this.stores,
+              host: {
+                  navigate: this.navigate,
+              },
+          };
+          try {
+              remote.mount(el, ctx);
+              console.log("[MFE] mounted ".concat(name));
+          }
+          catch (err) {
+              (_a = this.onRemoteError) === null || _a === void 0 ? void 0 : _a.call(this, err);
+              throw err;
+          }
+      };
+      MFEHost.prototype.unmount = function (remote, el, name) {
+          var _a, _b;
+          try {
+              (_a = remote.unmount) === null || _a === void 0 ? void 0 : _a.call(remote, el);
+              name && console.log("[MFE] unmounted ".concat(name));
+          }
+          catch (err) {
+              (_b = this.onRemoteError) === null || _b === void 0 ? void 0 : _b.call(this, err);
+          }
+      };
+      MFEHost.prototype.getEventBus = function () {
+          return this.eventBus;
+      };
+      /** 🔥 reload = unmount + reload script + mount (KEEP name) */
+      MFEHost.prototype.reloadRemote = function (options) {
+          var _a;
+          return __awaiter(this, void 0, void 0, function () {
+              var name, url, global, el, oldRemote, newRemote;
+              return __generator(this, function (_b) {
+                  switch (_b.label) {
+                      case 0:
+                          name = options.name, url = options.url, global = options.global, el = options.el;
+                          oldRemote = window[global];
+                          try {
+                              (_a = oldRemote === null || oldRemote === void 0 ? void 0 : oldRemote.unmount) === null || _a === void 0 ? void 0 : _a.call(oldRemote, el);
+                          }
+                          catch (_c) { }
+                          delete window[global];
+                          return [4 /*yield*/, this.load("".concat(url, "?t=").concat(Date.now()), global)];
+                      case 1:
+                          newRemote = _b.sent();
+                          this.mount(newRemote, el, name);
+                          return [2 /*return*/];
+                  }
+              });
+          });
+      };
+      return MFEHost;
+  }());
+
+  function createSharedStore(initial) {
+      var state = initial;
+      var listeners = new Set();
+      return {
+          getState: function () {
+              return state;
+          },
+          setState: function (partial) {
+              state = __assign(__assign({}, state), partial);
+              listeners.forEach(function (l) { return l(state); });
+          },
+          subscribe: function (fn) {
+              listeners.add(fn);
+              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 });
+
+}));

package/build/index.min.js

@@ -0,0 +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 u(t){try{c(o.next(t))}catch(t){i(t)}}function a(t){try{c(o.throw(t))}catch(t){i(t)}}function c(t){var e;t.done?r(t.value):(e=t.value,e instanceof n?e:new n(function(t){t(e)})).then(u,a)}c((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:[]},u=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return u.next=a(0),u.throw=a(1),u.return=a(2),"function"==typeof Symbol&&(u[Symbol.iterator]=function(){return this}),u;function a(a){return function(c){return function(a){if(n)throw new TypeError("Generator is already executing.");for(;u&&(u=0,a[0]&&(i=0)),i;)try{if(n=1,o&&(r=2&a[0]?o.return:a[0]?o.throw||((r=o.return)&&r.call(o),0):o.next)&&!(r=r.call(o,a[1])).done)return r;switch(o=0,r&&(a=[2&a[0],r.value]),a[0]){case 0:case 1:r=a;break;case 4:return i.label++,{value:a[1],done:!1};case 5:i.label++,o=a[1],a=[0];continue;case 7:a=i.ops.pop(),i.trys.pop();continue;default:if(!(r=i.trys,(r=r.length>0&&r[r.length-1])||6!==a[0]&&2!==a[0])){i=0;continue}if(3===a[0]&&(!r||a[1]>r[0]&&a[1]<r[3])){i.label=a[1];break}if(6===a[0]&&i.label<r[1]){i.label=r[1],r=a;break}if(r&&i.label<r[2]){i.label=r[2],i.ops.push(a);break}r[2]&&i.ops.pop(),i.trys.pop();continue}a=e.call(t,i)}catch(t){a=[6,t],o=0}finally{n=r=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,c])}}}"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,a,c,s,l;return o(this,function(o){switch(o.label){case 0:if(n=e.timeout,i=void 0===n?15e3:n,a=e.retries,c=void 0===a?1:a,r.has(t))return[2];s=0,o.label=1;case 1:if(!(s<=c))return[3,6];o.label=2;case 2:return o.trys.push([2,4,,5]),[4,u(t,i)];case 3:return o.sent(),r.add(t),[2];case 4:if(l=o.sent(),s===c)throw l;return[3,5];case 5:return s++,[3,1];case 6:return[2]}})})}function u(t,e){return new Promise(function(n,o){var r=document.createElement("script");r.src=t,r.async=!0;var i=setTimeout(function(){u(),o(new Error("Timeout loading ".concat(t)))},e);function u(){clearTimeout(i),r.remove()}r.onload=function(){u(),n()},r.onerror=function(){u(),o(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,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}(),c="ROUTER:REQUEST_NAVIGATE",s="ROUTER:NAVIGATE";function l(t,e){t.on(c,function(n){var o=n.path;e(o),t.emit(s,{path:o})})}var f=function(){function t(t){var e;void 0===t&&(t={}),this.eventBus=new a,this.stores=null!==(e=t.stores)&&void 0!==e?e:{},this.navigate=t.navigate,this.onRemoteError=t.onRemoteError,this.navigate&&l(this.eventBus,this.navigate)}return t.prototype.load=function(t,e){var r,u;return n(this,void 0,void 0,function(){var n,a,c;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==(a=window[e])?void 0:a.mount))throw c=new Error('Remote "'.concat(e,'" not found')),null===(u=this.onRemoteError)||void 0===u||u.call(this,c),c;return[2,a]}})})},t.prototype.mount=function(t,e,n){var o,r={name:n,eventBus:this.eventBus,stores:this.stores,host:{navigate:this.navigate}};try{t.mount(e,r),console.log("[MFE] mounted ".concat(n))}catch(t){throw null===(o=this.onRemoteError)||void 0===o||o.call(this,t),t}},t.prototype.unmount=function(t,e,n){var o,r;try{null===(o=t.unmount)||void 0===o||o.call(t,e),n&&console.log("[MFE] unmounted ".concat(n))}catch(t){null===(r=this.onRemoteError)||void 0===r||r.call(this,t)}},t.prototype.getEventBus=function(){return this.eventBus},t.prototype.reloadRemote=function(t){var e;return n(this,void 0,void 0,function(){var n,r,i,u,a,c;return o(this,function(o){switch(o.label){case 0:n=t.name,r=t.url,i=t.global,u=t.el,a=window[i];try{null===(e=null==a?void 0:a.unmount)||void 0===e||e.call(a,u)}catch(t){}return delete window[i],[4,this.load("".concat(r,"?t=").concat(Date.now()),i)];case 1:return c=o.sent(),this.mount(c,u,n),[2]}})})},t}();t.EventBus=a,t.MFEHost=f,t.createSharedRouter=function(t){var e=t.eventBus,n=t.name;return{go:function(t){e.emit(c,{from:n,path:t})},onChange:function(t){return e.on(s,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){return o.add(t),function(){return o.delete(t)}}}},t.enableRouterSync=l,t.loadScript=i,Object.defineProperty(t,"__esModule",{value:!0})});

package/build/micro-fe/dev/devNotify.d.ts

@@ -0,0 +1 @@
+export {};

package/build/micro-fe/dev/devServer.d.ts

@@ -0,0 +1,5 @@
+export type ReloadMessage = {
+    type: "RELOAD";
+    name: string;
+};
+export declare function startMFEDevServer(onReload: (name: string) => void): void;

package/build/micro-fe/dev/index.d.ts

@@ -0,0 +1,3 @@
+export { startMFEDevServer } from "./devServer";
+export { createMFEReloadServer } from "./reloadServer";
+export type { DevRemoteConfig } from "./reloadServer";

package/build/micro-fe/dev/reloadServer.d.ts

@@ -0,0 +1,7 @@
+import { MFEHost } from "../host/MFEHost";
+export type DevRemoteConfig = {
+    url: string;
+    global: string;
+    el: () => HTMLElement;
+};
+export declare function createMFEReloadServer(host: MFEHost, remotes: Record<string, DevRemoteConfig>): () => void;

package/build/micro-fe/event-bus/EventBus.d.ts

@@ -0,0 +1,7 @@
+export type Handler<T = any> = (payload: T) => void;
+export declare class EventBus<Events extends Record<string, any> = any> {
+    private map;
+    on<K extends keyof Events>(event: K, handler: Handler<Events[K]>): void;
+    off<K extends keyof Events>(event: K, handler: Handler<Events[K]>): void;
+    emit<K extends keyof Events>(event: K, payload: Events[K]): void;
+}

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

@@ -0,0 +1,28 @@
+import { EventBus } from "../event-bus/EventBus";
+import type { RemoteApp } from "../types/RemoteApp";
+type HostOptions = {
+    stores?: Record<string, any>;
+    navigate?: (path: string) => void;
+    onRemoteError?: (error: Error) => void;
+};
+export declare class MFEHost {
+    private eventBus;
+    private stores;
+    private navigate?;
+    private onRemoteError?;
+    constructor(options?: HostOptions);
+    /** load script only */
+    load(url: string, global: string): Promise<RemoteApp>;
+    /** mount with identity */
+    mount(remote: RemoteApp, el: HTMLElement, name: string): void;
+    unmount(remote: RemoteApp, el: HTMLElement, name?: string): void;
+    getEventBus(): EventBus<any>;
+    /** 🔥 reload = unmount + reload script + mount (KEEP name) */
+    reloadRemote(options: {
+        name: string;
+        url: string;
+        global: string;
+        el: HTMLElement;
+    }): Promise<void>;
+}
+export {};

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

@@ -0,0 +1,13 @@
+type RemoteConfig = {
+    name: string;
+    url: string;
+    global: string;
+    el: HTMLElement;
+};
+export declare class RemoteRegistry {
+    private remotes;
+    register(config: RemoteConfig): void;
+    get(name: string): RemoteConfig;
+    getAll(): any[];
+}
+export {};

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

@@ -0,0 +1 @@
+export declare function enableRouterSync(eventBus: any, navigate: (path: string) => void): void;

package/build/micro-fe/loader/loadScript.d.ts

@@ -0,0 +1,6 @@
+type LoadOptions = {
+    timeout?: number;
+    retries?: number;
+};
+export declare function loadScript(url: string, options?: LoadOptions): Promise<void>;
+export {};

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

@@ -0,0 +1,9 @@
+export declare function createSharedRouter(ctx: {
+    eventBus: any;
+    name: string;
+}): {
+    /** Remote → Host */
+    go(path: string): void;
+    /** Host → Remote */
+    onChange(cb: (path: string) => void): any;
+};

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

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

package/build/micro-fe/store/createSharedStore.d.ts

@@ -0,0 +1,6 @@
+export type Unsubscribe = () => void;
+export declare function createSharedStore<T extends object>(initial: T): {
+    getState(): T;
+    setState(partial: Partial<T>): void;
+    subscribe(fn: (s: T) => void): Unsubscribe;
+};

package/build/micro-fe/types/MFEContext.d.ts

@@ -0,0 +1,10 @@
+import type { EventBus } from "../event-bus/EventBus";
+export type MFEContext = {
+    /** identity của microFE hiện tại */
+    name: string;
+    eventBus: EventBus<any>;
+    stores: Record<string, any>;
+    host?: {
+        navigate?: (path: string) => void;
+    };
+};

package/build/micro-fe/types/RemoteApp.d.ts

@@ -0,0 +1,6 @@
+import { MFEContext } from "./MFEContext";
+export type RemoteApp = {
+    name?: string;
+    mount: (el: HTMLElement, ctx: MFEContext) => void;
+    unmount?: (el: HTMLElement) => void;
+};

package/package.json

@@ -0,0 +1,71 @@
+{
+  "name": "mfe-runtime-z",
+  "version": "1.0.0",
+  "description": "Framework-agnostic micro-frontend runtime (host, event bus, shared state, router sync)",
+  "main": "build/index.js",
+  "module": "build/index.esm.js",
+  "browser": "build/index.js",
+  "unpkg": "build/index.min.js",
+  "types": "build/index.d.ts",
+  "files": [
+    "build"
+  ],
+  "exports": {
+    ".": {
+      "import": "./build/index.esm.js",
+      "require": "./build/index.js"
+    },
+    "./dev": {
+      "import": "./build/dev.esm.js",
+      "require": "./build/dev.js"
+    }
+  },
+  "scripts": {
+    "clean": "rimraf build",
+    "build": "rollup -c",
+    "cb": "npm run clean && npm run build",
+    "prepublishOnly": "npm run build"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/delpikye-v/mfe-runtime-z.git"
+  },
+  "homepage": "https://github.com/delpikye-v/mfe-runtime-z#readme",
+  "keywords": [
+    "micro-frontend",
+    "mfe",
+    "runtime",
+    "event-bus",
+    "shared-state",
+    "router-sync",
+    "framework-agnostic",
+    "micro-frontend-runtime",
+    "mfe-runtime"
+  ],
+  "author": "Delpi.Kye",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/delpikye-v/mfe-runtime-z/issues"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.15.0",
+    "@rollup/plugin-commonjs": "^17.1.0",
+    "@rollup/plugin-node-resolve": "^11.2.1",
+    "babel-loader": "^8.2.2",
+    "rimraf": "^3.0.2",
+    "rollup": "^2.56.3",
+    "rollup-plugin-copy": "^3.4.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-typescript2": "^0.29.0",
+    "tslib": "^2.3.1",
+    "typescript": "^4.4.2",
+    "ws": "^8.18.3"
+  },
+  "optionalDependencies": {
+    "ws": "^8.18.3"
+  },
+  "dependencies": {
+    "eventbus-z": "^2.1.0"
+  }
+}