tweb-i2p/src/components/languageChangeButton.ts

import { attachClickEvent, cancelEvent } from "../helpers/dom";
import { Config, LangPackDifference, LangPackString } from "../layer";
import I18n, { LangPackKey } from "../lib/langPack";
import apiManager from "../lib/mtproto/mtprotoworker";
import rootScope from "../lib/rootScope";
import Button from "./button";
import { putPreloader } from "./misc";

let set = false, times = 0;
rootScope.addEventListener('language_change', () => {
  if(++times < 2) {
    return;
  }

  console.log('language_change');
  set = true;
});

function getLang(): Promise<[Config.config, LangPackString[], LangPackDifference.langPackDifference]> {
  if(cachedPromise) return cachedPromise;
  return cachedPromise = apiManager.invokeApiCacheable('help.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 btnChangeLanguage = Button('btn-primary btn-secondary btn-primary-transparent primary', {text: 'Login.ContinueOnLanguage'});
    appendTo.append(btnChangeLanguage);

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

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

      btnChangeLanguage.disabled = true;
      putPreloader(btnChangeLanguage);

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