@umituz/react-native-localization 3.7.21 → 3.7.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-localization",
-  "version": "3.7.21",
+  "version": "3.7.23",
   "type": "module",
   "description": "Generic localization system for React Native apps with i18n support",
   "main": "./src/index.ts",

package/src/infrastructure/hooks/useLocalization.ts

@@ -14,6 +14,9 @@ import type { Language } from '../../domain/repositories/ILocalizationRepository
  * Provides current language, RTL state, language switching, and translation function
  */
 export const useLocalization = () => {
+  if (typeof __DEV__ !== 'undefined' && __DEV__) {
+    console.log('[useLocalization] Hook called');
+  }
   const store = useLocalizationStore();
   const { t } = useTranslationFunction();
 

package/src/infrastructure/storage/LanguageInitializer.ts

@@ -7,6 +7,8 @@
  * - i18n setup
  */
 
+declare const __DEV__: boolean;
+
 import { storageRepository } from '@umituz/react-native-design-system';
 import i18n from '../config/i18n';
 import { languageRepository } from '../repository/LanguageRepository';
@@ -31,7 +33,9 @@ export class LanguageInitializer {
 
       return finalLanguage;
     } catch {
-      console.warn("[LanguageInitializer] Failed to restore language, falling back to device locale");
+      if (typeof __DEV__ !== "undefined" && __DEV__) {
+        console.warn("[LanguageInitializer] Failed to restore language, falling back to device locale");
+      }
       return await this.setupFallbackLanguage();
     }
   }
@@ -66,14 +70,12 @@ export class LanguageInitializer {
     languageCode: string;
     isRTL: boolean;
   }> {
-    try {
-      await i18n.changeLanguage(DEFAULT_LANGUAGE);
-      return {
-        languageCode: DEFAULT_LANGUAGE,
-        isRTL: false,
-      };
-    } catch (fallbackError) {
-      throw fallbackError;
-    }
+    // No try-catch needed - let errors propagate naturally
+    // This preserves the full stack trace
+    await i18n.changeLanguage(DEFAULT_LANGUAGE);
+    return {
+      languageCode: DEFAULT_LANGUAGE,
+      isRTL: false,
+    };
   }
 }

package/src/infrastructure/storage/LanguageSwitcher.ts

@@ -6,6 +6,8 @@
  * - Persistence
  */
 
+declare const __DEV__: boolean;
+
 import { storageRepository } from '@umituz/react-native-design-system';
 import i18n from '../config/i18n';
 import { languageRepository } from '../repository/LanguageRepository';
@@ -20,17 +22,27 @@ export class LanguageSwitcher {
     languageCode: string;
     isRTL: boolean;
   }> {
-    console.log('[LanguageSwitcher] switchLanguage called:', languageCode);
+    if (typeof __DEV__ !== "undefined" && __DEV__) {
+      console.log('[LanguageSwitcher] switchLanguage called:', languageCode);
+    }
+
     const language = languageRepository.getLanguageByCode(languageCode);
-    console.log('[LanguageSwitcher] Language object:', language);
 
-    console.log('[LanguageSwitcher] Calling i18n.changeLanguage...');
+    if (typeof __DEV__ !== "undefined" && __DEV__) {
+      console.log('[LanguageSwitcher] Language object:', language);
+    }
+
     await i18n.changeLanguage(languageCode);
-    console.log('[LanguageSwitcher] i18n language changed to:', i18n.language);
 
-    console.log('[LanguageSwitcher] Saving to storage...');
+    if (typeof __DEV__ !== "undefined" && __DEV__) {
+      console.log('[LanguageSwitcher] i18n language changed to:', i18n.language);
+    }
+
     await storageRepository.setString(LANGUAGE_STORAGE_KEY, languageCode);
-    console.log('[LanguageSwitcher] Saved to storage');
+
+    if (typeof __DEV__ !== "undefined" && __DEV__) {
+      console.log('[LanguageSwitcher] Saved to storage');
+    }
 
     return {
       languageCode,

package/src/infrastructure/storage/LocalizationStore.ts

@@ -9,8 +9,16 @@ import { LanguageInitializer } from './LanguageInitializer';
 import { LanguageSwitcher } from './LanguageSwitcher';
 import { languageRepository } from '../repository/LanguageRepository';
 
+declare const __DEV__: boolean;
+
 type LocalizationStoreType = LocalizationState & LocalizationActions & LocalizationGetters;
 
+// Mutex to prevent race condition in initialize
+let initializeInProgress = false;
+// Debounce timer for language switching
+let languageSwitchTimer: ReturnType<typeof setTimeout> | null = null;
+const LANGUAGE_SWITCH_DEBOUNCE_MS = 300;
+
 export const useLocalizationStore = create<LocalizationStoreType>((set, get) => ({
   // State
   currentLanguage: 'en-US',
@@ -21,10 +29,15 @@ export const useLocalizationStore = create<LocalizationStoreType>((set, get) =>
   // Actions
   initialize: async () => {
     const { isInitialized: alreadyInitialized } = get();
-    if (alreadyInitialized) {
+
+    // Atomic check: both state flag AND in-progress mutex
+    if (alreadyInitialized || initializeInProgress) {
       return;
     }
 
+    // Set mutex immediately (synchronous)
+    initializeInProgress = true;
+
     try {
       const result = await LanguageInitializer.initialize();
 
@@ -39,19 +52,49 @@ export const useLocalizationStore = create<LocalizationStoreType>((set, get) =>
         isRTL: false,
         isInitialized: true,
       });
+    } finally {
+      // Reset mutex after completion (success or failure)
+      initializeInProgress = false;
     }
   },
 
   setLanguage: async (languageCode: string) => {
-    console.log('[LocalizationStore] setLanguage called:', languageCode);
-    const result = await LanguageSwitcher.switchLanguage(languageCode);
-    console.log('[LocalizationStore] LanguageSwitcher result:', result);
+    // Debounce rapid language switches
+    if (languageSwitchTimer) {
+      clearTimeout(languageSwitchTimer);
+    }
 
-    set({
-      currentLanguage: result.languageCode,
-      isRTL: result.isRTL,
+    return new Promise<void>((resolve) => {
+      languageSwitchTimer = setTimeout(async () => {
+        if (typeof __DEV__ !== "undefined" && __DEV__) {
+          console.log('[LocalizationStore] setLanguage called:', languageCode);
+        }
+
+        try {
+          const result = await LanguageSwitcher.switchLanguage(languageCode);
+
+          if (typeof __DEV__ !== "undefined" && __DEV__) {
+            console.log('[LocalizationStore] LanguageSwitcher result:', result);
+          }
+
+          set({
+            currentLanguage: result.languageCode,
+            isRTL: result.isRTL,
+          });
+
+          if (typeof __DEV__ !== "undefined" && __DEV__) {
+            console.log('[LocalizationStore] Store updated with new language:', result.languageCode);
+          }
+        } catch (error) {
+          if (typeof __DEV__ !== "undefined" && __DEV__) {
+            console.error('[LocalizationStore] Language switch failed:', error);
+          }
+        }
+
+        languageSwitchTimer = null;
+        resolve();
+      }, LANGUAGE_SWITCH_DEBOUNCE_MS);
     });
-    console.log('[LocalizationStore] Store updated with new language:', result.languageCode);
   },
 
   reset: () => {