User:Rutilant/ajax-watchlist.js: Difference between revisions

Revision as of 06:58, 15 January 2019

Latest revision as of 00:39, 9 July 2019

(15 intermediate revisions by one other user not shown)

Line 1:

/*

Last update: JanuaryFebruary 1513, 2019

Status: Experimental

*/

(function() {

var config = {

var watchlist_ajax={timer:null,status:false}, token=false, lasttime=false;

timer: null,

if(test_currentPage()){

status: false

var top_content="<input id='watchlist-ajax-timeOut' placeholder='Refresh rate in milliseconds'><button id='a-w-start'>Start</button><button id='a-w-stop'>Stop</button><br>Status: <span id='aj-w-status'>not running</span>";

};

var main_content="<div id='auto-updating-watchlist'></div>";

var token = false,

$("div#watchlist-ajax").html(top_content+main_content);

current_revisions = {},

$("#a-w-start").click(function(){start_update_w()});

last_state = {};

$("#a-w-stop").click(function(){stop_update_w()});

}

function start_update_wis_sandbox() {

if ($("div#watchlist-ajax")) {

if(test_currentPage() && !watchlist_ajax.status){

return true;

var timeout=$.isNumeric($("#watchlist-ajax-timeOut").val())?$("#watchlist-ajax-timeOut").val():5000;

} else {

watchlist_ajax.status=true;

lasttime= return false;

}

$("#auto-updating-watchlist").html("");

}

update_watchlistAjax(timeout);

if (is_sandbox()) {

$("#aj-w-status").html(`running (${timeout} ms)`);

let top_content = "<input id='ajax_watchlist_timeout' placeholder='Refresh rate in milliseconds'><button id='ajax_watchlist_start'>Start</button><button id='ajax_watchlist_stop'>Stop</button><br>Status: <span id='ajax_watchlist_status'>not running</span>";

}

let main_content = "<div id='auto_updating_watchlist'></div>";

}

$("div#watchlist-ajax").html(top_content + main_content);

function stop_update_w(){

$("#ajax_watchlist_start").click(function() {

watchlist_ajax.status=false;

start_updating();

clearTimeout(watchlist_ajax.timer);

});

lasttime=false;

$("#ajax_watchlist_stop").click(function() {

$("#aj-w-status").html('stopped');

stop_updating();

}

});

}

function update_watchlistAjaxstart_updating(timeout) {

if (test_currentPageis_sandbox() && watchlist_ajax!config.status) {

var timeout = $.isNumeric($("#ajax_watchlist_timeout").val()) ? $("#ajax_watchlist_timeout").val() : 5000;

var start_from="";

config.status = true;

if(lasttime!==false){

$("#auto_updating_watchlist").html("");

start_from="&wlstart="+lasttime+"&wldir=newer";

update_watchlist(timeout);

}

$("#ajax_watchlist_status").html(`running (${timeout} ms)`);

$.ajax({

}

type: 'GET',

}

url: '/w/api.php?action=query&list=watchlist&wllimit=30&wlprop=ids|title|sizes|flags|user|comment&format=json&curtimestamp=true&wlallrev=true'+start_from,

dataType: 'json',

function stop_updating() {

loop_timeout:timeout,

config.status = false;

success:function(returndata){

clearTimeout(config.timer);

var sitelink=''; /* for local testing */

$("#ajax_watchlist_status").html('stopped');

var watchlist_items="";

}

lasttime=returndata.curtimestamp;

returndata=returndata.query.watchlist;

function update_watchlist(timeout) {

if(returndata.length>0){

if (is_sandbox() && config.status) {

returndata.forEach(function(e){

$.ajax({

var length=e.newlen-e.oldlen;

type: 'GET',

var edit_summary=e.comment.substring(0, 400)||"<span style='color:#cecccc'>No edit summary.</span>" /* trim extremly long edit summary*/ ;

url: '/w/api.php?action=query&list=watchlist&wllimit=30&wlprop=ids|title|sizes|flags|user|comment&format=json&curtimestamp=true&wlallrev=true',

edit_summary=edit_summary.replace(/\[\[(.*?)\|(.*?)\]\]/g, "<a href=\"/wiki/$1\">$2</a>"); /* parse wikilinks */

dataType: 'json',

var difflink=sitelink+`/w/index.php?title=${e.title}&diff=${e.revid}`;

loop_timeout: timeout,

var histlink=sitelink+`/w/index.php?title=${e.title}&action=history`;

success: function(returndata) {

var userlink=`

let sitelink = ''; /* for local testing */

let watchlist_items = "";

let fetched_revs = [];

returndata = returndata.query.watchlist;

if (returndata.length > 0) {

returndata.forEach(function(e) {

fetched_revs.push(e.pageid);

let length = e.newlen - e.oldlen;

let edit_summary = e.comment.substring(0, 400) || "<span style='color:#cecccc'>No edit summary.</span>" /* trim extremely long edit summary*/ ;

edit_summary = edit_summary.replace(/\[\[(.*?)\|(.*?)\]\]/g, "<a href=\"/wiki/$1\">$2</a>"); /* parse wikilinks */

let difflink = sitelink + `/w/index.php?title=${e.title}&diff=${e.revid}`;

let histlink = sitelink + `/w/index.php?title=${e.title}&action=history`;

let rollback_msg = "ajax rollback";

if (e.revid in last_state) {

rollback_msg = last_state[e.revid];

}

let rollback_btn = `[<a href='#' class='ajax_rollback_button' data-rollback-pageid="${e.pageid}" data-rollback-revid="${e.revid}" data-rollback-user="${e.user}">${rollback_msg}</a>]`;

if (e.pageid in current_revisions) {

if (current_revisions[e.pageid] != e.revid) {

rollback_btn = "";

}

}

let userlink = `

<a href='${sitelink}/wiki/User:${e.user}'>${e.user}</a>

(<a href='${sitelink}/wiki/User talk:${e.user}'>talk</a> |

<a href='${sitelink}/wiki/Special:Contributions/${e.user}'>contrib</a>)

`;

length = (length < 0 ? '<span style=color:red>' + length + '</span>' : '<span style=color:green>+' + length + '</span>');

watchlist_items += `

<div style='margin-bottom:5px; padding:3px; font-family:Calibri; border-bottom:1px dotted gray; width: 100%; word-break:break-all'>

(<a href="${difflink}">diff</a> | <a href="${histlink}">hist</a>)

<a href="${sitelink}/wiki/${e.title}">${e.title}</a> (${e.type}) (${length}) &mdash; ${userlink} (<span style='font-style:italic'>${edit_summary}</span>) [<span class="mw-rollback-link"><a href='#' class='aj-rollback-btn' data-rollback-pageid="${e.pageid}" data-rollback-user="${e.user}">ajax rollback</adata-revid="${e.revid}">${rollback_btn}</span>]

</div>

`;

});

});

$('.b-border-div').remove();

$("#auto-updating-watchlistauto_updating_watchlist").prependhtml(watchlist_items + "<div style='border-bottom:2px solid skyblue;' class='b-border-div'></div>");

$(".aj-rollback-btnajax_rollback_button").click(function(e) {custom_rollback(e, this)});

custom_rollback(e, this);

}

});

},

}

error:e=>console.log(e),

check_revisions(fetched_revs);

complete:function(){

},

var timeout=this.loop_timeout;

error: e => console.log(e),

watchlist_ajax.timer=setTimeout(function(){update_watchlistAjax(timeout)}, timeout);

complete: function() {

}

var timeout = this.loop_timeout;

});

config.timer = setTimeout(function() {

}

update_watchlist(timeout);

}

}, timeout);

}

});

}

}

function check_revisions(pageid_array) {

pageid_array = [...new Set(pageid_array)];

var pageids = pageid_array.join("|");

$.get("/w/api.php?action=query&format=json&prop=revisions&pageids=" + pageids).then(response => {

var pages = response.query.pages;

pageid_array.forEach(pageid => {

var revision = "";

if(pages[pageid].revisions === undefined){

revision = '123'; /* probably a block log */

}else{

revision = pages[pageid].revisions[0].revid;

}

current_revisions[pageid] = revision;

$(`.mw-rollback-link[data-rollback-pageid=${pageid}]`).each(function() {

if ($(this)[0].dataset.revid != revision) {

$(this).html("");

} else {

let pageid = $(this)[0].dataset.rollbackPageid;

let user = $(this)[0].dataset.rollbackUser;

let rollback_msg = "ajax rollback";

if (revision in last_state) {

rollback_msg = last_state[revision];

}

let rollback_btn = `[<a href='#' class='ajax_rollback_button' data-rollback-pageid="${pageid}" data-rollback-revid="${revision}" data-rollback-user="${user}">${rollback_msg}</a>]`;

$(this).html(rollback_btn);

}

});

});

$(".ajax_rollback_button").click(function(e) {

custom_rollback(e, this);

});

});

}

function getToken(first_par, second_par) {

if (!token) {

$.ajax("/w/api.php?action=query&meta=tokens&type=rollback&format=json").done(data => {

token = data.query.tokens.rollbacktoken;

custom_rollback(first_par, second_par, true);

});

} else {

custom_rollback(first_par, second_par, true);

}

}

function test_currentPagecustom_rollback(e, clicked, withToken) {

e.preventDefault();

if($("div#watchlist-ajax")){

if ($(clicked).attr('href') === null) {

return true;

return;

}else{

}

return false;

if (!withToken) {

}

$(clicked).text("getting token");

}

getToken(e, clicked);

return;

function getToken(first_par, second_par){

}

if(!token){

var ID = $(clicked).attr("data-rollback-pageid");

$.ajax( "/w/api.php?action=query&meta=tokens&type=rollback&format=json" ).done(data=> {

var user = $(clicked).attr("data-rollback-user");

token=data.query.tokens.rollbacktoken;

$(clicked).text('rollbacking...');

custom_rollback(first_par, second_par, true);

last_state[$(clicked)[0].dataset.rollbackRevid] = $(clicked).text();

});

$.ajax({

}else{

type: 'POST',

custom_rollback(first_par, second_par, true);

url: '/w/api.php',

}

c_b: clicked,

}

data: {

action: "rollback",

function custom_rollback(e, clicked, withToken){

pageid: ID,

e.preventDefault();

user: user,

if($(clicked).attr('href')===null){

token: token,

return;

format: 'json'

}

},

if(!withToken){

success: function(e) {

$(clicked).text("getting token");

if (!e.error) {

getToken(e, clicked);

$(this.c_b).text('reverted');

return;

} else {

}

$(this.c_b).text(e.error.code);

var ID=$(clicked).attr("data-rollback-pageid");

console.log(e);

var user=$(clicked).attr("data-rollback-user");

}

$(clicked).text('rollbacking...');

last_state[$(this.c_b)[0].dataset.rollbackRevid] = $(this.c_b).text();

$(clicked).attr("href", null);

},

$.ajax({

error: function(e) {

type: 'POST',

$(this.c_b).text('rollback failed');

url: '/w/api.php',

last_state[$(this.c_b)[0].dataset.rollbackRevid] = $(this.c_b).text();

c_b: clicked,

console.log(e);

data: {action:"rollback", pageid:ID, user:user, token:token, format:'json'},

}

success:function(e){

});

if(!e.error){

}

$(this.c_b).text('reverted');

mw.util.addPortletLink('p-cactions', '/wiki/User:RainFall/sandbox', 'Ajax watchlist');

}else{

$(this.c_b).text(e.error.code);

$(this.c_b).attr("href", "#");

console.log(e);

}

},

error:function(e){

$(this.c_b).text('rollback failed');

$(this.c_b).attr("href", "#");

console.log(e);

}

});

}

})();