mn-angular-lib 0.0.53 → 0.0.54

package/fesm2022/mn-angular-lib.mjs

@@ -606,6 +606,7 @@ class MnLanguageService {
     _translations = {};
     _locale$ = new BehaviorSubject('en');
     _urlPattern = null;
+    _debug = false;
     /** Observable of the current active locale. */
     locale$ = this._locale$.asObservable();
     constructor(http) {
@@ -615,11 +616,23 @@ class MnLanguageService {
     get locale() {
         return this._locale$.value;
     }
+    /**
+     * Enable or disable debug logging.
+     */
+    setDebug(enabled) {
+        this._debug = enabled;
+        if (enabled) {
+            console.log(`[MnLanguage] Debug mode enabled`);
+        }
+    }
     /**
      * Configure the URL pattern used to fetch translation files.
      * Use `{locale}` as placeholder, e.g. `"assets/i18n/{locale}.json"`.
      */
     configure(urlPattern) {
+        if (this._debug) {
+            console.log(`[MnLanguage] Configured urlPattern: ${urlPattern}`);
+        }
         this._urlPattern = urlPattern;
     }
     /**
@@ -634,9 +647,15 @@ class MnLanguageService {
             return;
         }
         const url = this._urlPattern.replace('{locale}', locale);
+        if (this._debug) {
+            console.log(`[MnLanguage] Loading locale "${locale}" from ${url}`);
+        }
         try {
             const map = await firstValueFrom(this.http.get(url));
             this._translations[locale] = map ?? {};
+            if (this._debug) {
+                console.log(`[MnLanguage] Loaded locale "${locale}"`, this._translations[locale]);
+            }
         }
         catch (err) {
             console.warn(`[MnLanguage] Failed to load translations from ${url}`, err);
@@ -647,6 +666,9 @@ class MnLanguageService {
      * Switch the active locale. Loads translations if not yet loaded.
      */
     async setLocale(locale) {
+        if (this._debug) {
+            console.log(`[MnLanguage] Setting locale to "${locale}"`);
+        }
         await this.loadLocale(locale);
         this._locale$.next(locale);
     }
@@ -667,8 +689,11 @@ class MnLanguageService {
      */
     translate(key, params) {
         const map = this._translations[this.locale] ?? {};
-        let value = map[key];
+        let value = this.getValueFromMap(map, key);
         if (value === undefined) {
+            if (this._debug) {
+                console.warn(`[MnLanguage] Missing translation for key: "${key}" in locale: "${this.locale}"`);
+            }
             return key;
         }
         if (params) {
@@ -678,6 +703,21 @@ class MnLanguageService {
         }
         return value;
     }
+    /**
+     * Helper to retrieve a value from a potentially nested translation map using a dot-notated key.
+     */
+    getValueFromMap(map, key) {
+        if (map[key] !== undefined)
+            return map[key];
+        const parts = key.split('.');
+        let current = map;
+        for (const part of parts) {
+            if (current === null || typeof current !== 'object')
+                return undefined;
+            current = current[part];
+        }
+        return typeof current === 'string' ? current : undefined;
+    }
     /**
      * Shorthand alias for `translate`.
      */
@@ -739,6 +779,7 @@ class MnConfigService {
      */
     async load(url, debugMode = false) {
         this._debugMode = debugMode;
+        this.lang.setDebug(debugMode);
         let text;
         try {
             text = await firstValueFrom(this.http.get(url, { responseType: 'text' }));
@@ -768,9 +809,12 @@ class MnConfigService {
         const langCfg = cfg.language;
         if (isPlainObject(langCfg) && typeof langCfg['urlPattern'] === 'string') {
             const lc = langCfg;
+            if (this._debugMode) {
+                console.log(`[MnConfig] Applying language config from file`, lc);
+            }
             this.lang.configure(lc.urlPattern);
             const effectiveLocale = this.lang.resolveLocaleForDomain(lc.domainLocaleMap, lc.defaultLocale);
-            const localesToLoad = lc.preload ?? [effectiveLocale];
+            const localesToLoad = Array.from(new Set([...(lc.preload ?? []), effectiveLocale]));
             await Promise.all(localesToLoad.map(l => this.lang.loadLocale(l)));
             await this.lang.setLocale(effectiveLocale);
         }
@@ -791,9 +835,12 @@ class MnConfigService {
             const langCfg = config['language'];
             if (isPlainObject(langCfg) && typeof langCfg['urlPattern'] === 'string') {
                 const lc = langCfg;
+                if (this._debugMode) {
+                    console.log(`[MnConfig] Applying language config from object`, lc);
+                }
                 this.lang.configure(lc.urlPattern);
                 const effectiveLocale = this.lang.resolveLocaleForDomain(lc.domainLocaleMap, lc.defaultLocale);
-                const localesToLoad = lc.preload ?? [effectiveLocale];
+                const localesToLoad = Array.from(new Set([...(lc.preload ?? []), effectiveLocale]));
                 await Promise.all(localesToLoad.map(l => this.lang.loadLocale(l)));
                 await this.lang.setLocale(effectiveLocale);
             }
@@ -1278,7 +1325,7 @@ function provideMnComponentConfig(token, componentName, initial) {
             const cfg = resolveConfig();
             // Re-resolve translatable values whenever the locale changes.
             // skip(1) because the current locale was already used for the initial resolve.
-            const sub = lang.locale$.pipe(skip(1)).subscribe(() => {
+            const sub = lang.locale$.subscribe(() => {
                 const updated = resolveConfig();
                 // Mutate the existing object in place so all template bindings pick up the new values.
                 for (const key of Object.keys(updated)) {
@@ -6578,6 +6625,9 @@ function provideMnLanguage(config) {
             provide: APP_INITIALIZER,
             multi: true,
             useFactory: (svc) => async () => {
+                if (config.debug) {
+                    svc.setDebug(true);
+                }
                 svc.configure(config.urlPattern);
                 const effectiveLocale = svc.resolveLocaleForDomain(config.domainLocaleMap, config.defaultLocale);
                 const localesToLoad = config.preload ?? [effectiveLocale];