1444 lines
66 KiB
JavaScript
1444 lines
66 KiB
JavaScript
/**
|
||
* @name ThemeRepo
|
||
* @authorId 278543574059057154
|
||
* @invite Jx3TjNS
|
||
* @donate https://www.paypal.me/MircoWittrien
|
||
* @patreon https://www.patreon.com/MircoWittrien
|
||
* @website https://github.com/mwittrien/BetterDiscordAddons/tree/master/Plugins/ThemeRepo
|
||
* @source https://raw.githubusercontent.com/mwittrien/BetterDiscordAddons/master/Plugins/ThemeRepo/ThemeRepo.plugin.js
|
||
* @updateUrl https://raw.githubusercontent.com/mwittrien/BetterDiscordAddons/master/Plugins/ThemeRepo/ThemeRepo.plugin.js
|
||
*/
|
||
|
||
module.exports = (_ => {
|
||
const config = {
|
||
"info": {
|
||
"name": "ThemeRepo",
|
||
"author": "DevilBro",
|
||
"version": "2.1.2",
|
||
"description": "Allow you to preview all themes from the theme repo and download them on the fly"
|
||
},
|
||
"changeLog": {
|
||
"fixed": {
|
||
"New Settings Order": "Fixed for new settings order"
|
||
}
|
||
}
|
||
};
|
||
|
||
return !window.BDFDB_Global || (!window.BDFDB_Global.loaded && !window.BDFDB_Global.started) ? class {
|
||
getName () {return config.info.name;}
|
||
getAuthor () {return config.info.author;}
|
||
getVersion () {return config.info.version;}
|
||
getDescription () {return `The Library Plugin needed for ${config.info.name} is missing. Open the Plugin Settings to download it.\n\n${config.info.description}`;}
|
||
|
||
load () {
|
||
if (!window.BDFDB_Global || !Array.isArray(window.BDFDB_Global.pluginQueue)) window.BDFDB_Global = Object.assign({}, window.BDFDB_Global, {pluginQueue: []});
|
||
if (!window.BDFDB_Global.downloadModal) {
|
||
window.BDFDB_Global.downloadModal = true;
|
||
BdApi.showConfirmationModal("Library Missing", `The Library Plugin needed for ${config.info.name} is missing. Please click "Download Now" to install it.`, {
|
||
confirmText: "Download Now",
|
||
cancelText: "Cancel",
|
||
onCancel: _ => {delete window.BDFDB_Global.downloadModal;},
|
||
onConfirm: _ => {
|
||
delete window.BDFDB_Global.downloadModal;
|
||
require("request").get("https://mwittrien.github.io/BetterDiscordAddons/Library/0BDFDB.plugin.js", (e, r, b) => {
|
||
if (!e && b && b.indexOf(`* @name BDFDB`) > -1) require("fs").writeFile(require("path").join(BdApi.Plugins.folder, "0BDFDB.plugin.js"), b, _ => {});
|
||
else BdApi.alert("Error", "Could not download BDFDB Library Plugin, try again later or download it manually from GitHub: https://github.com/mwittrien/BetterDiscordAddons/tree/master/Library/");
|
||
});
|
||
}
|
||
});
|
||
}
|
||
if (!window.BDFDB_Global.pluginQueue.includes(config.info.name)) window.BDFDB_Global.pluginQueue.push(config.info.name);
|
||
}
|
||
start () {this.load();}
|
||
stop () {}
|
||
getSettingsPanel () {
|
||
let template = document.createElement("template");
|
||
template.innerHTML = `<div style="color: var(--header-primary); font-size: 16px; font-weight: 300; white-space: pre; line-height: 22px;">The Library Plugin needed for ${config.info.name} is missing.\nPlease click <a style="font-weight: 500;">Download Now</a> to install it.</div>`;
|
||
template.content.firstElementChild.querySelector("a").addEventListener("click", _ => {
|
||
require("request").get("https://mwittrien.github.io/BetterDiscordAddons/Library/0BDFDB.plugin.js", (e, r, b) => {
|
||
if (!e && b && b.indexOf(`* @name BDFDB`) > -1) require("fs").writeFile(require("path").join(BdApi.Plugins.folder, "0BDFDB.plugin.js"), b, _ => {});
|
||
else BdApi.alert("Error", "Could not download BDFDB Library Plugin, try again later or download it manually from GitHub: https://github.com/mwittrien/BetterDiscordAddons/tree/master/Library/");
|
||
});
|
||
});
|
||
return template.content.firstElementChild;
|
||
}
|
||
} : (([Plugin, BDFDB]) => {
|
||
const isBeta = !(window.BdApi && !Array.isArray(BdApi.settings));
|
||
var _this;
|
||
var loading, cachedThemes, grabbedThemes, foundThemes, loadedThemes, generatorThemes, updateInterval;
|
||
var list, header, preview, searchTimeout, updateGeneratorTimeout, forceRerenderGenerator, nativeCSS, nativeCSSvars, forcedSort, forcedOrder, showOnlyOutdated;
|
||
var settings = {}, modalSettings = {}, favorites = [], customList = [];
|
||
|
||
const themeStates = {
|
||
UPDATED: 0,
|
||
OUTDATED: 1,
|
||
DOWNLOADABLE: 2
|
||
};
|
||
const buttonData = {
|
||
UPDATED: {
|
||
colorClass: "GREEN",
|
||
backgroundColor: "STATUS_GREEN",
|
||
icon: "CHECKMARK",
|
||
text: "updated"
|
||
},
|
||
OUTDATED: {
|
||
colorClass: "RED",
|
||
backgroundColor: "STATUS_RED",
|
||
icon: "CLOSE",
|
||
text: "outdated"
|
||
},
|
||
DOWNLOADABLE: {
|
||
colorClass: "BRAND",
|
||
backgroundColor: "var(--bdfdb-blurple)",
|
||
icon: "DOWNLOAD",
|
||
text: "download"
|
||
}
|
||
};
|
||
const favStates = {
|
||
FAVORIZED: 0,
|
||
NOT_FAVORIZED: 1
|
||
};
|
||
const newStates = {
|
||
NEW: 0,
|
||
NOT_NEW: 1
|
||
};
|
||
const sortKeys = {
|
||
NAME: "Name",
|
||
AUTHOR: "Author",
|
||
VERSION: "Version",
|
||
DESCRIPTION: "Description",
|
||
STATE: "Update State",
|
||
FAV: "Favorites",
|
||
NEW: "New Themes"
|
||
};
|
||
const orderKeys = {
|
||
ASC: "ascending",
|
||
DESC: "descending"
|
||
};
|
||
|
||
const themeRepoIcon = `<svg width="39" height="32" viewBox="0 0 39 32"><path fill="COLOR_1" d="m 0,3.8369956 v 3.8369068 h 4.2485624 4.24866 V 19.836368 31.998734 h 4.1396556 4.139655 V 19.836368 7.6739024 h 4.248562 4.248659 V 3.8369956 0 H 12.636878 0 v 3.8369956 z"/><path fill="COLOR_2" d="m 26.726212,3.7539002 v 3.7539002 l 0.599235,0.047207 c 2.895848,0.2282931 4.458187,2.8030736 3.228908,5.3213946 -0.789652,1.617734 -1.78074,1.964611 -5.613855,1.964611 H 22.441379 V 11.981369 9.1218131 H 20.335184 18.229088 V 20.560312 31.9987 h 2.106096 2.106195 v -5.070253 -5.070353 l 0.692251,0.02077 0.69225,0.02066 3.690081,5.031466 3.690084,5.031477 3.896976,0.01877 L 39,32 v -1.551755 -1.551744 l -3.127411,-3.927389 -3.127409,-3.927388 0.422565,-0.158416 c 3.495667,-1.309944 5.41554,-4.30099 5.772,-8.992777 C 39.488279,4.6720596 35.120865,0 27.824452,0 h -1.09824 v 3.7539002 z"/></svg>`;
|
||
|
||
const RepoListComponent = class ThemeList extends BdApi.React.Component {
|
||
componentDidMount() {
|
||
list = this;
|
||
BDFDB.TimeUtils.timeout(_ => {
|
||
forcedSort = null;
|
||
forcedOrder = null;
|
||
showOnlyOutdated = false;
|
||
}, 5000);
|
||
}
|
||
componentWillUnmount () {
|
||
if (preview) {
|
||
BDFDB.WindowUtils.close(preview);
|
||
preview = null;
|
||
}
|
||
}
|
||
filterThemes () {
|
||
let themes = Object.keys(loadedThemes).map(url => {
|
||
let theme = loadedThemes[url];
|
||
let instTheme = BDFDB.BDUtils.getTheme(theme.name);
|
||
if (instTheme && instTheme.author && instTheme.author.toUpperCase() == theme.author.toUpperCase()) theme.state = instTheme.version != theme.version ? themeStates.OUTDATED : themeStates.UPDATED;
|
||
else theme.state = themeStates.DOWNLOADABLE;
|
||
return {
|
||
url: theme.url,
|
||
search: (theme.name + " " + theme.version + " " + theme.author + " " + theme.description).toUpperCase(),
|
||
name: theme.name,
|
||
version: theme.version,
|
||
author: theme.author,
|
||
description: theme.description || "No Description found",
|
||
fav: favorites.includes(url) ? favStates.FAVORIZED : favStates.NOT_FAVORIZED,
|
||
new: theme.state == themeStates.DOWNLOADABLE && !cachedThemes.includes(url) ? newStates.NEW : newStates.NOT_NEW,
|
||
state: theme.state,
|
||
css: theme.css,
|
||
fullCSS: theme.fullCSS
|
||
};
|
||
});
|
||
if (!this.props.updated) themes = themes.filter(theme => theme.state != themeStates.UPDATED);
|
||
if (!this.props.outdated) themes = themes.filter(theme => theme.state != themeStates.OUTDATED);
|
||
if (!this.props.downloadable) themes = themes.filter(theme => theme.state != themeStates.DOWNLOADABLE);
|
||
if (this.props.searchString) {
|
||
let searchString = this.props.searchString.toUpperCase();
|
||
themes = themes.filter(theme => theme.search.indexOf(searchString) > -1);
|
||
}
|
||
|
||
BDFDB.ArrayUtils.keySort(themes, (!this.props.sortKey || this.props.sortKey == "NEW" && !themes.some(theme => theme.new == newStates.NEW) ? Object.keys(sortKeys)[0] : this.props.sortKey).toLowerCase());
|
||
if (this.props.orderKey == "DESC") themes.reverse();
|
||
return themes;
|
||
}
|
||
openPreview () {
|
||
preview = BDFDB.WindowUtils.open(this, "https://mwittrien.github.io/BetterDiscordAddons/Plugins/_res/DiscordPreview.html", {
|
||
alwaysOnTop: settings.keepOnTop,
|
||
showOnReady: true,
|
||
devTools: BDFDB.ListenerUtils.isPressed(16),
|
||
frame: false,
|
||
onLoad: _ => {
|
||
let titleBar = document.querySelector(BDFDB.dotCN.titlebar);
|
||
preview.executeJavaScriptSafe(`window.onmessage({
|
||
origin: "ThemeRepo",
|
||
reason: "OnLoad",
|
||
username: ${JSON.stringify(BDFDB.UserUtils.me.username || "")},
|
||
id: ${JSON.stringify(BDFDB.UserUtils.me.id || "")},
|
||
discriminator: ${JSON.stringify(BDFDB.UserUtils.me.discriminator || "")},
|
||
avatar: ${JSON.stringify(BDFDB.UserUtils.getAvatar() || "")},
|
||
classes: ${JSON.stringify(JSON.stringify(BDFDB.DiscordClasses))},
|
||
classModules: ${JSON.stringify(JSON.stringify(BDFDB.DiscordClassModules))},
|
||
nativeCSS: ${JSON.stringify((nativeCSS || "").replace(/\/assets\//g, document.location.origin + "/assets/").replace(/[\t\r\n]/g, ""))},
|
||
htmlClassName: ${JSON.stringify(document.documentElement.className || "")},
|
||
titleBar: ${JSON.stringify(titleBar && titleBar.outerHTML || "")}
|
||
})`);
|
||
if (this.props.currentTheme) preview.executeJavaScriptSafe(`window.onmessage({
|
||
origin: "ThemeRepo",
|
||
reason: "NewTheme",
|
||
checked: true,
|
||
css: ${JSON.stringify(this.props.currentTheme.css || "")}
|
||
})`);
|
||
if (this.props.currentGenerator) preview.executeJavaScriptSafe(`window.onmessage({
|
||
origin: "ThemeRepo",
|
||
reason: "NewTheme",
|
||
checked: true,
|
||
css: ${JSON.stringify((loadedThemes[this.props.currentGenerator] || {}).fullCSS || "")}
|
||
})`);
|
||
if (this.props.useLightMode) preview.executeJavaScriptSafe(`window.onmessage({
|
||
origin: "ThemeRepo",
|
||
reason: "DarkLight",
|
||
checked: true
|
||
})`);
|
||
if (this.props.useNormalizer) preview.executeJavaScriptSafe(`window.onmessage({
|
||
origin: "ThemeRepo",
|
||
reason: "Normalize",
|
||
checked: true
|
||
})`);
|
||
if (this.props.useCustomCSS) preview.executeJavaScriptSafe(`window.onmessage({
|
||
origin: "ThemeRepo",
|
||
reason: "CustomCSS",
|
||
checked: true
|
||
})`);
|
||
if (this.props.useThemeFixer) preview.executeJavaScriptSafe(`window.onmessage({
|
||
origin: "ThemeRepo",
|
||
reason: "ThemeFixer",
|
||
checked: true
|
||
})`);
|
||
},
|
||
onClose: _ => {
|
||
preview = null;
|
||
}
|
||
});
|
||
}
|
||
render() {
|
||
let automaticLoading = BDFDB.BDUtils.getSettings(BDFDB.BDUtils.settingsIds.automaticLoading);
|
||
if (!this.props.tab) this.props.tab = "Themes";
|
||
this.props.entries = (!loading.is && !BDFDB.ObjectUtils.isEmpty(loadedThemes) ? this.filterThemes() : []).map(theme => BDFDB.ReactUtils.createElement(RepoCardComponent, {
|
||
theme: theme
|
||
})).filter(n => n);
|
||
|
||
BDFDB.TimeUtils.timeout(_ => {
|
||
if (!loading.is && header && this.props.entries.length != header.props.amount) {
|
||
header.props.amount = this.props.entries.length;
|
||
BDFDB.ReactUtils.forceUpdate(header);
|
||
}
|
||
});
|
||
|
||
if (forceRerenderGenerator && this.props.tab == "Generator") BDFDB.TimeUtils.timeout(_ => {
|
||
forceRerenderGenerator = false;
|
||
BDFDB.ReactUtils.forceUpdate(this);
|
||
});
|
||
|
||
return [
|
||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.ModalComponents.ModalTabContent, {
|
||
tab: "Themes",
|
||
open: this.props.tab == "Themes",
|
||
render: false,
|
||
children: loading.is ? BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Flex, {
|
||
direction: BDFDB.LibraryComponents.Flex.Direction.VERTICAL,
|
||
justify: BDFDB.LibraryComponents.Flex.Justify.CENTER,
|
||
style: {marginTop: "50%"},
|
||
children: [
|
||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Spinner, {
|
||
type: BDFDB.LibraryComponents.Spinner.Type.WANDERING_CUBES
|
||
}),
|
||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.TextElement, {
|
||
className: BDFDB.disCN.margintop20,
|
||
style: {textAlign: "center"},
|
||
children: `${BDFDB.LanguageUtils.LibraryStringsFormat("loading", "Theme Repo")} - ${BDFDB.LanguageUtils.LibraryStrings.please_wait}`
|
||
})
|
||
]
|
||
}) : BDFDB.ReactUtils.forceStyle(BDFDB.ReactUtils.createElement("div", {
|
||
className: BDFDB.disCN._repolist,
|
||
style: {
|
||
display: "flex",
|
||
flexDirection: "column",
|
||
margin: "unset",
|
||
width: "unset"
|
||
},
|
||
children: this.props.entries
|
||
}), ["display", "flex-direction", "margin", "width"])
|
||
}),
|
||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.ModalComponents.ModalTabContent, {
|
||
tab: "Generator",
|
||
open: this.props.tab == "Generator",
|
||
render: false,
|
||
children: [
|
||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SettingsItem, {
|
||
type: "Select",
|
||
margin: 20,
|
||
label: "Choose a Generator Theme",
|
||
basis: "60%",
|
||
value: this.props.currentGenerator && this.props.currentGenerator.value || "-----",
|
||
options: [{value: "-----", label: "-----"}, nativeCSSvars && {value: "nativediscord", label: "Discord", native: true}].concat((generatorThemes).map(url => ({value: url, label: (loadedThemes[url] || {}).name || "-----"})).sort((x, y) => (x.label < y.label ? -1 : x.label > y.label ? 1 : 0))).filter(n => n),
|
||
searchable: true,
|
||
onChange: (value, instance) => {
|
||
if (loadedThemes[value.value] || value.native) {
|
||
if (this.props.currentGenerator) forceRerenderGenerator = true;
|
||
this.props.currentGenerator = value;
|
||
this.props.generatorValues = {};
|
||
}
|
||
else {
|
||
delete this.props.currentGenerator;
|
||
delete this.props.generatorValues;
|
||
}
|
||
delete this.props.currentTheme;
|
||
if (preview) preview.executeJavaScriptSafe(`window.onmessage({
|
||
origin: "ThemeRepo",
|
||
reason: "NewTheme",
|
||
checked: true,
|
||
css: ${JSON.stringify((loadedThemes[value.value] || {}).fullCSS || "")}
|
||
})`);
|
||
else this.openPreview();
|
||
BDFDB.ReactUtils.forceUpdate(this);
|
||
}
|
||
}),
|
||
!this.props.currentGenerator ? null : (forceRerenderGenerator ? BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Flex, {
|
||
direction: BDFDB.LibraryComponents.Flex.Direction.VERTICAL,
|
||
justify: BDFDB.LibraryComponents.Flex.Justify.CENTER,
|
||
style: {marginTop: "50%"},
|
||
children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Spinner, {
|
||
type: BDFDB.LibraryComponents.Spinner.Type.WANDERING_CUBES
|
||
})
|
||
}) : [
|
||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SettingsItem, {
|
||
className: BDFDB.disCN.marginbottom20,
|
||
type: "Button",
|
||
label: "Download generated Theme",
|
||
children: "Download",
|
||
onClick: _ => {
|
||
if (this.props.currentGenerator.native) {
|
||
_this.createThemeFile("Discord.theme.css", `/**\n * @name Discord\n * @description Allow you to easily customize discords native look ßn * @author DevilBro\n * @version 1.0.0\n * @authorId 278543574059057154\n * @invite Jx3TjNS\n * @donate https://www.paypal.me/MircoWittrien\n * @patreon https://www.patreon.com/MircoWittrien\n */\n\n` + _this.generateTheme(nativeCSSvars, this.props.generatorValues));
|
||
}
|
||
else if (loadedThemes[this.props.currentGenerator.value]) {
|
||
_this.createThemeFile(loadedThemes[this.props.currentGenerator.value].name + ".theme.css", _this.generateTheme(loadedThemes[this.props.currentGenerator.value].fullCSS, this.props.generatorValues));
|
||
}
|
||
}
|
||
}),
|
||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.FormComponents.FormDivider, {
|
||
className: BDFDB.disCN.marginbottom20
|
||
}),
|
||
(_ => {
|
||
let vars = this.props.currentGenerator.native ? nativeCSSvars.split(".theme-dark, .theme-light") : loadedThemes[this.props.currentGenerator.value].fullCSS.split(":root");
|
||
if (vars.length < 2) return null;
|
||
vars = vars[1].replace(/\t\(/g, " (").replace(/\r|\t| {2,}/g, "").replace(/\/\*\n*((?!\/\*|\*\/).|\n)*\n+((?!\/\*|\*\/).|\n)*\n*\*\//g, "").replace(/\n\/\*.*?\*\//g, "").replace(/\n/g, "");
|
||
vars = vars.split("{");
|
||
vars.shift();
|
||
vars = vars.join("{").replace(/\s*(:|;|--|\*)\s*/g, "$1");
|
||
vars = vars.split("}")[0];
|
||
vars = vars.slice(2).split(/;--|\*\/--/);
|
||
let inputRefs = [];
|
||
for (let varStr of vars) {
|
||
varStr = varStr.split(":");
|
||
let varName = varStr.shift().trim();
|
||
varStr = varStr.join(":").split(/;[^A-z0-9]|\/\*/);
|
||
let oldValue = varStr.shift().trim();
|
||
if (oldValue) {
|
||
let childType = "text", childMode = "";
|
||
let isColor = BDFDB.ColorUtils.getType(oldValue);
|
||
let isComp = !isColor && /^[0-9 ]+,[0-9 ]+,[0-9 ]+$/g.test(oldValue);
|
||
if (isColor || isComp) {
|
||
childType = "color";
|
||
childMode = isComp && "comp";
|
||
}
|
||
else {
|
||
let isUrlFile = /url\(.+\)/gi.test(oldValue);
|
||
let isFile = !isUrlFile && /(http(s)?):\/\/[(www\.)?a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/.test(oldValue);
|
||
if (isFile || isUrlFile) {
|
||
childType = "file";
|
||
childMode = isUrlFile && "url";
|
||
}
|
||
}
|
||
let varDescription = varStr.join("").replace(/\*\/|\/\*/g, "").replace(/:/g, ": ").replace(/: \//g, ":/").replace(/--/g, " --").replace(/\( --/g, "(--").trim();
|
||
this.props.generatorValues[varName] = {value: oldValue, oldValue};
|
||
inputRefs.push(BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SettingsItem, {
|
||
dividerBottom: vars[vars.length-1] != varStr,
|
||
type: "TextInput",
|
||
childProps: {
|
||
type: childType,
|
||
mode: childMode,
|
||
filter: childType == "file" && "image"
|
||
},
|
||
label: varName[0].toUpperCase() + varName.slice(1),
|
||
note: varDescription && varDescription.indexOf("*") == 0 ? varDescription.slice(1) : varDescription,
|
||
basis: "70%",
|
||
value: oldValue,
|
||
placeholder: oldValue,
|
||
onChange: value => {
|
||
BDFDB.TimeUtils.clear(updateGeneratorTimeout);
|
||
updateGeneratorTimeout = BDFDB.TimeUtils.timeout(_ => {
|
||
this.props.generatorValues[varName] = {value, oldValue};
|
||
if (preview) preview.executeJavaScriptSafe(`window.onmessage({
|
||
origin: "ThemeRepo",
|
||
reason: "NewTheme",
|
||
checked: true,
|
||
css: ${JSON.stringify(_this.generateTheme(this.props.currentGenerator.native ? nativeCSSvars : loadedThemes[this.props.currentGenerator.value].fullCSS, this.props.generatorValues) || "")}
|
||
})`);
|
||
}, 1000);
|
||
}
|
||
}));
|
||
}
|
||
}
|
||
return inputRefs;
|
||
})()
|
||
])
|
||
].flat(10).filter(n => n)
|
||
}),
|
||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.ModalComponents.ModalTabContent, {
|
||
tab: BDFDB.LanguageUtils.LanguageStrings.SETTINGS,
|
||
open: this.props.tab == BDFDB.LanguageUtils.LanguageStrings.SETTINGS,
|
||
render: false,
|
||
children: [
|
||
!automaticLoading && BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Flex, {
|
||
className: BDFDB.disCN.marginbottom20,
|
||
children: BDFDB.ReactUtils.createElement("div", {
|
||
className: BDFDB.disCNS.settingsrowtitle + BDFDB.disCNS.settingsrowtitledefault + BDFDB.disCN.cursordefault,
|
||
children: "To experience ThemeRepo in the best way. I would recommend you to enable BD intern reload function, that way all downloaded files are loaded into Discord without the need to reload."
|
||
})
|
||
}),
|
||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SettingsItem, {
|
||
type: "Switch",
|
||
margin: 20,
|
||
label: "Preview in light mode",
|
||
value: this.props.useLightMode,
|
||
onChange: (value, instance) => {
|
||
this.props.useLightMode = value;
|
||
if (preview) preview.executeJavaScriptSafe(`window.onmessage({
|
||
origin: "ThemeRepo",
|
||
reason: "DarkLight",
|
||
checked: ${this.props.useLightMode}
|
||
})`);
|
||
}
|
||
}),
|
||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SettingsItem, {
|
||
type: "Switch",
|
||
margin: 20,
|
||
label: "Preview with useNormalizer classes",
|
||
value: this.props.useNormalizer,
|
||
onChange: (value, instance) => {
|
||
this.props.useNormalizer = value;
|
||
if (preview) preview.executeJavaScriptSafe(`window.onmessage({
|
||
origin: "ThemeRepo",
|
||
reason: "Normalize",
|
||
checked: ${this.props.useNormalizer}
|
||
})`);
|
||
}
|
||
}),
|
||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SettingsItem, {
|
||
type: "Switch",
|
||
margin: 20,
|
||
label: "Include Custom CSS in Preview",
|
||
value: this.props.useCustomCSS,
|
||
onChange: (value, instance) => {
|
||
this.props.useCustomCSS = value;
|
||
let customCSS = document.querySelector("style#customcss");
|
||
if (preview && customCSS && customCSS.innerText.length > 0) preview.executeJavaScriptSafe(`window.onmessage({
|
||
origin: "ThemeRepo",
|
||
reason: "CustomCSS",
|
||
checked: ${this.props.useCustomCSS},
|
||
css: ${JSON.stringify(customCSS.innerText || "")}
|
||
})`);
|
||
}
|
||
}),
|
||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SettingsItem, {
|
||
type: "Switch",
|
||
margin: 20,
|
||
label: "Include ThemeFixer CSS in Preview",
|
||
value: this.props.useThemeFixer,
|
||
onChange: (value, instance) => {
|
||
this.props.useThemeFixer = value;
|
||
BDFDB.LibraryRequires.request("https://mwittrien.github.io/BetterDiscordAddons/Plugins/ThemeRepo/_res/ThemeFixer.css", (error, response, body) => {
|
||
if (preview) preview.executeJavaScriptSafe(`window.onmessage({
|
||
origin: "ThemeRepo",
|
||
reason: "ThemeFixer",
|
||
checked: ${this.props.useThemeFixer},
|
||
css: ${JSON.stringify(_this.createFixerCSS(body) || "")}
|
||
})`);
|
||
});
|
||
}
|
||
}),
|
||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SettingsItem, {
|
||
type: "Button",
|
||
margin: 20,
|
||
label: "Download ThemeFixer",
|
||
children: "Download",
|
||
onClick: _ => {
|
||
BDFDB.LibraryRequires.request("https://mwittrien.github.io/BetterDiscordAddons/Plugins/ThemeRepo/_res/ThemeFixer.css", (error, response, body) => {
|
||
_this.createThemeFile("ThemeFixer.theme.css", `/**\n * @name ThemeFixer\n * @description ThemeFixerCSS for transparent themes\n * @author DevilBro\n * @version 1.0.3\n * @authorId 278543574059057154\n * @invite Jx3TjNS\n * @donate https://www.paypal.me/MircoWittrien\n * @patreon https://www.patreon.com/MircoWittrien\n */\n\n` + _this.createFixerCSS(body));
|
||
});
|
||
}
|
||
}),
|
||
Object.keys(modalSettings).map(key => BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SettingsSaveItem, {
|
||
className: BDFDB.disCN.marginbottom20,
|
||
type: "Switch",
|
||
plugin: _this,
|
||
keys: ["modalSettings", key],
|
||
label: _this.defaults.modalSettings[key].description,
|
||
note: key == "rnmStart" && !automaticLoading && "Automatic Loading has to be enabled",
|
||
disabled: key == "rnmStart" && !automaticLoading,
|
||
value: this.props[key],
|
||
onChange: (value, instance) => {
|
||
this.props[key] = value;
|
||
BDFDB.ReactUtils.forceUpdate(this);
|
||
}
|
||
}))
|
||
].flat(10).filter(n => n)
|
||
})
|
||
];
|
||
}
|
||
};
|
||
|
||
const RepoCardComponent = class ThemeCard extends BdApi.React.Component {
|
||
render() {
|
||
let buttonConfig = buttonData[(Object.entries(themeStates).find(n => n[1] == this.props.theme.state) || [])[0]];
|
||
return buttonConfig && BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.AddonCard, {
|
||
icon: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SvgIcon, {
|
||
className: BDFDB.disCN._repoicon,
|
||
nativeClass: true,
|
||
iconSVG: `<svg viewBox="0 0 24 24" fill="#FFFFFF" style="width: 18px; height: 18px;"><path d="M0 0h24v24H0z" fill="none"></path><path d="M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z"></path></svg>`
|
||
}),
|
||
data: this.props.theme,
|
||
controls: [
|
||
this.props.theme.new == newStates.NEW && BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Badges.TextBadge, {
|
||
style: {
|
||
borderRadius: 3,
|
||
textTransform: "uppercase",
|
||
background: BDFDB.DiscordConstants.Colors.STATUS_YELLOW
|
||
},
|
||
text: BDFDB.LanguageUtils.LanguageStrings.NEW
|
||
}),
|
||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.FavButton, {
|
||
className: BDFDB.disCN._repocontrolsbutton,
|
||
isFavorite: this.props.theme.fav == favStates.FAVORIZED,
|
||
onClick: value => {
|
||
this.props.theme.fav = value ? favStates.FAVORIZED : favStates.NOT_FAVORIZED;
|
||
if (value) favorites.push(this.props.theme.url);
|
||
else BDFDB.ArrayUtils.remove(favorites, this.props.theme.url, true);
|
||
BDFDB.DataUtils.save(favorites, _this, "favorites");
|
||
}
|
||
}),
|
||
!isBeta && BDFDB.ReactUtils.createElement("div", {
|
||
className: BDFDB.disCN._repocontrolsbutton,
|
||
children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.TooltipContainer, {
|
||
text: "Go to Source",
|
||
children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SvgIcon, {
|
||
name: BDFDB.LibraryComponents.SvgIcon.Names.GITHUB,
|
||
className: BDFDB.disCN._repoicon,
|
||
onClick: _ => {
|
||
let gitUrl = null;
|
||
if (this.props.theme.url.indexOf("https://raw.githubusercontent.com") == 0) {
|
||
let temp = this.props.theme.url.replace("//raw.githubusercontent", "//github").split("/");
|
||
temp.splice(5, 0, "blob");
|
||
gitUrl = temp.join("/");
|
||
}
|
||
else if (this.props.theme.url.indexOf("https://gist.githubusercontent.com/") == 0) {
|
||
gitUrl = this.props.theme.url.replace("//gist.githubusercontent", "//gist.github").split("/raw/")[0];
|
||
}
|
||
if (gitUrl) BDFDB.DiscordUtils.openLink(gitUrl);
|
||
}
|
||
})
|
||
})
|
||
}),
|
||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Switch, {
|
||
value: list && list.props.currentTheme && list.props.currentTheme.url == this.props.theme.url,
|
||
onChange: (value, instance) => {
|
||
if (!list) return;
|
||
|
||
if (list.props.currentTheme) for (let ins of BDFDB.ReactUtils.findOwner(BDFDB.ObjectUtils.get(this, `${BDFDB.ReactUtils.instanceKey}.return`), {name: "ThemeCard", all: true}).filter(ins => ins && ins.props && ins.props.theme && ins.props.theme.url == list.props.currentTheme.url)) BDFDB.ReactUtils.forceUpdate(ins);
|
||
|
||
if (value) list.props.currentTheme = this.props.theme;
|
||
else delete list.props.currentTheme;
|
||
delete list.props.currentGenerator;
|
||
delete list.props.generatorValues;
|
||
|
||
if (preview) preview.executeJavaScriptSafe(`window.onmessage({
|
||
origin: "ThemeRepo",
|
||
reason: "NewTheme",
|
||
checked: ${value},
|
||
css: ${JSON.stringify(this.props.theme.css || "")}
|
||
})`);
|
||
else list.openPreview();
|
||
|
||
BDFDB.ReactUtils.forceUpdate(this);
|
||
}
|
||
})
|
||
],
|
||
links: isBeta && [{
|
||
label: "Source",
|
||
icon: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SvgIcon, {
|
||
name: BDFDB.LibraryComponents.SvgIcon.Names.GITHUB,
|
||
nativeClass: true,
|
||
width: 18,
|
||
height: 18
|
||
}),
|
||
onClick: _ => {
|
||
let gitUrl = null;
|
||
if (this.props.theme.url.indexOf("https://raw.githubusercontent.com") == 0) {
|
||
let temp = this.props.theme.url.replace("//raw.githubusercontent", "//github").split("/");
|
||
temp.splice(5, 0, "blob");
|
||
gitUrl = temp.join("/");
|
||
}
|
||
else if (this.props.theme.url.indexOf("https://gist.githubusercontent.com/") == 0) {
|
||
gitUrl = this.props.theme.url.replace("//gist.githubusercontent", "//gist.github").split("/raw/")[0];
|
||
}
|
||
if (gitUrl) BDFDB.DiscordUtils.openLink(gitUrl);
|
||
}
|
||
}],
|
||
buttons: isBeta ? [
|
||
this.props.theme.state != themeStates.DOWNLOADABLE && BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.TooltipContainer, {
|
||
text: BDFDB.LanguageUtils.LanguageStrings.DELETE,
|
||
children: BDFDB.ReactUtils.createElement("div", {
|
||
className: BDFDB.disCNS._repobutton + BDFDB.disCNS._repocontrolsbutton + BDFDB.disCN._repobuttondanger,
|
||
onClick: _ => {
|
||
_this.removeTheme(this.props.theme);
|
||
_this.deleteThemeFile(this.props.theme);
|
||
this.props.theme.state = themeStates.DOWNLOADABLE;
|
||
BDFDB.ReactUtils.forceUpdate(this);
|
||
},
|
||
children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SvgIcon, {
|
||
name: BDFDB.LibraryComponents.SvgIcon.Names.TRASH,
|
||
nativeClass: true,
|
||
color: "#FFFFFF",
|
||
width: 20,
|
||
height: 20
|
||
})
|
||
})
|
||
}),
|
||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.TooltipContainer, {
|
||
text: BDFDB.LanguageUtils.LibraryStrings[buttonConfig.text],
|
||
children: BDFDB.ReactUtils.createElement("div", {
|
||
className: BDFDB.disCNS._repobutton + BDFDB.disCN._repocontrolsbutton,
|
||
style: {backgroundColor: BDFDB.DiscordConstants.Colors[buttonConfig.backgroundColor] || buttonConfig.backgroundColor},
|
||
onClick: _ => {
|
||
_this.downloadTheme(this.props.theme);
|
||
if (list && list.props.rnmStart) BDFDB.TimeUtils.timeout(_ => {
|
||
if (this.props.theme.state == themeStates.UPDATED) _this.applyTheme(this.props.theme);
|
||
}, 3000);
|
||
this.props.theme.state = themeStates.UPDATED;
|
||
BDFDB.ReactUtils.forceUpdate(this);
|
||
},
|
||
children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SvgIcon, {
|
||
name: BDFDB.LibraryComponents.SvgIcon.Names[buttonConfig.icon],
|
||
nativeClass: true,
|
||
color: "#FFFFFF",
|
||
width: 20,
|
||
height: 20
|
||
})
|
||
})
|
||
})
|
||
] : [
|
||
this.props.theme.state != themeStates.DOWNLOADABLE && BDFDB.ReactUtils.createElement("div", {
|
||
className: BDFDB.disCN._repocontrolsbutton,
|
||
children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.TooltipContainer, {
|
||
text: BDFDB.LanguageUtils.LanguageStrings.DELETE,
|
||
children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SvgIcon, {
|
||
name: BDFDB.LibraryComponents.SvgIcon.Names.NOVA_TRASH,
|
||
className: BDFDB.disCN._repoicon,
|
||
onClick: (e, instance) => {
|
||
_this.removeTheme(this.props.theme);
|
||
_this.deleteThemeFile(this.props.theme);
|
||
this.props.theme.state = themeStates.DOWNLOADABLE;
|
||
BDFDB.ReactUtils.forceUpdate(this);
|
||
}
|
||
})
|
||
})
|
||
}),
|
||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Button, {
|
||
size: BDFDB.LibraryComponents.Button.Sizes.MIN,
|
||
color: BDFDB.LibraryComponents.Button.Colors[buttonConfig.colorClass],
|
||
style: {backgroundColor: BDFDB.DiscordConstants.Colors[buttonConfig.backgroundColor] || buttonConfig.backgroundColor},
|
||
children: buttonConfig.text,
|
||
onClick: (e, instance) => {
|
||
_this.downloadTheme(this.props.theme);
|
||
if (list && list.props.rnmStart) BDFDB.TimeUtils.timeout(_ => {
|
||
if (this.props.theme.state == themeStates.UPDATED) _this.applyTheme(this.props.theme);
|
||
}, 3000);
|
||
this.props.theme.state = themeStates.UPDATED;
|
||
BDFDB.ReactUtils.forceUpdate(this);
|
||
}
|
||
})
|
||
]
|
||
});
|
||
}
|
||
};
|
||
|
||
const RepoListHeaderComponent = class ThemeListHeader extends BdApi.React.Component {
|
||
componentDidMount() {
|
||
header = this;
|
||
}
|
||
render() {
|
||
if (!this.props.tab) this.props.tab = "Themes";
|
||
return BDFDB.ReactUtils.createElement("div", {
|
||
className: BDFDB.disCN._repolistheader,
|
||
children: [
|
||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Flex, {
|
||
className: BDFDB.disCN.marginbottom4,
|
||
align: BDFDB.LibraryComponents.Flex.Align.CENTER,
|
||
children: [
|
||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.FormComponents.FormTitle, {
|
||
tag: BDFDB.LibraryComponents.FormComponents.FormTitle.Tags.H2,
|
||
className: BDFDB.disCN.marginreset,
|
||
children: `Theme Repo — ${loading.is ? 0 : this.props.amount || 0}/${loading.is ? 0 : Object.keys(loadedThemes).length}`
|
||
}),
|
||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Flex.Child, {
|
||
children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SearchBar, {
|
||
autoFocus: true,
|
||
query: this.props.searchString,
|
||
onChange: (value, instance) => {
|
||
if (loading.is) return;
|
||
BDFDB.TimeUtils.clear(searchTimeout);
|
||
searchTimeout = BDFDB.TimeUtils.timeout(_ => {
|
||
this.props.searchString = list.props.searchString = value.replace(/[<|>]/g, "");
|
||
BDFDB.ReactUtils.forceUpdate(this, list);
|
||
}, 1000);
|
||
},
|
||
onClear: instance => {
|
||
if (loading.is) return;
|
||
this.props.searchString = list.props.searchString = "";
|
||
BDFDB.ReactUtils.forceUpdate(this, list);
|
||
}
|
||
})
|
||
})
|
||
]
|
||
}),
|
||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Flex, {
|
||
className: BDFDB.disCNS.tabbarcontainer + BDFDB.disCN.tabbarcontainerbottom,
|
||
align: BDFDB.LibraryComponents.Flex.Align.CENTER,
|
||
children: [
|
||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Flex.Child, {
|
||
children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.TabBar, {
|
||
className: BDFDB.disCN.tabbar,
|
||
itemClassName: BDFDB.disCN.tabbaritem,
|
||
type: BDFDB.LibraryComponents.TabBar.Types.TOP,
|
||
selectedItem: this.props.tab,
|
||
items: [{value: "Themes"}, {value: "Generator"}, {value: BDFDB.LanguageUtils.LanguageStrings.SETTINGS}],
|
||
onItemSelect: (value, instance) => {
|
||
this.props.tab = list.props.tab = value;
|
||
BDFDB.ReactUtils.forceUpdate(list);
|
||
}
|
||
})
|
||
}),
|
||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Flex.Child, {
|
||
children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.QuickSelect, {
|
||
label: BDFDB.LanguageUtils.LibraryStrings.sort_by + ":",
|
||
value: {
|
||
label: sortKeys[this.props.sortKey],
|
||
value: this.props.sortKey
|
||
},
|
||
options: Object.keys(sortKeys).filter(n => n != "NEW" || Object.keys(loadedThemes).some(p => !cachedThemes.includes(p))).map(key => ({
|
||
label: sortKeys[key],
|
||
value: key
|
||
})),
|
||
onChange: (key, instance) => {
|
||
this.props.sortKey = list.props.sortKey = key;
|
||
BDFDB.ReactUtils.forceUpdate(this, list);
|
||
}
|
||
})
|
||
}),
|
||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Flex.Child, {
|
||
children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.QuickSelect, {
|
||
label: BDFDB.LanguageUtils.LibraryStrings.order + ":",
|
||
value: {
|
||
label: BDFDB.LanguageUtils.LibraryStrings[orderKeys[this.props.orderKey]],
|
||
value: this.props.orderKey
|
||
},
|
||
options: Object.keys(orderKeys).map(key => ({
|
||
label: BDFDB.LanguageUtils.LibraryStrings[orderKeys[key]],
|
||
value: key
|
||
})),
|
||
onChange: (key, instance) => {
|
||
this.props.orderKey = list.props.orderKey = key;
|
||
BDFDB.ReactUtils.forceUpdate(this, list);
|
||
}
|
||
})
|
||
})
|
||
]
|
||
})
|
||
]
|
||
});
|
||
}
|
||
};
|
||
return class ThemeRepo extends Plugin {
|
||
onLoad () {
|
||
_this = this;
|
||
|
||
loading = {is: false, timeout: null, amount: 0};
|
||
|
||
cachedThemes = [];
|
||
grabbedThemes = [];
|
||
foundThemes = [];
|
||
loadedThemes = {};
|
||
generatorThemes = [];
|
||
|
||
this.defaults = {
|
||
settings: {
|
||
keepOnTop: {value: false, description: "Keep the Preview Window always on top"},
|
||
notifyOutdated: {value: true, description: "Get a Notification when one of your Themes is outdated"},
|
||
notifyNewentries: {value: true, description: "Get a Notification when there are new Entries in the Repo"}
|
||
},
|
||
modalSettings: {
|
||
updated: {value: true, modify: true, description: "Show updated Themes",},
|
||
outdated: {value: true, modify: true, description: "Show outdated Themes"},
|
||
downloadable: {value: true, modify: true, description: "Show downloadable Themes"},
|
||
rnmStart: {value: true, modify: false, description: "Apply Theme after Download"}
|
||
}
|
||
};
|
||
|
||
this.patchedModules = {
|
||
before: {
|
||
SettingsView: "render"
|
||
},
|
||
after: {
|
||
StandardSidebarView: "render"
|
||
}
|
||
};
|
||
}
|
||
|
||
onStart () {
|
||
this.forceUpdateAll();
|
||
|
||
this.loadThemes();
|
||
|
||
updateInterval = BDFDB.TimeUtils.interval(_ => {this.checkForNewThemes();}, 1000*60*30);
|
||
}
|
||
|
||
onStop () {
|
||
BDFDB.TimeUtils.clear(updateInterval);
|
||
BDFDB.TimeUtils.clear(loading.timeout);
|
||
|
||
this.forceUpdateAll();
|
||
|
||
BDFDB.DOMUtils.remove(BDFDB.dotCN._themereponotice, BDFDB.dotCN._themerepoloadingicon);
|
||
}
|
||
|
||
getSettingsPanel (collapseStates = {}) {
|
||
let customUrl = "";
|
||
let settingsPanel, settingsItems = [];
|
||
|
||
settingsItems.push(BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.CollapseContainer, {
|
||
title: "Settings",
|
||
collapseStates: collapseStates,
|
||
children: Object.keys(settings).map(key => BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SettingsSaveItem, {
|
||
type: "Switch",
|
||
plugin: this,
|
||
keys: ["settings", key],
|
||
label: this.defaults.settings[key].description,
|
||
value: settings[key]
|
||
}))
|
||
}));
|
||
settingsItems.push(BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.CollapseContainer, {
|
||
title: "Custom Themes",
|
||
collapseStates: collapseStates,
|
||
children: [
|
||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.FormComponents.FormItem, {
|
||
title: "Add Theme:",
|
||
tag: BDFDB.LibraryComponents.FormComponents.FormTitleTags.H3,
|
||
className: BDFDB.disCNS.margintop4 + BDFDB.disCN.marginbottom8,
|
||
children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Flex, {
|
||
align: BDFDB.LibraryComponents.Flex.Align.CENTER,
|
||
children: [
|
||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Flex.Child, {
|
||
children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.TextInput, {
|
||
placeholder: "Insert Raw Github Link of Theme (https://raw.githubusercontent.com/...)",
|
||
onChange: value => {customUrl = value.trim();}
|
||
})
|
||
}),
|
||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Button, {
|
||
onClick: _ => {
|
||
if (customUrl) {
|
||
customList.push(customUrl);
|
||
BDFDB.DataUtils.save(BDFDB.ArrayUtils.removeCopies(customList), this, "custom");
|
||
BDFDB.PluginUtils.refreshSettingsPanel(this, settingsPanel, collapseStates);
|
||
}
|
||
},
|
||
children: BDFDB.LanguageUtils.LanguageStrings.ADD
|
||
})
|
||
]
|
||
})
|
||
}),
|
||
customList.length ? BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SettingsPanelList, {
|
||
title: "Custom Theme List:",
|
||
className: BDFDB.disCNS.margintop8 + BDFDB.disCN.marginbottom20,
|
||
children: customList.map(url => BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Card, {
|
||
children: url,
|
||
onRemove: _ => {
|
||
BDFDB.ArrayUtils.remove(customList, url, true);
|
||
BDFDB.DataUtils.save(customList, this, "custom");
|
||
BDFDB.PluginUtils.refreshSettingsPanel(this, settingsPanel, collapseStates);
|
||
}
|
||
}))
|
||
}) : null,
|
||
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SettingsItem, {
|
||
type: "Button",
|
||
margin: 0,
|
||
color: BDFDB.LibraryComponents.Button.Colors.RED,
|
||
label: "Remove all custom added Themes",
|
||
onClick: _ => {
|
||
BDFDB.ModalUtils.confirm(this, "Are you sure you want to remove all added Themes from your own List", _ => {
|
||
BDFDB.DataUtils.save([], this, "custom");
|
||
BDFDB.PluginUtils.refreshSettingsPanel(this, settingsPanel, collapseStates);
|
||
});
|
||
},
|
||
children: BDFDB.LanguageUtils.LanguageStrings.REMOVE
|
||
})
|
||
].flat(10).filter(n => n)
|
||
}));
|
||
settingsItems.push(BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.CollapseContainer, {
|
||
title: "Refetch All",
|
||
collapseStates: collapseStates,
|
||
children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SettingsItem, {
|
||
type: "Button",
|
||
margin: 0,
|
||
label: "Force all Themes to be fetched again",
|
||
onClick: _ => {
|
||
loading = {is: false, timeout: null, amount: 0};
|
||
this.loadThemes();
|
||
},
|
||
children: BDFDB.LanguageUtils.LanguageStrings.ERRORS_RELOAD
|
||
})
|
||
}));
|
||
|
||
return settingsPanel = BDFDB.PluginUtils.createSettingsPanel(this, settingsItems);
|
||
}
|
||
|
||
onSettingsClosed () {
|
||
if (this.SettingsUpdated) {
|
||
delete this.SettingsUpdated;
|
||
this.forceUpdateAll();
|
||
}
|
||
}
|
||
|
||
forceUpdateAll () {
|
||
settings = BDFDB.DataUtils.get(this, "settings");
|
||
modalSettings = BDFDB.DataUtils.get(this, "modalSettings");
|
||
favorites = BDFDB.DataUtils.load(this, "favorites");
|
||
favorites = BDFDB.ArrayUtils.is(favorites) ? favorites : [];
|
||
customList = BDFDB.DataUtils.load(this, "custom");
|
||
customList = BDFDB.ArrayUtils.is(customList) ? customList : [];
|
||
|
||
BDFDB.PatchUtils.forceAllUpdates(this);
|
||
}
|
||
|
||
onUserSettingsCogContextMenu (e) {
|
||
BDFDB.TimeUtils.timeout(_ => {
|
||
let [children, index] = BDFDB.ReactUtils.findParent(e.returnvalue, {props: [["label", ["BandagedBD", "BetterDiscord"]]]});
|
||
if (index > -1 && BDFDB.ArrayUtils.is(children[index].props.children)) children[index].props.children.push(BDFDB.ContextMenuUtils.createItem(BDFDB.LibraryComponents.MenuItems.MenuItem, {
|
||
label: "Theme Repo",
|
||
id: BDFDB.ContextMenuUtils.createItemId(this.name, "repo"),
|
||
action: _ => {
|
||
BDFDB.LibraryModules.UserSettingsUtils.open("themerepo");
|
||
}
|
||
}));
|
||
});
|
||
}
|
||
|
||
processSettingsView (e) {
|
||
if (BDFDB.ArrayUtils.is(e.instance.props.sections) && e.instance.props.sections[0] && e.instance.props.sections[0].label == BDFDB.LanguageUtils.LanguageStrings.USER_SETTINGS) {
|
||
e.instance.props.sections = e.instance.props.sections.filter(n => n.section != "themerepo");
|
||
let index = e.instance.props.sections.indexOf(e.instance.props.sections.find(n => n.section == "pluginrepo") || e.instance.props.sections.find(n => n.section == "themes") || e.instance.props.sections.find(n => n.section == BDFDB.DiscordConstants.UserSettingsSections.DEVELOPER_OPTIONS) || e.instance.props.sections.find(n => n.section == BDFDB.DiscordConstants.UserSettingsSections.HYPESQUAD_ONLINE));
|
||
if (index > -1) {
|
||
e.instance.props.sections.splice(index + 1, 0, {
|
||
section: "themerepo",
|
||
label: "Theme Repo",
|
||
element: _ => {
|
||
let options = Object.assign({}, modalSettings);
|
||
options.updated = options.updated && !showOnlyOutdated;
|
||
options.outdated = options.outdated || showOnlyOutdated;
|
||
options.downloadable = options.downloadable && !showOnlyOutdated;
|
||
options.searchString = "";
|
||
options.sortKey = forcedSort || Object.keys(sortKeys)[0];
|
||
options.orderKey = forcedOrder || Object.keys(orderKeys)[0];
|
||
options.useLightMode = BDFDB.DiscordUtils.getTheme() == BDFDB.disCN.themelight;
|
||
options.useNormalizer = BDFDB.BDUtils.getSettings(BDFDB.BDUtils.settingsIds.normalizedClasses);
|
||
options.useThemeFixer = false;
|
||
options.useCustomCSS = false;
|
||
|
||
return BDFDB.ReactUtils.createElement(RepoListComponent, options);
|
||
}
|
||
});
|
||
if (!e.instance.props.sections.find(n => n.section == "plugins" || n.section == "pluginrepo")) e.instance.props.sections.splice(index + 1, 0, {section: "DIVIDER"});
|
||
}
|
||
}
|
||
}
|
||
|
||
processStandardSidebarView (e) {
|
||
if (BDFDB.ObjectUtils.get(e, "instance.props.content.props.section") == "themerepo") {
|
||
let content = BDFDB.ReactUtils.findChild(e.returnvalue, {props: [["className", BDFDB.disCN.settingswindowcontentregion]]});
|
||
if (content) content.props.className = BDFDB.DOMUtils.formatClassName(BDFDB.disCN._repolistwrapper, content.props.className);
|
||
let [children, index] = BDFDB.ReactUtils.findParent(e.returnvalue, {props: [["className", BDFDB.disCN.settingswindowcontentregionscroller]]});
|
||
if (index > -1) {
|
||
let options = {};
|
||
options.searchString = "";
|
||
options.sortKey = forcedSort || Object.keys(sortKeys)[0];
|
||
options.orderKey = forcedOrder || Object.keys(orderKeys)[0];
|
||
children[index] = [
|
||
BDFDB.ReactUtils.createElement(RepoListHeaderComponent, options),
|
||
children[index]
|
||
];
|
||
}
|
||
}
|
||
}
|
||
|
||
createFixerCSS (body) {
|
||
let oldcss = body.replace(/\n/g, "\\n").replace(/\t/g, "\\t").replace(/\r/g, "\\r").split("REPLACE_CLASS_");
|
||
let newcss = oldcss.shift();
|
||
for (let str of oldcss) {
|
||
let reg = /([A-z0-9_]+)(.*)/.exec(str);
|
||
newcss += BDFDB.dotCN[reg[1]] + reg[2];
|
||
}
|
||
return newcss.replace(/\\n/g, "\n").replace(/\\t/g, "\t").replace(/\\r/g, "\r");
|
||
}
|
||
|
||
createGeneratorInputs (theme, generatorValues) {
|
||
if (!BDFDB.ObjectUtils.is(theme) || !BDFDB.ObjectUtils.is(generatorValues) || !theme.fullCSS) return null;
|
||
return inputRefs;
|
||
}
|
||
|
||
generateTheme (fullCSS, generatorValues) {
|
||
if (!fullCSS || !BDFDB.ObjectUtils.is(generatorValues)) return "";
|
||
for (let inputId in generatorValues) if (generatorValues[inputId].value && generatorValues[inputId].value.trim() && generatorValues[inputId].value != generatorValues[inputId].oldValue) fullCSS = fullCSS.replace(new RegExp(`--${BDFDB.StringUtils.regEscape(inputId)}(\\s*):(\\s*)${BDFDB.StringUtils.regEscape(generatorValues[inputId].oldValue)}`,"g"),`--${inputId}$1: $2${generatorValues[inputId].value}`);
|
||
return fullCSS;
|
||
}
|
||
|
||
loadThemes () {
|
||
BDFDB.DOMUtils.remove(BDFDB.dotCN._themerepoloadingicon);
|
||
let getThemeInfo, outdated = 0, newEntries = 0, i = 0;
|
||
let tags = ["name", "description", "author", "version"];
|
||
let newEntriesData = BDFDB.DataUtils.load(this, "newentriesdata");
|
||
cachedThemes = (newEntriesData.urlbase64 ? atob(newEntriesData.urlbase64).split("\n") : []).concat(customList);
|
||
BDFDB.LibraryRequires.request("https://mwittrien.github.io/BetterDiscordAddons/Plugins/ThemeRepo/_res/ThemeList.txt", (error, response, body) => {
|
||
if (!error && body) {
|
||
body = body.replace(/[\r\t]/g, "");
|
||
BDFDB.DataUtils.save(btoa(body), this, "newentriesdata", "urlbase64");
|
||
|
||
loadedThemes = {};
|
||
grabbedThemes = body.split("\n").filter(n => n);
|
||
foundThemes = grabbedThemes.concat(customList);
|
||
|
||
loading = {is: true, timeout: BDFDB.TimeUtils.timeout(_ => {
|
||
BDFDB.TimeUtils.clear(loading.timeout);
|
||
if (this.started) {
|
||
if (loading.is && loading.amount < 4) BDFDB.TimeUtils.timeout(_ => {this.loadThemes();}, 10000);
|
||
loading = {is: false, timeout: null, amount: loading.amount};
|
||
}
|
||
}, 1200000), amount: loading.amount+1};
|
||
|
||
let loadingIcon = BDFDB.DOMUtils.create(themeRepoIcon.replace(/COLOR_1/gi, "var(--bdfdb-blurple)").replace(/COLOR_2/gi, "#72767d"));
|
||
BDFDB.DOMUtils.addClass(loadingIcon, BDFDB.disCN._themerepoloadingicon);
|
||
loadingIcon.addEventListener("mouseenter", _ => {
|
||
BDFDB.TooltipUtils.create(loadingIcon, this.getLoadingTooltipText(), {
|
||
type: "left",
|
||
className: BDFDB.disCN._themerepoloadingtooltip,
|
||
delay: 500,
|
||
style: "max-width: unset;"
|
||
});
|
||
});
|
||
BDFDB.PluginUtils.addLoadingIcon(loadingIcon);
|
||
|
||
getThemeInfo(_ => {
|
||
if (!this.started) {
|
||
BDFDB.TimeUtils.clear(loading.timeout);
|
||
return;
|
||
}
|
||
BDFDB.TimeUtils.clear(loading.timeout);
|
||
BDFDB.DOMUtils.remove(loadingIcon, BDFDB.dotCN._themerepoloadingicon);
|
||
loading = {is: false, timeout: null, amount: loading.amount};
|
||
|
||
BDFDB.LogUtils.log("Finished fetching Themes", this.name);
|
||
if (list) BDFDB.ReactUtils.forceUpdate(list);
|
||
|
||
if (settings.notifyOutdated && outdated > 0) {
|
||
document.querySelector(BDFDB.dotCN._themerepooutdatednotice)?.close();
|
||
BDFDB.NotificationUtils.notice(this.labels.notice_outdated_themes.replace("{{var0}}", outdated), {
|
||
type: "danger",
|
||
className: BDFDB.disCNS._themereponotice + BDFDB.disCN._themerepooutdatednotice,
|
||
customIcon: themeRepoIcon.replace(/COLOR_1/gi, "#fff").replace(/COLOR_2/gi, "#b9bbbe"),
|
||
buttons: [{
|
||
contents: BDFDB.LanguageUtils.LanguageStrings.OPEN,
|
||
close: true,
|
||
onClick: _ => {
|
||
showOnlyOutdated = true;
|
||
BDFDB.LibraryModules.UserSettingsUtils.open("themerepo");
|
||
}
|
||
}]
|
||
});
|
||
}
|
||
|
||
if (settings.notifyNewEntries && newEntries > 0) {
|
||
document.querySelector(BDFDB.dotCN._themereponewentriesnotice)?.close();
|
||
BDFDB.NotificationUtils.notice(this.labels.notice_new_themes.replace("{{var0}}", newEntries), {
|
||
type: "success",
|
||
className: BDFDB.disCNS._themereponotice + BDFDB.disCN._themereponewentriesnotice,
|
||
customIcon: themeRepoIcon.replace(/COLOR_1/gi, "#fff").replace(/COLOR_2/gi, "#b9bbbe"),
|
||
buttons: [{
|
||
contents: BDFDB.LanguageUtils.LanguageStrings.OPEN,
|
||
close: true,
|
||
onClick: _ => {
|
||
forcedSort = "NEW";
|
||
forcedOrder = "ASC";
|
||
BDFDB.LibraryModules.UserSettingsUtils.open("themerepo");
|
||
}
|
||
}]
|
||
});
|
||
}
|
||
|
||
if (BDFDB.UserUtils.me.id == "278543574059057154") {
|
||
document.querySelector(BDFDB.dotCN._themerepofailnotice)?.close();
|
||
let wrongUrls = [];
|
||
for (let url of foundThemes) if (url && !loadedThemes[url] && !wrongUrls.includes(url)) wrongUrls.push(url);
|
||
if (wrongUrls.length) {
|
||
BDFDB.NotificationUtils.notice(this.labels.notice_failed_themes.replace("{{var0}}", wrongUrls.length), {
|
||
type: "danger",
|
||
className: BDFDB.disCNS._themereponotice + BDFDB.disCN._themerepofailnotice,
|
||
customIcon: themeRepoIcon.replace(/COLOR_1/gi, "#fff").replace(/COLOR_2/gi, "#b9bbbe"),
|
||
buttons: [{
|
||
contents: this.labels.list,
|
||
onClick: _ => {
|
||
let toast = BDFDB.NotificationUtils.toast(wrongUrls.join("\n"), {type: "danger"});
|
||
toast.style.setProperty("overflow", "hidden");
|
||
for (let url of wrongUrls) console.log(url);
|
||
}
|
||
}]
|
||
});
|
||
}
|
||
}
|
||
|
||
BDFDB.LibraryRequires.request("https://mwittrien.github.io/BetterDiscordAddons/Plugins/ThemeRepo/_res/GeneratorList.txt", (error3, response3, body3) => {
|
||
if (!error3 && body3) for (let url of body3.replace(/[\r\t]/g, "").split("\n").filter(n => n)) if (loadedThemes[url]) generatorThemes.push(url);
|
||
});
|
||
|
||
BDFDB.LibraryRequires.request(document.querySelector("head link[rel='stylesheet'][integrity]").href, (error3, response3, body3) => {
|
||
if (!error3 && body3) {
|
||
nativeCSS = body3;
|
||
let theme = BDFDB.DiscordUtils.getTheme();
|
||
let vars = (nativeCSS.split(`.${theme}{`)[1] || "").split("}")[0];
|
||
nativeCSSvars = vars ? `.theme-dark, .theme-light {${vars}}` : "";
|
||
}
|
||
else nativeCSS = nativeCSSvars = "";
|
||
});
|
||
});
|
||
}
|
||
});
|
||
|
||
getThemeInfo = (callback) => {
|
||
if (i >= foundThemes.length || !this.started || !loading.is) {
|
||
callback();
|
||
return;
|
||
}
|
||
let url = foundThemes[i];
|
||
BDFDB.LibraryRequires.request(url, (error, response, body) => {
|
||
if (!response) {
|
||
if (url && BDFDB.ArrayUtils.getAllIndexes(foundThemes, url).length < 2) foundThemes.push(url);
|
||
}
|
||
else if (body && body.indexOf("404: Not Found") != 0 && response.statusCode == 200) {
|
||
let theme = {}, text = body.trim();
|
||
if ((text.split("*//").length > 1 || text.indexOf("/**") == 0) && text.split("\n").length > 1) {
|
||
let hasMETAline = text.replace(/\s/g, "").indexOf("//META{");
|
||
if (hasMETAline < 20 && hasMETAline > -1) {
|
||
let searchText = text.replace(/\s*:\s*/g, ":").replace(/\s*}\s*/g, "}");
|
||
for (let tag of tags) {
|
||
let result = searchText.split('"' + tag + '":"');
|
||
result = result.length > 1 ? result[1].split('",')[0].split('"}')[0] : null;
|
||
result = result && tag != "version" ? result.charAt(0).toUpperCase() + result.slice(1) : result;
|
||
theme[tag] = result ? result.trim() : result;
|
||
}
|
||
}
|
||
else {
|
||
let searchText = text.replace(/[\r\t| ]*\*\s*/g, "*");
|
||
for (let tag of tags) {
|
||
let result = searchText.split('@' + tag + ' ');
|
||
result = result.length > 1 ? result[1].split('\n')[0] : null;
|
||
result = result && tag != "version" ? result.charAt(0).toUpperCase() + result.slice(1) : result;
|
||
theme[tag] = result ? result.trim() : result;
|
||
}
|
||
}
|
||
|
||
let valid = true;
|
||
for (let tag of tags) if (theme[tag] === null) {
|
||
if (tag == "author") theme[tag] = "???";
|
||
else valid = false;
|
||
}
|
||
if (valid) {
|
||
theme.fullCSS = text;
|
||
theme.css = hasMETAline < 20 && hasMETAline > -1 ? text.split("\n").slice(1).join("\n").replace(/[\r|\n|\t]/g, "") : text.replace(/[\r|\n|\t]/g, "");
|
||
theme.url = url;
|
||
loadedThemes[url] = theme;
|
||
let instTheme = BDFDB.BDUtils.getTheme(theme.name);
|
||
if (instTheme && instTheme.author && instTheme.author.toUpperCase() == theme.author.toUpperCase() && instTheme.version != theme.version) outdated++;
|
||
if (!cachedThemes.includes(url)) newEntries++;
|
||
}
|
||
}
|
||
}
|
||
i++;
|
||
|
||
let loadingTooltip = document.querySelector(BDFDB.dotCN._themerepoloadingtooltip);
|
||
if (loadingTooltip) loadingTooltip.update(this.getLoadingTooltipText());
|
||
|
||
getThemeInfo(callback);
|
||
});
|
||
}
|
||
}
|
||
|
||
getLoadingTooltipText () {
|
||
return BDFDB.LanguageUtils.LibraryStringsFormat("loading", `ThemeRepo - [${Object.keys(loadedThemes).length}/${Object.keys(grabbedThemes).length}]`);
|
||
}
|
||
|
||
checkForNewThemes () {
|
||
BDFDB.LibraryRequires.request("https://mwittrien.github.io/BetterDiscordAddons/Plugins/ThemeRepo/_res/ThemeList.txt", (error, response, result) => {
|
||
if (response && !BDFDB.equals(result.replace(/\t|\r/g, "").split("\n").filter(n => n), grabbedThemes)) {
|
||
loading = {is: false, timeout: null, amount: 0};
|
||
this.loadThemes();
|
||
}
|
||
});
|
||
}
|
||
|
||
downloadTheme (data) {
|
||
BDFDB.LibraryRequires.request(data.url, (error, response, body) => {
|
||
if (error) BDFDB.NotificationUtils.toast(BDFDB.LanguageUtils.LibraryStringsFormat("download_fail", `Theme "${data.name}"`), {type: "danger"});
|
||
else this.createThemeFile(data.url.split("/").pop(), body);
|
||
});
|
||
}
|
||
|
||
createThemeFile (filename, content) {
|
||
BDFDB.LibraryRequires.fs.writeFile(BDFDB.LibraryRequires.path.join(BDFDB.BDUtils.getThemesFolder(), filename), content, (error) => {
|
||
if (error) BDFDB.NotificationUtils.toast(BDFDB.LanguageUtils.LibraryStringsFormat("save_fail", `Theme "${filename}"`), {type: "danger"});
|
||
else BDFDB.NotificationUtils.toast(BDFDB.LanguageUtils.LibraryStringsFormat("save_success", `Theme "${filename}"`), {type: "success"});
|
||
});
|
||
}
|
||
|
||
applyTheme (data) {
|
||
if (data.name && BDFDB.BDUtils.isThemeEnabled(data.name) == false) {
|
||
let id = data.name.replace(/^[^a-z]+|[^\w-]+/gi, "-");
|
||
BDFDB.DOMUtils.remove(`style#${id}`);
|
||
BDFDB.BDUtils.enableTheme(data.name, false);
|
||
BDFDB.LogUtils.log(BDFDB.LanguageUtils.LibraryStringsFormat("toast_plugin_started", data.name), this.name);
|
||
}
|
||
}
|
||
|
||
deleteThemeFile (data) {
|
||
let filename = data.url.split("/").pop();
|
||
BDFDB.LibraryRequires.fs.unlink(BDFDB.LibraryRequires.path.join(BDFDB.BDUtils.getThemesFolder(), filename), (error) => {
|
||
if (error) BDFDB.NotificationUtils.toast(BDFDB.LanguageUtils.LibraryStringsFormat("delete_fail", `Theme "${filename}"`), {type: "danger"});
|
||
else BDFDB.NotificationUtils.toast(BDFDB.LanguageUtils.LibraryStringsFormat("delete_success", `Theme "${filename}"`));
|
||
});
|
||
}
|
||
|
||
removeTheme (data) {
|
||
if (data.name && BDFDB.BDUtils.isThemeEnabled(data.name) == true) {
|
||
let id = data.name.replace(/^[^a-z]+|[^\w-]+/gi, "-");
|
||
BDFDB.DOMUtils.remove(`style#${id}`);
|
||
BDFDB.BDUtils.disableTheme(data.name, false);
|
||
BDFDB.LogUtils.log(BDFDB.LanguageUtils.LibraryStringsFormat("toast_plugin_stopped", data.name), this.name);
|
||
}
|
||
}
|
||
|
||
setLabelsByLanguage () {
|
||
switch (BDFDB.LanguageUtils.getLanguage().id) {
|
||
case "bg": // Bulgarian
|
||
return {
|
||
list: "Списък",
|
||
notice_failed_themes: "Някои Themes [{{var0}}] не можаха да бъдат заредени",
|
||
notice_new_themes: "Новите Themes [{{var0}}] бяха добавени към ThemeRepo",
|
||
notice_outdated_themes: "Някои Themes [{{var0}}] са остарели"
|
||
};
|
||
case "da": // Danish
|
||
return {
|
||
list: "Liste",
|
||
notice_failed_themes: "Nogle Themes [{{var0}}] kunne ikke indlæses",
|
||
notice_new_themes: "Nye Themes [{{var0}}] er blevet føjet til ThemeRepo",
|
||
notice_outdated_themes: "Nogle Themes [{{var0}}] er forældede"
|
||
};
|
||
case "de": // German
|
||
return {
|
||
list: "Liste",
|
||
notice_failed_themes: "Einige Themes [{{var0}}] konnten nicht geladen werden",
|
||
notice_new_themes: "Neue Themes [{{var0}}] wurden zur ThemeRepo hinzugefügt",
|
||
notice_outdated_themes: "Einige Themes [{{var0}}] sind veraltet"
|
||
};
|
||
case "el": // Greek
|
||
return {
|
||
list: "Λίστα",
|
||
notice_failed_themes: "Δεν ήταν δυνατή η φόρτωση ορισμένων Themes [{{var0}}] ",
|
||
notice_new_themes: "Προστέθηκαν νέα Themes [{{var0}}] στο ThemeRepo",
|
||
notice_outdated_themes: "Ορισμένα Themes [{{var0}}] είναι παλιά"
|
||
};
|
||
case "es": // Spanish
|
||
return {
|
||
list: "Lista",
|
||
notice_failed_themes: "Algunos Themes [{{var0}}] no se pudieron cargar",
|
||
notice_new_themes: "Se han agregado nuevos Themes [{{var0}}] a ThemeRepo",
|
||
notice_outdated_themes: "Algunas Themes [{{var0}}] están desactualizadas"
|
||
};
|
||
case "fi": // Finnish
|
||
return {
|
||
list: "Lista",
|
||
notice_failed_themes: "Joitain kohdetta Themes [{{var0}}] ei voitu ladata",
|
||
notice_new_themes: "Uusi Themes [{{var0}}] on lisätty ThemeRepo",
|
||
notice_outdated_themes: "Jotkut Themes [{{var0}}] ovat vanhentuneita"
|
||
};
|
||
case "fr": // French
|
||
return {
|
||
list: "Liste",
|
||
notice_failed_themes: "Certains Themes [{{var0}}] n'ont pas pu être chargés",
|
||
notice_new_themes: "De nouveaux Themes [{{var0}}] ont été ajoutés à ThemeRepo",
|
||
notice_outdated_themes: "Certains Themes [{{var0}}] sont obsolètes"
|
||
};
|
||
case "hr": // Croatian
|
||
return {
|
||
list: "Popis",
|
||
notice_failed_themes: "Neke datoteke Themes [{{var0}}] nije moguće učitati",
|
||
notice_new_themes: "Novi Themes [{{var0}}] dodani su u ThemeRepo",
|
||
notice_outdated_themes: "Neki su Themes [{{var0}}] zastarjeli"
|
||
};
|
||
case "hu": // Hungarian
|
||
return {
|
||
list: "Lista",
|
||
notice_failed_themes: "Néhány Themes [{{var0}}] nem sikerült betölteni",
|
||
notice_new_themes: "Új Themes [{{var0}}] hozzáadva a következőhöz: ThemeRepo",
|
||
notice_outdated_themes: "Néhány Themes [{{var0}}] elavult"
|
||
};
|
||
case "it": // Italian
|
||
return {
|
||
list: "Elenco",
|
||
notice_failed_themes: "Impossibile caricare alcuni Themes [{{var0}}] ",
|
||
notice_new_themes: "Il nuovo Themes [{{var0}}] è stato aggiunto a ThemeRepo",
|
||
notice_outdated_themes: "Alcuni Themes [{{var0}}] non sono aggiornati"
|
||
};
|
||
case "ja": // Japanese
|
||
return {
|
||
list: "リスト",
|
||
notice_failed_themes: "一部の Themes [{{var0}}] を読み込めませんでした",
|
||
notice_new_themes: "新しい Themes [{{var0}}] が ThemeRepo に追加されました",
|
||
notice_outdated_themes: "一部の Themes [{{var0}}] は古くなっています"
|
||
};
|
||
case "ko": // Korean
|
||
return {
|
||
list: "명부",
|
||
notice_failed_themes: "일부 Themes [{{var0}}] 을 (를)로드 할 수 없습니다.",
|
||
notice_new_themes: "새 Themes [{{var0}}] 이 ThemeRepo 에 추가되었습니다.",
|
||
notice_outdated_themes: "일부 Themes [{{var0}}] 이 오래되었습니다."
|
||
};
|
||
case "lt": // Lithuanian
|
||
return {
|
||
list: "Sąrašas",
|
||
notice_failed_themes: "Kai kurių Themes [{{var0}}] nepavyko įkelti",
|
||
notice_new_themes: "Naujas Themes [{{var0}}] pridėtas prie ThemeRepo",
|
||
notice_outdated_themes: "Kai kurie Themes [{{var0}}] yra pasenę"
|
||
};
|
||
case "nl": // Dutch
|
||
return {
|
||
list: "Lijst",
|
||
notice_failed_themes: "Sommige Themes [{{var0}}] konden niet worden geladen",
|
||
notice_new_themes: "Nieuwe Themes [{{var0}}] zijn toegevoegd aan de ThemeRepo",
|
||
notice_outdated_themes: "Sommige Themes [{{var0}}] zijn verouderd"
|
||
};
|
||
case "no": // Norwegian
|
||
return {
|
||
list: "Liste",
|
||
notice_failed_themes: "Noen Themes [{{var0}}] kunne ikke lastes inn",
|
||
notice_new_themes: "Nye Themes [{{var0}}] er lagt til i ThemeRepo",
|
||
notice_outdated_themes: "Noen Themes [{{var0}}] er utdaterte"
|
||
};
|
||
case "pl": // Polish
|
||
return {
|
||
list: "Lista",
|
||
notice_failed_themes: "Nie można załadować niektórych Themes [{{var0}}] ",
|
||
notice_new_themes: "Nowe Themes [{{var0}}] zostały dodane do ThemeRepo",
|
||
notice_outdated_themes: "Niektóre Themes [{{var0}}] są nieaktualne"
|
||
};
|
||
case "pt-BR": // Portuguese (Brazil)
|
||
return {
|
||
list: "Lista",
|
||
notice_failed_themes: "Algum Themes [{{var0}}] não pôde ser carregado",
|
||
notice_new_themes: "Novo Themes [{{var0}}] foi adicionado ao ThemeRepo",
|
||
notice_outdated_themes: "Alguns Themes [{{var0}}] estão desatualizados"
|
||
};
|
||
case "ro": // Romanian
|
||
return {
|
||
list: "Listă",
|
||
notice_failed_themes: "Unele Themes [{{var0}}] nu au putut fi încărcate",
|
||
notice_new_themes: "Themes [{{var0}}] nou au fost adăugate la ThemeRepo",
|
||
notice_outdated_themes: "Unele Themes [{{var0}}] sunt învechite"
|
||
};
|
||
case "ru": // Russian
|
||
return {
|
||
list: "Список",
|
||
notice_failed_themes: "Не удалось загрузить некоторые Themes [{{var0}}] ",
|
||
notice_new_themes: "Новые Themes [{{var0}}] добавлены в ThemeRepo",
|
||
notice_outdated_themes: "Некоторые Themes [{{var0}}] устарели"
|
||
};
|
||
case "sv": // Swedish
|
||
return {
|
||
list: "Lista",
|
||
notice_failed_themes: "Vissa Themes [{{var0}}] kunde inte laddas",
|
||
notice_new_themes: "Nya Themes [{{var0}}] har lagts till i ThemeRepo",
|
||
notice_outdated_themes: "Vissa Themes [{{var0}}] är föråldrade"
|
||
};
|
||
case "th": // Thai
|
||
return {
|
||
list: "รายการ",
|
||
notice_failed_themes: "ไม่สามารถโหลด Themes [{{var0}}] บางรายการได้",
|
||
notice_new_themes: "เพิ่ม Themes [{{var0}}] ใหม่ใน ThemeRepo แล้ว",
|
||
notice_outdated_themes: "Themes [{{var0}}] บางรายการล้าสมัย"
|
||
};
|
||
case "tr": // Turkish
|
||
return {
|
||
list: "Liste",
|
||
notice_failed_themes: "Bazı Themes [{{var0}}] yüklenemedi",
|
||
notice_new_themes: "Yeni Themes [{{var0}}], ThemeRepo 'ye eklendi",
|
||
notice_outdated_themes: "Bazı Themes [{{var0}}] güncel değil"
|
||
};
|
||
case "uk": // Ukrainian
|
||
return {
|
||
list: "Список",
|
||
notice_failed_themes: "Деякі Themes [{{var0}}] не вдалося завантажити",
|
||
notice_new_themes: "Нові Themes [{{var0}}] були додані до ThemeRepo",
|
||
notice_outdated_themes: "Деякі Themes [{{var0}}] застарілі"
|
||
};
|
||
case "vi": // Vietnamese
|
||
return {
|
||
list: "Danh sách",
|
||
notice_failed_themes: "Không thể tải một số Themes [{{var0}}] ",
|
||
notice_new_themes: "Themes [{{var0}}] mới đã được thêm vào ThemeRepo",
|
||
notice_outdated_themes: "Một số Themes [{{var0}}] đã lỗi thời"
|
||
};
|
||
case "zh-CN": // Chinese (China)
|
||
return {
|
||
list: "清单",
|
||
notice_failed_themes: "某些 Themes [{{var0}}] 无法加载",
|
||
notice_new_themes: "新的 Themes [{{var0}}] 已添加到 ThemeRepo",
|
||
notice_outdated_themes: "一些 Themes [{{var0}}] 已过时"
|
||
};
|
||
case "zh-TW": // Chinese (Taiwan)
|
||
return {
|
||
list: "清單",
|
||
notice_failed_themes: "某些 Themes [{{var0}}] 無法加載",
|
||
notice_new_themes: "新的 Themes [{{var0}}] 已添加到 ThemeRepo",
|
||
notice_outdated_themes: "一些 Themes [{{var0}}] 已過時"
|
||
};
|
||
default: // English
|
||
return {
|
||
list: "List",
|
||
notice_failed_themes: "Some Themes [{{var0}}] could not be loaded",
|
||
notice_new_themes: "New Themes [{{var0}}] have been added to the ThemeRepo",
|
||
notice_outdated_themes: "Some Themes [{{var0}}] are outdated"
|
||
};
|
||
}
|
||
}
|
||
};
|
||
})(window.BDFDB_Global.PluginUtils.buildPlugin(config));
|
||
})(); |