2014-06-25 00:30:36 +02:00
|
|
|
/*******************************************************************************
|
|
|
|
|
2016-03-06 16:51:06 +01:00
|
|
|
uBlock Origin - a browser extension to block requests.
|
2019-09-17 21:15:01 +02:00
|
|
|
Copyright (C) 2014-present Raymond Hill
|
2014-06-25 00:30:36 +02:00
|
|
|
|
|
|
|
This program is free software: you can redistribute it and/or modify
|
|
|
|
it under the terms of the GNU General Public License as published by
|
|
|
|
the Free Software Foundation, either version 3 of the License, or
|
|
|
|
(at your option) any later version.
|
|
|
|
|
|
|
|
This program is distributed in the hope that it will be useful,
|
|
|
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
|
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
|
|
GNU General Public License for more details.
|
|
|
|
|
|
|
|
You should have received a copy of the GNU General Public License
|
|
|
|
along with this program. If not, see {http://www.gnu.org/licenses/}.
|
|
|
|
|
|
|
|
Home: https://github.com/gorhill/uBlock
|
|
|
|
*/
|
|
|
|
|
2019-05-25 14:31:06 +02:00
|
|
|
'use strict';
|
|
|
|
|
2022-09-13 23:44:24 +02:00
|
|
|
import { i18n$ } from './i18n.js';
|
2022-11-12 15:51:22 +01:00
|
|
|
import { dom, qs$, qsa$ } from './dom.js';
|
|
|
|
import { setAccentColor, setTheme } from './theme.js';
|
2014-06-25 00:30:36 +02:00
|
|
|
|
|
|
|
/******************************************************************************/
|
|
|
|
|
2019-05-25 14:31:06 +02:00
|
|
|
const handleImportFilePicker = function() {
|
|
|
|
const file = this.files[0];
|
|
|
|
if ( file === undefined || file.name === '' ) { return; }
|
|
|
|
if ( file.type.indexOf('text') !== 0 ) { return; }
|
|
|
|
|
|
|
|
const filename = file.name;
|
2015-03-07 05:36:09 +01:00
|
|
|
|
2019-05-25 14:31:06 +02:00
|
|
|
const fileReaderOnLoadHandler = function() {
|
|
|
|
let userData;
|
2015-01-06 17:44:06 +01:00
|
|
|
try {
|
|
|
|
userData = JSON.parse(this.result);
|
|
|
|
if ( typeof userData !== 'object' ) {
|
|
|
|
throw 'Invalid';
|
|
|
|
}
|
|
|
|
if ( typeof userData.userSettings !== 'object' ) {
|
|
|
|
throw 'Invalid';
|
|
|
|
}
|
2019-06-25 17:57:14 +02:00
|
|
|
if (
|
|
|
|
Array.isArray(userData.whitelist) === false &&
|
|
|
|
typeof userData.netWhitelist !== 'string'
|
|
|
|
) {
|
2015-01-06 17:44:06 +01:00
|
|
|
throw 'Invalid';
|
|
|
|
}
|
2017-01-18 19:17:47 +01:00
|
|
|
if (
|
|
|
|
typeof userData.filterLists !== 'object' &&
|
|
|
|
Array.isArray(userData.selectedFilterLists) === false
|
|
|
|
) {
|
2015-01-06 17:44:06 +01:00
|
|
|
throw 'Invalid';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
catch (e) {
|
|
|
|
userData = undefined;
|
|
|
|
}
|
|
|
|
if ( userData === undefined ) {
|
2022-09-13 23:44:24 +02:00
|
|
|
window.alert(i18n$('aboutRestoreDataError'));
|
2015-01-06 17:44:06 +01:00
|
|
|
return;
|
|
|
|
}
|
2019-05-25 14:31:06 +02:00
|
|
|
const time = new Date(userData.timeStamp);
|
2022-09-13 23:44:24 +02:00
|
|
|
const msg = i18n$('aboutRestoreDataConfirm')
|
2019-05-25 14:31:06 +02:00
|
|
|
.replace('{{time}}', time.toLocaleString());
|
|
|
|
const proceed = window.confirm(msg);
|
2019-09-17 21:15:01 +02:00
|
|
|
if ( proceed !== true ) { return; }
|
|
|
|
vAPI.messaging.send('dashboard', {
|
|
|
|
what: 'restoreUserData',
|
|
|
|
userData,
|
|
|
|
file: filename,
|
|
|
|
});
|
2015-01-06 17:44:06 +01:00
|
|
|
};
|
|
|
|
|
2019-05-25 14:31:06 +02:00
|
|
|
const fr = new FileReader();
|
2015-01-06 17:44:06 +01:00
|
|
|
fr.onload = fileReaderOnLoadHandler;
|
|
|
|
fr.readAsText(file);
|
|
|
|
};
|
|
|
|
|
|
|
|
/******************************************************************************/
|
|
|
|
|
2019-05-25 14:31:06 +02:00
|
|
|
const startImportFilePicker = function() {
|
2022-11-12 15:51:22 +01:00
|
|
|
const input = qs$('#restoreFilePicker');
|
2015-01-06 17:44:06 +01:00
|
|
|
// Reset to empty string, this will ensure an change event is properly
|
|
|
|
// triggered if the user pick a file, even if it is the same as the last
|
|
|
|
// one picked.
|
|
|
|
input.value = '';
|
|
|
|
input.click();
|
|
|
|
};
|
|
|
|
|
|
|
|
/******************************************************************************/
|
|
|
|
|
2019-09-17 21:15:01 +02:00
|
|
|
const exportToFile = async function() {
|
|
|
|
const response = await vAPI.messaging.send('dashboard', {
|
|
|
|
what: 'backupUserData',
|
2017-04-04 22:45:50 +02:00
|
|
|
});
|
2019-09-17 21:15:01 +02:00
|
|
|
if (
|
|
|
|
response instanceof Object === false ||
|
|
|
|
response.userData instanceof Object === false
|
|
|
|
) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
vAPI.download({
|
|
|
|
'url': 'data:text/plain;charset=utf-8,' +
|
|
|
|
encodeURIComponent(JSON.stringify(response.userData, null, ' ')),
|
|
|
|
'filename': response.localData.lastBackupFile
|
|
|
|
});
|
|
|
|
onLocalDataReceived(response.localData);
|
2015-03-07 05:36:09 +01:00
|
|
|
};
|
|
|
|
|
|
|
|
/******************************************************************************/
|
|
|
|
|
2019-05-25 14:31:06 +02:00
|
|
|
const onLocalDataReceived = function(details) {
|
2020-04-29 16:00:58 +02:00
|
|
|
let v, unit;
|
2020-04-22 22:30:23 +02:00
|
|
|
if ( typeof details.storageUsed === 'number' ) {
|
2020-04-29 16:00:58 +02:00
|
|
|
v = details.storageUsed;
|
2020-04-23 14:45:43 +02:00
|
|
|
if ( v < 1e3 ) {
|
|
|
|
unit = 'genericBytes';
|
|
|
|
} else if ( v < 1e6 ) {
|
|
|
|
v /= 1e3;
|
|
|
|
unit = 'KB';
|
|
|
|
} else if ( v < 1e9 ) {
|
|
|
|
v /= 1e6;
|
|
|
|
unit = 'MB';
|
|
|
|
} else {
|
|
|
|
v /= 1e9;
|
|
|
|
unit = 'GB';
|
|
|
|
}
|
2020-04-22 22:30:23 +02:00
|
|
|
} else {
|
2020-04-29 16:00:58 +02:00
|
|
|
v = '?';
|
|
|
|
unit = '';
|
2020-04-22 22:30:23 +02:00
|
|
|
}
|
2022-11-12 15:51:22 +01:00
|
|
|
dom.text(
|
|
|
|
'#storageUsed',
|
2022-09-13 23:44:24 +02:00
|
|
|
i18n$('storageUsed')
|
2020-04-29 16:00:58 +02:00
|
|
|
.replace('{{value}}', v.toLocaleString(undefined, { maximumSignificantDigits: 3 }))
|
2022-11-12 15:51:22 +01:00
|
|
|
.replace('{{unit}}', unit && i18n$(unit) || '')
|
|
|
|
);
|
2015-03-07 05:36:09 +01:00
|
|
|
|
2019-05-25 14:31:06 +02:00
|
|
|
const timeOptions = {
|
2015-03-07 05:36:09 +01:00
|
|
|
weekday: 'long',
|
|
|
|
year: 'numeric',
|
|
|
|
month: 'long',
|
|
|
|
day: 'numeric',
|
|
|
|
hour: 'numeric',
|
|
|
|
minute: 'numeric',
|
|
|
|
timeZoneName: 'short'
|
|
|
|
};
|
2019-05-25 14:31:06 +02:00
|
|
|
|
|
|
|
const lastBackupFile = details.lastBackupFile || '';
|
2015-03-07 05:36:09 +01:00
|
|
|
if ( lastBackupFile !== '' ) {
|
2019-05-25 14:31:06 +02:00
|
|
|
const dt = new Date(details.lastBackupTime);
|
2022-09-13 23:44:24 +02:00
|
|
|
const text = i18n$('settingsLastBackupPrompt');
|
2022-11-12 15:51:22 +01:00
|
|
|
const node = qs$('#settingsLastBackupPrompt');
|
2020-04-05 21:19:07 +02:00
|
|
|
node.textContent = text + '\xA0' + dt.toLocaleString('fullwide', timeOptions);
|
|
|
|
node.style.display = '';
|
2015-03-07 05:36:09 +01:00
|
|
|
}
|
|
|
|
|
2019-05-25 14:31:06 +02:00
|
|
|
const lastRestoreFile = details.lastRestoreFile || '';
|
2015-03-07 05:36:09 +01:00
|
|
|
if ( lastRestoreFile !== '' ) {
|
2019-05-25 14:31:06 +02:00
|
|
|
const dt = new Date(details.lastRestoreTime);
|
2022-09-13 23:44:24 +02:00
|
|
|
const text = i18n$('settingsLastRestorePrompt');
|
2022-11-12 15:51:22 +01:00
|
|
|
const node = qs$('#settingsLastRestorePrompt');
|
2020-04-05 21:19:07 +02:00
|
|
|
node.textContent = text + '\xA0' + dt.toLocaleString('fullwide', timeOptions);
|
|
|
|
node.style.display = '';
|
2015-03-07 05:36:09 +01:00
|
|
|
}
|
2016-10-16 19:04:31 +02:00
|
|
|
|
|
|
|
if ( details.cloudStorageSupported === false ) {
|
2022-11-12 15:51:22 +01:00
|
|
|
dom.attr('[data-setting-name="cloudStorageEnabled"]', 'disabled', '');
|
2016-10-16 19:04:31 +02:00
|
|
|
}
|
2019-05-25 14:31:06 +02:00
|
|
|
|
2016-10-19 16:20:26 +02:00
|
|
|
if ( details.privacySettingsSupported === false ) {
|
2022-11-12 15:51:22 +01:00
|
|
|
dom.attr('[data-setting-name="prefetchingDisabled"]', 'disabled', '');
|
|
|
|
dom.attr('[data-setting-name="hyperlinkAuditingDisabled"]', 'disabled', '');
|
|
|
|
dom.attr('[data-setting-name="webrtcIPAddressHidden"]', 'disabled', '');
|
2016-10-19 16:20:26 +02:00
|
|
|
}
|
2015-03-07 05:36:09 +01:00
|
|
|
};
|
|
|
|
|
|
|
|
/******************************************************************************/
|
|
|
|
|
2019-05-25 14:31:06 +02:00
|
|
|
const resetUserData = function() {
|
2022-09-13 23:44:24 +02:00
|
|
|
const msg = i18n$('aboutResetDataConfirm');
|
2019-05-25 14:31:06 +02:00
|
|
|
const proceed = window.confirm(msg);
|
2019-09-17 21:15:01 +02:00
|
|
|
if ( proceed !== true ) { return; }
|
|
|
|
vAPI.messaging.send('dashboard', {
|
|
|
|
what: 'resetUserData',
|
|
|
|
});
|
2015-01-06 17:44:06 +01:00
|
|
|
};
|
|
|
|
|
|
|
|
/******************************************************************************/
|
|
|
|
|
2019-05-25 14:31:06 +02:00
|
|
|
const synchronizeDOM = function() {
|
2022-11-12 15:51:22 +01:00
|
|
|
dom.cl.toggle(
|
|
|
|
dom.body,
|
2016-11-03 16:20:47 +01:00
|
|
|
'advancedUser',
|
2022-11-12 15:51:22 +01:00
|
|
|
qs$('[data-setting-name="advancedUserEnabled"]').checked === true
|
2016-11-03 16:20:47 +01:00
|
|
|
);
|
|
|
|
};
|
|
|
|
|
|
|
|
/******************************************************************************/
|
|
|
|
|
2019-05-25 14:31:06 +02:00
|
|
|
const changeUserSettings = function(name, value) {
|
2019-09-17 21:15:01 +02:00
|
|
|
vAPI.messaging.send('dashboard', {
|
|
|
|
what: 'userSettings',
|
|
|
|
name,
|
|
|
|
value,
|
|
|
|
});
|
2022-02-02 21:40:47 +01:00
|
|
|
|
|
|
|
// Maybe reflect some changes immediately
|
|
|
|
switch ( name ) {
|
|
|
|
case 'uiTheme':
|
2022-11-12 15:51:22 +01:00
|
|
|
setTheme(value, true);
|
2022-02-02 21:40:47 +01:00
|
|
|
break;
|
|
|
|
case 'uiAccentCustom':
|
|
|
|
case 'uiAccentCustom0':
|
2022-11-12 15:51:22 +01:00
|
|
|
setAccentColor(
|
|
|
|
qs$('[data-setting-name="uiAccentCustom"]').checked,
|
|
|
|
qs$('[data-setting-name="uiAccentCustom0"]').value,
|
2022-02-03 15:34:33 +01:00
|
|
|
true
|
2022-02-02 21:40:47 +01:00
|
|
|
);
|
|
|
|
break;
|
|
|
|
default:
|
|
|
|
break;
|
|
|
|
}
|
2014-06-25 00:30:36 +02:00
|
|
|
};
|
|
|
|
|
|
|
|
/******************************************************************************/
|
|
|
|
|
2022-02-02 21:40:47 +01:00
|
|
|
const onValueChanged = function(ev) {
|
2019-05-25 14:31:06 +02:00
|
|
|
const input = ev.target;
|
2022-11-12 15:51:22 +01:00
|
|
|
const name = dom.attr(input, 'data-setting-name');
|
2019-05-25 14:31:06 +02:00
|
|
|
let value = input.value;
|
2022-02-02 21:40:47 +01:00
|
|
|
// Maybe sanitize value
|
|
|
|
switch ( name ) {
|
|
|
|
case 'largeMediaSize':
|
2016-01-17 19:30:43 +01:00
|
|
|
value = Math.min(Math.max(Math.floor(parseInt(value, 10) || 0), 0), 1000000);
|
2022-02-02 21:40:47 +01:00
|
|
|
break;
|
|
|
|
default:
|
|
|
|
break;
|
2016-01-17 19:30:43 +01:00
|
|
|
}
|
|
|
|
if ( value !== input.value ) {
|
|
|
|
input.value = value;
|
|
|
|
}
|
|
|
|
|
2022-02-02 21:40:47 +01:00
|
|
|
changeUserSettings(name, value);
|
2016-03-06 05:38:23 +01:00
|
|
|
};
|
|
|
|
|
|
|
|
/******************************************************************************/
|
|
|
|
|
2014-06-27 23:06:42 +02:00
|
|
|
// TODO: use data-* to declare simple settings
|
|
|
|
|
2019-05-25 14:31:06 +02:00
|
|
|
const onUserSettingsReceived = function(details) {
|
2022-11-12 15:51:22 +01:00
|
|
|
const checkboxes = qsa$('[data-setting-type="bool"]');
|
2021-03-02 19:00:56 +01:00
|
|
|
for ( const checkbox of checkboxes ) {
|
2022-11-12 15:51:22 +01:00
|
|
|
const name = dom.attr(checkbox, 'data-setting-name') || '';
|
2021-03-02 19:00:56 +01:00
|
|
|
if ( details[name] === undefined ) {
|
2022-11-12 15:51:22 +01:00
|
|
|
dom.attr(checkbox.closest('.checkbox'), 'disabled', '');
|
|
|
|
dom.attr(checkbox, 'disabled', '');
|
2021-03-02 19:00:56 +01:00
|
|
|
continue;
|
|
|
|
}
|
|
|
|
checkbox.checked = details[name] === true;
|
2022-11-12 15:51:22 +01:00
|
|
|
dom.on(checkbox, 'change', ( ) => {
|
2021-03-02 19:00:56 +01:00
|
|
|
changeUserSettings(name, checkbox.checked);
|
|
|
|
synchronizeDOM();
|
|
|
|
});
|
|
|
|
}
|
2016-01-17 19:30:43 +01:00
|
|
|
|
2021-09-15 14:28:10 +02:00
|
|
|
if ( details.canLeakLocalIPAddresses === true ) {
|
2022-11-12 15:51:22 +01:00
|
|
|
qs$('[data-setting-name="webrtcIPAddressHidden"]')
|
|
|
|
.closest('div.li')
|
|
|
|
.style.display = '';
|
2021-09-15 14:28:10 +02:00
|
|
|
}
|
|
|
|
|
2022-11-12 15:51:22 +01:00
|
|
|
qsa$('[data-setting-type="value"]').forEach(function(elem) {
|
|
|
|
elem.value = details[dom.attr(elem, 'data-setting-name')];
|
|
|
|
dom.on(elem, 'change', onValueChanged);
|
2015-12-13 06:56:30 +01:00
|
|
|
});
|
2014-06-25 00:30:36 +02:00
|
|
|
|
2022-11-12 15:51:22 +01:00
|
|
|
dom.on('#export', 'click', ( ) => { exportToFile(); });
|
|
|
|
dom.on('#import', 'click', startImportFilePicker);
|
|
|
|
dom.on('#reset', 'click', resetUserData);
|
|
|
|
dom.on('#restoreFilePicker', 'change', handleImportFilePicker);
|
2016-11-03 16:20:47 +01:00
|
|
|
|
|
|
|
synchronizeDOM();
|
2015-01-06 17:44:06 +01:00
|
|
|
};
|
2014-06-25 00:30:36 +02:00
|
|
|
|
|
|
|
/******************************************************************************/
|
|
|
|
|
2020-06-06 14:45:24 +02:00
|
|
|
vAPI.messaging.send('dashboard', { what: 'userSettings' }).then(result => {
|
|
|
|
onUserSettingsReceived(result);
|
|
|
|
});
|
|
|
|
|
|
|
|
vAPI.messaging.send('dashboard', { what: 'getLocalData' }).then(result => {
|
|
|
|
onLocalDataReceived(result);
|
2019-09-17 21:15:01 +02:00
|
|
|
});
|
2019-05-25 14:31:06 +02:00
|
|
|
|
|
|
|
// https://github.com/uBlockOrigin/uBlock-issues/issues/591
|
2022-11-12 15:51:22 +01:00
|
|
|
dom.on(
|
|
|
|
'[data-i18n-title="settingsAdvancedUserSettings"]',
|
2019-05-25 14:31:06 +02:00
|
|
|
'click',
|
|
|
|
self.uBlockDashboard.openOrSelectPage
|
|
|
|
);
|
2015-01-06 17:44:06 +01:00
|
|
|
|
|
|
|
/******************************************************************************/
|