`;
- for (let config of this.configstypes) {
- containerhtml += ``;
+ for (let word in this.aliases) {
+ containerhtml += ``;
}
- $(settingspanel).find(".alias-list").html(containerhtml);
+ settingspanel.querySelector(".alias-list").innerHTML = containerhtml;
BDFDB.initElements(settingspanel, this);
}
}
@@ -172,9 +143,8 @@ module.exports = (Plugin, Api, Vendor) => {
clearTimeout(ele.updateTimeout);
ele.updateTimeout = setTimeout(() => {
var card = ele.parentElement.parentElement;
- var words = BDFDB.loadAllData(this, "words");
var oldwordvalue = ele.getAttribute("word");
- if (oldwordvalue && words[oldwordvalue]) {
+ if (oldwordvalue && this.aliases[oldwordvalue]) {
var wordinput = card.querySelector(".word-name");
var replaceinput = card.querySelector(".replace-name");
var removebutton = card.querySelector(".remove-word");
@@ -185,46 +155,43 @@ module.exports = (Plugin, Api, Vendor) => {
replaceinput.setAttribute("word", newwordvalue);
replaceinput.setAttribute("value", newreplacevalue);
removebutton.setAttribute("word", newwordvalue);
- words[newwordvalue] = words[oldwordvalue];
- words[newwordvalue].replace = newreplacevalue;
- if (newwordvalue != oldwordvalue) delete words[oldwordvalue];
- BDFDB.saveAllData(words, this, "words");
+ this.aliases[newwordvalue] = this.aliases[oldwordvalue];
+ this.aliases[newwordvalue].replace = newreplacevalue;
+ if (newwordvalue != oldwordvalue) delete this.aliases[oldwordvalue];
+ BDFDB.saveAllData(this.aliases, this, "words");
}
},500);
}
updateConfig (ele) {
- var words = BDFDB.loadAllData(this, "words");
var wordvalue = ele.getAttribute("word");
var config = ele.getAttribute("config");
- if (wordvalue && words[wordvalue] && config) {
- words[wordvalue][config] = ele.checked;
- BDFDB.saveAllData(words, this, "words");
+ if (wordvalue && this.aliases[wordvalue] && config) {
+ this.aliases[wordvalue][config] = ele.checked;
+ BDFDB.saveAllData(this.aliases, this, "words");
}
}
- toggleInfo (settingspanel, ele) {
- ele.classList.toggle(BDFDB.disCN.categorywrappercollapsed);
- ele.classList.toggle(BDFDB.disCN.categorywrapperdefault);
+ toggleInfo (ele) {
+ BDFDB.toggleClass(ele, BDFDB.disCN.categorywrappercollapsed);
+ BDFDB.toggleClass(ele, BDFDB.disCN.categorywrapperdefault);
var svg = ele.querySelector(BDFDB.dotCN.categoryicontransition);
- svg.classList.toggle(BDFDB.disCN.closed);
- svg.classList.toggle(BDFDB.disCN.categoryiconcollapsed);
- svg.classList.toggle(BDFDB.disCN.categoryicondefault);
+ BDFDB.toggleClass(svg, BDFDB.disCN.directionright);
+ BDFDB.toggleClass(svg, BDFDB.disCN.categoryiconcollapsed);
+ BDFDB.toggleClass(svg, BDFDB.disCN.categoryicondefault);
- var visible = $(settingspanel).find(".info-container").is(":visible");
- $(settingspanel).find(".info-container").toggle(!visible);
- BDFDB.saveData("hideInfo", visible, this, "hideInfo");
+ BDFDB.toggleEles(ele.nextElementSibling);
+ BDFDB.saveData("hideInfo", BDFDB.isEleHidden(ele.nextElementSibling), this, "hideInfo");
}
- bindEventToTextArea (textarea) {
- if (!textarea) return;
- var channelObj = BDFDB.getSelectedChannel();
- var channel = channelObj ? channelObj.data : null;
- if (!channel) return;
- var settings = BDFDB.getAllData(this, "settings");
- $(textarea)
- .off("input." + this.name)
- .on("input." + this.name, () => {
+ processChannelTextArea (instance, wrapper) {
+ if (instance.props && instance.props.type) {
+ var textarea = wrapper.querySelector("textarea");
+ if (!textarea) return;
+ var channel = BDFDB.getSelectedChannel();
+ if (!channel) return;
+ var settings = BDFDB.getAllData(this, "settings");
+ BDFDB.addEventListener(this, textarea, "input", () => {
if (this.format) {
this.format = false;
textarea.focus();
@@ -240,61 +207,48 @@ module.exports = (Plugin, Api, Vendor) => {
}
}
}
- })
- .off("keydown." + this.name)
- .on("keydown." + this.name, e => {
+ });
+ BDFDB.addEventListener(this, textarea, "keydown", e => {
let autocompletemenu = textarea.parentElement.querySelector(BDFDB.dotCN.autocomplete);
- if ((e.which == 9 || e.which == 13) && autocompletemenu) {
- if (autocompletemenu.querySelector(BDFDB.dotCN.autocompleteselected).parentElement.classList.contains("autocompleteAliasesRow")) {
- e.preventDefault();
- e.stopPropagation();
+ if (autocompletemenu && (e.which == 9 || e.which == 13)) {
+ if (BDFDB.containsClass(autocompletemenu.querySelector(BDFDB.dotCN.autocompleteselected).parentElement, "autocompleteAliasesRow")) {
+ e.originalEvent.preventDefault();
+ e.originalEvent.stopPropagation();
this.swapWordWithAlias(textarea);
}
}
- else if ((e.which == 38 || e.which == 40) && autocompletemenu) {
+ else if (autocompletemenu && (e.which == 38 || e.which == 40)) {
let autocompleteitems = autocompletemenu.querySelectorAll(BDFDB.dotCN.autocompleteselectable + ":not(.autocompleteAliasesSelector)");
let selected = autocompletemenu.querySelector(BDFDB.dotCN.autocompleteselected);
- if (selected.classList.contains("autocompleteAliasesSelector") || autocompleteitems[e.which == 38 ? 0 : (autocompleteitems.length-1)] == selected) {
- e.preventDefault();
- e.stopPropagation();
+ if (BDFDB.containsClass(selected, "autocompleteAliasesSelector") || autocompleteitems[e.which == 38 ? 0 : (autocompleteitems.length-1)] == selected) {
+ e.originalEvent.preventDefault();
+ e.originalEvent.stopPropagation();
let next = this.getNextSelection(autocompletemenu, null, e.which == 38 ? false : true);
- selected.classList.remove(BDFDB.disCN.autocompleteselected);
- next.classList.add(BDFDB.disCN.autocompleteselected);
- if (!next.classList.contains("autocompleteAliasesSelector")) {
- // if next element is a default discord autocomplete item, trigger the keypress again so the item is internally selected
- var press = new KeyboardEvent("keypress", e);
- Object.defineProperty(press, "keyCode", {value: e.which});
- Object.defineProperty(press, "which", {value: e.which});
- textarea.dispatchEvent(press);
- }
+ BDFDB.removeClass(selected, BDFDB.disCN.autocompleteselected);
+ BDFDB.addClass(selected, BDFDB.disCN.autocompleteselector);
+ BDFDB.addClass(next, BDFDB.disCN.autocompleteselected);
}
}
else if (textarea.value && !e.shiftKey && e.which == 13 && !autocompletemenu && textarea.value.indexOf("s/") != 0) {
this.format = true;
- $(textarea).trigger("input");
+ textarea.dispatchEvent(new Event("input"));
}
- else if (!e.ctrlKey && settings.addAutoComplete && textarea.selectionStart == textarea.selectionEnd && textarea.selectionEnd == textarea.value.length) {
- clearTimeout(textarea.chataliastimeout);
- textarea.chataliastimeout = setTimeout(() => {this.addAutoCompleteMenu(textarea);},100);
+ else if (!e.ctrlKey && e.which != 16 && settings.addAutoComplete && textarea.selectionStart == textarea.selectionEnd && textarea.selectionEnd == textarea.value.length) {
+ clearTimeout(textarea.ChatAliasAutocompleteTimeout);
+ textarea.ChatAliasAutocompleteTimeout = setTimeout(() => {this.addAutoCompleteMenu(textarea);},100);
}
- if (!e.ctrlKey && e.which != 38 && e.which != 40) {
- if (!(e.which == 39 && textarea.selectionStart == textarea.selectionEnd && textarea.selectionEnd == textarea.value.length)) {
- $(".autocompleteAliases, .autocompleteAliasesRow").remove();
- }
- }
- })
- .off("click." + this.name)
- .on("click." + this.name, e => {
- if (settings.addAutoComplete && textarea.selectionStart == textarea.selectionEnd && textarea.selectionEnd == textarea.value.length) {
- setImmediate(() => {this.addAutoCompleteMenu(textarea);});
- }
+ if (!e.ctrlKey && e.which != 38 && e.which != 40 && !(e.which == 39 && textarea.selectionStart == textarea.selectionEnd && textarea.selectionEnd == textarea.value.length)) BDFDB.removeEles(".autocompleteAliases", ".autocompleteAliasesRow");
});
+ BDFDB.addEventListener(this, textarea, "click", e => {
+ if (settings.addAutoComplete && textarea.selectionStart == textarea.selectionEnd && textarea.selectionEnd == textarea.value.length) setImmediate(() => {this.addAutoCompleteMenu(textarea);});
+ });
+ }
}
addAutoCompleteMenu (textarea) {
if (textarea.parentElement.querySelector(".autocompleteAliasesRow")) return;
- let words = textarea.value.split(" ");
+ let words = textarea.value.split(/\s/);
let lastword = words[words.length-1].trim();
if (words.length == 1 && BDFDB.isPluginEnabled("WriteUpperCase")) {
let first = lastword.charAt(0);
@@ -306,48 +260,47 @@ module.exports = (Plugin, Api, Vendor) => {
}
}
if (lastword) {
- let aliases = BDFDB.loadAllData(this, "words"), matchedaliases = {};
- for (let alias in aliases) {
- let aliasdata = aliases[alias];
+ let matchedaliases = {};
+ for (let word in this.aliases) {
+ let aliasdata = this.aliases[word];
if (!aliasdata.regex && aliasdata.autoc) {
if (aliasdata.exact) {
- if (aliasdata.case && alias.indexOf(lastword) == 0) matchedaliases[alias] = aliasdata;
- else if (!aliasdata.case && alias.toLowerCase().indexOf(lastword.toLowerCase()) == 0) matchedaliases[alias] = aliasdata;
+ if (aliasdata.case && word.indexOf(lastword) == 0) matchedaliases[word] = aliasdata;
+ else if (!aliasdata.case && word.toLowerCase().indexOf(lastword.toLowerCase()) == 0) matchedaliases[word] = aliasdata;
}
else {
- if (aliasdata.case && alias.indexOf(lastword) > -1) matchedaliases[alias] = aliasdata;
- else if (!aliasdata.case && alias.toLowerCase().indexOf(lastword.toLowerCase()) > -1) matchedaliases[alias] = aliasdata;
+ if (aliasdata.case && word.indexOf(lastword) > -1) matchedaliases[word] = aliasdata;
+ else if (!aliasdata.case && word.toLowerCase().indexOf(lastword.toLowerCase()) > -1) matchedaliases[word] = aliasdata;
}
}
}
if (!BDFDB.isObjectEmpty(matchedaliases)) {
let autocompletemenu = textarea.parentElement.querySelector(BDFDB.dotCNS.autocomplete + BDFDB.dotCN.autocompleteinner), amount = 15;
if (!autocompletemenu) {
- autocompletemenu = $(``);
+ autocompletemenu.appendChild(autocompleterowheader);
+ BDFDB.addEventListener(this, autocompletemenu, "mouseenter", BDFDB.dotCN.autocompleteselectable, e => {
+ var selected = autocompletemenu.querySelectorAll(BDFDB.dotCN.autocompleteselected);
+ BDFDB.removeClass(selected, BDFDB.disCN.autocompleteselected);
+ BDFDB.addClass(selected, BDFDB.disCN.autocompleteselector);
+ BDFDB.addClass(e.currentTarget, BDFDB.disCN.autocompleteselected);
+ });
- $(autocompletemenu)
- .append(``)
- .off("mouseenter." + this.name).on("mouseenter." + this.name, BDFDB.dotCN.autocompleteselectable, (e) => {
- autocompletemenu.querySelectorAll(BDFDB.dotCN.autocompleteselected).forEach(selected => {selected.classList.remove(BDFDB.disCN.autocompleteselected);});
- e.currentTarget.classList.add(BDFDB.disCN.autocompleteselected);
- });
-
- for (let alias in matchedaliases) {
+ for (let word in matchedaliases) {
if (amount-- < 1) break;
- $(``)
- .appendTo(autocompletemenu)
- .off("click." + this.name).on("click." + this.name, BDFDB.dotCN.autocompleteselectable, (e) => {
- this.swapWordWithAlias(textarea);
- });
+ let autocompleterow = BDFDB.htmlToElement(``);
+ autocompleterow.querySelector(BDFDB.dotCN.autocompleteselectable).addEventListener("click", () => {this.swapWordWithAlias(textarea);});
+ autocompletemenu.appendChild(autocompleterow);
}
if (!autocompletemenu.querySelector(BDFDB.dotCN.autocompleteselected)) {
- autocompletemenu.querySelector(".autocompleteAliasesRow " + BDFDB.dotCN.autocompleteselectable).classList.add(BDFDB.disCN.autocompleteselected);
+ BDFDB.addClass(autocompletemenu.querySelector(".autocompleteAliasesRow " + BDFDB.dotCN.autocompleteselectable), BDFDB.disCN.autocompleteselected);
}
}
}
@@ -370,7 +323,7 @@ module.exports = (Plugin, Api, Vendor) => {
let aliasword = textarea.parentElement.querySelector(".autocompleteAliasesRow " + BDFDB.dotCN.autocompleteselected + " .aliasword").innerText;
let lastword = textarea.parentElement.querySelector(".autocompleteAliasesRow .lastword").innerText;
if (aliasword && lastword) {
- $(".autocompleteAliases, .autocompleteAliasesRow").remove();
+ BDFDB.removeEles(".autocompleteAliases", ".autocompleteAliasesRow");
textarea.focus();
textarea.selectionStart = textarea.value.length - lastword.length;
textarea.selectionEnd = textarea.value.length;
@@ -381,23 +334,25 @@ module.exports = (Plugin, Api, Vendor) => {
}
formatText (text) {
- var newText = [], files = [], wordAliases = {}, multiAliases = {}, aliases = BDFDB.loadAllData(this, "words");
- for (let alias in aliases) {
- if (!aliases[alias].regex && alias.indexOf(" ") == -1) wordAliases[alias] = aliases[alias];
- else multiAliases[alias] = aliases[alias];
+ text = text.replace(/([\n\t\r])/g, " $1 ");
+ var newText = [], files = [], wordAliases = {}, multiAliases = {};
+ for (let word in this.aliases) {
+ if (!this.aliases[word].regex && word.indexOf(" ") == -1) wordAliases[word] = this.aliases[word];
+ else multiAliases[word] = this.aliases[word];
}
for (let word of text.trim().split(" ")) {
newText.push(this.useAliases(word, wordAliases, files, true));
}
newText = newText.length == 1 ? newText[0] : newText.join(" ");
+ newText = newText.replace(/ ([\n\t\r]) /g, "$1");
newText = this.useAliases(newText, multiAliases, files, false);
return {text:newText, files};
}
useAliases (string, aliases, files, singleword) {
- for (let alias in aliases) {
- let aliasdata = aliases[alias];
- let escpAlias = aliasdata.regex ? alias : BDFDB.regEscape(alias);
+ for (let word in aliases) {
+ let aliasdata = aliases[word];
+ let escpAlias = aliasdata.regex ? word : BDFDB.regEscape(word);
let result = true, replaced = false, tempstring1 = string, tempstring2 = "";
let regstring = aliasdata.exact ? "^" + escpAlias + "$" : escpAlias;
while (result != null) {
@@ -405,7 +360,7 @@ module.exports = (Plugin, Api, Vendor) => {
if (result) {
replaced = true;
let replace = aliasdata.file ? "" : BDFDB.insertNRST(aliasdata.replace);
- if (result.length > 1) for (var i = 1; i < result.length; i++) replace = replace.replace(new RegExp("\\\\" + i, "g"), result[i]);
+ if (result.length > 1) for (var i = 1; i < result.length; i++) replace = replace.replace(new RegExp("\\\\" + i + "|\\$" + i, "g"), result[i]);
tempstring2 += tempstring1.slice(0, result.index + result[0].length).replace(result[0], replace);
tempstring1 = tempstring1.slice(result.index + result[0].length);
if (aliasdata.file && typeof aliasdata.filedata == "string") {
@@ -414,9 +369,7 @@ module.exports = (Plugin, Api, Vendor) => {
}
if (aliasdata.regex && regstring.indexOf("^") == 0) result = null;
}
- if (!result) {
- tempstring2 += tempstring1;
- }
+ if (!result) tempstring2 += tempstring1;
}
if (replaced) {
string = tempstring2;
@@ -426,55 +379,50 @@ module.exports = (Plugin, Api, Vendor) => {
return string;
}
- replaceWord (string, regex) {
- let result = regex.exec(string), rest = "";
- if (result) {
- rest = string.slice(a.indexOf(b)+b.length);
- }
- }
-
getSettingsPanel () {
- var settings = BDFDB.getAllData(this, "settings");
- var words = BDFDB.loadAllData(this, "words");
- var settingshtml = `
`;
+ for (let config of this.configs) {
+ containerhtml += ``;
}
containerhtml += `
`)[0];
+ autocompletemenu = BDFDB.htmlToElement(`
`);
textarea.parentElement.appendChild(autocompletemenu);
autocompletemenu = autocompletemenu.firstElementChild;
}
else {
amount -= autocompletemenu.querySelectorAll(BDFDB.dotCN.autocompleteselectable).length;
}
+ let autocompleterowheader = BDFDB.htmlToElement(`
Aliases: ${BDFDB.encodeToHTML(lastword)}
Aliases: ${BDFDB.encodeToHTML(lastword)}
${BDFDB.encodeToHTML(alias)}
${BDFDB.encodeToHTML(matchedaliases[alias].replace)}
${BDFDB.encodeToHTML(word)}
${BDFDB.encodeToHTML(matchedaliases[word].replace)}
`;
+ if (!global.BDFDB || typeof BDFDB != "object" || !BDFDB.loaded || !this.started) return;
+ var settings = BDFDB.getAllData(this, "settings");
+ var settingshtml = `
${this.name}
`;
for (let key in settings) {
- settingshtml += ``;
+ settingshtml += ``;
}
settingshtml += ``;
- settingshtml += ` == 0) {
var url = string.split('src=)
0 ? string.split('src="')[1] : null;
url = url ? url.split('"')[0] : null;
if (reg.test(url)) blocked = true;
}
else if (string.indexOf("<") != 0) {
- string.split(" ").forEach((word) => {
- if (reg.test(word)) blocked = true;
+ string.replace(/\n/g, " \n ").split(" ").forEach((word) => {
+ let wordWithoutSpecial = word.replace(/[\?\\!\\.\"]/g, "");
+ if (word && reg.test(word) || wordWithoutSpecial && reg.test(wordWithoutSpecial)) blocked = true;
});
}
});
if (blocked) break;
}
if (blocked) {
- if (settings.hideMessage.blocked) $(message).hide();
+ if (settings.hideMessage.blocked) BDFDB.toggleEles(message, false);
newhtml = BDFDB.encodeToHTML(blockedReplace);
- $(message)
- .html(newhtml)
- .addClass("blocked")
- .data("newhtmlChatFilter",newhtml)
- .data("orightmlChatFilter",orightml);
+ message.innerHTML = newhtml;
+ BDFDB.addClass(message, "blocked");
+ message.ChatFilterOriginalHTML = orightml;
+ message.ChatFilterNewHTML = newhtml;
this.addClickListener(message, settings.showMessageOnClick.blocked);
}
else {
var censoredWords = BDFDB.loadData("censored", this, "words");
+ var censored = false;
for (let cWord in censoredWords) {
- var censoredReplace = censoredWords[cWord].replace || replaces.censored;
+ var censoredReplace = censoredWords[cWord].empty ? "" : (censoredWords[cWord].replace || replaces.censored);
var reg = this.createReg(cWord, censoredWords[cWord]);
strings.forEach((string,i) => {
- let emojiname = this.getEmojiName(string);
- if (emojiname && reg.test(emojiname)) {
+ if (this.testForEmoji(string, reg)) {
+ censored = true;
strings[i] = BDFDB.encodeToHTML(censoredReplace);
if (strings[i+1] && strings[i+1].indexOf(" {
var url = string.split('src="').length > 0 ? string.split('src="')[1] : null;
url = url ? url.split('"')[0] : null;
if (reg.test(url)) {
+ censored = true;
strings = [BDFDB.encodeToHTML(censoredReplace)];
}
}
else if (string.indexOf("<") != 0) {
var newstring = [];
- string.split(" ").forEach((word) => {
- newstring.push(reg.test(word) ? BDFDB.encodeToHTML(censoredReplace) : word);
+ string.replace(/\n/g, " \n ").split(" ").forEach((word) => {
+ let wordWithoutSpecial = word.replace(/[\?\\!\\.\"]/g, "");
+ if (word && reg.test(word) || wordWithoutSpecial && reg.test(wordWithoutSpecial)) {
+ censored = true;
+ newstring.push(BDFDB.encodeToHTML(censoredReplace));
+ }
+ else {
+ newstring.push(word);
+ }
});
- strings[i] = newstring.join(" ");
+ strings[i] = newstring.join(" ").replace(/ \n /g, "\n");
}
});
}
- newhtml = strings.join("");
-
- if (newhtml != orightml) {
- $(message)
- .html(newhtml)
- .addClass("censored")
- .data("newhtmlChatFilter",newhtml)
- .data("orightmlChatFilter",orightml);
+ if (censored) {
+ newhtml = strings.join("");
+ message.innerHTML = newhtml;
+ BDFDB.addClass(message, "censored");
+ message.ChatFilterOriginalHTML = orightml;
+ message.ChatFilterNewHTML = newhtml;
this.addClickListener(message, settings.showMessageOnClick.censored);
}
@@ -338,57 +279,57 @@ module.exports = (Plugin, Api, Vendor) => {
return new RegExp(BDFDB.encodeToHTML(config.exact ? "^" + BDFDB.regEscape(word) + "$" : BDFDB.regEscape(word)), config.case ? "" : "i");
}
- getEmojiName (string) {
+ testForEmoji (string, reg) {
if (string.indexOf("![]()
-1)) {
- var emojiname = string.split('alt="').length > 0 ? string.split('alt="')[1] : null;
- emojiname = emojiname ? emojiname.split('" src')[0] : null;
- return emojiname = emojiname ? emojiname.replace(new RegExp(":", 'g'), "") : null;
+ var emojiname = string.split('alt="').length > 0 ? string.split('alt="')[1].split('"')[0] : null;
+ return emojiname = !emojiname ? false : (reg.test(emojiname) || reg.test(emojiname.replace(/:/g, "")));
}
+ return false;
}
resetMessage (message) {
- $(message)
- .html($(message).data("orightmlChatFilter"))
- .off("click." + this.name)
- .removeClass("blocked")
- .removeClass("censored")
- .removeClass("revealed");
+ message.innerHTML = message.ChatFilterOriginalHTML;
+ BDFDB.removeClass(message, "blocked", "censored", "revealed");
+ BDFDB.toggleEles(message, true);
+ delete message.ChatFilterOriginalHTML;
+ delete message.ChatFilterNewHTML;
+ message.removeEventListener("click", message.clickChatFilterListener);
}
- addClickListener (message, add) {
- $(message)
- .off("click." + this.name);
- if (add) {
- var orightml = $(message).data("orightmlChatFilter");
- var newhtml = $(message).data("newhtmlChatFilter");
- $(message)
- .on("click." + this.name, () => {
- if ($(message).hasClass("revealed")) {
- $(message)
- .html(newhtml)
- .removeClass("revealed");
- }
- else {
- $(message)
- .html(orightml)
- .addClass("revealed");
- }
- });
-
+ addClickListener (message, addListener) {
+ message.removeEventListener("click", message.clickChatFilterListener);
+ if (addListener) {
+ message.clickChatFilterListener = () => {
+ if (BDFDB.containsClass(message, "revealed")) {
+ BDFDB.removeClass(message, "revealed");
+ message.innerHTML = message.ChatFilterNewHTML;
+ }
+ else {
+ BDFDB.addClass(message, "revealed");
+ message.innerHTML = message.ChatFilterOriginalHTML;
+ }
+ };
+ message.addEventListener("click", message.clickChatFilterListener);
}
}
+
getSettingsPanel () {
+ if (!global.BDFDB || typeof BDFDB != "object" || !BDFDB.loaded || !this.started) return;
var replaces = BDFDB.getAllData(this, "replaces");
var settings = BDFDB.getAllData(this, "settings");
- var settingshtml = `
${this.defaults.settings[key].description}
${this.defaults.settings[key].description}
Replace:
With:
List of Chataliases:
`;
- for (let config of this.configstypes) {
+ settingshtml += ``;
- }
- containerhtml += `
`;
- $(settingspanel).find("." + rtype + "-list").html(containerhtml);
- BDFDB.initElements(settingspanel, this);
+ update();
+ });
}
}
@@ -185,17 +140,6 @@ module.exports = (Plugin, Api, Vendor) => {
}
}
- updateSettings (settingspanel) {
- var settings = {};
- for (var input of settingspanel.querySelectorAll(BDFDB.dotCN.switchinner)) {
- let key = input.getAttribute("value");
- let rtype = input.getAttribute("rtype");
- if (!settings[key]) settings[key] = {};
- settings[key][rtype] = input.checked;
- }
- BDFDB.saveAllData(settings, this, "settings");
- }
-
updateConfig (ele) {
var wordvalue = ele.getAttribute("word");
var config = ele.getAttribute("config");
@@ -207,34 +151,25 @@ module.exports = (Plugin, Api, Vendor) => {
}
}
- toggleInfo (settingspanel, ele) {
- ele.classList.toggle(BDFDB.disCN.categorywrappercollapsed);
- ele.classList.toggle(BDFDB.disCN.categorywrapperdefault);
+ toggleInfo (ele) {
+ BDFDB.toggleClass(ele, BDFDB.disCN.categorywrappercollapsed);
+ BDFDB.toggleClass(ele, BDFDB.disCN.categorywrapperdefault);
var svg = ele.querySelector(BDFDB.dotCN.categoryicontransition);
- svg.classList.toggle(BDFDB.disCN.closed);
- svg.classList.toggle(BDFDB.disCN.categoryiconcollapsed);
- svg.classList.toggle(BDFDB.disCN.categoryicondefault);
+ BDFDB.toggleClass(svg, BDFDB.disCN.directionright);
+ BDFDB.toggleClass(svg, BDFDB.disCN.categoryiconcollapsed);
+ BDFDB.toggleClass(svg, BDFDB.disCN.categoryicondefault);
- var visible = $(settingspanel).find(".info-container").is(":visible");
- $(settingspanel).find(".info-container").toggle(!visible);
- BDFDB.saveData("hideInfo", visible, this, "hideInfo");
+ BDFDB.toggleEles(ele.nextElementSibling);
+ BDFDB.saveData("hideInfo", BDFDB.isEleHidden(ele.nextElementSibling), this, "hideInfo");
}
- hideAllMessages () {
- document.querySelectorAll(`${BDFDB.dotCN.messagemarkup}.blocked, ${BDFDB.dotCN.messageaccessory}.censored, ${BDFDB.dotCN.messagemarkup}.blocked, ${BDFDB.dotCN.messageaccessory}.censored`).forEach(message => {
- this.resetMessage(message);
- });
- document.querySelectorAll(BDFDB.dotCN.messagegroup).forEach(messageContainer => {
- BDFDB.addObserver(this, messageContainer, {name:"messageChangeObserver",multi:true}, {childList:true, characterData:true, subtree:true});
- messageContainer.querySelectorAll(BDFDB.dotCNC.messagemarkup + BDFDB.dotCN.messageaccessory).forEach(message => {
- this.hideMessage(message);
- });
- });
+ processMessage (instance, wrapper) {
+ wrapper.querySelectorAll(`${BDFDB.dotCNC.messagemarkup + BDFDB.dotCN.messageaccessory}`).forEach(message => {this.hideMessage(message);});
}
hideMessage (message) {
- if (!$(message).hasClass("blocked") && !$(message).hasClass("censored")) {
- var orightml = $(message).html();
+ if (message.tagName && !BDFDB.containsClass(message, "blocked", "censored", false)) {
+ var orightml = message.innerHTML;
var newhtml = "";
if (orightml) {
@@ -257,43 +192,43 @@ module.exports = (Plugin, Api, Vendor) => {
var blockedWords = BDFDB.loadData("blocked", this, "words");
var blocked = false;
for (let bWord in blockedWords) {
- var blockedReplace = blockedWords[bWord].replace || replaces.blocked;
+ var blockedReplace = blockedWords[bWord].empty ? "" : (blockedWords[bWord].replace || replaces.blocked);
var reg = this.createReg(bWord, blockedWords[bWord]);
strings.forEach(string => {
- let emojiname = this.getEmojiName(string);
- if (emojiname && reg.test(emojiname)) blocked = true;
+ if (this.testForEmoji(string, reg)) blocked = true;
else if (string.indexOf('List of Chataliases:
`;
+ for (let config of this.configs) {
settingshtml += `
${config.toUpperCase()}
`;
}
settingshtml += ``;
- for (let word in words) {
- settingshtml += ``;
var infoHidden = BDFDB.loadData("hideInfo", this, "hideInfo");
- settingshtml += ``;
- settingshtml += ``;
+ settingshtml += ``;
+ settingshtml += ``;
settingshtml += ``;
- var settingspanel = $(settingshtml)[0];
+ let settingspanel = BDFDB.htmlToElement(settingshtml);
- $(settingspanel)
- .on("click", BDFDB.dotCN.switchinner, () => {this.updateSettings(settingspanel);})
- .on("keypress", ".wordInputs", (e) => {if (e.which == 13) this.updateContainer(settingspanel, e.currentTarget);})
- .on("keyup", BDFDB.dotCN.gamenameinput, (e) => {this.updateWord(e.currentTarget);})
- .on("click", ".btn-addword, .remove-word, .remove-all", (e) => {this.updateContainer(settingspanel, e.currentTarget);})
- .on("click", BDFDB.dotCN.checkboxinput, (e) => {this.updateConfig(e.currentTarget);})
- .on("click", ".toggle-info", (e) => {this.toggleInfo(settingspanel, e.currentTarget);});
+ BDFDB.initElements(settingspanel, this);
+
+ BDFDB.addEventListener(this, settingspanel, "keypress", ".wordInputs", e => {if (e.which == 13) this.updateContainer(settingspanel, e.currentTarget);});
+ BDFDB.addEventListener(this, settingspanel, "keyup", BDFDB.dotCN.gamenameinput, e => {this.updateWord(e.currentTarget);});
+ BDFDB.addEventListener(this, settingspanel, "click", ".btn-addword, .remove-word, .remove-all", e => {this.updateContainer(settingspanel, e.currentTarget);});
+ BDFDB.addEventListener(this, settingspanel, "click", BDFDB.dotCN.checkboxinput, e => {this.updateConfig(e.currentTarget);});
+ BDFDB.addEventListener(this, settingspanel, "click", ".toggle-info", e => {this.toggleInfo(e.currentTarget);});
return settingspanel;
}
onSettingsClosed () {
- document.querySelectorAll("textarea" + BDFDB.dotCN.textarea).forEach(textarea => {this.bindEventToTextArea(textarea);});
+ if (this.SettingsUpdated) {
+ delete this.SettingsUpdated;
+ BDFDB.WebModules.forceAllUpdates(this);
+ }
}
}
};
diff --git a/PluginsV2/ChatFilter/index.js b/PluginsV2/ChatFilter/index.js
index 4b0190ad2a..95deb4c0ea 100644
--- a/PluginsV2/ChatFilter/index.js
+++ b/PluginsV2/ChatFilter/index.js
@@ -3,18 +3,17 @@ module.exports = (Plugin, Api, Vendor) => {
return class extends Plugin {
initConstructor () {
- this.configstypes = ["case","exact"];
+ this.patchModules = {
+ "Message":["componentDidMount","componentDidUpdate"]
+ };
+
+ this.configs = ["empty","case","exact"];
this.css = `
- ${BDFDB.dotCNS.messagegroup + BDFDB.dotCNS.messagecomment + BDFDB.dotCN.messageaccessory}.blocked:not(.revealed),
- ${BDFDB.dotCNS.messagegroup + BDFDB.dotCNS.messagecomment + BDFDB.dotCN.messagemarkup}.blocked:not(.revealed) {
+ ${BDFDB.dotCNS.messagegroup + BDFDB.dotCN.messageaccessory}.blocked:not(.revealed),
+ ${BDFDB.dotCNS.messagegroup + BDFDB.dotCN.messagemarkup}.blocked:not(.revealed) {
font-weight: bold;
font-style: italic;
- }
-
- ${BDFDB.dotCNS.messagegroup + BDFDB.dotCNS.messagecomment + BDFDB.dotCN.messageaccessory}.censored:not(.revealed),
- ${BDFDB.dotCNS.messagegroup + BDFDB.dotCNS.messagecomment + BDFDB.dotCN.messagemarkup}:not(.revealed) {
-
}`;
this.defaults = {
@@ -49,45 +48,10 @@ module.exports = (Plugin, Api, Vendor) => {
initialize () {
if (global.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) {
+ if (this.started) return true;
BDFDB.loadMessage(this);
- var observer = null;
-
- observer = new MutationObserver((changes, _) => {
- changes.forEach(
- (change, i) => {
- if (change.type == "characterData") {
- this.hideMessage(change.target.parentElement);
- }
- if (change.addedNodes) {
- change.addedNodes.forEach((node) => {
- if ($(node).attr("class") == BDFDB.disCN.message) this.hideMessage($(node).find(BDFDB.dotCN.messagemarkup)[0]);
- });
- }
- }
- );
- });
- BDFDB.addObserver(this, null, {name:"messageChangeObserver",instance:observer,multi:true}, {childList:true, characterData:true, subtree:true});
-
- observer = new MutationObserver((changes, _) => {
- changes.forEach(
- (change, i) => {
- if (change.addedNodes) {
- change.addedNodes.forEach((node) => {
- if (node && node.tagName && node.querySelector(BDFDB.dotCN.message)) {
- BDFDB.addObserver(this, node, {name:"messageChangeObserver",multi:true}, {childList:true, characterData:true, subtree:true});
- node.querySelectorAll(BDFDB.dotCNC.messagemarkup + BDFDB.dotCN.messageaccessory).forEach(message => {
- this.hideMessage(message);
- });
- }
- });
- }
- }
- );
- });
- BDFDB.addObserver(this, BDFDB.dotCN.messages, {name:"chatWindowObserver",instance:observer}, {childList:true});
-
- this.hideAllMessages();
+ BDFDB.WebModules.forceAllUpdates(this);
return true;
}
@@ -99,9 +63,7 @@ module.exports = (Plugin, Api, Vendor) => {
onStop () {
if (global.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) {
- document.querySelectorAll(`${BDFDB.dotCN.messagemarkup}.blocked, ${BDFDB.dotCN.messageaccessory}.censored, ${BDFDB.dotCN.messagemarkup}.blocked, ${BDFDB.dotCN.messageaccessory}.censored`).forEach(message => {
- this.resetMessage(message);
- });
+ document.querySelectorAll(`${BDFDB.dotCN.messagemarkup}.blocked, ${BDFDB.dotCN.messageaccessory}.censored, ${BDFDB.dotCN.messagemarkup}.blocked, ${BDFDB.dotCN.messageaccessory}.censored`).forEach(message => {this.resetMessage(message);});
BDFDB.unloadMessage(this);
return true;
@@ -111,20 +73,28 @@ module.exports = (Plugin, Api, Vendor) => {
}
}
- onSwitch () {
- if (global.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) {
- this.hideAllMessages();
- BDFDB.addObserver(this, BDFDB.dotCN.messages, {name:"chatWindowObserver"}, {childList:true, subtree:true});
- }
- }
-
// begin of own functions
updateContainer (settingspanel, ele) {
- var update = false, wordvalue = null, replacevalue = null;
- var action = ele.getAttribute("action"), rtype = ele.getAttribute("rtype");
- var words = BDFDB.loadData(rtype, this, "words") || {};
+ var wordvalue = null, replacevalue = null, action = ele.getAttribute("action"), rtype = ele.getAttribute("rtype"), words = BDFDB.loadData(rtype, this, "words") || {};
+
+ var update = () => {
+ BDFDB.saveData(rtype, words, this, "words");
+
+ var containerhtml = ``;
+ for (let word in words) {
+ containerhtml += ``;
+ }
+ containerhtml += `
`;
+ settingspanel.querySelector("." + rtype + "-list").innerHTML = containerhtml;
+ BDFDB.initElements(settingspanel, this);
+ this.SettingsUpdated = true;
+ };
if (action == "add") {
var wordinput = settingspanel.querySelector("#input-" + rtype + "-wordvalue");
@@ -136,43 +106,28 @@ module.exports = (Plugin, Api, Vendor) => {
replacevalue = replacevalue.trim();
words[wordvalue] = {
replace: replacevalue,
+ empty: false,
case: false,
exact: true,
- regex: false,
+ regex: false
};
wordinput.value = null;
replaceinput.value = null;
- update = true;
+ update();
}
}
else if (action == "remove") {
wordvalue = ele.getAttribute("word");
if (wordvalue) {
delete words[wordvalue];
- update = true;
+ update();
}
}
else if (action == "removeall") {
- if (confirm("Are you sure you want to remove all added Words from your list?")) {
+ BDFDB.openConfirmModal(this, "Are you sure you want to remove all added Words from your list?", () => {
words = {};
- update = true;
- }
- }
- if (update) {
- BDFDB.saveData(rtype, words, this, "words");
- words = BDFDB.loadData(rtype, this, "words");
-
- var containerhtml = ``;
- for (let word in words) {
- containerhtml += ``;
- for (let config of this.configstypes) {
- settingshtml += ``;
- console.log();
+ for (let word in this.aliases) {
+ settingshtml += ``;
}
settingshtml += `
`;
settingshtml += ``;
+ for (let config of this.configs) {
+ settingshtml += ``;
}
settingshtml += `
Remove all added words.
Information
Case: Will replace words while comparing lowercase/uppercase. apple => apple, not APPLE or AppLe
Not Case: Will replace words while ignoring lowercase/uppercase. apple => apple, APPLE and AppLe
Exact: Will replace words that are exactly the replaceword. apple to pear => applepie stays applepie
Not Exact: Will replace words anywhere they appear. apple to pear => applepieapple to pearpiepear
Autoc: Will appear in the Autocomplete Menu (if enabled).
Regex: Will treat the entered wordvalue as a regular expression. Help
File: If the replacevalue is a filepath it will try to upload the file located at the filepath.
Information
Case: Will replace words while comparing lowercase/uppercase. apple => apple, not APPLE or AppLe
Not Case: Will replace words while ignoring lowercase/uppercase. apple => apple, APPLE and AppLe
Exact: Will replace words that are exactly the replaceword. apple to pear => applepie stays applepie
Not Exact: Will replace words anywhere they appear. apple to pear => applepieapple to pearpiepear
Autoc: Will appear in the Autocomplete Menu (if enabled).
Regex: Will treat the entered wordvalue as a regular expression. Help
File: If the replacevalue is a filepath it will try to upload the file located at the filepath.
${BDFDB.encodeToHTML(word)} (${BDFDB.encodeToHTML(words[word].replace)})
`
+ for (let config of this.configs) {
+ containerhtml += ``;
+ }
+ containerhtml += `${BDFDB.encodeToHTML(word)} (${BDFDB.encodeToHTML(words[word].replace)})
`
- for (let config of this.configstypes) {
- containerhtml += ``;
- }
- containerhtml += ``;
+ var settingshtml = `
${this.name}
`;
for (let rtype in replaces) {
var words = BDFDB.loadData(rtype, this, "words");
settingshtml += ``;
for (let key in settings) {
- settingshtml += ``;
+ if (this.defaults.settings[key].enabled[rtype]) settingshtml += ``;
}
settingshtml += ``;
- settingshtml += `
${this.defaults.replaces[rtype].title}
With:
${this.defaults.settings[key].description}
${this.defaults.settings[key].description}
${this.defaults.replaces[rtype].description}
List of ${rtype} Words:
CASE
EXACT
`;
+ settingshtml += `
List of ${rtype} Words:
`;
+ for (let config of this.configs) {
+ settingshtml += `
${config.toUpperCase()}
`;
+ }
+ settingshtml += ``;
for (let word in words) {
settingshtml += ``;
- settingshtml += ``;
+ settingshtml += ``;
+ settingshtml += ``;
settingshtml += ``;
- var settingspanel = $(settingshtml)[0];
+ let settingspanel = BDFDB.htmlToElement(settingshtml);
- $(settingspanel)
- .on("click", BDFDB.dotCN.switchinner, () => {this.updateSettings(settingspanel);})
- .on("keypress", ".wordInputs", (e) => {if (e.which == 13) this.updateContainer(settingspanel, e.currentTarget);})
- .on("keyup", ".defaultInputs", (e) => {this.saveReplace(e.currentTarget);})
- .on("click", ".btn-addword, .remove-word, .remove-all", (e) => {this.updateContainer(settingspanel, e.currentTarget);})
- .on("click", BDFDB.dotCN.checkboxinput, (e) => {this.updateConfig(e.currentTarget);})
- .on("click", ".toggle-info", (e) => {this.toggleInfo(settingspanel, e.currentTarget);});
+ BDFDB.initElements(settingspanel, this);
+
+ BDFDB.addEventListener(this, settingspanel, "keypress", ".wordInputs", e => {if (e.which == 13) this.updateContainer(settingspanel, e.currentTarget);});
+ BDFDB.addEventListener(this, settingspanel, "keyup", ".defaultInputs", e => {this.saveReplace(e.currentTarget);});
+ BDFDB.addEventListener(this, settingspanel, "click", ".btn-addword, .remove-word, .remove-all", e => {this.updateContainer(settingspanel, e.currentTarget);});
+ BDFDB.addEventListener(this, settingspanel, "click", BDFDB.dotCN.checkboxinput, e => {this.updateConfig(e.currentTarget);});
+ BDFDB.addEventListener(this, settingspanel, "click", ".toggle-info", e => {this.toggleInfo(e.currentTarget);});
- for (let key in settings) {
- for (let rtype in this.defaults.settings[key].enabled) {
- if (!this.defaults.settings[key].enabled[rtype]) $(settingspanel).find(`${BDFDB.dotCN.flex}[value='${key}'][rtype='${rtype}']`).hide();
- }
- }
return settingspanel;
}
onSettingsClosed () {
- this.hideAllMessages();
+ if (this.SettingsUpdated) {
+ delete this.SettingsUpdated;
+ document.querySelectorAll(`${BDFDB.dotCN.messagemarkup}.blocked, ${BDFDB.dotCN.messageaccessory}.censored, ${BDFDB.dotCN.messagemarkup}.blocked, ${BDFDB.dotCN.messageaccessory}.censored`).forEach(message => {this.resetMessage(message);});
+ BDFDB.WebModules.forceAllUpdates(this);
+ }
}
}
};
diff --git a/PluginsV2/CompleteTimestamps/index.js b/PluginsV2/CompleteTimestamps/index.js
index bfaab80cea..f599272cb8 100644
--- a/PluginsV2/CompleteTimestamps/index.js
+++ b/PluginsV2/CompleteTimestamps/index.js
@@ -3,12 +3,12 @@ module.exports = (Plugin, Api, Vendor) => {
return class extends Plugin {
initConstructor () {
+ this.patchModules = {
+ "MessageGroup":["componentDidMount","componentDidUpdate"]
+ };
+
this.languages;
- this.updateTimestamps = false;
-
- this.compactWidth = null;
-
this.defaults = {
settings: {
showInChat: {value:true, description:"Replace Chat Timestamp with Complete Timestamp:"},
@@ -49,64 +49,37 @@ module.exports = (Plugin, Api, Vendor) => {
initialize () {
if (global.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) {
+ if (this.started) return true;
BDFDB.loadMessage(this);
- var observer = null;
+ this.languages = Object.assign({"own":{name:"Own",id:"own",integrated:false,dic:false}},BDFDB.languages);
- observer = new MutationObserver((changes, _) => {
- changes.forEach(
- (change, i) => {
- if (change.addedNodes) {
- change.addedNodes.forEach((node) => {
- if (node.tagName && node.querySelector(BDFDB.dotCN.messagetext)) {
- node.querySelectorAll(BDFDB.dotCN.messagetext).forEach(message => {this.changeTimestamp(message);});
- }
- else if (node.classList && node.classList.contains(BDFDB.disCN.messagetext)) {
- this.changeTimestamp(node);
- }
- });
- }
- }
- );
+ BDFDB.addEventListener(this, document, "mouseenter", BDFDB.dotCNS.message + BDFDB.dotCN.messagecontent, e => {
+ if (BDFDB.getData("showOnHover", this, "settings")) {
+ let message = e.currentTarget;
+ let messagegroup = BDFDB.getParentEle(BDFDB.dotCN.messagegroup, message);
+ if (!messagegroup || !messagegroup.tagName) return;
+ let info = this.getMessageData(message, messagegroup);
+ if (!info || !info.timestamp || !info.timestamp._i) return;
+ let choice = BDFDB.getData("creationDateLang", this, "choices");
+ BDFDB.createTooltip(this.getTimestamp(this.languages[choice].id, info.timestamp._i), message, {type:"left",selector:"completetimestamp-tooltip"});
+ }
+ });
+ BDFDB.addEventListener(this, document, "mouseenter", BDFDB.dotCNS.message + BDFDB.dotCN.messageedited, e => {
+ if (BDFDB.getData("changeForEdit", this, "settings")) {
+ let marker = e.currentTarget;
+ let time = marker.getAttribute("datetime");
+ if (!time) return;
+ let choice = BDFDB.getData("creationDateLang", this, "choices");
+ let customTooltipCSS = `
+ body ${BDFDB.dotCN.tooltip}:not(.completetimestampedit-tooltip) {
+ display: none !important;
+ }`;
+ BDFDB.createTooltip(this.getTimestamp(this.languages[choice].id, time), marker, {type:"top",selector:"completetimestampedit-tooltip",css:customTooltipCSS});
+ }
});
- BDFDB.addObserver(this, BDFDB.dotCN.appmount, {name:"messageObserver",instance:observer}, {childList: true, subtree: true});
- this.languages = Object.assign({},
- {"own": {name:"Own", id:"own", integrated:false, dic:false}},
- BDFDB.languages
- );
-
- this.setMaxWidth();
-
- $(document)
- .on("mouseenter." + this.name, BDFDB.dotCNS.message + BDFDB.dotCNC.messagetext + BDFDB.dotCNS.message + BDFDB.dotCN.messageaccessory, (e) => {
- if (BDFDB.getData("showOnHover", this, "settings")) {
- var message = e.currentTarget;
- var messagegroup = this.getMessageGroup(message);
- if (!messagegroup || !messagegroup.tagName) return;
- var info = this.getMessageData(message, messagegroup);
- if (!info || !info.timestamp || !info.timestamp._i) return
- var choice = BDFDB.getData("creationDateLang", this, "choices");
- BDFDB.createTooltip(this.getTimestamp(this.languages[choice].id, info.timestamp._i), message, {type:"left",selector:"completetimestamp-tooltip"});
- }
- })
- .on("mouseenter." + this.name, BDFDB.dotCNS.message + BDFDB.dotCN.messageedited, (e) => {
- if (BDFDB.getData("changeForEdit", this, "settings")) {
- var marker = e.currentTarget;
- var messagegroup = this.getMessageGroup(marker);
- if (!messagegroup || !messagegroup.tagName) return;
- var info = this.getMessageData(marker, messagegroup);
- if (!info || !info.editedTimestamp || !info.editedTimestamp._i) return
- var choice = BDFDB.getData("creationDateLang", this, "choices");
- var customTooltipCSS = `
- body ${BDFDB.dotCN.tooltip}:not(.completetimestampedit-tooltip) {
- display: none !important;
- }`;
- BDFDB.createTooltip(this.getTimestamp(this.languages[choice].id, info.editedTimestamp._i), marker, {type:"top",selector:"completetimestampedit-tooltip",css:customTooltipCSS});
- }
- });
-
- document.querySelectorAll(BDFDB.dotCN.messagetext).forEach(message => {this.changeTimestamp(message);});
+ BDFDB.WebModules.forceAllUpdates();
return true;
}
@@ -119,7 +92,10 @@ module.exports = (Plugin, Api, Vendor) => {
onStop () {
if (global.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) {
- document.querySelectorAll(".complete-timestamp").forEach(timestamp => {timestamp.classList.remove("complete-timestamp");});
+ BDFDB.removeEles(".complete-timestamp-divider");
+ BDFDB.removeClasses("complete-timestamp");
+
+ BDFDB.removeLocalStyle(this.name + "CompactCorrection");
BDFDB.unloadMessage(this);
return true;
@@ -132,18 +108,9 @@ module.exports = (Plugin, Api, Vendor) => {
// begin of own functions
- updateSettings (settingspanel) {
- var settings = {};
- for (var input of settingspanel.querySelectorAll(BDFDB.dotCN.switchinner)) {
- settings[input.value] = input.checked;
- }
- BDFDB.saveAllData(settings, this, "settings");
- this.updateSettingsPanel(settingspanel);
- }
-
saveInputs (settingspanel) {
- var formats = {};
- for (var input of settingspanel.querySelectorAll(BDFDB.dotCN.input)) {
+ let formats = {};
+ for (let input of settingspanel.querySelectorAll(BDFDB.dotCN.input)) {
formats[input.getAttribute("option")] = input.value;
}
BDFDB.saveAllData(formats, this, "formats");
@@ -151,117 +118,116 @@ module.exports = (Plugin, Api, Vendor) => {
}
updateSettingsPanel (settingspanel) {
- var choices = BDFDB.getAllData(this, "choices");
+ let choices = BDFDB.getAllData(this, "choices");
for (let key in choices) {
settingspanel.querySelector(`${BDFDB.dotCN.select}[option='${key}'] .languageTimestamp`).innerText = this.getTimestamp(this.languages[choices[key]].id);
}
- this.updateTimestamps = true;
+ this.SettingsUpdated = true;
}
- toggleInfo (settingspanel, ele) {
- ele.classList.toggle(BDFDB.disCN.categorywrappercollapsed);
- ele.classList.toggle(BDFDB.disCN.categorywrapperdefault);
+ toggleInfo (ele) {
+ BDFDB.toggleClass(ele, BDFDB.disCN.categorywrappercollapsed);
+ BDFDB.toggleClass(ele, BDFDB.disCN.categorywrapperdefault);
var svg = ele.querySelector(BDFDB.dotCN.categoryicontransition);
- svg.classList.toggle(BDFDB.disCN.closed);
- svg.classList.toggle(BDFDB.disCN.categoryiconcollapsed);
- svg.classList.toggle(BDFDB.disCN.categoryicondefault);
+ BDFDB.toggleClass(svg, BDFDB.disCN.directionright);
+ BDFDB.toggleClass(svg, BDFDB.disCN.categoryiconcollapsed);
+ BDFDB.toggleClass(svg, BDFDB.disCN.categoryicondefault);
- var visible = $(settingspanel).find(".info-container").is(":visible");
- $(settingspanel).find(".info-container").toggle(!visible);
- BDFDB.saveData("hideInfo", visible, this, "hideInfo");
+ BDFDB.toggleEles(ele.nextElementSibling);
+ BDFDB.saveData("hideInfo", BDFDB.isEleHidden(ele.nextElementSibling), this, "hideInfo");
}
openDropdownMenu (e) {
- var selectControl = e.currentTarget;
- var selectWrap = selectControl.parentElement;
+ let selectControl = e.currentTarget;
+ let selectWrap = selectControl.parentElement;
+ let plugincard = BDFDB.getParentEle("li", selectWrap);
- if (selectWrap.classList.contains(BDFDB.disCN.selectisopen)) return;
+ if (!plugincard || BDFDB.containsClass(selectWrap, BDFDB.disCN.selectisopen)) return;
- selectWrap.classList.add(BDFDB.disCN.selectisopen);
- $("li").has(selectWrap).css("overflow", "visible");
+ BDFDB.addClass(selectWrap, BDFDB.disCN.selectisopen);
+ plugincard.style.setProperty("overflow", "visible", "important");
- var selectMenu = this.createDropdownMenu(selectWrap.getAttribute("value"));
+ let selectMenu = this.createDropdownMenu(selectWrap.getAttribute("value"));
selectWrap.appendChild(selectMenu);
- $(selectMenu).on("mousedown." + this.name, BDFDB.dotCN.selectoption, (e2) => {
- var language = e2.currentTarget.getAttribute("value");
+ BDFDB.addChildEventListener(selectMenu, "mousedown", BDFDB.dotCN.selectoption, e2 => {
+ let language = e2.currentTarget.getAttribute("value");
selectWrap.setAttribute("value", language);
selectControl.querySelector(".languageName").innerText = this.languages[language].name;
selectControl.querySelector(".languageTimestamp").innerText = this.getTimestamp(this.languages[language].id);
BDFDB.saveData(selectWrap.getAttribute("option"), language, this, "choices");
});
- $(document).on("mousedown.select" + this.name, (e2) => {
- if (e2.target.parentElement == selectMenu) return;
- $(document).off("mousedown.select" + this.name);
- selectMenu.remove();
- $("li").has(selectWrap).css("overflow", "auto");
- setTimeout(() => {selectWrap.classList.remove(BDFDB.disCN.selectisopen);},100);
- });
+
+ var removeMenu = e2 => {
+ if (e2.target.parentElement != selectMenu) {
+ document.removeEventListener("mousedown", removeMenu);
+ selectMenu.remove();
+ plugincard.style.removeProperty("overflow");
+ setTimeout(() => {BDFDB.removeClass(selectWrap, BDFDB.disCN.selectisopen);},100);
+ }
+ };
+
+ document.addEventListener("mousedown", removeMenu);
}
createDropdownMenu (choice) {
- var menuhtml = `
${BDFDB.encodeToHTML(word)} (${BDFDB.encodeToHTML(words[word].replace)})
`
for (let config of this.configs) {
@@ -401,30 +342,29 @@ module.exports = (Plugin, Api, Vendor) => {
settingshtml += ``;
}
var infoHidden = BDFDB.loadData("hideInfo", this, "hideInfo");
- settingshtml += `Information
Case: Will block/censor words while comparing lowercase/uppercase. apple => apple, not APPLE or AppLe
Not Case: Will block/censor words while ignoring lowercase/uppercase. apple => apple, APPLE and AppLe
Exact: Will block/censor words that are exactly the selected word. apple => apple, not applepie or pineapple
Not Exact: Will block/censor all words containing the selected word. apple => apple, applepie and pineapple
Information
Case: Will block/censor words while comparing lowercase/uppercase. apple => apple, not APPLE or AppLe
Not Case: Will block/censor words while ignoring lowercase/uppercase. apple => apple, APPLE and AppLe
Exact: Will block/censor words that are exactly the selected word. apple => apple, not applepie or pineapple
Not Exact: Will block/censor all words containing the selected word. apple => apple, applepie and pineapple
Empty: Ignores the default and set replace word and removes the word/message instead.
`;
- for (var key in this.languages) {
- var isSelected = key == choice ? ` ${BDFDB.disCN.selectselected}` : ``;
+ let menuhtml = ``;
- return $(menuhtml)[0];
+ return BDFDB.htmlToElement(menuhtml);
}
- changeTimestamp (message) {
- if (!message || !message.tagName || !BDFDB.getData("showInChat", this, "settings")) return;
- var messagegroup = this.getMessageGroup(message);
- if (!messagegroup || !messagegroup.tagName) return;
- var compact = messagegroup.classList.contains(BDFDB.disCN.messagecompact);
- var timestamp = compact ? message.querySelector(BDFDB.dotCN.messagetimestamp) : messagegroup.querySelector(BDFDB.dotCN.messagetimestamp);
- if (!timestamp || !timestamp.tagName || timestamp.classList.contains("complete-timestamp")) return;
- var info = this.getMessageData(message, messagegroup);
- if (!info || !info.timestamp || !info.timestamp._i) return;
- var choice = BDFDB.getData("creationDateLang", this, "choices");
- timestamp.classList.add("complete-timestamp");
- BDFDB.setInnerText(timestamp, this.getTimestamp(this.languages[choice].id, info.timestamp._i));
- if (compact && this.compactWidth) {
- var markup = message.querySelector(BDFDB.dotCN.messagemarkup);
- if (markup) {
- var newpadding = 100 + (this.compactWidth - 65);
- markup.style.paddingLeft = newpadding + "px";
- markup.style.textIndent = "-" + newpadding + "px";
- timestamp.style.width = this.compactWidth + "px";
- }
+ processMessageGroup (instance, wrapper) {
+ for (let stamp of wrapper.querySelectorAll("time[datetime]")) this.changeTimestamp(stamp);
+ }
+
+ changeTimestamp (stamp) {
+ if (!stamp.className || stamp.className.toLowerCase().indexOf("timestamp") == -1 || BDFDB.containsClass(stamp, "complete-timestamp")) return;
+ let time = stamp.getAttribute("datetime");
+ if (time) {
+ this.setMaxWidth();
+ BDFDB.addClass(stamp, "complete-timestamp");
+ let stampdivider = document.createElement("span");
+ stampdivider.className = "complete-timestamp-divider arabic-fix";
+ stampdivider.style.setProperty("display", "inline", "important");
+ stampdivider.style.setProperty("height", "0px", "important");
+ stampdivider.style.setProperty("width", "0px", "important");
+ stampdivider.style.setProperty("font-size", "0px", "important");
+ stampdivider.innerText = "ARABIC FIX";
+ stamp.parentElement.insertBefore(stampdivider, stamp);
+ BDFDB.setInnerText(stamp, this.getTimestamp(this.languages[BDFDB.getData("creationDateLang", this, "choices")].id, time));
}
}
- getMessageGroup (message) {
- var messagegroup = null;
- while (messagegroup == null || message.parentElement) {
- message = message.parentElement;
- if (message.classList && message.classList.contains(BDFDB.disCN.messagegroup)) messagegroup = message;
- }
- return messagegroup;
+ getMessageData (div, messagegroup) {
+ let pos = Array.from(messagegroup.querySelectorAll("." + div.className.replace(/ /g, "."))).indexOf(div);
+ let instance = BDFDB.getReactInstance(messagegroup);
+ if (!instance) return;
+ let info = instance.return.stateNode.props.messages;
+ return info && pos > -1 ? info[pos] : null;
}
- getMessageData (message, messagegroup) {
- var pos = $(messagegroup).find(BDFDB.dotCN.message).index($(messagegroup).find(BDFDB.dotCN.message).has(message)[0]);
- var info = BDFDB.getKeyInformation({"node":message,"key":"messages","up":true,"time":1000});
- if (info && pos > -1) info = info[pos];
- return info;
- }
-
- getTimestamp (languageid, time = new Date()) {
- var settings = BDFDB.getAllData(this, "settings"), timestring = "";
+ getTimestamp (languageid, time) {
+ let timeobj = time ? time : new Date();
+ if (typeof time == "string") timeobj = new Date(time);
+ if (timeobj.toString() == "Invalid Date") timeobj = new Date(parseInt(time));
+ if (timeobj.toString() == "Invalid Date") return;
+ let settings = BDFDB.getAllData(this, "settings"), timestring = "";
if (languageid != "own") {
- var timestamp = [];
- if (settings.displayDate) timestamp.push(time.toLocaleDateString(languageid));
- if (settings.displayTime) timestamp.push(settings.cutSeconds ? this.cutOffSeconds(time.toLocaleTimeString(languageid)) : time.toLocaleTimeString(languageid));
+ let timestamp = [];
+ if (settings.displayDate) timestamp.push(timeobj.toLocaleDateString(languageid));
+ if (settings.displayTime) timestamp.push(settings.cutSeconds ? this.cutOffSeconds(timeobj.toLocaleTimeString(languageid)) : timeobj.toLocaleTimeString(languageid));
if (settings.otherOrder) timestamp.reverse();
timestring = timestamp.length > 1 ? timestamp.join(", ") : (timestamp.length > 0 ? timestamp[0] : "");
if (timestring && settings.forceZeros) timestring = this.addLeadingZeros(timestring);
}
else {
- var ownformat = BDFDB.getData("ownFormat", this, "formats");
+ let ownformat = BDFDB.getData("ownFormat", this, "formats");
languageid = BDFDB.getDiscordLanguage().id;
- var hour = time.getHours(), minute = time.getMinutes(), second = time.getSeconds(), msecond = time.getMilliseconds(), day = time.getDate(), month = time.getMonth()+1, timemode = "";
+ let hour = timeobj.getHours(), minute = timeobj.getMinutes(), second = timeobj.getSeconds(), msecond = timeobj.getMilliseconds(), day = timeobj.getDate(), month = timeobj.getMonth()+1, timemode = "";
if (ownformat.indexOf("$timemode") > -1) {
timemode = hour >= 12 ? "PM" : "AM";
hour = hour % 12;
@@ -273,13 +239,13 @@ module.exports = (Plugin, Api, Vendor) => {
.replace("$second", second < 10 ? "0" + second : second)
.replace("$msecond", msecond)
.replace("$timemode", timemode)
- .replace("$weekdayL", time.toLocaleDateString(languageid,{weekday: "long"}))
- .replace("$weekdayS", time.toLocaleDateString(languageid,{weekday: "short"}))
- .replace("$monthnameL", time.toLocaleDateString(languageid,{month: "long"}))
- .replace("$monthnameS", time.toLocaleDateString(languageid,{month: "short"}))
+ .replace("$weekdayL", timeobj.toLocaleDateString(languageid,{weekday: "long"}))
+ .replace("$weekdayS", timeobj.toLocaleDateString(languageid,{weekday: "short"}))
+ .replace("$monthnameL", timeobj.toLocaleDateString(languageid,{month: "long"}))
+ .replace("$monthnameS", timeobj.toLocaleDateString(languageid,{month: "short"}))
.replace("$day", settings.forceZeros && day < 10 ? "0" + day : day)
.replace("$month", settings.forceZeros && month < 10 ? "0" + month : month)
- .replace("$year", time.getFullYear());
+ .replace("$year", timeobj.getFullYear());
}
return timestring;
}
@@ -289,9 +255,9 @@ module.exports = (Plugin, Api, Vendor) => {
}
addLeadingZeros (timestring) {
- var chararray = timestring.split("");
- var numreg = /[0-9]/;
- for (var i = 0; i < chararray.length; i++) {
+ let chararray = timestring.split("");
+ let numreg = /[0-9]/;
+ for (let i = 0; i < chararray.length; i++) {
if (!numreg.test(chararray[i-1]) && numreg.test(chararray[i]) && !numreg.test(chararray[i+1])) chararray[i] = "0" + chararray[i];
}
@@ -299,51 +265,71 @@ module.exports = (Plugin, Api, Vendor) => {
}
setMaxWidth () {
- var wrapper = $(``);
- var timestamp = wrapper.find(BDFDB.dotCN.messagetimestamp);
- var choice = BDFDB.getData("creationDateLang", this, "choices");
- $(wrapper).appendTo(document.body);
- this.compactWidth = timestamp.css("width", "auto").text(this.getTimestamp(this.languages[choice].id, new Date(253402124399995))).outerWidth();
- wrapper.remove();
+ if (this.currentMode != BDFDB.getDiscordMode()) {
+ this.currentMode = BDFDB.getDiscordMode();
+ let timestamp = document.querySelector(BDFDB.dotCN.messagetimestampcompact);
+ if (timestamp) {
+ let choice = BDFDB.getData("creationDateLang", this, "choices");
+ let testtimestamp = BDFDB.htmlToElement(``);
+ document.body.appendChild(testtimestamp);
+ let width = BDFDB.getRects(testtimestamp).width + 5;
+ testtimestamp.remove();
+ BDFDB.appendLocalStyle(this.name + "CompactCorrection", `
+ ${BDFDB.dotCN.messagetimestampcompact} {
+ width: ${width}px !important;
+ }
+ ${BDFDB.dotCN.messagetimestampcompactismentioned} {
+ width: ${width + 2}px !important;
+ }
+ ${BDFDB.dotCN.messagemarkupiscompact} {
+ margin-left: ${width}px !important;
+ text-indent: -${width}px !important;
+ }
+ ${BDFDB.dotCN.messageaccessorycompact} {
+ padding-left: ${width}px !important;
+ }
+ `);
+ }
+ else BDFDB.removeLocalStyle(this.name + "CompactCorrection");
+ }
}
getSettingsPanel () {
- var settings = BDFDB.getAllData(this, "settings");
- var choices = BDFDB.getAllData(this, "choices");
- var formats = BDFDB.getAllData(this, "formats");
- var settingshtml = `
`;
+ if (!global.BDFDB || typeof BDFDB != "object" || !BDFDB.loaded || !this.started) return;
+ let settings = BDFDB.getAllData(this, "settings");
+ let choices = BDFDB.getAllData(this, "choices");
+ let formats = BDFDB.getAllData(this, "formats");
+ let settingshtml = ``;
- var settingspanel = $(settingshtml)[0];
+ let settingspanel = BDFDB.htmlToElement(settingshtml);
+ BDFDB.initElements(settingspanel, this);
- $(settingspanel)
- .on("click", BDFDB.dotCN.switchinner, () => {this.updateSettings(settingspanel);})
- .on("keyup", BDFDB.dotCN.input, () => {this.saveInputs(settingspanel);})
- .on("click", BDFDB.dotCN.selectcontrol, (e) => {this.openDropdownMenu(e);})
- .on("click", ".toggle-info", (e) => {this.toggleInfo(settingspanel, e.currentTarget);});
+ BDFDB.addEventListener(this, settingspanel, "click", ".settings-switch", () => {this.updateSettingsPanel(settingspanel);});
+ BDFDB.addEventListener(this, settingspanel, "keyup", BDFDB.dotCN.input, () => {this.saveInputs(settingspanel);});
+ BDFDB.addEventListener(this, settingspanel, "click", BDFDB.dotCN.selectcontrol, e => {this.openDropdownMenu(e);});
+ BDFDB.addEventListener(this, settingspanel, "click", ".toggle-info", e => {this.toggleInfo(e.currentTarget);});
return settingspanel;
}
onSettingsClosed () {
- if (this.updateTimestamps) {
- this.setMaxWidth();
- document.querySelectorAll(".complete-timestamp").forEach(timestamp => {timestamp.classList.remove("complete-timestamp");});
- document.querySelectorAll(BDFDB.dotCN.messagetext).forEach(message => {this.changeTimestamp(message);});
- this.updateTimestamps = false;
+ if (this.SettingsUpdated) {
+ delete this.SettingsUpdated;
+ BDFDB.WebModules.forceAllUpdates(this);
}
}
}
diff --git a/PluginsV2/CreationDate/index.js b/PluginsV2/CreationDate/index.js
index b81078b127..02a355f7d9 100644
--- a/PluginsV2/CreationDate/index.js
+++ b/PluginsV2/CreationDate/index.js
@@ -5,22 +5,31 @@ module.exports = (Plugin, Api, Vendor) => {
initConstructor () {
this.labels = {};
+ this.patchModules = {
+ "UserPopout":"componentDidMount",
+ "UserProfile":"componentDidMount"
+ };
+
this.languages;
- this.creationDateMarkup = ``;
-
this.css = `
+ ${BDFDB.dotCNS.userpopout + BDFDB.dotCN.nametag} {
+ margin-bottom: 4px;
+ }
+ ${BDFDB.dotCN.userprofile} .creationDate {
+ margin-right: 20px;
+ }
${BDFDB.dotCNS.themelight + BDFDB.dotCN.userpopoutheadernormal} .creationDate {
color: #b9bbbe;
}
- ${BDFDB.dotCNS.themelight + BDFDB.dotCN.userpopoutheader}:not(${BDFDB.dotCN.userpopoutheadernormal}) .creationDate,
+ ${BDFDB.dotCNS.themelight + BDFDB.dotCN.userpopoutheader + BDFDB.notCN.userpopoutheadernormal} .creationDate,
${BDFDB.dotCNS.themedark + BDFDB.dotCN.userpopoutheader} .creationDate {
color: hsla(0,0%,100%,.6);
}
${BDFDB.dotCNS.themelight + BDFDB.dotCN.userprofiletopsectionnormal} .creationDate {
color: hsla(216,4%,74%,.6);
}
- ${BDFDB.dotCN.themelight} [class*='topSection']:not(${BDFDB.dotCN.userprofiletopsectionnormal}) .creationDate,
+ ${BDFDB.dotCN.themelight} [class*='topSection']${BDFDB.notCN.userprofiletopsectionnormal} .creationDate,
${BDFDB.dotCN.themedark} [class*='topSection'] .creationDate {
color: hsla(0,0%,100%,.6);
}`;
@@ -59,42 +68,13 @@ module.exports = (Plugin, Api, Vendor) => {
initialize () {
if (global.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) {
+ if (this.started) return true;
BDFDB.loadMessage(this);
- var observer = null;
-
- observer = new MutationObserver((changes, _) => {
- changes.forEach(
- (change, i) => {
- if (change.addedNodes) {
- change.addedNodes.forEach((node) => {
- if (node && node.tagName && node.querySelector(BDFDB.dotCN.userpopout)) {
- if (BDFDB.getData("addInUserPopout", this, "settings")) this.addCreationDate(node.querySelector(BDFDB.dotCN.userpopoutheadertext));
- }
- });
- }
- }
- );
- });
- BDFDB.addObserver(this, BDFDB.dotCN.popouts, {name:"userPopoutObserver",instance:observer}, {childList: true});
-
- observer = new MutationObserver((changes, _) => {
- changes.forEach(
- (change, i) => {
- if (change.addedNodes) {
- change.addedNodes.forEach((node) => {
- if (node && node.tagName && node.querySelector(BDFDB.dotCN.userprofile)) {
- if (BDFDB.getData("addInUserProfil", this, "settings")) this.addCreationDate(node.querySelector(BDFDB.dotCN.userprofileheaderinfo));
- }
- });
- }
- }
- );
- });
- BDFDB.addObserver(this, BDFDB.dotCN.app + " ~ [class^='theme-']:not([class*='popouts'])", {name:"userProfilModalObserver",instance:observer}, {childList: true});
-
this.languages = Object.assign({},BDFDB.languages);
+ BDFDB.WebModules.forceAllUpdates(this);
+
return true;
}
else {
@@ -106,6 +86,7 @@ module.exports = (Plugin, Api, Vendor) => {
onStop () {
if (global.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) {
+ BDFDB.removeEles(".creationDate");
BDFDB.unloadMessage(this);
return true;
}
@@ -117,105 +98,114 @@ module.exports = (Plugin, Api, Vendor) => {
// begin of own functions
- updateSettings (settingspanel) {
- var settings = {};
- for (var input of settingspanel.querySelectorAll(BDFDB.dotCN.switchinner)) {
- settings[input.value] = input.checked;
- }
- BDFDB.saveAllData(settings, this, "settings");
- }
-
openDropdownMenu (e) {
- var selectControl = e.currentTarget;
- var selectWrap = selectControl.parentElement;
+ let selectControl = e.currentTarget;
+ let selectWrap = selectControl.parentElement;
+ let plugincard = BDFDB.getParentEle("li", selectWrap);
- if (selectWrap.classList.contains(BDFDB.disCN.selectisopen)) return;
+ if (!plugincard || BDFDB.containsClass(selectWrap, BDFDB.disCN.selectisopen)) return;
- selectWrap.classList.add(BDFDB.disCN.selectisopen);
- $("li").has(selectWrap).css("overflow", "visible");
+ BDFDB.addClass(selectWrap, BDFDB.disCN.selectisopen);
+ plugincard.style.setProperty("overflow", "visible", "important");
- var type = selectWrap.getAttribute("type");
- var selectMenu = this.createDropdownMenu(selectWrap.getAttribute("value"), type);
+ let type = selectWrap.getAttribute("type");
+ let selectMenu = this.createDropdownMenu(selectWrap.getAttribute("value"));
selectWrap.appendChild(selectMenu);
- $(selectMenu).on("mousedown." + this.name, BDFDB.dotCN.selectoption, (e2) => {
- var language = e2.currentTarget.getAttribute("value");
+ BDFDB.addChildEventListener(selectMenu, "mousedown", BDFDB.dotCN.selectoption, e2 => {
+ let language = e2.currentTarget.getAttribute("value");
selectWrap.setAttribute("value", language);
selectControl.querySelector(".languageName").innerText = this.languages[language].name;
selectControl.querySelector(".languageTimestamp").innerText = this.getCreationTime(language);
BDFDB.saveData(type, language, this, "choices");
});
- $(document).on("mousedown.select" + this.name, (e2) => {
- if (e2.target.parentElement == selectMenu) return;
- $(document).off("mousedown.select" + this.name);
- selectMenu.remove();
- $("li").has(selectWrap).css("overflow", "auto");
- setTimeout(() => {selectWrap.classList.remove(BDFDB.disCN.selectisopen);},100);
- });
+
+ var removeMenu = e2 => {
+ if (e2.target.parentElement != selectMenu) {
+ document.removeEventListener("mousedown", removeMenu);
+ selectMenu.remove();
+ plugincard.style.removeProperty("overflow");
+ setTimeout(() => {BDFDB.removeClass(selectWrap, BDFDB.disCN.selectisopen);},100);
+ }
+ };
+
+ document.addEventListener("mousedown", removeMenu);
}
- createDropdownMenu (choice, type) {
- var menuhtml = `
${this.name}
`;
+ for (let key in settings) {
+ settingshtml += ``;
+ }
for (let key in choices) {
settingshtml += ``;
}
for (let key in formats) {
settingshtml += ``;
}
- for (let key in settings) {
- settingshtml += ``;
- }
- var infoHidden = BDFDB.loadData("hideInfo", this, "hideInfo");
- settingshtml += ``;
+ let infoHidden = BDFDB.loadData("hideInfo", this, "hideInfo");
+ settingshtml += ``;
settingshtml += `
${this.defaults.settings[key].description}
${this.defaults.choices[key].description}
${this.languages[choices[key]].name}
${this.getTimestamp(this.languages[choices[key]].id)}
${this.defaults.formats[key].description}
${this.defaults.settings[key].description}
Information
Information
`;
settingshtml += `
`;
+ settingshtml += `$hour will be replaced with the current hour
$minute will be replaced with the current minutes
$second will be replaced with the current seconds
$msecond will be replaced with the current milliseconds
$timemode will change $hour to a 12h format and will be replaced with AM/PM
$year will be replaced with the current year
$month will be replaced with the current month
$day will be replaced with the current day
$monthnameL will be replaced with the monthname in long format based on the Discord Language
$monthnameS will be replaced with the monthname in short format based on the Discord Language
$weekdayL will be replaced with the weekday in long format based on the Discord Language
$weekdayS will be replaced with the weekday in short format based on the Discord Language
`;
- settingshtml += `
`;
+ this.css = `
+ ${BDFDB.dotCN.channelheadertitletext}[custom-editchannelsheader] ${BDFDB.dotCN.channelheaderchannelicon} {
+ opacity: 0.6;
+ }
+ `;
+
this.defaults = {
settings: {
- changeInChannelHeader: {value:true, description:"Change in Channel Header."}
+ changeChannelIcon: {value:true, description:"Change color of Channel Icon."},
+ changeUnreadIndicator: {value:true, description:"Change color of Unread Indicator."}
}
};
}
@@ -103,54 +121,16 @@ module.exports = (Plugin, Api, Vendor) => {
initialize () {
if (global.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) {
+ if (this.started) return true;
BDFDB.loadMessage(this);
- var observer = null;
+ this.UserUtils = BDFDB.WebModules.findByProperties("getUsers","getUser");
+ this.ChannelUtils = BDFDB.WebModules.findByProperties("getChannels","getChannel");
+ this.CurrentChannelUtils = BDFDB.WebModules.findByProperties("getChannels","getDefaultChannel");
+ this.LastGuildStore = BDFDB.WebModules.findByProperties("getLastSelectedGuildId");
+ this.LastChannelStore = BDFDB.WebModules.findByProperties("getLastSelectedChannelId");
- observer = new MutationObserver((changes, _) => {
- changes.forEach(
- (change, i) => {
- if (change.attributeName == "class" && $(change.target).attr("class").indexOf("wrapper") > -1 && $("[custom-editchannels]").has(change.target)[0]) {
- let info = BDFDB.getKeyInformation({"node":change.target, "key":"channel"});
- if (info) this.loadChannel(BDFDB.getDivOfChannel(info.id));
- }
- if (change.addedNodes) {
- change.addedNodes.forEach((node) => {
- if (node && node.classList && (node.classList.contains(BDFDB.disCN.channelcontainerdefault) || node.classList.contains(BDFDB.disCN.categorycontainerdefault))) {
- let info = BDFDB.getKeyInformation({"node":node, "key":"channel"});
- if (info) this.loadChannel(BDFDB.getDivOfChannel(info.id));
- }
- if (node && node.className && node.className.length > 0 && node.className.indexOf("container-") > -1) {
- for (let channel of node.querySelectorAll(BDFDB.dotCNC.channelcontainerdefault + BDFDB.dotCN.categorycontainerdefault)) {
- let info = BDFDB.getKeyInformation({"node":channel, "key":"channel"});
- if (info) this.loadChannel(BDFDB.getDivOfChannel(info.id));
- }
- }
- });
- }
- }
- );
- });
- BDFDB.addObserver(this, BDFDB.dotCN.channels, {name:"channelListObserver",instance:observer}, {childList: true, attributes:true, subtree: true});
-
- observer = new MutationObserver((changes, _) => {
- changes.forEach(
- (change, i) => {
- if (change.addedNodes) {
- change.addedNodes.forEach((node) => {
- if (node && node.nodeType == 1 && node.className.includes(BDFDB.disCN.contextmenu)) {
- this.onContextMenu(node);
- }
- });
- }
- }
- );
- });
- BDFDB.addObserver(this, BDFDB.dotCN.appmount, {name:"channelContextObserver",instance:observer}, {childList: true});
-
- this.loadAllChannels();
-
- this.changeChannelHeader();
+ BDFDB.WebModules.forceAllUpdates(this);
return true;
}
@@ -162,7 +142,12 @@ module.exports = (Plugin, Api, Vendor) => {
onStop () {
if (global.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) {
- this.resetAllChannels();
+ let data = BDFDB.loadAllData(this, "channels");
+ BDFDB.removeAllData(this, "channels");
+ BDFDB.WebModules.forceAllUpdates(this);
+ BDFDB.saveAllData(data, this, "channels");
+
+ BDFDB.removeEles(".autocompleteEditChannels", ".autocompleteEditChannelsRow");
BDFDB.unloadMessage(this);
return true;
@@ -172,33 +157,9 @@ module.exports = (Plugin, Api, Vendor) => {
}
}
- onSwitch () {
- if (global.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) {
- $(`${BDFDB.dotCN.channelheadertitletext}[custom-editchannelsheader]`).find(BDFDB.dotCN.channelheaderchannelname + BDFDB.dotCN.channelheaderprivate).css("color", "").css("background-color", "").parent().removeAttr("custom-editchannelsheader");
- this.loadAllChannels();
- setImmediate(() => {this.changeChannelHeader();}); //setImmediate so EditChannels sets the color after EditUsers set it back to white
- }
- }
-
// begin of own functions
- updateSettings (settingspanel) {
- var settings = {};
- for (var input of settingspanel.querySelectorAll(BDFDB.dotCN.switchinner)) {
- settings[input.value] = input.checked;
- }
- BDFDB.saveAllData(settings, this, "settings");
- }
-
- resetAll () {
- if (confirm("Are you sure you want to reset all channels?")) {
- BDFDB.removeAllData(this, "channels");
-
- this.resetAllChannels();
- }
- }
-
changeLanguageStrings () {
this.channelContextEntryMarkup = this.channelContextEntryMarkup.replace("REPLACE_context_localchannelsettings_text", this.labels.context_localchannelsettings_text);
@@ -211,206 +172,411 @@ module.exports = (Plugin, Api, Vendor) => {
this.channelSettingsModalMarkup = this.channelSettingsModalMarkup.replace("REPLACE_btn_save_text", this.labels.btn_save_text);
}
- onContextMenu (context) {
- if (!context || !context.tagName || !context.parentElement || context.querySelector(".localchannelsettings-item")) return;
- var info = BDFDB.getKeyInformation({"node":context, "key":"channel"});
- if (info && BDFDB.getKeyInformation({"node":context, "key":"displayName", "value":"ChannelDeleteGroup"})) {
- $(context).append(this.channelContextEntryMarkup)
- .on("mouseenter", ".localchannelsettings-item", (e) => {
- this.createContextSubMenu(info, e, context);
+ onChannelContextMenu (instance, menu) {
+ if (instance.props && instance.props.channel && !menu.querySelector(".localchannelsettings-item")) {
+ let channelContextEntry = BDFDB.htmlToElement(this.channelContextEntryMarkup);
+ menu.appendChild(channelContextEntry);
+ let settingsitem = channelContextEntry.querySelector(".localchannelsettings-item");
+ settingsitem.addEventListener("mouseenter", () => {
+ let channelContextSubMenu = BDFDB.htmlToElement(this.channelContextSubMenuMarkup);
+ let channelitem = channelContextSubMenu.querySelector(".channelsettings-item");
+ channelitem.addEventListener("click", () => {
+ instance._reactInternalFiber.return.memoizedProps.closeContextMenu();
+ this.showChannelSettings(instance.props.channel);
});
-
- BDFDB.updateContextPosition(context);
- }
- }
-
- createContextSubMenu (info, e, context) {
- var channelContextSubMenu = $(this.channelContextSubMenuMarkup);
-
- channelContextSubMenu
- .on("click", ".channelsettings-item", () => {
- $(context).hide();
- this.showChannelSettings(info);
+ if (BDFDB.loadData(instance.props.channel.id, this, "channels")) {
+ let resetitem = channelContextSubMenu.querySelector(".resetsettings-item");
+ BDFDB.removeClass(resetitem, BDFDB.disCN.contextmenuitemdisabled);
+ resetitem.addEventListener("click", () => {
+ instance._reactInternalFiber.return.memoizedProps.closeContextMenu();
+ BDFDB.removeData(instance.props.channel.id, this, "channels");
+ BDFDB.WebModules.forceAllUpdates(this);
+ });
+ }
+ BDFDB.appendSubMenu(settingsitem, channelContextSubMenu);
});
-
- if (BDFDB.loadData(info.id, this, "channels")) {
- channelContextSubMenu
- .find(".resetsettings-item")
- .removeClass(BDFDB.disCN.contextmenuitemdisabled)
- .on("click", () => {
- $(context).hide();
- this.removeChannelData(info);
- });
}
-
- BDFDB.appendSubMenu(e.currentTarget, channelContextSubMenu);
}
showChannelSettings (info) {
- var channelObj = BDFDB.getDivOfChannel(info.id);
+ var {name,color} = BDFDB.loadData(info.id, this, "channels") || {}
- var data = BDFDB.loadData(info.id, this, "channels");
+ let channelSettingsModal = BDFDB.htmlToElement(this.channelSettingsModalMarkup);
+ let channelnameinput = channelSettingsModal.querySelector("#input-channelname");
- var name = data ? data.name : null;
- var color = data ? data.color : null;
+ channelSettingsModal.querySelector(BDFDB.dotCN.modalguildname).innerText = info.name;
+ channelnameinput.value = name || "";
+ channelnameinput.setAttribute("placeholder", info.name);
+ BDFDB.setColorSwatches(channelSettingsModal, color);
- var channelSettingsModal = $(this.channelSettingsModalMarkup);
- channelSettingsModal.find(BDFDB.dotCN.modalguildname).text(info.name);
- channelSettingsModal.find("#input-channelname").val(name);
- channelSettingsModal.find("#input-channelname").attr("placeholder", info.name);
- BDFDB.setColorSwatches(color, channelSettingsModal.find(".swatches1"), "swatch1");
BDFDB.appendModal(channelSettingsModal);
- channelSettingsModal
- .on("click", ".btn-save", (event) => {
- event.preventDefault();
- name = null;
- if (channelSettingsModal.find("#input-channelname").val()) {
- if (channelSettingsModal.find("#input-channelname").val().trim().length > 0) {
- name = channelSettingsModal.find("#input-channelname").val().trim();
+ BDFDB.addChildEventListener(channelSettingsModal, "click", ".btn-save", e => {
+ e.preventDefault();
+
+ name = channelnameinput.value.trim();
+ name = name ? name : null;
+
+ color = BDFDB.getSwatchColor(channelSettingsModal, 1);
+ if (color) {
+ if (color[0] < 30 && color[1] < 30 && color[2] < 30) color = BDFDB.colorCHANGE(color, 30);
+ else if (color[0] > 225 && color[1] > 225 && color[2] > 225) color = BDFDB.colorCHANGE(color, -30);
+ }
+
+ if (name == null && color == null) {
+ BDFDB.removeData(info.id, this, "channels");
+ }
+ else {
+ BDFDB.saveData(info.id, {name,color}, this, "channels");
+ }
+ BDFDB.WebModules.forceAllUpdates(this);
+ });
+ channelnameinput.focus();
+ }
+
+ processChannelTextArea (instance, wrapper) {
+ let channel = BDFDB.getReactValue(instance, "props.channel");
+ if (channel) {
+ var textarea = wrapper.querySelector("textarea");
+ if (!textarea) return;
+ if (channel.type == 0 && instance.props.type == "normal") {
+ let data = BDFDB.loadData(channel.id, this, "channels") || {};
+ wrapper.querySelector("textarea").setAttribute("placeholder", BDFDB.LanguageStrings.TEXTAREA_PLACEHOLDER.replace("{{channel}}", "#" + (data.name || channel.name)));
+ }
+ BDFDB.addEventListener(this, textarea, "keydown", e => {
+ let autocompletemenu = textarea.parentElement.querySelector(BDFDB.dotCN.autocomplete);
+ if (autocompletemenu && (e.which == 9 || e.which == 13)) {
+ if (BDFDB.containsClass(autocompletemenu.querySelector(BDFDB.dotCN.autocompleteselected).parentElement, "autocompleteEditChannelsRow")) {
+ e.originalEvent.preventDefault();
+ e.originalEvent.stopPropagation();
+ this.swapWordWithMention(textarea);
}
}
-
- color = BDFDB.getSwatchColor("swatch1");
- if (color) {
- if (color[0] < 30 && color[1] < 30 && color[2] < 30) BDFDB.colorCHANGE(color, 30);
- else if (color[0] > 225 && color[1] > 225 && color[2] > 225) BDFDB.colorCHANGE(color, -30);
+ else if (autocompletemenu && (e.which == 38 || e.which == 40)) {
+ let autocompleteitems = autocompletemenu.querySelectorAll(BDFDB.dotCN.autocompleteselectable + ":not(.autocompleteEditChannelsSelector)");
+ let selected = autocompletemenu.querySelector(BDFDB.dotCN.autocompleteselected);
+ if (BDFDB.containsClass(selected, "autocompleteEditChannelsSelector") || autocompleteitems[e.which == 38 ? 0 : (autocompleteitems.length-1)] == selected) {
+ e.originalEvent.preventDefault();
+ e.originalEvent.stopPropagation();
+ let next = this.getNextSelection(autocompletemenu, null, e.which == 38 ? false : true);
+ BDFDB.removeClass(selected, BDFDB.disCN.autocompleteselected);
+ BDFDB.addClass(selected, BDFDB.disCN.autocompleteselector);
+ BDFDB.addClass(next, BDFDB.disCN.autocompleteselected);
+ }
+ }
+ else if (textarea.value && !e.shiftKey && e.which == 13 && !autocompletemenu && textarea.value.indexOf("s/") != 0) {
+ this.format = true;
+ textarea.dispatchEvent(new Event("input"));
+ }
+ else if (!e.ctrlKey && e.which != 16 && textarea.selectionStart == textarea.selectionEnd && textarea.selectionEnd == textarea.value.length) {
+ clearTimeout(textarea.EditChannelsAutocompleteTimeout);
+ textarea.EditChannelsAutocompleteTimeout = setTimeout(() => {this.addAutoCompleteMenu(textarea, channel);},100);
}
- if (name == null && color == null) {
- this.removeChannelData(info.id);
- }
- else {
- BDFDB.saveData(info.id, {name,color}, this, "channels");
- this.loadChannel(channelObj);
- this.changeChannelHeader();
- }
+ if (!e.ctrlKey && e.which != 38 && e.which != 40 && !(e.which == 39 && textarea.selectionStart == textarea.selectionEnd && textarea.selectionEnd == textarea.value.length)) BDFDB.removeEles(".autocompleteEditChannels", ".autocompleteEditChannelsRow");
+ });
+ BDFDB.addEventListener(this, textarea, "click", e => {
+ if (textarea.selectionStart == textarea.selectionEnd && textarea.selectionEnd == textarea.value.length) setImmediate(() => {this.addAutoCompleteMenu(textarea, channel);});
});
-
- channelSettingsModal.find("#input-channelname").focus();
- }
-
- removeChannelData (info) {
- this.resetChannel(BDFDB.getDivOfChannel(info.id));
-
- BDFDB.removeData(info.id, this, "channels");
-
- this.changeChannelHeader();
- }
-
- resetChannel (channelObj) {
- if (!channelObj || !channelObj.div) return;
-
- var channel = channelObj.div.querySelector(BDFDB.dotCNC.channelname + BDFDB.dotCN.categorycolortransition);
-
- $(channelObj.div)
- .removeAttr("custom-editchannels");
- $(channel)
- .css("color", "");
-
- BDFDB.setInnerText(channel, channelObj.name);
- }
-
- loadChannel (channelObj) {
- if (!channelObj || !channelObj.div) return;
-
- var channel = channelObj.div.querySelector(BDFDB.dotCNC.channelname + BDFDB.dotCN.categorycolortransition);
-
- var data = BDFDB.loadData(channelObj.id, this, "channels");
- if (data) {
- var name = data.name ? data.name : channelObj.name;
- var color = data.color ? this.chooseColor(channel, data.color) : "";
-
- $(channelObj.div)
- .attr("custom-editchannels", true);
- $(channel)
- .css("color", color);
-
- BDFDB.setInnerText(channel, name);
}
}
- loadAllChannels () {
- for (let channelObj of BDFDB.readChannelList()) {
- this.loadChannel(channelObj);
+ processAuditLog (instance, wrapper) {
+ let channel = BDFDB.getReactValue(instance, "props.log.options.channel");
+ if (channel) {
+ let hooks = wrapper.querySelectorAll(`${BDFDB.dotCN.flexchild} > span${BDFDB.notCN.auditloguserhook}`);
+ if (hooks.length > 0) this.changeChannel2(channel, hooks[0].firstChild);
+ }
+ }
+
+ processChannelCategoryItem (instance, wrapper) {
+ if (instance.props && instance.props.channel) {
+ this.changeChannel(instance.props.channel, wrapper.querySelector(BDFDB.dotCN.categorycolortransition));
}
}
- changeChannelHeader () {
- if (BDFDB.getData("changeInChannelHeader", this, "settings")) {
- var channelHeader = document.querySelector(BDFDB.dotCNS.channelheadertitle + BDFDB.dotCN.channelheadertitletext);
- if (!channelHeader) return;
- var channel = channelHeader.querySelector(`${BDFDB.dotCN.channelheaderchannelname}:not(${BDFDB.dotCN.channelheaderprivate})`);
- if (!channel) return;
- var info = BDFDB.getKeyInformation({"node":channelHeader,"key":"channel"});
- if (info) {
- var data = BDFDB.loadData(info.id, this, "channels");
- var name = data && data.name ? data.name : info.name;
- var color = data && data.color ? BDFDB.color2RGB(data.color) : "";
- BDFDB.setInnerText(channel, name);
- $(channel).css("color", color);
+ processChannelItem (instance, wrapper) {
+ if (instance.props && instance.props.channel) {
+ this.changeChannel(instance.props.channel, wrapper.querySelector(BDFDB.dotCN.channelname));
+ }
+ }
- if (data && (data.name || data.color)) {
- $(channelHeader).attr("custom-editchannelsheader", true);
- }
- else {
- $(channelHeader).removeAttr("custom-editchannelsheader");
+ processHeaderBar (instance, wrapper) {
+ let channel_id = BDFDB.getReactValue(instance, "_reactInternalFiber.return.memoizedProps.channelId");
+ if (channel_id) {
+ let channelname = wrapper.querySelector(BDFDB.dotCN.channelheaderchannelname);
+ if (channelname) {
+ let channel = this.ChannelUtils.getChannel(channel_id);
+ if (channel) {
+ if (channel.type == 0) this.changeChannel(channel, wrapper.querySelector(BDFDB.dotCN.channelheaderchannelname));
+ else {
+ if (channel.type == 1) channel = this.UserUtils.getUser(channel.recipients[0]) || channel;
+ if (channelname.EditChannelsChangeObserver && typeof channelname.EditChannelsChangeObserver.disconnect == "function") channelname.EditChannelsChangeObserver.disconnect();
+ channelname.style.removeProperty("color");
+ channelname.style.removeProperty("background");
+ BDFDB.setInnerText(channelname, channel.name || channel.username);
+ }
}
}
}
}
- resetAllChannels () {
- document.querySelectorAll("[custom-editchannels]").forEach(channelDiv => {
- var info = BDFDB.getKeyInformation({"node":channelDiv, "key":"channel"});
- if (info) this.resetChannel({div:channelDiv,info});
+ processClickable (instance, wrapper) {
+ if (!instance.props || !instance.props.className) return;
+ else if (instance.props.tag == "span" && instance.props.className.indexOf(BDFDB.disCN.mentionwrapper) > -1 && instance.props.className.indexOf(BDFDB.disCN.mention) == -1) {
+ let children = BDFDB.getReactValue(instance, "_reactInternalFiber.memoizedProps.children");
+ if (children && typeof children[0] == "string") {
+ let channelname = children[0].slice(1);
+ let categoryname = BDFDB.getReactValue(instance, "_reactInternalFiber.return.return.type.displayName") == "Tooltip" ? BDFDB.getReactValue(instance, "_reactInternalFiber.return.return.memoizedProps.text") : null;
+ for (let channel of this.CurrentChannelUtils.getChannels(this.LastGuildStore.getGuildId())[0]) {
+ if (channelname == channel.channel.name) {
+ let category = categoryname ? this.ChannelUtils.getChannel(channel.channel.parent_id) : null;
+ if (!category || category && categoryname == category.name) {
+ this.changeMention(channel.channel, wrapper, category || {});
+ break;
+ }
+ }
+ }
+ }
+ }
+ else if (instance.props.tag == "div" && instance.props.className.indexOf(BDFDB.disCN.quickswitchresult) > -1) {
+ let result = BDFDB.getReactValue(instance, "_reactInternalFiber.return.memoizedProps.result");
+ if (result && result.type.indexOf("_CHANNEL") != -1) {
+ this.changeChannel(result.record, wrapper.querySelector(BDFDB.dotCN.quickswitchresultmatch));
+ if (result.record.parent_id) {
+ this.changeChannel(this.ChannelUtils.getChannel(result.record.parent_id), wrapper.querySelector(BDFDB.dotCN.quickswitchresultnote));
+ }
+ }
+ }
+ else if (instance.props.tag == "div" && instance.props.className.indexOf(BDFDB.disCN.autocompleterow) > -1) {
+ let channel = BDFDB.getReactValue(instance, "_reactInternalFiber.return.memoizedProps.channel");
+ if (channel) {
+ this.changeChannel(channel, wrapper.querySelector(BDFDB.dotCN.marginleft4));
+ let category = BDFDB.getReactValue(instance, "_reactInternalFiber.return.memoizedProps.category");
+ if (category) this.changeChannel(category, wrapper.querySelector(BDFDB.dotCN.autocompletedescription));
+ }
+ }
+ else if (instance.props.tag == "span" && instance.props.className.indexOf(BDFDB.disCN.messagespopoutchannelname) > -1) {
+ let channel = BDFDB.getReactValue(instance, "_reactInternalFiber.return.sibling.child.child.memoizedProps.channel");
+ if (channel) this.changeChannel2(channel, wrapper);
+ }
+ }
+
+ changeChannel (info, channelname) {
+ if (!info || !channelname || !channelname.parentElement) return;
+ if (channelname.EditChannelsChangeObserver && typeof channelname.EditChannelsChangeObserver.disconnect == "function") channelname.EditChannelsChangeObserver.disconnect();
+ let data = BDFDB.loadData(info.id, this, "channels") || {};
+ let settings = BDFDB.getAllData(this, "settings");
+ let color = this.chooseColor(channelname, data.color);
+ channelname.style.setProperty("color", color, "important");
+ BDFDB.setInnerText(channelname, data.name || info.name);
+ let iconparent = BDFDB.containsClass(channelname, BDFDB.disCN.quickswitchresultmatch) ? channelname.parentElement.parentElement : channelname.parentElement;
+ if (!BDFDB.containsClass(channelname, BDFDB.disCN.autocompletedescription)) {
+ iconparent.querySelectorAll('svg [stroke]:not([stroke="none"]').forEach(icon => {
+ if (!icon.getAttribute("oldstroke")) icon.setAttribute("oldstroke", icon.getAttribute("stroke"));
+ icon.setAttribute("stroke", color && settings.changeChannelIcon ? color : icon.getAttribute("oldstroke"), "important");
+ icon.style.setProperty("stroke", color && settings.changeChannelIcon ? color : icon.getAttribute("oldstroke"), "important");
+ });
+ iconparent.querySelectorAll('svg [fill]:not([fill="none"]').forEach(icon => {
+ if (!icon.getAttribute("oldfill")) icon.setAttribute("oldfill", icon.getAttribute("fill"));
+ icon.setAttribute("fill", color && settings.changeChannelIcon ? color : icon.getAttribute("oldfill"), "important");
+ icon.style.setProperty("fill", color && settings.changeChannelIcon ? color : icon.getAttribute("oldfill"), "important");
+ });
+ let unread = iconparent.parentElement.querySelector(BDFDB.dotCN.channelunread);
+ if (unread) unread.style.setProperty("background-color", color && settings.changeUnreadIndicator ? color : null, "important");
+ }
+ if (color) {
+ channelname.EditChannelsChangeObserver = new MutationObserver((changes, _) => {
+ changes.forEach(
+ (change, i) => {
+ if (change.type == "childList" && change.addedNodes.length && change.target.tagName && (change.target.tagName == "SVG" || change.target.querySelector("svg")) || change.type == "attributes" && change.attributeName == "class" && change.target.className.length && change.target.className.indexOf("name") > -1 || change.type == "attributes" && change.attributeName == "style" && BDFDB.containsClass(change.target, BDFDB.disCN.channelheaderchannelname)) {
+ channelname.EditChannelsChangeObserver.disconnect();
+ this.changeChannel(info, channelname);
+ }
+ }
+ );
+ });
+ channelname.EditChannelsChangeObserver.observe(iconparent, {attributes:true, childList:true, subtree:true});
+ }
+ }
+
+ changeChannel2 (info, channelname) {
+ if (!info || !channelname || !channelname.parentElement) return;
+ if (channelname.EditChannelsChangeObserver && typeof channelname.EditChannelsChangeObserver.disconnect == "function") channelname.EditChannelsChangeObserver.disconnect();
+ let data = BDFDB.loadData(info.id, this, "channels") || {};
+ let color = this.chooseColor(channelname, data.color);
+ channelname.style.setProperty("color", color, "important");
+ BDFDB.setInnerText(channelname, "#" + (data.name || info.name));
+ if (color) {
+ channelname.EditChannelsChangeObserver = new MutationObserver((changes, _) => {
+ changes.forEach(
+ (change, i) => {
+ if (change.type == "childList" && change.addedNodes.length && change.target.tagName && (change.target.tagName == "SVG" || change.target.querySelector("svg")) || change.type == "attributes" && change.attributeName == "class" && change.target.className.length && change.target.className.indexOf("name") > -1) {
+ channelname.EditChannelsChangeObserver.disconnect();
+ this.changeChannel2(info, channelname);
+ }
+ }
+ );
+ });
+ channelname.EditChannelsChangeObserver.observe(channelname.parentElement, {attributes:true, childList:true, subtree:true});
+ }
+ }
+
+ changeMention (info, mention, categoryinfo) {
+ if (!info || !mention || !mention.parentElement) return;
+ if (mention.EditChannelsChangeObserver && typeof mention.EditChannelsChangeObserver.disconnect == "function") mention.EditChannelsChangeObserver.disconnect();
+ mention.removeEventListener("mouseover", mention.mouseoverListenerEditChannels);
+ mention.removeEventListener("mouseout", mention.mouseoutListenerEditChannels);
+ let data = BDFDB.loadData(info.id, this, "channels") || {};
+ let color = BDFDB.colorCONVERT(data.color, "RGBCOMP");
+ BDFDB.setInnerText(mention, "#" + (data.name || info.name));
+ if (mention.EditChannelsHovered) colorHover();
+ else colorDefault();
+ mention.mouseoverListenerEditChannels = () => {
+ mention.EditChannelsHovered = true;
+ colorHover();
+ let categorydata = BDFDB.loadData(categoryinfo.id, this, "channels") || {};
+ if (categorydata.name) BDFDB.createTooltip(categorydata.name, mention, {type:"top",selector:"EditChannels-tooltip",css:`body ${BDFDB.dotCN.tooltip}:not(.EditChannels-tooltip) {display: none !important;}`});
+ };
+ mention.mouseoutListenerEditChannels = () => {
+ delete mention.EditChannelsHovered;
+ colorDefault();
+ };
+ mention.addEventListener("mouseover", mention.mouseoverListenerEditChannels);
+ mention.addEventListener("mouseout", mention.mouseoutListenerEditChannels);
+ mention.EditChannelsChangeObserver = new MutationObserver((changes, _) => {
+ mention.EditChannelsChangeObserver.disconnect();
+ this.changeMention(info, mention, categoryinfo);
});
-
- var channelHeader = document.querySelector("[custom-editchannelsheader]");
- if (channelHeader) {
- var info = BDFDB.getKeyInformation({"node":channelHeader, "key":"channel"});
- if (info) {
- var channel = channelHeader.querySelector(BDFDB.dotCN.channelheaderchannelname);
- BDFDB.setInnerText(channel, info.name);
- $(channel).css("color", "");
- $(channelHeader).removeAttr("custom-editchannelsheader");
- }
+ mention.EditChannelsChangeObserver.observe(mention, {attributes:true});
+ function colorDefault() {
+ mention.style.setProperty("color", color ? "rgb(" + color[0] + "," + color[1] + "," + color[2] + ")" : null, "important");
+ mention.style.setProperty("background", color ? "rgba(" + color[0] + "," + color[1] + "," + color[2] + ",.1)" : null, "important");
+ }
+ function colorHover() {
+ mention.style.setProperty("color", color ? "#FFFFFF" : null, "important");
+ mention.style.setProperty("background", color ? "rgba(" + color[0] + "," + color[1] + "," + color[2] + ",.7)" : null, "important");
}
}
- chooseColor (channel, color) {
- if (color && channel && channel.className) {
- if (channel.className.indexOf("nameMuted") > -1 || channel.className.indexOf("nameLocked") > -1) {
- color = BDFDB.colorCHANGE(color, -50);
- }
- if (channel.className.indexOf("nameDefault") > -1) {
- color = color;
- }
- if (channel.className.indexOf("nameSelected") > -1 || channel.className.indexOf("nameHovered") > -1 || channel.className.indexOf("nameUnread") > -1) {
- color = BDFDB.colorCHANGE(color, 50);
- }
- return BDFDB.color2RGB(color);
+ chooseColor (channelname, color) {
+ if (color && channelname) {
+ let classname = channelname.className ? channelname.className.toLowerCase() : "";
+ if (classname.indexOf("muted") > -1 || classname.indexOf("locked") > -1) color = BDFDB.colorCHANGE(color, -0.5);
+ else if (classname.indexOf("selected") > -1 || classname.indexOf("hovered") > -1 || classname.indexOf("unread") > -1) color = BDFDB.colorCHANGE(color, 0.5);
+ return BDFDB.colorCONVERT(color, "RGB");
}
return null;
}
+ addAutoCompleteMenu (textarea, channel) {
+ if (textarea.parentElement.querySelector(".autocompleteEditChannelsRow")) return;
+ let words = textarea.value.split(/\s/);
+ let lastword = words[words.length-1].trim();
+ if (lastword && lastword.length > 1 && lastword[0] == "#") {
+ let channels = BDFDB.loadAllData(this, "channels");
+ if (!channels) return;
+ let channelarray = [];
+ for (let id in channels) if (channels[id].name) {
+ let channel = this.ChannelUtils.getChannel(id);
+ let category = channel && channel.parent_id ? this.ChannelUtils.getChannel(channel.parent_id) : null;
+ let catdata = (category ? channels[category.id] : null) || {};
+ if (channel && channel.type == 0) channelarray.push(Object.assign({lowercasename:channels[id].name.toLowerCase(),lowercasecatname:(catdata && catdata.name ? catdata.name.toLowerCase() : null),channel,category,catdata},channels[id]));
+ }
+ channelarray = BDFDB.sortArrayByKey(channelarray.filter(n => n.lowercasename.indexOf(lastword.toLowerCase().slice(1)) != -1 || (n.lowercasecatname && n.lowercasecatname.indexOf(lastword.toLowerCase().slice(1)) != -1)), "lowercasename");
+ if (channelarray.length) {
+ let settings = BDFDB.getAllData(this, "settings");
+ let autocompletemenu = textarea.parentElement.querySelector(BDFDB.dotCNS.autocomplete + BDFDB.dotCN.autocompleteinner), amount = 15;
+ if (!autocompletemenu) {
+ autocompletemenu = BDFDB.htmlToElement(``);
+ textarea.parentElement.appendChild(autocompletemenu);
+ autocompletemenu = autocompletemenu.firstElementChild;
+ }
+ else {
+ amount -= autocompletemenu.querySelectorAll(BDFDB.dotCN.autocompleteselectable).length;
+ }
+
+ BDFDB.addEventListener(this, autocompletemenu, "mouseenter", BDFDB.dotCN.autocompleteselectable, e => {
+ var selected = autocompletemenu.querySelectorAll(BDFDB.dotCN.autocompleteselected);
+ BDFDB.removeClass(selected, BDFDB.disCN.autocompleteselected);
+ BDFDB.addClass(selected, BDFDB.disCN.autocompleteselector);
+ BDFDB.addClass(e.currentTarget, BDFDB.disCN.autocompleteselected);
+ });
+
+ for (let data of channelarray) {
+ if (amount-- < 1) break;
+ let color = BDFDB.colorCONVERT(data.color, "RGB");
+ let catcolor = BDFDB.colorCONVERT(data.catdata.color, "RGB");
+ let autocompleterow = BDFDB.htmlToElement(``);
+ autocompleterow.querySelector(BDFDB.dotCN.autocompleteselectable).addEventListener("click", () => {this.swapWordWithMention(textarea);});
+ autocompletemenu.appendChild(autocompleterow);
+ }
+ if (!autocompletemenu.querySelector(BDFDB.dotCN.autocompleteselected)) {
+ BDFDB.addClass(autocompletemenu.querySelector(".autocompleteEditChannelsRow " + BDFDB.dotCN.autocompleteselectable), BDFDB.disCN.autocompleteselected);
+ }
+ }
+ }
+ }
+
+ getNextSelection (menu, selected, forward) {
+ selected = selected ? selected : menu.querySelector(BDFDB.dotCN.autocompleteselected).parentElement;
+ let next, sibling = forward ? selected.nextElementSibling : selected.previousElementSibling;
+ if (sibling) {
+ next = sibling.querySelector(BDFDB.dotCN.autocompleteselectable);
+ }
+ else {
+ let items = menu.querySelectorAll(BDFDB.dotCN.autocompleteselectable);
+ next = forward ? items[0] : items[items.length-1];
+ }
+ return next ? next : this.getNextSelection(menu, sibling, forward);
+ }
+
+ swapWordWithMention (textarea) {
+ let selected = textarea.parentElement.querySelector(".autocompleteEditChannelsRow " + BDFDB.dotCN.autocompleteselected);
+ let channelid = selected ? selected.getAttribute("channelid") : null;
+ let words = textarea.value.split(/\s/);
+ let lastword = words[words.length-1].trim();
+ if (channelid && lastword) {
+ BDFDB.removeEles(".autocompleteEditChannels", ".autocompleteEditChannelsRow");
+ textarea.focus();
+ textarea.selectionStart = textarea.value.length - lastword.length;
+ textarea.selectionEnd = textarea.value.length;
+ document.execCommand("insertText", false, `<#${channelid}> `);
+ textarea.selectionStart = textarea.value.length;
+ textarea.selectionEnd = textarea.value.length;
+ }
+ }
+
getSettingsPanel () {
+ if (!global.BDFDB || typeof BDFDB != "object" || !BDFDB.loaded || !this.started) return;
var settings = BDFDB.getAllData(this, "settings");
- var settingshtml = `
${BDFDB.LanguageStrings.TEXT_CHANNELS_MATCHING.replace("{{prefix}}", BDFDB.encodeToHTML(lastword))}
${BDFDB.encodeToHTML(data.name || data.channel.name)}
${data.category ? '' + BDFDB.encodeToHTML(data.catdata.name || data.category.name) + '
' : ''}`;
+ var settingshtml = `
`;
- var settingspanel = $(settingshtml)[0];
+ let settingspanel = BDFDB.htmlToElement(settingshtml);
- $(settingspanel)
- .on("click", BDFDB.dotCN.switchinner, () => {this.updateSettings(settingspanel);})
- .on("click", ".reset-button", () => {this.resetAll();});
+ BDFDB.initElements(settingspanel, this);
+
+ BDFDB.addEventListener(this, settingspanel, "click", ".reset-button", () => {
+ BDFDB.openConfirmModal(this, "Are you sure you want to reset all channels?", () => {
+ BDFDB.removeAllData(this, "channels");
+ BDFDB.WebModules.forceAllUpdates(this);
+ });
+ });
return settingspanel;
}
+ onSettingsClosed () {
+ if (this.SettingsUpdated) {
+ delete this.SettingsUpdated;
+ BDFDB.WebModules.forceAllUpdates(this);
+ }
+ }
+
setLabelsByLanguage () {
switch (BDFDB.getDiscordLanguage().id) {
case "hr": //croatian
diff --git a/PluginsV2/EditServers/index.js b/PluginsV2/EditServers/index.js
index 051b0c7cbf..ce9aa371c0 100644
--- a/PluginsV2/EditServers/index.js
+++ b/PluginsV2/EditServers/index.js
@@ -5,7 +5,11 @@ module.exports = (Plugin, Api, Vendor) => {
initConstructor () {
this.labels = {};
- this.serverDragged = false;
+ this.patchModules = {
+ "GuildIcon":"componentDidMount",
+ "GuildHeader":["componentDidMount","componentDidUpdate"],
+ "Clickable":"componentDidMount"
+ };
this.serverContextEntryMarkup =
``;
this.serverSettingsModalMarkup =
- `
+ `
${this.name}
`;
for (let key in settings) {
- settingshtml += ``;
+ settingshtml += ``;
}
settingshtml += ``;
- settingshtml += `
`;
+ settingshtml += `${this.defaults.settings[key].description}
${this.defaults.settings[key].description}
Reset all Channels.
-
+
-
+
-
REPLACE_modal_header_text
-
-
-
@@ -141,47 +143,12 @@ module.exports = (Plugin, Api, Vendor) => {
initialize () {
if (global.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) {
+ if (this.started) return true;
BDFDB.loadMessage(this);
- var observer = null;
+ this.GuildUtils = BDFDB.WebModules.findByProperties("getGuilds","getGuild");
- observer = new MutationObserver((changes, _) => {
- changes.forEach(
- (change, i) => {
- if (change.addedNodes) {
- change.addedNodes.forEach((node) => {
- if (node.nodeType == 1 && node.className.includes(BDFDB.disCN.contextmenu)) {
- this.onContextMenu(node);
- }
- });
- }
- }
- );
- });
- BDFDB.addObserver(this, BDFDB.dotCN.appmount, {name:"serverContextObserver",instance:observer}, {childList: true});
-
- observer = new MutationObserver((changes, _) => {
- changes.forEach(
- (change, i) => {
- var addedNodes = change.addedNodes;
- if (change.attributeName == "class" && change.oldValue && change.oldValue.indexOf(BDFDB.disCN.guildplaceholder) > -1) addedNodes = [change.target];
- if (change.attributeName == "draggable" && change.oldValue && change.oldValue == "false") addedNodes = [change.target.parentElement];
- if (addedNodes) {
- addedNodes.forEach((node) => {
- if (node && node.classList && node.classList.contains(BDFDB.disCN.guild) && !node.querySelector(BDFDB.dotCN.guildserror)) {
- var id = BDFDB.getIdOfServer(node);
- if (id) this.loadServer(BDFDB.getDivOfServer(id));
- }
- });
- }
- }
- );
- });
- BDFDB.addObserver(this, BDFDB.dotCN.guilds, {name:"serverListObserver",instance:observer}, {childList: true, subtree:true, attributes:true, attributeFilte: ["class", "draggable"], attributeOldValue: true});
-
- setTimeout(() => {
- this.loadAllServers();
- },3000);
+ BDFDB.WebModules.forceAllUpdates(this);
return true;
}
@@ -193,7 +160,10 @@ module.exports = (Plugin, Api, Vendor) => {
onStop () {
if (global.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) {
- document.querySelectorAll("[custom-editservers]").forEach(serverDiv => {this.resetServer(BDFDB.getIdOfServer(serverDiv));});
+ let data = BDFDB.loadAllData(this, "servers");
+ BDFDB.removeAllData(this, "servers");
+ BDFDB.WebModules.forceAllUpdates(this);
+ BDFDB.saveAllData(data, this, "servers");
BDFDB.unloadMessage(this);
return true;
@@ -206,14 +176,6 @@ module.exports = (Plugin, Api, Vendor) => {
// begin of own functions
- resetAll () {
- if (confirm("Are you sure you want to reset all servers?")) {
- BDFDB.removeAllData(this, "servers");
-
- document.querySelectorAll("[custom-editservers]").forEach(serverDiv => {this.resetServer(BDFDB.getIdOfServer(serverDiv));});
- }
- }
-
changeLanguageStrings () {
this.serverContextEntryMarkup = this.serverContextEntryMarkup.replace("REPLACE_context_localserversettings_text", this.labels.context_localserversettings_text);
@@ -235,256 +197,268 @@ module.exports = (Plugin, Api, Vendor) => {
this.serverSettingsModalMarkup = this.serverSettingsModalMarkup.replace("REPLACE_btn_save_text", this.labels.btn_save_text);
}
- onContextMenu (context) {
- if (!context || !context.tagName || !context.parentElement || context.querySelector(".localserversettings-item")) return;
- var info = BDFDB.getKeyInformation({"node":context, "key":"guild"});
- if (info && BDFDB.getKeyInformation({"node":context, "key":"displayName", "value":"GuildLeaveGroup"})) {
- $(context).append(this.serverContextEntryMarkup)
- .on("mouseenter", ".localserversettings-item", (e) => {
- this.createContextSubMenu(info, e, context);
+ onGuildContextMenu (instance, menu) {
+ if (instance.props && instance.props.target && instance.props.guild && !menu.querySelector(".localserversettings-item")) {
+ let serverContextEntry = BDFDB.htmlToElement(this.serverContextEntryMarkup);
+ menu.appendChild(serverContextEntry);
+ let settingsitem = serverContextEntry.querySelector(".localserversettings-item");
+ settingsitem.addEventListener("mouseenter", () => {
+ let serverContextSubMenu = BDFDB.htmlToElement(this.serverContextSubMenuMarkup);
+ let serveritem = serverContextSubMenu.querySelector(".serversettings-item");
+ serveritem.addEventListener("click", () => {
+ instance._reactInternalFiber.return.memoizedProps.closeContextMenu();
+ this.showServerSettings(instance.props.guild);
});
-
- BDFDB.updateContextPosition(context);
- }
- }
-
- createContextSubMenu (info, e, context) {
- var id = info.id;
-
- var serverContextSubMenu = $(this.serverContextSubMenuMarkup);
-
- serverContextSubMenu
- .on("click", ".serversettings-item", () => {
- $(context).hide();
- this.showServerSettings(info);
+ if (BDFDB.loadData(instance.props.guild.id, this, "servers")) {
+ let resetitem = serverContextSubMenu.querySelector(".resetsettings-item");
+ BDFDB.removeClass(resetitem, BDFDB.disCN.contextmenuitemdisabled);
+ resetitem.addEventListener("click", () => {
+ instance._reactInternalFiber.return.memoizedProps.closeContextMenu();
+ BDFDB.removeData(instance.props.guild.id, this, "servers");
+ BDFDB.WebModules.forceAllUpdates(this);
+ });
+ }
+ BDFDB.appendSubMenu(settingsitem, serverContextSubMenu);
});
-
- if (BDFDB.loadData(id, this, "servers")) {
- serverContextSubMenu
- .find(".resetsettings-item")
- .removeClass(BDFDB.disCN.contextmenuitemdisabled)
- .on("click", () => {
- $(context).hide();
- this.removeServerData(info.id);
- });
}
-
- BDFDB.appendSubMenu(e.currentTarget, serverContextSubMenu);
}
showServerSettings (info) {
- var data = BDFDB.loadData(info.id, this, "servers");
+ var {name,shortName,url,removeIcon,color1,color2,color3,color4} = BDFDB.loadData(info.id, this, "servers") || {};
- var name = data ? data.name : null;
- var shortName = data ? data.shortName : null;
- var url = data ? data.url : null;
- var removeIcon = data ? data.removeIcon : false;
- var color1 = data ? data.color1 : null;
- var color2 = data ? data.color2 : null;
- var color3 = data ? data.color3 : null;
- var color4 = data ? data.color4 : null;
+ let serverSettingsModal = BDFDB.htmlToElement(this.serverSettingsModalMarkup);
+ let servernameinput = serverSettingsModal.querySelector("#input-servername");
+ let servershortnameinput = serverSettingsModal.querySelector("#input-servershortname");
+ let serverurlinput = serverSettingsModal.querySelector("#input-serverurl");
+ let removeiconinput = serverSettingsModal.querySelector("#input-removeicon");
+
+ serverSettingsModal.querySelector(BDFDB.dotCN.modalguildname).innerText = info.name;
+ servernameinput.value = name || "";
+ servernameinput.setAttribute("placeholder", info.name);
+ servershortnameinput.value = shortName || (info.icon ? "" : info.acronym);
+ servershortnameinput.setAttribute("placeholder", info.acronym);
+ serverurlinput.value = url || "";
+ serverurlinput.setAttribute("placeholder", BDFDB.getGuildIcon(info.id) || "");
+ BDFDB.toggleClass(serverurlinput, "valid", serverurlinput.value.length > 0);
+ serverurlinput.disabled = removeIcon;
+ removeiconinput.checked = removeIcon;
+ BDFDB.setColorSwatches(serverSettingsModal, color1);
+ BDFDB.setColorSwatches(serverSettingsModal, color2);
+ BDFDB.setColorSwatches(serverSettingsModal, color3);
+ BDFDB.setColorSwatches(serverSettingsModal, color4);
- var serverSettingsModal = $(this.serverSettingsModalMarkup);
- serverSettingsModal.find(BDFDB.dotCN.modalguildname).text(info.name);
- serverSettingsModal.find("#input-servername").val(name);
- serverSettingsModal.find("#input-servername").attr("placeholder", info.name);
- serverSettingsModal.find("#input-servershortname").val(shortName ? shortName : (info.icon ? "" : info.acronym));
- serverSettingsModal.find("#input-servershortname").attr("placeholder", info.acronym);
- serverSettingsModal.find("#input-serverurl").val(url);
- serverSettingsModal.find("#input-serverurl").attr("placeholder", info.icon ? "https://cdn.discordapp.com/icons/" + info.id + "/" + info.icon + ".png" : null);
- serverSettingsModal.find("#input-serverurl").addClass(url ? "valid" : "");
- serverSettingsModal.find("#input-serverurl").prop("disabled", removeIcon);
- serverSettingsModal.find("#input-removeicon").prop("checked", removeIcon);
- BDFDB.setColorSwatches(color1, serverSettingsModal.find(".swatches1"), "swatch1");
- BDFDB.setColorSwatches(color2, serverSettingsModal.find(".swatches2"), "swatch2");
- BDFDB.setColorSwatches(color3, serverSettingsModal.find(".swatches3"), "swatch3");
- BDFDB.setColorSwatches(color4, serverSettingsModal.find(".swatches4"), "swatch4");
BDFDB.appendModal(serverSettingsModal);
- serverSettingsModal
- .on("click", "#input-removeicon", (event) => {
- serverSettingsModal.find("#input-serverurl").prop("disabled", event.target.checked);
- })
- .on("change keyup paste", "#input-serverurl", (event) => {
- this.checkUrl(serverSettingsModal, event);
- })
- .on("mouseenter", "#input-serverurl", (event) => {
- $(event.target).addClass("hovering");
- this.createNoticeTooltip(event);
- })
- .on("mouseleave", "#input-serverurl", (event) => {
- $(BDFDB.dotCN.tooltips).find(".notice-tooltip").remove();
- $(event.target).removeClass("hovering");
- })
- .on("click", ".btn-save", (event) => {
- event.preventDefault();
- name = null;
- if (serverSettingsModal.find("#input-servername").val()) {
- if (serverSettingsModal.find("#input-servername").val().trim().length > 0) {
- name = serverSettingsModal.find("#input-servername").val().trim();
- }
- }
+ removeiconinput.addEventListener("click", () => {
+ serverurlinput.disabled = removeiconinput.checked;
+ });
+ serverurlinput.addEventListener("input", () => {
+ this.checkUrl(serverurlinput);
+ });
+ serverurlinput.addEventListener("mouseenter", () => {
+ BDFDB.addClass(serverurlinput, "hovering");
+ this.createNoticeTooltip(serverurlinput);
+ });
+ serverurlinput.addEventListener("mouseleave", () => {
+ BDFDB.removeClass(serverurlinput, "hovering");
+ BDFDB.removeEles(BDFDB.dotCNS.tooltips + ".notice-tooltip");
+ });
+ BDFDB.addChildEventListener(serverSettingsModal, "click", ".btn-save", e => {
+ e.preventDefault();
- shortName = null;
- if (serverSettingsModal.find("#input-servershortname").val()) {
- if (serverSettingsModal.find("#input-servershortname").val().trim().length > 0) {
- shortName = serverSettingsModal.find("#input-servershortname").val().trim();
- shortName = shortName == info.acronym ? null : shortName;
- }
- }
+ name = servernameinput.value.trim();
+ name = name ? name : null;
- if (serverSettingsModal.find("#input-serverurl:not('.invalid')").length > 0) {
- url = null;
- if (!serverSettingsModal.find("#input-removeicon").prop("checked") && serverSettingsModal.find("#input-serverurl").val()) {
- if (serverSettingsModal.find("#input-serverurl").val().trim().length > 0) {
- url = serverSettingsModal.find("#input-serverurl").val().trim();
- }
- }
- }
+ shortName = servershortnameinput.value.trim();
+ shortName = shortName && shortName != info.acronym ? shortName : null;
- removeIcon = serverSettingsModal.find("#input-removeicon").prop("checked");
+ removeIcon = removeiconinput.checked;
- color1 = BDFDB.getSwatchColor("swatch1");
- color2 = BDFDB.getSwatchColor("swatch2");
- color3 = BDFDB.getSwatchColor("swatch3");
- color4 = BDFDB.getSwatchColor("swatch4");
+ url = !removeIcon && BDFDB.containsClass(serverurlinput, "valid") ? serverurlinput.value.trim() : null;
+ url = url ? url : null;
- if (name == null && shortName == null && url == null && !removeIcon && color1 == null && color2 == null && color3 == null && color4 == null) {
- this.removeServerData(info.id);
- }
- else {
- BDFDB.saveData(info.id, {name,shortName,url,removeIcon,color1,color2,color3,color4}, this, "servers");
- this.loadServer(BDFDB.getDivOfServer(info.id));
- }
- });
- serverSettingsModal.find("#input-servername").focus();
+ color1 = BDFDB.getSwatchColor(serverSettingsModal, 1);
+ color2 = BDFDB.getSwatchColor(serverSettingsModal, 2);
+ color3 = BDFDB.getSwatchColor(serverSettingsModal, 3);
+ color4 = BDFDB.getSwatchColor(serverSettingsModal, 4);
+
+ if (name == null && shortName == null && url == null && !removeIcon && color1 == null && color2 == null && color3 == null && color4 == null) {
+ BDFDB.removeData(info.id, this, "servers");
+ }
+ else {
+ BDFDB.saveData(info.id, {name,shortName,url,removeIcon,color1,color2,color3,color4}, this, "servers");
+ }
+ BDFDB.WebModules.forceAllUpdates(this);
+ });
+ servernameinput.focus();
}
- checkUrl (modal, e) {
- if (!e.target.value) {
- $(e.target)
- .removeClass("valid")
- .removeClass("invalid");
- if ($(e.target).hasClass("hovering")) $(BDFDB.dotCN.tooltips).find(".notice-tooltip").remove();
+ checkUrl (input) {
+ BDFDB.removeEles(BDFDB.dotCNS.tooltips + ".notice-tooltip");
+ if (!input.value) {
+ BDFDB.removeClass(input, "valid");
+ BDFDB.removeClass(input, "invalid");
}
else {
- let request = require("request");
- request(e.target.value, (error, response, result) => {
+ require("request")(input.value, (error, response, result) => {
if (response && response.headers["content-type"] && response.headers["content-type"].indexOf("image") != -1) {
- $(e.target)
- .removeClass("invalid")
- .addClass("valid");
+ BDFDB.addClass(input, "valid");
+ BDFDB.removeClass(input, "invalid");
}
else {
- $(e.target)
- .removeClass("valid")
- .addClass("invalid");
+ BDFDB.removeClass(input, "valid");
+ BDFDB.addClass(input, "invalid");
}
- if ($(e.target).hasClass("hovering")) this.createNoticeTooltip(e);
+ if (BDFDB.containsClass(input, "hovering")) this.createNoticeTooltip(input);
});
}
}
- createNoticeTooltip (e) {
- $(BDFDB.dotCN.tooltips).find(".notice-tooltip").remove();
-
- var input = e.target;
- var disabled = $(input).prop("disabled");
- var valid = $(input).hasClass("valid");
- var invalid = $(input).hasClass("invalid");
+ createNoticeTooltip (input) {
+ var disabled = input.disabled;
+ var valid = BDFDB.containsClass(input, "valid");
+ var invalid = BDFDB.containsClass(input, "invalid");
if (disabled || valid || invalid) {
- var text = disabled ? this.labels.modal_ignoreurl_text : valid ? this.labels.modal_validurl_text : this.labels.modal_invalidurl_text;
- var bgColor = disabled ? "#282524" : valid ? "#297828" : "#8C2528";
- var customTooltipCSS = `
- body .notice-tooltip {
- background-color: ${bgColor} !important;
+ BDFDB.createTooltip(disabled ? this.labels.modal_ignoreurl_text : valid ? this.labels.modal_validurl_text : this.labels.modal_invalidurl_text, input, {type:"right",selector:"notice-tooltip",color: disabled ? "black" : invalid ? "red" : "green"});
+ }
+ }
+
+ processGuildIcon (instance, wrapper) {
+ if (instance.props && instance.props.guild) {
+ let icon = wrapper.classList && BDFDB.containsClass(wrapper, BDFDB.disCN.avataricon) ? wrapper : wrapper.querySelector(BDFDB.dotCN.avataricon);
+ if (!icon) return;
+ this.changeGuildIcon(instance.props.guild, icon);
+ if (BDFDB.getParentEle(BDFDB.dotCN.guild, icon)) this.changeTooltip(instance.props.guild, wrapper, "right");
+ else if (BDFDB.getParentEle(BDFDB.dotCN.friendscolumn, icon)) this.changeTooltip(instance.props.guild, icon.parentElement, "top");
+ }
+ }
+
+ processGuildHeader (instance, wrapper) {
+ if (instance.props && instance.props.guild) {
+ this.changeGuildName(instance.props.guild, wrapper.querySelector(BDFDB.dotCN.guildheadername));
+ }
+ }
+
+ processClickable (instance, wrapper) {
+ if (!wrapper || !instance.props || !instance.props.className) return;
+ else if (instance.props.tag == "div" && instance.props.className.indexOf(BDFDB.disCN.userprofilelistrow) > -1) {
+ let guild = BDFDB.getReactValue(instance, "_reactInternalFiber.return.memoizedProps.guild");
+ if (guild && BDFDB.getReactValue(instance, "_reactInternalFiber.return.type.displayName") == "GuildRow") {
+ this.changeGuildName(guild, wrapper.querySelector(BDFDB.dotCN.userprofilelistname));
+ }
+ }
+ else if (instance.props.tag == "div" && instance.props.className.indexOf(BDFDB.disCN.quickswitchresult) > -1) {
+ let result = BDFDB.getReactValue(instance, "_reactInternalFiber.return.memoizedProps.result");
+ if (result && result.type == "GUILD") {
+ this.changeGuildName(result.record, wrapper.querySelector(BDFDB.dotCN.quickswitchresultmatch));
+ }
+ else if (result && result.type.indexOf("_CHANNEL") != -1 && result.record && result.record.guild_id) {
+ this.changeGuildName(this.GuildUtils.getGuild(result.record.guild_id), wrapper.querySelector(BDFDB.dotCN.quickswitchresultmisccontainer));
+ }
+ }
+ }
+
+ changeGuildName (info, guildname) {
+ if (!info || !guildname || !guildname.parentElement) return;
+ if (guildname.EditServersChangeObserver && typeof guildname.EditServersChangeObserver.disconnect == "function") guildname.EditServersChangeObserver.disconnect();
+ let data = BDFDB.loadData(info.id, this, "servers") || {};
+ if (data.name || data.color2 || guildname.getAttribute("changed-by-editservers")) {
+ guildname.style.setProperty("color", BDFDB.colorCONVERT(data.color2, "RGB"), "important");
+ BDFDB.setInnerText(guildname, data.name || info.name);
+ if (data.name || data.color2) {
+ guildname.setAttribute("changed-by-editservers", true);
+ guildname.EditServersChangeObserver = new MutationObserver((changes, _) => {
+ guildname.EditServersChangeObserver.disconnect();
+ this.changeName(info, guildname);
+ });
+ guildname.EditServersChangeObserver.observe(guildname, {attributes:true});
+ }
+ else guildname.removeAttribute("changed-by-editservers");
+ }
+ }
+
+ changeGuildIcon (info, icon) {
+ if (!info || !icon || !icon.parentElement) return;
+ if (icon.EditServersChangeObserver && typeof icon.EditServersChangeObserver.disconnect == "function") icon.EditServersChangeObserver.disconnect();
+ let data = BDFDB.loadData(info.id, this, "servers") || {};
+ if (data.url || data.removeIcon || icon.getAttribute("changed-by-editservers")) {
+ if (icon.tagName == "IMG") icon.setAttribute("src", data.removeIcon ? null : (data.url || BDFDB.getGuildIcon(info.id)));
+ else {
+ BDFDB.setInnerText(icon, data.url ? "" : (data.shortName || (info.icon && !data.removeIcon ? "" : info.acronym)));
+ icon.style.setProperty("background-image", data.removeIcon || data.shortName ? null : `url(${data.url || BDFDB.getGuildIcon(info.id)})`);
+ icon.style.setProperty("background-color", BDFDB.colorCONVERT(data.color1, "RGB"), "important");
+ icon.style.setProperty("color", BDFDB.colorCONVERT(data.color2, "RGB", "important"));
+ icon.style.setProperty("font-size", this.getFontSize(icon));
+ let hasicon = icon.style.getPropertyValue("background-image");
+ if (hasicon) BDFDB.removeClass(icon, this.getNoIconClasses(icon));
+ else BDFDB.addClass(icon, this.getNoIconClasses(icon));
+ if (data.url && !data.removeIcon) {
+ icon.style.setProperty("background-position", "center");
+ icon.style.setProperty("background-size", "cover");
}
- body .notice-tooltip:after {
- border-right-color: ${bgColor} !important;
- }`;
- BDFDB.createTooltip(text, input, {type:"right",selector:"notice-tooltip",css:customTooltipCSS});
+ }
+ if (data.url || data.removeIcon) {
+ icon.setAttribute("changed-by-editservers", true);
+ icon.EditServersChangeObserver = new MutationObserver((changes, _) => {
+ changes.forEach(
+ (change, i) => {
+ icon.EditServersChangeObserver.disconnect();
+ this.changeGuildIcon(info, icon);
+ }
+ );
+ });
+ icon.EditServersChangeObserver.observe(icon, {attributes:true});
+ }
+ else icon.removeAttribute("changed-by-editservers");
}
}
- removeServerData (id) {
- this.resetServer(id);
-
- BDFDB.removeData(id, this, "servers");
- }
-
- resetServer (id) {
- let serverObj = BDFDB.getDivOfServer(id);
- if (typeof serverObj !== "object" || !serverObj) return;
- $(serverObj.div)
- .off("mouseenter." + this.name)
- .removeAttr("custom-editservers")
- .find(BDFDB.dotCN.avataricon)
- .text(serverObj.icon ? "" : serverObj.data.acronym)
- .css("background-image", serverObj.icon ? "url('https://cdn.discordapp.com/icons/" + serverObj.id + "/" + serverObj.icon + ".png')" : "")
- .css("background-color", "")
- .css("color", "");
- }
-
- loadServer (serverObj) {
- if (typeof serverObj !== "object" || !serverObj) return;
- var data = BDFDB.loadData(serverObj.id, this, "servers");
- if (data) {
- var name = data.name ? data.name : serverObj.name;
- var shortName = data.shortName ? data.shortName : (serverObj.icon ? "" : serverObj.data.acronym);
- var bgImage = data.url ? "url(" + data.url + ")" : (serverObj.icon ? "url('https://cdn.discordapp.com/icons/" + serverObj.id + "/" + serverObj.icon + ".png')" : "");
- var removeIcon = data.removeIcon;
- var color1 = data.color1 ? BDFDB.color2RGB(data.color1) : "";
- var color2 = data.color2 ? BDFDB.color2RGB(data.color2) : "";
- $(serverObj.div)
- .off("mouseenter." + this.name)
- .on("mouseenter." + this.name, () => {this.createServerToolTip(serverObj);})
- .attr("custom-editservers", true)
- .find(BDFDB.dotCN.avataricon)
- .text(data.shortName ? shortName : (removeIcon ? "" : shortName))
- .css("background-image", removeIcon ? "" : bgImage)
- .css("background-color", color1)
- .css("color", color2);
+ changeTooltip (info, wrapper, type) {
+ if (!info || !wrapper || !wrapper.parentElement) return;
+ let data = BDFDB.loadData(info.id, this, "servers") || {};
+ wrapper.removeEventListener("mouseenter", wrapper.tooltipListenerEditServers);
+ if (data.name || data.color3 || data.color4) {
+ var bgColor = data.color3 ? BDFDB.colorCONVERT(data.color3, "RGB") : "";
+ var fontColor = data.color4 ? BDFDB.colorCONVERT(data.color4, "RGB") : "";
+ wrapper.tooltipListenerEditServers = () => {
+ BDFDB.createTooltip(data.name || info.name, wrapper, {type,selector:"EditServers-tooltip",style:`color: ${fontColor} !important; background-color: ${bgColor} !important; border-color: ${bgColor} !important;`,css:`body ${BDFDB.dotCN.tooltip}:not(.EditServers-tooltip) {display: none !important;}`});
+ };
+ wrapper.addEventListener("mouseenter", wrapper.tooltipListenerEditServers);
}
}
- loadAllServers () {
- var serverObjs = BDFDB.readServerList();
- for (var i = 0; i < serverObjs.length; i++) {
- this.loadServer(serverObjs[i]);
- }
+ getFontSize (icon) {
+ if (icon.style.getPropertyValue("background-image")) return null;
+ else if (BDFDB.containsClass(icon, BDFDB.disCN.avatariconsizexlarge)) return "12px";
+ else if (BDFDB.containsClass(icon, BDFDB.disCN.avatariconsizelarge)) return "10px";
+ else if (BDFDB.containsClass(icon, BDFDB.disCN.avatariconsizemedium)) return "8px";
+ else if (BDFDB.containsClass(icon, BDFDB.disCN.avatariconsizesmall)) return "4.8px";
+ else if (BDFDB.containsClass(icon, BDFDB.disCN.avatariconsizemini)) return "4px";
+ else return "10px";
}
- createServerToolTip (serverObj) {
- var data = BDFDB.loadData(serverObj.id, this, "servers");
- if (data) {
- var text = data.name ? data.name : serverObj.name;
- var bgColor = data.color3 ? BDFDB.color2RGB(data.color3) : "";
- var fontColor = data.color4 ? BDFDB.color2RGB(data.color4) : "";
- var customTooltipCSS = `
- body ${BDFDB.dotCN.tooltip}:not(.guild-custom-tooltip) {
- display: none !important;
- }
- body .guild-custom-tooltip {
- color: ${fontColor} !important;
- background-color: ${bgColor} !important;
- }
- body .guild-custom-tooltip:after {
- border-right-color: ${bgColor} !important;
- }`;
-
- BDFDB.createTooltip(text, serverObj.div, {type:"right",selector:"guild-custom-tooltip",css:customTooltipCSS});
- }
+ getNoIconClasses (icon) {
+ let noiconclasses = [BDFDB.disCN.avatarnoicon];
+ if (BDFDB.containsClass(icon, BDFDB.disCN.userprofilelistavatar)) noiconclasses.push(BDFDB.disCN.userprofilelistguildavatarwithouticon);
+ return noiconclasses;
}
getSettingsPanel () {
- var settingshtml = `REPLACE_modal_tabheader1_text
- REPLACE_modal_tabheader2_text
- REPLACE_modal_tabheader3_text
+
@@ -84,29 +94,21 @@ module.exports = (Plugin, Api, Vendor) => {
-
-
REPLACE_modal_colorpicker1_text
-
-
+
REPLACE_modal_colorpicker2_text
-
-
+
REPLACE_modal_colorpicker3_text
-
-
+
REPLACE_modal_colorpicker4_text
-
-
+
`;
+ if (!global.BDFDB || typeof BDFDB != "object" || !BDFDB.loaded || !this.started) return;
+ var settingshtml = `
`;
- var settingspanel = $(settingshtml)[0];
+ let settingspanel = BDFDB.htmlToElement(settingshtml);
- $(settingspanel)
- .on("click", ".reset-button", () => {this.resetAll();});
+ BDFDB.initElements(settingspanel, this);
+
+ BDFDB.addEventListener(this, settingspanel, "click", ".reset-button", () => {
+ BDFDB.openConfirmModal(this, "Are you sure you want to reset all servers?", () => {
+ BDFDB.removeAllData(this, "servers");
+ BDFDB.WebModules.forceAllUpdates(this);
+ });
+ });
return settingspanel;
}
diff --git a/PluginsV2/EditUsers/index.js b/PluginsV2/EditUsers/index.js
index fa0d9eebe3..abaf67a6b8 100644
--- a/PluginsV2/EditUsers/index.js
+++ b/PluginsV2/EditUsers/index.js
@@ -5,35 +5,36 @@ module.exports = (Plugin, Api, Vendor) => {
initConstructor () {
this.labels = {};
- this.updateUsers = false;
+ this.patchModules = {
+ "ChannelTextArea":"componentDidMount",
+ "NameTag":"componentDidMount",
+ "AuditLog":"componentDidMount",
+ "FluxContainer(TypingUsers)":"componentDidUpdate",
+ "MessageUsername":"componentDidMount",
+ "DirectMessage":"componentDidMount",
+ "CallAvatar":"componentDidMount",
+ "PrivateChannel":["componentDidMount","componentDidUpdate"],
+ "HeaderBar":["componentDidMount","componentDidUpdate"],
+ "Clickable":"componentDidMount",
+ "MessageContent":["componentDidMount","componentDidUpdate"]
+ };
+
+ this.avatarselector = BDFDB.dotCNC.avatarinner + BDFDB.dotCNC.avatarimage + BDFDB.dotCNC.callavatarwrapper + BDFDB.dotCNC.voiceavatarcontainer + "[class*='avatar-']";
this.css = `
- .user-tag {
- border-radius: 3px;
- box-sizing: border-box;
- display: inline-block;
- flex-shrink: 0;
- font-size: 10px;
- font-weight: 500;
- line-height: 13px;
- margin-left: 6px;
- padding: 1px 2px;
- text-transform: uppercase;
- text-indent: 0px !important;
- vertical-align: top;
- }
- ${BDFDB.dotCN.messagecompact} .user-tag {
- margin-left: 2px;
- margin-right: 6px;
- }
- .user-tag.popout-tag,
- .user-tag.profil-tag {
+ ${BDFDB.dotCN.bottag} {
+ top: -4px;
position: relative;
- top: 2px;
+ margin-left: 1ch;
+ }
+ ${BDFDB.dotCN.friendscolumn} ${BDFDB.dotCN.bottag},
+ ${BDFDB.dotCN.memberusername} ~ ${BDFDB.dotCN.bottag} {
+ top: 0px;
+ }
+ ${BDFDB.dotCN.messagegroupcompact} ${BDFDB.dotCN.bottag} {
+ margin-right: 6px;
}`;
- this.tagMarkup = ``;
-
this.userContextEntryMarkup =
`${this.name}
`;
settingshtml += ``;
- settingshtml += `
`;
+ settingshtml += `Reset all Servers.
`;
this.userSettingsModalMarkup =
- `
+ `
-
+
-
+
-
REPLACE_modal_header_text
-
-
-
REPLACE_modal_tabheader1_text
- REPLACE_modal_tabheader2_text
- REPLACE_modal_tabheader3_text
+
@@ -111,29 +118,21 @@ module.exports = (Plugin, Api, Vendor) => {
-
-
REPLACE_modal_colorpicker1_text
-
-
+
REPLACE_modal_colorpicker2_text
-
-
+
REPLACE_modal_colorpicker3_text
-
-
+
REPLACE_modal_colorpicker4_text
-
-
+
REPLACE_modal_ignoretagcolor_text
@@ -155,7 +154,9 @@ module.exports = (Plugin, Api, Vendor) => {
this.defaults = {
settings: {
- changeInChatWindow: {value:true, description:"Chat"},
+ changeInChatTextarea: {value:true, description:"Chat Textarea"},
+ changeInChatWindow: {value:true, description:"Messages"},
+ changeInMentions: {value:true, description:"Mentions"},
changeInVoiceChat: {value:true, description:"Voice Channels"},
changeInMemberList: {value:true, description:"Member List"},
changeInRecentDms: {value:true, description:"Direct Message Notifications"},
@@ -164,8 +165,12 @@ module.exports = (Plugin, Api, Vendor) => {
changeInDmCalls: {value:true, description:"Direct Message Calls"},
changeInTyping: {value:true, description:"Typing List"},
changeInFriendList: {value:true, description:"Friend List"},
+ changeInActivity: {value:true, description:"Activity Page"},
changeInUserPopout: {value:true, description:"User Popouts"},
- changeInUserProfil: {value:true, description:"User Profil Modal"},
+ changeInUserProfil: {value:true, description:"User Profile Modal"},
+ changeInAutoComplete: {value:true, description:"Autocomplete Menu"},
+ changeInAuditLog: {value:true, description:"Audit Log"},
+ changeInSearchPopout: {value:true, description:"Search Popout"},
changeInUserAccount: {value:true, description:"Your Account Information"}
}
};
@@ -191,232 +196,17 @@ module.exports = (Plugin, Api, Vendor) => {
initialize () {
if (global.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) {
+ if (this.started) return true;
BDFDB.loadMessage(this);
- this.UserStore = BDFDB.WebModules.findByProperties("getUsers", "getUser");
- this.MemberPerms = BDFDB.WebModules.findByProperties("getNicknames", "getNick");
- this.TypingUtils = BDFDB.WebModules.findByProperties("getTypingUsers");
+ this.RelationshipUtils = BDFDB.WebModules.findByProperties("isBlocked", "isFriend");
+ this.UserUtils = BDFDB.WebModules.findByProperties("getUsers","getUser");
+ this.MemberUtils = BDFDB.WebModules.findByProperties("getMembers", "getMember");
+ this.ChannelUtils = BDFDB.WebModules.findByProperties("getChannels","getChannel");
this.LastGuildStore = BDFDB.WebModules.findByProperties("getLastSelectedGuildId");
this.LastChannelStore = BDFDB.WebModules.findByProperties("getLastSelectedChannelId");
- var observer = null;
-
- observer = new MutationObserver((changes, _) => {
- changes.forEach(
- (change, i) => {
- if (change.addedNodes) {
- change.addedNodes.forEach((node) => {
- if (node.nodeType == 1 && node.className.includes(BDFDB.disCN.contextmenu)) {
- this.onContextMenu(node);
- }
- });
- }
- }
- );
- });
- BDFDB.addObserver(this, BDFDB.dotCN.appmount, {name:"userContextObserver",instance:observer}, {childList: true});
-
- observer = new MutationObserver((changes, _) => {
- changes.forEach(
- (change, i) => {
- if (change.addedNodes) {
- change.addedNodes.forEach((node) => {
- if (BDFDB.getData("changeInRecentDms", this, "settings")) this.loadUser(node, "recentdms", false);
- });
- }
- }
- );
- });
- BDFDB.addObserver(this, BDFDB.dotCN.dms, {name:"dmObserver",instance:observer}, {childList: true});
-
- observer = new MutationObserver((changes, _) => {
- changes.forEach(
- (change, i) => {
- if (change.addedNodes) {
- change.addedNodes.forEach((node) => {
- if (node.tagName && node.classList && node.classList.length > 0 && node.classList.contains(BDFDB.disCN.dmchannel) && node.classList.contains(BDFDB.disCN.dmchannelprivate) && BDFDB.getData("changeInDmsList", this, "settings")) {
- this.loadUser(node, "dms", false);
- }
- if (node.tagName && node.querySelector(BDFDB.dotCN.voiceuserdefault) && BDFDB.getData("changeInVoiceChat", this, "settings")) {
- this.loadUser(node.querySelector(BDFDB.dotCN.voiceuserdefault).parentElement, "voice", false);
- }
- });
- }
- }
- );
- });
- BDFDB.addObserver(this, BDFDB.dotCN.channels, {name:"channelListObserver",instance:observer}, {childList: true, subtree: true});
-
- observer = new MutationObserver((changes, _) => {
- changes.forEach(
- (change, i) => {
- if (change.addedNodes) {
- change.addedNodes.forEach((node) => {
- if (node.tagName && node.querySelector(BDFDB.dotCN.friendscolumn) && BDFDB.getData("changeInFriendList", this, "settings")) {
- this.loadUser(node, "friends", false);
- }
- });
- }
- }
- );
- });
- BDFDB.addObserver(this, BDFDB.idCN.friends, {name:"friendListObserver",instance:observer}, {childList:true, subtree:true});
-
- observer = new MutationObserver((changes, _) => {
- changes.forEach(
- (change, i) => {
- if (change.addedNodes) {
- change.addedNodes.forEach((node) => {
- if (node.tagName && node.querySelector(BDFDB.dotCN.memberusername) && BDFDB.getData("changeInMemberList", this, "settings")) {
- this.loadUser(node, "list", false);
- }
- });
- }
- }
- );
- });
- BDFDB.addObserver(this, BDFDB.dotCN.memberswrap, {name:"userListObserver",instance:observer}, {childList:true, subtree:true});
-
- observer = new MutationObserver((changes, _) => {
- changes.forEach(
- (change, i) => {
- if (change.addedNodes) {
- change.addedNodes.forEach((node) => {
- if (BDFDB.getData("changeInChatWindow", this, "settings")) {
- var compact = document.querySelector(BDFDB.dotCN.messagegroup + BDFDB.dotCN.messagecompact);
- if (!compact) {
- if (node.tagName && node.querySelector(BDFDB.dotCN.messageusernamewrapper)) {
- this.loadUser(node, "chat", compact);
- }
- else if (node.classList && node.classList.contains(BDFDB.disCN.messagetext)) {
- this.loadUser($(BDFDB.dotCN.messagegroup).has(node)[0], "chat", compact);
- }
- }
- else {
- if (node.tagName && node.querySelector(BDFDB.dotCN.messageusernamewrapper)) {
- if (node.classList.contains(BDFDB.disCN.messagemarkup)) {
- this.loadUser(node, "chat", compact);
- }
- else {
- for (let markup of node.querySelectorAll(BDFDB.dotCN.messagemarkup)) this.loadUser(markup, "chat", compact);
- }
- }
- }
- }
- });
- }
- }
- );
- });
- BDFDB.addObserver(this, BDFDB.dotCN.messages, {name:"messagesObserver",instance:observer}, {childList:true, subtree:true});
-
- observer = new MutationObserver((changes, _) => {
- changes.forEach(
- (change, i) => {
- if (change.addedNodes) {
- change.addedNodes.forEach((node) => {
- if (node.tagName && node.classList.contains(BDFDB.disCN.typing) && BDFDB.getData("changeInTyping", this, "settings")) {
- let innerobserver = new MutationObserver((changes2, _) => {
- changes2.forEach(
- (change2, i) => {
- if (change2.addedNodes) {
- change2.addedNodes.forEach((node2) => {
- if (node2.tagName && node2.tagName == "STRONG") this.changeTyping(node);
- });
- }
- if (change2.removedNodes) {
- change2.removedNodes.forEach((node2) => {
- if (node2.tagName && node2.tagName == "STRONG") this.changeTyping(node);
- });
- }
- }
- );
- });
- innerobserver.observe(node, {childList:true, subtree:true});
- this.changeTyping(node);
- }
- });
- }
- }
- );
- });
- BDFDB.addObserver(this, BDFDB.dotCNS.chat + "form", {name:"chatFormObserver",instance:observer}, {childList:true});
-
- observer = new MutationObserver((changes, _) => {
- changes.forEach(
- (change, i) => {
- if (change.addedNodes) {
- change.addedNodes.forEach((node) => {
- if (node.tagName && node.classList.contains(BDFDB.disCN.callcurrentcontainer) && BDFDB.getData("changeInDmCalls", this, "settings")) {
- for (let user of node.querySelectorAll(BDFDB.dotCN.callavatarwrapper)) this.loadUser(user, "call", false);
- }
- });
- }
- }
- );
- });
- BDFDB.addObserver(this, BDFDB.dotCN.chat, {name:"chatObserver",instance:observer}, {childList:true});
-
- observer = new MutationObserver((changes, _) => {
- changes.forEach(
- (change, i) => {
- if (change.addedNodes) {
- change.addedNodes.forEach((node) => {
- let user;
- if (node.tagName && (user = node.querySelector(BDFDB.dotCN.callavatarwrapper)) != null && BDFDB.getData("changeInDmCalls", this, "settings")) {
- this.loadUser(user, "call", false);
- }
- });
- }
- }
- );
- });
- BDFDB.addObserver(this, BDFDB.dotCN.callcurrentcontainer, {name:"callObserver",instance:observer}, {childList:true, subtree:true});
-
- observer = new MutationObserver((changes, _) => {
- changes.forEach(
- (change, i) => {
- if (change.addedNodes) {
- change.addedNodes.forEach((node) => {
- if (node.tagName && node.querySelector(BDFDB.dotCN.userpopout) && BDFDB.getData("changeInUserPopout", this, "settings")) {
- this.loadUser(node, "popout", false);
- }
- });
- }
- }
- );
- });
- BDFDB.addObserver(this, BDFDB.dotCN.popouts, {name:"userPopoutObserver",instance:observer}, {childList: true});
-
- observer = new MutationObserver((changes, _) => {
- changes.forEach(
- (change, i) => {
- if (change.addedNodes) {
- change.addedNodes.forEach((node) => {
- if (node.tagName && node.querySelector(BDFDB.dotCN.userprofile) && BDFDB.getData("changeInUserProfil", this, "settings")) {
- this.loadUser(node.querySelector("[class*='topSection']"), "profil", false);
- }
- });
- }
- }
- );
- });
- BDFDB.addObserver(this, BDFDB.dotCN.app + " ~ [class^='theme-']:not([class*='popouts'])", {name:"userProfilModalObserver",instance:observer}, {childList: true});
-
- observer = new MutationObserver((changes, _) => {
- changes.forEach(
- (change, i) => {
- if (change.removedNodes) {
- change.removedNodes.forEach((node) => {
- if (node.tagName && node.getAttribute("layer-id") == "user-settings") this.loadAllUsers();
- });
- }
- }
- );
- });
- BDFDB.addObserver(this, BDFDB.dotCN.layers, {name:"settingsWindowObserver",instance:observer}, {childList:true});
-
- this.loadAllUsers();
+ BDFDB.WebModules.forceAllUpdates(this);
return true;
}
@@ -428,7 +218,12 @@ module.exports = (Plugin, Api, Vendor) => {
onStop () {
if (global.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) {
- this.resetAllUsers();
+ let data = BDFDB.loadAllData(this, "users");
+ BDFDB.removeAllData(this, "users");
+ BDFDB.WebModules.forceAllUpdates(this);
+ BDFDB.saveAllData(data, this, "users");
+
+ BDFDB.removeEles(".autocompleteEditUsers", ".autocompleteEditUsersRow");
BDFDB.unloadMessage(this);
return true;
@@ -438,37 +233,9 @@ module.exports = (Plugin, Api, Vendor) => {
}
}
- onSwitch () {
- if (global.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) {
- $(`${BDFDB.dotCN.channelheadertitletext}[custom-editusers]`).find(`${BDFDB.dotCN.channelheaderchannelname}:not(${BDFDB.dotCN.channelheaderprivate})`).css("color", "").css("background-color", "").parent().removeAttr("custom-editusers");
- BDFDB.addObserver(this, BDFDB.dotCN.memberswrap, {name:"userListObserver"}, {childList:true, subtree:true});
- BDFDB.addObserver(this, BDFDB.dotCN.messages, {name:"messagesObserver"}, {childList:true, subtree:true});
- BDFDB.addObserver(this, BDFDB.dotCNS.chat + "form", {name:"chatFormObserver"}, {childList:true});
- BDFDB.addObserver(this, BDFDB.dotCN.chat, {name:"chatObserver"}, {childList:true});
- BDFDB.addObserver(this, BDFDB.dotCN.callcurrentcontainer, {name:"callObserver"}, {childList:true, subtree:true});
- BDFDB.addObserver(this, BDFDB.idCN.friends, {name:"friendListObserver"}, {childList:true, subtree:true});
- this.loadAllUsers();
- }
- }
-
// begin of own functions
- updateSettings (settingspanel) {
- var settings = {};
- for (var input of settingspanel.querySelectorAll(BDFDB.dotCN.switchinner)) {
- settings[input.value] = input.checked;
- }
- BDFDB.saveAllData(settings, this, "settings");
- }
-
- resetAll () {
- if (confirm("Are you sure you want to reset all users?")) {
- BDFDB.removeAllData(this, "users");
- this.resetAllUsers();
- }
- }
-
changeLanguageStrings () {
this.userContextEntryMarkup = this.userContextEntryMarkup.replace("REPLACE_context_localusersettings_text", this.labels.context_localusersettings_text);
@@ -492,444 +259,743 @@ module.exports = (Plugin, Api, Vendor) => {
this.userSettingsModalMarkup = this.userSettingsModalMarkup.replace("REPLACE_btn_save_text", this.labels.btn_save_text);
}
- onContextMenu (context) {
- if (!context || !context.tagName || !context.parentElement || context.querySelector(".localusersettings-item")) return;
- var info = BDFDB.getKeyInformation({"node":context, "key":"user"});
- if (info && BDFDB.getKeyInformation({"node":context, "key":"displayName", "value":"UserNoteItem"})) {
- $(context).append(this.userContextEntryMarkup)
- .on("mouseenter", ".localusersettings-item", (e) => {
- this.createContextSubMenu(info, e, context);
+ onUserContextMenu (instance, menu) {
+ if (instance.props && instance.props.user && !menu.querySelector(".localusersettings-item")) {
+ let userContextEntry = BDFDB.htmlToElement(this.userContextEntryMarkup);
+ menu.appendChild(userContextEntry);
+ let settingsitem = userContextEntry.querySelector(".localusersettings-item");
+ settingsitem.addEventListener("mouseenter", () => {
+ let userContextSubMenu = BDFDB.htmlToElement(this.userContextSubMenuMarkup);
+ let useritem = userContextSubMenu.querySelector(".usersettings-item");
+ useritem.addEventListener("click", () => {
+ instance._reactInternalFiber.return.memoizedProps.closeContextMenu();
+ this.showUserSettings(instance.props.user);
});
-
- BDFDB.updateContextPosition(context);
- }
- }
-
- createContextSubMenu (info, e, context) {
- var userContextSubMenu = $(this.userContextSubMenuMarkup);
-
- userContextSubMenu
- .on("click", ".usersettings-item", () => {
- $(context).hide();
- this.showUserSettings(info);
+ if (BDFDB.loadData(instance.props.user.id, this, "users")) {
+ let resetitem = userContextSubMenu.querySelector(".resetsettings-item");
+ BDFDB.removeClass(resetitem, BDFDB.disCN.contextmenuitemdisabled);
+ resetitem.addEventListener("click", () => {
+ instance._reactInternalFiber.return.memoizedProps.closeContextMenu();
+ BDFDB.removeData(instance.props.user.id, this, "users");
+ BDFDB.WebModules.forceAllUpdates(this);
+ });
+ }
+ BDFDB.appendSubMenu(settingsitem, userContextSubMenu);
});
-
- if (BDFDB.loadData(info.id, this, "users")) {
- userContextSubMenu
- .find(".resetsettings-item")
- .removeClass(BDFDB.disCN.contextmenuitemdisabled)
- .on("click", () => {
- $(context).hide();
- BDFDB.removeData(info.id, this, "users");
- this.loadAllUsers();
- });
}
-
- BDFDB.appendSubMenu(e.currentTarget, userContextSubMenu);
}
- showUserSettings (info, e) {
- var data = BDFDB.loadData(info.id, this, "users");
+ showUserSettings (info) {
+ var {name,tag,url,removeIcon,ignoreTagColor,color1,color2,color3,color4} = BDFDB.loadData(info.id, this, "users") || {};
- var name = data ? data.name : null;
- var tag = data ? data.tag : null;
- var url = data ? data.url : null;
- var removeIcon = data ? data.removeIcon : false;
- var ignoreTagColor = data && data.ignoreTagColor ? data.ignoreTagColor : false;
- var color1 = data ? data.color1 : null;
- var color2 = data ? data.color2 : null;
- var color3 = data ? data.color3 : null;
- var color4 = data ? data.color4 : null;
+ var member = this.MemberUtils.getMember(this.LastGuildStore.getGuildId(), info.id) || {};
- var member = this.MemberPerms.getMember(this.LastGuildStore.getGuildId(), info.id) ;
+ let userSettingsModal = BDFDB.htmlToElement(this.userSettingsModalMarkup);
+ let usernameinput = userSettingsModal.querySelector("#input-username");
+ let usertaginput = userSettingsModal.querySelector("#input-usertag");
+ let userurlinput = userSettingsModal.querySelector("#input-userurl");
+ let removeiconinput = userSettingsModal.querySelector("#input-removeicon");
+ let ignoretagcolorinput = userSettingsModal.querySelector("#input-ignoretagcolor");
+
+ userSettingsModal.querySelector(BDFDB.dotCN.modalguildname).innerText = member.nick || info.username;
+ usernameinput.value = name || "";
+ usernameinput.setAttribute("placeholder", member.nick || info.username);
+ usertaginput.value = tag || "";
+ userurlinput.value = url || "";
+ userurlinput.setAttribute("placeholder", BDFDB.getUserAvatar(info.id) || "");
+ BDFDB.toggleClass(userurlinput, "valid", userurlinput.value.length > 0);
+ userurlinput.disabled = removeIcon;
+ removeiconinput.checked = removeIcon;
+ ignoretagcolorinput.checked = ignoreTagColor;
+ BDFDB.setColorSwatches(userSettingsModal, color1);
+ BDFDB.setColorSwatches(userSettingsModal, color2);
+ BDFDB.setColorSwatches(userSettingsModal, color3);
+ BDFDB.setColorSwatches(userSettingsModal, color4);
+
+ let ignoredswatches = userSettingsModal.querySelectorAll(".swatches[swatchnr='3'], .swatches[swatchnr='4']");
+
+ BDFDB.toggleClass(ignoredswatches, "disabled", ignoretagcolorinput.checked);
- var userSettingsModal = $(this.userSettingsModalMarkup);
- userSettingsModal.find(BDFDB.dotCN.modalguildname).text(member && member.nick ? member.nick : info.username);
- userSettingsModal.find("#input-username").val(name);
- userSettingsModal.find("#input-username").attr("placeholder", member && member.nick ? member.nick : info.username);
- userSettingsModal.find("#input-usertag").val(tag);
- userSettingsModal.find("#input-userurl").val(url);
- userSettingsModal.find("#input-userurl").attr("placeholder", BDFDB.getUserAvatar(info.id));
- userSettingsModal.find("#input-userurl").addClass(url ? "valid" : "");
- userSettingsModal.find("#input-userurl").prop("disabled", removeIcon);
- userSettingsModal.find("#input-removeicon").prop("checked", removeIcon);
- userSettingsModal.find(".swatches3, .swatches4").toggleClass("disabled", ignoreTagColor);
- userSettingsModal.find("#input-ignoretagcolor").prop("checked", ignoreTagColor);
- BDFDB.setColorSwatches(color1, userSettingsModal.find(".swatches1"), "swatch1");
- BDFDB.setColorSwatches(color2, userSettingsModal.find(".swatches2"), "swatch2");
- BDFDB.setColorSwatches(color3, userSettingsModal.find(".swatches3"), "swatch3");
- BDFDB.setColorSwatches(color4, userSettingsModal.find(".swatches4"), "swatch4");
BDFDB.appendModal(userSettingsModal);
- userSettingsModal
- .on("click", "#input-removeicon", (event) => {
- userSettingsModal.find("#input-userurl").prop("disabled", event.target.checked);
- })
- .on("click", "#input-ignoretagcolor", (event) => {
- userSettingsModal.find(".swatches3, .swatches4").toggleClass("disabled", event.target.checked);
- })
- .on("change keyup paste", "#input-userurl", (event) => {
- this.checkUrl(userSettingsModal, event);
- })
- .on("mouseenter", "#input-userurl", (event) => {
- $(event.target).addClass("hovering");
- this.createNoticeTooltip(event);
- })
- .on("mouseleave", "#input-userurl", (event) => {
- $(BDFDB.dotCN.tooltips).find(".notice-tooltip").remove();
- $(event.target).removeClass("hovering");
- })
- .on("click", ".btn-save", (event) => {
- event.preventDefault();
- removeIcon = userSettingsModal.find("#input-removeicon").prop("checked");
- ignoreTagColor = userSettingsModal.find("#input-ignoretagcolor").prop("checked");
+ removeiconinput.addEventListener("click", () => {
+ userurlinput.disabled = removeiconinput.checked;
+ });
+ ignoretagcolorinput.addEventListener("click", () => {
+ BDFDB.toggleClass(ignoredswatches, "disabled", ignoretagcolorinput.checked);
+ });
+ userurlinput.addEventListener("input", () => {
+ this.checkUrl(userurlinput);
+ });
+ userurlinput.addEventListener("mouseenter", () => {
+ BDFDB.addClass(userurlinput, "hovering");
+ this.createNoticeTooltip(userurlinput);
+ });
+ userurlinput.addEventListener("mouseleave", () => {
+ BDFDB.removeClass(userurlinput, "hovering");
+ BDFDB.removeEles(BDFDB.dotCNS.tooltips + ".notice-tooltip");
+ });
+ BDFDB.addChildEventListener(userSettingsModal, "click", ".btn-save", e => {
+ e.preventDefault();
- name = null;
- if (userSettingsModal.find("#input-username").val()) {
- if (userSettingsModal.find("#input-username").val().trim().length > 0) {
- name = userSettingsModal.find("#input-username").val().trim();
- }
- }
+ name = usernameinput.value.trim();
+ name = name ? name : null;
- tag = null;
- if (userSettingsModal.find("#input-usertag").val()) {
- if (userSettingsModal.find("#input-usertag").val().trim().length > 0) {
- tag = userSettingsModal.find("#input-usertag").val().trim();
- }
- }
+ tag = usertaginput.value.trim();
+ tag = tag ? tag : null;
- if (userSettingsModal.find("#input-userurl:not('.invalid')").length > 0) {
- url = null;
- if (!removeIcon && userSettingsModal.find("#input-userurl").val()) {
- if (userSettingsModal.find("#input-userurl").val().trim().length > 0) {
- url = userSettingsModal.find("#input-userurl").val().trim();
- }
- }
- }
+ removeIcon = removeiconinput.checked;
- color1 = BDFDB.getSwatchColor("swatch1");
- color2 = BDFDB.getSwatchColor("swatch2");
- color3 = BDFDB.getSwatchColor("swatch3");
- color4 = BDFDB.getSwatchColor("swatch4");
+ ignoreTagColor = ignoretagcolorinput.checked;
- if (name == null && tag == null && url == null && !removeIcon && !ignoreTagColor && color1 == null && color2 == null && color3 == null && color4 == null) {
- BDFDB.removeData(info.id, this, "users")
- }
- else {
- BDFDB.saveData(info.id, {name,tag,url,removeIcon,ignoreTagColor,color1,color2,color3,color4}, this, "users");
- }
- this.loadAllUsers();
- });
- userSettingsModal.find("#input-username").focus();
+ url = !removeIcon && BDFDB.containsClass(userurlinput, "valid") ? userurlinput.value.trim() : null;
+ url = url ? url : null;
+
+ color1 = BDFDB.getSwatchColor(userSettingsModal, 1);
+ color2 = BDFDB.getSwatchColor(userSettingsModal, 2);
+ color3 = BDFDB.getSwatchColor(userSettingsModal, 3);
+ color4 = BDFDB.getSwatchColor(userSettingsModal, 4);
+
+ if (name == null && tag == null && url == null && !removeIcon && !ignoreTagColor && color1 == null && color2 == null && color3 == null && color4 == null) {
+ BDFDB.removeData(info.id, this, "users")
+ }
+ else {
+ BDFDB.saveData(info.id, {name,tag,url,removeIcon,ignoreTagColor,color1,color2,color3,color4}, this, "users");
+ }
+ BDFDB.WebModules.forceAllUpdates(this);
+ });
+ usernameinput.focus();
}
- checkUrl (modal, e) {
- if (!e.target.value) {
- $(e.target)
- .removeClass("valid")
- .removeClass("invalid");
- if ($(e.target).hasClass("hovering")) $(BDFDB.dotCNS.tooltips + ".notice-tooltip").remove();
+ checkUrl (input) {
+ BDFDB.removeEles(BDFDB.dotCNS.tooltips + ".notice-tooltip");
+ if (!input.value) {
+ BDFDB.removeClass(input, "valid");
+ BDFDB.removeClass(input, "invalid");
}
else {
- let request = require("request");
- request(e.target.value, (error, response, result) => {
+ require("request")(input.value, (error, response, result) => {
if (response && response.headers["content-type"] && response.headers["content-type"].indexOf("image") != -1) {
- $(e.target)
- .removeClass("invalid")
- .addClass("valid");
+ BDFDB.addClass(input, "valid");
+ BDFDB.removeClass(input, "invalid");
}
else {
- $(e.target)
- .removeClass("valid")
- .addClass("invalid");
+ BDFDB.removeClass(input, "valid");
+ BDFDB.addClass(input, "invalid");
}
- if ($(e.target).hasClass("hovering")) this.createNoticeTooltip(e);
+ if (BDFDB.containsClass(input, "hovering")) this.createNoticeTooltip(input);
});
}
}
- createNoticeTooltip (e) {
- $(BDFDB.dotCN.tooltips).find(".notice-tooltip").remove();
-
- var input = e.target;
- var disabled = $(input).prop("disabled");
- var valid = $(input).hasClass("valid");
- var invalid = $(input).hasClass("invalid");
+ createNoticeTooltip (input) {
+ var disabled = input.disabled;
+ var valid = BDFDB.containsClass(input, "valid");
+ var invalid = BDFDB.containsClass(input, "invalid");
if (disabled || valid || invalid) {
- var text = disabled ? this.labels.modal_ignoreurl_text : valid ? this.labels.modal_validurl_text : this.labels.modal_invalidurl_text;
- var bgColor = disabled ? "#282524" : valid ? "#297828" : "#8C2528";
- var customTooltipCSS = `
- body .notice-tooltip {
- background-color: ${bgColor} !important;
- }
- body .notice-tooltip:after {
- border-right-color: ${bgColor} !important;
- }`;
- BDFDB.createTooltip(text, input, {type:"right",selector:"notice-tooltip",css:customTooltipCSS});
+ BDFDB.createTooltip(disabled ? this.labels.modal_ignoreurl_text : valid ? this.labels.modal_validurl_text : this.labels.modal_invalidurl_text, input, {type:"right",selector:"notice-tooltip",color: disabled ? "black" : invalid ? "red" : "green"});
}
}
- loadAllUsers () {
- this.resetAllUsers();
-
- var settings = BDFDB.getAllData(this, "settings");
-
- if (settings.changeInMemberList) {
- for (let user of document.querySelectorAll(BDFDB.dotCN.member)) {
- this.loadUser(user, "list", false);
- }
- }
- if (settings.changeInChatWindow) {
- for (let user of document.querySelectorAll(BDFDB.dotCN.messagegroup)) {
- if (user.querySelector(BDFDB.dotCN.avatarlargeold)) {
- this.loadUser(user, "chat", false);
+ processChannelTextArea (instance, wrapper) {
+ let channel = BDFDB.getReactValue(instance, "props.channel");
+ if (channel) {
+ var textarea = wrapper.querySelector("textarea");
+ if (!textarea) return;
+ if (instance.props.type == "normal" && channel.type == 1) {
+ let user = this.UserUtils.getUser(channel.recipients[0]);
+ if (user) {
+ let data = this.getUserData(user.id, wrapper);
+ textarea.setAttribute("placeholder", BDFDB.LanguageStrings.TEXTAREA_PLACEHOLDER.replace("{{channel}}", "@" + (data.name || user.username)));
}
- else {
- for (let markup of user.querySelectorAll(BDFDB.dotCN.messagemarkup)) {
- this.loadUser(markup, "chat", true);
+ }
+ if (BDFDB.getData("changeInAutoComplete", this, "settings")) {
+ BDFDB.addEventListener(this, textarea, "keydown", e => {
+ let autocompletemenu = textarea.parentElement.querySelector(BDFDB.dotCN.autocomplete);
+ if (autocompletemenu && (e.which == 9 || e.which == 13)) {
+ if (BDFDB.containsClass(autocompletemenu.querySelector(BDFDB.dotCN.autocompleteselected).parentElement, "autocompleteEditUsersRow")) {
+ e.originalEvent.preventDefault();
+ e.originalEvent.stopPropagation();
+ this.swapWordWithMention(textarea);
+ }
}
- }
- }
- }
- if (settings.changeInVoiceChat) {
- for (let user of document.querySelectorAll(BDFDB.dotCN.voiceuserdefault)) {
- this.loadUser(user.parentElement, "voice", false);
- }
- }
- if (settings.changeInRecentDms) {
- for (let user of document.querySelectorAll(BDFDB.dotCNS.dms + BDFDB.dotCN.guild)) {
- this.loadUser(user, "recentdms", false);
- }
- }
- if (settings.changeInDmsList) {
- for (let user of document.querySelectorAll(BDFDB.dotCN.dmchannel + BDFDB.dotCN.dmchannelprivate)) {
- this.loadUser(user, "dms", false);
- }
- }
- if (settings.changeInDmHeader && !this.LastGuildStore.getGuildId()) {
- for (let user of document.querySelectorAll(BDFDB.dotCN.channelheadertitletext)) {
- this.loadUser(user, "dmheader", false);
- }
- }
- if (settings.changeInDmCalls) {
- for (let user of document.querySelectorAll(BDFDB.dotCN.callavatarwrapper)) {
- this.loadUser(user, "call", false);
- }
- }
- if (settings.changeInFriendList) {
- for (let user of document.querySelectorAll(BDFDB.dotCN.friendscolumn)) {
- this.loadUser(user, "friends", false);
- }
- }
- if (settings.changeInUserAccount) {
- for (let user of document.querySelectorAll(BDFDB.dotCN.accountinfo)) {
- this.loadUser(user, "info", false);
- }
- }
- if (settings.changeInUserPopout) {
- for (let user of document.querySelectorAll(BDFDB.dotCN.userpopout)) {
- this.loadUser(user.parentElement, "popout", false);
- }
- }
- if (settings.changeInUserProfil) {
- for (let user of document.querySelectorAll(`${BDFDB.dotCN.userprofile} [class*='topSection']`)) {
- this.loadUser(user, "profil", false);
+ else if (autocompletemenu && (e.which == 38 || e.which == 40)) {
+ let autocompleteitems = autocompletemenu.querySelectorAll(BDFDB.dotCN.autocompleteselectable + ":not(.autocompleteEditUsersSelector)");
+ let selected = autocompletemenu.querySelector(BDFDB.dotCN.autocompleteselected);
+ if (BDFDB.containsClass(selected, "autocompleteEditUsersSelector") || autocompleteitems[e.which == 38 ? 0 : (autocompleteitems.length-1)] == selected) {
+ e.originalEvent.preventDefault();
+ e.originalEvent.stopPropagation();
+ let next = this.getNextSelection(autocompletemenu, null, e.which == 38 ? false : true);
+ BDFDB.removeClass(selected, BDFDB.disCN.autocompleteselected);
+ BDFDB.addClass(selected, BDFDB.disCN.autocompleteselector);
+ BDFDB.addClass(next, BDFDB.disCN.autocompleteselected);
+ }
+ }
+ else if (textarea.value && !e.shiftKey && e.which == 13 && !autocompletemenu && textarea.value.indexOf("s/") != 0) {
+ this.format = true;
+ textarea.dispatchEvent(new Event("input"));
+ }
+ else if (!e.ctrlKey && e.which != 16 && textarea.selectionStart == textarea.selectionEnd && textarea.selectionEnd == textarea.value.length) {
+ clearTimeout(textarea.EditUsersAutocompleteTimeout);
+ textarea.EditUsersAutocompleteTimeout = setTimeout(() => {this.addAutoCompleteMenu(textarea, channel);},100);
+ }
+
+ if (!e.ctrlKey && e.which != 38 && e.which != 40 && !(e.which == 39 && textarea.selectionStart == textarea.selectionEnd && textarea.selectionEnd == textarea.value.length)) BDFDB.removeEles(".autocompleteEditUsers", ".autocompleteEditUsersRow");
+ });
+ BDFDB.addEventListener(this, textarea, "click", e => {
+ if (textarea.selectionStart == textarea.selectionEnd && textarea.selectionEnd == textarea.value.length) setImmediate(() => {this.addAutoCompleteMenu(textarea, channel);});
+ });
}
}
}
- loadUser (div, type, compact) {
- if (!div || $(div).attr("custom-editusers") || !div.tagName || (!div.querySelector(BDFDB.dotCN.dmchannelactivitytext) && div.querySelector(BDFDB.dotCN.dmchannelactivity))) return;
+ processNameTag (instance, wrapper) {
+ let username = wrapper.parentElement.querySelector("." + (BDFDB.containsClass(wrapper, BDFDB.disCN.userpopoutheadertagwithnickname) ? BDFDB.disCN.userpopoutheadernickname : instance.props.usernameClass).replace(/ /g, "."));
+ this.changeName(instance.props.user, username);
+ this.changeAvatar(instance.props.user, this.getAvatarDiv(wrapper));
+ this.addTag(instance.props.user, username.parentElement, BDFDB.disCN.bottagnametag + (instance.props.botClass ? (" " + instance.props.botClass) : ""));
+ }
- let {avatar, username, wrapper} = this.getAvatarNameWrapper(div);
- if (!avatar && !username && !wrapper) return;
-
- $(div).data("compact", compact);
-
- var info = this.getUserInfo(compact ? $(BDFDB.dotCN.messagegroup).has(div)[0] : div);
- if (!info) return;
-
- var data = BDFDB.loadData(info.id, this, "users");
-
- if (data) {
- var member = this.MemberPerms.getMember(this.LastGuildStore.getGuildId(), info.id);
+ processMessageUsername (instance, wrapper) {
+ let message = BDFDB.getReactValue(instance, "props.message");
+ if (message) {
+ let username = wrapper.querySelector(BDFDB.dotCN.messageusername);
if (username) {
- var name = data.name ? data.name : (type == "info" || type == "profil" || !member || !member.nick ? info.username : member.nick);
- var color1 = data.color1 ? BDFDB.color2RGB(data.color1) : (member && member.colorString ? BDFDB.color2RGB(member.colorString) : "");
- var color2 = data.color2 ? BDFDB.color2RGB(data.color2) : "";
- BDFDB.setInnerText(username, name);
- username.style.color = color1;
- username.style.background = color2;
- }
-
- if (avatar && (data.removeIcon || data.url)) {
- avatar.style.background = data.removeIcon ? "" : "url(" + data.url + ")";
- avatar.style.backgroundSize = "cover";
- avatar.style.backgroundPosition = "center";
- if (type == "call") {
- $(avatar)
- .off("mouseenter." + this.name)
- .on("mouseenter." + this.name, () => {
- this.createCallToolTip({"div":div,"nick":data.name,"name":info.username});
- });
+ let channel = this.ChannelUtils.getChannel(message.channel_id) || {};
+ this.changeName(message.author, username, channel.guild_id);
+ if (!BDFDB.containsClass(wrapper.parentElement, BDFDB.disCN.messageheadercompact)) {
+ this.changeAvatar(message.author, this.getAvatarDiv(wrapper));
}
+ let messagegroup = BDFDB.getParentEle(BDFDB.dotCN.messagegroup, wrapper);
+ this.addTag(message.author, wrapper, BDFDB.disCN.bottagmessage + " " + (BDFDB.containsClass(messagegroup, BDFDB.disCN.messagegroupcozy) ? BDFDB.disCN.bottagmessagecozy : BDFDB.disCN.bottagmessagecompact));
}
-
- var tag = data.tag ? data.tag : null;
- if (tag && wrapper && !wrapper.querySelector(".user-tag") && (type == "list" || type == "chat" || type == "popout" || type == "profil" || type == "dmheader")) {
- var color3 = data.ignoreTagColor ?
- (member && member.colorString ? BDFDB.color2RGB(member.colorString) : "") :
- (data.color3 ? BDFDB.color2RGB(data.color3) : "");
- var color3COMP = color3 ? BDFDB.color2COMP(color3) : [0,0,0];
- var color4 = !data.ignoreTagColor && data.color4 ?
- BDFDB.color2RGB(data.color4) :
- (color3COMP[0] > 180 && color3COMP[1] > 180 && color3COMP[2] > 180 ? "black" : "white");
- var thisTag = $(this.tagMarkup)[0];
- thisTag.classList.add(type + "-tag");
- thisTag.innerText = tag;
- thisTag.style.background = color3;
- thisTag.style.color = color4;
- wrapper.appendChild(thisTag);
- }
-
- if (type == "recentdms") {
- $(div).find(BDFDB.dotCN.guildinner)
- .off("mouseenter." + this.name)
- .on("mouseenter." + this.name, () => {
- this.createDmToolTip({"div":div,"nick":data.name,"name":info.username});
- });
- }
-
- $(div).attr("custom-editusers", true);
}
}
- resetAllUsers () {
- document.querySelectorAll(".user-tag").forEach(node=>{node.remove();});
- document.querySelectorAll("[custom-editusers]").forEach((div) => {
- var {avatar, username, wrapper} = this.getAvatarNameWrapper(div);
- if (!avatar && !username && !wrapper) return;
+ processAuditLog (instance, wrapper) {
+ let log = BDFDB.getReactValue(instance, "props.log");
+ if (log && log.user) {
+ let hooks = wrapper.querySelectorAll(BDFDB.dotCN.auditloguserhook);
+ let guild_id = BDFDB.getReactValue(instance, "_reactInternalFiber.return.memoizedProps.guildId");
+ if (hooks.length > 0) this.changeName2(log.user, hooks[0].firstChild, guild_id);
+ if (hooks.length > 1 && log.targetType == "USER") this.changeName2(log.target, hooks[1].firstChild, guild_id);
+ }
+ }
- var info = this.getUserInfo($(div).data(BDFDB.disCN.messagecompact) ? $(BDFDB.dotCN.messagegroup).has(div)[0] : div);
- if (!info) return;
-
- if (username) {
- var serverObj = BDFDB.getSelectedServer();
- var member = serverObj ? this.MemberPerms.getMember(serverObj.id, info.id) : null;
- var name = div.classList.contains(BDFDB.disCN.accountinfo) || !member || !member.nick ? info.username : member.nick;
- var color1 = member && member.colorString ? BDFDB.color2RGB(member.colorString) : "";
- var color2 = "";
-
- BDFDB.setInnerText(username, name);
- username.style.color = color1;
- username.style.background = color2;
- }
-
- if (avatar) {
- avatar.style.background = "url(" + BDFDB.getUserAvatar(info.id) + ")";
- avatar.style.backgroundSize = "cover";
- $(avatar).off("mouseenter." + this.name);
- }
-
- $(div).removeAttr("custom-editusers")
- .find(BDFDB.dotCN.guildinner).off("mouseenter." + this.name);
+ processFluxContainerTypingUsers (instance, wrapper) {
+ let users = !instance.state.typingUsers ? [] : Object.keys(instance.state.typingUsers).filter(id => id != BDFDB.myData.id).filter(id => !this.RelationshipUtils.isBlocked(id)).map(id => this.UserUtils.getUser(id)).filter(id => id != null);
+ wrapper.querySelectorAll(BDFDB.dotCNS.typing + "strong").forEach((username, i) => {
+ if (users[i] && username) this.changeName2(users[i], username);
});
}
- createDmToolTip (userObj) {
- var text = userObj.nick ? userObj.nick : userObj.name;
- var customTooltipCSS = `
- ${BDFDB.dotCN.tooltip}:not(.dm-custom-tooltip) {
- display: none !important;
- }`;
- BDFDB.createTooltip(text, userObj.div, {type:"right",selector:"dm-custom-tooltip",css:customTooltipCSS});
+ processDirectMessage (instance, wrapper) {
+ let channel = BDFDB.getReactValue(instance, "props.channel");
+ if (channel && channel.type == 1) {
+ let user = this.UserUtils.getUser(channel.recipients[0]);
+ if (user) {
+ let avatar = this.getAvatarDiv(wrapper);
+ if (avatar) {
+ this.changeAvatar(user, avatar);
+ this.changeTooltip(user, avatar, "right");
+ }
+ }
+ }
}
- createCallToolTip (userObj) {
- var text = userObj.nick ? userObj.nick : userObj.name;
- var customTooltipCSS = `
- ${BDFDB.dotCN.tooltip}:not(.call-custom-tooltip) {
- display: none !important;
- }`;
- BDFDB.createTooltip(text, userObj.div, {type:"left",selector:"call-custom-tooltip",css:customTooltipCSS});
+ processCallAvatar (instance, wrapper) {
+ if (instance.props && instance.props.id) {
+ let user = this.UserUtils.getUser(instance.props.id);
+ if (!user) {
+ let channel = this.ChannelUtils.getChannel(instance.props.id);
+ if (channel && channel.type == 1) user = this.UserUtils.getUser(channel.recipients[0]);
+ }
+ if (user) {
+ let avatar = wrapper.querySelector(BDFDB.dotCN.callavatar);
+ this.changeName2(user, wrapper.parentElement.querySelector(BDFDB.dotCN.callmembers));
+ this.changeAvatar(user, avatar);
+ if (BDFDB.containsClass(avatar, BDFDB.disCN.callvideo)) this.changeTooltip(user, avatar, "left");
+ }
+ }
}
- getAvatarNameWrapper (div) {
- var avatar = div.querySelector(BDFDB.dotCNC.avatarsmallold + BDFDB.dotCN.avatarlargeold + ":not(" + BDFDB.dotCN.avatarwrapper + "), " + BDFDB.dotCNC.avatarprofileold + BDFDB.dotCNC.voiceavatardefault + BDFDB.dotCNC.avatarimage + BDFDB.dotCN.callavatar);
-
- var username = div.querySelector(BDFDB.dotCNC.userpopoutheadernickname + BDFDB.dotCNC.userpopoutheadernonickname + BDFDB.dotCNC.userprofileusername + BDFDB.dotCNC.memberusername + BDFDB.dotCNC.voicenamedefault + BDFDB.dotCNC.messageusername + BDFDB.dotCNC.dmchannelname + BDFDB.dotCN.channelheaderchannelname + BDFDB.dotCNC.channelheaderprivate + BDFDB.dotCNS.friendscolumnnamewrap + BDFDB.dotCNC.friendscolumnusername + BDFDB.dotCNS.accountinfodetails + BDFDB.dotCN.accountinfousername);
-
- var wrapper = div.querySelector(BDFDB.dotCNC.userpopoutheadernickname + BDFDB.dotCNC.userpopoutheadernonickname + BDFDB.dotCNC.userprofileusername + BDFDB.dotCNC.memberusername + BDFDB.dotCNC.voicenamedefault + BDFDB.dotCNC.messageusernamewrapper + BDFDB.dotCNC.dmchannelname + BDFDB.dotCN.channelheaderchannelname + BDFDB.dotCNC.channelheaderprivate + BDFDB.dotCNS.friendscolumnnamewrap + BDFDB.dotCNC.nametag + BDFDB.dotCNS.accountinfodetails + BDFDB.dotCN.accountinfousername);
-
- return {avatar, username, wrapper};
+ processPrivateChannel (instance, wrapper) {
+ if (instance.props && instance.props.user) {
+ let username = wrapper.querySelector(BDFDB.dotCN.dmchannelname);
+ this.changePrivateChannel(instance.props.user, username.firstElementChild ? username.firstElementChild : username);
+ this.changeAvatar(instance.props.user, this.getAvatarDiv(wrapper));
+ }
}
- getUserInfo (div) {
- let info, avatar = div.querySelector("[style*='/avatars/']");
- if (avatar) info = this.UserStore.getUser(avatar.style.backgroundImage.split("/avatars/")[1].split("/")[0]);
- else {
- info = BDFDB.getKeyInformation({"node":div,"key":"user"});
- if (!info) {
- info = this.UserStore.getUser(BDFDB.getKeyInformation({"node":div,"key":"id","up":true}));
- if (!info) {
- info = BDFDB.getKeyInformation({"node":div,"key":"message"});
- if (info) info = info.author;
+ processHeaderBar (instance, wrapper) {
+ let channel_id = BDFDB.getReactValue(instance, "_reactInternalFiber.return.memoizedProps.channelId");
+ if (channel_id) {
+ let username = wrapper.querySelector(BDFDB.dotCN.channelheaderchannelname);
+ if (username) {
+ let channel = this.ChannelUtils.getChannel(channel_id);
+ if (channel) {
+ if (channel.type == 1) this.changeName(this.UserUtils.getUser(channel.recipients[0]), username);
else {
- info = BDFDB.getKeyInformation({"node":div,"key":"channel"});
- if (info) info = {"id":info.recipients[0]};
- else {
- info = BDFDB.getKeyInformation({"node":$(BDFDB.dotCN.messagegroup).has(div)[0],"key":"message"});
- if (info) info = info.author;
- }
+ if (username.EditUsersChangeObserver && typeof username.EditUsersChangeObserver.disconnect == "function") username.EditUsersChangeObserver.disconnect();
+ username.style.removeProperty("color");
+ username.style.removeProperty("background");
+ BDFDB.setInnerText(username, channel.name);
}
}
}
}
- return info && info.id ? this.UserStore.getUser(info.id) : null;
}
- changeTyping (div) {
- let i = 0, ids = Object.assign({},this.TypingUtils.getTypingUsers(this.LastChannelStore.getChannelId())), sortedids = [], alldata = BDFDB.loadAllData(this, "users");
- delete ids[BDFDB.myData.id];
- for (let id in ids) sortedids.push({id:id,time:ids[id]});
- BDFDB.sortArrayByKey(sortedids, "time");
- for (let strong of div.querySelectorAll("strong")) {
- let data = alldata[sortedids[i].id];
- let user = this.UserStore.getUser(sortedids[i].id);
- let member = this.MemberPerms.getMember(this.LastGuildStore.getGuildId(), sortedids[i].id);
- if (user) {
- var name = data && data.name ? data.name : (member && member.nick ? member.nick : user.username);
- var color1 = data && data.color1 ? BDFDB.color2RGB(data.color1) : (member && member.colorString ? BDFDB.color2RGB(member.colorString) : "");
- var color2 = data && data.color2 ? BDFDB.color2RGB(data.color2) : "";
- strong.innerHTML = ``;
+ processClickable (instance, wrapper) {
+ if (!wrapper || !instance.props || !instance.props.className) return;
+ if (instance.props.tag == "a" && instance.props.className.indexOf(BDFDB.disCN.anchorunderlineonhover) > -1) {
+ if (BDFDB.containsClass(wrapper.parentElement, BDFDB.disCN.messagesystemcontent) && wrapper.parentElement.querySelector("a") == wrapper) {
+ let message = BDFDB.getKeyInformation({node:wrapper.parentElement, key:"message", up:true});
+ if (message) this.changeName(message.author, wrapper);
}
- i++;
+ }
+ else if (instance.props.tag == "span" && instance.props.className.indexOf(BDFDB.disCN.mention) > -1) {
+ let render = BDFDB.getReactValue(instance, "_reactInternalFiber.return.return.stateNode.props.render");
+ if (typeof render == "function") this.changeMention(render().props.user, wrapper);
+ }
+ else if (instance.props.tag == "div" && instance.props.className.indexOf(BDFDB.disCN.voiceuser) > -1) {
+ let user = BDFDB.getReactValue(instance, "_reactInternalFiber.return.memoizedProps.user");
+ if (user) {
+ this.changeVoiceUser(user, wrapper.querySelector(BDFDB.dotCN.voicename));
+ this.changeAvatar(user, this.getAvatarDiv(wrapper));
+ }
+ }
+ else if (instance.props.tag == "div" && instance.props.className.indexOf(BDFDB.disCN.quickswitchresult) > -1) {
+ let result = BDFDB.getReactValue(instance, "_reactInternalFiber.return.memoizedProps.result");
+ if (result && result.type == "USER") {
+ this.changeName2(result.record, wrapper.querySelector(BDFDB.dotCN.quickswitchresultmatch));
+ this.changeAvatar(result.record, this.getAvatarDiv(wrapper));
+ }
+ }
+ else if (instance.props.tag == "div" && instance.props.className.indexOf(BDFDB.disCN.autocompleterow) > -1) {
+ let user = BDFDB.getReactValue(instance, "_reactInternalFiber.return.memoizedProps.user");
+ if (user) {
+ this.changeName2(user, wrapper.querySelector(BDFDB.dotCN.marginleft8));
+ this.changeAvatar(user, this.getAvatarDiv(wrapper));
+ }
+ }
+ else if (instance.props.tag == "div" && instance.props.className.indexOf(BDFDB.disCN.searchpopoutoption) > -1) {
+ let user = BDFDB.getReactValue(instance, "_reactInternalFiber.return.memoizedProps.user");
+ let tokens = BDFDB.getReactValue(instance, "_reactInternalFiber.return.memoizedState.tokens");
+ if (user && tokens && Array.isArray(tokens)) {
+ for (let i in tokens) {
+ let token = tokens[i];
+ if (token.type == "ANSWER_USERNAME_FROM" && token._data && token._data.get("user")) {
+ this.changeName3(token._data.get("user"), wrapper.children[i], true);
+ this.changeAvatar(user, this.getAvatarDiv(wrapper));
+ break;
+ }
+ }
+ }
+ else if (instance.props.className.indexOf(BDFDB.disCN.searchpopoutuser) > -1) {
+ let result = BDFDB.getReactValue(instance, "_reactInternalFiber.return.memoizedProps.result");
+ if (result && result.user) {
+ this.changeName3(result.user, wrapper.querySelector(BDFDB.dotCN.searchpopoutdisplayednick), false);
+ this.changeAvatar(result.user, wrapper.querySelector(BDFDB.dotCN.searchpopoutdisplayavatar));
+ }
+ }
+ }
+ }
+
+ processMessageContent (instance, wrapper) {
+ let message = BDFDB.getReactValue(instance, "props.message");
+ if (message && message.author) {
+ let markup = wrapper.querySelector(BDFDB.dotCN.messagemarkup);
+ if (markup) {
+ let channel = this.ChannelUtils.getChannel(message.channel_id) || {};
+ let member = this.MemberUtils.getMember(channel.guild_id, message.author.id) || {};
+ let data = this.getUserData(message.author.id, wrapper);
+ markup.style.setProperty("color", settingsCookie["bda-gs-7"] ? BDFDB.colorCONVERT(data.color1 || member.colorString, "RGB") : null, "important");
+ }
+ }
+ }
+
+ changeName (info, username, guildid = this.LastGuildStore.getGuildId()) {
+ if (!info || !username || !username.parentElement) return;
+ if (username.EditUsersChangeObserver && typeof username.EditUsersChangeObserver.disconnect == "function") username.EditUsersChangeObserver.disconnect();
+ let data = this.getUserData(info.id, username);
+ if (data.name || data.color1 || data.color2 || username.getAttribute("changed-by-editusers")) {
+ let member = this.MemberUtils.getMember(guildid, info.id) || {};
+ let isBRCenabled = BDFDB.isPluginEnabled("BetterRoleColors");
+ let usenick = !BDFDB.containsClass(username, BDFDB.disCN.userprofileusername) && !BDFDB.containsClass(username.parentElement, BDFDB.disCN.userprofilelistname, BDFDB.disCN.accountinfodetails, false) && member.nick;
+ let usemembercolor = !BDFDB.containsClass(username.parentElement, BDFDB.disCN.userprofilelistname) && (BDFDB.containsClass(username, BDFDB.disCN.memberusername, BDFDB.disCN.messageusername, false) || isBRCenabled);
+ username.style.setProperty("color", BDFDB.colorCONVERT(data.color1 || (usemembercolor ? member.colorString : null), "RGB"), "important");
+ username.style.setProperty("background-color", BDFDB.colorCONVERT(data.color2, "RGB"), "important");
+ BDFDB.setInnerText(username, data.name || (usenick ? member.nick : info.username));
+ for (let tag of username.parentElement.querySelectorAll(BDFDB.dotCN.bottag)) {
+ let invert = tag.className.indexOf(BDFDB.disCN.bottaginvert) > -1;
+ let tagcolor = BDFDB.colorCONVERT(data.color1 || (isBRCenabled || BDFDB.containsClass(tag, "owner-tag-rolecolor") ? member.colorString : null), "RGB");
+ tagcolor = BDFDB.colorISBRIGHT(tagcolor) ? BDFDB.colorCHANGE(tagcolor, -0.3) : tagcolor;
+ tag.style.setProperty(invert ? "color" : "background-color", tagcolor, "important");
+ }
+ if (data.name || data.color1 || data.color2) {
+ username.setAttribute("changed-by-editusers", true);
+ username.EditUsersChangeObserver = new MutationObserver((changes, _) => {
+ username.EditUsersChangeObserver.disconnect();
+ this.changeName(info, username);
+ });
+ username.EditUsersChangeObserver.observe(username, {attributes:true});
+ }
+ else username.removeAttribute("changed-by-editusers");
+ }
+ }
+
+ changeName2 (info, username, guildid = this.LastGuildStore.getGuildId()) {
+ if (!info || !username || !username.parentElement) return;
+ if (username.EditUsersChangeObserver && typeof username.EditUsersChangeObserver.disconnect == "function") username.EditUsersChangeObserver.disconnect();
+ let data = this.getUserData(info.id, username);
+ if (data.name || data.color1 || username.getAttribute("changed-by-editusers")) {
+ let member = this.MemberUtils.getMember(guildid, info.id) || {};
+ username.style.setProperty("color", BDFDB.colorCONVERT(data.color1 || (BDFDB.isPluginEnabled("BetterRoleColors") ? member.colorString : null), "RGB"), "important");
+ BDFDB.setInnerText(username, data.name || member.nick || info.username);
+ if (data.name || data.color1) {
+ username.setAttribute("changed-by-editusers", true);
+ username.EditUsersChangeObserver = new MutationObserver((changes, _) => {
+ username.EditUsersChangeObserver.disconnect();
+ this.changeName(info, username);
+ });
+ username.EditUsersChangeObserver.observe(username, {attributes:true});
+ }
+ else username.removeAttribute("changed-by-editusers");
+ }
+ }
+
+ changeName3 (info, username, adddisc) {
+ if (!info || !username || !username.parentElement) return;
+ if (username.EditUsersChangeObserver && typeof username.EditUsersChangeObserver.disconnect == "function") username.EditUsersChangeObserver.disconnect();
+ let data = this.getUserData(info.id, username);
+ if (data.name || data.color1 || username.getAttribute("changed-by-editusers")) {
+ let color1 = BDFDB.colorCONVERT(data.color1, "RGB");
+ if (adddisc) {
+ username.innerHTML = `${BDFDB.encodeToHTML(data.name || info.username)}#${info.discriminator}`;
+ }
+ else {
+ username.style.setProperty("color", color1, "important");
+ BDFDB.setInnerText(username, data.name || info.username);
+ }
+ if (data.name || data.color1) {
+ username.setAttribute("changed-by-editusers", true);
+ username.EditUsersChangeObserver = new MutationObserver((changes, _) => {
+ username.EditUsersChangeObserver.disconnect();
+ this.changeName(info, username);
+ });
+ username.EditUsersChangeObserver.observe(username, {attributes:true});
+ }
+ else username.removeAttribute("changed-by-editusers");
+ }
+ }
+
+ changeAvatar (info, avatar) {
+ if (!info || !avatar || !avatar.parentElement) return;
+ if (avatar.EditUsersChangeObserver && typeof avatar.EditUsersChangeObserver.disconnect == "function") avatar.EditUsersChangeObserver.disconnect();
+ let data = this.getUserData(info.id, avatar);
+ if (data.url || data.removeIcon || avatar.getAttribute("changed-by-editusers")) {
+ if (avatar.tagName == "IMG") avatar.setAttribute("src", data.removeIcon ? null : (data.url || BDFDB.getUserAvatar(info.id)));
+ else {
+ let url = data.removeIcon ? null : ("url(" + (data.url || BDFDB.getUserAvatar(info.id)) + ")");
+ if (url && BDFDB.containsClass(avatar, BDFDB.disCN.avatarmaskprofile) && url.search(/discordapp\.com\/avatars\/[0-9]*\/a_/) > -1) url = url.replace(".webp)", ".gif)");
+ avatar.style.setProperty("background-image", url);
+ if (data.url && !data.removeIcon) {
+ avatar.style.setProperty("background-position", "center");
+ avatar.style.setProperty("background-size", "cover");
+ }
+ }
+ if (data.url || data.removeIcon) {
+ avatar.setAttribute("changed-by-editusers", true);
+ avatar.EditUsersChangeObserver = new MutationObserver((changes, _) => {
+ changes.forEach(
+ (change, i) => {
+ avatar.EditUsersChangeObserver.disconnect();
+ this.changeAvatar(info, avatar);
+ }
+ );
+ });
+ avatar.EditUsersChangeObserver.observe(avatar, {attributes:true});
+ }
+ else avatar.removeAttribute("changed-by-editusers");
+ }
+ }
+
+ changeTooltip (info, wrapper, type) {
+ if (!info || !wrapper || !wrapper.parentElement) return;
+ let data = this.getUserData(info.id, wrapper);
+ wrapper.removeEventListener("mouseenter", wrapper.tooltipListenerEditUsers);
+ if (data.name) {
+ wrapper.tooltipListenerEditUsers = () => {
+ BDFDB.createTooltip(data.name, wrapper, {type,selector:"EditUsers-tooltip",css:`body ${BDFDB.dotCN.tooltip}:not(.EditUsers-tooltip) {display: none !important;}`});
+ };
+ wrapper.addEventListener("mouseenter", wrapper.tooltipListenerEditUsers);
+ }
+ }
+
+ addTag (info, wrapper, selector = "") {
+ if (!info || !wrapper || !wrapper.parentElement || BDFDB.containsClass(wrapper, BDFDB.disCN.accountinfodetails) || BDFDB.containsClass(wrapper, "discord-tag")) return;
+ BDFDB.removeEles(wrapper.querySelectorAll(".EditUsers-tag"));
+ let data = this.getUserData(info.id, wrapper);
+ if (data.tag) {
+ let member = data.ignoreTagColor ? (this.MemberUtils.getMember(this.LastGuildStore.getGuildId(), info.id) || {}) : {};
+ let color3 = BDFDB.colorCONVERT(!data.ignoreTagColor ? data.color3 : member.colorString, "RGB");
+ let color4 = !data.ignoreTagColor && data.color4 ? BDFDB.colorCONVERT(data.color4, "RGB") : (BDFDB.colorISBRIGHT(color3) ? "black" : "white");
+ let tag = document.createElement("span");
+ tag.className = "EditUsers-tag " + BDFDB.disCN.bottag + (selector ? (" " + selector) : "");
+ tag.innerText = data.tag;
+ tag.style.setProperty("background-color", color3, "important");
+ tag.style.setProperty("color", color4, "important");
+ wrapper.appendChild(tag);
+ }
+ }
+
+ changePrivateChannel (info, username) {
+ if (!info || !username || !username.parentElement) return;
+ let dmchannel = BDFDB.getParentEle(BDFDB.dotCN.dmchannel, username);
+ if (!dmchannel) return;
+ if (username.EditUsersChangeObserver && typeof username.EditUsersChangeObserver.disconnect == "function") username.EditUsersChangeObserver.disconnect();
+ dmchannel.removeEventListener("mouseenter", dmchannel.mouseenterListenerEditUsers);
+ dmchannel.removeEventListener("mouseleave", dmchannel.mouseleaveListenerEditUsers);
+ let data = this.getUserData(info.id, username);
+ if (data.name || data.color1 || data.color2 || username.getAttribute("changed-by-editusers")) {
+ let color1 = BDFDB.colorCONVERT(data.color1, "RGB");
+ let color2 = BDFDB.colorCONVERT(data.color2, "RGB");
+ BDFDB.setInnerText(username, data.name || info.username);
+ if (username.EditUsersHovered || BDFDB.containsClass(dmchannel, BDFDB.disCN.dmchannelselected)) colorHover();
+ else colorDefault();
+
+ if (data.name || data.color1 || data.color2) {
+ dmchannel.mouseenterListenerEditUsers = () => {
+ username.EditUsersHovered = true;
+ colorHover();
+ };
+ dmchannel.mouseleaveListenerEditUsers = () => {
+ delete username.EditUsersHovered;
+ colorDefault();
+ };
+ dmchannel.addEventListener("mouseenter", dmchannel.mouseenterListenerEditUsers);
+ dmchannel.addEventListener("mouseleave", dmchannel.mouseleaveListenerEditUsers);
+ username.setAttribute("changed-by-editusers", true);
+ username.EditUsersChangeObserver = new MutationObserver((changes, _) => {
+ username.EditUsersChangeObserver.disconnect();
+ this.changePrivateChannel(info, username);
+ });
+ username.EditUsersChangeObserver.observe(username, {attributes:true});
+ }
+ else username.removeAttribute("changed-by-editusers");
+ function colorDefault() {
+ username.style.setProperty("color", color1 ? BDFDB.colorCHANGE(color1, -0.5) : null, "important");
+ username.style.setProperty("background", color2 ? BDFDB.colorCHANGE(color2, -0.5) : null, "important");
+ }
+ function colorHover() {
+ username.style.setProperty("color", color1, "important");
+ username.style.setProperty("background", color2, "important");
+ }
+ }
+ }
+
+ changeMention (info, mention) {
+ if (!info || !mention || !mention.parentElement) return;
+ if (mention.EditUsersChangeObserver && typeof mention.EditUsersChangeObserver.disconnect == "function") mention.EditUsersChangeObserver.disconnect();
+ mention.removeEventListener("mouseover", mention.mouseoverListenerEditUsers);
+ mention.removeEventListener("mouseout", mention.mouseoutListenerEditUsers);
+ let data = this.getUserData(info.id, mention);
+ let member = this.MemberUtils.getMember(this.LastGuildStore.getGuildId(), info.id) || {};
+ let color1 = BDFDB.colorCONVERT(data.color1 || (BDFDB.isPluginEnabled("BetterRoleColors") ? member.colorString : null), "RGBCOMP");
+ let name = data.name ? data.name : (BDFDB.isPluginEnabled("RemoveNicknames") ? bdplugins.RemoveNicknames.plugin.getNewName(info) : member.nick || info.username);
+ BDFDB.setInnerText(mention, "@" + name);
+ if (mention.EditUsersHovered) colorHover();
+ else colorDefault();
+ mention.mouseoverListenerEditUsers = () => {
+ mention.EditUsersHovered = true;
+ colorHover();
+ };
+ mention.mouseoutListenerEditUsers = () => {
+ delete mention.EditUsersHovered;
+ colorDefault();
+ };
+ mention.addEventListener("mouseover", mention.mouseoverListenerEditUsers);
+ mention.addEventListener("mouseout", mention.mouseoutListenerEditUsers);
+ mention.EditUsersChangeObserver = new MutationObserver((changes, _) => {
+ mention.EditUsersChangeObserver.disconnect();
+ this.changeMention(info, mention);
+ });
+ mention.EditUsersChangeObserver.observe(mention, {attributes:true});
+ function colorDefault() {
+ mention.style.setProperty("color", color1 ? "rgb(" + color1[0] + "," + color1[1] + "," + color1[2] + ")" : null, "important");
+ mention.style.setProperty("background", color1 ? "rgba(" + color1[0] + "," + color1[1] + "," + color1[2] + ",.1)" : null, "important");
+ }
+ function colorHover() {
+ mention.style.setProperty("color", color1 ? "#FFFFFF" : null, "important");
+ mention.style.setProperty("background", color1 ? "rgba(" + color1[0] + "," + color1[1] + "," + color1[2] + ",.7)" : null, "important");
+ }
+ }
+
+ changeVoiceUser (info, username) {
+ if (!info || !username || !username.parentElement) return;
+ if (username.EditUsersChangeObserver && typeof username.EditUsersChangeObserver.disconnect == "function") username.EditUsersChangeObserver.disconnect();
+ let data = this.getUserData(info.id, username);
+ if (data.name || data.color1 || username.getAttribute("changed-by-editusers")) {
+ let member = this.MemberUtils.getMember(this.LastGuildStore.getGuildId(), info.id) || {};
+ let color1 = BDFDB.colorCONVERT(data.color1 || (BDFDB.isPluginEnabled("BetterRoleColors") ? member.colorString : ""), "RGB");
+ BDFDB.setInnerText(username, data.name || member.nick || info.username);
+ username.style.setProperty("color", BDFDB.containsClass(username, BDFDB.disCN.voicenamedefault) ? BDFDB.colorCHANGE(color1, -50) : color1, "important");
+ if (data.name || data.color1) {
+ username.EditUsersChangeObserver = new MutationObserver((changes, _) => {
+ username.EditUsersChangeObserver.disconnect();
+ this.changeVoiceUser(info, username);
+ });
+ username.EditUsersChangeObserver.observe(username, {attributes:true});
+ }
+ else username.removeAttribute("changed-by-editusers");
+ }
+ }
+
+ getAvatarDiv (wrapper) {
+ var avatar = wrapper.querySelector(this.avatarselector);
+ while (!avatar && wrapper.parentElement) {
+ wrapper = wrapper.parentElement;
+ avatar = wrapper.querySelector(this.avatarselector);
+ }
+ return avatar.firstElementChild || avatar;
+ }
+
+ getUserData (id, wrapper) {
+ let data = BDFDB.loadData(id, this, "users");
+ if (!data) return {};
+ let allenabled = true, settings = BDFDB.getAllData(this, "settings");
+ for (let i in settings) if (!settings[i]) allenabled = false;
+ if (allenabled) return data;
+ let key = null, ele = null;
+ if (!BDFDB.containsClass(wrapper, BDFDB.disCN.mention) && BDFDB.getParentEle(BDFDB.dotCN.messagegroup, wrapper)) key = "changeInChatWindow";
+ else if (BDFDB.containsClass(wrapper, BDFDB.disCN.mention)) key = "changeInMentions";
+ else if (BDFDB.getParentEle(BDFDB.dotCN.textareawrapchat, wrapper)) key = "changeInChatTextarea";
+ else if (BDFDB.getParentEle(BDFDB.dotCN.voiceuser, wrapper)) key = "changeInVoiceChat";
+ else if (BDFDB.getParentEle(BDFDB.dotCN.members, wrapper)) key = "changeInMemberList";
+ else if (BDFDB.getParentEle(BDFDB.dotCN.dms, wrapper)) key = "changeInRecentDms";
+ else if (BDFDB.getParentEle(BDFDB.dotCN.dmchannels, wrapper)) key = "changeInDmsList";
+ else if (BDFDB.getParentEle(BDFDB.dotCN.channelheaderheaderbar, wrapper)) key = "changeInDmHeader";
+ else if (BDFDB.getParentEle(BDFDB.dotCN.callavatarwrapper, wrapper)) key = "changeInDmCalls";
+ else if (BDFDB.getParentEle(BDFDB.dotCN.callincoming, wrapper) || BDFDB.getParentEle(BDFDB.dotCN.callcurentcontainer, wrapper)) key = "changeInDmCalls";
+ else if (BDFDB.getParentEle(BDFDB.dotCN.typing, wrapper)) key = "changeInTyping";
+ else if (BDFDB.getParentEle(BDFDB.dotCN.friends, wrapper) || BDFDB.getParentEle(BDFDB.dotCN.userprofilebody, wrapper)) key = "changeInFriendList";
+ else if (BDFDB.getParentEle(BDFDB.dotCN.activityfeed, wrapper)) key = "changeInActivity";
+ else if (BDFDB.getParentEle(BDFDB.dotCN.userpopout, wrapper)) key = "changeInUserPopout";
+ else if (BDFDB.getParentEle(BDFDB.dotCN.userprofileheader, wrapper)) key = "changeInUserProfil";
+ else if (BDFDB.getParentEle(BDFDB.dotCN.autocomplete, wrapper)) key = "changeInAutoComplete";
+ else if (BDFDB.getParentEle(BDFDB.dotCN.auditlog, wrapper)) key = "changeInAuditLog";
+ else if (BDFDB.getParentEle(BDFDB.dotCN.searchpopout, wrapper) || BDFDB.getParentEle(BDFDB.dotCN.searchpopoutdmaddpopout, wrapper)) key = "changeInSearchPopout";
+ else if (BDFDB.getParentEle(BDFDB.dotCN.accountinfo, wrapper)) key = "changeInUserAccount";
+
+ return !key || BDFDB.getData(key, this, "settings") ? data : {};
+ }
+
+ addAutoCompleteMenu (textarea, channel) {
+ if (textarea.parentElement.querySelector(".autocompleteEditUsersRow")) return;
+ let words = textarea.value.split(/\s/);
+ let lastword = words[words.length-1].trim();
+ if (lastword && lastword.length > 1 && lastword[0] == "@") {
+ let users = BDFDB.loadAllData(this, "users");
+ if (!users) return;
+ let userarray = [];
+ for (let id in users) if (users[id].name) {
+ let user = this.UserUtils.getUser(id);
+ let member = user ? this.MemberUtils.getMember(channel.guild_id, id) : null;
+ if (user && member) userarray.push(Object.assign({lowercasename:users[id].name.toLowerCase(),user,member},users[id]));
+ }
+ userarray = BDFDB.sortArrayByKey(userarray.filter(n => n.lowercasename.indexOf(lastword.toLowerCase().slice(1)) != -1), "lowercasename");
+ if (userarray.length) {
+ let autocompletemenu = textarea.parentElement.querySelector(BDFDB.dotCNS.autocomplete + BDFDB.dotCN.autocompleteinner), amount = 15;
+ if (!autocompletemenu) {
+ autocompletemenu = BDFDB.htmlToElement(``);
+ textarea.parentElement.appendChild(autocompletemenu);
+ autocompletemenu = autocompletemenu.firstElementChild;
+ }
+ else {
+ amount -= autocompletemenu.querySelectorAll(BDFDB.dotCN.autocompleteselectable).length;
+ }
+
+ BDFDB.addEventListener(this, autocompletemenu, "mouseenter", BDFDB.dotCN.autocompleteselectable, e => {
+ var selected = autocompletemenu.querySelectorAll(BDFDB.dotCN.autocompleteselected);
+ BDFDB.removeClass(selected, BDFDB.disCN.autocompleteselected);
+ BDFDB.addClass(selected, BDFDB.disCN.autocompleteselector);
+ BDFDB.addClass(e.currentTarget, BDFDB.disCN.autocompleteselected);
+ });
+
+ for (let data of userarray) {
+ if (amount-- < 1) break;
+ let autocompleterow = BDFDB.htmlToElement(``);
+ autocompleterow.querySelector(BDFDB.dotCN.autocompleteselectable).addEventListener("click", () => {this.swapWordWithMention(textarea);});
+ autocompletemenu.appendChild(autocompleterow);
+ }
+ if (!autocompletemenu.querySelector(BDFDB.dotCN.autocompleteselected)) {
+ BDFDB.addClass(autocompletemenu.querySelector(".autocompleteEditUsersRow " + BDFDB.dotCN.autocompleteselectable), BDFDB.disCN.autocompleteselected);
+ }
+ }
+ }
+ }
+
+ getNextSelection (menu, selected, forward) {
+ selected = selected ? selected : menu.querySelector(BDFDB.dotCN.autocompleteselected).parentElement;
+ let next, sibling = forward ? selected.nextElementSibling : selected.previousElementSibling;
+ if (sibling) {
+ next = sibling.querySelector(BDFDB.dotCN.autocompleteselectable);
+ }
+ else {
+ let items = menu.querySelectorAll(BDFDB.dotCN.autocompleteselectable);
+ next = forward ? items[0] : items[items.length-1];
+ }
+ return next ? next : this.getNextSelection(menu, sibling, forward);
+ }
+
+ swapWordWithMention (textarea) {
+ let selected = textarea.parentElement.querySelector(".autocompleteEditUsersRow " + BDFDB.dotCN.autocompleteselected);
+ let words = textarea.value.split(/\s/);
+ let lastword = words[words.length-1].trim();
+ if (selected && lastword) {
+ let username = selected.querySelector(BDFDB.dotCN.autocompletedescriptionusername).textContent;
+ let discriminator = selected.querySelector(BDFDB.dotCN.autocompletedescriptiondiscriminator).textContent;
+ let userid = selected.getAttribute("userid");
+ BDFDB.removeEles(".autocompleteEditUsers", ".autocompleteEditUsersRow");
+ textarea.focus();
+ textarea.selectionStart = textarea.value.length - lastword.length;
+ textarea.selectionEnd = textarea.value.length;
+ document.execCommand("insertText", false, (username && discriminator ? ("@" + username + discriminator) : `<@!${userid}>`) + " ");
+ textarea.selectionStart = textarea.value.length;
+ textarea.selectionEnd = textarea.value.length;
}
}
getSettingsPanel () {
+ if (!global.BDFDB || typeof BDFDB != "object" || !BDFDB.loaded || !this.started) return;
var settings = BDFDB.getAllData(this, "settings");
- var settingshtml = `
`)[0];
- this.insertEmbed(embed, previmage, links, accessory, scroller);
+ if (height > 300) {
+ width = Math.round(width*(300/height));
+ height = 300;
}
- this.addItemToAccessory(item, links, accessory, scroller);
+ let checkedsrc = itemsrc.indexOf("imgur.com/") > -1 ? ("imgur.com/" + itemsrc.split("/")[3].split(".")[0]) : itemsrc;
+ if (!accessory.querySelector(`${BDFDB.dotCN.embedimage}[href*="${checkedsrc}"]`)) {
+ let embed = BDFDB.htmlToElement(``);
+ this.insertEmbed(embed, previmage, links, accessory);
+ }
+ this.addItemToAccessory(item, links, accessory);
};
}
else if (response && response.headers["server"] && response.headers["server"].toLowerCase().indexOf("youtube") > -1 && result.indexOf("yt-user-info") > -1) {
@@ -153,37 +105,31 @@ module.exports = (Plugin, Api, Vendor) => {
result = result.replace(new RegExp("[\\r|\\n|\\t]|[\\s]{2,}", "g"), "");
let width = 400;
let height = Math.round(width*(result.split('
`)[0];
- $(embed).on("click." + this.name, BDFDB.dotCN.iconplay, (e) => {
+ let embed = BDFDB.htmlToElement(``);
+ BDFDB.addChildEventListener(embed, "click", BDFDB.dotCN.iconplay, () => {
let videowrapper = embed.querySelector(BDFDB.dotCN.embedvideo);
- while (videowrapper.firstChild) videowrapper.firstChild.remove();
- $(``).appendTo(videowrapper);
+ BDFDB.removeEles(videowrapper.childNodes);
+ videowrapper.appendChild(BDFDB.htmlToElement(``));
});
- this.insertEmbed(embed, previmage, links, accessory, scroller);
+ this.insertEmbed(embed, previmage, links, accessory);
}
- this.addItemToAccessory(item, links, accessory, scroller);
+ this.addItemToAccessory(item, links, accessory);
}
- else this.addItemToAccessory(item, links, accessory, scroller);
+ else this.addItemToAccessory(item, links, accessory);
});
}
}
- insertEmbed (embed, previmage, links, accessory, scroller) {
+ insertEmbed (embed, previmage, links, accessory) {
let prev = accessory.querySelector(`${BDFDB.dotCNS.embed + BDFDB.dotCN.embedimage}[href="${previmage ? this.parseSrc(previmage.src) : void 0}"]`);
let next = accessory.querySelector(`${BDFDB.dotCNS.embed + BDFDB.dotCN.embedimage}[href="${links[0] ? this.parseSrc(links[0].src) : void 0}"]`);
prev = prev ? prev : accessory.querySelector(`${BDFDB.dotCNS.embed + BDFDB.dotCN.embedtitlelink}[href="${previmage ? this.parseSrc(previmage.src) : void 0}"]`);
next = next ? next : accessory.querySelector(`${BDFDB.dotCNS.embed + BDFDB.dotCN.embedtitlelink}[href="${links[0] ? this.parseSrc(links[0].src) : void 0}"]`);
+ let isempty = accessory.childElementCount == 0;
+ if (BDFDB.containsClass(embed.firstElementChild, BDFDB.disCN.embedimage)) embed.style.setProperty("pointer-events", "none", "important");
accessory.insertBefore(embed, prev ? prev.nextSibling : next);
- scroller.scrollTop += embed.getBoundingClientRect().height;
- }
-
- getAccessoryOfMessage (message) {
- var accessory = null;
- while (message && !message.querySelector(BDFDB.dotCN.messagegroup) && !accessory) {
- accessory = message.querySelector(BDFDB.dotCN.messageaccessory);
- message = message.parentElement;
- }
- return accessory;
+ let scroller = document.querySelector(BDFDB.dotCNS.chat + BDFDB.dotCN.messages);
+ if (scroller) scroller.scrollTop += (BDFDB.getRects(embed).height + (isempty ? 15 : 0));
}
parseSrc (src) {
diff --git a/PluginsV2/FriendNotifications/index.js b/PluginsV2/FriendNotifications/index.js
index 65fec1fef1..834e42eedd 100644
--- a/PluginsV2/FriendNotifications/index.js
+++ b/PluginsV2/FriendNotifications/index.js
@@ -3,12 +3,16 @@ module.exports = (Plugin, Api, Vendor) => {
return class extends Plugin {
initConstructor () {
+ this.patchModules = {
+ "FluxContainer(FriendsOnline)":["componentDidMount","componentDidUpdate"]
+ };
+
this.friendsOnlineList = {};
this.timeLog = [];
this.timeLogModalMarkup =
- `
+ `
`, {html:true, timeout:5000, type:(online ? "success" : null), icon:false});
- $(toast).on("click." + this.name, openChannel);
- }
- else {
- BDFDB.showDesktopNotification(string, {icon:avatar, timeout:5000, click:openChannel, silent:notificationsound.mute, sound:notificationsound.song});
- }
- }
- }
- this.friendsOnlineList[id] = online;
- }
- }
- );
- });
- BDFDB.addObserver(this, `${BDFDB.dotCN.guilds} > ${BDFDB.dotCN.friendsonline}`, {name:"friendCountObserver",instance:observer}, {childList:true, subtree:true, characterData:true});
-
for (let id of this.FriendUtils.getFriendIDs()) {
this.friendsOnlineList[id] = this.UserMetaStore.getStatus(id) != "offline";
}
- $(`${BDFDB.dotCN.guilds} > ${BDFDB.dotCN.friendsonline}`).first()
- .on("mouseenter." + this.name, (e) => {
- BDFDB.createTooltip("Timelog", e.currentTarget, {type:"right"});
- })
- .on("click." + this.name, (e) => {
- this.showTimeLog();
- });
+
+ BDFDB.WebModules.forceAllUpdates(this);
return true;
}
@@ -213,32 +176,24 @@ module.exports = (Plugin, Api, Vendor) => {
// begin of own functions
- updateSettings (settingspanel) {
- var settings = {};
- for (var input of settingspanel.querySelectorAll(BDFDB.dotCN.switchinner)) {
- settings[input.value] = input.checked;
- }
- BDFDB.saveAllData(settings, this, "settings");
- }
-
- saveAudio (settingspanel) {
- var successSavedAudio = (parsedurl, parseddata) => {
+ saveAudio (settingspanel, option) {
+ let successSavedAudio = (parsedurl, parseddata) => {
if (parsedurl && parseddata) BDFDB.showToast(`Sound was saved successfully.`, {type:"success"});
- let notificationsound = BDFDB.loadAllData(this, "notificationsound");
+ let notificationsound = BDFDB.getData(option, this, "notificationsounds");
notificationsound.url = parsedurl;
notificationsound.song = parseddata;
- BDFDB.saveAllData(notificationsound, this, "notificationsound");
+ BDFDB.saveData(option, notificationsound, this, "notificationsounds");
};
- var url = settingspanel.querySelector(".songInput").value;
+ let url = settingspanel.querySelector(`.songInput[option="${option}"]`).value;
if (url.length == 0) {
- BDFDB.showToast(`Sound was set to the default sound.`, {type:"warn"});
+ BDFDB.showToast(`Sound file was removed.`, {type:"warn"});
successSavedAudio(url, url);
}
else if (url.indexOf("http") == 0) {
require("request")(url, (error, response, result) => {
if (response) {
- var type = response.headers["content-type"];
+ let type = response.headers["content-type"];
if (type && (type.indexOf("octet-stream") > -1 || type.indexOf("audio") > -1 || type.indexOf("video") > -1)) {
successSavedAudio(url, url);
return;
@@ -249,42 +204,84 @@ module.exports = (Plugin, Api, Vendor) => {
}
else {
require("fs").readFile(url, (error, response) => {
- if (error) {
- BDFDB.showToast("Could not fetch file. Please make sure the file exists.", {type:"danger"});
- }
- else {
- successSavedAudio(url, `data:audio/mpeg;base64,${response.toString("base64")}`);
- }
+ if (error) BDFDB.showToast("Could not fetch file. Please make sure the file exists.", {type:"danger"});
+ else successSavedAudio(url, `data:audio/mpeg;base64,${response.toString("base64")}`);
});
}
}
+ processFluxContainerFriendsOnline (instance, wrapper) {
+ BDFDB.addEventListener(this, wrapper, "mouseenter", () => {BDFDB.createTooltip("Timelog", wrapper, {type:"right"});});
+ BDFDB.addEventListener(this, wrapper, "click", () => {this.showTimeLog();});
+
+ let settings = BDFDB.getAllData(this, "settings");
+ for (let id of this.FriendUtils.getFriendIDs()) {
+ let online = this.UserMetaStore.getStatus(id) != "offline";
+ let user = this.UserUtils.getUser(id);
+ if (user && this.friendsOnlineList[id] != online && !BDFDB.loadData(id, this, "disabled")) {
+ this.timeLog.push({user, online, time: new Date()});
+ if (!(settings.onlyOnOnline && !online) && !(settings.muteOnDND && BDFDB.getUserStatus() == "dnd")) {
+ let data = BDFDB.loadData(user.id, "EditUsers", "users") || {};
+ let string = `${BDFDB.encodeToHTML(data.name ? data.name : user.username)} is ${online ? "online" : "offline"}.`;
+ let avatar = data.removeIcon ? "" : (data.url ? data.url : BDFDB.getUserAvatar(user.id));
+ let openChannel = () => {
+ if (settings.openOnClick) {
+ let DMid = this.ChannelUtils.getDMFromUserId(user.id)
+ if (DMid) this.ChannelSwitchUtils.selectPrivateChannel(DMid);
+ else this.PrivateChannelUtils.openPrivateChannel(BDFDB.myData.id, user.id);
+ require("electron").remote.getCurrentWindow().maximize();
+ }
+ };
+ if (!BDFDB.loadData(id, this, "desktop")) {
+ let toast = BDFDB.showToast(``, {html:true, timeout:5000, type:(online ? "success" : null), icon:false, selector:`friendnotifications-${online ? "online" : "offline"}-toast`});
+ toast.addEventListener("click", openChannel);
+ let notificationsound = BDFDB.getData(online ? "toastonline" : "toastoffline", this, "notificationsounds");
+ if (!notificationsound.mute && notificationsound.song) {
+ let audio = new Audio();
+ audio.src = notificationsound.song;
+ audio.play();
+ }
+ }
+ else {
+ let notificationsound = BDFDB.getData(online ? "desktoponline" : "desktopoffline", this, "notificationsounds");
+ BDFDB.showDesktopNotification(string, {icon:avatar, timeout:5000, click:openChannel, silent:notificationsound.mute, sound:notificationsound.song});
+ }
+ }
+ }
+ this.friendsOnlineList[id] = online;
+ }
+ }
+
showTimeLog () {
- var timeLogModal = $(this.timeLogModalMarkup);
+ let timeLogModal = BDFDB.htmlToElement(this.timeLogModalMarkup);
+ let container = timeLogModal.querySelector(".entries");
+ if (!container) return;
let logs = this.timeLog.slice(0).reverse();
for (let log of logs) {
- let entry = $(this.logEntryMarkup);
- let divider = $(this.dividerMarkup);
+ if (container.childElementCount) container.appendChild(BDFDB.htmlToElement(``));
let data = BDFDB.loadData(log.user.id, "EditUsers", "users") || {};
- entry.find(".log-time").text(`[${log.time.toLocaleTimeString()}]`);
- entry.find(".log-avatar").css("background-image", `url(${data.removeIcon ? "" : (data.url ? data.url : BDFDB.getUserAvatar(log.user.id))})`);
- entry.find(".log-description").text(`${data.name ? data.name : log.user.username} is ${log.online ? "online" : "offline"}.`);
- timeLogModal.find(".entries").append(entry).append(divider);
+ let entry = BDFDB.htmlToElement(this.logEntryMarkup);
+ entry.querySelector(".log-time").innerText = `[${log.time.toLocaleTimeString()}]`;
+ entry.querySelector(".log-avatar").style.setProperty("background-image", `url(${data.removeIcon ? "" : (data.url ? data.url : BDFDB.getUserAvatar(log.user.id))})`);
+ entry.querySelector(".log-description").innerText = `${data.name || log.user.username} is ${log.online ? "online" : "offline"}.`;
+ container.appendChild(entry)
}
- timeLogModal.find(BDFDB.dotCN.modaldivider + ":last-of-type").remove();
BDFDB.appendModal(timeLogModal);
}
getSettingsPanel () {
- var settings = BDFDB.getAllData(this, "settings");
- var notificationsound = BDFDB.loadAllData(this, "notificationsound");
- var desktop = BDFDB.loadAllData(this, "desktop");
- var disabled = BDFDB.loadAllData(this, "disabled");
- var settingshtml = ``;
this.messageContextSubMenuMarkup =
- `
${BDFDB.LanguageStrings.MEMBERS_MATCHING.replace("{{prefix}}", BDFDB.encodeToHTML(lastword))}
${BDFDB.encodeToHTML(data.name || data.member.nick || data.user.username)}
${BDFDB.encodeToHTML(data.user.username)}
#${data.user.discriminator}
`;
+ var settingshtml = `
`;
- var settingspanel = $(settingshtml)[0];
+ let settingspanel = BDFDB.htmlToElement(settingshtml);
- $(settingspanel)
- .on("click", BDFDB.dotCN.switchinner, () => {this.updateSettings(settingspanel);})
- .on("click", ".reset-button", () => {this.resetAll();});
+ BDFDB.initElements(settingspanel, this);
+
+ BDFDB.addEventListener(this, settingspanel, "click", ".reset-button", () => {
+ BDFDB.openConfirmModal(this, "Are you sure you want to reset all users?", () => {
+ BDFDB.removeAllData(this, "users");
+ BDFDB.WebModules.forceAllUpdates(this);
+ });
+ });
return settingspanel;
}
onSettingsClosed () {
- if (this.updateUsers) {
- this.loadAllUsers();
- this.updateUsers = false;
+ if (this.SettingsUpdated) {
+ delete this.SettingsUpdated;
+ BDFDB.WebModules.forceAllUpdates(this);
}
}
diff --git a/PluginsV2/EmojiStatistics/index.js b/PluginsV2/EmojiStatistics/index.js
index 91d6999243..5c7061a984 100644
--- a/PluginsV2/EmojiStatistics/index.js
+++ b/PluginsV2/EmojiStatistics/index.js
@@ -5,7 +5,16 @@ module.exports = (Plugin, Api, Vendor) => {
initConstructor () {
this.labels = {};
+ this.patchModules = {
+ "EmojiPicker":"componentDidMount"
+ };
+
this.css = `
+ .emojistatistics-tooltip,
+ .emoji-tooltip {
+ z-index: 2002;
+ }
+
.${this.name}-modal .titles {
height: 20px;
}
@@ -17,18 +26,7 @@ module.exports = (Plugin, Api, Vendor) => {
}
.${this.name}-modal .emojiserver-entry .modal-emojiserver-icon {
- background-color: #484B51;
- background-size: cover;
- border-radius: 25px;
- color: #b9bbbe;
display: inline-block;
- font-size: 16px;
- font-weight: 600;
- height: 35px;
- letter-spacing: .5px;
- padding-top: 15px;
- text-align: center;
- width: 50px;
}
.${this.name}-modal .titles-entry label,
@@ -92,7 +90,7 @@ module.exports = (Plugin, Api, Vendor) => {
}`;
this.emojiInformationModalMarkup =
- `
+ `
${this.name}
`;
settingshtml += ``;
- settingshtml += `
`;
+ settingshtml += `Change User in:
`;
for (let key in settings) {
- settingshtml += ``;
+ settingshtml += ``;
}
settingshtml += `
`;
settingshtml += `${this.defaults.settings[key].description}
${this.defaults.settings[key].description}
Reset all Users.
@@ -102,12 +100,16 @@ module.exports = (Plugin, Api, Vendor) => {
-
+
REPLACE_modal_header_text
@@ -143,14 +145,13 @@ module.exports = (Plugin, Api, Vendor) => {
`;
- this.dividerMarkup = ``;
-
- this.emojiButtonMarkup = ``;
-
this.defaults = {
settings: {
enableEmojiHovering: {value:true, description:"Show Information about Emojis on hover over an Emoji in the Emojipicker."},
enableEmojiStatisticsButton: {value:true, description:"Add a Button in the Emojipicker to open the Statistics Overview."}
+ },
+ amounts: {
+ hoverDelay: {value:1000, description:"Tooltip delay in millisec:"}
}
};
}
@@ -175,40 +176,13 @@ module.exports = (Plugin, Api, Vendor) => {
initialize () {
if (global.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) {
+ if (this.started) return true;
BDFDB.loadMessage(this);
- var observer = null;
-
- observer = new MutationObserver((changes, _) => {
- changes.forEach(
- (change, i) => {
- if (change.addedNodes) {
- change.addedNodes.forEach((node) => {
- if (node && node.tagName && node.querySelector(BDFDB.dotCN.emojipicker)) {
- this.loadEmojiList();
- if (!node.querySelector(".emojistatistics-button") && BDFDB.getData("enableEmojiStatisticsButton", this, "settings")) {
- this.addEmojiInformationButton(node);
- }
- if (BDFDB.getData("enableEmojiHovering", this, "settings")) {
- this.hoverEmoji(node);
- }
- }
- });
- }
- if (change.removedNodes) {
- change.removedNodes.forEach((node) => {
- if (node.querySelector(BDFDB.dotCN.emojipicker)) {
- $(BDFDB.dotCN.tooltips).find(".emoji-tooltip").remove();
- }
- });
- }
- }
- );
- });
- BDFDB.addObserver(this, BDFDB.dotCN.popouts, {name:"emojiPickerObserver",instance:observer}, {childList: true});
-
this.GuildEmojis = BDFDB.WebModules.findByProperties("getGuildEmoji", "getDisambiguatedEmojiContext");
+ BDFDB.WebModules.forceAllUpdates(this);
+
return true;
}
else {
@@ -219,6 +193,7 @@ module.exports = (Plugin, Api, Vendor) => {
onStop () {
if (global.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) {
+ BDFDB.removeEles(".emoji-tooltip",".emojistatistics-button");
BDFDB.unloadMessage(this);
return true;
}
@@ -230,14 +205,6 @@ module.exports = (Plugin, Api, Vendor) => {
// begin of own functions
- updateSettings (settingspanel) {
- var settings = {};
- for (var input of settingspanel.querySelectorAll(BDFDB.dotCN.switchinner)) {
- settings[input.value] = input.checked;
- }
- BDFDB.saveAllData(settings, this, "settings");
- }
-
changeLanguageStrings () {
this.emojiInformationModalMarkup = this.emojiInformationModalMarkup.replace("REPLACE_modal_header_text", this.labels.modal_header_text);
this.emojiInformationModalMarkup = this.emojiInformationModalMarkup.replace("REPLACE_btn_ok_text", this.labels.btn_ok_text);
@@ -251,54 +218,81 @@ module.exports = (Plugin, Api, Vendor) => {
this.emojiserverTitlesMarkup = this.emojiserverTitlesMarkup.replace("REPLACE_modal_titlescopies_text", this.labels.modal_titlescopies_text);
}
+ processEmojiPicker (instance, wrapper) {
+ if (!wrapper.querySelector(".emojistatistics-button")) {
+ let emojipickerdiversityselector = document.querySelector(BDFDB.dotCN.emojipickerdiversityselector);
+ if (!emojipickerdiversityselector) return;
+ this.loadEmojiList();
+ let settings = BDFDB.getAllData(this, "settings");
+ if (settings.enableEmojiStatisticsButton) {
+ let emojiStatisticsButton = BDFDB.htmlToElement(``);
+ emojipickerdiversityselector.parentElement.insertBefore(emojiStatisticsButton, emojipickerdiversityselector);
+ emojiStatisticsButton.addEventListener("click", () => {
+ instance._reactInternalFiber.return.return.return.return.stateNode.close();
+ this.showEmojiInformationModal();
+ });
+ emojiStatisticsButton.addEventListener("mouseenter", e => {
+ BDFDB.createTooltip("Emoji Statistics", emojiStatisticsButton, {type:"top",selector:"emojistatistics-tooltip"});
+ });
+ }
+ if (settings.enableEmojiHovering) {
+ BDFDB.addEventListener(this, wrapper, "mouseenter", BDFDB.dotCN.emojipickeremojiitem, e => {
+ let data = this.emojiToServerList[e.target.style.getPropertyValue("background-image").replace('url("',"").replace('")',"")];
+ if (data) BDFDB.createTooltip(`${BDFDB.encodeToHTML(data.emoji)}\n${BDFDB.encodeToHTML(data.server)}`, e.target, {type:"right",selector:"emoji-tooltip",delay:BDFDB.getData("hoverDelay", this, "amounts")});
+ });
+ }
+ }
+ }
+
loadEmojiList () {
this.emojiReplicaList = {};
this.emojiToServerList = {};
for (let serverObj of BDFDB.readServerList()) {
for (let emoji of this.GuildEmojis.getGuildEmoji(serverObj.id)) {
this.emojiToServerList[emoji.url] = {emoji:emoji.allNamesString, server:serverObj.name};
- if (emoji.managed) {
- if (this.emojiReplicaList[emoji.name] != undefined) {
- this.emojiReplicaList[emoji.name] = true;
- }
- else {
- this.emojiReplicaList[emoji.name] = false;
- }
- }
+ if (emoji.managed) this.emojiReplicaList[emoji.name] = this.emojiReplicaList[emoji.name] != undefined;
}
}
}
- hoverEmoji (picker) {
- $(picker)
- .off("mouseenter." + this.name)
- .on("mouseenter." + this.name, BDFDB.dotCN.emojipickeremojiitem, (e) => {
- var data = this.emojiToServerList[$(e.target).css("background-image").replace("url(\"","").replace("\")","")];
- if (data) {
- var text = `${BDFDB.encodeToHTML(data.emoji)}\n${BDFDB.encodeToHTML(data.server)}`;
- BDFDB.createTooltip(text, e.target, {type:"right",selector:"emoji-tooltip",css:`.emoji-tooltip{z-index:30000;}`});
- }
- });
- }
-
- addEmojiInformationButton (node) {
- $(node).find(BDFDB.dotCN.emojipickerheader)
- .append(this.emojiButtonMarkup)
- .off("click." + this.name)
- .on("click." + this.name, ".emojistatistics-button", () => {
- $(node).hide();
- this.showEmojiInformationModal();
- });
- }
-
showEmojiInformationModal () {
- var emojiInformationModal = $(this.emojiInformationModalMarkup);
- BDFDB.appendModal(emojiInformationModal);
+ var emojiInformationModal = BDFDB.htmlToElement(this.emojiInformationModalMarkup);
+
+ let titlescontainer = emojiInformationModal.querySelector(".titles");
+ let entriescontainer = emojiInformationModal.querySelector(".entries");
+
+ if (!titlescontainer || !entriescontainer) return;
+
+ var titleEntry = BDFDB.htmlToElement(this.emojiserverTitlesMarkup);
+ titlescontainer.appendChild(titleEntry);
+ BDFDB.addChildEventListener(titleEntry, "click", ".modal-sorttitle-label ", e => {
+ var oldTitle = e.currentTarget.innerText;
+
+ var reverse = oldTitle.indexOf("▼") < 0 ? false : true;
+
+ titleEntry.querySelector(".modal-titlesname-label").innerText = this.labels.modal_titlesname_text;
+ titleEntry.querySelector(".modal-titlestotal-label").innerText = this.labels.modal_titlestotal_text;
+ titleEntry.querySelector(".modal-titlesglobal-label").innerText = this.labels.modal_titlesglobal_text;
+ titleEntry.querySelector(".modal-titleslocal-label").innerText = this.labels.modal_titleslocal_text;
+ titleEntry.querySelector(".modal-titlescopies-label").innerText = this.labels.modal_titlescopies_text;
+
+ var sortKey = "index";
+ if (oldTitle.indexOf("▲") < 0) {
+ sortKey = e.currentTarget.getAttribute("sortkey");
+ var title = this.labels["modal_titles" + sortKey + "_text"];
+ e.currentTarget.innerText = oldTitle.indexOf("▼") < 0 ? title + "▼" : title + "▲";
+ }
+
+ BDFDB.sortArrayByKey(entries, sortKey);
+ if (reverse) entries.reverse();
+
+ this.updateAllEntries(entriescontainer, entries);
+ });
var entries = [], index = 0;
- for (let serverObj of BDFDB.readServerList()) {
+ for (let info of BDFDB.readServerList()) {
let amountGlobal = 0, amountLocal = 0, amountCopies = 0;
- for (let emoji of this.GuildEmojis.getGuildEmoji(serverObj.id)) {
+ for (let emoji of this.GuildEmojis.getGuildEmoji(info.id)) {
if (emoji.managed) {
amountGlobal++;
if (this.emojiReplicaList[emoji.name]) amountCopies++;
@@ -307,68 +301,57 @@ module.exports = (Plugin, Api, Vendor) => {
amountLocal++;
}
}
- var entry = $(this.emojiserverEntryMarkup);
- if (serverObj.icon) {
- entry.find(".modal-emojiserver-icon").css("background-image", "url('https://cdn.discordapp.com/icons/" + serverObj.id + "/" + serverObj.icon + ".png')");
- }
- else {
- entry.find(".modal-emojiserver-icon").text(serverObj.div.querySelector("a").innerText);
- }
- entry.find(".modal-emojiname-label").text(serverObj.name);
- entry.find(".modal-emojitotal-label").text(amountGlobal+amountLocal);
- entry.find(".modal-emojiglobal-label").text(amountGlobal);
- entry.find(".modal-emojilocal-label").text(amountLocal);
- entry.find(".modal-emojicopies-label").text(amountCopies);
- entries.push({entry:entry, index:index++, name:serverObj.name, total:amountGlobal+amountLocal, global:amountGlobal, local:amountLocal, copies:amountCopies});
+ var emojiEntry = BDFDB.htmlToElement(this.emojiserverEntryMarkup);
+ emojiEntry.querySelector(".modal-emojiserver-icon").innerHTML = this.createCopyOfServer(info).outerHTML;
+ emojiEntry.querySelector(".modal-emojiname-label").innerText = info.name || "";
+ emojiEntry.querySelector(".modal-emojitotal-label").innerText = amountGlobal + amountLocal;
+ emojiEntry.querySelector(".modal-emojiglobal-label").innerText = amountGlobal;
+ emojiEntry.querySelector(".modal-emojilocal-label").innerText = amountLocal;
+ emojiEntry.querySelector(".modal-emojicopies-label").innerText = amountCopies;
+ entries.push({div:emojiEntry, index:index++, name:info.name || "", total:amountGlobal+amountLocal, global:amountGlobal, local:amountLocal, copies:amountCopies});
}
- var titleentry = $(this.emojiserverTitlesMarkup)
- .appendTo("." + this.name + "-modal .titles")
- .on("click", ".modal-title-label ", (e2) => {
- var oldTitle = e2.target.innerText;
+ BDFDB.appendModal(emojiInformationModal);
- var reverse = oldTitle.indexOf("▼") < 0 ? false : true;
-
- titleentry.find(".modal-titlesname-label").text(this.labels.modal_titlesname_text);
- titleentry.find(".modal-titlestotal-label").text(this.labels.modal_titlestotal_text);
- titleentry.find(".modal-titlesglobal-label").text(this.labels.modal_titlesglobal_text);
- titleentry.find(".modal-titleslocal-label").text(this.labels.modal_titleslocal_text);
- titleentry.find(".modal-titlescopies-label").text(this.labels.modal_titlescopies_text);
-
- var sortKey = "index";
- if (oldTitle.indexOf("▲") < 0) {
- sortKey = e2.target.getAttribute("sortkey");
- var title = this.labels["modal_titles" + sortKey + "_text"];
- e2.target.innerText = oldTitle.indexOf("▼") < 0 ? title + "▼" : title + "▲";
- }
-
- this.updateAllEntries(emojiInformationModal, entries);
- });
-
- this.updateAllEntries(emojiInformationModal, entries);
+ this.updateAllEntries(entriescontainer, entries);
}
- updateAllEntries (modal, entries) {
- var container = modal.find(".entries");
- container.children().remove();
- for (let i = 0; entries.length > i; i++) {
- if (i > 0) container.append(this.dividerMarkup);
- container.append(entries[i].entry);
+ updateAllEntries (entriescontainer, entries) {
+ BDFDB.removeEles(entriescontainer.childNodes);
+ for (let entry of entries) {
+ if (entriescontainer.childElementCount) entriescontainer.appendChild(BDFDB.htmlToElement(``));
+ entriescontainer.appendChild(entry.div);
}
}
+ createCopyOfServer (info) {
+ let serverCopy = info.div.cloneNode(true);
+ BDFDB.toggleEles(serverCopy, true);
+ BDFDB.removeClass(serverCopy, BDFDB.disCN.guildunread, BDFDB.disCN.guildselected);
+ return serverCopy;
+ }
+
getSettingsPanel () {
- var settings = BDFDB.getAllData(this, "settings");
- var settingshtml = ``;
+ if (!global.BDFDB || typeof BDFDB != "object" || !BDFDB.loaded || !this.started) return;
+ var settings = BDFDB.getAllData(this, "settings");
+ var amounts = BDFDB.getAllData(this, "amounts");
+ var settingshtml = ``;
+ }
+ settingshtml += `
`;
- var settingspanel = $(settingshtml)[0];
+ let settingspanel = BDFDB.htmlToElement(settingshtml);
- $(settingspanel)
- .on("click", BDFDB.dotCN.switchinner, () => {this.updateSettings(settingspanel);});
+ BDFDB.initElements(settingspanel, this);
+
+ BDFDB.addEventListener(this, settingspanel, "input", ".amountInput", e => {
+ var input = parseInt(e.currentTarget.value);
+ if (!isNaN(input) && input > -1) BDFDB.saveData(e.currentTarget.getAttribute("option"), input, this, "amounts");
+ });
return settingspanel;
}
diff --git a/PluginsV2/FixGermanTranslation/README.md b/PluginsV2/FixGermanTranslation/README.md
deleted file mode 100644
index 32bfa7a2e3..0000000000
--- a/PluginsV2/FixGermanTranslation/README.md
+++ /dev/null
@@ -1,5 +0,0 @@
-# These Plugins are meant only for BDv2, not BD nor BandagedBD. If you got either of those two go to [Plugins](https://github.com/mwittrien/BetterDiscordAddons/tree/master/Plugins/).
-
-## Fix German Translation - [Download Script](https://betterdiscord.net/ghdl?url=https://raw.githubusercontent.com/mwittrien/BetterDiscordAddons/master/PluginsV2/FixGermanTranslation/index.js) [Download Config](https://betterdiscord.net/ghdl?url=https://raw.githubusercontent.com/mwittrien/BetterDiscordAddons/master/PluginsV2/FixGermanTranslation/config.json)
-
-Fixes some minor translation errors and some untranslated parts in the german version of discord.
diff --git a/PluginsV2/FixGermanTranslation/config.json b/PluginsV2/FixGermanTranslation/config.json
deleted file mode 100644
index ebfad1dac8..0000000000
--- a/PluginsV2/FixGermanTranslation/config.json
+++ /dev/null
@@ -1,15 +0,0 @@
-{
- "info": {
- "name": "FixGermanTranslation",
- "authors": [
- {
- "name": "DevilBro",
- "url": "https://www.paypal.me/MircoWittrien",
- "discord_id": "278543574059057154",
- "github_username": "mwittrien"
- }
- ],
- "version": 1.0,
- "description": "Fixes the german translation. \n\nMy Support Server: http://bit.ly/DevilBrosHaus or https://discordapp.com/invite/Jx3TjNS"
- }
-}
diff --git a/PluginsV2/FixGermanTranslation/index.js b/PluginsV2/FixGermanTranslation/index.js
deleted file mode 100644
index ce90bca826..0000000000
--- a/PluginsV2/FixGermanTranslation/index.js
+++ /dev/null
@@ -1,254 +0,0 @@
-module.exports = (Plugin, Api, Vendor) => {
- if (!global.BDFDB || typeof BDFDB != "object") global.BDFDB = {BDv2Api: Api};
-
- return class extends Plugin {
- initConstructor () {
- this.newStrings = {
- NO_THANKS: "Nein Danke",
- VAD_PERMISSION_SMALL: "Dieser Kanal erfordert Push-to-Talk um zu sprechen.",
- FORM_HELP_NSFW: "Benutzer müssen bestätigen, dass sie über 18 Jahre alt sind, um Inhalte des Kanals zu sehen.\nNSFW-Kanäle sind vom expliziten Inhaltsfilter ausgeschlossen.",
- SEND_TTS_MESSAGES_DESCRIPTION: "Mitglieder mit dieser Berechtigung können Text-zu-Sprache-Nachrichten schicken, indem sie die Nachricht mit /tts (Text-to-Speech) beginnen. Diese Nachrichten können von jedem gehört werden, der sich in dem Kanal befindet.",
- MANAGE_MESSAGES_DESCRIPTION: "Mitglieder mit dieser Berechtigung können Nachrichten von anderen Mitgliedern löschen oder eine Nachricht anpinnen.",
- MOVE_MEMBERS_DESCRIPTION: "Mitglieder mit dieser Berechtigung können andere Mitglieder aus diesem Kanal herausziehen. Sie können ausschließlich Mitglieder zwischen Kanälen hin- und herziehen, in denen sowohl sie als auch das Mitglied Zutritt haben.",
- USE_VAD_DESCRIPTION: "Wenn diese Berechtigung entzogen wird, müssen Benutzer in diesem Kanal Push-to-Talk verwenden.",
- MENTION_USERS_WITH_ROLE: "Benachrichtige Benutzer mit dieser Rolle, welche die Rechte haben diesen Kanal zu sehen.",
- MENTION_EVERYONE_AUTOCOMPLETE_DESCRIPTION: "Benachrichtige jeden, der die Berechtigung zum Lesen des Kanals hat.",
- MENTION_HERE_AUTOCOMPLETE_DESCRIPTION: "Benachrichtige jeden der Online ist und der die Rechte hat diesen Kanal zu sehen.",
- FORM_HELP_CHANNEL_PERMISSIONS: "Das Auswählen der Rollen wird automatisch grundlegende Berechtigungen für diesen Kanal erstellen.",
- JOIN_SERVER_DESCRIPTION_MOBILE: "Gib eine Soforteinladung ein, um einen existierenden Server beizutreten.",
- INSTANT_INVITE_LOOKS_LIKE: "Die Einladung wird in etwa so aussehen:",
- FORM_LABEL_INSTANT_INVITE: "Gib eine Soforteinladung ein",
- INVALID_INVITE_LINK_ERROR: "Bitte gib einen gültigen Einladungslink oder Code ein.",
- EDIT_CHANNEL: "Kanal bearbeiten",
- EDIT_VOICE_CHANNEL_NO_PERMISSION: "Deine Rolle hat keine Berechtigung diesen Sprachkanal zu bearbeiten.",
- DELETE_SERVER_ENTER_NAME: "Gib den Servernamen ein",
- EXPLICIT_CONTENT_FILTER_HIGH_DESCRIPTION: "Empfohlen, wenn du alles blitze blank haben willst.",
- GUILD_SETTINGS_AUDIT_LOG_CHANNEL_PERMISSION_OVERRIDES_CREATE: "Mit Berechtigungsüberschreibung",
- GUILD_SETTINGS_AUDIT_LOG_CHANNEL_NSFW_ENABLED: "Hat den Kanal als NSFW markiert",
- GUILD_SETTINGS_AUDIT_LOG_ROLE_HOIST_OFF: "Nicht separiert",
- SORTING: "Am Sortieren",
- GUILD_SETTINGS_WIDGET_ENABLE_WIDGET: "Server Widget aktivieren",
- ADMINISTRATOR_DESCRIPTION: "Mitglieder mit dieser Berechtigung haben jede Berechtigung und können kanalspezifische Berechtigungen umgehen. Mit dieser Berechtigung ist vorsichtig umzugehen.",
- VIEW_AUDIT_LOG_DESCRIPTION: "Mitglieder mit dieser Berechtigung können die Audit Logs des Servers einsehen.",
- ANIMATED_EMOJI: "Animierter Emoji",
- NO_EMOJI_BODY: "Nichts",
- TOO_MANY_EMOJI: "Du hast keine freien Plätze mehr für Emojis.",
- TOO_MANY_ANIMATED_EMOJI: "Du hast keine freien Plätze mehr für animierte Emojis.",
- INVITE_FRIEND_MODAL_TITLE: "Lade deine Freunde ein",
- INVITE_FRIEND_MODAL_LOADING: "Lädt deine Freundesliste...",
- INSTANT_INVITE_INVALID_CHANNEL: "Du kannst keine Soforteinladung für diesen Kanal erstellen. Versuch's mit einem anderen!",
- INSTANT_INVITE_NOT_ALLOWED: "Mist. Scheint als könntest du für diesen Server keine Soforteinladung erstellen.",
- LOGIN_BODY: "Log dich mit deiner E-Mail-Adresse ein um loszulegen",
- FORM_LABEL_EMAIL: "E-Mail",
- EMAIL_REQUIRED: "Eine gültige E-Mail-Adresse wird benötigt.",
- EMAIL_INVALID: "Die angegebene E-Mail-Adresse ist ungültig. Bitte aktualisiere sie und versuch es erneut.",
- PASSWORD_REQUIRED: "Ein Passwort ist erforderlich.",
- FORGOT_PASSWORD_BODY: "Keine Sorge. Bitte gib die E-Mail-Adresse deines Accounts an, damit wir deine Identität überprüfen können.",
- ACCOUNT_SCHEDULED_FOR_DELETION_TITLE: "Account zur Löschung geplant",
- ACCOUNT_SCHEDULED_FOR_DELETION_DESCRIPTION: "Dein Account wird sich bald selbst zerstören.. sicher, dass du dies immer noch möchtest?",
- BEGINNING_GROUP_DM_PARTY: "Willkommen zu LFG. Bitte sei freundlich und respektvoll zu einander. Wenn du Freunde findest, vergiss nicht sie hinzuzufügen!",
- USERNAME_REQUIRED: "Ein Benutzername ist erforderlich.",
- RESEND: "Erneut senden",
- NOTICE_SPOTIFY_AUTO_PAUSED: "Dein Mikrofon sendet seit 30 Sekunden. Spotify wurde pausiert.",
- SELF_MUTED: "Selbst stummschalten",
- SERVER_MUTE: "Mikrofone deaktivieren",
- SERVER_UNMUTE: " Mikrofone aktivieren",
- SERVER_MUTED: "Mikrofone deaktiviert",
- SERVER_DEAFEN: "Lautsprecher deaktivieren",
- SERVER_UNDEAFEN: "Lautsprecher aktivieren",
- SERVER_DEAFENED: "Lautsprecher deaktiviert",
- USER_SETTINGS_STARTUP_BEHAVIOR: "System Startup Behavior",
- USER_SETTINGS_CLOSE_BUTTON: "Schließknopf",
- USER_SETTINGS_OPEN_ON_STARTUP_LABEL: "Discord öffnen",
- USER_SETTINGS_OPEN_ON_STARTUP_BODY: "Spar dir ein paar Klicks und lass Discord dich grüßen, wenn du nach Hause kommst wie ein guter Junge",
- USER_SETTINGS_START_MINIMIZED_LABEL: "Minimiert starten",
- USER_SETTINGS_START_MINIMIZED_BODY: "Discord startet minimiert wie ein guter Junge und steht dir nicht im Weg",
- USER_SETTINGS_MINIMIZE_TO_TRAY_LABEL: "In Symbolleiste minimieren",
- USER_SETTINGS_MINIMIZE_TO_TRAY_BODY: "Lass Discord in deiner Symbolleiste wie ein guter Junge kuscheln, wenn du die Anwendung schließt",
- USER_SETTINGS_LINUX_SETTINGS: "Linux-Einstellungen",
- ADD_KEYBIND_WARNING: "Hotkeys sind deaktiviert, während diese Schaltfläche sichtbar ist.",
- GAME_NOTIFICATIONS_USER_OVERRIDES: "Leute mit denen du spielst",
- GAME_NOTIFICATION_SETTING_DESKTOP_ONLY_DESC: "Benachrichtigungen werden auf deinem Desktop angezeigt, wenn du online oder untätig bist.",
- GAME_NOTIFICATION_SETTINGS_FOLLOWING_EMPTY: "Wir versuchen immer noch herauszufinden mit wem du Spiele spielst. Los spiel ein Bisschen mit deinen Freunden!",
- VERIFICATION_EMAIL_ERROR_TITLE: "Fehler bei deiner Verifizierungs-E-Mail",
- DESKTOP_NOTIFICATIONS_ENABLE: "Aktiviere Desktopbenachrichtigungen",
- MOBILE_ENABLE_HARDWARE_SCALING_DESC: "Experimentelle Funktion, die die Performanz bei Videogesprächen verbessern könnte. Vorsicht kann Stuss verursachen.",
- PIN_MESSAGE_BODY_PRIVATE_CHANNEL: "Möchte nur sicherstellen, dass du diese scheinbar bedeutsame Nachricht wirklich in diesen Kanal für die Nachwelt anheften möchtest.",
- PINS_DISABLED_NSFW: "Dies ist ein NSFW-Kanal und der Inhalt sollte lieber für niemanden als angeheftete Nachricht sichtbar sein.",
- SERVER_MUTE_DMS: "Direktnachrichten stummschalten",
- SCOPE_WEBHOOK_INCOMING: "Fügt einen WebHook zu einem Kanal hinzu",
- CLAIM_ACCOUNT_REQUIRED_BODY: "Bitte registriere deinen Account um die Desktop App zu benutzen.",
- CLAIM_ACCOUNT_GET_APP: "Hol dir die Desktop App",
- NOTE_PLACEHOLDER: "Hier tippen, um eine Notiz hinzuzufügen",
- VANITY_URL_HELP_CONFLICT: "Vergiss nicht, dass wir Vanity-URLs zurücknehmen, wenn wir einen Missbrauch oder Interessenkonflikt feststellen.",
- SCREENSHARE_UNAVAILABLE: "Bildschirmübertragung nicht verfügbar",
- SCREENSHARE_UNAVAILABLE_DOWNLOAD_APP: "Lade die Desktop App herunter, um Bildschirmübertragungen zu benutzen!",
- VIDEO_POOR_CONNECTION_BODY: "Video wurde deaktiviert. Es wird automatisch fortgesetzt, sobald sich deine Verbindung verbessert hat.",
- INVITE_MODAL_ERROR_TITLE: "Upps...",
- DISABLE_EMAIL_NOTIFICATIONS_FAILED: "Upps! Wir konnten die E-Mail Benachrichtigungen für deine E-Mail Adresse nicht ausschalten.",
- KEYBIND_DESCRIPTION_MODAL_TOGGLE_PINS: "Verankerte Pins an-/ausschalten",
- KEYBIND_DESCRIPTION_MODAL_FOCUS_TEXT_AREA: "Textbereich fokussieren",
- INVALID_ANIMATED_EMOJI_BODY: "Dieser Emoji funktioniert nicht, da er animiert ist. Hol dir Discord Nitro, um all deine animierten Emoji Träume zu erfüllen.",
- INVALID_ANIMATED_EMOJI_BODY_UPGRADE: "Dieser Emoji funktioniert nicht, da er animiert ist. Discord Nitro löst dieses Problem, schau auf Benutzereinstellungen > Discord Nitro für mehr Informationen.",
- INVALID_EXTERNAL_EMOJI_BODY: "Dieser Emoji funktioniert nicht, da er von einem anderem Server stammt. Hol dir Discord Nitro, um Emojis von anderen Servern zu benutzen.",
- INVALID_EXTERNAL_EMOJI_BODY_UPGRADE: "Dieser Emoji funktioniert nicht, da er von einem anderem Server stammt. Discord Nitro löst dieses Problem, schau auf Benutzereinstellungen > Discord Nitro für mehr Informationen.",
- NEW_TERMS_TITLE: "Neue AGBs und Nutzungsbedingungen",
- NEW_TERMS_DESCRIPTION: "Um weiterhin Discord zu nutzen, lies und stimme bitte\nunseren neuen AGBs und Nutzungsbedingungen zu.",
- PREMIUM_FEATURE_DESCRIPTION_ANIMATED_AVATAR: "Lade ein GIF als Benutzerprofilbild hoch und spiel es ab wenn du im Chat mit der Maus darüber fährst.",
- PAYMENT_SOURCE_TITLE: "Zahlungsmethode",
- PAYMENT_SOURCE_CREDIT_CARD: "Kreditkarte",
- PAYMENT_SOURCE_CHANGE_CARD: "Kreditkarte ändern",
- PAYMENT_SOURCE_REMOVE_CARD: "Kreditkarte entfernen",
- PAYMENT_SOURCE_CHANGE_PAYPAL: "PayPal-Account ändern",
- PAYMENT_SOURCE_INVALID_DETAILS: "Du musst deine Kreditkarte aktualisieren oder dein Nitro Abonnement läuft ab",
- PAYMENT_SOURCE_CONFIRM_PAYPAL_DETAILS: "Bestätige deine PayPal Daten in deinem Browser!",
- PAYMENT_SOURCE_PAYPAL_REOPEN: "Fenster erneut öffnen",
- PAYMENT_STEPS_GO_BACK: "Zurück",
- PAYMENT_MODAL_TITLE_CHANGE_CARD: "Kreditkarte ändern",
- PAYMENT_MODAL_TITLE_CHANGE_PAYPAL: "PayPal-Account ändern",
- PAYMENT_MODAL_SUBTITLE: "Discord Nitro Abonnement",
- PAYMENT_MODAL_BUTTON_CHANGE_CARD: "Kreditkarte aktualisieren",
- PAYMENT_MODAL_BUTTON_CHANGE_PAYPAL: "PayPal-Account aktualisieren",
- PAYPAL_ACCOUNT_VERIFYING: "Zu PayPal verbinden",
- PAYPAL_CALLBACK_ERROR: "Etwas ist schief gelaufen, versuche es erneut.",
- PERMISSION_CAMERA_ACCESS_DENIED: "Kamerazugriff verweigert - Discord braucht Videozugriff, um einen Videostream zu senden.",
- GUILD_SETTINGS_SERVER_INVITE_BACKGROUND: "Soforteinladungshintergrund",
- VERIFICATION_FOOTER: "Glaubst du du siehst dies fälschlicher Weise?",
- USER_SETTINGS_NOTIFICATIONS_SHOW_BADGE_LABEL: "Ungelesene Nachrichten Indikator aktivieren",
- USER_SETTINGS_NOTIFICATIONS_SHOW_BADGE_BODY: "Zeigt einen roten Punkt-Indikator auf dem App Symbol, wenn du ungelesene Nachrichten hast.",
- USER_SETTINGS_NOTIFICATIONS_SHOW_FLASH_LABEL: "Taskleisten Blinken aktivieren",
- USER_SETTINGS_NOTIFICATIONS_SHOW_FLASH_BODY: "Lässt das App Symbol in der Taskleiste blinken, wenn du neue Benachrichtigungen hast.",
- HIDE_MUTED_CHANNELS: "Stumme Kanäle verstecken",
- SHOW_MUTED_CHANNELS: "Stumme Kanäle anzeigen",
- CREATE_CATEGORY: "Kategorie erstellen",
- ADD_CHANNEL_TO_OVERRIDE: "Füge einen Kanal hinzu, um die Standard-Benachrichtigungseinstellungen zu überschreiben",
- PRIVATE_CHANNEL_NOTE: "Wenn du einen Kanal auf privat stellst, können nur ausgewählte Rollen Nachrichten in diesem Kanal lesen oder sich mit ihm verbinden.",
- PRIVATE_CATEGORY_NOTE: "Wenn du einen Kategorie auf privat stellst, werden alle privaten Kanäle in ihr die Rechte vererbt bekommen.",
- USER_ACTIVITY_ERROR_FRIENDS_TITLE: "Freunde!",
- USER_ACTIVITY_CANNOT_SPECTATE_SELF: "Du kannst dich nicht selbst beobachten.",
- USER_ACTIVITY_LISTEN_ALONG: "Hör zu",
- USER_ACTIVITY_CANNOT_PLAY_SELF: "Du kannst nicht mit dir selbst spielen.",
- USER_ACTIVITY_CANNOT_SYNC_SELF: "Du kannst dir nicht selbst zuhören.",
- USER_ACTIVITY_ALREADY_PLAYING: "Du spielst bereits dieses Spiel.",
- USER_ACTIVITY_ALREADY_SYNCING: "Du hörst bereits zu.",
- USER_ACTIVITY_NEVER_MIND: "Vergiss es",
- USER_ACTIVITY_INVITE_EDUCATION_MODAL_TITLE: "Wusstest du schon?",
- USER_ACTIVITY_INVITE_EDUCATION_MODAL_BODY_BOTTOM: "Halte Ausschau nach dem grünen Spielsymbol. Wenn du es siehst, dann kannst Spieleinladungen verschicken! Los hab Spaß!",
- INVITE_EMBED_SESSION_HAS_ENDED: "Sitzung wurde beendet",
- INVITE_EMBED_JOINED: "Beigetreten",
- NUX_POST_REG_JOIN_SERVER_DESCRIPTION: "Hol das Meiste aus Discord raus, indem du einem Server beitrittst.",
- VERIFY_BY_RECAPTCHA: "Durch reCaptcha bestätigen",
- VERIFY_BY_RECAPTCHA_DESCRIPTION: "Wir müssen überprüfen, dass es sich bei dir um keinen Roboter handelt.",
- CAPTCHA_FAILED: "Das Captcha ist fehlgeschlagen. Versuch es erneut.",
- CAPTCHA_FAILED_UNSUPPORTED: "Das Captcha ist fehlgeschlagen. Dein Gerät wird nicht unterstützt.",
- CAPTCHA_FAILED_PLAY_SERVICES: "Das Captcha ist fehlgeschlagen, Google Play wird benötigt. Nachdem du es heruntergeladen oder aktualisiert hast, versuche es erneut.",
- SPOTIFY_APP_NOT_FOUND: "Die Spotify App konnte nicht gefunden werden.",
- SPOTIFY_APP_NOT_OPENED: "Die Spotify App konnte nicht geöffnet werden.",
- BROWSER_HANDOFF_DETECTING_TITLE: "Ermittle Account",
- BROWSER_HANDOFF_DONE_DESCRIPTION: "Es wird versucht die Discord Desktop App zu authentisieren. Schließe nicht das Fenster.",
- GAME_FEED_EMPTY_STATE_TITLE: "Niemand spielt gerade irgend etwas...",
- GAME_FEED_DIVIDER_TITLE: "Kürzlich gespielte Spiele",
- GAME_FEED_RECENT_ACTIVITY: "Letzte Aktivität´",
- GAME_FEED_USER_PLAYING_JUST_STARTED: "Gerade angefangen zu spielen",
- GAME_FEED_SETTINGS_SHOW_GAME_TITLE: "Du wirst nicht in dem Aktivitäten-Feed von anderen angezeigt!",
- GAME_FEED_SETTINGS_SEARCH_MORE_FRIENDS: "Suche um mehr Freunde zu finden.",
- GAME_FEED_SETTINGS_SEARCH_MORE_SERVER_MEMBERS: "Suche um mehr Servermitglieder zu finden.",
- SPOTIFY_PREMIUM_UPGRADE_HEADER: "*Schallplatten reißen*",
- SPOTIFY_PREMIUM_UPGRADE_BODY: "Schade, sieht aus als wärst du kein Spotify Premium Mitglied! Premium Mitglieder können bei anderen Benutzern mithören.",
- SPOTIFY_PREMIUM_UPGRADE_BUTTON: "Spotify aktualisieren",
- EXPERIMENT_BUTTON_CONNECT_FACEBOOK: "Facebook verbinden",
- EXPERIMENT_BUTTON_CONNECT_STEAM: "Steam verbinden",
- LFG_FULL: "Gruppe suchen (LFG)",
- LFG_LANDING_TITLE: "Suchst du eine Gruppe?",
- LFG_LANDING_BODY_1: "Kannste den letzten Platz nicht besetzen? Niemand online?",
- LFG_LANDING_BODY_2: "Wähle ein Spiel aus und finde Gruppen mit Leuten mit denen du spielen kannst.",
- LFG_SELECT_GAME: "Wähle ein Spiel um zu beginnen:",
- LFG_NO_GROUPS_FOUND_TITLE: "Keine Gruppen verfügbar",
- LFG_NO_GROUPS_FOUND_BODY: "Sei ein Trendsetter. Erstelle eine neue Gruppe!",
- LFG_ALREADY_IN_PARTY_TITLE: "Du bist bereits in einer Gruppe",
- LFG_ALREADY_IN_PARTY_BODY: "Möchtest du deine jetzige Gruppe verlassen, um diese Gruppe beizutreten?",
- LFG_ALREADY_IN_PARTY_BODY_ALT: "Möchtest du deine jetzige Gruppe verlassen, um eine neue Gruppe zu erstellen?",
- LFG_SWITCH_PARTY: "Gruppen wechseln",
- GROUP_OWNER: "Gruppenbesitzer",
- PARTY_EDIT_HEADER: "Gruppe bearbeiten",
- PARTY_CREATE_NEW: "Neue Gruppe erstellen",
- PARTY_CREATE_SELECT_GAME: "Spiel auswählen",
- PARTY_CREATE_PARTY_TITLE: "Gruppenname",
- PARTY_CREATE_PARTY_TITLE_PLACEHOLDER: "Wonach schaust du dich um?",
- PARTY_CREATE_PARTY_DESCRIPTION: "Beschreibung",
- PARTY_CREATE_PARTY_DESCRIPTION_PLACEHOLDER: "Provide more details like region, rank, classes, level, etc, to better find the right players.",
- PARTY_CREATE_PARTY_SIZE: "Gruppengröße",
- PARTY_LOCKED: "Geschlossen",
- PARTY_FULL: "Volle Gruppe",
- FULL: "Voll",
- PARTY_JOIN: "Gruppe beitreten",
- PARTY_JOINED: "In Gruppe",
- LFG_GROUP_ADD_FRIENDS: "Füge Freunde deiner Gruppe hinzu",
- LFG_INVITE_FULL_MAIN: "Diese Gruppe ist voll!",
- LFG_JOIN_FAILED_TOO_MANY_MEMBERS: "Upps. Du kannst dieser Gruppe nicht beitreten, da sie bereits voll ist.",
- LFG_JOIN_FAILED_BLOCKED: "Upps. Du kannst dieser Gruppe nicht beitreten. Entweder blockiert dich der Gruppenbesitzer oder du ihn.",
- LFG_REPORT_HEADER: "LFG Gruppe melden",
- LFG_LEAVE_BODY: "Bist du sicher, dass du die Gruppe verlassen möchtest?",
- LFG_RATE_LIMIT_CREATE_BODY: "Du erstellst Gruppen zu schnell!",
- LFG_RATE_LIMIT_JOIN_BODY: "Du trittst Gruppen zu schnell bei!",
- LFG_HAS_CHANGES: "Gruppen aktualisieren"
- };
- this.oldStrings = {};
- }
-
- onStart () {
- var libraryScript = document.querySelector('head script[src="https://mwittrien.github.io/BetterDiscordAddons/Plugins/BDFDB.js"]');
- if (!libraryScript || performance.now() - libraryScript.getAttribute("date") > 600000) {
- if (libraryScript) libraryScript.remove();
- libraryScript = document.createElement("script");
- libraryScript.setAttribute("type", "text/javascript");
- libraryScript.setAttribute("src", "https://mwittrien.github.io/BetterDiscordAddons/Plugins/BDFDB.js");
- libraryScript.setAttribute("date", performance.now());
- libraryScript.addEventListener("load", () => {
- BDFDB.loaded = true;
- this.initialize();
- });
- document.head.appendChild(libraryScript);
- }
- else if (global.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) this.initialize();
- this.startTimeout = setTimeout(() => {this.initialize();}, 30000);
- }
-
- initialize () {
- if (global.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) {
- BDFDB.loadMessage(this);
- this.LanguageUtils = BDFDB.WebModules.findByProperties("getLanguages");
- this.translateInterval = setInterval(() => {
- if (document.querySelector("html").lang && document.querySelector("html").lang == "de") {
- clearInterval(this.translateInterval);
- for (var key in this.newStrings) {
- this.oldStrings[key] = this.LanguageUtils.Messages[key];
- this.LanguageUtils.Messages[key] = this.newStrings[key];
- }
- }
- },100);
-
- return true;
- }
- else {
- console.error(`%c[${this.name}]%c`, 'color: #3a71c1; font-weight: 700;', '', 'Fatal Error: Could not load BD functions!');
- return false;
- }
- }
-
- onStop () {
- if (global.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) {
- clearInterval(this.translateInterval);
- for (var key in this.oldStrings) {
- this.LanguageUtils.Messages[key] = this.oldStrings[key];
- }
-
- BDFDB.unloadMessage(this);
- return true;
- }
- else {
- return false;
- }
- }
- }
-};
diff --git a/PluginsV2/ForceImagePreviews/index.js b/PluginsV2/ForceImagePreviews/index.js
index 6cbfe57434..19d528d319 100644
--- a/PluginsV2/ForceImagePreviews/index.js
+++ b/PluginsV2/ForceImagePreviews/index.js
@@ -3,7 +3,9 @@ module.exports = (Plugin, Api, Vendor) => {
return class extends Plugin {
initConstructor () {
- this.waitTime = 3000;
+ this.patchModules = {
+ "Message":"componentDidMount"
+ };
}
onStart () {
@@ -26,45 +28,10 @@ module.exports = (Plugin, Api, Vendor) => {
initialize () {
if (global.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) {
+ if (this.started) return true;
BDFDB.loadMessage(this);
- var observer = null;
-
- observer = new MutationObserver((changes, _) => {
- changes.forEach(
- (change, i) => {
- if (change.type == "characterData") {
- setTimeout(() => {this.addPreviews(change.target.parentElement);},this.waitTime);
- }
- if (change.addedNodes) {
- change.addedNodes.forEach((node) => {
- if ($(node).attr("class") == BDFDB.disCN.message) setTimeout(() => {this.addPreviews($(node).find(BDFDB.dotCN.messagemarkup)[0]);},this.waitTime);
- });
- }
- }
- );
- });
- BDFDB.addObserver(this, null, {name:"messageChangeObserver",instance:observer,multi:true}, {childList:true, characterData:true, subtree:true});
-
- observer = new MutationObserver((changes, _) => {
- changes.forEach(
- (change, i) => {
- if (change.addedNodes) {
- change.addedNodes.forEach((node) => {
- if (node && node.tagName && node.querySelector(BDFDB.dotCN.message)) {
- BDFDB.addObserver(this, node, {name:"messageChangeObserver",multi:true}, {childList:true, characterData:true, subtree:true});
- node.querySelectorAll(BDFDB.dotCN.messagemarkup).forEach(message => {
- setTimeout(() => {this.addPreviews(message);},this.waitTime);
- });
- }
- });
- }
- }
- );
- });
- BDFDB.addObserver(this, BDFDB.dotCN.messages, {name:"chatWindowObserver",instance:observer}, {childList:true});
-
- this.addAllPreviews();
+ BDFDB.WebModules.forceAllUpdates(this);
return true;
}
@@ -76,7 +43,7 @@ module.exports = (Plugin, Api, Vendor) => {
onStop () {
if (global.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) {
- document.querySelectorAll(".FIP-embed").forEach(embed => {embed.remove();});
+ BDFDB.removeEles(".FIP-embed");
BDFDB.unloadMessage(this);
return true;
@@ -86,52 +53,32 @@ module.exports = (Plugin, Api, Vendor) => {
}
}
- onSwitch () {
- if (global.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) {
- this.addAllPreviews();
- BDFDB.addObserver(this, BDFDB.dotCN.messages, {name:"chatWindowObserver"}, {childList:true, subtree:true});
- }
- }
-
// begin of own functions
- addAllPreviews () {
- document.querySelectorAll(".FIP-embed").forEach(embed => {embed.remove();});
- document.querySelectorAll(BDFDB.dotCN.messagegroup).forEach(messageContainer => {
- BDFDB.addObserver(this, messageContainer, {name:"messageChangeObserver",multi:true}, {childList:true, characterData:true, subtree:true});
- messageContainer.querySelectorAll(BDFDB.dotCN.messagemarkup).forEach(message => {
- this.addPreviews(message);
- });
- });
- }
-
- addPreviews (message) {
- let scroller = document.querySelector(BDFDB.dotCNS.chat + BDFDB.dotCN.messages);
- if (!message || !scroller) return;
- var messageData = BDFDB.getKeyInformation({node:message,key:"message",up:true});
- if (!messageData) return;
-
- let accessory = this.getAccessoryOfMessage(message);
- if (accessory) {
- let links = [];
- for (let word of messageData.content.split(new RegExp("\\n|\\s|\\r|\\t|\\0"))) {
- if (word.indexOf("https://") > -1 || word.indexOf("http://") > -1) {
- if (word.indexOf("<") == 0 && word.indexOf(">") == word.length-1) links.push({src:word.slice(1,-1),embedded:false});
- else if (!accessory.querySelector(`${BDFDB.dotCN.embedimage}[href="${this.parseSrc(word)}"]`) && !accessory.querySelector(`${BDFDB.dotCN.embedtitlelink}[href="${this.parseSrc(word)}"]`)) {
- links.push({src:word,embedded:false});
+ processMessage (instance, wrapper) {
+ if (instance.props && instance.props.message) {
+ let accessory = wrapper.querySelector(BDFDB.dotCN.messageaccessory);
+ if (accessory) {
+ let links = [];
+ for (let word of instance.props.message.content.split(/\n|\s|\r|\t|\0/g)) {
+ if (word.indexOf("https://") > -1 || word.indexOf("http://") > -1) {
+ if (word.indexOf("<") == 0 && word.indexOf(">") == word.length-1) links.push({src:word.slice(1,-1),embedded:false});
+ else if (!accessory.querySelector(`${BDFDB.dotCN.embedimage}[href="${this.parseSrc(word)}"]`) && !accessory.querySelector(`${BDFDB.dotCN.embedtitlelink}[href="${this.parseSrc(word)}"]`)) {
+ links.push({src:word,embedded:false});
+ }
+ else links.push({src:word,embedded:true});
}
- else links.push({src:word,embedded:true});
}
+ if (links.length > 0) this.addItemToAccessory(null, links, accessory);
}
- if (links.length > 0) this.addItemToAccessory(null, links, accessory, scroller);
}
}
- addItemToAccessory (previmage, links, accessory, scroller) {
+ addItemToAccessory (previmage, links, accessory) {
let item = links.shift();
if (!item) return;
- else if (item.embedded) this.addItemToAccessory(item, links, accessory, scroller);
+ else if (item.embedded) this.addItemToAccessory(item, links, accessory);
else {
let itemsrc = this.parseSrc(item.src);
require("request")(itemsrc, (error, response, result) => {
@@ -139,13 +86,18 @@ module.exports = (Plugin, Api, Vendor) => {
let imagethrowaway = document.createElement("img");
imagethrowaway.src = itemsrc;
imagethrowaway.onload = () => {
- let width = 400;
+ let width = imagethrowaway.naturalWidth > 400 ? 400 : imagethrowaway.naturalWidth;
let height = Math.round(width*(imagethrowaway.naturalHeight/imagethrowaway.naturalWidth));
- if (!accessory.querySelector(`${BDFDB.dotCN.embedimage}[href="${itemsrc}"]`)) {
- let embed = $(`${this.name}
`;
for (let key in settings) {
- settingshtml += ``;
+ settingshtml += ``;
}
- settingshtml += `
`;
+ for (let key in amounts) {
+ settingshtml += `${this.defaults.settings[key].description}
${this.defaults.settings[key].description}
${this.defaults.amounts[key].description}
@@ -17,12 +21,16 @@ module.exports = (Plugin, Api, Vendor) => {
-
+
Friends LogIn/-Out Timelog
@@ -45,14 +53,12 @@ module.exports = (Plugin, Api, Vendor) => {
`;
- this.dividerMarkup = ``;
-
this.css = `
${BDFDB.dotCN.guilds} > ${BDFDB.dotCN.friendsonline} {
cursor: pointer;
}
.${this.name}-modal .log-time {
- width: 100px;
+ width: 110px;
}
.${this.name}-modal .log-avatar {
width: 35px;
@@ -61,25 +67,25 @@ module.exports = (Plugin, Api, Vendor) => {
background-position: center;
border-radius: 50%;
}
- .FriendNotifications-settings .avatar-list {
+ .${this.name}-settings .avatar-list {
display: flex;
align-items: center;
flex-wrap: wrap;
}
- .FriendNotifications-settings .type-toast, .FriendNotifications-settings .type-desktop {
+ .${this.name}-settings .type-toast, .${this.name}-settings .type-desktop {
border-radius: 3px;
padding: 0 3px;
}
- .FriendNotifications-settings .type-toast {
+ .${this.name}-settings .type-toast {
background-color: #7289DA;
}
- .FriendNotifications-settings .type-desktop {
+ .${this.name}-settings .type-desktop {
background-color: #43B581;
}
- .FriendNotifications-settings .settings-avatar.desktop {
+ .${this.name}-settings .settings-avatar.desktop {
border-color: #43B581;
}
- .FriendNotifications-settings .settings-avatar {
+ .${this.name}-settings .settings-avatar {
margin: 5px;
width: 50px;
height: 50px;
@@ -90,24 +96,25 @@ module.exports = (Plugin, Api, Vendor) => {
box-sizing: border-box;
cursor: pointer;
}
- .FriendNotifications-settings .settings-avatar.desktop {
+ .${this.name}-settings .settings-avatar.desktop {
border-color: #43B581;
}
- .FriendNotifications-settings .settings-avatar.disabled {
+ .${this.name}-settings .settings-avatar.disabled {
border-color: #36393F;
filter: grayscale(100%) brightness(50%);
- }
- .FriendNotifications-settings .disable-all {
- color: white;
- background-color: #36393F;
- }
- `;
+ }`;
this.defaults = {
settings: {
muteOnDND: {value:false, description:"Do not notify me when I am DnD:"},
onlyOnOnline: {value:false, description:"Only notify me when a User logs in:"},
openOnClick: {value:false, description:"Open the DM when you click a Notification:"}
+ },
+ notificationsounds: {
+ toastonline: {value:{url:null,song:null,mute:false}},
+ toastoffline: {value:{url:null,song:null,mute:false}},
+ desktoponline: {value:{url:null,song:null,mute:false}},
+ desktopoffline: {value:{url:null,song:null,mute:false}}
}
};
}
@@ -132,65 +139,21 @@ module.exports = (Plugin, Api, Vendor) => {
initialize () {
if (global.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) {
+ if (this.started) return true;
BDFDB.loadMessage(this);
this.FriendUtils = BDFDB.WebModules.findByProperties("getFriendIDs", "getRelationships");
this.ChannelUtils = BDFDB.WebModules.findByProperties("getDMFromUserId");
this.ChannelSwitchUtils = BDFDB.WebModules.findByProperties("selectPrivateChannel");
- this.UserMetaStore = BDFDB.WebModules.findByProperties("getStatuses", "getOnlineFriendCount");
+ this.PrivateChannelUtils = BDFDB.WebModules.findByProperties("openPrivateChannel");
+ this.UserMetaStore = BDFDB.WebModules.findByProperties("getStatus", "getOnlineFriendCount");
this.UserUtils = BDFDB.WebModules.findByProperties("getUsers");
- var observer = null;
-
- observer = new MutationObserver((changes, _) => {
- changes.forEach(
- (change, i) => {
- let settings = BDFDB.getAllData(this, "settings");
- let notificationsound = BDFDB.loadAllData(this, "notificationsound");
- for (let id of this.FriendUtils.getFriendIDs()) {
- let online = this.UserMetaStore.getStatus(id) != "offline";
- let user = this.UserUtils.getUser(id);
- if (user && this.friendsOnlineList[id] != online && !BDFDB.loadData(id, this, "disabled")) {
- this.timeLog.push({user, online, time: new Date()});
- if (!(settings.onlyOnOnline && !online) && !(settings.muteOnDND && BDFDB.getUserStatus() == "dnd")) {
- let data = BDFDB.loadData(user.id, "EditUsers", "users") || {};
- let string = `${BDFDB.encodeToHTML(data.name ? data.name : user.username)} is ${online ? "online" : "offline"}.`;
- let avatar = data.removeIcon ? "" : (data.url ? data.url : BDFDB.getUserAvatar(user.id));
- let openChannel = () => {
- if (settings.openOnClick){
- let DMid = this.ChannelUtils.getDMFromUserId(user.id);
- if (DMid) {
- require("electron").remote.getCurrentWindow().maximize();
- this.ChannelSwitchUtils.selectPrivateChannel(DMid);
- }
- }
- };
- if (!BDFDB.loadData(id, this, "desktop")) {
- let toast = BDFDB.showToast(`${string}
${string}
`;
+ if (!global.BDFDB || typeof BDFDB != "object" || !BDFDB.loaded || !this.started) return;
+ let settings = BDFDB.getAllData(this, "settings");
+ let notificationsounds = BDFDB.getAllData(this, "notificationsounds");
+ let desktop = BDFDB.loadAllData(this, "desktop");
+ let disabled = BDFDB.loadAllData(this, "disabled");
+ let settingshtml = `
`;
- var settingspanel = $(settingshtml)[0];
+ let settingspanel = BDFDB.htmlToElement(settingshtml);
- $(settingspanel)
- .on("click", ".settings-checkbox", () => {this.updateSettings(settingspanel);})
- .on("click", ".btn-savesong", () => {this.saveAudio(settingspanel);})
- .on("click", ".mute-checkbox", (e) => {
- var notificationsound = BDFDB.loadAllData(this, "notificationsound");
- notificationsound.mute = e.currentTarget.checked;
- BDFDB.saveAllData(notificationsound, this, "notificationsound");
- })
- .on("mouseenter", ".settings-avatar", (e) => {
- let user = this.UserUtils.getUser(e.currentTarget.getAttribute("user-id"));
- let data = BDFDB.loadData(user.id, "EditUsers", "users") || {};
- BDFDB.createTooltip(data.name ? data.name : user.username, e.currentTarget, {type:"top"});
- })
- .on("contextmenu", ".settings-avatar", (e) => {
- if (!("Notification" in window)) return;
- let desktopoff = !e.currentTarget.classList.contains("desktop");
- let id = e.currentTarget.getAttribute("user-id");
- e.currentTarget.classList.remove("disabled");
- e.currentTarget.classList.toggle("desktop", desktopoff);
- BDFDB.saveData(id, desktopoff, this, "desktop");
- BDFDB.removeData(id, this, "disabled");
- })
- .on("click", ".settings-avatar", (e) => {
- let disableoff = !e.currentTarget.classList.contains("disabled");
- let id = e.currentTarget.getAttribute("user-id");
- e.currentTarget.classList.remove("desktop");
- e.currentTarget.classList.toggle("disabled", disableoff);
- BDFDB.saveData(id, disableoff, this, "disabled");
- BDFDB.removeData(id, this, "desktop");
- })
- .on("click", ".disable-all, .toast-all, .desktop-all", (e) => {
- let button = e.currentTarget;
- let disableon = button.getAttribute("do-disable");
- let desktopon = button.getAttribute("do-desktop");
- let disabledata = BDFDB.loadAllData(this, "disabled");
- let desktopdata = BDFDB.loadAllData(this, "desktop");
- settingspanel.querySelectorAll(".settings-avatar").forEach(avatar => {
- let id = avatar.getAttribute("user-id");
- avatar.classList.toggle("disabled", disableon);
- avatar.classList.toggle("desktop", desktopon);
- disableon ? disabledata[id] = true : delete disabledata[id];
- desktopon ? desktopdata[id] = true : delete desktopdata[id];
- });
- BDFDB.saveAllData(disabledata, this, "disabled");
- BDFDB.saveAllData(desktopdata, this, "desktop");
+ BDFDB.initElements(settingspanel, this);
+
+ BDFDB.addEventListener(this, settingspanel, "click", ".btn-savesong", e => {this.saveAudio(settingspanel, e.currentTarget.getAttribute("option"));});
+ BDFDB.addEventListener(this, settingspanel, "click", ".mute-checkbox", e => {
+ let option = e.currentTarget.getAttribute("option");
+ let notificationsound = BDFDB.getData(option, this, "notificationsounds");
+ notificationsound.mute = e.currentTarget.checked;
+ BDFDB.saveData(option, notificationsound, this, "notificationsounds");
+ });
+ BDFDB.addEventListener(this, settingspanel, "mouseenter", ".settings-avatar", e => {
+ let user = this.UserUtils.getUser(e.currentTarget.getAttribute("user-id"));
+ let data = BDFDB.loadData(user.id, "EditUsers", "users") || {};
+ BDFDB.createTooltip(data.name ? data.name : user.username, e.currentTarget, {type:"top"});
+ });
+ BDFDB.addEventListener(this, settingspanel, "contextmenu", ".settings-avatar", e => {
+ if (!("Notification" in window)) return;
+ let desktopoff = !BDFDB.containsClass(e.currentTarget, "desktop");
+ let id = e.currentTarget.getAttribute("user-id");
+ BDFDB.removeClass(e.currentTarget, "disabled");
+ BDFDB.toggleClass(e.currentTarget, "desktop", desktopoff);
+ BDFDB.saveData(id, desktopoff, this, "desktop");
+ BDFDB.removeData(id, this, "disabled");
+ });
+ BDFDB.addEventListener(this, settingspanel, "click", ".settings-avatar", e => {
+ let disableoff = !BDFDB.containsClass(e.currentTarget, "disabled");
+ let id = e.currentTarget.getAttribute("user-id");
+ BDFDB.removeClass(e.currentTarget, "desktop");
+ BDFDB.toggleClass(e.currentTarget, "disabled", disableoff);
+ BDFDB.saveData(id, disableoff, this, "disabled");
+ BDFDB.removeData(id, this, "desktop");
+ });
+ BDFDB.addEventListener(this, settingspanel, "click", ".disable-all, .toast-all, .desktop-all", e => {
+ let disableon = e.currentTarget.getAttribute("do-disable");
+ let desktopon = e.currentTarget.getAttribute("do-desktop");
+ let disabledata = BDFDB.loadAllData(this, "disabled");
+ let desktopdata = BDFDB.loadAllData(this, "desktop");
+ settingspanel.querySelectorAll(".settings-avatar").forEach(avatar => {
+ let id = avatar.getAttribute("user-id");
+ BDFDB.toggleClass(avatar, "disabled", disableon);
+ BDFDB.toggleClass(avatar, "desktop", desktopon);
+ disableon ? disabledata[id] = true : delete disabledata[id];
+ desktopon ? desktopdata[id] = true : delete desktopdata[id];
});
+ BDFDB.saveAllData(disabledata, this, "disabled");
+ BDFDB.saveAllData(desktopdata, this, "desktop");
+ });
return settingspanel;
}
diff --git a/PluginsV2/GoogleSearchReplace/index.js b/PluginsV2/GoogleSearchReplace/index.js
index eb934045c6..08debd1024 100644
--- a/PluginsV2/GoogleSearchReplace/index.js
+++ b/PluginsV2/GoogleSearchReplace/index.js
@@ -9,20 +9,21 @@ module.exports = (Plugin, Api, Vendor) => {
this.defaults = {
engines: {
- _all: {value:true, name:BDFDB.getLibraryStrings().btn_all_text, url:null},
- Ask: {value:true, name:"Ask", url:"https://ask.com/web?q=" + this.textUrlReplaceString},
- Bing: {value:true, name:"Bing", url:"https://www.bing.com/search?q=" + this.textUrlReplaceString},
- DogPile: {value:true, name:"DogPile", url:"http://www.dogpile.com/search/web?q=" + this.textUrlReplaceString},
- DuckDuckGo: {value:true, name:"DuckDuckGo", url:"https://duckduckgo.com/?q=" + this.textUrlReplaceString},
- Google: {value:true, name:"Google", url:"https://www.google.com/search?q=" + this.textUrlReplaceString},
- GoogleScholar: {value:true, name:"Google Scholar", url:"https://scholar.google.com/scholar?q=" + this.textUrlReplaceString},
- Quora: {value:true, name:"Quora", url:"https://www.quora.com/search?q=" + this.textUrlReplaceString},
- Qwant: {value:true, name:"Qwant", url:"https://www.qwant.com/?t=all&q=" + this.textUrlReplaceString},
- Searx: {value:true, name:"Searx", url:"https://searx.me/?q=" + this.textUrlReplaceString},
- WolframAlpha: {value:true, name:"Wolfram Alpha", url:"https://www.wolframalpha.com/input/?i=" + this.textUrlReplaceString},
- Yandex: {value:true, name:"Yandex", url:"https://yandex.com/search/?text=" + this.textUrlReplaceString},
- Yahoo: {value:true, name:"Yahoo", url:"https://search.yahoo.com/search?p=" + this.textUrlReplaceString},
- YouTube: {value:true, name:"YouTube", url:"https://www.youtube.com/results?q=" + this.textUrlReplaceString}
+ _all: {value:true, name:BDFDB.getLibraryStrings().btn_all_text, url:null},
+ Ask: {value:true, name:"Ask", url:"https://ask.com/web?q=" + this.textUrlReplaceString},
+ Bing: {value:true, name:"Bing", url:"https://www.bing.com/search?q=" + this.textUrlReplaceString},
+ DogPile: {value:true, name:"DogPile", url:"http://www.dogpile.com/search/web?q=" + this.textUrlReplaceString},
+ DuckDuckGo: {value:true, name:"DuckDuckGo", url:"https://duckduckgo.com/?q=" + this.textUrlReplaceString},
+ Google: {value:true, name:"Google", url:"https://www.google.com/search?q=" + this.textUrlReplaceString},
+ GoogleScholar: {value:true, name:"Google Scholar", url:"https://scholar.google.com/scholar?q=" + this.textUrlReplaceString},
+ Quora: {value:true, name:"Quora", url:"https://www.quora.com/search?q=" + this.textUrlReplaceString},
+ Qwant: {value:true, name:"Qwant", url:"https://www.qwant.com/?t=all&q=" + this.textUrlReplaceString},
+ UrbanDictionary: {value:true, name:"Urban Dictionary", url:"https://www.urbandictionary.com/define.php?term=" + this.textUrlReplaceString},
+ Searx: {value:true, name:"Searx", url:"https://searx.me/?q=" + this.textUrlReplaceString},
+ WolframAlpha: {value:true, name:"Wolfram Alpha", url:"https://www.wolframalpha.com/input/?i=" + this.textUrlReplaceString},
+ Yandex: {value:true, name:"Yandex", url:"https://yandex.com/search/?text=" + this.textUrlReplaceString},
+ Yahoo: {value:true, name:"Yahoo", url:"https://search.yahoo.com/search?p=" + this.textUrlReplaceString},
+ YouTube: {value:true, name:"YouTube", url:"https://www.youtube.com/results?q=" + this.textUrlReplaceString}
}
};
@@ -33,13 +34,13 @@ module.exports = (Plugin, Api, Vendor) => {
${this.name}
`;
for (let key in settings) {
- settingshtml += ``;
+ settingshtml += ``;
+ }
+ for (let key in notificationsounds) {
+ if (key.indexOf("desktop") == -1 || "Notification" in window) settingshtml += ``;
}
- if ("Notification" in window) settingshtml += ``;
settingshtml += ``;
if ("Notification" in window) settingshtml += ``;
settingshtml += ``;
- settingshtml += `
`;
+ settingshtml += `${this.defaults.settings[key].description}
${this.defaults.settings[key].description}
${key} notification sound:
Mute:
Desktop Notification Sound:
Mute:
Click on a Icon to toggle Notifications for that User:
Rightclick on a Icon to toggle Notifications for that User:
`;
@@ -297,56 +294,56 @@ module.exports = (Plugin, Api, Vendor) => {
}
settingshtml += `
`;
settingshtml += `Batch set Users:
${"Notification" in window ? `` : ``}
+ ``;
}
@@ -64,25 +65,9 @@ module.exports = (Plugin, Api, Vendor) => {
initialize () {
if (global.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) {
+ if (this.started) return true;
BDFDB.loadMessage(this);
- var observer = null;
-
- observer = new MutationObserver((changes, _) => {
- changes.forEach(
- (change, i) => {
- if (change.addedNodes) {
- change.addedNodes.forEach((node) => {
- if (node.nodeType == 1 && node.className.includes(BDFDB.disCN.contextmenu)) {
- this.onContextMenu(node);
- }
- });
- }
- }
- );
- });
- BDFDB.addObserver(this, BDFDB.dotCN.appmount, {name:"messageContextObserver",instance:observer}, {childList: true});
-
return true;
}
else {
@@ -103,82 +88,64 @@ module.exports = (Plugin, Api, Vendor) => {
// begin of own functions
- updateSettings (settingspanel) {
- var settings = {};
- for (var input of settingspanel.querySelectorAll(BDFDB.dotCN.switchinner)) {
- settings[input.value] = input.checked;
- }
- BDFDB.saveAllData(settings, this, "engines");
- }
-
changeLanguageStrings () {
this.messageContextEntryMarkup = this.messageContextEntryMarkup.replace("REPLACE_context_googlesearchreplace_text", this.labels.context_googlesearchreplace_text);
this.messageContextSubMenuMarkup = this.messageContextSubMenuMarkup.replace("REPLACE_submenu_disabled_text", this.labels.submenu_disabled_text);
}
- onContextMenu (context) {
- if (!context || !context.tagName || !context.parentElement || context.querySelector(".googlereplacesearch-item")) return;
- for (let group of context.querySelectorAll(BDFDB.dotCN.contextmenuitemgroup)) {
- if (BDFDB.getKeyInformation({"node":group, "key":"handleSearchWithGoogle"})) {
- var text = BDFDB.getKeyInformation({"node":group, "key":"value"});
- if (text) {
- $(group).find(BDFDB.dotCN.contextmenuitem).hide();
- $(group).append(this.messageContextEntryMarkup)
- .on("mouseenter", ".googlereplacesearch-item", (e) => {
- this.createContextSubMenu(text, e, context);
- });
+ onNativeContextMenu (instance, menu) {
+ if (instance.props && instance.props.type == "NATIVE_TEXT" && instance.props.value && !menu.querySelector(".reverseimagesearch-item")) {
+ let searchentry = BDFDB.React.findDOMNodeSafe(BDFDB.getOwnerInstance({node:menu,props:["handleSearchWithGoogle"]}));
+ if (searchentry) this.appendItem(instance, searchentry, instance.props.value);
+ }
+ }
- BDFDB.updateContextPosition(context);
- }
- break;
+ onMessageContextMenu (instance, menu) {
+ if (instance.props && instance.props.message && instance.props.channel && instance.props.target && !menu.querySelector(".googlereplacesearch-item")) {
+ let text = document.getSelection().toString();
+ if (text) {
+ let searchentry = BDFDB.React.findDOMNodeSafe(BDFDB.getOwnerInstance({node:menu,props:["handleSearchWithGoogle"]}));
+ if (searchentry) this.appendItem(instance, searchentry, text);
}
}
}
- createContextSubMenu (text, e, context) {
- var messageContextSubMenu = $(this.messageContextSubMenuMarkup);
-
- messageContextSubMenu
- .on("click", ".GRS-item", (e2) => {
- $(context).hide();
- var engine = e2.currentTarget.getAttribute("engine");
+ appendItem (instance, target, text) {
+ let messageContextEntry = BDFDB.htmlToElement(this.messageContextEntryMarkup);
+ target.parentElement.insertBefore(messageContextEntry, target.nextElementSibling);
+ messageContextEntry.addEventListener("mouseenter", () => {
+ let messageContextSubMenu = BDFDB.htmlToElement(this.messageContextSubMenuMarkup);
+ let engines = BDFDB.getAllData(this, "engines");
+ for (let key in engines) if (!engines[key]) BDFDB.removeEles(messageContextSubMenu.querySelector("[engine='" + key + "']"));
+ if (messageContextSubMenu.querySelector(".GRS-item")) BDFDB.removeEles(messageContextSubMenu.querySelector(".alldisabled-item"));
+ BDFDB.addChildEventListener(messageContextSubMenu, "click", ".GRS-item", e => {
+ instance._reactInternalFiber.return.memoizedProps.closeContextMenu();
+ let engine = e.currentTarget.getAttribute("engine");
if (engine == "_all") {
- var engines = BDFDB.getAllData(this, "engines");
- for (let key in engines) {
- if (key != "_all" && engines[key]) window.open(this.defaults.engines[key].url.replace(this.textUrlReplaceString, encodeURIComponent(text)), "_blank");
- }
- }
- else {
- window.open(this.defaults.engines[engine].url.replace(this.textUrlReplaceString, encodeURIComponent(text)), "_blank");
+ for (let key in engines) if (key != "_all" && engines[key]) window.open(this.defaults.engines[key].url.replace(this.textUrlReplaceString, encodeURIComponent(text)), "_blank");
}
+ else window.open(this.defaults.engines[engine].url.replace(this.textUrlReplaceString, encodeURIComponent(text)), "_blank");
});
-
- var engines = BDFDB.getAllData(this, "engines");
- for (let key in engines) {
- if (!engines[key]) messageContextSubMenu.find("[engine='" + key + "']").remove();
- }
- if (messageContextSubMenu.find(".GRS-item").length > 0) {
- messageContextSubMenu.find(".alldisabled-item").remove();
- }
-
- BDFDB.appendSubMenu(e.currentTarget, messageContextSubMenu);
+ BDFDB.appendSubMenu(messageContextEntry, messageContextSubMenu);
+ });
+ BDFDB.toggleEles(target, false);
}
getSettingsPanel () {
- var engines = BDFDB.getAllData(this, "engines");
- var settingshtml = `![]()
`;
@@ -42,31 +45,10 @@ module.exports = (Plugin, Api, Vendor) => {
initialize () {
if (global.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) {
+ if (this.started) return true;
BDFDB.loadMessage(this);
- var observer = null;
-
- observer = new MutationObserver((changes, _) => {
- changes.forEach(
- (change, i) => {
- if (change.addedNodes) {
- change.addedNodes.forEach((node) => {
- if (node && node.tagName && node.querySelector(BDFDB.dotCN.imagewrapper) && node.querySelector(BDFDB.dotCN.downloadlink)) {
- this.loadImages(node);
- }
- });
- }
- if (change.removedNodes) {
- change.removedNodes.forEach((node) => {
- if (node && node.tagName && node.querySelector(BDFDB.dotCN.imagewrapper) && node.querySelector(BDFDB.dotCN.downloadlink)) {
- $(document).off("keyup." + this.name).off("keydown." + this.name);
- }
- });
- }
- }
- );
- });
- BDFDB.addObserver(this, BDFDB.dotCN.app + " ~ [class^='theme-']:not([class*='popouts'])", {name:"imageModalObserver",instance:observer}, {childList: true});
+ BDFDB.WebModules.forceAllUpdates(this);
return true;
}
@@ -78,6 +60,15 @@ module.exports = (Plugin, Api, Vendor) => {
onStop () {
if (global.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) {
+ this.closemodal = true;
+
+ BDFDB.WebModules.forceAllUpdates(this, "ImageModal");
+
+ delete this.closemodal;
+
+ document.removeEventListener("keydown", document.keydownImageGalleryListener);
+ document.removeEventListener("keyup", document.keyupImageGalleryListener);
+
BDFDB.unloadMessage(this);
return true;
}
@@ -89,22 +80,31 @@ module.exports = (Plugin, Api, Vendor) => {
// begin of own functions
- loadImages (modal) {
- var start = performance.now();
- var waitForImg = setInterval(() => {
- var img = modal.querySelector(BDFDB.dotCNS.imagewrapper + "img");
- if (img && img.src) {
- clearInterval(waitForImg);
- var message = this.getMessageGroupOfImage(img);
- if (message) {
- modal.classList.add("image-gallery");
- this.addImages(modal, message.querySelectorAll(BDFDB.dotCNS.imagewrapper + "img"), img);
+ processImageModal (instance, wrapper, methodnames) {
+ if (this.closemodal && instance.props && instance.props.onClose) instance.props.onClose();
+ else if (methodnames.includes("componentDidMount")) {
+ let modal = BDFDB.getParentEle(BDFDB.dotCN.modal, wrapper);
+ if (!modal) return;
+ let start = performance.now();
+ let waitForImg = setInterval(() => {
+ let img = modal.querySelector(BDFDB.dotCNS.imagewrapper + "img");
+ if (img && img.src) {
+ clearInterval(waitForImg);
+ let message = this.getMessageGroupOfImage(img);
+ if (message) {
+ BDFDB.addClass(modal, "image-gallery");
+ this.addImages(modal, message.querySelectorAll(BDFDB.dotCNS.imagewrapper + "img"), img);
+ }
}
- }
- else if (performance.now() - start > 10000) {
- clearInterval(waitForImg);
- }
- }, 100);
+ else if (performance.now() - start > 10000) {
+ clearInterval(waitForImg);
+ }
+ }, 100);
+ }
+ else if (methodnames.includes("componentWillUnmount")) {
+ document.removeEventListener("keydown", document.keydownImageGalleryListener);
+ document.removeEventListener("keyup", document.keyupImageGalleryListener);
+ }
}
getMessageGroupOfImage (thisimg) {
@@ -121,12 +121,15 @@ module.exports = (Plugin, Api, Vendor) => {
}
getSrcOfImage (img) {
- var src = img.src ? img.src : (img.querySelector("canvas") ? img.querySelector("canvas").src : "");
- return src.split("?width=")[0];
+ return (img.src || (img.querySelector("canvas") ? img.querySelector("canvas").src : "")).split("?width=")[0];
}
addImages (modal, imgs, img) {
- modal.querySelectorAll(`${BDFDB.dotCN.imagewrapper}.prev, ${BDFDB.dotCN.imagewrapper}.next`).forEach(ele => {ele.remove();});
+ BDFDB.removeEles(modal.querySelector(`${BDFDB.dotCN.imagewrapper}.prev, ${BDFDB.dotCN.imagewrapper}.next`));
+
+ let inner = modal.querySelector(BDFDB.dotCN.modalinner);
+
+ if (!inner) return;
var prevImg, nextImg, index;
for (index = 0; index < imgs.length; index++) {
@@ -138,46 +141,39 @@ module.exports = (Plugin, Api, Vendor) => {
}
}
- $(modal).find(BDFDB.dotCN.imagewrapper)
- .addClass("current")
- .find("img").attr("src", this.getSrcOfImage(img));
+ var imagesrc = this.getSrcOfImage(img);
+ modal.querySelector(BDFDB.dotCN.downloadlink).setAttribute("href", imagesrc);
- $(modal.querySelector(BDFDB.dotCN.downloadlink))
- .attr("href", this.getSrcOfImage(img));
+ var imagewrapper = modal.querySelector(BDFDB.dotCN.imagewrapper);
+ BDFDB.addClass(imagewrapper, "current");
+ var imagewrapperimage = imagewrapper.querySelector("img");
+ imagewrapperimage.setAttribute("src", imagesrc);
- this.resizeImage(modal, img, modal.querySelector(BDFDB.dotCN.imagewrapper + ".current img"));
- if (prevImg) {
- $(this.imageMarkup)
- .appendTo(modal.querySelector(BDFDB.dotCN.modalinner))
- .addClass("prev")
- .off("click." + this.name).on("click." + this.name, () => {
- this.addImages(modal, imgs, prevImg);
- })
- .find("img").attr("src", this.getSrcOfImage(prevImg));
- this.resizeImage(modal, prevImg, modal.querySelector(BDFDB.dotCN.imagewrapper + ".prev img"));
- }
- if (nextImg) {
- $(this.imageMarkup)
- .appendTo(modal.querySelector(BDFDB.dotCN.modalinner))
- .addClass("next")
- .off("click." + this.name).on("click." + this.name, () => {
- this.addImages(modal, imgs, nextImg);
- })
- .find("img").attr("src", this.getSrcOfImage(nextImg));
- this.resizeImage(modal, nextImg, modal.querySelector(BDFDB.dotCN.imagewrapper + ".next img"));
- }
+ this.resizeImage(modal, img, imagewrapperimage);
- $(document).off("keydown." + this.name).off("keyup." + this.name)
- .on("keydown." + this.name, (e) => {
- this.keyPressed({modal, imgs, prevImg, nextImg}, e);
- })
- .on("keyup." + this.name, () => {
- this.eventFired = false;
- });
+ if (prevImg) inner.appendChild(this.createImage(modal, imgs, prevImg, "prev"));
+ if (nextImg) inner.appendChild(this.createImage(modal, imgs, nextImg, "next"));
+
+ document.removeEventListener("keydown", document.keydownImageGalleryListener);
+ document.removeEventListener("keyup", document.keyupImageGalleryListener);
+ document.keydownImageGalleryListener = e => {this.keyPressed({modal, imgs, prevImg, nextImg}, e);};
+ document.keyupImageGalleryListener = e => {this.eventFired = false;};
+ document.addEventListener("keydown", document.keydownImageGalleryListener);
+ document.addEventListener("keyup", document.keyupImageGalleryListener);
+ }
+
+ createImage (modal, imgs, img, type) {
+ var imagewrapper = BDFDB.htmlToElement(this.imageMarkup);
+ BDFDB.addClass(imagewrapper, type);
+ imagewrapper.addEventListener("click", () => {this.addImages(modal, imgs, img);});
+ var imagewrapperimage = imagewrapper.querySelector("img");
+ imagewrapperimage.setAttribute("src", this.getSrcOfImage(img));
+ this.resizeImage(modal, img, imagewrapperimage);
+ return imagewrapper;
}
resizeImage (container, src, img) {
- $(img).hide();
+ BDFDB.toggleEles(img, false);
var temp = new Image();
temp.src = src.src.split("?width=")[0];
temp.onload = function () {
@@ -190,29 +186,22 @@ module.exports = (Plugin, Api, Vendor) => {
newHeight = temp.height > newHeight ? newHeight : temp.height;
var wrapper = img.parentElement;
+ if (!BDFDB.containsClass(wrapper, "current")) wrapper.style.setProperty("top", (container.clientHeight - newHeight) / 2 + "px");
+ wrapper.style.setProperty("width", newWidth + "px");
+ wrapper.style.setProperty("height", newHeight + "px");
+ img.style.setProperty("width", newWidth + "px");
+ img.style.setProperty("height", newHeight + "px");
- $(wrapper)
- .css("top", !wrapper.classList.contains("current") ? (container.clientHeight - newHeight) / 2 : "")
- .css("width", newWidth)
- .css("height", newHeight);
-
- $(img)
- .css("width", newWidth)
- .css("height", newHeight)
- .show();
+ BDFDB.toggleEles(img, true);
};
}
- keyPressed (data, e) {
+ keyPressed ({modal, imgs, prevImg, nextImg}, e) {
if (!this.eventFired) {
this.eventFired = true;
- if (e.keyCode == 37 && data.prevImg) {
- this.addImages(data.modal, data.imgs, data.prevImg);
- }
- else if (e.keyCode == 39 && data.nextImg) {
- this.addImages(data.modal, data.imgs, data.nextImg);
- }
+ if (e.keyCode == 37 && prevImg) this.addImages(modal, imgs, prevImg);
+ else if (e.keyCode == 39 && nextImg) this.addImages(modal, imgs, nextImg);
}
}
}
diff --git a/PluginsV2/MessageUtilities/index.js b/PluginsV2/MessageUtilities/index.js
index 75048da10f..c87711f0aa 100644
--- a/PluginsV2/MessageUtilities/index.js
+++ b/PluginsV2/MessageUtilities/index.js
@@ -7,7 +7,7 @@ module.exports = (Plugin, Api, Vendor) => {
this.firedEvents = [];
- this.clickMap = ["SINGLE" /*[0]*/, "DOUBLE" /*[1]*/];
+ this.clickMap = ["CLICK" /*[0]*/, "DBLCLICK" /*[1]*/];
this.keyboardMap = [
"NONE" /*[0]*/, "" /*[1]*/, "" /*[2]*/, "CANCEL" /*[3]*/, "" /*[4]*/, "" /*[5]*/, "HELP" /*[6]*/, "" /*[7]*/, "BACK_SPACE" /*[8]*/, "TAB" /*[9]*/, "" /*[10]*/, "" /*[11]*/, "CLEAR" /*[12]*/, "ENTER" /*[13]*/, "ENTER_SPECIAL" /*[14]*/, "" /*[15]*/, "SHIFT" /*[16]*/, "CONTROL" /*[17]*/, "ALT" /*[18]*/, "PAUSE" /*[19]*/, "CAPS_LOCK" /*[20]*/, "KANA" /*[21]*/, "EISU" /*[22]*/, "JUNJA" /*[23]*/, "FINAL" /*[24]*/, "HANJA" /*[25]*/, "" /*[26]*/, "ESCAPE" /*[27]*/, "CONVERT" /*[28]*/, "NONCONVERT" /*[29]*/, "ACCEPT" /*[30]*/, "MODECHANGE" /*[31]*/, "SPACE" /*[32]*/, "PAGE_UP" /*[33]*/, "PAGE_DOWN" /*[34]*/, "END" /*[35]*/, "HOME" /*[36]*/, "LEFT" /*[37]*/, "UP" /*[38]*/, "RIGHT" /*[39]*/, "DOWN" /*[40]*/, "SELECT" /*[41]*/, "PRINT" /*[42]*/, "EXECUTE" /*[43]*/, "PRINTSCREEN" /*[44]*/, "INSERT" /*[45]*/, "DELETE" /*[46]*/, "" /*[47]*/,"0" /*[48]*/, "1" /*[49]*/, "2" /*[50]*/, "3" /*[51]*/, "4" /*[52]*/, "5" /*[53]*/, "6" /*[54]*/, "7" /*[55]*/, "8" /*[56]*/, "9" /*[57]*/, "COLON" /*[58]*/, "SEMICOLON" /*[59]*/, "LESS_THAN" /*[60]*/, "EQUALS" /*[61]*/, "GREATER_THAN" /*[62]*/, "QUESTION_MARK" /*[63]*/, "AT" /*[64]*/, "A" /*[65]*/, "B" /*[66]*/, "C" /*[67]*/, "D" /*[68]*/, "E" /*[69]*/, "F" /*[70]*/, "G" /*[71]*/, "H" /*[72]*/, "I" /*[73]*/, "J" /*[74]*/, "K" /*[75]*/, "L" /*[76]*/, "M" /*[77]*/, "N" /*[78]*/, "O" /*[79]*/, "P" /*[80]*/, "Q" /*[81]*/, "R" /*[82]*/, "S" /*[83]*/, "T" /*[84]*/, "U" /*[85]*/, "V" /*[86]*/, "W" /*[87]*/, "X" /*[88]*/, "Y" /*[89]*/, "Z" /*[90]*/, "OS_KEY" /*[91]*/, "" /*[92]*/, "CONTEXT_MENU" /*[93]*/, "" /*[94]*/, "SLEEP" /*[95]*/, "NUMPAD0" /*[96]*/, "NUMPAD1" /*[97]*/, "NUMPAD2" /*[98]*/, "NUMPAD3" /*[99]*/, "NUMPAD4" /*[100]*/, "NUMPAD5" /*[101]*/, "NUMPAD6" /*[102]*/, "NUMPAD7" /*[103]*/, "NUMPAD8" /*[104]*/, "NUMPAD9" /*[105]*/, "MULTIPLY" /*[106]*/, "ADD" /*[107]*/, "SEPARATOR" /*[108]*/, "SUBTRACT" /*[109]*/, "DECIMAL" /*[110]*/, "DIVIDE" /*[111]*/, "F1" /*[112]*/, "F2" /*[113]*/, "F3" /*[114]*/, "F4" /*[115]*/, "F5" /*[116]*/, "F6" /*[117]*/, "F7" /*[118]*/, "F8" /*[119]*/, "F9" /*[120]*/, "F10" /*[121]*/, "F11" /*[122]*/, "F12" /*[123]*/, "F13" /*[124]*/, "F14" /*[125]*/, "F15" /*[126]*/, "F16" /*[127]*/, "F17" /*[128]*/, "F18" /*[129]*/, "F19" /*[130]*/, "F20" /*[131]*/, "F21" /*[132]*/, "F22" /*[133]*/, "F23" /*[134]*/, "F24" /*[135]*/, "" /*[136]*/, "" /*[137]*/, "" /*[138]*/, "" /*[139]*/, "" /*[140]*/, "" /*[141]*/, "" /*[142]*/, "" /*[143]*/, "NUM_LOCK" /*[144]*/, "SCROLL_LOCK" /*[145]*/, "WIN_OEM_FJ_JISHO" /*[146]*/, "WIN_OEM_FJ_MASSHOU" /*[147]*/, "WIN_OEM_FJ_TOUROKU" /*[148]*/, "WIN_OEM_FJ_LOYA" /*[149]*/, "WIN_OEM_FJ_ROYA" /*[150]*/, "" /*[151]*/, "" /*[152]*/, "" /*[153]*/, "" /*[154]*/, "" /*[155]*/, "" /*[156]*/, "" /*[157]*/, "" /*[158]*/, "" /*[159]*/, "CIRCUMFLEX" /*[160]*/, "EXCLAMATION" /*[161]*/, "DOUBLE_QUOTE" /*[162]*/, "HASH" /*[163]*/, "DOLLAR" /*[164]*/, "PERCENT" /*[165]*/, "AMPERSAND" /*[166]*/, "UNDERSCORE" /*[167]*/, "OPEN_PAREN" /*[168]*/, "CLOSE_PAREN" /*[169]*/, "ASTERISK" /*[170]*/, "PLUS" /*[171]*/, "PIPE" /*[172]*/, "HYPHEN_MINUS" /*[173]*/, "OPEN_CURLY_BRACKET" /*[174]*/, "CLOSE_CURLY_BRACKET" /*[175]*/, "TILDE" /*[176]*/, "" /*[177]*/, "" /*[178]*/, "" /*[179]*/, "" /*[180]*/, "VOLUME_MUTE" /*[181]*/, "VOLUME_DOWN" /*[182]*/, "VOLUME_UP" /*[183]*/, "" /*[184]*/, "" /*[185]*/, "SEMICOLON" /*[186]*/, "EQUALS" /*[187]*/, "COMMA" /*[188]*/, "MINUS" /*[189]*/, "PERIOD" /*[190]*/, "SLASH" /*[191]*/, "BACK_QUOTE" /*[192]*/, "" /*[193]*/, "" /*[194]*/, "" /*[195]*/, "" /*[196]*/, "" /*[197]*/, "" /*[198]*/, "" /*[199]*/, "" /*[200]*/, "" /*[201]*/, "" /*[202]*/, "" /*[203]*/, "" /*[204]*/, "" /*[205]*/, "" /*[206]*/, "" /*[207]*/, "" /*[208]*/, "" /*[209]*/, "" /*[210]*/, "" /*[211]*/, "" /*[212]*/, "" /*[213]*/, "" /*[214]*/, "" /*[215]*/, "" /*[216]*/, "" /*[217]*/, "" /*[218]*/, "OPEN_BRACKET" /*[219]*/, "BACK_SLASH" /*[220]*/, "CLOSE_BRACKET" /*[221]*/, "QUOTE" /*[222]*/, "" /*[223]*/, "META" /*[224]*/, "ALTGR" /*[225]*/, "" /*[226]*/, "WIN_ICO_HELP" /*[227]*/, "WIN_ICO_00" /*[228]*/, "" /*[229]*/, "WIN_ICO_CLEAR" /*[230]*/, "" /*[231]*/,"" /*[232]*/, "WIN_OEM_RESET" /*[233]*/, "WIN_OEM_JUMP" /*[234]*/, "WIN_OEM_PA1" /*[235]*/, "WIN_OEM_PA2" /*[236]*/, "WIN_OEM_PA3" /*[237]*/, "WIN_OEM_WSCTRL" /*[238]*/,"WIN_OEM_CUSEL" /*[239]*/, "WIN_OEM_ATTN" /*[240]*/, "WIN_OEM_FINISH" /*[241]*/, "WIN_OEM_COPY" /*[242]*/, "WIN_OEM_AUTO" /*[243]*/, "WIN_OEM_ENLW" /*[244]*/, "WIN_OEM_BACKTAB" /*[245]*/, "ATTN" /*[246]*/, "CRSEL" /*[247]*/, "EXSEL" /*[248]*/, "EREOF" /*[249]*/, "PLAY" /*[250]*/, "ZOOM" /*[251]*/, "" /*[252]*/, "PA1" /*[253]*/, "WIN_OEM_CLEAR" /*[254]*/, "" /*[255]*/
@@ -32,10 +32,10 @@ module.exports = (Plugin, Api, Vendor) => {
"Delete_Message": {name:"Delete Message", func:this.doDelete, value:{click:0, key1:46, key2:0}},
"Pin/Unpin_Message": {name:"Pin/Unpin Message", func:this.doPinUnPin, value:{click:0, key1:17, key2:0}},
"React_to_Message": {name:"React to Message", func:this.doOpenReact, value:{click:0, key1:9, key2:0}},
- "__Note_Message": {name:"Note Message (Pesonal Pins)", func:this.doNote, value:{click:0, key1:16, key2:0}},
- "__Translate_Message": {name:"Translate Message (Google Translate Option)", func:this.doTranslate, value:{click:0, key1:20, key2:0}},
- "__Quote_Message": {name:"Quote Message (Quoter)", func:this.doQuote, value:{click:0, key1:113, key2:0}},
- "__Citate_Message": {name:"Quote Message (Citador)", func:this.doCitate, value:{click:0, key1:114, key2:0}}
+ "__Note_Message": {name:"Note Message (Pesonal Pins)", func:this.doNote, value:{click:0, key1:16, key2:0}, plugin:"PersonalPins"},
+ "__Translate_Message": {name:"Translate Message (Google Translate Option)", func:this.doTranslate, value:{click:0, key1:20, key2:0}, plugin:"GoogleTranslateOption"},
+ "__Quote_Message": {name:"Quote Message (Quoter)", func:this.doQuote, value:{click:0, key1:113, key2:0}, plugin:"Quoter"},
+ "__Citate_Message": {name:"Quote Message (Citador)", func:this.doCitate, value:{click:0, key1:114, key2:0}, plugin:"Citador"}
}
};
}
@@ -60,24 +60,24 @@ module.exports = (Plugin, Api, Vendor) => {
initialize () {
if (global.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) {
+ if (this.started) return true;
BDFDB.loadMessage(this);
- this.ChannelStore = BDFDB.WebModules.findByProperties("getChannel", "getChannels");
+ this.ChannelUtils = BDFDB.WebModules.findByProperties("getChannels","getChannel");
this.MessageActions = BDFDB.WebModules.findByProperties("startEditMessage", "endEditMessage");
this.PinActions = BDFDB.WebModules.findByProperties("pinMessage", "unpinMessage");
this.CurrentUserPerms = BDFDB.WebModules.findByProperties("getChannelPermissions", "can");
this.Permissions = BDFDB.WebModules.findByProperties("Permissions", "ActivityTypes").Permissions
- $(document)
- .on("click." + this.name, BDFDB.dotCN.message, (e) => {
- this.onClick(e.currentTarget, 0, "onSglClick");
- })
- .on("dblclick." + this.name, BDFDB.dotCN.message, (e) => {
- this.onClick(e.currentTarget, 1, "onDblClick");
- })
- .on("keydown." + this.name, BDFDB.dotCN.textareawrapchat, (e) => {
- this.onKeyDown(e.currentTarget, e.which, "onKeyDown");
- });
+ BDFDB.addEventListener(this, document, "click", BDFDB.dotCNC.message + BDFDB.dotCN.messagesystem, e => {
+ this.onClick(e.currentTarget, 0, "onSglClick");
+ })
+ BDFDB.addEventListener(this, document, "dblclick", BDFDB.dotCNC.message + BDFDB.dotCN.messagesystem, e => {
+ this.onClick(e.currentTarget, 1, "onDblClick");
+ });
+ BDFDB.addEventListener(this, document, "keydown", BDFDB.dotCN.textareawrapchat, e => {
+ this.onKeyDown(e.currentTarget, e.which, "onKeyDown");
+ });
return true;
}
@@ -89,10 +89,6 @@ module.exports = (Plugin, Api, Vendor) => {
onStop () {
if (global.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) {
- $(document).off("click." + this.name, BDFDB.dotCN.message);
- $(document).off("dblclick." + this.name, BDFDB.dotCN.message);
- $(document).off("keydown." + this.name, BDFDB.dotCN.textareawrapchat);
-
BDFDB.unloadMessage(this);
return true;
}
@@ -104,116 +100,117 @@ module.exports = (Plugin, Api, Vendor) => {
//begin of own functions
- updateSettings (settingspanel) {
- var settings = {};
- for (var input of settingspanel.querySelectorAll(BDFDB.dotCN.switchinner)) {
- settings[input.value] = input.checked;
- }
- BDFDB.saveAllData(settings, this, "settings");
- }
-
resetAll (settingspanel) {
- if (confirm("Are you sure you want to delete all key bindings?")) {
+ BDFDB.openConfirmModal(this, "Are you sure you want to delete all key bindings?", () => {
BDFDB.removeAllData(this, "bindings");
- var bindings = BDFDB.getAllData(this, "bindings");
+ let bindings = BDFDB.getAllData(this, "bindings");
settingspanel.querySelectorAll(BDFDB.dotCN.select).forEach((wrap) => {
- var action = wrap.getAttribute("type");
- var option = wrap.getAttribute("option");
+ let action = wrap.getAttribute("type");
+ let option = wrap.getAttribute("option");
wrap.setAttribute("value", bindings[action][option]);
wrap.querySelector(BDFDB.dotCN.title).innerText = this.clickMap[bindings[action][option]];
});
settingspanel.querySelectorAll(BDFDB.dotCN.hotkeycontainer).forEach((wrap) => {
- var action = wrap.getAttribute("type");
- var option = wrap.getAttribute("option");
+ let action = wrap.getAttribute("type");
+ let option = wrap.getAttribute("option");
wrap.setAttribute("value", bindings[action][option]);
wrap.querySelector("input").setAttribute("value", this.keyboardMap[bindings[action][option]]);
- });;
- }
+ });
+ });
}
- openDropdownMenu (settingspanel, e) {
- var selectControl = e.currentTarget;
- var selectWrap = e.currentTarget.parentElement;
+ openDropdownMenu (e) {
+ let selectControl = e.currentTarget;
+ let selectWrap = selectControl.parentElement;
+ let plugincard = BDFDB.getParentEle("li", selectWrap);
- if (selectWrap.classList.contains(BDFDB.disCN.selectisopen)) return;
+ if (!plugincard || BDFDB.containsClass(selectWrap, BDFDB.disCN.selectisopen)) return;
- selectWrap.classList.add(BDFDB.disCN.selectisopen);
+ BDFDB.addClass(selectWrap, BDFDB.disCN.selectisopen);
+ plugincard.style.setProperty("overflow", "visible", "important");
- var action = selectWrap.getAttribute("type");
- var option = selectWrap.getAttribute("option");
- var value = selectWrap.getAttribute("value");
+ let action = selectWrap.getAttribute("type");
+ let option = selectWrap.getAttribute("option");
+ let value = selectWrap.getAttribute("value");
- var selectMenu = this.createDropdownMenu(action, value);
+ let selectMenu = this.createDropdownMenu(action, value);
selectWrap.appendChild(selectMenu);
- $(selectMenu).on("mousedown." + this.name, BDFDB.dotCN.selectoption, (e2) => {
- var binding = BDFDB.getData(action, this, "bindings");
- var selection = e2.currentTarget.getAttribute("value");
+ BDFDB.addChildEventListener(selectMenu, "mousedown", BDFDB.dotCN.selectoption, e2 => {
+ let binding = BDFDB.getData(action, this, "bindings");
+ let selection = e2.currentTarget.getAttribute("value");
selectWrap.setAttribute("value", selection);
selectControl.querySelector(BDFDB.dotCN.title).innerText = e2.currentTarget.textContent;
binding[option] = parseInt(selection);
BDFDB.saveData(action, binding, this, "bindings");
});
- $(document).on("mousedown.select" + this.name, (e2) => {
- if (e2.target.parentElement == selectMenu) return;
- $(document).off("mousedown.select" + this.name);
- selectMenu.remove()
- setTimeout(() => {selectWrap.classList.remove(BDFDB.disCN.selectisopen);},100);
- });
+
+ var removeMenu = e2 => {
+ if (e2.target.parentElement != selectMenu) {
+ document.removeEventListener("mousedown", removeMenu);
+ selectMenu.remove();
+ plugincard.style.removeProperty("overflow");
+ setTimeout(() => {BDFDB.removeClass(selectWrap, BDFDB.disCN.selectisopen);},100);
+ }
+ };
+ document.addEventListener("mousedown", removeMenu);
}
createDropdownMenu (action, value) {
- var menuhtml = `
`;
+ if (!global.BDFDB || typeof BDFDB != "object" || !BDFDB.loaded || !this.started) return;
+ let engines = BDFDB.getAllData(this, "engines");
+ let settingshtml = `
`;
- var settingspanel = $(settingshtml)[0];
+ let settingspanel = BDFDB.htmlToElement(settingshtml);
- $(settingspanel)
- .on("click", BDFDB.dotCN.switchinner, () => {this.updateSettings(settingspanel);});
+ BDFDB.initElements(settingspanel, this);
return settingspanel;
}
diff --git a/PluginsV2/GoogleTranslateOption/index.js b/PluginsV2/GoogleTranslateOption/index.js
index dc832d0012..0502a539c6 100644
--- a/PluginsV2/GoogleTranslateOption/index.js
+++ b/PluginsV2/GoogleTranslateOption/index.js
@@ -5,6 +5,12 @@ module.exports = (Plugin, Api, Vendor) => {
initConstructor () {
this.labels = {};
+ this.patchModules = {
+ "ChannelTextArea":"componentDidMount",
+ "Message":"componentDidMount",
+ "MessageOptionPopout":"componentDidMount"
+ };
+
this.languages = {};
this.doTranslate = false;
@@ -12,10 +18,11 @@ module.exports = (Plugin, Api, Vendor) => {
this.defaults = {
settings: {
- sendOriginalMessage: {value:false, description:"Send the original message together with the translation."}
+ addTranslateButton: {value:true, description:"Adds an translate button to the chatbar."},
+ sendOriginalMessage: {value:false, description:"Send the original message together with the translation."}
},
translators: {
- useGoogle: {value:true, choice1:"DeepL", choice2:"Google", popout:true}
+ useGoogle: {value:true, choice1:"DeepL", choice2:"Google", popout:true}
},
choices: {
inputContext: {value:"auto", place:"Context", direction:"Input", popout:false, description:"Input Language in selected Messages:"},
@@ -25,44 +32,54 @@ module.exports = (Plugin, Api, Vendor) => {
}
};
- this.messageContextEntryMarkup =
+ this.messageTranslateContextEntryMarkup =
``;
- return $(menuhtml)[0];
+ return BDFDB.htmlToElement(menuhtml);
}
string2binary (string) {
@@ -945,178 +866,230 @@ module.exports = (Plugin, Api, Vendor) => {
}
getSettingsPanel () {
+ if (!global.BDFDB || typeof BDFDB != "object" || !BDFDB.loaded || !this.started) return;
var choices = BDFDB.getAllData(this, "choices");
var settings = BDFDB.getAllData(this, "settings");
var translators = BDFDB.getAllData(this, "translators");
- var settingshtml = `${this.name}
`;
settingshtml += `
`;
+ settingshtml += `Search Engines:
`;
for (let key in engines) {
- settingshtml += ``;
+ settingshtml += ``;
}
settingshtml += `
`;
- settingshtml += `${this.defaults.engines[key].name}
${this.defaults.engines[key].name}
`;
+ var settingshtml = `
`;
- var settingspanel = $(settingshtml)[0];
+ let settingspanel = BDFDB.htmlToElement(settingshtml);
- $(settingspanel)
- .on("click", BDFDB.dotCN.selectcontrol, (e) => {this.openDropdownMenu("inSettings", e);})
- .on("click", BDFDB.dotCN.switchinner, () => {this.updateSettings(settingspanel);});
+ BDFDB.initElements(settingspanel, this);
+
+ BDFDB.addEventListener(this, settingspanel, "click", BDFDB.dotCN.selectcontrol, e => {this.openDropdownMenu("inSettings", e);});
return settingspanel;
}
+ onSettingsClosed () {
+ if (this.SettingsUpdated) {
+ delete this.SettingsUpdated;
+ this.setLanguage();
+ BDFDB.removeEles(".translate-button-wrapper");
+ BDFDB.WebModules.forceAllUpdates(this, "ChannelTextArea");
+ }
+ }
+
setLabelsByLanguage () {
switch (BDFDB.getDiscordLanguage().id) {
case "hr": //croatian
return {
context_messagetranslateoption_text: "Prijevod poruke",
+ context_messageuntranslateoption_text: "Prijenos poruke",
context_googletranslateoption_text: "Traži prijevod",
- popout_translateoption_text: "Prevedi",
+ popout_translateoption_text: "Prevesti",
+ popout_untranslateoption_text: "Prevesti natrag",
translated_watermark_text: "preveo"
};
case "da": //danish
return {
context_messagetranslateoption_text: "Oversæt Besked",
+ context_messageuntranslateoption_text: "Oversæt Besked tilbage",
context_googletranslateoption_text: "Søg oversættelse",
popout_translateoption_text: "Oversætte",
+ popout_untranslateoption_text: "Oversæt tilbage",
translated_watermark_text: "oversat"
};
case "de": //german
return {
context_messagetranslateoption_text: "Nachricht übersetzen",
+ context_messageuntranslateoption_text: "Nachricht unübersetzen",
context_googletranslateoption_text: "Suche Übersetzung",
popout_translateoption_text: "Übersetzen",
+ popout_untranslateoption_text: "Unübersetzen",
translated_watermark_text: "übersetzt"
};
case "es": //spanish
return {
context_messagetranslateoption_text: "Traducir mensaje",
+ context_messageuntranslateoption_text: "Traducir mensaje de vuelta",
context_googletranslateoption_text: "Buscar traducción",
popout_translateoption_text: "Traducir",
+ popout_untranslateoption_text: "Traducir de vuelta",
translated_watermark_text: "traducido"
};
case "fr": //french
return {
context_messagetranslateoption_text: "Traduire le message",
+ context_messageuntranslateoption_text: "Traduire le message en retour",
context_googletranslateoption_text: "Rechercher une traduction",
popout_translateoption_text: "Traduire",
+ popout_untranslateoption_text: "Traduire en arrière",
translated_watermark_text: "traduit"
};
case "it": //italian
return {
- context_messagetranslateoption_text: "Traduci messaggio",
+ context_messagetranslateoption_text: "Tradurre il messaggio",
+ context_messageuntranslateoption_text: "Tradurre il messaggio indietro",
context_googletranslateoption_text: "Cerca la traduzione",
- popout_translateoption_text: "Tradurre",
+ popout_translateoption_text: "Traduci",
+ popout_untranslateoption_text: "Traduci indietro",
translated_watermark_text: "tradotto"
};
case "nl": //dutch
return {
context_messagetranslateoption_text: "Vertaal bericht",
+ context_messageuntranslateoption_text: "Vertaal bericht terug",
context_googletranslateoption_text: "Zoek vertaling",
- popout_translateoption_text: "Vertalen",
+ popout_translateoption_text: "Vertaal",
+ popout_untranslateoption_text: "Vertaal terug",
translated_watermark_text: "vertaalde"
};
case "no": //norwegian
return {
context_messagetranslateoption_text: "Oversett melding",
+ context_messageuntranslateoption_text: "Oversett melding tilbake",
context_googletranslateoption_text: "Søk oversettelse",
- popout_translateoption_text: "Oversette",
+ popout_translateoption_text: "Oversett",
+ popout_untranslateoption_text: "Oversett tilbake",
translated_watermark_text: "oversatt"
};
case "pl": //polish
return {
context_messagetranslateoption_text: "Przetłumacz wiadomość",
+ context_messageuntranslateoption_text: "Przetłumacz wiadomość z powrotem",
context_googletranslateoption_text: "Wyszukaj tłumaczenie",
- popout_translateoption_text: "Tłumaczyć",
+ popout_translateoption_text: "Przetłumacz",
+ popout_untranslateoption_text: "Przetłumacz ponownie",
translated_watermark_text: "przetłumaczony"
};
case "pt-BR": //portuguese (brazil)
return {
context_messagetranslateoption_text: "Traduzir mensagem",
+ context_messageuntranslateoption_text: "Traduzir mensagem de volta",
context_googletranslateoption_text: "Pesquisar tradução",
popout_translateoption_text: "Traduzir",
+ popout_untranslateoption_text: "Traduzir de volta",
translated_watermark_text: "traduzido"
};
case "fi": //finnish
return {
context_messagetranslateoption_text: "Käännä viesti",
+ context_messageuntranslateoption_text: "Käännä viesti takaisin",
context_googletranslateoption_text: "Etsi käännös",
popout_translateoption_text: "Kääntää",
+ popout_untranslateoption_text: "Käännä takaisin",
translated_watermark_text: "käännetty"
};
case "sv": //swedish
return {
context_messagetranslateoption_text: "Översätt meddelande",
+ context_messageuntranslateoption_text: "Översätt meddelandet tillbaka",
context_googletranslateoption_text: "Sök översättning",
popout_translateoption_text: "Översätt",
+ popout_untranslateoption_text: "Översätt tillbaka",
translated_watermark_text: "översatt"
};
case "tr": //turkish
return {
context_messagetranslateoption_text: "Mesajı çevir",
+ context_messageuntranslateoption_text: "İletiyi geri çevir",
context_googletranslateoption_text: "Arama tercümesi",
popout_translateoption_text: "Çevirmek",
+ popout_untranslateoption_text: "Geri çevir",
translated_watermark_text: "tercüme"
};
case "cs": //czech
return {
- context_messagetranslateoption_text: "Přeložit zprávu",
+ context_messagetranslateoption_text: "Přeposlat zprávu",
+ context_messageuntranslateoption_text: "Přeposlat zprávu zpátky",
context_googletranslateoption_text: "Hledat překlad",
- popout_translateoption_text: "Přeložit",
+ popout_translateoption_text: "Přeposlat",
+ popout_untranslateoption_text: "Přeposlat zpět",
translated_watermark_text: "přeloženo"
};
case "bg": //bulgarian
return {
- context_messagetranslateoption_text: "Превод на съобщението",
+ context_messagetranslateoption_text: "Преведете на съобщението",
+ context_messageuntranslateoption_text: "Преведете съобщението обратно",
context_googletranslateoption_text: "Търсене на превод",
- popout_translateoption_text: "Превеждам",
+ popout_translateoption_text: "Превод",
+ popout_untranslateoption_text: "Превод обратно",
translated_watermark_text: "преведена"
};
case "ru": //russian
return {
context_messagetranslateoption_text: "Перевести сообщение",
+ context_messageuntranslateoption_text: "Перевести сообщение обратно",
context_googletranslateoption_text: "Поиск перевода",
- popout_translateoption_text: "Переведите",
+ popout_translateoption_text: "Перевести",
+ popout_untranslateoption_text: "Перевести обратно",
translated_watermark_text: "переведенный"
};
case "uk": //ukrainian
return {
context_messagetranslateoption_text: "Перекласти повідомлення",
+ context_messageuntranslateoption_text: "Перекласти повідомлення назад",
context_googletranslateoption_text: "Пошук перекладу",
popout_translateoption_text: "Перекласти",
+ popout_untranslateoption_text: "Перекласти назад",
translated_watermark_text: "перекладений"
};
case "ja": //japanese
return {
context_messagetranslateoption_text: "メッセージを翻訳する",
+ context_messageuntranslateoption_text: "メッセージを翻訳する",
context_googletranslateoption_text: "翻訳の検索",
popout_translateoption_text: "翻訳",
+ popout_untranslateoption_text: "翻訳する",
translated_watermark_text: "翻訳された"
};
case "zh-TW": //chinese (traditional)
return {
context_messagetranslateoption_text: "翻譯消息",
+ context_messageuntranslateoption_text: "翻譯消息",
context_googletranslateoption_text: "搜索翻譯",
popout_translateoption_text: "翻譯",
+ popout_untranslateoption_text: "翻譯回來",
translated_watermark_text: "翻譯"
};
case "ko": //korean
return {
context_messagetranslateoption_text: "메시지 번역",
+ context_messageuntranslateoption_text: "메시지 번역 뒤로",
context_googletranslateoption_text: "검색 번역",
- popout_translateoption_text: "옮기다",
+ popout_translateoption_text: "다시",
+ popout_untranslateoption_text: "다시 번역",
translated_watermark_text: "번역 된"
};
default: //default: english
return {
context_messagetranslateoption_text: "Translate Message",
+ context_messageuntranslateoption_text: "Untranslate Message",
context_googletranslateoption_text: "Search translation",
popout_translateoption_text: "Translate",
+ popout_untranslateoption_text: "Untranslate",
translated_watermark_text: "translated"
};
}
diff --git a/PluginsV2/ImageGallery/index.js b/PluginsV2/ImageGallery/index.js
index 63fe9ce03f..e3006a66e3 100644
--- a/PluginsV2/ImageGallery/index.js
+++ b/PluginsV2/ImageGallery/index.js
@@ -3,6 +3,9 @@ module.exports = (Plugin, Api, Vendor) => {
return class extends Plugin {
initConstructor () {
+ this.patchModules = {
+ "ImageModal":["componentDidMount","componentWillUnmount"]
+ }
this.eventFired = false;
this.imageMarkup = `${this.name}
`;
for (let key in choices) {
let choice = this.getLanguageChoice(key);
settingshtml += ``
}
for (let key in settings) {
- settingshtml += ``;
+ settingshtml += ``;
}
for (let key in translators) {
- settingshtml += ``;
+ settingshtml += ``;
}
- settingshtml += `
`;
+ settingshtml += `${this.defaults.choices[key].description}
${this.languages[choice].name}