jennydaman/mindmatter

var blacklist_array;
var subjects;

// TODO option to decide if cooldown resets when chrome suspends
function settingsInflator() {

    chrome.storage.sync.get('cooldown_info', function (items) {
        $(`form#cooldown-radio input[name="coold"][value="${items.cooldown_info.duration}"]`).prop('checked', true);
    });
    chrome.storage.local.get('options_message', function (items) {
        if (items.options_message) {
            let message = $('#message');
            message.text(items.options_message.text);
            message.css('display', 'block');
            if (items.options_message.once)
                chrome.storage.local.remove('options_message');
        }
    });

    $('form#cooldown-radio input[name="coold"]').click(function () {
        chrome.storage.sync.set({
            cooldown_info: {
                duration: Number($(this).val()),
                english: $(`label[for="${$(this).attr('id')}"`).text().toLowerCase()
            }
        });
    });

    let notificationsCheckbox = $('#notification-checkbox');
    chrome.permissions.contains({ permissions: ['notifications'] }, function (result) {
        notificationsCheckbox.prop('checked', result);
    });
    notificationsCheckbox.change(function () {
        if (this.checked) {
            chrome.permissions.request({ permissions: ['notifications'] }, function (granted) {
                notificationsCheckbox.prop('checked', granted);
            });
        }
        else
            chrome.permissions.remove({ permissions: ['notifications'] });
    });
    $('footer').css('display', 'initial');
}

function blacklistInflator() {

    blacklist_array.forEach(function (site) {
        addRowToBlacklist(site);
    });

    $('#addBtn').click(function () {
        checkBLInput();
    });
    //'enter' key pressed in text field 
    $('#bl_input').keyup(function (e) {
        if (e.which === 13) {
            //Disable textbox to prevent multiple submit
            $(this).attr('disabled', 'disabled');
            checkBLInput();
            //Enable the textbox again if needed.
            $(this).removeAttr('disabled');
        }
    });
    $('footer').css('display', 'none');
}

function subjectsInflator() {

    const fillRaw = indexStructure => {
        $('#subjects-block').text(JSON.stringify(indexStructure)
            .replace(/{"enabled"/gi, '\n\n{"enabled"')
            .replace(/{"chance"/gi, '\n{"chance"')
            .replace(/],/gi, '],\n'));
    };

    $('#vtoggle').click(function () {
        $('#raw-subjects').css('display', 'block');
        $('#filler-text').css('display', 'none');
    });

    let refreshBtn = $('#refresh');
    refreshBtn.click(function () {
        import('./util/subjects.js').then(subjectModule => {
            subjectModule.default().then(freshSubjects => {
                fillRaw(freshSubjects);
                refreshBtn.text('Success.');
            }).catch(() => {
                refreshBtn.text('Failed.');
            });
        });
    });

    chrome.storage.sync.get('indexStructure', items => fillRaw(items.indexStructure));
    $('footer').css('display', 'none');
}

$(document).ready(function () {

    //these functions are called when the corresponding key page is loaded.
    const inflators = {
        'settings.html': settingsInflator,
        'blacklist.html': blacklistInflator,
        'subjects.html': subjectsInflator,
        'information.html': function () {
            $('footer').css('display', 'initial');
        }
    };

    $('.header a').click(function (e) { //when any link from header is clicked...

        $('.header a').removeClass('active'); //deselect all links
        $(this).addClass('active'); //make selected link have darker background

        $('#heading').html($(this).text()); //set heading
        let pageName = $(this).attr('href');

        //inject html into app div, then call appropriate inflator 
        $('#app').load(pageName, inflators[pageName]);
        e.preventDefault(); //the links were fake all along. SAD!
    });

    //first, load data from storage
    chrome.storage.sync.get(['blacklist_array', 'subjects'], function (items) {
        blacklist_array = items.blacklist_array;
        subjects = items.subjects;

        $('#settings_ln').trigger('click'); //open the settings page at start
    });
});

/**
 * Updates the displayed blacklist (and not blacklist_array in chrome.storage)
 * @param {string} site 
 */
function addRowToBlacklist(site) {

    let destroyButton = $('<button>').attr({ class: 'destroy' });
    let row = $('<li>').append($('<label>').text(site), destroyButton);

    //remove from displayed blacklist and chrome.storage when destroyButton is clicked
    destroyButton.click(function () {
        blacklist_array.splice(blacklist_array.indexOf(site), 1);
        chrome.storage.sync.set({ blacklist_array: blacklist_array });
        row.remove();
    });

    $('#blacklist').append(row);
}

/**
 * Retrives the text from the input field and evaluates it.
 * If the input is valid, it is added to the blacklist.
 * @param {string} site 
 * @return {boolean} false if the blacklist already contains site.
 */
function checkBLInput() {

    let site = $('#bl_input').val().trim();

    if (site.length == 0) {
        buttonWarning('Text field empty!');
        return false;
    }

    if (blacklist_array.indexOf(site) != -1) {
        buttonWarning('Already Registered!');
        return false;
    }

    let smallSite = site.toLowerCase();
    const validChars = 'abcdefghijklmnopqrstuvwxyz0123456789-._~:/?#[]@!$&\'()*+,;=`.';

    for (let i = 0; i < smallSite.length; i++) {
        //bad URL 
        if (!validChars.includes(smallSite.charAt(i))) {
            //easter eggs, nothing here kiddo
            if (smallSite == 'free speech')
                buttonWarning('The Internet is not your safe space!');
            else if (smallSite == 'jennings zhang')
                buttonWarning('bm &#x1f622;'); //sad emoji
            else if (smallSite.includes('pepe'))
                buttonWarning('REEEEEEE');
            else
                buttonWarning('Invalid URL!');
            return false;
        }
    }
    blacklist_array.push(site);
    chrome.storage.sync.set({ blacklist_array: blacklist_array });
    addRowToBlacklist(site);
    $('#bl_input').val(''); //clear input field
    return true;
}

var orig;
var errorButton_timeout;
//changes the text of the "Add to blacklist" button temporarily for 2 seconds.
function buttonWarning(warning) {

    let button = $('#addBtn');
    //if button is currently in error state, then clear that error first.
    if (orig)
        clearTimeout(errorButton_timeout);
    else
        orig = button.text();
    button.html(warning);
    button.addClass('errMsg');
    errorButton_timeout = setTimeout(function () {
        button.html(orig);
        button.removeClass('errMsg');
        orig = null; //remove lock
    }, 3000);
}