locon 1.1.1 → 1.1.2

package/README.md

@@ -47,19 +47,29 @@ npm install locon
 yarn add locon
 ```
 
-**Important:** After installation, run pod install for iOS:
+**Peer dependencies**
+
+- `react >= 19.0.0`
+- `react-native >= 0.70.0`
+- `react-native-localize >= 3.0.0` (optional, recommended)
+
+**Optional: Enhanced language detection**
+
+For more accurate device language detection on iOS and Android, install `react-native-localize`:
 
 ```bash
-cd ios && pod install
+npm install react-native-localize
+# or
+yarn add react-native-localize
 ```
 
-**Peer dependencies**
+Then run pod install for iOS:
 
-- `react >= 19.0.0`
-- `react-native >= 0.70.0`
-- `react-native-localize >= 3.0.0` (installed automatically)
+```bash
+cd ios && pod install
+```
 
-`react-native-localize` is used for accurate device language detection on iOS and Android.
+If `react-native-localize` is not installed, `locon` will use fallback methods (native modules, `navigator.languages`, `Intl` API) to detect the system language. The library works fine without it, but `react-native-localize` provides the most accurate detection.
 
 ---
 
@@ -125,10 +135,13 @@ export default App
 If `currentLocale` is not provided and `autodetect` is `true` (default),
 `locon` will:
 
-1. Use `react-native-localize` to detect device locale on iOS/Android
-2. Match the detected locale (including region) or just language code against your `assets`
-3. If a match is found, use it as initial locale
-4. Otherwise, fall back to `defaultLocale`
+1. Try to use `react-native-localize` to detect device locale on iOS/Android (if installed)
+2. If `react-native-localize` is not available, use fallback methods in order:
+   - Native modules (`SettingsManager` on iOS, `I18nManager` on Android/iOS)
+   - `Intl.DateTimeFormat().resolvedOptions().locale`
+3. Match the detected locale (including region) or just language code against your `assets`
+4. If a match is found, use it as initial locale
+5. Otherwise, fall back to `defaultLocale`
 
 #### 3. Use the `useLocon()` hook
 

package/dist/index.js

@@ -19,9 +19,11 @@ function getSystemLanguage(availableLocales) {
   try {
     try {
       const RNLocalize = __require("react-native-localize");
-      const best = RNLocalize.findBestLanguageTag(availableLocales);
-      if (best?.languageTag) {
-        return best.languageTag;
+      if (RNLocalize && typeof RNLocalize.findBestLanguageTag === "function") {
+        const best = RNLocalize.findBestLanguageTag(availableLocales);
+        if (best?.languageTag) {
+          return best.languageTag;
+        }
       }
     } catch (localizeError) {
     }
@@ -66,29 +68,6 @@ function getSystemLanguage(availableLocales) {
       }
     } catch (rnError) {
     }
-    const navigatorObj = typeof navigator !== "undefined" ? navigator : null;
-    const preferredLanguages = navigatorObj?.languages;
-    if (preferredLanguages) {
-      for (const lang of preferredLanguages) {
-        const languageCode = lang.split("-")[0]?.toLowerCase();
-        if (languageCode) {
-          const supportedLanguage = availableLocales.find((locale) => locale === languageCode);
-          if (supportedLanguage) {
-            return supportedLanguage;
-          }
-        }
-      }
-    }
-    const navigatorLanguage = navigatorObj?.language;
-    if (navigatorLanguage) {
-      const languageCode = navigatorLanguage.split("-")[0]?.toLowerCase();
-      if (languageCode) {
-        const supportedLanguage = availableLocales.find((locale) => locale === languageCode);
-        if (supportedLanguage) {
-          return supportedLanguage;
-        }
-      }
-    }
     const systemLocale = Intl.DateTimeFormat().resolvedOptions().locale;
     if (systemLocale) {
       const languageCode = systemLocale.split("-")[0]?.toLowerCase();

package/dist/index.mjs

@@ -15,9 +15,11 @@ function getSystemLanguage(availableLocales) {
   try {
     try {
       const RNLocalize = __require("react-native-localize");
-      const best = RNLocalize.findBestLanguageTag(availableLocales);
-      if (best?.languageTag) {
-        return best.languageTag;
+      if (RNLocalize && typeof RNLocalize.findBestLanguageTag === "function") {
+        const best = RNLocalize.findBestLanguageTag(availableLocales);
+        if (best?.languageTag) {
+          return best.languageTag;
+        }
       }
     } catch (localizeError) {
     }
@@ -62,29 +64,6 @@ function getSystemLanguage(availableLocales) {
       }
     } catch (rnError) {
     }
-    const navigatorObj = typeof navigator !== "undefined" ? navigator : null;
-    const preferredLanguages = navigatorObj?.languages;
-    if (preferredLanguages) {
-      for (const lang of preferredLanguages) {
-        const languageCode = lang.split("-")[0]?.toLowerCase();
-        if (languageCode) {
-          const supportedLanguage = availableLocales.find((locale) => locale === languageCode);
-          if (supportedLanguage) {
-            return supportedLanguage;
-          }
-        }
-      }
-    }
-    const navigatorLanguage = navigatorObj?.language;
-    if (navigatorLanguage) {
-      const languageCode = navigatorLanguage.split("-")[0]?.toLowerCase();
-      if (languageCode) {
-        const supportedLanguage = availableLocales.find((locale) => locale === languageCode);
-        if (supportedLanguage) {
-          return supportedLanguage;
-        }
-      }
-    }
     const systemLocale = Intl.DateTimeFormat().resolvedOptions().locale;
     if (systemLocale) {
       const languageCode = systemLocale.split("-")[0]?.toLowerCase();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "locon",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "locon is a simple and lightweight library for React Native that provides a simple way to manage translations in your app.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -30,10 +30,13 @@
   "license": "ISC",
   "peerDependencies": {
     "react": ">=19.0.0",
-    "react-native": ">=0.70.0"
+    "react-native": ">=0.70.0",
+    "react-native-localize": "^3.0.0"
   },
-  "optionalDependencies": {
-    "react-native-localize": "^3.2.1"
+  "peerDependenciesMeta": {
+    "react-native-localize": {
+      "optional": true
+    }
   },
   "devDependencies": {
     "@babel/preset-react": "^7.24.7",