2020-05-23 20:49:48 +00:00
|
|
|
// @license http://www.gnu.org/licenses/agpl-3.0.html AGPL-3.0
|
2020-01-07 02:00:16 +00:00
|
|
|
function insertBeforeLast(node, elem) {
|
|
|
|
node.insertBefore(elem, node.childNodes[node.childNodes.length - 2]);
|
|
|
|
}
|
|
|
|
|
|
|
|
function getLoadMore(doc) {
|
|
|
|
return doc.querySelector('.show-more:not(.timeline-item)');
|
|
|
|
}
|
|
|
|
|
2020-04-29 16:09:13 +00:00
|
|
|
function isDuplicate(item, itemClass) {
|
|
|
|
const tweet = item.querySelector(".tweet-link");
|
|
|
|
if (tweet == null) return false;
|
|
|
|
const href = tweet.getAttribute("href");
|
|
|
|
return document.querySelector(itemClass + " .tweet-link[href='" + href + "']") != null;
|
|
|
|
}
|
|
|
|
|
2020-01-07 02:00:16 +00:00
|
|
|
window.onload = function() {
|
2020-04-29 16:09:13 +00:00
|
|
|
const url = window.location.pathname;
|
|
|
|
const isTweet = url.indexOf("/status/") !== -1;
|
2020-01-07 02:00:16 +00:00
|
|
|
const containerClass = isTweet ? ".replies" : ".timeline";
|
2020-06-19 12:36:47 +00:00
|
|
|
const itemClass = containerClass + ' > div:not(.top-ref)';
|
2020-01-07 02:00:16 +00:00
|
|
|
|
|
|
|
var html = document.querySelector("html");
|
|
|
|
var container = document.querySelector(containerClass);
|
|
|
|
var loading = false;
|
|
|
|
|
|
|
|
window.addEventListener('scroll', function() {
|
|
|
|
if (loading) return;
|
|
|
|
if (html.scrollTop + html.clientHeight >= html.scrollHeight - 3000) {
|
|
|
|
loading = true;
|
|
|
|
var loadMore = getLoadMore(document);
|
|
|
|
if (loadMore == null) return;
|
|
|
|
|
|
|
|
loadMore.children[0].text = "Loading...";
|
|
|
|
|
|
|
|
var url = new URL(loadMore.children[0].href);
|
|
|
|
url.searchParams.append('scroll', 'true');
|
|
|
|
|
|
|
|
fetch(url.toString()).then(function (response) {
|
2020-01-13 05:15:45 +00:00
|
|
|
return response.text();
|
2020-01-07 02:00:16 +00:00
|
|
|
}).then(function (html) {
|
|
|
|
var parser = new DOMParser();
|
|
|
|
var doc = parser.parseFromString(html, 'text/html');
|
|
|
|
loadMore.remove();
|
|
|
|
|
|
|
|
for (var item of doc.querySelectorAll(itemClass)) {
|
|
|
|
if (item.className == "timeline-item show-more") continue;
|
2020-04-29 16:09:13 +00:00
|
|
|
if (isDuplicate(item, itemClass)) continue;
|
2020-01-07 02:00:16 +00:00
|
|
|
if (isTweet) container.appendChild(item);
|
|
|
|
else insertBeforeLast(container, item);
|
|
|
|
}
|
|
|
|
|
|
|
|
loading = false;
|
2020-04-29 16:09:13 +00:00
|
|
|
const newLoadMore = getLoadMore(doc);
|
|
|
|
if (newLoadMore == null) return;
|
|
|
|
if (isTweet) container.appendChild(newLoadMore);
|
|
|
|
else insertBeforeLast(container, newLoadMore);
|
2020-01-07 02:00:16 +00:00
|
|
|
}).catch(function (err) {
|
2020-01-13 05:15:45 +00:00
|
|
|
console.warn('Something went wrong.', err);
|
2020-01-07 02:00:16 +00:00
|
|
|
loading = true;
|
|
|
|
});
|
|
|
|
}
|
|
|
|
});
|
|
|
|
};
|
2020-05-23 20:49:48 +00:00
|
|
|
// @license-end
|