@umituz/react-native-localization 3.5.24 → 3.5.26

package/package.json

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

package/src/presentation/components/LanguageSection.tsx

@@ -1,11 +1,9 @@
 import React from 'react';
 import { View, Text, Pressable, StyleSheet, type ViewStyle } from 'react-native';
 // @ts-ignore - Optional peer dependency
-import { Feather } from '@expo/vector-icons';
-// @ts-ignore - Optional peer dependency
 import { useNavigation } from '@react-navigation/native';
 // @ts-ignore - Optional peer dependency
-import { useAppDesignTokens } from '@umituz/react-native-design-system';
+import { useAppDesignTokens, AtomicIcon } from '@umituz/react-native-design-system';
 import { useLocalization } from '../../infrastructure/hooks/useLocalization';
 import { getLanguageByCode } from '../../infrastructure/config/languages';
 
@@ -67,7 +65,7 @@ export const LanguageSection: React.FC<LanguageSectionProps> = ({
                             { backgroundColor: `${colors.primary}15` },
                         ]}
                     >
-                        <Feather name="globe" size={24} color={colors.primary} />
+                        <AtomicIcon name="globe-outline" customSize={24} customColor={colors.primary} />
                     </View>
                     <View style={styles.textContainer}>
                         <Text style={[styles.title, { color: colors.textPrimary }]}>{title}</Text>
@@ -75,7 +73,7 @@ export const LanguageSection: React.FC<LanguageSectionProps> = ({
                             {languageDisplay}
                         </Text>
                     </View>
-                    <Feather name="chevron-right" size={20} color={colors.textSecondary} />
+                    <AtomicIcon name="chevron-forward-outline" customSize={20} customColor={colors.textSecondary} />
                 </View>
             </Pressable>
         </View>

package/src/scripts/sync-translations.js

@@ -10,6 +10,7 @@ const fs = require('fs');
 const path = require('path');
 const { parseTypeScriptFile, generateTypeScriptContent } = require('./utils/file-parser');
 const { addMissingKeys, removeExtraKeys } = require('./utils/sync-helper');
+const { detectNewKeys } = require('./utils/key-detector');
 const { getLangDisplayName } = require('./utils/translation-config');
 
 function syncLanguageFile(enUSPath, targetPath, langCode) {
@@ -22,8 +23,9 @@ function syncLanguageFile(enUSPath, targetPath, langCode) {
     target = {};
   }
 
-  const addStats = { added: 0 };
-  const removeStats = { removed: 0 };
+  const newKeys = detectNewKeys(enUS, target);
+  const addStats = { added: 0, newKeys: [] };
+  const removeStats = { removed: 0, removedKeys: [] };
 
   addMissingKeys(enUS, target, addStats);
   removeExtraKeys(enUS, target, removeStats);
@@ -38,13 +40,15 @@ function syncLanguageFile(enUSPath, targetPath, langCode) {
   return {
     added: addStats.added,
     removed: removeStats.removed,
+    newKeys,
+    removedKeys: removeStats.removedKeys,
     changed,
   };
 }
 
 function main() {
   const targetDir = process.argv[2] || 'src/domains/localization/translations';
-  const targetLangCode = process.argv[3]; // Optional specific language to sync
+  const targetLangCode = process.argv[3];
   const localesDir = path.resolve(process.cwd(), targetDir);
 
   console.log('🚀 Starting translation synchronization...\n');
@@ -85,6 +89,7 @@ function main() {
   let totalAdded = 0;
   let totalRemoved = 0;
   let totalChanged = 0;
+  const allNewKeys = [];
 
   for (const file of files) {
     const langCode = file.replace('.ts', '');
@@ -95,7 +100,19 @@ function main() {
     const result = syncLanguageFile(enUSPath, targetPath, langCode);
 
     if (result.changed) {
-      console.log(`   ✏️  +${result.added} keys, -${result.removed} keys`);
+      if (result.newKeys.length > 0) {
+        console.log(`   🆕 ${result.newKeys.length} new keys added:`);
+        result.newKeys.slice(0, 5).forEach(({ path }) => {
+          console.log(`      • ${path}`);
+        });
+        if (result.newKeys.length > 5) {
+          console.log(`      ... and ${result.newKeys.length - 5} more`);
+        }
+        allNewKeys.push(...result.newKeys.map(k => k.path));
+      }
+      if (result.removedKeys.length > 0) {
+        console.log(`   🗑️  ${result.removedKeys.length} obsolete keys removed`);
+      }
       totalAdded += result.added;
       totalRemoved += result.removed;
       totalChanged++;
@@ -113,6 +130,17 @@ function main() {
   if (totalChanged > 0) {
     console.log(`\n✅ Synchronization completed!`);
     console.log(`   Next: Run 'npm run i18n:translate' to translate new keys`);
+
+    if (allNewKeys.length > 0) {
+      const uniqueKeys = [...new Set(allNewKeys)];
+      console.log(`\n📝 New keys that need translation (${uniqueKeys.length}):`);
+      uniqueKeys.slice(0, 10).forEach(key => {
+        console.log(`   • ${key}`);
+      });
+      if (uniqueKeys.length > 10) {
+        console.log(`   ... and ${uniqueKeys.length - 10} more`);
+      }
+    }
   } else {
     console.log(`\n✅ All languages were already synchronized!`);
   }

package/src/scripts/translate-missing.js

@@ -17,12 +17,12 @@ async function translateLanguageFile(enUSPath, targetPath, langCode) {
 
   if (!targetLang) {
     console.log(`   ⚠️  No language mapping for ${langCode}, skipping`);
-    return 0;
+    return { count: 0, newKeys: [] };
   }
 
   if (isEnglishVariant(langCode)) {
     console.log(`   ⏭️  Skipping English variant: ${langCode}`);
-    return 0;
+    return { count: 0, newKeys: [] };
   }
 
   const enUS = parseTypeScriptFile(enUSPath);
@@ -34,7 +34,7 @@ async function translateLanguageFile(enUSPath, targetPath, langCode) {
     target = {};
   }
 
-  const stats = { count: 0 };
+  const stats = { count: 0, newKeys: [] };
   await translateObject(enUS, target, targetLang, '', stats);
 
   if (stats.count > 0) {
@@ -42,12 +42,12 @@ async function translateLanguageFile(enUSPath, targetPath, langCode) {
     fs.writeFileSync(targetPath, content);
   }
 
-  return stats.count;
+  return stats;
 }
 
 async function main() {
   const targetDir = process.argv[2] || 'src/domains/localization/translations';
-  const targetLangCode = process.argv[3]; // Optional specific language to translate
+  const targetLangCode = process.argv[3];
   const localesDir = path.resolve(process.cwd(), targetDir);
 
   console.log('🚀 Starting automatic translation...\n');
@@ -87,6 +87,7 @@ async function main() {
   console.log('⚡ Running with 200ms delay between API calls\n');
 
   let totalTranslated = 0;
+  let totalNewKeys = 0;
 
   for (const file of files) {
     const langCode = file.replace('.ts', '');
@@ -94,11 +95,15 @@ async function main() {
 
     console.log(`\n🌍 Translating ${langCode} (${getLangDisplayName(langCode)})...`);
 
-    const count = await translateLanguageFile(enUSPath, targetPath, langCode);
-    totalTranslated += count;
+    const stats = await translateLanguageFile(enUSPath, targetPath, langCode);
+    totalTranslated += stats.count;
+    totalNewKeys += stats.newKeys.length;
 
-    if (count > 0) {
-      console.log(`   ✅ Translated ${count} strings`);
+    if (stats.count > 0) {
+      console.log(`   ✅ Translated ${stats.count} strings`);
+      if (stats.newKeys.length > 0) {
+        console.log(`   🆕 ${stats.newKeys.length} new keys translated`);
+      }
     } else {
       console.log(`   ✓ Already complete`);
     }
@@ -106,6 +111,9 @@ async function main() {
 
   console.log(`\n✅ Translation completed!`);
   console.log(`   Total strings translated: ${totalTranslated}`);
+  if (totalNewKeys > 0) {
+    console.log(`   New keys translated: ${totalNewKeys}`);
+  }
   console.log(`\n📝 Next: Run 'npm run i18n:setup' to update index.ts`);
 }
 

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

@@ -0,0 +1,52 @@
+#!/usr/bin/env node
+
+/**
+ * Key Detector
+ * Detects new, missing, and removed keys between source and target objects
+ */
+
+function detectNewKeys(sourceObj, targetObj, path = '', newKeys = []) {
+    for (const key in sourceObj) {
+        const currentPath = path ? `${path}.${key}` : key;
+        const sourceValue = sourceObj[key];
+        const targetValue = targetObj[key];
+
+        if (!Object.prototype.hasOwnProperty.call(targetObj, key)) {
+            newKeys.push({ path: currentPath, value: sourceValue });
+        } else if (
+            typeof sourceValue === 'object' &&
+            sourceValue !== null &&
+            !Array.isArray(sourceValue)
+        ) {
+            if (typeof targetValue === 'object' && targetValue !== null && !Array.isArray(targetValue)) {
+                detectNewKeys(sourceValue, targetValue, currentPath, newKeys);
+            }
+        }
+    }
+    return newKeys;
+}
+
+function detectMissingKeys(sourceObj, targetObj, path = '', missingKeys = []) {
+    for (const key in targetObj) {
+        const currentPath = path ? `${path}.${key}` : key;
+
+        if (!Object.prototype.hasOwnProperty.call(sourceObj, key)) {
+            missingKeys.push(currentPath);
+        } else if (
+            typeof sourceObj[key] === 'object' &&
+            sourceObj[key] !== null &&
+            !Array.isArray(sourceObj[key]) &&
+            typeof targetObj[key] === 'object' &&
+            targetObj[key] !== null &&
+            !Array.isArray(targetObj[key])
+        ) {
+            detectMissingKeys(sourceObj[key], targetObj[key], currentPath, missingKeys);
+        }
+    }
+    return missingKeys;
+}
+
+module.exports = {
+    detectNewKeys,
+    detectMissingKeys,
+};

package/src/scripts/utils/sync-helper.js

@@ -5,39 +5,46 @@
  * Helper functions for synchronizing translation keys
  */
 
-function addMissingKeys(enObj, targetObj, stats = { added: 0 }) {
-  for (const key in enObj) {
-    if (!Object.prototype.hasOwnProperty.call(targetObj, key)) {
-      targetObj[key] = enObj[key];
+function addMissingKeys(sourceObj, targetObj, stats = { added: 0, newKeys: [] }) {
+  for (const key in sourceObj) {
+    const sourceValue = sourceObj[key];
+    const isNewKey = !Object.prototype.hasOwnProperty.call(targetObj, key);
+
+    if (isNewKey) {
+      targetObj[key] = sourceValue;
       stats.added++;
+      stats.newKeys.push(key);
     } else if (
-      typeof enObj[key] === 'object' &&
-      enObj[key] !== null &&
-      !Array.isArray(enObj[key])
+      typeof sourceValue === 'object' &&
+      sourceValue !== null &&
+      !Array.isArray(sourceValue)
     ) {
       if (!targetObj[key] || typeof targetObj[key] !== 'object') {
         targetObj[key] = {};
       }
-      addMissingKeys(enObj[key], targetObj[key], stats);
+      addMissingKeys(sourceValue, targetObj[key], stats);
     }
   }
   return stats;
 }
 
-function removeExtraKeys(enObj, targetObj, stats = { removed: 0 }) {
+function removeExtraKeys(sourceObj, targetObj, stats = { removed: 0, removedKeys: [] }) {
   for (const key in targetObj) {
-    if (!Object.prototype.hasOwnProperty.call(enObj, key)) {
+    const isExtraKey = !Object.prototype.hasOwnProperty.call(sourceObj, key);
+
+    if (isExtraKey) {
       delete targetObj[key];
       stats.removed++;
+      stats.removedKeys.push(key);
     } else if (
-      typeof enObj[key] === 'object' &&
-      enObj[key] !== null &&
-      !Array.isArray(enObj[key]) &&
+      typeof sourceObj[key] === 'object' &&
+      sourceObj[key] !== null &&
+      !Array.isArray(sourceObj[key]) &&
       typeof targetObj[key] === 'object' &&
       targetObj[key] !== null &&
       !Array.isArray(targetObj[key])
     ) {
-      removeExtraKeys(enObj[key], targetObj[key], stats);
+      removeExtraKeys(sourceObj[key], targetObj[key], stats);
     }
   }
   return stats;

package/src/scripts/utils/translator.js

@@ -48,17 +48,18 @@ async function translateText(text, targetLang) {
 }
 
 function needsTranslation(value, enValue) {
-  if (typeof value !== 'string') return false;
+  if (typeof value !== 'string' || typeof enValue !== 'string') return false;
   if (value === enValue) return true;
   if (shouldSkipWord(value)) return false;
   return false;
 }
 
-async function translateObject(enObj, targetObj, targetLang, path = '', stats = { count: 0 }) {
+async function translateObject(enObj, targetObj, targetLang, path = '', stats = { count: 0, newKeys: [] }) {
   for (const key in enObj) {
     const currentPath = path ? `${path}.${key}` : key;
     const enValue = enObj[key];
     const targetValue = targetObj[key];
+    const isNewKey = !Object.prototype.hasOwnProperty.call(targetObj, key);
 
     if (Array.isArray(enValue)) {
       if (!Array.isArray(targetValue)) {
@@ -68,9 +69,11 @@ async function translateObject(enObj, targetObj, targetLang, path = '', stats =
         if (typeof enValue[i] === 'string') {
           if (needsTranslation(targetObj[key][i], enValue[i])) {
             const preview = enValue[i].length > 40 ? enValue[i].substring(0, 40) + '...' : enValue[i];
-            console.log(`   🔄 ${currentPath}[${i}]: "${preview}"`);
+            const prefix = isNewKey ? '🆕 NEW' : '🔄';
+            console.log(`   ${prefix} ${currentPath}[${i}]: "${preview}"`);
             targetObj[key][i] = await translateText(enValue[i], targetLang);
             stats.count++;
+            if (isNewKey) stats.newKeys.push(`${currentPath}[${i}]`);
             await delay(200);
           }
         }
@@ -83,9 +86,11 @@ async function translateObject(enObj, targetObj, targetLang, path = '', stats =
     } else if (typeof enValue === 'string') {
       if (needsTranslation(targetValue, enValue)) {
         const preview = enValue.length > 40 ? enValue.substring(0, 40) + '...' : enValue;
-        console.log(`   🔄 ${currentPath}: "${preview}"`);
+        const prefix = isNewKey ? '🆕 NEW' : '🔄';
+        console.log(`   ${prefix} ${currentPath}: "${preview}"`);
         targetObj[key] = await translateText(enValue, targetLang);
         stats.count++;
+        if (isNewKey) stats.newKeys.push(currentPath);
         await delay(200);
       }
     }