uMatrix/src/js/about.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';

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

uDom.onLoad(function() {

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

var backupUserDataToFile = function() {
    var userDataReady = function(userData) {
        vAPI.download({
            'url': 'data:text/plain,' + encodeURIComponent(JSON.stringify(userData, null, 2)),
            'filename': uDom('[data-i18n="aboutBackupFilename"]').text()
        });
    };

    vAPI.messaging.send('about.js', { what: 'getAllUserData' }, userDataReady);
};

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

function restoreUserDataFromFile() {
    var validateBackup = function(s) {
        var userData = null;
        try {
            userData = JSON.parse(s);
        }
        catch (e) {
            userData = null;
        }
        if ( userData === null ) {
            return null;
        }
        if (
            typeof userData !== 'object' ||
            typeof userData.app !== 'string' ||
            typeof userData.version !== 'string' ||
            typeof userData.when !== 'number' ||
            typeof userData.settings !== 'object' ||
            (typeof userData.rules !== 'string' &&
                Array.isArray(userData.rules) === false)
        ) {
            return null;
        }
        return userData;
    };

    var fileReaderOnLoadHandler = function() {
        var userData = validateBackup(this.result);
        if ( !userData ) {
            window.alert(uDom('[data-i18n="aboutRestoreError"]').text());
            return;
        }
        var time = new Date(userData.when);
        var msg = uDom('[data-i18n="aboutRestoreConfirm"]').text()
            .replace('{{time}}', time.toLocaleString());
        var proceed = window.confirm(msg);
        if ( proceed ) {
            vAPI.messaging.send(
                'about.js',
                { what: 'restoreAllUserData', userData: userData }
            );
        }
    };

    var file = this.files[0];
    if ( file === undefined || file.name === '' ) {
        return;
    }
    if ( file.type.indexOf('text') !== 0 ) {
        return;
    }
    var fr = new FileReader();
    fr.onload = fileReaderOnLoadHandler;
    fr.readAsText(file);
}

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

var startRestoreFilePicker = function() {
    var input = document.getElementById('restoreFilePicker');
    // 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();
};

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

var resetUserData = function() {
    var proceed = window.confirm(uDom('[data-i18n="aboutResetConfirm"]').text());
    if ( proceed ) {
        vAPI.messaging.send('about.js', { what: 'resetAllUserData' });
    }
};

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

(function() {
    var renderStats = function(details) {
        document.getElementById('aboutVersion').textContent = details.version;
        var template = uDom('[data-i18n="aboutStorageUsed"]').text();
        var storageUsed = '?';
        if ( typeof details.storageUsed === 'number' ) {
            storageUsed = details.storageUsed.toLocaleString();
        }
        document.getElementById('aboutStorageUsed').textContent =
            template.replace('{{storageUsed}}', storageUsed);
    };
    vAPI.messaging.send('about.js', { what: 'getSomeStats' }, renderStats);
})();

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

uDom('#backupUserDataButton').on('click', backupUserDataToFile);
uDom('#restoreUserDataButton').on('click', startRestoreFilePicker);
uDom('#restoreFilePicker').on('change', restoreUserDataFromFile);
uDom('#resetUserDataButton').on('click', resetUserData);

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

});