gettext-universal 1.0.5 → 1.0.7

package/bin/{po2mjs.js → po2js.js}

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
 
-import Po2Mjs from "../src/po2mjs.js"
+import Po2Js from "../src/po2js.js"
 
 const processArgs = process.argv.slice(2)
 let directory
@@ -15,6 +15,6 @@ for (let i = 0; i < processArgs.length; i++) {
   }
 }
 
-const po2Mjs = new Po2Mjs({directory})
+const po2Js = new Po2Js({directory})
 
-await po2Mjs.run()
+await po2Js.run()

package/package.json

@@ -4,11 +4,11 @@
   },
   "name": "gettext-universal",
   "type": "module",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "main": "index.js",
   "scripts": {
     "gettext-universal": "node bin/gettext-universal.js",
-    "po2mjs": "node bin/po2mjs.js",
+    "po2js": "node bin/po2js.js",
     "test": "jasmine"
   },
   "repository": {

package/src/config.js

@@ -14,7 +14,7 @@ class Config {
       const locale = match[1]
       const translations = requireContext(localeFile).default
 
-      locales[locale] = translations
+      this.locales[locale] = translations
     }
   }
 

package/src/{po2mjs.js → po2js.js}

@@ -1,7 +1,7 @@
 import {promises as fs} from "fs"
 import path from "path"
 
-export default class Po2Mjs {
+export default class Po2Js {
   constructor({directory}) {
     this.directory = directory
   }

package/src/use-translate-expo.js

@@ -1,15 +1,81 @@
+import {digg} from "diggerize"
+import EventEmitter from "events"
 import translate from "./translate.js"
-import {useCallback} from "react"
+import {createContext, useCallback, useContext, useMemo, useState} from "react"
+import useEventEmitter from "@kaspernj/api-maker/build/use-event-emitter"
 import {useLocales} from "expo-localization"
 
-const useTranslateExpo = () => {
+const eventEmitter = new EventEmitter()
+const TranslateContext = createContext()
+
+const shared = {
+  locale: null
+}
+
+const setLocale = (locale) => {
+  shared.locale = locale
+  eventEmitter.emit("changeLocale", {locale})
+}
+
+const WithTranslate = ({children, ...restProps}) => {
   const locales = useLocales()
-  let preferredLocales
+  const [locale, setLocale] = useState(digg(shared, "locale"))
+
+  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(() => ({locale, locales: actualLocales}), [actualLocales])
+
+  const onChangeLocale = useCallback(({locale}) => {
+    setLocale(locale)
+  }, [])
 
-  if (Array.isArray(locales)) {
-    preferredLocales = locales?.map((localeData) => localeData.languageCode)
+  useEventEmitter(eventEmitter, "changeLocale", onChangeLocale)
+
+  const restPropsKeys = Object.keys(restProps)
+
+  if (restPropsKeys.length > 0) {
+    throw new Error(`Unknown props given: ${restPropsKeys.join(", ")}`)
   }
 
+  return (
+    <TranslateContext.Provider value={contextData}>
+      {children}
+    </TranslateContext.Provider>
+  )
+}
+
+const useTranslateExpo = () => {
+  const localeContext = useContext(TranslateContext)
+  const locales = useLocales()
+
+  const preferredLocales = useMemo(() => {
+    let preferredLocales = []
+
+    if (localeContext?.locale) {
+      preferredLocales.push(localeContext.locale)
+    }
+
+    if (Array.isArray(locales)) {
+      for (const localeData of locales) {
+        preferredLocales.push(localeData.languageCode)
+      }
+    }
+
+    return preferredLocales
+  }, [localeContext?.locale, locales])
+
   const currentTranslation = useCallback((msgId, args = {}) => {
     args.locales = preferredLocales
 
@@ -19,4 +85,5 @@ const useTranslateExpo = () => {
   return currentTranslation
 }
 
+export {setLocale, WithTranslate}
 export default useTranslateExpo