locon 1.2.1 → 1.3.0

package/README.md

@@ -14,18 +14,6 @@ function Example() {
 }
 ```
 
-For dynamic strings (variables), use `useLocon()` and `l()`:
-
-```tsx
-import { Text } from 'react-native'
-import { useLocon } from 'locon'
-
-function Example({ userName }: { userName: string }) {
-  const { l } = useLocon()
-  return <Text>{l('hello')}, {userName}</Text>
-}
-```
-
 ---
 
 ### Features

package/dist/index.js

@@ -1,132 +1,45 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var react = require('react');
-var reactNative = require('react-native');
-var jsxRuntime = require('react/jsx-runtime');
-
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined") return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
-
-// src/locon/utils/getSystemLanguage.ts
-function getSystemLanguage(availableLocales) {
-  if (!availableLocales?.length) return null;
-  try {
-    try {
-      const RNLocalize = __require("react-native-localize");
-      if (typeof RNLocalize.findBestLanguageTag === "function") {
-        const best = RNLocalize.findBestLanguageTag(availableLocales);
-        if (best?.languageTag) {
-          const { languageTag } = best;
-          const languageCode = languageTag.split("-")[0]?.toLowerCase();
-          if (availableLocales.includes(languageTag)) {
-            return languageTag;
-          }
-          if (languageCode && availableLocales.includes(languageCode)) {
-            return languageCode;
-          }
-        }
-      }
-      if (typeof RNLocalize.getLocales === "function") {
-        const locales = RNLocalize.getLocales();
-        const matchedLocale = locales.find((locale) => {
-          const languageCode = locale.languageCode.toLowerCase();
-          if (languageCode && availableLocales.includes(languageCode)) {
-            return true;
-          }
-          if (locale.languageTag) {
-            const tagCode = locale.languageTag.split("-")[0]?.toLowerCase();
-            if (tagCode && availableLocales.includes(tagCode)) {
-              return true;
-            }
-          }
-          return false;
-        });
-        if (matchedLocale) {
-          const languageCode = matchedLocale.languageCode.toLowerCase();
-          if (availableLocales.includes(languageCode)) {
-            return languageCode;
-          }
-          if (matchedLocale.languageTag) {
-            const tagCode = matchedLocale.languageTag.split("-")[0]?.toLowerCase();
-            if (tagCode && availableLocales.includes(tagCode)) {
-              return tagCode;
-            }
-          }
-        }
-      }
-    } catch (localizeError) {
-      console.warn("[locon] \u274C react-native-localize error:", localizeError);
-    }
-    try {
-      const { NativeModules, Platform } = __require("react-native");
-      if (Platform.OS === "ios") {
-        const { SettingsManager } = NativeModules;
-        if (SettingsManager?.settings?.AppleLanguages) {
-          const appleLanguages = SettingsManager.settings.AppleLanguages;
-          const supportedLanguage = appleLanguages.map((lang) => lang.split("-")[0]?.toLowerCase()).filter((languageCode) => Boolean(languageCode)).find((languageCode) => availableLocales.includes(languageCode));
-          if (supportedLanguage) {
-            return supportedLanguage;
-          }
-        }
-        const { I18nManager } = NativeModules;
-        if (I18nManager?.localeIdentifier) {
-          const languageCode = I18nManager.localeIdentifier.split("-")[0]?.toLowerCase();
-          if (languageCode) {
-            const supportedLanguage = availableLocales.find((locale) => locale === languageCode);
-            if (supportedLanguage) {
-              return supportedLanguage;
-            }
-          }
-        }
-      } else if (Platform.OS === "android") {
-        const { I18nManager } = NativeModules;
-        if (I18nManager?.localeIdentifier) {
-          const languageCode = I18nManager.localeIdentifier.split("-")[0]?.toLowerCase();
-          if (languageCode) {
-            const supportedLanguage = availableLocales.find((locale) => locale === languageCode);
-            if (supportedLanguage) {
-              return supportedLanguage;
-            }
-          }
-        }
-      }
-    } catch (rnError) {
-      console.warn("[locon] \u274C react-native error:", rnError);
-    }
-    const systemLocale = Intl.DateTimeFormat().resolvedOptions().locale;
-    if (systemLocale) {
-      const languageCode = systemLocale.split("-")[0]?.toLowerCase();
-      if (languageCode) {
-        const supportedLanguage = availableLocales.find((locale) => locale === languageCode);
-        if (supportedLanguage) {
-          return supportedLanguage;
-        }
-      }
-    }
-    return null;
-  } catch (error) {
-    console.warn("[locon] \u274C Could not detect system language:", error);
-    return null;
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-}
-var getSystemLanguage_default = getSystemLanguage;
-function useLocon() {
-  const locon = react.useContext(LoconContext);
-  return locon;
-}
-var useLocon_default = useLocon;
-function LText({ children, assetKey, ...props }) {
-  const { l } = useLocon_default();
-  return /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { ...props, children: l(assetKey || children) });
-}
-var LText_default = LText;
-var LoconContext = react.createContext({
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var locon_exports = {};
+__export(locon_exports, {
+  LText: () => import_LText.default,
+  LoconContext: () => LoconContext,
+  default: () => locon_default,
+  useLocon: () => import_useLocon.default
+});
+module.exports = __toCommonJS(locon_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_getSystemLanguage = __toESM(require("./utils/getSystemLanguage"));
+var import_LText = __toESM(require("./components/LText"));
+var import_useLocon = __toESM(require("./hooks/useLocon"));
+const LoconContext = (0, import_react.createContext)({
   assets: {},
   currentLocale: "en",
   defaultLocale: "en",
@@ -145,40 +58,40 @@ function Locon({
   projectLocale = "en",
   autodetect = true
 }) {
-  const [currentLocale, setCurrentLocale] = react.useState(() => {
+  const [currentLocale, setCurrentLocale] = (0, import_react.useState)(() => {
     if (currentLocaleProps) {
       return currentLocaleProps;
     }
     if (autodetect) {
-      const systemLocale = getSystemLanguage_default(Object.keys(assets));
+      const systemLocale = (0, import_getSystemLanguage.default)(Object.keys(assets));
       if (systemLocale && assets[systemLocale]) {
         return systemLocale;
       }
     }
     return defaultLocale;
   });
-  const getAssets = react.useCallback(() => {
+  const getAssets = (0, import_react.useCallback)(() => {
     const currentAssets = assets[currentLocale] ?? assets[defaultLocale];
     return currentAssets ?? {};
   }, [assets, currentLocale, defaultLocale]);
-  const getAsset = react.useCallback(
+  const getAsset = (0, import_react.useCallback)(
     (assetKey) => {
       const assetsObj = getAssets();
       return assetsObj[assetKey] ?? "";
     },
     [getAssets]
   );
-  const setCurrentLocaleHandler = react.useCallback(
+  const setCurrentLocaleHandler = (0, import_react.useCallback)(
     (locale) => {
       if (assets[locale]) {
         setCurrentLocale(locale);
       } else {
-        console.warn(`Locale "${locale}" not found in assets.`);
+        console.warn(`[locon] Locale "${locale}" not found in assets.`);
       }
     },
     [assets]
   );
-  const getAssetByValue = react.useCallback(
+  const getAssetByValue = (0, import_react.useCallback)(
     (assetValue, locale = projectLocale) => {
       const currentAssets = assets[locale];
       if (!currentAssets) {
@@ -189,7 +102,7 @@ function Locon({
     },
     [assets, getAsset, projectLocale]
   );
-  const l = react.useCallback(
+  const l = (0, import_react.useCallback)(
     (assetKey) => {
       if (!assetKey) {
         return "";
@@ -199,7 +112,7 @@ function Locon({
     },
     [getAsset, getAssetByValue, defaultLocale]
   );
-  const value = react.useMemo(
+  const value = (0, import_react.useMemo)(
     () => ({
       assets,
       currentLocale,
@@ -210,11 +123,12 @@ function Locon({
     }),
     [assets, currentLocale, defaultLocale, autodetect, l, setCurrentLocaleHandler]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(LoconContext, { value, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoconContext, { value, children });
 }
 var locon_default = Locon;
-
-exports.LText = LText_default;
-exports.LoconContext = LoconContext;
-exports.default = locon_default;
-exports.useLocon = useLocon_default;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LText,
+  LoconContext,
+  useLocon
+});

package/dist/index.mjs

@@ -1,128 +1,7 @@
-import { createContext, useContext, useState, useCallback, useMemo } from 'react';
-import { Text } from 'react-native';
-import { jsx } from 'react/jsx-runtime';
-
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined") return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
-
-// src/locon/utils/getSystemLanguage.ts
-function getSystemLanguage(availableLocales) {
-  if (!availableLocales?.length) return null;
-  try {
-    try {
-      const RNLocalize = __require("react-native-localize");
-      if (typeof RNLocalize.findBestLanguageTag === "function") {
-        const best = RNLocalize.findBestLanguageTag(availableLocales);
-        if (best?.languageTag) {
-          const { languageTag } = best;
-          const languageCode = languageTag.split("-")[0]?.toLowerCase();
-          if (availableLocales.includes(languageTag)) {
-            return languageTag;
-          }
-          if (languageCode && availableLocales.includes(languageCode)) {
-            return languageCode;
-          }
-        }
-      }
-      if (typeof RNLocalize.getLocales === "function") {
-        const locales = RNLocalize.getLocales();
-        const matchedLocale = locales.find((locale) => {
-          const languageCode = locale.languageCode.toLowerCase();
-          if (languageCode && availableLocales.includes(languageCode)) {
-            return true;
-          }
-          if (locale.languageTag) {
-            const tagCode = locale.languageTag.split("-")[0]?.toLowerCase();
-            if (tagCode && availableLocales.includes(tagCode)) {
-              return true;
-            }
-          }
-          return false;
-        });
-        if (matchedLocale) {
-          const languageCode = matchedLocale.languageCode.toLowerCase();
-          if (availableLocales.includes(languageCode)) {
-            return languageCode;
-          }
-          if (matchedLocale.languageTag) {
-            const tagCode = matchedLocale.languageTag.split("-")[0]?.toLowerCase();
-            if (tagCode && availableLocales.includes(tagCode)) {
-              return tagCode;
-            }
-          }
-        }
-      }
-    } catch (localizeError) {
-      console.warn("[locon] \u274C react-native-localize error:", localizeError);
-    }
-    try {
-      const { NativeModules, Platform } = __require("react-native");
-      if (Platform.OS === "ios") {
-        const { SettingsManager } = NativeModules;
-        if (SettingsManager?.settings?.AppleLanguages) {
-          const appleLanguages = SettingsManager.settings.AppleLanguages;
-          const supportedLanguage = appleLanguages.map((lang) => lang.split("-")[0]?.toLowerCase()).filter((languageCode) => Boolean(languageCode)).find((languageCode) => availableLocales.includes(languageCode));
-          if (supportedLanguage) {
-            return supportedLanguage;
-          }
-        }
-        const { I18nManager } = NativeModules;
-        if (I18nManager?.localeIdentifier) {
-          const languageCode = I18nManager.localeIdentifier.split("-")[0]?.toLowerCase();
-          if (languageCode) {
-            const supportedLanguage = availableLocales.find((locale) => locale === languageCode);
-            if (supportedLanguage) {
-              return supportedLanguage;
-            }
-          }
-        }
-      } else if (Platform.OS === "android") {
-        const { I18nManager } = NativeModules;
-        if (I18nManager?.localeIdentifier) {
-          const languageCode = I18nManager.localeIdentifier.split("-")[0]?.toLowerCase();
-          if (languageCode) {
-            const supportedLanguage = availableLocales.find((locale) => locale === languageCode);
-            if (supportedLanguage) {
-              return supportedLanguage;
-            }
-          }
-        }
-      }
-    } catch (rnError) {
-      console.warn("[locon] \u274C react-native error:", rnError);
-    }
-    const systemLocale = Intl.DateTimeFormat().resolvedOptions().locale;
-    if (systemLocale) {
-      const languageCode = systemLocale.split("-")[0]?.toLowerCase();
-      if (languageCode) {
-        const supportedLanguage = availableLocales.find((locale) => locale === languageCode);
-        if (supportedLanguage) {
-          return supportedLanguage;
-        }
-      }
-    }
-    return null;
-  } catch (error) {
-    console.warn("[locon] \u274C Could not detect system language:", error);
-    return null;
-  }
-}
-var getSystemLanguage_default = getSystemLanguage;
-function useLocon() {
-  const locon = useContext(LoconContext);
-  return locon;
-}
-var useLocon_default = useLocon;
-function LText({ children, assetKey, ...props }) {
-  const { l } = useLocon_default();
-  return /* @__PURE__ */ jsx(Text, { ...props, children: l(assetKey || children) });
-}
-var LText_default = LText;
-var LoconContext = createContext({
+import { jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useMemo, useState } from "react";
+import getSystemLanguage from "./utils/getSystemLanguage";
+const LoconContext = createContext({
   assets: {},
   currentLocale: "en",
   defaultLocale: "en",
@@ -146,7 +25,7 @@ function Locon({
       return currentLocaleProps;
     }
     if (autodetect) {
-      const systemLocale = getSystemLanguage_default(Object.keys(assets));
+      const systemLocale = getSystemLanguage(Object.keys(assets));
       if (systemLocale && assets[systemLocale]) {
         return systemLocale;
       }
@@ -169,7 +48,7 @@ function Locon({
       if (assets[locale]) {
         setCurrentLocale(locale);
       } else {
-        console.warn(`Locale "${locale}" not found in assets.`);
+        console.warn(`[locon] Locale "${locale}" not found in assets.`);
       }
     },
     [assets]
@@ -209,5 +88,11 @@ function Locon({
   return /* @__PURE__ */ jsx(LoconContext, { value, children });
 }
 var locon_default = Locon;
-
-export { LText_default as LText, LoconContext, locon_default as default, useLocon_default as useLocon };
+import { default as default2 } from "./components/LText";
+import { default as default3 } from "./hooks/useLocon";
+export {
+  default2 as LText,
+  LoconContext,
+  locon_default as default,
+  default3 as useLocon
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "locon",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "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",