☰

Xchan Gold Alpha

Experimental script to enhance xchan.pw

Versión del día 1/1/2015. Echa un vistazo a la versión más reciente.

// ==UserScript==
// @name         Xchan Gold Alpha
// @version      0.0.0.2
// @description  Experimental script to enhance xchan.pw
// @include      https://xchan.pw/*
// @include      http://xchan.pw/*
// @require 	 https://cdn.jsdelivr.net/jquery.timeago/1.4.1/jquery.timeago.js
// @require      https://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js
// @namespace https://greasyfork.org/users/2657
// ==/UserScript==

//Hijacks

//Hijacks//Location hack
function expandthread(){};
function addpreviewevents(){};
hijack = expandthread;
hijack2 = addpreviewevents;

location.replace("javascript:"+ hijack +"");


//Hijacks//Quick Reply Preview Image

$("[name='imagefile']:eq(1)").change(function () {
    if (window.FileReader) {
        var Reader = new FileReader();
        var file = this.files[0];
        window.file2 = file;
        var previewarea = $('.qrpreviewer');
        
        if (file.type.indexOf("video") > -1) { 
            
            previewarea.html('');                
            Reader.onload = function (event) {
                previewarea.append([' <video width="100" height="88" controls><source src="'+ event.target.result +'" type="'+ window.file2.type +'">Your browser does not support the video tag.</video>'].join(''));
            }
            Reader.readAsDataURL(file);    
            
        } else {
            
            previewarea.html('');
            Reader.onload = function (event) {
                previewarea.show().append(['<img style="max-height:88px;max-width:100px;" src="' + event.target.result + '" alt="">'].join(''));
            }
            Reader.readAsDataURL(file);
        };
    }
});

//Hijacks//Quick Reply Replacer
$('#qr_form').draggable();

$(document).mousemove(function (e) {
    window.pageX = e.pageX;
    window.pageY = e.pageY;
});

$(document).on('click', ".qrp", function() {
    tidrpt = $(this).attr('title');
    tidrpts = tidrpt.split(' ');
    var threadid = tidrpts[0];
    var replyto = tidrpts[1];
    
    var meval = "";
    $('#qr_info').html("Reposta ao post: " + replyto + " na thread: " + threadid);
    $('#qr_name').val($.cookie("name"));
    $('#qr_postpassword').val($.cookie("postpassword"));
    $('#qr_threadid').val(threadid);
    meval += $('#qr_message').val();
    $('#qr_message').val(meval + ">>" + replyto + "\n");
    
    $('#qr_form').css({
        'left' : window.pageX,
        'top' : window.pageY,
        'display' : 'block'
    }).fadeIn('slow');
    $('#qr_name').get(0).type = 'password';
    
    $( '.namecheck' ).appendTo( '.qr_new' );
    $('.postblock:contains("Mensagem"):eq(1)').append($('.movepreview'));
});
$(document).on('click', "img[alt='Close']", function() {
    $( '.namecheck' ).appendTo( '.new' );
});

function prepqrp(){
    $('a[title="Resposta Rápida"]').each(function() {	
        var onc = $(this).attr('onclick');
        oncf = onc.replace('javascript:qr(','').replace(',', '').replace(');', '');
        //oncfs = oncf.split(' ');    
        $(this).attr('onclick', '');    
        $(this).attr('title', oncf);
        $(this).attr('class', 'qrp');
    });
};

//Hijacks//Expand Thread
$(document).on('click', ".expandthread", function() {   
    var tid = $(this).parent().attr('onclick');
    tids = tid.split("'");
    var c = tids[1];
    var d = tids[3];
    
    var e = $("#replies" + c + d);
    if (e.length) {
        e.prepend(_('Expanding thread') + '...<br /><br />');
        e.load(ku_boardspath + '/expand.php?board=' + d + '&threadid=' + c, {}, function (a, b) {
            if (!a) {
                e.html(_("something went wrong (blank response)"))
            }
            if (b == "error") {
                alert(_('Something went wrong...'))
            }
            delandbanlinks(this);
            loop();
        })
    }
    return false
});


//Hijacks//Hover

$("<style>").text(".reflinkpreview {display:none!important;} div[class^='floater'], .hold {min-width: 0; z-index: 9999; margin: 0 !important; display: block !important; max-width: 808.5px; background:grey; font-family: 'Trebuchet MS','Tahoma','Verdana','Arial',sans-serif; font-size: 13px; text-align: left;}").appendTo("head");

$('.logo').append('<div class="previews"></div>');

$(document).on('mouseenter', 'a[class^="ref|"]', function() {
    
    $('.floater').attr('class', 'hold');
    var c = $(this).attr("class").split('|'); 
    var d = $("<div></div>").addClass('floater').attr({
        style : "position:absolute;width:400px;"
    });
    
    if ($('#postform [name=board]').val() == c[1] && $('#reply' + c[3]).length && (($('#thumb' + c[3]).length && $('#thumb' + c[3] + " img:first-child").attr("src").lastIndexOf("thumb") != -1) || !$('#thumb' + c[3]).length)) {
        var f = true;
        d.html($("#reply" + c[3]).parents("table").html())
    } else {
        d.html('Carregando...').toggle("normal");
        $.get(ku_boardspath + '/read.php?b=' + c[1] + '&t=' + c[2] + '&p=' + c[3] + '&single', {}, function (a, b) {
            if (b != "success") {
                alert('wut')
            } else {
                
                if (a) {
                    d.html(a)
                } else {
                    d.html(_("something went wrong (blank response)"))
                }
            }
        })
    }
    
    $('.previews').append(d).slideDown( "slow" );
    //loop();
    
    if (f) {
        //d.toggle("normal")
    };
    
    $('.floater')
    .css("top",$(this).offset().top)
    .css("left",($(this).offset().left-100))
    
});

$(document).on('mouseleave', '.previews', function() {    
    $('.floater').remove();
    $('.hold').remove();
});  


//Start
$( document ).ready(function() {
    loop();
    $('#favicon').remove();    
    $('link[rel="shortcut icon"]').remove();
    $('head').append('<link href="https://i.imgur.com/AB4G76Z.png" id="favicon" rel="shortcut icon">');
    
    //addpreviewevents2();
    $('#qr_form').find('.postblock:contains("Mensagem")').append('<div class="qrpreviewer"></div>');
    $('.qrpreviewer').attr('style', 'background:none; border:0px; width:100px; padding:0px; position:relative; ');    
});

window.dt = "";


//Menu

$(".navbar").after("<div class='optionslink hov' style='display:inline;cursor: pointer; cursor: hand; width:auto;'><b>[Opções de Script]</b></div>")
$(".navbar").after("<div class='optionsmenu' style='display:none;background:rgb(199, 199, 199);font-weight:bold;padding:3px;cursor: pointer; cursor: hand;'></div>")

$('.optionsmenu').append(' <span class="capture hov">[Capturar Pagina]</span> <span class="Dcatalog hov">[Catalogo]</span> <span class="merger hov">[Unir Imagens]</span>');

$(document).on('mouseenter', ".hov", function() {
    $(this).css('background', 'orange');
}).on('mouseleave', ".hov", function() {
    $(this).css('background', 'rgb(199, 199, 199)');
});

$(document).on('click', ".optionslink", function() {
    $(".optionsmenu").css("display","block");
    $('.optionslink').html("<b><font color='red'>[Fechar]</font></b>");
    $('.optionslink').attr('class', 'optionslinkclose hov');
    
});
$(document).on('click', ".optionslinkclose", function() {
    $(".optionsmenu").css("display","none");
    $('.optionslinkclose').html("<b>[Opções de Script]</b>");
    $('.optionslinkclose').attr('class', 'optionslink hov');
});


$(document).on('click', ".menubut", function() { 
    $('.menu').attr('display', 'block');
});

//Image Merger
$(document).on('click', ".merger", function() { 
    $('body').prepend('<br><div style="display:inline-block;border:1px solid;width:auto;height:auto;" class="workspace"><center></div>');
    $('.workspace').before('<input class="maintCostField" type="file"/> Width:<input class="width" type="text"/> Height:<input class="height" type="text"/> <button class="savemerge" type="button">Salvar</button>');   
});

$(document).on('click', ".savemerge", function() { 
    target = $('.workarea')
    html2canvas(target, {
        onrendered: function(canvas) {
            Canvas2Image.saveAsJPEG(canvas)
        }
    });
});

$(document).on('change', '.maintCostField', function(){    
    if (window.FileReader) {
        var Reader = new FileReader();
        var file = this.files[0];
        var previewarea = $('.workspace');
        
        Reader.onload = function (event) {
            previewarea.append(['<img class="dra" style="max-width:100%;max-height:100%;" src="' + event.target.result + '" alt="">'].join(''));
        }
        Reader.readAsDataURL(file);
    }
});

$(document).on('click', '.dra', function(){
    $(this).draggable();   
});



$(document).on('change', '.width', function(){    
    wid = $(this).val() + "px";
    $('.workspace').css('width', wid);
});

$(document).on('change', '.height', function(){    
    wid = $(this).val() + "px";
    $('.workspace').css('height', wid);
});
//Debug

$(document).on('click', ".capture", function() { 
    
    html2canvas(document.body, {
        onrendered: function(canvas) {
            Canvas2Image.saveAsJPEG(canvas)
        }
    });
    
});


// Catalog

$("<style>").text(".catalogimg > img {max-width:100%;max-height:100%;} .catalogitem {margin-bottom:10px;}").appendTo("head");

$(document).on('click', ".Dcatalog", function() {    
    $('.catalog').remove();
    $('body').prepend('<div class="catalog" style="background: dimgray;border: solid 1px;overflow-y:scroll;overflow-x:hidden;width:240px;height:650px;position:fixed;top:100px;left:10px;"><table id="catalogt"><tbody><div class="closecat hov" style="font-size: 15px;font-weight: bold;position:fixed;top:80px;left:10px;color:red;font-size:11px;cursor: pointer; cursor: hand;">[Fechar Catalogo]</div></tbody></table></div>');
    $.get("https://xchan.pw/b/catalog.html", function (data) {
        $(data).find('a[class^="ref|"]').each(function () {
            var href = $(this).attr('href');
            var c = $(this).attr("class").split('|'); 
            var d = $("<span></span>").addClass('catalogimg').attr({
                style : "max-width:220px;background:#F7F7F7;"
            });
            var g = $("<div></div>").addClass('catalogtext').attr({
                style : "overflow-x:hidden;overflow-y:scroll;max-height:200px;max-width:220px;background:#F7F7F7;"
            });
            $.get(ku_boardspath + '/read.php?b=' + c[1] + '&t=' + c[2] + '&p=' + c[3] + '&single', {}, function (a, b) {
                if (b != "success") {
                    alert('wut')
                } else {
                    
                    if (a) {
                        var z = $('<img />').html(a).find('.thumb').removeClass();
                        var y = $('<blockquote>').html(a).find('blockquote');                        

                        d.html(z);
                        g.html(y);
                        
                        
                    } else {
                        d.html(_("something went wrong (blank response)"))
                    }
                }
            })       
            
            
                    
            
            var wrap = $("<div></div>").addClass('catalogitem').append(d).wrapInner('<a href='+ href +'>').append(g);
            $('#catalogt').append(wrap);
        });

    });
    
});

$(document).on('click', ".closecat", function() { 
    $('.catalog').remove();
});

//Relative Time
function reltime() {
    $('.time').remove();
    $( "label:contains('@')" ).each(function() {
        var vovar = $(this).contents().map(function() {
            if( this.nodeType === 3 ) {
                return this.data;
            }
        }).get().join('');
        
        vovar1 = vovar.split("@");
        vovardate = vovar1[0].split("/");
        vovaryear = vovardate[2].split(" ");
        vovarmonth = vovardate[1] - 1;
        vovartime = vovar1[1].split(":");
        tiem = new Date(vovaryear[0], vovarmonth, vovardate[0], vovartime[0], vovartime[1])
        tiemiso = tiem.toISOString();
        tiemago = jQuery.timeago(tiemiso); 
        
        $( this ).append( '<span class="time">( <bold>' + tiemago + ' </bold>)</span>' );
    });    
    
};

//Name Box Fixes

$('input[name="name"]').get(0).type = 'password';


$( 'input[name="name"]' ).focus(function() {
    $('input[name="name"]').get(0).type = 'text';
    $('#qr_name').get(0).type = 'text';
});

$( 'input[name="name"]' ).focusout(function() {
    $('input[name="name"]').get(0).type = 'password';
    $('#qr_name').get(0).type = 'password';
});


$( 'input[name="name"]:first' ).wrap( '<span class="new"></span>' );
$( '#qr_name' ).wrap( '<span class="qr_new"></span>' );
$( '.new' ).append( '<input type="checkbox" class="namecheck" value="Bike" checked="checked">' );
if (localStorage.getItem("namecheck") === null) {}else{$( ".namecheck" ).prop( "checked", false ); $( 'input[name="name"], #qr_name' ).prop('disabled',true);};

$(document).on('change', ".namecheck", function() {
    if ( $( '.namecheck' ).prop( "checked" ) ) {$( 'input[name="name"], #qr_name' ).prop('disabled',false); localStorage.removeItem('namecheck');}else{$( 'input[name="name"], #qr_name' ).prop('disabled',true); localStorage.setItem('namecheck', '');};
});

//Youtube Titles
function yttitle(me){
    var myregexp = /(?:youtube\.com\/(?:[^\/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=)|youtu\.be\/)([^"&?\/ ]{11})/i;
    var src = $(me).attr("href"); 
    $(me).append(" - Loading Title...");
    var id = src.match(myregexp)[1];
    var link = me;
    $.ajax({
        url: "https://gdata.youtube.com/feeds/api/videos/" + id + "?v=2&alt=jsonc",
        
        dataType: "json",
        success: function(data) {
            parseresults(link,data)
        }
    });
    
    function parseresults(link,result) {
        var linktitle = result.data.title;
        $(link).text(linktitle); //setting title from extracted id
        $(link).attr('target', '_blank');
        $(link).addClass( "titled" );
    };
};

//Backlinks

function backlinks() {
    $('#delform').find(".reply").not('.protect').each(function() {
        blink($(this));
    });
    $('.floater, .hold').find(".reply").not('.protect').each(function() {
        blink($(this));
    });
};

function blink(t){   
    t.addClass('protect');
    rid = t.attr('id').replace('reply','');
    datas = t.find('.reflink').find("a:nth-child(2)").attr('href');
    t.find("a[class^='ref|']").each(function() {
        var quoted = $(this).text();            
        quoteds = quoted.replace('>>','');
        console.log(datas + "|" + rid + "+" + quoteds + ")");        
        backquote(quoteds, rid, datas);
    });   
};

function backquote(quoteds, rid, datas){    
    splicer = datas.replace('.html#i','/');    
    splicer2 = splicer.split('/');
    $(".reflink:contains('" +quoteds+ "')").after('<a href="/'+splicer2[1]+'/res/'+splicer2[3]+'.html#'+rid+'" onclick="return highlight(\''+rid+'\', true);" class="ref|'+splicer2[1]+'|'+splicer2[3]+'|'+rid+'">&gt;&gt;'+rid+'</a>');
    
};


/*function backlinks() {
    $('#delform').find(".reply").not('.protect').each(function() {
        $(this).addClass('protect');
        rid = this.id.replace('reply','');
        datas = $(this).find('.reflink').find("a:nth-child(2)").attr('href');
        $(this).find("a[class^='ref|']").each(function() {
            var quoted = $(this).text();            
            quoteds = quoted.replace('>>','');
            console.log(datas + "|" + rid + "+" + quoteds + ")");        
            backquote(quoteds, rid, datas);
        });
        
    });
};

function backquote(quoteds, rid, datas){    
    splicer = datas.replace('.html#i','/');    
    splicer2 = splicer.split('/');
    $(".reflink:contains('" +quoteds+ "')").after('<a href="/'+splicer2[1]+'/res/'+splicer2[3]+'.html#'+rid+'" onclick="return highlight(\''+rid+'\', true);" class="ref|'+splicer2[1]+'|'+splicer2[3]+'|'+rid+'">&gt;&gt;'+rid+'</a>');
    
};*/

//live index
var highest = -Infinity;
var compareme = 99999999999999999;
window.updateid = "";

function initupdate(){    
    var highest = -Infinity;
    $('#delform').find(".reply").each(function() {
        splice = this.id.split("y");
        numb = parseInt(splice[1])
        highest = Math.max(highest, parseFloat(numb));        
    });
    return highest;
};

initupdate();

function update(){
    var compareme = 0;    
    $.get("" + document.location, function (data) {        
        $(data).find(".reply").each(function() {
            splice = this.id.split("y");
            numb = parseInt(splice[1])
            compareme = Math.max(compareme, parseFloat(numb));
            window.updateid = compareme;
        });
    });
};



setInterval(function () { 
    update();
    if (window.updateid > initupdate()){
        $.get("" + document.location, function (data) {        
            $("#delform").replaceWith($(data).filter("#delform"));
        }).done(function() {
            loop();
            notify();
        });
    };
    reltime();  
}, 10000);


//Loop
function loop(){    
    $('blockquote').find('a[href*="youtube.com/watch?"]').not( ".titled" ).each(function() {
        yttitle(this);
    });
    $('blockquote').find('a').not( 'a[class^="ref|"]' ).each(function() {
        $(this).attr('target','_blank');
    });
    
    reltime();
    backlinks();    
    prepqrp();
};

//Notification

function notify(){
    var state = document["visibilityState"]; 
    if (state == "hidden")
    {  
        
        $('#favicon').remove();
        $('link[rel="shortcut icon"]').remove();
        $('head').append('<link href="https://i.imgur.com/TirPmur.png" id="favicon" rel="shortcut icon">');
    } else if (state == "visible") {
        $('#favicon').remove();
        $('link[rel="shortcut icon"]').remove();
        $('head').append('<link href="https://i.imgur.com/TirPmur.png" id="favicon" rel="shortcut icon">');
        setTimeout(function(){
            $('#favicon').remove();
            $('head').append('<link href="https://i.imgur.com/AB4G76Z.png" id="favicon" rel="shortcut icon">');
        },5000)
    }
        };

var onVisibilityChange = function (args) {
    var state = document["visibilityState"];    
    if (state == "visible")
    {       
        $('#favicon').remove();
        $('head').append('<link href="https://i.imgur.com/AB4G76Z.png" id="favicon" rel="shortcut icon">');
    }
};


document.addEventListener("visibilitychange", onVisibilityChange, false);