talk/client/coral-framework/i18n/i18n.js

import timeago from 'timeago.js'
import esTA from 'timeago.js/locales/es'

/**
 * Default locales, this should be overriden by config file
 */

class i18n {
  constructor (translations) {
    /**
     * Register locales
     */

    this.locales = {'en': 'en', 'es': 'es'}
    timeago.register('es_ES', esTA)
    this.timeagoInstance = new timeago()
    /**
     * Load translations
     */
    let trans = translations || { en: {} }

    try {
      const locale = localStorage.getItem('locale') || navigator.language
      localStorage.setItem('locale', locale)
      const lang = this.locales[locale.split('-')[0]] || 'en'
      this.translations = trans[lang]
    } catch (err) {
      this.translations = trans['en']
    }

    this.setLocale = (locale) => {
      try {
        localStorage.setItem('locale', locale)
      } catch (err) {}
    }

    this.getLocale = () => (
      localStorage.getItem('locale') || navigator.locale || 'en-US'
    )

      /**
       * Expose the translation function
       *
       * it takes a string with the translation key and returns
       * the translation value or the key itself if not found
       * it works with nested translations (my.page.title)
       */

    this.t = (key) => {
      const arr = key.split('.')
      let translation = this.translations
      try {
        for (var i = 0; i < arr.length; i++) translation = translation[arr[i]]
      } catch (error) {
        console.warn(`${key} language key not set`)
        return key
      }

      const val = String(translation)
      if (val) {
        return val
      } else {
        console.warn(`${key} language key not set`)
        return key
      }
    }

    this.timeago = (time) => {
      return this.timeagoInstance.format(time)
    }
  }
}

export default i18n