☰

JS and CSS on Feeder. V.2

It helps your life customizing Feeder.

// ==UserScript==
// @name         JS and CSS on Feeder. V.2
// @version      2.0.0
// @description  It helps your life customizing Feeder.
// @author       はー / h /
// @match        *.x-feeder.info/*
// @grant        GM.setValue
// @grant        GM.getValue
// @namespace https://greasyfork.org/users/534841
// ==/UserScript==

// Remove Ads
$("#main_right div:first").remove();
$("#main_right div:last").remove();

// Load Saved Data
(async () => {
    let css_first = await GM.getValue("css_save");
    let js_first = await GM.getValue("js_save");

// Add JS Textarea
$("head").append(`<div id="scripts"><script>` + js_first + `</script></div>`)

$("#main_right").prepend(`<textarea id="js_code" style="width: 300px; height: 250px; margin-bottom: 8px;">` + js_first + `</textarea>`);

$(function() {
    $('textarea[id="js_code"]').keyup(function() {
        const js_code = $("#js_code").val();
        $("#scripts").append("<script>" + js_code + "</script>");
        $("#scripts").empty();
    });
});

// Add CSS Textarea
$("head").append(`<style type="text/css" id="css">` + css_first + `</style>`);

$("#main_right").prepend(`<textarea id="css_code" style="width: 300px; height: 250px; margin-bottom: 8px;">` + css_first + `</textarea>`);

$(function() {
    $('textarea[id="css_code"]').keyup(function() {
        const css_code = $("#css_code").val();
            $("#css")[0].innerHTML = css_code ;
    });
});

})();

// Add Description
$("#feeder_links_frame").after(`
<div id="about_this_script">
Save: Ctrl + S<br>
Load: Ctrl + L
</div>
`);

// Input It in CSS Textarea If You Want
/*
div#about_this_script{
    background-color: #FFFFFF;
    margin-bottom: 8px;
    padding: 4px;
    border-radius: 8px;
    dispray: block;
}
*/

// Save ( Ctrl + S )
$(window).keydown(function (e) {
    if (event.shiftKey) {
        if (e.keyCode === 83) {
            (async () => {
                await GM.setValue('css_save', $("#css_code").val());
                await GM.setValue('js_save', $("#js_code").val());
                alert("Your code is saved !");
            })();
        }
    }
});

// Load ( Ctrl + L )
$(window).keydown(function (e) {
    if (event.shiftKey) {
        if (e.keyCode === 76) {
            (async () => {
                let css_load = await GM.getValue('css_save');
                let js_load = await GM.getValue('js_save');
                $("#css_code").val(css_load);
                $("#js_code").val(js_load);
                alert("Loaded !")
            })();
        }
    }
});