@umituz/react-native-localization 3.7.11 → 3.7.13

package/README.md

@@ -47,8 +47,6 @@ This package follows Domain-Driven Design principles:
 
 ```bash
 npm install @umituz/react-native-localization
-# or
-yarn add @umituz/react-native-localization
 ```
 
 ### Peer Dependencies

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-localization",
-  "version": "3.7.11",
+  "version": "3.7.13",
   "type": "module",
   "description": "Generic localization system for React Native apps with i18n support",
   "main": "./src/index.ts",
@@ -10,7 +10,11 @@
     "lint": "eslint src --ext .ts,.tsx --max-warnings 0",
     "version:patch": "npm version patch -m 'chore: release v%s'",
     "version:minor": "npm version minor -m 'chore: release v%s'",
-    "version:major": "npm version major -m 'chore: release v%s'"
+    "version:major": "npm version major -m 'chore: release v%s'",
+    "i18n:setup": "node src/scripts/setup-languages.js",
+    "i18n:check": "node src/scripts/sync-translations.js",
+    "i18n:sync": "node src/scripts/sync-translations.js",
+    "i18n:translate": "node src/scripts/translate-missing.js"
   },
   "keywords": [
     "react-native",
@@ -27,7 +31,7 @@
   },
   "peerDependencies": {
     "@react-native-async-storage/async-storage": ">=2.0.0",
-    "@umituz/react-native-design-system": "latest",
+    "@umituz/react-native-design-system": "*",
     "expo-localization": ">=16.0.0",
     "i18next": ">=23.0.0",
     "react": ">=18.2.0",

package/src/scripts/sync-translations.js

@@ -11,7 +11,6 @@ import path from 'path';
 import { parseTypeScriptFile, generateTypeScriptContent } from './utils/file-parser.js';
 import { addMissingKeys, removeExtraKeys } from './utils/sync-helper.js';
 import { detectNewKeys } from './utils/key-detector.js';
-import { getLangDisplayName } from './utils/translation-config.js';
 import { extractUsedKeys } from './utils/key-extractor.js';
 import { setDeep } from './utils/object-helper.js';
 
@@ -45,21 +44,47 @@ function syncLanguageFile(enUSPath, targetPath, langCode) {
 function processExtraction(srcDir, enUSPath) {
   if (!srcDir) return;
 
-  console.log(`🔍 Scanning source code: ${srcDir}...`);
-  const usedKeys = extractUsedKeys(srcDir);
-  console.log(`   Found ${usedKeys.size} unique keys in code.`);
+  console.log(`🔍 Scanning source code and dependencies: ${srcDir}...`);
+  const usedKeyMap = extractUsedKeys(srcDir);
+  console.log(`   Found ${usedKeyMap.size} unique keys.`);
 
-  const enUS = parseTypeScriptFile(enUSPath);
+  const oldEnUS = parseTypeScriptFile(enUSPath);
+  const newEnUS = {}; 
+  
   let addedCount = 0;
-  for (const key of usedKeys) {
-    if (setDeep(enUS, key, key)) addedCount++;
+  for (const [key, defaultValue] of usedKeyMap) {
+    // Try to keep existing translation if it exists
+    const existingValue = key.split('.').reduce((obj, k) => (obj && obj[k]), oldEnUS);
+    
+    // We treat it as "not translated" if the value is exactly the key string
+    const isActuallyTranslated = typeof existingValue === 'string' && existingValue !== key;
+    const valueToSet = isActuallyTranslated ? existingValue : defaultValue;
+    
+    if (setDeep(newEnUS, key, valueToSet)) {
+      if (!isActuallyTranslated) addedCount++;
+    }
   }
 
-  if (addedCount > 0) {
-    console.log(`   ✨ Added ${addedCount} new keys to en-US.ts`);
-    const content = generateTypeScriptContent(enUS, 'en-US');
-    fs.writeFileSync(enUSPath, content);
-  }
+  // Count keys in objects
+  const getKeysCount = (obj) => {
+    let count = 0;
+    const walk = (o) => {
+      for (const k in o) {
+        if (typeof o[k] === 'object' && o[k] !== null) walk(o[k]);
+        else count++;
+      }
+    };
+    walk(obj);
+    return count;
+  };
+  
+  const oldTotal = getKeysCount(oldEnUS);
+  const newTotal = getKeysCount(newEnUS);
+  const removedCount = oldTotal - (newTotal - addedCount);
+
+  console.log(`   ✨ Optimized en-US.ts: ${addedCount} keys populated/updated, pruned ${Math.max(0, removedCount)} unused.`);
+  const content = generateTypeScriptContent(newEnUS, 'en-US');
+  fs.writeFileSync(enUSPath, content);
 }
 
 export function syncTranslations(targetDir, srcDir) {

package/src/scripts/translate-missing.js

@@ -2,106 +2,91 @@
 
 /**
  * Translate Missing Script
- * Translates missing strings from en-US.ts to all other language files
- * Usage: node translate-missing.js [locales-dir] [src-dir-optional] [lang-code-optional]
+ * Automatically translates missing strings using Google Translate
  */
 
 import fs from 'fs';
 import path from 'path';
-import { getTargetLanguage, isEnglishVariant, getLangDisplayName } from './utils/translation-config.js';
 import { parseTypeScriptFile, generateTypeScriptContent } from './utils/file-parser.js';
+import { getTargetLanguage, getLangDisplayName } from './utils/translation-config.js';
 import { translateObject } from './utils/translator.js';
 import { setupLanguages } from './setup-languages.js';
 import { syncTranslations } from './sync-translations.js';
 
-async function translateLanguageFile(enUSPath, targetPath, langCode) {
-  const targetLang = getTargetLanguage(langCode);
-
-  if (!targetLang) {
-    console.log(`   ⚠️  No language mapping for ${langCode}, skipping`);
-    return { count: 0, newKeys: [] };
-  }
-
-  if (isEnglishVariant(langCode)) {
-    console.log(`   ⏭️  Skipping English variant: ${langCode}`);
-    return { count: 0, newKeys: [] };
-  }
-
-  const enUS = parseTypeScriptFile(enUSPath);
-  let target;
-
-  try {
-    target = parseTypeScriptFile(targetPath);
-  } catch {
-    target = {};
-  }
-
-  const stats = { count: 0, newKeys: [] };
-  await translateObject(enUS, target, targetLang, '', stats);
-
-  if (stats.count > 0) {
-    const content = generateTypeScriptContent(target, langCode);
-    fs.writeFileSync(targetPath, content);
-  }
-
-  return stats;
-}
-
-async function main() {
-  const targetDir = process.argv[2] || 'src/domains/localization/infrastructure/locales';
-  const srcDir = process.argv[3];
-  const targetLangCode = process.argv[4];
-  
+async function translateMissing(targetDir, srcDir) {
   const localesDir = path.resolve(process.cwd(), targetDir);
   const enUSPath = path.join(localesDir, 'en-US.ts');
-  const indexPath = path.join(localesDir, 'index.ts');
 
-  console.log('🚀 Starting integrated translation workflow...\n');
+  // Integrated Workflow: Ensure setup and sync
+  const skipSync = process.argv.includes('--no-sync');
 
-  // 1. Ensure setup exists (index.ts)
-  if (!fs.existsSync(indexPath)) {
-    console.log('📦 Setup (index.ts) missing. Generating...');
+  if (!fs.existsSync(path.join(localesDir, 'index.ts'))) {
+    console.log('🔄 Initializing localization setup...');
     setupLanguages(targetDir);
-    console.log('');
   }
 
-  // 2. Synchronize keys (includes code scanning if srcDir is provided)
-  console.log('🔄 Checking synchronization...');
-  syncTranslations(targetDir, srcDir);
-  console.log('');
-
-  if (!fs.existsSync(localesDir) || !fs.existsSync(enUSPath)) {
-    console.error(`❌ Localization files not found in: ${localesDir}`);
-    process.exit(1);
+  if (!skipSync) {
+    console.log('\n🔄 Checking synchronization...');
+    syncTranslations(targetDir, srcDir);
+  } else {
+    console.log('\n⏭️ Skipping synchronization check...');
   }
 
   const files = fs.readdirSync(localesDir)
-    .filter(f => {
-      const isLangFile = f.match(/^[a-z]{2}-[A-Z]{2}\.ts$/) && f !== 'en-US.ts';
-      return isLangFile && (!targetLangCode || f === `${targetLangCode}.ts`);
-    })
+    .filter(f => f.match(/^[a-z]{2}-[A-Z]{2}\.ts$/) && f !== 'en-US.ts')
     .sort();
 
-  console.log(`📊 Languages to translate: ${files.length}\n`);
+  console.log(`\n📊 Languages to translate: ${files.length}\n`);
+
+  const enUS = parseTypeScriptFile(enUSPath);
 
-  let totalTranslated = 0;
   for (const file of files) {
     const langCode = file.replace('.ts', '');
+    const targetLang = getTargetLanguage(langCode);
+    const langName = getLangDisplayName(langCode);
+
+    if (!targetLang || targetLang === 'en') continue;
+
+    console.log(`🌍 Translating ${langCode} (${langName})...`);
+    
     const targetPath = path.join(localesDir, file);
-    console.log(`🌍 Translating ${langCode} (${getLangDisplayName(langCode)})...`);
-    const stats = await translateLanguageFile(enUSPath, targetPath, langCode);
-    totalTranslated += stats.count;
+    const target = parseTypeScriptFile(targetPath);
+    
+    const stats = { count: 0, checked: 0, translatedKeys: [] };
+    await translateObject(enUS, target, targetLang, '', stats);
+    
+    // Clear progress line
+    process.stdout.write('\r' + ' '.repeat(80) + '\r');
+
     if (stats.count > 0) {
-      console.log(`   ✅ Translated ${stats.count} strings`);
+      const content = generateTypeScriptContent(target, langCode);
+      fs.writeFileSync(targetPath, content);
+      
+      console.log(`      ✅ Successfully translated ${stats.count} keys:`);
+      
+      // Detailed logging of translated keys
+      const displayCount = Math.min(stats.translatedKeys.length, 15);
+      stats.translatedKeys.slice(0, displayCount).forEach(item => {
+        console.log(`         • ${item.key}: "${item.from}" → "${item.to}"`);
+      });
+      
+      if (stats.translatedKeys.length > displayCount) {
+        console.log(`         ... and ${stats.translatedKeys.length - displayCount} more.`);
+      }
     } else {
-      console.log(`   ✓ Already complete`);
+      console.log(`      ✨ Already up to date.`);
     }
   }
 
-  console.log(`\n✅ Workflow completed! (Total translated: ${totalTranslated})`);
+  console.log('\n✅ All translations completed!');
 }
 
-main().catch(error => {
-  console.error('❌ Translation failed:', error.message);
-  process.exit(1);
-});
+if (import.meta.url === `file://${process.argv[1]}`) {
+  const targetDir = process.argv[2] || 'src/domains/localization/infrastructure/locales';
+  const srcDir = process.argv[3];
+  console.log('🚀 Starting integrated translation workflow...');
+  translateMissing(targetDir, srcDir).catch(err => {
+    console.error('\n❌ Translation workflow failed:', err.message);
+    process.exit(1);
+  });
+}

package/src/scripts/utils/file-parser.js

@@ -17,9 +17,12 @@ export function parseTypeScriptFile(filePath) {
   const objectStr = match[1].replace(/;$/, '');
 
   try {
+    // Basic evaluation for simple objects
+    // eslint-disable-next-line no-eval
     return eval(`(${objectStr})`);
   } catch (error) {
-    throw new Error(`Failed to parse object in ${filePath}: ${error.message}`);
+    console.warn(`\n⚠️  Warning: Could not fully parse ${filePath}. Files with complex imports/spreads are currently limited.`);
+    return {}; // Return empty to avoid breaking the whole process
   }
 }
 

package/src/scripts/utils/key-extractor.js

@@ -2,72 +2,104 @@ import fs from 'fs';
 import path from 'path';
 
 /**
- * Key Extractor
- * Scans source code for i18n keys
+ * Generic Key Extractor
+ * Scans source code for i18n translation keys
+ * NO project-specific logic - works for any React Native app
  */
 
-export function extractUsedKeys(srcDir) {
-  const keys = new Set();
-  if (!srcDir) return keys;
-
-  const absoluteSrcDir = path.resolve(process.cwd(), srcDir);
-  if (!fs.existsSync(absoluteSrcDir)) return keys;
+const IGNORED_DOMAINS = ['.com', '.org', '.net', '.io', '.co', '.app', '.ai', '.gov', '.edu'];
+const IGNORED_EXTENSIONS = [
+  '.ts', '.tsx', '.js', '.jsx', '.json', '.yaml', '.yml',
+  '.png', '.jpg', '.jpeg', '.gif', '.svg', '.webp', '.pdf',
+  '.mp4', '.mov', '.avi', '.mp3', '.wav', '.css', '.scss', '.md'
+];
+const IGNORED_LAYOUT_VALS = new Set([
+  'center', 'row', 'column', 'flex', 'absolute', 'relative', 'hidden', 'visible',
+  'transparent', 'bold', 'normal', 'italic', 'contain', 'cover', 'stretch',
+  'top', 'bottom', 'left', 'right', 'middle', 'auto', 'none', 'underline',
+  'capitalize', 'uppercase', 'lowercase', 'solid', 'dotted', 'dashed', 'wrap',
+  'nowrap', 'space-between', 'space-around', 'flex-start', 'flex-end', 'baseline',
+  'react', 'index', 'default', 'string', 'number', 'boolean', 'key', 'id'
+]);
 
-  // Step 1: Find all ScenarioId possible values once
-  const scenarioValues = new Set();
-  const scenarioFile = path.resolve(absoluteSrcDir, 'domains/scenarios/domain/Scenario.ts');
-  if (fs.existsSync(scenarioFile)) {
-    const content = fs.readFileSync(scenarioFile, 'utf8');
-    const matches = content.matchAll(/([A-Z0-9_]+)\s*=\s*['"`]([a-z0-9_]+)['"`]/g);
-    for (const match of matches) {
-      scenarioValues.add(match[2]);
+function extractFromFile(content, keyMap) {
+  // Pattern 1: t('key') or t("key")
+  const tRegex = /(?:^|\W)t\(['"`]([^'"`]+)['"`]\)/g;
+  let match;
+  while ((match = tRegex.exec(content)) !== null) {
+    const key = match[1];
+    if (!key.includes('${') && !keyMap.has(key)) {
+      keyMap.set(key, key); // Use key itself as default
     }
   }
 
-  function walk(dir) {
-    const files = fs.readdirSync(dir);
-    for (const file of files) {
-      const fullPath = path.join(dir, file);
-      const stat = fs.statSync(fullPath);
+  // Pattern 2: Dot-notation strings (potential i18n keys)
+  const dotRegex = /['"`]([a-z][a-z0-9_]*\.(?:[a-z0-9_]+\.)+[a-z0-9_]+)['"`]/gi;
+  while ((match = dotRegex.exec(content)) !== null) {
+    const key = match[1];
+    const isIgnoredDomain = IGNORED_DOMAINS.some(ext => key.toLowerCase().endsWith(ext));
+    const isIgnoredExt = IGNORED_EXTENSIONS.some(ext => key.toLowerCase().endsWith(ext));
+    if (!isIgnoredDomain && !isIgnoredExt && !key.includes(' ') && !keyMap.has(key)) {
+      keyMap.set(key, key);
+    }
+  }
 
-      if (stat.isDirectory()) {
-        const skipDirs = ['node_modules', '.expo', '.git', 'build', 'ios', 'android', 'assets'];
-        if (!skipDirs.includes(file)) walk(fullPath);
-      } else if (/\.(ts|tsx|js|jsx)$/.test(file)) {
-        const content = fs.readFileSync(fullPath, 'utf8');
+  // Pattern 3: Template literals t(`prefix.${var}`)
+  const templateRegex = /t\(\`([a-z0-9_.]+)\.\$\{/g;
+  while ((match = templateRegex.exec(content)) !== null) {
+    const prefix = match[1];
+    const arrayMatches = content.matchAll(/\[([\s\S]*?)\]/g);
+    for (const arrayMatch of arrayMatches) {
+      const inner = arrayMatch[1];
+      const idMatches = inner.matchAll(/['"`]([a-z0-9_]{2,40})['"`]/g);
+      for (const idMatch of idMatches) {
+        const id = idMatch[1];
+        if (IGNORED_LAYOUT_VALS.has(id.toLowerCase())) continue;
+        if (/^[0-9]+$/.test(id)) continue;
         
-        // Pattern 1: Standard t('key') calls
-        const tRegex = /(?:^|\W)t\(['"`]([^'"`]+)['"`]\)/g;
-        let match;
-        while ((match = tRegex.exec(content)) !== null) {
-          if (!match[1].includes('${')) keys.add(match[1]);
+        const dynamicKey = `${prefix}.${id}`;
+        if (!keyMap.has(dynamicKey)) {
+          keyMap.set(dynamicKey, dynamicKey);
         }
+      }
+    }
+  }
+}
 
-        // Pattern 2: Scenario ID usage
-        // If we see ScenarioId.XXXX or just the string value matching a scenario
-        scenarioValues.forEach(val => {
-          if (content.includes(val)) {
-            keys.add(`scenario.${val}.title`);
-            keys.add(`scenario.${val}.description`);
-            keys.add(`scenario.${val}.details`);
-            keys.add(`scenario.${val}.tip`);
-          }
-        });
+function walkDirectory(dir, keyMap, skipDirs = ['node_modules', '.expo', '.git', 'build', 'ios', 'android', 'assets', 'locales', '__tests__']) {
+  if (!fs.existsSync(dir)) return;
+  
+  const files = fs.readdirSync(dir);
+  for (const file of files) {
+    const fullPath = path.join(dir, file);
+    const stat = fs.statSync(fullPath);
 
-        // Pattern 3: Dot-notation keys in configs/literals (e.g. "common.button.save")
-        // We look for at least two segments (one dot)
-        const dotRegex = /['"`]([a-z][a-z0-9_]*\.[a-z0-9_.]*[a-z0-9_])['"`]/gi;
-        while ((match = dotRegex.exec(content)) !== null) {
-          const key = match[1];
-          const isFile = /\.(ts|tsx|js|jsx|png|jpg|jpeg|svg|json)$/i.test(key);
-          if (!isFile && !key.includes(' ') && !key.includes('${')) {
-            keys.add(key);
-          }
-        }
+    if (stat.isDirectory()) {
+      if (!skipDirs.includes(file)) {
+        walkDirectory(fullPath, keyMap, skipDirs);
       }
+    } else if (/\.(ts|tsx|js|jsx)$/.test(file)) {
+      const content = fs.readFileSync(fullPath, 'utf8');
+      extractFromFile(content, keyMap);
     }
   }
+}
 
-  walk(absoluteSrcDir);
-  return keys;
+export function extractUsedKeys(srcDir) {
+  const keyMap = new Map();
+  if (!srcDir) return keyMap;
+
+  const projectRoot = process.cwd();
+  const absoluteSrcDir = path.resolve(projectRoot, srcDir);
+  
+  // Scan project source
+  walkDirectory(absoluteSrcDir, keyMap);
+  
+  // Scan @umituz packages for shared keys
+  const packagesDir = path.resolve(projectRoot, 'node_modules/@umituz');
+  if (fs.existsSync(packagesDir)) {
+    walkDirectory(packagesDir, keyMap);
+  }
+  
+  return keyMap;
 }

package/src/scripts/utils/translator.js

@@ -3,7 +3,7 @@
  * Handles call to translation APIs
  */
 
-import { getTargetLanguage, isSingleWord as checkSingleWord, shouldSkipWord } from './translation-config.js';
+import { getTargetLanguage, shouldSkipWord } from './translation-config.js';
 
 let lastCallTime = 0;
 const MIN_DELAY = 100; // ms
@@ -28,7 +28,6 @@ async function translateText(text, targetLang) {
     const data = await response.json();
     return data && data[0] && data[0][0] && data[0][0][0] ? data[0][0][0] : text;
   } catch (error) {
-    if (__DEV__) console.error(`   ❌ Translation error for "${text}":`, error.message);
     return text;
   }
 }
@@ -37,15 +36,15 @@ function needsTranslation(value, enValue) {
   if (typeof enValue !== 'string' || !enValue.trim()) return false;
   if (shouldSkipWord(enValue)) return false;
 
-  // If value is missing or same as technical key
+  // CRITICAL OPTIMIZATION: If enValue is a technical key (e.g. "scenario.xxx.title"),
+  // skip translating it to other languages. We only translate REAL English content.
+  const isTechnicalKey = enValue.includes('.') && !enValue.includes(' ');
+  if (isTechnicalKey) return false;
+
+  // If value is missing or same as English, it needs translation
   if (!value || typeof value !== 'string') return true;
 
-  // Heuristic: If English value looks like a technical key (e.g. "scenario.xxx.title")
-  // and the target value is exactly the same, it definitely needs translation.
-  const isTechnicalKey = enValue.includes('.') && !enValue.includes(' ');
-  
   if (value === enValue) {
-    if (isTechnicalKey) return true;
     const isSingleWord = !enValue.includes(' ') && enValue.length < 20;
     return !isSingleWord;
   }
@@ -53,9 +52,11 @@ function needsTranslation(value, enValue) {
   return false;
 }
 
-export async function translateObject(enObj, targetObj, targetLang, path = '', stats = { count: 0, newKeys: [] }) {
+export async function translateObject(enObj, targetObj, targetLang, path = '', stats = { count: 0, checked: 0, translatedKeys: [] }) {
   const keys = Object.keys(enObj);
   
+  if (!stats.translatedKeys) stats.translatedKeys = [];
+
   for (const key of keys) {
     const enValue = enObj[key];
     const targetValue = targetObj[key];
@@ -64,17 +65,18 @@ export async function translateObject(enObj, targetObj, targetLang, path = '', s
     if (typeof enValue === 'object' && enValue !== null) {
       if (!targetObj[key] || typeof targetObj[key] !== 'object') targetObj[key] = {};
       await translateObject(enValue, targetObj[key], targetLang, currentPath, stats);
-    } else if (typeof enValue === 'string' && needsTranslation(targetValue, enValue)) {
-      const translated = await translateText(enValue, targetLang);
-      
-      const isNewKey = targetValue === undefined;
-      // Force increment if it looks like a technical key that we just "translated" 
-      // even if the API returned the same string (placeholder)
-      const isTechnicalKey = enValue.includes('.') && !enValue.includes(' ');
-      
-      if (translated !== enValue || isNewKey || (isTechnicalKey && translated === enValue)) {
-        targetObj[key] = translated;
-        stats.count++;
+    } else if (typeof enValue === 'string') {
+      stats.checked++;
+      if (needsTranslation(targetValue, enValue)) {
+        // Show progress for translations
+        process.stdout.write(`   \r      Progress: ${stats.checked} keys checked, ${stats.count} translated...`);
+        
+        const translated = await translateText(enValue, targetLang);
+        if (translated !== enValue) {
+          targetObj[key] = translated;
+          stats.count++;
+          stats.translatedKeys.push({ key: currentPath, from: enValue, to: translated });
+        }
       }
     }
   }