2018-01-04 18:32:10 +01:00
|
|
|
import * as tldjs from 'tldjs';
|
2018-01-06 20:22:55 +01:00
|
|
|
|
2018-01-13 03:31:46 +01:00
|
|
|
import { BrowserApi } from '../browser/browserApi';
|
|
|
|
|
2018-04-10 20:20:03 +02:00
|
|
|
import { DeviceType } from 'jslib/enums/deviceType';
|
2018-01-09 20:26:20 +01:00
|
|
|
|
2018-04-10 20:20:03 +02:00
|
|
|
import { PlatformUtilsService } from 'jslib/abstractions/platformUtils.service';
|
|
|
|
import { MessagingService } from 'jslib/abstractions/messaging.service';
|
2018-01-04 18:32:10 +01:00
|
|
|
|
2018-04-10 20:20:03 +02:00
|
|
|
import { UtilsService } from 'jslib/services/utils.service';
|
2018-02-16 20:00:41 +01:00
|
|
|
|
2018-01-04 18:32:10 +01:00
|
|
|
const AnalyticsIds = {
|
2018-01-09 20:26:20 +01:00
|
|
|
[DeviceType.Chrome]: 'UA-81915606-6',
|
|
|
|
[DeviceType.Firefox]: 'UA-81915606-7',
|
|
|
|
[DeviceType.Opera]: 'UA-81915606-8',
|
|
|
|
[DeviceType.Edge]: 'UA-81915606-9',
|
|
|
|
[DeviceType.Vivaldi]: 'UA-81915606-15',
|
|
|
|
[DeviceType.Safari]: 'UA-81915606-16',
|
2018-01-04 18:32:10 +01:00
|
|
|
};
|
|
|
|
|
2018-04-10 20:20:03 +02:00
|
|
|
const DialogPromiseExpiration = 3600000; // 1 hour
|
|
|
|
|
2018-01-09 20:26:20 +01:00
|
|
|
export default class BrowserPlatformUtilsService implements PlatformUtilsService {
|
2018-01-04 18:32:10 +01:00
|
|
|
static getDomain(uriString: string): string {
|
|
|
|
if (uriString == null) {
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
|
|
|
|
uriString = uriString.trim();
|
|
|
|
if (uriString === '') {
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
|
|
|
|
if (uriString.startsWith('http://') || uriString.startsWith('https://')) {
|
|
|
|
try {
|
|
|
|
const url = new URL(uriString);
|
|
|
|
|
2018-01-05 22:38:50 +01:00
|
|
|
if (url.hostname === 'localhost' || BrowserPlatformUtilsService.validIpAddress(url.hostname)) {
|
2018-01-04 18:32:10 +01:00
|
|
|
return url.hostname;
|
|
|
|
}
|
|
|
|
|
|
|
|
const urlDomain = tldjs.getDomain(url.hostname);
|
|
|
|
return urlDomain != null ? urlDomain : url.hostname;
|
|
|
|
} catch (e) { }
|
|
|
|
}
|
|
|
|
|
|
|
|
const domain = tldjs.getDomain(uriString);
|
|
|
|
if (domain != null) {
|
|
|
|
return domain;
|
|
|
|
}
|
|
|
|
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
|
|
|
|
private static validIpAddress(ipString: string): boolean {
|
|
|
|
// 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);
|
|
|
|
}
|
|
|
|
|
2018-03-21 16:21:42 +01:00
|
|
|
identityClientId: string = 'browser';
|
|
|
|
|
2018-04-10 20:20:03 +02:00
|
|
|
private showDialogResolves = new Map<number, { resolve: (value: boolean) => void, date: Date }>();
|
2018-01-09 20:26:20 +01:00
|
|
|
private deviceCache: DeviceType = null;
|
2018-01-04 18:32:10 +01:00
|
|
|
private analyticsIdCache: string = null;
|
|
|
|
|
2018-04-10 20:20:03 +02:00
|
|
|
constructor(private messagingService: MessagingService) { }
|
|
|
|
|
2018-01-09 20:26:20 +01:00
|
|
|
getDevice(): DeviceType {
|
2018-01-05 17:13:24 +01:00
|
|
|
if (this.deviceCache) {
|
|
|
|
return this.deviceCache;
|
2018-01-04 18:32:10 +01:00
|
|
|
}
|
|
|
|
|
2018-01-16 03:40:42 +01:00
|
|
|
if (navigator.userAgent.indexOf(' Firefox/') !== -1 || navigator.userAgent.indexOf(' Gecko/') !== -1) {
|
2018-01-09 20:26:20 +01:00
|
|
|
this.deviceCache = DeviceType.Firefox;
|
2018-01-04 18:32:10 +01:00
|
|
|
} else if ((!!(window as any).opr && !!opr.addons) || !!(window as any).opera ||
|
|
|
|
navigator.userAgent.indexOf(' OPR/') >= 0) {
|
2018-01-09 20:26:20 +01:00
|
|
|
this.deviceCache = DeviceType.Opera;
|
2018-01-04 18:32:10 +01:00
|
|
|
} else if (navigator.userAgent.indexOf(' Edge/') !== -1) {
|
2018-01-09 20:26:20 +01:00
|
|
|
this.deviceCache = DeviceType.Edge;
|
2018-01-04 18:32:10 +01:00
|
|
|
} else if (navigator.userAgent.indexOf(' Vivaldi/') !== -1) {
|
2018-01-09 20:26:20 +01:00
|
|
|
this.deviceCache = DeviceType.Vivaldi;
|
2018-01-16 03:40:42 +01:00
|
|
|
} else if ((window as any).safari && navigator.userAgent.indexOf(' Safari/') !== -1 &&
|
|
|
|
navigator.userAgent.indexOf('Chrome') === -1) {
|
2018-01-11 21:49:29 +01:00
|
|
|
this.deviceCache = DeviceType.Safari;
|
2018-01-16 03:40:42 +01:00
|
|
|
} else if ((window as any).chrome && navigator.userAgent.indexOf(' Chrome/') !== -1) {
|
2018-01-09 20:26:20 +01:00
|
|
|
this.deviceCache = DeviceType.Chrome;
|
2018-01-04 18:32:10 +01:00
|
|
|
}
|
|
|
|
|
2018-01-05 17:13:24 +01:00
|
|
|
return this.deviceCache;
|
2018-01-04 18:32:10 +01:00
|
|
|
}
|
|
|
|
|
2018-01-05 17:13:24 +01:00
|
|
|
getDeviceString(): string {
|
2018-01-09 20:26:20 +01:00
|
|
|
return DeviceType[this.getDevice()].toLowerCase();
|
2018-01-04 18:32:10 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
isFirefox(): boolean {
|
2018-01-09 20:26:20 +01:00
|
|
|
return this.getDevice() === DeviceType.Firefox;
|
2018-01-04 18:32:10 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
isChrome(): boolean {
|
2018-01-09 20:26:20 +01:00
|
|
|
return this.getDevice() === DeviceType.Chrome;
|
2018-01-04 18:32:10 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
isEdge(): boolean {
|
2018-01-09 20:26:20 +01:00
|
|
|
return this.getDevice() === DeviceType.Edge;
|
2018-01-04 18:32:10 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
isOpera(): boolean {
|
2018-01-09 20:26:20 +01:00
|
|
|
return this.getDevice() === DeviceType.Opera;
|
2018-01-04 18:32:10 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
isVivaldi(): boolean {
|
2018-01-09 20:26:20 +01:00
|
|
|
return this.getDevice() === DeviceType.Vivaldi;
|
2018-01-04 18:32:10 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
isSafari(): boolean {
|
2018-01-09 20:26:20 +01:00
|
|
|
return this.getDevice() === DeviceType.Safari;
|
2018-01-04 18:32:10 +01:00
|
|
|
}
|
|
|
|
|
2018-02-27 05:51:17 +01:00
|
|
|
isMacAppStore(): boolean {
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
|
2018-01-04 18:32:10 +01:00
|
|
|
analyticsId(): string {
|
|
|
|
if (this.analyticsIdCache) {
|
|
|
|
return this.analyticsIdCache;
|
|
|
|
}
|
|
|
|
|
2018-01-24 18:24:31 +01:00
|
|
|
this.analyticsIdCache = (AnalyticsIds as any)[this.getDevice()];
|
2018-01-04 18:32:10 +01:00
|
|
|
return this.analyticsIdCache;
|
|
|
|
}
|
|
|
|
|
|
|
|
getDomain(uriString: string): string {
|
2018-01-05 22:38:50 +01:00
|
|
|
return BrowserPlatformUtilsService.getDomain(uriString);
|
2018-01-04 18:32:10 +01:00
|
|
|
}
|
|
|
|
|
2018-01-04 22:49:58 +01:00
|
|
|
isViewOpen(): boolean {
|
2018-01-13 03:31:46 +01:00
|
|
|
if (BrowserApi.isPopupOpen()) {
|
2018-01-12 04:22:07 +01:00
|
|
|
return true;
|
|
|
|
}
|
|
|
|
|
2018-01-13 03:31:46 +01:00
|
|
|
if (this.isSafari()) {
|
|
|
|
return false;
|
2018-01-05 17:13:24 +01:00
|
|
|
}
|
|
|
|
|
2018-01-04 22:49:58 +01:00
|
|
|
const sidebarView = this.sidebarViewName();
|
|
|
|
const sidebarOpen = sidebarView != null && chrome.extension.getViews({ type: sidebarView }).length > 0;
|
2018-01-05 17:13:24 +01:00
|
|
|
if (sidebarOpen) {
|
|
|
|
return true;
|
|
|
|
}
|
2018-01-04 22:49:58 +01:00
|
|
|
|
2018-01-05 17:13:24 +01:00
|
|
|
const tabOpen = chrome.extension.getViews({ type: 'tab' }).length > 0;
|
|
|
|
return tabOpen;
|
2018-01-04 22:49:58 +01:00
|
|
|
}
|
|
|
|
|
2018-01-25 20:31:54 +01:00
|
|
|
launchUri(uri: string, options?: any): void {
|
|
|
|
BrowserApi.createNewTab(uri, options && options.extensionPage === true);
|
|
|
|
}
|
|
|
|
|
|
|
|
saveFile(win: Window, blobData: any, blobOptions: any, fileName: string): void {
|
|
|
|
BrowserApi.downloadFile(win, blobData, blobOptions, fileName);
|
|
|
|
}
|
|
|
|
|
2018-01-26 16:48:32 +01:00
|
|
|
getApplicationVersion(): string {
|
|
|
|
return BrowserApi.getApplicationVersion();
|
|
|
|
}
|
|
|
|
|
2018-02-02 04:53:36 +01:00
|
|
|
supportsU2f(win: Window): boolean {
|
|
|
|
if (win != null && (win as any).u2f !== 'undefined') {
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
|
|
|
|
return this.isChrome() || this.isOpera();
|
|
|
|
}
|
|
|
|
|
2018-02-03 05:46:30 +01:00
|
|
|
showDialog(text: string, title?: string, confirmText?: string, cancelText?: string, type?: string) {
|
2018-04-10 20:20:03 +02:00
|
|
|
const dialogId = Math.floor(Math.random() * Number.MAX_SAFE_INTEGER);
|
|
|
|
this.messagingService.send('showDialog', {
|
|
|
|
text: text,
|
|
|
|
title: title,
|
|
|
|
confirmText: confirmText,
|
|
|
|
cancelText: cancelText,
|
|
|
|
type: type,
|
|
|
|
dialogId: dialogId,
|
|
|
|
});
|
|
|
|
return new Promise<boolean>((resolve) => {
|
|
|
|
this.showDialogResolves.set(dialogId, { resolve: resolve, date: new Date() });
|
|
|
|
});
|
2018-02-03 05:46:30 +01:00
|
|
|
}
|
|
|
|
|
2018-02-13 23:23:30 +01:00
|
|
|
isDev(): boolean {
|
|
|
|
// TODO?
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
|
2018-02-16 20:00:41 +01:00
|
|
|
copyToClipboard(text: string, options?: any): void {
|
|
|
|
const doc = options ? options.doc : null;
|
|
|
|
UtilsService.copyToClipboard(text, doc);
|
|
|
|
}
|
|
|
|
|
2018-04-10 20:20:03 +02:00
|
|
|
resolveDialogPromise(dialogId: number, confirmed: boolean) {
|
|
|
|
if (this.showDialogResolves.has(dialogId)) {
|
|
|
|
const resolveObj = this.showDialogResolves.get(dialogId);
|
|
|
|
resolveObj.resolve(confirmed);
|
|
|
|
this.showDialogResolves.delete(dialogId);
|
|
|
|
}
|
|
|
|
|
|
|
|
// Clean up old promises
|
|
|
|
const deleteIds: number[] = [];
|
|
|
|
this.showDialogResolves.forEach((val, key) => {
|
|
|
|
const age = new Date().getTime() - val.date.getTime();
|
|
|
|
if (age > DialogPromiseExpiration) {
|
|
|
|
deleteIds.push(key);
|
|
|
|
}
|
|
|
|
});
|
|
|
|
deleteIds.forEach((id) => {
|
|
|
|
this.showDialogResolves.delete(id);
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
2018-01-04 22:49:58 +01:00
|
|
|
private sidebarViewName(): string {
|
|
|
|
if ((window as any).chrome.sidebarAction && this.isFirefox()) {
|
|
|
|
return 'sidebar';
|
|
|
|
} else if (this.isOpera() && (typeof opr !== 'undefined') && opr.sidebarAction) {
|
|
|
|
return 'sidebar_panel';
|
|
|
|
}
|
|
|
|
|
|
|
|
return null;
|
|
|
|
}
|
2018-01-04 18:32:10 +01:00
|
|
|
}
|