☰

Xchan Gold Alpha

Experimental script to enhance xchan.pw

À data de 01/01/2015. Ver a versão mais recente.

Terá de instalar uma extensão como Tampermonkey, Greasemonkey ou Violentmonkey para instalar este script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

Terá de instalar uma extensão como Tampermonkey ou Violentmonkey para instalar este script.

Terá de instalar uma extensão como Tampermonkey ou Userscripts para instalar este script.

Terá de instalar uma extensão como Tampermonkey para instalar este script.

Terá de instalar uma extensão de gestão de scripts de utilizador para instalar este script.

(Já tenho um gestor de scripts de utilizador, deixe-me instalá-lo!)

Terá de instalar uma extensão como Stylus para instalar este estilo.

Terá de instalar uma extensão como Stylus para instalar este estilo.

Terá de instalar uma extensão como Stylus para instalar este estilo.

Terá de instalar uma extensão de gestão de estilos de utilizador para instalar este estilo.

Terá de instalar uma extensão de gestão de estilos de utilizador para instalar este estilo.

Terá de instalar uma extensão de gestão de estilos de utilizador para instalar este estilo.

(Já tenho um gestor de estilos de utilizador, deixe-me instalá-lo!)

// ==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);