81 lines
2.8 KiB
TypeScript
81 lines
2.8 KiB
TypeScript
//import {stackBlurImage} from '../lib/StackBlur';
|
|
//import appStateManager from "../lib/appManagers/appStateManager";
|
|
import appStateManager from "../lib/appManagers/appStateManager";
|
|
import Page from "./page";
|
|
|
|
let onFirstMount = () => {
|
|
//return;
|
|
appStateManager.pushToState('authState', {_: 'authStateSignedIn'});
|
|
// ! TOO SLOW
|
|
/* appStateManager.saveState(); */
|
|
|
|
const promise = import('../lib/appManagers/appDialogsManager');
|
|
promise.finally(async() => {
|
|
//alert('pageIm!');
|
|
|
|
//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));
|
|
|
|
const misc = await import("../components/buttonMenuToggle");
|
|
Array.from(document.getElementsByClassName('btn-menu-toggle')).forEach((el) => {
|
|
misc.ButtonMenuToggleHandler(el as HTMLElement);
|
|
});
|
|
})
|
|
|
|
//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);
|
|
};
|
|
}); */
|
|
|
|
/* toggleEmoticons.onclick = (e) => {
|
|
if(!emoticonsDropdown) {
|
|
emoticonsDropdown = initEmoticonsDropdown(pageEl, appImManager,
|
|
appMessagesManager, messageInput, toggleEmoticons);
|
|
} else {
|
|
emoticonsDropdown.classList.toggle('active');
|
|
}
|
|
|
|
toggleEmoticons.classList.toggle('active');
|
|
}; */
|
|
//});
|
|
|
|
return promise;
|
|
};
|
|
|
|
const page = new Page('page-chats', false, onFirstMount);
|
|
export default page;
|