2017-11-02 04:35:39 +01:00
|
|
|
import { BrowserType } from '../enums/browserType.enum';
|
2017-11-01 14:18:05 +01:00
|
|
|
|
|
|
|
const AnalyticsIds = {
|
2017-11-02 04:35:39 +01:00
|
|
|
[BrowserType.Chrome]: 'UA-81915606-6',
|
|
|
|
[BrowserType.Firefox]: 'UA-81915606-7',
|
|
|
|
[BrowserType.Opera]: 'UA-81915606-8',
|
|
|
|
[BrowserType.Edge]: 'UA-81915606-9',
|
2017-11-01 14:18:05 +01:00
|
|
|
};
|
|
|
|
|
|
|
|
export default class UtilsService {
|
2017-11-02 04:35:39 +01:00
|
|
|
static fromB64ToArray(str: string): Uint8Array {
|
|
|
|
const binaryString = window.atob(str);
|
|
|
|
const bytes = new Uint8Array(binaryString.length);
|
|
|
|
for (let i = 0; i < binaryString.length; i++) {
|
|
|
|
bytes[i] = binaryString.charCodeAt(i);
|
|
|
|
}
|
|
|
|
return bytes;
|
|
|
|
}
|
|
|
|
|
|
|
|
private browserCache: BrowserType = null;
|
2017-11-01 14:18:05 +01:00
|
|
|
private analyticsIdCache: string = null;
|
|
|
|
|
2017-11-02 04:35:39 +01:00
|
|
|
getBrowser(): BrowserType {
|
2017-11-01 14:18:05 +01:00
|
|
|
if (this.browserCache) {
|
|
|
|
return this.browserCache;
|
|
|
|
}
|
|
|
|
|
|
|
|
if (navigator.userAgent.indexOf('Firefox') !== -1 || navigator.userAgent.indexOf('Gecko/') !== -1) {
|
2017-11-02 04:35:39 +01:00
|
|
|
this.browserCache = BrowserType.Firefox;
|
2017-11-01 18:40:38 +01:00
|
|
|
} else if ((!!(window as any).opr && !!(window as any).opr.addons) || !!(window as any).opera ||
|
|
|
|
navigator.userAgent.indexOf(' OPR/') >= 0) {
|
2017-11-02 04:35:39 +01:00
|
|
|
this.browserCache = BrowserType.Opera;
|
2017-11-01 14:18:05 +01:00
|
|
|
} else if (navigator.userAgent.indexOf(' Edge/') !== -1) {
|
2017-11-02 04:35:39 +01:00
|
|
|
this.browserCache = BrowserType.Edge;
|
2017-11-01 14:18:05 +01:00
|
|
|
} else if ((window as any).chrome) {
|
2017-11-02 04:35:39 +01:00
|
|
|
this.browserCache = BrowserType.Chrome;
|
2017-11-01 14:18:05 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
return this.browserCache;
|
|
|
|
}
|
|
|
|
|
|
|
|
getDeviceType(): number {
|
|
|
|
return this.getBrowser();
|
|
|
|
}
|
|
|
|
|
|
|
|
isFirefox(): boolean {
|
2017-11-02 04:35:39 +01:00
|
|
|
return this.getBrowser() === BrowserType.Firefox;
|
2017-11-01 14:18:05 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
isChrome(): boolean {
|
2017-11-02 04:35:39 +01:00
|
|
|
return this.getBrowser() === BrowserType.Chrome;
|
2017-11-01 14:18:05 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
isEdge(): boolean {
|
2017-11-02 04:35:39 +01:00
|
|
|
return this.getBrowser() === BrowserType.Edge;
|
2017-11-01 14:18:05 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
isOpera(): boolean {
|
2017-11-02 04:35:39 +01:00
|
|
|
return this.getBrowser() === BrowserType.Opera;
|
2017-11-01 14:18:05 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
analyticsId(): string {
|
|
|
|
if (this.analyticsIdCache) {
|
|
|
|
return this.analyticsIdCache;
|
|
|
|
}
|
|
|
|
|
|
|
|
this.analyticsIdCache = AnalyticsIds[this.getBrowser()];
|
|
|
|
|
|
|
|
return this.analyticsIdCache;
|
|
|
|
}
|
|
|
|
|
|
|
|
initListSectionItemListeners(doc: any, angular: any) {
|
|
|
|
if (!doc) {
|
|
|
|
throw new Error('doc parameter required');
|
|
|
|
}
|
|
|
|
|
|
|
|
doc.on('click', '.list-section-item', (e: JQuery.Event) => {
|
|
|
|
if (e.isDefaultPrevented && e.isDefaultPrevented.name === 'returnTrue') {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2017-11-01 18:40:38 +01:00
|
|
|
const text = $(this).find('input, textarea')
|
|
|
|
.not('input[type="checkbox"], input[type="radio"], input[type="hidden"]');
|
2017-11-01 14:18:05 +01:00
|
|
|
const checkbox = $(this).find('input[type="checkbox"]');
|
|
|
|
const select = $(this).find('select');
|
|
|
|
|
|
|
|
if (text.length > 0 && e.target === text[0]) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
if (checkbox.length > 0 && e.target === checkbox[0]) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
if (select.length > 0 && e.target === select[0]) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
|
|
|
if (text.length > 0) {
|
|
|
|
text.focus();
|
|
|
|
} else if (checkbox.length > 0) {
|
|
|
|
checkbox.prop('checked', !checkbox.is(':checked'));
|
|
|
|
if (angular) {
|
|
|
|
angular.element(checkbox[0]).triggerHandler('click');
|
|
|
|
}
|
|
|
|
} else if (select.length > 0) {
|
|
|
|
select.focus();
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
doc.on(
|
|
|
|
'focus',
|
|
|
|
'.list-section-item input, .list-section-item select, .list-section-item textarea',
|
|
|
|
(e: Event) => {
|
2017-11-01 16:41:12 +01:00
|
|
|
$(this).parent().addClass('active');
|
|
|
|
});
|
2017-11-01 14:18:05 +01:00
|
|
|
doc.on(
|
|
|
|
'blur', '.list-section-item input, .list-section-item select, .list-section-item textarea', (e: Event) => {
|
2017-11-01 16:41:12 +01:00
|
|
|
$(this).parent().removeClass('active');
|
|
|
|
});
|
2017-11-01 14:18:05 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
getDomain(uriString: string) {
|
|
|
|
if (!uriString) {
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
|
|
|
|
uriString = uriString.trim();
|
|
|
|
if (uriString === '') {
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
|
|
|
|
if (uriString.startsWith('http://') || uriString.startsWith('https://')) {
|
|
|
|
try {
|
|
|
|
const url = new URL(uriString);
|
|
|
|
if (!url || !url.hostname) {
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
|
|
|
|
if (url.hostname === 'localhost' || this.validIpAddress(url.hostname)) {
|
|
|
|
return url.hostname;
|
|
|
|
}
|
|
|
|
|
|
|
|
if ((window as any).tldjs) {
|
|
|
|
const domain = (window as any).tldjs.getDomain(uriString);
|
|
|
|
if (domain) {
|
|
|
|
return domain;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
return url.hostname;
|
|
|
|
} catch (e) {
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
} else if ((window as any).tldjs) {
|
|
|
|
const domain2 = (window as any).tldjs.getDomain(uriString);
|
|
|
|
if (domain2) {
|
|
|
|
return domain2;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
|
|
|
|
getHostname(uriString: string) {
|
|
|
|
if (!uriString) {
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
|
|
|
|
uriString = uriString.trim();
|
|
|
|
if (uriString === '') {
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
|
|
|
|
if (uriString.startsWith('http://') || uriString.startsWith('https://')) {
|
|
|
|
try {
|
|
|
|
const url = new URL(uriString);
|
|
|
|
if (!url || !url.hostname) {
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
|
|
|
|
return url.hostname;
|
|
|
|
} catch (e) {
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
|
|
|
|
copyToClipboard(text: string, doc: Document) {
|
|
|
|
doc = doc || document;
|
|
|
|
if ((window as any).clipboardData && (window as any).clipboardData.setData) {
|
|
|
|
// IE specific code path to prevent textarea being shown while dialog is visible.
|
|
|
|
return (window as any).clipboardData.setData('Text', text);
|
|
|
|
} else if (doc.queryCommandSupported && doc.queryCommandSupported('copy')) {
|
|
|
|
const textarea = doc.createElement('textarea');
|
|
|
|
textarea.textContent = text;
|
|
|
|
// Prevent scrolling to bottom of page in MS Edge.
|
|
|
|
textarea.style.position = 'fixed';
|
|
|
|
doc.body.appendChild(textarea);
|
|
|
|
textarea.select();
|
|
|
|
|
|
|
|
try {
|
|
|
|
// Security exception may be thrown by some browsers.
|
|
|
|
return doc.execCommand('copy');
|
|
|
|
} catch (ex) {
|
|
|
|
// tslint:disable-next-line
|
|
|
|
console.warn('Copy to clipboard failed.', ex);
|
|
|
|
return false;
|
|
|
|
} finally {
|
|
|
|
doc.body.removeChild(textarea);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
inSidebar(theWindow: Window) {
|
|
|
|
return theWindow.location.search !== '' && theWindow.location.search.indexOf('uilocation=sidebar') > -1;
|
|
|
|
}
|
|
|
|
|
|
|
|
inTab(theWindow: Window) {
|
|
|
|
return theWindow.location.search !== '' && theWindow.location.search.indexOf('uilocation=tab') > -1;
|
|
|
|
}
|
|
|
|
|
|
|
|
inPopout(theWindow: Window) {
|
|
|
|
return theWindow.location.search !== '' && theWindow.location.search.indexOf('uilocation=popout') > -1;
|
|
|
|
}
|
|
|
|
|
|
|
|
inPopup(theWindow: Window) {
|
|
|
|
return theWindow.location.search === '' || theWindow.location.search.indexOf('uilocation=') === -1 ||
|
|
|
|
theWindow.location.search.indexOf('uilocation=popup') > -1;
|
|
|
|
}
|
|
|
|
|
|
|
|
saveObjToStorage(key: string, obj: any) {
|
|
|
|
return new Promise((resolve) => {
|
2017-11-01 16:41:12 +01:00
|
|
|
chrome.storage.local.set({ [key]: obj }, () => {
|
2017-11-01 14:18:05 +01:00
|
|
|
resolve();
|
|
|
|
});
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
removeFromStorage(key: string) {
|
|
|
|
return new Promise((resolve) => {
|
|
|
|
chrome.storage.local.remove(key, () => {
|
|
|
|
resolve();
|
|
|
|
});
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
2017-11-02 04:35:39 +01:00
|
|
|
getObjFromStorage<T>(key: string): Promise<T> {
|
2017-11-01 14:18:05 +01:00
|
|
|
return new Promise((resolve) => {
|
|
|
|
chrome.storage.local.get(key, (obj: any) => {
|
|
|
|
if (obj && obj[key]) {
|
2017-11-02 04:35:39 +01:00
|
|
|
resolve(obj[key] as T);
|
2017-11-01 14:18:05 +01:00
|
|
|
} else {
|
|
|
|
resolve(null);
|
|
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
private validIpAddress(ipString: string) {
|
|
|
|
// tslint:disable-next-line
|
|
|
|
const ipRegex = /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/;
|
|
|
|
return ipRegex.test(ipString);
|
|
|
|
}
|
|
|
|
}
|