uMatrix/src/js/settings.js

/*******************************************************************************

    uMatrix - a Chromium browser extension to black/white list requests.
    Copyright (C) 2014-2018 Raymond Hill

    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/uMatrix
*/

/* global uDom */

'use strict';

/******************************************************************************/

{
// >>>>> start of local scope

/******************************************************************************/

let cachedSettings = {};

/******************************************************************************/

const changeUserSettings = function(name, value) {
    vAPI.messaging.send('dashboard', {
        what: 'userSettings',
        name,
        value
    });
};

/******************************************************************************/

const changeMatrixSwitch = function(switchName, state) {
    vAPI.messaging.send('dashboard', {
        what: 'setMatrixSwitch',
        switchName,
        state
    });
};

/******************************************************************************/

const onChangeValueHandler = function (elem, setting, min, max) {
    const oldVal = cachedSettings.userSettings[setting];
    let newVal = Math.round(parseFloat(elem.value));
    if ( typeof newVal !== 'number' ) {
        newVal = oldVal;
    } else {
        newVal = Math.max(newVal, min);
        newVal = Math.min(newVal, max);
    }
    elem.value = newVal;
    if ( newVal !== oldVal ) {
        changeUserSettings(setting, newVal);
    }
};

/******************************************************************************/

const prepareToDie = function() {
    onChangeValueHandler(
        uDom.nodeFromId('deleteUnusedSessionCookiesAfter'),
        'deleteUnusedSessionCookiesAfter',
        15, 1440
    );
    onChangeValueHandler(
        uDom.nodeFromId('clearBrowserCacheAfter'),
        'clearBrowserCacheAfter',
        15, 1440
    );
};

/******************************************************************************/

const onInputChanged = function(ev) {
    const target = ev.target;

    switch ( target.id ) {
    case 'displayTextSize':
        changeUserSettings('displayTextSize', target.value + 'px');
        break;
    case 'clearBrowserCache':
    case 'cloudStorageEnabled':
    case 'collapseBlacklisted':
    case 'collapseBlocked':
    case 'colorBlindFriendly':
    case 'deleteCookies':
    case 'deleteLocalStorage':
    case 'deleteUnusedSessionCookies':
    case 'iconBadgeEnabled':
    case 'noTooltips':
    case 'processHyperlinkAuditing':
        changeUserSettings(target.id, target.checked);
        break;
    case 'noMixedContent':
    case 'noscriptTagsSpoofed':
    case 'processReferer':
        changeMatrixSwitch(
            target.getAttribute('data-matrix-switch'),
            target.checked
        );
        break;
    case 'deleteUnusedSessionCookiesAfter':
        onChangeValueHandler(target, 'deleteUnusedSessionCookiesAfter', 15, 1440);
        break;
    case 'clearBrowserCacheAfter':
        onChangeValueHandler(target, 'clearBrowserCacheAfter', 15, 1440);
        break;
    case 'popupScopeLevel':
        changeUserSettings('popupScopeLevel', target.value);
        break;
    default:
        break;
    }

    switch ( target.id ) {
    case 'collapseBlocked':
        synchronizeWidgets();
        break;
    default:
        break;
    }
};

/******************************************************************************/

const synchronizeWidgets = function() {
    const e1 = uDom.nodeFromId('collapseBlocked');
    const e2 = uDom.nodeFromId('collapseBlacklisted');
    if ( e1.checked ) {
        e2.setAttribute('disabled', '');
    } else {
        e2.removeAttribute('disabled');
    }
};

/******************************************************************************/

vAPI.messaging.send('dashboard', {
    what: 'getUserSettings'
}).then(settings => {
    // Cache copy
    cachedSettings = settings;

    const userSettings = settings.userSettings;
    const matrixSwitches = settings.matrixSwitches;

    uDom('[data-setting-bool]').forEach(function(elem){
        elem.prop('checked', userSettings[elem.prop('id')] === true);
    });

    uDom('[data-matrix-switch]').forEach(function(elem){
        const switchName = elem.attr('data-matrix-switch');
        if ( typeof switchName === 'string' && switchName !== '' ) {
            elem.prop('checked', matrixSwitches[switchName] === true);
        }
    });

    uDom.nodeFromId('displayTextSize').value =
        parseInt(userSettings.displayTextSize, 10) || 14;

    uDom.nodeFromId('popupScopeLevel').value = userSettings.popupScopeLevel;
    uDom.nodeFromId('deleteUnusedSessionCookiesAfter').value =
        userSettings.deleteUnusedSessionCookiesAfter;
    uDom.nodeFromId('clearBrowserCacheAfter').value =
        userSettings.clearBrowserCacheAfter;

    synchronizeWidgets();

    document.addEventListener('change', onInputChanged);

    // https://github.com/gorhill/httpswitchboard/issues/197
    uDom(window).on('beforeunload', prepareToDie);
});

/******************************************************************************/

// <<<<< end of local scope
}