BetterDiscordAddons/Plugins/ServerDetails/ServerDetails.plugin.js

580 lines
22 KiB
JavaScript

/**
* @name ServerDetails
* @author DevilBro
* @authorId 278543574059057154
* @version 1.2.0
* @description Shows Server Details in the Server List Tooltip
* @invite Jx3TjNS
* @donate https://www.paypal.me/MircoWittrien
* @patreon https://www.patreon.com/MircoWittrien
* @website https://mwittrien.github.io/
* @source https://github.com/mwittrien/BetterDiscordAddons/tree/master/Plugins/ServerDetails/
* @updateUrl https://mwittrien.github.io/BetterDiscordAddons/Plugins/ServerDetails/ServerDetails.plugin.js
*/
module.exports = (_ => {
const changeLog = {
};
return !window.BDFDB_Global || (!window.BDFDB_Global.loaded && !window.BDFDB_Global.started) ? class {
constructor (meta) {for (let key in meta) this[key] = meta[key];}
getName () {return this.name;}
getAuthor () {return this.author;}
getVersion () {return this.version;}
getDescription () {return `The Library Plugin needed for ${this.name} is missing. Open the Plugin Settings to download it. \n\n${this.description}`;}
downloadLibrary () {
BdApi.Net.fetch("https://mwittrien.github.io/BetterDiscordAddons/Library/0BDFDB.plugin.js").then(r => {
if (!r || r.status != 200) throw new Error();
else return r.text();
}).then(b => {
if (!b) throw new Error();
else return require("fs").writeFile(require("path").join(BdApi.Plugins.folder, "0BDFDB.plugin.js"), b, _ => BdApi.showToast("Finished downloading BDFDB Library", {type: "success"}));
}).catch(error => {
BdApi.alert("Error", "Could not download BDFDB Library Plugin. Try again later or download it manually from GitHub: https://mwittrien.github.io/downloader/?library");
});
}
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 ${this.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;
this.downloadLibrary();
}
});
}
if (!window.BDFDB_Global.pluginQueue.includes(this.name)) window.BDFDB_Global.pluginQueue.push(this.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 ${this.name} is missing.\nPlease click <a style="font-weight: 500;">Download Now</a> to install it.</div>`;
template.content.firstElementChild.querySelector("a").addEventListener("click", this.downloadLibrary);
return template.content.firstElementChild;
}
} : (([Plugin, BDFDB]) => {
var _this;
const GuildDetailsComponent = class GuildDetails extends BdApi.React.Component {
constructor(props) {
super(props);
this.state = {fetchedOwner: false, delayed: false, repositioned: false, shouldReposition: false, forced: false};
}
componentDidUpdate() {
let tooltip = BDFDB.DOMUtils.getParent(BDFDB.dotCN.tooltip, BDFDB.ReactUtils.findDOMNode(this));
if (tooltip) BDFDB.DOMUtils.addClass(tooltip, BDFDB.disCN._serverdetailstooltip);
else if (this.props.tooltipContainer && this.props.tooltipContainer.tooltip) BDFDB.DOMUtils.removeClass(this.props.tooltipContainer.tooltip.firstElementChild, BDFDB.disCN._serverdetailstooltip);
if (this.state.shouldReposition || _this.settings.amounts.tooltipDelay && this.state.delayed && !this.state.repositioned) {
this.state.repositioned = true;
this.state.shouldReposition = false;
if (this.props.tooltipContainer && this.props.tooltipContainer.tooltip) this.props.tooltipContainer.tooltip.update();
}
}
componentDidMount() {
BDFDB.DOMUtils.addClass(BDFDB.DOMUtils.getParent(BDFDB.dotCN.tooltip, BDFDB.ReactUtils.findDOMNode(this)), BDFDB.disCN._serverdetailstooltip);
}
render() {
if (_this.settings.general.onlyShowOnShift) {
let addListener = expanded => {
let triggered = false, listener = event => {
if (!this.updater.isMounted(this)) return document.removeEventListener(expanded ? "keyup" : "keydown", listener);
if (triggered) return;
if (event.which != 16 || triggered) return;
triggered = true;
document.removeEventListener(expanded ? "keyup" : "keydown", listener);
this.props.shiftKey = !expanded;
this.state.forced = !expanded;
this.state.repositioned = false;
this.state.shouldReposition = true;
BDFDB.ReactUtils.forceUpdate(this);
};
document.addEventListener(expanded ? "keyup" : "keydown", listener);
};
if (!this.props.shiftKey) {
addListener(false);
return null;
}
else {
addListener(true);
}
}
let owner = BDFDB.LibraryStores.UserStore.getUser(this.props.guild.ownerId);
if (!owner && !this.state.fetchedOwner) {
this.state.fetchedOwner = true;
BDFDB.LibraryModules.UserProfileUtils.getUser(this.props.guild.ownerId).then(_ => BDFDB.ReactUtils.forceUpdate(this));
}
if (_this.settings.amounts.tooltipDelay && !this.state.delayed && !this.state.shouldReposition) {
BDFDB.TimeUtils.timeout(_ => {
this.state.delayed = true;
BDFDB.ReactUtils.forceUpdate(this);
}, this.state.forced ? 0 : (_this.settings.amounts.tooltipDelay * 1000));
return null;
}
else {
let src = this.props.guild.getIconURL(4096, this.props.guild.icon && BDFDB.LibraryModules.IconUtils.isAnimatedIconHash(this.props.guild.icon));
let roles = this.props.guild.roles || BDFDB.LibraryStores.GuildStore.getRoles(this.props.guild.id);
return BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Flex, {
direction: BDFDB.LibraryComponents.Flex.Direction.VERTICAL,
align: BDFDB.LibraryComponents.Flex.Align.CENTER,
children: [
_this.settings.items.icon && (src ? BDFDB.ReactUtils.createElement("img", {
className: BDFDB.disCN._serverdetailsicon,
src: src
}) : BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN._serverdetailsicon,
children: this.props.guild.acronym
})),
_this.settings.items.owner && BDFDB.ReactUtils.createElement(GuildDetailsRowComponent, {
prefix: BDFDB.LanguageUtils.LanguageStrings.GUILD_OWNER,
string: !owner ? BDFDB.LanguageUtils.LanguageStrings.UNKNOWN_USER : (owner.isPomelo() ? owner.username : `${owner.username}#${owner.discriminator}`)
}),
_this.settings.items.creationDate && BDFDB.ReactUtils.createElement(GuildDetailsRowComponent, {
prefix: _this.labels.creation_date,
string: BDFDB.LibraryComponents.DateInput.format(_this.settings.dates.tooltipDates, BDFDB.LibraryModules.TimestampUtils.extractTimestamp(this.props.guild.id))
}),
_this.settings.items.joinDate && BDFDB.ReactUtils.createElement(GuildDetailsRowComponent, {
prefix: _this.labels.join_date,
string: BDFDB.LibraryComponents.DateInput.format(_this.settings.dates.tooltipDates, this.props.guild.joinedAt)
}),
_this.settings.items.members && BDFDB.ReactUtils.createElement(GuildDetailsRowComponent, {
prefix: BDFDB.LanguageUtils.LanguageStrings.MEMBERS,
string: BDFDB.LibraryStores.GuildMemberCountStore.getMemberCount(this.props.guild.id)
}),
_this.settings.items.boosts && BDFDB.ReactUtils.createElement(GuildDetailsRowComponent, {
prefix: _this.labels.boosts,
string: this.props.guild.premiumSubscriberCount
}),
_this.settings.items.channels && BDFDB.ReactUtils.createElement(GuildDetailsRowComponent, {
prefix: BDFDB.LanguageUtils.LanguageStrings.CHANNELS,
string: BDFDB.LibraryStores.GuildChannelStore.getChannels(this.props.guild.id).count
}),
_this.settings.items.roles && roles && BDFDB.ReactUtils.createElement(GuildDetailsRowComponent, {
prefix: BDFDB.LanguageUtils.LanguageStrings.ROLES,
string: Object.keys(BDFDB.ObjectUtils.filter(roles, n => n.id != this.props.guild.id)).length
}),
_this.settings.items.language && BDFDB.ReactUtils.createElement(GuildDetailsRowComponent, {
prefix: BDFDB.LanguageUtils.LanguageStrings.LANGUAGE,
string: BDFDB.LanguageUtils.getName(BDFDB.LanguageUtils.languages[this.props.guild.preferredLocale]) || this.props.guild.preferredLocale
})
].flat(10).filter(n => n)
});
}
}
};
const GuildDetailsRowComponent = class GuildDetailsRow extends BdApi.React.Component {
render() {
return (this.props.prefix.length + this.props.string.length) > Math.round(34 * (_this.settings.amounts.tooltipWidth/300)) ? [
BDFDB.ReactUtils.createElement("div", {
children: `${this.props.prefix}:`
}),
BDFDB.ReactUtils.createElement("div", {
children: this.props.string
})
] : BDFDB.ReactUtils.createElement("div", {
children: `${BDFDB.StringUtils.upperCaseFirstChar(this.props.prefix)}: ${this.props.string}`
});
}
};
return class ServerDetails extends Plugin {
onLoad () {
_this = this;
this.defaults = {
general: {
onlyShowOnShift: {value: false, description: "Only show the Details Tooltip, while holding 'Shift'"}
},
items: {
icon: {value: true, description: "icon"},
owner: {value: true, description: "GUILD_OWNER"},
creationDate: {value: true, description: "creation_date"},
joinDate: {value: true, description: "join_date"},
members: {value: true, description: "MEMBERS"},
channels: {value: true, description: "CHANNELS"},
roles: {value: true, description: "ROLES"},
boosts: {value: true, description: "boosts"},
language: {value: true, description: "LANGUAGE"}
},
dates: {
tooltipDates: {value: {}, description: "Tooltip Dates"}
},
colors: {
tooltipColor: {value: "", description: "Tooltip Color"}
},
amounts: {
tooltipDelay: {value: 0, min: 0, max: 10, digits: 1, unit: "s", description: "Tooltip Delay"},
tooltipWidth: {value: 300, min: 200, max: 600, digits: 0, unit: "px", description: "Tooltip Width"}
}
};
this.modulePatches = {
after: [
"GuildItem"
]
};
this.patchPriority = 9;
this.css = `
${BDFDB.dotCNS._serverdetailstooltip + BDFDB.dotCN.tooltipcontent} {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
${BDFDB.dotCNS._serverdetailstooltip + BDFDB.dotCN._serverdetailsicon} {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 5px;
border-radius: 10px;
overflow: hidden;
}
${BDFDB.dotCN._serverdetailstooltip} div${BDFDB.dotCN._serverdetailsicon} {
background-color: var(--background-primary);
color: var(--text-normal);
font-size: 40px;
}
${BDFDB.dotCNS.tooltiplistitem + BDFDB.dotCN.flowerstarchild} > svg {
width: 10px;
height: 10px;
}
`;
}
onStart () {
this.forceUpdateAll();
}
onStop () {
this.forceUpdateAll();
BDFDB.DOMUtils.removeLocalStyle(this.name + "TooltipWidth");
}
getSettingsPanel (collapseStates = {}) {
let settingsPanel;
return settingsPanel = BDFDB.PluginUtils.createSettingsPanel(this, {
collapseStates: collapseStates,
children: _ => {
let settingsItems = [];
settingsItems.push(BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.CollapseContainer, {
title: "General",
collapseStates: collapseStates,
children: Object.keys(this.defaults.general).map(key => BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SettingsSaveItem, {
type: "Switch",
plugin: this,
keys: ["general", key],
label: this.defaults.general[key].description,
value: this.settings.general[key]
}))
}));
settingsItems.push(BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.CollapseContainer, {
title: "Tooltip Items",
collapseStates: collapseStates,
children: Object.keys(this.defaults.items).map(key => BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SettingsSaveItem, {
type: "Switch",
plugin: this,
keys: ["items", key],
label: this.labels[this.defaults.items[key].description] || BDFDB.LanguageUtils.LanguageStrings[this.defaults.items[key].description],
value: this.settings.items[key]
}))
}));
settingsItems.push(BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.CollapseContainer, {
title: "Tooltip Format",
collapseStates: collapseStates,
children: Object.keys(this.defaults.dates).map(key => BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.DateInput, Object.assign({}, this.settings.dates[key], {
label: this.defaults.dates[key].description,
onChange: valueObj => {
this.SettingsUpdated = true;
this.settings.dates[key] = valueObj;
BDFDB.DataUtils.save(this.settings.dates, this, "dates");
}
}))).concat(BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.FormComponents.FormDivider, {
className: BDFDB.disCN.marginbottom8
})).concat(Object.keys(this.defaults.amounts).map(key => BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SettingsSaveItem, {
type: "Slider",
plugin: this,
keys: ["amounts", key],
label: this.defaults.amounts[key].description,
basis: "70%",
min: this.defaults.amounts[key].min,
max: this.defaults.amounts[key].max,
digits: this.defaults.amounts[key].digits,
markerAmount: 11,
onValueRender: value => value + this.defaults.amounts[key].unit,
childProps: {type: "number"},
value: this.settings.amounts[key]
}))).concat(BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.FormComponents.FormDivider, {
className: BDFDB.disCN.marginbottom8
})).concat(Object.keys(this.defaults.colors).map(key => BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SettingsSaveItem, {
type: "TextInput",
plugin: this,
keys: ["colors", key],
basis: "70%",
label: this.defaults.colors[key].description,
value: this.settings.colors[key],
childProps: {type: "color"},
placeholder: this.settings.colors[key]
})))
}));
return settingsItems;
}
});
}
onSettingsClosed () {
if (this.SettingsUpdated) {
delete this.SettingsUpdated;
this.forceUpdateAll();
}
}
forceUpdateAll () {
let iconSize = this.settings.amounts.tooltipWidth - 80;
BDFDB.DOMUtils.appendLocalStyle(this.name + "TooltipWidth", `
${BDFDB.dotCN._serverdetailstooltip} {
min-width: ${this.settings.amounts.tooltipWidth}px !important;
width: unset !important;
max-width: unset !important;
}
${BDFDB.dotCNS._serverdetailstooltip + BDFDB.dotCN._serverdetailsicon} {
width: ${iconSize > 0 ? iconSize : 30}px;
height: ${iconSize > 0 ? iconSize : 30}px;
}
`);
BDFDB.DiscordUtils.rerenderAll();
}
processGuildItem (e) {
if (!BDFDB.GuildUtils.is(e.instance.props.guild)) return;
let tooltipContainer;
let [children, index] = BDFDB.ReactUtils.findParent(e.returnvalue, {name: ["GuildTooltip", "BDFDB_TooltipContainer"]});
if (index > -1) children[index] = BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.TooltipContainer, Object.assign({}, children[index].props, {
ref: instance => {if (instance) tooltipContainer = instance;},
tooltipConfig: Object.assign({
backgroundColor: this.settings.colors.tooltipColor
}, children[index].props.tooltipConfig, {
type: "right",
guild: e.instance.props.guild,
list: true,
offset: 12
}),
text: (instance, event) => BDFDB.ReactUtils.createElement(GuildDetailsComponent, {
shiftKey: event.shiftKey,
tooltipContainer: tooltipContainer,
guild: e.instance.props.guild
})
}));
}
setLabelsByLanguage () {
switch (BDFDB.LanguageUtils.getLanguage().id) {
case "bg": // Bulgarian
return {
boosts: "Бустери",
creation_date: "Дата на създаване",
icon: "Икона",
join_date: "Дата на присъединяване"
};
case "da": // Danish
return {
boosts: "Boosts",
creation_date: "Oprettelsesdato",
icon: "Ikon",
join_date: "Deltag i dato"
};
case "de": // German
return {
boosts: "Boosts",
creation_date: "Erstellungsdatum",
icon: "Symbol",
join_date: "Beitrittsdatum"
};
case "el": // Greek
return {
boosts: "Ενισχυτές",
creation_date: "Ημερομηνία δημιουργίας",
icon: "Εικονίδιο",
join_date: "Ημερομηνία προσχώρησης"
};
case "es": // Spanish
return {
boosts: "Impulsores",
creation_date: "Fecha de creación",
icon: "Icono",
join_date: "Fecha de Ingreso"
};
case "fi": // Finnish
return {
boosts: "Tehostimet",
creation_date: "Luomispäivä",
icon: "Kuvake",
join_date: "Liittymispäivä"
};
case "fr": // French
return {
boosts: "Boosts",
creation_date: "Date de création",
icon: "Icône",
join_date: "Date d'inscription"
};
case "hr": // Croatian
return {
boosts: "Pojačala",
creation_date: "Datum stvaranja",
icon: "Ikona",
join_date: "Datum pridruživanja"
};
case "hu": // Hungarian
return {
boosts: "Emlékeztetők",
creation_date: "Létrehozás dátuma",
icon: "Ikon",
join_date: "Csatlakozás dátuma"
};
case "it": // Italian
return {
boosts: "Boosts",
creation_date: "Data di creazione",
icon: "Icona",
join_date: "Data di iscrizione"
};
case "ja": // Japanese
return {
boosts: "ブースター",
creation_date: "作成日",
icon: "アイコン",
join_date: "参加日"
};
case "ko": // Korean
return {
boosts: "부스터",
creation_date: "제작 일",
icon: "상",
join_date: "가입 날짜"
};
case "lt": // Lithuanian
return {
boosts: "Stiprintuvai",
creation_date: "Sukūrimo data",
icon: "Piktograma",
join_date: "Įstojimo data"
};
case "nl": // Dutch
return {
boosts: "Boosts",
creation_date: "Aanmaakdatum",
icon: "Icoon",
join_date: "Toetredingsdatum"
};
case "no": // Norwegian
return {
boosts: "Boosts",
creation_date: "Opprettelsesdato",
icon: "Ikon",
join_date: "Bli med på dato"
};
case "pl": // Polish
return {
boosts: "Boosty",
creation_date: "Data utworzenia",
icon: "Ikona",
join_date: "Data dołączenia"
};
case "pt-BR": // Portuguese (Brazil)
return {
boosts: "Boosts",
creation_date: "Data de criação",
icon: "Ícone",
join_date: "Data de afiliação"
};
case "ro": // Romanian
return {
boosts: "Amplificatoare",
creation_date: "Data crearii",
icon: "Pictogramă",
join_date: "Data înscrierii"
};
case "ru": // Russian
return {
boosts: "Бустеры",
creation_date: "Дата создания",
icon: "Икона",
join_date: "Дате вступления"
};
case "sv": // Swedish
return {
boosts: "Boosts",
creation_date: "Skapelsedagen",
icon: "Ikon",
join_date: "Gå med datum"
};
case "th": // Thai
return {
boosts: "บูสเตอร์",
creation_date: "วันที่สร้าง",
icon: "ไอคอน",
join_date: "วันที่เข้าร่วม"
};
case "tr": // Turkish
return {
boosts: "Güçlendiriciler",
creation_date: "Oluşturulma tarihi",
icon: "Simge",
join_date: "Üyelik Tarihi"
};
case "uk": // Ukrainian
return {
boosts: "Підсилювачі",
creation_date: "Дата створення",
icon: "Піктограма",
join_date: "Дата приєднання"
};
case "vi": // Vietnamese
return {
boosts: "Bộ tăng tốc",
creation_date: "Ngày thành lập",
icon: "Biểu tượng",
join_date: "Ngày tham gia"
};
case "zh-CN": // Chinese (China)
return {
boosts: "助推器",
creation_date: "创建日期",
icon: "图标",
join_date: "参加日期"
};
case "zh-TW": // Chinese (Taiwan)
return {
boosts: "助推器",
creation_date: "創建日期",
icon: "圖示",
join_date: "參加日期"
};
default: // English
return {
boosts: "Boosts",
creation_date: "Creation Date",
icon: "Icon",
join_date: "Join Date"
};
}
}
};
})(window.BDFDB_Global.PluginUtils.buildPlugin(changeLog));
})();