aboutsummaryrefslogtreecommitdiffstats
path: root/js/raw-settings.js
blob: 2f7ffa61bede402ad6cfe41be79be9b8771e3752 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
/*******************************************************************************

    ηMatrix - a browser extension to black/white list requests.
    Copyright (C) 2018-2019 Raymond Hill
    Copyright (C) 2019-2020 Alessio Vanni

    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://libregit.org/heckyel/ematrix
    uMatrix Home: https://github.com/gorhill/uBlock
*/

/* global uDom */

'use strict';

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

(function() {

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

    var messaging = vAPI.messaging;
    var cachedData = '';
    var rawSettingsInput = uDom.nodeFromId('rawSettings');

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

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

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

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

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

        var handler = function() {
            timer = null;
            var changed =
                hashFromRawSettings(rawSettingsInput.value) !== cachedData;
            uDom.nodeFromId('rawSettingsApply').disabled = !changed;
        };

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

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

    function renderRawSettings() {
        var onRead = function(raw) {
            cachedData = hashFromRawSettings(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]);
            }
            rawSettingsInput.value = pretty.join('\n') + '\n';
            rawSettingsChanged();
            rawSettingsInput.focus();
        };
        messaging.send('dashboard', { what: 'readRawSettings' }, onRead);
    }

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

    var applyChanges = function() {
        messaging.send(
            'dashboard',
            {
                what: 'writeRawSettings',
                content: rawSettingsInput.value
            },
            renderRawSettings
        );
    };

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

    // Handle user interaction
    uDom('#rawSettings').on('input', rawSettingsChanged);
    uDom('#rawSettingsApply').on('click', applyChanges);

    renderRawSettings();

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

})();