@softarc/native-federation-orchestrator 4.6.0 → 4.6.1

package/README.md

@@ -70,7 +70,7 @@ Get up and running in under 2 minutes:
     </script>
 
     <!-- Include the orchestrator runtime -->
-    <script src="https://unpkg.com/@softarc/native-federation-orchestrator@4.6.0/quickstart.mjs"></script>
+    <script src="https://unpkg.com/@softarc/native-federation-orchestrator@4.6.1/quickstart.mjs"></script>
   </head>
   <body>
     <!-- Use your loaded components -->
@@ -88,7 +88,7 @@ Your micro frontends are now loaded and ready to use. The runtime handles the wh
 
 ```html
 <!-- Development and quick testing -->
-<script src="https://unpkg.com/@softarc/native-federation-orchestrator@4.6.0/quickstart.mjs"></script>
+<script src="https://unpkg.com/@softarc/native-federation-orchestrator@4.6.1/quickstart.mjs"></script>
 ```
 
 ## Advanced Usage

package/fesm2022/@softarc/native-federation-orchestrator.mjs

@@ -2679,7 +2679,7 @@ function createMarkPoolsForReelection(config, ports) {
   };
 }
 
-// node_modules/.pnpm/@softarc+native-federation@4.4.0_typescript@6.0.3/node_modules/@softarc/native-federation/dist/lib/domain/core/build-notification-options.contract.js
+// node_modules/.pnpm/@softarc+native-federation@4.5.0_typescript@6.0.3/node_modules/@softarc/native-federation/dist/lib/domain/core/build-notification-options.contract.js
 var BuildNotificationType = /* @__PURE__ */ ((BuildNotificationType2) => {
   BuildNotificationType2["COMPLETED"] = "federation-rebuild-complete";
   BuildNotificationType2["ERROR"] = "federation-rebuild-error";
@@ -2687,7 +2687,7 @@ var BuildNotificationType = /* @__PURE__ */ ((BuildNotificationType2) => {
   return BuildNotificationType2;
 })(BuildNotificationType || {});
 
-// node_modules/.pnpm/@softarc+native-federation@4.4.0_typescript@6.0.3/node_modules/@softarc/native-federation/dist/lib/domain/core/chunk.js
+// node_modules/.pnpm/@softarc+native-federation@4.5.0_typescript@6.0.3/node_modules/@softarc/native-federation/dist/lib/domain/core/chunk.js
 var CHUNK_PREFIX = "@nf-internal";
 function toChunkImport(fileName) {
   if (fileName.startsWith("./")) {
@@ -3732,7 +3732,7 @@ var createManifestProvider = () => {
   };
 };
 
-// node_modules/.pnpm/@softarc+native-federation@4.4.0_typescript@6.0.3/node_modules/@softarc/native-federation/dist/lib/utils/normalize.js
+// node_modules/.pnpm/@softarc+native-federation@4.5.0_typescript@6.0.3/node_modules/@softarc/native-federation/dist/lib/utils/normalize.js
 function inferPackageFromSecondary(secondary) {
   const parts = secondary.split("/");
   if (secondary.startsWith("@") && parts.length >= 2) {
@@ -3741,7 +3741,7 @@ function inferPackageFromSecondary(secondary) {
   return parts[0];
 }
 
-// node_modules/.pnpm/@softarc+native-federation@4.4.0_typescript@6.0.3/node_modules/@softarc/native-federation/dist/lib/core/output/densify-externals.js
+// node_modules/.pnpm/@softarc+native-federation@4.5.0_typescript@6.0.3/node_modules/@softarc/native-federation/dist/lib/core/output/densify-externals.js
 function isDense(entry) {
   return "entries" in entry;
 }
@@ -4008,27 +4008,108 @@ var createSharedExternalsRepository = (config) => {
 };
 
 // src/lib/core/3.adapters/browser/sse-handler.ts
+var RELAY_CHANNEL = "native-federation-sse";
+var LOCK_PREFIX = "native-federation-sse:";
 var createSSEHandler = (config) => {
-  const subscribers = [];
+  const subscriptions = /* @__PURE__ */ new Map();
+  const locks = typeof navigator !== "undefined" ? navigator.locks : void 0;
+  const canRelay = !!locks && typeof BroadcastChannel !== "undefined";
+  let relay;
+  let bound = false;
+  function reload(reason) {
+    config.log.debug(0, `[SSE] ${reason}, reloading...`);
+    config.reloadBrowserFn();
+  }
+  function openEventSource(endpoint, subscription) {
+    const eventSource = new EventSource(endpoint);
+    eventSource.onmessage = function(event) {
+      const data = JSON.parse(event.data);
+      if (data.type === BuildNotificationType.COMPLETED) {
+        relay?.postMessage({ endpoint });
+        reload("Rebuild completed");
+      }
+    };
+    eventSource.onerror = function(event) {
+      config.log.error(0, "[SSE] Connection error:", event);
+      if (eventSource.readyState !== eventSource.CLOSED) return;
+      config.log.debug(0, `[SSE] Stream for '${endpoint}' will not reopen, releasing the lock`);
+      disconnect(subscription);
+    };
+    return eventSource;
+  }
+  function connect(endpoint, subscription) {
+    if (!locks) {
+      subscription.source = openEventSource(endpoint, subscription);
+      return;
+    }
+    const abort = new AbortController();
+    const held = new Promise((resolve) => {
+      subscription.releaseLock = resolve;
+    });
+    subscription.abort = abort;
+    locks.request(`${LOCK_PREFIX}${endpoint}`, { signal: abort.signal }, () => {
+      if (abort.signal.aborted) return;
+      config.log.debug(0, `[SSE] Holding the connection for '${endpoint}'`);
+      subscription.source = openEventSource(endpoint, subscription);
+      return held;
+    }).catch(() => {
+      config.log.debug(0, `[SSE] Released the connection for '${endpoint}'`);
+    });
+  }
+  function disconnect(subscription) {
+    subscription.source?.close();
+    subscription.abort?.abort();
+    subscription.releaseLock?.();
+    subscription.source = void 0;
+    subscription.abort = void 0;
+    subscription.releaseLock = void 0;
+  }
+  function onPageHide(event) {
+    if (event.persisted) subscriptions.forEach(disconnect);
+  }
+  function onPageShow(event) {
+    if (event.persisted)
+      subscriptions.forEach((subscription, endpoint) => connect(endpoint, subscription));
+  }
+  function bind() {
+    if (bound) return;
+    bound = true;
+    if (canRelay) {
+      relay = new BroadcastChannel(RELAY_CHANNEL);
+      relay.onmessage = (event) => {
+        if (subscriptions.has(event.data?.endpoint)) reload("Rebuild completed in another tab");
+      };
+    }
+    if (typeof window !== "undefined") {
+      window.addEventListener("pagehide", onPageHide);
+      window.addEventListener("pageshow", onPageShow);
+    }
+  }
+  function unbind() {
+    if (!bound) return;
+    bound = false;
+    relay?.close();
+    relay = void 0;
+    if (typeof window !== "undefined") {
+      window.removeEventListener("pagehide", onPageHide);
+      window.removeEventListener("pageshow", onPageShow);
+    }
+  }
   return {
     watchRemoteBuilds: function(endpoint) {
-      const eventSource = new EventSource(endpoint);
-      eventSource.onmessage = function(event) {
-        const data = JSON.parse(event.data);
-        if (data.type === BuildNotificationType.COMPLETED) {
-          subscribers.forEach((sub) => sub.close());
-          config.log.debug(0, "[SSE] Rebuild completed, reloading...");
-          config.reloadBrowserFn();
-        }
-      };
-      eventSource.onerror = function(event) {
-        config.log.error(0, "[SSE] Connection error:", event);
-      };
-      subscribers.push(eventSource);
+      if (subscriptions.has(endpoint)) {
+        config.log.debug(0, `[SSE] Already watching '${endpoint}'`);
+        return;
+      }
+      bind();
+      const subscription = {};
+      subscriptions.set(endpoint, subscription);
+      connect(endpoint, subscription);
     },
     closeAll: function() {
-      subscribers.forEach((sub) => sub.close());
-      subscribers.length = 0;
+      subscriptions.forEach(disconnect);
+      subscriptions.clear();
+      unbind();
     }
   };
 };