tweb-i2p/src/pages/pageIm.ts

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

import blurActiveElement from "../helpers/dom/blurActiveElement";
import loadFonts from "../helpers/dom/loadFonts";
import appStateManager from "../lib/appManagers/appStateManager";
import I18n from "../lib/langPack";
import Page from "./page";

let onFirstMount = () => {
  //return;
  appStateManager.pushToState('authState', {_: 'authStateSignedIn'});
  // ! TOO SLOW
  /* appStateManager.saveState(); */

  import('../lib/rootScope').then(m => {
    m.default.dispatchEvent('im_mount');
  });

  if(!I18n.requestedServerLanguage) {
    I18n.getCacheLangPack().then(langPack => {
      if(langPack.local) {
        I18n.getLangPack(langPack.lang_code);
      }
    });
  }

  blurActiveElement();
  return loadFonts().then(() => {
    return new Promise<void>((resolve) => {
      window.requestAnimationFrame(() => {
        // setTimeout(() => {
          const promise = import('../lib/appManagers/appDialogsManager');
          promise.finally(async() => {
            document.getElementById('auth-pages').remove();
            //alert('pageIm!');
            resolve();
        
            //AudioContext && global.navigator && global.navigator.mediaDevices && global.navigator.mediaDevices.getUserMedia && global.WebAssembly;
        
            /* // @ts-ignore
            var AudioContext = globalThis.AudioContext || globalThis.webkitAudioContext;
            alert('AudioContext:' + typeof(AudioContext));
            // @ts-ignore
            alert('global.navigator:' + typeof(navigator));
            alert('navigator.mediaDevices:' + typeof(navigator.mediaDevices));
            alert('navigator.mediaDevices.getUserMedia:' + typeof(navigator.mediaDevices?.getUserMedia));
            alert('global.WebAssembly:' + typeof(WebAssembly)); */
        
            //(Array.from(document.getElementsByClassName('rp')) as HTMLElement[]).forEach(el => ripple(el));
          });
        // }, 5e3);
      });
    })
  });

  //let promise = /* Promise.resolve() */.then(() => {//import('../lib/services').then(services => {
    /* fetch('assets/img/camomile.jpg')
    .then(res => res.blob())
    .then(blob => {
      let img = new Image();
      let url = URL.createObjectURL(blob);
      img.src = url;
      img.onload = () => {
        let id = 'chat-background-canvas';
        var canvas  = document.getElementById(id) as HTMLCanvasElement;
        //URL.revokeObjectURL(url);
  
        let elements = ['.chat-container'].map(selector => {
          return document.querySelector(selector) as HTMLDivElement;
        });
  
        stackBlurImage(img, id, 15, 0);
  
        canvas.toBlob(blob => {
          //let dataUrl = canvas.toDataURL('image/jpeg', 1);
          let dataUrl = URL.createObjectURL(blob);
  
          elements.forEach(el => {
            el.style.backgroundImage = 'url(' + dataUrl + ')';
          });
        }, 'image/jpeg', 1);
      };
    }); */
  //});
};

const page = new Page('page-chats', false, onFirstMount);
export default page;