C-xC-c
/
bantflags
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Properly actually support goguca no but for real this time.

Browse Source 
Technically breaking changes for GreaseMonkey version 1.x hence the minor version bump but I don't think anyone actually still uses it and the script is built on features that because standard in browsers after GM 2.
dotnetflags
C-xC-c 4 years ago
parent 3493381501
commit eaf0a8b703
2 changed files with 62 additions and 84 deletions
Show Stats Download Patch File Download Diff File

2
bantflags.meta.js
Unescape View File

@ -11,7 +11,7 @@
// @exclude http*://archive.nyafuu.org/bant/statistics/ // @exclude http*://archive.nyafuu.org/bant/statistics/
// @exclude http*://archived.moe/bant/statistics/ // @exclude http*://archived.moe/bant/statistics/
// @exclude http*://thebarchive.com/bant/statistics/ // @exclude http*://thebarchive.com/bant/statistics/
// @version 1.1.6 // @version 1.2.0
// @grant GM_xmlhttpRequest // @grant GM_xmlhttpRequest
// @grant GM_getValue // @grant GM_getValue
// @grant GM_setValue // @grant GM_setValue

144
bantflags.user.js
Unescape View File

@ -11,7 +11,7 @@
// @exclude http*://archive.nyafuu.org/bant/statistics/ // @exclude http*://archive.nyafuu.org/bant/statistics/
// @exclude http*://archived.moe/bant/statistics/ // @exclude http*://archived.moe/bant/statistics/
// @exclude http*://thebarchive.com/bant/statistics/ // @exclude http*://thebarchive.com/bant/statistics/
// @version 1.1.6 // @version 1.2.0
// @grant GM_xmlhttpRequest // @grant GM_xmlhttpRequest
// @grant GM_getValue // @grant GM_getValue
// @grant GM_setValue // @grant GM_setValue
@ -50,9 +50,8 @@ var regions = []; // The flags we have selected.
var postNrs = []; // all post numbers in the thread. var postNrs = []; // all post numbers in the thread.
var board_id = ""; // The board we get flags for. var board_id = ""; // The board we get flags for.
// Test css paths to figure out what board software we're using. // Test unqiue CSS paths to figure out what board software we're using.
// 4chan is unique. const software = {
const site = {
yotsuba: window.location.host === 'boards.4chan.org', yotsuba: window.location.host === 'boards.4chan.org',
gogucaDoushio: document.querySelector('section article[id] header .control') !== null, gogucaDoushio: document.querySelector('section article[id] header .control') !== null,
foolfuuka: document.querySelector('div[id="main"] article header .post_data') !== null foolfuuka: document.querySelector('div[id="main"] article header .post_data') !== null
@ -164,10 +163,8 @@ var nsetup = { // not anymore a clone of the original setup
nsetup.toggleFlagButton('off'); nsetup.toggleFlagButton('off');
} }
document.getElementById(UID).addEventListener("click", function () { document.getElementById(UID).addEventListener("click", function (e) {
let flagToRemove = document.getElementById(UID); flagContainer.removeChild(e.target);
flagToRemove.parentNode.removeChild(flagToRemove);
nsetup.toggleFlagButton('on'); nsetup.toggleFlagButton('on');
nsetup.save(nsetup.parse()); nsetup.save(nsetup.parse());
}); });
@ -184,13 +181,8 @@ var nsetup = { // not anymore a clone of the original setup
}); });
// Where do we append the flagsForm to? // Where do we append the flagsForm to?
if (site.yotsuba) { if (software.yotsuba) { document.getElementById('delform').appendChild(flagsForm); }
document.getElementById('delform').appendChild(flagsForm); if (software.gogucaDoushio) { document.querySelector('section').append(flagsForm); }
}
if (site.gogucaDoushio) {
document.querySelector('section').append(flagsForm);
}
for (var i in regions) { for (var i in regions) {
nsetup.setFlag(regions[i]); nsetup.setFlag(regions[i]);
@ -237,6 +229,9 @@ function getposts(selector) {
let posts = document.querySelectorAll(selector); let posts = document.querySelectorAll(selector);
for (var i = 0; i < posts.length; i++) { for (var i = 0; i < posts.length; i++) {
let postNumber = software.yotsuba
? posts[i].id.replace('pc', '') // Fuck you 4chan.
: posts[i].id;
postNrs.push(posts[i].id); postNrs.push(posts[i].id);
} }
debug(postNrs); debug(postNrs);
@ -254,10 +249,12 @@ function onFlagsLoad(response) {
var jsonData = JSON.parse(response.responseText); var jsonData = JSON.parse(response.responseText);
Object.keys(jsonData).forEach(function (post) { Object.keys(jsonData).forEach(function (post) {
// Here we get the header of the post using a different CSS selector depending on the board.
var flagContainer; var flagContainer;
if (site.gogucaDoushio) { flagContainer = document.querySelector('[id="' + post + '"] header'); } if (software.gogucaDoushio) { flagContainer = document.querySelector('[id="' + post + '"] header'); }
if (site.yotsuba) { flagContainer = document.querySelector('[id="pc' + post + '"] .postInfo .nameBlock'); } if (software.yotsuba) { flagContainer = document.querySelector('[id="pc' + post + '"] .postInfo .nameBlock'); }
if (site.foolfuuka) { flagContainer = document.querySelector('[id="' + post + '"] .post_data .post_type'); } if (software.foolfuuka) { flagContainer = document.querySelector('[id="' + post + '"] .post_data .post_type'); }
let flags = jsonData[post]; let flags = jsonData[post];
if (flags.length > 0) { if (flags.length > 0) {
@ -268,11 +265,11 @@ function onFlagsLoad(response) {
let newFlag = MakeFlag(flag); let newFlag = MakeFlag(flag);
if (site.foolfuuka) { if (software.foolfuuka) {
newFlag.style = 'padding: 0px 0px 0px ' + (3 + 2 * (i > 0)) + 'px; vertical-align:;display: inline-block; width: 16px; height: 11px; position: relative;'; newFlag.style = 'padding: 0px 0px 0px ' + (3 + 2 * (i > 0)) + 'px; vertical-align:;display: inline-block; width: 16px; height: 11px; position: relative;';
} }
if (site.gogucaDoushio) { if (software.gogucaDoushio) {
newFlag.title = flag; newFlag.title = flag;
} }
@ -306,17 +303,16 @@ function resolveRefFlags() {
addGlobalStyle('.flagsForm{float: right; clear: right; margin: 20px 10px;} #flagSelect{display:none;}'); addGlobalStyle('.flagsForm{float: right; clear: right; margin: 20px 10px;} #flagSelect{display:none;}');
addGlobalStyle('.bantflags_flag { padding: 1px;} [title^="Romania"] { position: relative; animation: shakeAnim 0.1s linear infinite;} @keyframes shakeAnim { 0% {left: 1px;} 25% {top: 2px;} 50% {left: 1px;} 75% {left: 0px;} 100% {left: 2px;}}'); addGlobalStyle('.bantflags_flag { padding: 1px;} [title^="Romania"] { position: relative; animation: shakeAnim 0.1s linear infinite;} @keyframes shakeAnim { 0% {left: 1px;} 25% {top: 2px;} 50% {left: 1px;} 75% {left: 0px;} 100% {left: 2px;}}');
// Flags need to be parsed and aligned differently between boards. // Flags need to be parsed differently and have different styles depending on board software.
if (site.yotsuba) { if (software.yotsuba) {
debug('4chan'); debug('4chan');
board_id = 'bant'; board_id = 'bant';
parse4chanPosts(); parse4chanPosts();
addGlobalStyle('.flag{top: 0px !important;left: -1px !important}'); addGlobalStyle('.bantFlag {padding: 0px 0px 0px 5px; vertical-align:;display: inline-block; width: 16px; height: 11px; position: relative;} .flag{top: 0px !important;left: -1px !important}');
addGlobalStyle('.bantFlag {padding: 0px 0px 0px 5px; vertical-align:;display: inline-block; width: 16px; height: 11px; position: relative;}');
} }
if (site.gogucaDoushio) { if (software.gogucaDoushio) {
debug('Nineball'); debug('Nineball');
board_id = window.location.pathname.split('/')[1]; // 'nap' or 'srsbsn' board_id = window.location.pathname.split('/')[1]; // 'nap' or 'srsbsn'
getposts('section[id], article[id]'); getposts('section[id], article[id]');
@ -324,7 +320,7 @@ if (site.gogucaDoushio) {
addGlobalStyle('.bantFlag {cursor: default} .bantFlag img {pointer-events: none;}'); addGlobalStyle('.bantFlag {cursor: default} .bantFlag img {pointer-events: none;}');
} }
if (site.foolfuuka) { // Archive. if (software.foolfuuka) { // Archive.
debug('FoolFuuka'); debug('FoolFuuka');
board_id = 'bant'; board_id = 'bant';
getposts('article[id]'); getposts('article[id]');
@ -335,7 +331,7 @@ if (site.foolfuuka) { // Archive.
resolveRefFlags(); // Get flags from DB. resolveRefFlags(); // Get flags from DB.
// Posting new flags and getting flags as posts are added to the thread. // Posting new flags and getting flags as posts are added to the thread.
if (site.yotsuba) { if (software.yotsuba) {
let GetEvDetail = e => e.detail || e.wrappedJSObject.detail; let GetEvDetail = e => e.detail || e.wrappedJSObject.detail;
let method = 'POST', let method = 'POST',
@ -344,30 +340,16 @@ if (site.yotsuba) {
debug(resp.responseText); debug(resp.responseText);
}; };
// TODO: most of this can be rewritten. Do we care to support GM 1.x when we're using ES6?
/** send flag to system on 4chan x (v2, loadletter, v3 untested) post
* handy comment to save by ccd0
* console.log(e.detail.boardID); // board name (string)
* console.log(e.detail.threadID); // thread number (integer in ccd0, string in loadletter)
* console.log(e.detail.postID); // post number (integer in ccd0, string in loadletter) */
document.addEventListener('QRPostSuccessful', function (e) { document.addEventListener('QRPostSuccessful', function (e) {
var data = 'post_nr=' + encodeURIComponent(e.detail.postID) + '&board=' + encodeURIComponent(e.detail.boardID) + '&regions=' + encodeURIComponent(regions) + '&version=' + encodeURIComponent(version);
//setTimeout to support greasemonkey 1.x MakeRequest(method, url, data, func);
setTimeout(function () {
var data = 'post_nr=' + encodeURIComponent(e.detail.postID) + '&board=' + encodeURIComponent(e.detail.boardID) + '&regions=' + encodeURIComponent(regions) + '&version=' + encodeURIComponent(version);
MakeRequest(method, url, data, func);
}, 0);
}, false); }, false);
/** send flag to system on 4chan inline post */ /** send flag to system on 4chan inline post */
document.addEventListener('4chanQRPostSuccess', function (e) { document.addEventListener('4chanQRPostSuccess', function (e) {
var evDetail = GetEvDetail(e); var evDetail = GetEvDetail(e);
var data = 'post_nr=' + encodeURIComponent(evDetail.postId) + '&board=' + encodeURIComponent(board_id) + '&regions=' + encodeURIComponent(regions) + '&version=' + encodeURIComponent(version);
//setTimeout to support greasemonkey 1.x MakeRequest(method, url, data, func);
setTimeout(function () {
var data = 'post_nr=' + encodeURIComponent(evDetail.postId) + '&board=' + encodeURIComponent(board_id) + '&regions=' + encodeURIComponent(regions) + '&version=' + encodeURIComponent(version);
MakeRequest(method, url, data, func);
}, 0);
}, false); }, false);
/** Listen to post updates from the thread updater for 4chan x v2 (loadletter) and v3 (ccd0 + ?) */ /** Listen to post updates from the thread updater for 4chan x v2 (loadletter) and v3 (ccd0 + ?) */
@ -380,17 +362,12 @@ if (site.yotsuba) {
return; return;
} }
setTimeout(function () { evDetailClone.newPosts.forEach(function (post_board_nr) {
var post_nr = post_board_nr.split('.')[1];
//add to temp posts and the DOM element to allPostsOnPage postNrs.push(post_nr);
evDetailClone.newPosts.forEach(function (post_board_nr) { });
var post_nr = post_board_nr.split('.')[1];
postNrs.push(post_nr);
});
}, 0);
//setTimeout to support greasemonkey 1.x resolveRefFlags();
setTimeout(resolveRefFlags, 0);
}, false); }, false);
/** Listen to post updates from the thread updater for inline extension */ /** Listen to post updates from the thread updater for inline extension */
@ -406,44 +383,45 @@ if (site.yotsuba) {
postNrs.push(post_nr); postNrs.push(post_nr);
}); });
//setTimeout to support greasemonkey 1.x resolveRefFlags();
setTimeout(resolveRefFlags, 0);
}, false); }, false);
/** setup init and start first calls */
nsetup.init(); nsetup.init();
} }
if (site.gogucaDoushio) { if (software.gogucaDoushio) {
nsetup.init(); nsetup.init();
// There are some setTimeouts here since posts can appear faster than the Db can process them.
new MutationObserver(function (mutations) { new MutationObserver(function (mutations) {
mutations.forEach(function (mutation) { mutations.forEach(function (mutation) {
if (mutation.addedNodes.length > 0) { // A post was added.
if (mutation.target.nodeName === 'THREADS') {
board_id = window.location.pathname.split('/')[1]; // We might have moved from /nap/ to /srsbsn/.
setTimeout(getposts('section[id], article[id]'), 2000);
resolveRefFlags();
nsetup.init();
}
// TODO: This is a hack and needs to be fixed ASAP var addedNode = mutation.addedNodes[0].nodeName;
// We should store posts + flags after they're generated once if (addedNode === 'HEADER') { // When you post.
// and just reuse them instead of querying the server over and over let data = 'post_nr=' + encodeURIComponent(mutation.target.id) + '&board=' + encodeURIComponent(board_id) + '&regions=' + encodeURIComponent(regions) + '&version=' + encodeURIComponent(version);
if (mutation.target.nodeName === 'THREADS') { MakeRequest(
board_id = window.location.pathname.split('/')[1]; // We might have moved from /nap/ to /srsbsn/. 'POST',
setTimeout(getposts('section[id], article[id]'), 2000); back_end + api_post,
resolveRefFlags(); data,
nsetup.init(); function () {
} postNrs.push(mutation.target.id);
resolveRefFlags();
if (mutation.addedNodes[0].nodeName === 'HEADER') { // When you make a post });
let data = 'post_nr=' + encodeURIComponent(mutation.target.id) + '&board=' + encodeURIComponent(board_id) + '&regions=' + encodeURIComponent(regions) + '&version=' + encodeURIComponent(version); }
MakeRequest(
'POST',
back_end + api_post,
data,
function () {
postNrs.push(mutation.target.id);
resolveRefFlags();
});
}
if (mutation.target.nodeName !== body && mutation.addedNodes[0].nodeName === 'ARTICLE') { //If we're not hovering over a post and a post is added. // Someone else posts. Also checks to see if you're hovering over a quote.
postNrs.push(mutation.addedNodes[0].id); // This might not work for Doushio.
setTimeout(resolveRefFlags, 1500); //Wait 1.5s so the database can process the post, since they appear instantly. if (addedNode === 'ARTICLE' && mutation.target.nodeName !== "BODY" && mutation.target.id !== 'hover_overlay') {
postNrs.push(mutation.addedNodes[0].id);
setTimeout(resolveRefFlags, 1500);
}
} }
}); });
}).observe(document.body, { childList: true, subtree: true }); }).observe(document.body, { childList: true, subtree: true });

Write Preview
Loading…
Cancel
Save