@umituz/react-native-localization 3.0.2 → 3.1.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@umituz/react-native-localization",
-  "version": "3.0.2",
-  "description": "English-only localization system for React Native apps with i18n support",
+  "version": "3.1.2",
+  "description": "Generic localization system for React Native apps with i18n support",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
   "scripts": {
@@ -53,6 +53,7 @@
     "@babel/preset-env": "^7.28.5",
     "@babel/preset-react": "^7.28.5",
     "@babel/preset-typescript": "^7.28.5",
+    "@react-native-async-storage/async-storage": "^2.2.0",
     "@testing-library/jest-native": "^5.4.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/react-hooks": "^8.0.1",
@@ -85,4 +86,4 @@
     "README.md",
     "LICENSE"
   ]
-}
+}

package/scripts/setup-languages.js

@@ -0,0 +1,56 @@
+const fs = require('fs');
+const path = require('path');
+
+// Default path if not provided
+const targetDir = process.argv[2] || 'src/domains/localization/infrastructure/locales';
+const localesDir = path.resolve(process.cwd(), targetDir);
+
+console.log(`Setting up languages in: ${localesDir}`);
+
+if (!fs.existsSync(localesDir)) {
+    console.error(`❌ Locales directory not found: ${localesDir}`);
+    process.exit(1);
+}
+
+try {
+    // Find all language files (e.g., en-US.ts, tr-TR.ts)
+    const files = fs.readdirSync(localesDir)
+        .filter(f => f.match(/^[a-z]{2}-[A-Z]{2}\.ts$/))
+        .sort();
+
+    const imports = [];
+    const exports = [];
+
+    files.forEach(file => {
+        const code = file.replace('.ts', '');
+        // Remove hyphens for variable names (en-US -> enUS)
+        const varName = code.replace(/-([a-z0-9])/g, (g) => g[1].toUpperCase()).replace('-', '');
+
+        imports.push(`import ${varName} from "./${code}";`);
+        exports.push(`  "${code}": ${varName},`);
+    });
+
+    const content = `/**
+ * Localization Index
+ * Exports all available translation files
+ * Auto-generated by scripts/setup-languages.js
+ */
+
+${imports.join('\n')}
+
+export const translations = {
+${exports.join('\n')}
+};
+
+export type TranslationKey = keyof typeof translations;
+
+export default translations;
+`;
+
+    fs.writeFileSync(path.join(localesDir, 'index.ts'), content);
+    console.log(`✅ Generated index.ts with ${files.length} languages`);
+
+} catch (error) {
+    console.error('❌ Error setting up languages:', error);
+    process.exit(1);
+}

package/scripts/translate-missing.js

@@ -0,0 +1,6 @@
+const fs = require('fs');
+const path = require('path');
+
+// Placeholder for translation script
+console.log('🌍 [Localization] Translate Missing Script');
+console.log('Not implemented yet. This script would check for missing keys against en-US and auto-translate them.');

package/src/infrastructure/config/__tests__/languagesData.test.ts

@@ -45,5 +45,25 @@ describe('LanguageRegistry', () => {
     const languages = languageRegistry.getLanguages();
     expect(Array.isArray(languages)).toBe(true);
     expect(languages.length).toBeGreaterThan(0);
+    // Should now support many languages (29+)
+    expect(languages.length).toBeGreaterThan(20);
+  });
+
+  it('should support newly added languages', () => {
+    expect(languageRegistry.isLanguageSupported('cs-CZ')).toBe(true);
+    expect(languageRegistry.isLanguageSupported('pt-BR')).toBe(true);
+    expect(languageRegistry.isLanguageSupported('zh-TW')).toBe(true);
+    expect(languageRegistry.isLanguageSupported('el-GR')).toBe(true);
+  });
+
+  it('should find language attributes correctly', () => {
+    const czech = languageRegistry.getLanguageByCode('cs-CZ');
+    expect(czech).toBeDefined();
+    expect(czech?.name).toBe('Czech');
+    expect(czech?.flag).toBe('🇨🇿');
+
+    const brazil = languageRegistry.getLanguageByCode('pt-BR');
+    expect(brazil).toBeDefined();
+    expect(brazil?.name).toBe('Portuguese (Brazil)');
   });
 });

package/src/infrastructure/config/languages.ts

@@ -33,7 +33,7 @@ export const DEFAULT_LANGUAGE = 'en-US';
  * - All variants map to en-US (only supported language)
  */
 const LOCALE_MAPPING: Record<string, string> = {
-  // All English variants map to en-US
+  // English variants map to en-US
   'en': 'en-US',
   'en-US': 'en-US',
   'en-GB': 'en-US',
@@ -42,85 +42,68 @@ const LOCALE_MAPPING: Record<string, string> = {
   'en-NZ': 'en-US',
   'en-IE': 'en-US',
   'en-ZA': 'en-US',
-
-  // All other languages map to en-US (fallback)
-  'ar': 'en-US',
-  'ar-SA': 'en-US',
-  'ar-AE': 'en-US',
-  'ar-EG': 'en-US',
-  'bg': 'en-US',
-  'bg-BG': 'en-US',
-  'cs': 'en-US',
-  'cs-CZ': 'en-US',
-  'da': 'en-US',
-  'da-DK': 'en-US',
-  'de': 'en-US',
-  'de-DE': 'en-US',
-  'de-AT': 'en-US',
-  'de-CH': 'en-US',
-  'el': 'en-US',
-  'es': 'en-US',
-  'es-ES': 'en-US',
-  'es-MX': 'en-US',
-  'es-AR': 'en-US',
-  'fi': 'en-US',
-  'fi-FI': 'en-US',
-  'fr': 'en-US',
-  'fr-FR': 'en-US',
-  'fr-CA': 'en-US',
-  'fr-BE': 'en-US',
-  'fr-CH': 'en-US',
-  'hi': 'en-US',
-  'hi-IN': 'en-US',
-  'hr': 'en-US',
-  'hu': 'en-US',
-  'hu-HU': 'en-US',
-  'id': 'en-US',
-  'id-ID': 'en-US',
-  'it': 'en-US',
-  'it-IT': 'en-US',
-  'ja': 'en-US',
-  'ja-JP': 'en-US',
-  'ko': 'en-US',
-  'ko-KR': 'en-US',
-  'ms': 'en-US',
-  'ms-MY': 'en-US',
-  'nb': 'en-US',
-  'no': 'en-US',
-  'no-NO': 'en-US',
-  'nl': 'en-US',
-  'nl-NL': 'en-US',
-  'nl-BE': 'en-US',
-  'pl': 'en-US',
-  'pl-PL': 'en-US',
-  'pt': 'en-US',
-  'pt-PT': 'en-US',
-  'pt-BR': 'en-US',
-  'ro': 'en-US',
-  'ro-RO': 'en-US',
-  'ru': 'en-US',
-  'ru-RU': 'en-US',
-  'sk': 'en-US',
-  'sv': 'en-US',
-  'sv-SE': 'en-US',
-  'th': 'en-US',
-  'th-TH': 'en-US',
-  'tl': 'en-US',
-  'tl-PH': 'en-US',
-  'fil': 'en-US',
-  'tr': 'en-US',
-  'tr-TR': 'en-US',
-  'uk': 'en-US',
-  'uk-UA': 'en-US',
-  'vi': 'en-US',
-  'vi-VN': 'en-US',
-  'zh': 'en-US',
-  'zh-CN': 'en-US',
-  'zh-Hans': 'en-US',
-  'zh-Hans-CN': 'en-US',
-  'zh-Hant': 'en-US',
-  'zh-TW': 'en-US',
-  'zh-HK': 'en-US',
+  'en-SG': 'en-US',
+  'en-IN': 'en-US',
+
+  // Portuguese mappings
+  'pt': 'pt-PT', // Default to European Portuguese if ambiguous, or use pt-BR if preferred.
+  'pt-BR': 'pt-BR', // Now natively supported
+  'pt-PT': 'pt-PT',
+
+  // Spanish variants
+  'es': 'es-ES',
+  'es-ES': 'es-ES',
+  'es-MX': 'es-ES', // Fallback to ES until MX is explicitly added
+  'es-AR': 'es-ES',
+  'es-US': 'es-ES', // Common in US
+
+  // French variants
+  'fr': 'fr-FR',
+  'fr-FR': 'fr-FR',
+  'fr-CA': 'fr-FR', // Fallback to FR until CA is explicitly added
+  'fr-BE': 'fr-FR',
+  'fr-CH': 'fr-FR',
+
+  // Norwegian (Bokmål to no-NO)
+  'no': 'no-NO',
+  'nb': 'no-NO',
+  'nn': 'no-NO', // Nynorsk fallback
+
+  // Chinese variants
+  'zh': 'zh-CN',
+  'zh-CN': 'zh-CN',
+  'zh-Hans': 'zh-CN',
+  'zh-Hans-CN': 'zh-CN',
+  'zh-Hant': 'zh-TW', // Map Traditional to zh-TW
+  'zh-TW': 'zh-TW',
+  'zh-HK': 'zh-TW', // Map HK to TW for Traditional
+
+  // Others
+  'ar': 'ar-SA',
+  'bg': 'bg-BG',
+  'cs': 'cs-CZ',
+  'da': 'da-DK',
+  'de': 'de-DE',
+  'el': 'el-GR', // Greek
+  'fi': 'fi-FI',
+  'hi': 'hi-IN',
+  'hr': 'hr-HR', // Croatian
+  'hu': 'hu-HU',
+  'id': 'id-ID',
+  'it': 'it-IT',
+  'ja': 'ja-JP',
+  'ko': 'ko-KR',
+  'ms': 'ms-MY',
+  'nl': 'nl-NL',
+  'pl': 'pl-PL',
+  'ro': 'ro-RO',
+  'ru': 'ru-RU',
+  'sk': 'sk-SK', // Slovak
+  'sv': 'sv-SE',
+  'th': 'th-TH',
+  'tr': 'tr-TR',
+  'uk': 'uk-UA',
+  'vi': 'vi-VN',
 };
 
 export const getLanguageByCode = (code: string): Language | undefined => {

package/src/infrastructure/config/languagesData.ts

@@ -17,7 +17,40 @@ export interface Language {
  * Applications can override this by providing their own language list
  */
 export const DEFAULT_LANGUAGES: Language[] = [
+  { code: 'ar-SA', name: 'Arabic', nativeName: 'العربية', flag: '🇸🇦', isRTL: true },
+  { code: 'bg-BG', name: 'Bulgarian', nativeName: 'Български', flag: '🇧🇬', isRTL: false },
+  { code: 'cs-CZ', name: 'Czech', nativeName: 'Čeština', flag: '🇨🇿', isRTL: false },
+  { code: 'da-DK', name: 'Danish', nativeName: 'Dansk', flag: '🇩🇰', isRTL: false },
+  { code: 'de-DE', name: 'German', nativeName: 'Deutsch', flag: '🇩🇪', isRTL: false },
+  { code: 'el-GR', name: 'Greek', nativeName: 'Ελληνικά', flag: '🇬🇷', isRTL: false },
   { code: 'en-US', name: 'English', nativeName: 'English', flag: '🇺🇸', isRTL: false },
+  { code: 'es-ES', name: 'Spanish', nativeName: 'Español', flag: '🇪🇸', isRTL: false },
+  { code: 'fi-FI', name: 'Finnish', nativeName: 'Suomi', flag: '🇫🇮', isRTL: false },
+  { code: 'fr-FR', name: 'French', nativeName: 'Français', flag: '🇫🇷', isRTL: false },
+  { code: 'hi-IN', name: 'Hindi', nativeName: 'हिन्दी', flag: '🇮🇳', isRTL: false },
+  { code: 'hr-HR', name: 'Croatian', nativeName: 'Hrvatski', flag: '🇭🇷', isRTL: false },
+  { code: 'hu-HU', name: 'Hungarian', nativeName: 'Magyar', flag: '🇭🇺', isRTL: false },
+  { code: 'id-ID', name: 'Indonesian', nativeName: 'Bahasa Indonesia', flag: '🇮', isRTL: false },
+  { code: 'it-IT', name: 'Italian', nativeName: 'Italiano', flag: '🇮🇹', isRTL: false },
+  { code: 'ja-JP', name: 'Japanese', nativeName: '日本語', flag: '🇯🇵', isRTL: false },
+  { code: 'ko-KR', name: 'Korean', nativeName: '한국어', flag: '🇰🇷', isRTL: false },
+  { code: 'ms-MY', name: 'Malay', nativeName: 'Bahasa Melayu', flag: '🇲🇾', isRTL: false },
+  { code: 'nl-NL', name: 'Dutch', nativeName: 'Nederlands', flag: '🇳🇱', isRTL: false },
+  { code: 'no-NO', name: 'Norwegian', nativeName: 'Norsk', flag: '🇳🇴', isRTL: false },
+  { code: 'pl-PL', name: 'Polish', nativeName: 'Polski', flag: '🇵🇱', isRTL: false },
+  { code: 'pt-BR', name: 'Portuguese (Brazil)', nativeName: 'Português (Brasil)', flag: '🇧🇷', isRTL: false },
+  { code: 'pt-PT', name: 'Portuguese', nativeName: 'Português', flag: '🇵🇹', isRTL: false },
+  { code: 'ro-RO', name: 'Romanian', nativeName: 'Română', flag: '🇷🇴', isRTL: false },
+  { code: 'ru-RU', name: 'Russian', nativeName: 'Русский', flag: '🇷🇺', isRTL: false },
+  { code: 'sk-SK', name: 'Slovak', nativeName: 'Slovenčina', flag: '🇸🇰', isRTL: false },
+  { code: 'sv-SE', name: 'Swedish', nativeName: 'Svenska', flag: '🇸🇪', isRTL: false },
+  { code: 'th-TH', name: 'Thai', nativeName: 'ไทย', flag: '🇹🇭', isRTL: false },
+  { code: 'tl-PH', name: 'Filipino', nativeName: 'Filipino', flag: '🇵🇭', isRTL: false },
+  { code: 'tr-TR', name: 'Turkish', nativeName: 'Türkçe', flag: '🇹🇷', isRTL: false },
+  { code: 'uk-UA', name: 'Ukrainian', nativeName: 'Українська', flag: '🇺🇦', isRTL: false },
+  { code: 'vi-VN', name: 'Vietnamese', nativeName: 'Tiếng Việt', flag: '🇻🇳', isRTL: false },
+  { code: 'zh-CN', name: 'Chinese (Simplified)', nativeName: '简体中文', flag: '🇨🇳', isRTL: false },
+  { code: 'zh-TW', name: 'Chinese (Traditional)', nativeName: '繁體中文', flag: '🇹🇼', isRTL: false },
 ];
 
 /**
@@ -81,9 +114,11 @@ class LanguageRegistry {
 
   /**
    * Get default language
+   * Prioritizes en-US, otherwise returns first available
    */
   getDefaultLanguage(): Language {
-    return this.languages[0] || DEFAULT_LANGUAGES[0];
+    const en = this.languages.find(l => l.code === 'en-US');
+    return en || this.languages[0] || DEFAULT_LANGUAGES[0];
   }
 }
 

package/src/infrastructure/storage/LanguageSwitcher.ts

@@ -23,7 +23,7 @@ export class LanguageSwitcher {
     const language = languageRegistry.getLanguageByCode(languageCode);
 
     if (!language) {
-      throw new Error(`Unsupported language: ${languageCode}`);
+      console.warn(`[LanguageSwitcher] Language ${languageCode} not found in registry, proceeding anyway.`);
     }
 
     await i18n.changeLanguage(languageCode);
@@ -31,7 +31,7 @@ export class LanguageSwitcher {
 
     return {
       languageCode,
-      isRTL: language.isRTL || false,
+      isRTL: language?.isRTL || false,
     };
   }
 }

package/src/presentation/screens/__tests__/LanguageSelectionScreen.test.tsx

@@ -5,17 +5,17 @@
 import React from 'react';
 import { render, fireEvent } from '@testing-library/react-native';
 import { LanguageSelectionScreen } from '../LanguageSelectionScreen';
-import { useLocalization } from '../../infrastructure/hooks/useLocalization';
-import { searchLanguages } from '../../infrastructure/config/languagesData';
+import { useLocalization } from '../../../infrastructure/hooks/useLocalization';
+import { searchLanguages } from '../../../infrastructure/config/languages';
 
 // Mock dependencies
-jest.mock('../../infrastructure/hooks/useLocalization');
-jest.mock('../../infrastructure/config/languagesData');
+jest.mock('../../../infrastructure/hooks/useLocalization');
+jest.mock('../../../infrastructure/config/languages');
 jest.mock('@react-navigation/native', () => ({
   useNavigation: () => ({
     goBack: jest.fn(),
   }),
-}));
+}), { virtual: true });
 
 const mockUseLocalization = useLocalization as jest.MockedFunction<typeof useLocalization>;
 const mockSearchLanguages = searchLanguages as jest.MockedFunction<typeof searchLanguages>;
@@ -23,7 +23,7 @@ const mockSearchLanguages = searchLanguages as jest.MockedFunction<typeof search
 const mockLanguage = {
   code: 'en-US',
   name: 'English',
-  nativeName: 'English',
+  nativeName: 'Native English',
   flag: '🇺🇸',
   isRTL: false,
 };
@@ -34,7 +34,7 @@ describe('LanguageSelectionScreen', () => {
 
   beforeEach(() => {
     jest.clearAllMocks();
-    
+
     mockUseLocalization.mockReturnValue({
       currentLanguage: 'en-US',
       setLanguage: mockSetLanguage,
@@ -90,7 +90,7 @@ describe('LanguageSelectionScreen', () => {
 
   it('should use custom render function when provided', () => {
     const customRender = jest.fn().mockReturnValue(<div>Custom Item</div>);
-    
+
     render(
       <LanguageSelectionScreen
         searchPlaceholder="Search languages..."
@@ -107,7 +107,7 @@ describe('LanguageSelectionScreen', () => {
 
   it('should use custom search input when provided', () => {
     const customSearchInput = jest.fn().mockReturnValue(<div>Custom Search</div>);
-    
+
     render(
       <LanguageSelectionScreen
         searchPlaceholder="Search languages..."
@@ -126,7 +126,7 @@ describe('LanguageSelectionScreen', () => {
     const CustomContainer = ({ children }: { children: React.ReactNode }) => (
       <div testID="custom-container">{children}</div>
     );
-    
+
     const { getByTestId } = render(
       <LanguageSelectionScreen
         searchPlaceholder="Search languages..."