uBlock/src/js/advanced-settings.js

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

    uBlock Origin - a browser extension to block requests.
    Copyright (C) 2016 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/uBlock
*/

/* global uDom */

'use strict';

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

(function() {

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

var messaging = vAPI.messaging;
var cachedData = '';
var rawAdvancedSettings = uDom.nodeFromId('advancedSettings');

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

var hashFromAdvancedSettings = function(raw) {
    return raw.trim().replace(/\s+/g, '|');
};

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

// This is to give a visual hint that the content of user blacklist has changed.

var advancedSettingsChanged = (function () {
    var timer = null;

    var handler = function() {
        timer = null;
        var changed = hashFromAdvancedSettings(rawAdvancedSettings.value) !== cachedData;
        uDom.nodeFromId('advancedSettingsApply').disabled = !changed;
    };

    return function() {
        if ( timer !== null ) {
            clearTimeout(timer);
        }
        timer = vAPI.setTimeout(handler, 100);
    };
})();

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

function renderAdvancedSettings() {
    var onRead = function(raw) {
        cachedData = hashFromAdvancedSettings(raw);
        var pretty = [],
            whitespaces = '                                ',
            lines = raw.split('\n'),
            max = 0,
            pos,
            i, n = lines.length;
        for ( i = 0; i < n; i++ ) {
            pos = lines[i].indexOf(' ');
            if ( pos > max ) {
                max = pos;
            }
        }
        for ( i = 0; i < n; i++ ) {
            pos = lines[i].indexOf(' ');
            pretty.push(whitespaces.slice(0, max - pos) + lines[i]);
        }
        rawAdvancedSettings.value = pretty.join('\n') + '\n';
        advancedSettingsChanged();
        rawAdvancedSettings.focus();
    };
    messaging.send('dashboard', { what: 'readHiddenSettings' }, onRead);
}

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

var applyChanges = function() {
    messaging.send(
        'dashboard',
        {
            what: 'writeHiddenSettings',
            content: rawAdvancedSettings.value
        },
        renderAdvancedSettings
    );
};

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

// Handle user interaction
uDom('#advancedSettings').on('input', advancedSettingsChanged);
uDom('#advancedSettingsApply').on('click', applyChanges);

renderAdvancedSettings();

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

})();