/** * @name CharCounter * @author DevilBro * @authorId 278543574059057154 * @version 1.6.2 * @description Adds a Character Counter to most Inputs * @invite Jx3TjNS * @donate https://www.paypal.me/MircoWittrien * @patreon https://www.patreon.com/MircoWittrien * @website https://mwittrien.github.io/ * @source https://github.com/mwittrien/BetterDiscordAddons/tree/master/Plugins/CharCounter/ * @updateUrl https://mwittrien.github.io/BetterDiscordAddons/Plugins/CharCounter/CharCounter.plugin.js */ module.exports = (_ => { const changeLog = { }; return !window.BDFDB_Global || (!window.BDFDB_Global.loaded && !window.BDFDB_Global.started) ? class { constructor (meta) {for (let key in meta) this[key] = meta[key];} getName () {return this.name;} getAuthor () {return this.author;} getVersion () {return this.version;} getDescription () {return `The Library Plugin needed for ${this.name} is missing. Open the Plugin Settings to download it. \n\n${this.description}`;} downloadLibrary () { require("request").get("https://mwittrien.github.io/BetterDiscordAddons/Library/0BDFDB.plugin.js", (e, r, b) => { 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"})); 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"); }); } load () { if (!window.BDFDB_Global || !Array.isArray(window.BDFDB_Global.pluginQueue)) window.BDFDB_Global = Object.assign({}, window.BDFDB_Global, {pluginQueue: []}); if (!window.BDFDB_Global.downloadModal) { window.BDFDB_Global.downloadModal = true; BdApi.showConfirmationModal("Library Missing", `The Library Plugin needed for ${this.name} is missing. Please click "Download Now" to install it.`, { confirmText: "Download Now", cancelText: "Cancel", onCancel: _ => {delete window.BDFDB_Global.downloadModal;}, onConfirm: _ => { delete window.BDFDB_Global.downloadModal; this.downloadLibrary(); } }); } if (!window.BDFDB_Global.pluginQueue.includes(this.name)) window.BDFDB_Global.pluginQueue.push(this.name); } start () {this.load();} stop () {} getSettingsPanel () { let template = document.createElement("template"); template.innerHTML = `
The Library Plugin needed for ${this.name} is missing.\nPlease click Download Now to install it.
`; template.content.firstElementChild.querySelector("a").addEventListener("click", this.downloadLibrary); return template.content.firstElementChild; } } : (([Plugin, BDFDB]) => { const maxLengths = { customstatus: 128, popoutnote: 256, profilenote: 256 }; const typeMap = { normal: "chat", sidebar: "chat", thread_creation: "threadcreation", form: "upload" }; const nativeCounters = ["profile_bio_input"]; return class CharCounter extends Plugin { onLoad () { this.modulePatches = { after: [ "ChannelTextAreaContainer", "CustomStatusModal", "Note" ] }; this.defaults = { sliders: { showPercentage: {value: 0, description: "Only shows Counter after certain % of Max Length is reached"} } }; this.css = ` ${BDFDB.dotCN._charcountercounteradded} { position: relative !important; } ${BDFDB.dotCN._charcountercounter} { display: block; position: absolute; font-size: 15px; z-index: 10; pointer-events: none; } ${BDFDB.dotCN._charcounterchatcounter} { right: 0; bottom: -1.3em; } ${BDFDB.dotCN._charcountereditcounter} { right: 0; bottom: -1.3em; } ${BDFDB.dotCN._charcounterthreadcreationcounter} { right: 0; bottom: -1.1em; } ${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; } `; } onStart () { BDFDB.PatchUtils.forceAllUpdates(this); } onStop () { BDFDB.PatchUtils.forceAllUpdates(this); } 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); } } processChannelTextAreaContainer (e) { let editorContainer = BDFDB.ReactUtils.findChild(e.returnvalue, {name: "ChannelTextAreaEditor"}); if (editorContainer && editorContainer.props.type && !editorContainer.props.disabled) { if (!BDFDB.ArrayUtils.is(e.returnvalue.props.children)) e.returnvalue.props.children = [e.returnvalue.props.children]; this.injectCounter(e.returnvalue, e.returnvalue.props.children, editorContainer.props.type.analyticsName || editorContainer.props.type, BDFDB.dotCN.textarea); } } processNote (e) { let [children, index] = BDFDB.ReactUtils.findParent(e.returnvalue, {filter: n => n && n.props && n.props.autoCorrect != undefined}); if (index > -1) this.injectCounter(e.returnvalue, children, e.instance.props.className && e.instance.props.className.indexOf(BDFDB.disCN.usernotepopout) > -1 ? "popoutnote" : "profilenote", "textarea"); } 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) }); } 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); } injectCounter (parent, children, type, refClass, parsing) { if (!children || nativeCounters.indexOf(type) > -1) return; 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 }); children.push(BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.CharCounter, { className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN._charcountercounter, type && BDFDB.DiscordClasses[`_charcounter${typeMap[type] || type}counter`] && BDFDB.disCN[`_charcounter${typeMap[type] || type}counter`]), refClass: refClass, parsing: parsing, max: maxLengths[type] || (BDFDB.LibraryModules.NitroUtils.canUseIncreasedMessageLength(BDFDB.LibraryStores.UserStore.getCurrentUser()) ? BDFDB.DiscordConstants.MAX_MESSAGE_LENGTH_PREMIUM : BDFDB.DiscordConstants.MAX_MESSAGE_LENGTH), showPercentage: this.settings.sliders.showPercentage, 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`); } } })); } }; })(window.BDFDB_Global.PluginUtils.buildPlugin(changeLog)); })();