locon 1.0.0 → 1.0.2

package/dist/index.js

@@ -7,6 +7,21 @@ var reactNative = require('react-native');
 var jsxRuntime = require('react/jsx-runtime');
 
 // src/locon/index.tsx
+
+// src/locon/utils/getSystemLanguage.ts
+function getSystemLanguage(availableLocales) {
+  try {
+    const systemLocale = Intl.DateTimeFormat().resolvedOptions().locale;
+    if (!systemLocale) return null;
+    const languageCode = systemLocale.split("-")[0]?.toLowerCase();
+    if (!languageCode) return null;
+    const supportedLanguage = availableLocales.find((locale) => locale === languageCode);
+    return supportedLanguage ? languageCode : null;
+  } catch (error) {
+    console.log("Could not detect system language:", error);
+    return null;
+  }
+}
 function useLocon() {
   const locon = react.useContext(LoconContext);
   return locon;
@@ -31,12 +46,24 @@ var LoconContext = react.createContext({
 function Locon({
   children,
   assets = {},
-  currentLocale: currentLocaleProps = "en",
+  currentLocale: currentLocaleProps,
   defaultLocale = "en",
   projectLocale = "en",
   autodetect = true
 }) {
-  const [currentLocale, setCurrentLocale] = react.useState(currentLocaleProps);
+  const [currentLocale, setCurrentLocale] = react.useState(() => {
+    if (currentLocaleProps) {
+      return currentLocaleProps;
+    }
+    if (autodetect) {
+      const availableLocales = Object.keys(assets);
+      const systemLang = getSystemLanguage(availableLocales);
+      if (systemLang && assets[systemLang]) {
+        return systemLang;
+      }
+    }
+    return defaultLocale;
+  });
   const getAssets = react.useCallback(() => {
     const currentAssets = assets[currentLocale] ?? assets[defaultLocale];
     return currentAssets ?? {};

package/dist/index.mjs

@@ -3,6 +3,21 @@ import { Text } from 'react-native';
 import { jsx } from 'react/jsx-runtime';
 
 // src/locon/index.tsx
+
+// src/locon/utils/getSystemLanguage.ts
+function getSystemLanguage(availableLocales) {
+  try {
+    const systemLocale = Intl.DateTimeFormat().resolvedOptions().locale;
+    if (!systemLocale) return null;
+    const languageCode = systemLocale.split("-")[0]?.toLowerCase();
+    if (!languageCode) return null;
+    const supportedLanguage = availableLocales.find((locale) => locale === languageCode);
+    return supportedLanguage ? languageCode : null;
+  } catch (error) {
+    console.log("Could not detect system language:", error);
+    return null;
+  }
+}
 function useLocon() {
   const locon = useContext(LoconContext);
   return locon;
@@ -27,12 +42,24 @@ var LoconContext = createContext({
 function Locon({
   children,
   assets = {},
-  currentLocale: currentLocaleProps = "en",
+  currentLocale: currentLocaleProps,
   defaultLocale = "en",
   projectLocale = "en",
   autodetect = true
 }) {
-  const [currentLocale, setCurrentLocale] = useState(currentLocaleProps);
+  const [currentLocale, setCurrentLocale] = useState(() => {
+    if (currentLocaleProps) {
+      return currentLocaleProps;
+    }
+    if (autodetect) {
+      const availableLocales = Object.keys(assets);
+      const systemLang = getSystemLanguage(availableLocales);
+      if (systemLang && assets[systemLang]) {
+        return systemLang;
+      }
+    }
+    return defaultLocale;
+  });
   const getAssets = useCallback(() => {
     const currentAssets = assets[currentLocale] ?? assets[defaultLocale];
     return currentAssets ?? {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "locon",
-  "version": "1.0.0",
+  "version": "1.0.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",