萌娘百科损坏 Script 重新加载器
// ==UserScript==
// @name MoegirlPediaDamagedScriptReloader
// @version 1.1.4.5.1.4
// @description 萌娘百科损坏 Script 重新加载器
// @author AnnAngela
// @namespace https://zh.moegirl.org.cn/User:AnnAngela
// @mainpage https://greasyfork.org/scripts/447656-moegirlpediadamagedscriptreloader
// @supportURL https://greasyfork.org/scripts/447656-moegirlpediadamagedscriptreloader/feedback
// @license GNU General Public License v3.0 or later
// @compatible chrome 100
// @compatible edge 100
// @match *://*.moegirl.org.cn/*
// @run-at document-start
// @grant GM_info
// @icon https://public.annangela.cn/MoegirlPedia/InterfaceAdmin.png
// @icon64 https://public.annangela.cn/MoegirlPedia/InterfaceAdmin.png
// ==/UserScript==
"use strict";
const sleep = (ms) => new Promise((res) => setTimeout(res, ms));
const inpageNotificationRoot = document.createElement("div");
class InPageNotification {
static setStyle(ele, styleJson) {
for (const [k, v] of Object.entries(styleJson)) {
ele.style[k] = v;
}
}
constructor() {
this.doms = {
container: document.createElement("div"),
logo: document.createElement("img"),
content: document.createElement("div"),
};
InPageNotification.setStyle(this.doms.container, {
padding: "0.75em 1.5em 0.75em 0",
marginBottom: "0.5em",
border: "1px solid #a2a9b1",
cursor: "pointer",
opacity: "0",
transition: "opacity 0.35s ease-in-out",
backgroundColor: "white",
borderRadius: "2px",
boxShadow: "0 2px 2px 0 rgba(0,0,0,0.25)",
pointerEvents: "none",
display: "flex",
});
InPageNotification.setStyle(this.doms.logo, {
flex: "0",
height: "64px",
margin: "0 0.75em",
});
InPageNotification.setStyle(this.doms.content, {
flex: "1",
minHeight: "64px",
});
this.doms.logo.src = GM_info.script.icon64;
inpageNotificationRoot.append(this.doms.container);
this.doms.container.append(this.doms.logo);
this.doms.container.append(this.doms.content);
}
setContent(html) {
this.doms.content.innerHTML = html;
}
show() {
InPageNotification.setStyle(this.doms.container, {
opacity: "1",
pointerEvents: "all",
});
}
hide() {
InPageNotification.setStyle(this.doms.container, {
opacity: "0",
pointerEvents: "none",
});
}
hideAndDestroy() {
this.hide();
setTimeout(() => {
this.doms.container.remove();
}, 350);
}
}
InPageNotification.setStyle(inpageNotificationRoot, {
position: "fixed",
top: "7em",
right: "1em",
width: "23em",
lineHeight: "1.35",
zIndex: "100000",
overflow: "hidden",
});
(async () => {
console.info("MoegirlPediaDamagedScriptReloader", "start");
while (!document.body || typeof unsafeWindow?.jQuery?.fn?.on !== "function") {
await sleep(16);
}
console.info("MoegirlPediaDamagedScriptReloader", "loaded");
document.body.append(inpageNotificationRoot);
let c = 0;
$(document).on("ajaxError", async (_, xhr, config) => {
// console.error("ajaxError", xhr, config);
if (config.dataType === "script" && config.url?.includes("load.php?") && xhr.status === 404
&& !config.url?.endsWith?.("&AnnTools_retrying=1")) {
const inpageNotification = new InPageNotification();
const url = `${config.url}&AnnTools_retrying=1`;
let i = 0;
c++;
while (i++ > Number.MIN_SAFE_INTEGER) {
inpageNotification.setContent(`<b>萌娘百科损坏 Script 重新加载器</b><div>发现第 ${c} 个损坏的 Script，正在尝试第 ${i} 次重新加载……</div>`);
inpageNotification.show();
console.info("MoegirlPediaDamagedScriptReloader", "Retrying at #", i, "for loading script #", c, url);
try {
await $.ajax({
url,
dataType: "script",
crossDomain: true,
cache: true,
});
console.info("MoegirlPediaDamagedScriptReloader", "Successfully retried at #", i, "for loading script #", c, url);
inpageNotification.setContent(`<b>萌娘百科损坏 Script 重新加载器</b><div>第 ${c} 个损坏的 Script，在第 ${i} 次重新加载后成功载入！</div>`);
setTimeout(() => {
inpageNotification.hideAndDestroy();
}, 5000);
break;
} catch (e) {
console.error(e);
}
}
}
});
})();