BetterDiscordAddons/Plugins/ThemeRepo/res/DiscordPreview.js

54 lines
2.4 KiB
JavaScript
Raw Normal View History

2018-10-11 10:21:26 +02:00
window.onload = function () {
window.parent.postMessage({origin:"DiscordPreview",reason:"OnLoad"},"*");
};
window.onkeyup = function (e) {
2019-01-14 21:47:27 +01:00
var which = e.which;
window.parent.postMessage({origin:"DiscordPreview",reason:"KeyUp",which},"*");
2018-10-11 10:21:26 +02:00
};
window.onmessage = function (e) {
if (typeof e.data === "object" && e.data.origin == "ThemeRepo") {
switch (e.data.reason) {
case "OnLoad":
document.body.innerHTML = document.body.innerHTML.replace(new RegExp("REPLACE_USERNAMESMALL", "g"), e.data.username.toLowerCase());
document.body.innerHTML = document.body.innerHTML.replace(new RegExp("REPLACE_USERNAME", "g"), e.data.username);
document.body.innerHTML = document.body.innerHTML.replace(new RegExp("REPLACE_USERID", "g"), e.data.id);
document.body.innerHTML = document.body.innerHTML.replace(new RegExp("REPLACE_AVATAR", "g"), e.data.avatar.split('"').join(''));
document.body.innerHTML = document.body.innerHTML.replace(new RegExp("REPLACE_DISCRIMINATOR", "g"), e.data.discriminator);
if (e.data.nativecss) {
var theme = document.createElement("link");
theme.classList.add(e.data.reason);
theme.rel = "stylesheet";
theme.href = e.data.nativecss;
document.head.appendChild(theme);
}
2019-01-14 18:22:22 +01:00
document.body.firstElementChild.style.removeProperty("display");
2018-10-11 10:21:26 +02:00
break;
case "NewTheme":
case "CustomCSS":
case "ThemeFixer":
document.querySelectorAll("style." + e.data.reason).forEach(theme => theme.remove());
if (e.data.checked) {
var theme = document.createElement("style");
theme.classList.add(e.data.reason);
theme.innerText = e.data.css;
document.head.appendChild(theme);
}
break;
case "DarkLight":
2019-01-22 13:16:06 +01:00
if (e.data.checked) document.body.innerHTML = document.body.innerHTML.replace(new RegExp(e.data.dark, "g"), e.data.light);
else document.body.innerHTML = document.body.innerHTML.replace(new RegExp(e.data.light, "g"), e.data.dark);
break;
case "Normalize":
2019-01-22 13:19:47 +01:00
var oldhtml = document.body.innerHTML.split('class="');
var newhtml = oldhtml.shift();
2019-01-22 13:16:06 +01:00
for (let html of oldhtml) {
html = html.split('"');
2019-01-22 13:31:02 +01:00
newhtml += 'class="' + (e.data.checked ? html[0].replace(/([A-z0-9]+?)-([A-z0-9_-]{6})(["| ])/g, "$1-$2 da-$1$3") : html[0].split(" ").filter(n => n.indexOf("da-") != 0).join(" ")) + html.slice(1).join('"');
2018-10-11 10:21:26 +02:00
}
2019-01-22 13:31:02 +01:00
console.log(newhtml)
2019-01-22 13:26:58 +01:00
document.body.innerHTML = newhtml;
2018-10-11 10:21:26 +02:00
break;
}
}
};