mesauth-angular 1.15.0 → 1.15.1

package/fesm2022/mesauth-angular.mjs

@@ -10,7 +10,7 @@ import { DomSanitizer } from '@angular/platform-browser';
 import { DatePipe } from '@angular/common';
 
 /** Current installed package version — keep in sync with package.json. */
-const PACKAGE_VERSION = '1.15.0';
+const PACKAGE_VERSION = '1.15.1';
 /**
  * Provides server-driven UI configuration loaded from the hosted manifest.
  * Components read `labels()` and `features()` signals instead of hardcoded strings.
@@ -167,20 +167,30 @@ class MesAuthService {
         this.http = httpClient;
         this.router = router;
         this.apiBase = config.apiBaseUrl.replace(/\/$/, '');
-        // Inject server-hosted theme CSS and manifest so visual/config changes
-        // don't require a package republish.
+        // Server-hosted theme CSS and manifest are best-effort: if the MesAuth API is
+        // unreachable the consumer app must keep working (unstyled library components
+        // are acceptable). Any failure here is logged and swallowed so bootstrap
+        // never fails because of a missing stylesheet or manifest.
         const assetsUrl = config.uiAssetsUrl || `${this.apiBase}/mesauth-angular/v1`;
-        const uiConfig = inject(MaUiConfigService);
-        this.injectThemeStylesheet(assetsUrl);
-        uiConfig.loadManifest(assetsUrl, httpClient);
-        // After manifest loads, refresh CSS URL if server version differs from package version.
-        // This forces a re-fetch when default.css is updated on the server independently of the npm package.
-        const manifestSub = toObservable(uiConfig.manifestVersion).subscribe(ver => {
-            if (ver && ver !== PACKAGE_VERSION) {
-                this.updateThemeStylesheetVersion(assetsUrl, ver);
-                manifestSub.unsubscribe();
-            }
-        });
+        try {
+            const uiConfig = inject(MaUiConfigService);
+            this.injectThemeStylesheet(assetsUrl);
+            uiConfig.loadManifest(assetsUrl, httpClient);
+            // After manifest loads, refresh CSS URL if server version differs from package version.
+            // This forces a re-fetch when default.css is updated on the server independently of the npm package.
+            const manifestSub = toObservable(uiConfig.manifestVersion).subscribe({
+                next: ver => {
+                    if (ver && ver !== PACKAGE_VERSION) {
+                        this.updateThemeStylesheetVersion(assetsUrl, ver);
+                        manifestSub.unsubscribe();
+                    }
+                },
+                error: err => console.warn('[mesauth-angular] manifest version stream failed:', err)
+            });
+        }
+        catch (err) {
+            console.warn('[mesauth-angular] hot UI asset loading skipped:', err);
+        }
         // Fetch user once on init. Route changes do NOT re-fetch the user.
         // Auth state is maintained via cookies; 401 errors are handled by HTTP interceptors.
         // SignalR handles real-time notification delivery without polling.
@@ -190,18 +200,42 @@ class MesAuthService {
         const id = 'ma-theme-css';
         if (typeof document === 'undefined' || document.getElementById(id))
             return;
-        const link = document.createElement('link');
-        link.id = id;
-        link.rel = 'stylesheet';
-        link.href = `${assetsUrl}/themes/default.css?v=${PACKAGE_VERSION}`;
-        document.head.appendChild(link);
+        try {
+            const link = document.createElement('link');
+            link.id = id;
+            link.rel = 'stylesheet';
+            link.href = `${assetsUrl}/themes/default.css?v=${PACKAGE_VERSION}`;
+            // If the CSS cannot be fetched (server down, 404, CORS) detach the link so
+            // the browser stops reporting it and the consumer app renders unstyled
+            // library components instead of a broken one.
+            link.onerror = () => {
+                console.warn(`[mesauth-angular] theme stylesheet failed to load from ${link.href} — continuing without hosted theme`);
+                link.remove();
+            };
+            document.head.appendChild(link);
+        }
+        catch (err) {
+            console.warn('[mesauth-angular] could not inject theme stylesheet:', err);
+        }
     }
     updateThemeStylesheetVersion(assetsUrl, manifestVersion) {
         if (typeof document === 'undefined')
             return;
-        const link = document.getElementById('ma-theme-css');
-        if (link) {
-            link.href = `${assetsUrl}/themes/default.css?v=${manifestVersion}`;
+        try {
+            const existing = document.getElementById('ma-theme-css');
+            if (existing) {
+                existing.href = `${assetsUrl}/themes/default.css?v=${manifestVersion}`;
+                return;
+            }
+            // Original link was removed by an earlier load failure — retry with the
+            // server-reported version; it may now be reachable.
+            this.injectThemeStylesheet(`${assetsUrl}`);
+            const retry = document.getElementById('ma-theme-css');
+            if (retry)
+                retry.href = `${assetsUrl}/themes/default.css?v=${manifestVersion}`;
+        }
+        catch (err) {
+            console.warn('[mesauth-angular] could not update theme stylesheet version:', err);
         }
     }
     getConfig() {