tweb-i2p/src/components/languageChangeButton.ts

/*
 * https://github.com/morethanwords/tweb
 * Copyright (C) 2019-2021 Eduard Kuzmenko
 * https://github.com/morethanwords/tweb/blob/master/LICENSE
 */

import cancelEvent from '../helpers/dom/cancelEvent';
import {attachClickEvent} from '../helpers/dom/clickEvent';
import loadFonts from '../helpers/dom/loadFonts';
import {Config, LangPackDifference, LangPackString} from '../layer';
import I18n, {LangPackKey} from '../lib/langPack';
import rootScope from '../lib/rootScope';
import Button from './button';
import {putPreloader} from './putPreloader';

let set = false;

function getLang(): Promise<[Config.config, LangPackString[], LangPackDifference.langPackDifference]> {
  if(cachedPromise) return cachedPromise;
  return cachedPromise = rootScope.managers.apiManager.getConfig().then((config) => {
    if(config.suggested_lang_code !== I18n.lastRequestedLangCode) {
      // I18n.loadLangPack(config.suggested_lang_code);

      return Promise.all([
        config,
        I18n.getStrings(config.suggested_lang_code, ['Login.ContinueOnLanguage']),
        I18n.getCacheLangPack()
      ]);
    } else {
      return [] as any;
    }
  });
}

let cachedPromise: ReturnType<typeof getLang>;

export default function getLanguageChangeButton(appendTo: HTMLElement) {
  if(set) return;
  getLang().then(([config, strings]) => {
    if(!config) {
      return;
    }

    const backup: LangPackString[] = [];
    strings.forEach((string) => {
      const backupString = I18n.strings.get(string.key as LangPackKey);
      if(!backupString) {
        return;
      }

      backup.push(backupString);
      I18n.strings.set(string.key as LangPackKey, string);
    });

    const key: LangPackKey = 'Login.ContinueOnLanguage';
    const btnChangeLanguage = Button('btn-primary btn-secondary btn-primary-transparent primary', {text: key});
    btnChangeLanguage.lastElementChild.classList.remove('i18n'); // prevent changing language
    loadFonts({text: [I18n.format(key, true)]}).then(() => {
      window.requestAnimationFrame(() => {
        appendTo.append(btnChangeLanguage);
      });
    });

    rootScope.addEventListener('language_change', () => {
      btnChangeLanguage.remove();
    }, {once: true});

    backup.forEach((string) => {
      I18n.strings.set(string.key as LangPackKey, string);
    });

    attachClickEvent(btnChangeLanguage, (e) => {
      cancelEvent(e);

      set = true;

      btnChangeLanguage.disabled = true;
      putPreloader(btnChangeLanguage);

      I18n.getLangPack(config.suggested_lang_code);
    });
  });
}