BetterDiscordAddons/Plugins/CharCounter/CharCounter.plugin.js

228 lines
8.7 KiB
JavaScript
Raw Normal View History

2020-10-20 23:25:34 +02:00
/**
* @name CharCounter
2021-03-05 13:26:41 +01:00
* @author DevilBro
2020-10-20 23:25:34 +02:00
* @authorId 278543574059057154
2022-10-24 10:50:14 +02:00
* @version 1.6.2
2021-03-05 13:26:41 +01:00
* @description Adds a Character Counter to most Inputs
2020-10-20 23:25:34 +02:00
* @invite Jx3TjNS
* @donate https://www.paypal.me/MircoWittrien
* @patreon https://www.patreon.com/MircoWittrien
2021-03-09 15:10:55 +01:00
* @website https://mwittrien.github.io/
* @source https://github.com/mwittrien/BetterDiscordAddons/tree/master/Plugins/CharCounter/
2021-03-10 09:17:37 +01:00
* @updateUrl https://mwittrien.github.io/BetterDiscordAddons/Plugins/CharCounter/CharCounter.plugin.js
2020-10-20 23:25:34 +02:00
*/
2018-10-11 10:21:26 +02:00
2020-09-19 20:49:33 +02:00
module.exports = (_ => {
2022-09-01 14:40:11 +02:00
const changeLog = {
2022-09-02 12:37:10 +02:00
2020-07-03 20:02:06 +02:00
};
2020-11-13 19:47:44 +01:00
2022-02-05 21:14:17 +01:00
return !window.BDFDB_Global || (!window.BDFDB_Global.loaded && !window.BDFDB_Global.started) ? class {
2022-09-01 14:55:22 +02:00
constructor (meta) {for (let key in meta) this[key] = meta[key];}
getName () {return this.name;}
getAuthor () {return this.author;}
getVersion () {return this.version;}
getDescription () {return `The Library Plugin needed for ${this.name} is missing. Open the Plugin Settings to download it. \n\n${this.description}`;}
2021-02-01 17:13:13 +01:00
downloadLibrary () {
require("request").get("https://mwittrien.github.io/BetterDiscordAddons/Library/0BDFDB.plugin.js", (e, r, b) => {
2021-03-05 13:14:18 +01:00
if (!e && b && r.statusCode == 200) require("fs").writeFile(require("path").join(BdApi.Plugins.folder, "0BDFDB.plugin.js"), b, _ => BdApi.showToast("Finished downloading BDFDB Library", {type: "success"}));
2021-03-06 14:59:48 +01:00
else BdApi.alert("Error", "Could not download BDFDB Library Plugin. Try again later or download it manually from GitHub: https://mwittrien.github.io/downloader/?library");
2021-02-01 17:13:13 +01:00
});
}
2020-09-19 20:49:33 +02:00
2021-01-06 12:38:36 +01:00
load () {
2020-11-19 16:51:14 +01:00
if (!window.BDFDB_Global || !Array.isArray(window.BDFDB_Global.pluginQueue)) window.BDFDB_Global = Object.assign({}, window.BDFDB_Global, {pluginQueue: []});
2020-09-19 20:49:33 +02:00
if (!window.BDFDB_Global.downloadModal) {
window.BDFDB_Global.downloadModal = true;
2022-09-01 14:55:22 +02:00
BdApi.showConfirmationModal("Library Missing", `The Library Plugin needed for ${this.name} is missing. Please click "Download Now" to install it.`, {
2020-09-19 20:49:33 +02:00
confirmText: "Download Now",
cancelText: "Cancel",
onCancel: _ => {delete window.BDFDB_Global.downloadModal;},
2020-09-20 08:15:13 +02:00
onConfirm: _ => {
delete window.BDFDB_Global.downloadModal;
2021-02-01 17:13:13 +01:00
this.downloadLibrary();
2020-09-20 08:15:13 +02:00
}
2020-09-19 20:49:33 +02:00
});
}
2022-09-01 14:55:22 +02:00
if (!window.BDFDB_Global.pluginQueue.includes(this.name)) window.BDFDB_Global.pluginQueue.push(this.name);
2020-10-09 21:09:35 +02:00
}
2021-01-06 12:38:36 +01:00
start () {this.load();}
stop () {}
getSettingsPanel () {
2020-11-28 23:12:09 +01:00
let template = document.createElement("template");
2022-09-01 14:55:22 +02:00
template.innerHTML = `<div style="color: var(--header-primary); font-size: 16px; font-weight: 300; white-space: pre; line-height: 22px;">The Library Plugin needed for ${this.name} is missing.\nPlease click <a style="font-weight: 500;">Download Now</a> to install it.</div>`;
2021-02-01 17:13:13 +01:00
template.content.firstElementChild.querySelector("a").addEventListener("click", this.downloadLibrary);
2020-11-28 23:12:09 +01:00
return template.content.firstElementChild;
}
2020-10-09 21:09:35 +02:00
} : (([Plugin, BDFDB]) => {
2021-06-03 22:03:31 +02:00
const maxLengths = {
2020-09-19 20:49:33 +02:00
customstatus: 128,
popoutnote: 256,
profilenote: 256
};
const typeMap = {
normal: "chat",
2021-07-28 17:56:44 +02:00
sidebar: "chat",
2021-07-28 21:40:32 +02:00
thread_creation: "threadcreation",
2020-09-19 20:49:33 +02:00
form: "upload"
};
2022-02-23 18:57:34 +01:00
const nativeCounters = ["profile_bio_input"];
2020-02-04 08:20:40 +01:00
2020-10-09 21:09:35 +02:00
return class CharCounter extends Plugin {
2021-01-06 12:38:36 +01:00
onLoad () {
2022-10-24 10:50:14 +02:00
this.modulePatches = {
after: [
"ChannelTextAreaContainer",
"CustomStatusModal",
"Note"
]
2020-09-19 20:49:33 +02:00
};
2021-12-09 23:28:54 +01:00
this.defaults = {
sliders: {
showPercentage: {value: 0, description: "Only shows Counter after certain % of Max Length is reached"}
}
};
2020-09-19 20:49:33 +02:00
this.css = `
${BDFDB.dotCN._charcountercounteradded} {
position: relative !important;
}
${BDFDB.dotCN._charcountercounter} {
display: block;
position: absolute;
font-size: 15px;
2021-05-03 19:20:03 +02:00
z-index: 10;
pointer-events: none;
2020-09-19 20:49:33 +02:00
}
${BDFDB.dotCN._charcounterchatcounter} {
right: 0;
bottom: -1.3em;
}
${BDFDB.dotCN._charcountereditcounter} {
right: 0;
bottom: -1.3em;
}
2021-07-28 21:40:32 +02:00
${BDFDB.dotCN._charcounterthreadcreationcounter} {
right: 0;
bottom: -1.1em;
}
2020-09-19 20:49:33 +02:00
${BDFDB.dotCN._charcounteruploadcounter} {
right: 0;
bottom: -1.0em;
}
${BDFDB.dotCN._charcountercustomstatuscounter} {
right: 0 !important;
top: -1.5em;
}
${BDFDB.dotCN._charcounterpopoutnotecounter} {
right: 3px !important;
bottom: -8px !important;
font-size: 10px !important;
}
${BDFDB.dotCN._charcounterprofilenotecounter} {
right: 0 !important;
bottom: -10px !important;
font-size: 12px !important;
}
${BDFDB.dotCN.usernotetextarea}:not(:focus) ~ ${BDFDB.dotCN._charcountercounter} {
display: none;
}
`;
2020-02-04 08:20:40 +01:00
}
2020-09-19 20:49:33 +02:00
2021-01-06 12:38:36 +01:00
onStart () {
2020-09-11 19:31:36 +02:00
BDFDB.PatchUtils.forceAllUpdates(this);
2020-02-04 08:20:40 +01:00
}
2020-09-19 20:49:33 +02:00
2021-01-06 12:38:36 +01:00
onStop () {
2020-09-11 19:31:36 +02:00
BDFDB.PatchUtils.forceAllUpdates(this);
2020-02-04 08:20:40 +01:00
}
2019-01-26 22:45:19 +01:00
2021-12-09 23:28:54 +01:00
getSettingsPanel (collapseStates = {}) {
let settingsPanel;
return settingsPanel = BDFDB.PluginUtils.createSettingsPanel(this, {
collapseStates: collapseStates,
children: _ => {
let settingsItems = [];
for (let key in this.defaults.sliders) settingsItems.push(BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SettingsSaveItem, {
type: "Slider",
plugin: this,
keys: ["sliders", key],
basis: "30%",
label: this.defaults.sliders[key].description,
value: this.settings.sliders[key]
}));
return settingsItems;
}
});
}
onSettingsClosed () {
if (this.SettingsUpdated) {
delete this.SettingsUpdated;
BDFDB.PatchUtils.forceAllUpdates(this);
}
}
2020-09-19 20:49:33 +02:00
processChannelTextAreaContainer (e) {
2022-10-24 10:42:20 +02:00
let editorContainer = BDFDB.ReactUtils.findChild(e.returnvalue, {name: "ChannelTextAreaEditor"});
2021-06-03 22:03:31 +02:00
if (editorContainer && editorContainer.props.type && !editorContainer.props.disabled) {
2020-09-19 20:49:33 +02:00
if (!BDFDB.ArrayUtils.is(e.returnvalue.props.children)) e.returnvalue.props.children = [e.returnvalue.props.children];
2022-02-11 15:49:25 +01:00
this.injectCounter(e.returnvalue, e.returnvalue.props.children, editorContainer.props.type.analyticsName || editorContainer.props.type, BDFDB.dotCN.textarea);
2020-09-19 20:49:33 +02:00
}
2020-02-04 08:20:40 +01:00
}
2019-01-26 22:45:19 +01:00
2020-09-19 20:49:33 +02:00
processNote (e) {
2022-10-24 10:50:14 +02:00
let [children, index] = BDFDB.ReactUtils.findParent(e.returnvalue, {filter: n => n && n.props && n.props.autoCorrect != undefined});
2020-09-19 20:49:33 +02:00
if (index > -1) this.injectCounter(e.returnvalue, children, e.instance.props.className && e.instance.props.className.indexOf(BDFDB.disCN.usernotepopout) > -1 ? "popoutnote" : "profilenote", "textarea");
2020-02-04 08:20:40 +01:00
}
2020-08-28 16:05:49 +02:00
2022-01-11 22:56:04 +01:00
processNicknameSection (e) {
e.returnvalue.props.children = BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN._charcountercounteradded,
children: [
e.returnvalue.props.children,
BDFDB.ReactUtils.createElement("div", {
className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN.charcounter, BDFDB.disCN._charcountercounter, BDFDB.disCN._charcounternickcounter),
children: `${(e.instance.props.pendingNick || "").length}/${maxLengths.nick}`
})
].flat(10)
});
2020-09-19 20:49:33 +02:00
}
2020-07-26 16:39:51 +02:00
2020-09-19 20:49:33 +02:00
processCustomStatusModal (e) {
let formItem = BDFDB.ReactUtils.findChild(e.returnvalue, {props: [["className", BDFDB.disCN.emojiinputcontainer]]});
if (formItem) this.injectCounter(formItem, formItem.props.children, "customstatus", BDFDB.dotCN.input);
}
2021-12-09 23:28:54 +01:00
injectCounter (parent, children, type, refClass, parsing) {
2022-02-23 18:57:34 +01:00
if (!children || nativeCounters.indexOf(type) > -1) return;
2020-10-02 20:41:51 +02:00
if (parent.props.className) parent.props.className = BDFDB.DOMUtils.formatClassName(parent.props.className, BDFDB.disCN._charcountercounteradded);
else parent.props.children = BDFDB.ReactUtils.createElement("div", {
className: BDFDB.disCN._charcountercounteradded,
children: parent.props.children
});
2020-09-19 20:49:33 +02:00
children.push(BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.CharCounter, {
2022-02-23 18:57:34 +01:00
className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN._charcountercounter, type && BDFDB.DiscordClasses[`_charcounter${typeMap[type] || type}counter`] && BDFDB.disCN[`_charcounter${typeMap[type] || type}counter`]),
2020-09-19 20:49:33 +02:00
refClass: refClass,
parsing: parsing,
2022-09-27 16:53:10 +02:00
max: maxLengths[type] || (BDFDB.LibraryModules.NitroUtils.canUseIncreasedMessageLength(BDFDB.LibraryStores.UserStore.getCurrentUser()) ? BDFDB.DiscordConstants.MAX_MESSAGE_LENGTH_PREMIUM : BDFDB.DiscordConstants.MAX_MESSAGE_LENGTH),
2021-12-09 23:28:54 +01:00
showPercentage: this.settings.sliders.showPercentage,
2020-09-19 20:49:33 +02:00
onChange: instance => {
let node = BDFDB.ReactUtils.findDOMNode(instance);
let form = node && BDFDB.DOMUtils.getParent(BDFDB.dotCN.chatform, node);
if (form) {
let typing = form.querySelector(BDFDB.dotCN.typing);
if (typing) typing.style.setProperty("margin-right", `${BDFDB.DOMUtils.getWidth(node) + 10}px`);
}
}
}));
}
};
2022-09-01 14:40:11 +02:00
})(window.BDFDB_Global.PluginUtils.buildPlugin(changeLog));
2021-06-15 09:18:04 +02:00
})();