breakout71/src/i18n/i18n.ts

import fr from './fr.json'
import en from './en.json'
import {getSettingValue} from "../settings";

type translationKeys = keyof typeof en
type translation= { [key in translationKeys] : string }
const languages:Record<string, translation>= {fr,en}
export function getCurrentLang(){
   return  getSettingValue('lang',getFirstBrowserLanguage())
}

export function t(key: translationKeys, params: {[key:string]:any} = {}):string {
    const lang = getCurrentLang()
    let template=languages[lang]?.[key] || languages.en[key]
    for(let key in params){
        template=template.split('{{'+key+'}}').join(`${params[key]}`)
    }
    return template
}

function getFirstBrowserLanguage() {
    const preferred_languages = [
        ...navigator.languages,
        navigator.language,
        'en'
    ].filter(i => i)
        .map(i => i.slice(0, 2).toLowerCase())
    const supported = Object.keys(languages)

    return preferred_languages.find(k=>supported.includes(k)) || 'en'

};