Telegram Web K with changes to work inside I2P
https://web.telegram.i2p/
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
555 lines
16 KiB
555 lines
16 KiB
/*! |
|
* Webogram v0.7.0 - messaging web application for MTProto |
|
* https://github.com/zhukov/webogram |
|
* Copyright (C) 2014 Igor Zhukov <igor.beatle@gmail.com> |
|
* https://github.com/zhukov/webogram/blob/master/LICENSE |
|
*/ |
|
|
|
import { InputFileLocation, FileLocation } from "../types"; |
|
|
|
var _logTimer = Date.now(); |
|
export function dT () { |
|
return '[' + ((Date.now() - _logTimer) / 1000).toFixed(3) + ']'; |
|
} |
|
|
|
export function isInDOM(element: Element, parentNode?: HTMLElement): boolean { |
|
if(!element) { |
|
return false; |
|
} |
|
|
|
parentNode = parentNode || document.body; |
|
if(element == parentNode) { |
|
return true; |
|
} |
|
return isInDOM(element.parentNode as HTMLElement, parentNode); |
|
} |
|
|
|
export function checkDragEvent(e: any) { |
|
if(!e || e.target && (e.target.tagName == 'IMG' || e.target.tagName == 'A')) return false |
|
if(e.dataTransfer && e.dataTransfer.types) { |
|
for(var i = 0; i < e.dataTransfer.types.length; i++) { |
|
if(e.dataTransfer.types[i] == 'Files') { |
|
return true; |
|
} |
|
} |
|
} else { |
|
return true; |
|
} |
|
|
|
return false; |
|
} |
|
|
|
export function cancelEvent (event: Event) { |
|
event = event || window.event; |
|
if(event) { |
|
// @ts-ignore |
|
event = event.originalEvent || event; |
|
|
|
try { |
|
if(event.stopPropagation) event.stopPropagation(); |
|
if(event.preventDefault) event.preventDefault(); |
|
event.returnValue = false; |
|
event.cancelBubble = true; |
|
} catch(err) {} |
|
} |
|
|
|
return false; |
|
} |
|
|
|
export function getRichValue(field: any) { |
|
if(!field) { |
|
return ''; |
|
} |
|
var lines: string[] = []; |
|
var line: string[] = []; |
|
|
|
getRichElementValue(field, lines, line); |
|
if (line.length) { |
|
lines.push(line.join('')); |
|
} |
|
|
|
var value = lines.join('\n'); |
|
value = value.replace(/\u00A0/g, ' '); |
|
|
|
return value; |
|
} |
|
|
|
export function placeCaretAtEnd(el: HTMLElement) { |
|
el.focus(); |
|
if(typeof window.getSelection != "undefined" && typeof document.createRange != "undefined") { |
|
var range = document.createRange(); |
|
range.selectNodeContents(el); |
|
range.collapse(false); |
|
var sel = window.getSelection(); |
|
sel.removeAllRanges(); |
|
sel.addRange(range); |
|
// @ts-ignore |
|
} else if(typeof document.body.createTextRange != "undefined") { |
|
// @ts-ignore |
|
var textRange = document.body.createTextRange(); |
|
textRange.moveToElementText(el); |
|
textRange.collapse(false); |
|
textRange.select(); |
|
} |
|
} |
|
|
|
export function getRichElementValue(node: any, lines: string[], line: string[], selNode?: Node, selOffset?: number) { |
|
if(node.nodeType == 3) { // TEXT |
|
if(selNode === node) { |
|
var value = node.nodeValue |
|
line.push(value.substr(0, selOffset) + '\x01' + value.substr(selOffset)) |
|
} else { |
|
line.push(node.nodeValue) |
|
} |
|
return |
|
} |
|
if (node.nodeType != 1) { // NON-ELEMENT |
|
return |
|
} |
|
var isSelected = (selNode === node) |
|
var isBlock = node.tagName == 'DIV' || node.tagName == 'P' |
|
var curChild |
|
if(isBlock && line.length || node.tagName == 'BR') { |
|
lines.push(line.join('')) |
|
line.splice(0, line.length) |
|
} else if(node.tagName == 'IMG') { |
|
if(node.alt) { |
|
line.push(node.alt); |
|
} |
|
} |
|
|
|
if(isSelected && !selOffset) { |
|
line.push('\x01'); |
|
} |
|
|
|
var curChild = node.firstChild; |
|
while(curChild) { |
|
getRichElementValue(curChild, lines, line, selNode, selOffset); |
|
curChild = curChild.nextSibling; |
|
} |
|
|
|
if(isSelected && selOffset) { |
|
line.push('\x01'); |
|
} |
|
|
|
if(isBlock && line.length) { |
|
lines.push(line.join('')); |
|
line.splice(0, line.length); |
|
} |
|
} |
|
|
|
/* if (Config.Modes.animations && |
|
typeof window.requestAnimationFrame == 'function') { |
|
window.onAnimationFrameCallback = function (cb) { |
|
return (function () { |
|
window.requestAnimationFrame(cb) |
|
}) |
|
} |
|
} else { |
|
window.onAnimationFrameCallback = function (cb) { |
|
return cb |
|
} |
|
} */ |
|
|
|
type BroadcastKeys = 'download_progress' | 'user_update' | 'user_auth' | 'peer_changed' | |
|
'filter_delete' | 'filter_update' | 'message_edit' | 'dialog_draft' | 'messages_pending' | |
|
'history_append' | 'history_update' | 'dialogs_multiupdate' | 'dialog_unread' | 'dialog_flush' | |
|
'dialog_drop' | 'dialog_migrate' | 'dialog_top' | 'history_reply_markup' | 'history_multiappend' | |
|
'messages_read' | 'history_delete' | 'history_forbidden' | 'history_reload' | 'message_views' | |
|
'message_sent' | 'history_request' | 'messages_downloaded' | 'contacts_update' | 'avatar_update' | |
|
'stickers_installed' | 'stickers_deleted' | 'chat_full_update' | 'peer_pinned_message' | |
|
'poll_update' | 'dialogs_archived_unread' | 'audio_play' | 'audio_pause' | 'chat_update' | |
|
'apiUpdate' | 'stateSynchronized' | 'channel_settings' | 'webpage_updated' | 'draft_updated'; |
|
|
|
export const $rootScope = { |
|
$broadcast: (name: BroadcastKeys, detail?: any) => { |
|
if(name != 'user_update') { |
|
console.debug(dT(), 'Broadcasting ' + name + ' event, with args:', detail); |
|
} |
|
|
|
let myCustomEvent = new CustomEvent(name, {detail}); |
|
document.dispatchEvent(myCustomEvent); |
|
}, |
|
$on: (name: BroadcastKeys, callback: (e: CustomEvent) => any) => { |
|
// @ts-ignore |
|
document.addEventListener(name, callback); |
|
}, |
|
$off: (name: BroadcastKeys, callback: (e: CustomEvent) => any) => { |
|
// @ts-ignore |
|
document.removeEventListener(name, callback); |
|
}, |
|
|
|
selectedPeerID: 0, |
|
myID: 0, |
|
idle: { |
|
isIDLE: false |
|
} |
|
}; |
|
|
|
// generate a path's arc data parameter |
|
// http://www.w3.org/TR/SVG/paths.html#PathDataEllipticalArcCommands |
|
var arcParameter = function(rx: number, ry: number, xAxisRotation: number, largeArcFlag: number, sweepFlag: number, x: number, y: number) { |
|
return [rx, ',', ry, ' ', |
|
xAxisRotation, ' ', |
|
largeArcFlag, ',', |
|
sweepFlag, ' ', |
|
x, ',', y ].join(''); |
|
}; |
|
|
|
export function generatePathData(x: number, y: number, width: number, height: number, tl: number, tr: number, br: number, bl: number) { |
|
var data = []; |
|
|
|
// start point in top-middle of the rectangle |
|
data.push('M' + (x + width / 2) + ',' + y); |
|
|
|
// next we go to the right |
|
data.push('H' + (x + width - tr)); |
|
|
|
if (tr > 0) { |
|
// now we draw the arc in the top-right corner |
|
data.push('A' + arcParameter(tr, tr, 0, 0, 1, (x + width), (y + tr))); |
|
} |
|
|
|
// next we go down |
|
data.push('V' + (y + height - br)); |
|
|
|
if (br > 0) { |
|
// now we draw the arc in the lower-right corner |
|
data.push('A' + arcParameter(br, br, 0, 0, 1, (x + width - br), (y + height))); |
|
} |
|
|
|
// now we go to the left |
|
data.push('H' + (x + bl)); |
|
|
|
if (bl > 0) { |
|
// now we draw the arc in the lower-left corner |
|
data.push('A' + arcParameter(bl, bl, 0, 0, 1, (x + 0), (y + height - bl))); |
|
} |
|
|
|
// next we go up |
|
data.push('V' + (y + tl)); |
|
|
|
if (tl > 0) { |
|
// now we draw the arc in the top-left corner |
|
data.push('A' + arcParameter(tl, tl, 0, 0, 1, (x + tl), (y + 0))); |
|
} |
|
|
|
// and we close the path |
|
data.push('Z'); |
|
|
|
return data.join(' '); |
|
}; |
|
|
|
export const langPack: {[actionType: string]: string} = { |
|
"messageActionChatCreate": "created the group", |
|
"messageActionChatEditTitle": "changed group name", |
|
"messageActionChatEditPhoto": "changed group photo", |
|
"messageActionChatDeletePhoto": "removed group photo", |
|
"messageActionChatReturn": "returned to group", |
|
"messageActionChatJoined": "joined the group", |
|
"messageActionChatAddUser": "invited {user}", |
|
"messageActionChatAddUsers": "invited {} users", |
|
"messageActionChatLeave": "left the group", |
|
"messageActionChatDeleteUser": "removed user", |
|
"messageActionChatJoinedByLink": "joined the group", |
|
"messageActionPinMessage": "pinned message", |
|
"messageActionContactSignUp": "joined Telegram", |
|
"messageActionChannelCreate": "Channel created", |
|
"messageActionChannelEditTitle": "Channel renamed", |
|
"messageActionChannelEditPhoto": "Channel photo updated", |
|
"messageActionChannelDeletePhoto": "Channel photo removed", |
|
"messageActionHistoryClear": "",//"History cleared", |
|
|
|
"messageActionChannelMigrateFrom": "", |
|
|
|
"messageActionPhoneCall.in_ok": "Incoming Call", |
|
"messageActionPhoneCall.out_ok": "Outgoing Call", |
|
"messageActionPhoneCall.in_missed": "Missed Call", |
|
"messageActionPhoneCall.out_missed": "Cancelled Call", |
|
}; |
|
|
|
export function isObject(object: any) { |
|
return typeof(object) === 'object' && object !== null; |
|
} |
|
|
|
export function tsNow(seconds?: boolean) { |
|
var t = +new Date(); |
|
return seconds ? Math.floor(t / 1000) : t; |
|
} |
|
|
|
export function safeReplaceObject(wasObject: any, newObject: any) { |
|
for(var key in wasObject) { |
|
if(!newObject.hasOwnProperty(key) && key.charAt(0) != '$') { |
|
delete wasObject[key]; |
|
} |
|
} |
|
|
|
for(var key in newObject) { |
|
//if (newObject.hasOwnProperty(key)) { // useless |
|
wasObject[key] = newObject[key]; |
|
//} |
|
} |
|
} |
|
|
|
export function numberWithCommas(x: number) { |
|
var parts = x.toString().split("."); |
|
parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ","); |
|
return parts.join("."); |
|
} |
|
|
|
//export function findUpClassName<T>(el: any, className: string): T; |
|
export function findUpClassName(el: any, className: string): HTMLElement { |
|
if(el.classList.contains(className)) return el; // 03.02.2020 |
|
|
|
while(el.parentElement) { |
|
el = el.parentElement; |
|
if(el.classList.contains(className)) |
|
return el; |
|
} |
|
return null; |
|
} |
|
|
|
export function findUpTag(el: any, tag: string): HTMLElement { |
|
if(el.tagName == tag) return el; // 03.02.2020 |
|
|
|
while(el.parentElement) { |
|
el = el.parentElement; |
|
if(el.tagName === tag) |
|
return el; |
|
} |
|
return null; |
|
} |
|
|
|
export function findUpAttribute(el: any, attribute: string): HTMLElement { |
|
if(el.getAttribute(attribute) != null) return el; // 03.02.2020 |
|
|
|
while(el.parentElement) { |
|
el = el.parentElement; |
|
if(el.getAttribute(attribute) != null) |
|
return el; |
|
} |
|
return null; |
|
} |
|
|
|
export function getObjectKeysAndSort(object: any, sort: 'asc' | 'desc' = 'asc') { |
|
const ids = Object.keys(object).map(i => +i); |
|
if(sort == 'asc') return ids.sort((a, b) => a - b); |
|
else return ids.sort((a, b) => b - a); |
|
} |
|
|
|
export function whichChild(elem: Node) { |
|
let i = 0; |
|
// @ts-ignore |
|
while((elem = elem.previousElementSibling) != null) ++i; |
|
return i; |
|
}; |
|
|
|
export function copy(obj: any) { |
|
//in case of premitives |
|
if(obj===null || typeof obj !== "object"){ |
|
return obj; |
|
} |
|
|
|
//date objects should be |
|
if(obj instanceof Date){ |
|
return new Date(obj.getTime()); |
|
} |
|
|
|
//handle Array |
|
if(Array.isArray(obj)){ |
|
var clonedArr: any = []; |
|
obj.forEach(function(element){ |
|
clonedArr.push(copy(element)) |
|
}); |
|
return clonedArr; |
|
} |
|
|
|
//lastly, handle objects |
|
let clonedObj = new obj.constructor(); |
|
for(var prop in obj){ |
|
if(obj.hasOwnProperty(prop)){ |
|
clonedObj[prop] = copy(obj[prop]); |
|
} |
|
} |
|
return clonedObj; |
|
} |
|
|
|
export function formatBytes(bytes: number, decimals = 2) { |
|
if (bytes === 0) return '0 Bytes'; |
|
|
|
const k = 1024; |
|
const dm = decimals < 0 ? 0 : decimals; |
|
const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']; |
|
|
|
const i = Math.floor(Math.log(bytes) / Math.log(k)); |
|
|
|
return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i]; |
|
} |
|
|
|
export function formatNumber(bytes: number, decimals = 2) { |
|
if(bytes === 0) return '0'; |
|
|
|
const k = 1000; |
|
const dm = decimals < 0 ? 0 : decimals; |
|
const sizes = ['', 'K', 'M', 'B', 'T']; |
|
|
|
const i = Math.floor(Math.log(bytes) / Math.log(k)); |
|
|
|
return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + sizes[i]; |
|
} |
|
|
|
export function deepEqual(x: any, y: any): boolean { |
|
const ok = Object.keys, tx = typeof x, ty = typeof y; |
|
return x && y && tx === 'object' && tx === ty ? ( |
|
ok(x).length === ok(y).length && |
|
ok(x).every(key => deepEqual(x[key], y[key])) |
|
) : (x === y); |
|
} |
|
|
|
export function listMergeSorted(list1: any, list2: any) { |
|
list1 = list1 || []; |
|
list2 = list2 || []; |
|
|
|
var result = copy(list1); |
|
|
|
var minID = list1.length ? list1[list1.length - 1] : 0xFFFFFFFF; |
|
for (var i = 0; i < list2.length; i++) { |
|
if (list2[i] < minID) { |
|
result.push(list2[i]); |
|
} |
|
} |
|
|
|
return result; |
|
} |
|
|
|
// credits to https://github.com/sindresorhus/escape-string-regexp/blob/master/index.js |
|
export function escapeRegExp(str: string) { |
|
return str |
|
.replace(/[|\\{}()[\]^$+*?.]/g, '\\$&') |
|
.replace(/-/g, '\\x2d'); |
|
} |
|
|
|
export function encodeEntities(value: string) { |
|
return value.replace(/&/g, '&').replace(/[\uD800-\uDBFF][\uDC00-\uDFFF]/g, (value) => { |
|
var hi = value.charCodeAt(0); |
|
var low = value.charCodeAt(1); |
|
return '&#' + (((hi - 0xD800) * 0x400) + (low - 0xDC00) + 0x10000) + ';'; |
|
}).replace(/([^\#-~| |!])/g, (value) => { // non-alphanumeric |
|
return '&#' + value.charCodeAt(0) + ';'; |
|
}).replace(/</g, '<').replace(/>/g, '>'); |
|
} |
|
|
|
export function fillPropertyValue(str: string) { |
|
let splitted = str.split(' '); |
|
if(splitted.length != 4) { |
|
if(!splitted[0]) splitted[0] = '0px'; |
|
for(let i = splitted.length; i < 4; ++i) { |
|
splitted[i] = splitted[i % 2] || splitted[0] || '0px'; |
|
} |
|
} |
|
|
|
return splitted; |
|
} |
|
|
|
export function calcImageInBox (imageW: number, imageH: number, boxW: number, boxH: number, noZoom?: boolean) { |
|
if(imageW < boxW && imageH < boxH) { |
|
return {w: imageW, h: imageH}; |
|
} |
|
|
|
var boxedImageW = boxW; |
|
var boxedImageH = boxH; |
|
|
|
if((imageW / imageH) > (boxW / boxH)) { |
|
boxedImageH = (imageH * boxW / imageW) | 0; |
|
} else { |
|
boxedImageW = (imageW * boxH / imageH) | 0; |
|
if(boxedImageW > boxW) { |
|
boxedImageH = (boxedImageH * boxW / boxedImageW) | 0; |
|
boxedImageW = boxW; |
|
} |
|
} |
|
|
|
// if (Config.Navigator.retina) { |
|
// imageW = Math.floor(imageW / 2) |
|
// imageH = Math.floor(imageH / 2) |
|
// } |
|
|
|
if(noZoom && boxedImageW >= imageW && boxedImageH >= imageH) { |
|
boxedImageW = imageW; |
|
boxedImageH = imageH; |
|
} |
|
|
|
return {w: boxedImageW, h: boxedImageH}; |
|
} |
|
|
|
/** |
|
* emojiUnicode |
|
* Get the unicode code of an emoji in base 16. |
|
* |
|
* @name emojiUnicode |
|
* @function |
|
* @param {String} input The emoji character. |
|
* @returns {String} The base 16 unicode code. |
|
*/ |
|
export function emojiUnicode(input: string) { |
|
let pairs = emojiUnicode.raw(input).split(' ').map(val => parseInt(val).toString(16))/* .filter(p => p != 'fe0f') */; |
|
if(pairs.length && pairs[0].length == 2) pairs[0] = '00' + pairs[0]; |
|
return pairs.join('-'); |
|
} |
|
|
|
/** |
|
* emojiunicode.raw |
|
* Get the unicode code points of an emoji in base 16. |
|
* |
|
* @name emojiunicode.raw |
|
* @function |
|
* @param {String} input The emoji character. |
|
* @returns {String} The unicode code points. |
|
*/ |
|
emojiUnicode.raw = function(input: string) { |
|
if(input.length === 1) { |
|
return input.charCodeAt(0).toString(); |
|
} else if(input.length > 1) { |
|
const pairs = []; |
|
for(var i = 0; i < input.length; i++) { |
|
// high surrogate |
|
if(input.charCodeAt(i) >= 0xd800 && input.charCodeAt(i) <= 0xdbff) { |
|
if(input.charCodeAt(i + 1) >= 0xdc00 && input.charCodeAt(i + 1) <= 0xdfff) { |
|
// low surrogate |
|
pairs.push( |
|
(input.charCodeAt(i) - 0xd800) * 0x400 |
|
+ (input.charCodeAt(i + 1) - 0xdc00) + 0x10000 |
|
); |
|
} |
|
} else if(input.charCodeAt(i) < 0xd800 || input.charCodeAt(i) > 0xdfff) { |
|
// modifiers and joiners |
|
pairs.push(input.charCodeAt(i)) |
|
} |
|
} |
|
|
|
return pairs.join(' '); |
|
} |
|
|
|
return ''; |
|
}; |
|
|
|
export function getEmojiToneIndex(input: string) { |
|
let match = input.match(/[\uDFFB-\uDFFF]/); |
|
return match ? 5 - (57343 - match[0].charCodeAt(0)) : 0; |
|
} |
|
|
|
export type FileURLType = 'photo' | 'thumb' | 'document' | 'stream' | 'download'; |
|
export function getFileURL(type: FileURLType, options: { |
|
dcID: number, |
|
location: InputFileLocation | FileLocation, |
|
size?: number, |
|
mimeType?: string, |
|
fileName?: string |
|
}) { |
|
//console.log('getFileURL', location); |
|
//const perf = performance.now(); |
|
const encoded = encodeURIComponent(JSON.stringify(options)); |
|
//console.log('getFileURL encode:', performance.now() - perf, encoded); |
|
|
|
return '/' + type + '/' + encoded; |
|
}
|
|
|