lightcordwarez
/
BetterDiscordAddons
mirror of https://github.com/mwittrien/BetterDiscordAddons.git
1
0
Fork 0
Code Issues 16 Releases Wiki Activity
BetterDiscordAddons/Plugins/BDFDB.js

11479 lines
604 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

(_ => {
if (window.BDFDB && window.BDFDB.PluginUtils && typeof window.BDFDB.PluginUtils.cleanUp == "function") window.BDFDB.PluginUtils.cleanUp(window.BDFDB);
const BDFDB = {
myPlugins: Object.assign({}, window.BDFDB && window.BDFDB.myPlugins),
InternalData: Object.assign({
pressedKeys: [],
mousePosition: {
pageX: 0,
pageY: 0
},
componentPatchQueries: {}
},
window.BDFDB && window.BDFDB.InternalData,
{
creationTime: performance.now()
}),
name: "BDFDB"
};
const InternalBDFDB = {
name: "BDFDB",
started: true,
patchPriority: 0
};
const loadId = Math.round(Math.random() * 10000000000000000), myId = "278543574059057154", myGuildId = "410787888507256842";
BDFDB.InternalData.loadId = loadId;
var settings = {};
if (typeof Array.prototype.flat != "function") Array.prototype.flat = function () {return this;}
InternalBDFDB.defaults = {
settings: {
showToasts: {value:true, description:"Show Plugin start and stop Toasts"},
showSupportBadges: {value:true, description:"Show little Badges for Users who support my Patreon"}
}
};
BDFDB.LogUtils = {};
BDFDB.LogUtils.log = function (string, name) {
console.log(`%c[${typeof name == "string" && name || "BDFDB"}]`, "color: #3a71c1; font-weight: 700;", (typeof string == "string" && string || "").trim());
};
BDFDB.LogUtils.warn = function (string, name) {
console.warn(`%c[${typeof name == "string" && name || "BDFDB"}]`, "color: #3a71c1; font-weight: 700;", (typeof string == "string" && string || "").trim());
};
BDFDB.LogUtils.error = function (string, name) {
console.error(`%c[${typeof name == "string" && name || "BDFDB"}]`, "color: #3a71c1; font-weight: 700;", "Fatal Error: " + (typeof string == "string" && string || "").trim());
};
BDFDB.LogUtils.log("Loading library.");
BDFDB.PluginUtils = {};
BDFDB.PluginUtils.load = function (plugin) {
plugin.name = plugin.name || (typeof plugin.getName == "function" ? plugin.getName() : null);
plugin.version = plugin.version || (typeof plugin.getVersion == "function" ? plugin.getVersion() : null);
plugin.author = plugin.author || (typeof plugin.getAuthor == "function" ? plugin.getAuthor() : null);
plugin.description = plugin.description || (typeof plugin.getDescription == "function" ? plugin.getDescription() : null);
if (typeof plugin.getSettingsPanel != "function") plugin.getSettingsPanel = _ => {return plugin.started && BDFDB.PluginUtils.createSettingsPanel(plugin, []);};
if (!plugin.updateChecked) {
plugin.updateChecked = true;
let url = ["ImageZoom", "ImageGallery", "ReverseImageSearch", "ShowImageDetails"].includes(plugin.name) ? "https://mwittrien.github.io/BetterDiscordAddons/Plugins/ImageUtilities/ImageUtilities.plugin.js" : ["BetterFriendCount"].includes(plugin.name) ? "https://mwittrien.github.io/BetterDiscordAddons/Plugins/BetterFriendList/BetterFriendList.plugin.js" : (typeof plugin.getRawUrl == "function" && typeof plugin.getRawUrl() == "string" ? plugin.getRawUrl() : `https://mwittrien.github.io/BetterDiscordAddons/Plugins/${plugin.name}/${plugin.name}.plugin.js`);
BDFDB.PluginUtils.checkUpdate(plugin.name, url);
if (!window.PluginUpdates || typeof window.PluginUpdates !== "object") window.PluginUpdates = {plugins: {} };
window.PluginUpdates.plugins[url] = {name: plugin.name, raw: url, version: plugin.version};
if (typeof window.PluginUpdates.interval === "undefined") window.PluginUpdates.interval = BDFDB.TimeUtils.interval(_ => {BDFDB.PluginUtils.checkAllUpdates();}, 1000*60*60*2);
BDFDB.TimeUtils.timeout(_ => {delete plugin.updateChecked;}, 30000);
}
};
BDFDB.PluginUtils.init = BDFDB.loadMessage = function (plugin) {
BDFDB.PluginUtils.load(plugin);
let startMsg = BDFDB.LanguageUtils.LibraryStringsFormat("toast_plugin_started", "v" + plugin.version);
BDFDB.LogUtils.log(startMsg, plugin.name);
if (settings.showToasts && !BDFDB.BDUtils.getSettings(BDFDB.BDUtils.settingsIds.showToasts)) BDFDB.NotificationUtils.toast(`${plugin.name} ${startMsg}`, {nopointer: true});
if (typeof plugin.initConstructor === "function") BDFDB.TimeUtils.suppress(plugin.initConstructor.bind(plugin), "Could not initiate constructor!", plugin.name)();
if (typeof plugin.css === "string") BDFDB.DOMUtils.appendLocalStyle(plugin.name, plugin.css);
InternalBDFDB.patchPlugin(plugin);
InternalBDFDB.addSpecialListeners(plugin);
BDFDB.PluginUtils.translate(plugin);
BDFDB.PluginUtils.checkChangeLog(plugin);
plugin.started = true;
delete plugin.stopping;
let startAmount = 1;
for (let name in BDFDB.myPlugins) if (!BDFDB.myPlugins[name].started && typeof BDFDB.myPlugins[name].initialize == "function") setTimeout(_ => {BDFDB.TimeUtils.suppress(BDFDB.myPlugins[name].initialize.bind(BDFDB.myPlugins[name]), "Could not initiate plugin!", name)();}, 100 * (startAmount++));
};
BDFDB.PluginUtils.clear = BDFDB.unloadMessage = function (plugin) {
InternalBDFDB.clearStartTimeout(plugin);
delete BDFDB.myPlugins[plugin.name];
let stopMsg = BDFDB.LanguageUtils.LibraryStringsFormat("toast_plugin_stopped", "v" + plugin.version);
BDFDB.LogUtils.log(stopMsg, plugin.name);
if (settings.showToasts && !BDFDB.BDUtils.getSettings(BDFDB.BDUtils.settingsIds.showToasts)) BDFDB.NotificationUtils.toast(`${plugin.name} ${stopMsg}`, {nopointer: true});
let url = typeof plugin.getRawUrl == "function" && typeof plugin.getRawUrl() == "string" ? plugin.getRawUrl() : `https://mwittrien.github.io/BetterDiscordAddons/Plugins/${plugin.name}/${plugin.name}.plugin.js`;
if (typeof plugin.css === "string") BDFDB.DOMUtils.removeLocalStyle(plugin.name);
BDFDB.PluginUtils.cleanUp(plugin);
for (let type in BDFDB.InternalData.componentPatchQueries) BDFDB.ArrayUtils.remove(BDFDB.InternalData.componentPatchQueries[type].query, plugin, true);
for (let modal of document.querySelectorAll(`.${plugin.name}-modal, .${plugin.name.toLowerCase()}-modal, .${plugin.name}-settingsmodal, .${plugin.name.toLowerCase()}-settingsmodal`)) {
let closeButton = modal.querySelector(BDFDB.dotCN.modalclose);
if (closeButton) closeButton.click();
}
delete BDFDB.DataUtils.cached[plugin.name]
delete window.PluginUpdates.plugins[url];
delete plugin.started;
BDFDB.TimeUtils.timeout(_ => {delete plugin.stopping;});
};
BDFDB.PluginUtils.translate = function (plugin) {
plugin.labels = {};
if (typeof plugin.setLabelsByLanguage === "function" || typeof plugin.changeLanguageStrings === "function") {
if (LibraryModules.LanguageStore.chosenLocale) translate();
else BDFDB.TimeUtils.interval(interval => {
if (LibraryModules.LanguageStore.chosenLocale) {
BDFDB.TimeUtils.clear(interval);
translate();
}
}, 100);
function translate() {
let language = BDFDB.LanguageUtils.getLanguage();
if (typeof plugin.setLabelsByLanguage === "function") plugin.labels = plugin.setLabelsByLanguage(language.id);
if (typeof plugin.changeLanguageStrings === "function") plugin.changeLanguageStrings();
BDFDB.LogUtils.log(BDFDB.LanguageUtils.LibraryStringsFormat("toast_plugin_translated", language.ownlang), plugin.name);
}
}
};
BDFDB.PluginUtils.cleanUp = function (plugin) {
BDFDB.ListenerUtils.remove(plugin);
BDFDB.StoreChangeUtils.remove(plugin);
BDFDB.ObserverUtils.disconnect(plugin);
BDFDB.ModuleUtils.unpatch(plugin);
BDFDB.WindowUtils.closeAll(plugin);
BDFDB.WindowUtils.removeListener(plugin);
};
BDFDB.PluginUtils.checkUpdate = function (pluginName, url) {
if (pluginName && url) return new Promise(callback => {
LibraryRequires.request(url, (error, response, body) => {
if (error) return callback(null);
let newName = (body.match(/"name"\s*:\s*"([^"]+)"/) || [])[1] || pluginName;
let newVersion = body.match(/['"][0-9]+\.[0-9]+\.[0-9]+['"]/i);
if (!newVersion) return callback(null);
if (pluginName == newName && BDFDB.NumberUtils.getVersionDifference(newVersion[0], window.PluginUpdates.plugins[url].version) > 0.2) {
BDFDB.NotificationUtils.toast(`${pluginName} will be force updated, because your version is heavily outdated.`, {
type: "warn",
nopointer: true
});
BDFDB.PluginUtils.downloadUpdate(pluginName, url);
return callback(2);
}
else if (BDFDB.NumberUtils.compareVersions(newVersion[0], window.PluginUpdates.plugins[url].version)) {
BDFDB.PluginUtils.showUpdateNotice(pluginName, url);
return callback(1);
}
else {
BDFDB.PluginUtils.removeUpdateNotice(pluginName);
return callback(0);
}
});
});
return new Promise(_ => {callback(null);});
};
BDFDB.PluginUtils.checkAllUpdates = function () {
return new Promise(callback => {
let finished = 0, amount = 0;
for (let url in window.PluginUpdates.plugins) {
let plugin = window.PluginUpdates.plugins[url];
if (plugin) BDFDB.PluginUtils.checkUpdate(plugin.name, plugin.raw).then(state => {
finished++;
if (state == 1) amount++;
if (finished >= Object.keys(window.PluginUpdates.plugins).length) callback(amount);
});
}
});
};
BDFDB.PluginUtils.showUpdateNotice = function (pluginName, url) {
if (!pluginName || !url) return;
let updateNotice = document.querySelector("#pluginNotice");
if (!updateNotice) {
updateNotice = BDFDB.NotificationUtils.notice(`${BDFDB.LanguageUtils.LibraryStrings.update_notice_update}&nbsp;&nbsp;&nbsp;&nbsp;<strong id="outdatedPlugins"></strong>`, {html:true, id:"pluginNotice", type:"info", btn:!BDFDB.BDUtils.getSettings(BDFDB.BDUtils.settingsIds.automaticLoading) ? BDFDB.LanguageUtils.LanguageStrings.ERRORS_RELOAD : "", customicon:`<svg height="100%" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="100%" version="1.1" viewBox="0 0 2000 2000"><metadata /><defs><filter id="shadow1"><feDropShadow dx="20" dy="0" stdDeviation="20" flood-color="rgba(0,0,0,0.35)"/></filter><filter id="shadow2"><feDropShadow dx="15" dy="0" stdDeviation="20" flood-color="rgba(255,255,255,0.15)"/></filter><filter id="shadow3"><feDropShadow dx="10" dy="0" stdDeviation="20" flood-color="rgba(0,0,0,0.35)"/></filter></defs><g><path style="filter: url(#shadow3)" d="M1195.44+135.442L1195.44+135.442L997.6+136.442C1024.2+149.742+1170.34+163.542+1193.64+179.742C1264.34+228.842+1319.74+291.242+1358.24+365.042C1398.14+441.642+1419.74+530.642+1422.54+629.642L1422.54+630.842L1422.54+632.042C1422.54+773.142+1422.54+1228.14+1422.54+1369.14L1422.54+1370.34L1422.54+1371.54C1419.84+1470.54+1398.24+1559.54+1358.24+1636.14C1319.74+1709.94+1264.44+1772.34+1193.64+1821.44C1171.04+1837.14+1025.7+1850.54+1000+1863.54L1193.54+1864.54C1539.74+1866.44+1864.54+1693.34+1864.54+1296.64L1864.54+716.942C1866.44+312.442+1541.64+135.442+1195.44+135.442Z" fill="#171717" opacity="1"/><path style="filter: url(#shadow2)" d="M1695.54+631.442C1685.84+278.042+1409.34+135.442+1052.94+135.442L361.74+136.442L803.74+490.442L1060.74+490.442C1335.24+490.442+1335.24+835.342+1060.74+835.342L1060.74+1164.84C1150.22+1164.84+1210.53+1201.48+1241.68+1250.87C1306.07+1353+1245.76+1509.64+1060.74+1509.64L361.74+1863.54L1052.94+1864.54C1409.24+1864.54+1685.74+1721.94+1695.54+1368.54C1695.54+1205.94+1651.04+1084.44+1572.64+999.942C1651.04+915.542+1695.54+794.042+1695.54+631.442Z" fill="#3E82E5" opacity="1"/><path style="filter: url(#shadow1)" d="M1469.25+631.442C1459.55+278.042+1183.05+135.442+826.65+135.442L135.45+135.442L135.45+1004C135.45+1004+135.427+1255.21+355.626+1255.21C575.825+1255.21+575.848+1004+575.848+1004L577.45+490.442L834.45+490.442C1108.95+490.442+1108.95+835.342+834.45+835.342L664.65+835.342L664.65+1164.84L834.45+1164.84C923.932+1164.84+984.244+1201.48+1015.39+1250.87C1079.78+1353+1019.47+1509.64+834.45+1509.64L135.45+1509.64L135.45+1864.54L826.65+1864.54C1182.95+1864.54+1459.45+1721.94+1469.25+1368.54C1469.25+1205.94+1424.75+1084.44+1346.35+999.942C1424.75+915.542+1469.25+794.042+1469.25+631.442Z" fill="#FFFFFF" opacity="1"/></g></svg>`});
updateNotice.style.setProperty("z-index", "100000", "important");
updateNotice.style.setProperty("display", "block", "important");
updateNotice.style.setProperty("visibility", "visible", "important");
updateNotice.style.setProperty("opacity", "1", "important");
let reloadButton = updateNotice.querySelector(BDFDB.dotCN.noticebutton);
if (reloadButton) {
BDFDB.DOMUtils.toggle(reloadButton, true);
reloadButton.addEventListener("click", _ => {
LibraryRequires.electron.remote.getCurrentWindow().reload();
});
reloadButton.addEventListener("mouseenter", _ => {
if (window.PluginUpdates.downloaded) BDFDB.TooltipUtils.create(reloadButton, window.PluginUpdates.downloaded.join(", "), {type:"bottom", selector:"update-notice-tooltip", style: "max-width: 420px"});
});
}
}
if (updateNotice) {
let updateNoticeList = updateNotice.querySelector("#outdatedPlugins");
if (updateNoticeList && !updateNoticeList.querySelector(`#${pluginName}-notice`)) {
if (updateNoticeList.querySelector("span")) updateNoticeList.appendChild(BDFDB.DOMUtils.create(`<span class="separator">, </span>`));
let updateEntry = BDFDB.DOMUtils.create(`<span id="${pluginName}-notice">${pluginName}</span>`);
updateEntry.addEventListener("click", _ => {
if (!updateEntry.wasClicked) {
updateEntry.wasClicked = true;
BDFDB.PluginUtils.downloadUpdate(pluginName, url);
}
});
updateNoticeList.appendChild(updateEntry);
if (!updateNoticeList.hasTooltip) {
updateNoticeList.hasTooltip = true;
updateNotice.tooltip = BDFDB.TooltipUtils.create(updateNoticeList, BDFDB.LanguageUtils.LibraryStrings.update_notice_click, {
type: "bottom",
unhideable: true,
zIndex: 100001,
delay: 500,
onHide: _ => {updateNoticeList.hasTooltip = false;}
});
}
}
}
};
BDFDB.PluginUtils.removeUpdateNotice = function (pluginName, updateNotice = document.querySelector("#pluginNotice")) {
if (!pluginName || !updateNotice) return;
let updateNoticeList = updateNotice.querySelector("#outdatedPlugins");
if (updateNoticeList) {
let noticeEntry = updateNoticeList.querySelector(`#${pluginName}-notice`);
if (noticeEntry) {
let nextSibling = noticeEntry.nextSibling;
let prevSibling = noticeEntry.prevSibling;
if (nextSibling && BDFDB.DOMUtils.containsClass(nextSibling, "separator")) nextSibling.remove();
else if (prevSibling && BDFDB.DOMUtils.containsClass(prevSibling, "separator")) prevSibling.remove();
noticeEntry.remove();
}
if (!updateNoticeList.querySelector("span")) {
let reloadButton = updateNotice.querySelector(BDFDB.dotCN.noticebutton);
if (reloadButton) {
updateNotice.querySelector(".notice-message").innerText = BDFDB.LanguageUtils.LibraryStrings.update_notice_reload;
BDFDB.DOMUtils.toggle(reloadButton, false);
}
else updateNotice.querySelector(BDFDB.dotCN.noticedismiss).click();
}
}
};
BDFDB.PluginUtils.downloadUpdate = function (pluginName, url) {
if (pluginName && url) LibraryRequires.request(url, (error, response, body) => {
if (error) {
let updateNotice = document.querySelector("#pluginNotice");
if (updateNotice) BDFDB.PluginUtils.removeUpdateNotice(pluginName, updateNotice);
BDFDB.LogUtils.warn("Unable to get update for " + pluginName);
}
else {
BDFDB.InternalData.creationTime = 0;
let wasEnabled = BDFDB.BDUtils.isPluginEnabled(pluginName);
let newName = (body.match(/"name"\s*:\s*"([^"]+)"/) || [])[1] || pluginName;
let newVersion = body.match(/['"][0-9]+\.[0-9]+\.[0-9]+['"]/i).toString().replace(/['"]/g, "");
let oldVersion = window.PluginUpdates.plugins[url].version;
LibraryRequires.fs.writeFile(LibraryRequires.path.join(BDFDB.BDUtils.getPluginsFolder(), newName + ".plugin.js"), body, _ => {
if (pluginName != newName) {
url = url.replace(new RegExp(pluginName, "g"), newName);
LibraryRequires.fs.unlink(LibraryRequires.path.join(BDFDB.BDUtils.getPluginsFolder(), pluginName + ".plugin.js"), _ => {});
let configPath = LibraryRequires.path.join(BDFDB.BDUtils.getPluginsFolder(), pluginName + ".config.json");
LibraryRequires.fs.exists(configPath, exists => {
if (exists) LibraryRequires.fs.rename(configPath, LibraryRequires.path.join(BDFDB.BDUtils.getPluginsFolder(), newName + ".config.json"), _ => {});
});
BDFDB.TimeUtils.timeout(_ => {if (wasEnabled && !BDFDB.BDUtils.isPluginEnabled(newName)) BDFDB.BDUtils.enablePlugin(newName);}, 3000);
}
BDFDB.NotificationUtils.toast(BDFDB.LanguageUtils.LibraryStringsFormat("toast_plugin_updated", pluginName, "v" + oldVersion, newName, "v" + newVersion), {nopointer:true, selector:"plugin-updated-toast"});
let updateNotice = document.querySelector("#pluginNotice");
if (updateNotice) {
if (updateNotice.querySelector(BDFDB.dotCN.noticebutton)) {
window.PluginUpdates.plugins[url].version = newVersion;
if (!window.PluginUpdates.downloaded) window.PluginUpdates.downloaded = [];
if (!window.PluginUpdates.downloaded.includes(pluginName)) window.PluginUpdates.downloaded.push(pluginName);
}
BDFDB.PluginUtils.removeUpdateNotice(pluginName, updateNotice);
}
});
}
});
};
BDFDB.PluginUtils.checkChangeLog = function (plugin) {
if (!BDFDB.ObjectUtils.is(plugin) || !plugin.changelog) return;
let changeLog = BDFDB.DataUtils.load(plugin, "changelog");
if (!changeLog.currentversion || BDFDB.NumberUtils.compareVersions(plugin.version, changeLog.currentversion)) {
changeLog.currentversion = plugin.version;
BDFDB.DataUtils.save(changeLog, plugin, "changelog");
BDFDB.PluginUtils.openChangeLog(plugin);
}
};
BDFDB.PluginUtils.openChangeLog = function (plugin) {
if (!BDFDB.ObjectUtils.is(plugin) || !plugin.changelog) return;
let changeLogHTML = "", headers = {
added: "New Features",
fixed: "Bug Fixes",
improved: "Improvements",
progress: "Progress"
};
for (let type in plugin.changelog) {
type = type.toLowerCase();
let className = BDFDB.disCN["changelog" + type];
if (className) {
changeLogHTML += `<h1 class="${className} ${BDFDB.disCN.margintop20}"${changeLogHTML.indexOf("<h1") == -1 ? `style="margin-top: 0px !important;"` : ""}>${headers[type]}</h1><ul>`;
for (let log of plugin.changelog[type]) changeLogHTML += `<li><strong>${log[0]}</strong>${log[1] ? (": " + log[1] + ".") : ""}</li>`;
changeLogHTML += `</ul>`
}
}
if (changeLogHTML) BDFDB.ModalUtils.open(plugin, {header:`${plugin.name} ${BDFDB.LanguageUtils.LanguageStrings.CHANGE_LOG}`, subheader:`Version ${plugin.version}`, children:BDFDB.ReactUtils.elementToReact(BDFDB.DOMUtils.create(changeLogHTML)), className:BDFDB.disCN.modalchangelogmodal, contentClassName:BDFDB.disCNS.changelogcontainer + BDFDB.disCN.modalminicontent});
};
BDFDB.PluginUtils.addLoadingIcon = function (icon) {
if (!Node.prototype.isPrototypeOf(icon)) return;
let app = document.querySelector(BDFDB.dotCN.app);
if (!app) return;
BDFDB.DOMUtils.addClass(icon, BDFDB.disCN.loadingicon);
let loadingIconWrapper = document.querySelector(BDFDB.dotCN.app + ">" + BDFDB.dotCN.loadingiconwrapper)
if (!loadingIconWrapper) {
loadingIconWrapper = BDFDB.DOMUtils.create(`<div class="${BDFDB.disCN.loadingiconwrapper}"></div>`);
app.appendChild(loadingIconWrapper);
let killObserver = new MutationObserver(changes => {if (!loadingIconWrapper.firstElementChild) BDFDB.DOMUtils.remove(loadingIconWrapper);});
killObserver.observe(loadingIconWrapper, {childList:true});
}
loadingIconWrapper.appendChild(icon);
};
BDFDB.PluginUtils.createSettingsPanel = function (plugin, children) {
if (!BDFDB.ObjectUtils.is(plugin) || !children || (!BDFDB.ReactUtils.isValidElement(children) && !BDFDB.ArrayUtils.is(children))) return;
let settingsPanel = BDFDB.DOMUtils.create(`<div class="${plugin.name}-settings ${BDFDB.disCN.settingsPanel}"></div>`);
BDFDB.ReactUtils.render(BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.SettingsPanel, {
key: `${plugin.name}-settingsPanel`,
plugin: plugin,
title: plugin.name,
controls: [
plugin.changelog && BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Clickable, {
className: BDFDB.disCN.settingspanelheaderbutton,
children: BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.TooltipContainer, {
text: BDFDB.LanguageUtils.LanguageStrings.CHANGE_LOG,
children: BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.SvgIcon, {
name: InternalComponents.LibraryComponents.SvgIcon.Names.CHANGELOG,
onClick: _ => {BDFDB.PluginUtils.openChangeLog(plugin);}
})
})
}),
plugin != BDFDB && !plugin.noLibrary && BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Button, {
size: InternalComponents.LibraryComponents.Button.Sizes.MIN,
children: BDFDB.LanguageUtils.LibraryStrings.library_settings,
onClick: event => {
let wrapper = BDFDB.DOMUtils.getParent(BDFDB.dotCN._repocard, event.currentTarget);
if (wrapper) {
let settingsPanel = InternalBDFDB.createLibrarySettings();
if (settingsPanel) {
let savedChildren = [];
while (wrapper.childElementCount) {
savedChildren.push(wrapper.firstChild);
wrapper.firstChild.remove();
}
let closeButton = BDFDB.DOMUtils.create(`<div style="float: right; cursor: pointer;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" style="width: 18px; height: 18px;"><g class="background" fill="none" fill-rule="evenodd"><path d="M0 0h12v12H0"></path><path class="fill" fill="#dcddde" d="M9.5 3.205L8.795 2.5 6 5.295 3.205 2.5l-.705.705L5.295 6 2.5 8.795l.705.705L6 6.705 8.795 9.5l.705-.705L6.705 6"></path></g></svg></div>`);
wrapper.appendChild(closeButton);
closeButton.addEventListener("click", _ => {
while (wrapper.childElementCount) wrapper.firstChild.remove();
while (savedChildren.length) wrapper.appendChild(savedChildren.shift());
let settings = wrapper.querySelector(BDFDB.dotCN._reposettings);
if (settings) {
while (settings.childElementCount) settings.firstChild.remove();
settings.appendChild(plugin.getSettingsPanel());
}
});
wrapper.appendChild(settingsPanel);
}
}
}
})
],
children: children
}), settingsPanel);
return settingsPanel;
};
BDFDB.PluginUtils.refreshSettingsPanel = function (plugin, settingsPanel, ...args) {
if (!BDFDB.ObjectUtils.is(plugin) || typeof plugin.getSettingsPanel != "function" || !Node.prototype.isPrototypeOf(settingsPanel) || !settingsPanel.parentElement) return;
settingsPanel.parentElement.appendChild(plugin.getSettingsPanel(...args));
settingsPanel.remove();
};
InternalBDFDB.createLibrarySettings = function () {
if (!window.BDFDB || typeof BDFDB != "object" || !BDFDB.loaded) return;
let settingsPanel, settingsItems = [];
let bdToastSetting = BDFDB.BDUtils.getSettings(BDFDB.BDUtils.settingsIds.showToasts);
for (let key in settings) settingsItems.push(BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.SettingsSaveItem, {
className: BDFDB.disCN.marginbottom8,
type: "Switch",
plugin: InternalBDFDB,
disabled: key == "showToasts" && bdToastSetting,
keys: ["settings", key],
label: InternalBDFDB.defaults.settings[key].description,
note: key == "showToasts" && bdToastSetting && "Disable BBDs general 'Show Toast' setting before disabling this",
dividerbottom: true,
value: settings[key] || key == "showToasts" && bdToastSetting
}));
return settingsPanel = BDFDB.PluginUtils.createSettingsPanel(BDFDB, settingsItems);
};
InternalBDFDB.clearStartTimeout = function (plugin) {
if (!BDFDB.ObjectUtils.is(plugin)) return;
BDFDB.TimeUtils.clear(plugin.startTimeout, plugin.libLoadTimeout);
delete plugin.startTimeout;
delete plugin.libLoadTimeout;
};
InternalBDFDB.addSpecialListeners = function (plugin) {
plugin = plugin == BDFDB && InternalBDFDB || plugin;
if (BDFDB.ObjectUtils.is(plugin)) {
if (typeof plugin.onSwitch === "function") {
let spacer = document.querySelector(`${BDFDB.dotCN.guildswrapper} ~ * > ${BDFDB.dotCN.chatspacer}`);
if (spacer) {
let noChannelObserver = new MutationObserver(changes => {changes.forEach(change => {
if (change.target && BDFDB.DOMUtils.containsClass(change.target, BDFDB.disCN.nochannel)) plugin.onSwitch();
});});
BDFDB.ObserverUtils.connect(plugin, spacer.querySelector(BDFDB.dotCNC.chat + BDFDB.dotCN.nochannel), {name:"switchFixNoChannelObserver", instance:noChannelObserver}, {attributes: true});
let spacerObserver = new MutationObserver(changes => {changes.forEach(change => {if (change.addedNodes) {change.addedNodes.forEach(node => {
if (BDFDB.DOMUtils.containsClass(node, BDFDB.disCN.chat, BDFDB.disCN.nochannel, false)) {
BDFDB.ObserverUtils.connect(plugin, node, {name:"switchFixNoChannelObserver", instance:noChannelObserver}, {attributes: true});
}
});}});});
BDFDB.ObserverUtils.connect(plugin, spacer, {name:"switchFixSpacerObserver", instance:spacerObserver}, {childList: true});
}
}
InternalBDFDB.addContextListeners(plugin);
}
};
BDFDB.ObserverUtils = {};
BDFDB.ObserverUtils.connect = function (plugin, eleOrSelec, observer, config = {childList: true}) {
plugin = plugin == BDFDB && InternalBDFDB || plugin;
if (!BDFDB.ObjectUtils.is(plugin) || !eleOrSelec || !observer) return;
if (BDFDB.ObjectUtils.isEmpty(plugin.observers)) plugin.observers = {};
if (!BDFDB.ArrayUtils.is(plugin.observers[observer.name])) plugin.observers[observer.name] = [];
if (!observer.multi) for (let subinstance of plugin.observers[observer.name]) subinstance.disconnect();
if (observer.instance) plugin.observers[observer.name].push(observer.instance);
let instance = plugin.observers[observer.name][plugin.observers[observer.name].length - 1];
if (instance) {
let node = Node.prototype.isPrototypeOf(eleOrSelec) ? eleOrSelec : typeof eleOrSelec === "string" ? document.querySelector(eleOrSelec) : null;
if (node) instance.observe(node, config);
}
};
BDFDB.ObserverUtils.disconnect = function (plugin, observer) {
plugin = plugin == BDFDB && InternalBDFDB || plugin;
if (BDFDB.ObjectUtils.is(plugin) && !BDFDB.ObjectUtils.isEmpty(plugin.observers)) {
let observername = typeof observer == "string" ? observer : (BDFDB.ObjectUtils.is(observer) ? observer.name : null);
if (!observername) {
for (let observer in plugin.observers) for (let instance of plugin.observers[observer]) instance.disconnect();
delete plugin.observers;
}
else if (!BDFDB.ArrayUtils.is(plugin.observers[observername])) {
for (let instance of plugin.observers[observername]) instance.disconnect();
delete plugin.observers[observername];
}
}
};
BDFDB.StoreChangeUtils = {};
BDFDB.StoreChangeUtils.add = function (plugin, store, callback) {
plugin = plugin == BDFDB && InternalBDFDB || plugin;
if (!BDFDB.ObjectUtils.is(plugin) || !BDFDB.ObjectUtils.is(store) || typeof store.addChangeListener != "function" || typeof callback != "function") return;
BDFDB.ListenerUtils.remove(plugin, store, callback);
if (!BDFDB.ArrayUtils.is(plugin.changeListeners)) plugin.changeListeners = [];
plugin.changeListeners.push({store, callback});
store.addChangeListener(callback);
};
BDFDB.StoreChangeUtils.remove = function (plugin, store, callback) {
plugin = plugin == BDFDB && InternalBDFDB || plugin;
if (!BDFDB.ObjectUtils.is(plugin) || !BDFDB.ArrayUtils.is(plugin.changeListeners)) return;
if (!store) {
while (plugin.changeListeners.length) {
let listener = plugin.changeListeners.pop();
listener.store.removeChangeListener(listener.callback);
}
}
else if (BDFDB.ObjectUtils.is(store) && typeof store.addChangeListener == "function") {
if (!callback) {
for (let listener of plugin.changeListeners) {
let removedListeners = [];
if (listener.store == store) {
listener.store.removeChangeListener(listener.callback);
removedListeners.push(listener);
}
if (removedListeners.length) plugin.changeListeners = plugin.changeListeners.filter(listener => !removedListeners.includes(listener));
}
}
else if (typeof callback == "function") {
store.removeChangeListener(callback);
plugin.changeListeners = plugin.changeListeners.filter(listener => listener.store == store && listener.callback == callback);
}
}
};
BDFDB.ListenerUtils = {};
BDFDB.ListenerUtils.add = function (plugin, ele, actions, selectorOrCallback, callbackOrNothing) {
plugin = plugin == BDFDB && InternalBDFDB || plugin;
if (!BDFDB.ObjectUtils.is(plugin) || (!Node.prototype.isPrototypeOf(ele) && ele !== window) || !actions) return;
let callbackIs4th = typeof selectorOrCallback == "function";
let selector = callbackIs4th ? undefined : selectorOrCallback;
let callback = callbackIs4th ? selectorOrCallback : callbackOrNothing;
if (typeof callback != "function") return;
BDFDB.ListenerUtils.remove(plugin, ele, actions, selector);
for (let action of actions.split(" ")) {
action = action.split(".");
let eventName = action.shift().toLowerCase();
if (!eventName) return;
let origEventName = eventName;
eventName = eventName == "mouseenter" || eventName == "mouseleave" ? "mouseover" : eventName;
let namespace = (action.join(".") || "") + plugin.name;
if (!BDFDB.ArrayUtils.is(plugin.eventListeners)) plugin.eventListeners = [];
let eventCallback = null;
if (selector) {
if (origEventName == "mouseenter" || origEventName == "mouseleave") {
eventCallback = e => {
for (let child of e.path) if (typeof child.matches == "function" && child.matches(selector) && !child[namespace + "BDFDB" + origEventName]) {
child[namespace + "BDFDB" + origEventName] = true;
if (origEventName == "mouseenter") callback(BDFDB.ListenerUtils.copyEvent(e, child));
let mouseout = e2 => {
if (e2.target.contains(child) || e2.target == child || !child.contains(e2.target)) {
if (origEventName == "mouseleave") callback(BDFDB.ListenerUtils.copyEvent(e, child));
delete child[namespace + "BDFDB" + origEventName];
document.removeEventListener("mouseout", mouseout);
}
};
document.addEventListener("mouseout", mouseout);
break;
}
};
}
else {
eventCallback = e => {
for (let child of e.path) if (typeof child.matches == "function" && child.matches(selector)) {
callback(BDFDB.ListenerUtils.copyEvent(e, child));
break;
}
};
}
}
else eventCallback = e => {callback(BDFDB.ListenerUtils.copyEvent(e, ele));};
plugin.eventListeners.push({ele, eventName, origEventName, namespace, selector, eventCallback});
ele.addEventListener(eventName, eventCallback, true);
}
};
BDFDB.ListenerUtils.remove = function (plugin, ele, actions = "", selector) {
plugin = plugin == BDFDB && InternalBDFDB || plugin;
if (!BDFDB.ObjectUtils.is(plugin) || !BDFDB.ArrayUtils.is(plugin.eventListeners)) return;
if (!ele) {
while (plugin.eventListeners.length) {
let listener = plugin.eventListeners.pop();
listener.ele.removeEventListener(listener.eventName, listener.eventCallback, true);
}
}
else if (Node.prototype.isPrototypeOf(ele) || ele === window) {
for (let action of actions.split(" ")) {
action = action.split(".");
let eventName = action.shift().toLowerCase();
let namespace = (action.join(".") || "") + plugin.name;
for (let listener of plugin.eventListeners) {
let removedListeners = [];
if (listener.ele == ele && (!eventName || listener.origEventName == eventName) && listener.namespace == namespace && (selector === undefined || listener.selector == selector)) {
listener.ele.removeEventListener(listener.eventName, listener.eventCallback, true);
removedListeners.push(listener);
}
if (removedListeners.length) plugin.eventListeners = plugin.eventListeners.filter(listener => !removedListeners.includes(listener));
}
}
}
};
BDFDB.ListenerUtils.multiAdd = function (node, actions, callback) {
if (!Node.prototype.isPrototypeOf(node) || !actions || typeof callback != "function") return;
for (let action of actions.trim().split(" ").filter(n => n)) node.addEventListener(action, callback, true);
};
BDFDB.ListenerUtils.multiRemove = function (node, actions, callback) {
if (!Node.prototype.isPrototypeOf(node) || !actions || typeof callback != "function") return;
for (let action of actions.trim().split(" ").filter(n => n)) node.removeEventListener(action, callback, true);
};
BDFDB.ListenerUtils.addToChildren = function (node, actions, selector, callback) {
if (!Node.prototype.isPrototypeOf(node) || !actions || !selector || !selector.trim() || typeof callback != "function") return;
for (let action of actions.trim().split(" ").filter(n => n)) {
let eventCallback = callback;
if (action == "mouseenter" || action == "mouseleave") eventCallback = e => {if (e.target.matches(selector)) callback(e);};
node.querySelectorAll(selector.trim()).forEach(child => {child.addEventListener(action, eventCallback, true);});
}
};
BDFDB.ListenerUtils.copyEvent = function (e, ele) {
if (!e || !e.constructor || !e.type) return e;
let eCopy = new e.constructor(e.type, e);
Object.defineProperty(eCopy, "originalEvent", {value: e});
Object.defineProperty(eCopy, "which", {value: e.which});
Object.defineProperty(eCopy, "keyCode", {value: e.keyCode});
Object.defineProperty(eCopy, "path", {value: e.path});
Object.defineProperty(eCopy, "relatedTarget", {value: e.relatedTarget});
Object.defineProperty(eCopy, "srcElement", {value: e.srcElement});
Object.defineProperty(eCopy, "target", {value: e.target});
Object.defineProperty(eCopy, "toElement", {value: e.toElement});
if (ele) Object.defineProperty(eCopy, "currentTarget", {value: ele});
return eCopy;
};
BDFDB.ListenerUtils.stopEvent = function (e) {
if (BDFDB.ObjectUtils.is(e)) {
if (typeof e.preventDefault == "function") e.preventDefault();
if (typeof e.stopPropagation == "function") e.stopPropagation();
if (typeof e.stopImmediatePropagation == "function") e.stopImmediatePropagation();
if (BDFDB.ObjectUtils.is(e.originalEvent)) {
if (typeof e.originalEvent.preventDefault == "function") e.originalEvent.preventDefault();
if (typeof e.originalEvent.stopPropagation == "function") e.originalEvent.stopPropagation();
if (typeof e.originalEvent.stopImmediatePropagation == "function") e.originalEvent.stopImmediatePropagation();
}
}
};
var NotificationBars = [], DesktopNotificationQueue = {queue:[], running:false};
BDFDB.NotificationUtils = {};
BDFDB.NotificationUtils.toast = function (text, options = {}) {
let toasts = document.querySelector(".toasts, .bd-toasts");
if (!toasts) {
let channels = document.querySelector(BDFDB.dotCN.channels + " + div");
let channelRects = channels ? BDFDB.DOMUtils.getRects(channels) : null;
let members = channels ? channels.querySelector(BDFDB.dotCN.memberswrap) : null;
let left = channelRects ? channelRects.left : 310;
let width = channelRects ? (members ? channelRects.width - BDFDB.DOMUtils.getRects(members).width : channelRects.width) : window.outerWidth - 0;
let form = channels ? channels.querySelector("form") : null;
let bottom = form ? BDFDB.DOMUtils.getRects(form).height : 80;
toasts = BDFDB.DOMUtils.create(`<div class="toasts bd-toasts" style="width:${width}px; left:${left}px; bottom:${bottom}px;"></div>`);
(document.querySelector(BDFDB.dotCN.app) || document.body).appendChild(toasts);
}
const {type = "", icon = true, timeout = 3000, html = false, selector = "", nopointer = false, color = ""} = options;
let toast = BDFDB.DOMUtils.create(`<div class="toast bd-toast">${html === true ? text : BDFDB.StringUtils.htmlEscape(text)}</div>`);
if (type) {
BDFDB.DOMUtils.addClass(toast, "toast-" + type);
if (icon) BDFDB.DOMUtils.addClass(toast, "icon");
}
else if (color) {
let rgbcolor = BDFDB.ColorUtils.convert(color, "RGB");
if (rgbcolor) toast.style.setProperty("background-color", rgbcolor);
}
BDFDB.DOMUtils.addClass(toast, selector);
toasts.appendChild(toast);
toast.close = _ => {
if (document.contains(toast)) {
BDFDB.DOMUtils.addClass(toast, "closing");
toast.style.setProperty("pointer-events", "none", "important");
BDFDB.TimeUtils.timeout(_ => {
toast.remove();
if (!toasts.querySelectorAll(".toast, .bd-toast").length) toasts.remove();
}, 3000);
}
};
if (nopointer) toast.style.setProperty("pointer-events", "none", "important");
else toast.addEventListener("click", toast.close);
BDFDB.TimeUtils.timeout(_ => {toast.close();}, timeout > 0 ? timeout : 600000);
return toast;
};
BDFDB.NotificationUtils.desktop = function (parsedcontent, parsedoptions = {}) {
const queue = _ => {
DesktopNotificationQueue.queue.push({parsedcontent, parsedoptions});
runqueue();
};
const runqueue = _ => {
if (!DesktopNotificationQueue.running) {
let notification = DesktopNotificationQueue.queue.shift();
if (notification) notify(notification.parsedcontent, notification.parsedoptions);
}
};
const notify = (content, options) => {
DesktopNotificationQueue.running = true;
let muted = options.silent;
options.silent = options.silent || options.sound ? true : false;
let notification = new Notification(content, options);
let audio = new Audio();
let timeout = BDFDB.TimeUtils.timeout(_ => {close();}, options.timeout ? options.timeout : 3000);
if (typeof options.click == "function") notification.onclick = _ => {
BDFDB.TimeUtils.clear(timeout);
close();
options.click();
};
if (!muted && options.sound) {
audio.src = options.sound;
audio.play();
}
const close = _ => {
audio.pause();
notification.close();
DesktopNotificationQueue.running = false;
BDFDB.TimeUtils.timeout(_ => {runqueue();}, 1000);
};
};
if (!("Notification" in window)) {}
else if (Notification.permission === "granted") queue();
else if (Notification.permission !== "denied") Notification.requestPermission(function (response) {if (response === "granted") queue();});
};
BDFDB.NotificationUtils.notice = function (text, options = {}) {
if (!text) return;
let layers = document.querySelector(BDFDB.dotCN.layers);
if (!layers) return;
let id = BDFDB.NumberUtils.generateId(NotificationBars);
let notice = BDFDB.DOMUtils.create(`<div class="${BDFDB.disCNS.notice + BDFDB.disCN.noticewrapper}" notice-id="${id}"><div class="${BDFDB.disCN.noticedismiss}" style="height: 36px !important; position: absolute !important; top: 0 !important; right: 0 !important; left: unset !important;"></div><span class="notice-message"></span></div>`);
layers.parentElement.insertBefore(notice, layers);
let noticeMessage = notice.querySelector(".notice-message");
if (options.platform) for (let platform of options.platform.split(" ")) if (DiscordClasses["noticeicon" + platform]) {
let icon = BDFDB.DOMUtils.create(`<i class="${BDFDB.disCN["noticeicon" + platform]}"></i>`);
BDFDB.DOMUtils.addClass(icon, BDFDB.disCN.noticeplatformicon);
BDFDB.DOMUtils.removeClass(icon, BDFDB.disCN.noticeicon);
notice.insertBefore(icon, noticeMessage);
}
if (options.customicon) {
let iconinner = BDFDB.DOMUtils.create(options.customicon)
let icon = BDFDB.DOMUtils.create(`<i></i>`);
if (iconinner.tagName == "span" && !iconinner.firstElementChild) icon.style.setProperty("background", `url(${options.customicon}) center/cover no-repeat`);
else icon.appendChild(iconinner);
BDFDB.DOMUtils.addClass(icon, BDFDB.disCN.noticeplatformicon);
BDFDB.DOMUtils.removeClass(icon, BDFDB.disCN.noticeicon);
notice.insertBefore(icon, noticeMessage);
}
if (options.btn || options.button) notice.appendChild(BDFDB.DOMUtils.create(`<button class="${BDFDB.disCNS.noticebutton + BDFDB.disCN.titlesize14}">${options.btn || options.button}</button>`));
if (options.id) notice.id = options.id.split(" ").join("");
if (options.selector) BDFDB.DOMUtils.addClass(notice, options.selector);
if (options.css) BDFDB.DOMUtils.appendLocalStyle("BDFDBcustomNotificationBar" + id, options.css);
if (options.style) notice.style = options.style;
if (options.html === true) noticeMessage.innerHTML = text;
else {
let link = document.createElement("a");
let newText = [];
for (let word of text.split(" ")) {
let encodedWord = BDFDB.StringUtils.htmlEscape(word);
link.href = word;
newText.push(link.host && link.host !== window.location.host ? `<label class="${BDFDB.disCN.textlink}">${encodedWord}</label>` : encodedWord);
}
noticeMessage.innerHTML = newText.join(" ");
}
let type = null;
if (options.type && !document.querySelector(BDFDB.dotCNS.chatbase + BDFDB.dotCN.noticestreamer)) {
if (type = BDFDB.disCN["notice" + options.type]) BDFDB.DOMUtils.addClass(notice, type);
if (options.type == "premium") {
let noticeButton = notice.querySelector(BDFDB.dotCN.noticebutton);
if (noticeButton) BDFDB.DOMUtils.addClass(noticeButton, BDFDB.disCN.noticepremiumaction);
BDFDB.DOMUtils.addClass(noticeMessage, BDFDB.disCN.noticepremiumtext);
notice.insertBefore(BDFDB.DOMUtils.create(`<i class="${BDFDB.disCN.noticepremiumlogo}"></i>`), noticeMessage);
}
}
if (!type) {
let comp = BDFDB.ColorUtils.convert(options.color, "RGBCOMP");
if (comp) {
let fontColor = comp[0] > 180 && comp[1] > 180 && comp[2] > 180 ? "#000" : "#FFF";
let backgroundcolor = BDFDB.ColorUtils.convert(comp, "HEX");
let filter = comp[0] > 180 && comp[1] > 180 && comp[2] > 180 ? "brightness(0%)" : "brightness(100%)";
BDFDB.DOMUtils.appendLocalStyle("BDFDBcustomNotificationBarColorCorrection" + id, `${BDFDB.dotCN.noticewrapper}[notice-id="${id}"]{background-color:${backgroundcolor} !important;}${BDFDB.dotCN.noticewrapper}[notice-id="${id}"] .notice-message {color:${fontColor} !important;}${BDFDB.dotCN.noticewrapper}[notice-id="${id}"] ${BDFDB.dotCN.noticebutton} {color:${fontColor} !important;border-color:${BDFDB.ColorUtils.setAlpha(fontColor, 0.25, "RGBA")} !important;}${BDFDB.dotCN.noticewrapper}[notice-id="${id}"] ${BDFDB.dotCN.noticebutton}:hover {color:${backgroundcolor} !important;background-color:${fontColor} !important;}${BDFDB.dotCN.noticewrapper}[notice-id="${id}"] ${BDFDB.dotCN.noticedismiss} {filter:${filter} !important;}`);
}
else BDFDB.DOMUtils.addClass(notice, BDFDB.disCN.noticedefault);
}
notice.style.setProperty("height", "36px", "important");
notice.style.setProperty("min-width", "70vw", "important");
notice.style.setProperty("left", "unset", "important");
notice.style.setProperty("right", "unset", "important");
let sideMargin = ((BDFDB.DOMUtils.getWidth(document.body.firstElementChild) - BDFDB.DOMUtils.getWidth(notice))/2);
notice.style.setProperty("left", `${sideMargin}px`, "important");
notice.style.setProperty("right", `${sideMargin}px`, "important");
notice.style.setProperty("min-width", "unset", "important");
notice.style.setProperty("width", "unset", "important");
notice.style.setProperty("max-width", `calc(100vw - ${sideMargin*2}px)`, "important");
notice.querySelector(BDFDB.dotCN.noticedismiss).addEventListener("click", _ => {
notice.style.setProperty("overflow", "hidden", "important");
notice.style.setProperty("height", "0px", "important");
if (notice.tooltip && typeof notice.tooltip.removeTooltip == "function") notice.tooltip.removeTooltip();
BDFDB.TimeUtils.timeout(_ => {
BDFDB.ArrayUtils.remove(NotificationBars, id);
BDFDB.DOMUtils.removeLocalStyle("BDFDBcustomNotificationBar" + id);
BDFDB.DOMUtils.removeLocalStyle("BDFDBcustomNotificationBarColorCorrection" + id);
BDFDB.DOMUtils.remove(notice);
}, 500);
});
return notice;
};
BDFDB.NotificationUtils.alert = function (header, body) {
if (typeof header == "string" && typeof header == "string" && window.BdApi && typeof BdApi.alert == "function") BdApi.alert(header, body);
};
var Tooltips = [];
BDFDB.TooltipUtils = {};
BDFDB.TooltipUtils.create = function (anker, text, options = {}) {
let itemLayerContainer = document.querySelector(BDFDB.dotCN.appmount + " > " + BDFDB.dotCN.itemlayercontainer);
if (!itemLayerContainer || !Node.prototype.isPrototypeOf(anker) || !document.contains(anker)) return null;
text = typeof text == "function" ? text() : text;
if (typeof text != "string" && !BDFDB.ReactUtils.isValidElement(text) && !BDFDB.ObjectUtils.is(options.guild)) return null;
let id = BDFDB.NumberUtils.generateId(Tooltips);
let zIndexed = typeof options.zIndex == "number" || options.unhideable;
let itemLayer = BDFDB.DOMUtils.create(`<div class="${BDFDB.disCNS.itemlayer + BDFDB.disCN.itemlayerdisabledpointerevents}"><div class="${BDFDB.disCN.tooltip}" tooltip-id="${id}"><div class="${BDFDB.disCN.tooltippointer}"></div><div class="${BDFDB.disCN.tooltipcontent}"></div></div></div>`);
if (zIndexed) {
let itemLayerContainerClone = itemLayerContainer.cloneNode();
itemLayerContainerClone.style.setProperty("z-index", options.zIndex || 1002, "important");
itemLayerContainer.parentElement.insertBefore(itemLayerContainerClone, itemLayerContainer.nextElementChild);
itemLayerContainer = itemLayerContainerClone;
}
itemLayerContainer.appendChild(itemLayer);
let tooltip = itemLayer.firstElementChild;
let tooltipContent = itemLayer.querySelector(BDFDB.dotCN.tooltipcontent);
let tooltipPointer = itemLayer.querySelector(BDFDB.dotCN.tooltippointer);
if (options.id) tooltip.id = options.id.split(" ").join("");
if (typeof options.type != "string" || !BDFDB.disCN["tooltip" + options.type.toLowerCase()]) options.type = "top";
let type = options.type.toLowerCase();
BDFDB.DOMUtils.addClass(tooltip, BDFDB.disCN["tooltip" + type], options.className, options.selector);
let fontColorIsGradient = false, customBackgroundColor = false, style = "";
if (options.style) style += options.style;
if (options.fontColor) {
fontColorIsGradient = BDFDB.ObjectUtils.is(options.fontColor);
if (!fontColorIsGradient) style = (style ? (style + " ") : "") + `color: ${BDFDB.ColorUtils.convert(options.fontColor, "RGBA")} !important;`
}
if (options.backgroundColor) {
customBackgroundColor = true;
let backgroundColorIsGradient = BDFDB.ObjectUtils.is(options.backgroundColor);
let backgroundColor = !backgroundColorIsGradient ? BDFDB.ColorUtils.convert(options.backgroundColor, "RGBA") : BDFDB.ColorUtils.createGradient(options.backgroundColor);
style = (style ? (style + " ") : "") + `background: ${backgroundColor} !important; border-color: ${backgroundColorIsGradient ? BDFDB.ColorUtils.convert(options.backgroundColor[type == "left" ? 100 : 0], "RGBA") : backgroundColor} !important;`;
}
if (style) tooltip.style = style;
if (zIndexed) {
itemLayer.style.setProperty("z-index", options.zIndex || 1002, "important");
tooltip.style.setProperty("z-index", options.zIndex || 1002, "important");
tooltipContent.style.setProperty("z-index", options.zIndex || 1002, "important");
}
if (typeof options.width == "number" && options.width > 196) {
tooltip.style.setProperty("width", `${options.width}px`, "important");
tooltip.style.setProperty("max-width", `${options.width}px`, "important");
}
if (typeof options.maxWidth == "number" && options.maxWidth > 196) {
tooltip.style.setProperty("max-width", `${options.maxWidth}px`, "important");
}
if (customBackgroundColor || options.unhideable) BDFDB.DOMUtils.addClass(tooltip, BDFDB.disCN.tooltipcustom);
else if (options.color && BDFDB.disCN["tooltip" + options.color.toLowerCase()]) BDFDB.DOMUtils.addClass(tooltip, BDFDB.disCN["tooltip" + options.color.toLowerCase()]);
else BDFDB.DOMUtils.addClass(tooltip, BDFDB.disCN.tooltipblack);
if (options.list || BDFDB.ObjectUtils.is(options.guild)) BDFDB.DOMUtils.addClass(tooltip, BDFDB.disCN.tooltiplistitem);
let mouseLeave = _ => {itemLayer.removeTooltip();};
if (!options.perssist) anker.addEventListener("mouseleave", mouseLeave);
let observer = new MutationObserver(changes => changes.forEach(change => {
let nodes = Array.from(change.removedNodes);
if (nodes.indexOf(itemLayer) > -1 || nodes.indexOf(anker) > -1 || nodes.some(n => n.contains(anker))) {
BDFDB.ArrayUtils.remove(Tooltips, id);
observer.disconnect();
BDFDB.DOMUtils.removeLocalStyle("BDFDBhideOtherTooltips" + id, itemLayerContainer);
itemLayer.removeTooltip();
anker.removeEventListener("mouseleave", mouseLeave);
if (typeof options.onHide == "function") options.onHide(itemLayer, anker);
}
}));
observer.observe(document.body, {subtree:true, childList:true});
(tooltip.setText = itemLayer.setText = newText => {
if (BDFDB.ObjectUtils.is(options.guild)) {
let streamOwnerIds = LibraryModules.StreamUtils.getAllApplicationStreams().filter(app => app.guildId === options.guild.id).map(app => app.ownerId) || [];
let streamOwners = streamOwnerIds.map(ownerId => LibraryModules.UserStore.getUser(ownerId)).filter(n => n);
let connectedUsers = Object.keys(LibraryModules.VoiceUtils.getVoiceStates(options.guild.id)).map(userId => !streamOwnerIds.includes(userId) && BDFDB.LibraryModules.UserStore.getUser(userId)).filter(n => n);
let tooltipText = options.guild.toString();
if (fontColorIsGradient) tooltipText = `<span style="pointer-events: none; -webkit-background-clip: text !important; color: transparent !important; background-image: ${BDFDB.ColorUtils.createGradient(options.fontColor)} !important;">${BDFDB.StringUtils.htmlEscape(tooltipText)}</span>`;
BDFDB.ReactUtils.render(BDFDB.ReactUtils.createElement(BDFDB.ReactUtils.Fragment, {
children: [
BDFDB.ReactUtils.createElement("div", {
className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN.tooltiprow, BDFDB.disCN.tooltiprowguildname),
children: [
BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.GuildComponents.Badge, {
guild: options.guild,
size: LibraryModules.StringUtils.cssValueToNumber(DiscordClassModules.TooltipGuild.iconSize),
className: BDFDB.disCN.tooltiprowicon
}),
BDFDB.ReactUtils.createElement("span", {
className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN.tooltipguildnametext, (connectedUsers.length || streamOwners.length) && BDFDB.disCN.tooltipguildnametextlimitedsize),
children: fontColorIsGradient || options.html ? BDFDB.ReactUtils.elementToReact(BDFDB.DOMUtils.create(tooltipText)) : tooltipText
}),
]
}),
newText && BDFDB.ReactUtils.createElement("div", {
className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN.tooltiprow, BDFDB.disCN.tooltiprowextra),
children: newText
}),
connectedUsers.length && BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN.tooltiprow,
children: [
BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.SvgIcon, {
name: InternalComponents.LibraryComponents.SvgIcon.Names.SPEAKER,
className: BDFDB.disCN.tooltipactivityicon
}),
BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.UserSummaryItem, {
users: connectedUsers,
max: 6
})
]
}),
streamOwners.length && BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN.tooltiprow,
children: [
BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.SvgIcon, {
name: InternalComponents.LibraryComponents.SvgIcon.Names.STREAM,
className: BDFDB.disCN.tooltipactivityicon
}),
BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.UserSummaryItem, {
users: streamOwners,
max: 6
})
]
})
].filter(n => n)
}), tooltipContent);
}
else {
if (fontColorIsGradient) tooltipContent.innerHTML = `<span style="pointer-events: none; -webkit-background-clip: text !important; color: transparent !important; background-image: ${BDFDB.ColorUtils.createGradient(options.fontColor)} !important;">${BDFDB.StringUtils.htmlEscape(newText)}</span>`;
else if (options.html === true) tooltipContent.innerHTML = newText;
else tooltipContent.innerText = newText;
}
})(text);
(tooltip.removeTooltip = itemLayer.removeTooltip = _ => {
BDFDB.DOMUtils.remove(itemLayer);
if (zIndexed) BDFDB.DOMUtils.remove(itemLayerContainer);
});
(tooltip.update = itemLayer.update = newText => {
if (newText) tooltip.setText(newText);
let left, top, tRects = BDFDB.DOMUtils.getRects(anker), iRects = BDFDB.DOMUtils.getRects(itemLayer), aRects = BDFDB.DOMUtils.getRects(document.querySelector(BDFDB.dotCN.appmount)), positionOffsets = {height: 10, width: 10}, offset = typeof options.offset == "number" ? options.offset : 0;
switch (type) {
case "top":
top = tRects.top - iRects.height - positionOffsets.height + 2 - offset;
left = tRects.left + (tRects.width - iRects.width) / 2;
break;
case "bottom":
top = tRects.top + tRects.height + positionOffsets.height - 2 + offset;
left = tRects.left + (tRects.width - iRects.width) / 2;
break;
case "left":
top = tRects.top + (tRects.height - iRects.height) / 2;
left = tRects.left - iRects.width - positionOffsets.width + 2 - offset;
break;
case "right":
top = tRects.top + (tRects.height - iRects.height) / 2;
left = tRects.left + tRects.width + positionOffsets.width - 2 + offset;
break;
}
itemLayer.style.setProperty("top", `${top}px`, "important");
itemLayer.style.setProperty("left", `${left}px`, "important");
tooltipPointer.style.removeProperty("margin-left");
tooltipPointer.style.removeProperty("margin-top");
if (type == "top" || type == "bottom") {
if (left < 0) {
itemLayer.style.setProperty("left", "5px", "important");
tooltipPointer.style.setProperty("margin-left", `${left - 10}px`, "important");
}
else {
let rightMargin = aRects.width - (left + iRects.width);
if (rightMargin < 0) {
itemLayer.style.setProperty("left", `${aRects.width - iRects.width - 5}px`, "important");
tooltipPointer.style.setProperty("margin-left", `${-1*rightMargin}px`, "important");
}
}
}
else if (type == "left" || type == "right") {
if (top < 0) {
itemLayer.style.setProperty("top", "5px");
tooltipPointer.style.setProperty("margin-top", `${top - 10}px`, "important");
}
else {
let bottomMargin = aRects.height - (top + iRects.height);
if (bottomMargin < 0) {
itemLayer.style.setProperty("top", `${aRects.height - iRects.height - 5}px`, "important");
tooltipPointer.style.setProperty("margin-top", `${-1*bottomMargin}px`, "important");
}
}
}
if (options.unhideable) {
for (let node of [itemLayer, tooltip, tooltipContent]) {
node.style.setProperty("position", "absolute", "important");
node.style.setProperty("right", "unset", "important");
node.style.setProperty("bottom", "unset", "important");
node.style.setProperty("display", "block", "important");
node.style.setProperty("opacity", "1", "important");
node.style.setProperty("visibility", "visible", "important");
node.style.setProperty("max-width", "unset", "important");
node.style.setProperty("min-width", "50px", "important");
node.style.setProperty("width", "unset", "important");
node.style.setProperty("max-height", "unset", "important");
node.style.setProperty("min-height", "14px", "important");
node.style.setProperty("height", "unset", "important");
node.style.setProperty("animation", "unset", "important");
node.style.setProperty("transform", "unset", "important");
}
for (let node of [tooltip, tooltipContent]) {
node.style.setProperty("position", "static", "important");
node.style.setProperty("top", "unset", "important");
node.style.setProperty("left", "unset", "important");
}
tooltip.style.setProperty("background", "#000", "important");
tooltipContent.style.setProperty("color", "#dcddde", "important");
tooltipPointer.style.setProperty(`border-top-color`, "#000", "important");
}
})();
if (options.delay) {
BDFDB.DOMUtils.toggle(itemLayer);
BDFDB.TimeUtils.timeout(_ => {
BDFDB.DOMUtils.toggle(itemLayer);
if (typeof options.onShow == "function") options.onShow(itemLayer, anker);
}, options.delay);
}
else {
if (typeof options.onShow == "function") options.onShow(itemLayer, anker);
}
return itemLayer;
};
BDFDB.ObjectUtils = {};
BDFDB.ObjectUtils.is = function (obj) {
return obj && Object.prototype.isPrototypeOf(obj) && !Array.prototype.isPrototypeOf(obj);
};
BDFDB.ObjectUtils.extract = function (obj, ...keys) {
let newObj = {};
if (BDFDB.ObjectUtils.is(obj)) for (let key of keys.flat(10).filter(n => n)) if (obj[key]) newObj[key] = obj[key];
return newObj;
};
BDFDB.ObjectUtils.exclude = function (obj, ...keys) {
let newObj = Object.assign({}, obj);
BDFDB.ObjectUtils.delete(newObj, ...keys)
return newObj;
};
BDFDB.ObjectUtils.delete = function (obj, ...keys) {
if (BDFDB.ObjectUtils.is(obj)) for (let key of keys.flat(10).filter(n => n)) delete obj[key];
};
BDFDB.ObjectUtils.sort = function (obj, sort, except) {
if (!BDFDB.ObjectUtils.is(obj)) return {};
let newObj = {};
if (sort === undefined || !sort) for (let key of Object.keys(obj).sort()) newObj[key] = obj[key];
else {
let values = [];
for (let key in obj) values.push(obj[key]);
values = BDFDB.ArrayUtils.keySort(values, sort, except);
for (let value of values) for (let key in obj) if (BDFDB.equals(value, obj[key])) {
newObj[key] = value;
break;
}
}
return newObj;
};
BDFDB.ObjectUtils.reverse = function (obj, sort) {
if (!BDFDB.ObjectUtils.is(obj)) return {};
let newObj = {};
for (let key of (sort === undefined || !sort) ? Object.keys(obj).reverse() : Object.keys(obj).sort().reverse()) newObj[key] = obj[key];
return newObj;
};
BDFDB.ObjectUtils.filter = function (obj, filter, byKey = false) {
if (!BDFDB.ObjectUtils.is(obj)) return {};
if (typeof filter != "function") return obj;
return Object.keys(obj).filter(key => filter(byKey ? key : obj[key])).reduce((newObj, key) => (newObj[key] = obj[key], newObj), {});
};
BDFDB.ObjectUtils.push = function (obj, value) {
if (BDFDB.ObjectUtils.is(obj)) obj[Object.keys(obj).length] = value;
};
BDFDB.ObjectUtils.pop = function (obj, value) {
if (BDFDB.ObjectUtils.is(obj)) {
let keys = Object.keys(obj);
if (!keys.length) return;
let value = obj[keys[keys.length-1]];
delete obj[keys[keys.length-1]];
return value;
}
};
BDFDB.ObjectUtils.map = function (obj, mapfunc) {
if (!BDFDB.ObjectUtils.is(obj)) return {};
if (typeof mapfunc != "string" && typeof mapfunc != "function") return obj;
let newObj = {};
for (let key in obj) if (BDFDB.ObjectUtils.is(obj[key])) newObj[key] = typeof mapfunc == "string" ? obj[key][mapfunc] : mapfunc(obj[key], key);
return newObj;
};
BDFDB.ObjectUtils.toArray = function (obj) {
if (!BDFDB.ObjectUtils.is(obj)) return [];
return Object.entries(obj).map(n => n[1]);
};
BDFDB.ObjectUtils.deepAssign = function (obj, ...objs) {
if (!objs.length) return obj;
let nextObj = objs.shift();
if (BDFDB.ObjectUtils.is(obj) && BDFDB.ObjectUtils.is(nextObj)) {
for (let key in nextObj) {
if (BDFDB.ObjectUtils.is(nextObj[key])) {
if (!obj[key]) Object.assign(obj, {[key]:{}});
BDFDB.ObjectUtils.deepAssign(obj[key], nextObj[key]);
}
else Object.assign(obj, {[key]:nextObj[key]});
}
}
return BDFDB.ObjectUtils.deepAssign(obj, ...objs);
};
BDFDB.ObjectUtils.isEmpty = function (obj) {
return !BDFDB.ObjectUtils.is(obj) || Object.getOwnPropertyNames(obj).length == 0;
};
BDFDB.ArrayUtils = {};
BDFDB.ArrayUtils.is = function (array) {
return array && Array.isArray(array);
};
BDFDB.ArrayUtils.sum = function (array) {
return Array.isArray(array) ? array.reduce((total, num) => total + Math.round(num), 0) : 0;
};
BDFDB.ArrayUtils.keySort = function (array, key, except) {
if (!BDFDB.ArrayUtils.is(array)) return [];
if (key == null) return array;
if (except === undefined) except = null;
return array.sort((x, y) => {
let xValue = x[key], yValue = y[key];
if (xValue !== except) return xValue < yValue ? -1 : xValue > yValue ? 1 : 0;
});
};
BDFDB.ArrayUtils.numSort = function (array) {
return array.sort((x, y) => (x < y ? -1 : x > y ? 1 : 0));
};
BDFDB.ArrayUtils.includes = function (array, ...values) {
if (!BDFDB.ArrayUtils.is(array)) return null;
if (!array.length) return false;
let all = values.pop();
if (typeof all != "boolean") {
values.push(all);
all = true;
}
if (!values.length) return false;
let contained = undefined;
for (let v of values) {
if (contained === undefined) contained = all;
if (all && !array.includes(v)) contained = false;
if (!all && array.includes(v)) contained = true;
}
return contained;
};
BDFDB.ArrayUtils.remove = function (array, value, all = false) {
if (!BDFDB.ArrayUtils.is(array)) return [];
if (!array.includes(value)) return array;
if (!all) array.splice(array.indexOf(value), 1);
else while (array.indexOf(value) > -1) array.splice(array.indexOf(value), 1);
return array;
};
BDFDB.ArrayUtils.getAllIndexes = function (array, value) {
if (!BDFDB.ArrayUtils.is(array) && typeof array != "string") return [];
var indexes = [], index = -1;
while ((index = array.indexOf(value, index + 1)) !== -1) indexes.push(index);
return indexes;
};
BDFDB.ArrayUtils.removeCopies = function (array) {
if (!BDFDB.ArrayUtils.is(array)) return [];
return [...new Set(array)];
};
BDFDB.ModuleUtils = {};
BDFDB.ModuleUtils.cached = window.BDFDB && window.BDFDB.ModuleUtils && window.BDFDB.ModuleUtils.cached || {};
BDFDB.ModuleUtils.find = function (filter, getExport) {
getExport = typeof getExport != "boolean" ? true : getExport;
let req = InternalBDFDB.getWebModuleReq();
for (let i in req.c) if (req.c.hasOwnProperty(i)) {
let m = req.c[i].exports;
if (m && (typeof m == "object" || typeof m == "function") && filter(m)) return getExport ? m : req.c[i];
if (m && m.__esModule) {
for (let j in m) if (m[j] && (typeof m[j] == "object" || typeof m[j] == "function") && filter(m[j])) return getExport ? m[j] : req.c[i];
if (m.default && (typeof m.default == "object" || typeof m.default == "function")) for (let j in m.default) if (m.default[j] && (typeof m.default[j] == "object" || typeof m.default[j] == "function") && filter(m.default[j])) return getExport ? m.default[j] : req.c[i];
}
}
for (let i in req.m) if (req.m.hasOwnProperty(i)) {
let m = req.m[i];
if (m && typeof m == "function" && filter(m)) {
if (req.c[i]) return getExport ? req.c[i].exports : req.c[i];
else {
let resolved = {};
req.m[i](resolved, null, req);
return getExport ? resolved.exports : resolved;
}
}
}
};
BDFDB.ModuleUtils.findByProperties = function (...properties) {
properties = properties.flat(10);
let getExport = properties.pop();
if (typeof getExport != "boolean") {
properties.push(getExport);
getExport = true;
}
return InternalBDFDB.findModule("prop", JSON.stringify(properties), m => properties.every(prop => m[prop] !== undefined), getExport);
};
BDFDB.ModuleUtils.findByName = function (name, getExport) {
return InternalBDFDB.findModule("name", JSON.stringify(name), m => m.displayName === name || m.render && m.render.displayName === name, typeof getExport != "boolean" ? true : getExport);
};
BDFDB.ModuleUtils.findByString = function (...strings) {
strings = strings.flat(10);
let getExport = strings.pop();
if (typeof getExport != "boolean") {
strings.push(getExport);
getExport = true;
}
return InternalBDFDB.findModule("string", JSON.stringify(strings), m => strings.every(string => typeof m == "function" && (m.toString().indexOf(string) > -1 || typeof m.__originalMethod == "function" && m.__originalMethod.toString().indexOf(string) > -1 || typeof m.__originalFunction == "function" && m.__originalFunction.toString().indexOf(string) > -1) || BDFDB.ObjectUtils.is(m) && typeof m.type == "function" && m.type.toString().indexOf(string) > -1), getExport);
};
BDFDB.ModuleUtils.findByPrototypes = function (...protoprops) {
protoprops = protoprops.flat(10);
let getExport = protoprops.pop();
if (typeof getExport != "boolean") {
protoprops.push(getExport);
getExport = true;
}
return InternalBDFDB.findModule("proto", JSON.stringify(protoprops), m => m.prototype && protoprops.every(prop => m.prototype[prop] !== undefined), getExport);
};
InternalBDFDB.findModule = function (type, cachestring, filter, getExport) {
if (!BDFDB.ObjectUtils.is(BDFDB.ModuleUtils.cached[type])) BDFDB.ModuleUtils.cached[type] = {module:{}, export:{}};
if (getExport && BDFDB.ModuleUtils.cached[type].export[cachestring]) return BDFDB.ModuleUtils.cached[type].export[cachestring];
else if (!getExport && BDFDB.ModuleUtils.cached[type].module[cachestring]) return BDFDB.ModuleUtils.cached[type].module[cachestring];
else {
let m = BDFDB.ModuleUtils.find(filter, getExport);
if (m) {
if (getExport) BDFDB.ModuleUtils.cached[type].export[cachestring] = m;
else BDFDB.ModuleUtils.cached[type].module[cachestring] = m;
return m;
}
else BDFDB.LogUtils.warn(`${cachestring} [${type}] not found in WebModules`);
}
};
InternalBDFDB.getWebModuleReq = function () {
if (!InternalBDFDB.getWebModuleReq.req) {
const id = "BDFDB-WebModules";
const req = window.webpackJsonp.push([[], {[id]: (module, exports, req) => module.exports = req}, [[id]]]);
delete req.m[id];
delete req.c[id];
InternalBDFDB.getWebModuleReq.req = req;
}
return InternalBDFDB.getWebModuleReq.req;
};
var WebModulesData = {};
WebModulesData.PatchTypes = ["before", "instead", "after"];
WebModulesData.InstanceFunctions = ["render", "componentDidMount", "componentDidUpdate", "componentWillUnmount"];
WebModulesData.PatchMap = {
BannedCard: "BannedUser",
ChannelWindow: "Channel",
InvitationCard: "InviteRow",
InviteCard: "InviteRow",
MemberCard: "Member",
PopoutContainer: "Popout",
QuickSwitchResult: "Result",
UserProfile: "UserProfileBody"
};
WebModulesData.ForceObserve = [
"DirectMessage",
"GuildIcon"
];
WebModulesData.MemoComponent = [
"EmojiPicker",
"ExpressionPicker",
"GuildFolder",
"Messages",
"MessageContent",
"NowPlayingHeader"
];
WebModulesData.NonPrototype = [
"ChannelTextAreaContainer"
];
WebModulesData.LoadedInComponents = {
AutocompleteChannelResult: "LibraryComponents.AutocompleteItems.Channel",
AutocompleteUserResult: "LibraryComponents.AutocompleteItems.User",
QuickSwitchChannelResult: "LibraryComponents.QuickSwitchItems.Channel",
QuickSwitchGroupDMResult: "LibraryComponents.QuickSwitchItems.GroupDM",
QuickSwitchGuildResult: "LibraryComponents.QuickSwitchItems.Guild",
QuickSwitchUserResult: "LibraryComponents.QuickSwitchItems.User"
};
WebModulesData.SpecialFilter = {
V2C_ContentColumn: ins => ins && ins.return && ins.return.stateNode && ins.return.stateNode.props && typeof ins.return.stateNode.props.title == "string" && (ins.return.stateNode.props.title.toUpperCase().indexOf("PLUGINS") == 0 || ins.return.stateNode.props.title.toUpperCase().indexOf("THEMES") == 0) && ins.return.type,
GuildFolder: ins => ins && ins.return && ins.return.memoizedProps && ins.return.memoizedProps.folderId && ins.return.memoizedProps.guildIds && ins.return.type
};
WebModulesData.PatchFinder = {
Account: "accountinfo",
App: "app",
AppSkeleton: "app",
AppView: "appcontainer",
AuthWrapper: "loginscreen",
BannedCard: "guildsettingsbannedcard",
Category: "categorycontainerdefault",
ChannelCall: "callcurrentcontainer",
ChannelMember: "member",
Channels: "guildchannels",
ChannelTextAreaForm: "chatform",
ChannelWindow: "chatcontent",
CustomStatusModal: "emojiinputmodal",
DirectMessage: "guildouter",
Guild: "guildouter",
GuildFolder: "guildfolderwrapper",
GuildIcon: "avataricon",
GuildRoleSettings: "settingswindowcontent",
Guilds: "guildswrapper",
GuildSettings: "layer",
GuildSettingsBans: "guildsettingsbannedcard",
GuildSettingsEmoji: "guildsettingsemojicard",
GuildSettingsMembers: "guildsettingsmembercard",
GuildSidebar: "guildchannels",
I18nLoaderWrapper: "app",
InstantInviteModal: "invitemodalwrapper",
InvitationCard: "invitemodalinviterow",
InviteCard: "guildsettingsinvitecard",
MemberCard: "guildsettingsmembercard",
MessagesPopout: "messagespopout",
ModalLayer: "layermodal",
MutualGuilds: "userprofilebody",
MutualFriends: "userprofilebody",
Note: "usernotetextarea",
PopoutContainer: "popout",
Popouts: "popouts",
PrivateChannelCall: "callcurrentcontainer",
PrivateChannelCallParticipants: "callcurrentcontainer",
PrivateChannelRecipientsInvitePopout: "searchpopoutdmaddpopout",
PrivateChannelsList: "dmchannelsscroller",
QuickSwitchChannelResult: "quickswitchresult",
QuickSwitchGuildResult: "quickswitchresult",
QuickSwitchResult: "quickswitchresult",
Reaction: "messagereactionme",
Reactor: "messagereactionsmodalreactor",
RTCConnection: "voicedetails",
SearchResults: "searchresultswrap",
TypingUsers: "typing",
UnreadDMs: "guildsscroller",
Upload: "uploadmodal",
UserHook: "auditloguserhook",
UserPopout: "userpopout",
UserProfile: "userprofile",
V2C_ContentColumn: "settingswindowcontentcolumn"
};
WebModulesData.CodeFinder = {
EmojiPicker: ["allowManagedEmojis", "EMOJI_PICKER_TAB_PANEL_ID", "diversitySelector"],
Messages: ["group-spacing-", "canManageMessages"],
SearchResultsInner: ["SEARCH_HIDE_BLOCKED_MESSAGES", "totalResults", "SEARCH_PAGE_SIZE"]
};
WebModulesData.PropsFinder = {
Avatar: "AnimatedAvatar",
MessageHeader: "MessageTimestamp",
UnavailableGuildsButton: "UnavailableGuildsButton"
};
BDFDB.ModuleUtils.isPatched = function (plugin, module, methodName) {
plugin = plugin == BDFDB && InternalBDFDB || plugin;
if (!plugin || !BDFDB.ObjectUtils.is(module) || !module.BDFDBpatch || !methodName) return false;
const pluginId = (typeof plugin === "string" ? plugin : plugin.name).toLowerCase();
return pluginId && module[methodName] && module[methodName].__isBDFDBpatched && module.BDFDBpatch[methodName] && BDFDB.ObjectUtils.toArray(module.BDFDBpatch[methodName]).some(patchObj => BDFDB.ObjectUtils.toArray(patchObj).some(priorityObj => Object.keys(priorityObj).includes(pluginId)));
};
BDFDB.ModuleUtils.patch = function (plugin, module, methodNames, patchMethods, config = {}) {
plugin = plugin == BDFDB && InternalBDFDB || plugin;
if (!plugin || !BDFDB.ObjectUtils.is(module) || !methodNames || !BDFDB.ObjectUtils.is(patchMethods)) return null;
patchMethods = BDFDB.ObjectUtils.filter(patchMethods, type => WebModulesData.PatchTypes.includes(type), true);
if (BDFDB.ObjectUtils.isEmpty(patchMethods)) return null;
const pluginName = typeof plugin === "string" ? plugin : plugin.name;
const pluginId = pluginName.toLowerCase();
const patchPriority = BDFDB.ObjectUtils.is(plugin) && !isNaN(plugin.patchPriority) ? (plugin.patchPriority < 0 ? 0 : (plugin.patchPriority > 10 ? 10 : Math.round(plugin.patchPriority))) : 5;
if (!BDFDB.ObjectUtils.is(module.BDFDBpatch)) module.BDFDBpatch = {};
methodNames = [methodNames].flat(10).filter(n => n);
let cancel = _ => {BDFDB.ModuleUtils.unpatch(plugin, module, methodNames);};
for (let methodName of methodNames) if (module[methodName] == null || typeof module[methodName] == "function") {
if (!module.BDFDBpatch[methodName] || config.force && (!module[methodName] || !module[methodName].__isBDFDBpatched)) {
if (!module.BDFDBpatch[methodName]) {
module.BDFDBpatch[methodName] = {};
for (let type of WebModulesData.PatchTypes) module.BDFDBpatch[methodName][type] = {};
}
if (!module[methodName]) module[methodName] = (_ => {});
const originalMethod = module[methodName];
module.BDFDBpatch[methodName].originalMethod = originalMethod;
module[methodName] = function () {
let callInstead = false, stopCall = false;
const data = {
thisObject: this,
methodArguments: arguments,
originalMethod: originalMethod,
originalMethodName: methodName,
callOriginalMethod: _ => {if (!stopCall) data.returnValue = data.originalMethod.apply(data.thisObject, data.methodArguments)},
callOriginalMethodAfterwards: _ => {callInstead = true;},
stopOriginalMethodCall: _ => {stopCall = true;}
};
if (module.BDFDBpatch && module.BDFDBpatch[methodName]) {
for (let priority in module.BDFDBpatch[methodName].before) for (let id in BDFDB.ObjectUtils.sort(module.BDFDBpatch[methodName].before[priority])) {
BDFDB.TimeUtils.suppress(module.BDFDBpatch[methodName].before[priority][id], `"before" callback of ${methodName} in ${module.constructor ? (module.constructor.displayName || module.constructor.name) : "module"}`, module.BDFDBpatch[methodName].before[priority][id].pluginName)(data);
}
if (!module.BDFDBpatch || !module.BDFDBpatch[methodName]) return methodName == "render" && data.returnValue === undefined ? null : data.returnValue;
let hasInsteadPatches = BDFDB.ObjectUtils.toArray(module.BDFDBpatch[methodName].instead).some(priorityObj => !BDFDB.ObjectUtils.isEmpty(priorityObj));
if (hasInsteadPatches) for (let priority in module.BDFDBpatch[methodName].instead) for (let id in BDFDB.ObjectUtils.sort(module.BDFDBpatch[methodName].instead[priority])) {
let tempReturn = BDFDB.TimeUtils.suppress(module.BDFDBpatch[methodName].instead[priority][id], `"instead" callback of ${methodName} in ${module.constructor ? (module.constructor.displayName || module.constructor.name) : "module"}`, module.BDFDBpatch[methodName].instead[priority][id].pluginName)(data);
if (tempReturn !== undefined) data.returnValue = tempReturn;
}
if ((!hasInsteadPatches || callInstead) && !stopCall) BDFDB.TimeUtils.suppress(data.callOriginalMethod, `originalMethod of ${methodName} in ${module.constructor ? (module.constructor.displayName || module.constructor.name) : "module"}`)();
if (!module.BDFDBpatch || !module.BDFDBpatch[methodName]) return methodName == "render" && data.returnValue === undefined ? null : data.returnValue;
for (let priority in module.BDFDBpatch[methodName].after) for (let id in BDFDB.ObjectUtils.sort(module.BDFDBpatch[methodName].after[priority])) {
let tempReturn = BDFDB.TimeUtils.suppress(module.BDFDBpatch[methodName].after[priority][id], `"after" callback of ${methodName} in ${module.constructor ? (module.constructor.displayName || module.constructor.name) : "module"}`, module.BDFDBpatch[methodName].after[priority][id].pluginName)(data);
if (tempReturn !== undefined) data.returnValue = tempReturn;
}
}
else BDFDB.TimeUtils.suppress(data.callOriginalMethod, `originalMethod of ${methodName} in ${module.constructor ? module.constructor.displayName || module.constructor.name : "module"}`)();
callInstead = false, stopCall = false;
return methodName == "render" && data.returnValue === undefined ? null : data.returnValue;
};
for (let key of Object.keys(originalMethod)) module[methodName][key] = originalMethod[key];
if (!module[methodName].__originalFunction) {
let realOriginalMethod = originalMethod.__originalMethod || originalMethod.__originalFunction || originalMethod;
if (typeof realOriginalMethod == "function") {
module[methodName].__originalFunction = realOriginalMethod;
module[methodName].toString = _ => realOriginalMethod.toString();
}
}
module[methodName].__isBDFDBpatched = true;
}
for (let type in patchMethods) if (typeof patchMethods[type] == "function") {
if (!BDFDB.ObjectUtils.is(module.BDFDBpatch[methodName][type][patchPriority])) module.BDFDBpatch[methodName][type][patchPriority] = {};
module.BDFDBpatch[methodName][type][patchPriority][pluginId] = (...args) => {
if (config.once || !plugin.started) cancel();
return patchMethods[type](...args);
};
module.BDFDBpatch[methodName][type][patchPriority][pluginId].pluginName = pluginName;
}
}
if (BDFDB.ObjectUtils.is(plugin) && !config.once && !config.noCache) {
if (!BDFDB.ArrayUtils.is(plugin.patchCancels)) plugin.patchCancels = [];
plugin.patchCancels.push(cancel);
}
return cancel;
};
BDFDB.ModuleUtils.unpatch = function (plugin, module, methodNames) {
plugin = plugin == BDFDB && InternalBDFDB || plugin;
if (!module && !methodNames) {
if (BDFDB.ObjectUtils.is(plugin) && BDFDB.ArrayUtils.is(plugin.patchCancels)) while (plugin.patchCancels.length) (plugin.patchCancels.pop())();
}
else {
if (!BDFDB.ObjectUtils.is(module) || !module.BDFDBpatch) return;
const pluginId = !plugin ? null : (typeof plugin === "string" ? plugin : plugin.name).toLowerCase();
if (methodNames) {
for (let methodName of [methodNames].flat(10).filter(n => n)) if (module[methodName] && module.BDFDBpatch[methodName]) unpatch(methodName, pluginId);
}
else for (let patchedMethod of module.BDFDBpatch) unpatch(patchedMethod, pluginId);
}
function unpatch (funcName, pluginId) {
for (let type of WebModulesData.PatchTypes) {
if (pluginId) for (let priority in module.BDFDBpatch[funcName][type]) {
delete module.BDFDBpatch[funcName][type][priority][pluginId];
if (BDFDB.ObjectUtils.isEmpty(module.BDFDBpatch[funcName][type][priority])) delete module.BDFDBpatch[funcName][type][priority];
}
else delete module.BDFDBpatch[funcName][type];
}
if (BDFDB.ObjectUtils.isEmpty(BDFDB.ObjectUtils.filter(module.BDFDBpatch[funcName], key => WebModulesData.PatchTypes.includes(key) && !BDFDB.ObjectUtils.isEmpty(module.BDFDBpatch[funcName][key]), true))) {
module[funcName] = module.BDFDBpatch[funcName].originalMethod;
delete module.BDFDBpatch[funcName];
if (BDFDB.ObjectUtils.isEmpty(module.BDFDBpatch)) delete module.BDFDBpatch;
}
}
};
BDFDB.ModuleUtils.forceAllUpdates = function (plugins, selectedTypes) {
plugins = [plugins].flat(10).map(n => n == BDFDB && InternalBDFDB || n).filter(n => BDFDB.ObjectUtils.is(n.patchedModules));
if (plugins.length) {
const app = document.querySelector(BDFDB.dotCN.app);
const bdSettings = document.querySelector("#bd-settingspane-container > *");
if (app) {
selectedTypes = [selectedTypes].flat(10).filter(n => n).map(type => type && WebModulesData.PatchMap[type] ? WebModulesData.PatchMap[type] + " _ _ " + type : type);
let updateData = {};
for (let plugin of plugins) {
updateData[plugin.name] = {
filteredModules: [],
specialModules: [],
specialModuleTypes: [],
patchTypes: {}
};
for (let patchType in plugin.patchedModules) for (let type in plugin.patchedModules[patchType]) {
let methodNames = [plugin.patchedModules[patchType][type]].flat(10).filter(n => n);
if (BDFDB.ArrayUtils.includes(methodNames, "componentDidMount", "componentDidUpdate", "render", false) && (!selectedTypes.length || selectedTypes.includes(type))) {
let unmappedType = type.split(" _ _ ")[1] || type;
let filter = WebModulesData.SpecialFilter[unmappedType];
let selector = [WebModulesData.PatchFinder[unmappedType]].flat(10).filter(n => DiscordClasses[n]).map(n => BDFDB.dotCN[n]).join(", ");
if (selector && typeof filter == "function") {
for (let ele of document.querySelectorAll(selector)) {
let constro = filter(BDFDB.ReactUtils.getInstance(ele));
if (constro) {
updateData[plugin.name].specialModules.push([type, constro]);
updateData[plugin.name].specialModuleTypes.push(type);
break;
}
}
}
else updateData[plugin.name].filteredModules.push(type);
let name = type.split(" _ _ ")[0];
if (!updateData[plugin.name].patchTypes[name]) updateData[plugin.name].patchTypes[name] = [];
updateData[plugin.name].patchTypes[name].push(patchType);
}
}
}
let updateDataArray = BDFDB.ObjectUtils.toArray(updateData);
if (BDFDB.ArrayUtils.sum(updateDataArray.map(n => n.filteredModules.length + n.specialModules.length))) {
try {
let filteredModules = BDFDB.ArrayUtils.removeCopies(updateDataArray.map(n => n.filteredModules).flat(10));
let specialModules = BDFDB.ArrayUtils.removeCopies(updateDataArray.map(n => n.specialModules).flat(10));
const appInsDown = BDFDB.ReactUtils.findOwner(app, {name:filteredModules, type:specialModules, all:true, group:true, unlimited:true});
const appInsUp = BDFDB.ReactUtils.findOwner(app, {name:filteredModules, type:specialModules, all:true, group:true, unlimited:true, up:true});
for (let type in appInsDown) {
let filteredPlugins = plugins.filter(n => updateData[n.name].filteredModules.includes(type) || updateData[n.name].specialModuleTypes.includes(type)).map(n => ({plugin:n, patchTypes:updateData[n.name].patchTypes}));
for (let ins of appInsDown[type]) InternalBDFDB.forceInitiateProcess(filteredPlugins, ins, type);
}
for (let type in appInsUp) {
let filteredPlugins = plugins.filter(n => updateData[n.name].filteredModules.includes(type) || updateData[n.name].specialModuleTypes.includes(type)).map(n => ({plugin:n, patchTypes:updateData[n.name].patchTypes}));
for (let ins of appInsUp[type]) InternalBDFDB.forceInitiateProcess(filteredPlugins, ins, type);
}
if (bdSettings) {
const bdSettingsIns = BDFDB.ReactUtils.findOwner(bdSettings, {name:filteredModules, type:specialModules, all:true, unlimited:true});
if (bdSettingsIns.length) {
const bdSettingsWrap = BDFDB.ReactUtils.findOwner(BDFDB.ReactUtils.getInstance(document.querySelector("#bd-settingspane-container > *")), {props:"onChange", up:true});
if (bdSettingsWrap && bdSettingsWrap.props && typeof bdSettingsWrap.props.onChange == "function") bdSettingsWrap.props.onChange(bdSettingsWrap.props.type);
}
}
}
catch (err) {BDFDB.LogUtils.error("Could not force update components! " + err, plugins.map(n => n.name).join(", "));}
}
}
}
};
InternalBDFDB.forceInitiateProcess = function (pluginDataObjs, instance, type) {
pluginDataObjs = [pluginDataObjs].flat(10).filter(n => n);
if (pluginDataObjs.length && instance && type) {
let forceRender = false;
for (let pluginData of pluginDataObjs) {
let plugin = pluginData.plugin == BDFDB && InternalBDFDB || pluginData.plugin, methodNames = [];
for (let patchType in plugin.patchedModules) if (plugin.patchedModules[patchType][type]) methodNames.push(plugin.patchedModules[patchType][type]);
methodNames = BDFDB.ArrayUtils.removeCopies(methodNames).flat(10).filter(n => n);
if (methodNames.includes("componentDidMount")) InternalBDFDB.initiateProcess(plugin, type, {
instance: instance,
methodname: "componentDidMount",
patchtypes: pluginData.patchTypes[type]
});
if (methodNames.includes("render")) forceRender = true;
else if (!forceRender && methodNames.includes("componentDidUpdate")) InternalBDFDB.initiateProcess(plugin, type, {
instance: instance,
methodname: "componentDidUpdate",
patchtypes: pluginData.patchTypes[type]
});
}
if (forceRender) BDFDB.ReactUtils.forceUpdate(instance);
}
};
InternalBDFDB.initiateProcess = function (plugin, type, e) {
plugin = plugin == BDFDB && InternalBDFDB || plugin;
if (BDFDB.ObjectUtils.is(plugin) && !plugin.stopping && e.instance) {
type = LibraryModules.StringUtils.upperCaseFirstChar(type.split(" _ _ ")[1] || type).replace(/[^A-z0-9]|_/g, "");
if (typeof plugin[`process${type}`] == "function") {
if (typeof e.methodname == "string" && (e.methodname.indexOf("componentDid") == 0 || e.methodname.indexOf("componentWill") == 0)) {
e.node = BDFDB.ReactUtils.findDOMNode(e.instance);
if (e.node) return plugin[`process${type}`](e);
else BDFDB.TimeUtils.timeout(_ => {
e.node = BDFDB.ReactUtils.findDOMNode(e.instance);
if (e.node) return plugin[`process${type}`](e);
});
}
else if (e.returnvalue || e.patchtypes.includes("before")) return plugin[`process${type}`](e);
}
}
};
if (!BDFDB.InternalData.patchObserverData) BDFDB.InternalData.patchObserverData = {observer:null, data:{}};
InternalBDFDB.patchPlugin = function (plugin) {
plugin = plugin == BDFDB && InternalBDFDB || plugin;
if (!BDFDB.ObjectUtils.is(plugin) || !BDFDB.ObjectUtils.is(plugin.patchedModules)) return;
BDFDB.ModuleUtils.unpatch(plugin);
let patchedModules = {};
for (let patchType in plugin.patchedModules) for (let type in plugin.patchedModules[patchType]) {
if (!patchedModules[type]) patchedModules[type] = {};
patchedModules[type][patchType] = plugin.patchedModules[patchType][type];
}
for (let type in patchedModules) {
let pluginData = {plugin: plugin, patchTypes: patchedModules[type]};
let unmappedType = type.split(" _ _ ")[1] || type;
let config = {
classNames: [WebModulesData.PatchFinder[unmappedType]].flat(10).filter(n => DiscordClasses[n]),
codeFind: WebModulesData.CodeFinder[unmappedType],
propertyFind: WebModulesData.PropsFinder[unmappedType],
memoComponent: WebModulesData.MemoComponent.includes(unmappedType),
forceObserve: WebModulesData.ForceObserve.includes(unmappedType),
nonRender: BDFDB.ObjectUtils.toArray(pluginData.patchTypes).flat(10).filter(n => n && !WebModulesData.InstanceFunctions.includes(n)).length > 0,
mapped: WebModulesData.PatchMap[type]
};
config.ignoreCheck = !!(config.codeFind || config.propertyFind || config.nonRender);
config.nonPrototype = WebModulesData.NonPrototype.includes(unmappedType) || config.ignoreCheck;
let component = WebModulesData.LoadedInComponents[type] && BDFDB.ReactUtils.getValue(InternalComponents, WebModulesData.LoadedInComponents[type]);
if (component) InternalBDFDB.patch_PatchInstance(pluginData, config.nonRender ? (BDFDB.ModuleUtils.find(m => m == component, false) || {}).exports : component, type, config);
else {
let mappedType = config.mapped ? config.mapped + " _ _ " + type : type;
let name = mappedType.split(" _ _ ")[0];
if (config.mapped) {
for (let patchType in plugin.patchedModules) if (plugin.patchedModules[patchType][type]) {
plugin.patchedModules[patchType][mappedType] = plugin.patchedModules[patchType][type];
delete plugin.patchedModules[patchType][type];
}
}
if (config.classNames.length) InternalBDFDB.patch_CheckForInstance(pluginData, mappedType, config);
else if (config.codeFind) {
let exports = (BDFDB.ModuleUtils.findByString(config.codeFind, false) || {}).exports;
InternalBDFDB.patch_PatchInstance(pluginData, exports && config.memoComponent ? exports.default : exports, mappedType, config);
}
else if (config.propertyFind) {
let exports = (BDFDB.ModuleUtils.findByProperties(config.propertyFind, false) || {}).exports;
InternalBDFDB.patch_PatchInstance(pluginData, exports && config.memoComponent ? exports.default : exports, mappedType, config);
}
else if (config.nonRender) {
let exports = (BDFDB.ModuleUtils.findByName(name, false) || {}).exports;
InternalBDFDB.patch_PatchInstance(pluginData, exports && config.memoComponent ? exports.default : exports, mappedType, config);
}
else InternalBDFDB.patch_PatchInstance(pluginData, BDFDB.ModuleUtils.findByName(name), mappedType, config);
}
}
};
InternalBDFDB.patch_PatchInstance = function (pluginDataObjs, instance, type, config) {
pluginDataObjs = [pluginDataObjs].flat(10).filter(n => n);
if (pluginDataObjs.length && instance) {
let name = type.split(" _ _ ")[0];
instance = instance._reactInternalFiber && instance._reactInternalFiber.type ? instance._reactInternalFiber.type : instance;
instance = config.ignoreCheck || InternalBDFDB.isInstanceCorrect(instance, name) || WebModulesData.LoadedInComponents[type] ? instance : (BDFDB.ReactUtils.findConstructor(instance, name) || BDFDB.ReactUtils.findConstructor(instance, name, {up:true}));
if (instance) {
instance = instance._reactInternalFiber && instance._reactInternalFiber.type ? instance._reactInternalFiber.type : instance;
let toBePatched = config.nonPrototype ? instance : instance.prototype;
for (let pluginData of pluginDataObjs) for (let patchType in pluginData.patchTypes) {
let patchMethods = {};
patchMethods[patchType] = e => {
return InternalBDFDB.initiateProcess(pluginData.plugin, type, {
instance: e.thisObject && window != e.thisObject ? e.thisObject : {props:e.methodArguments[0]},
returnvalue: e.returnValue,
methodname: e.originalMethodName,
patchtypes: [patchType]
});
};
BDFDB.ModuleUtils.patch(pluginData.plugin, toBePatched, pluginData.patchTypes[patchType], patchMethods);
}
}
}
};
InternalBDFDB.patch_CheckEle = function (pluginDataObjs, ele, type, config) {
pluginDataObjs = [pluginDataObjs].flat(10).filter(n => n);
let unmappedType = type.split(" _ _ ")[1] || type;
let ins = BDFDB.ReactUtils.getInstance(ele);
let filter = WebModulesData.SpecialFilter[unmappedType];
if (typeof filter == "function") {
let component = filter(ins);
if (component) {
if (config.nonRender) {
let exports = (BDFDB.ModuleUtils.find(m => m == component, false) || {}).exports;
InternalBDFDB.patch_PatchInstance(pluginDataObjs, exports && config.memoComponent ? exports.default : exports, type, config);
}
else InternalBDFDB.patch_PatchInstance(pluginDataObjs, component, type, config);
BDFDB.ModuleUtils.forceAllUpdates(pluginDataObjs.map(n => n.plugin), type);
return true;
}
}
else if (InternalBDFDB.patch_IsCorrectInstance(ins, type)) {
InternalBDFDB.patch_PatchInstance(pluginDataObjs, ins, type, config);
BDFDB.ModuleUtils.forceAllUpdates(pluginDataObjs.map(n => n.plugin), type);
return true;
}
return false;
};
InternalBDFDB.patch_CheckForInstance = function (pluginData, type, config) {
const app = document.querySelector(BDFDB.dotCN.app), bdSettings = document.querySelector("#bd-settingspane-container .scroller");
let instanceFound = false;
if (!config.forceObserve) {
if (app) {
let appIns = BDFDB.ReactUtils.findConstructor(app, type, {unlimited:true}) || BDFDB.ReactUtils.findConstructor(app, type, {unlimited:true, up:true});
if (appIns && (instanceFound = true)) InternalBDFDB.patch_PatchInstance(pluginData, appIns, type, config);
}
if (!instanceFound && bdSettings) {
let bdSettingsIns = BDFDB.ReactUtils.findConstructor(bdSettings, type, {unlimited:true});
if (bdSettingsIns && (instanceFound = true)) InternalBDFDB.patch_PatchInstance(pluginData, bdSettingsIns, type, config);
}
}
if (!instanceFound) {
let elementFound = false, classes = config.classNames.map(n => BDFDB.disCN[n]), selector = config.classNames.map(n => BDFDB.dotCN[n]).join(", ");
for (let ele of document.querySelectorAll(selector)) {
elementFound = InternalBDFDB.patch_CheckEle(pluginData, ele, type, config);
if (elementFound) break;
}
if (!elementFound) {
if (!BDFDB.InternalData.patchObserverData.observer) {
let appmount = document.querySelector(BDFDB.dotCN.appmount);
if (appmount) {
BDFDB.InternalData.patchObserverData.observer = new MutationObserver(cs => {cs.forEach(c => {c.addedNodes.forEach(n => {
if (!n || !n.tagName) return;
for (let type in BDFDB.InternalData.patchObserverData.data) if (!BDFDB.InternalData.patchObserverData.data[type].found) {
let ele = null;
if ((ele = BDFDB.DOMUtils.containsClass(n, ...BDFDB.InternalData.patchObserverData.data[type].classes) ? n : n.querySelector(BDFDB.InternalData.patchObserverData.data[type].selector)) != null) {
BDFDB.InternalData.patchObserverData.data[type].found = InternalBDFDB.patch_CheckEle(BDFDB.InternalData.patchObserverData.data[type].plugins, ele, type, config);
if (BDFDB.InternalData.patchObserverData.data[type].found) {
delete BDFDB.InternalData.patchObserverData.data[type];
if (BDFDB.ObjectUtils.isEmpty(BDFDB.InternalData.patchObserverData.data)) {
BDFDB.InternalData.patchObserverData.observer.disconnect();
BDFDB.InternalData.patchObserverData.observer = null;
}
}
}
}
});});});
BDFDB.InternalData.patchObserverData.observer.observe(appmount, {childList:true, subtree:true});
}
}
if (!BDFDB.InternalData.patchObserverData.data[type]) BDFDB.InternalData.patchObserverData.data[type] = {selector, classes, found:false, plugins:[]};
BDFDB.InternalData.patchObserverData.data[type].plugins.push(pluginData);
}
}
};
InternalBDFDB.patch_IsCorrectInstance = function (instance, name) {
if (!instance) return false;
instance = instance._reactInternalFiber && instance._reactInternalFiber.type ? instance._reactInternalFiber.type : instance;
instance = InternalBDFDB.isInstanceCorrect(instance, name) ? instance : (BDFDB.ReactUtils.findConstructor(instance, name) || BDFDB.ReactUtils.findConstructor(instance, name, {up:true}));
return !!instance;
};
InternalBDFDB.isInstanceCorrect = function (instance, name) {
return instance && ((instance.type && (instance.type.render && instance.type.render.displayName === name || instance.type.displayName === name || instance.type.name === name || instance.type === name)) || instance.render && (instance.render.displayName === name || instance.render.name === name) || instance.displayName == name || instance.name === name);
};
BDFDB.DiscordConstants = BDFDB.ModuleUtils.findByProperties("Permissions", "ActivityTypes");
var DiscordObjects = {};
DiscordObjects.Channel = BDFDB.ModuleUtils.findByPrototypes("getRecipientId", "isManaged", "getGuildId");
DiscordObjects.Guild = BDFDB.ModuleUtils.findByPrototypes("getIconURL", "getMaxEmojiSlots", "getRole");
DiscordObjects.Invite = BDFDB.ModuleUtils.findByPrototypes("getExpiresAt", "isExpired");
DiscordObjects.Message = BDFDB.ModuleUtils.findByPrototypes("getReaction", "getAuthorName", "getChannelId");
DiscordObjects.Messages = BDFDB.ModuleUtils.findByPrototypes("jumpToMessage", "hasAfterCached", "forEach");
DiscordObjects.Relationship = BDFDB.ModuleUtils.find(m => m.prototype && m.prototype.comparator && Array.isArray(m.prototype.comparator));
DiscordObjects.Timestamp = BDFDB.ModuleUtils.findByPrototypes("add", "dayOfYear", "hasAlignedHourOffset");
DiscordObjects.User = BDFDB.ModuleUtils.findByPrototypes("hasFlag", "isLocalBot", "isClaimed");
BDFDB.DiscordObjects = Object.assign({}, DiscordObjects);
var LibraryRequires = {};
for (let name of ["child_process", "electron", "fs", "path", "process", "request"]) {
try {LibraryRequires[name] = require(name);} catch (err) {}
}
BDFDB.LibraryRequires = Object.assign({}, LibraryRequires);
var LibraryModules = {};
LibraryModules.AckUtils = BDFDB.ModuleUtils.findByProperties("localAck", "bulkAck");
LibraryModules.ActivityUtils = BDFDB.ModuleUtils.findByProperties("sendActivityInvite", "updateActivity");
LibraryModules.APIUtils = BDFDB.ModuleUtils.findByProperties("getAPIBaseURL");
LibraryModules.AnalyticsUtils = BDFDB.ModuleUtils.findByProperties("isThrottled", "track");
LibraryModules.AnimationUtils = BDFDB.ModuleUtils.findByProperties("spring", "decay");
LibraryModules.ArrayUtils = BDFDB.ModuleUtils.findByProperties("isArrayLike", "zipObject");
LibraryModules.AssetUtils = BDFDB.ModuleUtils.findByProperties("getAssetImage", "getAssetIds");
LibraryModules.BadgeUtils = BDFDB.ModuleUtils.findByProperties("getBadgeCountString", "getBadgeWidthForValue");
LibraryModules.CallUtils = BDFDB.ModuleUtils.findByProperties("getCalls", "isCallActive");
LibraryModules.CategoryCollapseStore = BDFDB.ModuleUtils.findByProperties("getCollapsedCategories", "isCollapsed");
LibraryModules.CategoryCollapseUtils = BDFDB.ModuleUtils.findByProperties("categoryCollapse", "categoryCollapseAll");
LibraryModules.ChannelStore = BDFDB.ModuleUtils.findByProperties("getChannel", "getChannels");
LibraryModules.ColorUtils = BDFDB.ModuleUtils.findByProperties("hex2int", "hex2rgb");
LibraryModules.ContextMenuUtils = BDFDB.ModuleUtils.findByProperties("closeContextMenu", "openContextMenu");
LibraryModules.CopyLinkUtils = BDFDB.ModuleUtils.findByProperties("SUPPORTS_COPY", "copy");
LibraryModules.CurrentUserStore = BDFDB.ModuleUtils.findByProperties("getCurrentUser");
LibraryModules.CurrentVoiceUtils = BDFDB.ModuleUtils.findByProperties("getAveragePing", "isConnected");
LibraryModules.DirectMessageStore = BDFDB.ModuleUtils.findByProperties("getPrivateChannelIds");
LibraryModules.DirectMessageUnreadStore = BDFDB.ModuleUtils.findByProperties("getUnreadPrivateChannelIds");
LibraryModules.DispatchApiUtils = BDFDB.ModuleUtils.findByProperties("dirtyDispatch", "isDispatching");
LibraryModules.DispatchUtils = BDFDB.ModuleUtils.findByProperties("ComponentDispatch");
LibraryModules.DirectMessageUtils = BDFDB.ModuleUtils.findByProperties("addRecipient", "openPrivateChannel");
LibraryModules.EmojiUtils = BDFDB.ModuleUtils.findByProperties("translateInlineEmojiToSurrogates", "translateSurrogatesToInlineEmoji");
LibraryModules.EmojiStateUtils = BDFDB.ModuleUtils.findByProperties("getURL", "isEmojiDisabled");
LibraryModules.FriendUtils = BDFDB.ModuleUtils.findByProperties("getFriendIDs", "getRelationships");
LibraryModules.FolderStore = BDFDB.ModuleUtils.findByProperties("getGuildFolderById", "getFlattenedGuilds");
LibraryModules.FolderUtils = BDFDB.ModuleUtils.findByProperties("isFolderExpanded", "getExpandedFolders");
LibraryModules.GuildBoostUtils = BDFDB.ModuleUtils.findByProperties("getTierName", "getUserLevel");
LibraryModules.GuildChannelStore = BDFDB.ModuleUtils.findByProperties("getChannels", "getDefaultChannel");
LibraryModules.GuildEmojiStore = BDFDB.ModuleUtils.findByProperties("getGuildEmoji", "getDisambiguatedEmojiContext");
LibraryModules.GuildNotificationsUtils = BDFDB.ModuleUtils.findByProperties("updateChannelOverrideSettings", "updateGuildNotificationSettings");
LibraryModules.GuildSettingsSectionUtils = BDFDB.ModuleUtils.findByProperties("getGuildSettingsSections");
LibraryModules.GuildSettingsUtils = BDFDB.ModuleUtils.findByProperties("open", "updateGuild");
LibraryModules.GuildStore = BDFDB.ModuleUtils.findByProperties("getGuild", "getGuilds");
LibraryModules.GuildUnavailableStore = BDFDB.ModuleUtils.findByProperties("isUnavailable", "totalUnavailableGuilds");
LibraryModules.GuildUtils = BDFDB.ModuleUtils.findByProperties("transitionToGuildSync");
LibraryModules.GuildWelcomeStore = BDFDB.ModuleUtils.findByProperties("hasSeen", "get");
LibraryModules.GuildWelcomeUtils = BDFDB.ModuleUtils.findByProperties("welcomeScreenViewed", "resetWelcomeScreen");
LibraryModules.HistoryUtils = BDFDB.ModuleUtils.findByProperties("transitionTo", "replaceWith", "getHistory");;
LibraryModules.IconUtils = BDFDB.ModuleUtils.findByProperties("getGuildIconURL", "getGuildBannerURL");
LibraryModules.InviteUtils = BDFDB.ModuleUtils.findByProperties("acceptInvite", "createInvite");
LibraryModules.KeyCodeUtils = Object.assign({}, BDFDB.ModuleUtils.findByProperties("toCombo", "keyToCode"));
LibraryModules.KeyCodeUtils.getString = function (keyarray) {
return LibraryModules.KeyCodeUtils.toString([keyarray].flat(10).filter(n => n).map(keycode => [BDFDB.DiscordConstants.KeyboardDeviceTypes.KEYBOARD_KEY, keycode, BDFDB.DiscordConstants.KeyboardEnvs.BROWSER]), true);
};
LibraryModules.KeyEvents = BDFDB.ModuleUtils.findByProperties("aliases", "code", "codes");
LibraryModules.LanguageStore = BDFDB.ModuleUtils.findByProperties("getLanguages", "Messages");
LibraryModules.LastChannelStore = BDFDB.ModuleUtils.findByProperties("getLastSelectedChannelId");
LibraryModules.LastGuildStore = BDFDB.ModuleUtils.findByProperties("getLastSelectedGuildId");
LibraryModules.LinkUtils = BDFDB.ModuleUtils.findByProperties("handleClick", "isLinkTrusted");
LibraryModules.LoginUtils = BDFDB.ModuleUtils.findByProperties("login", "logout");
LibraryModules.MemberCountUtils = BDFDB.ModuleUtils.findByProperties("getMemberCount", "getMemberCounts");
LibraryModules.MemberStore = BDFDB.ModuleUtils.findByProperties("getMember", "getMembers");
LibraryModules.MentionUtils = BDFDB.ModuleUtils.findByProperties("isRawMessageMentioned", "isMentioned");
LibraryModules.MessageManageUtils = BDFDB.ModuleUtils.findByProperties("copyLink", "quoteMessage");
LibraryModules.MessagePinUtils = BDFDB.ModuleUtils.findByProperties("pinMessage", "unpinMessage");
LibraryModules.MessageStore = BDFDB.ModuleUtils.findByProperties("getMessage", "getMessages");
LibraryModules.MessageUtils = BDFDB.ModuleUtils.findByProperties("receiveMessage", "editMessage");
LibraryModules.ModalUtils = BDFDB.ModuleUtils.findByProperties("openModal", "hasModalOpen");
LibraryModules.MutedUtils = BDFDB.ModuleUtils.findByProperties("isGuildOrCategoryOrChannelMuted");
LibraryModules.NoteStore = BDFDB.ModuleUtils.findByProperties("getNote");
LibraryModules.NotificationSettingsStore = BDFDB.ModuleUtils.findByProperties("getDesktopType", "getTTSType");
LibraryModules.NotificationSettingsUtils = BDFDB.ModuleUtils.findByProperties("setDesktopType", "setTTSType");
LibraryModules.NotificationUtils = BDFDB.ModuleUtils.findByProperties("makeTextChatNotification", "shouldNotify");
LibraryModules.PlatformUtils = BDFDB.ModuleUtils.findByProperties("isWindows", "isLinux");
LibraryModules.PermissionUtils = BDFDB.ModuleUtils.findByProperties("getChannelPermissions", "can");
LibraryModules.PermissionRoleUtils = BDFDB.ModuleUtils.findByProperties("canEveryone", "can");
LibraryModules.QueryUtils = BDFDB.ModuleUtils.findByProperties("AutocompleterQuerySymbols", "AutocompleterResultTypes");
LibraryModules.QuoteUtils = BDFDB.ModuleUtils.findByProperties("canQuote", "createQuotedText");
LibraryModules.ReactionEmojiUtils = BDFDB.ModuleUtils.findByProperties("getReactionEmojiName", "getReactionEmojiName");
LibraryModules.ReactionUtils = BDFDB.ModuleUtils.findByProperties("addReaction", "removeReaction");
LibraryModules.RecentMentionUtils = BDFDB.ModuleUtils.findByProperties("deleteRecentMention", "fetchRecentMentions");
LibraryModules.SearchPageUtils = BDFDB.ModuleUtils.findByProperties("searchNextPage", "searchPreviousPage");
LibraryModules.SelectChannelUtils = BDFDB.ModuleUtils.findByProperties("selectChannel", "selectPrivateChannel");
LibraryModules.SettingsUtils = BDFDB.ModuleUtils.findByProperties("updateRemoteSettings", "updateLocalSettings");
LibraryModules.SlateUtils = BDFDB.ModuleUtils.find(m => typeof m.serialize == "function" && typeof m.deserialize == "function" && typeof m.deserialize == "function" && typeof m.getFlag != "function");
LibraryModules.SlateSelectionUtils = BDFDB.ModuleUtils.findByProperties("serialize", "serializeSelection");
LibraryModules.SlowmodeUtils = BDFDB.ModuleUtils.findByProperties("getSlowmodeCooldownGuess");
LibraryModules.SoundStateUtils = BDFDB.ModuleUtils.findByProperties("isSoundDisabled", "getDisabledSounds");
LibraryModules.SoundUtils = BDFDB.ModuleUtils.findByProperties("playSound", "createSound");
LibraryModules.SpellCheckUtils = BDFDB.ModuleUtils.findByProperties("learnWord", "toggleSpellcheck");
LibraryModules.SpotifyTrackUtils = BDFDB.ModuleUtils.findByProperties("hasConnectedAccount", "getLastPlayedTrackId");
LibraryModules.SpotifyUtils = BDFDB.ModuleUtils.findByProperties("setActiveDevice", "pause");
LibraryModules.StateStoreUtils = BDFDB.ModuleUtils.findByProperties("useStateFromStores", "useStateFromStoresArray");
LibraryModules.StatusMetaUtils = BDFDB.ModuleUtils.findByProperties("getApplicationActivity", "getStatus");
LibraryModules.StoreChangeUtils = BDFDB.ModuleUtils.findByProperties("get", "set", "clear", "remove");
LibraryModules.StreamerModeStore = BDFDB.ModuleUtils.findByProperties("disableSounds", "hidePersonalInformation");
LibraryModules.StreamUtils = BDFDB.ModuleUtils.findByProperties("getActiveStreamForUser", "getAllApplicationStreams");
LibraryModules.StringUtils = BDFDB.ModuleUtils.findByProperties("cssValueToNumber", "upperCaseFirstChar");
LibraryModules.TimestampUtils = BDFDB.ModuleUtils.findByProperties("fromTimestamp", "extractTimestamp");
LibraryModules.UnreadGuildUtils = BDFDB.ModuleUtils.findByProperties("hasUnread", "getUnreadGuilds");
LibraryModules.UnreadChannelUtils = BDFDB.ModuleUtils.findByProperties("getUnreadCount", "getOldestUnreadMessageId");
LibraryModules.UploadUtils = BDFDB.ModuleUtils.findByProperties("upload", "instantBatchUpload");
LibraryModules.URLParser = BDFDB.ModuleUtils.findByProperties("parse", "resolveObject");
LibraryModules.UserFetchUtils = BDFDB.ModuleUtils.findByProperties("fetchCurrentUser", "getUser");
LibraryModules.UserNameUtils = BDFDB.ModuleUtils.findByProperties("getName", "getNickname");
LibraryModules.UserProfileUtils = BDFDB.ModuleUtils.findByProperties("open", "fetchProfile");
LibraryModules.UserSettingsUtils = BDFDB.ModuleUtils.findByProperties("open", "updateAccount");
LibraryModules.UserStore = BDFDB.ModuleUtils.findByProperties("getUser", "getUsers");
LibraryModules.Utilities = BDFDB.ModuleUtils.findByProperties("flatMap", "cloneDeep");
LibraryModules.VoiceUtils = BDFDB.ModuleUtils.findByProperties("getAllVoiceStates", "getVoiceStatesForChannel");
LibraryModules.ZoomUtils = BDFDB.ModuleUtils.findByProperties("setZoom", "setFontSize");
BDFDB.LibraryModules = Object.assign({}, LibraryModules);
LibraryModules.React = BDFDB.ModuleUtils.findByProperties("createElement", "cloneElement");
LibraryModules.ReactDOM = BDFDB.ModuleUtils.findByProperties("render", "findDOMNode");
BDFDB.ReactUtils = Object.assign({}, LibraryModules.React, LibraryModules.ReactDOM);
BDFDB.ReactUtils.childrenToArray = function (parent) {
if (parent && parent.props && parent.props.children && !BDFDB.ArrayUtils.is(parent.props.children)) {
var child = parent.props.children;
parent.props.children = [];
parent.props.children.push(child);
}
return parent.props.children;
}
BDFDB.ReactUtils.createElement = function (component, props = {}, errorWrap = false) {
if (component && component.defaultProps) for (let key in component.defaultProps) if (props[key] == null) props[key] = component.defaultProps[key];
try {
let child = LibraryModules.React.createElement(component || "div", props) || null;
if (errorWrap) return LibraryModules.React.createElement(InternalComponents.ErrorBoundary, {}, child) || null;
else return child;
}
catch (err) {BDFDB.LogUtils.error("Could not create react element! " + err);}
return null;
};
BDFDB.ReactUtils.objectToReact = function (obj) {
if (!obj) return null;
else if (typeof obj == "string") return obj;
else if (BDFDB.ObjectUtils.is(obj)) return BDFDB.ReactUtils.createElement(obj.type || obj.props && obj.props.href && "a" || "div", !obj.props ? {} : Object.assign({}, obj.props, {
children: obj.props.children ? BDFDB.ReactUtils.objectToReact(obj.props.children) : null
}));
else if (BDFDB.ArrayUtils.is(obj)) return obj.map(n => BDFDB.ReactUtils.objectToReact(n));
else return null;
};
BDFDB.ReactUtils.elementToReact = function (node, ref) {
if (BDFDB.ReactUtils.isValidElement(node)) return node;
else if (!Node.prototype.isPrototypeOf(node)) return null;
else if (node.nodeType == Node.TEXT_NODE) return node.nodeValue;
let attributes = {}, importantStyles = [];
if (typeof ref == "function") attributes.ref = ref;
for (let attr of node.attributes) attributes[attr.name] = attr.value;
if (node.attributes.style) attributes.style = BDFDB.ObjectUtils.filter(node.style, n => node.style[n] && isNaN(parseInt(n)), true);
attributes.children = [];
if (node.style && node.style.cssText) for (let propStr of node.style.cssText.split(";")) if (propStr.endsWith("!important")) {
let key = propStr.split(":")[0];
let camelprop = key.replace(/-([a-z]?)/g, (m, g) => g.toUpperCase());
if (attributes.style[camelprop] != null) importantStyles.push(key);
}
for (let child of node.childNodes) attributes.children.push(BDFDB.ReactUtils.elementToReact(child));
attributes.className = BDFDB.DOMUtils.formatClassName(attributes.className, attributes.class);
delete attributes.class;
let reactEle = BDFDB.ReactUtils.createElement(node.tagName, attributes);
BDFDB.ReactUtils.forceStyle(reactEle, importantStyles);
return reactEle;
};
BDFDB.ReactUtils.forceStyle = function (reactEle, styles) {
if (!BDFDB.ReactUtils.isValidElement(reactEle) || !BDFDB.ObjectUtils.is(reactEle.props.style) || !BDFDB.ArrayUtils.is(styles) || !styles.length) return null;
let ref = reactEle.ref;
reactEle.ref = instance => {
if (typeof ref == "function") ref(instance);
let node = BDFDB.ReactUtils.findDOMNode(instance);
if (Node.prototype.isPrototypeOf(node)) for (let key of styles) {
let propValue = reactEle.props.style[key.replace(/-([a-z]?)/g, (m, g) => g.toUpperCase())];
if (propValue != null) node.style.setProperty(key, propValue, "important");
}
};
return reactEle;
};
BDFDB.ReactUtils.findChild = function (nodeOrInstance, config) {
if (!nodeOrInstance || !BDFDB.ObjectUtils.is(config) || !config.name && !config.key && !config.props && !config.filter) return config.all ? [] : null;
let instance = Node.prototype.isPrototypeOf(nodeOrInstance) ? BDFDB.ReactUtils.getInstance(nodeOrInstance) : nodeOrInstance;
if (!BDFDB.ObjectUtils.is(instance) && !BDFDB.ArrayUtils.is(instance)) return null;
config.name = config.name && [config.name].flat().filter(n => n);
config.key = config.key && [config.key].flat().filter(n => n);
config.props = config.props && [config.props].flat().filter(n => n);
config.filter = typeof config.filter == "function" && config.filter;
let depth = -1;
let start = performance.now();
let maxDepth = config.unlimited ? 999999999 : (config.depth === undefined ? 30 : config.depth);
let maxTime = config.unlimited ? 999999999 : (config.time === undefined ? 150 : config.time);
let foundChildren = [];
let singleChild = getChild(instance);
if (config.all) {
for (let i in foundChildren) delete foundChildren[i].BDFDBreactSearch;
return foundChildren;
}
else return singleChild;
function getChild (children) {
let result = null;
if (!children || depth >= maxDepth || performance.now() - start >= maxTime) return result;
if (!BDFDB.ArrayUtils.is(children)) {
if (check(children)) {
if (config.all === undefined || !config.all) result = children;
else if (config.all) {
if (!children.BDFDBreactSearch) {
children.BDFDBreactSearch = true;
foundChildren.push(children);
}
}
}
else if (children.props && children.props.children) {
depth++;
result = getChild(children.props.children);
depth--;
}
}
else {
for (let child of children) if (child) {
if (BDFDB.ArrayUtils.is(child)) result = getChild(child);
else if (check(child)) {
if (config.all === undefined || !config.all) result = child;
else if (config.all) {
if (!child.BDFDBreactSearch) {
child.BDFDBreactSearch = true;
foundChildren.push(child);
}
}
}
else if (child.props && child.props.children) {
depth++;
result = getChild(child.props.children);
depth--;
}
if (result) break;
}
}
return result;
}
function check (instance) {
if (!instance) return false;
let props = instance.stateNode ? instance.stateNode.props : instance.props;
return instance.type && config.name && config.name.some(name => InternalBDFDB.isInstanceCorrect(instance, name)) || config.key && config.key.some(key => instance.key == key) || props && config.props && config.props[config.someProps ? "some" : "every"](prop => BDFDB.ArrayUtils.is(prop) ? (BDFDB.ArrayUtils.is(prop[1]) ? prop[1].some(checkValue => propCheck(props, prop[0], checkValue)) : propCheck(props, prop[0], prop[1])) : props[prop] !== undefined) || config.filter && config.filter(instance);
}
function propCheck (props, key, value) {
return key != null && props[key] != null && value != null && (key == "className" ? (" " + props[key] + " ").indexOf(" " + value + " ") > -1 : BDFDB.equals(props[key], value));
}
};
BDFDB.ReactUtils.setChild = function (parent, stringOrChild) {
if (!BDFDB.ReactUtils.isValidElement(parent) || (!BDFDB.ReactUtils.isValidElement(stringOrChild) && typeof stringOrChild != "string" && !BDFDB.ArrayUtils.is(stringOrChild))) return;
let set = false;
checkParent(parent);
function checkParent(child) {
if (set) return;
if (!BDFDB.ArrayUtils.is(child)) checkChild(child);
else for (let subChild of child) checkChild(subChild);
}
function checkChild(child) {
if (!BDFDB.ReactUtils.isValidElement(child)) return;
if (BDFDB.ReactUtils.isValidElement(child.props.children)) checkParent(child.props.children);
else if (BDFDB.ArrayUtils.is(child.props.children)) {
if (child.props.children.every(c => !c || typeof c == "string")) {
set = true;
child.props.children = [stringOrChild].flat(10);
}
else checkParent(child.props.children);
}
else {
set = true;
child.props.children = stringOrChild;
}
}
};
BDFDB.ReactUtils.findConstructor = function (nodeOrInstance, types, config = {}) {
if (!BDFDB.ObjectUtils.is(config)) return null;
if (!nodeOrInstance || !types) return config.all ? (config.group ? {} : []) : null;
let instance = Node.prototype.isPrototypeOf(nodeOrInstance) ? BDFDB.ReactUtils.getInstance(nodeOrInstance) : nodeOrInstance;
if (!BDFDB.ObjectUtils.is(instance)) return config.all ? (config.group ? {} : []) : null;
types = types && [types].flat(10).filter(n => typeof n == "string");
if (!types.length) return config.all ? (config.group ? {} : []) : null;;
let depth = -1;
let start = performance.now();
let maxDepth = config.unlimited ? 999999999 : (config.depth === undefined ? 30 : config.depth);
let maxTime = config.unlimited ? 999999999 : (config.time === undefined ? 150 : config.time);
let whitelist = config.up ? {return:true, sibling:true, default:true, _reactInternalFiber:true} : {child:true, sibling:true, default:true, _reactInternalFiber:true};
let foundConstructors = config.group ? {} : [];
let singleConstructor = getConstructor(instance);
if (config.all) {
for (let i in foundConstructors) {
if (config.group) for (let j in foundConstructors[i]) delete foundConstructors[i][j].BDFDBreactSearch;
else delete foundConstructors[i].BDFDBreactSearch;
}
return foundConstructors;
}
else return singleConstructor;
function getConstructor (instance) {
depth++;
let result = undefined;
if (instance && !Node.prototype.isPrototypeOf(instance) && !BDFDB.ReactUtils.getInstance(instance) && depth < maxDepth && performance.now() - start < maxTime) {
if (instance.type && types.some(name => InternalBDFDB.isInstanceCorrect(instance, name.split(" _ _ ")[0]))) {
if (config.all === undefined || !config.all) result = instance.type;
else if (config.all) {
if (!instance.type.BDFDBreactSearch) {
instance.type.BDFDBreactSearch = true;
if (config.group) {
if (instance.type && (instance.type.render && instance.type.render.displayName || instance.type.displayName || instance.type.name)) {
let group = config.name.find(name => (instance.type.render && instance.type.render.displayName || instance.type.displayName || instance.type.name || instance.type) == name.split(" _ _ ")[0]) || "Default";
if (!BDFDB.ArrayUtils.is(foundConstructors[group])) foundConstructors[group] = [];
foundConstructors[group].push(instance.stateNode);
}
}
else foundConstructors.push(instance.type);
}
}
}
if (result === undefined) {
let keys = Object.getOwnPropertyNames(instance);
for (let i = 0; result === undefined && i < keys.length; i++) {
let key = keys[i];
if (key && whitelist[key] && (typeof instance[key] === "object" || typeof instance[key] === "function")) result = getConstructor(instance[key]);
}
}
}
depth--;
return result;
}
};
BDFDB.ReactUtils.findDOMNode = function (instance) {
if (Node.prototype.isPrototypeOf(instance)) return instance;
if (!instance || !instance.updater || typeof instance.updater.isMounted !== "function" || !instance.updater.isMounted(instance)) return null;
let node = LibraryModules.ReactDOM.findDOMNode(instance) || BDFDB.ReactUtils.getValue(instance, "child.stateNode");
return Node.prototype.isPrototypeOf(node) ? node : null;
};
BDFDB.ReactUtils.findOwner = function (nodeOrInstance, config) {
if (!BDFDB.ObjectUtils.is(config)) return null;
if (!nodeOrInstance || !config.name && !config.type && !config.key && !config.props) return config.all ? (config.group ? {} : []) : null;
let instance = Node.prototype.isPrototypeOf(nodeOrInstance) ? BDFDB.ReactUtils.getInstance(nodeOrInstance) : nodeOrInstance;
if (!BDFDB.ObjectUtils.is(instance)) return config.all ? (config.group ? {} : []) : null;
config.name = config.name && [config.name].flat().filter(n => n);
config.type = config.type && [config.type].flat().filter(n => n);
config.key = config.key && [config.key].flat().filter(n => n);
config.props = config.props && [config.props].flat().filter(n => n);
let depth = -1;
let start = performance.now();
let maxDepth = config.unlimited ? 999999999 : (config.depth === undefined ? 30 : config.depth);
let maxTime = config.unlimited ? 999999999 : (config.time === undefined ? 150 : config.time);
let whitelist = config.up ? {return:true, sibling:true, _reactInternalFiber:true} : {child:true, sibling:true, _reactInternalFiber:true};
let foundInstances = config.group ? {} : [];
let singleInstance = getOwner(instance);
if (config.all) {
for (let i in foundInstances) {
if (config.group) for (let j in foundInstances[i]) delete foundInstances[i][j].BDFDBreactSearch;
else delete foundInstances[i].BDFDBreactSearch;
}
return foundInstances;
}
else return singleInstance;
function getOwner (instance) {
depth++;
let result = undefined;
if (instance && !Node.prototype.isPrototypeOf(instance) && !BDFDB.ReactUtils.getInstance(instance) && depth < maxDepth && performance.now() - start < maxTime) {
let props = instance.stateNode ? instance.stateNode.props : instance.props;
if (instance.stateNode && !Node.prototype.isPrototypeOf(instance.stateNode) && (instance.type && config.name && config.name.some(name => InternalBDFDB.isInstanceCorrect(instance, name.split(" _ _ ")[0])) || instance.type && config.type && config.type.some(type => BDFDB.ArrayUtils.is(type) ? instance.type === type[1] : instance.type === type) || instance.key && config.key && config.key.some(key => instance.key == key) || props && config.props && config.props.every(prop => BDFDB.ArrayUtils.is(prop) ? (BDFDB.ArrayUtils.is(prop[1]) ? prop[1].some(checkValue => BDFDB.equals(props[prop[0]], checkValue)) : BDFDB.equals(props[prop[0]], prop[1])) : props[prop] !== undefined))) {
if (config.all === undefined || !config.all) result = instance.stateNode;
else if (config.all) {
if (!instance.stateNode.BDFDBreactSearch) {
instance.stateNode.BDFDBreactSearch = true;
if (config.group) {
if (config.name && instance.type && (instance.type.render && instance.type.render.displayName || instance.type.displayName || instance.type.name || instance.type)) {
let group = config.name.find(name => (instance.type.render && instance.type.render.displayName || instance.type.displayName || instance.type.name || instance.type) == name.split(" _ _ ")[0]) || "Default";
if (!BDFDB.ArrayUtils.is(foundInstances[group])) foundInstances[group] = [];
foundInstances[group].push(instance.stateNode);
}
else if (config.type && instance.type) {
let group = [config.type.find(t => BDFDB.ArrayUtils.is(t) && instance.type === t[1])].flat(10)[0] || "Default";
if (!BDFDB.ArrayUtils.is(foundInstances[group])) foundInstances[group] = [];
foundInstances[group].push(instance.stateNode);
}
}
else foundInstances.push(instance.stateNode);
}
}
}
if (result === undefined) {
let keys = Object.getOwnPropertyNames(instance);
for (let i = 0; result === undefined && i < keys.length; i++) {
let key = keys[i];
if (key && whitelist[key] && (typeof instance[key] === "object" || typeof instance[key] === "function")) result = getOwner(instance[key]);
}
}
}
depth--;
return result;
}
};
BDFDB.ReactUtils.findParent = function (nodeOrInstance, config) {
if (!nodeOrInstance || !BDFDB.ObjectUtils.is(config) || !config.name && !config.key && !config.props && !config.filter) return [null, -1];
let instance = Node.prototype.isPrototypeOf(nodeOrInstance) ? BDFDB.ReactUtils.getInstance(nodeOrInstance) : nodeOrInstance;
if (!BDFDB.ObjectUtils.is(instance) && !BDFDB.ArrayUtils.is(instance)) return [null, -1];
config.name = config.name && [config.name].flat().filter(n => n);
config.key = config.key && [config.key].flat().filter(n => n);
config.props = config.props && [config.props].flat().filter(n => n);
config.filter = typeof config.filter == "function" && config.filter;
let parent = firstArray = instance;
while (!BDFDB.ArrayUtils.is(firstArray) && firstArray.props && firstArray.props.children) firstArray = firstArray.props.children;
if (!BDFDB.ArrayUtils.is(firstArray)) {
if (parent && parent.props) {
parent.props.children = [parent.props.children];
firstArray = parent.props.children;
}
else firstArray = [];
}
return getParent(instance);
function getParent (children) {
let result = [firstArray, -1];
if (!children) return result;
if (!BDFDB.ArrayUtils.is(children)) {
if (check(children)) result = found(children);
else if (children.props && children.props.children) {
parent = children;
result = getParent(children.props.children);
}
}
else {
for (let i = 0; result[1] == -1 && i < children.length; i++) if (children[i]) {
if (BDFDB.ArrayUtils.is(children[i])) {
parent = children;
result = getParent(children[i]);
}
else if (check(children[i])) {
parent = children;
result = found(children[i]);
}
else if (children[i].props && children[i].props.children) {
parent = children[i];
result = getParent(children[i].props.children);
}
}
}
return result;
}
function found (child) {
if (BDFDB.ArrayUtils.is(parent)) return [parent, parent.indexOf(child)];
else {
parent.props.children = [];
parent.props.children.push(child);
return [parent.props.children, 0];
}
}
function check (instance) {
if (!instance) return false;
let props = instance.stateNode ? instance.stateNode.props : instance.props;
return instance.type && config.name && config.name.some(name => InternalBDFDB.isInstanceCorrect(instance, name)) || config.key && config.key.some(key => instance.key == key) || props && config.props && config.props[config.someProps ? "some" : "every"](prop => BDFDB.ArrayUtils.is(prop) ? (BDFDB.ArrayUtils.is(prop[1]) ? prop[1].some(checkValue => propCheck(props, prop[0], checkValue)) : propCheck(props, prop[0], prop[1])) : props[prop] !== undefined) || config.filter && config.filter(instance);
}
function propCheck (props, key, value) {
return key != null && props[key] != null && value != null && (key == "className" ? (" " + props[key] + " ").indexOf(" " + value + " ") > -1 : BDFDB.equals(props[key], value));
}
};
BDFDB.ReactUtils.findProps = function (nodeOrInstance, config) {
if (!BDFDB.ObjectUtils.is(config)) return null;
if (!nodeOrInstance || !config.name && !config.key) return null;
let instance = Node.prototype.isPrototypeOf(nodeOrInstance) ? BDFDB.ReactUtils.getInstance(nodeOrInstance) : nodeOrInstance;
if (!BDFDB.ObjectUtils.is(instance)) return null;
config.name = config.name && [config.name].flat().filter(n => n);
config.key = config.key && [config.key].flat().filter(n => n);
let depth = -1;
let start = performance.now();
let maxDepth = config.unlimited ? 999999999 : (config.depth === undefined ? 30 : config.depth);
let maxTime = config.unlimited ? 999999999 : (config.time === undefined ? 150 : config.time);
let whitelist = config.up ? {return:true, sibling:true, _reactInternalFiber:true} : {child:true, sibling:true, _reactInternalFiber:true};
return findProps(instance);
function findProps (instance) {
depth++;
let result = undefined;
if (instance && !Node.prototype.isPrototypeOf(instance) && !BDFDB.ReactUtils.getInstance(instance) && depth < maxDepth && performance.now() - start < maxTime) {
if (instance.memoizedProps && (instance.type && config.name && config.name.some(name => InternalBDFDB.isInstanceCorrect(instance, name.split(" _ _ ")[0])) || config.key && config.key.some(key => instance.key == key))) result = instance.memoizedProps;
if (result === undefined) {
let keys = Object.getOwnPropertyNames(instance);
for (let i = 0; result === undefined && i < keys.length; i++) {
let key = keys[i];
if (key && whitelist[key] && (typeof instance[key] === "object" || typeof instance[key] === "function")) result = findProps(instance[key]);
}
}
}
depth--;
return result;
}
};
BDFDB.ReactUtils.findValue = function (nodeOrInstance, searchKey, config = {}) {
if (!BDFDB.ObjectUtils.is(config)) return null;
if (!nodeOrInstance || typeof searchKey != "string") return config.all ? [] : null;
let instance = Node.prototype.isPrototypeOf(nodeOrInstance) ? BDFDB.ReactUtils.getInstance(nodeOrInstance) : nodeOrInstance;
if (!BDFDB.ObjectUtils.is(instance)) return config.all ? [] : null;
instance = instance._reactInternalFiber || instance;
let depth = -1;
let start = performance.now();
let maxDepth = config.unlimited ? 999999999 : (config.depth === undefined ? 30 : config.depth);
let maxTime = config.unlimited ? 999999999 : (config.time === undefined ? 150 : config.time);
let whitelist = {
props: true,
state: true,
stateNode: true,
updater: true,
prototype: true,
type: true,
children: config.up ? false : true,
memoizedProps: true,
memoizedState: true,
child: config.up ? false : true,
return: config.up ? true : false,
sibling: config.up ? false : true
};
let blacklist = {
contextSection: true
};
if (BDFDB.ObjectUtils.is(config.whitelist)) Object.assign(whitelist, config.whiteList);
if (BDFDB.ObjectUtils.is(config.blacklist)) Object.assign(blacklist, config.blacklist);
let foundKeys = [];
let singleKey = getKey(instance);
if (config.all) return foundKeys;
else return singleKey;
function getKey(instance) {
depth++;
let result = undefined;
if (instance && !Node.prototype.isPrototypeOf(instance) && !BDFDB.ReactUtils.getInstance(instance) && depth < maxDepth && performance.now() - start < maxTime) {
let keys = Object.getOwnPropertyNames(instance);
for (let i = 0; result === undefined && i < keys.length; i++) {
let key = keys[i];
if (key && !blacklist[key]) {
let value = instance[key];
if (searchKey === key && (config.value === undefined || BDFDB.equals(config.value, value))) {
if (config.all === undefined || !config.all) result = value;
else if (config.all) {
if (config.noCopies === undefined || !config.noCopies) foundKeys.push(value);
else if (config.noCopies) {
let copy = false;
for (let foundKey of foundKeys) if (BDFDB.equals(value, foundKey)) {
copy = true;
break;
}
if (!copy) foundKeys.push(value);
}
}
}
else if ((typeof value === "object" || typeof value === "function") && (whitelist[key] || key[0] == "." || !isNaN(key[0]))) result = getKey(value);
}
}
}
depth--;
return result;
}
};
BDFDB.ReactUtils.forceUpdate = function (...instances) {
for (let ins of instances.flat(10).filter(n => n)) if (ins.updater && typeof ins.updater.isMounted == "function" && ins.updater.isMounted(ins)) ins.forceUpdate();
};
BDFDB.ReactUtils.getInstance = function (node) {
if (!BDFDB.ObjectUtils.is(node)) return null;
return node[Object.keys(node).find(key => key.startsWith("__reactInternalInstance"))];
};
BDFDB.ReactUtils.getValue = function (nodeOrInstance, valuepath) {
if (!nodeOrInstance || !valuepath) return null;
let instance = Node.prototype.isPrototypeOf(nodeOrInstance) ? BDFDB.ReactUtils.getInstance(nodeOrInstance) : nodeOrInstance;
if (!BDFDB.ObjectUtils.is(instance)) return null;
let found = instance, values = valuepath.split(".").filter(n => n);
for (value of values) {
if (!found) return null;
found = found[value];
}
return found;
};
BDFDB.ReactUtils.render = function (component, node) {
if (!BDFDB.ReactUtils.isValidElement(component) || !Node.prototype.isPrototypeOf(node)) return;
try {
LibraryModules.ReactDOM.render(component, node);
let observer = new MutationObserver(changes => changes.forEach(change => {
let nodes = Array.from(change.removedNodes);
if (nodes.indexOf(node) > -1 || nodes.some(n => n.contains(node))) {
observer.disconnect();
BDFDB.ReactUtils.unmountComponentAtNode(node);
}
}));
observer.observe(document.body, {subtree:true, childList:true});
}
catch (err) {BDFDB.LogUtils.error("Could not render react element! " + err);}
};
InternalBDFDB.setDefaultProps = function (component, defaultProps) {
if (BDFDB.ObjectUtils.is(component)) component.defaultProps = Object.assign({}, component.defaultProps, defaultProps);
};
InternalBDFDB.loadPatchedComp = function (path) {
let comp = BDFDB.ReactUtils.getValue(window.BDFDB, `LibraryComponents.${path}`);
if (comp && comp.prototype && comp.prototype.BDFDBpatch) return comp;
};
BDFDB.sameProto = function (a, b) {
if (a != null && typeof a == "object") return a.constructor && a.constructor.prototype && typeof a.constructor.prototype.isPrototypeOf == "function" && a.constructor.prototype.isPrototypeOf(b);
else return typeof a == typeof b;
};
BDFDB.equals = function (mainA, mainB, sorted) {
var i = -1;
if (sorted === undefined || typeof sorted !== "boolean") sorted = false;
return equal(mainA, mainB);
function equal(a, b) {
i++;
var result = true;
if (i > 1000) result = null;
else {
if (typeof a !== typeof b) result = false;
else if (typeof a === "function") result = a.toString() == b.toString();
else if (typeof a === "undefined") result = true;
else if (typeof a === "symbol") result = true;
else if (typeof a === "boolean") result = a == b;
else if (typeof a === "string") result = a == b;
else if (typeof a === "number") {
if (isNaN(a) || isNaN(b)) result = isNaN(a) == isNaN(b);
else result = a == b;
}
else if (!a && !b) result = true;
else if (!a || !b) result = false;
else if (typeof a === "object") {
var keysA = Object.getOwnPropertyNames(a);
var keysB = Object.getOwnPropertyNames(b);
if (keysA.length !== keysB.length) result = false;
else for (let j = 0; result === true && j < keysA.length; j++) {
if (sorted) result = equal(a[keysA[j]], b[keysB[j]]);
else result = equal(a[keysA[j]], b[keysA[j]]);
}
}
}
i--;
return result;
}
};
let MessageRerenderTimeout;
BDFDB.MessageUtils = {};
BDFDB.MessageUtils.rerenderAll = function (instant) {
BDFDB.TimeUtils.clear(MessageRerenderTimeout);
MessageRerenderTimeout = BDFDB.TimeUtils.timeout(_ => {
let LayerProviderIns = BDFDB.ReactUtils.findOwner(document.querySelector(BDFDB.dotCN.messageswrapper), {name:"LayerProvider", unlimited:true, up:true});
let LayerProviderPrototype = BDFDB.ReactUtils.getValue(LayerProviderIns, "_reactInternalFiber.type.prototype");
if (LayerProviderIns && LayerProviderPrototype) {
BDFDB.ModuleUtils.patch(BDFDB, LayerProviderPrototype, "render", {after: e => {
e.returnValue.props.children = [];
}}, {once: true});
BDFDB.ReactUtils.forceUpdate(LayerProviderIns);
}
}, instant ? 0 : 1000);
};
BDFDB.UserUtils = {};
BDFDB.UserUtils.is = function (user) {
return user && user instanceof BDFDB.DiscordObjects.User;
};
var myDataUser = LibraryModules.CurrentUserStore && LibraryModules.CurrentUserStore.getCurrentUser();
BDFDB.UserUtils.me = new Proxy(myDataUser || {}, {
get: function (list, item) {
return (myDataUser = LibraryModules.CurrentUserStore.getCurrentUser()) && myDataUser[item];
}
});
BDFDB.UserUtils.getStatus = function (id = BDFDB.UserUtils.me.id) {
id = typeof id == "number" ? id.toFixed() : id;
let activity = BDFDB.UserUtils.getActivitiy(id);
return activity && activity.type == BDFDB.DiscordConstants.ActivityTypes.STREAMING ? "streaming" : LibraryModules.StatusMetaUtils.getStatus(id);
};
BDFDB.UserUtils.getStatusColor = function (status) {
status = typeof status == "string" ? status.toLowerCase() : null;
switch (status) {
case "online": return BDFDB.DiscordConstants.Colors.STATUS_GREEN;
case "mobile": return BDFDB.DiscordConstants.Colors.STATUS_GREEN;
case "idle": return BDFDB.DiscordConstants.Colors.STATUS_YELLOW;
case "dnd": return BDFDB.DiscordConstants.Colors.STATUS_RED;
case "playing": return BDFDB.DiscordConstants.Colors.BRAND;
case "listening": return BDFDB.DiscordConstants.Colors.SPOTIFY;
case "streaming": return BDFDB.DiscordConstants.Colors.TWITCH;
default: return BDFDB.DiscordConstants.Colors.STATUS_GREY;
}
};
BDFDB.UserUtils.getActivitiy = function (id = BDFDB.UserUtils.me.id) {
for (let activity of LibraryModules.StatusMetaUtils.getActivities(id)) if (activity.type != BDFDB.DiscordConstants.ActivityTypes.CUSTOM_STATUS) return activity;
return null;
};
BDFDB.UserUtils.getAvatar = function (id = BDFDB.UserUtils.me.id) {
let user = LibraryModules.UserStore.getUser(typeof id == "number" ? id.toFixed() : id);
if (!user) return window.location.origin + "/assets/322c936a8c8be1b803cd94861bdfa868.png";
else return ((user.avatar ? "" : window.location.origin) + LibraryModules.IconUtils.getUserAvatarURL(user)).split("?")[0];
};
BDFDB.UserUtils.can = function (permission, id = BDFDB.UserUtils.me.id, channelId = LibraryModules.LastChannelStore.getChannelId()) {
if (!BDFDB.DiscordConstants.Permissions[permission]) BDFDB.LogUtils.warn(permission + " not found in Permissions");
else {
let channel = LibraryModules.ChannelStore.getChannel(channelId);
if (channel) return LibraryModules.PermissionRoleUtils.can(BDFDB.DiscordConstants.Permissions[permission], id, channel);
}
return false;
};
BDFDB.UserUtils.openMenu = function (id, guildId, e = BDFDB.InternalData.mousePosition) {
if (!id || !guildId) return;
let user = LibraryModules.UserStore.getUser(id);
if (user) LibraryModules.ContextMenuUtils.openContextMenu(e, function (e) {
return BDFDB.ReactUtils.createElement((BDFDB.ModuleUtils.findByName("GuildChannelUserContextMenu", false) || {exports:{}}).exports.default, Object.assign({}, e, {
user: user,
guildId: guildId
}));
});
};
let GuildsRerenderTimeout;
BDFDB.GuildUtils = {};
BDFDB.GuildUtils.is = function (guild) {
if (!BDFDB.ObjectUtils.is(guild)) return false;
let keys = Object.keys(guild);
return guild instanceof BDFDB.DiscordObjects.Guild || Object.keys(new BDFDB.DiscordObjects.Guild({})).every(key => keys.indexOf(key) > -1);
};
BDFDB.GuildUtils.getIcon = function (id) {
let guild = LibraryModules.GuildStore.getGuild(typeof id == "number" ? id.toFixed() : id);
if (!guild || !guild.icon) return null;
return LibraryModules.IconUtils.getGuildIconURL(guild).split("?")[0];
};
BDFDB.GuildUtils.getBanner = function (id) {
let guild = LibraryModules.GuildStore.getGuild(typeof id == "number" ? id.toFixed() : id);
if (!guild || !guild.banner) return null;
return LibraryModules.IconUtils.getGuildBannerURL(guild).split("?")[0];
};
BDFDB.GuildUtils.getFolder = function (id) {
return BDFDB.LibraryModules.FolderStore.guildFolders.filter(n => n.folderId).find(n => n.guildIds.includes(id));
};
BDFDB.GuildUtils.getId = function (div) {
if (!Node.prototype.isPrototypeOf(div) || !BDFDB.ReactUtils.getInstance(div)) return;
let guilddiv = BDFDB.DOMUtils.getParent(BDFDB.dotCN.guildouter, div);
if (!guilddiv) return;
let iconWrap = guilddiv.querySelector(BDFDB.dotCN.guildiconwrapper);
let id = iconWrap && iconWrap.href ? iconWrap.href.split("/").slice(-2)[0] : null;
return id && !isNaN(parseInt(id)) ? id.toString() : null;
};
BDFDB.GuildUtils.getData = function (eleOrInfoOrId) {
if (!eleOrInfoOrId) return null;
let id = Node.prototype.isPrototypeOf(eleOrInfoOrId) ? BDFDB.GuildUtils.getId(eleOrInfoOrId) : (typeof eleOrInfoOrId == "object" ? eleOrInfoOrId.id : eleOrInfoOrId);
id = typeof id == "number" ? id.toFixed() : id;
for (let info of BDFDB.GuildUtils.getAll()) if (info && info.id == id) return info;
return null;
};
BDFDB.GuildUtils.getAll = function () {
let found = [], objs = [];
for (let ins of BDFDB.ReactUtils.findOwner(document.querySelector(BDFDB.dotCN.guilds), {name:["Guild","GuildIcon"], all:true, unlimited:true})) {
if (ins.props && ins.props.guild) objs.push(Object.assign(new ins.props.guild.constructor(ins.props.guild), {div:ins.handleContextMenu && BDFDB.ReactUtils.findDOMNode(ins), instance:ins}));
}
for (let id of BDFDB.LibraryModules.FolderStore.getFlattenedGuildIds()) {
let foundobj = null;
for (let obj of objs) if (obj.id == id) {
foundobj = obj
break;
}
if (foundobj) found.push(foundobj);
else {
let guild = BDFDB.LibraryModules.GuildStore.getGuild(id);
if (guild) found.push(Object.assign(new guild.constructor(guild), {div:null, instance:null}))
}
}
return found;
};
BDFDB.GuildUtils.getUnread = function (servers) {
let found = [];
for (let eleOrInfoOrId of servers === undefined || !BDFDB.ArrayUtils.is(servers) ? BDFDB.GuildUtils.getAll() : servers) {
if (!eleOrInfoOrId) return null;
let id = Node.prototype.isPrototypeOf(eleOrInfoOrId) ? BDFDB.GuildUtils.getId(eleOrInfoOrId) : (typeof eleOrInfoOrId == "object" ? eleOrInfoOrId.id : eleOrInfoOrId);
id = typeof id == "number" ? id.toFixed() : id;
if (id && (LibraryModules.UnreadGuildUtils.hasUnread(id) || LibraryModules.UnreadGuildUtils.getMentionCount(id) > 0)) found.push(eleOrInfoOrId);
}
return found;
};
BDFDB.GuildUtils.getPinged = function (servers) {
let found = [];
for (let eleOrInfoOrId of servers === undefined || !BDFDB.ArrayUtils.is(servers) ? BDFDB.GuildUtils.getAll() : servers) {
if (!eleOrInfoOrId) return null;
let id = Node.prototype.isPrototypeOf(eleOrInfoOrId) ? BDFDB.GuildUtils.getId(eleOrInfoOrId) : (typeof eleOrInfoOrId == "object" ? eleOrInfoOrId.id : eleOrInfoOrId);
id = typeof id == "number" ? id.toFixed() : id;
if (id && LibraryModules.UnreadGuildUtils.getMentionCount(id) > 0) found.push(eleOrInfoOrId);
}
return found;
};
BDFDB.GuildUtils.getMuted = function (servers) {
let found = [];
for (let eleOrInfoOrId of servers === undefined || !BDFDB.ArrayUtils.is(servers) ? BDFDB.GuildUtils.getAll() : servers) {
if (!eleOrInfoOrId) return null;
let id = Node.prototype.isPrototypeOf(eleOrInfoOrId) ? BDFDB.GuildUtils.getId(eleOrInfoOrId) : (typeof eleOrInfoOrId == "object" ? eleOrInfoOrId.id : eleOrInfoOrId);
id = typeof id == "number" ? id.toFixed() : id;
if (id && LibraryModules.MutedUtils.isGuildOrCategoryOrChannelMuted(id)) found.push(eleOrInfoOrId);
}
return found;
};
BDFDB.GuildUtils.getSelected = function () {
let info = LibraryModules.GuildStore.getGuild(LibraryModules.LastGuildStore.getGuildId());
if (info) return BDFDB.GuildUtils.getData(info.id) || Object.assign(new info.constructor(info), {div:null, instance:null});
else return null;
};
BDFDB.GuildUtils.openMenu = function (eleOrInfoOrId, e = BDFDB.InternalData.mousePosition) {
if (!eleOrInfoOrId) return;
let id = Node.prototype.isPrototypeOf(eleOrInfoOrId) ? BDFDB.GuildUtils.getId(eleOrInfoOrId) : (typeof eleOrInfoOrId == "object" ? eleOrInfoOrId.id : eleOrInfoOrId);
let guild = LibraryModules.GuildStore.getGuild(id);
if (guild) LibraryModules.ContextMenuUtils.openContextMenu(e, function (e) {
return BDFDB.ReactUtils.createElement((BDFDB.ModuleUtils.findByName("GuildContextMenu", false) || {exports:{}}).exports.default, Object.assign({}, e, {
guild: guild
}));
});
};
BDFDB.GuildUtils.markAsRead = function (guilds) {
if (!guilds) return;
let unreadChannels = [];
for (let guild of BDFDB.ArrayUtils.is(guilds) ? guilds : (typeof guilds == "string" || typeof guilds == "number" ? Array.of(guilds) : Array.from(guilds))) {
let id = Node.prototype.isPrototypeOf(guild) ? BDFDB.GuildUtils.getId(guild) : (guild && typeof guild == "object" ? guild.id : guild);
let channels = id && LibraryModules.GuildChannelStore.getChannels(id);
if (channels) for (let type in channels) if (BDFDB.ArrayUtils.is(channels[type])) for (let channelObj of channels[type]) unreadChannels.push(channelObj.channel.id);
}
if (unreadChannels.length) BDFDB.ChannelUtils.markAsRead(unreadChannels);
};
BDFDB.GuildUtils.rerenderAll = function (instant) {
BDFDB.TimeUtils.clear(GuildsRerenderTimeout);
GuildsRerenderTimeout = BDFDB.TimeUtils.timeout(_ => {
let GuildsIns = BDFDB.ReactUtils.findOwner(document.querySelector(BDFDB.dotCN.app), {name:"Guilds", unlimited:true});
let GuildsPrototype = BDFDB.ReactUtils.getValue(GuildsIns, "_reactInternalFiber.type.prototype");
if (GuildsIns && GuildsPrototype) {
BDFDB.ModuleUtils.patch(BDFDB, GuildsPrototype, "render", {after: e => {
let [children, index] = BDFDB.ReactUtils.findParent(e.returnValue, {name: "ConnectedUnreadDMs"});
if (index > -1) children.splice(index + 1, 0, BDFDB.ReactUtils.createElement("div", {}));
BDFDB.ReactUtils.forceUpdate(GuildsIns);
}}, {once: true});
BDFDB.ReactUtils.forceUpdate(GuildsIns);
}
}, instant ? 0 : 1000);
};
BDFDB.FolderUtils = {};
BDFDB.FolderUtils.getId = function (div) {
if (!Node.prototype.isPrototypeOf(div) || !BDFDB.ReactUtils.getInstance(div)) return;
div = BDFDB.DOMUtils.getParent(BDFDB.dotCN.guildfolderwrapper, div);
if (!div) return;
return BDFDB.ReactUtils.findValue(div, "folderId", {up:true});
};
BDFDB.FolderUtils.getDefaultName = function (folderId) {
let folder = BDFDB.LibraryModules.FolderStore.getGuildFolderById(folderId);
if (!folder) return "";
let rest = 2 * BDFDB.DiscordConstants.MAX_GUILD_FOLDER_NAME_LENGTH;
let names = [], allNames = folder.guildIds.map(guildId => (BDFDB.LibraryModules.GuildStore.getGuild(guildId) || {}).name).filter(n => n);
for (let name of allNames) if (name.length < rest || names.length === 0) {
names.push(name);
rest -= name.length;
}
return names.join(", ") + (names.length < allNames.length ? ", ..." : "");
};
BDFDB.FolderUtils.getDiv = function (eleOrInfoOrId) {
if (!eleOrInfoOrId) return null;
let info = BDFDB.FolderUtils.getData(eleOrInfoOrId);
return info ? info.div : null;
};
BDFDB.FolderUtils.getData = function (eleOrInfoOrId) {
if (!eleOrInfoOrId) return null;
let id = Node.prototype.isPrototypeOf(eleOrInfoOrId) ? BDFDB.FolderUtils.getId(eleOrInfoOrId) : (typeof eleOrInfoOrId == "object" ? eleOrInfoOrId.id : eleOrInfoOrId);
id = typeof id == "number" ? id.toFixed() : id;
for (let info of BDFDB.FolderUtils.getAll()) if (info && info.folderId == id) return info;
return null;
};
BDFDB.FolderUtils.getAll = function () {
let found = [];
for (let ins of BDFDB.ReactUtils.findOwner(document.querySelector(BDFDB.dotCN.guildswrapper), {name:"GuildFolder", all:true, unlimited:true})) {
if (ins.props && ins.props.folderId) found.push(Object.assign({}, ins.props, {div:BDFDB.ReactUtils.findDOMNode(ins), instance:ins}));
}
return found;
};
BDFDB.ChannelUtils = {};
BDFDB.ChannelUtils.is = function (channel) {
if (!BDFDB.ObjectUtils.is(channel)) return false;
let keys = Object.keys(channel);
return channel instanceof BDFDB.DiscordObjects.Channel || Object.keys(new BDFDB.DiscordObjects.Channel({})).every(key => keys.indexOf(key) > -1);
};
BDFDB.ChannelUtils.isTextChannel = function (channelOrId) {
let channel = typeof channelOrId == "string" ? LibraryModules.ChannelStore.getChannel(channelOrId) : channelOrId;
return BDFDB.ObjectUtils.is(channel) && (channel.type == BDFDB.DiscordConstants.ChannelTypes.GUILD_TEXT || channel.type == BDFDB.DiscordConstants.ChannelTypes.GUILD_STORE || channel.type == BDFDB.DiscordConstants.ChannelTypes.GUILD_ANNOUNCEMENT);
};
BDFDB.ChannelUtils.getId = function (div) {
if (!Node.prototype.isPrototypeOf(div) || !BDFDB.ReactUtils.getInstance(div)) return;
div = BDFDB.DOMUtils.getParent(BDFDB.dotCNC.categorycontainerdefault + BDFDB.dotCNC.channelcontainerdefault + BDFDB.dotCN.dmchannel, div);
if (!div) return;
let info = BDFDB.ReactUtils.findValue(div, "channel");
return info ? info.id.toString() : null;
};
BDFDB.ChannelUtils.getDiv = function (eleOrInfoOrId) {
if (!eleOrInfoOrId) return null;
let info = BDFDB.ChannelUtils.getData(eleOrInfoOrId);
return info ? info.div : null;
};
BDFDB.ChannelUtils.getData = function (eleOrInfoOrId) {
if (!eleOrInfoOrId) return null;
let id = Node.prototype.isPrototypeOf(eleOrInfoOrId) ? BDFDB.ChannelUtils.getId(eleOrInfoOrId) : (typeof eleOrInfoOrId == "object" ? eleOrInfoOrId.id : eleOrInfoOrId);
id = typeof id == "number" ? id.toFixed() : id;
for (let info of BDFDB.ChannelUtils.getAll()) if (info && info.id == id) return info;
return null;
};
BDFDB.ChannelUtils.getName = function (id, addPrefix) {
let channel = BDFDB.LibraryModules.ChannelStore.getChannel(id);
if (!channel) return "";
switch (channel.type) {
case BDFDB.DiscordConstants.ChannelTypes.DM:
let user = channel.recipients.map(BDFDB.LibraryModules.UserStore.getUser).filter(n => n)[0];
return (addPrefix && "@" || "") + (user && user.toString() || "");
case BDFDB.DiscordConstants.ChannelTypes.GROUP_DM:
if (channel.name) return channel.name;
let users = channel.recipients.map(BDFDB.LibraryModules.UserStore.getUser).filter(n => n);
return users.length > 0 ? users.map(user => user.toString).join(", ") : BDFDB.LanguageUtils.LanguageStrings.UNNAMED;
case BDFDB.DiscordConstants.ChannelTypes.GUILD_ANNOUNCEMENT:
case BDFDB.DiscordConstants.ChannelTypes.GUILD_TEXT:
return (addPrefix && "#" || "") + channel.name;
default:
return channel.name
}
};
BDFDB.ChannelUtils.getAll = function () {
let found = [];
for (let ins of BDFDB.ReactUtils.findOwner(document.querySelector(BDFDB.dotCN.channels), {name: ["ChannelCategoryItem", "ChannelItem", "PrivateChannel"], all:true, unlimited:true})) if (ins.props && !ins.props.ispin && ins.props.channel && ins._reactInternalFiber.return) {
let div = BDFDB.ReactUtils.findDOMNode(ins);
div = div && BDFDB.DOMUtils.containsClass(div.parentElement, BDFDB.disCN.categorycontainerdefault, BDFDB.disCN.channelcontainerdefault, false) ? div.parentElement : div;
found.push(Object.assign(new ins.props.channel.constructor(ins.props.channel), {div, instance:ins}));
}
return found;
};
BDFDB.ChannelUtils.getSelected = function () {
let info = LibraryModules.ChannelStore.getChannel(LibraryModules.LastChannelStore.getChannelId());
if (info) return BDFDB.ChannelUtils.getData(info.id) || Object.assign(new info.constructor(info), {div:null, instance:null});
else return null;
};
BDFDB.ChannelUtils.markAsRead = function (channels) {
if (!channels) return;
let unreadChannels = [];
for (let channel of channels = BDFDB.ArrayUtils.is(channels) ? channels : (typeof channels == "string" || typeof channels == "number" ? Array.of(channels) : Array.from(channels))) {
let id = Node.prototype.isPrototypeOf(channel) ? BDFDB.ChannelUtils.getId(channel) : (channel && typeof channel == "object" ? channel.id : channel);
if (id && BDFDB.ChannelUtils.isTextChannel(id)) unreadChannels.push({
channelId: id,
messageId: LibraryModules.UnreadChannelUtils.lastMessageId(id)
});
}
if (unreadChannels.length) LibraryModules.AckUtils.bulkAck(unreadChannels);
};
BDFDB.DMUtils = {};
BDFDB.DMUtils.isDMChannel = function (channelOrId) {
let channel = typeof channelOrId == "string" ? LibraryModules.ChannelStore.getChannel(channelOrId) : channelOrId;
return BDFDB.ObjectUtils.is(channel) && (channel.type == BDFDB.DiscordConstants.ChannelTypes.DM || channel.type == BDFDB.DiscordConstants.ChannelTypes.GROUP_DM);
};
BDFDB.DMUtils.getIcon = function (id) {
let channel = LibraryModules.ChannelStore.getChannel(id = typeof id == "number" ? id.toFixed() : id);
if (!channel) return null;
if (!channel.icon) return channel.type == 1 ? BDFDB.UserUtils.getAvatar(channel.recipients[0]) : (channel.type == 3 ? window.location.origin + LibraryModules.IconUtils.getChannelIconURL(channel).split("?")[0] : null);
return LibraryModules.IconUtils.getChannelIconURL(channel).split("?")[0];
};
BDFDB.DMUtils.getId = function (div) {
if (!Node.prototype.isPrototypeOf(div) || !BDFDB.ReactUtils.getInstance(div)) return;
let dmdiv = BDFDB.DOMUtils.getParent(BDFDB.dotCN.guildouter, div);
if (!dmdiv) return;
let iconWrap = dmdiv.querySelector(BDFDB.dotCN.guildiconwrapper);
let id = iconWrap && iconWrap.href ? iconWrap.href.split("/").slice(-1)[0] : null;
return id && !isNaN(parseInt(id)) ? id.toString() : null;
};
BDFDB.DMUtils.getDiv = function (eleOrInfoOrId) {
if (!eleOrInfoOrId) return null;
if (Node.prototype.isPrototypeOf(eleOrInfoOrId)) {
var div = BDFDB.DOMUtils.getParent(BDFDB.dotCN.guildouter, eleOrInfoOrId);
return div ? div.parentElement : div;
}
else {
let id = typeof eleOrInfoOrId == "object" ? eleOrInfoOrId.id : eleOrInfoOrId;
if (id) {
var div = BDFDB.DOMUtils.getParent(BDFDB.dotCN.guildouter, document.querySelector(`${BDFDB.dotCNS.guilds + BDFDB.dotCN.dmpill + " + * " + BDFDB.dotCN.guildiconwrapper}[href*="/channels/@me/${id}"]`));
return div && BDFDB? div.parentElement : div;
}
}
return null;
};
BDFDB.DMUtils.getData = function (eleOrInfoOrId) {
if (!eleOrInfoOrId) return null;
let id = Node.prototype.isPrototypeOf(eleOrInfoOrId) ? BDFDB.BDFDB.DMUtils.getId(eleOrInfoOrId) : (typeof eleOrInfoOrId == "object" ? eleOrInfoOrId.id : eleOrInfoOrId);
id = typeof id == "number" ? id.toFixed() : id;
for (let info of BDFDB.DMUtils.getAll()) if (info && info.id == id) return info;
return null;
};
BDFDB.DMUtils.getAll = function () {
let found = [];
for (let ins of BDFDB.ReactUtils.findOwner(document.querySelector(BDFDB.dotCN.guilds), {name:"DirectMessage", all:true, unlimited:true})) {
if (ins.props && ins.props.channel) found.push(Object.assign(new ins.props.channel.constructor(ins.props.channel), {div:BDFDB.ReactUtils.findDOMNode(ins), instance:ins}));
}
return found;
};
BDFDB.DMUtils.openMenu = function (eleOrInfoOrId, e = BDFDB.InternalData.mousePosition) {
if (!eleOrInfoOrId) return;
let id = Node.prototype.isPrototypeOf(eleOrInfoOrId) ? BDFDB.ChannelUtils.getId(eleOrInfoOrId) : (typeof eleOrInfoOrId == "object" ? eleOrInfoOrId.id : eleOrInfoOrId);
let channel = LibraryModules.ChannelStore.getChannel(id);
if (channel) {
if (channel.isMultiUserDM()) LibraryModules.ContextMenuUtils.openContextMenu(e, function (e) {
return BDFDB.ReactUtils.createElement((BDFDB.ModuleUtils.findByName("GroupDMContextMenu", false) || {exports:{}}).exports.default, Object.assign({}, e, {
channel: channel,
selected: channel.id == LibraryModules.LastChannelStore.getChannelId()
}));
});
else LibraryModules.ContextMenuUtils.openContextMenu(e, function (e) {
return BDFDB.ReactUtils.createElement((BDFDB.ModuleUtils.findByName("DMUserContextMenu", false) || {exports:{}}).exports.default, Object.assign({}, e, {
user: LibraryModules.UserStore.getUser(channel.recipients[0]),
channel: channel,
selected: channel.id == LibraryModules.LastChannelStore.getChannelId()
}));
});
}
};
BDFDB.DMUtils.markAsRead = function (dms) {
if (!dms) return;
let unreadChannels = [];
for (let dm of dms = BDFDB.ArrayUtils.is(dms) ? dms : (typeof dms == "string" || typeof dms == "number" ? Array.of(dms) : Array.from(dms))) {
let id = Node.prototype.isPrototypeOf(dm) ? BDFDB.BDFDB.DMUtils.getId(dm) : (dm && typeof dm == "object" ? dm.id : dm);
if (id) unreadChannels.push(id);
}
for (let i in unreadChannels) BDFDB.TimeUtils.timeout(_ => {LibraryModules.AckUtils.ack(unreadChannels[i]);}, i * 1000);
};
BDFDB.DataUtils = {};
BDFDB.DataUtils.cached = window.BDFDB && window.BDFDB.DataUtils && window.BDFDB.DataUtils.cached || {};
BDFDB.DataUtils.save = function (data, plugin, key, id) {
plugin = plugin == BDFDB && InternalBDFDB || plugin;
let pluginName = typeof plugin === "string" ? plugin : plugin.name;
let configPath = LibraryRequires.path.join(BDFDB.BDUtils.getPluginsFolder(), pluginName + ".config.json");
let config = BDFDB.DataUtils.cached[pluginName] !== undefined ? BDFDB.DataUtils.cached[pluginName] : (InternalBDFDB.readConfig(configPath) || {});
if (key === undefined) config = BDFDB.ObjectUtils.is(data) ? BDFDB.ObjectUtils.sort(data) : data;
else {
if (id === undefined) config[key] = BDFDB.ObjectUtils.is(data) ? BDFDB.ObjectUtils.sort(data) : data;
else {
if (!BDFDB.ObjectUtils.is(config[key])) config[key] = {};
config[key][id] = BDFDB.ObjectUtils.is(data) ? BDFDB.ObjectUtils.sort(data) : data;
}
}
let configIsObject = BDFDB.ObjectUtils.is(config);
if (key !== undefined && configIsObject && BDFDB.ObjectUtils.is(config[key]) && BDFDB.ObjectUtils.isEmpty(config[key])) delete config[key];
if (BDFDB.ObjectUtils.isEmpty(config)) {
delete BDFDB.DataUtils.cached[pluginName];
if (LibraryRequires.fs.existsSync(configPath)) LibraryRequires.fs.unlinkSync(configPath);
}
else {
if (configIsObject) config = BDFDB.ObjectUtils.sort(config);
BDFDB.DataUtils.cached[pluginName] = configIsObject ? BDFDB.ObjectUtils.deepAssign({}, config) : config;
InternalBDFDB.writeConfig(configPath, config);
}
};
BDFDB.DataUtils.load = function (plugin, key, id) {
plugin = plugin == BDFDB && InternalBDFDB || plugin;
let pluginName = typeof plugin === "string" ? plugin : plugin.name;
let configPath = LibraryRequires.path.join(BDFDB.BDUtils.getPluginsFolder(), pluginName + ".config.json");
let config = BDFDB.DataUtils.cached[pluginName] !== undefined ? BDFDB.DataUtils.cached[pluginName] : (InternalBDFDB.readConfig(configPath) || {});
let configIsObject = BDFDB.ObjectUtils.is(config);
BDFDB.DataUtils.cached[pluginName] = configIsObject ? BDFDB.ObjectUtils.deepAssign({}, config) : config;
if (key === undefined) return config;
else {
let keydata = configIsObject ? (BDFDB.ObjectUtils.is(config[key]) || config[key] == undefined ? BDFDB.ObjectUtils.deepAssign({}, config[key]) : config[key]) : null;
if (id === undefined) return keydata;
else return !BDFDB.ObjectUtils.is(keydata) || keydata[id] === undefined ? null : keydata[id];
}
};
BDFDB.DataUtils.remove = function (plugin, key, id) {
plugin = plugin == BDFDB && InternalBDFDB || plugin;
let pluginName = typeof plugin === "string" ? plugin : plugin.name;
let configPath = LibraryRequires.path.join(BDFDB.BDUtils.getPluginsFolder(), pluginName + ".config.json");
let config = BDFDB.DataUtils.cached[pluginName] !== undefined ? BDFDB.DataUtils.cached[pluginName] : (InternalBDFDB.readConfig(configPath) || {});
let configIsObject = BDFDB.ObjectUtils.is(config);
if (key === undefined || !configIsObject) config = {};
else {
if (id === undefined) delete config[key];
else if (BDFDB.ObjectUtils.is(config[key])) delete config[key][id];
}
if (BDFDB.ObjectUtils.is(config[key]) && BDFDB.ObjectUtils.isEmpty(config[key])) delete config[key];
if (BDFDB.ObjectUtils.isEmpty(config)) {
delete BDFDB.DataUtils.cached[pluginName];
if (LibraryRequires.fs.existsSync(configPath)) LibraryRequires.fs.unlinkSync(configPath);
}
else {
if (configIsObject) config = BDFDB.ObjectUtils.sort(config);
BDFDB.DataUtils.cached[pluginName] = configIsObject ? BDFDB.ObjectUtils.deepAssign({}, config) : config;
InternalBDFDB.writeConfig(configPath, config);
}
};
BDFDB.DataUtils.get = function (plugin, key, id) {
plugin = plugin == BDFDB && InternalBDFDB || plugin;
plugin = typeof plugin == "string" ? BDFDB.BDUtils.getPlugin(plugin) : plugin;
if (!BDFDB.ObjectUtils.is(plugin)) return id === undefined ? {} : null;
let defaults = plugin.defaults;
if (!BDFDB.ObjectUtils.is(defaults) || !defaults[key]) return id === undefined ? {} : null;
let oldC = BDFDB.DataUtils.load(plugin, key), newC = {}, update = false;
for (let k in defaults[key]) {
let isObj = BDFDB.ObjectUtils.is(defaults[key][k].value);
if (oldC[k] == null || isObj && (!BDFDB.ObjectUtils.is(oldC[k]) || Object.keys(defaults[key][k].value).some(n => defaults[key][k].value[n] != null && !BDFDB.sameProto(defaults[key][k].value[n], oldC[k][n])))) {
newC[k] = isObj ? BDFDB.ObjectUtils.deepAssign({}, defaults[key][k].value) : defaults[key][k].value;
update = true;
}
else newC[k] = oldC[k];
}
if (update) BDFDB.DataUtils.save(newC, plugin, key);
if (id === undefined) return newC;
else return newC[id] === undefined ? null : newC[id];
};
InternalBDFDB.writeConfig = function (path, config) {
try {LibraryRequires.fs.writeFileSync(path, JSON.stringify(config, null, " "));}
catch (err) {}
};
InternalBDFDB.readConfig = function (path) {
try {return JSON.parse(LibraryRequires.fs.readFileSync(path));}
catch (err) {return {};}
};
BDFDB.ColorUtils = {};
BDFDB.ColorUtils.convert = function (color, conv, type) {
if (BDFDB.ObjectUtils.is(color)) {
var newColor = {};
for (let pos in color) newColor[pos] = BDFDB.ColorUtils.convert(color[pos], conv, type);
return newColor;
}
else {
conv = conv === undefined || !conv ? conv = "RGBCOMP" : conv.toUpperCase();
type = type === undefined || !type || !["RGB", "RGBA", "RGBCOMP", "HSL", "HSLA", "HSLCOMP", "HEX", "HEXA", "INT"].includes(type.toUpperCase()) ? BDFDB.ColorUtils.getType(color) : type.toUpperCase();
if (conv == "RGBCOMP") {
switch (type) {
case "RGBCOMP":
if (color.length == 3) return processRGB(color);
else if (color.length == 4) {
let a = processA(color.pop());
return processRGB(color).concat(a);
}
break;
case "RGB":
return processRGB(color.replace(/\s/g, "").slice(4, -1).split(","));
case "RGBA":
let comp = color.replace(/\s/g, "").slice(5, -1).split(",");
let a = processA(comp.pop());
return processRGB(comp).concat(a);
case "HSLCOMP":
if (color.length == 3) return BDFDB.ColorUtils.convert(`hsl(${processHSL(color).join(",")})`, "RGBCOMP");
else if (color.length == 4) {
let a = processA(color.pop());
return BDFDB.ColorUtils.convert(`hsl(${processHSL(color).join(",")})`, "RGBCOMP").concat(a);
}
break;
case "HSL":
var hslcomp = processHSL(color.replace(/\s/g, "").slice(4, -1).split(","));
var r, g, b, m, c, x, p, q;
var h = hslcomp[0] / 360, l = parseInt(hslcomp[1]) / 100, s = parseInt(hslcomp[2]) / 100; m = Math.floor(h * 6); c = h * 6 - m; x = s * (1 - l); p = s * (1 - c * l); q = s * (1 - (1 - c) * l);
switch (m % 6) {
case 0: r = s, g = q, b = x; break;
case 1: r = p, g = s, b = x; break;
case 2: r = x, g = s, b = q; break;
case 3: r = x, g = p, b = s; break;
case 4: r = q, g = x, b = s; break;
case 5: r = s, g = x, b = p; break;
}
return [Math.round(r * 255), Math.round(g * 255), Math.round(b * 255)];
case "HSLA":
var hslcomp = color.replace(/\s/g, "").slice(5, -1).split(",");
return BDFDB.ColorUtils.convert(`hsl(${hslcomp.slice(0, 3).join(",")})`, "RGBCOMP").concat(processA(hslcomp.pop()));
case "HEX":
var hex = /^#([a-f\d]{1})([a-f\d]{1})([a-f\d]{1})$|^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(color);
return [parseInt(hex[1] + hex[1] || hex[4], 16).toString(), parseInt(hex[2] + hex[2] || hex[5], 16).toString(), parseInt(hex[3] + hex[3] || hex[6], 16).toString()];
case "HEXA":
var hex = /^#([a-f\d]{1})([a-f\d]{1})([a-f\d]{1})([a-f\d]{1})$|^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(color);
return [parseInt(hex[1] + hex[1] || hex[5], 16).toString(), parseInt(hex[2] + hex[2] || hex[6], 16).toString(), parseInt(hex[3] + hex[3] || hex[7], 16).toString(), Math.floor(BDFDB.NumberUtils.mapRange([0, 255], [0, 100], parseInt(hex[4] + hex[4] || hex[8], 16).toString()))/100];
case "INT":
color = processINT(color);
return [(color >> 16 & 255).toString(), (color >> 8 & 255).toString(), (color & 255).toString()];
default:
return null;
}
}
else {
if (conv && type && conv.indexOf("HSL") == 0 && type.indexOf("HSL") == 0) {
if (type == "HSLCOMP") {
switch (conv) {
case "HSLCOMP":
if (color.length == 3) return processHSL(color);
else if (color.length == 4) {
var a = processA(color.pop());
return processHSL(color).concat(a);
}
break;
case "HSL":
return `hsl(${processHSL(color.slice(0, 3)).join(",")})`;
case "HSLA":
color = color.slice(0, 4);
var a = color.length == 4 ? processA(color.pop()) : 1;
return `hsla(${processHSL(color).concat(a).join(",")})`;
}
}
else return BDFDB.ColorUtils.convert(color.replace(/\s/g, "").slice(color.toLowerCase().indexOf("hsla") == 0 ? 5 : 4, -1).split(","), conv, "HSLCOMP");
}
else {
let rgbcomp = type == "RGBCOMP" ? color : BDFDB.ColorUtils.convert(color, "RGBCOMP", type);
if (rgbcomp) switch (conv) {
case "RGB":
return `rgb(${processRGB(rgbcomp.slice(0, 3)).join(",")})`;
case "RGBA":
rgbcomp = rgbcomp.slice(0, 4);
var a = rgbcomp.length == 4 ? processA(rgbcomp.pop()) : 1;
return `rgba(${processRGB(rgbcomp).concat(a).join(",")})`;
case "HSLCOMP":
var a = rgbcomp.length == 4 ? processA(rgbcomp.pop()) : null;
var hslcomp = processHSL(BDFDB.ColorUtils.convert(rgbcomp, "HSL").replace(/\s/g, "").split(","));
return a != null ? hslcomp.concat(a) : hslcomp;
case "HSL":
var r = processC(rgbcomp[0]), g = processC(rgbcomp[1]), b = processC(rgbcomp[2]);
var max = Math.max(r, g, b), min = Math.min(r, g, b), dif = max - min, h, l = max === 0 ? 0 : dif / max, s = max / 255;
switch (max) {
case min: h = 0; break;
case r: h = g - b + dif * (g < b ? 6 : 0); h /= 6 * dif; break;
case g: h = b - r + dif * 2; h /= 6 * dif; break;
case b: h = r - g + dif * 4; h /= 6 * dif; break;
}
return `hsl(${processHSL([Math.round(h * 360), l * 100, s * 100]).join(",")})`;
case "HSLA":
var a = rgbcomp.length == 4 ? processA(rgbcomp.pop()) : 1;
return `hsla(${BDFDB.ColorUtils.convert(rgbcomp, "HSL").slice(4, -1).split(",").concat(a).join(",")})`;
case "HEX":
return ("#" + (0x1000000 + (rgbcomp[2] | rgbcomp[1] << 8 | rgbcomp[0] << 16)).toString(16).slice(1)).toUpperCase();
case "HEXA":
return ("#" + (0x1000000 + (rgbcomp[2] | rgbcomp[1] << 8 | rgbcomp[0] << 16)).toString(16).slice(1) + (0x100 + Math.round(BDFDB.NumberUtils.mapRange([0, 100], [0, 255], processA(rgbcomp[3]) * 100))).toString(16).slice(1)).toUpperCase();
case "INT":
return processINT(rgbcomp[2] | rgbcomp[1] << 8 | rgbcomp[0] << 16);
default:
return null;
}
}
}
}
return null;
function processC(c) {if (c == null) {return 255;} else {c = parseInt(c.toString().replace(/[^0-9\-]/g, ""));return isNaN(c) || c > 255 ? 255 : c < 0 ? 0 : c;}};
function processRGB(comp) {return comp.map(c => {return processC(c);});};
function processA(a) {if (a == null) {return 1;} else {a = a.toString();a = (a.indexOf("%") > -1 ? 0.01 : 1) * parseFloat(a.replace(/[^0-9\.\-]/g, ""));return isNaN(a) || a > 1 ? 1 : a < 0 ? 0 : a;}};
function processSL(sl) {if (sl == null) {return "100%";} else {sl = parseFloat(sl.toString().replace(/[^0-9\.\-]/g, ""));return (isNaN(sl) || sl > 100 ? 100 : sl < 0 ? 0 : sl) + "%";}};
function processHSL(comp) {let h = parseFloat(comp.shift().toString().replace(/[^0-9\.\-]/g, ""));h = isNaN(h) || h > 360 ? 360 : h < 0 ? 0 : h;return [h].concat(comp.map(sl => {return processSL(sl);}));};
function processINT(c) {if (c == null) {return 16777215;} else {c = parseInt(c.toString().replace(/[^0-9]/g, ""));return isNaN(c) || c > 16777215 ? 16777215 : c < 0 ? 0 : c;}};
};
BDFDB.ColorUtils.setAlpha = function (color, a, conv) {
if (BDFDB.ObjectUtils.is(color)) {
var newcolor = {};
for (let pos in color) newcolor[pos] = BDFDB.ColorUtils.setAlpha(color[pos], a, conv);
return newcolor;
}
else {
var comp = BDFDB.ColorUtils.convert(color, "RGBCOMP");
if (comp) {
a = a.toString();
a = (a.indexOf("%") > -1 ? 0.01 : 1) * parseFloat(a.replace(/[^0-9\.\-]/g, ""));
a = isNaN(a) || a > 1 ? 1 : a < 0 ? 0 : a;
comp[3] = a;
conv = (conv || BDFDB.ColorUtils.getType(color)).toUpperCase();
conv = conv == "RGB" || conv == "HSL" || conv == "HEX" ? conv + "A" : conv;
return BDFDB.ColorUtils.convert(comp, conv);
}
}
return null;
};
BDFDB.ColorUtils.getAlpha = function (color) {
var comp = BDFDB.ColorUtils.convert(color, "RGBCOMP");
if (comp) {
if (comp.length == 3) return 1;
else if (comp.length == 4) {
let a = comp[3].toString();
a = (a.indexOf("%") > -1 ? 0.01 : 1) * parseFloat(a.replace(/[^0-9\.\-]/g, ""));
return isNaN(a) || a > 1 ? 1 : a < 0 ? 0 : a;
}
}
return null;
};
BDFDB.ColorUtils.change = function (color, value, conv) {
value = parseFloat(value);
if (color != null && typeof value == "number" && !isNaN(value)) {
if (BDFDB.ObjectUtils.is(color)) {
var newcolor = {};
for (let pos in color) newcolor[pos] = BDFDB.ColorUtils.change(color[pos], value, conv);
return newcolor;
}
else {
var comp = BDFDB.ColorUtils.convert(color, "RGBCOMP");
if (comp) {
if (parseInt(value) !== value) {
value = value.toString();
value = (value.indexOf("%") > -1 ? 0.01 : 1) * parseFloat(value.replace(/[^0-9\.\-]/g, ""));
value = isNaN(value) ? 0 : value;
return BDFDB.ColorUtils.convert([Math.round(comp[0] * (1 + value)), Math.round(comp[1] * (1 + value)), Math.round(comp[2] * (1 + value))], conv || BDFDB.ColorUtils.getType(color));
}
else return BDFDB.ColorUtils.convert([Math.round(comp[0] + value), Math.round(comp[1] + value), Math.round(comp[2] + value)], conv || BDFDB.ColorUtils.getType(color));
}
}
}
return null;
};
BDFDB.ColorUtils.invert = function (color, conv) {
if (BDFDB.ObjectUtils.is(color)) {
var newcolor = {};
for (let pos in color) newcolor[pos] = BDFDB.ColorUtils.invert(color[pos], conv);
return newcolor;
}
else {
var comp = BDFDB.ColorUtils.convert(color, "RGBCOMP");
if (comp) return BDFDB.ColorUtils.convert([255 - comp[0], 255 - comp[1], 255 - comp[2]], conv || BDFDB.ColorUtils.getType(color));
}
return null;
};
BDFDB.ColorUtils.compare = function (color1, color2) {
if (color1 && color2) {
color1 = BDFDB.ColorUtils.convert(color1, "RGBA");
color2 = BDFDB.ColorUtils.convert(color2, "RGBA");
if (color1 && color2) return BDFDB.equals(color1, color2);
}
return null;
};
BDFDB.ColorUtils.isBright = function (color, compare = 160) {
color = BDFDB.ColorUtils.convert(color, "RGBCOMP");
if (!color) return false;
return parseInt(compare) < Math.sqrt(0.299 * color[0]**2 + 0.587 * color[1]**2 + 0.144 * color[2]**2);
};
BDFDB.ColorUtils.getType = function (color) {
if (color != null) {
if (typeof color === "object" && (color.length == 3 || color.length == 4)) {
if (isRGB(color)) return "RGBCOMP";
else if (isHSL(color)) return "HSLCOMP";
}
else if (typeof color === "string") {
if (/^#[a-f\d]{3}$|^#[a-f\d]{6}$/i.test(color)) return "HEX";
else if (/^#[a-f\d]{4}$|^#[a-f\d]{8}$/i.test(color)) return "HEXA";
else {
color = color.toUpperCase();
var comp = color.replace(/[^0-9\.\-\,\%]/g, "").split(",");
if (color.indexOf("RGB(") == 0 && comp.length == 3 && isRGB(comp)) return "RGB";
else if (color.indexOf("RGBA(") == 0 && comp.length == 4 && isRGB(comp)) return "RGBA";
else if (color.indexOf("HSL(") == 0 && comp.length == 3 && isHSL(comp)) return "HSL";
else if (color.indexOf("HSLA(") == 0 && comp.length == 4 && isHSL(comp)) return "HSLA";
}
}
else if (typeof color === "number" && parseInt(color) == color && color > -1 && color < 16777216) return "INT";
}
return null;
function isRGB(comp) {return comp.slice(0, 3).every(rgb => rgb.toString().indexOf("%") == -1 && parseFloat(rgb) == parseInt(rgb));};
function isHSL(comp) {return comp.slice(1, 3).every(hsl => hsl.toString().indexOf("%") == hsl.length - 1);};
};
BDFDB.ColorUtils.createGradient = function (colorobj, direction = "to right") {
var sortedgradient = {};
var gradientstring = "linear-gradient(" + direction;
for (let pos of Object.keys(colorobj).sort()) {
let color = BDFDB.ColorUtils.convert(colorobj[pos], "RGBA");
gradientstring += color ? `, ${color} ${pos*100}%` : ''
}
return gradientstring += ")";
};
BDFDB.ColorUtils.getSwatchColor = function (container, number) {
if (!Node.prototype.isPrototypeOf(container)) return;
let swatches = container.querySelector(`${BDFDB.dotCN.colorpickerswatches}[number="${number}"], ${BDFDB.dotCN.colorpickerswatch}[number="${number}"]`);
if (!swatches) return null;
return BDFDB.ColorUtils.convert(BDFDB.ReactUtils.findValue(BDFDB.ReactUtils.getInstance(swatches), "selectedColor", {up:true, blacklist:{"props":true}}));
};
BDFDB.DOMUtils = {};
BDFDB.DOMUtils.getSelection = function () {
let selection = document.getSelection();
return selection && selection.anchorNode ? selection.getRangeAt(0).toString() : "";
};
BDFDB.DOMUtils.addClass = function (eles, ...classes) {
if (!eles || !classes) return;
for (let ele of [eles].flat(10).filter(n => n)) {
if (Node.prototype.isPrototypeOf(ele)) add(ele);
else if (NodeList.prototype.isPrototypeOf(ele)) for (let e of ele) add(e);
else if (typeof ele == "string") for (let e of ele.split(",")) if (e && (e = e.trim())) for (let n of document.querySelectorAll(e)) add(n);
}
function add(node) {
if (node && node.classList) for (let cla of classes) for (let cl of [cla].flat(10).filter(n => n)) if (typeof cl == "string") for (let c of cl.split(" ")) if (c) node.classList.add(c);
}
};
BDFDB.DOMUtils.removeClass = function (eles, ...classes) {
if (!eles || !classes) return;
for (let ele of [eles].flat(10).filter(n => n)) {
if (Node.prototype.isPrototypeOf(ele)) remove(ele);
else if (NodeList.prototype.isPrototypeOf(ele)) for (let e of ele) remove(e);
else if (typeof ele == "string") for (let e of ele.split(",")) if (e && (e = e.trim())) for (let n of document.querySelectorAll(e)) remove(n);
}
function remove(node) {
if (node && node.classList) for (let cla of classes) for (let cl of [cla].flat(10).filter(n => n)) if (typeof cl == "string") for (let c of cl.split(" ")) if (c) node.classList.remove(c);
}
};
BDFDB.DOMUtils.toggleClass = function (eles, ...classes) {
if (!eles || !classes) return;
var force = classes.pop();
if (typeof force != "boolean") {
classes.push(force);
force = undefined;
}
if (!classes.length) return;
for (let ele of [eles].flat(10).filter(n => n)) {
if (!ele) {}
else if (Node.prototype.isPrototypeOf(ele)) toggle(ele);
else if (NodeList.prototype.isPrototypeOf(ele)) for (let e of ele) toggle(e);
else if (typeof ele == "string") for (let e of ele.split(",")) if (e && (e = e.trim())) for (let n of document.querySelectorAll(e)) toggle(n);
}
function toggle(node) {
if (node && node.classList) for (let cla of classes) for (let cl of [cla].flat(10).filter(n => n)) if (typeof cl == "string") for (let c of cl.split(" ")) if (c) node.classList.toggle(c, force);
}
};
BDFDB.DOMUtils.containsClass = function (eles, ...classes) {
if (!eles || !classes) return;
let all = classes.pop();
if (typeof all != "boolean") {
classes.push(all);
all = true;
}
if (!classes.length) return;
let contained = undefined;
for (let ele of BDFDB.ArrayUtils.is(eles) ? eles : Array.of(eles)) {
if (!ele) {}
else if (Node.prototype.isPrototypeOf(ele)) contains(ele);
else if (NodeList.prototype.isPrototypeOf(ele)) for (let e of ele) contains(e);
else if (typeof ele == "string") for (let c of ele.split(",")) if (c && (c = c.trim())) for (let n of document.querySelectorAll(c)) contains(n);
}
return contained;
function contains(node) {
if (node && node.classList) for (let cla of classes) if (typeof cla == "string") for (let c of cla.split(" ")) if (c) {
if (contained === undefined) contained = all;
if (all && !node.classList.contains(c)) contained = false;
if (!all && node.classList.contains(c)) contained = true;
}
}
};
BDFDB.DOMUtils.replaceClass = function (eles, oldclass, newclass) {
if (!eles || typeof oldclass != "string" || typeof newclass != "string") return;
for (let ele of [eles].flat(10).filter(n => n)) {
if (Node.prototype.isPrototypeOf(ele)) replace(ele);
else if (NodeList.prototype.isPrototypeOf(ele)) for (let e of ele) replace(e);
else if (typeof ele == "string") for (let e of ele.split(",")) if (e && (e = e.trim())) for (let n of document.querySelectorAll(e)) replace(n);
}
function replace(node) {
if (node && node.tagName && node.className) node.className = node.className.replace(new RegExp(oldclass, "g"), newclass).trim();
}
};
BDFDB.DOMUtils.formatClassName = function (...classes) {
return BDFDB.ArrayUtils.removeCopies(classes.flat(10).filter(n => n).join(" ").split(" ")).join(" ").trim();
};
BDFDB.DOMUtils.removeClassFromDOM = function (...classes) {
for (let c of classes.flat(10).filter(n => n)) if (typeof c == "string") for (let a of c.split(",")) if (a && (a = a.replace(/\.|\s/g, ""))) BDFDB.DOMUtils.removeClass(document.querySelectorAll("." + a), a);
};
BDFDB.DOMUtils.show = function (...eles) {
BDFDB.DOMUtils.toggle(...eles, true);
};
BDFDB.DOMUtils.hide = function (...eles) {
BDFDB.DOMUtils.toggle(...eles, false);
};
BDFDB.DOMUtils.toggle = function (...eles) {
if (!eles) return;
let force = eles.pop();
if (typeof force != "boolean") {
eles.push(force);
force = undefined;
}
if (!eles.length) return;
for (let ele of eles.flat(10).filter(n => n)) {
if (Node.prototype.isPrototypeOf(ele)) toggle(ele);
else if (NodeList.prototype.isPrototypeOf(ele)) for (let node of ele) toggle(node);
else if (typeof ele == "string") for (let c of ele.split(",")) if (c && (c = c.trim())) for (let node of document.querySelectorAll(c)) toggle(node);
}
function toggle(node) {
if (!node || !Node.prototype.isPrototypeOf(node)) return;
let hidden = force === undefined ? !BDFDB.DOMUtils.isHidden(node) : !force;
if (hidden) {
let display = node.style.getPropertyValue("display");
if (display && display != "none") node.BDFDBhideDisplayState = {
display: display,
important: (` ${node.style.cssText} `.split(` display: ${display}`)[1] || "").trim().indexOf("!important") == 0
};
node.style.setProperty("display", "none", "important");
}
else {
if (node.BDFDBhideDisplayState) {
node.style.setProperty("display", node.BDFDBhideDisplayState.display, node.BDFDBhideDisplayState.important ? "important" : "");
delete node.BDFDBhideDisplayState;
}
else node.style.removeProperty("display");
}
}
};
BDFDB.DOMUtils.isHidden = function (node) {
if (Node.prototype.isPrototypeOf(node) && node.nodeType != Node.TEXT_NODE) return getComputedStyle(node, null).getPropertyValue("display") == "none";
};
BDFDB.DOMUtils.remove = function (...eles) {
for (let ele of eles.flat(10).filter(n => n)) {
if (Node.prototype.isPrototypeOf(ele)) ele.remove();
else if (NodeList.prototype.isPrototypeOf(ele)) {
let nodes = Array.from(ele);
while (nodes.length) nodes.shift().remove();
}
else if (typeof ele == "string") for (let c of ele.split(",")) if (c && (c = c.trim())) {
let nodes = Array.from(document.querySelectorAll(c));
while (nodes.length) nodes.shift().remove();
}
}
};
BDFDB.DOMUtils.create = function (html) {
if (typeof html != "string" || !html.trim()) return null;
let template = document.createElement("template");
try {template.innerHTML = html.replace(/(?<!pre)>[\t\r\n]+<(?!pre)/g, "><");}
catch (err) {template.innerHTML = html.replace(/>[\t\r\n]+<(?!pre)/g, "><");}
if (template.content.childNodes.length == 1) return template.content.firstElementChild;
else {
let wrapper = document.createElement("span");
let nodes = Array.from(template.content.childNodes);
while (nodes.length) wrapper.appendChild(nodes.shift());
return wrapper;
}
};
BDFDB.DOMUtils.getParent = function (listOrSelector, node) {
let parent = null;
if (Node.prototype.isPrototypeOf(node) && listOrSelector) {
let list = NodeList.prototype.isPrototypeOf(listOrSelector) ? listOrSelector : typeof listOrSelector == "string" ? document.querySelectorAll(listOrSelector) : null;
if (list) for (let listNode of list) if (listNode.contains(node)) {
parent = listNode;
break;
}
}
return parent;
};
BDFDB.DOMUtils.setText = function (node, stringOrNode) {
if (!node || !Node.prototype.isPrototypeOf(node)) return;
let textnode = node.nodeType == Node.TEXT_NODE ? node : null;
if (!textnode) for (let child of node.childNodes) if (child.nodeType == Node.TEXT_NODE || BDFDB.DOMUtils.containsClass(child, "BDFDB-textnode")) {
textnode = child;
break;
}
if (textnode) {
if (Node.prototype.isPrototypeOf(stringOrNode) && stringOrNode.nodeType != Node.TEXT_NODE) {
BDFDB.DOMUtils.addClass(stringOrNode, "BDFDB-textnode");
node.replaceChild(stringOrNode, textnode);
}
else if (Node.prototype.isPrototypeOf(textnode) && textnode.nodeType != Node.TEXT_NODE) node.replaceChild(document.createTextNode(stringOrNode), textnode);
else textnode.textContent = stringOrNode;
}
else node.appendChild(Node.prototype.isPrototypeOf(stringOrNode) ? stringOrNode : document.createTextNode(stringOrNode));
};
BDFDB.DOMUtils.getText = function (node) {
if (!node || !Node.prototype.isPrototypeOf(node)) return;
for (let child of node.childNodes) if (child.nodeType == Node.TEXT_NODE) return child.textContent;
};
BDFDB.DOMUtils.getRects = function (node) {
let rects = {};
if (Node.prototype.isPrototypeOf(node) && node.nodeType != Node.TEXT_NODE) {
let hideNode = node;
while (hideNode) {
let hidden = BDFDB.DOMUtils.isHidden(hideNode);
if (hidden) {
BDFDB.DOMUtils.toggle(hideNode, true);
hideNode.BDFDBgetRectsHidden = true;
}
hideNode = hideNode.parentElement;
}
rects = node.getBoundingClientRect();
hideNode = node;
while (hideNode) {
if (hideNode.BDFDBgetRectsHidden) {
BDFDB.DOMUtils.toggle(hideNode, false);
delete hideNode.BDFDBgetRectsHidden;
}
hideNode = hideNode.parentElement;
}
}
return rects;
};
BDFDB.DOMUtils.getHeight = function (node) {
if (Node.prototype.isPrototypeOf(node) && node.nodeType != Node.TEXT_NODE) {
let rects = BDFDB.DOMUtils.getRects(node);
let style = getComputedStyle(node);
return rects.height + parseInt(style.marginTop) + parseInt(style.marginBottom);
}
return 0;
};
BDFDB.DOMUtils.getInnerHeight = function (node) {
if (Node.prototype.isPrototypeOf(node) && node.nodeType != Node.TEXT_NODE) {
let rects = BDFDB.DOMUtils.getRects(node);
let style = getComputedStyle(node);
return rects.height - parseInt(style.paddingTop) - parseInt(style.paddingBottom);
}
return 0;
};
BDFDB.DOMUtils.getWidth = function (node) {
if (Node.prototype.isPrototypeOf(node) && node.nodeType != Node.TEXT_NODE) {
let rects = BDFDB.DOMUtils.getRects(node);
let style = getComputedStyle(node);
return rects.width + parseInt(style.marginLeft) + parseInt(style.marginRight);
}
return 0;
};
BDFDB.DOMUtils.getInnerWidth = function (node) {
if (Node.prototype.isPrototypeOf(node) && node.nodeType != Node.TEXT_NODE) {
let rects = BDFDB.DOMUtils.getRects(node);
let style = getComputedStyle(node);
return rects.width - parseInt(style.paddingLeft) - parseInt(style.paddingRight);
}
return 0;
};
BDFDB.DOMUtils.appendWebScript = function (url, container) {
if (!container && !document.head.querySelector("bd-head bd-scripts")) document.head.appendChild(BDFDB.DOMUtils.create(`<bd-head><bd-scripts></bd-scripts></bd-head>`));
container = container || document.head.querySelector("bd-head bd-scripts") || document.head;
container = Node.prototype.isPrototypeOf(container) ? container : document.head;
BDFDB.DOMUtils.removeWebScript(url, container);
let script = document.createElement("script");
script.src = url;
container.appendChild(script);
};
BDFDB.DOMUtils.removeWebScript = function (url, container) {
container = container || document.head.querySelector("bd-head bd-scripts") || document.head;
container = Node.prototype.isPrototypeOf(container) ? container : document.head;
BDFDB.DOMUtils.remove(container.querySelectorAll(`script[src="${url}"]`));
};
BDFDB.DOMUtils.appendWebStyle = function (url, container) {
if (!container && !document.head.querySelector("bd-head bd-styles")) document.head.appendChild(BDFDB.DOMUtils.create(`<bd-head><bd-styles></bd-styles></bd-head>`));
container = container || document.head.querySelector("bd-head bd-styles") || document.head;
container = Node.prototype.isPrototypeOf(container) ? container : document.head;
BDFDB.DOMUtils.removeWebStyle(url, container);
container.appendChild(BDFDB.DOMUtils.create(`<link type="text/css" rel="Stylesheet" href="${url}"></link>`));
};
BDFDB.DOMUtils.removeWebStyle = function (url, container) {
container = container || document.head.querySelector("bd-head bd-styles") || document.head;
container = Node.prototype.isPrototypeOf(container) ? container : document.head;
BDFDB.DOMUtils.remove(container.querySelectorAll(`link[href="${url}"]`));
};
BDFDB.DOMUtils.appendLocalStyle = function (id, css, container) {
if (!container && !document.head.querySelector("bd-head bd-styles")) document.head.appendChild(BDFDB.DOMUtils.create(`<bd-head><bd-styles></bd-styles></bd-head>`));
container = container || document.head.querySelector("bd-head bd-styles") || document.head;
container = Node.prototype.isPrototypeOf(container) ? container : document.head;
BDFDB.DOMUtils.removeLocalStyle(id, container);
container.appendChild(BDFDB.DOMUtils.create(`<style id="${id}CSS">${css.replace(/\t|\r|\n/g,"")}</style>`));
};
BDFDB.DOMUtils.removeLocalStyle = function (id, container) {
container = container || document.head.querySelector("bd-head bd-styles") || document.head;
container = Node.prototype.isPrototypeOf(container) ? container : document.head;
BDFDB.DOMUtils.remove(container.querySelectorAll(`style[id="${id}CSS"]`));
};
BDFDB.ModalUtils = {};
BDFDB.ModalUtils.open = function (plugin, config) {
if (!BDFDB.ObjectUtils.is(plugin) || !BDFDB.ObjectUtils.is(config)) return;
let modal, modalInstance, modalProps, cancels = [], closeModal = _ => {
if (BDFDB.ObjectUtils.is(modalProps) && typeof modalProps.onClose == "function") modalProps.onClose();
};
let headerChildren = [], contentChildren = [], footerChildren = [];
if (typeof config.text == "string") {
contentChildren.push(BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.TextElement, {
children: config.text
}));
}
if (config.children) {
let tabBarItems = [];
for (let child of [config.children].flat(10).filter(n => n)) if (LibraryModules.React.isValidElement(child)) {
if (child.type == InternalComponents.LibraryComponents.ModalComponents.ModalTabContent) {
if (!tabBarItems.length) child.props.open = true;
else delete child.props.open;
tabBarItems.push({value:child.props.tab});
}
contentChildren.push(child);
}
if (tabBarItems.length) headerChildren.push(BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Flex, {
className: BDFDB.disCN.tabbarcontainer,
align: InternalComponents.LibraryComponents.Flex.Align.CENTER,
children: [
BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.TabBar, {
className: BDFDB.disCN.tabbar,
itemClassName: BDFDB.disCN.tabbaritem,
type: InternalComponents.LibraryComponents.TabBar.Types.TOP,
items: tabBarItems,
onItemSelect: (value, instance) => {
let tabContentInstances = BDFDB.ReactUtils.findOwner(modal, {name:"BDFDB_ModalTabContent", all:true, unlimited:true});
for (let ins of tabContentInstances) {
if (ins.props.tab == value) ins.props.open = true;
else delete ins.props.open;
}
BDFDB.ReactUtils.forceUpdate(tabContentInstances);
}
}),
config.tabBarChildren
].flat(10).filter(n => n)
}));
}
if (BDFDB.ArrayUtils.is(config.buttons)) for (let button of config.buttons) {
let contents = typeof button.contents == "string" && button.contents;
if (contents) {
let color = typeof button.color == "string" && InternalComponents.LibraryComponents.Button.Colors[button.color.toUpperCase()];
let look = typeof button.look == "string" && InternalComponents.LibraryComponents.Button.Looks[button.look.toUpperCase()];
let click = typeof button.click == "function" ? button.click : (typeof button.onClick == "function" ? button.onClick : _ => {});
if (button.cancel) cancels.push(click);
footerChildren.push(BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Button, BDFDB.ObjectUtils.exclude(Object.assign({}, button, {
look: look || (color ? InternalComponents.LibraryComponents.Button.Looks.FILLED : InternalComponents.LibraryComponents.Button.Looks.LINK),
color: color || InternalComponents.LibraryComponents.Button.Colors.PRIMARY,
onClick: _ => {
if (button.close) closeModal();
if (!(button.close && button.cancel)) click(modal, modalInstance);
},
children: contents
}), "click", "close", "cancel", "contents")));
}
}
contentChildren = contentChildren.concat(config.contentChildren).filter(n => n && (typeof n == "string" || BDFDB.ReactUtils.isValidElement(n)));
headerChildren = headerChildren.concat(config.headerChildren).filter(n => n && (typeof n == "string" || BDFDB.ReactUtils.isValidElement(n)));
footerChildren = footerChildren.concat(config.footerChildren).filter(n => n && (typeof n == "string" || BDFDB.ReactUtils.isValidElement(n)));
if (contentChildren.length) {
if (typeof config.onClose != "function") config.onClose = _ => {};
if (typeof config.onOpen != "function") config.onOpen = _ => {};
let name = plugin.name || (typeof plugin.getName == "function" ? plugin.getName() : null);
name = typeof name == "string" ? name : null;
let oldTransitionState = 0;
LibraryModules.ModalUtils.openModal(props => {
modalProps = props;
return BDFDB.ReactUtils.createElement(class BDFDB_Modal extends LibraryModules.React.Component {
render () {
return BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.ModalComponents.ModalRoot, {
className: BDFDB.DOMUtils.formatClassName(name && `${name}-modal`, BDFDB.disCN.modalwrapper, config.className),
size: typeof config.size == "string" && InternalComponents.LibraryComponents.ModalComponents.ModalSize[config.size.toUpperCase()] || InternalComponents.LibraryComponents.ModalComponents.ModalSize.SMALL,
transitionState: props.transitionState,
children: [
BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.ModalComponents.ModalHeader, {
className: BDFDB.DOMUtils.formatClassName(config.headerClassName, config.shade && BDFDB.disCN.modalheadershade, headerChildren.length && BDFDB.disCN.modalheaderhassibling),
separator: config.headerSeparator || false,
children: [
BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Flex.Child, {
children: [
BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.FormComponents.FormTitle, {
tag: InternalComponents.LibraryComponents.FormComponents.FormTitle.Tags.H4,
children: config.header
}),
BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.TextElement, {
size: InternalComponents.LibraryComponents.TextElement.Sizes.SIZE_12,
children: typeof config.subheader == "string" || BDFDB.ReactUtils.isValidElement(config.subheader) ? config.subheader : (name || "")
})
]
}),
BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.ModalComponents.ModalCloseButton, {
onClick: closeModal
})
]
}),
headerChildren.length ? BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Flex, {
grow: 0,
shrink: 0,
children: headerChildren
}) : null,
BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.ModalComponents.ModalContent, {
className: config.contentClassName,
scroller: config.scroller,
direction: config.direction,
content: config.content,
children: contentChildren
}),
footerChildren.length ? BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.ModalComponents.ModalFooter, {
className: config.footerClassName,
children: footerChildren
}) : null
]
});
}
componentDidMount () {
modalInstance = this;
modal = BDFDB.ReactUtils.findDOMNode(this);
modal = modal && modal.parentElement ? modal.parentElement.querySelector(BDFDB.dotCN.modalwrapper) : null;
if (modal && props.transitionState == 1 && props.transitionState > oldTransitionState) config.onOpen(modal, this);
oldTransitionState = props.transitionState;
}
componentWillUnmount () {
if (modal && props.transitionState == 3) {
for (let cancel of cancels) cancel(modal);
config.onClose(modal, this);
}
}
}, props, true);
}, {
onCloseRequest: closeModal
});
}
};
BDFDB.ModalUtils.confirm = function (plugin, text, callback) {
if (!BDFDB.ObjectUtils.is(plugin) || typeof text != "string") return;
BDFDB.ModalUtils.open(plugin, {text, header:"Are you sure?", className:BDFDB.disCN.modalconfirmmodal, scroller:false, buttons:[
{contents: BDFDB.LanguageUtils.LanguageStrings.OKAY, close:true, color:"RED", click:typeof callback == "function" ? callback : _ => {}},
{contents: BDFDB.LanguageUtils.LanguageStrings.CANCEL, close:true}
]});
};
const RealMenuItems = BDFDB.ModuleUtils.findByProperties("MenuItem", "MenuGroup");
BDFDB.ContextMenuUtils = {};
BDFDB.ContextMenuUtils.open = function (plugin, e, children) {
LibraryModules.ContextMenuUtils.openContextMenu(e, function (e) {
return BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Menu, {
navId: "bdfdb-context",
onClose: BDFDB.LibraryModules.ContextMenuUtils.closeContextMenu,
children: children
}, true);
});
};
BDFDB.ContextMenuUtils.close = function (nodeOrInstance) {
if (!BDFDB.ObjectUtils.is(nodeOrInstance)) return;
let instance = BDFDB.ReactUtils.findOwner(nodeOrInstance, {props:"closeContextMenu", up:true});
if (BDFDB.ObjectUtils.is(instance) && instance.props && typeof instance.props.closeContextMenu == "function") instance.props.closeContextMenu();
else BDFDB.LibraryModules.ContextMenuUtils.closeContextMenu();
};
BDFDB.ContextMenuUtils.createItem = function (component, props = {}) {
if (!component) return null;
else {
if (props.persisting || BDFDB.ObjectUtils.is(props.popoutProps) || (typeof props.color == "string" && !BDFDB.DiscordClasses[`menu${props.color.toLowerCase()}`])) component = InternalComponents.MenuItem;
if (BDFDB.ObjectUtils.toArray(RealMenuItems).some(c => c == component)) return BDFDB.ReactUtils.createElement(component, props);
else return BDFDB.ReactUtils.createElement(RealMenuItems.MenuItem, {
id: props.id,
disabled: props.disabled,
render: menuItemProps => {
if (!props.state) props.state = BDFDB.ObjectUtils.extract(props, "checked", "value");
return BDFDB.ReactUtils.createElement(InternalComponents.CustomMenuItemWrapper, {
disabled: props.disabled,
childProps: Object.assign({}, props, menuItemProps, {color: props.color}),
children: component
}, true);
}
});
}
};
BDFDB.ContextMenuUtils.createItemId = function (...strings) {
return strings.map(s => typeof s == "number" ? s.toString() : s).filter(s => typeof s == "string").map(s => s.toLowerCase().replace(/\s/, "-")).join("-");
};
BDFDB.ContextMenuUtils.findItem = function (returnvalue, config) {
if (!returnvalue || !BDFDB.ObjectUtils.is(config) || !config.label && !config.id) return [null, -1];
config.label = config.label && [config.label].flat().filter(n => n);
config.id = config.id && [config.id].flat().filter(n => n);
let contextMenu = BDFDB.ReactUtils.findChild(returnvalue, {props: "navId"});
if (contextMenu) {
for (let i in contextMenu.props.children) {
if (contextMenu.props.children[i] && contextMenu.props.children[i].type == RealMenuItems.MenuGroup) {
if (BDFDB.ArrayUtils.is(contextMenu.props.children[i].props.children)) {
for (let j in contextMenu.props.children[i].props.children) if (check(contextMenu.props.children[i].props.children[j])) {
if (config.group) return [contextMenu.props.children, parseInt(i)];
else return [contextMenu.props.children[i].props.children, parseInt(j)];
}
}
else if (contextMenu.props.children[i] && contextMenu.props.children[i].props) {
if (check(contextMenu.props.children[i].props.children)) {
if (config.group) return [contextMenu.props.children, parseInt(i)];
else {
contextMenu.props.children[i].props.children = [contextMenu.props.children[i].props.children];
return [contextMenu.props.children[i].props.children, 0];
}
}
else if (contextMenu.props.children[i].props.children && contextMenu.props.children[i].props.children.props && BDFDB.ArrayUtils.is(contextMenu.props.children[i].props.children.props.children)) {
for (let j in contextMenu.props.children[i].props.children.props.children) if (check(contextMenu.props.children[i].props.children.props.children[j])) {
if (config.group) return [contextMenu.props.children, parseInt(i)];
else return [contextMenu.props.children[i].props.children.props.children, parseInt(j)];
}
}
}
}
else if (check(contextMenu.props.children[i])) return [contextMenu.props.children, parseInt(i)];
}
return [contextMenu.props.children, -1];
}
return [null, -1];
function check (child) {
if (!child) return false;
let props = child.stateNode ? child.stateNode.props : child.props;
if (!props) return false;
return config.id && config.id.some(key => props.id == key) || config.label && config.label.some(key => props.label == key);
}
};
BDFDB.TimeUtils = {};
BDFDB.TimeUtils.interval = function (callback, delay, ...args) {
if (typeof callback != "function" || typeof delay != "number" || delay < 1) return;
else {
let count = 0, interval = setInterval(_ => {BDFDB.TimeUtils.suppress(callback, "Interval")(...[interval, count++, args].flat());}, delay);
return interval;
}
};
BDFDB.TimeUtils.timeout = function (callback, delay, ...args) {
delay = parseFloat(delay);
if (typeof callback != "function") return;
else if (isNaN(delay) || typeof delay != "number" || delay < 1) {
let immediate = setImmediate(_ => {BDFDB.TimeUtils.suppress(callback, "Immediate")(...[immediate, args].flat());});
return immediate;
}
else {
let timeout = setTimeout(_ => {BDFDB.TimeUtils.suppress(callback, "Timeout")(...[timeout, args].flat());}, delay);
return timeout;
}
};
BDFDB.TimeUtils.clear = function (...timeObjects) {
for (let t of timeObjects.flat(10).filter(n => n)) {
if (typeof t == "number") {
clearInterval(t);
clearTimeout(t);
}
else if (typeof t == "object") clearImmediate(t);
}
};
BDFDB.TimeUtils.suppress = function (callback, string, name) {return function (...args) {
try {return callback(...args);}
catch (err) {BDFDB.LogUtils.error((typeof string == "string" && string || "") + " " + err, name);}
}};
BDFDB.StringUtils = {};
BDFDB.StringUtils.htmlEscape = function (string) {
let ele = document.createElement("div");
ele.innerText = string;
return ele.innerHTML;
};
BDFDB.StringUtils.regEscape = function (string) {
return typeof string == "string" && string.replace(/([\-\/\\\^\$\*\+\?\.\(\)\|\[\]\{\}])/g, "\\$1");
};
BDFDB.StringUtils.insertNRST = function (string) {
return typeof string == "string" && string.replace(/\\r/g, "\r").replace(/\\n/g, "\n").replace(/\\t/g, "\t").replace(/\\s/g, " ");
};
BDFDB.StringUtils.highlight = function (string, searchstring, prefix = `<span class="${BDFDB.disCN.highlight}">`, suffix = `</span>`) {
if (typeof string != "string" || !searchstring || searchstring.length < 1) return string;
let offset = 0, original = string;
BDFDB.ArrayUtils.getAllIndexes(string.toUpperCase(), searchstring.toUpperCase()).forEach(index => {
let d1 = offset * (prefix.length + suffix.length);
index = index + d1;
let d2 = index + searchstring.length;
let d3 = [-1].concat(BDFDB.ArrayUtils.getAllIndexes(string.substring(0, index), "<"));
let d4 = [-1].concat(BDFDB.ArrayUtils.getAllIndexes(string.substring(0, index), ">"));
if (d3[d3.length - 1] > d4[d4.length - 1]) return;
string = string.substring(0, index) + prefix + string.substring(index, d2) + suffix + string.substring(d2);
offset++;
});
return string || original;
};
BDFDB.StringUtils.extractSelection = function (original, selection) {
if (typeof original != "string") return "";
if (typeof selection != "string") return original;
let s = [], f = [], wrong = 0, canceled = false, done = false;
for (let i of BDFDB.ArrayUtils.getAllIndexes(original, selection[0])) if (!done) {
while (i <= original.length && !done) {
let subSelection = selection.slice(s.filter(n => n != undefined).length);
if (!subSelection && s.length - 20 <= selection.length) done = true;
else for (let j in subSelection) if (!done && !canceled) {
if (original[i] == subSelection[j]) {
s[i] = subSelection[j];
f[i] = subSelection[j];
wrong = 0;
if (i == original.length) done = true;
}
else {
s[i] = null;
f[i] = original[i];
wrong++;
if (wrong > 4) {
s = [], f = [], wrong = 0, canceled = true;
break;
}
}
break;
}
canceled = false;
i++;
}
}
if (s.filter(n => n).length) {
let reverseS = [].concat(s).reverse(), i = 0, j = 0;
for (let k in s) {
if (s[k] == null) i = parseInt(k) + 1;
else break;
}
for (let k in reverseS) {
if (reverseS[k] == null) j = parseInt(k) + 1;
else break;
}
return f.slice(i, f.length - j).join("");
}
else return original;
};
BDFDB.SlateUtils = {};
BDFDB.SlateUtils.isRichValue = function (richValue) {
return BDFDB.ObjectUtils.is(richValue) && LibraryModules.SlateUtils.deserialize("").constructor.prototype.isPrototypeOf(richValue);
};
BDFDB.SlateUtils.copyRichValue = function (string, richValue) {
let newRichValue = LibraryModules.SlateUtils.deserialize(string);
if (BDFDB.SlateUtils.isRichValue(richValue) && richValue._map && richValue._map._root && BDFDB.ArrayUtils.is(richValue._map._root.entries)) {
for (let i in richValue._map._root.entries) if (richValue._map._root.entries[i][0] == "selection") {
newRichValue._map._root.entries[i] = richValue._map._root.entries[i];
break;
}
}
return newRichValue;
};
BDFDB.SlateUtils.hasOpenPlainTextCodeBlock = function (editor) {
let richValue = BDFDB.ReactUtils.getValue(editor, "props.richValue");
if (!BDFDB.SlateUtils.isRichValue(richValue)) return false;
let codeMatches = BDFDB.LibraryModules.SlateSelectionUtils.serializeSelection(richValue.document, {
start: {
key: richValue.document.getFirstText().key,
offset: 0
},
end: richValue.selection.start
}, "raw").match(/```/g);
return codeMatches && codeMatches.length && codeMatches.length % 2 != 0;
};
BDFDB.SlateUtils.getCurrentWord = function (editor) {
let richValue = BDFDB.ReactUtils.getValue(editor, "props.richValue");
if (!BDFDB.SlateUtils.isRichValue(richValue) || !richValue.selection.isCollapsed || BDFDB.SlateUtils.hasOpenPlainTextCodeBlock(editor) || richValue.document.text.trim().length == 0) return {word: null, isAtStart: false};
if (editor.props.useSlate) {
if (richValue.document.text.startsWith("/giphy ") || richValue.document.text.startsWith("/tenor ")) {
let node = richValue.document.getNode(richValue.selection.start.key);
if (node) return {
word: node.text.substring(0, richValue.selection.start.offset),
isAtStart: true
}
}
let node = richValue.document.getNode(richValue.selection.start.key);
if (node == null) return {
word: null,
isAtStart: false
};
let word = "", atStart = false;
let offset = richValue.selection.start.offset;
let block = richValue.document.getClosestBlock(node.key);
while (true) {
if (--offset < 0) {
if ((node = block.getPreviousNode(node.key) == null)) {
atStart = true;
break;
}
if (node.object!== "text") break;
offset = node.text.length - 1;
}
if (node.object !== "text") break;
let prefix = node.text[offset];
if (/(\t|\s)/.test(prefix)) break;
word = prefix + word;
}
return {
word: !word ? null : word,
isAtStart: atStart && block.type == "line" && richValue.document.nodes.get(0) === block
};
}
else {
let textarea = BDFDB.ReactUtils.findDOMNode(editor.ref.current);
if (!Node.prototype.isPrototypeOf(textarea) || textarea.tagName != "TEXTAREA" || !textarea.value.length || /\s/.test(textarea.value.slice(textarea.selectionStart, textarea.selectionEnd))) return {
word: null,
isAtStart: true
};
else {
if (textarea.selectionEnd == textarea.value.length) {
let words = textarea.value.split(/\s/).reverse();
return {
word: !words[0] ? null : words[0],
isAtStart: words.length > 1
};
}
else {
let chars = textarea.value.split(""), word = "", currentWord = "", isCurrentWord = false, isAtStart = true;
for (let i in chars) {
if (i == textarea.selectionStart) isCurrentWord = true;
if (/\s/.test(chars[i])) {
word = "";
isAtStart = currentWord.length > 0 && isAtStart || false;
isCurrentWord = false;
}
else {
word += chars[i];
if (isCurrentWord) currentWord = word;
}
}
return {
word: !currentWord ? null : currentWord,
isAtStart: isAtStart
};
}
}
}
};
BDFDB.NumberUtils = {};
BDFDB.NumberUtils.formatBytes = function (bytes, sigDigits) {
bytes = parseInt(bytes);
if (isNaN(bytes) || bytes < 0) return "0 Bytes";
if (bytes == 1) return "1 Byte";
let size = Math.floor(Math.log(bytes) / Math.log(1024));
return parseFloat((bytes / Math.pow(1024, size)).toFixed(sigDigits < 1 ? 0 : sigDigits > 20 ? 20 : sigDigits || 2)) + " " + ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"][size];
};
BDFDB.NumberUtils.mapRange = function (from, to, value) {
if (parseFloat(value) < parseFloat(from[0])) return parseFloat(to[0]);
else if (parseFloat(value) > parseFloat(from[1])) return parseFloat(to[1]);
else return parseFloat(to[0]) + (parseFloat(value) - parseFloat(from[0])) * (parseFloat(to[1]) - parseFloat(to[0])) / (parseFloat(from[1]) - parseFloat(from[0]));
};
BDFDB.NumberUtils.generateId = function (array) {
array = BDFDB.ArrayUtils.is(array) ? array : [];
let id = Math.floor(Math.random() * 10000000000000000);
if (array.includes(id)) return BDFDB.NumberUtils.generateId(array);
else {
array.push(id);
return id;
}
};
BDFDB.NumberUtils.compareVersions = function (newv, oldv) {
if (!newv || !oldv) return true;
newv = newv.toString().replace(/["'`]/g, "").split(/,|\./g).map(n => parseInt(n)).filter(n => (n || n == 0) && !isNaN(n));
oldv = oldv.toString().replace(/["'`]/g, "").split(/,|\./g).map(n => parseInt(n)).filter(n => (n || n == 0) && !isNaN(n));
var length = Math.max(newv.length, oldv.length);
if (!length) return true;
if (newv.length > oldv.length) {
var temparray = new Array(newv.length - oldv.length);
for (let i = 0; i < temparray.length; i++) temparray[i] = 0;
oldv = temparray.concat(oldv);
}
else if (newv.length < oldv.length) {
var temparray = new Array(oldv.length - newv.length);
for (let i = 0; i < temparray.length; i++) temparray[i] = 0;
newv = temparray.concat(newv);
}
for (let i = 0; i < length; i++) for (let ioutdated = false, j = 0; j <= i; j++) {
if (j == i && newv[j] < oldv[j]) return false;
if (j < i) ioutdated = newv[j] == oldv[j];
if ((j == 0 || ioutdated) && j == i && newv[j] > oldv[j]) return true;
}
return false;
};
BDFDB.NumberUtils.getVersionDifference = function (newv, oldv) {
if (!newv || !oldv) return false;
newv = newv.toString().replace(/["'`]/g, "").split(/,|\./g).map(n => parseInt(n)).filter(n => (n || n == 0) && !isNaN(n));
oldv = oldv.toString().replace(/["'`]/g, "").split(/,|\./g).map(n => parseInt(n)).filter(n => (n || n == 0) && !isNaN(n));
var length = Math.max(newv.length, oldv.length);
if (!length) return false;
if (newv.length > oldv.length) {
var temparray = new Array(newv.length - oldv.length);
for (let i = 0; i < temparray.length; i++) temparray[i] = 0;
oldv = temparray.concat(oldv);
}
else if (newv.length < oldv.length) {
var temparray = new Array(oldv.length - newv.length);
for (let i = 0; i < temparray.length; i++) temparray[i] = 0;
newv = temparray.concat(newv);
}
var oldvvalue = 0, newvvalue = 0;
for (let i in oldv.reverse()) oldvvalue += (oldv[i] * (10 ** i));
for (let i in newv.reverse()) newvvalue += (newv[i] * (10 ** i));
return (newvvalue - oldvvalue) / (10 ** (length-1));
};
BDFDB.DiscordUtils = {};
BDFDB.DiscordUtils.openLink = function (url, inbuilt, minimized) {
if (!inbuilt) window.open(url, "_blank");
else {
let browserWindow = new LibraryRequires.electron.remote.BrowserWindow({
frame: true,
resizeable: true,
show: true,
darkTheme: BDFDB.DiscordUtils.getTheme() == BDFDB.disCN.themedark,
webPreferences: {
nodeIntegration: false,
nodeIntegrationInWorker: false
}
});
browserWindow.setMenu(null);
browserWindow.loadURL(url);
if (minimized) browserWindow.minimize(null);
}
};
BDFDB.DiscordUtils.getFolder = function () {
var built = BDFDB.DiscordUtils.getBuilt();
built = "discord" + (built == "stable" ? "" : built);
return LibraryRequires.path.resolve(LibraryRequires.electron.remote.app.getPath("appData"), built, BDFDB.DiscordUtils.getVersion());
};
BDFDB.DiscordUtils.getBuilt = function () {
if (BDFDB.DiscordUtils.getBuilt.built) return BDFDB.DiscordUtils.getBuilt.built;
else {
var built = null;
try {built = require(LibraryRequires.electron.remote.app.getAppPath() + "/build_info.json").releaseChannel.toLowerCase();}
catch (err) {
try {built = require(LibraryRequires.electron.remote.app.getAppPath().replace("\app.asar", "") + "/build_info.json").releaseChannel.toLowerCase();}
catch (err) {
var version = BDFDB.DiscordUtils.getVersion();
if (version) {
version = version.split(".");
if (version.length == 3 && !isNaN(version = parseInt(version[2]))) built = version > 300 ? "stable" : da > 200 ? "canary" : "ptb";
else built = "stable";
}
else built = "stable";
}
}
BDFDB.DiscordUtils.getBuilt.built = built;
return built;
}
};
BDFDB.DiscordUtils.getVersion = function () {
if (BDFDB.DiscordUtils.getBuilt.version) return BDFDB.DiscordUtils.getBuilt.version;
else {
let version = null;
try {version = LibraryRequires.electron.remote.app.getVersion();}
catch (err) {version = "";}
BDFDB.DiscordUtils.getBuilt.version = version;
return version;
}
};
BDFDB.DiscordUtils.isDevModeEnabled = function () {
return LibraryModules.StoreChangeUtils.get("UserSettingsStore").developerMode;
};
BDFDB.DiscordUtils.getTheme = function () {
return LibraryModules.StoreChangeUtils.get("UserSettingsStore").theme == "dark" ? BDFDB.disCN.themedark : BDFDB.disCN.themelight;
};
BDFDB.DiscordUtils.getMode = function () {
return LibraryModules.StoreChangeUtils.get("UserSettingsStore").message_display_compact ? "compact" : "cozy";
};
BDFDB.DiscordUtils.getZoomFactor = function () {
let aRects = BDFDB.DOMUtils.getRects(document.querySelector(BDFDB.dotCN.appmount));
let widthZoom = Math.round(100 * window.outerWidth / aRects.width);
let heightZoom = Math.round(100 * window.outerHeight / aRects.height);
return widthZoom < heightZoom ? widthZoom : heightZoom;
};
BDFDB.DiscordUtils.getFontScale = function () {
return parseInt(document.firstElementChild.style.fontSize.replace("%", ""));
};
BDFDB.DiscordUtils.shake = function () {
BDFDB.ReactUtils.getInstance(document.querySelector(BDFDB.dotCN.appold)).return.stateNode.shake();
};
BDFDB.WindowUtils = {};
BDFDB.WindowUtils.open = function (plugin, url, options = {}) {
plugin = plugin == BDFDB && InternalBDFDB || plugin;
if (!BDFDB.ObjectUtils.is(plugin) || !url) return;
if (!BDFDB.ArrayUtils.is(plugin.browserWindows)) plugin.browserWindows = [];
let config = Object.assign({
show: false,
webPreferences: {
nodeIntegration: true,
nodeIntegrationInWorker: true
}
}, options);
let browserWindow = new LibraryRequires.electron.remote.BrowserWindow(BDFDB.ObjectUtils.exclude(config, "showOnReady", "onLoad"));
if (!config.show && config.showOnReady) browserWindow.once("ready-to-show", browserWindow.show);
if (config.devTools) browserWindow.openDevTools();
if (typeof config.onLoad == "function") browserWindow.webContents.on("did-finish-load", (...args) => {config.onLoad(...args);});
if (typeof config.onClose == "function") browserWindow.once("closed", (...args) => {config.onClose(...args);});
if (typeof browserWindow.removeMenu == "function") browserWindow.removeMenu();
else browserWindow.setMenu(null);
browserWindow.loadURL(url);
browserWindow.executeJavaScriptSafe = js => {if (!browserWindow.isDestroyed()) browserWindow.webContents.executeJavaScript(`(_ => {${js}})();`);};
plugin.browserWindows.push(browserWindow);
return browserWindow;
};
BDFDB.WindowUtils.close = function (browserWindow) {
if (BDFDB.ObjectUtils.is(browserWindow) && !browserWindow.isDestroyed() && browserWindow.isClosable()) browserWindow.close();
};
BDFDB.WindowUtils.closeAll = function (plugin) {
plugin = plugin == BDFDB && InternalBDFDB || plugin;
if (BDFDB.ObjectUtils.is(plugin) && BDFDB.ArrayUtils.is(plugin.browserWindows)) while (plugin.browserWindows.length) BDFDB.WindowUtils.close(plugin.browserWindows.pop());
};
BDFDB.WindowUtils.addListener = function (plugin, actions, callback) {
plugin = plugin == BDFDB && InternalBDFDB || plugin;
if (!BDFDB.ObjectUtils.is(plugin) || !actions || typeof callback != "function") return;
BDFDB.WindowUtils.removeListener(plugin, actions);
for (let action of actions.split(" ")) {
action = action.split(".");
let eventName = action.shift();
if (!eventName) return;
let namespace = (action.join(".") || "") + plugin.name;
if (!BDFDB.ArrayUtils.is(plugin.ipcListeners)) plugin.ipcListeners = [];
plugin.ipcListeners.push({eventName, namespace, callback});
LibraryRequires.electron.ipcRenderer.on(eventName, callback);
}
};
BDFDB.WindowUtils.removeListener = function (plugin, actions = "") {
plugin = plugin == BDFDB && InternalBDFDB || plugin;
if (!BDFDB.ObjectUtils.is(plugin) || !BDFDB.ArrayUtils.is(plugin.ipcListeners)) return;
if (actions) {
for (let action of actions.split(" ")) {
action = action.split(".");
let eventName = action.shift();
let namespace = (action.join(".") || "") + plugin.name;
for (let listener of plugin.ipcListeners) {
let removedListeners = [];
if (listener.eventName == eventName && listener.namespace == namespace) {
LibraryRequires.electron.ipcRenderer.off(listener.eventName, listener.callback);
removedListeners.push(listener);
}
if (removedListeners.length) plugin.ipcListeners = plugin.ipcListeners.filter(listener => {return removedListeners.indexOf(listener) < 0;});
}
}
}
else {
for (let listener of plugin.ipcListeners) LibraryRequires.electron.ipcRenderer.off(listener.eventName, listener.callback);
plugin.ipcListeners = [];
}
};
BDFDB.BDUtils = {};
BDFDB.BDUtils.getPluginsFolder = function () {
if (LibraryRequires.process.env.injDir) return LibraryRequires.path.resolve(LibraryRequires.process.env.injDir, "plugins/");
else switch (LibraryRequires.process.platform) {
case "win32":
return LibraryRequires.path.resolve(LibraryRequires.process.env.appdata, "BetterDiscord/plugins/");
case "darwin":
return LibraryRequires.path.resolve(LibraryRequires.process.env.HOME, "Library/Preferences/BetterDiscord/plugins/");
default:
if (LibraryRequires.process.env.XDG_CONFIG_HOME) return LibraryRequires.path.resolve(LibraryRequires.process.env.XDG_CONFIG_HOME, "BetterDiscord/plugins/");
else return LibraryRequires.path.resolve(LibraryRequires.process.env.HOME, ".config/BetterDiscord/plugins/");
}
};
BDFDB.BDUtils.getThemesFolder = function () {
if (LibraryRequires.process.env.injDir) return LibraryRequires.path.resolve(LibraryRequires.process.env.injDir, "plugins/");
else switch (LibraryRequires.process.platform) {
case "win32":
return LibraryRequires.path.resolve(LibraryRequires.process.env.appdata, "BetterDiscord/themes/");
case "darwin":
return LibraryRequires.path.resolve(LibraryRequires.process.env.HOME, "Library/Preferences/BetterDiscord/themes/");
default:
if (LibraryRequires.process.env.XDG_CONFIG_HOME) return LibraryRequires.path.resolve(LibraryRequires.process.env.XDG_CONFIG_HOME, "BetterDiscord/themes/");
else return LibraryRequires.path.resolve(LibraryRequires.process.env.HOME, ".config/BetterDiscord/themes/");
}
};
BDFDB.BDUtils.isPluginEnabled = function (pluginName) {
if (!window.BdApi) return null;
else if (BdApi.Plugins && typeof BdApi.Plugins.isEnabled == "function") return BdApi.Plugins.isEnabled(pluginName);
else if (typeof BdApi.isPluginEnabled == "function") return BdApi.isPluginEnabled(pluginName);
};
BDFDB.BDUtils.enablePlugin = function (pluginName) {
if (!window.BdApi) return;
else if (BdApi.Plugins && typeof BdApi.Plugins.enable == "function") BdApi.Plugins.enable(pluginName);
else if (window.pluginModule) window.pluginModule.startPlugin(pluginName);
};
BDFDB.BDUtils.disablePlugin = function (pluginName) {
if (!window.BdApi) return;
else if (BdApi.Plugins && typeof BdApi.Plugins.disable == "function") BdApi.Plugins.disable(pluginName);
else if (window.pluginModule) window.pluginModule.stopPlugin(pluginName);
};
BDFDB.BDUtils.getPlugin = function (pluginName, hasToBeEnabled = false, overHead = false) {
if (window.BdApi && !hasToBeEnabled || BDFDB.BDUtils.isPluginEnabled(pluginName)) {
if (BdApi.Plugins.get && typeof BdApi.Plugins.get == "function") {
let plugin = BdApi.Plugins.get(pluginName);
if (overHead) return plugin ? {filename: LibraryRequires.fs.existsSync(LibraryRequires.path.join(BDFDB.BDUtils.getPluginsFolder(), `${pluginName}.plugin.js`)) ? `${pluginName}.plugin.js` : null, id: pluginName, name: pluginName, plugin: plugin} : null;
else return plugin;
}
else if (window.bdplugins) overHead ? window.bdplugins[pluginName] : (window.bdplugins[pluginName] || {}).plugin;
}
return null;
};
BDFDB.BDUtils.isThemeEnabled = function (themeName) {
if (!window.BdApi) return null;
else if (BdApi.Themes && typeof BdApi.Themes.isEnabled == "function") return BdApi.Themes.isEnabled(themeName);
else if (typeof BdApi.isThemeEnabled == "function") return BdApi.isThemeEnabled(themeName);
};
BDFDB.BDUtils.enableTheme = function (themeName) {
if (!window.BdApi) return;
else if (BdApi.Themes && typeof BdApi.Themes.enable == "function") BdApi.Themes.enable(themeName);
else if (window.themeModule) window.themeModule.enableTheme(themeName);
};
BDFDB.BDUtils.disableTheme = function (themeName) {
if (!window.BdApi) return;
else if (BdApi.Themes && typeof BdApi.Themes.disable == "function") BdApi.Themes.disable(themeName);
else if (window.themeModule) window.themeModule.disableTheme(themeName);
};
BDFDB.BDUtils.getTheme = function (themeName, hasToBeEnabled = false) {
if (window.BdApi && !hasToBeEnabled || BDFDB.BDUtils.isThemeEnabled(themeName)) {
if (BdApi.Themes && typeof BdApi.Themes.get == "function") return BdApi.Themes.get(themeName);
else if (window.bdthemes) window.bdthemes[themeName];
}
return null;
};
let oldSettings = window.BdApi && !BDFDB.ArrayUtils.is(BdApi.settings);
BDFDB.BDUtils.settingsIds = oldSettings ? {
automaticLoading: "fork-ps-5",
coloredText: "bda-gs-7",
normalizedClasses: "fork-ps-4",
showToasts: "fork-ps-2"
} : {
automaticLoading: "settings.addons.autoReload",
coloredText: "settings.appearance.coloredText",
normalizedClasses: "settings.general.classNormalizer",
showToasts: "settings.general.showToasts"
};
BDFDB.BDUtils.toggleSettings = function (key, state) {
if (window.BdApi && typeof key == "string") {
let path = key.split(".");
let currentState = BDFDB.BDUtils.getSettings(key);
if (state === true) {
if (currentState === false) BdApi.enableSetting(...path);
}
else if (state === false) {
if (currentState === true) BdApi.disableSetting(...path);
}
else if (currentState === true || currentState === false) BDFDB.BDUtils.toggleSettings(key, !currentState);
}
};
BDFDB.BDUtils.getSettings = function (key) {
if (!window.BdApi) return {};
if (typeof key == "string") return BdApi.isSettingEnabled(...key.split("."));
else return oldSettings ? BDFDB.ReactUtils.getValue(BdApi.getBDData("settings"), `${BDFDB.DiscordUtils.getBuilt()}.settings`) : BdApi.settings.map(n => n.settings.map(m => m.settings.map(l => ({id: [n.id, m.id, l.id].join("."), value:l.value})))).flat(10).reduce((newObj, setting) => (newObj[setting.id] = setting.value, newObj), {});
};
var DiscordClassModules = {};
DiscordClassModules.BDFDB = {
BDFDBundefined: "BDFDB_undefined",
avatarDisabled: "disabled-6G33EE",
badge: "badge-7R_W3s",
badgeAvatar: "avatar-hF52Er",
bdaRepoEntry: "entry-9JnAPs",
bdaRepoListHeader: "repoHeader-2KfNvH",
bdaRepoListWrapper: "repoList-9JnAPs",
cardInner: "inner-OP_8zd",
cardWrapper: "card-rT4Wbb",
charCounter: "counter-uAzbKp",
changeLogModal: "changeLogModal-ny_dHC",
collapseContainer: "container-fAVkOf",
collapseContainerArrow: "arrow-uglXxc",
collapseContainerCollapsed: "collapsed-2BUBZm",
collapseContainerHeader: "header-2s6x-5",
collapseContainerInner: "inner-TkGytd",
collapseContainerMini: "container-fAVkOf containerMini-_k6Rts",
collapseContainerTitle: "title-ROsJi-",
colorPicker: "colorPicker-h5sF8g",
colorPickerAlpha: "alpha-VcPGeR",
colorPickerAlphaCheckered: "alpha-checkered",
colorPickerAlphaCursor: "alpha-cursor",
colorPickerAlphaHorizontal: "alpha-horizontal",
colorPickerGradient: "gradient-TJOYTr",
colorPickerGradientCheckered: "gradient-checkered",
colorPickerGradientCursor: "gradient-cursor",
colorPickerGradientCursorEdge: "gradient-cursor-edge",
colorPickerGradientCursorSelected: "gradient-cursor-selected",
colorPickerGradientHorizontal: "gradient-horizontal",
colorPickerGradientButton: "gradientButton-eBBuwD",
colorPickerGradientButtonEnabled: "enabled-MypHME",
colorPickerSwatches: "swatches-QxZw_N",
colorPickerSwatchesDisabled: "disabled-2JgNxl",
colorPickerSwatchSelected: "selected-f5IVXN",
colorPickerSwatchSingle: "single-Fbb1wB",
colorPickerSwatchSingleWrapper: "swatch-7FsRaa",
confirmModal: "confirmModal-t-WDWJ",
dev: "dev-A7f2Rx",
favButtonContainer: "favbutton-8Fzu45",
guild: "guild-r3yAE_",
guildLowerLeftBadge: "lowerLeftBadge-zr4T_9",
guildsLabel: "label-2wRs_g",
guildSummaryClickableIcon: "clickableIcon-7I6aVc",
guildSummaryContainer: "container-5VyO4t",
guildSummaryEmptyGuild: "emptyGuild-Am9XfC",
guildSummaryIcon: "icon-r6DlKo",
guildSummaryIconContainer: "iconContainer-IBAtWs",
guildSummaryIconContainerMasked: "iconContainerMasked-G-akdf iconContainer-IBAtWs",
guildSummaryMoreGuilds: "moreGuilds-c5JVlC",
guildSummarySvgIcon: "icon-5TsFrr",
guildUpperLeftBadge: "upperLeftBadge-e35IpL",
hasBadge: "hasBadge-4rT8_u",
hotkeyResetButton: "resetButton-hI9Ax7",
hotkeyWrapper: "recorder-can0vx",
inputNumberButton: "button-J9muv5",
inputNumberButtonDown: "down-cOY7Qp button-J9muv5",
inputNumberButtonUp: "up-mUs_72 button-J9muv5",
inputNumberButtons: "buttons-our3p-",
inputNumberWrapper: "numberInputWrapper-j4svZS",
inputNumberWrapperDefault: "numberInputWrapperDefault-gRxcuK numberInputWrapper-j4svZS",
inputNumberWrapperMini: "numberInputWrapperMini-wtUU31 numberInputWrapper-j4svZS",
listRow: "listRow-7SfZww",
loadingIcon: "loadingIcon-cOYMPl",
loadingIconWrapper: "loadingIconWrapper-PsVJ9m",
overflowEllipsis: "ellipsis-qlo9sA",
paginationList: "list-PIKebU",
paginationListAlphabet: "alphabet-2ANo0x",
paginationListAlphabetChar: "alphabetChar-bq-8Go",
paginationListAlphabetCharDisabled: "disabled-XmhCq2",
paginationListContent: "listContent-aG3Fq8",
paginationListMini: "mini-GMiniS",
paginationListPagination: "pagination-ko4zZk",
popoutWrapper: "popout-xwjvsX",
quickSelectWrapper: "quickSelectWrapper-UCfTKz",
menuColorCustom: "colorCustom-44asd2",
menuItemHint: "hint-BK71lM",
modalHeaderShade: "shade-h6F4sT",
modalHeaderHasSibling: "hasSiblings-fRyjyl",
modalNoScroller: "noScroller-YgPpF3",
modalSidebar: "sidebar-_0OpfR",
modalTabContent: "tabContent-nZ-1U5",
modalTabContentOpen: "open-yICTYu",
modalSubInner: "inner-t84Frz",
modalWrapper: "modal-6GHvdM",
noticeWrapper: "noticeWrapper-8z511t",
searchBarWrapper: "searchBarWrapper-1GpKvB",
selectWrapper: "selectWrapper-yPjeij",
settingsGuild: "guild-J3Egt5",
settingsGuildDisabled: "disabled-b2o83O",
settingsPanel: "settingsPanel-w2ySNR",
settingsPanelHeader: "settingsHeader-7g994w",
settingsPanelHeaderButton: "button-ff4a_z",
settingsPanelHeaderControls: "controls-g2WW5_",
settingsPanelInner: "settingsInner-zw1xAY",
settingsPanelList: "settingsList-eZjkXj",
settingsPanelTitle: "title-GTF_8J",
settingsTableCard: "settingsTableCard-628t52",
settingsTableCardConfigs: "settingsTableCardConfigs-w5X9-Z",
settingsTableCardLabel: "settingsTableCardLabel-MElgIg",
settingsTableHeaders: "settingsTableHeaders-WKzw9_",
settingsTableHeaderVertical: "headerVertical-4MNxqk",
settingsTableList: "settingsTableList-f6sW2y",
sidebar: "sidebar-frSZx3",
sidebarContent: "content-1SbgDG",
sidebarList: "list-VCoBc2",
sliderBubble: "bubble-3we2di",
supporter: "supporter-Z3FfwL",
supporterCustom: "customSupporter-thxL4U",
svgIcon: "icon-GhnIRB",
svgIconWrapper: "iconWrapper-g20jFn",
tabBarContainerBottom: "bottom-b8sdfs",
table: "table-moqjM0",
tableBodyCell: "bodyCell-dQam9V",
tableHeaderCell: "headerCell-T6Fo3K",
textScroller: "textScroller-dc9_kz",
themedPopout: "themedPopout-1TrfdI",
tooltipCustom: "tooltipCustom-hH39_Z",
tooltipRowExtra: "extraRow-6F2Dss",
userInfoDate: "date-YN6TCS"
};
DiscordClassModules.BDrepo = {
bdAddonCard: "bd-addon-card",
bdButton: "bd-button",
bdaAuthor: "bd-author author bda-author",
bdaControls: "bd-controls bd-addon-controls bda-controls",
bdaControlsButton: "bd-addon-button",
bdaDescription: "bd-scroller bd-description bd-addon-description bda-description scroller",
bdaDescriptionWrap: "bd-scroller-wrap bd-description-wrap bda-description-wrap scroller-wrap fade",
bdaFooter: "bd-footer bd-card-footer bda-footer",
bdaHeader: "bd-addon-header bda-header",
bdaHeaderTitle: "bd-title bd-card-title bda-header-title",
bdaLink: "bd-link bda-link",
bdaLinks: "bd-links bd-addon-links bda-links",
bdaName: "bd-name name bda-name",
bdaSettingsButton: "bd-button bd-button-addon-settings bd-settings-button bda-settings-button",
bdaSlist: "bda-slist bd-addon-list",
bdaVersion: "bd-version version bda-version",
bdGuild: "bd-guild",
bdGuildAnimatable: "bd-animatable",
bdGuildAudio: "bd-audio",
bdGuildSelected: "bd-selected",
bdGuildSeparator: "bd-guild-separator",
bdGuildUnread: "bd-unread",
bdGuildVideo: "bd-video",
bdIcon: "bd-icon",
bdPillSelected: "bd-selected",
bdPillUnread: "bd-unread",
bdPfbtn: "bd-pfbtn",
bdSwitch: "bd-switch",
bdSwitchChecked: "bd-switch-checked",
bdSwitchInner: "bd-checkbox",
bdUpdatebtn: "bd-updatebtn",
settings: "plugin-settings",
settingsOpen: "settings-open",
settingsClosed: "settings-closed",
switch: "ui-switch",
switchCheckbox: "ui-switch-checkbox",
switchChecked: "checked",
switchItem: "ui-switch-item",
switchWrapper: "ui-switch-wrapper"
};
DiscordClassModules.BadgesEverywhere = {
badge: "badge-7CsdQq",
badges: "badges-XRnWAp",
badgesChat: "badgesChat-f_cbR8",
badgesInner: "inner-dA0J42",
badgesList: "badgesList-Aw_p52",
badgesPopout: "badgesPopout-srZ8EX",
badgesSettings: "badgesSettings-ychoGn",
indicator: "indicator-cY1-b4",
indicatorInner: "indicatorInner-08W8Jl",
mini: "mini-g-JPgX",
size17: "size17-2GsONg",
size21: "size21-Y634b3",
size22: "size22-AJj9xV",
size24: "size24-NlR6be"
};
DiscordClassModules.BetterFriendList = {
mutualGuilds: "mutualGuilds-s7F2aa",
nameCell: "nameCell-7F4sRs",
title: "title-3aDrFs"
},
DiscordClassModules.BetterNsfwTag = {
nsfwTag: "nsfwTag-666omg"
};
DiscordClassModules.ChatFilter = {
blocked: "blocked-jUhayi",
blockedStamp: "blockedStamp-ijVeNn",
censored: "censored-UYfeYg",
censoredStamp: "censoredStamp-fb2cYb"
};
DiscordClassModules.CharCounter = {
charCounter: "charCounter-7fw40k",
chatCounter: "chatCounter-XOMPsh",
counterAdded: "charCounterAdded-zz9O4t",
customStatusCounter: "customStatusCounter-G8FrsT",
editCounter: "editCounter-pNT1Xe",
nickCounter: "nickCounter-tJrO_4",
popoutNoteCounter: "popoutNoteCounter-62U4Rh",
profileNoteCounter: "profileNoteCounter-p0fWA_",
uploadCounter: "uploadCounter-iEGQQk"
};
DiscordClassModules.CreationDate = {
date: "creationDate-CJwdKT"
};
DiscordClassModules.DisplayLargeMessages = {
injectButton: "injectButton-8eKqGu"
};
DiscordClassModules.DisplayServersAsChannels = {
badge: "badge-fxFrUP",
name: "name-z5133D",
styled: "styledGuildsAsChannels-DNHtg_"
};
DiscordClassModules.EmojiStatistics = {
statisticsButton: "statisticsButton-nW2KoM",
amountCell: "amountCell-g_W6Rx",
iconCell: "iconCell--wniOu",
nameCell: "nameCell-xyXENZ"
};
DiscordClassModules.FriendNotifications = {
logAvatar: "avatar-GgGssS",
logContent: "content-_3_FFs",
logTime: "time-00Fs44",
friendsOnline: "friendsOnline-2JkivW",
typeLabel: "label-9FgsSa"
};
DiscordClassModules.GoogleTranslateOption = {
reverseButton: "reverseButton-5S47qV",
translateButton: "translateButton-DhP9x8",
translated: "translated-5YO8i3",
translating: "translating-Yi-YxC"
};
DiscordClassModules.ImageUtilities = {
details: "details-9dkFPc",
detailsAdded: "detailsAdded-fHiJlm",
detailsLabel: "label-mrlccN",
detailsWrapper: "detailsWrapper-TE1mu5",
gallery: "gallery-JViwKR",
imageDetails: "imageDetails-1t6Zms",
lense: "zoomLense-uOK8xV",
lenseBackdrop: "lenseBackdrop-yEm7Om",
next: "next-SHEZrz",
operations: "operations-3V47CY",
previous: "previous-xsNq6B",
sibling: "sibling-6vI7Pu",
switchIcon: "switchIcon-QY6cR4"
};
DiscordClassModules.JoinedAtDate = {
date: "joinedAtDate-IawR02"
};
DiscordClassModules.LastMessageDate = {
date: "lastMessageDate-ocEw13"
};
DiscordClassModules.OldTitleBar = {
oldTitleBarEnabled: "oldTitleBarEnabled-D8ppJQ",
settingsToolbar: "settingsToolbar-wu4yfQ",
toolbar: "toolbar-hRzFw-"
};
DiscordClassModules.OwnerTag = {
adminIcon: "admin-Kv1Hp_",
managementIcon: "management-3fF_o8",
ownerIcon: "owner-FfFh3B-"
};
DiscordClassModules.PinDMs = {
dragPreview: "dragPreview-nXiByA",
dmChannelPinned: "pinned-0lM4wD",
dmChannelPlaceholder: "placeholder-7bhR5s",
pinnedChannelsHeaderAmount: "headerAmount-_-7GrS",
pinnedChannelsHeaderArrow: "pinnedChannelsHeaderArrow-44rrTz",
pinnedChannelsHeaderCollapsed: "collapsed-3w_-ff",
pinnedChannelsHeaderColored: "colored-oIzG5s",
pinnedChannelsHeaderContainer: "pinnedChannelsHeaderContainer-89Gjv4",
recentPinned: "pinned-jHvFrr",
recentPlaceholder: "placeholder-Uff-gH",
unpinButton: "unpinButton-z3-UVO",
unpinIcon: "unpinIcon-79ZnEr"
};
DiscordClassModules.ReadAllNotificationsButton= {
button: "button-Jt-tIg",
frame: "frame-oXWS21",
innerFrame: "innerFrame-8Hg64E"
};
DiscordClassModules.ServerCounter = {
serverCount: "serverCount-FsTTs1"
};
DiscordClassModules.ServerDetails = {
details: "details-08FrsT",
icon: "icon-hSL42R",
tooltip: "detailsTooltip-G9hSSa"
};
DiscordClassModules.ServerFolders = {
dragPreview: "dragPreview-nXiByA",
guildPlaceholder: "placeholder-7bhR5s",
folderContent: "content-Pph8t6",
folderContentClosed: "closed-j55_T-",
folderContentIsOpen: "folderContentIsOpen-zz6FgW",
iconSwatch: "iconSwatch-_78Ghj",
iconSwatchInner: "iconInner-aOY-qk",
iconSwatchPreview: "preview-Bbg_24",
iconSwatchSelected: "selected-P5oePO"
};
DiscordClassModules.SpellCheck = {
error: "error-k9z2IV",
overlay: "spellCheckOverlay-cNSap5"
};
DiscordClassModules.SpotifyControls = {
bar: "bar-g2ZMIm",
barGabber: "grabber-7sd5f5",
barFill: "barFill-Dhkah7",
barText: "barText-lmqc5O",
buttonActive: "active-6TsW-_",
container: "container-6sXIoE",
containerInner: "inner-WRV6k5",
containerMaximized: "maximized-vv2Wr0",
containerWithTimeline: "withTimeline-824fT_",
cover: "cover-SwJ-ck",
coverMaximizer: "maximizer-RVu85p",
coverWrapper: "coverWrapper-YAplwJ",
details: "details-ntX2k5",
interpret: "interpret-F93iqP",
settingsIcon: "icon-F4SSra",
settingsLabel: "label-3f00Sr",
song: "song-tIdBpF",
timeline: "timeline-UWmgAx",
volumeSlider: "volumeSlider-sR5g00"
};
DiscordClassModules.TimedLightDarkMode = {
dateGrabber: "dateGrabber-QrRkIX",
timerGrabber: "timerGrabber-zpRAIk",
timerSettings: "timerSettings-wkvEfF"
};
DiscordClassModules.TopRolesEverywhere = {
badgeStyle: "badgeStyle-tFiEQ8",
chatTag: "chatTag-Y-5TDc",
memberTag: "memberTag-QVWzGc",
roleStyle: "roleStyle-jQ7KI2",
tag: "tag-wWVHyf"
};
DiscordClassModules.NotFound = {
_: "",
badgeWrapper: "wrapper-232cHJ",
channelPanelTitle: "title-eS5yk3",
emoji: "emoji",
guildChannels: "container-PNkimc",
highlight: "highlight",
hoverCardButton: "button-2CgfFz",
loginScreen: "wrapper-3Q5DdO",
messagesLoadingWrapper: "wrapper-3vR61M",
messagesWelcomeButton: "button-2OOM0p",
mention: "mention",
mentionInteractive: "interactive",
mentionWrapper: "wrapper-3WhCwL",
nameContainerNameContainer: "container-2ax-kl",
hueCursor: "hue-cursor",
hueHorizontal: "hue-horizontal",
hueVertical: "hue-vertical",
saturationBlack: "saturation-black",
saturationColor: "saturation-color",
saturationCursor: "saturation-cursor",
saturationWhite: "saturation-white",
splashBackground: "splashBackground-1FRCko",
stopAnimations: "stop-animations",
subtext: "subtext-3CDbHg",
themeDark: "theme-dark",
themeLight: "theme-light",
themeUndefined: "theme-undefined",
voiceDraggable: "draggable-1KoBzC"
};
/* LOADED ON RUNTIME, BAD DISCORD */
DiscordClassModules.ColorPicker = {
colorPickerCustom: "colorPickerCustom-2CWBn2",
colorPickerDropper: "colorPickerDropper-3c2mIf",
colorPickerDropperFg: "colorPickerDropperFg-3jYKWI",
colorPickerRow: "colorPickerRow-1LgLnl",
colorPickerSwatch: "colorPickerSwatch-5GX3Ve",
custom: "custom-2SJn4n",
customColorPickerInput: "customColorPickerInput-14pB0r",
default: "default-cS_caM",
disabled: "disabled-1C4eHl",
input: "input-GfazGc",
noColor: "noColor-1pdBDm"
};
DiscordClassModules.ColorPickerInner = {
hue: "hue-13HAGb",
saturation: "saturation-1FDvtn",
wrapper: "wrapper-2AQieU"
};
DiscordClassModules.AccountDetails = BDFDB.ModuleUtils.findByProperties("usernameContainer", "container");
DiscordClassModules.AccountDetailsButtons = BDFDB.ModuleUtils.findByProperties("button", "enabled", "disabled");
DiscordClassModules.Anchor = BDFDB.ModuleUtils.findByProperties("anchor", "anchorUnderlineOnHover");
DiscordClassModules.AnimationContainer = BDFDB.ModuleUtils.findByProperties("animatorLeft", "didRender");
DiscordClassModules.AppBase = BDFDB.ModuleUtils.findByProperties("container", "base");
DiscordClassModules.AppInner = BDFDB.ModuleUtils.findByProperties("app", "layers");
DiscordClassModules.AppMount = BDFDB.ModuleUtils.findByProperties("appMount");
DiscordClassModules.ApplicationStore = BDFDB.ModuleUtils.findByProperties("applicationStore", "navigation");
DiscordClassModules.AppOuter = BDFDB.ModuleUtils.find(m => typeof m.app == "string" && Object.keys(m).length == 1);
DiscordClassModules.AuditLog = BDFDB.ModuleUtils.findByProperties("auditLog");
DiscordClassModules.AuthBox = BDFDB.ModuleUtils.findByProperties("authBox");
DiscordClassModules.Autocomplete = BDFDB.ModuleUtils.findByProperties("autocomplete", "autocompleteRow");
DiscordClassModules.Avatar = BDFDB.ModuleUtils.findByProperties("avatar", "mask", "wrapper");
DiscordClassModules.AvatarIcon = BDFDB.ModuleUtils.findByProperties("iconActiveLarge", "iconActiveMedium");
DiscordClassModules.Backdrop = BDFDB.ModuleUtils.findByProperties("backdrop", "backdropWithLayer");
DiscordClassModules.Badge = BDFDB.ModuleUtils.findByProperties("numberBadge", "textBadge", "iconBadge");
DiscordClassModules.BotTag = BDFDB.ModuleUtils.findByProperties("botTag", "botTagInvert");
DiscordClassModules.Button = BDFDB.ModuleUtils.findByProperties("colorBlack", "button");
DiscordClassModules.CallCurrent = BDFDB.ModuleUtils.findByProperties("wrapper", "fullScreen");
DiscordClassModules.CallDetails = BDFDB.ModuleUtils.findByProperties("container", "hotspot");
DiscordClassModules.CallIncoming = BDFDB.ModuleUtils.findByProperties("wrapper", "mainChannelInfo");
DiscordClassModules.Card = BDFDB.ModuleUtils.findByProperties("card", "cardBrand");
DiscordClassModules.CardStatus = BDFDB.ModuleUtils.findByProperties("reset", "error", "card");
DiscordClassModules.Category = BDFDB.ModuleUtils.findByProperties("wrapper", "children", "muted");
DiscordClassModules.CategoryContainer = BDFDB.ModuleUtils.findByProperties("addButtonIcon", "containerDefault");
DiscordClassModules.ChangeLog = BDFDB.ModuleUtils.findByProperties("added", "fixed", "improved", "progress");
DiscordClassModules.Channel = BDFDB.ModuleUtils.findByProperties("wrapper", "content", "modeSelected");
DiscordClassModules.ChannelContainer = BDFDB.ModuleUtils.findByProperties("actionIcon", "containerDefault");
DiscordClassModules.ChannelLimit = BDFDB.ModuleUtils.findByProperties("users", "total", "wrapper");
DiscordClassModules.ChannelTextArea = BDFDB.ModuleUtils.findByProperties("textArea", "buttons");
DiscordClassModules.ChannelTextAreaAttachButton = BDFDB.ModuleUtils.findByProperties("attachButton", "attachWrapper");
DiscordClassModules.ChannelTextAreaButton = BDFDB.ModuleUtils.findByProperties("buttonWrapper", "active");
DiscordClassModules.ChannelTextAreaCharCounter = BDFDB.ModuleUtils.findByProperties("characterCount", "error");
DiscordClassModules.ChannelTextAreaSlate = BDFDB.ModuleUtils.findByProperties("slateContainer", "placeholder");
DiscordClassModules.ChatWindow = BDFDB.ModuleUtils.findByProperties("chat", "channelTextArea");
DiscordClassModules.Checkbox = BDFDB.ModuleUtils.findByProperties("checkboxWrapper", "round");
DiscordClassModules.CtaVerification = BDFDB.ModuleUtils.findByProperties("attendeeCTA", "verificationNotice");
DiscordClassModules.Cursor = BDFDB.ModuleUtils.findByProperties("cursorDefault", "userSelectNone");
DiscordClassModules.CustomStatusIcon = BDFDB.ModuleUtils.findByProperties("textRuler", "emoji", "icon");
DiscordClassModules.DmAddPopout = BDFDB.ModuleUtils.findByProperties("popout", "searchBarComponent");
DiscordClassModules.DmAddPopoutItems = BDFDB.ModuleUtils.findByProperties("friendSelected", "friendWrapper");
DiscordClassModules.DownloadLink = BDFDB.ModuleUtils.findByProperties("downloadLink");
DiscordClassModules.Embed = BDFDB.ModuleUtils.findByProperties("embed", "embedAuthorIcon");
DiscordClassModules.EmbedActions = BDFDB.ModuleUtils.findByProperties("iconPlay", "iconWrapperActive");
DiscordClassModules.Emoji = BDFDB.ModuleUtils.find(m => typeof m.emoji == "string" && Object.keys(m).length == 1);
DiscordClassModules.EmojiButton = BDFDB.ModuleUtils.findByProperties("emojiButton", "sprite");
DiscordClassModules.EmojiInput = BDFDB.ModuleUtils.findByProperties("inputContainer", "emojiButton");
DiscordClassModules.EmojiPicker = BDFDB.ModuleUtils.findByProperties("emojiPicker", "inspector");
DiscordClassModules.EmojiPickerDiversitySelector = BDFDB.ModuleUtils.findByProperties("diversityEmojiItemImage", "diversitySelectorPopout");
DiscordClassModules.EmojiPickerItem = BDFDB.ModuleUtils.findByProperties("emojiSpriteImage");
DiscordClassModules.EmojiPickerInspector = BDFDB.ModuleUtils.findByProperties("inspector", "glyphEmoji");
DiscordClassModules.ErrorScreen = BDFDB.ModuleUtils.findByProperties("wrapper", "flexWrapper", "note");
DiscordClassModules.ExpressionPicker = BDFDB.ModuleUtils.findByProperties("contentWrapper", "navButton", "navList");
DiscordClassModules.File = BDFDB.ModuleUtils.findByProperties("downloadButton", "fileNameLink");
DiscordClassModules.Flex = BDFDB.ModuleUtils.findByProperties("alignBaseline", "alignCenter");
DiscordClassModules.FlexChild = BDFDB.ModuleUtils.findByProperties("flexChild", "flex");
DiscordClassModules.FlowerStar = BDFDB.ModuleUtils.findByProperties("flowerStarContainer", "flowerStar");
DiscordClassModules.Focusable = BDFDB.ModuleUtils.findByProperties("focusable");
DiscordClassModules.FormText = BDFDB.ModuleUtils.findByProperties("description", "modeDefault");
DiscordClassModules.Game = BDFDB.ModuleUtils.findByProperties("game", "gameName");
DiscordClassModules.GameIcon = BDFDB.ModuleUtils.findByProperties("gameIcon", "small", "xsmall");
DiscordClassModules.GameLibraryTable = BDFDB.ModuleUtils.findByProperties("stickyHeader", "emptyStateText");
DiscordClassModules.GifFavoriteButton = BDFDB.ModuleUtils.findByProperties("gifFavoriteButton", "showPulse");
DiscordClassModules.GoLiveDetails = BDFDB.ModuleUtils.findByProperties("panel", "gameWrapper");
DiscordClassModules.Guild = BDFDB.ModuleUtils.findByProperties("wrapper", "lowerBadge", "svg");
DiscordClassModules.GuildChannels = BDFDB.ModuleUtils.findByProperties("positionedContainer", "unreadBar");
DiscordClassModules.GuildDiscovery = BDFDB.ModuleUtils.findByProperties("pageWrapper", "guildList");
DiscordClassModules.GuildDm = BDFDB.ModuleUtils.find(m => typeof m.pill == "string" && Object.keys(m).length == 1);
DiscordClassModules.GuildEdges = BDFDB.ModuleUtils.findByProperties("wrapper", "edge", "autoPointerEvents");
DiscordClassModules.GuildFolder = BDFDB.ModuleUtils.findByProperties("folder", "expandedFolderIconWrapper");
DiscordClassModules.GuildHeader = BDFDB.ModuleUtils.findByProperties("header", "name", "bannerImage");
DiscordClassModules.GuildHeaderButton = BDFDB.ModuleUtils.findByProperties("button", "open");
DiscordClassModules.GuildIcon = BDFDB.ModuleUtils.findByProperties("acronym", "selected", "wrapper");
DiscordClassModules.GuildInvite = BDFDB.ModuleUtils.findByProperties("wrapper", "guildIconJoined");
DiscordClassModules.GuildSettingsBanned = BDFDB.ModuleUtils.findByProperties("bannedUser", "bannedUserAvatar");
DiscordClassModules.GuildSettingsEmoji = BDFDB.ModuleUtils.findByProperties("emojiRow", "emojiAliasPlaceholder");
DiscordClassModules.GuildSettingsInvite = BDFDB.ModuleUtils.findByProperties("countdownColumn", "inviteSettingsInviteRow");
DiscordClassModules.GuildSettingsMember = BDFDB.ModuleUtils.findByProperties("member", "membersFilterPopout");
DiscordClassModules.GuildSettingsRoles = BDFDB.ModuleUtils.findByProperties("buttonWrapper", "addRoleIcon");
DiscordClassModules.GuildServer = BDFDB.ModuleUtils.findByProperties("blobContainer", "pill");
DiscordClassModules.GuildsItems = BDFDB.ModuleUtils.findByProperties("guildSeparator", "guildsError");
DiscordClassModules.GuildsWrapper = BDFDB.ModuleUtils.findByProperties("scroller", "unreadMentionsBar", "wrapper");
DiscordClassModules.HeaderBar = BDFDB.ModuleUtils.findByProperties("container", "children", "toolbar");
DiscordClassModules.HeaderBarExtras = BDFDB.ModuleUtils.findByProperties("headerBarLoggedOut", "search");
DiscordClassModules.HeaderBarSearch = BDFDB.ModuleUtils.findByProperties("search", "searchBar", "open");
DiscordClassModules.HeaderBarTopic = BDFDB.ModuleUtils.findByProperties("topic", "expandable", "content");
DiscordClassModules.HomeIcon = BDFDB.ModuleUtils.findByProperties("homeIcon");
DiscordClassModules.HotKeyRecorder = BDFDB.ModuleUtils.findByProperties("editIcon", "recording");
DiscordClassModules.HoverCard = BDFDB.ModuleUtils.findByProperties("card", "active");
DiscordClassModules.IconDirection = BDFDB.ModuleUtils.findByProperties("directionDown", "directionUp");
DiscordClassModules.ImageModal = BDFDB.ModuleUtils.find(m => typeof m.image == "string" && typeof m.modal == "string" && Object.keys(m).length < 4);
DiscordClassModules.ImageWrapper = BDFDB.ModuleUtils.findByProperties("clickable", "imageWrapperBackground");
DiscordClassModules.Input = BDFDB.ModuleUtils.findByProperties("inputMini", "inputDefault");
DiscordClassModules.InviteModal = BDFDB.ModuleUtils.findByProperties("inviteRow", "modal");
DiscordClassModules.Item = BDFDB.ModuleUtils.findByProperties("item", "side", "header");
DiscordClassModules.ItemRole = BDFDB.ModuleUtils.findByProperties("role", "dragged");
DiscordClassModules.ItemLayerContainer = BDFDB.ModuleUtils.findByProperties("layer", "layerContainer");
DiscordClassModules.LayerModal = BDFDB.ModuleUtils.findByProperties("root", "small", "medium");
DiscordClassModules.Layers = BDFDB.ModuleUtils.findByProperties("layer", "layers");
DiscordClassModules.LiveTag = BDFDB.ModuleUtils.findByProperties("liveLarge", "live");
DiscordClassModules.LoadingScreen = BDFDB.ModuleUtils.findByProperties("container", "problemsText", "problems");
DiscordClassModules.Margins = BDFDB.ModuleUtils.findByProperties("marginBottom4", "marginCenterHorz");
DiscordClassModules.Menu = BDFDB.ModuleUtils.findByProperties("menu", "styleFlexible", "item");
DiscordClassModules.MenuCaret = BDFDB.ModuleUtils.findByProperties("arrow", "open");
DiscordClassModules.MenuReactButton = BDFDB.ModuleUtils.findByProperties("wrapper", "icon", "focused");
DiscordClassModules.MenuSlider = BDFDB.ModuleUtils.findByProperties("slider", "sliderContainer");
DiscordClassModules.Member = BDFDB.ModuleUtils.findByProperties("member", "ownerIcon");
DiscordClassModules.MembersWrap = BDFDB.ModuleUtils.findByProperties("membersWrap", "membersGroup");
DiscordClassModules.Message = BDFDB.ModuleUtils.findByProperties("message", "mentioned");
DiscordClassModules.MessageAccessory = BDFDB.ModuleUtils.findByProperties("embedWrapper", "gifFavoriteButton");
DiscordClassModules.MessageBlocked = BDFDB.ModuleUtils.findByProperties("blockedMessageText", "expanded");
DiscordClassModules.MessageBody = BDFDB.ModuleUtils.findByProperties("markupRtl", "edited");
DiscordClassModules.MessageDivider = BDFDB.ModuleUtils.findByProperties("isUnread", "divider");
DiscordClassModules.MessageElements = BDFDB.ModuleUtils.findByProperties("messageGroupBlockedBtn", "dividerRed");
DiscordClassModules.MessageFile = BDFDB.ModuleUtils.findByProperties("cancelButton", "filenameLinkWrapper");
DiscordClassModules.MessageLocalBot = BDFDB.ModuleUtils.find(m => typeof m.localBotMessage == "string" && Object.keys(m).length == 1);
DiscordClassModules.MessageMarkup = BDFDB.ModuleUtils.findByProperties("markup");
DiscordClassModules.MessageOperations = BDFDB.ModuleUtils.find(m => typeof m.operations == "string" && Object.keys(m).length == 1);
DiscordClassModules.MessageReactions = BDFDB.ModuleUtils.findByProperties("reactions", "reactionMe");
DiscordClassModules.MessageReactionsModal = BDFDB.ModuleUtils.findByProperties("reactor", "reactionSelected");
DiscordClassModules.MessageSystem = BDFDB.ModuleUtils.findByProperties("container", "actionAnchor");
DiscordClassModules.MessageToolbar = BDFDB.ModuleUtils.findByProperties("container", "icon", "isHeader");
DiscordClassModules.MessageToolbarItems = BDFDB.ModuleUtils.findByProperties("wrapper", "button", "separator");
DiscordClassModules.MessagesPopout = BDFDB.ModuleUtils.findByProperties("messagesPopoutWrap", "jumpButton");
DiscordClassModules.MessagesPopoutButtons = BDFDB.ModuleUtils.findByProperties("secondary", "tertiary", "button");
DiscordClassModules.MessagesPopoutTabBar = BDFDB.ModuleUtils.findByProperties("header", "tabBar", "active");
DiscordClassModules.MessagesLoading = BDFDB.ModuleUtils.findByProperties("attachment", "blob", "cozy");
DiscordClassModules.MessagesWelcome = BDFDB.ModuleUtils.findByProperties("emptyChannelIcon", "description", "header");
DiscordClassModules.MessagesWrap = BDFDB.ModuleUtils.findByProperties("messagesWrapper", "messageGroupBlocked");
DiscordClassModules.Modal = BDFDB.ModuleUtils.findByProperties("modal", "sizeLarge");
DiscordClassModules.ModalDivider = BDFDB.ModuleUtils.find(m => typeof m.divider == "string" && Object.keys(m).length == 1);
DiscordClassModules.ModalItems = BDFDB.ModuleUtils.findByProperties("guildName", "checkboxContainer");
DiscordClassModules.ModalMiniContent = BDFDB.ModuleUtils.find(m => typeof m.modal == "string" && typeof m.content == "string" && Object.keys(m).length == 2);
DiscordClassModules.ModalWrap = BDFDB.ModuleUtils.find(m => typeof m.modal == "string" && typeof m.inner == "string" && Object.keys(m).length == 2);
DiscordClassModules.NameContainer = BDFDB.ModuleUtils.findByProperties("nameAndDecorators", "name");
DiscordClassModules.NameTag = BDFDB.ModuleUtils.findByProperties("bot", "nameTag");
DiscordClassModules.NitroStore = BDFDB.ModuleUtils.findByProperties("applicationStore", "marketingHeader");
DiscordClassModules.NoteTextarea = BDFDB.ModuleUtils.find(m => typeof m.textarea == "string" && Object.keys(m).length == 1);
DiscordClassModules.Notice = BDFDB.ModuleUtils.findByProperties("notice", "noticeFacebook");
DiscordClassModules.PeopleItem = BDFDB.ModuleUtils.findByProperties("peopleListItem", "active");
DiscordClassModules.PeopleItemInfo = BDFDB.ModuleUtils.find(m => typeof m.listItemContents == "string" && typeof m.actions == "string" && Object.keys(m).length == 2);
DiscordClassModules.Peoples = BDFDB.ModuleUtils.findByProperties("peopleColumn", "tabBar");
DiscordClassModules.PictureInPicture = BDFDB.ModuleUtils.findByProperties("pictureInPicture", "pictureInPictureWindow");
DiscordClassModules.PillWrapper = BDFDB.ModuleUtils.find(m => typeof m.item == "string" && typeof m.wrapper == "string" && Object.keys(m).length == 2);
DiscordClassModules.PrivateChannel = BDFDB.ModuleUtils.findByProperties("channel", "closeButton");
DiscordClassModules.PrivateChannelList = BDFDB.ModuleUtils.findByProperties("privateChannels", "searchBar");
DiscordClassModules.PrivateChannelListScroller = BDFDB.ModuleUtils.findByProperties("scroller", "empty");
DiscordClassModules.Popout = BDFDB.ModuleUtils.findByProperties("popout", "arrowAlignmentTop");
DiscordClassModules.PopoutActivity = BDFDB.ModuleUtils.findByProperties("ellipsis", "activityActivityFeed");
DiscordClassModules.QuickMessage = BDFDB.ModuleUtils.find(m => typeof m.input == "string" && Object.keys(m).length == 1);
DiscordClassModules.QuickSelect = BDFDB.ModuleUtils.findByProperties("quickSelectArrow", "selected");
DiscordClassModules.QuickSwitch = BDFDB.ModuleUtils.findByProperties("resultFocused", "guildIconContainer");
DiscordClassModules.QuickSwitchWrap = BDFDB.ModuleUtils.findByProperties("container", "miscContainer");
DiscordClassModules.Reactions = BDFDB.ModuleUtils.findByProperties("reactionBtn", "reaction");
DiscordClassModules.RecentMentions = BDFDB.ModuleUtils.findByProperties("recentMentionsPopout");
DiscordClassModules.RecentMentionsHeader = BDFDB.ModuleUtils.findByProperties("channelName", "channelHeader", "dmIcon");
DiscordClassModules.Role = BDFDB.ModuleUtils.findByProperties("roleCircle", "roleName", "roleRemoveIcon");
DiscordClassModules.Scrollbar = BDFDB.ModuleUtils.findByProperties("scrollbar", "scrollbarGhost");
DiscordClassModules.Scroller = BDFDB.ModuleUtils.findByProperties("scrollerBase", "none", "fade");
DiscordClassModules.SearchBar = BDFDB.ModuleUtils.findByProperties("clear", "container", "pointer");
DiscordClassModules.SearchPopout = BDFDB.ModuleUtils.findByProperties("datePicker", "searchResultChannelIconBackground");
DiscordClassModules.SearchPopoutWrap = BDFDB.ModuleUtils.findByProperties("container", "queryContainer");
DiscordClassModules.SearchResults = BDFDB.ModuleUtils.findByProperties("noResults", "searchResultsWrap");
DiscordClassModules.SearchResultsElements = BDFDB.ModuleUtils.findByProperties("resultsBlocked", "channelSeparator");
DiscordClassModules.SearchResultsPagination = BDFDB.ModuleUtils.findByProperties("paginationButton", "pagination");
DiscordClassModules.SearchResultsMessage = BDFDB.ModuleUtils.findByProperties("after", "messageGroupCozy");
DiscordClassModules.Select = BDFDB.ModuleUtils.findByProperties("select", "error", "errorMessage");
DiscordClassModules.SettingsCloseButton = BDFDB.ModuleUtils.findByProperties("closeButton", "keybind");
DiscordClassModules.SettingsItems = BDFDB.ModuleUtils.findByProperties("dividerMini", "note");
DiscordClassModules.SettingsTable = BDFDB.ModuleUtils.findByProperties("headerOption", "headerName");
DiscordClassModules.SettingsWindow = BDFDB.ModuleUtils.findByProperties("contentRegion", "standardSidebarView");
DiscordClassModules.SettingsWindowScroller = BDFDB.ModuleUtils.findByProperties("sidebarScrollable", "content", "scroller");
DiscordClassModules.Slider = BDFDB.ModuleUtils.findByProperties("slider", "grabber");
DiscordClassModules.Spoiler = BDFDB.ModuleUtils.findByProperties("spoilerContainer", "hidden");
DiscordClassModules.SpoilerEmbed = BDFDB.ModuleUtils.findByProperties("hiddenSpoilers", "spoiler");
DiscordClassModules.Switch = BDFDB.ModuleUtils.findByProperties("switchDisabled", "valueChecked");
DiscordClassModules.Table = BDFDB.ModuleUtils.findByProperties("stickyHeader", "sortIcon");
DiscordClassModules.Text = BDFDB.ModuleUtils.findByProperties("defaultColor", "defaultMarginh1");
DiscordClassModules.TextColor = BDFDB.ModuleUtils.findByProperties("colorStandard", "colorMuted", "colorError");
DiscordClassModules.TextColor2 = BDFDB.ModuleUtils.findByProperties("muted", "wrapper", "base");
DiscordClassModules.TextSize = BDFDB.ModuleUtils.findByProperties("size10", "size14", "size20");
DiscordClassModules.TextStyle = BDFDB.ModuleUtils.findByProperties("strikethrough", "underline", "bold");
DiscordClassModules.Tip = BDFDB.ModuleUtils.findByProperties("pro", "inline");
DiscordClassModules.Title = BDFDB.ModuleUtils.findByProperties("title", "size18");
DiscordClassModules.TitleBar = BDFDB.ModuleUtils.findByProperties("titleBar", "wordmark");
DiscordClassModules.Tooltip = BDFDB.ModuleUtils.findByProperties("tooltip", "tooltipTop");
DiscordClassModules.TooltipGuild = BDFDB.ModuleUtils.findByProperties("rowIcon", "rowGuildName");
DiscordClassModules.Typing = BDFDB.ModuleUtils.findByProperties("cooldownWrapper", "typing");
DiscordClassModules.UnreadBar = BDFDB.ModuleUtils.findByProperties("active", "bar", "unread");
DiscordClassModules.UploadModal = BDFDB.ModuleUtils.findByProperties("uploadModal", "bgScale");
DiscordClassModules.UserInfo = BDFDB.ModuleUtils.findByProperties("userInfo", "discordTag");
DiscordClassModules.UserPopout = BDFDB.ModuleUtils.findByProperties("userPopout", "headerPlaying");
DiscordClassModules.UserProfile = BDFDB.ModuleUtils.findByProperties("topSectionNormal", "tabBarContainer");
DiscordClassModules.UserSummaryItem = BDFDB.ModuleUtils.findByProperties("avatarContainerMasked", "container");
DiscordClassModules.Video = BDFDB.ModuleUtils.findByProperties("video", "fullScreen");
DiscordClassModules.VoiceChannel = BDFDB.ModuleUtils.findByProperties("avatarSpeaking", "voiceUser");
DiscordClassModules.VoiceChannelList = BDFDB.ModuleUtils.findByProperties("list", "collapsed");
DiscordClassModules.VoiceDetails = BDFDB.ModuleUtils.findByProperties("container", "customStatusContainer");
DiscordClassModules.VoiceDetailsPing = BDFDB.ModuleUtils.findByProperties("rtcConnectionQualityBad", "rtcConnectionQualityFine");
DiscordClassModules.WebhookCard = BDFDB.ModuleUtils.findByProperties("pulseBorder", "copyButton");
BDFDB.DiscordClassModules = Object.assign({}, DiscordClassModules);
var DiscordClasses = {
_bdguild: ["BDrepo", "bdGuild"],
_bdguildanimatable: ["BDrepo", "bdGuildAnimatable"],
_bdguildaudio: ["BDrepo", "bdGuildAudio"],
_bdguildselected: ["BDrepo", "bdGuildSelected"],
_bdguildseparator: ["BDrepo", "bdGuildSeparator"],
_bdguildunread: ["BDrepo", "bdGuildUnread"],
_bdguildvideo: ["BDrepo", "bdGuildVideo"],
_bdpillselected: ["BDrepo", "bdPillSelected"],
_bdpillunread: ["BDrepo", "bdPillUnread"],
_badgeseverywherebadge: ["BadgesEverywhere", "badge"],
_badgeseverywherebadges: ["BadgesEverywhere", "badges"],
_badgeseverywherebadgeschat: ["BadgesEverywhere", "badgesChat"],
_badgeseverywherebadgesinner: ["BadgesEverywhere", "badgesInner"],
_badgeseverywherebadgeslist: ["BadgesEverywhere", "badgesList"],
_badgeseverywherebadgespopout: ["BadgesEverywhere", "badgesPopout"],
_badgeseverywherebadgessettings: ["BadgesEverywhere", "badgesSettings"],
_badgeseverywhereindicator: ["BadgesEverywhere", "indicator"],
_badgeseverywhereindicatorinner: ["BadgesEverywhere", "indicatorInner"],
_badgeseverywheremini: ["BadgesEverywhere", "mini"],
_badgeseverywheresize17: ["BadgesEverywhere", "size17"],
_badgeseverywheresize21: ["BadgesEverywhere", "size21"],
_badgeseverywheresize22: ["BadgesEverywhere", "size22"],
_badgeseverywheresize24: ["BadgesEverywhere", "size24"],
_betterfriendlistmutualguilds: ["BetterFriendList", "mutualGuilds"],
_betterfriendlistnamecell: ["BetterFriendList", "nameCell"],
_betterfriendlisttitle: ["BetterFriendList", "title"],
_betternsfwtagtag: ["BetterNsfwTag", "nsfwTag"],
_chatfilterblocked: ["ChatFilter", "blocked"],
_chatfilterblockedstamp: ["ChatFilter", "blockedStamp"],
_chatfiltercensored: ["ChatFilter", "censored"],
_chatfiltercensoredstamp: ["ChatFilter", "censoredStamp"],
_charcountercounter: ["CharCounter", "charCounter"],
_charcounterchatcounter: ["CharCounter", "chatCounter"],
_charcountercounteradded: ["CharCounter", "counterAdded"],
_charcountercustomstatuscounter: ["CharCounter", "customStatusCounter"],
_charcountereditcounter: ["CharCounter", "editCounter"],
_charcounternickcounter: ["CharCounter", "nickCounter"],
_charcounterpopoutnotecounter: ["CharCounter", "popoutNoteCounter"],
_charcounterprofilenotecounter: ["CharCounter", "profileNoteCounter"],
_charcounteruploadcounter: ["CharCounter", "uploadCounter"],
_creationdatedate: ["CreationDate", "date"],
_displaylargemessagesinjectbutton: ["DisplayLargeMessages", "injectButton"],
_displayserversaschannelsbadge: ["DisplayServersAsChannels", "badge"],
_displayserversaschannelsname: ["DisplayServersAsChannels", "name"],
_displayserversaschannelsstyled: ["DisplayServersAsChannels", "styled"],
_emojistatisticsstatisticsbutton: ["EmojiStatistics", "statisticsButton"],
_emojistatisticsamountcell: ["EmojiStatistics", "amountCell"],
_emojistatisticsiconcell: ["EmojiStatistics", "iconCell"],
_emojistatisticsnamecell: ["EmojiStatistics", "nameCell"],
_friendnotificationslogavatar: ["FriendNotifications", "logAvatar"],
_friendnotificationslogcontent: ["FriendNotifications", "logContent"],
_friendnotificationslogtime: ["FriendNotifications", "logTime"],
_friendnotificationsfriendsonline: ["FriendNotifications", "friendsOnline"],
_friendnotificationstypelabel: ["FriendNotifications", "typeLabel"],
_imageutilitiesdetails: ["ImageUtilities", "details"],
_imageutilitiesdetailsadded: ["ImageUtilities", "detailsAdded"],
_imageutilitiesdetailslabel: ["ImageUtilities", "detailsLabel"],
_imageutilitiesdetailswrapper: ["ImageUtilities", "detailsWrapper"],
_imageutilitiesgallery: ["ImageUtilities", "gallery"],
_imageutilitiesimagedetails: ["ImageUtilities", "imageDetails"],
_imageutilitieslense: ["ImageUtilities", "lense"],
_imageutilitieslensebackdrop: ["ImageUtilities", "lenseBackdrop"],
_imageutilitiesnext: ["ImageUtilities", "next"],
_imageutilitiesoperations: ["ImageUtilities", "operations"],
_imageutilitiesprevious: ["ImageUtilities", "previous"],
_imageutilitiessibling: ["ImageUtilities", "sibling"],
_imageutilitiesswitchicon: ["ImageUtilities", "switchIcon"],
_joinedatdatedate: ["JoinedAtDate", "date"],
_lastmessagedatedate: ["LastMessageDate", "date"],
_googletranslateoptionreversebutton: ["GoogleTranslateOption", "reverseButton"],
_googletranslateoptiontranslatebutton: ["GoogleTranslateOption", "translateButton"],
_googletranslateoptiontranslated: ["GoogleTranslateOption", "translated"],
_googletranslateoptiontranslating: ["GoogleTranslateOption", "translating"],
_oldtitlebarenabled: ["OldTitleBar", "oldTitleBarEnabled"],
_oldtitlebarsettingstoolbar: ["OldTitleBar", "settingsToolbar"],
_oldtitlebartoolbar: ["OldTitleBar", "toolbar"],
_ownertagadminicon: ["OwnerTag", "adminIcon"],
_ownertagmanagementicon: ["OwnerTag", "managementIcon"],
_ownertagownericon: ["OwnerTag", "ownerIcon"],
_pindmsdragpreview: ["PinDMs", "dragPreview"],
_pindmsdmchannelpinned: ["PinDMs", "dmChannelPinned"],
_pindmsdmchannelplaceholder: ["PinDMs", "dmChannelPlaceholder"],
_pindmspinnedchannelsheaderamount: ["PinDMs", "pinnedChannelsHeaderAmount"],
_pindmspinnedchannelsheaderarrow: ["PinDMs", "pinnedChannelsHeaderArrow"],
_pindmspinnedchannelsheadercollapsed: ["PinDMs", "pinnedChannelsHeaderCollapsed"],
_pindmspinnedchannelsheadercolored: ["PinDMs", "pinnedChannelsHeaderColored"],
_pindmspinnedchannelsheadercontainer: ["PinDMs", "pinnedChannelsHeaderContainer"],
_pindmsrecentpinned: ["PinDMs", "recentPinned"],
_pindmsrecentplaceholder: ["PinDMs", "recentPlaceholder"],
_pindmsunpinbutton: ["PinDMs", "unpinButton"],
_pindmsunpinicon: ["PinDMs", "unpinIcon"],
_readallnotificationsbuttonbutton: ["ReadAllNotificationsButton", "button"],
_readallnotificationsbuttonframe: ["ReadAllNotificationsButton", "frame"],
_readallnotificationsbuttoninner: ["ReadAllNotificationsButton", "innerFrame"],
_servercounterservercount: ["ServerCounter", "serverCount"],
_serverdetailsdetails: ["ServerDetails", "details"],
_serverdetailsicon: ["ServerDetails", "icon"],
_serverdetailstooltip: ["ServerDetails", "tooltip"],
_serverfoldersdragpreview: ["ServerFolders", "dragPreview"],
_serverfoldersfoldercontent: ["ServerFolders", "folderContent"],
_serverfoldersfoldercontentclosed: ["ServerFolders", "folderContentClosed"],
_serverfoldersfoldercontentisopen: ["ServerFolders", "folderContentIsOpen"],
_serverfoldersguildplaceholder: ["ServerFolders", "guildPlaceholder"],
_serverfoldersiconswatch: ["ServerFolders", "iconSwatch"],
_serverfoldersiconswatchinner: ["ServerFolders", "iconSwatchInner"],
_serverfoldersiconswatchpreview: ["ServerFolders", "iconSwatchPreview"],
_serverfoldersiconswatchselected: ["ServerFolders", "iconSwatchSelected"],
_spellcheckerror: ["SpellCheck", "error"],
_spellcheckoverlay: ["SpellCheck", "overlay"],
_spotifycontrolsbar: ["SpotifyControls", "bar"],
_spotifycontrolsbarfill: ["SpotifyControls", "barFill"],
_spotifycontrolsbargrabber: ["SpotifyControls", "barGabber"],
_spotifycontrolsbartext: ["SpotifyControls", "barText"],
_spotifycontrolsbuttonactive: ["SpotifyControls", "buttonActive"],
_spotifycontrolscontainer: ["SpotifyControls", "container"],
_spotifycontrolscontainerinner: ["SpotifyControls", "containerInner"],
_spotifycontrolscontainermaximized: ["SpotifyControls", "containerMaximized"],
_spotifycontrolscontainerwithtimeline: ["SpotifyControls", "containerWithTimeline"],
_spotifycontrolscover: ["SpotifyControls", "cover"],
_spotifycontrolscovermaximizer: ["SpotifyControls", "coverMaximizer"],
_spotifycontrolscoverwrapper: ["SpotifyControls", "coverWrapper"],
_spotifycontrolsdetails: ["SpotifyControls", "details"],
_spotifycontrolsinterpret: ["SpotifyControls", "interpret"],
_spotifycontrolssettingsicon: ["SpotifyControls", "settingsIcon"],
_spotifycontrolssettingslabel: ["SpotifyControls", "settingsLabel"],
_spotifycontrolssong: ["SpotifyControls", "song"],
_spotifycontrolstimeline: ["SpotifyControls", "timeline"],
_spotifycontrolsvolumeslider: ["SpotifyControls", "volumeSlider"],
_timedlightdarkmodedategrabber: ["TimedLightDarkMode", "dateGrabber"],
_timedlightdarkmodetimergrabber: ["TimedLightDarkMode", "timerGrabber"],
_timedlightdarkmodetimersettings: ["TimedLightDarkMode", "timerSettings"],
_toproleseverywherebadgestyle: ["TopRolesEverywhere", "badgeStyle"],
_toproleseverywherechattag: ["TopRolesEverywhere", "chatTag"],
_toproleseverywheremembertag: ["TopRolesEverywhere", "memberTag"],
_toproleseverywhererolestyle: ["TopRolesEverywhere", "roleStyle"],
_toproleseverywheretag: ["TopRolesEverywhere", "tag"],
_repoauthor: ["BDrepo", "bdaAuthor"],
_repobutton: ["BDrepo", "bdButton"],
_repocard: ["BDrepo", "bdAddonCard"],
_repocheckbox: ["BDrepo", "switchCheckbox"],
_repocheckboxchecked: ["BDrepo", "switchChecked"],
_repocheckboxinner: ["BDrepo", "switch"],
_repocheckboxitem: ["BDrepo", "switchItem"],
_repocheckboxwrap: ["BDrepo", "switchWrapper"],
_repocontrols: ["BDrepo", "bdaControls"],
_repocontrolsbutton: ["BDrepo", "bdaControlsButton"],
_repodescription: ["BDrepo", "bdaDescription"],
_repodescriptionwrap: ["BDrepo", "bdaDescriptionWrap"],
_repoentry: ["BDFDB", "bdaRepoEntry"],
_repofolderbutton: ["BDrepo", "bdPfbtn"],
_repofooter: ["BDrepo", "bdaFooter"],
_repoheader: ["BDrepo", "bdaHeader"],
_repoheadertitle: ["BDrepo", "bdaHeaderTitle"],
_repoicon: ["BDrepo", "bdIcon"],
_repolist: ["BDrepo", "bdaSlist"],
_repolistheader: ["BDFDB", "bdaRepoListHeader"],
_repolistwrapper: ["BDFDB", "bdaRepoListWrapper"],
_repolink: ["BDrepo", "bdaLink"],
_repolinks: ["BDrepo", "bdaLinks"],
_reponame: ["BDrepo", "bdaName"],
_reposettings: ["BDrepo", "settings"],
_reposettingsbutton: ["BDrepo", "bdaSettingsButton"],
_reposettingsopen: ["BDrepo", "settingsOpen"],
_reposettingsclosed: ["BDrepo", "settingsClosed"],
_reposwitch: ["BDrepo", "bdSwitch"],
_reposwitchchecked: ["BDrepo", "bdSwitchChecked"],
_reposwitchinner: ["BDrepo", "bdSwitchInner"],
_repoupdatebutton: ["BDrepo", "bdUpdatebtn"],
_repoversion: ["BDrepo", "bdaVersion"],
accountinfo: ["AccountDetails", "container"],
accountinfoavatar: ["AccountDetails", "avatar"],
accountinfoavatarwrapper: ["AccountDetails", "avatarWrapper"],
accountinfobutton: ["AccountDetailsButtons", "button"],
accountinfobuttondisabled: ["AccountDetailsButtons", "disabled"],
accountinfobuttonenabled: ["AccountDetailsButtons", "enabled"],
accountinfodetails: ["AccountDetails", "usernameContainer"],
accountinfonametag: ["AccountDetails", "nameTag"],
alignbaseline: ["Flex", "alignBaseline"],
aligncenter: ["Flex", "alignCenter"],
alignend: ["Flex", "alignEnd"],
alignstart: ["Flex", "alignStart"],
alignstretch: ["Flex", "alignStretch"],
anchor: ["Anchor", "anchor"],
anchorunderlineonhover: ["Anchor", "anchorUnderlineOnHover"],
animationcontainerbottom: ["AnimationContainer", "animatorBottom"],
animationcontainerleft: ["AnimationContainer", "animatorLeft"],
animationcontainerright: ["AnimationContainer", "animatorRight"],
animationcontainertop: ["AnimationContainer", "animatorTop"],
animationcontainerrender: ["AnimationContainer", "didRender"],
animationcontainerscale: ["AnimationContainer", "scale"],
animationcontainertranslate: ["AnimationContainer", "translate"],
app: ["AppOuter", "app"],
appcontainer: ["AppBase", "container"],
appmount: ["AppMount", "appMount"],
applayers: ["AppInner", "layers"],
applicationstore: ["ApplicationStore", "applicationStore"],
appold: ["AppInner", "app"],
auditlog: ["AuditLog", "auditLog"],
auditlogoverflowellipsis: ["AuditLog", "overflowEllipsis"],
auditloguserhook: ["AuditLog", "userHook"],
authbox: ["AuthBox", "authBox"],
autocomplete: ["Autocomplete", "autocomplete"],
autocompletecontent: ["Autocomplete", "content"],
autocompletecontenttitle: ["Autocomplete", "contentTitle"],
autocompletedescription: ["Autocomplete", "description"],
autocompletedescriptiondiscriminator: ["Autocomplete", "descriptionDiscriminator"],
autocompletedescriptionusername: ["Autocomplete", "descriptionUsername"],
autocompleteicon: ["Autocomplete", "icon"],
autocompleteiconforeground: ["Autocomplete", "iconForeground"],
autocompleteinner: ["Autocomplete", "autocompleteInner"],
autocompleterow: ["Autocomplete", "autocompleteRow"],
autocompleterowhorizontal: ["Autocomplete", "autocompleteRowHorizontal"],
autocompleterowvertical: ["Autocomplete", "autocompleteRowVertical"],
autocompleteselectable: ["Autocomplete", "selectable"],
autocompleteselected: ["Autocomplete", "selectorSelected"],
autocompleteselector: ["Autocomplete", "selector"],
avatar: ["Avatar", "avatar"],
avatarcursordefault: ["Avatar", "cursorDefault"],
avatardisabled: ["BDFDB", "avatarDisabled"],
avataricon: ["AvatarIcon", "icon"],
avatariconactivelarge: ["AvatarIcon", "iconActiveLarge"],
avatariconactivemedium: ["AvatarIcon", "iconActiveMedium"],
avatariconactivemini: ["AvatarIcon", "iconActiveMini"],
avatariconactivesmall: ["AvatarIcon", "iconActiveSmall"],
avatariconactivexlarge: ["AvatarIcon", "iconActiveXLarge"],
avatariconinactive: ["AvatarIcon", "iconInactive"],
avatariconsizelarge: ["AvatarIcon", "iconSizeLarge"],
avatariconsizemedium: ["AvatarIcon", "iconSizeMedium"],
avatariconsizemini: ["AvatarIcon", "iconSizeMini"],
avatariconsizesmol: ["AvatarIcon", "iconSizeSmol"],
avatariconsizesmall: ["AvatarIcon", "iconSizeSmall"],
avatariconsizexlarge: ["AvatarIcon", "iconSizeXLarge"],
avatarmask: ["Avatar", "mask"],
avatarnoicon: ["AvatarIcon", "noIcon"],
avatarpointer: ["Avatar", "pointer"],
avatarpointerevents: ["Avatar", "pointerEvents"],
avatarwrapper: ["Avatar", "wrapper"],
backdrop: ["Backdrop", "backdrop"],
backdropwithlayer: ["Backdrop", "backdropWithLayer"],
badgebase: ["Badge", "base"],
badgeicon: ["Badge", "icon"],
badgeiconbadge: ["Badge", "iconBadge"],
badgenumberbadge: ["Badge", "numberBadge"],
badgetextbadge: ["Badge", "textBadge"],
badgewrapper: ["NotFound", "badgeWrapper"],
bdfdbbadge: ["BDFDB", "badge"],
bdfdbbadgeavatar: ["BDFDB", "badgeAvatar"],
bdfdbdev: ["BDFDB", "dev"],
bdfdbhasbadge: ["BDFDB", "hasBadge"],
bdfdbsupporter: ["BDFDB", "supporter"],
bdfdbsupportercustom: ["BDFDB", "supporterCustom"],
bold: ["TextStyle", "bold"],
bottag: ["BotTag", "botTag"],
bottaginvert: ["BotTag", "botTagInvert"],
bottagmember: ["Member", "botTag"],
bottagnametag: ["NameTag", "bot"],
bottagpx: ["BotTag", "px"],
bottagregular: ["BotTag", "botTagRegular"],
bottagrem: ["BotTag", "rem"],
bottagtext: ["BotTag", "botText"],
bottagverified: ["BotTag", "botTagVerified"],
button: ["Button", "button"],
buttoncolorblack: ["Button", "colorBlack"],
buttoncolorbrand: ["Button", "colorBrand"],
buttoncolorgreen: ["Button", "colorGreen"],
buttoncolorgrey: ["Button", "colorGrey"],
buttoncolorlink: ["Button", "colorLink"],
buttoncolorprimary: ["Button", "colorPrimary"],
buttoncolorred: ["Button", "colorRed"],
buttoncolortransparent: ["Button", "colorTransparent"],
buttoncolorwhite: ["Button", "colorWhite"],
buttoncoloryellow: ["Button", "colorYellow"],
buttoncontents: ["Button", "contents"],
buttondisabledoverlay: ["Button", "disabledButtonOverlay"],
buttondisabledwrapper: ["Button", "disabledButtonWrapper"],
buttonfullwidth: ["Button", "fullWidth"],
buttongrow: ["Button", "grow"],
buttonhashover: ["Button", "hasHover"],
buttonhoverblack: ["Button", "hoverBlack"],
buttonhoverbrand: ["Button", "hoverBrand"],
buttonhovergreen: ["Button", "hoverGreen"],
buttonhovergrey: ["Button", "hoverGrey"],
buttonhoverlink: ["Button", "hoverLink"],
buttonhoverprimary: ["Button", "hoverPrimary"],
buttonhoverred: ["Button", "hoverRed"],
buttonhovertransparent: ["Button", "hoverTransparent"],
buttonhoverwhite: ["Button", "hoverWhite"],
buttonhoveryellow: ["Button", "hoverYellow"],
buttonlookblank: ["Button", "lookBlank"],
buttonlookfilled: ["Button", "lookFilled"],
buttonlookghost: ["Button", "lookGhost"],
buttonlookinverted: ["Button", "lookInverted"],
buttonlooklink: ["Button", "lookLink"],
buttonlookoutlined: ["Button", "lookOutlined"],
buttonsizeicon: ["Button", "sizeIcon"],
buttonsizelarge: ["Button", "sizeLarge"],
buttonsizemax: ["Button", "sizeMax"],
buttonsizemedium: ["Button", "sizeMedium"],
buttonsizemin: ["Button", "sizeMin"],
buttonsizesmall: ["Button", "sizeSmall"],
buttonsizexlarge: ["Button", "sizeXlarge"],
buttonspinner: ["Button", "spinner"],
buttonspinneritem: ["Button", "spinnerItem"],
buttonsubmitting: ["Button", "submitting"],
callcurrentcontainer: ["CallCurrent", "wrapper"],
callcurrentdetails: ["CallDetails", "container"],
callcurrentvideo: ["Video", "video"],
callincomingicon: ["CallIncoming", "icon"],
callincomingroot: ["CallIncoming", "root"],
callincomingtitle: ["CallIncoming", "title"],
callincomingwrapper: ["CallIncoming", "wrapper"],
card: ["Card", "card"],
cardbrand: ["Card", "cardBrand"],
cardbrandoutline: ["Card", "cardBrandOutline"],
carddanger: ["Card", "cardDanger"],
carddangeroutline: ["Card", "cardDangerOutline"],
carderror: ["CardStatus", "error"],
cardprimary: ["Card", "cardPrimary"],
cardprimaryeditable: ["Card", "cardPrimaryEditable"],
cardprimaryoutline: ["Card", "cardPrimaryOutline"],
cardprimaryoutlineeditable: ["Card", "cardPrimaryOutlineEditable"],
cardreset: ["CardStatus", "reset"],
cardsuccess: ["Card", "cardSuccess"],
cardsuccessoutline: ["Card", "cardSuccessOutline"],
cardwarning: ["Card", "cardWarning"],
cardwarningoutline: ["Card", "cardWarningOutline"],
categoryaddbutton: ["CategoryContainer", "addButton"],
categoryaddbuttonicon: ["CategoryContainer", "addButtonIcon"],
categorychildren: ["Category", "children"],
categoryclickable: ["Category", "clickable"],
categorycollapsed: ["Category", "collapsed"],
categorycontainerdefault: ["CategoryContainer", "containerDefault"],
categoryforcevisible: ["CategoryContainer", "forceVisible"],
categoryicon: ["Category", "icon"],
categoryiconvisibility: ["CategoryContainer", "iconVisibility"],
categorymuted: ["Category", "muted"],
categoryname: ["Category", "name"],
categorywrapper: ["Category", "wrapper"],
changelogadded: ["ChangeLog", "added"],
changelogcontainer: ["ChangeLog", "container"],
changelogfixed: ["ChangeLog", "fixed"],
changelogimproved: ["ChangeLog", "improved"],
changelogprogress: ["ChangeLog", "progress"],
changelogtitle: ["ChangeLog", "title"],
channelactionicon: ["ChannelContainer", "actionIcon"],
channelchildicon: ["ChannelContainer", "iconItem"],
channelchildiconbase: ["ChannelContainer", "iconBase"],
channelchildren: ["Channel", "children"],
channelcontainerdefault: ["ChannelContainer", "containerDefault"],
channelcontent: ["Channel", "content"],
channeldisabled: ["ChannelContainer", "disabled"],
channelheaderchannelname: ["ChatWindow", "channelName"],
channelheaderchildren: ["HeaderBar", "children"],
channelheaderdivider: ["HeaderBar", "divider"],
channelheaderheaderbar: ["HeaderBar", "container"],
channelheaderheaderbarthemed: ["HeaderBar", "themed"],
channelheaderheaderbartitle: ["HeaderBar", "title"],
channelheadericon: ["HeaderBar", "icon"],
channelheadericonbadge: ["HeaderBar", "iconBadge"],
channelheadericonclickable: ["HeaderBar", "clickable"],
channelheadericonselected: ["HeaderBar", "selected"],
channelheadericonwrapper: ["HeaderBar", "iconWrapper"],
channelheadertitle: ["ChatWindow", "title"],
channelheadertitlewrapper: ["ChatWindow", "titleWrapper"],
channelheadersearch: ["HeaderBarExtras", "search"],
channelheadersearchbar: ["HeaderBarSearch", "searchBar"],
channelheadersearchicon: ["HeaderBarSearch", "icon"],
channelheadersearchinner: ["HeaderBarSearch", "search"],
channelheadertoolbar: ["HeaderBar", "toolbar"],
channelheadertoolbar2: ["HeaderBarExtras", "toolbar"],
channelheadertopic: ["HeaderBarTopic", "topic"],
channelheadertopicexpandable: ["HeaderBarTopic", "expandable"],
channelicon: ["Channel", "icon"],
channeliconvisibility: ["ChannelContainer", "iconVisibility"],
channelmentionsbadge: ["ChannelContainer", "mentionsBadge"],
channelmodeconnected: ["Channel", "modeConnected"],
channelmodelocked: ["Channel", "modeLocked"],
channelmodemuted: ["Channel", "modeMuted"],
channelmodeselected: ["Channel", "modeSelected"],
channelmodeunread: ["Channel", "modeUnread"],
channelname: ["Channel", "name"],
channelpanel: ["AppBase", "activityPanel"],
channelpaneltitle: ["NotFound", "channelPanelTitle"],
channelpanels: ["AppBase", "panels"],
channels: ["AppBase", "sidebar"],
channelselected: ["ChannelContainer", "selected"],
channelsscroller: ["GuildChannels", "scroller"],
channelsunreadbar: ["GuildChannels", "unreadBar"],
channelsunreadbarcontainer: ["GuildChannels", "positionedContainer"],
channelsunreadbarbottom: ["GuildChannels", "unreadBottom"],
channelsunreadbarunread: ["GuildChannels", "unread"],
channelsunreadbartop: ["GuildChannels", "unreadTop"],
channelunread: ["Channel", "unread"],
channeluserlimit: ["ChannelLimit", "wrapper"],
channeluserlimitcontainer: ["ChannelContainer", "userLimit"],
channeluserlimittotal: ["ChannelLimit", "total"],
channeluserlimitusers: ["ChannelLimit", "users"],
channelwrapper: ["Channel", "wrapper"],
charcounter: ["BDFDB", "charCounter"],
chat: ["ChatWindow", "chat"],
chatbase: ["AppBase", "base"],
chatcontent: ["ChatWindow", "chatContent"],
chatform: ["ChatWindow", "form"],
chatinner: ["ChatWindow", "content"],
chatspacer: ["AppBase", "content"],
checkbox: ["Checkbox", "checkbox"],
checkboxchecked: ["Checkbox", "checked"],
checkboxcontainer: ["ModalItems", "checkboxContainer"],
checkboxinput: ["Checkbox", "input"],
checkboxinputdefault: ["Checkbox", "inputDefault"],
checkboxinputdisabled: ["Checkbox", "inputDisabled"],
checkboxround: ["Checkbox", "round"],
checkboxwrapper: ["Checkbox", "checkboxWrapper"],
checkboxwrapperdisabled: ["Checkbox", "checkboxWrapperDisabled"],
collapsecontainer: ["BDFDB", "collapseContainer"],
collapsecontainerarrow: ["BDFDB", "collapseContainerArrow"],
collapsecontainercollapsed: ["BDFDB", "collapseContainerCollapsed"],
collapsecontainerheader: ["BDFDB", "collapseContainerHeader"],
collapsecontainerinner: ["BDFDB", "collapseContainerInner"],
collapsecontainermini: ["BDFDB", "collapseContainerMini"],
collapsecontainertitle: ["BDFDB", "collapseContainerTitle"],
colorbase: ["TextColor2", "base"],
colorbrand: ["TextColor", "colorBrand"],
colorerror: ["TextColor", "colorError"],
colormuted: ["TextColor", "colorMuted"],
colorgreen: ["TextColor", "colorStatusGreen"],
colorpicker: ["ColorPicker", "colorPickerCustom"],
colorpickeralpha: ["BDFDB", "colorPickerAlpha"],
colorpickeralphacheckered: ["BDFDB", "colorPickerAlphaCheckered"],
colorpickeralphacursor: ["BDFDB", "colorPickerAlphaCursor"],
colorpickeralphahorizontal: ["BDFDB", "colorPickerAlphaHorizontal"],
colorpickergradient: ["BDFDB", "colorPickerGradient"],
colorpickergradientbutton: ["BDFDB", "colorPickerGradientButton"],
colorpickergradientbuttonenabled: ["BDFDB", "colorPickerGradientButtonEnabled"],
colorpickergradientcheckered: ["BDFDB", "colorPickerGradientCheckered"],
colorpickergradientcursor: ["BDFDB", "colorPickerGradientCursor"],
colorpickergradientcursoredge: ["BDFDB", "colorPickerGradientCursorEdge"],
colorpickergradientcursorselected: ["BDFDB", "colorPickerGradientCursorSelected"],
colorpickergradienthorizontal: ["BDFDB", "colorPickerGradientHorizontal"],
colorpickerhexinput: ["ColorPicker", "customColorPickerInput"],
colorpickerhue: ["ColorPickerInner", "hue"],
colorpickerhuecursor: ["NotFound", "hueCursor"],
colorpickerhuehorizontal: ["NotFound", "hueHorizontal"],
colorpickerhuevertical: ["NotFound", "hueVertical"],
colorpickerinner: ["ColorPickerInner", "wrapper"],
colorpickerrow: ["ColorPicker", "colorPickerRow"],
colorpickersaturation: ["ColorPickerInner", "saturation"],
colorpickersaturationblack: ["NotFound", "saturationBlack"],
colorpickersaturationcolor: ["NotFound", "saturationColor"],
colorpickersaturationcursor: ["NotFound", "saturationCursor"],
colorpickersaturationwhite: ["NotFound", "saturationWhite"],
colorpickerswatch: ["ColorPicker", "colorPickerSwatch"],
colorpickerswatches: ["BDFDB", "colorPickerSwatches"],
colorpickerswatchesdisabled: ["BDFDB", "colorPickerSwatchesDisabled"],
colorpickerswatchcustom: ["ColorPicker", "custom"],
colorpickerswatchdefault: ["ColorPicker", "default"],
colorpickerswatchdisabled: ["ColorPicker", "disabled"],
colorpickerswatchdropper: ["ColorPicker", "colorPickerDropper"],
colorpickerswatchdropperfg: ["ColorPicker", "colorPickerDropperFg"],
colorpickerswatchnocolor: ["ColorPicker", "noColor"],
colorpickerswatchselected: ["BDFDB", "colorPickerSwatchSelected"],
colorpickerswatchsingle: ["BDFDB", "colorPickerSwatchSingle"],
colorpickerswatchsinglewrapper: ["BDFDB", "colorPickerSwatchSingleWrapper"],
colorpickerwrapper: ["BDFDB", "colorPicker"],
colorprimary: ["TextColor", "colorHeaderPrimary"],
colorred: ["TextColor", "colorStatusRed"],
colorsecondary: ["TextColor", "colorHeaderSecondary"],
colorselectable: ["TextColor", "selectable"],
colorstandard: ["TextColor", "colorStandard"],
coloryellow: ["TextColor", "colorStatusYellow"],
cursordefault: ["Cursor", "cursorDefault"],
cursorpointer: ["Cursor", "cursorPointer"],
customstatusemoji: ["CustomStatusIcon", "emoji"],
customstatusicon: ["CustomStatusIcon", "icon"],
defaultcolor: ["Text", "defaultColor"],
description: ["FormText", "description"],
directioncolumn: ["Flex", "directionColumn"],
directiondown: ["IconDirection", "directionDown"],
directionleft: ["IconDirection", "directionLeft"],
directionright: ["IconDirection", "directionRight"],
directionrow: ["Flex", "directionRow"],
directionrowreverse: ["Flex", "directionRowReverse"],
directionup: ["IconDirection", "directionUp"],
directiontransition: ["IconDirection", "transition"],
disabled: ["SettingsItems", "disabled"],
discriminator: ["NameTag", "discriminator"],
divider: ["ModalDivider", "divider"],
dividerdefault: ["SettingsItems", "dividerDefault"],
dividermini: ["SettingsItems", "dividerMini"],
dmchannel: ["PrivateChannel", "channel"],
dmchannelactivity: ["PrivateChannel", "activity"],
dmchannelactivityemoji: ["PrivateChannel", "activityEmoji"],
dmchannelactivitytext: ["PrivateChannel", "activityText"],
dmchannelclose: ["PrivateChannel", "closeButton"],
dmchannelheadercontainer: ["PrivateChannelListScroller", "privateChannelsHeaderContainer"],
dmchannelheadertext: ["PrivateChannelListScroller", "headerText"],
dmchannels: ["PrivateChannelList", "privateChannels"],
dmchannelsempty: ["PrivateChannelListScroller", "empty"],
dmchannelsscroller: ["PrivateChannelListScroller", "scroller"],
dmpill: ["GuildDm", "pill"],
downloadlink: ["DownloadLink", "downloadLink"],
ellipsis: ["PopoutActivity", "ellipsis"],
embed: ["Embed", "embed"],
embedauthor: ["Embed", "embedAuthor"],
embedauthoricon: ["Embed", "embedAuthorIcon"],
embedauthorname: ["Embed", "embedAuthorName"],
embedauthornamelink: ["Embed", "embedAuthorNameLink"],
embedcentercontent: ["Embed", "centerContent"],
embeddescription: ["Embed", "embedDescription"],
embedfield: ["Embed", "embedField"],
embedfieldname: ["Embed", "embedFieldName"],
embedfields: ["Embed", "embedFields"],
embedfieldvalue: ["Embed", "embedFieldValue"],
embedfooter: ["Embed", "embedFooter"],
embedfootericon: ["Embed", "embedFooterIcon"],
embedfooterseparator: ["Embed", "embedFooterSeparator"],
embedfootertext: ["Embed", "embedFooterText"],
embedfull: ["Embed", "embedFull"],
embedgiftag: ["Embed", "embedGIFTag"],
embedgrid: ["Embed", "grid"],
embedhasthumbnail: ["Embed", "hasThumbnail"],
embedhiddenspoiler: ["Embed", "hiddenSpoiler"],
embediframe: ["Embed", "embedIframe"],
embedimage: ["Embed", "embedImage"],
embedlink: ["Embed", "embedLink"],
embedmargin: ["Embed", "embedMargin"],
embedmedia: ["Embed", "embedMedia"],
embedprovider: ["Embed", "embedProvider"],
embedspoilerattachment: ["Embed", "spoilerAttachment"],
embedspoilerembed: ["Embed", "spoilerEmbed"],
embedspotify: ["Embed", "embedSpotify"],
embedthumbnail: ["Embed", "embedThumbnail"],
embedtitle: ["Embed", "embedTitle"],
embedtitlelink: ["Embed", "embedTitleLink"],
embedvideo: ["Embed", "embedVideo"],
embedvideoaction: ["Embed", "embedVideoAction"],
embedvideoactions: ["Embed", "embedVideoActions"],
embedvideoimagecomponent: ["Embed", "embedVideoImageComponent"],
embedvideoimagecomponentinner: ["Embed", "embedVideoImageComponentInner"],
embedwrapper: ["MessageAccessory", "embedWrapper"],
emoji: ["Emoji", "emoji"],
emojiold: ["NotFound", "emoji"],
emojibutton: ["EmojiButton", "emojiButton"],
emojibuttonhovered: ["EmojiButton", "emojiButtonHovered"],
emojibuttonnormal: ["EmojiButton", "emojiButtonNormal"],
emojibuttonsprite: ["EmojiButton", "sprite"],
emojiinput: ["EmojiInput", "input"],
emojiinputbutton: ["EmojiInput", "emojiButton"],
emojiinputbuttoncontainer: ["EmojiInput", "emojiButtonContainer"],
emojiinputclearbutton: ["EmojiInput", "clearButton"],
emojiinputclearicon: ["EmojiInput", "clearIcon"],
emojiinputcontainer: ["EmojiInput", "inputContainer"],
emojiinputmodal: ["EmojiInput", "modalRoot"],
emojipickerbutton: ["Reactions", "reactionBtn"],
emojipicker: ["EmojiPicker", "emojiPicker"],
emojipickerdiversityemojiitem: ["EmojiPickerDiversitySelector", "diversityEmojiItem"],
emojipickerdiversityemojiitemimage: ["EmojiPickerDiversitySelector", "diversityEmojiItemImage"],
emojipickerdiversityselector: ["EmojiPickerDiversitySelector", "diversitySelector"],
emojipickerdiversityselectorpopout: ["EmojiPickerDiversitySelector", "diversitySelectorPopout"],
emojipickerdiversityselectorwrapper: ["EmojiPicker", "diversitySelector"],
emojipickeremojispriteimage: ["EmojiPickerItem", "emojiSpriteImage"],
emojipickerheader: ["EmojiPicker", "header"],
emojipickerinspector: ["EmojiPickerInspector", "inspector"],
emojipickerinspectoremoji: ["EmojiPickerInspector", "emoji"],
errorscreen: ["ErrorScreen", "wrapper"],
expressionpicker: ["ExpressionPicker", "contentWrapper"],
expressionpickernav: ["ExpressionPicker", "nav"],
expressionpickernavbutton: ["ExpressionPicker", "navButton"],
expressionpickernavbuttonactive: ["ExpressionPicker", "navButtonActive"],
expressionpickernavitem: ["ExpressionPicker", "navItem"],
expressionpickernavlist: ["ExpressionPicker", "navList"],
favbuttoncontainer: ["BDFDB", "favButtonContainer"],
fileattachment: ["File", "attachment"],
fileattachmentinner: ["File", "attachmentInner"],
filecancelbutton: ["File", "cancelButton"],
filedownloadbutton: ["File", "downloadButton"],
filename: ["File", "filename"],
filenamelink: ["File", "fileNameLink"],
filenamelinkwrapper: ["File", "filenameLinkWrapper"],
filenamewrapper: ["File", "filenameWrapper"],
flex: ["FlexChild", "flex"],
flex2: ["Flex", "flex"],
flexcenter: ["Flex", "flexCenter"],
flexchild: ["FlexChild", "flexChild"],
flexmarginreset: ["FlexChild", "flexMarginReset"],
flexspacer: ["Flex", "spacer"],
flowerstar: ["FlowerStar", "flowerStar"],
flowerstarchild: ["FlowerStar", "childContainer"],
flowerstarcontainer: ["FlowerStar", "flowerStarContainer"],
focusable: ["Focusable", "focusable"],
formtext: ["FormText", "formText"],
game: ["Game", "game"],
gameicon: ["GameIcon", "gameIcon"],
gameiconlarge: ["GameIcon", "large"],
gameiconmedium: ["GameIcon", "medium"],
gameiconsmall: ["GameIcon", "small"],
gameiconxsmall: ["GameIcon", "xsmall"],
gamelibrarytable: ["GameLibraryTable", "table"],
gamelibrarytableheader: ["GameLibraryTable", "header"],
gamelibrarytableheadercell: ["GameLibraryTable", "headerCell"],
gamelibrarytableheadercellsorted: ["GameLibraryTable", "headerCellSorted"],
gamelibrarytablerow: ["GameLibraryTable", "row"],
gamelibrarytablerowwrapper: ["GameLibraryTable", "rowWrapper"],
gamelibrarytablestickyheader: ["GameLibraryTable", "stickyHeader"],
gamename: ["Game", "gameName"],
gamenameinput: ["Game", "gameNameInput"],
giffavoritebutton: ["MessageAccessory", "gifFavoriteButton"],
giffavoritecolor: ["GifFavoriteButton", "gifFavoriteButton"],
giffavoriteicon: ["GifFavoriteButton", "icon"],
giffavoriteshowpulse: ["GifFavoriteButton", "showPulse"],
giffavoritesize: ["GifFavoriteButton", "size"],
giffavoriteselected: ["GifFavoriteButton", "selected"],
goliveactions: ["GoLiveDetails", "actions"],
golivebody: ["GoLiveDetails", "body"],
goliveclickablegamewrapper: ["GoLiveDetails", "clickableGameWrapper"],
golivegameicon: ["GoLiveDetails", "gameIcon"],
golivegamename: ["GoLiveDetails", "gameName"],
golivegamewrapper: ["GoLiveDetails", "gameWrapper"],
goliveinfo: ["GoLiveDetails", "info"],
golivepanel: ["GoLiveDetails", "panel"],
guild: ["BDFDB", "guild"],
guildbuttoncontainer: ["GuildsItems", "circleButtonMask"],
guildbuttoninner: ["GuildsItems", "circleIconButton"],
guildbuttonicon: ["GuildsItems", "circleIcon"],
guildbuttonpill: ["GuildsItems", "pill"],
guildbuttonselected: ["GuildsItems", "selected"],
guildchannels: ["NotFound", "guildChannels"],
guildcontainer: ["GuildServer", "blobContainer"],
guilddiscovery: ["GuildDiscovery", "pageWrapper"],
guildedge: ["GuildEdges", "edge"],
guildedgehalf: ["GuildEdges", "half"],
guildedgehigher: ["GuildEdges", "higher"],
guildedgemiddle: ["GuildEdges", "middle"],
guildedgewrapper: ["GuildEdges", "wrapper"],
guildserror: ["GuildsItems", "guildsError"],
guildserrorinner: ["GuildsItems", "errorInner"],
guildfolder: ["GuildFolder", "folder"],
guildfolderexpandedbackground: ["GuildFolder", "expandedFolderBackground"],
guildfolderexpandedbackgroundcollapsed: ["GuildFolder", "collapsed"],
guildfolderexpandedbackgroundhover: ["GuildFolder", "hover"],
guildfolderguildicon: ["GuildFolder", "guildIcon"],
guildfoldericonwrapper: ["GuildFolder", "folderIconWrapper"],
guildfoldericonwrapperclosed: ["GuildFolder", "closedFolderIconWrapper"],
guildfoldericonwrapperexpanded: ["GuildFolder", "expandedFolderIconWrapper"],
guildfolderwrapper: ["GuildFolder", "wrapper"],
guildheader: ["GuildHeader", "container"],
guildheaderbannerimage: ["GuildHeader", "bannerImage"],
guildheaderbannerimagecontainer: ["GuildHeader", "animatedContainer"],
guildheaderbannervisible: ["GuildHeader", "bannerVisible"],
guildheaderbutton: ["GuildHeaderButton", "button"],
guildheaderbuttonopen: ["GuildHeaderButton", "open"],
guildheaderclickable: ["GuildHeader", "clickable"],
guildheaderhasbanner: ["GuildHeader", "hasBanner"],
guildheadericoncontainer: ["GuildHeader", "guildIconContainer"],
guildheadericonbgtiernone: ["GuildHeader", "iconBackgroundTierNone"],
guildheadericonbgtierone: ["GuildHeader", "iconBackgroundTierOne"],
guildheadericonbgtierthree: ["GuildHeader", "iconBackgroundTierThree"],
guildheadericonbgtiertwo: ["GuildHeader", "iconBackgroundTierTwo"],
guildheadericonpremiumgem: ["GuildHeader", "premiumGuildIconGem"],
guildheadericontiernone: ["GuildHeader", "iconTierNone"],
guildheadericontierone: ["GuildHeader", "iconTierOne"],
guildheadericontierthree: ["GuildHeader", "iconTierThree"],
guildheadericontiertwo: ["GuildHeader", "iconTierTwo"],
guildheaderheader: ["GuildHeader", "header"],
guildheadername: ["GuildHeader", "name"],
guildicon: ["GuildIcon", "icon"],
guildiconacronym: ["GuildIcon", "acronym"],
guildiconbadge: ["GuildsItems", "iconBadge"],
guildiconchildwrapper: ["GuildIcon", "childWrapper"],
guildiconselected: ["GuildIcon", "selected"],
guildiconwrapper: ["GuildIcon", "wrapper"],
guildinner: ["Guild", "wrapper"],
guildinnerwrapper: ["GuildsItems", "listItemWrapper"],
guildlowerbadge: ["Guild", "lowerBadge"],
guildlowerleftbadge: ["BDFDB", "guildLowerLeftBadge"],
guildouter: ["GuildsItems", "listItem"],
guildpill: ["GuildServer", "pill"],
guildpillitem: ["PillWrapper", "item"],
guildpillwrapper: ["PillWrapper", "wrapper"],
guildplaceholder: ["GuildsItems", "dragInner"],
guildplaceholdermask: ["GuildsItems", "placeholderMask"],
guilds: ["AppBase", "guilds"],
guildseparator: ["GuildsItems", "guildSeparator"],
guildserror: ["GuildsItems", "guildsError"],
guildsettingsbannedcard: ["GuildSettingsBanned", "bannedUser"],
guildsettingsbanneddiscrim: ["GuildSettingsBanned", "discrim"],
guildsettingsbannedusername: ["GuildSettingsBanned", "username"],
guildsettingsemojicard: ["GuildSettingsEmoji", "emojiRow"],
guildsettingsinvitecard: ["GuildSettingsInvite", "inviteSettingsInviteRow"],
guildsettingsinvitechannelname: ["GuildSettingsInvite", "channelName"],
guildsettingsinviteusername: ["GuildSettingsInvite", "username"],
guildsettingsmembercard: ["GuildSettingsMember", "member"],
guildsettingsmembername: ["GuildSettingsMember", "name"],
guildsettingsmembernametag: ["GuildSettingsMember", "nameTag"],
guildsettingsrolesbuttonwrapper: ["GuildSettingsRoles", "buttonWrapper"],
guildslabel: ["BDFDB", "guildsLabel"],
guildsscroller: ["GuildsWrapper", "scroller"],
guildsummaryclickableicon: ["BDFDB", "guildSummaryClickableIcon"],
guildsummarycontainer: ["BDFDB", "guildSummaryContainer"],
guildsummaryemptyguild: ["BDFDB", "guildSummaryEmptyGuild"],
guildsummaryicon: ["BDFDB", "guildSummaryIcon"],
guildsummaryiconcontainer: ["BDFDB", "guildSummaryIconContainer"],
guildsummaryiconcontainermasked: ["BDFDB", "guildSummaryIconContainerMasked"],
guildsummarymoreguilds: ["BDFDB", "guildSummaryMoreGuilds"],
guildsummarysvgicon: ["BDFDB", "guildSummarySvgIcon"],
guildsvg: ["Guild", "svg"],
guildswrapper: ["GuildsWrapper", "wrapper"],
guildswrapperunreadmentionsbar: ["GuildsWrapper", "unreadMentionsBar"],
guildswrapperunreadmentionsbarbottom: ["GuildsWrapper", "unreadMentionsIndicatorBottom"],
guildswrapperunreadmentionsbartop: ["GuildsWrapper", "unreadMentionsIndicatorTop"],
guildtutorialcontainer: ["GuildsItems", "tutorialContainer"],
guildupperbadge: ["Guild", "upperBadge"],
guildupperleftbadge: ["BDFDB", "guildUpperLeftBadge"],
h1: ["Text", "h1"],
h1defaultmargin: ["Text", "defaultMarginh1"],
h2: ["Text", "h2"],
h2defaultmargin: ["Text", "defaultMarginh2"],
h3: ["Text", "h3"],
h3defaultmargin: ["Text", "defaultMarginh3"],
h4: ["Text", "h4"],
h4defaultmargin: ["Text", "defaultMarginh4"],
h5: ["Text", "h5"],
h5defaultmargin: ["Text", "defaultMarginh5"],
headertitle: ["Text", "title"],
height12: ["UserPopout", "height12"],
height16: ["File", "height16"],
height24: ["Title", "height24"],
height36: ["Notice", "height36"],
highlight: ["NotFound", "highlight"],
homebuttonicon: ["HomeIcon", "homeIcon"],
homebuttonpill: ["HomeIcon", "pill"],
horizontal: ["FlexChild", "horizontal"],
horizontal2: ["NotFound", "_"],
horizontalreverse: ["FlexChild", "horizontalReverse"],
horizontalreverse2: ["NotFound", "_"],
hotkeybase: ["NotFound", "_"],
hotkeybutton: ["HotKeyRecorder", "button"],
hotkeybutton2: ["NotFound", "_"],
hotkeycontainer: ["HotKeyRecorder", "container"],
hotkeycontainer2: ["NotFound", "_"],
hotkeydisabled: ["HotKeyRecorder", "disabled"],
hotkeydisabled2: ["NotFound", "_"],
hotkeyediticon: ["HotKeyRecorder", "editIcon"],
hotkeyhasvalue: ["HotKeyRecorder", "hasValue"],
hotkeyinput: ["HotKeyRecorder", "input"],
hotkeyinput2: ["HotKeyRecorder", "input"],
hotkeylayout: ["HotKeyRecorder", "layout"],
hotkeylayout2: ["HotKeyRecorder", "layout"],
hotkeyrecording: ["HotKeyRecorder", "recording"],
hotkeyresetbutton: ["BDFDB", "hotkeyResetButton"],
hotkeyshadowpulse: ["HotKeyRecorder", "shadowPulse"],
hotkeytext: ["HotKeyRecorder", "text"],
hotkeywrapper: ["BDFDB", "hotkeyWrapper"],
hovercard: ["HoverCard", "card"],
hovercardbutton: ["NotFound", "hoverCardButton"],
hovercardinner: ["BDFDB", "cardInner"],
hovercardwrapper: ["BDFDB", "cardWrapper"],
icon: ["EmbedActions", "icon"],
iconactionswrapper: ["EmbedActions", "wrapper"],
iconexternal: ["EmbedActions", "iconExternal"],
iconexternalmargins: ["EmbedActions", "iconExternalMargins"],
iconplay: ["EmbedActions", "iconPlay"],
iconwrapper: ["EmbedActions", "iconWrapper"],
iconwrapperactive: ["EmbedActions", "iconWrapperActive"],
imageaccessory: ["ImageWrapper", "imageAccessory"],
imageclickable: ["ImageWrapper", "clickable"],
imageerror: ["ImageWrapper", "imageError"],
imageplaceholder: ["ImageWrapper", "imagePlaceholder"],
imageplaceholderoverlay: ["ImageWrapper", "imagePlaceholderOverlay"],
imagemodal: ["ImageModal", "modal"],
imagemodalimage: ["ImageModal", "image"],
imagewrapper: ["ImageWrapper", "imageWrapper"],
imagewrapperbackground: ["ImageWrapper", "imageWrapperBackground"],
imagewrapperinner: ["ImageWrapper", "imageWrapperInner"],
imagezoom: ["ImageWrapper", "imageZoom"],
itemlayer: ["ItemLayerContainer", "layer"],
itemlayercontainer: ["ItemLayerContainer", "layerContainer"],
itemlayerdisabledpointerevents: ["ItemLayerContainer", "disabledPointerEvents"],
input: ["Input", "input"],
inputdefault: ["Input", "inputDefault"],
inputdisabled: ["Input", "disabled"],
inputeditable: ["Input", "editable"],
inputerror: ["Input", "error"],
inputfocused: ["Input", "focused"],
inputmini: ["Input", "inputMini"],
inputprefix: ["Input", "inputPrefix"],
inputsuccess: ["Input", "success"],
inputwrapper: ["Input", "inputWrapper"],
inputnumberbutton: ["BDFDB", "inputNumberButton"],
inputnumberbuttondown: ["BDFDB", "inputNumberButtonDown"],
inputnumberbuttonup: ["BDFDB", "inputNumberButtonUp"],
inputnumberbuttons: ["BDFDB", "inputNumberButtons"],
inputnumberwrapper: ["BDFDB", "inputNumberWrapper"],
inputnumberwrapperdefault: ["BDFDB", "inputNumberWrapperDefault"],
inputnumberwrappermini: ["BDFDB", "inputNumberWrapperMini"],
invite: ["GuildInvite", "wrapper"],
invitebutton: ["GuildInvite", "button"],
invitebuttonfornonmember: ["GuildInvite", "buttonForNonMember"],
invitebuttonresolving: ["GuildInvite", "invite-button-resolving"],
invitebuttonsize: ["GuildInvite", "buttonSize"],
invitechannel: ["GuildInvite", "channel"],
invitechannelicon: ["GuildInvite", "channelIcon"],
invitechannelname: ["GuildInvite", "channelName"],
invitecontent: ["GuildInvite", "content"],
invitecount: ["GuildInvite", "count"],
invitecursordefault: ["GuildInvite", "cursorDefault"],
invitedestination: ["GuildInvite", "inviteDestination"],
invitedestinationexpired: ["GuildInvite", "inviteDestinationExpired"],
invitedestinationjoined: ["GuildInvite", "inviteDestinationJoined"],
inviteguildbadge: ["GuildInvite", "guildBadge"],
inviteguilddetail: ["GuildInvite", "guildDetail"],
inviteguildicon: ["GuildInvite", "guildIcon"],
inviteguildiconexpired: ["GuildInvite", "guildIconExpired"],
inviteguildiconimage: ["GuildInvite", "guildIconImage"],
inviteguildiconimagejoined: ["GuildInvite", "guildIconImageJoined"],
inviteguildiconjoined: ["GuildInvite", "guildIconJoined"],
inviteguildinfo: ["GuildInvite", "guildInfo"],
inviteguildname: ["GuildInvite", "guildName"],
inviteguildnamewrapper: ["GuildInvite", "guildNameWrapper"],
inviteheader: ["GuildInvite", "header"],
invitemodal: ["InviteModal", "modal"],
invitemodalinviterow: ["InviteModal", "inviteRow"],
invitemodalinviterowname: ["InviteModal", "inviteRowName"],
invitemodalwrapper: ["InviteModal", "wrapper"],
invitesplash: ["GuildInvite", "inviteSplash"],
invitesplashimage: ["GuildInvite", "inviteSplashImage"],
invitesplashimageloaded: ["GuildInvite", "inviteSplashImageLoaded"],
inviteresolving: ["GuildInvite", "resolving"],
inviteresolvingbackground: ["GuildInvite", "resolvingBackground"],
invitestatus: ["GuildInvite", "status"],
invitestatuscounts: ["GuildInvite", "statusCounts"],
invitestatusoffline: ["GuildInvite", "statusOffline"],
invitestatusonline: ["GuildInvite", "statusOnline"],
inviteuserselectnone: ["GuildInvite", "userSelectNone"],
italics: ["TextStyle", "italics"],
justifycenter: ["Flex", "justifyCenter"],
justifyend: ["Flex", "justifyEnd"],
justifystart: ["Flex", "justifyStart"],
layermodal: ["LayerModal", "root"],
layermodallarge: ["LayerModal", "large"],
layermodalmedium: ["LayerModal", "medium"],
layermodalsmall: ["LayerModal", "small"],
layer: ["Layers", "layer"],
layerbase: ["Layers", "baseLayer"],
layers: ["Layers", "layers"],
layersbg: ["Layers", "bg"],
listavatar: ["UserProfile", "listAvatar"],
listdiscriminator: ["UserProfile", "listDiscriminator"],
listname: ["UserProfile", "listName"],
listrow: ["UserProfile", "listRow"],
listrowcontent: ["UserProfile", "listRowContent"],
listrowwrapper: ["BDFDB", "listRow"],
listscroller: ["UserProfile", "listScroller"],
livetag: ["LiveTag", "live"],
livetaggrey: ["LiveTag", "grey"],
livetaglarge: ["LiveTag", "liveLarge"],
livetagsmall: ["LiveTag", "liveSmall"],
loadingicon: ["BDFDB", "loadingIcon"],
loadingiconwrapper: ["BDFDB", "loadingIconWrapper"],
loadingscreen: ["LoadingScreen", "container"],
loginscreen: ["NotFound", "loginScreen"],
marginbottom4: ["Margins", "marginBottom4"],
marginbottom8: ["Margins", "marginBottom8"],
marginbottom20: ["Margins", "marginBottom20"],
marginbottom40: ["Margins", "marginBottom40"],
marginbottom60: ["Margins", "marginBottom60"],
margincenterhorz: ["Margins", "marginCenterHorz"],
marginleft4: ["Autocomplete", "marginLeft4"],
marginleft8: ["Autocomplete", "marginLeft8"],
marginreset: ["Margins", "marginReset"],
margintop4: ["Margins", "marginTop4"],
margintop8: ["Margins", "marginTop8"],
margintop20: ["Margins", "marginTop20"],
margintop40: ["Margins", "marginTop40"],
margintop60: ["Margins", "marginTop60"],
member: ["Member", "member"],
memberactivity: ["Member", "activity"],
membericon: ["Member", "icon"],
memberoffline: ["Member", "offline"],
memberownericon: ["Member", "ownerIcon"],
memberpremiumicon: ["Member", "premiumIcon"],
members: ["MembersWrap", "members"],
membersgroup: ["MembersWrap", "membersGroup"],
memberswrap: ["MembersWrap", "membersWrap"],
memberusername: ["Member", "roleColor"],
mention: ["NotFound", "mention"],
mentioninteractive: ["NotFound", "mentionInteractive"],
mentionwrapper: ["NotFound", "mentionWrapper"],
menu: ["Menu", "menu"],
menucaret: ["Menu", "caret"],
menucaretarrow: ["MenuCaret", "arrow"],
menucaretopen: ["MenuCaret", "open"],
menucheck: ["Menu", "check"],
menucheckbox: ["Menu", "checkbox"],
menucolorbrand: ["Menu", "colorBrand"],
menucolorcustom: ["BDFDB", "menuColorCustom"],
menucolordanger: ["Menu", "colorDanger"],
menucolordefault: ["Menu", "colorDefault"],
menucolorpremium: ["Menu", "colorPremium"],
menucustomitem: ["Menu", "customItem"],
menudisabled: ["Menu", "disabled"],
menufocused: ["Menu", "focused"],
menuhideinteraction: ["Menu", "hideInteraction"],
menuhint: ["BDFDB", "menuItemHint"],
menuhintcontainer: ["Menu", "hintContainer"],
menuicon: ["Menu", "icon"],
menuiconcontainer: ["Menu", "iconContainer"],
menuimage: ["Menu", "image"],
menuimagecontainer: ["Menu", "imageContainer"],
menuitem: ["Menu", "item"],
menulabel: ["Menu", "label"],
menulabelcontainer: ["Menu", "labelContainer"],
menureactbutton: ["MenuReactButton", "button"],
menureactbuttonfocused: ["MenuReactButton", "focused"],
menureactbuttonicon: ["MenuReactButton", "icon"],
menureactbuttons: ["MenuReactButton", "wrapper"],
menuscroller: ["Menu", "scroller"],
menuseparator: ["Menu", "separator"],
menuslider: ["MenuSlider", "slider"],
menuslidercontainer: ["MenuSlider", "sliderContainer"],
menustylefixed: ["Menu", "styleFixed"],
menustyleflexible: ["Menu", "styleFlexible"],
menusubmenu: ["Menu", "submenu"],
menusubmenucontainer: ["Menu", "submenuContainer"],
menusubtext: ["Menu", "subtext"],
message: ["Message", "message"],
messageaccessory: ["MessageAccessory", "container"],
messageavatar: ["MessageBody", "avatar"],
messageavatarclickable: ["MessageBody", "clickable"],
messagebackgroundflash: ["Message", "backgroundFlash"],
messagebarbase: ["MessageElements", "barBase"],
messagebarbuttonalt: ["MessageElements", "barButtonAlt"],
messagebarbuttonbase: ["MessageElements", "barButtonBase"],
messagebarbuttonicon: ["MessageElements", "barButtonIcon"],
messagebarbuttonmain: ["MessageElements", "barButtonMain"],
messagebarhasmore: ["MessageElements", "hasMore"],
messagebarjumptopresentbar: ["MessageElements", "jumpToPresentBar"],
messagebarloadingmore: ["MessageElements", "loadingMore"],
messagebarnewmessagesbar: ["MessageElements", "newMessagesBar"],
messagebarspan: ["MessageElements", "span"],
messagebarspinner: ["MessageElements", "spinner"],
messagebarspinneritem: ["MessageElements", "spinnerItem"],
messagebeforegroup: ["Message", "beforeGroup"],
messageblockedaction: ["MessageBlocked", "blockedAction"],
messageblockedcontainer: ["MessageBlocked", "container"],
messageblockedexpanded: ["MessageBlocked", "expanded"],
messageblockedicon: ["MessageBlocked", "blockedIcon"],
messageblockedsystemmessage: ["MessageBlocked", "blockedSystemMessage"],
messageblockedtext: ["MessageBlocked", "blockedMessageText"],
messageblockquotecontainer: ["MessageMarkup", "blockquoteContainer"],
messageblockquotedivider: ["MessageMarkup", "blockquoteDivider"],
messagebottag: ["MessageBody", "botTag"],
messagebottagcompact: ["MessageBody", "botTagCompact"],
messagebottagcozy: ["MessageBody", "botTagCozy"],
messagebuttoncontainer: ["MessageBody", "buttonContainer"],
messagebuttons: ["Message", "buttons"],
messagechanneltextarea: ["Message", "channelTextArea"],
messagecompact: ["MessageBody", "compact"],
messagecontents: ["MessageBody", "contents"],
messagecozy: ["MessageBody", "cozy"],
messagecozymessage: ["Message", "cozyMessage"],
messagedisableinteraction: ["Message", "disableInteraction"],
messagedivider: ["Message", "divider"],
messagedividerhascontent: ["Message", "hasContent"],
messageedited: ["MessageBody", "edited"],
messagegroupstart: ["Message", "groupStart"],
messagegroupblocked: ["MessageElements", "messageGroupBlocked"],
messagegroupblockedbtn: ["MessageElements", "messageGroupBlockedBtn"],
messagegroupblockedrevealed: ["MessageElements", "revealed"],
messageheader: ["MessageBody", "header"],
messagelocalbot: ["Message", "localBot"],
messagelocalbotoperations: ["MessageLocalBot", "localBotMessage"],
messagemarkup: ["MessageMarkup", "markup"],
messagemarkupcompact: ["MessageBody", "compact"],
messagemarkupcontent: ["MessageBody", "messageContent"],
messagemarkupcozy: ["MessageBody", "cozy"],
messagemarkupisfailed: ["MessageBody", "isFailed"],
messagemarkupissending: ["MessageBody", "isSending"],
messagemarkuprtl: ["MessageBody", "markupRtl"],
messagementioned: ["Message", "mentioned"],
messageoperations: ["MessageOperations", "operations"],
messagereaction: ["MessageReactions", "reaction"],
messagereactionme: ["MessageReactions", "reactionMe"],
messagereactions: ["MessageReactions", "reactions"],
messagereactionsmodalemoji: ["MessageReactionsModal", "emoji"],
messagereactionsmodalname: ["MessageReactionsModal", "name"],
messagereactionsmodalnickname: ["MessageReactionsModal", "nickname"],
messagereactionsmodalreactor: ["MessageReactionsModal", "reactor"],
messagereactionsmodalusername: ["MessageReactionsModal", "username"],
messageselected: ["Message", "selected"],
messages: ["MessagesWrap", "messages"],
messagesdivider: ["MessagesWrap", "divider"],
messagesloadingavatar: ["MessagesLoading", "avatar"],
messagesloadingcompact: ["MessagesLoading", "compact"],
messagesloadingcozy: ["MessagesLoading", "cozy"],
messagesloadingmessage: ["MessagesLoading", "wrapper"],
messagesloadingwrapper: ["NotFound", "messagesLoadingWrapper"],
messagespopout: ["MessagesPopout", "messagesPopout"],
messagespopoutactionbuttons: ["MessagesPopout", "actionButtons"],
messagespopoutbody: ["MessagesPopout", "body"],
messagespopoutbottom: ["MessagesPopout", "bottom"],
messagespopoutbutton: ["MessagesPopoutButtons", "button"],
messagespopoutbuttonsecondary: ["MessagesPopoutButtons", "secondary"],
messagespopoutbuttontertiary: ["MessagesPopoutButtons", "tertiary"],
messagespopoutchannelname: ["MessagesPopout", "channelName"],
messagespopoutchannelseparator: ["MessagesPopout", "channelSeparator"],
messagespopoutclosebutton: ["MessagesPopout", "closeIcon"],
messagespopoutemptyplaceholder: ["MessagesPopout", "emptyPlaceholder"],
messagespopoutfooter: ["MessagesPopout", "footer"],
messagespopoutguildname: ["MessagesPopout", "guildName"],
messagespopoutgroupcozy: ["MessagesPopout", "messageGroupCozy"],
messagespopoutgroupwrapper: ["MessagesPopout", "messageGroupWrapper"],
messagespopouthasmore: ["MessagesPopout", "hasMore"],
messagespopouthasmorebutton: ["MessagesPopout", "hasMoreButton"],
messagespopoutheader: ["MessagesPopout", "header"],
messagespopoutimage: ["MessagesPopout", "image"],
messagespopoutjumpbutton: ["MessagesPopout", "jumpButton"],
messagespopoutloading: ["MessagesPopout", "loading"],
messagespopoutloadingmore: ["MessagesPopout", "loadingMore"],
messagespopoutloadingplaceholder: ["MessagesPopout", "loadingPlaceholder"],
messagespopoutscrollingfooterwrap: ["MessagesPopout", "scrollingFooterWrap"],
messagespopoutspinner: ["MessagesPopout", "spinner"],
messagespopouttabbar: ["MessagesPopoutTabBar", "tabBar"],
messagespopouttabbarheader: ["MessagesPopoutTabBar", "header"],
messagespopouttabbartab: ["MessagesPopoutTabBar", "tab"],
messagespopouttabbartabactive: ["MessagesPopoutTabBar", "active"],
messagespopouttitle: ["MessagesPopout", "title"],
messagespopoutvisible: ["MessagesPopout", "visible"],
messagespopoutwrap: ["MessagesPopout", "messagesPopoutWrap"],
messagesscroller: ["MessagesWrap", "scroller"],
messagesscrollercontent: ["MessagesWrap", "scrollerContent"],
messagesscrollerinner: ["MessagesWrap", "scrollerInner"],
messagesscrollerwrapper: ["MessagesWrap", "scrollerWrap"],
messageswelcome: ["MessagesWelcome", "container"],
messageswelcomebutton: ["NotFound", "messagesWelcomeButton"],
messageswelcomedescription: ["MessagesWelcome", "description"],
messageswelcomeemptychannelicon: ["MessagesWelcome", "emptyChannelIcon"],
messageswelcomehasdivider: ["MessagesWelcome", "hasDivider"],
messageswelcomeheader: ["MessagesWelcome", "header"],
messageswelcomelocked: ["MessagesWelcome", "locked"],
messageswrapper: ["MessagesWrap", "messagesWrapper"],
messagesystem: ["Message", "systemMessage"],
messagesystemaccessories: ["MessageBody", "systemMessageAccessories"],
messagesystemcontainer: ["MessageSystem", "container"],
messagesystemcontent: ["MessageSystem", "content"],
messagesystemicon: ["MessageSystem", "icon"],
messagesystemiconcontainer: ["MessageSystem", "iconContainer"],
messagesystemiconsize: ["MessageSystem", "iconSize"],
messagetimedivider: ["MessageDivider", "divider"],
messagetimedividercontent: ["MessageDivider", "content"],
messagetimedividerhascontent: ["MessageDivider", "hasContent"],
messagetimedividerisunread: ["MessageDivider", "isUnread"],
messagetimedividerunreadpill: ["MessageDivider", "unreadPill"],
messagetimedividerunreadpillcap: ["MessageDivider", "unreadPillCap"],
messagetimedividerunreadpillcapstroke: ["MessageDivider", "unreadPillCapStroke"],
messagetimestampasiancompact: ["MessageBody", "asianCompactTimeStamp"],
messagetimestamp: ["MessageBody", "timestamp"],
messagetimestampalt: ["MessageBody", "alt"],
messagetimestamplatin12compact: ["MessageBody", "latin12CompactTimeStamp"],
messagetimestamplatin24compact: ["MessageBody", "latin24CompactTimeStamp"],
messagetimestampseparator: ["MessageBody", "separator"],
messagetimestampsystem: ["MessageSystem", "timestamp"],
messagetimestamptooltip: ["MessageBody", "timestampTooltip"],
messagetimestampvisibleonhover: ["MessageBody", "timestampVisibleOnHover"],
messagetoolbar: ["MessageToolbar", "container"],
messagetoolbarbutton: ["MessageToolbarItems", "button"],
messagetoolbarbuttondisabled: ["MessageToolbarItems", "disabled"],
messagetoolbarbuttonselected: ["MessageToolbarItems", "selected"],
messagetoolbaricon: ["MessageToolbar", "icon"],
messagetoolbarinner: ["MessageToolbarItems", "wrapper"],
messagetoolbarisheader: ["MessageToolbar", "isHeader"],
messagetoolbarseparator: ["MessageToolbarItems", "separator"],
messageuploadcancel: ["MessageFile", "cancelButton"],
messageusername: ["MessageBody", "username"],
messagewrapper: ["MessageBody", "wrapper"],
messagezalgo: ["MessageBody", "zalgo"],
modal: ["ModalWrap", "modal"],
modalclose: ["LayerModal", "close"],
modalchangelogmodal: ["BDFDB", "changeLogModal"],
modalconfirmmodal: ["BDFDB", "confirmModal"],
modalcontent: ["LayerModal", "content"],
modalfooter: ["Modal", "footer"],
modalguildname: ["ModalItems", "guildName"],
modalheader: ["Modal", "header"],
modalheaderhassibling: ["BDFDB", "modalHeaderHasSibling"],
modalheadershade: ["BDFDB", "modalHeaderShade"],
modalinner: ["ModalWrap", "inner"],
modalmini: ["ModalMiniContent", "modal"],
modalminicontent: ["ModalMiniContent", "content"],
modalminitext: ["HeaderBarTopic", "content"],
modalnoscroller: ["BDFDB", "modalNoScroller"],
modalseparator: ["LayerModal", "separator"],
modalsidebar: ["BDFDB", "modalSidebar"],
modalsizelarge: ["Modal", "sizeLarge"],
modalsizemedium: ["Modal", "sizeMedium"],
modalsizesmall: ["Modal", "sizeSmall"],
modalsub: ["Modal", "modal"],
modalsubinner: ["BDFDB", "modalSubInner"],
modaltabcontent: ["BDFDB", "modalTabContent"],
modaltabcontentopen: ["BDFDB", "modalTabContentOpen"],
modalwrapper: ["BDFDB", "modalWrapper"],
modedefault: ["FormText", "modeDefault"],
modedisabled: ["FormText", "modeDisabled"],
modeselectable: ["FormText", "modeSelectable"],
namecontainer: ["NameContainer", "container"],
namecontaineravatar: ["NameContainer", "avatar"],
namecontainerchildren: ["NameContainer", "children"],
namecontainerclickable: ["NameContainer", "clickable"],
namecontainercontent: ["NameContainer", "content"],
namecontainerlayout: ["NameContainer", "layout"],
namecontainername: ["NameContainer", "name"],
namecontainernamecontainer: ["NotFound", "nameContainerNameContainer"],
namecontainernamewrapper: ["NameContainer", "nameAndDecorators"],
namecontainerselected: ["NameContainer", "selected"],
namecontainersubtext: ["NameContainer", "subText"],
nametag: ["NameTag", "nameTag"],
nitrostore: ["NitroStore", "applicationStore"],
nochannel: ["ChatWindow", "noChannel"],
notice: ["Notice", "notice"],
noticebrand: ["Notice", "noticeBrand"],
noticebutton: ["Notice", "button"],
noticedanger: ["Notice", "noticeDanger"],
noticedefault: ["Notice", "noticeDefault"],
noticedownload: ["Notice", "noticeDownload"],
noticedismiss: ["Notice", "dismiss"],
noticefacebook: ["Notice", "noticeFacebook"],
noticeicon: ["Notice", "icon"],
noticeiconandroid: ["Notice", "iconAndroid"],
noticeiconapple: ["Notice", "iconApple"],
noticeiconwindows: ["Notice", "iconWindows"],
noticeinfo: ["Notice", "noticeInfo"],
noticenotification: ["Notice", "noticeNotification"],
noticeplatformicon: ["Notice", "platformIcon"],
noticepremium: ["Notice", "noticePremium"],
noticepremiumaction: ["Notice", "premiumAction"],
noticepremiumlogo: ["Notice", "premiumLogo"],
noticepremiumtext: ["Notice", "premiumText"],
noticepremiumtier1: ["Notice", "noticePremiumTier1"],
noticepremiumtier2: ["Notice", "noticePremiumTier2"],
noticerichpresence: ["Notice", "noticeRichPresence"],
noticespotify: ["Notice", "noticeSpotify"],
noticestreamer: ["Notice", "noticeStreamerMode"],
noticesuccess: ["Notice", "noticeSuccess"],
noticesurvey: ["Notice", "noticeSurvey"],
noticewrapper: ["BDFDB", "noticeWrapper"],
note: ["SettingsItems", "note"],
nowrap: ["Flex", "noWrap"],
overflowellipsis: ["BDFDB", "overflowEllipsis"],
paginationlist: ["BDFDB", "paginationList"],
paginationlistalphabet: ["BDFDB", "paginationListAlphabet"],
paginationlistalphabetchar: ["BDFDB", "paginationListAlphabetChar"],
paginationlistalphabetchardisabled: ["BDFDB", "paginationListAlphabetCharDisabled"],
paginationlistcontent: ["BDFDB", "paginationListContent"],
paginationlistmini: ["BDFDB", "paginationListMini"],
paginationlistpagination: ["BDFDB", "paginationListPagination"],
peopleactions: ["PeopleItemInfo", "actions"],
peopleinner: ["PeopleItemInfo", "listItemContents"],
peoples: ["Peoples", "container"],
peoplesbadge: ["Peoples", "badge"],
peoplesnowplayingcolumn: ["Peoples", "nowPlayingColumn"],
peoplespeoplecolumn: ["Peoples", "peopleColumn"],
peoplestabbar: ["Peoples", "tabBar"],
peoplewrapper: ["PeopleItem", "peopleListItem"],
pictureinpicture: ["PictureInPicture", "pictureInPicture"],
pictureinpicturewindow: ["PictureInPicture", "pictureInPictureWindow"],
popout: ["Popout", "popout"],
popoutarrowalignmentmiddle: ["Popout", "arrowAlignmentMiddle"],
popoutarrowalignmenttop: ["Popout", "arrowAlignmentTop"],
popoutbottom: ["Popout", "popoutBottom"],
popoutbottomleft: ["Popout", "popoutBottomLeft"],
popoutbottomright: ["Popout", "popoutBottomRight"],
popoutinvert: ["Popout", "popoutInvert"],
popoutleft: ["Popout", "popoutLeft"],
popoutnoarrow: ["Popout", "noArrow"],
popoutnoshadow: ["Popout", "noShadow"],
popoutright: ["Popout", "popoutRight"],
popouts: ["Popout", "popouts"],
popoutthemedpopout: ["BDFDB", "themedPopout"],
popouttop: ["Popout", "popoutTop"],
popouttopleft: ["Popout", "popoutTopLeft"],
popouttopright: ["Popout", "popoutTopRight"],
popoutwrapper: ["BDFDB", "popoutWrapper"],
quickmessage: ["QuickMessage", "input"],
quickselect: ["QuickSelect", "quickSelect"],
quickselectarrow: ["QuickSelect", "quickSelectArrow"],
quickselectclick: ["QuickSelect", "quickSelectClick"],
quickselectlabel: ["QuickSelect", "quickSelectLabel"],
quickselectvalue: ["QuickSelect", "quickSelectValue"],
quickselectwrapper: ["BDFDB", "quickSelectWrapper"],
quickswitcher: ["QuickSwitchWrap", "quickswitcher"],
quickswitchresult: ["QuickSwitch", "result"],
quickswitchresultfocused: ["QuickSwitch", "resultFocused"],
quickswitchresultguildicon: ["QuickSwitch", "guildIcon"],
quickswitchresulticon: ["QuickSwitch", "icon"],
quickswitchresulticoncontainer: ["QuickSwitch", "iconContainer"],
quickswitchresultmatch: ["QuickSwitch", "match"],
quickswitchresultmisccontainer: ["QuickSwitchWrap", "miscContainer"],
quickswitchresultname: ["QuickSwitch", "name"],
quickswitchresultnote: ["QuickSwitch", "note"],
quickswitchresultusername: ["QuickSwitch", "username"],
recentmentionschannelname: ["RecentMentionsHeader", "channelName"],
recentmentionsclosebutton: ["RecentMentions", "closeButton"],
recentmentionsdmicon: ["RecentMentionsHeader", "dmIcon"],
recentmentionsguildicon: ["RecentMentionsHeader", "guildIcon"],
recentmentionsguildname: ["RecentMentionsHeader", "guildName"],
recentmentionsjumpbutton: ["RecentMentions", "jumpButton"],
recentmentionspopout: ["RecentMentions", "recentMentionsPopout"],
scrollbar: ["Scrollbar", "scrollbar"],
scrollbardefault: ["Scrollbar", "scrollbarDefault"],
scrollbarghost: ["Scrollbar", "scrollbarGhost"],
scrollbarghosthairline: ["Scrollbar", "scrollbarGhostHairline"],
scroller: ["Scroller", "scrollerBase"],
scrollerauto: ["Scroller", "auto"],
scrollercontent: ["Scroller", "content"],
scrollerdisablescrollanchor: ["Scroller", "disableScrollAnchor"],
scrollerfade: ["Scroller", "fade"],
scrollernone: ["Scroller", "none"],
scrollerscrolling: ["Scroller", "scrolling"],
scrollerthin: ["Scroller", "thin"],
searchbar: ["SearchBar", "container"],
searchbarclear: ["SearchBar", "clear"],
searchbarclose: ["SearchBar", "close"],
searchbaricon: ["SearchBar", "icon"],
searchbariconlayout: ["SearchBar", "iconLayout"],
searchbariconwrap: ["SearchBar", "iconContainer"],
searchbarinner: ["SearchBar", "inner"],
searchbarinput: ["SearchBar", "input"],
searchbarlarge: ["SearchBar", "large"],
searchbarmedium: ["SearchBar", "medium"],
searchbarsmall: ["SearchBar", "small"],
searchbartag: ["SearchBar", "tag"],
searchbarvisible: ["SearchBar", "visible"],
searchbarwrapper: ["BDFDB", "searchBarWrapper"],
searchpopout: ["SearchPopoutWrap", "container"],
searchpopoutanswer: ["SearchPopout", "answer"],
searchpopoutdatepicker: ["SearchPopout", "datePicker"],
searchpopoutdatepickerhint: ["SearchPopout", "datePickerHint"],
searchpopoutdmaddpopout: ["DmAddPopout", "popout"],
searchpopoutddmadddiscordtag: ["DmAddPopoutItems", "discordTag"],
searchpopoutddmaddfriend: ["DmAddPopoutItems", "friend"],
searchpopoutddmaddfriendwrapper: ["DmAddPopoutItems", "friendWrapper"],
searchpopoutddmaddnickname: ["DmAddPopoutItems", "nickname"],
searchpopoutdisplayavatar: ["SearchPopout", "displayAvatar"],
searchpopoutdisplayusername: ["SearchPopout", "displayUsername"],
searchpopoutdisplayednick: ["SearchPopout", "displayedNick"],
searchpopoutfilter: ["SearchPopout", "filter"],
searchpopoutheader: ["SearchPopout", "header"],
searchpopouthint: ["SearchPopout", "hint"],
searchpopouthintvalue: ["SearchPopout", "hintValue"],
searchpopoutlinksource: ["SearchPopout", "linkSource"],
searchpopoutnontext: ["SearchPopout", "nonText"],
searchpopoutoption: ["SearchPopout", "option"],
searchpopoutplusicon: ["SearchPopout", "plusIcon"],
searchpopoutresultchannel: ["SearchPopout", "resultChannel"],
searchpopoutresultsgroup: ["SearchPopout", "resultsGroup"],
searchpopoutsearchclearhistory: ["SearchPopout", "searchClearHistory"],
searchpopoutsearchlearnmore: ["SearchPopout", "searchLearnMore"],
searchpopoutsearchoption: ["SearchPopout", "searchOption"],
searchpopoutsearchresultchannelcategory: ["SearchPopout", "searchResultChannelCategory"],
searchpopoutsearchresultchannelicon: ["SearchPopout", "searchResultChannelIcon"],
searchpopoutsearchresultchanneliconbackground: ["SearchPopout", "searchResultChannelIconBackground"],
searchpopoutselected: ["SearchPopout", "selected"],
searchpopoutuser: ["SearchPopout", "user"],
searchresultsafter: ["SearchResultsMessage", "after"],
searchresultsalt: ["SearchResults", "alt"],
searchresultsbefore: ["SearchResultsMessage", "before"],
searchresultschannelname: ["SearchResultsElements", "channelName"],
searchresultschannelSeparator: ["SearchResultsElements", "channelSeparator"],
searchresultsexpanded: ["SearchResultsMessage", "expanded"],
searchresultsgroupcozy: ["SearchResultsMessage", "messageGroupCozy"],
searchresultshit: ["SearchResultsMessage", "hit"],
searchresultspagination: ["SearchResultsPagination", "pagination"],
searchresultspaginationbutton: ["SearchResultsPagination", "paginationButton"],
searchresultspaginationdisabled: ["SearchResultsPagination", "disabled"],
searchresultspaginationicon: ["SearchResultsPagination", "icon"],
searchresultssibling: ["SearchResultsMessage", "sibling"],
searchresultswrap: ["SearchResults", "searchResultsWrap"],
select: ["Select", "select"],
selectwrapper: ["BDFDB", "selectWrapper"],
settingsclosebutton: ["SettingsCloseButton", "closeButton"],
settingsclosebuttoncontainer: ["SettingsCloseButton", "container"],
settingsguild: ["BDFDB", "settingsGuild"],
settingsguilddisabled: ["BDFDB", "settingsGuildDisabled"],
settingsheader: ["Item", "header"],
settingsitem: ["Item", "item"],
settingsitemdragged: ["ItemRole", "dragged"],
settingsitemdlock: ["ItemRole", "lock"],
settingsitemrole: ["ItemRole", "role"],
settingsitemroleinner: ["ItemRole", "roleInner"],
settingsitemselected: ["Item", "selected"],
settingsitemthemed: ["Item", "themed"],
settingsPanel: ["BDFDB", "settingsPanel"],
settingspanelheader: ["BDFDB", "settingsPanelHeader"],
settingspanelheaderbutton: ["BDFDB", "settingsPanelHeaderButton"],
settingspanelheadercontrols: ["BDFDB", "settingsPanelHeaderControls"],
settingspanelinner: ["BDFDB", "settingsPanelInner"],
settingspanellist: ["BDFDB", "settingsPanelList"],
settingspaneltitle: ["BDFDB", "settingsPanelTitle"],
settingsseparator: ["Item", "separator"],
settingstableheader: ["SettingsTable", "header"],
settingstableheadername: ["SettingsTable", "headerName"],
settingstableheaderoption: ["SettingsTable", "headerOption"],
settingstableheaders: ["BDFDB", "settingsTableHeaders"],
settingstableheadervertical: ["BDFDB", "settingsTableHeaderVertical"],
settingstablecard: ["BDFDB", "settingsTableCard"],
settingstablecardconfigs: ["BDFDB", "settingsTableCardConfigs"],
settingstablecardlabel: ["BDFDB", "settingsTableCardLabel"],
settingstablelist: ["BDFDB", "settingsTableList"],
settingswindowcontentcolumn: ["SettingsWindow", "contentColumn"],
settingswindowcontentregion: ["SettingsWindow", "contentRegion"],
settingswindowcontentregionscroller: ["SettingsWindow", "contentRegionScroller"],
settingswindowsidebarregion: ["SettingsWindow", "sidebarRegion"],
settingswindowsidebarregionscroller: ["SettingsWindow", "sidebarRegionScroller"],
settingswindowstandardsidebarview: ["SettingsWindow", "standardSidebarView"],
settingswindowsubsidebarcontent: ["SettingsWindowScroller", "content"],
settingswindowsubsidebarscroller: ["SettingsWindowScroller", "scroller"],
settingswindowtoolscontainer: ["SettingsWindow", "toolsContainer"],
sidebar: ["BDFDB", "sidebar"],
sidebarcontent: ["BDFDB", "sidebarContent"],
sidebarlist: ["BDFDB", "sidebarList"],
size10: ["TextSize", "size10"],
size12: ["TextSize", "size12"],
size14: ["TextSize", "size14"],
size16: ["TextSize", "size16"],
size20: ["TextSize", "size20"],
size24: ["TextSize", "size24"],
size32: ["TextSize", "size32"],
slider: ["Slider", "slider"],
sliderbar: ["Slider", "bar"],
sliderbarfill: ["Slider", "barFill"],
sliderbubble: ["BDFDB", "sliderBubble"],
sliderdisabled: ["Slider", "disabled"],
slidergrabber: ["Slider", "grabber"],
sliderinput: ["Slider", "input"],
slidermark: ["Slider", "mark"],
slidermarkdash: ["Slider", "markDash"],
slidermarkdashsimple: ["Slider", "markDashSimple"],
slidermarkvalue: ["Slider", "markValue"],
slidermini: ["Slider", "mini"],
slidertrack: ["Slider", "track"],
spoilercontainer: ["Spoiler", "spoilerContainer"],
spoilerembed: ["SpoilerEmbed", "spoiler"],
spoilerembedhidden: ["SpoilerEmbed", "hiddenSpoilers"],
spoilerembedinline: ["SpoilerEmbed", "inline"],
spoilerhidden: ["Spoiler", "hidden"],
spoilertext: ["Spoiler", "spoilerText"],
spoilerwarning: ["Spoiler", "spoilerWarning"],
splashbackground: ["NotFound", "splashBackground"],
strikethrough: ["TextStyle", "strikethrough"],
status: ["Avatar", "status"],
stopanimations: ["NotFound", "stopAnimations"],
subtext: ["NotFound", "subtext"],
svgicon: ["BDFDB", "svgIcon"],
svgiconwrapper: ["BDFDB", "svgIconWrapper"],
switch: ["Switch", "switch"],
switchdisabled: ["Switch", "switchDisabled"],
switchenabled: ["Switch", "switchEnabled"],
switchinner: ["Switch", "checkbox"],
switchinnerdisabled: ["Switch", "checkboxDisabled"],
switchinnerenabled: ["Switch", "checkboxEnabled"],
switchsize: ["Switch", "size"],
switchsizedefault: ["Switch", "sizeDefault"],
switchsizemini: ["Switch", "sizeMini"],
switchthemeclear: ["Switch", "themeClear"],
switchthemedefault: ["Switch", "themeDefault"],
switchvalue: ["Switch", "value"],
switchvaluechecked: ["Switch", "valueChecked"],
switchvalueunchecked: ["Switch", "valueUnchecked"],
tabbar: ["UserProfile", "tabBar"],
tabbarcontainer: ["UserProfile", "tabBarContainer"],
tabbarcontainerbottom: ["BDFDB", "tabBarContainerBottom"],
tabbaritem: ["UserProfile", "tabBarItem"],
tabbartop: ["Item", "top"],
table: ["BDFDB", "table"],
tablebodycell: ["BDFDB", "tableBodyCell"],
tableheadercell: ["BDFDB", "tableHeaderCell"],
tableheadercellclickable: ["Table", "clickable"],
tableheadercellcontent: ["Table", "headerCellContent"],
tableheadercellsorted: ["Table", "headerCellSorted"],
tableheadercellwrapper: ["Table", "headerCell"],
tableheadersorticon: ["Table", "sortIcon"],
tablerow: ["Table", "row"],
tablespacerheader: ["Table", "spacerHeader"],
tablestickyheader: ["Table", "stickyHeader"],
textarea: ["ChannelTextArea", "textArea"],
textareaattachbutton: ["ChannelTextAreaAttachButton", "attachButton"],
textareaattachbuttoninner: ["ChannelTextAreaAttachButton", "attachButtonInner"],
textareaattachbuttonplus: ["ChannelTextAreaAttachButton", "attachButtonPlus"],
textareaattachwrapper: ["ChannelTextAreaAttachButton", "attachWrapper"],
textareabutton: ["ChannelTextAreaButton", "button"],
textareabuttonactive: ["ChannelTextAreaButton", "active"],
textareabuttonpulse: ["ChannelTextAreaButton", "pulseButton"],
textareabuttonwrapper: ["ChannelTextAreaButton", "buttonWrapper"],
textareacharcounter: ["ChannelTextAreaCharCounter", "characterCount"],
textareacharcountererror: ["ChannelTextAreaCharCounter", "error"],
textareadisabled: ["ChannelTextArea", "textAreaDisabled"],
textareafontsize12padding: ["ChannelTextArea", "fontSize12Padding"],
textareafontsize14padding: ["ChannelTextArea", "fontSize14Padding"],
textareafontsize15padding: ["ChannelTextArea", "fontSize15Padding"],
textareafontsize16padding: ["ChannelTextArea", "fontSize16Padding"],
textareafontsize18padding: ["ChannelTextArea", "fontSize18Padding"],
textareafontsize20padding: ["ChannelTextArea", "fontSize20Padding"],
textareafontsize24padding: ["ChannelTextArea", "fontSize24Padding"],
textareaicon: ["ChannelTextAreaButton", "icon"],
textareaiconpulse: ["ChannelTextAreaButton", "pulseIcon"],
textareainner: ["ChannelTextArea", "inner"],
textareainnerdisabled: ["ChannelTextArea", "innerDisabled"],
textareapickerbutton: ["ChannelTextArea", "button"],
textareapickerbuttoncontainer: ["ChannelTextArea", "buttonContainer"],
textareapickerbuttons: ["ChannelTextArea", "buttons"],
textareascrollablecontainer: ["ChannelTextArea", "scrollableContainer"],
textareaslate: ["ChannelTextArea", "textAreaSlate"],
textareaslatemarkup: ["ChannelTextAreaSlate", "slateTextArea"],
textareaslatecontainer: ["ChannelTextAreaSlate", "slateContainer"],
textareaslateplaceholder: ["ChannelTextAreaSlate", "placeholder"],
textareauploadinput: ["ChannelTextAreaAttachButton", "uploadInput"],
textareawebkit: ["ChannelTextArea", "webkit"],
textareawrapall: ["ChannelTextArea", "channelTextArea"],
textareawrapchat: ["ChatWindow", "channelTextArea"],
textareawrapdisabled: ["ChannelTextArea", "channelTextAreaDisabled"],
textlink: ["Notice", "textLink"],
textrow: ["PopoutActivity", "textRow"],
textscroller: ["BDFDB", "textScroller"],
themedark: ["NotFound", "themeDark"],
themelight: ["NotFound", "themeLight"],
themeundefined: ["NotFound", "themeUndefined"],
tip: ["Tip", "tip"],
tipblock: ["Tip", "block"],
tippro: ["Tip", "pro"],
tipinline: ["Tip", "inline"],
title: ["SettingsItems", "title"],
titlebar: ["TitleBar", "titleBar"],
titlebarmac: ["TitleBar", "typeMacOS"],
titlebarmacbutton: ["TitleBar", "macButton"],
titlebarmacbuttonclose: ["TitleBar", "macButtonClose"],
titlebarmacbuttonmin: ["TitleBar", "macButtonMinimize"],
titlebarmacbuttonmax: ["TitleBar", "macButtonMaximize"],
titlebarmacbuttons: ["TitleBar", "macButtons"],
titlebarmacwithframe: ["TitleBar", "typeMacOSWithFrame"],
titlebarwinbutton: ["TitleBar", "winButton"],
titlebarwinbuttonclose: ["TitleBar", "winButtonClose"],
titlebarwinbuttonminmax: ["TitleBar", "winButtonMinMax"],
titlebarwindows: ["TitleBar", "typeWindows"],
titlebarwithframe: ["TitleBar", "withFrame"],
titlebarwordmark: ["TitleBar", "wordmark"],
titlebarwordmarkmac: ["TitleBar", "wordmarkMacOS"],
titlebarwordmarkwindows: ["TitleBar", "wordmarkWindows"],
titledefault: ["SettingsItems", "titleDefault"],
titlemini: ["SettingsItems", "titleMini"],
titlesize10: ["UserPopout", "size10"],
titlesize12: ["UserPopout", "size12"],
titlesize14: ["UserPopout", "size14"],
titlesize16: ["UserPopout", "size16"],
titlesize18: ["Title", "size18"],
tooltip: ["Tooltip", "tooltip"],
tooltipactivityicon: ["TooltipGuild", "activityIcon"],
tooltipblack: ["Tooltip", "tooltipBlack"],
tooltipbottom: ["Tooltip", "tooltipBottom"],
tooltipbrand: ["Tooltip", "tooltipBrand"],
tooltipcontent: ["Tooltip", "tooltipContent"],
tooltipcontentallowoverflow: ["Tooltip", "tooltipContentAllowOverflow"],
tooltipcustom: ["BDFDB", "tooltipCustom"],
tooltipgreen: ["Tooltip", "tooltipGreen"],
tooltipgrey: ["Tooltip", "tooltipGrey"],
tooltipguildnametext: ["TooltipGuild", "guildNameText"],
tooltipguildnametextlimitedsize: ["TooltipGuild", "guildNameTextLimitedSize"],
tooltipleft: ["Tooltip", "tooltipLeft"],
tooltiplistitem: ["GuildsItems", "listItemTooltip"],
tooltippointer: ["Tooltip", "tooltipPointer"],
tooltipred: ["Tooltip", "tooltipRed"],
tooltipright: ["Tooltip", "tooltipRight"],
tooltiprow: ["TooltipGuild", "row"],
tooltiprowextra: ["BDFDB", "tooltipRowExtra"],
tooltiprowguildname: ["TooltipGuild", "rowGuildName"],
tooltiprowicon: ["TooltipGuild", "rowIcon"],
tooltiptop: ["Tooltip", "tooltipTop"],
tooltipyellow: ["Tooltip", "tooltipYellow"],
typing: ["Typing", "typing"],
typingcooldownwrapper: ["Typing", "cooldownWrapper"],
typingtext: ["Typing", "text"],
underline: ["TextStyle", "underline"],
unreadbar: ["UnreadBar", "bar"],
unreadbaractive: ["UnreadBar", "active"],
unreadbarcontainer: ["UnreadBar", "container"],
unreadbaricon: ["UnreadBar", "icon"],
unreadbarmention: ["UnreadBar", "mention"],
unreadbartext: ["UnreadBar", "text"],
unreadbarunread: ["UnreadBar", "unread"],
uploadmodal: ["UploadModal", "uploadModal"],
userinfo: ["UserInfo", "userInfo"],
userinfoavatar: ["UserInfo", "avatar"],
userinfodate: ["BDFDB", "userInfoDate"],
userinfodiscordtag: ["UserInfo", "discordTag"],
userinfodiscriminator: ["UserInfo", "discriminator"],
userinfohovered: ["UserInfo", "hovered"],
userinfosubtext: ["UserInfo", "subtext"],
userinfotext: ["UserInfo", "text"],
userinfousername: ["UserInfo", "username"],
userpopout: ["UserPopout", "userPopout"],
userpopoutavatarhint: ["UserPopout", "avatarHint"],
userpopoutavatarhintinner: ["UserPopout", "avatarHintInner"],
userpopoutavatarwrapper: ["UserPopout", "avatarWrapper"],
userpopoutavatarwrappernormal: ["UserPopout", "avatarWrapperNormal"],
userpopoutbody: ["UserPopout", "body"],
userpopoutbodyinnerwrapper: ["UserPopout", "bodyInnerWrapper"],
userpopoutbodytitle: ["UserPopout", "bodyTitle"],
userpopoutcustomstatus: ["UserPopout", "customStatus"],
userpopoutcustomstatusemoji: ["UserPopout", "customStatusEmoji"],
userpopoutcustomstatussoloemoji: ["UserPopout", "customStatusSoloEmoji"],
userpopoutcustomstatustext: ["UserPopout", "customStatusText"],
userpopoutendbodysection: ["UserPopout", "endBodySection"],
userpopoutfooter: ["UserPopout", "footer"],
userpopoutheader: ["UserPopout", "header"],
userpopoutheaderbottagwithnickname: ["UserPopout", "headerBotTagWithNickname"],
userpopoutheadernamewrapper: ["UserPopout", "headerNameWrapper"],
userpopoutheadernickname: ["UserPopout", "headerName"],
userpopoutheadernormal: ["UserPopout", "headerNormal"],
userpopoutheaderplaying: ["UserPopout", "headerPlaying"],
userpopoutheaderspotify: ["UserPopout", "headerSpotify"],
userpopoutheaderstreaming: ["UserPopout", "headerStreaming"],
userpopoutheadertag: ["UserPopout", "headerTag"],
userpopoutheadertagnonickname: ["UserPopout", "headerTagNoNickname"],
userpopoutheadertagusernamenonickname: ["UserPopout", "headerTagUsernameNoNickname"],
userpopoutheadertagwithnickname: ["UserPopout", "headerTagWithNickname"],
userpopoutheadertext: ["UserPopout", "headerText"],
userpopoutheadertop: ["UserPopout", "headerTop"],
userpopoutprotip: ["UserPopout", "protip"],
userpopoutrole: ["Role", "role"],
userpopoutrolecircle: ["Role", "roleCircle"],
userpopoutrolelist: ["UserPopout", "rolesList"],
userpopoutrolename: ["Role", "roleName"],
userpopoutroles: ["Role", "root"],
userprofile: ["UserProfile", "root"],
userprofilebody: ["UserProfile", "body"],
userprofilebottag: ["UserProfile", "botTag"],
userprofilecustomstatus: ["UserProfile", "customStatusText"],
userprofilecustomstatusemoji: ["UserProfile", "customStatusEmoji"],
userprofileheader: ["UserProfile", "header"],
userprofileheaderfill: ["UserProfile", "headerFill"],
userprofileheaderinfo: ["UserProfile", "headerInfo"],
userprofilelistavatar: ["UserProfile", "listAvatar"],
userprofilelistguildavatarwithouticon: ["UserProfile", "guildAvatarWithoutIcon"],
userprofilenametag: ["UserProfile", "nameTag"],
userprofiletopsectionnormal: ["UserProfile", "topSectionNormal"],
userprofiletopsectionplaying: ["UserProfile", "topSectionPlaying"],
userprofiletopsectionspotify: ["UserProfile", "topSectionSpotify"],
userprofiletopsectionstreaming: ["UserProfile", "topSectionStreaming"],
userprofiletopsectionxbox: ["UserProfile", "topSectionXbox"],
userprofileusername: ["UserProfile", "username"],
username: ["NameTag", "username"],
usernotepopout: ["UserPopout", "note"],
usernoteprofile: ["UserProfile", "note"],
usernotetextarea: ["NoteTextarea", "textarea"],
usersummaryavatar: ["UserSummaryItem", "avatar"],
usersummaryavatarcontainer: ["UserSummaryItem", "avatarContainer"],
usersummaryavatarcontainermasked: ["UserSummaryItem", "avatarContainerMasked"],
usersummaryclickableavatar: ["UserSummaryItem", "clickableAvatar"],
usersummarycontainer: ["UserSummaryItem", "container"],
usersummaryemptyuser: ["UserSummaryItem", "emptyUser"],
usersummaryicon: ["UserSummaryItem", "icon"],
usersummarymoreUsers: ["UserSummaryItem", "moreUsers"],
vertical: ["Flex", "vertical"],
voiceavatar: ["VoiceChannel", "avatar"],
voiceavatarcontainer: ["VoiceChannel", "avatarContainer"],
voiceavatarlarge: ["VoiceChannel", "avatarLarge"],
voiceavatarsmall: ["VoiceChannel", "avatarSmall"],
voiceavatarspeaking: ["VoiceChannel", "avatarSpeaking"],
voiceclickable: ["VoiceChannel", "clickable"],
voicecontent: ["VoiceChannel", "content"],
voicedetails: ["VoiceDetails", "container"],
voicedetailsactionbuttons: ["VoiceDetails", "actionButtons"],
voicedetailsbutton: ["VoiceDetails", "button"],
voicedetailsbuttonactive: ["VoiceDetails", "buttonActive"],
voicedetailsbuttoncolor: ["VoiceDetails", "buttonColor"],
voicedetailsbuttonicon: ["VoiceDetails", "buttonIcon"],
voicedetailschannel: ["VoiceDetails", "channel"],
voicedetailscustomstatuscontainer: ["VoiceDetails", "customStatusContainer"],
voicedetailshotspot: ["VoiceDetails", "hotspot"],
voicedetailsinner: ["VoiceDetails", "inner"],
voicedetailslabelwrapper: ["VoiceDetailsPing", "labelWrapper"],
voicedetailsping: ["VoiceDetailsPing", "ping"],
voicedetailspingforeground: ["VoiceDetailsPing", "pingForeground"],
voicedetailsqualityaverage: ["VoiceDetailsPing", "rtcConnectionQualityAverage"],
voicedetailsqualitybad: ["VoiceDetailsPing", "rtcConnectionQualityBad"],
voicedetailsqualityfine: ["VoiceDetailsPing", "rtcConnectionQualityFine"],
voicedetailsstatus: ["VoiceDetailsPing", "rtcConnectionStatus"],
voicedetailsstatusconnected: ["VoiceDetailsPing", "rtcConnectionStatusConnected"],
voicedetailsstatusconnecting: ["VoiceDetailsPing", "rtcConnectionStatusConnecting"],
voicedetailsstatuserror: ["VoiceDetailsPing", "rtcConnectionStatusError"],
voicedetailsstatuswithpopout: ["VoiceDetails", "statusWithPopout"],
voicedraggable: ["NotFound", "voiceDraggable"],
voiceflipped: ["VoiceChannel", "flipped"],
voiceicon: ["VoiceChannel", "icon"],
voiceicons: ["VoiceChannel", "icons"],
voiceiconspacing: ["VoiceChannel", "iconSpacing"],
voicelist: ["VoiceChannel", "list"],
voicelist2: ["VoiceChannelList", "list"],
voicelistcollapsed: ["VoiceChannel", "listCollapse"],
voicelistcollapsed2: ["VoiceChannelList", "collapsed"],
voicelistdefault: ["VoiceChannel", "listDefault"],
voiceliveicon: ["VoiceChannel", "liveIcon"],
voicename: ["VoiceChannel", "username"],
voicenamefont: ["VoiceChannel", "usernameFont"],
voicenamespeaking: ["VoiceChannel", "usernameSpeaking"],
voiceselected: ["VoiceChannel", "selected"],
voiceuser: ["VoiceChannel", "voiceUser"],
voiceuserlarge: ["VoiceChannel", "userLarge"],
voiceusersmall: ["VoiceChannel", "userSmall"],
webhookcard: ["WebhookCard", "card"],
webhookcardbody: ["WebhookCard", "body"],
webhookcardcopybutton: ["WebhookCard", "copyButton"],
webhookcardheader: ["WebhookCard", "header"],
wrap: ["Flex", "wrap"],
wrapreverse: ["Flex", "wrapReverse"]
};
BDFDB.DiscordClasses = Object.assign({}, DiscordClasses);
InternalBDFDB.getDiscordClass = (item, selector) => {
let className = DiscordClassModules.BDFDB.BDFDBundefined;
if (DiscordClasses[item] === undefined) {
BDFDB.LogUtils.warn(item + " not found in DiscordClasses");
return className;
}
else if (!BDFDB.ArrayUtils.is(DiscordClasses[item]) || DiscordClasses[item].length != 2) {
BDFDB.LogUtils.warn(item + " is not an Array of Length 2 in DiscordClasses");
return className;
}
else if (DiscordClassModules[DiscordClasses[item][0]] === undefined) {
BDFDB.LogUtils.warn(DiscordClasses[item][0] + " not found in DiscordClassModules");
return className;
}
else if (DiscordClassModules[DiscordClasses[item][0]][DiscordClasses[item][1]] === undefined) {
BDFDB.LogUtils.warn(DiscordClasses[item][1] + " not found in " + DiscordClasses[item][0] + " in DiscordClassModules");
return className;
}
else {
className = DiscordClassModules[DiscordClasses[item][0]][DiscordClasses[item][1]];
if (selector) {
className = className.split(" ").filter(n => n.indexOf("da-") != 0).join(selector ? "." : " ");
className = className || DiscordClassModules.BDFDB.BDFDBundefined;
}
else {
if (BDFDB.BDUtils.getSettings(BDFDB.BDUtils.settingsIds.normalizedClasses)) className = className.split(" ").filter(n => n.indexOf("da-") != 0).map(n => n.replace(/^([A-z0-9]+?)-([A-z0-9_-]{6})$/g, "$1-$2 da-$1")).join(" ");
}
return BDFDB.ArrayUtils.removeCopies(className.split(" ")).join(" ");
}
};
BDFDB.disCN = new Proxy(DiscordClasses, {
get: function (list, item) {
return InternalBDFDB.getDiscordClass(item, false).replace("#", "");
}
});
BDFDB.disCNS = new Proxy(DiscordClasses, {
get: function (list, item) {
return InternalBDFDB.getDiscordClass(item, false).replace("#", "") + " ";
}
});
BDFDB.disCNC = new Proxy(DiscordClasses, {
get: function (list, item) {
return InternalBDFDB.getDiscordClass(item, false).replace("#", "") + ",";
}
});
BDFDB.dotCN = new Proxy(DiscordClasses, {
get: function (list, item) {
let className = InternalBDFDB.getDiscordClass(item, true);
return (className.indexOf("#") == 0 ? "" : ".") + className;
}
});
BDFDB.dotCNS = new Proxy(DiscordClasses, {
get: function (list, item) {
let className = InternalBDFDB.getDiscordClass(item, true);
return (className.indexOf("#") == 0 ? "" : ".") + className + " ";
}
});
BDFDB.dotCNC = new Proxy(DiscordClasses, {
get: function (list, item) {
let className = InternalBDFDB.getDiscordClass(item, true);
return (className.indexOf("#") == 0 ? "" : ".") + className + ",";
}
});
BDFDB.notCN = new Proxy(DiscordClasses, {
get: function (list, item) {
return `:not(.${InternalBDFDB.getDiscordClass(item, true).split(".")[0]})`;
}
});
BDFDB.notCNS = new Proxy(DiscordClasses, {
get: function (list, item) {
return `:not(.${InternalBDFDB.getDiscordClass(item, true).split(".")[0]}) `;
}
});
BDFDB.notCNC = new Proxy(DiscordClasses, {
get: function (list, item) {
return `:not(.${InternalBDFDB.getDiscordClass(item, true).split(".")[0]}),`;
}
});
var LanguageStrings = LibraryModules.LanguageStore && LibraryModules.LanguageStore._proxyContext ? Object.assign({}, LibraryModules.LanguageStore._proxyContext.defaultMessages) : {};
BDFDB.LanguageUtils = {};
BDFDB.LanguageUtils.languages = {
"$discord": {name:"Discord (English))", id:"en", ownlang:"English"},
"af": {name:"Afrikaans", id:"af", ownlang:"Afrikaans"},
"sq": {name:"Albanian", id:"sq", ownlang:"Shqiptar"},
"am": {name:"Amharic", id:"am", ownlang:"አማርኛ"},
"ar": {name:"Arabic", id:"ar", ownlang:"اللغة العربية"},
"hy": {name:"Armenian", id:"hy", ownlang:"Հայերեն"},
"az": {name:"Azerbaijani", id:"az", ownlang:"آذربایجان دیلی"},
"ba": {name:"Bashkir", id:"ba", ownlang:"Башҡорт"},
"eu": {name:"Basque", id:"eu", ownlang:"Euskara"},
"be": {name:"Belarusian", id:"be", ownlang:"Беларуская"},
"bn": {name:"Bengali", id:"bn", ownlang:"বাংলা"},
"bs": {name:"Bosnian", id:"bs", ownlang:"Босански"},
"bg": {name:"Bulgarian", id:"bg", ownlang:"български"},
"my": {name:"Burmese", id:"my", ownlang:"မြန်မာစာ"},
"ca": {name:"Catalan", id:"ca", ownlang:"Català"},
"ceb": {name:"Cebuano", id:"ceb", ownlang:"Bisaya"},
"ny": {name:"Chichewa", id:"ny", ownlang:"Nyanja"},
"zh": {name:"Chinese", id:"zh", ownlang:"中文"},
"zh-HK": {name:"Chinese (Hong Kong)", id:"zh-HK", ownlang:"香港中文"},
"zh-CN": {name:"Chinese (Simplified)", id:"zh-CN", ownlang:"简体中文"},
"zh-TW": {name:"Chinese (Traditional)", id:"zh-TW", ownlang:"繁體中文"},
"co": {name:"Corsican", id:"co", ownlang:"Corsu"},
"hr": {name:"Croatian", id:"hr", ownlang:"Hrvatski"},
"cs": {name:"Czech", id:"cs", ownlang:"Čeština"},
"da": {name:"Danish", id:"da", ownlang:"Dansk"},
"nl": {name:"Dutch", id:"nl", ownlang:"Nederlands"},
"en": {name:"English", id:"en", ownlang:"English"},
"en-GB": {name:"English (UK)", id:"en-GB", ownlang:"English (UK)"},
"en-US": {name:"English (US)", id:"en-US", ownlang:"English (US)"},
"eo": {name:"Esperanto", id:"eo", ownlang:"Esperanto"},
"et": {name:"Estonian", id:"et", ownlang:"Eesti"},
"fil": {name:"Filipino", id:"fil", ownlang:"Wikang Filipino"},
"fi": {name:"Finnish", id:"fi", ownlang:"Suomi"},
"fr": {name:"French", id:"fr", ownlang:"Français"},
"fr-CA": {name:"French (Canadian)", id:"fr-CA", ownlang:"Français Canadien"},
"fy": {name:"Frisian", id:"fy", ownlang:"Frysk"},
"gl": {name:"Galician", id:"gl", ownlang:"Galego"},
"ka": {name:"Georgian", id:"ka", ownlang:"ქართული"},
"de": {name:"German", id:"de", ownlang:"Deutsch"},
"de-AT": {name:"German (Austria)", id:"de-AT", ownlang:"Österreichisch Deutsch"},
"de-CH": {name:"German (Switzerland)", id:"de-CH", ownlang:"Schweizerdeutsch"},
"el": {name:"Greek", id:"el", ownlang:"Ελληνικά"},
"gu": {name:"Gujarati", id:"gu", ownlang:"ગુજરાતી"},
"ht": {name:"Haitian Creole", id:"ht", ownlang:"Kreyòl Ayisyen"},
"ha": {name:"Hausa", id:"ha", ownlang:"حَوْسَ"},
"haw": {name:"Hawaiian", id:"haw", ownlang:"ʻŌlelo Hawaiʻi"},
"he": {name:"Hebrew", id:"he", ownlang:"עברית"},
"iw": {name:"Hebrew (Israel)", id:"iw", ownlang:"עברית"},
"hi": {name:"Hindi", id:"hi", ownlang:"हिन्दी"},
"hmn": {name:"Hmong", id:"hmn", ownlang:"lol Hmongb"},
"hu": {name:"Hungarian", id:"hu", ownlang:"Magyar"},
"is": {name:"Icelandic", id:"is", ownlang:"Íslenska"},
"ig": {name:"Igbo", id:"ig", ownlang:"Asụsụ Igbo"},
"id": {name:"Indonesian", id:"id", ownlang:"Bahasa Indonesia"},
"ga": {name:"Irish", id:"ga", ownlang:"Gaeilge"},
"it": {name:"Italian", id:"it", ownlang:"Italiano"},
"ja": {name:"Japanese", id:"ja", ownlang:"日本語"},
"jv": {name:"Javanese", id:"jv", ownlang:"ꦧꦱꦗꦮ"},
"jw": {name:"Javanese (Javanese)", id:"jw", ownlang:"ꦧꦱꦗꦮ"},
"kn": {name:"Kannada", id:"kn", ownlang:"ಕನ್ನಡ"},
"kk": {name:"Kazakh", id:"kk", ownlang:"Қазақ Tілі"},
"km": {name:"Khmer", id:"km", ownlang:"ភាសាខ្មែរ"},
"rw": {name:"Kinyarwanda", id:"rw", ownlang:"Ikinyarwanda"},
"ko": {name:"Korean", id:"ko", ownlang:"한국어"},
"ku": {name:"Kurdish", id:"ku", ownlang:"کوردی"},
"ky": {name:"Kyrgyz", id:"ky", ownlang:"кыргызча"},
"lo": {name:"Lao", id:"lo", ownlang:"ພາສາລາວ"},
"la": {name:"Latin", id:"la", ownlang:"Latina"},
"lv": {name:"Latvian", id:"lv", ownlang:"Latviešu"},
"lt": {name:"Lithuanian", id:"lt", ownlang:"Lietuvių"},
"lb": {name:"Luxembourgish", id:"lb", ownlang:"Lëtzebuergesch"},
"mk": {name:"Macedonian", id:"mk", ownlang:"Mакедонски"},
"mg": {name:"Malagasy", id:"mg", ownlang:"Malagasy"},
"ms": {name:"Malay", id:"ms", ownlang:"بهاس ملايو"},
"ml": {name:"Malayalam", id:"ml", ownlang:"മലയാളം"},
"mt": {name:"Maltese", id:"mt", ownlang:"Malti"},
"mi": {name:"Maori", id:"mi", ownlang:"te Reo Māori"},
"mr": {name:"Marathi", id:"mr", ownlang:"मराठी"},
"mhr": {name:"Mari", id:"mhr", ownlang:"марий йылме"},
"mn": {name:"Mongolian", id:"mn", ownlang:"Монгол Хэл"},
"my": {name:"Myanmar (Burmese)", id:"my", ownlang:"မြန်မာл Хэл"},
"ne": {name:"Nepali", id:"ne", ownlang:"नेपाली"},
"no": {name:"Norwegian", id:"no", ownlang:"Norsk"},
"or": {name:"Odia", id:"or", ownlang:"ଓଡ଼ିଆ"},
"pap": {name:"Papiamento", id:"pap", ownlang:"Papiamentu"},
"ps": {name:"Pashto", id:"ps", ownlang:"پښتو"},
"fa": {name:"Persian", id:"fa", ownlang:"فارسی"},
"pl": {name:"Polish", id:"pl", ownlang:"Polski"},
"pt": {name:"Portuguese", id:"pt", ownlang:"Português"},
"pt-BR": {name:"Portuguese (Brazil)", id:"pt-BR", ownlang:"Português do Brasil"},
"pt-PT": {name:"Portuguese (Portugal)", id:"pt-PT", ownlang:"Português do Portugal"},
"pa": {name:"Punjabi", id:"pa", ownlang:"पंजाबी"},
"ro": {name:"Romanian", id:"ro", ownlang:"Română"},
"ru": {name:"Russian", id:"ru", ownlang:"Pусский"},
"sm": {name:"Samoan", id:"sm", ownlang:"Gagana Sāmoa"},
"gd": {name:"Scottish Gaelic", id:"gd", ownlang:"Gàidhlig"},
"sr": {name:"Serbian", id:"sr", ownlang:"Српски"},
"st": {name:"Sesotho", id:"st", ownlang:"Sesotho"},
"sn": {name:"Shona", id:"sn", ownlang:"Shona"},
"sd": {name:"Sindhi", id:"sd", ownlang:"سنڌي"},
"si": {name:"Sinhala", id:"si", ownlang:"සිංහල"},
"sk": {name:"Slovak", id:"sk", ownlang:"Slovenčina"},
"sl": {name:"Slovenian", id:"sl", ownlang:"Slovenščina"},
"so": {name:"Somali", id:"so", ownlang:"Soomaali"},
"es": {name:"Spanish", id:"es", ownlang:"Español"},
"es-419": {name:"Spanish (Latin America)", id:"es-419", ownlang:"Español latinoamericano"},
"su": {name:"Sundanese", id:"su", ownlang:"Basa Sunda"},
"sw": {name:"Swahili", id:"sw", ownlang:"Kiswahili"},
"sv": {name:"Swedish", id:"sv", ownlang:"Svenska"},
"tl": {name:"Tagalog", id:"tl", ownlang:"Wikang Tagalog"},
"tg": {name:"Tajik", id:"tg", ownlang:"тоҷикӣ"},
"ta": {name:"Tamil", id:"ta", ownlang:"தமிழ்"},
"tt": {name:"Tatar", id:"tt", ownlang:"татарча"},
"te": {name:"Telugu", id:"te", ownlang:"తెలుగు"},
"th": {name:"Thai", id:"th", ownlang:"ภาษาไทย"},
"tr": {name:"Turkish", id:"tr", ownlang:"Türkçe"},
"tk": {name:"Turkmen", id:"tk", ownlang:"Türkmençe"},
"udm": {name:"Udmurt", id:"udm", ownlang:"удмурт кыл"},
"uk": {name:"Ukrainian", id:"uk", ownlang:"Yкраїнський"},
"ur": {name:"Urdu", id:"ur", ownlang:"اُردُو"},
"ug": {name:"Uyghur", id:"ug", ownlang:"ئۇيغۇر تىلى"},
"uz": {name:"Uzbek", id:"uz", ownlang:"اوزبیک"},
"vi": {name:"Vietnamese", id:"vi", ownlang:"Tiếng Việt Nam"},
"cy": {name:"Welsh", id:"cy", ownlang:"Cymraeg"},
"xh": {name:"Xhosa", id:"xh", ownlang:"Xhosa"},
"yi": {name:"Yiddish", id:"yi", ownlang:"ייִדיש ייִדיש‬"},
"yo": {name:"Yoruba", id:"yo", ownlang:"Èdè Yorùbá"},
"zu": {name:"Zulu", id:"zu", ownlang:"Zulu"}
};
InternalBDFDB.LibraryStrings = {
"hr": { //croatian
ascending: "Uzlazni",
descending: "Silazni",
file_navigator_text: "Pregledajte datoteku",
first: "Prvi",
last: "Zadnji",
library_settings: "Postavke biblioteke",
order: "Slijed",
server: "Server",
sort_by: "Poredaj po",
toast_plugin_started: "{{var0}} je započeo.",
toast_plugin_stopped: "{{var0}} zaustavljen.",
toast_plugin_translated: "prijevod na {{var0}}.",
toast_plugin_updated: "{{var0}} {{var1}} zamijenjen je s {{var2}} {{var3}}.",
update_notice_click: "Kliknite za ažuriranje!",
update_notice_reload: "Za završetak ažuriranja potrebno je ponovo učitati.",
update_notice_update: "Sljedeće dodatke treba ažurirati:"
},
"da": { //danish
ascending: "Stigende",
descending: "Aftagende",
file_navigator_text: "Gennemse fil",
first: "Første",
last: "Sidste",
library_settings: "Biblioteksindstillinger",
order: "Sekvens",
server: "Server",
sort_by: "Sorter efter",
toast_plugin_started: "{{var0}} er startet.",
toast_plugin_stopped: "{{var0}} er stoppet.",
toast_plugin_translated: "oversat til {{var0}}.",
toast_plugin_updated: "{{var0}} {{var1}} blev erstattet af {{var2}} {{var3}}.",
update_notice_click: "Klik for at opdatere!",
update_notice_reload: "For at afslutte opdateringen skal du genindlæse.",
update_notice_update: "Følgende plugins skal opdateres:"
},
"de": { //german
ascending: "Aufsteigend",
descending: "Absteigend",
file_navigator_text: "Datei durchsuchen",
first: "Erste",
last: "Letzte",
library_settings: "Bibliothekseinstellungen",
order: "Reihenfolge",
server: "Server",
sort_by: "Sortieren nach",
toast_plugin_started: "{{var0}} wurde gestartet.",
toast_plugin_stopped: "{{var0}} wurde gestoppt.",
toast_plugin_translated: "auf {{var0}} übersetzt.",
toast_plugin_updated: "{{var0}} {{var1}} wurde durch {{var2}} {{var3}} ersetzt.",
update_notice_click: "Zum Aktualisieren klicken!",
update_notice_reload: "Lade neu, die Aktualisierung abzuschließen.",
update_notice_update: "Die folgenden Plugins müssen aktualisiert werden:"
},
"es": { //spanish
ascending: "Ascendente",
descending: "Descendente",
file_navigator_text: "Buscar archivo",
first: "Primero",
last: "Último",
library_settings: "Configuraciones de biblioteca",
order: "Secuencia",
server: "Servidor",
sort_by: "Ordenar por",
toast_plugin_started: "{{var0}} se guilddiv iniciado.",
toast_plugin_stopped: "{{var0}} se guilddiv detenido.",
toast_plugin_translated: "traducido a {{var0}}.",
toast_plugin_updated: "{{var0}} {{var1}} ha sido reemplazado por {{var2}} {{var3}}.",
update_notice_click: "Haga clic para actualizar!",
update_notice_reload: "Para finalizar la actualización, debe volver a cargar.",
update_notice_update: "Los siguientes complementos deben actualizarse:"
},
"fr": { //french
ascending: "Ascendant",
descending: "Descendant",
file_navigator_text: "Parcourir le fichier",
first: "Première",
last: "Dernier",
library_settings: "Paramètres de la bibliothèque",
order: "Séquence",
server: "Serveur",
sort_by: "Trier par",
toast_plugin_started: "{{var0}} a été démarré.",
toast_plugin_stopped: "{{var0}} a été arrêté.",
toast_plugin_translated: "traduit en {{var0}}.",
toast_plugin_updated: "{{var0}} {{var1}} a été remplacé par {{var2}} {{var3}}.",
update_notice_click: "Cliquez pour mettre à jour!",
update_notice_reload: "Pour terminer la mise à jour, vous devez recharger.",
update_notice_update: "Les plugins suivants doivent être mis à jour:"
},
"it": { //italian
ascending: "Ascendente",
descending: "Discendente",
file_navigator_text: "Sfoglia file",
first: "Primo",
last: "Ultimo",
library_settings: "Impostazioni della libreria",
order: "Sequenza",
server: "Server",
sort_by: "Ordina per",
toast_plugin_started: "{{var0}} è stato avviato.",
toast_plugin_stopped: "{{var0}} è stato interrotto.",
toast_plugin_translated: "tradotto in {{var0}}.",
toast_plugin_updated: "{{var0}} {{var1}} è stato sostituito da {{var2}} {{var3}}.",
update_notice_click: "Clicca per aggiornare!",
update_notice_reload: "Per terminare l'aggiornamento è necessario ricaricare.",
update_notice_update: "I seguenti plugin devono essere aggiornati:"
},
"nl": { //dutch
ascending: "Oplopend",
descending: "Aflopend",
file_navigator_text: "Bestand zoeken",
first: "Eerste",
last: "Laatste",
library_settings: "Bibliotheekinstellingen",
order: "Volgorde",
server: "Server",
sort_by: "Sorteer op",
toast_plugin_started: "{{var0}} is gestart.",
toast_plugin_stopped: "{{var0}} is gestopt.",
toast_plugin_translated: "vertaald naar {{var0}}.",
toast_plugin_updated: "{{var0}} {{var1}} is vervangen door {{var2}} {{var3}}.",
update_notice_click: "Klik om te updaten!",
update_notice_reload: "Om de update te voltooien, moet u opnieuw laden.",
update_notice_update: "De volgende plug-ins moeten worden bijgewerkt:"
},
"no": { //norwegian
ascending: "Stigende",
descending: "Synkende",
file_navigator_text: "Bla gjennom fil",
first: "Første",
last: "Siste",
library_settings: "Bibliotekinnstillinger",
order: "Sekvens",
server: "Server",
sort_by: "Sorter etter",
toast_plugin_started: "{{var0}} er startet.",
toast_plugin_stopped: "{{var0}} er stoppet.",
toast_plugin_translated: "oversatt til {{var0}}.",
toast_plugin_updated: "{{var0}} {{var1}} er erstattet av {{var2}} {{var3}}.",
update_notice_click: "Klikk for å oppdatere!",
update_notice_reload: "For å fullføre oppdateringen må du laste inn på nytt.",
update_notice_update: "Følgende plugins må oppdateres:"
},
"pl": { //polish
ascending: "Rosnąco",
descending: "Malejąco",
file_navigator_text: "Przeglądać plik",
first: "Pierwszy",
last: "Ostatni",
library_settings: "Ustawienia biblioteki",
order: "Sekwencja",
server: "Serwer",
sort_by: "Sortuj według",
toast_plugin_started: "{{var0}} został uruchomiony.",
toast_plugin_stopped: "{{var0}} został zatrzymany.",
toast_plugin_translated: "przetłumaczono na {{var0}}.",
toast_plugin_updated: "{{var0}} {{var1}} został zastąpiony przez {{var2}} {{var3}}.",
update_notice_click: "Kliknij, aby zaktualizować!",
update_notice_reload: "Aby zakończyć aktualizację, musisz ponownie załadować.",
update_notice_update: "Należy zaktualizować następujące wtyczki:"
},
"pt-BR": { //portuguese (brazil)
ascending: "Crescente",
descending: "Descendente",
file_navigator_text: "Procurar arquivo",
first: "Primeiro",
last: "Último",
library_settings: "Configurações da biblioteca",
order: "Seqüência",
server: "Servidor",
sort_by: "Ordenar por",
toast_plugin_started: "{{var0}} foi iniciado.",
toast_plugin_stopped: "{{var0}} foi interrompido.",
toast_plugin_translated: "traduzido para {{var0}}.",
toast_plugin_updated: "{{var0}} {{var1}} foi substituído por {{var2}} {{var3}}.",
update_notice_click: "Clique para atualizar!",
update_notice_reload: "Para concluir a atualização, você precisa recarregar.",
update_notice_update: "Os seguintes plugins precisam ser atualizados:"
},
"fi": { //finnish
ascending: "Nouseva",
descending: "Laskeva",
file_navigator_text: "Selaa tiedostoa",
first: "Ensimmäinen",
last: "Viimeinen",
library_settings: "Kirjastoasetukset",
order: "Jakso",
server: "Palvelin",
sort_by: "Järjestä",
toast_plugin_started: "{{var0}} on käynnistetty.",
toast_plugin_stopped: "{{var0}} on pysäytetty.",
toast_plugin_translated: "käännetty osoitteeseen {{var0}}.",
toast_plugin_updated: "{{var0}} {{var1}} on korvattu {{var2}} {{var3}}.",
update_notice_click: "Napsauta päivittääksesi!",
update_notice_reload: "Päivittäminen on suoritettava uudelleen.",
update_notice_update: "Seuraavat laajennukset on päivitettävä:"
},
"sv": { //swedish
ascending: "Stigande",
descending: "Nedåtgående",
file_navigator_text: "Bläddra i fil",
first: "Första",
last: "Sista",
library_settings: "Biblioteksinställningar",
order: "Sekvens",
server: "Server",
sort_by: "Sortera efter",
toast_plugin_started: "{{var0}} har startats.",
toast_plugin_stopped: "{{var0}} har blivit stoppad.",
toast_plugin_translated: "översatt till {{var0}}.",
toast_plugin_updated: "{{var0}} {{var1}} har ersatts av {{var2}} {{var3}}.",
update_notice_click: "Klicka för att uppdatera!",
update_notice_reload: "För att avsluta uppdateringen måste du ladda om.",
update_notice_update: "Följande plugins måste uppdateras:"
},
"tr": { //turkish
ascending: "Yükselen",
descending: "Azalan",
file_navigator_text: "Dosyaya gözat",
first: "Ilk",
last: "Son",
library_settings: "Kütüphane Ayarları",
order: "Sıra",
server: "Sunucu",
sort_by: "Göre sırala",
toast_plugin_started: "{{var0}} başlatıldı.",
toast_plugin_stopped: "{{var0}} durduruldu.",
toast_plugin_translated: "{{var0}} olarak çevrildi.",
toast_plugin_updated: "{{var0}} {{var1}}, {{var2}} {{var3}} ile değiştirildi.",
update_notice_click: "Güncellemek için tıklayın!",
update_notice_reload: "Güncellemeyi tamamlamak için yeniden yüklemeniz gerekir.",
update_notice_update: "Aşağıdaki eklentilerin güncellenmesi gerekir:"
},
"cs": { //czech
ascending: "Vzestupně",
descending: "Klesající",
file_navigator_text: "Procházet soubor",
first: "První",
last: "Poslední",
library_settings: "Nastavení knihovny",
order: "Sekvence",
server: "Server",
sort_by: "Seřazeno podle",
toast_plugin_started: "{{var0}} byl spuštěn.",
toast_plugin_stopped: "{{var0}} byl zastaven.",
toast_plugin_translated: "přeložen do {{var0}}.",
toast_plugin_updated: "{{var0}} {{var1}} byl nahrazen {{var2}} {{var3}}.",
update_notice_click: "Klepnutím aktualizujte!",
update_notice_reload: "Pro dokončení aktualizace je třeba znovu načíst.",
update_notice_update: "Následující doplňky je třeba aktualizovat:"
},
"bg": { //bulgarian
ascending: "Възходящ",
descending: "Низходящ",
file_navigator_text: "Прегледайте файла",
first: "Първият",
last: "Последният",
library_settings: "Настройки на библиотеката",
order: "Последователност",
server: "Сървър",
sort_by: "Сортиране по",
toast_plugin_started: "{{var0}} е стартиран.",
toast_plugin_stopped: "{{var0}} е спрян.",
toast_plugin_translated: "преведена на {{var0}}.",
toast_plugin_updated: "{{var0}} {{var1}} е заменен с {{var2}} {{var3}}.",
update_notice_click: "Кликнете, за да актуализирате!",
update_notice_reload: "За да завършите актуализацията, трябва да презаредите.",
update_notice_update: "Следните приставки трябва да бъдат актуализирани:"
},
"ru": { //russian
ascending: "По возрастанию",
descending: "По убыванию",
file_navigator_text: "Просмотр файла",
first: "Первый",
last: "Последний",
library_settings: "Настройки библиотеки",
order: "Последовательность",
server: "Сервер",
sort_by: "Сортировать по",
toast_plugin_started: "{{var0}} запущен.",
toast_plugin_stopped: "{{var0}} остановлен.",
toast_plugin_translated: "переведен на {{var0}}.",
toast_plugin_updated: "{{var0}} {{var1}} был заменен {{var2}} {{var3}}.",
update_notice_click: "Нажмите, чтобы обновить!",
update_notice_reload: "Для завершения обновления необходимо перезагрузить.",
update_notice_update: "Следующие плагины должны быть обновлены:"
},
"uk": { //ukrainian
ascending: "Зростання",
descending: "Спад",
file_navigator_text: "Перегляньте файл",
first: "Перший",
last: "Останній",
library_settings: "Налаштування бібліотеки",
order: "Послідовність",
server: "Сервер",
sort_by: "Сортувати за",
toast_plugin_started: "{{var0}} було запущено.",
toast_plugin_stopped: "{{var0}} було зупинено.",
toast_plugin_translated: "перекладено {{var0}}.",
toast_plugin_updated: "{{var0}} {{var1}} було замінено на {{var2}} {{var3}}.",
update_notice_click: "Натисніть, щоб оновити!",
update_notice_reload: "Щоб закінчити оновлення, вам потрібно перезавантажити.",
update_notice_update: "Необхідно оновити наступні плагіни:"
},
"ja": { //japanese
ascending: "上昇",
descending: "降順",
file_navigator_text: "ファイルを参照",
first: "最初",
last: "最後",
library_settings: "ライブラリ設定",
order: "ソート順",
server: "サーバー",
sort_by: "並び替え",
toast_plugin_started: "{{var0}}が開始されました.",
toast_plugin_stopped: "{{var0}}が停止しました.",
toast_plugin_translated: "は{{var0}}に翻訳されました.",
toast_plugin_updated: "{{var0}} {{var1}}は{{var2}} {{var3}}に置き換えられました.",
update_notice_click: "クリックして更新!",
update_notice_reload: "更新を完了するには、リロードする必要があります.",
update_notice_update: "次のプラグインを更新する必要があります:"
},
"zh-TW": { //chinese (traditional)
ascending: "上升",
descending: "降序",
file_navigator_text: "瀏覽文件",
first: "首先",
last: "最後",
library_settings: "庫設置",
order: "排序",
server: "伺服器",
sort_by: "排序方式",
toast_plugin_started: "{{var0}}已經啟動.",
toast_plugin_stopped: "{{var0}}已停止.",
toast_plugin_translated: "翻譯為{{var0}}.",
toast_plugin_updated: "{{var0}} {{var1}}已由{{var2}} {{var3}}取代.",
update_notice_click: "點擊更新!",
update_notice_reload: "要完成更新,您需要重新加載.",
update_notice_update: "以下插件需要更新:"
},
"ko": { //korean
ascending: "오름차순",
descending: "내림차순",
file_navigator_text: "파일 찾아보기",
first: "첫번째",
last: "마지막",
library_settings: "라이브러리 설정",
order: "정렬 순서",
server: "서버",
sort_by: "정렬 기준",
toast_plugin_started: "{{var0}} 시작되었습니다.",
toast_plugin_stopped: "{{var0}} 중지되었습니다.",
toast_plugin_translated: "{{var0}} 로 번역되었습니다.",
toast_plugin_updated: "{{var0}} {{var1}}이 (가) {{var2}} {{var3}} (으)로 대체되었습니다.",
update_notice_click: "업데이트하려면 클릭하십시오!",
update_notice_reload: "업데이트를 마치려면 다시로드해야합니다.",
update_notice_update: "다음 플러그인을 업데이트해야합니다:"
},
"default": { //default: english
ascending: "Ascending",
descending: "Descending",
file_navigator_text: "Browse File",
first: "First",
last: "Last",
library_settings: "Library Settings",
order: "Order",
server: "Server",
sort_by: "Sort by",
toast_plugin_started: "{{var0}} has been started.",
toast_plugin_stopped: "{{var0}} has been stopped.",
toast_plugin_translated: "translated to {{var0}}.",
toast_plugin_updated: "{{var0}} {{var1}} has been replaced by {{var2}} {{var3}}.",
update_notice_click: "Click to update!",
update_notice_reload: "To finish updating you need to reload.",
update_notice_update: "The following plugins need to be updated:"
}
};
BDFDB.LanguageUtils.getLanguage = function () {
let lang = LibraryModules.LanguageStore.chosenLocale || "en";
if (lang == "en-GB" || lang == "en-US") lang = "en";
let langIds = lang.split("-");
let langId = langIds[0];
let langId2 = langIds[1] || "";
lang = langId2 && langId.toUpperCase() !== langId2.toUpperCase() ? langId + "-" + langId2 : langId;
return BDFDB.LanguageUtils.languages[lang] || BDFDB.LanguageUtils.languages[langId] || BDFDB.LanguageUtils.languages["en"];
};
BDFDB.LanguageUtils.LanguageStrings = new Proxy(LanguageStrings, {
get: function (list, item) {
let stringObj = LibraryModules.LanguageStore.Messages[item];
if (!stringObj) BDFDB.LogUtils.warn(item + " not found in BDFDB.LanguageUtils.LanguageStrings");
else {
if (stringObj && typeof stringObj == "object" && typeof stringObj.format == "function") return BDFDB.LanguageUtils.LanguageStringsFormat(item);
else return stringObj;
}
return "";
}
});
BDFDB.LanguageUtils.LanguageStringsCheck = new Proxy(LanguageStrings, {
get: function (list, item) {
return !!LibraryModules.LanguageStore.Messages[item];
}
});
let parseLanguageStringObj = obj => {
let string = "";
if (typeof obj == "string") string += obj;
else if (BDFDB.ObjectUtils.is(obj)) {
if (obj.props) string += parseLanguageStringObj(obj.props);
else if (obj.type) {
let text = obj.content || obj.children && obj.children[0] && obj.children[0].toString() || "";
if (text) {
if (obj.type == "text" || obj.content) string = parseLanguageStringObj(text);
else string += `<${obj.type}>${parseLanguageStringObj(text)}</${obj.type}>`;
}
}
}
else if (BDFDB.ArrayUtils.is(obj)) for (let ele of obj) string += parseLanguageStringObj(ele);
return string;
};
BDFDB.LanguageUtils.LanguageStringsFormat = function (item, ...values) {
if (item) {
let stringObj = LibraryModules.LanguageStore.Messages[item];
if (stringObj && typeof stringObj == "object" && typeof stringObj.format == "function") {
let i = 0, returnvalue, formatVars = {};
while (!returnvalue && i < 10) {
i++;
try {returnvalue = stringObj.format(formatVars, false);}
catch (err) {
returnvalue = null;
let value = values.shift();
formatVars[err.toString().split("for: ")[1]] = value != null ? (value === 0 ? "0" : value) : "undefined";
}
}
if (returnvalue) return parseLanguageStringObj(returnvalue);
else {
BDFDB.LogUtils.warn(item + " failed to format string in BDFDB.LanguageUtils.LanguageStrings");
return "";
}
}
else return BDFDB.LanguageUtils.LanguageStrings[item];
}
else BDFDB.LogUtils.warn(item + " enter a valid key to format the string in BDFDB.LanguageUtils.LanguageStrings");
return "";
};
BDFDB.LanguageUtils.LibraryStrings = new Proxy(InternalBDFDB.LibraryStrings.default, {
get: function (list, item) {
let languageId = BDFDB.LanguageUtils.getLanguage().id;
if (InternalBDFDB.LibraryStrings[languageId] && InternalBDFDB.LibraryStrings[languageId][item]) return InternalBDFDB.LibraryStrings[languageId][item];
else if (InternalBDFDB.LibraryStrings.default[item]) return InternalBDFDB.LibraryStrings.default[item];
else BDFDB.LogUtils.warn(item + " not found in BDFDB.LanguageUtils.LibraryStrings");
return "";
}
});
BDFDB.LanguageUtils.LibraryStringsCheck = new Proxy(LanguageStrings, {
get: function (list, item) {
return !!InternalBDFDB.LibraryStrings.default[item];
}
});
BDFDB.LanguageUtils.LibraryStringsFormat = function (item, ...values) {
if (item && values.length) {
let languageId = BDFDB.LanguageUtils.getLanguage().id, string = null;
if (InternalBDFDB.LibraryStrings[languageId] && InternalBDFDB.LibraryStrings[languageId][item]) string = InternalBDFDB.LibraryStrings[languageId][item];
else if (InternalBDFDB.LibraryStrings.default[item]) string = InternalBDFDB.LibraryStrings.default[item];
if (string) {
for (let i = 0; i < values.length; i++) if (typeof values[i] == "string") string = string.replace(new RegExp(`{{var${i}}}`, "g"), values[i]);
return string;
}
else BDFDB.LogUtils.warn(item + " not found in BDFDB.LanguageUtils.LibraryStrings");
}
else BDFDB.LogUtils.warn(item + " enter a valid key and at least one value to format the string in BDFDB.LanguageUtils.LibraryStrings");
return "";
};
BDFDB.TimeUtils.interval(interval => {
if (LibraryModules.LanguageStore.chosenLocale) {
BDFDB.TimeUtils.clear(interval);
let language = BDFDB.LanguageUtils.getLanguage();
BDFDB.LanguageUtils.languages.$discord.name = `Discord (${language.name})`;
BDFDB.LanguageUtils.languages.$discord.id = language.id;
BDFDB.LanguageUtils.languages.$discord.google = language.google;
BDFDB.LanguageUtils.languages.$discord.ownlang = language.ownlang;
}
}, 100);
var InternalComponents = {NativeSubComponents: {}, LibraryComponents: {}}, reactInitialized = LibraryModules.React && LibraryModules.React.Component;
let openedItem;
InternalComponents.MenuItem = reactInitialized && class BDFDB_MenuItem extends LibraryModules.React.Component {
constructor(props) {
super(props);
this.state = {hovered: false};
}
componentWillUnmount() {
if (openedItem == this.props.id) openedItem = null;
}
render() {
let color = (typeof this.props.color == "string" ? this.props.color : InternalComponents.LibraryComponents.MenuItems.Colors.DEFAULT).toLowerCase();
let isCustomColor = false;
if (color) {
if (BDFDB.DiscordClasses[`menu${color}`]) color = color;
else if (BDFDB.ColorUtils.getType(color)) {
isCustomColor = true;
color = BDFDB.ColorUtils.convert(color, "RGBA");
}
else color = (InternalComponents.LibraryComponents.MenuItems.Colors.DEFAULT || "").toLowerCase();
}
let renderPopout, onClose, hasPopout = BDFDB.ObjectUtils.is(this.props.popoutProps);
if (hasPopout) {
renderPopout = instance => {
openedItem = this.props.id;
return typeof this.props.popoutProps.renderPopout == "function" && this.props.popoutProps.renderPopout(instance);
};
onClose = instance => {
openedItem = null;
typeof this.props.popoutProps.onClose == "function" && this.props.popoutProps.onClose(instance);
};
}
let focused = !openedItem ? this.props.isFocused : openedItem == this.props.id;
let themeDark = BDFDB.DiscordUtils.getTheme() == BDFDB.disCN.themedark;
let item = BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Clickable, Object.assign({
className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN.menuitem, BDFDB.disCN.menulabelcontainer, color && (isCustomColor ? BDFDB.disCN.menucolorcustom : BDFDB.disCN[`menu${color}`]), this.props.disabled && BDFDB.disCN.menudisabled, focused && BDFDB.disCN.menufocused),
style: {
color: isCustomColor ? ((focused || this.state.hovered) ? (BDFDB.ColorUtils.isBright(color) ? "#000000" : "#ffffff") : color) : (this.state.hovered ? "#ffffff" : null),
background: isCustomColor && (focused || this.state.hovered) && color
},
onClick: this.props.disabled ? null : e => {
if (!this.props.action) return false;
!this.props.persisting && !hasPopout && this.props.onClose();
this.props.action(e, this);
},
onMouseEnter: this.props.disabled ? null : e => {
this.setState({hovered: true});
},
onMouseLeave: this.props.disabled ? null : e => {
this.setState({hovered: false});
},
"aria-disabled": this.props.disabled,
children: [
BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN.menulabel,
children: [
typeof this.props.label == "function" ? this.props.label(this) : this.props.label,
this.props.subtext && BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN.menusubtext,
children: typeof this.props.subtext == "function" ? this.props.subtext(this) : this.props.subtext
})
].filter(n => n)
}),
this.props.hint && BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN.menuhintcontainer,
children: typeof this.props.hint == "function" ? this.props.hint(this) : this.props.hint
}),
this.props.icon && BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN.menuiconcontainer,
children: BDFDB.ReactUtils.createElement(this.props.icon, {
className: BDFDB.disCN.menuicon,
})
}),
this.props.imageUrl && BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN.menuimagecontainer,
children: BDFDB.ReactUtils.createElement("img", {
className: BDFDB.disCN.menuimage,
src: typeof this.props.imageUrl == "function" ? this.props.imageUrl(this) : this.props.imageUrl,
alt: ""
})
})
].filter(n => n)
}, this.props.menuItemProps, {isFocused: focused}));
return hasPopout ? BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.PopoutContainer, Object.assign({}, this.props.popoutProps, {
children: item,
renderPopout: renderPopout,
onClose: onClose
})) : item;
}
};
InternalComponents.CustomMenuItemWrapper = reactInitialized && class BDFDB_CustomMenuItemWrapper extends LibraryModules.React.Component {
constructor(props) {
super(props);
this.state = {hovered: false};
}
render() {
return BDFDB.ReactUtils.createElement("div", {
onMouseEnter: e => {
this.setState({hovered: true});
},
onMouseLeave: e => {
this.setState({hovered: false});
},
children: BDFDB.ReactUtils.createElement(this.props.children, Object.assign({}, this.props.childProps, {isFocused:this.state.hovered && !this.props.disabled}))
});
}
};
InternalComponents.ErrorBoundary = reactInitialized && class BDFDB_ErrorBoundary extends LibraryModules.React.PureComponent {
constructor(props) {
super(props);
this.state = {hasError: false};
}
static getDerivedStateFromError(error) {
return {hasError: true};
}
componentDidCatch(error, info) {
BDFDB.LogUtils.error("Could not create react element! " + error);
}
render() {
if (this.state.hasError) return LibraryModules.React.createElement("span", {
style: {
background: BDFDB.DiscordConstants && BDFDB.DiscordConstants.Colors && BDFDB.DiscordConstants.Colors.PRIMARY_DARK,
borderRadius: 5,
color: BDFDB.DiscordConstants && BDFDB.DiscordConstants.Colors && BDFDB.DiscordConstants.Colors.STATUS_RED,
fontSize: 12,
fontWeight: 600,
padding: 6,
textAlign: "center",
verticalAlign: "center"
},
children: "React Component Error"
});
return this.props.children;
}
};
InternalComponents.NativeSubComponents.Button = BDFDB.ModuleUtils.findByProperties("Colors", "Hovers", "Looks");
InternalComponents.NativeSubComponents.Checkbox = BDFDB.ModuleUtils.findByName("Checkbox");
InternalComponents.NativeSubComponents.Clickable = BDFDB.ModuleUtils.findByName("Clickable");
InternalComponents.NativeSubComponents.FavButton = BDFDB.ModuleUtils.findByName("GIFFavButton");
InternalComponents.NativeSubComponents.KeybindRecorder = BDFDB.ModuleUtils.findByName("KeybindRecorder");
InternalComponents.NativeSubComponents.MenuCheckboxItem = BDFDB.ModuleUtils.findByName("MenuCheckboxItem");
InternalComponents.NativeSubComponents.MenuControlItem = BDFDB.ModuleUtils.findByName("MenuControlItem");
InternalComponents.NativeSubComponents.MenuItem = BDFDB.ModuleUtils.findByName("MenuItem");
InternalComponents.NativeSubComponents.PopoutContainer = BDFDB.ModuleUtils.findByName("Popout");
InternalComponents.NativeSubComponents.QuickSelect = BDFDB.ModuleUtils.findByName("QuickSelectWrapper");
InternalComponents.NativeSubComponents.RadioGroup = BDFDB.ModuleUtils.findByName("RadioGroup");
InternalComponents.NativeSubComponents.SearchBar = BDFDB.ModuleUtils.find(m => m && m.displayName == "SearchBar" && m.prototype.focus);
InternalComponents.NativeSubComponents.Select = BDFDB.ModuleUtils.findByName("SelectTempWrapper");
InternalComponents.NativeSubComponents.Slider = BDFDB.ModuleUtils.findByName("Slider");
InternalComponents.NativeSubComponents.Switch = BDFDB.ModuleUtils.findByName("Switch");
InternalComponents.NativeSubComponents.TabBar = BDFDB.ModuleUtils.findByName("TabBar");
InternalComponents.NativeSubComponents.Table = BDFDB.ModuleUtils.findByName("Table");
InternalComponents.NativeSubComponents.TextArea = BDFDB.ModuleUtils.findByName("TextArea");
InternalComponents.NativeSubComponents.TextInput = BDFDB.ModuleUtils.findByName("TextInput");
InternalComponents.NativeSubComponents.TooltipContainer = BDFDB.ModuleUtils.findByName("Tooltip");
InternalComponents.LibraryComponents.AddonCard = InternalBDFDB.loadPatchedComp("AddonCard") || reactInitialized && class BDFDB_AddonCard extends LibraryModules.React.Component {
render() {
return !BDFDB.ObjectUtils.is(this.props.data) ? null : BDFDB.ReactUtils.createElement("div", {
className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN._repoentry, this.props.className, BDFDB.disCN._repocard, BDFDB.disCN._reposettingsclosed, BDFDB.disCN._repocheckboxitem),
children: [
BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN._repoheader,
style: {overflow: "visible"},
children: [
BDFDB.ReactUtils.createElement("span", {
className: BDFDB.disCN._repoheadertitle,
children: [
BDFDB.ReactUtils.createElement("span", {
className: BDFDB.disCN._reponame,
children: this.props.data.name
}),
" v",
BDFDB.ReactUtils.createElement("span", {
className: BDFDB.disCN._repoversion,
children: this.props.data.version
}),
" by ",
BDFDB.ReactUtils.createElement("span", {
className: BDFDB.disCN._repoauthor,
children: this.props.data.author
})
]
}),
BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN._repocontrols,
children: this.props.controls
})
]
}),
BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN._repodescriptionwrap,
children: BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN._repodescription,
children: this.props.data.description
})
}),
BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN._repofooter,
children: [
BDFDB.ReactUtils.createElement("span", {
className: BDFDB.disCN._repolinks,
children: [].concat(this.props.links).map((link, i) => BDFDB.ObjectUtils.is(link) && [
i > 0 && " | ",
BDFDB.ReactUtils.createElement("a", {
className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN._repolink, typeof link.label == "string" && BDFDB.disCN._repolink + "-" + link.label.toLowerCase().replace(/\s/g, "")),
href: link.href,
children: link.label
})
]).flat(10).filter(n => n)
}),
this.props.buttons
].flat(10).filter(n => n)
}),
]
});
}
};
InternalComponents.LibraryComponents.Anchor = BDFDB.ModuleUtils.findByName("Anchor");
InternalComponents.LibraryComponents.Animations = Object.assign({}, BDFDB.ModuleUtils.findByProperties("Controller", "Spring"));
InternalComponents.LibraryComponents.AutocompleteItems = BDFDB.ModuleUtils.findByProperties("Generic", "User", "Command");
InternalComponents.LibraryComponents.AutocompleteMenu = BDFDB.ModuleUtils.findByName("Autocomplete");
let AvatarComponents = BDFDB.ModuleUtils.findByProperties("AnimatedAvatar") || {};
InternalComponents.LibraryComponents.Avatar = AvatarComponents.default;
InternalComponents.LibraryComponents.AvatarComponents = AvatarComponents;
InternalComponents.LibraryComponents.BadgeAnimationContainer = InternalBDFDB.loadPatchedComp("BadgeAnimationContainer") || reactInitialized && class BDFDB_BadgeAnimationContainer extends LibraryModules.React.Component {
componentDidMount() {BDFDB.ReactUtils.forceUpdate(this);}
componentWillAppear(e) {if (typeof e == "function") e();}
componentWillEnter(e) {if (typeof e == "function") e();}
componentWillLeave(e) {if (typeof e == "function") this.timeoutId = setTimeout(e, 300);}
componentWillUnmount() {clearTimeout(this.timeoutId)}
render() {
return BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Animations.animated.div, {
className: this.props.className,
style: this.props.animatedStyle,
children: this.props.children
});
}
};
InternalComponents.LibraryComponents.Badges = Object.assign({}, BDFDB.ModuleUtils.findByProperties("IconBadge", "NumberBadge"));
InternalComponents.LibraryComponents.Badges.IconBadge = InternalBDFDB.loadPatchedComp("Badges.IconBadge") || reactInitialized && class BDFDB_IconBadge extends LibraryModules.React.Component {
render() {
return BDFDB.ReactUtils.createElement("div", {
className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN.badgeiconbadge, this.props.className),
style: Object.assign({
backgroundColor: this.props.disableColor ? null : (this.props.color || BDFDB.DiscordConstants.Colors.STATUS_RED)
}, this.props.style),
children: BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.SvgIcon, {
className: BDFDB.disCN.badgeicon,
name: this.props.icon
})
});
}
};
InternalComponents.LibraryComponents.BotTag = InternalBDFDB.loadPatchedComp("BotTag") || reactInitialized && class BDFDB_BotTag extends LibraryModules.React.Component {
handleClick(e) {if (typeof this.props.onClick == "function") this.props.onClick(e, this);}
handleContextMenu(e) {if (typeof this.props.onContextMenu == "function") this.props.onContextMenu(e, this);}
handleMouseEnter(e) {if (typeof this.props.onMouseEnter == "function") this.props.onMouseEnter(e, this);}
handleMouseLeave(e) {if (typeof this.props.onMouseLeave == "function") this.props.onMouseLeave(e, this);}
render() {
return BDFDB.ReactUtils.createElement("span", {
className: BDFDB.DOMUtils.formatClassName(this.props.className, this.props.invertColor ? BDFDB.disCN.bottaginvert : BDFDB.disCN.bottagregular, this.props.useRemSizes ? BDFDB.disCN.bottagrem : BDFDB.disCN.bottagpx),
style: this.props.style,
onClick: this.handleClick.bind(this),
onContextMenu: this.handleContextMenu.bind(this),
onMouseEnter: this.handleMouseEnter.bind(this),
onMouseLeave: this.handleMouseLeave.bind(this),
children: BDFDB.ReactUtils.createElement("span", {
className: BDFDB.disCN.bottagtext,
children: this.props.tag || BDFDB.LanguageUtils.LanguageStrings.BOT_TAG_BOT
})
});
}
};
InternalComponents.LibraryComponents.Button = InternalBDFDB.loadPatchedComp("Button") || reactInitialized && class BDFDB_Button extends LibraryModules.React.Component {
handleClick(e) {if (typeof this.props.onClick == "function") this.props.onClick(e, this);}
handleContextMenu(e) {if (typeof this.props.onContextMenu == "function") this.props.onContextMenu(e, this);}
handleMouseDown(e) {if (typeof this.props.onMouseDown == "function") this.props.onMouseDown(e, this);}
handleMouseUp(e) {if (typeof this.props.onMouseUp == "function") this.props.onMouseUp(e, this);}
handleMouseEnter(e) {if (typeof this.props.onMouseEnter == "function") this.props.onMouseEnter(e, this);}
handleMouseLeave(e) {if (typeof this.props.onMouseLeave == "function") this.props.onMouseLeave(e, this);}
render() {
let processingAndListening = (this.props.disabled || this.props.submitting) && (null != this.props.onMouseEnter || null != this.props.onMouseLeave);
let props = BDFDB.ObjectUtils.exclude(this.props, "look", "color", "hover", "size", "fullWidth", "grow", "disabled", "submitting", "type", "style", "wrapperClassName", "className", "innerClassName", "onClick", "onContextMenu", "onMouseDown", "onMouseUp", "onMouseEnter", "onMouseLeave", "children", "rel");
let button = BDFDB.ReactUtils.createElement("button", Object.assign({}, !this.props.disabled && !this.props.submitting && props, {
className: BDFDB.DOMUtils.formatClassName(this.props.className, BDFDB.disCN.button, this.props.look != null ? this.props.look : InternalComponents.LibraryComponents.Button.Looks.FILLED, this.props.color != null ? this.props.color : InternalComponents.LibraryComponents.Button.Colors.BRAND, this.props.hover, this.props.size != null ? this.props.size : InternalComponents.LibraryComponents.Button.Sizes.MEDIUM, processingAndListening && this.props.wrapperClassName, this.props.fullWidth && BDFDB.disCN.buttonfullwidth, (this.props.grow === undefined || this.props.grow) && BDFDB.disCN.buttongrow, this.props.hover && this.props.hover !== InternalComponents.LibraryComponents.Button.Hovers.DEFAULT && BDFDB.disCN.buttonhashover, this.props.submitting && BDFDB.disCN.buttonsubmitting),
onClick: (this.props.disabled || this.props.submitting) ? e => {return e.preventDefault();} : this.handleClick.bind(this),
onContextMenu: (this.props.disabled || this.props.submitting) ? e => {return e.preventDefault();} : this.handleContextMenu.bind(this),
onMouseUp: !this.props.disabled && this.handleMouseDown.bind(this),
onMouseDown: !this.props.disabled && this.handleMouseUp.bind(this),
onMouseEnter: this.handleMouseEnter.bind(this),
onMouseLeave: this.handleMouseLeave.bind(this),
type: !this.props.type ? "button" : this.props.type,
disabled: this.props.disabled,
style: this.props.style,
rel: this.props.rel,
children: [
this.props.submitting && !this.props.disabled ? BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Spinner, {
type: InternalComponents.LibraryComponents.Spinner.Type.PULSING_ELLIPSIS,
className: BDFDB.disCN.buttonspinner,
itemClassName: BDFDB.disCN.buttonspinneritem
}) : null,
BDFDB.ReactUtils.createElement("div", {
className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN.buttoncontents, this.props.innerClassName),
children: this.props.children
})
]
}));
return !processingAndListening ? button : BDFDB.ReactUtils.createElement("span", {
className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN.buttondisabledwrapper, this.props.wrapperClassName, this.props.size != null ? this.props.size : InternalComponents.LibraryComponents.Button.Sizes.MEDIUM, this.props.fullWidth && BDFDB.disCN.buttonfullwidth, (this.props.grow === undefined || this.props.grow) && BDFDB.disCN.buttongrow),
children: [
button,
BDFDB.ReactUtils.createElement("span", {
onMouseEnter: this.handleMouseEnter.bind(this),
onMouseLeave: this.handleMouseLeave.bind(this),
className: BDFDB.disCN.buttondisabledoverlay
})
]
});
}
};
InternalComponents.LibraryComponents.Card = InternalBDFDB.loadPatchedComp("Card") || reactInitialized && class BDFDB_Card extends LibraryModules.React.Component {
render() {
return BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Flex, BDFDB.ObjectUtils.exclude(Object.assign({}, this.props, {
className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN.hovercardwrapper, this.props.backdrop && BDFDB.disCN.hovercard, this.props.className),
onMouseEnter: e => {if (typeof this.props.onMouseEnter == "function") this.props.onMouseEnter(e, this);},
onMouseLeave: e => {if (typeof this.props.onMouseLeave == "function") this.props.onMouseLeave(e, this);},
onClick: e => {if (typeof this.props.onClick == "function") this.props.onClick(e, this);},
onContextMenu: e => {if (typeof this.props.onContextMenu == "function") this.props.onContextMenu(e, this);},
children: [
!this.props.noRemove ? BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.CardRemoveButton, {
onClick: e => {
if (typeof this.props.onRemove == "function") this.props.onRemove(e, this);
BDFDB.ListenerUtils.stopEvent(e);
}
}) : null,
typeof this.props.children == "string" ? BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.TextElement, {
className: BDFDB.disCN.hovercardinner,
children: BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.TextScroller, {children: this.props.children})
}) : this.props.children
].flat(10).filter(n => n)
}), "backdrop", "noRemove"));
}
};
InternalBDFDB.setDefaultProps(InternalComponents.LibraryComponents.Card, {backdrop:true, noRemove:false});
InternalComponents.LibraryComponents.CardRemoveButton = BDFDB.ModuleUtils.findByName("RemoveButton");
InternalComponents.LibraryComponents.ChannelTextAreaButton = InternalBDFDB.loadPatchedComp("ChannelTextAreaButton") || reactInitialized && class BDFDB_ChannelTextAreaButton extends LibraryModules.React.Component {
render() {
return BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Button, {
look: InternalComponents.LibraryComponents.Button.Looks.BLANK,
size: InternalComponents.LibraryComponents.Button.Sizes.NONE,
"aria-label": this.props.label,
tabIndex: this.props.tabIndex,
className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN.textareabuttonwrapper, this.props.isActive && BDFDB.disCN.textareabuttonactive),
innerClassName: BDFDB.DOMUtils.formatClassName(BDFDB.disCN.textareabutton, this.props.className, this.props.pulse && BDFDB.disCN.textareaattachbuttonplus),
onClick: this.props.onClick,
onContextMenu: this.props.onContextMenu,
onMouseEnter: this.props.onMouseEnter,
onMouseLeave: this.props.onMouseLeave,
children: BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.SvgIcon, {
name: this.props.iconName,
iconSVG: this.props.iconSVG,
className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN.textareaicon, this.props.iconClassName, this.props.pulse && BDFDB.disCN.textareaiconpulse),
nativeClass: this.props.nativeClass
})
});
}
};
InternalBDFDB.setDefaultProps(InternalComponents.LibraryComponents.ChannelTextAreaButton, {tabIndex:0});
InternalComponents.LibraryComponents.CharCounter = InternalBDFDB.loadPatchedComp("CharCounter") || reactInitialized && class BDFDB_CharCounter extends LibraryModules.React.Component {
getCounterString() {
let input = this.refElement || {}, string = "";
if (BDFDB.DOMUtils.containsClass(this.refElement, BDFDB.disCN.textarea)) {
let instance = BDFDB.ReactUtils.findOwner(input, {name:"ChannelEditorContainer", up:true});
if (instance) string = instance.props.textValue;
else string = input.value || input.textContent || "";
}
else string = input.value || input.textContent || "";
let start = input.selectionStart || 0, end = input.selectionEnd || 0, selectlength = end - start, selection = BDFDB.DOMUtils.getSelection();
let select = !selectlength && !selection ? 0 : (selectlength || selection.length);
select = !select ? 0 : (select > string.length ? (end || start ? string.length - (string.length - end - start) : string.length) : select);
let children = [
typeof this.props.renderPrefix == "function" && this.props.renderPrefix(string.length),
`${string.length}${!this.props.max ? "" : "/" + this.props.max}${!select ? "" : " (" + select + ")"}`,
typeof this.props.renderSuffix == "function" && this.props.renderSuffix(string.length)
].filter(n => n);
if (typeof this.props.onChange == "function") this.props.onChange(this);
return children.length == 1 ? children[0] : BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Flex, {
align: InternalComponents.LibraryComponents.Flex.Align.CENTER,
children: children
});
}
updateCounter() {
if (!this.refElement) return;
BDFDB.TimeUtils.clear(this.updateTimeout);
this.updateTimeout = BDFDB.TimeUtils.timeout(this.forceUpdateCounter.bind(this), 100);
}
forceUpdateCounter() {
if (!this.refElement) return;
this.props.children = this.getCounterString();
BDFDB.ReactUtils.forceUpdate(this);
}
handleSelection() {
if (!this.refElement) return;
let mousemove = _ => {
BDFDB.TimeUtils.timeout(this.forceUpdateCounter.bind(this), 10);
};
let mouseup = _ => {
document.removeEventListener("mousemove", mousemove);
document.removeEventListener("mouseup", mouseup);
if (this.refElement.selectionEnd - this.refElement.selectionStart) BDFDB.TimeUtils.timeout(_ => {
document.addEventListener("click", click);
});
};
let click = _ => {
BDFDB.TimeUtils.timeout(this.forceUpdateCounter.bind(this), 100);
document.removeEventListener("mousemove", mousemove);
document.removeEventListener("mouseup", mouseup);
document.removeEventListener("click", click);
};
document.addEventListener("mousemove", mousemove);
document.addEventListener("mouseup", mouseup);
}
componentDidMount() {
if (this.props.refClass) {
let node = BDFDB.ReactUtils.findDOMNode(this);
if (node && node.parentElement) {
this.refElement = node.parentElement.querySelector(this.props.refClass);
if (this.refElement) {
if (!this._updateCounter) this._updateCounter = _ => {
if (!document.contains(node)) BDFDB.ListenerUtils.multiRemove(this.refElement, "keydown click change", this._updateCounter);
else this.updateCounter();
};
if (!this._handleSelection) this._handleSelection = _ => {
if (!document.contains(node)) BDFDB.ListenerUtils.multiRemove(this.refElement, "mousedown", this._handleSelection);
else this.handleSelection();
};
BDFDB.ListenerUtils.multiRemove(this.refElement, "mousedown", this._handleSelection);
BDFDB.ListenerUtils.multiAdd(this.refElement, "mousedown", this._handleSelection);
if (this.refElement.tagName == "INPUT" || this.refElement.tagName == "TEXTAREA") {
BDFDB.ListenerUtils.multiRemove(this.refElement, "keydown click change", this._updateCounter);
BDFDB.ListenerUtils.multiAdd(this.refElement, "keydown click change", this._updateCounter);
}
else {
if (!this._mutationObserver) this._mutationObserver = new MutationObserver(changes => {
if (!document.contains(node)) this._mutationObserver.disconnect();
else this.updateCounter();
});
else this._mutationObserver.disconnect();
this._mutationObserver.observe(this.refElement, {childList: true, subtree: true});
}
this.updateCounter();
}
else BDFDB.LogUtils.warn("could not find referenceElement for BDFDB_CharCounter");
}
}
else BDFDB.LogUtils.warn("refClass can not be undefined for BDFDB_CharCounter");
}
render() {
let string = this.getCounterString();
BDFDB.TimeUtils.timeout(_ => {if (string != this.getCounterString()) BDFDB.ReactUtils.forceUpdate(this);});
return BDFDB.ReactUtils.createElement("div", BDFDB.ObjectUtils.exclude(Object.assign({}, this.props, {
className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN.charcounter, this.props.className),
children: string
}), "parsing", "max", "refClass", "renderPrefix", "renderSuffix"));
}
};
InternalComponents.LibraryComponents.Checkbox = InternalBDFDB.loadPatchedComp("Checkbox") || reactInitialized && class BDFDB_Checkbox extends LibraryModules.React.Component {
handleChange() {
this.props.value = !this.props.value;
if (typeof this.props.onChange == "function") this.props.onChange(this.props.value, this);
BDFDB.ReactUtils.forceUpdate(this);
}
render() {
return BDFDB.ReactUtils.createElement(InternalComponents.NativeSubComponents.Checkbox, Object.assign({}, this.props, {onChange: this.handleChange.bind(this)}));
}
};
InternalComponents.LibraryComponents.Clickable = InternalBDFDB.loadPatchedComp("Clickable") || reactInitialized && class BDFDB_Clickable extends LibraryModules.React.Component {
handleClick(e) {if (typeof this.props.onClick == "function") this.props.onClick(e, this);}
handleContextMenu(e) {if (typeof this.props.onContextMenu == "function") this.props.onContextMenu(e, this);}
handleMouseDown(e) {if (typeof this.props.onMouseDown == "function") this.props.onMouseDown(e, this);}
handleMouseUp(e) {if (typeof this.props.onMouseUp == "function") this.props.onMouseUp(e, this);}
handleMouseEnter(e) {if (typeof this.props.onMouseEnter == "function") this.props.onMouseEnter(e, this);}
handleMouseLeave(e) {if (typeof this.props.onMouseLeave == "function") this.props.onMouseLeave(e, this);}
render() {
return BDFDB.ReactUtils.createElement(InternalComponents.NativeSubComponents.Clickable, Object.assign({}, this.props, {
className: BDFDB.DOMUtils.formatClassName(this.props.className, (this.props.className || "").toLowerCase().indexOf("disabled") == -1 && BDFDB.disCN.cursorpointer),
onClick: this.handleClick.bind(this),
onContextMenu: this.handleContextMenu.bind(this),
onMouseUp: this.handleMouseDown.bind(this),
onMouseDown: !this.props.disabled && this.handleMouseUp.bind(this),
onMouseEnter: this.handleMouseEnter.bind(this),
onMouseLeave: this.handleMouseLeave.bind(this)
}));
}
};
InternalComponents.LibraryComponents.CollapseContainer = InternalBDFDB.loadPatchedComp("CollapseContainer") || reactInitialized && class BDFDB_CollapseContainer extends LibraryModules.React.Component {
render() {
if (!BDFDB.ObjectUtils.is(this.props.collapseStates)) this.props.collapseStates = {};
this.props.collapsed = this.props.collapsed && (this.props.collapseStates[this.props.title] || this.props.collapseStates[this.props.title] == undefined);
this.props.collapseStates[this.props.title] = this.props.collapsed;
return BDFDB.ReactUtils.createElement("div", {
className: BDFDB.DOMUtils.formatClassName(this.props.collapsed && BDFDB.disCN.collapsecontainercollapsed, this.props.mini ? BDFDB.disCN.collapsecontainermini : BDFDB.disCN.collapsecontainer, this.props.className),
id: this.props.id,
children: [
BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Flex, {
className: BDFDB.disCN.collapsecontainerheader,
align: InternalComponents.LibraryComponents.Flex.Align.CENTER,
onClick: e => {
this.props.collapsed = !this.props.collapsed;
this.props.collapseStates[this.props.title] = this.props.collapsed;
if (typeof this.props.onClick == "function") this.props.onClick(this.props.collapsed, this);
BDFDB.ReactUtils.forceUpdate(this);
},
children: BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.FormComponents.FormTitle, {
tag: InternalComponents.LibraryComponents.FormComponents.FormTitle.Tags.H5,
className: BDFDB.disCN.collapsecontainertitle,
children: this.props.title
})
}),
!this.props.collapsed ? BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN.collapsecontainerinner,
children: this.props.children
}) : null
]
});
}
};
InternalBDFDB.setDefaultProps(InternalComponents.LibraryComponents.CollapseContainer, {collapsed:true, mini:true});
InternalComponents.LibraryComponents.ColorPicker = InternalBDFDB.loadPatchedComp("ColorPicker") || reactInitialized && class BDFDB_ColorPicker extends LibraryModules.React.Component {
constructor(props) {
super(props);
if (!this.state) this.state = {};
this.state.isGradient = props.gradient && props.color && BDFDB.ObjectUtils.is(props.color);
this.state.gradientBarEnabled = this.state.isGradient;
this.state.draggingAlphaCursor = false;
this.state.draggingGradientCursor = false;
this.state.selectedGradientCursor = 0;
}
handleColorChange(color) {
let changed = false;
if (color != null) {
changed = !BDFDB.equals(this.state.isGradient ? this.props.color[this.state.selectedGradientCursor] : this.props.color, color);
if (this.state.isGradient) this.props.color[this.state.selectedGradientCursor] = color;
else this.props.color = color;
}
else changed = true;
if (changed) {
if (typeof this.props.onColorChange == "function") this.props.onColorChange(this.props.color);
BDFDB.ReactUtils.forceUpdate(this);
}
}
componentDidMount() {
this.domElementRef = {current: BDFDB.DOMUtils.getParent(BDFDB.dotCN.itemlayer, BDFDB.ReactUtils.findDOMNode(this))};
let popoutContainerInstance = BDFDB.ReactUtils.findOwner(this.domElementRef.current, {name:"BDFDB_PopoutContainer", up:true, unlimited:true});
if (popoutContainerInstance) {
let mousedown = event => {
if (!this.domElementRef.current || !document.contains(this.domElementRef.current)) document.removeEventListener("mousedown", mousedown);
else if (!this.domElementRef.current.contains(event.target)) {
let mouseup = event => {
if (!this.domElementRef.current || !document.contains(this.domElementRef.current)) {
document.removeEventListener("mousedown", mousedown);
document.removeEventListener("mouseup", mouseup);
}
else if (!this.domElementRef.current.contains(event.target)) {
document.removeEventListener("mousedown", mousedown);
document.removeEventListener("mouseup", mouseup);
popoutContainerInstance.handleClick(event);
}
};
document.addEventListener("mouseup", mouseup);
}
};
document.addEventListener("mousedown", mousedown);
}
}
render() {
if (this.state.isGradient) this.props.color = Object.assign({}, this.props.color);
let hslFormat = this.props.alpha ? "HSLA" : "HSL";
let hexRegex = this.props.alpha ? /^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i : /^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i;
let selectedColor = BDFDB.ColorUtils.convert(this.state.isGradient ? this.props.color[this.state.selectedGradientCursor] : this.props.color, hslFormat) || BDFDB.ColorUtils.convert("#000000FF", hslFormat);
let currentGradient = (this.state.isGradient ? Object.entries(this.props.color, hslFormat) : [[0, selectedColor], [1, selectedColor]]);
let [h, s, l] = BDFDB.ColorUtils.convert(selectedColor, "HSLCOMP");
let a = BDFDB.ColorUtils.getAlpha(selectedColor);
a = a == null ? 1 : a;
return BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.PopoutFocusLock, {
className: BDFDB.disCNS.colorpickerwrapper + BDFDB.disCN.colorpicker,
children: [
BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN.colorpickerinner,
children: [
BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN.colorpickersaturation,
children: BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN.colorpickersaturationcolor,
style: {position: "absolute", top: 0, right: 0, bottom: 0, left: 0, cursor: "crosshair", backgroundColor: BDFDB.ColorUtils.convert([h, "100%", "100%"], "RGB")},
onClick: event => {
let rects = BDFDB.DOMUtils.getRects(BDFDB.DOMUtils.getParent(BDFDB.dotCN.colorpickersaturationcolor, event.target));
let newS = BDFDB.NumberUtils.mapRange([rects.left, rects.left + rects.width], [0, 100], event.clientX) + "%";
let newL = BDFDB.NumberUtils.mapRange([rects.top, rects.top + rects.height], [100, 0], event.clientY) + "%";
this.handleColorChange(BDFDB.ColorUtils.convert([h, newS, newL, a], hslFormat));
},
onMouseDown: event => {
let rects = BDFDB.DOMUtils.getRects(BDFDB.DOMUtils.getParent(BDFDB.dotCN.colorpickersaturationcolor, event.target));
let mouseup = _ => {
document.removeEventListener("mouseup", mouseup);
document.removeEventListener("mousemove", mousemove);
};
let mousemove = event2 => {
let newS = BDFDB.NumberUtils.mapRange([rects.left, rects.left + rects.width], [0, 100], event2.clientX) + "%";
let newL = BDFDB.NumberUtils.mapRange([rects.top, rects.top + rects.height], [100, 0], event2.clientY) + "%";
this.handleColorChange(BDFDB.ColorUtils.convert([h, newS, newL, a], hslFormat));
};
document.addEventListener("mouseup", mouseup);
document.addEventListener("mousemove", mousemove);
},
children: [
BDFDB.ReactUtils.createElement("style", {
children: `${BDFDB.dotCN.colorpickersaturationwhite} {background: -webkit-linear-gradient(to right, #fff, rgba(255,255,255,0));background: linear-gradient(to right, #fff, rgba(255,255,255,0));}${BDFDB.dotCN.colorpickersaturationblack} {background: -webkit-linear-gradient(to top, #000, rgba(0,0,0,0));background: linear-gradient(to top, #000, rgba(0,0,0,0));}`
}),
BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN.colorpickersaturationwhite,
style: {position: "absolute", top: 0, right: 0, bottom: 0, left: 0},
children: [
BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN.colorpickersaturationblack,
style: {position: "absolute", top: 0, right: 0, bottom: 0, left: 0}
}),
BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN.colorpickersaturationcursor,
style: {position: "absolute", cursor: "crosshair", left: s, top: `${BDFDB.NumberUtils.mapRange([0, 100], [100, 0], parseFloat(l))}%`},
children: BDFDB.ReactUtils.createElement("div", {
style: {width: 4, height: 4, boxShadow: "rgb(255, 255, 255) 0px 0px 0px 1.5px, rgba(0, 0, 0, 0.3) 0px 0px 1px 1px inset, rgba(0, 0, 0, 0.4) 0px 0px 1px 2px", borderRadius: "50%", transform: "translate(-2px, -2px)"}
})
})
]
})
]
})
}),
BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN.colorpickerhue,
children: BDFDB.ReactUtils.createElement("div", {
style: {position: "absolute", top: 0, right: 0, bottom: 0, left: 0},
children: BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN.colorpickerhuehorizontal,
style: {padding: "0px 2px", position: "relative", height: "100%"},
onClick: event => {
let rects = BDFDB.DOMUtils.getRects(BDFDB.DOMUtils.getParent(BDFDB.dotCN.colorpickerhuehorizontal, event.target));
let newH = BDFDB.NumberUtils.mapRange([rects.left, rects.left + rects.width], [0, 360], event.clientX);
this.handleColorChange(BDFDB.ColorUtils.convert([newH, s, l, a], hslFormat));
},
onMouseDown: event => {
let rects = BDFDB.DOMUtils.getRects(BDFDB.DOMUtils.getParent(BDFDB.dotCN.colorpickerhuehorizontal, event.target));
let mouseup = _ => {
document.removeEventListener("mouseup", mouseup);
document.removeEventListener("mousemove", mousemove);
};
let mousemove = event2 => {
let newH = BDFDB.NumberUtils.mapRange([rects.left, rects.left + rects.width], [0, 360], event2.clientX);
this.handleColorChange(BDFDB.ColorUtils.convert([newH, s, l, a], hslFormat));
};
document.addEventListener("mouseup", mouseup);
document.addEventListener("mousemove", mousemove);
},
children: [
BDFDB.ReactUtils.createElement("style", {
children: `${BDFDB.dotCN.colorpickerhuehorizontal} {background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);background: -webkit-linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);}${BDFDB.dotCN.colorpickerhuevertical} {background: linear-gradient(to top, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);background: -webkit-linear-gradient(to top, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);}`
}),
BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN.colorpickerhuecursor,
style: {position: "absolute", cursor: "ew-resize", left: `${BDFDB.NumberUtils.mapRange([0, 360], [0, 100], h)}%`},
children: BDFDB.ReactUtils.createElement("div", {
style: {marginTop: 1, width: 4, borderRadius: 1, height: 8, boxShadow: "rgba(0, 0, 0, 0.6) 0px 0px 2px", background: "rgb(255, 255, 255)", transform: "translateX(-2px)"}
})
})
]
})
})
}),
this.props.alpha && BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN.colorpickeralpha,
children: [
BDFDB.ReactUtils.createElement("div", {
style: {position: "absolute", top: 0, right: 0, bottom: 0, left: 0},
children: BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN.colorpickeralphacheckered,
style: {padding: "0px 2px", position: "relative", height: "100%"}
})
}),
BDFDB.ReactUtils.createElement("div", {
style: {position: "absolute", top: 0, right: 0, bottom: 0, left: 0},
children: BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN.colorpickeralphahorizontal,
style: {padding: "0px 2px", position: "relative", height: "100%", background: `linear-gradient(to right, ${BDFDB.ColorUtils.setAlpha([h, s, l], 0, "RGBA")}, ${BDFDB.ColorUtils.setAlpha([h, s, l], 1, "RGBA")}`},
onClick: event => {
let rects = BDFDB.DOMUtils.getRects(BDFDB.DOMUtils.getParent(BDFDB.dotCN.colorpickeralphahorizontal, event.target));
let newA = BDFDB.NumberUtils.mapRange([rects.left, rects.left + rects.width], [0, 1], event.clientX);
this.handleColorChange(BDFDB.ColorUtils.setAlpha(selectedColor, newA, hslFormat));
},
onMouseDown: event => {
let rects = BDFDB.DOMUtils.getRects(BDFDB.DOMUtils.getParent(BDFDB.dotCN.colorpickeralphahorizontal, event.target));
let mouseup = _ => {
document.removeEventListener("mouseup", mouseup);
document.removeEventListener("mousemove", mousemove);
this.state.draggingAlphaCursor = false;
BDFDB.ReactUtils.forceUpdate(this);
};
let mousemove = event2 => {
this.state.draggingAlphaCursor = true;
let newA = BDFDB.NumberUtils.mapRange([rects.left, rects.left + rects.width], [0, 1], event2.clientX);
this.handleColorChange(BDFDB.ColorUtils.setAlpha(selectedColor, newA, hslFormat));
};
document.addEventListener("mouseup", mouseup);
document.addEventListener("mousemove", mousemove);
},
children: BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN.colorpickeralphacursor,
style: {position: "absolute", cursor: "ew-resize", left: `${a * 100}%`},
children: [
BDFDB.ReactUtils.createElement("div", {
style: {marginTop: 1, width: 4, borderRadius: 1, height: 8, boxShadow: "rgba(0, 0, 0, 0.6) 0px 0px 2px", background: "rgb(255, 255, 255)", transform: "translateX(-2px)"}
}),
this.state.draggingAlphaCursor && BDFDB.ReactUtils.createElement("span", {
className: BDFDB.disCN.sliderbubble,
style: {opacity: 1, visibility: "visible", left: 2},
children: `${Math.floor(a * 100)}%`
})
].filter(n => n)
})
})
})
]
}),
this.state.gradientBarEnabled && BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN.colorpickergradient,
children: [
BDFDB.ReactUtils.createElement("div", {
style: {position: "absolute", top: 0, right: 0, bottom: 0, left: 0},
children: BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN.colorpickergradientcheckered,
style: {padding: "0px 2px", position: "relative", height: "100%"}
})
}),
BDFDB.ReactUtils.createElement("div", {
style: {position: "absolute", top: 0, right: 0, bottom: 0, left: 0},
children: BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN.colorpickergradienthorizontal,
style: {padding: "0px 2px", position: "relative", cursor: "copy", height: "100%", background: BDFDB.ColorUtils.createGradient(currentGradient.reduce((colorObj, posAndColor) => (colorObj[posAndColor[0]] = posAndColor[1], colorObj), {}))},
onClick: event => {
let rects = BDFDB.DOMUtils.getRects(event.target);
let pos = BDFDB.NumberUtils.mapRange([rects.left, rects.left + rects.width], [0.01, 0.99], event.clientX);
if (Object.keys(this.props.color).indexOf(pos) == -1) {
this.props.color[pos] = BDFDB.ColorUtils.convert("#000000FF", hslFormat);
this.state.selectedGradientCursor = pos;
this.handleColorChange();
}
},
children: currentGradient.map(posAndColor => BDFDB.ReactUtils.createElement("div", {
className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN.colorpickergradientcursor, (posAndColor[0] == 0 || posAndColor[0] == 1) && BDFDB.disCNS.colorpickergradientcursoredge, this.state.selectedGradientCursor == posAndColor[0] && BDFDB.disCN.colorpickergradientcursorselected),
style: {position: "absolute", cursor: "pointer", left: `${posAndColor[0] * 100}%`},
onMouseDown: posAndColor[0] == 0 || posAndColor[0] == 1 ? _ => {} : event => {
event = event.nativeEvent || event;
let mousemove = event2 => {
if (Math.sqrt((event.pageX - event2.pageX)**2) > 10) {
document.removeEventListener("mousemove", mousemove);
document.removeEventListener("mouseup", mouseup);
this.state.draggingGradientCursor = true;
let cursor = BDFDB.DOMUtils.getParent(BDFDB.dotCN.colorpickergradientcursor, event.target);
let rects = BDFDB.DOMUtils.getRects(cursor.parentElement);
let releasing = _ => {
document.removeEventListener("mousemove", dragging);
document.removeEventListener("mouseup", releasing);
BDFDB.TimeUtils.timeout(_ => {this.state.draggingGradientCursor = false;});
};
let dragging = event3 => {
let pos = BDFDB.NumberUtils.mapRange([rects.left, rects.left + rects.width], [0.01, 0.99], event3.clientX);
if (Object.keys(this.props.color).indexOf(pos) == -1) {
delete this.props.color[posAndColor[0]];
posAndColor[0] = pos;
this.props.color[pos] = posAndColor[1];
this.state.selectedGradientCursor = pos;
this.handleColorChange();
}
};
document.addEventListener("mousemove", dragging);
document.addEventListener("mouseup", releasing);
}
};
let mouseup = _ => {
document.removeEventListener("mousemove", mousemove);
document.removeEventListener("mouseup", mouseup);
};
document.addEventListener("mousemove", mousemove);
document.addEventListener("mouseup", mouseup);
},
onClick: event => {
BDFDB.ListenerUtils.stopEvent(event);
if (!this.state.draggingGradientCursor) {
this.state.selectedGradientCursor = posAndColor[0];
BDFDB.ReactUtils.forceUpdate(this);
}
},
onContextMenu: posAndColor[0] == 0 || posAndColor[0] == 1 ? _ => {} : event => {
BDFDB.ListenerUtils.stopEvent(event);
delete this.props.color[posAndColor[0]];
this.state.selectedGradientCursor = 0;
this.handleColorChange();
},
children: BDFDB.ReactUtils.createElement("div", {
style: {background: BDFDB.ColorUtils.convert(posAndColor[1], "RGBA")}
})
}))
})
})
]
})
].filter(n => n)
}),
BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.TextInput, {
className: BDFDB.disCNS.colorpickerhexinput + BDFDB.disCN.margintop8,
maxLength: this.props.alpha ? 9 : 7,
valuePrefix: "#",
value: BDFDB.ColorUtils.convert(selectedColor, this.props.alpha ? "HEXA" : "HEX"),
autoFocus: true,
onChange: value => {
if (hexRegex.test(value)) this.handleColorChange(value);
},
inputChildren: this.props.gradient && BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.TooltipContainer, {
text: "Gradient",
children: BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Clickable, {
className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN.colorpickergradientbutton, this.state.gradientBarEnabled && BDFDB.disCN.colorpickergradientbuttonenabled),
children: BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.SvgIcon, {
nativeClass: true,
width: 28,
height: 28,
name: InternalComponents.LibraryComponents.SvgIcon.Names.GRADIENT
}),
onClick: _ => {
this.state.gradientBarEnabled = !this.state.gradientBarEnabled;
if (this.state.gradientBarEnabled && !this.state.isGradient) this.props.color = {0: selectedColor, 1: selectedColor};
else if (!this.state.gradientBarEnabled && this.state.isGradient) this.props.color = selectedColor;
this.state.isGradient = this.props.color && BDFDB.ObjectUtils.is(this.props.color);
this.handleColorChange();
}
})
})
}),
BDFDB.ReactUtils.createElement("div", {
className: "move-corners",
children: [{top: 0, left: 0}, {top: 0, right: 0}, {bottom: 0, right: 0}, {bottom: 0, left: 0}].map(pos => BDFDB.ReactUtils.createElement("div", {
className: "move-corner",
onMouseDown: e => {
if (!this.domElementRef.current) return;
let rects = BDFDB.DOMUtils.getRects(this.domElementRef.current);
let left = rects.left, top = rects.top;
let oldX = e.pageX, oldY = e.pageY;
let mouseup = _ => {
document.removeEventListener("mouseup", mouseup);
document.removeEventListener("mousemove", mousemove);
};
let mousemove = e2 => {
left = left - (oldX - e2.pageX), top = top - (oldY - e2.pageY);
oldX = e2.pageX, oldY = e2.pageY;
this.domElementRef.current.style.setProperty("left", `${left}px`, "important");
this.domElementRef.current.style.setProperty("top", `${top}px`, "important");
};
document.addEventListener("mouseup", mouseup);
document.addEventListener("mousemove", mousemove);
},
style: Object.assign({}, pos, {width: 10, height: 10, cursor: "move", position: "absolute"})
}))
})
]
});
}
};
InternalComponents.LibraryComponents.ColorSwatches = InternalBDFDB.loadPatchedComp("ColorSwatches") || reactInitialized && class BDFDB_ColorSwatches extends LibraryModules.React.Component {
constructor(props) {
super(props);
props.selectedColor = BDFDB.ObjectUtils.is(props.color) ? props.color : BDFDB.ColorUtils.convert(props.color, "RGBA");
props.colors = (BDFDB.ArrayUtils.is(props.colors) ? props.colors : [null, 5433630, 3066993, 1752220, 3447003, 3429595, 8789737, 10181046, 15277667, 15286558, 15158332, 15105570, 15844367, 13094093, 7372936, 6513507, 16777215, 3910932, 2067276, 1146986, 2123412, 2111892, 7148717, 7419530, 11342935, 11345940, 10038562, 11027200, 12745742, 9936031, 6121581, 2894892]).map(c => BDFDB.ColorUtils.convert(c, "RGBA"));
props.colorRows = props.colors.length ? [props.colors.slice(0, parseInt(props.colors.length/2)), props.colors.slice(parseInt(props.colors.length/2))] : [];
props.customColor = props.selectedColor != null ? (props.colors.indexOf(props.selectedColor) > -1 ? null : props.selectedColor) : null;
props.customSelected = !!props.customColor;
props.pickerConfig = BDFDB.ObjectUtils.is(props.pickerConfig) ? props.pickerConfig : {gradient: true, alpha: true};
this.state = props;
var swatches = this;
this.ColorSwatch = class BDFDB_ColorSwatch extends LibraryModules.React.Component {
render() {
let useWhite = !BDFDB.ColorUtils.isBright(this.props.color);
let swatch = BDFDB.ReactUtils.createElement("button", {
type: "button",
className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN.colorpickerswatch, this.props.isSingle && BDFDB.disCN.colorpickerswatchsingle, this.props.isDisabled && BDFDB.disCN.colorpickerswatchdisabled, this.props.isSelected && BDFDB.disCN.colorpickerswatchselected, this.props.isCustom && BDFDB.disCN.colorpickerswatchcustom, this.props.color == null && BDFDB.disCN.colorpickerswatchnocolor),
number: this.props.number,
disabled: this.props.isDisabled,
onClick: _ => {
if (!this.props.isSelected) {
let color = this.props.isCustom && this.props.color == null ? "rgba(0, 0, 0, 1)" : this.props.color;
if (typeof swatches.props.onColorChange == "function") swatches.props.onColorChange(BDFDB.ColorUtils.convert(color, "RGBA"));
swatches.setState({
selectedColor: color,
customColor: this.props.isCustom ? color : swatches.state.customColor,
customSelected: this.props.isCustom
});
}
},
style: Object.assign({}, this.props.style, {
background: BDFDB.ObjectUtils.is(this.props.color) ? BDFDB.ColorUtils.createGradient(this.props.color) : BDFDB.ColorUtils.convert(this.props.color, "RGBA")
}),
children: [
this.props.isCustom || this.props.isSingle ? BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.SvgIcon, {
className: BDFDB.disCN.colorpickerswatchdropper,
foreground: BDFDB.disCN.colorpickerswatchdropperfg,
name: InternalComponents.LibraryComponents.SvgIcon.Names.DROPPER,
width: this.props.isCustom ? 14 : 10,
height: this.props.isCustom ? 14 : 10,
color: useWhite ? BDFDB.DiscordConstants.Colors.WHITE : BDFDB.DiscordConstants.Colors.BLACK
}) : null,
this.props.isSelected && !this.props.isSingle ? BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.SvgIcon, {
name: InternalComponents.LibraryComponents.SvgIcon.Names.CHECKMARK,
width: this.props.isCustom ? 32 : 16,
height: this.props.isCustom ? 24 : 16,
color: useWhite ? BDFDB.DiscordConstants.Colors.WHITE : BDFDB.DiscordConstants.Colors.BLACK
}) : null
]
});
if (this.props.isCustom || this.props.isSingle || this.props.color == null) swatch = BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.TooltipContainer, {
text: this.props.isCustom || this.props.isSingle ? BDFDB.LanguageUtils.LanguageStrings.CUSTOM_COLOR : BDFDB.LanguageUtils.LanguageStrings.DEFAULT,
tooltipConfig: {type: this.props.isSingle ? "top" : "bottom"},
children: swatch
});
if (this.props.isCustom || this.props.isSingle) swatch = BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.PopoutContainer, {
children: swatch,
wrap: false,
popoutClassName: BDFDB.disCNS.colorpickerwrapper + BDFDB.disCN.colorpicker,
animation: InternalComponents.LibraryComponents.PopoutContainer.Animation.TRANSLATE,
position: InternalComponents.LibraryComponents.PopoutContainer.Positions.BOTTOM,
align: InternalComponents.LibraryComponents.PopoutContainer.Align.CENTER,
renderPopout: _ => {
return BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.ColorPicker, Object.assign({
color: this.props.color,
onColorChange: color => {
if (typeof swatches.props.onColorChange == "function") swatches.props.onColorChange(BDFDB.ColorUtils.convert(color, "RGBA"))
this.props.color = color;
swatches.setState({
selectedColor: color,
customColor: color,
customSelected: true
});
}
}, props.pickerConfig), true);
}
});
return swatch;
}
}
}
renderRow(colors) {
return BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Flex, {
className: BDFDB.disCN.colorpickerrow,
wrap: InternalComponents.LibraryComponents.Flex.Wrap.WRAP,
children: colors.map(color => {
return BDFDB.ReactUtils.createElement(this.ColorSwatch, {
color: color,
isCustom: false,
isSelected: !this.state.customSelected && color === this.state.selectedColor,
isDisabled: this.state.disabled
})
})
});
}
render() {
let customSwatch = BDFDB.ReactUtils.createElement(this.ColorSwatch, {
number: !this.state.colors.length ? (this.props.number != null ? this.props.number : 0) : null,
color: this.state.customColor,
isSingle: !this.state.colors.length,
isCustom: this.state.colors.length,
isSelected: this.state.customSelected,
isDisabled: this.state.disabled,
style: {margin: 0}
});
return !this.state.colors.length ? BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN.colorpickerswatchsinglewrapper,
children: customSwatch
}) : BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Flex, {
className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN.colorpickerswatches, this.state.disabled && BDFDB.disCN.colorpickerswatchesdisabled),
number: this.props.number != null ? this.props.number : 0,
children: [
BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Flex.Child, {
className: BDFDB.disCN.marginreset,
shrink: 0,
grow: 0,
children: customSwatch
}),
BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Flex, {
direction: InternalComponents.LibraryComponents.Flex.Direction.VERTICAL,
className: BDFDB.disCN.flexmarginreset,
grow: 1,
children: [
this.renderRow(this.state.colorRows[0]),
this.renderRow(this.state.colorRows[1])
]
})
]
});
}
};
InternalComponents.LibraryComponents.Connectors = Object.assign({}, BDFDB.ModuleUtils.findByProperties("Router", "Link"));
InternalComponents.LibraryComponents.DiscordTag = BDFDB.ModuleUtils.findByName("DiscordTag");
InternalComponents.LibraryComponents.Emoji = (BDFDB.ModuleUtils.findByString("emojiName", "shouldAnimate", "jumboable") || {}).default;
InternalComponents.LibraryComponents.EmojiButton = BDFDB.ModuleUtils.findByName("EmojiButton");
InternalComponents.LibraryComponents.EmojiPicker = BDFDB.ModuleUtils.findByString("allowManagedEmojis", "EMOJI_PICKER_TAB_PANEL_ID", "diversitySelector");
InternalComponents.LibraryComponents.EmojiPickerButton = InternalBDFDB.loadPatchedComp("EmojiPickerButton") || reactInitialized && class BDFDB_EmojiPickerButton extends LibraryModules.React.Component {
handleEmojiChange(emoji) {
if (emoji != null) {
this.props.emoji = emoji.id ? {
id: emoji.id,
name: emoji.name,
animated: emoji.animated
} : {
id: null,
name: emoji.optionallyDiverseSequence,
animated: false
};
if (typeof this.props.onSelect == "function") this.props.onSelect(this.props.emoji, this);
BDFDB.ReactUtils.forceUpdate(this);
}
}
render() {
return BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.PopoutContainer, {
children: BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.EmojiButton, {
className: BDFDB.DOMUtils.formatClassName(this.props.className, BDFDB.disCN.emojiinputbutton),
renderButtonContents: this.props.emoji ? _ => BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Emoji, {
className: BDFDB.disCN.emoji,
emojiId: this.props.emoji.id,
emojiName: this.props.emoji.name
}) : null
}),
wrap: false,
animation: InternalComponents.LibraryComponents.PopoutContainer.Animation.NONE,
position: InternalComponents.LibraryComponents.PopoutContainer.Positions.TOP,
align: InternalComponents.LibraryComponents.PopoutContainer.Align.LEFT,
renderPopout: instance => {
return BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.EmojiPicker, {
closePopout: instance.close,
onSelectEmoji: this.handleEmojiChange.bind(this),
allowManagedEmojis: this.props.allowManagedEmojis
});
}
});
}
};
InternalBDFDB.setDefaultProps(InternalComponents.LibraryComponents.EmojiPickerButton, {allowManagedEmojis:false});
InternalComponents.LibraryComponents.FavButton = InternalBDFDB.loadPatchedComp("FavButton") || reactInitialized && class BDFDB_FavButton extends LibraryModules.React.Component {
handleClick() {
this.props.isFavorite = !this.props.isFavorite;
if (typeof this.props.onClick == "function") this.props.onClick(this.props.isFavorite, this);
BDFDB.ReactUtils.forceUpdate(this);
}
render() {
return BDFDB.ReactUtils.createElement("div", {
className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN.favbuttoncontainer, this.props.className),
children: BDFDB.ReactUtils.createElement(InternalComponents.NativeSubComponents.FavButton, BDFDB.ObjectUtils.exclude(Object.assign({}, this.props, {onClick: this.handleClick.bind(this)}), "className"))
});
}
};
InternalComponents.LibraryComponents.FileButton = InternalBDFDB.loadPatchedComp("FileButton") || reactInitialized && class BDFDB_FileButton extends LibraryModules.React.Component {
componentDidMount() {
if (this.props.searchFolders) {
let node = BDFDB.ReactUtils.findDOMNode(this);
if (node && (node = node.querySelector("input[type='file']")) != null) {
node.setAttribute("directory", "");
node.setAttribute("webkitdirectory", "");
}
}
}
render() {
let filter = this.props.filter && [this.props.filter].flat(10).filter(n => typeof n == "string") || [];
return BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Button, BDFDB.ObjectUtils.exclude(Object.assign({}, this.props, {
onClick: e => {e.currentTarget.querySelector("input").click();},
children: [
BDFDB.LanguageUtils.LibraryStrings.file_navigator_text,
BDFDB.ReactUtils.createElement("input", {
type: "file",
accept: filter.length && (filter.join("/*,") + "/*"),
style: {display: "none"},
onChange: e => {
let file = e.currentTarget.files[0];
if (this.refInput && file && (!filter.length || filter.some(n => file.type.indexOf(n) == 0))) {
this.refInput.props.value = this.props.searchFolders ? file.path.split(file.name).slice(0, -1).join(file.name) : `${this.props.mode == "url" ? "url('" : ""}${(this.props.useFilePath) ? file.path : `data:${file.type};base64,${BDFDB.LibraryRequires.fs.readFileSync(file.path).toString("base64")}`}${this.props.mode ? "')" : ""}`;
BDFDB.ReactUtils.forceUpdate(this.refInput);
this.refInput.handleChange(this.refInput.props.value);
}
}
})
]
}), "filter", "mode", "useFilePath", "searchFolders"));
}
};
InternalComponents.LibraryComponents.Flex = BDFDB.ModuleUtils.findByProperties("Wrap", "Direction", "Child");
InternalComponents.LibraryComponents.FlowerStarIcon = BDFDB.ModuleUtils.findByName("FlowerStarIcon");
InternalComponents.LibraryComponents.FormComponents = Object.assign({}, BDFDB.ModuleUtils.findByProperties("FormSection", "FormText"));
InternalComponents.LibraryComponents.FormComponents.FormItem = InternalBDFDB.loadPatchedComp("FormComponents.FormItem") || reactInitialized && class BDFDB_FormItem extends LibraryModules.React.Component {
render() {
return BDFDB.ReactUtils.createElement("div", {
className: this.props.className,
style: this.props.style,
children: [
BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Flex, {
align: InternalComponents.LibraryComponents.Flex.Align.BASELINE,
children: [
this.props.title != null || this.props.error != null ? BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Flex.Child, {
wrap: true,
children: BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.FormComponents.FormTitle, {
tag: this.props.tag || InternalComponents.LibraryComponents.FormComponents.FormTitle.Tags.H5,
disabled: this.props.disabled,
required: this.props.required,
error: this.props.error,
className: this.props.titleClassName,
children: this.props.title
})
}) : null
].concat([this.props.titlechildren].flat(10)).filter(n => n)
}),
].concat(this.props.children)
});
}
};
InternalComponents.LibraryComponents.GuildComponents = {};
InternalComponents.LibraryComponents.GuildComponents.Badge = BDFDB.ModuleUtils.findByName("GuildBadge");
InternalComponents.LibraryComponents.GuildComponents.BlobMask = BDFDB.ModuleUtils.findByName("BlobMask");
InternalComponents.LibraryComponents.GuildComponents.Guild = InternalBDFDB.loadPatchedComp("GuildComponents.Guild") || reactInitialized && class BDFDB_Guild extends LibraryModules.React.Component {
constructor(props) {
super(props);
this.state = {hovered: false};
}
handleMouseEnter(e) {
if (!this.props.sorting) this.setState({hovered: true});
if (typeof this.props.onMouseEnter == "function") this.props.onMouseEnter(e, this);
}
handleMouseLeave(e) {
if (!this.props.sorting) this.setState({hovered: false});
if (typeof this.props.onMouseLeave == "function") this.props.onMouseLeave(e, this);
}
handleMouseDown(e) {
if (!this.props.unavailable && this.props.guild && this.props.selectedChannelId) LibraryModules.DirectMessageUtils.preload(this.props.guild.id, this.props.selectedChannelId);
if (e.button == 0 && typeof this.props.onMouseDown == "function") this.props.onMouseDown(e, this);
}
handleMouseUp(e) {
if (e.button == 0 && typeof this.props.onMouseUp == "function") this.props.onMouseUp(e, this);
}
handleClick(e) {
if (typeof this.props.onClick == "function") this.props.onClick(e, this);
}
handleContextMenu(e) {
if (this.props.menu) BDFDB.GuildUtils.openMenu(this.props.guild, e);
if (typeof this.props.onContextMenu == "function") this.props.onContextMenu(e, this);
}
setRef(e) {
if (typeof this.props.setRef == "function") this.props.setRef(this.props.guild.id, e)
}
componentDidMount() {
let node = BDFDB.ReactUtils.findDOMNode(this);
if (node) for (let child of node.querySelectorAll("a")) child.setAttribute("draggable", false);
}
render() {
if (!this.props.guild) return null;
let currentVoiceChannel = LibraryModules.ChannelStore.getChannel(LibraryModules.CurrentVoiceUtils.getChannelId());
let hasVideo = currentVoiceChannel && LibraryModules.VoiceUtils.hasVideo(currentVoiceChannel);
this.props.guildId = this.props.guild.id;
this.props.selectedChannelId = LibraryModules.LastChannelStore.getChannelId(this.props.guild.id);
this.props.selected = this.props.state ? LibraryModules.LastGuildStore.getGuildId() == this.props.guild.id : false;
this.props.unread = this.props.state ? LibraryModules.UnreadGuildUtils.hasUnread(this.props.guild.id) : false;
this.props.badge = this.props.state ? LibraryModules.UnreadGuildUtils.getMentionCount(this.props.guild.id) : 0;
this.props.audio = this.props.state ? currentVoiceChannel && currentVoiceChannel.guild_id == this.props.guild.id && !hasVideo : false;
this.props.video = this.props.state ? currentVoiceChannel && currentVoiceChannel.guild_id == this.props.guild.id && hasVideo : false;
this.props.screenshare = this.props.state ? !!LibraryModules.StreamUtils.getAllApplicationStreams().filter(stream => stream.guildId == this.props.guild.id)[0] : false;
this.props.isCurrentUserInThisGuildVoice = this.props.state ? LibraryModules.CurrentVoiceUtils.getGuildId() == this.props.guild.id : false;
this.props.animatable = this.props.state ? LibraryModules.IconUtils.hasAnimatedGuildIcon(this.props.guild) : false;
this.props.unavailable = this.props.state ? LibraryModules.GuildUnavailableStore.unavailableGuilds.includes(this.props.guild.id) : false;
let isDraggedGuild = this.props.draggingGuildId === this.props.guild.id;
let guild = isDraggedGuild ? BDFDB.ReactUtils.createElement("div", {
children: BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.GuildComponents.Items.DragPlaceholder, {})
}) : BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN.guildcontainer,
children: BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.GuildComponents.BlobMask, {
selected: this.state.isDropHovering || this.props.selected || this.state.hovered,
upperBadge: this.props.unavailable ? InternalComponents.LibraryComponents.GuildComponents.Items.renderUnavailableBadge() : InternalComponents.LibraryComponents.GuildComponents.Items.renderIconBadge(this.props.audio, this.props.video, this.props.screenshare, this.props.isCurrentUserInThisGuildVoice),
lowerBadge: this.props.badge > 0 ? InternalComponents.LibraryComponents.GuildComponents.Items.renderMentionBadge(this.props.badge) : null,
lowerBadgeWidth: InternalComponents.LibraryComponents.Badges.getBadgeWidthForValue(this.props.badge),
children: BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.NavItem, {
to: {
pathname: BDFDB.DiscordConstants.Routes.CHANNEL(this.props.guild.id, this.props.selectedChannelId),
state: {
analyticsSource: {
page: BDFDB.DiscordConstants.AnalyticsPages.GUILD_CHANNEL,
section: BDFDB.DiscordConstants.AnalyticsSections.CHANNEL_LIST,
object: BDFDB.DiscordConstants.AnalyticsObjects.CHANNEL
}
}
},
name: this.props.guild.name,
onMouseEnter: this.handleMouseEnter.bind(this),
onMouseLeave: this.handleMouseLeave.bind(this),
onMouseDown: this.handleMouseDown.bind(this),
onMouseUp: this.handleMouseUp.bind(this),
onClick: this.handleClick.bind(this),
onContextMenu: this.handleContextMenu.bind(this),
icon: this.props.guild.getIconURL(this.state.hovered && this.props.animatable ? "gif" : "png"),
selected: this.props.selected || this.state.hovered
})
})
});
if (this.props.draggable && typeof this.props.connectDragSource == "function") guild = this.props.connectDragSource(guild);
let children = [
this.props.list || this.props.pill ? BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.GuildComponents.Pill, {
hovered: !isDraggedGuild && this.state.hovered,
selected: !isDraggedGuild && this.props.selected,
unread: !isDraggedGuild && this.props.unread,
className: BDFDB.disCN.guildpill
}) : null,
!this.props.tooltip ? guild : BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.TooltipContainer, {
tooltipConfig: Object.assign({type: "right"}, this.props.tooltipConfig, {guild: this.props.list && this.props.guild}),
children: guild
})
].filter(n => n);
return this.props.list ? BDFDB.ReactUtils.createElement("div", {
ref: null != this.props.setRef ? this.props.setRef : null,
className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN.guildouter, BDFDB.disCN._bdguild, this.props.unread && BDFDB.disCN._bdguildunread, this.props.selected && BDFDB.disCN._bdguildselected, this.props.unread && BDFDB.disCN._bdguildunread, this.props.audio && BDFDB.disCN._bdguildaudio, this.props.video && BDFDB.disCN._bdguildvideo),
children: BDFDB.ReactUtils.createElement(BDFDB.ReactUtils.Fragment, {
children: children
})
}) : BDFDB.ReactUtils.createElement("div", {
className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN.guild, this.props.className),
children: children
});
}
};
InternalBDFDB.setDefaultProps(InternalComponents.LibraryComponents.GuildComponents.Guild, {menu:true, tooltip:true, list:false, state:false, draggable:false, sorting:false});
InternalComponents.LibraryComponents.GuildComponents.Icon = BDFDB.ModuleUtils.findByName("GuildIconWrapper");
InternalComponents.LibraryComponents.GuildComponents.Items = BDFDB.ModuleUtils.findByProperties("Separator", "DragPlaceholder");
InternalComponents.LibraryComponents.GuildComponents.Pill = BDFDB.ModuleUtils.findByString("opacity:1,height:", "20:8", "default.item");
InternalComponents.LibraryComponents.GuildSummaryItem = InternalBDFDB.loadPatchedComp("GuildSummaryItem") || reactInitialized && class BDFDB_GuildSummaryItem extends LibraryModules.React.Component {
defaultRenderGuild(guild, isLast) {
if (!guild) return BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN.guildsummaryemptyguild
});
let icon = BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.GuildComponents.Icon, {
className: BDFDB.disCN.guildsummaryicon,
guild: guild,
showTooltip: this.props.showTooltip,
tooltipPosition: "top",
size: InternalComponents.LibraryComponents.GuildComponents.Icon.Sizes.SMALLER
});
return this.props.switchOnClick ? BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Clickable, {
className: BDFDB.disCN.guildsummaryclickableicon,
onClick: _ => {LibraryModules.SelectChannelUtils.selectChannel(guild.id, LibraryModules.LastChannelStore.getChannelId(guild.id));},
key: guild.id,
tabIndex: -1,
children: icon
}) : icon;
}
renderGuilds() {
let elements = [];
let renderGuild = typeof this.props.renderGuild != "function" ? this.defaultRenderGuild : this.props.renderGuild;
let loaded = 0, max = this.props.guilds.length === this.props.max ? this.props.guilds.length : this.props.max - 1;
while (loaded < max && loaded < this.props.guilds.length) {
let isLast = loaded === this.props.guilds.length - 1;
let guild = renderGuild.apply(this, [this.props.guilds[loaded], isLast]);
elements.push(BDFDB.ReactUtils.createElement("div", {
className: isLast ? BDFDB.disCN.guildsummaryiconcontainer : BDFDB.disCN.guildsummaryiconcontainermasked,
children: guild
}));
loaded++;
}
if (loaded < this.props.guilds.length) {
let rest = Math.min(this.props.guilds.length - loaded, 99);
elements.push(BDFDB.ReactUtils.createElement(LibraryModules.React.Fragment, {
key: "more-guilds",
children: this.props.renderMoreGuilds("+" + rest, rest, this.props.guilds.slice(loaded), this.props)
}));
}
return elements;
}
renderIcon() {
return this.props.renderIcon ? BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.SvgIcon, {
name: InternalComponents.LibraryComponents.SvgIcon.Names.WHATISTHIS,
className: BDFDB.disCN.guildsummarysvgicon
}) : null;
}
render() {
return BDFDB.ReactUtils.createElement("div", {
className: BDFDB.DOMUtils.formatClassName(this.props.className, BDFDB.disCN.guildsummarycontainer),
ref: this.props._ref,
children: [
this.renderIcon.apply(this),
this.renderGuilds.apply(this)
].flat(10).filter(n => n)
});
}
}
InternalBDFDB.setDefaultProps(InternalComponents.LibraryComponents.GuildSummaryItem, {max:10, renderMoreGuilds: (count, amount, restGuilds, props) => {
let icon = BDFDB.ReactUtils.createElement("div", {className: BDFDB.disCN.guildsummarymoreguilds, children: count});
return props.showTooltip ? BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.TooltipContainer, {
text: restGuilds.map(guild => guild.name).join(", "),
children: icon
}) : icon;
}, renderIcon:false});
InternalComponents.LibraryComponents.HeaderBarComponents = BDFDB.ModuleUtils.findByName("HeaderBarContainer");
InternalComponents.LibraryComponents.KeybindRecorder = InternalBDFDB.loadPatchedComp("KeybindRecorder") || reactInitialized && class BDFDB_KeybindRecorder extends LibraryModules.React.Component {
handleChange(arrays) {
if (typeof this.props.onChange == "function") this.props.onChange(arrays.map(platformkey => LibraryModules.KeyEvents.codes[BDFDB.LibraryModules.KeyCodeUtils.codeToKey(platformkey)] || platformkey[1]), this);
}
handleReset() {
this.props.defaultValue = [];
let recorder = BDFDB.ReactUtils.findOwner(this, {name: "KeybindRecorder"});
if (recorder) recorder.setState({codes: []});
if (typeof this.props.onChange == "function") this.props.onChange([], this);
if (typeof this.props.onReset == "function") this.props.onReset(this);
}
render() {
return BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Flex, {
className: BDFDB.disCN.hotkeywrapper,
direction: InternalComponents.LibraryComponents.Flex.Direction.HORIZONTAL,
align: InternalComponents.LibraryComponents.Flex.Align.CENTER,
children: [
BDFDB.ReactUtils.createElement(InternalComponents.NativeSubComponents.KeybindRecorder, BDFDB.ObjectUtils.exclude(Object.assign({}, this.props, {
defaultValue: [this.props.defaultValue].flat(10).filter(n => n).map(keycode => [BDFDB.DiscordConstants.KeyboardDeviceTypes.KEYBOARD_KEY, keycode, BDFDB.DiscordConstants.KeyboardEnvs.BROWSER]),
onChange: this.handleChange.bind(this)
}), "reset", "onReset")),
this.props.reset || this.props.onReset ? BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.TooltipContainer, {
text: BDFDB.LanguageUtils.LanguageStrings.REMOVE_KEYBIND,
tooltipConfig: {type: "top"},
children: BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Clickable, {
className: BDFDB.disCN.hotkeyresetbutton,
onClick: this.handleReset.bind(this),
children: BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.SvgIcon, {
iconSVG: `<svg height="20" width="20" viewBox="0 0 20 20"><path fill="currentColor" d="M 14.348 14.849 c -0.469 0.469 -1.229 0.469 -1.697 0 l -2.651 -3.030 -2.651 3.029 c -0.469 0.469 -1.229 0.469 -1.697 0 -0.469 -0.469 -0.469 -1.229 0 -1.697l2.758 -3.15 -2.759 -3.152 c -0.469 -0.469 -0.469 -1.228 0 -1.697 s 1.228 -0.469 1.697 0 l 2.652 3.031 2.651 -3.031 c 0.469 -0.469 1.228 -0.469 1.697 0 s 0.469 1.229 0 1.697l -2.758 3.152 2.758 3.15 c 0.469 0.469 0.469 1.229 0 1.698 z"></path></svg>`,
})
})
}) : null
].filter(n => n)
});
}
};
InternalComponents.LibraryComponents.ImageModal = BDFDB.ModuleUtils.findByName("ImageModal");
InternalComponents.LibraryComponents.LazyImage = BDFDB.ModuleUtils.findByName("LazyImage");
InternalComponents.LibraryComponents.ListHeader = BDFDB.ModuleUtils.findByName("ListSectionItem");
InternalComponents.LibraryComponents.ListRow = InternalBDFDB.loadPatchedComp("ListRow") || reactInitialized && class BDFDB_ListRow extends LibraryModules.React.Component {
render () {
return BDFDB.ReactUtils.createElement("div", BDFDB.ObjectUtils.exclude(Object.assign({}, this.props, {
className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN.listrowwrapper, this.props.className, BDFDB.disCN.listrow),
children: [
this.props.prefix,
BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN.listrowcontent,
style: {flex: "1 1 auto"},
children: [
BDFDB.ReactUtils.createElement("div", {
className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN.listname, this.props.labelClassName),
style: {flex: "1 1 auto"},
children: this.props.label
}),
typeof this.props.note == "string" ? BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.FormComponents.FormText, {
type: InternalComponents.LibraryComponents.FormComponents.FormText.Types.DESCRIPTION,
children: this.props.note
}) : null
].filter(n => n)
}),
this.props.suffix
].filter(n => n)
}), "label", "note", "suffix", "prefix", "labelClassName"));
}
};
InternalComponents.LibraryComponents.Mask = BDFDB.ModuleUtils.findByName("Mask");
InternalComponents.LibraryComponents.MemberRole = InternalBDFDB.loadPatchedComp("MemberRole") || reactInitialized && class BDFDB_MemberRole extends LibraryModules.React.Component {
handleClick(e) {if (typeof this.props.onClick == "function") this.props.onClick(e, this);}
handleContextMenu(e) {if (typeof this.props.onContextMenu == "function") this.props.onContextMenu(e, this);}
render() {
let color = BDFDB.ColorUtils.convert(this.props.role.colorString || BDFDB.DiscordConstants.Colors.PRIMARY_DARK_300, "RGB");
return BDFDB.ReactUtils.createElement("li", {
className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN.userpopoutrole, this.props.className),
style: {borderColor: BDFDB.ColorUtils.setAlpha(color, 0.6)},
onClick: this.handleClick.bind(this),
onContextMenu: this.handleContextMenu.bind(this),
children: [
!this.props.noCircle ? BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN.userpopoutrolecircle,
style: {backgroundColor: color}
}) : null,
BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN.userpopoutrolename,
children: this.props.role.name
})
].filter(n => n)
});
}
};
InternalComponents.LibraryComponents.Menu = BDFDB.ModuleUtils.findByName("Menu");
InternalComponents.LibraryComponents.MenuItems = Object.assign({}, BDFDB.ModuleUtils.findByProperties("MenuItem", "MenuGroup"));
InternalComponents.LibraryComponents.MenuItems.Colors = ((BDFDB.ModuleUtils.findByProperties("MenuItemColor") || {}).MenuItemColor || {});
InternalComponents.LibraryComponents.MenuItems.MenuCheckboxItem = InternalBDFDB.loadPatchedComp("MenuItems.MenuCheckboxItem") || reactInitialized && class BDFDB_MenuCheckboxItem extends LibraryModules.React.Component {
handleClick() {
if (this.props.state) {
this.props.state.checked = !this.props.state.checked;
if (typeof this.props.action == "function") this.props.action(this.props.state.checked, this);
}
BDFDB.ReactUtils.forceUpdate(this);
}
render() {
return BDFDB.ReactUtils.createElement(InternalComponents.NativeSubComponents.MenuCheckboxItem, Object.assign({}, this.props, {
checked: this.props.state && this.props.state.checked,
action: this.handleClick.bind(this)
}));
}
};
InternalComponents.LibraryComponents.MenuItems.MenuHint = InternalBDFDB.loadPatchedComp("MenuItems.MenuHint") || reactInitialized && class BDFDB_MenuHint extends LibraryModules.React.Component {
render() {
return !this.props.hint ? null : BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN.menuhint,
children: BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.TextScroller, {
children: this.props.hint
})
});
}
};
InternalComponents.LibraryComponents.MenuItems.MenuIcon = InternalBDFDB.loadPatchedComp("MenuItems.MenuIcon") || reactInitialized && class BDFDB_MenuIcon extends LibraryModules.React.Component {
render() {
let isString = typeof this.props.icon == "string";
return !this.props.icon ? null : BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.SvgIcon, {
className: BDFDB.disCN.menuicon,
iconSVG: isString ? this.props.icon : null,
name: !isString ? this.props.icon : null
});
}
};
InternalComponents.LibraryComponents.MenuItems.MenuSliderItem = InternalBDFDB.loadPatchedComp("MenuItems.MenuSliderItem") || reactInitialized && class BDFDB_MenuSliderItem extends LibraryModules.React.Component {
handleValueChange(value) {
if (this.props.state) {
this.props.state.value = Math.round(BDFDB.NumberUtils.mapRange([0, 100], [this.props.minValue, this.props.maxValue], value) * Math.pow(10, this.props.digits)) / Math.pow(10, this.props.digits);
if (typeof this.props.onValueChange == "function") this.props.onValueChange(this.props.state.value, this);
}
BDFDB.ReactUtils.forceUpdate(this);
}
handleValueRender(value) {
let newValue = Math.round(BDFDB.NumberUtils.mapRange([0, 100], [this.props.minValue, this.props.maxValue], value) * Math.pow(10, this.props.digits)) / Math.pow(10, this.props.digits);
if (typeof this.props.onValueRender == "function") {
let tempReturn = this.props.onValueRender(newValue, this);
if (tempReturn != undefined) newValue = tempReturn;
}
return newValue;
}
render() {
let value = this.props.state && this.props.state.value || 0;
return BDFDB.ReactUtils.createElement(InternalComponents.NativeSubComponents.MenuControlItem, BDFDB.ObjectUtils.exclude(Object.assign({}, this.props, {
label: typeof this.props.renderLabel == "function" ? this.props.renderLabel(Math.round(value * Math.pow(10, this.props.digits)) / Math.pow(10, this.props.digits)) : this.props.label,
control: (menuItemProps, ref) => {
return BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN.menuslidercontainer,
children: BDFDB.ReactUtils.createElement(InternalComponents.NativeSubComponents.Slider, Object.assign({}, menuItemProps, {
ref: ref,
className: BDFDB.disCN.menuslider,
mini: true,
initialValue: Math.round(BDFDB.NumberUtils.mapRange([this.props.minValue, this.props.maxValue], [0, 100], value) * Math.pow(10, this.props.digits)) / Math.pow(10, this.props.digits),
onValueChange: this.handleValueChange.bind(this),
onValueRender: this.handleValueRender.bind(this)
}))
});
}
}), "digits", "renderLabel"));
}
};
InternalBDFDB.setDefaultProps(InternalComponents.LibraryComponents.MenuItems.MenuSliderItem, {minValue:0, maxValue:100, digits:0});
InternalComponents.LibraryComponents.MessageGroup = BDFDB.ModuleUtils.findByName("ChannelMessage");
InternalComponents.LibraryComponents.MessagesPopoutComponents = BDFDB.ModuleUtils.findByProperties("Header", "EmptyStateBottom");
InternalComponents.LibraryComponents.ModalComponents = Object.assign({}, BDFDB.ModuleUtils.findByProperties("ModalContent", "ModalFooter"));
InternalComponents.LibraryComponents.ModalComponents.ModalContent = InternalBDFDB.loadPatchedComp("ModalComponents.ModalContent") || reactInitialized && class BDFDB_ModalContent extends LibraryModules.React.Component {
render() {
return this.props.scroller ? BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.ScrollerThin, {
className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN.modalcontent, this.props.className),
ref: this.props.scrollerRef,
children: this.props.children
}) : BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Flex, {
className: BDFDB.DOMUtils.formatClassName(this.props.content && BDFDB.disCN.modalcontent, BDFDB.disCN.modalnoscroller, this.props.className),
direction: this.props.direction || InternalComponents.LibraryComponents.Flex.Direction.VERTICAL,
align: InternalComponents.LibraryComponents.Flex.Align.STRETCH,
children: this.props.children
});
}
};
InternalBDFDB.setDefaultProps(InternalComponents.LibraryComponents.ModalComponents.ModalContent, {scroller:true, content:true});
InternalComponents.LibraryComponents.ModalComponents.ModalTabContent = InternalBDFDB.loadPatchedComp("ModalComponents.ModalTabContent") || reactInitialized && class BDFDB_ModalTabContent extends LibraryModules.React.Component {
render() {
return BDFDB.ReactUtils.forceStyle(BDFDB.ReactUtils.createElement(this.props.scroller ? InternalComponents.LibraryComponents.ScrollerThin : "div", Object.assign(BDFDB.ObjectUtils.exclude(this.props, "scroller", "open", "render"), {
className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN.modaltabcontent, this.props.open && BDFDB.disCN.modaltabcontentopen, this.props.className),
style: Object.assign({}, this.props.style, {
display: this.props.open ? null : "none"
}),
children: !this.props.open && !this.props.render ? null : this.props.children
})), ["display"]);
}
};
InternalBDFDB.setDefaultProps(InternalComponents.LibraryComponents.ModalComponents.ModalTabContent, {tab:"unnamed", render:true});
InternalComponents.LibraryComponents.NavItem = BDFDB.ModuleUtils.findByName("NavItem");
InternalComponents.LibraryComponents.PaginatedList = InternalBDFDB.loadPatchedComp("PaginatedList") || reactInitialized && class BDFDB_PaginatedList extends LibraryModules.React.Component {
constructor(props) {
super(props);
this.state = {
offset: props.offset
};
}
jump(offset) {
if (offset > -1 && offset < Math.ceil(this.props.items.length/this.props.amount) && this.state.offset != offset) {
this.state.offset = offset;
if (typeof this.props.onJump == "function") this.props.onJump(offset, this);
BDFDB.ReactUtils.forceUpdate(this);
}
}
renderPagination() {
let maxOffset = Math.ceil(this.props.items.length/this.props.amount) - 1;
return this.props.items.length > this.props.amount && BDFDB.ReactUtils.createElement("nav", {
className: BDFDB.disCN.paginationlistpagination,
children: [
this.props.first && BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.TooltipContainer, {
text: BDFDB.LanguageUtils.LibraryStrings.first,
"aria-label": BDFDB.LanguageUtils.LibraryStrings.first,
tooltipConfig: {zIndex: 3001},
onClick: _ => {if (this.state.offset > 0) this.jump(0);},
children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Clickable, {
className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN.searchresultspaginationbutton, this.state.offset <= 0 && BDFDB.disCN.searchresultspaginationdisabled, BDFDB.disCN.focusable),
children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SvgIcon, {
className: BDFDB.disCN.searchresultspaginationicon,
name: BDFDB.LibraryComponents.SvgIcon.Names.LEFT_DOUBLE_CARET
})
})
}),
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.TooltipContainer, {
text: BDFDB.LanguageUtils.LanguageStrings.PAGINATION_PREVIOUS,
"aria-label": BDFDB.LanguageUtils.LanguageStrings.PAGINATION_PREVIOUS,
tooltipConfig: {zIndex: 3001},
onClick: _ => {
if (this.state.offset > 0) this.jump(this.state.offset - 1);
},
children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Clickable, {
className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN.searchresultspaginationbutton, this.state.offset <= 0 && BDFDB.disCN.searchresultspaginationdisabled, BDFDB.disCN.focusable),
children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SvgIcon, {
className: BDFDB.disCN.searchresultspaginationicon,
name: BDFDB.LibraryComponents.SvgIcon.Names.LEFT_CARET
})
})
}),
BDFDB.LanguageUtils.LanguageStringsFormat("PAGINATION_PAGE_OF", this.state.offset + 1, maxOffset + 1),
BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.TooltipContainer, {
text: BDFDB.LanguageUtils.LanguageStrings.PAGINATION_NEXT,
"aria-label": BDFDB.LanguageUtils.LanguageStrings.PAGINATION_NEXT,
tooltipConfig: {zIndex: 3001},
onClick: _ => {if (this.state.offset < maxOffset) this.jump(this.state.offset + 1);},
children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Clickable, {
className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN.searchresultspaginationbutton, this.state.offset >= maxOffset && BDFDB.disCN.searchresultspaginationdisabled, BDFDB.disCN.focusable),
children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SvgIcon, {
className: BDFDB.disCN.searchresultspaginationicon,
name: BDFDB.LibraryComponents.SvgIcon.Names.RIGHT_CARET
})
})
}),
this.props.last && BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.TooltipContainer, {
text: BDFDB.LanguageUtils.LibraryStrings.last,
"aria-label": BDFDB.LanguageUtils.LibraryStrings.last,
tooltipConfig: {zIndex: 3001},
onClick: _ => {if (this.state.offset < maxOffset) this.jump(maxOffset);},
children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Clickable, {
className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN.searchresultspaginationbutton, this.state.offset >= maxOffset && BDFDB.disCN.searchresultspaginationdisabled, BDFDB.disCN.focusable),
children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SvgIcon, {
className: BDFDB.disCN.searchresultspaginationicon,
name: BDFDB.LibraryComponents.SvgIcon.Names.RIGHT_DOUBLE_CARET
})
})
}),
this.props.jump && BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.TextInput, {
key: "pagination-list-jumpinput",
type: "number",
size: BDFDB.LibraryComponents.TextInput.Sizes.MINI,
value: this.state.offset + 1,
min: 1,
max: maxOffset + 1,
onKeyDown: (event, instance) => {if (event.which == 13) this.jump(isNaN(parseInt(instance.props.value)) ? -1 : instance.props.value - 1);}
}),
this.props.jump && BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.TooltipContainer, {
text: BDFDB.LanguageUtils.LanguageStrings.JUMP,
"aria-label": BDFDB.LanguageUtils.LanguageStrings.JUMP,
tooltipConfig: {zIndex: 3001},
onClick: (event, instance) => {
let jumpInput = BDFDB.ReactUtils.findOwner(instance._reactInternalFiber.return, {key:"pagination-list-jumpinput"});
if (jumpInput) this.jump(isNaN(parseInt(jumpInput.props.value)) ? -1 : jumpInput.props.value - 1);
},
children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Clickable, {
className: BDFDB.disCN.searchresultspaginationbutton,
children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SvgIcon, {
className: BDFDB.disCN.searchresultspaginationicon,
style: {transform: "rotate(90deg"},
name: BDFDB.LibraryComponents.SvgIcon.Names.RIGHT_CARET
})
})
})
].filter(n => n)
});
}
render() {
let items = [], alphabet = {};
if (BDFDB.ArrayUtils.is(this.props.items) && this.props.items.length) {
if (!this.props.alphabetKey) items = this.props.items;
else {
let unsortedItems = [].concat(this.props.items);
for (let key of ["0-9", "A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z"]) {
let numbers = key == "0-9", alphaItems = [];
for (let item of unsortedItems) if (item && item[this.props.alphabetKey] && (numbers && !isNaN(parseInt(item[this.props.alphabetKey][0])) || item[this.props.alphabetKey].toUpperCase().indexOf(key) == 0)) alphaItems.push(item);
for (let sortedItem of alphaItems) BDFDB.ArrayUtils.remove(unsortedItems, sortedItem);
alphabet[key] = {items:BDFDB.ArrayUtils.keySort(alphaItems, this.props.alphabetKey), disabled:!alphaItems.length};
}
alphabet["?!"] = {items:BDFDB.ArrayUtils.keySort(unsortedItems, this.props.alphabetKey), disabled:!unsortedItems.length};
for (let key in alphabet) items.push(alphabet[key].items);
items = items.flat(10);
}
}
return typeof this.props.renderItem != "function" || !items.length ? null : BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.ScrollerThin, {
className: BDFDB.DOMUtils.formatClassName(this.props.className, BDFDB.disCN.paginationlist, this.props.mini, BDFDB.disCN.paginationlistmini),
fade: this.props.fade,
children: [
this.renderPagination(),
items.length > this.props.amount && this.props.alphabetKey && BDFDB.ReactUtils.createElement("nav", {
className: BDFDB.disCN.paginationlistalphabet,
children: Object.keys(alphabet).map(key => BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Clickable, {
className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN.paginationlistalphabetchar, alphabet[key].disabled &&BDFDB.disCN.paginationlistalphabetchardisabled),
onClick: _ => {if (!alphabet[key].disabled) this.jump(Math.floor(items.indexOf(alphabet[key].items[0])/this.props.amount));},
children: key
}))
}),
this.props.header,
BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN.paginationlistcontent,
children: items.slice(this.state.offset * this.props.amount, (this.state.offset + 1) * this.props.amount).map((data, i) => {return this.props.renderItem(data, i);}).flat(10).filter(n => n)
}),
this.props.copyToBottom && this.renderPagination()
].flat(10).filter(n => n)
});
}
};
InternalBDFDB.setDefaultProps(InternalComponents.LibraryComponents.PaginatedList, {amount:50, offset:0, jump:true, first:true, last:true, copyToBottom:false, fade:true});
InternalComponents.LibraryComponents.Popout = InternalBDFDB.loadPatchedComp("Popout") || reactInitialized && class BDFDB_Popout extends LibraryModules.React.Component {
componentWillUnmount() {
delete this.props.containerInstance.popout;
if (typeof this.props.onClose == "function") this.props.onClose(this.props.containerInstance, this);
}
render() {
let pos = typeof this.props.position == "string" ? this.props.position.toLowerCase() : null;
let positionClass = pos && DiscordClasses["popout" + pos] ? BDFDB.disCN["popout" + pos] : BDFDB.disCN.popouttop;
let arrowClass = !this.props.arrow ? BDFDB.disCN.popoutnoarrow : (pos && pos.indexOf("top") > -1 && pos != "top" ? BDFDB.disCN.popoutarrowalignmenttop : BDFDB.disCN.popoutarrowalignmentmiddle);
return BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.PopoutFocusLock, {
className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN.popoutwrapper, BDFDB.disCN.popout, positionClass, this.props.invert && pos && pos != "bottom" && BDFDB.disCN.popoutinvert, arrowClass, !this.props.shadow && BDFDB.disCN.popoutnoshadow),
id: this.props.id,
onClick: e => {e.stopPropagation();},
style: Object.assign({}, this.props.style, {
position: this.props.isChild ? "relative" : "absolute"
}),
children: BDFDB.ReactUtils.createElement("div", {
className: BDFDB.DOMUtils.formatClassName(this.props.className, this.props.themed && BDFDB.disCN.popoutthemedpopout),
style: BDFDB.ObjectUtils.extract(this.props, "padding", "height", "maxHeight", "minHeight", "width", "maxWidth", "minWidth"),
children: this.props.children
})
});
}
};
InternalBDFDB.setDefaultProps(InternalComponents.LibraryComponents.Popout, {themed:true});
InternalComponents.LibraryComponents.PopoutContainer = InternalBDFDB.loadPatchedComp("PopoutContainer") || reactInitialized && class BDFDB_PopoutContainer extends LibraryModules.React.Component {
handleRender(e) {
let children = typeof this.props.renderPopout == "function" ? this.props.renderPopout(this) : null;
return this.context.popout = !children ? null : (!this.props.wrap ? children : BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Popout, BDFDB.ObjectUtils.exclude(Object.assign({}, this.props, {
className: this.props.popoutClassName,
containerInstance: this,
isChild: true,
position: e.position,
style: this.props.popoutStyle,
onClose: typeof this.props.onClose == "function" ? this.props.onClose.bind(this) : _ => {},
children: children
}), "popoutStyle", "popoutClassName")));
}
componentDidMount() {
let basePopout = BDFDB.ReactUtils.findOwner(this, {name:"BasePopout"});
if (!basePopout || !basePopout.handleClick) return;
basePopout.isBDFDBpopout = true;
this.handleClick = e => {return basePopout.handleClick(BDFDB.ObjectUtils.is(e) ? e : (new MouseEvent({})));};
this.close = basePopout.close;
this.domElementRef = basePopout.domElementRef;
}
render() {
let child = (BDFDB.ArrayUtils.is(this.props.children) ? this.props.children[0] : this.props.children) || BDFDB.ReactUtils.createElement("div", {style: {height: "100%", width: "100%"}});
child.props.className = BDFDB.DOMUtils.formatClassName(child.props.className, this.props.className);
let childClick = child.props.onClick, childContextMenu = child.props.onContextMenu;
child.props.onClick = (e, childThis) => {
if (!this.domElementRef.current || this.domElementRef.current.contains(e.target)) {
if ((this.props.openOnClick || this.props.openOnClick === undefined) && typeof this.handleClick == "function") this.handleClick(e);
if (typeof this.props.onClick == "function") this.props.onClick(e, this);
if (typeof childClick == "function") childClick(e, childThis);
}
else e.stopPropagation();
};
child.props.onContextMenu = (e, childThis) => {
if (!this.domElementRef.current || this.domElementRef.current.contains(e.target)) {
if (this.props.openOnContextMenu && typeof this.handleClick == "function") this.handleClick(e);
if (typeof this.props.onContextMenu == "function") this.props.onContextMenu(e, this);
if (typeof childContextMenu == "function") childContextMenu(e, childThis);
}
else e.stopPropagation();
};
return BDFDB.ReactUtils.createElement(LibraryModules.React.Fragment, {
children: BDFDB.ReactUtils.createElement(InternalComponents.NativeSubComponents.PopoutContainer, Object.assign({}, this.props, {
children: _ => {return child;},
renderPopout: this.handleRender.bind(this)
}))
});
}
};
InternalBDFDB.setDefaultProps(InternalComponents.LibraryComponents.PopoutContainer, {wrap:true});
InternalComponents.LibraryComponents.PopoutFocusLock = BDFDB.ModuleUtils.findByString("useFocusLock", "useImperativeHandle");
InternalComponents.LibraryComponents.PrivateChannelItems = BDFDB.ModuleUtils.findByProperties("DirectMessage", "GroupDM");
InternalComponents.LibraryComponents.QuickSelect = InternalBDFDB.loadPatchedComp("QuickSelect") || reactInitialized && class BDFDB_QuickSelect extends LibraryModules.React.Component {
handleChange(option) {
this.props.value = option;
if (typeof this.props.onChange == "function") this.props.onChange(option.value || option.key, this);
BDFDB.ReactUtils.forceUpdate(this);
}
render() {
let options = (BDFDB.ArrayUtils.is(this.props.options) ? this.props.options : [{}]).filter(n => n);
let selectedOption = BDFDB.ObjectUtils.is(this.props.value) ? this.props.value : (options[0] || {});
return BDFDB.ReactUtils.createElement("div", {
className: BDFDB.DOMUtils.formatClassName(this.props.className, BDFDB.disCN.quickselectwrapper),
children: BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Flex, {
className: BDFDB.disCN.quickselect,
align: InternalComponents.LibraryComponents.Flex.Align.CENTER,
children: [
BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN.quickselectlabel,
children: this.props.label
}),
BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Flex, {
align: InternalComponents.LibraryComponents.Flex.Align.CENTER,
className: BDFDB.disCN.quickselectclick,
onClick: event => {
LibraryModules.ContextMenuUtils.openContextMenu(event, _ => {
return BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Menu, {
navId: "bdfdb-quickselect",
onClose: BDFDB.LibraryModules.ContextMenuUtils.closeContextMenu,
className: this.props.popoutClassName,
children: BDFDB.ContextMenuUtils.createItem(InternalComponents.LibraryComponents.MenuItems.MenuGroup, {
children: options.map((option, i) => {
let selected = option.value && option.value === selectedOption.value || option.key && option.key === selectedOption.key;
return BDFDB.ContextMenuUtils.createItem(InternalComponents.LibraryComponents.MenuItems.MenuItem, {
label: option.label,
id: BDFDB.ContextMenuUtils.createItemId("option", option.key || option.value || i),
action: selected ? null : event2 => {
this.handleChange.bind(this)(option)
}
});
})
})
});
});
},
children: [
BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN.quickselectvalue,
children: typeof this.props.renderValue == "function" ? this.props.renderValue(this.props.value) : this.props.value.label
}),
BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN.quickselectarrow
})
]
})
]
})
});
}
};
InternalComponents.LibraryComponents.QuickSwitchItems = BDFDB.ModuleUtils.findByProperties("Channel", "GroupDM", "Header");
InternalComponents.LibraryComponents.QuickSwitchMenu = BDFDB.ModuleUtils.findByName("QuickSwitcher");
InternalComponents.LibraryComponents.RadioGroup = InternalBDFDB.loadPatchedComp("RadioGroup") || reactInitialized && class BDFDB_RadioGroup extends LibraryModules.React.Component {
handleChange(value) {
this.props.value = value.value;
if (typeof this.props.onChange == "function") this.props.onChange(value, this);
BDFDB.ReactUtils.forceUpdate(this);
}
render() {
return BDFDB.ReactUtils.createElement(InternalComponents.NativeSubComponents.RadioGroup, Object.assign({}, this.props, {
onChange: this.handleChange.bind(this)
}));
}
};
let AdvancedScrollers = BDFDB.ModuleUtils.findByProperties("AdvancedScrollerThin", "AdvancedScrollerAuto") || {};
InternalComponents.LibraryComponents.ScrollerAuto = AdvancedScrollers.AdvancedScrollerAuto || AdvancedScrollers.default;
InternalComponents.LibraryComponents.ScrollerNone = AdvancedScrollers.AdvancedScrollerNone || AdvancedScrollers.default;
InternalComponents.LibraryComponents.ScrollerThin = AdvancedScrollers.AdvancedScrollerThin || AdvancedScrollers.default;
InternalComponents.LibraryComponents.SearchBar = InternalBDFDB.loadPatchedComp("SearchBar") || reactInitialized && class BDFDB_SearchBar extends LibraryModules.React.Component {
handleChange(query) {
this.props.query = query;
if (typeof this.props.onChange == "function") this.props.onChange(query, this);
BDFDB.ReactUtils.forceUpdate(this);
}
handleClear() {
this.props.query = "";
if (this.props.changeOnClear && typeof this.props.onChange == "function") this.props.onChange("", this);
if (typeof this.props.onClear == "function") this.props.onClear(this);
BDFDB.ReactUtils.forceUpdate(this);
}
render() {
let props = Object.assign({}, this.props, {
onChange: this.handleChange.bind(this),
onClear: this.handleClear.bind(this)
});
if (typeof props.query != "string") props.query = "";
return BDFDB.ReactUtils.createElement(InternalComponents.NativeSubComponents.SearchBar, props);
}
};
InternalComponents.LibraryComponents.Select = InternalBDFDB.loadPatchedComp("Select") || reactInitialized && class BDFDB_Select extends LibraryModules.React.Component {
handleChange(value) {
this.props.value = value.value || value;
if (typeof this.props.onChange == "function") this.props.onChange(value, this);
BDFDB.ReactUtils.forceUpdate(this);
}
render() {
return BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Flex, {
className: BDFDB.disCN.selectwrapper,
direction: InternalComponents.LibraryComponents.Flex.Direction.HORIZONTAL,
align: InternalComponents.LibraryComponents.Flex.Align.CENTER,
children: BDFDB.ReactUtils.createElement(InternalComponents.NativeSubComponents.Select, Object.assign({}, this.props, {
onChange: this.handleChange.bind(this)
}))
});
}
};
InternalComponents.LibraryComponents.SettingsGuildList = InternalBDFDB.loadPatchedComp("SettingsGuildList") || reactInitialized && class BDFDB_SettingsGuildList extends LibraryModules.React.Component {
render() {
this.props.disabled = BDFDB.ArrayUtils.is(this.props.disabled) ? this.props.disabled : [];
return BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Flex, {
className: this.props.className,
wrap: BDFDB.LibraryComponents.Flex.Wrap.WRAP,
children: [this.props.includeDMs && {name:"Direct Messages", acronym:"DMs", id:BDFDB.DiscordConstants.ME, getIconURL: _ => {}}].concat(BDFDB.LibraryModules.FolderStore.getFlattenedGuilds()).filter(n => n).map(guild => BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.TooltipContainer, {
text: guild.name,
children: BDFDB.ReactUtils.createElement("div", {
className: BDFDB.DOMUtils.formatClassName(this.props.guildClassName, BDFDB.disCN.settingsguild, this.props.disabled.includes(guild.id) && BDFDB.disCN.settingsguilddisabled),
children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.GuildComponents.Icon, {
guild: guild,
size: this.props.size || BDFDB.LibraryComponents.GuildComponents.Icon.Sizes.MEDIUM
}),
onClick: e => {
let isDisabled = this.props.disabled.includes(guild.id);
if (isDisabled) BDFDB.ArrayUtils.remove(this.props.disabled, guild.id, true);
else this.props.disabled.push(guild.id);
if (typeof this.props.onClick == "function") this.props.onClick(this.props.disabled, this);
BDFDB.ReactUtils.forceUpdate(this);
}
})
}))
});
}
};
InternalComponents.LibraryComponents.SettingsPanel = InternalBDFDB.loadPatchedComp("SettingsPanel") || reactInitialized && class BDFDB_SettingsPanel extends LibraryModules.React.Component {
componentWillUnmount() {
if (BDFDB.ObjectUtils.is(this.props.plugin) && typeof this.props.plugin.onSettingsClosed == "function") this.props.plugin.onSettingsClosed();
}
render() {
let headerItems = [
this.props.title && BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.FormComponents.FormTitle, {
className: BDFDB.disCN.settingspaneltitle,
tag: InternalComponents.LibraryComponents.FormComponents.FormTitle.Tags.H2,
children: this.props.title
}),
this.props.controls && BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Flex, {
className: BDFDB.disCN.settingspanelheadercontrols,
align: InternalComponents.LibraryComponents.Flex.Align.CENTER,
grow: 0,
children: this.props.controls
})
].flat(10).filter(n => n);
let panelItems = [
this.props.children
].flat(10).filter(n => n);
return BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Flex, {
direction: InternalComponents.LibraryComponents.Flex.Direction.VERTICAL,
grow: 1,
children: [
headerItems.length && [
BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Flex, {
className: BDFDB.disCN.settingspanelheader,
align: InternalComponents.LibraryComponents.Flex.Align.CENTER,
children: headerItems
}),
panelItems.length && BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.FormComponents.FormDivider, {
className: BDFDB.disCNS.margintop4 + BDFDB.disCN.marginbottom8
})
],
BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Flex, {
className: BDFDB.disCN.settingspanelinner,
direction: InternalComponents.LibraryComponents.Flex.Direction.VERTICAL,
children: panelItems
})
].flat(10).filter(n => n)
});
}
};
InternalComponents.LibraryComponents.SettingsPanelInner = InternalBDFDB.loadPatchedComp("SettingsPanelInner") || reactInitialized && class BDFDB_SettingsPanelInner extends LibraryModules.React.Component {
render() {
return this.props.children ? BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Flex, {
className: this.props.className,
direction: InternalComponents.LibraryComponents.Flex.Direction.VERTICAL,
children: [
!this.props.first ? BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.FormComponents.FormDivider, {
className: BDFDB.disCN.marginbottom8
}) : null,
typeof this.props.title == "string" ? BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.FormComponents.FormTitle, {
className: BDFDB.disCN.marginbottom4,
tag: InternalComponents.LibraryComponents.FormComponents.FormTitle.Tags.H3,
children: this.props.title
}) : null,
BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Flex, {
className: BDFDB.disCN.settingspanellist,
direction: InternalComponents.LibraryComponents.Flex.Direction.VERTICAL,
children: this.props.children
}),
!this.props.last ? BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.FormComponents.FormDivider, {
className: BDFDB.disCN.marginbottom20
}) : null
]
}) : null;
}
};
InternalComponents.LibraryComponents.SettingsItem = InternalBDFDB.loadPatchedComp("SettingsItem") || reactInitialized && class BDFDB_SettingsItem extends LibraryModules.React.Component {
handleChange(value) {
if (typeof this.props.onChange == "function") this.props.onChange(value, this);
}
render() {
if (typeof this.props.type != "string" || !["BUTTON", "SELECT", "SLIDER", "SWITCH", "TEXTINPUT"].includes(this.props.type.toUpperCase())) return null;
let childComponent = InternalComponents.LibraryComponents[this.props.type];
if (!childComponent) return null;
if (this.props.mini && childComponent.Sizes) this.props.size = childComponent.Sizes.MINI || childComponent.Sizes.MIN;
return BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Flex, {
className: BDFDB.DOMUtils.formatClassName(this.props.className, this.props.disabled && BDFDB.disCN.disabled),
id: this.props.id,
direction: InternalComponents.LibraryComponents.Flex.Direction.VERTICAL,
align: InternalComponents.LibraryComponents.Flex.Align.STRETCH,
grow: this.props.grow,
stretch: this.props.stretch,
children: [
this.props.dividertop ? BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.FormComponents.FormDivider, {
className: this.props.mini ? BDFDB.disCN.marginbottom4 : BDFDB.disCN.marginbottom8
}) : null,
BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Flex, {
align: InternalComponents.LibraryComponents.Flex.Align.CENTER,
children: [
this.props.label ? (this.props.tag ? BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.FormComponents.FormTitle, {
className: BDFDB.DOMUtils.formatClassName(this.props.labelClassName, BDFDB.disCN.marginreset),
tag: this.props.tag,
children: this.props.label
}) : BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Flex.Child, {
children: BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.SettingsLabel, {
className: this.props.labelClassName,
mini: this.props.mini,
label: this.props.label
})
})) : null,
this.props.labelchildren,
BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Flex.Child, {
grow: 0,
shrink: this.props.basis ? 0 : 1,
basis: this.props.basis,
wrap: true,
children: BDFDB.ReactUtils.createElement(childComponent, BDFDB.ObjectUtils.exclude(Object.assign(BDFDB.ObjectUtils.exclude(this.props, "className", "id", "type"), this.props.childProps, {
onChange: this.handleChange.bind(this),
onValueChange: this.handleChange.bind(this)
}), "grow", "stretch", "basis", "dividerbottom", "dividertop", "label", "labelClassName", "labelchildren", "tag", "mini", "note", "childProps"))
})
].flat(10).filter(n => n)
}),
typeof this.props.note == "string" ? BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Flex.Child, {
className: BDFDB.disCN.note,
children: BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.FormComponents.FormText, {
disabled: this.props.disabled,
type: InternalComponents.LibraryComponents.FormComponents.FormText.Types.DESCRIPTION,
children: BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.TextScroller, {speed: 2, children: this.props.note})
})
}) : null,
this.props.dividerbottom ? BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.FormComponents.FormDivider, {
className: this.props.mini ? BDFDB.disCN.margintop4 : BDFDB.disCN.margintop8
}) : null
]
});
}
};
InternalComponents.LibraryComponents.SettingsLabel = InternalBDFDB.loadPatchedComp("SettingsLabel") || reactInitialized && class BDFDB_SettingsLabel extends LibraryModules.React.Component {
render() {
return BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.TextScroller, {
className: BDFDB.DOMUtils.formatClassName(this.props.className, this.props.mini ? BDFDB.disCN.titlemini : BDFDB.disCN.titledefault, BDFDB.disCN.cursordefault),
speed: 2,
children: this.props.label
});
}
};
InternalComponents.LibraryComponents.SettingsList = InternalBDFDB.loadPatchedComp("SettingsList") || reactInitialized && class BDFDB_SettingsList extends LibraryModules.React.Component {
componentDidMount() {
let list = BDFDB.ReactUtils.findDOMNode(this);
if (list && !this.props.maxWidth) {
let headers = Array.from(list.querySelectorAll(BDFDB.dotCN.settingstableheader));
headers.shift();
if (BDFDB.DOMUtils.getRects(headers[0]).width == 0) BDFDB.TimeUtils.timeout(_ => {this.resizeList(list, headers);});
else this.resizeList(list, headers);
}
}
resizeList(list, headers) {
let maxWidth = 0, biggestWidth = 0;
if (!maxWidth) {
for (let header of headers) {
header.style = "";
let width = BDFDB.DOMUtils.getRects(header).width;
maxWidth = width > maxWidth ? width : maxWidth;
}
maxWidth += 4;
biggestWidth = maxWidth;
}
if (headers.length * maxWidth > 300) {
this.props.vertical = true;
maxWidth = parseInt(290 / headers.length);
}
else if (maxWidth < 36) {
maxWidth = 36;
biggestWidth = maxWidth;
}
this.props.maxWidth = maxWidth;
this.props.biggestWidth = biggestWidth;
this.props.fullWidth = BDFDB.DOMUtils.getRects(list).width;
BDFDB.ReactUtils.forceUpdate(this);
}
render() {
this.props.settings = BDFDB.ArrayUtils.is(this.props.settings) ? this.props.settings : [];
this.props.renderLabel = typeof this.props.renderLabel == "function" ? this.props.renderLabel : data => data.label;
this.props.data = (BDFDB.ArrayUtils.is(this.props.data) ? this.props.data : [{}]).filter(n => n);
let labelWidth = this.props.maxWidth && this.props.fullWidth && (this.props.fullWidth - 20 - (this.props.maxWidth * this.props.settings.length));
let configWidth = this.props.maxWidth && this.props.maxWidth * this.props.settings.length;
let isHeaderClickable = typeof this.props.onHeaderClick == "function" || typeof this.props.onHeaderContextMenu == "function";
let renderItem = data => BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Card, BDFDB.ObjectUtils.exclude(Object.assign({}, this.props, {
className: BDFDB.DOMUtils.formatClassName([this.props.cardClassName, data.className].filter(n => n).join(" ").indexOf(BDFDB.disCN.card) == -1 && BDFDB.disCN.cardprimaryoutline, BDFDB.disCN.settingstablecard, this.props.cardClassName, data.className),
cardId: data.key,
backdrop: false,
style: Object.assign({}, this.props.cardStyle, data.style),
children: [
BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Flex, {
className: BDFDB.disCN.settingstablecardlabel,
align: InternalComponents.LibraryComponents.Flex.Align.CENTER,
grow: 0,
shrink: 0,
basis: labelWidth || "auto",
style: {maxWidth: labelWidth || null},
children: this.props.renderLabel(data)
}),
BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Flex, {
className: BDFDB.disCN.settingstablecardconfigs,
justify: InternalComponents.LibraryComponents.Flex.Justify.AROUND,
align: InternalComponents.LibraryComponents.Flex.Align.CENTER,
grow: 0,
shrink: 0,
basis: configWidth || "auto",
style: {maxWidth: configWidth || null},
children: this.props.settings.map(setting => BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Flex.Child, {
className: BDFDB.disCN.checkboxcontainer,
grow: 0,
shrink: 0,
wrap: true,
children: BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Checkbox, {
disabled: data.disabled,
cardId: data.key,
settingId: setting,
shape: InternalComponents.LibraryComponents.Checkbox.Shapes.ROUND,
type: InternalComponents.LibraryComponents.Checkbox.Types.INVERTED,
value: data[setting],
onChange: this.props.onCheckboxChange
})
})).flat(10).filter(n => n)
})
]
}), "title", "data", "settings", "renderLabel", "cardClassName", "cardStyle", "onCheckboxChange", "maxWidth", "fullWidth", "biggestWidth", "pagination"));
let header = BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Flex, {
className: BDFDB.disCN.settingstableheaders,
align: InternalComponents.LibraryComponents.Flex.Align.STRETCH,
style: this.props.vertical && this.props.biggestWidth ? {
marginTop: this.props.biggestWidth - 15 || 0
} : {},
children: [].concat(this.props.title || "", this.props.settings).map((setting, i) => BDFDB.ReactUtils.createElement("div", {
className: BDFDB.DOMUtils.formatClassName(i == 0 ? BDFDB.disCN.settingstableheadername : BDFDB.disCN.settingstableheaderoption, i != 0 && this.props.vertical && BDFDB.disCN.settingstableheadervertical, BDFDB.disCN.colorbase, BDFDB.disCN.size10, isHeaderClickable && BDFDB.disCN.cursorpointer),
onClick: _ => {if (typeof this.props.onHeaderClick == "function") this.props.onHeaderClick(setting, this);},
onContextMenu: _ => {if (typeof this.props.onHeaderContextMenu == "function") this.props.onHeaderContextMenu(setting, this);},
style: i != 0 && this.props.maxWidth ? {
maxWidth: this.props.maxWidth,
width: this.props.maxWidth,
flex: `0 0 ${this.props.maxWidth}px`
} : {},
children: BDFDB.ReactUtils.createElement("span", {
children: setting
})
}))
});
let usePagination = BDFDB.ObjectUtils.is(this.props.pagination);
return !this.props.data.length ? null : BDFDB.ReactUtils.createElement("div", {
className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN.settingstablelist, this.props.className),
children: [
!usePagination && header,
!usePagination ? this.props.data.map(renderItem) : BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.PaginatedList, Object.assign({}, this.props.pagination, {
header: header,
items: this.props.data,
renderItem: renderItem,
onJump: (offset, instance) => {
this.props.pagination.offset = offset;
if (typeof this.props.pagination.onJump == "function") this.props.pagination.onJump(offset, this, instance);
}
}))
].filter(n => n)
});
}
};
InternalComponents.LibraryComponents.SettingsSaveItem = InternalBDFDB.loadPatchedComp("SettingsSaveItem") || reactInitialized && class BDFDB_SettingsSaveItem extends LibraryModules.React.Component {
saveSettings(value) {
if (!BDFDB.ArrayUtils.is(this.props.keys) || !BDFDB.ObjectUtils.is(this.props.plugin)) return;
let keys = this.props.keys.filter(n => n);
let option = keys.shift();
if (BDFDB.ObjectUtils.is(this.props.plugin) && option) {
let data = BDFDB.DataUtils.load(this.props.plugin, option);
let newData = "";
for (let key of keys) newData += `{"${key}":`;
value = value != null && value.value != null ? value.value : value;
let isString = typeof value == "string";
let marker = isString ? `"` : ``;
newData += (marker + (isString ? value.replace(/\\/g, "\\\\") : value) + marker) + "}".repeat(keys.length);
newData = JSON.parse(newData);
BDFDB.DataUtils.save(BDFDB.ObjectUtils.is(newData) ? BDFDB.ObjectUtils.deepAssign({}, data, newData) : newData, this.props.plugin, option);
this.props.plugin.SettingsUpdated = true;
}
if (typeof this.props.onChange == "function") this.props.onChange(value, this);
}
render() {
if (typeof this.props.type != "string" || !["SELECT", "SLIDER", "SWITCH", "TEXTINPUT"].includes(this.props.type.toUpperCase())) return null;
return BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.SettingsItem, BDFDB.ObjectUtils.exclude(Object.assign({}, this.props, {
onChange: this.saveSettings.bind(this)
}), "keys", "key", "plugin"));
}
};
InternalComponents.LibraryComponents.SidebarList = InternalBDFDB.loadPatchedComp("SidebarList") || reactInitialized && class BDFDB_SidebarList extends LibraryModules.React.Component {
handleItemSelect(item) {
this.props.selectedItem = item;
if (typeof this.props.onItemSelect == "function") this.props.onItemSelect(item, this);
BDFDB.ReactUtils.forceUpdate(this);
}
render() {
let items = (BDFDB.ArrayUtils.is(this.props.items) ? this.props.items : [{}]).filter(n => n);
let selectedItem = this.props.selectedItem || (items[0] || {}).value;
let selectedElements = (items.find(n => n.value == selectedItem) || {}).elements;
let renderElement = typeof this.props.renderElement == "function" ? this.props.renderElement : (_ => {});
return BDFDB.ReactUtils.createElement("div", {
className: BDFDB.DOMUtils.formatClassName(this.props.className, BDFDB.disCN.sidebarlist),
children: [
BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.ScrollerThin, {
className: BDFDB.DOMUtils.formatClassName(this.props.sidebarClassName, BDFDB.disCN.sidebar),
fade: true,
children: BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.TabBar, {
itemClassName: this.props.itemClassName,
type: InternalComponents.LibraryComponents.TabBar.Types.SIDE,
items: items,
selectedItem: selectedItem,
renderItem: this.props.renderItem,
onItemSelect: this.handleItemSelect.bind(this)
})
}),
BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.ScrollerThin, {
className: BDFDB.DOMUtils.formatClassName(this.props.contentClassName, BDFDB.disCN.sidebarcontent),
fade: true,
children: [selectedElements].flat(10).filter(n => n).map(data => renderElement(data))
})
]
});
}
};
InternalComponents.LibraryComponents.Slider = InternalBDFDB.loadPatchedComp("Slider") || reactInitialized && class BDFDB_Slider extends LibraryModules.React.Component {
handleMarkerRender(marker) {
let newMarker = BDFDB.NumberUtils.mapRange([0, 100], this.props.edges, marker);
if (typeof this.props.digits == "number") newMarker = Math.round(newMarker * Math.pow(10, this.props.digits)) / Math.pow(10, this.props.digits);
return newMarker;
}
handleValueChange(value) {
let newValue = BDFDB.NumberUtils.mapRange([0, 100], this.props.edges, value);
if (typeof this.props.digits == "number") newValue = Math.round(newValue * Math.pow(10, this.props.digits)) / Math.pow(10, this.props.digits);
this.props.defaultValue = this.props.value = newValue;
if (typeof this.props.onValueChange == "function") this.props.onValueChange(newValue, this);
BDFDB.ReactUtils.forceUpdate(this);
}
handleValueRender(value) {
let newValue = BDFDB.NumberUtils.mapRange([0, 100], this.props.edges, value);
if (typeof this.props.digits == "number") newValue = Math.round(newValue * Math.pow(10, this.props.digits)) / Math.pow(10, this.props.digits);
if (typeof this.props.onValueRender == "function") {
let tempReturn = this.props.onValueRender(newValue, this);
if (tempReturn != undefined) newValue = tempReturn;
}
return newValue;
}
render() {
let value = this.props.value || this.props.defaultValue || 0;
if (!BDFDB.ArrayUtils.is(this.props.edges) || this.props.edges.length != 2) this.props.edges = [this.props.min || this.props.minValue || 0, this.props.max || this.props.maxValue || 100];
this.props.minValue = 0;
this.props.maxValue = 100;
let defaultValue = BDFDB.NumberUtils.mapRange(this.props.edges, [0, 100], value);
if (typeof this.props.digits == "number") defaultValue = Math.round(defaultValue * Math.pow(10, this.props.digits)) / Math.pow(10, this.props.digits);
return BDFDB.ReactUtils.createElement(InternalComponents.NativeSubComponents.Slider, BDFDB.ObjectUtils.exclude(Object.assign({}, this.props, {
initialValue: defaultValue,
markers: typeof this.props.markerAmount == "number" ? Array.from(Array(this.props.markerAmount).keys()).map((_, i) => i * (this.props.maxValue - this.props.minValue)/10) : undefined,
onMarkerRender: this.handleMarkerRender.bind(this),
onValueChange: this.handleValueChange.bind(this),
onValueRender: this.handleValueRender.bind(this)
}), "digits", "edges", "max", "min", "markerAmount"));
}
};
InternalBDFDB.setDefaultProps(InternalComponents.LibraryComponents.Slider, {hideBubble:false});
InternalComponents.LibraryComponents.Spinner = BDFDB.ModuleUtils.findByName("Spinner");
InternalComponents.LibraryComponents.SvgIcon = InternalBDFDB.loadPatchedComp("SvgIcon") || reactInitialized && class BDFDB_Icon extends LibraryModules.React.Component {
render() {
if (BDFDB.ObjectUtils.is(this.props.name)) {
if (this.props.className) this.props.nativeClass = true;
this.props.iconSVG = this.props.name.icon;
let props = Object.assign({
width: 24,
height: 24,
color: "currentColor"
}, this.props.name.defaultProps, this.props, {
className: BDFDB.DOMUtils.formatClassName(typeof this.props.name.getClassName == "function" && this.props.name.getClassName(this.props), this.props.className)
});
for (let key in props) this.props.iconSVG = this.props.iconSVG.replace(new RegExp(`%%${key}`, "g"), props[key]);
}
if (this.props.iconSVG) {
let icon = BDFDB.ReactUtils.elementToReact(BDFDB.DOMUtils.create(this.props.iconSVG));
if (BDFDB.ReactUtils.isValidElement(icon)) {
icon.props.className = BDFDB.DOMUtils.formatClassName(!this.props.nativeClass && BDFDB.disCN.svgicon, icon.props.className, this.props.className);
icon.props.style = Object.assign({}, icon.props.style, this.props.style);
icon.props = Object.assign({}, BDFDB.ObjectUtils.extract(this.props, "onClick", "onContextMenu", "onMouseDown", "onMouseUp", "onMouseEnter", "onMouseLeave"), icon.props);
return icon;
}
}
return null;
}
};
InternalComponents.LibraryComponents.SvgIcon.Names = {
ARROW_DOWN: {
defaultProps: {
width: 18,
height: 18
},
icon: `<svg name="ArrowDown" aria-hidden="false" width="%%width" height="%%height" viewBox="0 0 18 18"><path fill="%%color" d="M4 7l5 5 5-5H4z"></path></svg>`
},
ARROW_UP: {
defaultProps: {
width: 18,
height: 18
},
icon: `<svg name="ArrowUp" aria-hidden="false" width="%%width" height="%%height" viewBox="0 0 18 18"><path fill="%%color" d="M4 11l5-5 5 5H4z"></path></svg>`
},
CHANGELOG: {
icon: `<svg name="ChangeLog" fill="%%color" width="%%width" height="%%height" viewBox="0 0 24 24"><path d="M13 3c-4.97 0-9 4.03-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42C8.27 19.99 10.51 21 13 21c4.97 0 9-4.03 9-9s-4.03-9-9-9zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z"></path></svg>`
},
WHATISTHIS: {
icon: `<svg name="ChangeLog" width="%%width" height="%%height" viewBox="0 0 24 24"><path fill="%%color" fill-rule="evenodd" clip-rule="evenodd" d="M11.383 3.07904C11.009 2.92504 10.579 3.01004 10.293 3.29604L6 8.00204H3C2.45 8.00204 2 8.45304 2 9.00204V15.002C2 15.552 2.45 16.002 3 16.002H6L10.293 20.71C10.579 20.996 11.009 21.082 11.383 20.927C11.757 20.772 12 20.407 12 20.002V4.00204C12 3.59904 11.757 3.23204 11.383 3.07904ZM14 5.00195V7.00195C16.757 7.00195 19 9.24595 19 12.002C19 14.759 16.757 17.002 14 17.002V19.002C17.86 19.002 21 15.863 21 12.002C21 8.14295 17.86 5.00195 14 5.00195ZM14 9.00195C15.654 9.00195 17 10.349 17 12.002C17 13.657 15.654 15.002 14 15.002V13.002C14.551 13.002 15 12.553 15 12.002C15 11.451 14.551 11.002 14 11.002V9.00195Z"></path></svg>`
},
CHECKBOX: {
defaultProps: {
background: "",
foreground: ""
},
icon: `<svg aria-hidden="false" width="%%width" height="%%height" viewBox="0 0 24 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.37499 3H18.625C19.9197 3 21.0056 4.08803 21 5.375V18.625C21 19.936 19.9359 21 18.625 21H5.37499C4.06518 21 3 19.936 3 18.625V5.375C3 4.06519 4.06518 3 5.37499 3Z" class="%%background" fill="%%color"></path><path d="M9.58473 14.8636L6.04944 11.4051L4.50003 12.9978L9.58473 18L19.5 8.26174L17.9656 6.64795L9.58473 14.8636Z" class="%%foreground" fill="%%color"></path></svg>`
},
CHECKBOX_EMPTY: {
defaultProps: {
foreground: ""
},
icon: `<svg name="CheckBoxEmpty" aria-hidden="false" width="%%width" height="%%height" viewBox="0 0 24 24"><path fill-rule="evenodd" clip-rule="evenodd" d="M18.625 3H5.375C4.06519 3 3 4.06519 3 5.375V18.625C3 19.936 4.06519 21 5.375 21H18.625C19.936 21 21 19.936 21 18.625V5.375C21.0057 4.08803 19.9197 3 18.625 3ZM19 19V5H4.99999V19H19Z" class="%%foreground" fill="%%color"></path></svg>`
},
CHECKMARK: {
defaultProps: {
width: 18,
height: 18
},
icon: `<svg name="Checkmark" aria-hidden="false" width="%%width" height="%%height" viewBox="0 0 18 18"><g fill="none" fill-rule="evenodd"><polyline stroke="%%color" stroke-width="2" points="3.5 9.5 7 13 15 5"></polyline></g></svg>`
},
CLOSE: {
defaultProps: {
width: 12,
height: 12
},
icon: `<svg name="Close" aria-hidden="false" width="%%width" height="%%height" viewBox="0 0 12 12"><g fill="none" fill-rule="evenodd" aria-hidden="true"><path d="M0 0h12v12H0"></path><path class="fill" fill="%%color" d="M9.5 3.205L8.795 2.5 6 5.295 3.205 2.5l-.705.705L5.295 6 2.5 8.795l.705.705L6 6.705 8.795 9.5l.705-.705L6.705 6"></path></g></svg>`
},
CLOSE_CIRCLE: {
icon: `<svg name="CloseCircle" aria-hidden="false" width="%%width" height="%%height" viewBox="0 0 14 14"><path fill="%%color" d="M7.02799 0.333252C3.346 0.333252 0.361328 3.31792 0.361328 6.99992C0.361328 10.6819 3.346 13.6666 7.02799 13.6666C10.71 13.6666 13.6947 10.6819 13.6947 6.99992C13.6947 3.31792 10.7093 0.333252 7.02799 0.333252ZM10.166 9.19525L9.22333 10.1379L7.02799 7.94325L4.83266 10.1379L3.89 9.19525L6.08466 6.99992L3.88933 4.80459L4.832 3.86259L7.02733 6.05792L9.22266 3.86259L10.1653 4.80459L7.97066 6.99992L10.166 9.19525Z"></path></svg>`
},
COG: {
defaultProps: {
width: 20,
height: 20
},
icon: `<svg name="Cog" aria-hidden="false" width="%%width" height="%%height" viewBox="0 0 24 24"><path fill="%%color" d="M19.738 10H22V14H19.739C19.498 14.931 19.1 15.798 18.565 16.564L20 18L18 20L16.565 18.564C15.797 19.099 14.932 19.498 14 19.738V22H10V19.738C9.069 19.498 8.203 19.099 7.436 18.564L6 20L4 18L5.436 16.564C4.901 15.799 4.502 14.932 4.262 14H2V10H4.262C4.502 9.068 4.9 8.202 5.436 7.436L4 6L6 4L7.436 5.436C8.202 4.9 9.068 4.502 10 4.262V2H14V4.261C14.932 4.502 15.797 4.9 16.565 5.435L18 3.999L20 5.999L18.564 7.436C19.099 8.202 19.498 9.069 19.738 10ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z"></path></svg>`
},
CROWN: {
icon: `<svg name="Crown" aria-hidden="false" width="%%width" height="%%height" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.6572 5.42868C13.8879 5.29002 14.1806 5.30402 14.3973 5.46468C14.6133 5.62602 14.7119 5.90068 14.6473 6.16202L13.3139 11.4954C13.2393 11.7927 12.9726 12.0007 12.6666 12.0007H3.33325C3.02725 12.0007 2.76058 11.792 2.68592 11.4954L1.35258 6.16202C1.28792 5.90068 1.38658 5.62602 1.60258 5.46468C1.81992 5.30468 2.11192 5.29068 2.34325 5.42868L5.13192 7.10202L7.44592 3.63068C7.46173 3.60697 7.48377 3.5913 7.50588 3.57559C7.5192 3.56612 7.53255 3.55663 7.54458 3.54535L6.90258 2.90268C6.77325 2.77335 6.77325 2.56068 6.90258 2.43135L7.76458 1.56935C7.89392 1.44002 8.10658 1.44002 8.23592 1.56935L9.09792 2.43135C9.22725 2.56068 9.22725 2.77335 9.09792 2.90268L8.45592 3.54535C8.46794 3.55686 8.48154 3.56651 8.49516 3.57618C8.51703 3.5917 8.53897 3.60727 8.55458 3.63068L10.8686 7.10202L13.6572 5.42868ZM2.66667 12.6673H13.3333V14.0007H2.66667V12.6673Z" fill="%%color" aria-hidden="true"></path></svg>`
},
DROPPER: {
defaultProps: {
width: 16,
height: 16,
foreground: ""
},
icon: `<svg width="%%width" height="%%height" viewBox="0 0 16 16"><g fill="none"><path d="M-4-4h24v24H-4z"></path><path className="%%foreground" fill="%%color" d="M14.994 1.006C13.858-.257 11.904-.3 10.72.89L8.637 2.975l-.696-.697-1.387 1.388 5.557 5.557 1.387-1.388-.697-.697 1.964-1.964c1.13-1.13 1.3-2.985.23-4.168zm-13.25 10.25c-.225.224-.408.48-.55.764L.02 14.37l1.39 1.39 2.35-1.174c.283-.14.54-.33.765-.55l4.808-4.808-2.776-2.776-4.813 4.803z"></path></g></svg>`
},
FOLDER: {
icon: `<svg name="Folder" aria-hidden="false" width="%%width" height="%%height" viewBox="0 0 24 24"><path fill="%%color" d="M20 7H12L10.553 5.106C10.214 4.428 9.521 4 8.764 4H3C2.447 4 2 4.447 2 5V19C2 20.104 2.895 21 4 21H20C21.104 21 22 20.104 22 19V9C22 7.896 21.104 7 20 7Z"></path></svg>`
},
GITHUB: {
icon: `<svg name="Github" aria-hidden="false" width="%%width" height="%%height" viewBox="0 0 24 24"><g fill="%%color" transform="translate(2, 2)"><path d="M 7.19, 16.027 c -0.139, 0.026 -0.199, 0.091 -0.182, 0.195 c 0.017, 0.104, 0.095, 0.138, 0.234, 0.104 c 0.139 -0.035, 0.199 -0.095, 0.182 -0.182 C 7.406, 16.049, 7.328, 16.01, 7.19, 16.027 z"></path><path d="M 6.45, 16.131 c -0.138, 0 -0.208, 0.047 -0.208, 0.143 c 0, 0.112, 0.074, 0.16, 0.221, 0.143 c 0.138, 0, 0.208 -0.048, 0.208 -0.143 C 6.671, 16.162, 6.597, 16.114, 6.45, 16.131 z"></path><path d="M 5.438, 16.092 c -0.035, 0.095, 0.022, 0.16, 0.169, 0.195 c 0.13, 0.052, 0.212, 0.026, 0.247 -0.078 c 0.026 -0.095 -0.03 -0.164 -0.169 -0.208 C 5.554, 15.967, 5.472, 15.996, 5.438, 16.092 z"></path><path d="M 18.837, 1.097 C 18.106, 0.366, 17.226, 0, 16.196, 0 H 3.738 C 2.708, 0, 1.828, 0.366, 1.097, 1.097 C 0.366, 1.828, 0, 2.708, 0, 3.738 v 12.459 c 0, 1.03, 0.366, 1.91, 1.097, 2.641 c 0.731, 0.731, 1.612, 1.097, 2.641, 1.097 h 2.907 c 0.19, 0, 0.333 -0.007, 0.428 -0.019 c 0.095 -0.013, 0.19 -0.069, 0.285 -0.169 c 0.095 -0.099, 0.143 -0.244, 0.143 -0.435 c 0 -0.026 -0.002 -0.32 -0.007 -0.883 c -0.004 -0.562 -0.007 -1.008 -0.007 -1.337 l -0.298, 0.052 c -0.19, 0.035 -0.43, 0.05 -0.72, 0.045 c -0.29 -0.004 -0.59 -0.035 -0.902 -0.091 c -0.312 -0.056 -0.601 -0.186 -0.87 -0.389 c -0.268 -0.203 -0.458 -0.469 -0.571 -0.798 l -0.13 -0.299 c -0.086 -0.199 -0.223 -0.419 -0.409 -0.662 c -0.186 -0.242 -0.374 -0.407 -0.564 -0.493 l -0.091 -0.065 c -0.06 -0.043 -0.117 -0.095 -0.169 -0.156 c -0.052 -0.061 -0.091 -0.121 -0.117 -0.182 c -0.026 -0.061 -0.004 -0.11, 0.065 -0.149 c 0.069 -0.039, 0.195 -0.058, 0.376 -0.058 l 0.259, 0.039 c 0.173, 0.035, 0.387, 0.138, 0.642, 0.311 c 0.255, 0.173, 0.465, 0.398, 0.629, 0.675 c 0.199, 0.355, 0.439, 0.625, 0.72, 0.811 c 0.281, 0.186, 0.565, 0.279, 0.85, 0.279 s 0.532 -0.022, 0.74 -0.065 c 0.208 -0.043, 0.402 -0.108, 0.584 -0.195 c 0.078 -0.58, 0.29 -1.025, 0.636 -1.337 c -0.493 -0.052 -0.936 -0.13 -1.33 -0.234 c -0.394 -0.104 -0.8 -0.272 -1.22 -0.506 c -0.42 -0.234 -0.768 -0.523 -1.045 -0.87 c -0.277 -0.346 -0.504 -0.8 -0.681 -1.363 c -0.177 -0.562 -0.266 -1.211 -0.266 -1.947 c 0 -1.047, 0.342 -1.938, 1.025 -2.673 c -0.32 -0.787 -0.29 -1.67, 0.091 -2.647 c 0.251 -0.078, 0.623 -0.019, 1.116, 0.175 c 0.493, 0.195, 0.854, 0.361, 1.084, 0.5 c 0.229, 0.138, 0.413, 0.255, 0.552, 0.35 c 0.805 -0.225, 1.635 -0.337, 2.492 -0.337 c 0.856, 0, 1.687, 0.112, 2.492, 0.337 l 0.493 -0.311 c 0.338 -0.208, 0.735 -0.398, 1.194 -0.571 c 0.459 -0.173, 0.809 -0.221, 1.051 -0.143 c 0.389, 0.978, 0.424, 1.86, 0.104, 2.647 c 0.683, 0.735, 1.025, 1.627, 1.025, 2.673 c 0, 0.735 -0.089, 1.387 -0.266, 1.953 c -0.177, 0.567 -0.406, 1.021 -0.688, 1.363 c -0.281, 0.342 -0.632, 0.629 -1.051, 0.863 c -0.42, 0.234 -0.826, 0.402 -1.22, 0.506 c -0.394, 0.104 -0.837, 0.182 -1.33, 0.234 c 0.45, 0.389, 0.675, 1.003, 0.675, 1.843 v 3.102 c 0, 0.147, 0.021, 0.266, 0.065, 0.357 c 0.044, 0.091, 0.113, 0.153, 0.208, 0.188 c 0.096, 0.035, 0.18, 0.056, 0.253, 0.065 c 0.074, 0.009, 0.18, 0.013, 0.318, 0.013 h 2.907 c 1.029, 0, 1.91 -0.366, 2.641 -1.097 c 0.731 -0.731, 1.097 -1.612, 1.097 -2.641 V 3.738 C 19.933, 2.708, 19.568, 1.827, 18.837, 1.097 z"></path><path d="M 3.945, 14.509 c -0.06, 0.043 -0.052, 0.112, 0.026, 0.208 c 0.087, 0.086, 0.156, 0.1, 0.208, 0.039 c 0.061 -0.043, 0.052 -0.112 -0.026 -0.208 C 4.066, 14.47, 3.997, 14.457, 3.945, 14.509 z"></path><path d="M 3.517, 14.184 c -0.026, 0.061, 0.004, 0.113, 0.091, 0.156 c 0.069, 0.043, 0.126, 0.035, 0.169 -0.026 c 0.026 -0.061 -0.004 -0.113 -0.091 -0.156 C 3.599, 14.132, 3.543, 14.141, 3.517, 14.184 z"></path><path d="M 4.348, 15.015 c -0.078, 0.043 -0.078, 0.121, 0, 0.234 c 0.078, 0.113, 0.151, 0.143, 0.221, 0.091 c 0.078 -0.061, 0.078 -0.143, 0 -0.247 C 4.499, 14.981, 4.425, 14.954, 4.348, 15.015 z"></path><path d="M 4.802, 15.599 c -0.078, 0.069 -0.061, 0.151, 0.052, 0.247 c 0.104, 0.104, 0.19, 0.117, 0.259, 0.039 c 0.069 -0.069, 0.052 -0.151 -0.052 -0.246 C 4.958, 15.534, 4.871, 15.521, 4.802, 15.599 z"></path></g></svg>`
},
GRADIENT: {
defaultProps: {
width: 36,
height: 36
},
icon: `<svg name="Gradient" aria-hidden="false" width="%%width" height="%%height" viewBox="0 0 36 36" fill="%%color" fill-rule="evenodd"><path d="M 5 0 h 26 c 0 0, 5 0, 5 5 v 26 c 0 0, 0 5, -5 5 h -26 c 0 0, -5 0, -5 -5 v -26 c 0 0, 0 -5, 5 -5 z M 4 4 h 20 v 28 h -20 v -28 z"></path><rect x="12" y="4" width="4" height="4"></rect><rect x="20" y="4" width="4" height="4"></rect><rect x="16" y="8" width="4" height="4"></rect><rect x="12" y="12" width="4" height="4"></rect><rect x="20" y="12" width="4" height="4"></rect><rect x="16" y="16" width="4" height="4"></rect><rect x="12" y="20" width="4" height="4"></rect><rect x="20" y="20" width="4" height="4"></rect><rect x="16" y="24" width="4" height="4"></rect><rect x="12" y="28" width="4" height="4"></rect><rect x="20" y="28" width="4" height="4"></rect></svg>`
},
LEFT_CARET: {
icon: `<svg name="LeftCaret" aria-hidden="false" width="%%width" height="%%height" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd"><polygon fill="%%color" fill-rule="nonzero" points="18.35 4.35 16 2 6 12 16 22 18.35 19.65 10.717 12"></polygon><polygon points="0 0 24 0 24 24 0 24"></polygon></g></svg>`
},
LEFT_DOUBLE_CARET: {
icon: `<svg name="LeftDoubleCaret" aria-hidden="false" width="%%width" height="%%height" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd"><polygon fill="%%color" fill-rule="nonzero" points="12.35 4.35 10 2 0 12 10 22 12.35 19.65 4.717 12"></polygon><polygon fill="%%color" fill-rule="nonzero" points="24.35 4.35 22 2 12 12 22 22 24.35 19.65 16.717 12"></polygon><polygon points="0 0 24 0 24 24 0 24"></polygon></g></svg>`
},
LOCK_CLOSED: {
icon: `<svg name="LockClosed" aria-hidden="false" width="%%width" height="%%height" viewBox="0 0 24 24"><path fill="%%color" d="M17 11V7C17 4.243 14.756 2 12 2C9.242 2 7 4.243 7 7V11C5.897 11 5 11.896 5 13V20C5 21.103 5.897 22 7 22H17C18.103 22 19 21.103 19 20V13C19 11.896 18.103 11 17 11ZM12 18C11.172 18 10.5 17.328 10.5 16.5C10.5 15.672 11.172 15 12 15C12.828 15 13.5 15.672 13.5 16.5C13.5 17.328 12.828 18 12 18ZM15 11H9V7C9 5.346 10.346 4 12 4C13.654 4 15 5.346 15 7V11Z"></path></svg>`
},
MENU_CARET: {
getClassName: props => BDFDB.DOMUtils.formatClassName(BDFDB.disCN.menucaretarrow, props.open && BDFDB.disCN.menucaretopen),
icon: `<svg name="MenuCaret" aria-hidden="false" width="%%width" height="%%height" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd" aria-hidden="true"><path fill="%%color" d="M16.59 8.59004L12 13.17L7.41 8.59004L6 10L12 16L18 10L16.59 8.59004Z"></path></g></svg>`
},
MORE: {
icon: `<svg name="More" aria-hidden="false" width="%%width" height="%%height" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd" aria-hidden="true"><path fill="%%color" d="M7 12.001C7 10.8964 6.10457 10.001 5 10.001C3.89543 10.001 3 10.8964 3 12.001C3 13.1055 3.89543 14.001 5 14.001C6.10457 14.001 7 13.1055 7 12.001ZM14 12.001C14 10.8964 13.1046 10.001 12 10.001C10.8954 10.001 10 10.8964 10 12.001C10 13.1055 10.8954 14.001 12 14.001C13.1046 14.001 14 13.1055 14 12.001ZM19 10.001C20.1046 10.001 21 10.8964 21 12.001C21 13.1055 20.1046 14.001 19 14.001C17.8954 14.001 17 13.1055 17 12.001C17 10.8964 17.8954 10.001 19 10.001Z"></path></g></svg>`
},
NOVA_AT: {
icon: `<svg name="Nova_At" aria-hidden="false" width="%%width" height="%%height" viewBox="0 0 24 24"><path fill="%%color" d="M12 2C6.486 2 2 6.486 2 12C2 17.515 6.486 22 12 22C14.039 22 15.993 21.398 17.652 20.259L16.521 18.611C15.195 19.519 13.633 20 12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4C16.411 4 20 7.589 20 12V12.782C20 14.17 19.402 15 18.4 15L18.398 15.018C18.338 15.005 18.273 15 18.209 15H18C17.437 15 16.6 14.182 16.6 13.631V12C16.6 9.464 14.537 7.4 12 7.4C9.463 7.4 7.4 9.463 7.4 12C7.4 14.537 9.463 16.6 12 16.6C13.234 16.6 14.35 16.106 15.177 15.313C15.826 16.269 16.93 17 18 17L18.002 16.981C18.064 16.994 18.129 17 18.195 17H18.4C20.552 17 22 15.306 22 12.782V12C22 6.486 17.514 2 12 2ZM12 14.599C10.566 14.599 9.4 13.433 9.4 11.999C9.4 10.565 10.566 9.399 12 9.399C13.434 9.399 14.6 10.565 14.6 11.999C14.6 13.433 13.434 14.599 12 14.599Z"></path></svg>`
},
NOVA_PIN: {
icon: `<svg name="Nova_Pin" aria-hidden="false" width="%%width" height="%%height" viewBox="0 0 24 24"><path fill="%%color" d="M22 12L12.101 2.10101L10.686 3.51401L12.101 4.92901L7.15096 9.87801V9.88001L5.73596 8.46501L4.32196 9.88001L8.56496 14.122L2.90796 19.778L4.32196 21.192L9.97896 15.536L14.222 19.778L15.636 18.364L14.222 16.95L19.171 12H19.172L20.586 13.414L22 12Z"></path></svg>`
},
NOVA_TRASH: {
icon: `<svg name="Nova_Trash" aria-hidden="false" width="%%width" height="%%height" viewBox="0 0 24 24"><path fill="%%color" d="M15 3.999V2H9V3.999H3V5.999H21V3.999H15Z"></path><path fill="%%color" d="M5 6.99902V18.999C5 20.101 5.897 20.999 7 20.999H17C18.103 20.999 19 20.101 19 18.999V6.99902H5ZM11 17H9V11H11V17ZM15 17H13V11H15V17Z"></path></svg>`
},
PENCIL: {
defaultProps: {
width: 16,
height: 16
},
icon: `<svg name="Pencil" aria-hidden="false" width="16" height="16" viewBox="0 0 24 24"><path fill="%%color" d="M20.1039 9.58997L20.8239 8.87097C22.3929 7.30197 22.3929 4.74797 20.8239 3.17797C19.2549 1.60897 16.6999 1.60897 15.1309 3.17797L14.4119 3.89797L20.1039 9.58997ZM12.9966 5.30896L4.42847 13.8795L10.1214 19.5709L18.6896 11.0003L12.9966 5.30896ZM3.24398 21.968L8.39998 20.68L3.31998 15.6L2.03098 20.756C1.94598 21.096 2.04598 21.457 2.29398 21.705C2.54198 21.953 2.90298 22.052 3.24398 21.968Z"></path></svg>`
},
PIN: {
defaultProps: {
width: 16,
height: 16
},
icon: `<svg name="Pin" aria-hidden="false" width="%%width" height="%%height" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd"><path fill="%%color" d="M19 3H5V5H7V12H5V14H11V22H13V14H19V12H17V5H19V3Z"></path></g></svg>`
},
RAW_TEXT: {
icon: `<svg name="RawText" aria-hidden="false" width="%%width" height="%%height" viewBox="0 0 48 48"><path fill="%%color" d="M 2,2 h 28 v 8 h -6 v -2 h -4 v 28 h 4 v 6 h -16 v -6 h 4 v -28 h -4 v 2 h -6 Z"></path><path fill="%%color" d="M 24,16 h 22 v 7 h -5 v -2 h -3 v 16 h 3 v 5 h -12 v -5 h 3 v -16 h -3 v 2 h -5 Z"></path></svg>`
},
RIGHT_CARET: {
icon: `<svg name="RightCaret" aria-hidden="false" width="%%width" height="%%height" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd"><polygon fill="%%color" fill-rule="nonzero" points="8.47 2 6.12 4.35 13.753 12 6.12 19.65 8.47 22 18.47 12"></polygon><polygon points="0 0 24 0 24 24 0 24"></polygon></g></svg>`
},
RIGHT_DOUBLE_CARET: {
icon: `<svg name="RightDoubleCaret" aria-hidden="false" width="%%width" height="%%height" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd"><polygon fill="%%color" fill-rule="nonzero" points="2.47 2 0.12 4.35 7.753 12 0.12 19.65 2.47 22 12.47 12"></polygon><polygon fill="%%color" fill-rule="nonzero" points="14.47 2 12.12 4.35 19.753 12 12.12 19.65 14.47 22 24.47 12"></polygon><polygon points="0 0 24 0 24 24 0 24"></polygon></g></svg>`
},
SEARCH: {
defaultProps: {
width: 18,
height: 18
},
icon: `<svg name="Search" aria-hidden="false" width="%%width" height="%%height" viewBox="0 0 18 18"><g fill="none" fill-rule="evenodd" aria-hidden="true"><path fill="%%color" d="M3.60091481,7.20297313 C3.60091481,5.20983419 5.20983419,3.60091481 7.20297313,3.60091481 C9.19611206,3.60091481 10.8050314,5.20983419 10.8050314,7.20297313 C10.8050314,9.19611206 9.19611206,10.8050314 7.20297313,10.8050314 C5.20983419,10.8050314 3.60091481,9.19611206 3.60091481,7.20297313 Z M12.0057176,10.8050314 L11.3733562,10.8050314 L11.1492281,10.5889079 C11.9336764,9.67638651 12.4059463,8.49170955 12.4059463,7.20297313 C12.4059463,4.32933105 10.0766152,2 7.20297313,2 C4.32933105,2 2,4.32933105 2,7.20297313 C2,10.0766152 4.32933105,12.4059463 7.20297313,12.4059463 C8.49170955,12.4059463 9.67638651,11.9336764 10.5889079,11.1492281 L10.8050314,11.3733562 L10.8050314,12.0057176 L14.8073185,16 L16,14.8073185 L12.2102538,11.0099776 L12.0057176,10.8050314 Z"></path></g></svg>`
},
SPEAKER: {
icon: `<svg name="Speaker" aria-hidden="false" width="%%width" height="%%height" viewBox="0 0 24 24"><path fill="%%color" fill-rule="evenodd" clip-rule="evenodd" d="M11.383 3.07904C11.009 2.92504 10.579 3.01004 10.293 3.29604L6 8.00204H3C2.45 8.00204 2 8.45304 2 9.00204V15.002C2 15.552 2.45 16.002 3 16.002H6L10.293 20.71C10.579 20.996 11.009 21.082 11.383 20.927C11.757 20.772 12 20.407 12 20.002V4.00204C12 3.59904 11.757 3.23204 11.383 3.07904ZM14 5.00195V7.00195C16.757 7.00195 19 9.24595 19 12.002C19 14.759 16.757 17.002 14 17.002V19.002C17.86 19.002 21 15.863 21 12.002C21 8.14295 17.86 5.00195 14 5.00195ZM14 9.00195C15.654 9.00195 17 10.349 17 12.002C17 13.657 15.654 15.002 14 15.002V13.002C14.551 13.002 15 12.553 15 12.002C15 11.451 14.551 11.002 14 11.002V9.00195Z"></path></svg>`
},
STREAM: {
icon: `<svg name="Stream" aria-hidden="false" width="%%width" height="%%height" viewBox="0 0 24 24"><path fill="%%color" fill-rule="evenodd" clip-rule="evenodd" d="M20 3V4L23 3V7L20 6V7C20 7.553 19.552 8 19 8H15C14.448 8 14 7.553 14 7V3C14 2.447 14.448 2 15 2H19C19.552 2 20 2.447 20 3ZM18 15V10H19H20V17C20 18.104 19.103 19 18 19H11V21H15V23H5V21H9V19H2C0.897 19 0 18.104 0 17V6C0 4.897 0.897 4 2 4H12V6H2V15H7H10H13H18Z"></path></svg>`
}
};
InternalComponents.LibraryComponents.Switch = InternalBDFDB.loadPatchedComp("Switch") || reactInitialized && class BDFDB_Switch extends LibraryModules.React.Component {
handleChange() {
this.props.value = !this.props.value;
if (typeof this.props.onChange == "function") this.props.onChange(this.props.value, this);
BDFDB.ReactUtils.forceUpdate(this);
}
render() {
return BDFDB.ReactUtils.createElement(InternalComponents.NativeSubComponents.Switch, Object.assign({}, this.props, {onChange: this.handleChange.bind(this)}));
}
};
InternalComponents.LibraryComponents.TabBar = InternalBDFDB.loadPatchedComp("TabBar") || reactInitialized && class BDFDB_TabBar extends LibraryModules.React.Component {
handleItemSelect(item) {
this.props.selectedItem = item;
if (typeof this.props.onItemSelect == "function") this.props.onItemSelect(item, this);
BDFDB.ReactUtils.forceUpdate(this);
}
render() {
let items = (BDFDB.ArrayUtils.is(this.props.items) ? this.props.items : [{}]).filter(n => n);
let selectedItem = this.props.selectedItem || (items[0] || {}).value;
let renderItem = typeof this.props.renderItem == "function" ? this.props.renderItem : (data => data.label || data.value);
return BDFDB.ReactUtils.createElement(InternalComponents.NativeSubComponents.TabBar, BDFDB.ObjectUtils.exclude(Object.assign({}, this.props, {
selectedItem: selectedItem,
onItemSelect: this.handleItemSelect.bind(this),
children: items.map(data => BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.TabBar.Item, {
className: BDFDB.DOMUtils.formatClassName(this.props.itemClassName, selectedItem == data.value && this.props.itemSelectedClassName),
itemType: this.props.type,
id: data.value,
children: renderItem(data),
"aria-label": data.label || data.value
}))
}), "itemClassName", "items", "renderItem"));
}
};
InternalComponents.LibraryComponents.Table = InternalBDFDB.loadPatchedComp("Table") || reactInitialized && class BDFDB_Table extends LibraryModules.React.Component {
render() {
return BDFDB.ReactUtils.createElement(InternalComponents.NativeSubComponents.Table, Object.assign({}, this.props, {
className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN.table, this.props.className),
headerCellClassName: BDFDB.DOMUtils.formatClassName(BDFDB.disCN.tableheadercell, this.props.headerCellClassName),
sortedHeaderCellClassName: BDFDB.DOMUtils.formatClassName(BDFDB.disCN.tableheadercellsorted, this.props.sortedHeaderCellClassName),
bodyCellClassName: BDFDB.DOMUtils.formatClassName(BDFDB.disCN.tablebodycell, this.props.bodyCellClassName),
onSort: (sortKey, sortDirection) => {
this.props.sortDirection = this.props.sortKey != sortKey && sortDirection == InternalComponents.LibraryComponents.Table.SortDirection.ASCENDING && this.props.columns.filter(n => n.key == sortKey)[0].reverse ? InternalComponents.LibraryComponents.Table.SortDirection.DESCENDING : sortDirection;
this.props.sortKey = sortKey;
this.props.data = BDFDB.ArrayUtils.keySort(this.props.data, this.props.sortKey);
if (this.props.sortDirection == InternalComponents.LibraryComponents.Table.SortDirection.DESCENDING) this.props.data.reverse();
if (typeof this.props.onSort == "function") this.props.onSort(this.props.sortKey, this.props.sortDirection);
BDFDB.ReactUtils.forceUpdate(this);
}
}));
}
};
InternalComponents.LibraryComponents.TextArea = InternalBDFDB.loadPatchedComp("TextArea") || reactInitialized && class BDFDB_TextArea extends LibraryModules.React.Component {
handleChange(e) {
this.props.value = e;
if (typeof this.props.onChange == "function") this.props.onChange(e, this);
BDFDB.ReactUtils.forceUpdate(this);
}
handleBlur(e) {if (typeof this.props.onBlur == "function") this.props.onBlur(e, this);}
handleFocus(e) {if (typeof this.props.onFocus == "function") this.props.onFocus(e, this);}
render() {
return BDFDB.ReactUtils.createElement(InternalComponents.NativeSubComponents.TextArea, Object.assign({}, this.props, {
onChange: this.handleChange.bind(this),
onBlur: this.handleBlur.bind(this),
onFocus: this.handleFocus.bind(this)
}));
}
};
InternalComponents.LibraryComponents.TextElement = BDFDB.ModuleUtils.findByName("Text");
InternalComponents.LibraryComponents.TextGradientElement = InternalBDFDB.loadPatchedComp("TextGradientElement") || reactInitialized && class BDFDB_TextGradientElement extends LibraryModules.React.Component {
render() {
if (this.props.gradient && this.props.children) return BDFDB.ReactUtils.createElement("span", {
children: this.props.children,
ref: instance => {
let ele = BDFDB.ReactUtils.findDOMNode(instance);
if (ele) {
ele.style.setProperty("background-image", this.props.gradient, "important");
ele.style.setProperty("color", "transparent", "important");
ele.style.setProperty("-webkit-background-clip", "text", "important");
}
}
});
return this.props.children || null;
}
};
InternalComponents.LibraryComponents.TextInput = InternalBDFDB.loadPatchedComp("TextInput") || reactInitialized && class BDFDB_TextInput extends LibraryModules.React.Component {
handleChange(e) {
let value = e = BDFDB.ObjectUtils.is(e) ? e.currentTarget.value : e;
this.props.value = this.props.valuePrefix && !value.startsWith(this.props.valuePrefix) ? (this.props.valuePrefix + value) : value;
if (typeof this.props.onChange == "function") this.props.onChange(this.props.value, this);
BDFDB.ReactUtils.forceUpdate(this);
}
handleInput(e) {if (typeof this.props.onInput == "function") this.props.onInput(BDFDB.ObjectUtils.is(e) ? e.currentTarget.value : e, this);}
handleKeyDown(e) {if (typeof this.props.onKeyDown == "function") this.props.onKeyDown(e, this);}
handleBlur(e) {if (typeof this.props.onBlur == "function") this.props.onBlur(e, this);}
handleFocus(e) {if (typeof this.props.onFocus == "function") this.props.onFocus(e, this);}
handleMouseEnter(e) {if (typeof this.props.onMouseEnter == "function") this.props.onMouseEnter(e, this);}
handleMouseLeave(e) {if (typeof this.props.onMouseLeave == "function") this.props.onMouseLeave(e, this);}
handleNumberButton(ins, value) {
BDFDB.TimeUtils.clear(ins.pressedTimeout);
ins.pressedTimeout = BDFDB.TimeUtils.timeout(_ => {
delete this.props.focused;
BDFDB.ReactUtils.forceUpdate(this);
}, 1000);
this.props.focused = true;
this.handleChange.bind(this)(value);
this.handleInput.bind(this)(value);
}
componentDidMount() {
if (this.props.type == "file") {
let navigatorInstance = BDFDB.ReactUtils.findOwner(this, {name: "BDFDB_FileButton"});
if (navigatorInstance) navigatorInstance.refInput = this;
}
let input = BDFDB.ReactUtils.findDOMNode(this);
if (!input) return;
input = input.querySelector("input") || input;
if (input && !input.patched) {
input.addEventListener("keydown", e => {
this.handleKeyDown.bind(this)(e);
e.stopImmediatePropagation();
});
input.patched = true;
}
}
render() {
let inputChildren = [
BDFDB.ReactUtils.createElement("input", BDFDB.ObjectUtils.exclude(Object.assign({}, this.props, {
className: BDFDB.DOMUtils.formatClassName(this.props.size && InternalComponents.LibraryComponents.TextInput.Sizes[this.props.size.toUpperCase()] && BDFDB.disCN["input" + this.props.size.toLowerCase()] || BDFDB.disCN.inputdefault, this.props.inputClassName, this.props.focused && BDFDB.disCN.inputfocused, this.props.error || this.props.errorMessage ? BDFDB.disCN.inputerror : (this.props.success && BDFDB.disCN.inputsuccess), this.props.disabled && BDFDB.disCN.inputdisabled, this.props.editable && BDFDB.disCN.inputeditable),
type: this.props.type == "color" || this.props.type == "file" ? "text" : this.props.type,
onChange: this.handleChange.bind(this),
onInput: this.handleInput.bind(this),
onKeyDown: this.handleKeyDown.bind(this),
onBlur: this.handleBlur.bind(this),
onFocus: this.handleFocus.bind(this),
onMouseEnter: this.handleMouseEnter.bind(this),
onMouseLeave: this.handleMouseLeave.bind(this),
maxLength: this.props.type == "file" ? false : this.props.maxLength,
ref: this.props.inputRef
}), "errorMessage", "focused", "error", "success", "inputClassName", "inputChildren", "valuePrefix", "inputPrefix", "size", "editable", "inputRef", "style", "mode", "noAlpha", "filter", "useFilePath", "searchFolders")),
this.props.inputChildren,
this.props.type == "color" ? BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Flex.Child, {
wrap: true,
children: BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.ColorSwatches, {
colors: [],
color: this.props.value && this.props.mode == "comp" ? BDFDB.ColorUtils.convert(this.props.value.split(","), "RGB") : this.props.value,
onColorChange: color => {
this.handleChange(!color ? "" : (this.props.mode == "comp" ? BDFDB.ColorUtils.convert(color, "RGBCOMP").slice(0, 3).join(",") : (this.props.noAlpha ? BDFDB.ColorUtils.convert(color, "RGB") : color)));
},
pickerConfig: {gradient:false, alpha:this.props.mode != "comp" && !this.props.noAlpha}
})
}) : null,
this.props.type == "file" ? BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.FileButton, {
filter: this.props.filter,
mode: this.props.mode,
useFilePath: this.props.useFilePath,
searchFolders: this.props.searchFolders
}) : null
].flat(10).filter(n => n);
return BDFDB.ReactUtils.createElement("div", {
className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN.inputwrapper, this.props.type == "number" && (this.props.size && InternalComponents.LibraryComponents.TextInput.Sizes[this.props.size.toUpperCase()] && BDFDB.disCN["inputnumberwrapper" + this.props.size.toLowerCase()] || BDFDB.disCN.inputnumberwrapperdefault), this.props.className),
style: this.props.style,
children: [
this.props.inputPrefix ? BDFDB.ReactUtils.createElement("span", {
className: BDFDB.disCN.inputprefix
}) : null,
this.props.type == "number" ? BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN.inputnumberbuttons,
children: [
BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN.inputnumberbuttonup,
onClick: e => {
let min = parseInt(this.props.min);
let max = parseInt(this.props.max);
let newv = parseInt(this.props.value) + 1 || min || 0;
if (isNaN(max) || !isNaN(max) && newv <= max) this.handleNumberButton.bind(this)(e._targetInst, isNaN(min) || !isNaN(min) && newv >= min ? newv : min);
}
}),
BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN.inputnumberbuttondown,
onClick: e => {
let min = parseInt(this.props.min);
let max = parseInt(this.props.max);
let newv = parseInt(this.props.value) - 1 || min || 0;
if (isNaN(min) || !isNaN(min) && newv >= min) this.handleNumberButton.bind(this)(e._targetInst, isNaN(max) || !isNaN(max) && newv <= max ? newv : max);
}
})
]
}) : null,
inputChildren.length == 1 ? inputChildren[0] : BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Flex, {
align: InternalComponents.LibraryComponents.Flex.Align.CENTER,
children: inputChildren.map((child, i) => i != 0 ? BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Flex.Child, {shrink: 0, children: child}) : child)
}),
this.props.errorMessage ? BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.TextElement, {
className: BDFDB.disCN.carderror,
size: InternalComponents.LibraryComponents.TextElement.Sizes.SIZE_12,
color: InternalComponents.LibraryComponents.TextElement.Colors.STATUS_RED,
children: this.props.errorMessage
}) : null
].filter(n => n)
});
}
};
InternalComponents.LibraryComponents.TextScroller = InternalBDFDB.loadPatchedComp("TextScroller") || reactInitialized && class BDFDB_TextScroller extends LibraryModules.React.Component {
render() {
return BDFDB.ReactUtils.createElement("div", {
className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN.textscroller, this.props.className),
style: Object.assign({}, this.props.style, {
position: "relative",
display: "block",
overflow: "hidden"
}),
ref: instance => {
let ele = BDFDB.ReactUtils.findDOMNode(instance);
if (ele && ele.parentElement) {
let maxWidth = BDFDB.DOMUtils.getInnerWidth(ele.parentElement);
if (maxWidth > 50) ele.style.setProperty("max-width", `${maxWidth}px`);
BDFDB.TimeUtils.timeout(_ => {
if (document.contains(ele.parentElement)) {
let newMaxWidth = BDFDB.DOMUtils.getInnerWidth(ele.parentElement);
if (newMaxWidth > maxWidth) ele.style.setProperty("max-width", `${newMaxWidth}px`);
}
}, 3000);
let Animation = new LibraryModules.AnimationUtils.Value(0);
Animation
.interpolate({inputRange:[0, 1], outputRange:[0, (BDFDB.DOMUtils.getRects(ele.firstElementChild).width - BDFDB.DOMUtils.getRects(ele).width) * -1]})
.addListener(v => {ele.firstElementChild.style.setProperty("left", `${v.value}px`, "important");});
this.scroll = p => {
let w = p + parseFloat(ele.firstElementChild.style.getPropertyValue("left")) / (BDFDB.DOMUtils.getRects(ele.firstElementChild).width - BDFDB.DOMUtils.getRects(ele).width);
w = isNaN(w) || !isFinite(w) ? p : w;
w *= BDFDB.DOMUtils.getRects(ele.firstElementChild).width / (BDFDB.DOMUtils.getRects(ele).width * 2);
LibraryModules.AnimationUtils.parallel([LibraryModules.AnimationUtils.timing(Animation, {toValue:p, duration:Math.sqrt(w**2) * 4000 / (parseInt(this.props.speed) || 1)})]).start();
}
}
},
onClick: e => {
if (typeof this.props.onClick == "function") this.props.onClick(e, this);
},
onMouseEnter: e => {
if (BDFDB.DOMUtils.getRects(e.currentTarget).width < BDFDB.DOMUtils.getRects(e.currentTarget.firstElementChild).width) {
this.scrolling = true;
e.currentTarget.firstElementChild.style.setProperty("display", "block", "important");
this.scroll(1);
}
},
onMouseLeave: e => {
if (this.scrolling) {
delete this.scrolling;
e.currentTarget.firstElementChild.style.setProperty("display", "inline", "important");
this.scroll(0);
}
},
children: BDFDB.ReactUtils.createElement("div", {
style: {
left: "0",
position: "relative",
display: "inline",
whiteSpace: "nowrap"
},
children: this.props.children
})
});
}
};
InternalComponents.LibraryComponents.TooltipContainer = InternalBDFDB.loadPatchedComp("TooltipContainer") || reactInitialized && class BDFDB_TooltipContainer extends LibraryModules.React.Component {
updateTooltip(text) {
if (this.tooltip) this.tooltip.update(text);
}
render() {
let child = (BDFDB.ArrayUtils.is(this.props.children) ? this.props.children[0] : this.props.children) || BDFDB.ReactUtils.createElement("div", {});
child.props.className = BDFDB.DOMUtils.formatClassName(child.props.className, this.props.className);
let childMouseEnter = child.props.onMouseEnter, childMouseLeave = child.props.onMouseLeave, childClick = child.props.onClick, childContextMenu = child.props.onContextMenu;
let shown = false;
child.props.onMouseEnter = (e, childThis) => {
if (!shown) {
shown = true;
this.tooltip = BDFDB.TooltipUtils.create(e.currentTarget, typeof this.props.text == "function" ? this.props.text(this) : this.props.text, Object.assign({delay: this.props.delay}, this.props.tooltipConfig));
if (typeof this.props.onMouseEnter == "function") this.props.onMouseEnter(e, this);
if (typeof childMouseEnter == "function") childMouseEnter(e, childThis);
}
};
child.props.onMouseLeave = (e, childThis) => {
shown = false;
if (typeof this.props.onMouseLeave == "function") this.props.onMouseLeave(e, this);
if (typeof childMouseLeave == "function") childMouseLeave(e, childThis);
};
child.props.onClick = (e, childThis) => {
if (typeof this.props.onClick == "function") this.props.onClick(e, this);
if (typeof childClick == "function") childClick(e, childThis);
};
child.props.onContextMenu = (e, childThis) => {
if (typeof this.props.onContextMenu == "function") this.props.onContextMenu(e, this);
if (typeof childContextMenu == "function") childContextMenu(e, childThis);
};
return BDFDB.ReactUtils.createElement(LibraryModules.React.Fragment, {
children: child
});
}
};
InternalComponents.LibraryComponents.UserSummaryItem = BDFDB.ModuleUtils.findByName("UserSummaryItem");
InternalComponents.LibraryComponents.UserPopoutContainer = InternalBDFDB.loadPatchedComp("UserPopoutContainer") || reactInitialized && class BDFDB_UserPopoutContainer extends LibraryModules.React.Component {
render() {
return BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.PopoutContainer, BDFDB.ObjectUtils.exclude(Object.assign({}, this.props, {
wrap: false,
renderPopout: instance => {
return BDFDB.ReactUtils.createElement(BDFDB.ModuleUtils.findByName("FluxContainer(ForwardRef(SubscribeGuildMembersContainer(UserPopout)))"), {
userId: this.props.userId,
guildId: this.props.guildId,
channelId: this.props.channelId
});
}
}), "userId", "guildId", "channelId"));
}
};
for (let type in InternalComponents.NativeSubComponents) if (InternalComponents.LibraryComponents[type]) for (let key in InternalComponents.NativeSubComponents[type]) if (key != "displayName" && key != "name" && (typeof InternalComponents.NativeSubComponents[type][key] != "function" || key.charAt(0) == key.charAt(0).toUpperCase())) {
if (key == "defaultProps") InternalComponents.LibraryComponents[type][key] = Object.assign({}, InternalComponents.LibraryComponents[type][key], InternalComponents.NativeSubComponents[type][key]);
else InternalComponents.LibraryComponents[type][key] = InternalComponents.NativeSubComponents[type][key];
}
BDFDB.LibraryComponents = Object.assign({}, InternalComponents.LibraryComponents);
BDFDB.DOMUtils.appendLocalStyle("BDFDB", `
@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/res/SupporterBadge.css);
img:not([src]), img[src=""], img[src="null"] {
opacity: 0;
}
${BDFDB.dotCNS.menu + BDFDB.dotCN.itemlayer} {
z-index: 1003;
}
${BDFDB.dotCN.loadingiconwrapper} {
position: absolute;
bottom: 0;
right: 0;
z-index: 1000;
animation: loadingwrapper-fade 3s infinite ease;
}
${BDFDB.dotCNS.loadingiconwrapper + BDFDB.dotCN.loadingicon} {
margin: 0 5px;
}
@keyframes loadingwrapper-fade {
from {opacity: 0.1;}
50% {opacity: 0.9;}
to {opacity: 0.1;}
}
${BDFDB.dotCN.settingspanelheader} {
padding-right: 5px;
}
${BDFDB.dotCN.settingspanelheadercontrols} > * {
margin-left: 8px;
}
${BDFDB.dotCN.settingspanelheaderbutton} {
height: 24px;
}
${BDFDB.dotCN.settingspanelinner} {
padding-left: 15px;
padding-right: 5px;
}
${BDFDB.dotCN.settingspanellist} {
padding-left: 15px;
}
${BDFDB.dotCN.collapsecontainer} {
margin-bottom: 20px;
}
${BDFDB.dotCN.collapsecontainermini} {
margin-bottom: 8px;
}
${BDFDB.dotCN.collapsecontainerheader} {
margin-bottom: 4px;
}
${BDFDB.dotCNS.collapsecontainercollapsed + BDFDB.dotCN.collapsecontainertitle} {
margin-bottom: 0;
}
${BDFDB.dotCN.collapsecontainertitle} {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
order: 1;
}
${BDFDB.dotCN.collapsecontainertitle}:hover {
color: var(--text-normal);
}
${BDFDB.dotCN.collapsecontainertitle}::before {
content: "";
flex: 1 1 auto;
background-color: currentColor;
height: 2px;
margin: 0 10px 0 15px;
opacity: 0.2;
order: 2;
}
${BDFDB.dotCN.collapsecontainertitle}::after {
content: "";
-webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItOTUwIDUzMiAxOCAxOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtOTUwIDUzMiAxOCAxODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTt9DQoJLnN0MXtmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjEuNTtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTS05MzIsNTMydjE4aC0xOHYtMThILTkzMnoiLz4NCjxwb2x5bGluZSBjbGFzcz0ic3QxIiBwb2ludHM9Ii05MzYuNiw1MzguOCAtOTQxLDU0My4yIC05NDUuNCw1MzguOCAiLz4NCjwvc3ZnPg0K) center/cover no-repeat;
background-color: currentColor;
width: 20px;
height: 20px;
order: 3;
transition: transform .3s ease;
transform: rotate(0);
}
${BDFDB.dotCNS.collapsecontainercollapsed + BDFDB.dotCN.collapsecontainertitle}::after {
transform: rotate(90deg)
}
${BDFDB.dotCN.collapsecontainerinner} {
padding-left: 15px;
}
${BDFDB.dotCN.settingsguild} {
border-radius: 50%;
border: 3px solid ${BDFDB.DiscordConstants.Colors.STATUS_GREEN};
box-sizing: border-box;
cursor: pointer;
margin: 3px;
overflow: hidden;
}
${BDFDB.dotCN.settingsguilddisabled} {
border-color: ${BDFDB.DiscordConstants.Colors.STATUS_GREY};
filter: grayscale(100%) brightness(50%);
}
${BDFDB.dotCN.guildslabel} {
color: var(--text-muted);
text-align: center;
text-transform: uppercase;
font-size: 10px;
font-weight: 500;
line-height: 1.3;
width: 70px;
word-wrap: normal;
white-space: nowrap;
}
${BDFDB.dotCN.guildslabel}:hover {
color: var(--header-secondary);
}
${BDFDB.dotCN.guildslabel}:active {
color: var(--header-primary);
}
${BDFDB.dotCN.searchbarwrapper} {
padding: 10px;
}
${BDFDB.dotCNS.popout + BDFDB.dotCN.searchbarwrapper} {
padding: 0 0 5px 0;
border-bottom: 1px solid var(--background-modifier-accent);
}
${BDFDB.dotCN.paginationlist} {
height: 100%;
}
${BDFDB.dotCN.paginationlistpagination} {
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
line-height: 20px;
margin-top: 10px;
margin-bottom: 10px;
color: var(--text-normal);
}
${BDFDB.dotCN.paginationlistalphabet} {
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
line-height: 20px;
margin-bottom: 10px;
color: var(--text-normal);
}
${BDFDB.dotCN.paginationlistalphabetchar} {
min-width: 12px;
text-align: center;
margin: 0 4px;
}
${BDFDB.dotCN.paginationlistalphabetchar + BDFDB.notCN.paginationlistalphabetchardisabled}:hover {
color: var(--header-primary);
}
${BDFDB.dotCN.paginationlistalphabetchar + BDFDB.dotCN.paginationlistalphabetchardisabled} {
color: var(--text-muted);
}
${BDFDB.dotCNS.paginationlistmini + BDFDB.dotCN.paginationlistpagination} {
font-size: 14px;
line-height: 18px;
margin-top: 5px;
margin-bottom: 5px;
}
${BDFDB.dotCNS.paginationlistmini + BDFDB.dotCN.paginationlistalphabet} {
font-size: 14px;
line-height: 18px;
margin-bottom: 5px;
}
${BDFDB.dotCNS.paginationlistmini + BDFDB.dotCN.paginationlistalphabetchar} {
min-width: 10px;
margin: 0 3px;
}
${BDFDB.dotCNS.paginationlistmini + BDFDB.dotCN.searchresultspaginationbutton} {
height: 16px;
width: 16px;
margin: 0 6px;
}
${BDFDB.dotCNS.paginationlistmini + BDFDB.dotCN.searchresultspaginationicon} {
height: 12px;
width: 12px;
}
${BDFDB.dotCN.overflowellipsis} {
overflow: hidden;
text-overflow: ellipsis;
}
${BDFDB.dotCNS.userpopout + BDFDB.dotCN.userpopoutheadertext} + ${BDFDB.dotCN.userinfodate},
${BDFDB.dotCNS.userprofile + BDFDB.dotCN.userprofilenametag} + ${BDFDB.dotCN.userinfodate} {
margin-top: 8px;
}
${BDFDB.dotCN.userinfodate} + ${BDFDB.dotCN.userpopoutcustomstatus} {
margin-top: 4px;
}
${BDFDB.dotCNS.themelight + BDFDB.dotCNS.userpopoutheadernormal + BDFDB.dotCN.userinfodate} {
color: #b9bbbe;
}
${BDFDB.dotCNS.themelight + BDFDB.dotCN.userpopoutheader + BDFDB.notCNS.userpopoutheadernormal + BDFDB.dotCN.userinfodate},
${BDFDB.dotCNS.themedark + BDFDB.dotCNS.userpopoutheader + BDFDB.dotCN.userinfodate} {
color: hsla(0,0%,100%,.6);
}
${BDFDB.dotCNS.themelight + BDFDB.dotCNS.userprofiletopsectionnormal + BDFDB.dotCN.userinfodate} {
color: hsla(216,4%,74%,.6);
}
${BDFDB.dotCN.themelight} [class*='topSection']${BDFDB.notCNS.userprofiletopsectionnormal + BDFDB.dotCN.userinfodate},
${BDFDB.dotCN.themedark} [class*='topSection'] ${BDFDB.dotCN.userinfodate} {
color: hsla(0,0%,100%,.6);
}
${BDFDB.dotCN.avatardisabled} {
filter: grayscale(100%) brightness(50%);
}
${BDFDB.dotCN.messageavatar + BDFDB.dotCNS.bdfdbbadgeavatar + BDFDB.dotCN.avatarwrapper} {
width: inherit !important;
height: inherit !important;
}
${BDFDB.dotCN.favbuttoncontainer} {
display: flex;
position: relative;
cursor: pointer;
}
${BDFDB.dotCN.menuhint} {
width: 42px;
max-width: 42px;
margin-left: 8px;
}
${BDFDB.dotCN.cursordefault} {
cursor: default !important;
}
${BDFDB.dotCN.cursorpointer} {
cursor: pointer !important;
}
${BDFDB.dotCN.slidergrabber}:active ${BDFDB.dotCN.sliderbubble},
${BDFDB.dotCN.slidergrabber}:hover ${BDFDB.dotCN.sliderbubble} {
visibility: visible;
}
${BDFDB.dotCN.sliderbubble} {
border-radius: 3px;
top: -32px;
height: 22px;
width: auto;
padding: 0 5px;
white-space: pre;
transform: translateX(-50%);
line-height: 22px;
text-align: center;
font-weight: 600;
font-size: 12px;
color: #f6f6f7;
visibility: hidden;
}
${BDFDB.dotCN.sliderbubble},
${BDFDB.dotCN.sliderbubble}:before {
position: absolute;
left: 50%;
pointer-events: none;
}
${BDFDB.dotCN.sliderbubble}:before {
border: 5px solid transparent;
content: " ";
width: 0;
height: 0;
margin-left: -5px;
top: 100%;
}
${BDFDB.dotCNS.themelight + BDFDB.dotCN.sliderbubble} {
background-color: #4f545c;
}
${BDFDB.dotCNS.themelight + BDFDB.dotCN.sliderbubble}:before {
border-top-color: #4f545c;
}
${BDFDB.dotCNS.themedark + BDFDB.dotCN.sliderbubble} {
background-color: #72767d;
}
${BDFDB.dotCNS.themedark + BDFDB.dotCN.sliderbubble}:before {
border-top-color: #72767d;
}
${BDFDB.dotCNS.selectwrapper + BDFDB.dotCN.select} {
flex: 1 1 auto;
}
${BDFDB.dotCN.selectwrapper} [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"] {
z-index: 3;
}
${BDFDB.dotCNS.hotkeywrapper + BDFDB.dotCN.hotkeycontainer} {
flex: 1 1 auto;
}
${BDFDB.dotCN.hotkeyresetbutton} {
cursor: pointer;
margin-left: 5px;
}
${BDFDB.dotCNS.hotkeyresetbutton + BDFDB.dotCN.svgicon}:hover {
color: ${BDFDB.DiscordConstants.Colors.STATUS_RED};
}
${BDFDB.dotCN.hovercardwrapper} {
position: relative;
}
${BDFDB.dotCN.hovercardwrapper + BDFDB.dotCN.hovercard} {
padding: 10px 0;
}
${BDFDB.dotCN.hovercardwrapper + BDFDB.dotCN.hovercard} > * {
z-index: 1;
}
${BDFDB.dotCNC.hovercardwrapper + BDFDB.dotCN.hovercardinner} {
min-height: 28px;
}
${BDFDB.dotCN.hovercardinner} {
width: 100%;
padding-right: 5px;
display: flex;
align-items: center;
z-index: 1;
}
${BDFDB.dotCNS.hovercardwrapper + BDFDB.dotCN.hovercardbutton} {
position: absolute;
top: -6px;
right: -6px;
opacity: 0;
}
${BDFDB.dotCN.hovercardwrapper + BDFDB.dotCNS.hovercard + BDFDB.dotCN.hovercardbutton} {
right: -25px;
}
${BDFDB.dotCN.hovercardwrapper}:hover ${BDFDB.dotCN.hovercardbutton} {
opacity: 1;
}
${BDFDB.dotCN.guildsummarycontainer} {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
${BDFDB.dotCN.guildsummarysvgicon} {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
color: var(--text-muted);
width: 20px;
height: 20px;
margin-right: 8px;
}
${BDFDB.dotCN.guildsummaryiconcontainer} {
width: 24px;
height: 24px;
}
${BDFDB.dotCN.guildsummaryiconcontainermasked} {
margin-right: -4px;
-webkit-mask: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 1 1"><path fill="white" d="M 0 0 L 0 1 L 1 1 L 1 0.99804688 A 0.54166669 0.54166669 0 0 1 0.66601562 0.5 A 0.54166669 0.54166669 0 0 1 1 0.001953125 L 1 0 L 0 0 z"/></svg>') center/cover no-repeat;
}
${BDFDB.dotCN.guildsummaryclickableicon} {
cursor: pointer;
}
${BDFDB.dotCN.guildsummaryicon},
${BDFDB.dotCN.guildsummaryclickableicon},
${BDFDB.dotCN.guildsummaryemptyguild} {
width: 24px;
height: 24px;
border-radius: 50%;
}
${BDFDB.dotCN.guildsummaryemptyguild} {
background: var(--background-accent);
}
${BDFDB.dotCN.guildsummarymoreguilds} {
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: var(--background-tertiary);
font-size: 12px;
line-height: 24px;
font-weight: 500;
text-align: center;
color: var(--text-normal);
height: 24px;
min-width: 24px;
border-radius: 12px;
padding: 0 8px;
}
${BDFDB.dotCN.table} {
position: relative;
width: 100%;
}
${BDFDB.dotCNS.table + BDFDB.dotCN.tablespacerheader},
${BDFDB.dotCNS.table + BDFDB.dotCN.tablestickyheader} {
padding: 0px 12px 8px 0;
margin-bottom: 5px;
box-sizing: border-box;
background-color: var(--background-primary);
border-bottom: 1px solid var(--background-modifier-accent);
}
${BDFDB.dotCNS.table + BDFDB.dotCN.tablestickyheader}:first-child {
position: absolute;
width: 100%;
}
${BDFDB.dotCNS.modalsub + BDFDB.dotCNS.table + BDFDB.dotCN.tablestickyheader}:first-child {
padding-left: 20px;
}
${BDFDB.dotCN.tableheadercell} {
color: var(--interactive-normal);
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
}
${BDFDB.dotCN.tableheadercell},
${BDFDB.dotCN.tablebodycell} {
border-left: 1px solid var(--background-modifier-accent);
box-sizing: border-box;
padding: 0 12px;
}
${BDFDB.dotCN.tableheadercell}:first-child,
${BDFDB.dotCN.tablebodycell}:first-child {
border-left: none;
padding-left: 0;
}
${BDFDB.dotCNS.table + BDFDB.dotCN.tablerow} {
position: relative;
display: flex;
margin-bottom: 5px;
align-items: center;
color: var(--header-secondary);
}
${BDFDB.dotCN.tablebodycell} {
font-size: 15px;
}
${BDFDB.dotCNS.settingstablelist + BDFDB.dotCN.checkboxcontainer}:before {
display: none;
}
${BDFDB.dotCNS.settingstablelist + BDFDB.dotCN.settingstableheader} {
min-height: 10px;
}
${BDFDB.dotCNS.settingstablelist + BDFDB.dotCN.settingstableheaderoption} {
width: unset;
}
${BDFDB.dotCN.settingstableheadervertical} {
position: relative;
}
${BDFDB.dotCN.settingstableheadervertical} > span {
position: absolute;
bottom: 50%;
right: calc(50% - 5px);
margin-bottom: -5px;
writing-mode: vertical-rl;
}
${BDFDB.dotCN.settingstablecard} {
height: 60px;
padding: 0 10px;
margin-bottom: 10px;
}
${BDFDB.dotCNS.settingstablecard + BDFDB.dotCN.settingstablecardlabel} {
padding-right: 10px;
}
${BDFDB.dotCNS.settingstablecard + BDFDB.dotCN.settingstablecardlabel},
${BDFDB.dotCNS.settingstablecard + BDFDB.dotCN.settingstablecardconfigs} {
margin: 0;
}
${BDFDB.dotCN.settingstableheaders} {
margin-right: 10px;
margin-left: 10px;
}
${BDFDB.dotCNS.popoutwrapper + BDFDB.dotCN.messagespopouttabbarheader} {
flex: 1 0 auto;
align-items: center;
height: unset;
min-height: 56px;
}
${BDFDB.dotCNS.popoutwrapper + BDFDB.dotCNS.messagespopouttabbarheader + BDFDB.dotCN.messagespopouttabbar} {
min-height: 32px;
}
${BDFDB.dotCN.charcounter} {
color: var(--channels-default);
}
${BDFDB.dotCN.inputnumberwrapper} {
position: relative;
}
${BDFDB.dotCN.inputnumberbuttons}:hover + ${BDFDB.dotCN.input + BDFDB.notCN.inputfocused + BDFDB.notCN.inputerror + BDFDB.notCN.inputsuccess + BDFDB.notCN.inputdisabled}:not(:focus) {
border-color: #040405;
}
${BDFDB.dotCNS.inputnumberwrapperdefault + BDFDB.dotCN.input} {
padding-right: 25px;
}
${BDFDB.dotCNS.inputnumberwrappermini + BDFDB.dotCN.input} {
padding-left: 6px;
padding-right: 17px;
}
${BDFDB.dotCNS.inputnumberwrapper + BDFDB.dotCN.input}::-webkit-inner-spin-button,
${BDFDB.dotCNS.inputnumberwrapper + BDFDB.dotCN.input}::-webkit-outer-spin-button{
-webkit-appearance: none !important;
}
${BDFDB.dotCN.inputnumberbuttons} {
position: absolute;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
height: 110%;
top: -2%;
}
${BDFDB.dotCNS.inputnumberwrapperdefault + BDFDB.dotCN.inputnumberbuttons} {
right: 8px;
}
${BDFDB.dotCNS.inputnumberwrappermini + BDFDB.dotCN.inputnumberbuttons} {
right: 4px;
}
${BDFDB.dotCN.inputnumberbutton} {
cursor: pointer;
border: transparent solid 5px;
border-top-width: 2.5px;
display: inline-block;
}
${BDFDB.dotCNS.themelight + BDFDB.dotCN.inputnumberbutton} {
border-bottom-color: #dcddde;
}
${BDFDB.dotCNS.themelight + BDFDB.dotCN.inputnumberbutton}:hover {
border-bottom-color: #4f545c;
}
${BDFDB.dotCNS.themedark + BDFDB.dotCN.inputnumberbutton} {
border-bottom-color: #72767d;
}
${BDFDB.dotCNS.themedark + BDFDB.dotCN.inputnumberbutton}:hover {
border-bottom-color: #f6f6f7;
}
${BDFDB.dotCN.inputnumberbuttondown} {
transform: rotate(180deg);
}
${BDFDB.dotCN.guildupperleftbadge} {
top: 0;
}
${BDFDB.dotCN.guildlowerleftbadge} {
bottom: 0;
}
${BDFDB.dotCNC.guildlowerleftbadge + BDFDB.dotCN.guildupperleftbadge} {
pointer-events: none;
position: absolute;
left: 0;
}
${BDFDB.dotCN.svgiconwrapper} {
display: flex;
justify-content: center;
align-items: center;
}
${BDFDB.dotCN.svgicon} {
color: var(--interactive-normal);
}
${BDFDB.dotCN.svgicon}:hover {
color: var(--interactive-hover);
}
${BDFDB.dotCN.svgicon}:active {
color: var(--interactive-active);
}
${BDFDB.dotCNS.listrowwrapper + BDFDB.dotCN.listavatar} {
display: flex;
justify-content: center;
align-items: center;
}
${BDFDB.dotCN.sidebarlist} {
display: flex;
flex-direction: row;
flex: 1 1 auto;
}
${BDFDB.dotCN.sidebar} {
padding: 8px;
flex: 0 1 auto;
}
${BDFDB.dotCN.sidebarcontent} {
padding: 8px 0;
flex: 1 1 auto;
}
${BDFDB.dotCN.modalsubinner} {
padding-left: 16px;
padding-right: 8px;
}
${BDFDB.dotCN.modalnoscroller} {
overflow: hidden;
}
${BDFDB.dotCN.modalcontent + BDFDB.dotCN.modalnoscroller} {
padding-bottom: 10px;
}
${BDFDB.dotCN.modaltabcontent} {
margin-top: 10px;
}
${BDFDB.dotCNS.listscroller + BDFDB.dotCN.modaltabcontent} {
margin-top: 0;
}
${BDFDB.dotCN.modalheaderhassibling} {
padding-bottom: 10px;
}
${BDFDB.dotCN.modalheadershade},
${BDFDB.dotCN.modalsidebar} {
background: rgba(0, 0, 0, 0.1);
}
${BDFDB.dotCNS.themedark + BDFDB.dotCN.modalheadershade},
${BDFDB.dotCNS.themedark + BDFDB.dotCN.modalsidebar} {
background: rgba(0, 0, 0, 0.2);
}
${BDFDB.dotCN.tabbarcontainer + BDFDB.dotCN.tabbarcontainerbottom} {
border-top: unset;
border-bottom: 1px solid hsla(0,0%,100%,.1);
}
${BDFDB.dotCNS.modalwrapper + BDFDB.dotCN.tabbarcontainer} {
background: rgba(0, 0, 0, 0.1);
border: none;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
padding-right: 12px;
}
${BDFDB.dotCNS.themedark + BDFDB.dotCNS.modalwrapper + BDFDB.dotCN.tabbarcontainer} {
background: rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
}
${BDFDB.dotCNS.themedark + BDFDB.dotCN.popoutwrapper + BDFDB.dotCN.popoutright + BDFDB.dotCN.popoutarrowalignmentmiddle}:before {
border-right-color: #2f3136;
}
${BDFDB.dotCNS.themedark + BDFDB.dotCN.popoutwrapper + BDFDB.dotCN.popoutleft + BDFDB.dotCN.popoutarrowalignmentmiddle}:before {
border-left-color: #2f3136;
}
${BDFDB.dotCNS.themedark + BDFDB.dotCN.popoutwrapper + BDFDB.dotCN.popoutbottom + BDFDB.dotCN.popoutarrowalignmentmiddle}:before,
${BDFDB.dotCNS.themedark + BDFDB.dotCN.popoutwrapper + BDFDB.dotCN.popoutbottom + BDFDB.dotCN.popoutarrowalignmenttop}:before,
${BDFDB.dotCNS.themedark + BDFDB.dotCN.popoutwrapper + BDFDB.dotCN.popoutbottomleft + BDFDB.dotCN.popoutarrowalignmentmiddle}:before,
${BDFDB.dotCNS.themedark + BDFDB.dotCN.popoutwrapper + BDFDB.dotCN.popoutbottomleft + BDFDB.dotCN.popoutarrowalignmenttop}:before,
${BDFDB.dotCNS.themedark + BDFDB.dotCN.popoutwrapper + BDFDB.dotCN.popoutbottomright + BDFDB.dotCN.popoutarrowalignmentmiddle}:before,
${BDFDB.dotCNS.themedark + BDFDB.dotCN.popoutwrapper + BDFDB.dotCN.popoutbottomright + BDFDB.dotCN.popoutarrowalignmenttop}:before {
border-bottom-color: #2f3136;
}
${BDFDB.dotCNS.themedark + BDFDB.dotCN.popoutwrapper + BDFDB.dotCN.popouttop}:after,
${BDFDB.dotCNS.themedark + BDFDB.dotCN.popoutwrapper + BDFDB.dotCN.popouttopleft}:after,
${BDFDB.dotCNS.themedark + BDFDB.dotCN.popoutwrapper + BDFDB.dotCN.popouttopright}:after {
border-top-color: #2f3136;
}
${BDFDB.dotCN.popoutthemedpopout} {
background-color: var(--background-secondary);
-webkit-box-shadow: var(--elevation-stroke),var(--elevation-high);
box-shadow: var(--elevation-stroke),var(--elevation-high);
box-sizing: border-box;
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
${BDFDB.dotCN.popoutwrapper + BDFDB.dotCNS.popoutarrowalignmentmiddle + BDFDB.dotCN.popoutthemedpopout},
${BDFDB.dotCN.popoutwrapper + BDFDB.dotCNS.popoutarrowalignmenttop + BDFDB.dotCN.popoutthemedpopout} {
border-color: transparent;
}
#bd-settingspane-container .ui-form-title {
display: inline-block;
}
#bd-settingspane-container ${BDFDB.dotCN._repofolderbutton} {
position: static;
margin-bottom: 0;
border-radius: 5px;
display: inline-block;
margin-left: 10px;
}
#bd-settingspane-container ${BDFDB.dotCN._repoupdatebutton}[style] {
display: none !important;
}
${BDFDB.dotCNS._repolistwrapper + BDFDB.dotCN._repolistheader} {
display: flex;
flex-direction: column;
padding-top: 60px;
padding-right: 70px;
}
${BDFDB.dotCNS._repolistwrapper + BDFDB.dotCN._repolistheader} > * {
max-width: 740px;
min-width: 460px;
padding-left: 40px;
padding-right: 40px;
}
${BDFDB.dotCNS._repolistwrapper + BDFDB.dotCN.settingswindowtoolscontainer} {
margin-top: -140px;
}
${BDFDB.dotCNS._repolistwrapper + BDFDB.dotCN.settingswindowcontentregionscroller} {
height: calc(100% - 140px);
}
${BDFDB.dotCNS._repolistwrapper + BDFDB.dotCN.settingswindowcontentcolumn} {
padding-top: 20px;
}
${BDFDB.dotCNS._repolistwrapper + BDFDB.dotCNS._repoentry + BDFDB.dotCN._repocontrols} > * {
margin-left: 10px;
}
${BDFDB.dotCNS._repolistwrapper + BDFDB.dotCNS._repoentry + BDFDB.dotCN._repofooter} > * {
margin-left: 10px;
}
${BDFDB.dotCNS._repolistwrapper + BDFDB.dotCNS._repoentry + BDFDB.dotCN._repofooter} > *:first-child {
margin-left: auto;
}
${BDFDB.dotCN.noticewrapper} {
transition: height 0.5s ease !important;
border-radius: 0 !important;
}
${BDFDB.dotCNS.noticewrapper + BDFDB.dotCN.noticeplatformicon} {
margin-top: -7px;
}
${BDFDB.dotCNS.noticewrapper + BDFDB.dotCN.noticeplatformicon} svg {
max-height: 28px;
}
${BDFDB.dotCN.noticesurvey} {
background-color: #222;
}
.platform-osx ${BDFDB.dotCN.noticewrapper} ~ * ${BDFDB.dotCN.guildswrapper} {
margin-top: 0;
}
.platform-osx ${BDFDB.dotCN.noticewrapper} ~ * ${BDFDB.dotCN.guildsscroller} {
padding-top: 4px;
}
${BDFDB.dotCN.tooltip + BDFDB.dotCNS.tooltipcustom + BDFDB.dotCN.tooltippointer} {
border-top-color: inherit !important;
}
${BDFDB.dotCN.tooltiprowextra}:empty {
display: none;
}
${BDFDB.dotCN.colorpickerswatchsinglewrapper} {
position: relative;
z-index: 1;
}
${BDFDB.dotCN.colorpickerswatchsingle} {
height: 30px;
width: 30px;
}
${BDFDB.dotCN.colorpickerswatches + BDFDB.dotCN.colorpickerswatchesdisabled} {
cursor: no-drop;
filter: grayscale(70%) brightness(50%);
}
${BDFDB.dotCN.colorpickerswatch + BDFDB.notCN.colorpickerswatchnocolor + BDFDB.notCN.colorpickerswatchdefault + BDFDB.notCN.colorpickerswatchdisabled} {
overflow: hidden;
}
${BDFDB.dotCN.colorpickerswatch + BDFDB.dotCN.colorpickerswatchcustom}[style*="background"] {
border: none;
}
${BDFDB.dotCN.colorpickerswatch + BDFDB.notCN.colorpickerswatchdefault}:after {
border-radius: 3px;
}
${BDFDB.dotCN.colorpickerswatch + BDFDB.dotCN.colorpickerswatchcustom + BDFDB.notCN.colorpickerswatchdefault}:after {
border-radius: 5px;
}
${BDFDB.dotCN.colorpickerswatch + BDFDB.notCN.colorpickerswatchnocolor + BDFDB.notCN.colorpickerswatchdefault + BDFDB.notCN.colorpickerswatchdisabled}:after {
content: "";
background: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"><rect x="0" y="0" width="4" height="4" fill="black"></rect><rect x="0" y="4" width="4" height="4" fill="white"></rect><rect x="4" y="0" width="4" height="4" fill="white"></rect><rect x="4" y="4" width="4" height="4" fill="black"></rect></svg>') center repeat;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
}
${BDFDB.dotCN.colorpickeralpha} {
position: relative;
height: 8px;
margin: 16px 0 8px;
}
${BDFDB.dotCN.colorpickergradient} {
position: relative;
height: 8px;
margin: 27px 2px 2px 2px;
}
${BDFDB.dotCN.colorpickeralpha} > div > div > div > div {
height: 16px !important;
width: 8px !important;
margin-top: -3px !important;
border-radius: 3px !important;
}
${BDFDB.dotCNS.themelight + BDFDB.dotCN.colorpickersaturation} > div > div > div > div {
box-shadow: rgb(200, 200, 200) 0px 0px 0px 1.5px, rgba(0, 0, 0, 0.6) 0px 0px 1px 1px inset, rgba(0, 0, 0, 0.6) 0px 0px 1px 2px !important;
}
${BDFDB.dotCNS.themelight + BDFDB.dotCN.colorpickerhue} > div > div > div > div,
${BDFDB.dotCNS.themelight + BDFDB.dotCN.colorpickeralpha} > div > div > div > div {
background: rgb(200, 200, 200) !important;
box-shadow: rgba(0, 0, 0, 1) 0px 0px 2px !important;
}
${BDFDB.dotCN.colorpickeralpha} > div > div,
${BDFDB.dotCN.colorpickergradient} > div > div {
border-radius: 3px;
}
${BDFDB.dotCNS.colorpickeralpha + BDFDB.dotCN.colorpickeralphacheckered},
${BDFDB.dotCNS.colorpickergradient + BDFDB.dotCN.colorpickergradientcheckered},
${BDFDB.dotCNS.colorpickergradient + BDFDB.dotCN.colorpickergradientcursor} > div:after {
background: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="8" height="8"><rect x="0" y="0" width="4" height="4" fill="black"></rect><rect x="0" y="4" width="4" height="4" fill="white"></rect><rect x="4" y="0" width="4" height="4" fill="white"></rect><rect x="4" y="4" width="4" height="4" fill="black"></rect></svg>') center repeat;
}
${BDFDB.dotCNS.colorpickergradient + BDFDB.dotCN.colorpickergradientcursor} > div {
height: 8px;
width: 8px;
margin-top: -15px;
border: 1px solid rgb(128, 128, 128);
border-radius: 3px;
transform: translateX(-5px);
transform-style: preserve-3d;
}
${BDFDB.dotCNS.colorpickergradient + BDFDB.dotCN.colorpickergradientcursor} > div:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
border-radius: 3px;
transform: translateZ(-1px);
}
${BDFDB.dotCNS.colorpickergradient + BDFDB.dotCN.colorpickergradientcursor} > div:before {
content: "";
position: absolute;
border: 3px solid transparent;
border-top-width: 5px;
border-top-color: rgb(128, 128, 128);
width: 0;
height: 0;
top: 100%;
left: -50%;
transform: translateX(5px);
}
${BDFDB.dotCNS.colorpickergradient + BDFDB.dotCN.colorpickergradientcursor + BDFDB.dotCN.colorpickergradientcursoredge} > div:before {
border-right-width: 0;
border-left-width: 5px;
}
${BDFDB.dotCNS.colorpickergradient + BDFDB.dotCN.colorpickergradientcursor + BDFDB.dotCN.colorpickergradientcursoredge} ~ ${BDFDB.dotCN.colorpickergradientcursor + BDFDB.dotCN.colorpickergradientcursoredge} > div:before {
border-right-width: 5px;
border-left-width: 0;
}
${BDFDB.dotCNS.themelight + BDFDB.dotCNS.colorpickergradient + BDFDB.dotCN.colorpickergradientcursor + BDFDB.dotCN.colorpickergradientcursorselected} > div {
border-color: rgb(55, 55, 55);
}
${BDFDB.dotCNS.themelight + BDFDB.dotCNS.colorpickergradient + BDFDB.dotCN.colorpickergradientcursor + BDFDB.dotCN.colorpickergradientcursorselected} > div:before {
border-top-color: rgb(55, 55, 55);
}
${BDFDB.dotCNS.themedark + BDFDB.dotCNS.colorpickergradient + BDFDB.dotCN.colorpickergradientcursor + BDFDB.dotCN.colorpickergradientcursorselected} > div {
border-color: rgb(200, 200, 200);
}
${BDFDB.dotCNS.themedark + BDFDB.dotCNS.colorpickergradient + BDFDB.dotCN.colorpickergradientcursor + BDFDB.dotCN.colorpickergradientcursorselected} > div:before {
border-top-color: rgb(200, 200, 200);
}
${BDFDB.dotCN.colorpickergradientbutton} {
color: var(--interactive-normal);
opacity: 0.6;
margin-left: 6px;
transition: color 200ms ease, opactity 200ms ease;
}
${BDFDB.dotCN.colorpickergradientbutton}:hover {
color: var(--interactive-hover);
opacity: 1;
}
${BDFDB.dotCN.colorpickergradientbutton + BDFDB.dotCN.colorpickergradientbuttonenabled},
${BDFDB.dotCN.colorpickergradientbutton + BDFDB.dotCN.colorpickergradientbuttonenabled}:hover {
color: var(--interactive-active);
opacity: 1;
}
${BDFDB.dotCNC.layermodallarge + BDFDB.dotCN.modalsizelarge} {
max-height: 95vh;
}
@media only screen and (max-height: 900px) {
${BDFDB.dotCNC.layermodalmedium + BDFDB.dotCN.modalsizemedium} {
max-height: 75vh;
}
}
#pluginNotice .notice-message {
white-space: pre;
}
#pluginNotice #outdatedPlugins span {
-webkit-app-region: no-drag;
color: #FFF;
cursor: pointer;
}
#pluginNotice #outdatedPlugins span:hover {
text-decoration: underline;
}
.toasts {
position: fixed;
display: flex;
top: 0;
flex-direction: column;
align-items: center;
justify-content: flex-end;
pointer-events: none;
z-index: 4000;
}
@keyframes toast-up {
from {
transform: translateY(0);
opacity: 0;
}
}
.toast {
animation: toast-up 300ms ease;
transform: translateY(-10px);
background-color: #36393F;
padding: 10px;
border-radius: 5px;
box-shadow: 0 0 0 1px rgba(32,34,37,.6), 0 2px 10px 0 rgba(0,0,0,.2);
font-weight: 500;
color: #fff;
user-select: text;
font-size: 14px;
opacity: 1;
margin-top: 10px;
pointer-events: auto;
}
@keyframes toast-down {
to {
transform: translateY(0px);
opacity: 0;
}
}
.toast.closing {
animation: toast-down 200ms ease;
animation-fill-mode: forwards;
opacity: 1;
transform: translateY(-10px);
}
.toast .toast-inner {
display: flex;
align-items: center;
}
.toast .toast-avatar {
margin-right: 5px;
width: 25px;
height: 25px;
flex: 0 0 auto;
background-size: cover;
background-position: center;
border-radius: 50%;
}
.toast.icon {
padding-left: 30px;
background-position: 6px 50%;
background-size: 20px 20px;
background-repeat: no-repeat;
}
.toast.toast-brand {
background-color: #7289DA;
}
.toast.toast-brand.icon {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjI3IDI3IDExNSAxMTUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDkwIDkwOyI+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik0xMTEuMywxMjQuMWMwLDAtMy40LTQuMS02LjMtNy43YzEyLjYtMy41LDE3LjQtMTEuMywxNy40LTExLjMgYy00LDIuNi03LjcsNC40LTExLjEsNS42Yy00LjgsMi05LjUsMy4zLTE0LDQuMWMtOS4yLDEuNy0xNy42LDEuMy0yNC45LTAuMWMtNS41LTEtMTAuMi0yLjUtMTQuMS00LjFjLTIuMi0wLjgtNC42LTEuOS03LjEtMy4zIGMtMC4zLTAuMi0wLjYtMC4zLTAuOS0wLjVjLTAuMS0wLjEtMC4zLTAuMi0wLjQtMC4yYy0xLjctMS0yLjYtMS42LTIuNi0xLjZzNC42LDcuNiwxNi44LDExLjJjLTIuOSwzLjYtNi40LDcuOS02LjQsNy45IGMtMjEuMi0wLjYtMjkuMy0xNC41LTI5LjMtMTQuNWMwLTMwLjYsMTMuOC01NS40LDEzLjgtNTUuNGMxMy44LTEwLjMsMjYuOS0xMCwyNi45LTEwbDEsMS4xQzUyLjgsNTAuMyw0NSw1Ny45LDQ1LDU3LjkgczIuMS0xLjIsNS43LTIuN2MxMC4zLTQuNSwxOC40LTUuNywyMS44LTZjMC41LTAuMSwxLjEtMC4yLDEuNi0wLjJjNS45LTAuNywxMi41LTAuOSwxOS40LTAuMmM5LjEsMSwxOC45LDMuNywyOC45LDkuMSBjMCwwLTcuNS03LjItMjMuOS0xMi4xbDEuMy0xLjVjMCwwLDEzLjEtMC4zLDI2LjksMTBjMCwwLDEzLjgsMjQuOCwxMy44LDU1LjRDMTQwLjYsMTA5LjYsMTMyLjUsMTIzLjUsMTExLjMsMTI0LjF6IE0xMDEuNyw3OS43Yy01LjQsMC05LjgsNC43LTkuOCwxMC41YzAsNS44LDQuNCwxMC41LDkuOCwxMC41YzUuNCwwLDkuOC00LjcsOS44LTEwLjUgQzExMS41LDg0LjQsMTA3LjEsNzkuNywxMDEuNyw3OS43eiBNNjYuNyw3OS43Yy01LjQsMC05LjgsNC43LTkuOCwxMC41YzAsNS44LDQuNCwxMC41LDkuOCwxMC41YzUuNCwwLDkuOC00LjcsOS44LTEwLjUgQzc2LjUsODQuNCw3Mi4xLDc5LjcsNjYuNyw3OS43eiIvPjwvc3ZnPg==);
}
.toast.toast-danger,
.toast.toast-error {
background-color: #F04747;
}
.toast.toast-danger.icon,
.toast.toast-error.icon {
background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTEyIDJDNi40NyAyIDIgNi40NyAyIDEyczQuNDcgMTAgMTAgMTAgMTAtNC40NyAxMC0xMFMxNy41MyAyIDEyIDJ6bTUgMTMuNTlMMTUuNTkgMTcgMTIgMTMuNDEgOC40MSAxNyA3IDE1LjU5IDEwLjU5IDEyIDcgOC40MSA4LjQxIDcgMTIgMTAuNTkgMTUuNTkgNyAxNyA4LjQxIDEzLjQxIDEyIDE3IDE1LjU5eiIvPiAgICA8cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+);
}
.toast.toast-default {
background-color: #F26522;
}
.toast.toast-default.icon {
padding-left: 10px;
}
.toast.toast-facebook {
background-color: #355089;
}
.toast.toast-facebook.icon {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9Ii01IC01IDEwMCAxMDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDkwIDkwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggaWQ9IkZhY2Vib29rX194MjhfYWx0X3gyOV8iIGQ9Ik05MCwxNS4wMDFDOTAsNy4xMTksODIuODg0LDAsNzUsMEgxNUM3LjExNiwwLDAsNy4xMTksMCwxNS4wMDF2NTkuOTk4ICAgQzAsODIuODgxLDcuMTE2LDkwLDE1LjAwMSw5MEg0NVY1NkgzNFY0MWgxMXYtNS44NDRDNDUsMjUuMDc3LDUyLjU2OCwxNiw2MS44NzUsMTZINzR2MTVINjEuODc1QzYwLjU0OCwzMSw1OSwzMi42MTEsNTksMzUuMDI0VjQxICAgaDE1djE1SDU5djM0aDE2YzcuODg0LDAsMTUtNy4xMTksMTUtMTUuMDAxVjE1LjAwMXoiIGZpbGw9IndoaXRlIi8+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);
}
.toast.toast-info {
background-color: #4A90E2;
}
.toast.toast-info.icon {
background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJzNC40OCAxMCAxMCAxMCAxMC00LjQ4IDEwLTEwUzE3LjUyIDIgMTIgMnptMSAxNWgtMnYtNmgydjZ6bTAtOGgtMlY3aDJ2MnoiLz48L3N2Zz4=);
}
.toast.toast-premium {
background-color: #202225;
}
.toast.toast-premium.icon {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDMiIGhlaWdodD0iMjYiPiAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOTYuMjgyNiA4LjYwMjc4ODI0bC0xLjIxNTUgOC4zOTAzNTI5NmMtLjI3NzUgMS45ODI2Mjc0LTIuNDY1NSAyLjkwMzMzMzMtNC40NzkgMi45MDMzMzMzLTEuODc1IDAtMy43MTU1LS45MjA3MDU5LTMuNDcyNS0yLjcyNTkyMTZsMS4yMTU1LTguNTY3NzY0NjZjLjI3NzUtMS44NzY1ODgyNCAyLjQ2NTUtMi44MzI0NzA2IDQuNDc5LTIuODMyNDcwNiAyLjAxNCAwIDMuNzUuOTU1ODgyMzYgMy40NzI1IDIuODMyNDcwNk05My43NzIxLjAwMzkyNTVsLjAwMDUtLjAwNDA3ODQ0aC0xMy4wODRjLS4zMzQgMC0uNjE4LjI1MDMxMzcyLS42NjYuNTg3Mjk0MTJsLS42MzY1IDQuNDMyMjM1M2MtLjA1OTUuNDE0NDcwNTguMjU2Ljc4NjExNzY0LjY2NjUuNzg2MTE3NjRoMi4zODk1Yy4yNCAwIC40MDQ1LjI0OTgwMzkyLjMxLjQ3NTY0NzA2LS4yOTguNzEyMTk2MDctLjUxNTUgMS40ODYwNzg0My0uNjM2IDIuMzIxNjQ3MDZsLTEuMjE1NSA4LjU2Nzc2NDY2Yy0uNzk5IDUuNzM1Mjk0MiAzLjg4OSA4LjYwMjQzMTQgOC45OTMgOC42MDI0MzE0IDUuMzQ3NSAwIDEwLjU5MDUtMi44NjcxMzcyIDExLjM4OS04LjYwMjQzMTRsMS4yMTUtOC41Njc3NjQ2NmMuNzgzLTUuNjIyMTE3NjUtMy43Mzk1LTguNDg4MjM1My04LjcyNTUtOC41OTg4NjI3NW0tNzguNTk1MjUgMTEuNzI4NjUxbC4wNjcgNC4xNTg5ODA0Yy4wMDE1LjA4NTEzNzItLjA1NS4xNjA1ODgyLS4xMzYuMTgxNDkwMmgtLjAwMDVsLTEuMzg1NS01LjAxNjQ3MDZjLS4wMDItLjAwNzY0NzEtLjAwNS0uMDE0Nzg0My0uMDA4LS4wMjI0MzE0TDkuNDE0MzUuNzcwNzcyNTNjLS4xMDYtLjI1Mjg2Mjc1LS4zNDk1LS40MTY1MDk4LS42MTk1LS40MTY1MDk4aC00Ljg3MjVjLS4zMzYgMC0uNjIwNS4yNTIzNTI5NC0uNjY3LjU5MTM3MjU0TC4wMDY4NSAyNC42MzcyNDMxYy0uMDU3LjQxMzQ1MS4yNTc1Ljc4MjAzOTMuNjY2NS43ODIwMzkzaDQuODU0Yy4zMzY1IDAgLjYyMTUtLjI1MzM3MjYuNjY3NS0uNTkyOTAybDEuMjcyLTkuNDEyNTA5OGMuMDAxNS0uMDA5MTc2NS4wMDItLjAxODM1My4wMDItLjAyNzUyOTRsLS4wNjk1LTQuODM2NTA5OC4xMzg1LS4wMzUxNzY1IDEuNDU1NSA1LjAxNjQ3MDZjLjAwMjUuMDA3MTM3Mi4wMDUuMDEzNzY0Ny4wMDc1LjAyMDkwMmw0LjAyMTUgOS40NTM4MDM5Yy4xMDY1LjI1MDgyMzUuMzQ5NS40MTM0NTEuNjE3NS40MTM0NTFoNS4yNTY1Yy4zMzYgMCAuNjIwNS0uMjUyMzUzLjY2Ny0uNTkxODgyNGwzLjI0OTUtMjMuNjkxNjA3ODRjLjA1NjUtLjQxMjk0MTE4LS4yNTgtLjc4MTUyOTQyLS42NjctLjc4MTUyOTQyaC00LjgyMDVjLS4zMzYgMC0uNjIwNS4yNTE4NDMxNC0uNjY3LjU5MDg2Mjc1bC0xLjQ4IDEwLjc1ODkwMmMtLjAwMS4wMDkxNzY0LS4wMDE1LjAxODg2MjctLjAwMTUuMDI4NTQ5bTkuMzk0IDEzLjY4NjYwMzloNC44NTVjLjMzNiAwIC42MjA1LS4yNTIzNTI5LjY2Ny0uNTkxMzcyNmwzLjI0OS0yMy42OTIxMTc2Yy4wNTY1LS40MTI5NDEyLS4yNTgtLjc4MTUyOTQ0LS42NjctLjc4MTUyOTQ0aC00Ljg1NWMtLjMzNiAwLS42MjA1LjI1MjM1Mjk0LS42NjcuNTkxMzcyNTVsLTMuMjQ5IDIzLjY5MjExNzY4Yy0uMDU2NS40MTI5NDEyLjI1OC43ODE1Mjk0LjY2Ny43ODE1Mjk0TTM2LjYyMTE1LjkwNjA3NDVsLS42MzYgNC40MzIyMzUzYy0uMDU5NS40MTQ0NzA2LjI1NTUuNzg2MTE3NjUuNjY2Ljc4NjExNzY1aDUuMDgwNWMuNDA4NSAwIC43MjMuMzY3NTY4NjMuNjY3NS43ODA1MDk4bC0yLjM5MzUgMTcuNzM0MDM5MjVjLS4wNTU1LjQxMjQzMTMuMjU4NS43OC42NjcuNzhoNC45MjU1Yy4zMzY1IDAgLjYyMS0uMjUyODYyOC42NjctLjU5MjkwMmwyLjQ0NC0xOC4xMDg3NDUxYy4wNDYtLjMzOTUyOTQuMzMwNS0uNTkyOTAxOTUuNjY3LS41OTI5MDE5NWg1LjQ2MjVjLjMzNCAwIC42MTgtLjI0OTgwMzkyLjY2Ni0uNTg3Mjk0MTJsLjYzNy00LjQzMjIzNTNjLjA1OTUtLjQxNDQ3MDU4LS4yNTU1LS43ODYxMTc2NC0uNjY2NS0uNzg2MTE3NjRoLTE4LjE4NzVjLS4zMzQ1IDAtLjYxOC4yNTAzMTM3LS42NjY1LjU4NzI5NDFNNzEuMDM4NyA5LjA5ODM2ODZjLS4xNzQgMS40NTE0MTE3Ny0xLjI4NDUgMi45MDI4MjM1Ny0zLjE5NSAyLjkwMjgyMzU3aC0yLjg2OTVjLS40MSAwLS43MjQ1LS4zNjk2MDc5LS42NjctLjc4MzA1ODlsLjYwNzUtNC4zNjE4ODIzM2MuMDQ3LS4zMzg1MDk4LjMzMTUtLjU5MDM1Mjk0LjY2Ny0uNTkwMzUyOTRoMy4wNjFjMS44NDA1IDAgMi41Njk1IDEuMzEwMTk2MDggMi4zOTYgMi44MzI0NzA2TTY5LjMzNzIuMzU0MjExNzZoLTkuMjQwNWMtLjMzNiAwLS42MjA1LjI1MjM1Mjk0LS42NjcuNTkxMzcyNTRsLTMuMjQ5IDIzLjY5MjExNzdjLS4wNTY1LjQxMjk0MTEuMjU4Ljc4MTUyOTQuNjY3Ljc4MTUyOTRoNC45MjM1Yy4zMzY1IDAgLjYyMTUtLjI1MzM3MjYuNjY3NS0uNTkyOTAybC45NTYtNy4wNzY1ODgyYy4wMjMtLjE2OTc2NDcuMTY1LS4yOTYxOTYxLjMzMzUtLjI5NjE5NjFoLjYzM2MuMTE0NSAwIC4yMjE1LjA1OTY0NzEuMjgzNS4xNTgwMzkybDQuNzAyIDcuNDkxMDU4OGMuMTI0LjE5NzI5NDIuMzM3NS4zMTY1ODgzLjU2NzUuMzE2NTg4M2g2LjA4MWMuNTQ1IDAgLjg2NDUtLjYyNTAxOTYuNTUyLTEuMDgwMjc0NWwtNC45MzQ1LTcuMTkxODA0Yy0uMTE4LS4xNzI4MjM1LS4wNTc1LS40MTI0MzEzLjEyOC0uNTA0NzA1OCAzLjE1MDUtMS41Njk2ODYzIDQuOTc5NS0zLjE3ODExNzcgNS41ODMtNy42NTAxMTc3LjY5MzUtNS44NzcwMTk2LTIuOTE3LTguNjM4MTE3NjMtNy45ODY1LTguNjM4MTE3NjMiLz48L3N2Zz4=);
background-size: 63px 16px;
padding-left: 73px;
}
.toast.toast-spotify {
background-color: #1DB954;
}
.toast.toast-spotify.icon {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUwOC41MiA1MDguNTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUwOC41MiA1MDguNTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4Ij4KPGc+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZD0iTTI1NC4yNiwwQzExMy44NDUsMCwwLDExMy44NDUsMCwyNTQuMjZzMTEzLjg0NSwyNTQuMjYsMjU0LjI2LDI1NC4yNiAgICAgczI1NC4yNi0xMTMuODQ1LDI1NC4yNi0yNTQuMjZTMzk0LjY3NSwwLDI1NC4yNiwweiBNMzcxLjY5Niw0MDMuMjg4Yy0zLjE3OCw1LjgxNi05LjEyMiw5LjA1OC0xNS4yODcsOS4wNTggICAgIGMtMi44NiwwLTUuNzIxLTAuNjY3LTguNDIyLTIuMTI5Yy00MC43MTMtMjIuNDM4LTg2Ljk1Ny0zNC4yOTMtMTMzLjY3Ny0zNC4yOTNjLTI4LDAtNTUuNjUxLDQuMTYzLTgyLjEyNiwxMi4zNjMgICAgIGMtOS4yMTcsMi44Ni0xOS4wMDYtMi4yODgtMjEuODM1LTExLjUzN2MtMi44Ni05LjE4NSwyLjI4OC0yOC43LDExLjUzNy0zMS41OTJjMjkuODQ0LTkuMjQ5LDYwLjk1OS0xMy45MjEsOTIuNDU1LTEzLjkyMSAgICAgYzUyLjU2OCwwLDEwNC42NiwxMy4zNDksMTUwLjUyMiwzOC42MTZDMzczLjMxNywzNzQuNDYxLDM3Ni40LDM5NC44NjYsMzcxLjY5Niw0MDMuMjg4eiBNNDA0LjAxOSwzMDcuNTI3ICAgICBjLTMuNjIzLDcuMDI0LTEwLjc0MiwxOC4zMzgtMTguMDg0LDE4LjMzOGMtMy4yMSwwLTYuMzg4LTAuNjk5LTkuMzc2LTIuMzJjLTUwLjQ3MS0yNi4xODktMTA1LjA0MS0zOS40NzQtMTYyLjIxOC0zOS40NzQgICAgIGMtMzEuNDk2LDAtNjIuNzcsNC4xMzItOTIuOTY0LDEyLjQ1OWMtMTAuOTAxLDIuOTU2LTIyLjA4OS0zLjQwMS0yNS4wNDUtMTQuMzAyYy0yLjkyNC0xMC45MDEsMy40NjQtMjkuNDMxLDE0LjMzNC0zMi4zODYgICAgIGMzMy42ODktOS4xODUsNjguNTg3LTEzLjg1NywxMDMuNjc0LTEzLjg1N2M2Mi44OTgsMCwxMjUuNDQ1LDE1LjI1NiwxODAuOTM4LDQ0LjExNCAgICAgQzQwNS4yOSwyODUuMjQ4LDQwOS4xOTksMjk3LjUxNiw0MDQuMDE5LDMwNy41Mjd6IE00MTcuNTI2LDIzMC44MzZjLTMuNDY0LDAtNy4wMjQtMC43OTUtMTAuMzYxLTIuNDQ3ICAgICBjLTYwLjIyOC0zMC4wMzQtMTI1LjA5Ni00NS4yMjYtMTkyLjc2MS00NS4yMjZjLTM1LjI3OSwwLTcwLjQzLDQuMjkxLTEwNC41MzMsMTIuNzEzYy0xMi41MjIsMy4wODMtMjUuMTQtNC41MTMtMjguMjIzLTE3LjAwNCAgICAgYy0zLjExNS0xMi40NTksNC41MTMtMjcuNTU1LDE3LjAwNC0zMC42MzhjMzcuNzI2LTkuMzc2LDc2LjY1OS0xNC4xMTEsMTE1LjcyLTE0LjExMWM3NC45NzUsMCwxNDYuODY3LDE2Ljg3NywyMTMuNTc4LDUwLjEyMSAgICAgYzExLjUzNyw1Ljc1MywxNi4yNDEsMTkuNzM3LDEwLjQ4OCwzMS4yNDJDNDM0LjMwOCwyMjMuNjUzLDQyNi4xMDgsMjMwLjgzNiw0MTcuNTI2LDIzMC44MzZ6IiBmaWxsPSIjRkZGRkZGIi8+CgkJPC9nPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
}
.toast.toast-streamermode {
background-color: #593695;
}
.toast.toast-streamermode.icon {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSItMjUgLTI1IDU0MiA1NDIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ5MiA0OTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPjxwYXRoIGQ9Ik00ODguMywxNDIuNXYyMDMuMWMwLDE1LjctMTcsMjUuNS0zMC42LDE3LjdsLTg0LjYtNDguOHYxMy45YzAsNDEuOC0zMy45LDc1LjctNzUuNyw3NS43SDc1LjdDMzMuOSw0MDQuMSwwLDM3MC4yLDAsMzI4LjQgICBWMTU5LjljMC00MS44LDMzLjktNzUuNyw3NS43LTc1LjdoMjIxLjhjNDEuOCwwLDc1LjcsMzMuOSw3NS43LDc1Ljd2MTMuOWw4NC42LTQ4LjhDNDcxLjMsMTE3LDQ4OC4zLDEyNi45LDQ4OC4zLDE0Mi41eiIgZmlsbD0iI0ZGRkZGRiIvPjwvc3ZnPg==);
}
.toast.toast-success {
background-color: #43B581;
}
.toast.toast-success.icon {
background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJzNC40OCAxMCAxMCAxMCAxMC00LjQ4IDEwLTEwUzE3LjUyIDIgMTIgMnptLTIgMTVsLTUtNSAxLjQxLTEuNDFMMTAgMTQuMTdsNy41OS03LjU5TDE5IDhsLTkgOXoiLz48L3N2Zz4=);
}
.toast.toast-warning,
.toast.toast-warn {
background-color: #FFA600;
}
.toast.toast-warning.icon,
.toast.toast-warn.icon {
background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMSAyMWgyMkwxMiAyIDEgMjF6bTEyLTNoLTJ2LTJoMnYyem0wLTRoLTJ2LTRoMnY0eiIvPjwvc3ZnPg==);
}`);
var KeyDownTimeouts = {};
BDFDB.ListenerUtils.add(BDFDB, document, "keydown.BDFDBPressedKeys", e => {
if (!BDFDB.InternalData.pressedKeys.includes(e.which)) {
BDFDB.TimeUtils.clear(KeyDownTimeouts[e.which]);
BDFDB.InternalData.pressedKeys.push(e.which);
KeyDownTimeouts[e.which] = BDFDB.TimeUtils.timeout(_ => {
BDFDB.ArrayUtils.remove(BDFDB.InternalData.pressedKeys, e.which, true);
}, 60000);
}
});
BDFDB.ListenerUtils.add(BDFDB, document, "keyup.BDFDBPressedKeys", e => {
BDFDB.TimeUtils.clear(KeyDownTimeouts[e.which]);
BDFDB.ArrayUtils.remove(BDFDB.InternalData.pressedKeys, e.which, true);
});
BDFDB.ListenerUtils.add(BDFDB, document, "mousedown.BDFDBMousePosition", e => {
BDFDB.InternalData.mousePosition = e;
});
BDFDB.ListenerUtils.add(BDFDB, window, "focus.BDFDBPressedKeysReset", e => {
BDFDB.InternalData.pressedKeys = [];
});
InternalBDFDB.patchedModules = {
before: {
MessageContent: "type"
},
after: {
DiscordTag: "default",
Mention: "default",
Message: "default",
MessageHeader: "default",
MemberListItem: ["componentDidMount", "componentDidUpdate"],
PrivateChannel: ["componentDidMount", "componentDidUpdate"],
UserPopout: ["componentDidMount", "componentDidUpdate"],
UserProfile: ["componentDidMount", "componentDidUpdate"],
V2C_ContentColumn: "render"
}
};
InternalBDFDB.processV2CContentColumn = function (e) {
if (window.PluginUpdates && window.PluginUpdates.plugins && typeof e.instance.props.title == "string" && e.instance.props.title.toUpperCase().indexOf("PLUGINS") == 0) {
let [children, index] = BDFDB.ReactUtils.findParent(e.returnvalue, {key: "folder-button"});
if (index > -1) children.splice(index + 1, 0, BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.TooltipContainer, {
text: "Only checks for updates of plugins, which support the updatecheck. Rightclick for a list of supported plugins. (Listed ≠ Outdated)",
tooltipConfig: {
type: "bottom",
maxWidth: 420
},
onContextMenu: (event, instance) => {
instance.updateTooltip(BDFDB.ObjectUtils.toArray(window.PluginUpdates.plugins).map(p => p.name).filter(n => n).sort().join(", "));
},
children: BDFDB.ReactUtils.createElement("button", {
className: `${BDFDB.disCNS._repobutton + BDFDB.disCN._repofolderbutton} bd-updatebtn`,
onClick: _ => {
let toast = BDFDB.NotificationUtils.toast("Plugin update check in progress.", {type: "info", timeout: 0});
BDFDB.PluginUtils.checkAllUpdates().then(outdated => {
toast.close();
if (outdated > 0) BDFDB.NotificationUtils.toast(`Plugin update check complete. ${outdated} outdated!`, {type: "error"});
else BDFDB.NotificationUtils.toast(`Plugin update check complete.`, {type: "success"});
});
},
children: "Check for Updates"
})
}));
}
};
let MessageHeaderExport = BDFDB.ModuleUtils.findByProperties("MessageTimestamp", false);
if (MessageHeaderExport) InternalBDFDB.processMessage = function (e) {
if (BDFDB.ReactUtils.getValue(e, "instance.props.childrenHeader.type.type.name") && BDFDB.ReactUtils.getValue(e, "instance.props.childrenHeader.props.message")) {
e.instance.props.childrenHeader.type = MessageHeaderExport.exports.default;
}
};
const BDFDB_Patrons = {
"363785301195358221": {active:true, t3:false, custom:false}, // TRENT
"106938698938978304": {active:true, t3:false, custom:false}, // GABRIEL
"174868361040232448": {active:false, t3:false, custom:false}, // GIBBU
"443943393660239872": {active:true, t3:true, custom:false}, // SARGE (PaSh)
"329018006371827713": {active:true, t3:true, custom:false}, // FUSL
"562008872467038230": {active:false, t3:true, custom:true} // BEAUDEN
};
InternalBDFDB._processAvatarRender = function (user, avatar) {
if (BDFDB.ReactUtils.isValidElement(avatar) && BDFDB.ObjectUtils.is(user)) {
avatar.props["user_by_BDFDB"] = user.id;
let role = "", className = BDFDB.DOMUtils.formatClassName((avatar.props.className || "").replace(BDFDB.disCN.avatar, "")), addBadge = settings.showSupportBadges, customBadge = false;
if (BDFDB_Patrons[user.id] && BDFDB_Patrons[user.id].active) {
role = BDFDB_Patrons[user.id].t3 ? "BDFDB Patron Level 2" : "BDFDB Patron";
customBadge = addBadge && BDFDB_Patrons[user.id].t3 && BDFDB_Patrons[user.id].custom;
className = BDFDB.DOMUtils.formatClassName(className, addBadge && BDFDB.disCN.bdfdbhasbadge, BDFDB.disCN.bdfdbbadgeavatar, BDFDB.disCN.bdfdbsupporter, customBadge && BDFDB.disCN.bdfdbsupportercustom);
}
if (user.id == myId) {
addBadge = true;
role = "Theme Developer";
className = BDFDB.DOMUtils.formatClassName(className, BDFDB.disCN.bdfdbhasbadge, BDFDB.disCN.bdfdbbadgeavatar, BDFDB.disCN.bdfdbdev);
}
if (role) {
delete avatar.props["user_by_BDFDB"];
if (avatar.type == "img") avatar = BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.AvatarComponents.default, Object.assign({}, avatar.props, {
size: BDFDB.LibraryComponents.AvatarComponents.Sizes.SIZE_40
}));
delete avatar.props.className;
avatar = BDFDB.ReactUtils.createElement("div", {
className: className,
style: {borderRadius: 0, overflow: "visible"},
"custombadge_id": customBadge ? user.id : null,
"user_by_BDFDB": user.id,
children: [avatar]
});
if (addBadge) avatar.props.children.push(BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.TooltipContainer, {
text: role,
children: BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN.bdfdbbadge
})
}));
return avatar;
}
}
};
InternalBDFDB._processAvatarMount = function (user, avatar, wrapper) {
if (Node.prototype.isPrototypeOf(avatar) && BDFDB.ObjectUtils.is(user)) {
if (wrapper) wrapper.setAttribute("user_by_BDFDB", user.id);
avatar.setAttribute("user_by_BDFDB", user.id);
let role = "", addBadge = settings.showSupportBadges, customBadge = false;
if (BDFDB_Patrons[user.id] && BDFDB_Patrons[user.id].active) {
role = BDFDB_Patrons[user.id].t3 ? "BDFDB Patron Level 2" : "BDFDB Patron";
customBadge = addBadge && BDFDB_Patrons[user.id].t3 && BDFDB_Patrons[user.id].custom;
avatar.className = BDFDB.DOMUtils.formatClassName(avatar.className, addBadge && BDFDB.disCN.bdfdbhasbadge, BDFDB.disCN.bdfdbbadgeavatar, BDFDB.disCN.bdfdbsupporter, customBadge && BDFDB.disCN.bdfdbsupportercustom);
}
else if (user.id == myId) {
addBadge = true;
role = "Theme Developer";
avatar.className = BDFDB.DOMUtils.formatClassName(avatar.className, BDFDB.disCN.bdfdbhasbadge, BDFDB.disCN.bdfdbbadgeavatar, BDFDB.disCN.bdfdbdev);
}
if (role && !avatar.querySelector(BDFDB.dotCN.bdfdbbadge)) {
if (addBadge) {
if (customBadge) avatar.setAttribute("custombadge_id", user.id);
let badge = document.createElement("div");
badge.className = BDFDB.disCN.bdfdbbadge;
badge.addEventListener("mouseenter", _ => {BDFDB.TooltipUtils.create(badge, role, {position: "top"});});
avatar.style.setProperty("position", "relative");
avatar.style.setProperty("overflow", "visible");
avatar.style.setProperty("border-radius", 0);
avatar.appendChild(badge);
}
}
}
};
InternalBDFDB.processMessageHeader = function (e) {
if (e.instance.props.message && e.instance.props.message.author) {
let avatarWrapper = BDFDB.ReactUtils.getValue(e, "returnvalue.props.children.0");
if (avatarWrapper && avatarWrapper.props && typeof avatarWrapper.props.children == "function") {
let renderChildren = avatarWrapper.props.children;
avatarWrapper.props.children = (...args) => {
let renderedChildren = renderChildren(...args);
return InternalBDFDB._processAvatarRender(e.instance.props.message.author, renderedChildren) || renderedChildren;
};
}
else if (avatarWrapper && avatarWrapper.type == "img") e.returnvalue.props.children[0] = InternalBDFDB._processAvatarRender(e.instance.props.message.author, avatarWrapper) || avatarWrapper;
}
};
InternalBDFDB.processMemberListItem = function (e) {
InternalBDFDB._processAvatarMount(e.instance.props.user, e.node.querySelector(BDFDB.dotCN.avatarwrapper));
};
InternalBDFDB.processPrivateChannel = function (e) {
InternalBDFDB._processAvatarMount(e.instance.props.user, e.node.querySelector(BDFDB.dotCN.avatarwrapper));
};
InternalBDFDB.processUserPopout = function (e) {
InternalBDFDB._processAvatarMount(e.instance.props.user, e.node.querySelector(BDFDB.dotCN.userpopoutavatarwrapper), e.node);
};
InternalBDFDB.processUserProfile = function (e) {
InternalBDFDB._processAvatarMount(e.instance.props.user, e.node.querySelector(BDFDB.dotCN.avatarwrapper), e.node);
};
InternalBDFDB.processDiscordTag = function (e) {
if (e.instance && e.instance.props && e.returnvalue && e.instance.props.user) e.returnvalue.props.user = e.instance.props.user;
};
InternalBDFDB.processMessageContent = function (e) {
if (BDFDB.ArrayUtils.is(e.instance.props.content)) for (let ele of e.instance.props.content) InternalBDFDB._processMessageContentEle(ele, e.instance.props.message);
};
InternalBDFDB._processMessageContentEle = function (ele, message) {
if (BDFDB.ReactUtils.isValidElement(ele)) {
if (typeof ele.props.render == "function" && BDFDB.ReactUtils.getValue(ele, "props.children.type.displayName") == "Mention") {
let userId = BDFDB.ReactUtils.getValue(ele.props.render(), "props.userId");
if (userId && !ele.props.children.props.userId) ele.props.children.props.userId = userId;
if (message && message.mentioned) ele.props.children.props.mentioned = true;
}
else if (BDFDB.ReactUtils.isValidElement(ele.props.children)) InternalBDFDB._processMessageContentEle(ele.props.children, message);
else if (BDFDB.ArrayUtils.is(ele.props.children)) for (let child of ele.props.children) InternalBDFDB._processMessageContentEle(child, message);
}
else if (BDFDB.ArrayUtils.is(ele)) for (let child of ele) InternalBDFDB._processMessageContentEle(child, message);
};
InternalBDFDB.processMention = function (e) {
delete e.returnvalue.props.userId;
};
const ContextMenuTypes = ["UserSettingsCog", "User", "Developer", "Slate", "GuildFolder", "GroupDM", "SystemMessage", "Message", "Native", "Role", "Guild", "Channel"];
const QueuedComponents = BDFDB.ArrayUtils.removeCopies([].concat(ContextMenuTypes.map(n => n + "ContextMenu"), ["GuildHeaderContextMenu", "MessageOptionContextMenu", "MessageOptionToolbar"]));
InternalBDFDB.addContextListeners = function (plugin) {
plugin = plugin == BDFDB && InternalBDFDB || plugin;
for (let type of QueuedComponents) if (typeof plugin[`on${type}`] === "function") {
BDFDB.InternalData.componentPatchQueries[type].query.push(plugin);
BDFDB.InternalData.componentPatchQueries[type].query = BDFDB.ArrayUtils.removeCopies(BDFDB.InternalData.componentPatchQueries[type].query);
BDFDB.InternalData.componentPatchQueries[type].query.sort((x, y) => {return x.name < y.name ? -1 : x.name > y.name ? 1 : 0;});
for (let module of BDFDB.InternalData.componentPatchQueries[type].modules) InternalBDFDB.patchContextMenuForPlugin(plugin, type, module);
}
};
InternalBDFDB.patchContextMenuForPlugin = function (plugin, type, module) {
plugin = plugin == BDFDB && InternalBDFDB || plugin;
if (module && module.exports && module.exports.default) BDFDB.ModuleUtils.patch(plugin, module.exports, "default", {after: e => {
if (e.returnValue && typeof plugin[`on${type}`] === "function") plugin[`on${type}`]({instance:{props:e.methodArguments[0]}, returnvalue:e.returnValue, methodname:"default", type:module.exports.default.displayName});
}});
};
InternalBDFDB.executeExtraPatchedPatches = function (type, e) {
if (e.returnvalue && BDFDB.ObjectUtils.is(BDFDB.InternalData.componentPatchQueries[type]) && BDFDB.ArrayUtils.is(BDFDB.InternalData.componentPatchQueries[type].query)) {
for (let plugin of BDFDB.InternalData.componentPatchQueries[type].query) if(typeof plugin[`on${type}`] === "function") plugin[`on${type}`](e);
}
};
InternalBDFDB.patchPlugin(BDFDB);
for (let type of QueuedComponents) if (!BDFDB.InternalData.componentPatchQueries[type]) BDFDB.InternalData.componentPatchQueries[type] = {query:[], modules:[]};
BDFDB.ModuleUtils.patch(BDFDB, LibraryModules.ContextMenuUtils, "openContextMenu", {before: e => {
let menu = e.methodArguments[1]();
if (BDFDB.ObjectUtils.is(menu) && menu.type && menu.type.displayName) {
for (let type of ContextMenuTypes) if (menu.type.displayName.indexOf(type) > -1) {
let patchType = type + "ContextMenu";
let module = BDFDB.ModuleUtils.find(m => m == menu.type, false);
if (module && module.exports && module.exports.default && BDFDB.InternalData.componentPatchQueries[patchType]) {
BDFDB.InternalData.componentPatchQueries[patchType].modules.push(module);
BDFDB.InternalData.componentPatchQueries[patchType].modules = BDFDB.ArrayUtils.removeCopies(BDFDB.InternalData.componentPatchQueries[patchType].modules);
for (let plugin of BDFDB.InternalData.componentPatchQueries[patchType].query) InternalBDFDB.patchContextMenuForPlugin(plugin, patchType, module);
}
break;
}
}
}});
BDFDB.ModuleUtils.patch(BDFDB, BDFDB.ReactUtils.getValue(BDFDB.ModuleUtils.findByString("renderReactions", "canAddNewReactions", "showMoreUtilities", false), "exports.default"), "type", {after: e => {
if (document.querySelector(BDFDB.dotCN.emojipicker) || !BDFDB.ObjectUtils.toArray(BDFDB.myPlugins).some(p => p.onMessageOptionContextMenu || p.onMessageOptionToolbar)) return;
let toolbar = BDFDB.ReactUtils.findChild(e.returnValue, {filter: c => c && c.props && c.props.showMoreUtilities != undefined && c.props.showEmojiPicker != undefined && c.props.setPopout != undefined});
if (toolbar) BDFDB.ModuleUtils.patch(BDFDB, toolbar, "type", {after: e2 => {
let menu = BDFDB.ReactUtils.findChild(e2.returnValue, {filter: c => c && c.props && typeof c.props.onRequestClose == "function" && c.props.onRequestClose.toString().indexOf("moreUtilities") > -1});
InternalBDFDB.executeExtraPatchedPatches("MessageOptionToolbar", {instance:{props:e2.methodArguments[0]}, returnvalue:e2.returnValue, methodname:"default"});
if (menu && typeof menu.props.renderPopout == "function") {
let renderPopout = menu.props.renderPopout;
menu.props.renderPopout = (...args) => {
let renderedPopout = renderPopout(...args);
BDFDB.ModuleUtils.patch(BDFDB, renderedPopout, "type", {after: e3 => {
InternalBDFDB.executeExtraPatchedPatches("MessageOptionContextMenu", {instance:{props:e3.methodArguments[0]}, returnvalue:e3.returnValue, methodname:"default"});
}}, {noCache: true});
return renderedPopout;
}
}
}}, {once: true});
}});
BDFDB.ModuleUtils.patch(BDFDB, BDFDB.ReactUtils.getValue(BDFDB.ModuleUtils.findByString("guild-header-popout", false), "exports.default.prototype"), "render", {after: e => {
BDFDB.ModuleUtils.patch(BDFDB, e.returnValue.type, "type", {after: e2 => {
InternalBDFDB.executeExtraPatchedPatches("GuildHeaderContextMenu", {instance:{props:e2.methodArguments[0]}, returnvalue:e2.returnValue, methodname:"type"});
}}, {noCache: true});
}});
InternalBDFDB.onSettingsClosed = function () {
if (InternalBDFDB.SettingsUpdated) {
delete InternalBDFDB.SettingsUpdated;
InternalBDFDB.forceUpdateAll();
}
};
InternalBDFDB.forceUpdateAll = function () {
if (LibraryRequires.path) settings = BDFDB.DataUtils.get(this, "settings");
BDFDB.MessageUtils.rerenderAll();
BDFDB.ModuleUtils.forceAllUpdates(BDFDB);
};
InternalBDFDB.addSpecialListeners(BDFDB);
let BasePopout = BDFDB.ModuleUtils.findByName("BasePopout"), ReferencePositionLayer = BDFDB.ModuleUtils.findByName("ReferencePositionLayer");
if (BasePopout && ReferencePositionLayer) BDFDB.ModuleUtils.patch(BDFDB, BasePopout.prototype, "renderLayer", {after: e => {
if (e.returnValue && e.thisObject.isBDFDBpopout) {
e.returnValue = BDFDB.ReactUtils.createPortal(BDFDB.ReactUtils.createElement(ReferencePositionLayer, e.returnValue.props), document.querySelector(BDFDB.dotCN.appmount + " > " + BDFDB.dotCN.itemlayercontainer));
}
}});
if (InternalComponents.LibraryComponents.GuildComponents.BlobMask) {
let newBadges = ["lowerLeftBadge", "upperLeftBadge"];
BDFDB.ModuleUtils.patch(BDFDB, InternalComponents.LibraryComponents.GuildComponents.BlobMask.prototype, "render", {
before: e => {
e.thisObject.props = Object.assign({}, InternalComponents.LibraryComponents.GuildComponents.BlobMask.defaultProps, e.thisObject.props);
for (let type of newBadges) if (!e.thisObject.state[`${type}Mask`]) e.thisObject.state[`${type}Mask`] = new InternalComponents.LibraryComponents.Animations.Controller({spring: 0});
},
after: e => {
let [children, index] = BDFDB.ReactUtils.findParent(e.returnValue, {name: "TransitionGroup"});
if (index > -1) {
children[index].props.children.push(!e.thisObject.props.lowerLeftBadge ? null : BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.BadgeAnimationContainer, {
className: BDFDB.disCN.guildlowerleftbadge,
key: "lower-left-badge",
animatedStyle: e.thisObject.getLowerLeftBadgeStyles(),
children: e.thisObject.props.lowerLeftBadge
}));
children[index].props.children.push(!e.thisObject.props.upperLeftBadge ? null : BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.BadgeAnimationContainer, {
className: BDFDB.disCN.guildupperleftbadge,
key: "upper-left-badge",
animatedStyle: e.thisObject.getUpperLeftBadgeStyles(),
children: e.thisObject.props.upperLeftBadge
}));
}
[children, index] = BDFDB.ReactUtils.findParent(e.returnValue, {name: "mask"});
if (index > -1) {
children[index].props.children.push(BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Animations.animated.rect, {
x: -4,
y: -4,
width: e.thisObject.props.upperLeftBadgeWidth + 8,
height: 24,
rx: 12,
ry: 12,
transform: e.thisObject.getLeftBadgePositionInterpolation(e.thisObject.state.upperLeftBadgeMask, -1),
fill: "black"
}));
children[index].props.children.push(BDFDB.ReactUtils.createElement(InternalComponents.LibraryComponents.Animations.animated.rect, {
x: -4,
y: 28,
width: e.thisObject.props.lowerLeftBadgeWidth + 8,
height: 24,
rx: 12,
ry: 12,
transform: e.thisObject.getLeftBadgePositionInterpolation(e.thisObject.state.lowerLeftBadgeMask),
fill: "black"
}));
}
}
});
BDFDB.ModuleUtils.patch(BDFDB, InternalComponents.LibraryComponents.GuildComponents.BlobMask.prototype, "componentDidMount", {
after: e => {
for (let type of newBadges) e.thisObject.state[`${type}Mask`].update({
spring: e.thisObject.props[type] != null ? 1 : 0,
immediate: true
}).start();
}
});
BDFDB.ModuleUtils.patch(BDFDB, InternalComponents.LibraryComponents.GuildComponents.BlobMask.prototype, "componentWillUnmount", {
after: e => {
for (let type of newBadges) if (e.thisObject.state[`${type}Mask`]) e.thisObject.state[`${type}Mask`].dispose();
}
});
BDFDB.ModuleUtils.patch(BDFDB, InternalComponents.LibraryComponents.GuildComponents.BlobMask.prototype, "componentDidUpdate", {
after: e => {
for (let type of newBadges) if (e.thisObject.props[type] != null && e.methodArguments[0][type] == null) {
e.thisObject.state[`${type}Mask`].update({
spring: 1,
immediate: !document.hasFocus(),
config: {friction: 30, tension: 900, mass: 1}
}).start();
}
else if (e.thisObject.props[type] == null && e.methodArguments[0][type] != null) {
e.thisObject.state[`${type}Mask`].update({
spring: 0,
immediate: !document.hasFocus(),
config: {duration: 150, friction: 10, tension: 100, mass: 1}
}).start();
}
}
});
InternalComponents.LibraryComponents.GuildComponents.BlobMask.prototype.getLeftBadgePositionInterpolation = function (e, t) {
return void 0 === t && (t = 1), e.springs.spring.to([0, 1], [20, 0]).to(function (e) {
return "translate(" + e * -1 + " " + e * t + ")";
});
};
InternalComponents.LibraryComponents.GuildComponents.BlobMask.prototype.getLowerLeftBadgeStyles = function () {
var e = this.state.lowerLeftBadgeMask.springs.spring;
return {
opacity: e.to([0, .5, 1], [0, 0, 1]),
transform: e.to(function (e) {
return "translate(" + -1 * (16 - 16 * e) + "px, " + (16 - 16 * e) + "px)";
})
};
};
InternalComponents.LibraryComponents.GuildComponents.BlobMask.prototype.getUpperLeftBadgeStyles = function () {
var e = this.state.upperLeftBadgeMask.springs.spring;
return {
opacity: e.to([0, .5, 1], [0, 0, 1]),
transform: e.to(function (e) {
return "translate(" + -1 * (16 - 16 * e) + "px, " + -1 * (16 - 16 * e) + "px)";
})
};
};
let extraDefaultProps = {};
for (let type of newBadges) extraDefaultProps[`${type}Width`] = 16;
InternalBDFDB.setDefaultProps(InternalComponents.LibraryComponents.GuildComponents.BlobMask, extraDefaultProps);
}
BDFDB.ModuleUtils.patch(BDFDB, LibraryModules.GuildStore, "getGuild", {after: e => {
if (e.returnValue && e.methodArguments[0] == myGuildId) e.returnValue.banner = "https://mwittrien.github.io/BetterDiscordAddons/Library/_res/BDFDB.banner.png";
}});
BDFDB.ModuleUtils.patch(BDFDB, LibraryModules.IconUtils, "getGuildBannerURL", {instead: e => {
return e.methodArguments[0].id == myGuildId ? e.methodArguments[0].banner : e.callOriginalMethod();
}});
InternalBDFDB.forceUpdateAll();
BDFDB.ReactUtils.findChildren = BDFDB.ReactUtils.findParent;
if (BDFDB.UserUtils.me.id == myId) {
for (let module in DiscordClassModules) if (!DiscordClassModules[module]) BDFDB.LogUtils.warn(module + " not initialized in DiscordClassModules");
for (let obj in DiscordObjects) if (!DiscordObjects[obj]) BDFDB.LogUtils.warn(obj + " not initialized in DiscordObjects");
for (let require in LibraryRequires) if (!LibraryRequires[require]) BDFDB.LogUtils.warn(require + " not initialized in LibraryRequires");
for (let module in LibraryModules) if (!LibraryModules[module]) BDFDB.LogUtils.warn(module + " not initialized in LibraryModules");
for (let component in InternalComponents.NativeSubComponents) if (!InternalComponents.NativeSubComponents[component]) BDFDB.LogUtils.warn(component + " not initialized in NativeSubComponents");
for (let component in InternalComponents.LibraryComponents) if (!InternalComponents.LibraryComponents[component]) BDFDB.LogUtils.warn(component + " not initialized in LibraryComponents");
BDFDB.ModuleUtils.DevFuncs = {};
BDFDB.ModuleUtils.DevFuncs.generateClassId = function () {
let id = "";
while (id.length < 6) id += BDFDB.ModuleUtils.DevFuncs.generateClassId.chars[Math.floor(Math.random() * BDFDB.ModuleUtils.DevFuncs.generateClassId.chars.length)];
return id;
};
BDFDB.ModuleUtils.DevFuncs.generateClassId.chars = "0123456789ABCDEFGHIJKMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz-_".split("");
BDFDB.ModuleUtils.DevFuncs.findByIndex = function (index) {
return BDFDB.ModuleUtils.DevFuncs.req.c[index];
};
BDFDB.ModuleUtils.DevFuncs.findPropAny = function (...strings) {
window.t = {"$filter":(prop => [...strings].flat(10).filter(n => typeof n == "string").every(string => prop.toLowerCase().indexOf(string.toLowerCase()) > -1))};
for (let i in BDFDB.ModuleUtils.DevFuncs.req.c) if (BDFDB.ModuleUtils.DevFuncs.req.c.hasOwnProperty(i)) {
let m = BDFDB.ModuleUtils.DevFuncs.req.c[i].exports;
if (m && typeof m == "object") for (let j in m) if (window.t.$filter(j)) window.t[j + "_" + i] = m;
if (m && typeof m == "object" && typeof m.default == "object") for (let j in m.default) if (window.t.$filter(j)) window.t[j + "_default_" + i] = m.default;
}
console.clear();
console.log(window.t);
};
BDFDB.ModuleUtils.DevFuncs.findPropFunc = function (...strings) {
window.t = {"$filter":(prop => [...strings].flat(10).filter(n => typeof n == "string").every(string => prop.toLowerCase().indexOf(string.toLowerCase()) > -1))};
for (let i in BDFDB.ModuleUtils.DevFuncs.req.c) if (BDFDB.ModuleUtils.DevFuncs.req.c.hasOwnProperty(i)) {
let m = BDFDB.ModuleUtils.DevFuncs.req.c[i].exports;
if (m && typeof m == "object") for (let j in m) if (window.t.$filter(j) && typeof m[j] != "string") window.t[j + "_" + i] = m;
if (m && typeof m == "object" && typeof m.default == "object") for (let j in m.default) if (window.t.$filter(j) && typeof m.default[j] != "string") window.t[j + "_default_" + i] = m.default;
}
console.clear();
console.log(window.t);
};
BDFDB.ModuleUtils.DevFuncs.findPropStringLib = function (...strings) {
window.t = {"$filter":(prop => [...strings].flat(10).filter(n => typeof n == "string").every(string => prop.toLowerCase().indexOf(string.toLowerCase()) > -1))};
for (let i in BDFDB.ModuleUtils.DevFuncs.req.c) if (BDFDB.ModuleUtils.DevFuncs.req.c.hasOwnProperty(i)) {
let m = BDFDB.ModuleUtils.DevFuncs.req.c[i].exports;
if (m && typeof m == "object") for (let j in m) if (window.t.$filter(j) && typeof m[j] == "string" && /^[A-z0-9]+\-[A-z0-9_-]{6}$/.test(m[j])) window.t[j + "_" + i] = m;
if (m && typeof m == "object" && typeof m.default == "object") for (let j in m.default) if (window.t.$filter(j) && typeof m.default[j] == "string" && /^[A-z0-9]+\-[A-z0-9_-]{6}$/.test(m.default[j])) window.t[j + "_default_" + i] = m.default;
}
console.clear();
console.log(window.t);
};
BDFDB.ModuleUtils.DevFuncs.findNameAny = function (...strings) {
window.t = {"$filter":(modu => [...strings].flat(10).filter(n => typeof n == "string").some(string => typeof modu.displayName == "string" && modu.displayName.toLowerCase().indexOf(string.toLowerCase()) > -1 || modu.name == "string" && modu.name.toLowerCase().indexOf(string.toLowerCase()) > -1))};
for (let i in BDFDB.ModuleUtils.DevFuncs.req.c) if (BDFDB.ModuleUtils.DevFuncs.req.c.hasOwnProperty(i)) {
let m = BDFDB.ModuleUtils.DevFuncs.req.c[i].exports;
if (m && (typeof m == "object" || typeof m == "function") && window.t.$filter(m)) window.t[(m.displayName || m.name) + "_" + i] = m;
if (m && (typeof m == "object" || typeof m == "function") && m.default && (typeof m.default == "object" || typeof m.default == "function") && window.t.$filter(m.default)) window.t[(m.default.displayName || m.default.name) + "_" + i] = m.default;
}
console.clear();
console.log(window.t);
};
BDFDB.ModuleUtils.DevFuncs.findCodeAny = function (...strings) {
window.t = {"$filter":(m => [...strings].flat(10).filter(n => typeof n == "string").map(string => string.toLowerCase()).every(string => typeof m == "function" && (m.toString().toLowerCase().indexOf(string) > -1 || typeof m.__originalMethod == "function" && m.__originalMethod.toString().toLowerCase().indexOf(string) > -1 || typeof m.__originalFunction == "function" && m.__originalFunction.toString().toLowerCase().indexOf(string) > -1) || BDFDB.ObjectUtils.is(m) && typeof m.type == "function" && m.type.toString().toLowerCase().indexOf(string) > -1))};
for (let i in BDFDB.ModuleUtils.DevFuncs.req.c) if (BDFDB.ModuleUtils.DevFuncs.req.c.hasOwnProperty(i)) {
let m = BDFDB.ModuleUtils.DevFuncs.req.c[i].exports;
if (m && typeof m == "function" && window.t.$filter(m)) window.t["module_" + i] = {string:m.toString(), func:m};
if (m && m.__esModule) {
for (let j in m) if (m[j] && typeof m[j] == "function" && window.t.$filter(m[j])) window.t[j + "_module_" + i] = {string:m[j].toString(), func:m[j], module:m};
if (m.default && (typeof m.default == "object" || typeof m.default == "function")) for (let j in m.default) if (m.default[j] && typeof m.default[j] == "function" && window.t.$filter(m.default[j])) window.t[j + "_module_" + i + "_default"] = {string:m.default[j].toString(), func:m.default[j], module:m};
}
}
for (let i in BDFDB.ModuleUtils.DevFuncs.req.m) if (typeof BDFDB.ModuleUtils.DevFuncs.req.m[i] == "function" && window.t.$filter(BDFDB.ModuleUtils.DevFuncs.req.m[i])) window.t["funtion_" + i] = {string:BDFDB.ModuleUtils.DevFuncs.req.m[i].toString(), func:BDFDB.ModuleUtils.DevFuncs.req.m[i]};
console.clear();
console.log(window.t);
};
BDFDB.ModuleUtils.DevFuncs.getAllModules = function () {
window.t = {};
for (let i in BDFDB.ModuleUtils.DevFuncs.req.c) if (BDFDB.ModuleUtils.DevFuncs.req.c.hasOwnProperty(i)) {
let m = BDFDB.ModuleUtils.DevFuncs.req.c[i].exports;
if (m && typeof m == "object") window.t[i] = m;
}
console.clear();
console.log(window.t);
};
BDFDB.ModuleUtils.DevFuncs.getAllStringLibs = function () {
window.t = [];
for (let i in BDFDB.ModuleUtils.DevFuncs.req.c) if (BDFDB.ModuleUtils.DevFuncs.req.c.hasOwnProperty(i)) {
let m = BDFDB.ModuleUtils.DevFuncs.req.c[i].exports;
if (m && typeof m == "object" && !BDFDB.ArrayUtils.is(m) && Object.keys(m).length) {
var string = true, stringlib = false;
for (let j in m) {
if (typeof m[j] != "string") string = false;
if (typeof m[j] == "string" && /^[A-z0-9]+\-[A-z0-9_-]{6}$/.test(m[j])) stringlib = true;
}
if (string && stringlib) window.t.push(m);
}
if (m && typeof m == "object" && m.default && typeof m.default == "object" && !BDFDB.ArrayUtils.is(m.default) && Object.keys(m.default).length) {
var string = true, stringlib = false;
for (let j in m.default) {
if (typeof m.default[j] != "string") string = false;
if (typeof m.default[j] == "string" && /^[A-z0-9]+\-[A-z0-9_-]{6}$/.test(m.default[j])) stringlib = true;
}
if (string && stringlib) window.t.push(m.default);
}
}
console.clear();
console.log(window.t);
};
BDFDB.ModuleUtils.DevFuncs.listen = function (strings) {
strings = BDFDB.ArrayUtils.is(strings) ? strings : Array.from(arguments);
BDFDB.ModuleUtils.DevFuncs.listenstop();
BDFDB.ModuleUtils.DevFuncs.listen.p = BDFDB.ModuleUtils.patch("WebpackSearch", BDFDB.ModuleUtils.findByProperties(strings), strings[0], {after: e => {
console.log(e);
}});
};
BDFDB.ModuleUtils.DevFuncs.listenstop = function () {
if (typeof BDFDB.ModuleUtils.DevFuncs.listen.p == "function") BDFDB.ModuleUtils.DevFuncs.listen.p();
};
BDFDB.ModuleUtils.DevFuncs.req = InternalBDFDB.getWebModuleReq();
}
for (let obj in DiscordObjects) if (!DiscordObjects[obj]) {
DiscordObjects[obj] = function () {};
BDFDB.DiscordObjects[obj] = function () {};
}
for (let component in InternalComponents.NativeSubComponents) if (!InternalComponents.NativeSubComponents[component]) InternalComponents.NativeSubComponents[component] = "div";
for (let component in InternalComponents.LibraryComponents) if (!InternalComponents.LibraryComponents[component]) {
InternalComponents.LibraryComponents[component] = "div";
BDFDB.LibraryComponents[component] = "div";
}
BDFDB.loaded = true;
window.BDFDB = BDFDB;
InternalBDFDB.reloadLib = _ => {
let libraryScript = document.querySelector("head script#BDFDBLibraryScript");
if (libraryScript) libraryScript.remove();
libraryScript = document.createElement("script");
libraryScript.setAttribute("id", "BDFDBLibraryScript");
libraryScript.setAttribute("type", "text/javascript");
libraryScript.setAttribute("src", "https://mwittrien.github.io/BetterDiscordAddons/Plugins/BDFDB.min.js");
libraryScript.setAttribute("date", performance.now());
document.head.appendChild(libraryScript);
};
let libKeys = Object.keys(BDFDB).length - 10;
BDFDB.TimeUtils.interval(interval => {
if (!window.BDFDB || typeof BDFDB != "object" || Object.keys(BDFDB).length < libKeys || !BDFDB.InternalData.loadId) {
BDFDB.LogUtils.warn("Reloading library due to internal error.");
BDFDB.TimeUtils.clear(interval);
InternalBDFDB.reloadLib();
}
else if (BDFDB.InternalData.loadId != loadId) {
BDFDB.TimeUtils.clear(interval);
}
else if (!BDFDB.InternalData.creationTime || performance.now() - BDFDB.InternalData.creationTime > 18000000) {
BDFDB.TimeUtils.clear(interval);
InternalBDFDB.reloadLib();
}
}, 10000);
})();
Reference in New Issue View Git Blame Copy Permalink