gettext-universal 1.0.4 → 1.0.6

package/package.json

@@ -4,7 +4,7 @@
   },
   "name": "gettext-universal",
   "type": "module",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "main": "index.js",
   "scripts": {
     "gettext-universal": "node bin/gettext-universal.js",

package/src/translate.js

@@ -1,6 +1,15 @@
 import config from "./config.js"
 
-const translate = (msgId, preferredLocales) => {
+const translate = (msgId, args) => {
+  let preferredLocales
+
+  if (Array.isArray(args)) {
+    preferredLocales = args
+    args = null
+  } else if (args?.locales) {
+    preferredLocales = args.locales
+  }
+
   if (!preferredLocales) {
     if (config.getLocale()) {
       preferredLocales = [config.getLocale()]
@@ -41,7 +50,13 @@ const translate = (msgId, preferredLocales) => {
     }
   }
 
-  if (!translation) translation = msgId
+  if (!translation) {
+    if (args?.defaultValue) {
+      translation = args.defaultValue
+    } else {
+      translation = msgId
+    }
+  }
 
   return translation
 }

package/src/use-translate-expo.js

@@ -1,7 +1,52 @@
+import EventEmitter from "events"
 import translate from "./translate.js"
-import {useCallback} from "react"
+import {createContext, useCallback, useMemo, useState} from "react"
+import useEventEmitter from "@kaspernj/api-maker/build/use-event-emitter"
 import {useLocales} from "expo-localization"
 
+const eventEmitter = new EventEmitter()
+const TranslateContext = createContext()
+
+const WithTranslate = ({children, ...restProps}) => {
+  const restPropsKeys = Object.keys(restProps)
+
+  if (restPropsKeys.length > 0) {
+    throw new Error(`Unknown props given: ${restPropsKeys.join(", ")}`)
+  }
+
+  const locales = useLocales()
+  const [locale, setLocale] = useState()
+  const actualLocales = useMemo(() => {
+    const actualLocales = []
+
+    if (locale) {
+      actualLocales.push(locale)
+    }
+
+    for (const locale of locales) {
+      actualLocales.push(locale.languageCode)
+    }
+
+    return actualLocales
+  }, [locale, locales])
+
+  const contextData = useMemo(() => ({locales: actualLocales}), [actualLocales])
+
+  const onChangeLocale = useCallback(({locale}) => {
+    console.log("onChangeLocale", args)
+
+    setLocale(locale)
+  }, [])
+
+  useEventEmitter(eventEmitter, "changeLocale", onChangeLocale)
+
+  return (
+    <TranslateContext.Provider value={contextData}>
+      {children}
+    </TranslateContext.Provider>
+  )
+}
+
 const useTranslateExpo = () => {
   const locales = useLocales()
   let preferredLocales
@@ -10,9 +55,14 @@ const useTranslateExpo = () => {
     preferredLocales = locales?.map((localeData) => localeData.languageCode)
   }
 
-  const currentTranslation = useCallback((msgId) => translate(msgId, preferredLocales), [preferredLocales])
+  const currentTranslation = useCallback((msgId, args = {}) => {
+    args.locales = preferredLocales
+
+    return translate(msgId, args)
+  }, [preferredLocales])
 
   return currentTranslation
 }
 
+export {WithTranslate}
 export default useTranslateExpo