@mikkel-ol/federation-session 22.0.4 → 22.0.5

package/dist/host/resolve-component.d.ts

@@ -0,0 +1,3 @@
+export declare function resolveExposedComponent(module: Record<string, unknown>): unknown | undefined;
+export declare function isAngularComponent(value: unknown): boolean;
+//# sourceMappingURL=resolve-component.d.ts.map

package/dist/host/resolve-component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve-component.d.ts","sourceRoot":"","sources":["../../src/host/resolve-component.ts"],"names":[],"mappings":"AAMA,wBAAgB,uBAAuB,CACrC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAC9B,OAAO,GAAG,SAAS,CAQrB;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO,CAK1D"}

package/dist/host/resolve-component.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolveExposedComponent = resolveExposedComponent;
+exports.isAngularComponent = isAngularComponent;
+// The exposed "./Component" is just the remote's root component module, so the
+// export name follows whatever convention the remote uses. Older Angular apps
+// export `AppComponent` from app.component.ts; Angular's current generator
+// exports `App` from app.ts. Rather than chase names, prefer the conventional
+// exports and otherwise pick the first export that carries an Angular component
+// definition (the compiler stamps `ɵcmp` onto every @Component class).
+function resolveExposedComponent(module) {
+    for (const preferred of [module.default, module.AppComponent, module.App]) {
+        if (isAngularComponent(preferred))
+            return preferred;
+    }
+    for (const value of Object.values(module)) {
+        if (isAngularComponent(value))
+            return value;
+    }
+    return undefined;
+}
+function isAngularComponent(value) {
+    return (typeof value === "function" &&
+        Object.prototype.hasOwnProperty.call(value, "ɵcmp"));
+}
+//# sourceMappingURL=resolve-component.js.map

package/dist/host/resolve-component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve-component.js","sourceRoot":"","sources":["../../src/host/resolve-component.ts"],"names":[],"mappings":";;AAMA,0DAUC;AAED,gDAKC;AAvBD,+EAA+E;AAC/E,8EAA8E;AAC9E,2EAA2E;AAC3E,8EAA8E;AAC9E,gFAAgF;AAChF,uEAAuE;AACvE,SAAgB,uBAAuB,CACrC,MAA+B;IAE/B,KAAK,MAAM,SAAS,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC;QAC1E,IAAI,kBAAkB,CAAC,SAAS,CAAC;YAAE,OAAO,SAAS,CAAC;IACtD,CAAC;IACD,KAAK,MAAM,KAAK,IAAI,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;QAC1C,IAAI,kBAAkB,CAAC,KAAK,CAAC;YAAE,OAAO,KAAK,CAAC;IAC9C,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAgB,kBAAkB,CAAC,KAAc;IAC/C,OAAO,CACL,OAAO,KAAK,KAAK,UAAU;QAC3B,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,CACpD,CAAC;AACJ,CAAC"}

package/dist/host/runtime-browser.js

@@ -1,3 +1,17 @@
+// src/host/resolve-component.ts
+function resolveExposedComponent(module) {
+  for (const preferred of [module.default, module.AppComponent, module.App]) {
+    if (isAngularComponent(preferred)) return preferred;
+  }
+  for (const value of Object.values(module)) {
+    if (isAngularComponent(value)) return value;
+  }
+  return void 0;
+}
+function isAngularComponent(value) {
+  return typeof value === "function" && Object.prototype.hasOwnProperty.call(value, "\u0275cmp");
+}
+
 // src/host/runtime-browser.ts
 var pageUrl = new URL(location.href);
 var hashParams = new URLSearchParams(pageUrl.hash.slice(1));
@@ -89,9 +103,11 @@ async function mountRevision(item, remote) {
     const componentUrl = new URL(exposure.outFileName, entry);
     componentUrl.searchParams.set("revision", String(remote.revision));
     const module = await importShim(componentUrl.href);
-    const component = module.AppComponent ?? module.default;
+    const component = resolveExposedComponent(module);
     if (!component) {
-      throw new Error("./Component does not export AppComponent or default");
+      throw new Error(
+        "./Component does not export an Angular component (looked for a default export, AppComponent, App, or any exported @Component class)"
+      );
     }
     const next = document.createElement("div");
     const componentRef = createComponent(component, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mikkel-ol/federation-session",
-  "version": "22.0.4",
+  "version": "22.0.5",
   "description": "Angular Native Federation development sessions over YATSI",
   "license": "MIT",
   "main": "dist/index.js",