Conduitry/userscripts
1
Fork 0
Code Activity

e621: rework to use native XMLHttpRequest

Browse source
This commit is contained in:
Conduitry 2020-04-06 09:35:02 -04:00
parent b386706465
commit 5f64583659
1 changed files with 69 additions and 75 deletions
Download patch file Download diff file Expand all files Collapse all files

144
src/e621.user.js
View file

@ -2,93 +2,77 @@
// @name e621 thing
// @namespace https://chor.date
// @description A script to make browsing e621.net while not signed in more convenient, and to work around the global blacklist forced on anonymous users.
// @grant GM.xmlHttpRequest
// @match https://e621.net/*
// @icon https://e621.net/favicon.ico
// ==/UserScript==
// remove guest warning modal
if (document.querySelector('.guest-warning')) {
(async () => {
if (!document.querySelector('.guest-warning')) {
// either we're logged in or we're on the landing page and we have nothing to do
return;
}
// remove guest warning modal
document.querySelector('.guest-warning').remove();
} else {
// either we're logged in or we're on the landing page and we have nothing to do
return;
}
// disable automatic blacklist
localStorage.setItem('dab', '1');
// disable automatic blacklist
localStorage.setItem('dab', '1');
let match;
if (match = location.pathname.match(/^\/posts\/(\d+)/)) {
let match;
if (match = location.pathname.match(/^\/posts\/(\d+)/)) {
// on page for a single post, fetch and display if blocked by global blacklist
if (document.querySelector('#image-container:not([data-file-url]):not([data-flags=deleted])')) {
GM.xmlHttpRequest({
method: 'GET',
url: `/posts/${match[1]}.json`,
onload(resp) {
const { post } = JSON.parse(resp.responseText);
if (post.file.ext === 'webm') {
const el = document.createElement('video');
el.setAttribute('controls', '');
el.setAttribute('loop', '');
el.src = getFileUrl(post);
document.querySelector('#image-container').appendChild(el);
} else if (post.file.ext !== 'swf') {
const el = document.createElement('img');
el.src = getSampleUrl(post);
document.querySelector('#image-container').appendChild(el);
}
const el = document.createElement('div');
el.innerHTML = `<a class="button btn-warn" href="${getFileUrl(post)}">Download</a>`;
document.querySelector('#image-extra-controls').insertBefore(el, document.querySelector('#image-resize-cycle'));
},
});
}
} else if (/^\/posts\/?/.test(location.pathname)) {
// on search results pages, re-add posts blocked by global blacklist
const urlSearchParams = new URLSearchParams(location.search);
GM.xmlHttpRequest({
method: 'GET',
url: `/posts.json${makeQuery({ tags: urlSearchParams.get('tags'), page: urlSearchParams.get('page') })}`,
onload(resp) {
const { posts } = JSON.parse(resp.responseText);
const container = document.querySelector('#posts-container');
let found, next;
for (let i = posts.length - 1; i >= 0; i--) {
found = document.querySelector(`#post_${posts[i].id}`);
if (found) {
next = found;
} else {
const el = document.createElement('article');
el.setAttribute('class', 'post-preview captioned');
el.setAttribute('data-file-ext', posts[i].file.ext);
el.innerHTML = `<a href="/posts/${posts[i].id}${makeQuery({ q: urlSearchParams.get('tags') })}"><img src="${getPreviewUrl(posts[i])}"></a>`;
container.insertBefore(el, next);
next = el;
}
// on page for a single post, fetch and display if blocked by global blacklist
if (document.querySelector('#image-container:not([data-file-url]):not([data-flags=deleted])')) {
const { post } = await makeRequest(`/posts/${match[1]}.json`);
if (post.file.ext === 'webm') {
const el = document.createElement('video');
el.setAttribute('controls', '');
el.setAttribute('loop', '');
el.src = getFileUrl(post);
document.querySelector('#image-container').appendChild(el);
} else if (post.file.ext !== 'swf') {
const el = document.createElement('img');
el.src = getSampleUrl(post);
document.querySelector('#image-container').appendChild(el);
}
},
});
const el = document.createElement('div');
el.innerHTML = `<a class="button btn-warn" href="${getFileUrl(post)}">Download</a>`;
document.querySelector('#image-extra-controls').insertBefore(el, document.querySelector('#image-resize-cycle'));
}
}
} else if (/^\/posts\/?/.test(location.pathname)) {
// on search results pages, re-add posts blocked by global blacklist
const urlSearchParams = new URLSearchParams(location.search);
const { posts } = await makeRequest('/posts.json', { tags: urlSearchParams.get('tags'), page: urlSearchParams.get('page') });
const container = document.querySelector('#posts-container');
let found, next;
for (let i = posts.length - 1; i >= 0; i--) {
found = document.querySelector(`#post_${posts[i].id}`);
if (found) {
next = found;
} else {
const el = document.createElement('article');
el.setAttribute('class', 'post-preview captioned');
el.setAttribute('data-file-ext', posts[i].file.ext);
el.innerHTML = `<a href="/posts/${posts[i].id}${makeQuery({ q: urlSearchParams.get('tags') })}"><img src="${getPreviewUrl(posts[i])}"></a>`;
container.insertBefore(el, next);
next = el;
}
}
// fetch avatars and thumbnails in comments blocked by global blacklist
setInterval(() => {
for (const img of document.querySelectorAll('.post-thumbnail[data-status=active] img[src^="/images/"]')) {
img.removeAttribute('src');
GM.xmlHttpRequest({
method: 'GET',
url: `/posts/${img.closest('.post-thumbnail').dataset.id}.json`,
onload(resp) {
const { post } = JSON.parse(resp.responseText);
img.src = getPreviewUrl(post);
},
});
}
}, 1000);
// fetch avatars and thumbnails in comments blocked by global blacklist
setInterval(() => {
for (const img of document.querySelectorAll('.post-thumbnail[data-status=active] img[src^="/images/"]')) {
img.removeAttribute('src');
makeRequest(`/posts/${img.closest('.post-thumbnail').dataset.id}.json`).then(({ post }) => img.src = getPreviewUrl(post));
}
}, 1000);
})();
// wrapper around URLSearchParams to simplify creating search queries
function makeQuery(params) {
@ -102,6 +86,16 @@ function makeQuery(params) {
return str && `?${str}`;
}
// make request and return parsed JSON
function makeRequest(path, params) {
return new Promise(res => {
const xhr = new XMLHttpRequest();
xhr.onreadystatechange = () => xhr.readyState === 4 && xhr.status === 200 && res(JSON.parse(xhr.responseText));
xhr.open('GET', path + makeQuery(params), true);
xhr.send();
});
}
// from a post's image's MD5, construct the main part of its path
function getPath(md5) {
return `${md5.slice(0, 2)}/${md5.slice(2, 4)}/${md5}`;