BetterDiscordAddons/PluginsV2/GoogleTranslateOption/index.js

module.exports = (Plugin, Api, Vendor) => {
	if (!global.BDFDB || typeof BDFDB != "object") global.BDFDB = {myPlugins:{}, BDv2Api: Api};

	return class extends Plugin {
		initConstructor () {
			this.labels = {};

			this.patchModules = {
				"ChannelTextArea":"componentDidMount",
				"Message":"componentDidMount",
				"MessageOptionPopout":"componentDidMount"
			};

			this.languages = {};

			this.doTranslate = false;
			this.translating = false;

			this.defaults = {
				settings: {
					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}
				},
				choices: {
					inputContext:			{value:"auto", 		place:"Context", 		direction:"Input",		popout:false, 		description:"Input Language in selected Messages:"},
					outputContext:			{value:"$discord", 	place:"Context", 		direction:"Output",		popout:false, 		description:"Output Language in selected Messages:"},
					inputMessage:			{value:"auto", 		place:"Message", 		direction:"Input",		popout:true, 		description:"Input Language in your Message:"},
					outputMessage:			{value:"$discord", 	place:"Message", 		direction:"Output",		popout:true, 		description:"Output Language in your Message:"}
				}
			};

			this.messageTranslateContextEntryMarkup =
				`<div class="${BDFDB.disCN.contextmenuitemgroup}">
					<div class="${BDFDB.disCN.contextmenuitem} googletranslateoption-item googletranslateoption-translate-item">
						<span class="DevilBro-textscrollwrapper" speed=3><div class="DevilBro-textscroll">REPLACE_context_messagetranslateoption_text</div></span>
						<div class="${BDFDB.disCN.contextmenuhint}"></div>
					</div>
				</div>`;

			this.messageUntranslateContextEntryMarkup =
				`<div class="${BDFDB.disCN.contextmenuitemgroup}">
					<div class="${BDFDB.disCN.contextmenuitem} googletranslateoption-item googletranslateoption-untranslate-item">
						<span class="DevilBro-textscrollwrapper" speed=3><div class="DevilBro-textscroll">REPLACE_context_messageuntranslateoption_text</div></span>
						<div class="${BDFDB.disCN.contextmenuhint}"></div>
					</div>
				</div>`;

			this.messageSearchContextEntryMarkup =
				`<div class="${BDFDB.disCN.contextmenuitemgroup}">
					<div class="${BDFDB.disCN.contextmenuitem} googletranslateoption-item googletranslateoption-search-item">
						<span class="DevilBro-textscrollwrapper" speed=3><div class="DevilBro-textscroll">REPLACE_context_googletranslateoption_text</div></span>
						<div class="${BDFDB.disCN.contextmenuhint}"></div>
					</div>
				</div>`;

			this.popoutTranslateEntryMarkup = 
				`<button type="button" class="${BDFDB.disCNS.optionpopoutitem + BDFDB.disCNS.button + BDFDB.disCNS.buttonlookblank + BDFDB.disCNS.buttoncolorbrand + BDFDB.disCN.buttongrow} googletranslateoption-itembtn googletranslateoption-translate-itembtn">
					<div class="${BDFDB.disCN.buttoncontents}">REPLACE_popout_translateoption_text</div>
				</button>`;

			this.popoutUntranslateEntryMarkup = 
				`<button type="button" class="${BDFDB.disCNS.optionpopoutitem + BDFDB.disCNS.button + BDFDB.disCNS.buttonlookblank + BDFDB.disCNS.buttoncolorbrand + BDFDB.disCN.buttongrow} googletranslateoption-itembtn googletranslateoption-untranslate-itembtn">
					<div class="${BDFDB.disCN.buttoncontents}">REPLACE_popout_untranslateoption_text</div>
				</button>`;

			this.translateButtonMarkup = 
				`<div class="${BDFDB.disCNS.textareabuttonwrapper + BDFDB.disCNS.button + BDFDB.disCNS.buttonlookblank + BDFDB.disCNS.buttoncolorbrand + BDFDB.disCN.buttongrow} translate-button-wrapper">
					<div class="${BDFDB.disCNS.buttoncontents + BDFDB.disCNS.textareabutton + BDFDB.disCN.textareapickerbutton} translate-button">
						<svg version="1.1" xmlns="http://www.w3.org/2000/svg" class="${BDFDB.disCN.textareaicon}" viewBox="0 0 22 22" fill="currentColor">
							<path d="M 19.794, 3.299 H 9.765 L 8.797, 0 h -6.598 C 0.99, 0, 0, 0.99, 0, 2.199 V 16.495 c 0, 1.21, 0.99, 2.199, 2.199, 2.199 H 9.897 l 1.1, 3.299 H 19.794 c 1.21, 0, 2.199 -0.99, 2.199 -2.199 V 5.498 C 21.993, 4.289, 21.003, 3.299, 19.794, 3.299 z M 5.68, 13.839 c -2.48, 0 -4.492 -2.018 -4.492 -4.492 s 2.018 -4.492, 4.492 -4.492 c 1.144, 0, 2.183, 0.407, 3.008, 1.171 l 0.071, 0.071 l -1.342, 1.298 l -0.066 -0.06 c -0.313 -0.297 -0.858 -0.643 -1.671 -0.643 c -1.441, 0 -2.612, 1.193 -2.612, 2.661 c 0, 1.468, 1.171, 2.661, 2.612, 2.661 c 1.507, 0, 2.161 -0.962, 2.337 -1.606 h -2.43 v -1.704 h 4.344 l 0.016, 0.077 c 0.044, 0.231, 0.06, 0.434, 0.06, 0.665 C 10.001, 12.036, 8.225, 13.839, 5.68, 13.839 z M 11.739, 9.979 h 4.393 c 0, 0 -0.374, 1.446 -1.715, 3.008 c -0.588 -0.676 -0.995 -1.336 -1.254 -1.864 h -1.089 L 11.739, 9.979 z M 13.625, 13.839 l -0.588, 0.583 l -0.72 -2.452 C 12.685, 12.63, 13.13, 13.262, 13.625, 13.839 z M 20.893, 19.794 c 0, 0.605 -0.495, 1.1 -1.1, 1.1 H 12.096 l 2.199 -2.199 l -0.896 -3.041 l 1.012 -1.012 l 2.953, 2.953 l 0.803 -0.803 l -2.975 -2.953 c 0.99 -1.138, 1.759 -2.474, 2.106 -3.854 h 1.397 V 8.841 H 14.697 v -1.144 h -1.144 v 1.144 H 11.398 l -1.309 -4.443 H 19.794 c 0.605, 0, 1.1, 0.495, 1.1, 1.1 V 19.794 z"/>
						</svg>
					</div>
				</div>`;

			this.reverseButtonMarkup = 
				`<svg class="reverse-button ${BDFDB.disCN.flexchild}" type="REPLACETYPE" version="1.1" xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="currentColor" style="flex: 0 0 auto;">
					 <path d="M 0, 10.515 c 0, 2.892, 1.183, 5.521, 3.155, 7.361 L 0, 21.031 h 7.887 V 13.144 l -2.892, 2.892 C 3.549, 14.722, 2.629, 12.75, 2.629, 10.515 c 0 -3.418, 2.235 -6.309, 5.258 -7.492 v -2.629 C 3.418, 1.577, 0, 5.652, 0, 10.515 z M 21.031, 0 H 13.144 v 7.887 l 2.892 -2.892 C 17.482, 6.309, 18.402, 8.281, 18.402, 10.515 c 0, 3.418 -2.235, 6.309 -5.258, 7.492 V 20.768 c 4.469 -1.183, 7.887 -5.258, 7.887 -10.121 c 0 -2.892 -1.183 -5.521 -3.155 -7.361 L 21.031, 0 z"/>
				</svg>`;

			this.translatePopoutMarkup = 
				`<div class="${BDFDB.disCNS.popout + BDFDB.disCNS.popoutbottomright + BDFDB.disCNS.popoutnoarrow + BDFDB.disCN.popoutnoshadow} popout-googletranslate DevilBro-modal" style="z-index: 2000; overflow: visible; visibility: visible; transform: translateX(-100%) translateY(-100%) translateZ(0px);">
					<div class="${BDFDB.disCN.popoutthemedpopout}">
						<div class="${BDFDB.disCNS.flex + BDFDB.disCNS.flex2 + BDFDB.disCNS.horizontal + BDFDB.disCNS.horizontal2 + BDFDB.disCNS.directionrow + BDFDB.disCNS.justifystart + BDFDB.disCNS.aligncenter + BDFDB.disCNS.nowrap + BDFDB.disCNS.margintop8 + BDFDB.disCN.marginbottom8}" style="flex: 1 1 auto;">
							<h3 class="${BDFDB.disCNS.titledefault + BDFDB.disCNS.title + BDFDB.disCNS.marginreset + BDFDB.disCNS.weightmedium + BDFDB.disCNS.size16 + BDFDB.disCNS.height24 + BDFDB.disCN.flexchild}" style="flex: 1 1 auto;">Words starting with "!" will be ignored</h3>
						</div>
						${Object.keys(this.defaults.choices).map((key, i) =>
						`<div class="${BDFDB.disCNS.flex + BDFDB.disCNS.flex2 + BDFDB.disCNS.horizontal + BDFDB.disCNS.horizontal2 + BDFDB.disCNS.directionrow + BDFDB.disCNS.justifystart + BDFDB.disCNS.aligncenter + BDFDB.disCNS.nowrap + BDFDB.disCNS.margintop8 + BDFDB.disCN.marginbottom8}" style="flex: 1 1 auto;">
							<h3 class="${BDFDB.disCNS.titledefault + BDFDB.disCNS.title + BDFDB.disCNS.weightmedium + BDFDB.disCNS.size16 + BDFDB.disCN.flexchild}" style="flex: 1 1 auto;">${this.defaults.choices[key].description}</h3>
							${this.defaults.choices[key].direction == "Output" ? this.reverseButtonMarkup.replace("REPLACETYPE",key) : ""}
						</div>
						<div class="${BDFDB.disCNS.flex + BDFDB.disCNS.flex2 + BDFDB.disCNS.horizontal + BDFDB.disCNS.horizontal2 + BDFDB.disCNS.directionrow + BDFDB.disCNS.justifystart + BDFDB.disCNS.aligncenter + BDFDB.disCNS.nowrap + BDFDB.disCN.marginbottom8}" style="flex: 1 1 auto;">
							<div class="${BDFDB.disCN.selectwrap}" style="flex: 1 1 auto;">
								<div class="${BDFDB.disCNS.select + BDFDB.disCNS.selectsingle + BDFDB.disCN.selecthasvalue}" type="${key}" value="${this.defaults.choices[key].value}">
									<div class="${BDFDB.disCN.selectcontrol}">
										<div class="${BDFDB.disCNS.flex + BDFDB.disCNS.flex2 + BDFDB.disCNS.horizontal + BDFDB.disCNS.horizontal2 + BDFDB.disCNS.directionrow + BDFDB.disCNS.justifystart + BDFDB.disCNS.alignbaseline + BDFDB.disCNS.nowrap + BDFDB.disCN.selectvalue}" style="flex: 1 1 auto;">
											<div class="${BDFDB.disCNS.title + BDFDB.disCNS.medium + BDFDB.disCNS.size16 + BDFDB.disCNS.height20 + BDFDB.disCNS.primary + BDFDB.disCN.weightnormal}" style="flex: 1 1 auto;"></div>
										</div>
										<span class="${BDFDB.disCN.selectarrowzone}">
											<span class="${BDFDB.disCN.selectarrow}"></span>
										</span>
									</div>
								</div>
							</div>
						</div>`).join("")}
						<div class="${BDFDB.disCNS.flex + BDFDB.disCNS.flex2 + BDFDB.disCNS.horizontal + BDFDB.disCNS.horizontal2 + BDFDB.disCNS.directionrow + BDFDB.disCNS.justifystart + BDFDB.disCNS.aligncenter + BDFDB.disCNS.nowrap + BDFDB.disCN.marginbottom8}" style="flex: 1 1 auto;">
							<h3 class="${BDFDB.disCNS.titledefault + BDFDB.disCNS.title + BDFDB.disCNS.marginreset + BDFDB.disCNS.weightmedium + BDFDB.disCNS.size16 + BDFDB.disCNS.height24 + BDFDB.disCN.flexchild}" style="flex: 1 1 auto;">Translate:</h3>
							<div class="${BDFDB.disCNS.flexchild + BDFDB.disCNS.switchenabled + BDFDB.disCNS.switch + BDFDB.disCNS.switchvalue + BDFDB.disCNS.switchsizedefault + BDFDB.disCNS.switchsize + BDFDB.disCNS.switchthemedefault + BDFDB.disCN.switchvalueunchecked}" style="flex: 0 0 auto;">
								<input type="checkbox" class="${BDFDB.disCNS.switchinnerenabled + BDFDB.disCN.switchinner}" id="translating-checkbox">
							</div>
						</div>
						${Object.keys(this.defaults.translators).map((key, i) =>
						`<div class="${BDFDB.disCNS.flex + BDFDB.disCNS.flex2 + BDFDB.disCNS.horizontal + BDFDB.disCNS.horizontal2 + BDFDB.disCNS.directionrow + BDFDB.disCNS.justifystart + BDFDB.disCNS.aligncenter + BDFDB.disCNS.nowrap + BDFDB.disCN.marginbottom8}" style="flex: 1 1 auto;">
							<h3 class="${BDFDB.disCNS.flex + BDFDB.disCNS.justifystart + BDFDB.disCNS.titledefault + BDFDB.disCNS.title + BDFDB.disCNS.marginreset + BDFDB.disCNS.weightmedium + BDFDB.disCNS.size16 + BDFDB.disCNS.height24 + BDFDB.disCN.flexchild}" style="flex: 1 1 auto;">Translator:</h3>
							<h3 class="${BDFDB.disCNS.flex + BDFDB.disCNS.justifystart + BDFDB.disCNS.titledefault + BDFDB.disCNS.title + BDFDB.disCNS.marginreset + BDFDB.disCNS.weightmedium + BDFDB.disCNS.size16 + BDFDB.disCNS.height24 + BDFDB.disCN.flexchild}" style="flex: 1 1 auto;">${this.defaults.translators[key].choice1}</h3>
							<div class="${BDFDB.disCNS.flexchild + BDFDB.disCNS.switchenabled + BDFDB.disCNS.switch + BDFDB.disCNS.switchvalue + BDFDB.disCNS.switchsizedefault + BDFDB.disCNS.switchsize + BDFDB.disCNS.switchthemedefault + BDFDB.disCN.switchvalueunchecked}" style="flex: 0 0 auto;">
								<input type="checkbox" value="translators ${key}" class="${BDFDB.disCNS.switchinnerenabled + BDFDB.disCN.switchinner} settings-switch translators-switch">
							</div>
							<h3 class="${BDFDB.disCNS.flex + BDFDB.disCNS.justifyend + BDFDB.disCNS.titledefault + BDFDB.disCNS.title + BDFDB.disCNS.marginreset + BDFDB.disCNS.weightmedium + BDFDB.disCNS.size16 + BDFDB.disCNS.height24 + BDFDB.disCN.flexchild}" style="flex: 1 1 auto;">${this.defaults.translators[key].choice2}</h3>
						</div>`).join("")}
					</div>
				</div>`;

			this.DeepLTranslateAPI = function () {
				var INPUT, OUTPUT, clearInput, current, domReady, enabled, executeScript, getLanguage, getOutput, langI, langO, setInput, setLanguage, timer, wc, webview;
				var _extends = Object.assign || function (target) {
					for (var i = 1; i < arguments.length; i++) {
						var source = arguments[i];for (var key in source) {
							if (Object.prototype.hasOwnProperty.call(source, key)) {
								target[key] = source[key];
							}
						}
					}return target;
				}
				class DeepLTranslateAPI {
					start() {
						enabled = true;
						webview = document.createElement("webview");
						webview.style.visibility = "hidden";
						webview.id = "wvDeepLTranslateAPI";
						webview.partition = "persist:DeepLTranslateAPI";
						webview.addEventListener("dom-ready", async function () {
							wc = webview.getWebContents();
							webview.setAudioMuted(true);
							domReady = await executeScript(function () {
								var tas = document.querySelectorAll("textarea");
								window["INPUT"] = tas[0];
								window["OUTPUT"] = tas[1];
								return Promise.resolve(true);
							});
						});
						webview.src = "https://www.deepl.com/translator";
						document.body.appendChild(webview);
					}

					stop() {
						enabled = domReady = false;
						// webview.terminate()
						webview.remove();
						if (timer) {
							cancelAnimationFrame(timer);
						}
						if (current != null) {
							current.reject(new Error("DeepLTranslateAPI was stopped."));
						}
						webview = wc = langI = langO = current = timer = null;
					}

					isReady() {
						return domReady;
					}

					translate(text) {
						return new Promise(function (resolve, reject) {
							if (langI === langO) {
								return resolve(text);
							}
							if (!enabled) {
								return reject(new Error("DeepLTranslateAPI is disabled!"));
							}
							if (!domReady) {
								return reject(new Error("DeepL didn't load (yet?)!"));
							}
							if (current != null) {
								current.reject(new Error("Can only translate so much."));
							}
							current = { resolve, reject };
							(async function () {
								var __unchanged__, valueNew, valueOld;
								valueOld = await getOutput();
								({ __unchanged__ } = await setInput(text));
								if (true === __unchanged__) {
									valueOld = void 0;
								}
								if (timer) {
									return;
								}
								// todo: figgure out event based change on output
								while (enabled && valueOld === (valueNew = await getOutput())) {
									await new Promise(function (c) {
										return timer = requestAnimationFrame(c);
									});
								}
								current.resolve(valueNew);
								timer = current = null;
							})();
						});
					}

					setInputLanguage(lang) {
						return setLanguage(true, lang);
					}

					setOutputLanguage(lang) {
						return setLanguage(false, lang);
					}

					getInputLanguage(lang) {
						return getLanguage(true);
					}

					getOutputLanguage(lang) {
						return getLanguage(false);
					}

					clearInput() {
						return clearInput();
					}

				};

				webview = wc = current = timer = null;

				enabled = domReady = false;

				langI = langO = "auto";

				INPUT = "#_ta0#input#DeepLTranslateAPI#";

				OUTPUT = "#_ta1#output#DeepLTranslateAPI#";

				executeScript = function (replace, func) {
					var code, k, v;
					if (!func) {
						func = replace;
						replace = { INPUT, OUTPUT };
					} else {
						replace = _extends({ INPUT, OUTPUT }, replace);
					}
					code = "(" + func.toString() + ")()";
					for (k in replace) {
						v = replace[k];
						if ("string" === typeof v) {
							v = v.split("\n").join("\\n");
							v = v.replace(/[^\w\d\s]/g, "\\$&");
						}
						code = code.split(k).join(v);
					}
					return wc.executeJavaScript(code);
				};

				setInput = function (text) {
					return executeScript({ text }, function () {
						return Promise.resolve(window["INPUT"].value === "text" ? {
							__unchanged__: true
						} : (window["INPUT"].value = "text", window["INPUT"].dispatchEvent(new Event("change")), window["INPUT"].value));
					});
				};

				getOutput = function () {
					return executeScript(function () {
						return Promise.resolve(window["OUTPUT"].value);
					});
				};

				setLanguage = async function (inputOrOutput, lang) {
					if (!domReady) {
						throw new Error("DeepL didn't load (yet?)!");
					}
					lang = !lang || lang === "auto" ? lang : lang.toUpperCase();
					if (!(lang === "DE" || lang === "EN" || lang === "FR" || lang === "ES" || lang === "IT" || lang === "NL" || lang === "PL" || inputOrOutput && "auto" === lang)) {
						throw new Error(`${lang} is not a supported language!`);
					}
					if (inputOrOutput) {
						langI = lang;
					} else {
						if (langI === (langO = lang)) {
							return;
						}
					}
					await executeScript({
						inputOrOutput,
						__lang____: lang
					}, function () {
						document.querySelector(`.lmt__language_select--${inputOrOutput ? "source" : "target"} li[dl-value=__lang____]`).click();
					});
				};

				getLanguage = async function (inputOrOutput) {
					if (!domReady) {
						throw new Error("DeepL didn't load (yet?)!");
					}
					return await executeScript({ inputOrOutput }, function () {
						return Promise.resolve(document.querySelector(`.lmt__language_select--${inputOrOutput ? "source" : "target"}`).getAttribute("dl-value"));
					});
				};

				clearInput = async function () {
					if (!domReady) {
						throw new Error("DeepL didn't load (yet?)!");
					}
					await executeScript(function () {
						document.querySelector(".lmt__clear_text_button").click();
					});
				};

				return DeepLTranslateAPI;
			}.call(this);

			this.css = `
				${BDFDB.dotCN.textareainner} ${BDFDB.dotCN.textareapickerbuttons} {
					height: auto;
				}

				${BDFDB.dotCN.textareainner} .send-button {
					top: calc(50% - 15px);
					right: 9px;
				}

				${BDFDB.dotCN.textareainner} .send-button,
				${BDFDB.dotCN.textareainner} ${BDFDB.dotCN.button} {
					max-height: unset;
				}

				${BDFDB.dotCN.textareabuttonwrapper}.popout-open ${BDFDB.dotCN.textareabutton}.translate-button {
					opacity: 1;
				}

				${BDFDB.dotCN.textareabuttonwrapper + BDFDB.dotCNS.textareabuttonactive + BDFDB.dotCN.textareabutton}.translate-button {
					color: #F04747 !important;
				}

				${BDFDB.dotCNS.textareabuttonwrapper + BDFDB.dotCN.textareabutton}.translate-button ${BDFDB.dotCN.textareaicon} {
					height: 24px;
					width: 24px;
				}

				${BDFDB.dotCN.textareabuttonwrapper}.popout-open ${BDFDB.dotCN.textareabutton}.translate-button ${BDFDB.dotCN.textareaicon} {
					transform: none;
				}

				.reverse-button {
					margin-top: -5px;
					opacity: 0.2;
					transition: all 200ms ease;
				}

				${BDFDB.dotCN.themedark} .reverse-button {
					fill: #fff;
				}

				${BDFDB.dotCN.themelight} .reverse-button {
					fill: #4f545c;
				}
				.reverse-button:hover {
					cursor: pointer;
					opacity: 1;
				}

				${BDFDB.dotCN.popout}.popout-googletranslate ${BDFDB.dotCN.popoutthemedpopout} {
					padding: 0 10px;
					width: 400px;
				}

				${BDFDB.dotCN.selectmenuouter}.inChat {
					top: 0%;
					transform: translateY(-100%);
					border-radius: 4px 4px 0 0;
					margin-top: 1px;
				}`;
		}


		onStart () {
			if (global.BDFDB && global.BDFDB.myPlugins && typeof global.BDFDB.myPlugins == "object") global.BDFDB.myPlugins[this.name] = this;
			var libraryScript = document.querySelector('head script[src="https://mwittrien.github.io/BetterDiscordAddons/Plugins/BDFDB.js"]');
			if (!global.BDFDB || typeof BDFDB != "object" || performance.now() - BDFDB.creationTime > 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", () => {if (global.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) 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) {
				if (this.started) return true;
				BDFDB.loadMessage(this);

				this.GuildUtils = BDFDB.WebModules.findByProperties("getGuilds","getGuild");
				this.ChannelUtils = BDFDB.WebModules.findByProperties("getChannels","getChannel");
				this.LastGuildStore = BDFDB.WebModules.findByProperties("getLastSelectedGuildId");
				this.LastChannelStore = BDFDB.WebModules.findByProperties("getLastSelectedChannelId");

				this.setLanguage();

				BDFDB.WebModules.forceAllUpdates(this);

				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) {
				this.stopDeepL();

				document.querySelectorAll(BDFDB.dotCN.message + ".translated").forEach(message => {
					this.resetMessage(message);
				});

				BDFDB.removeEles(".translate-button-wrapper", ".popout-googletranslate");

				BDFDB.unloadMessage(this);
				return true;
			}
			else {
				return false;
			}
		}


		// begin of own functions

		startDeepL () {
			this.stopDeepL();
			this.DeepLTranslate = new this.DeepLTranslateAPI();
			this.DeepLTranslate.start();
		}

		stopDeepL () {
			if (this.DeepLTranslate && typeof this.DeepLTranslate.stop === "function") this.DeepLTranslate.stop();
			this.DeepLTranslate = undefined;
		}

		changeLanguageStrings () {
			this.messageTranslateContextEntryMarkup = 		this.messageTranslateContextEntryMarkup.replace("REPLACE_context_messagetranslateoption_text", this.labels.context_messagetranslateoption_text);
			this.messageUntranslateContextEntryMarkup = 	this.messageUntranslateContextEntryMarkup.replace("REPLACE_context_messageuntranslateoption_text", this.labels.context_messageuntranslateoption_text);
			this.messageSearchContextEntryMarkup = 			this.messageSearchContextEntryMarkup.replace("REPLACE_context_googletranslateoption_text", this.labels.context_googletranslateoption_text);

			this.popoutTranslateEntryMarkup = 				this.popoutTranslateEntryMarkup.replace("REPLACE_popout_translateoption_text", this.labels.popout_translateoption_text);
			this.popoutUntranslateEntryMarkup = 			this.popoutUntranslateEntryMarkup.replace("REPLACE_popout_untranslateoption_text", this.labels.popout_untranslateoption_text);
		}

		onMessageContextMenu (instance, menu) {
			if (instance.props && instance.props.message && instance.props.channel && instance.props.target && !menu.querySelector(".googletranslateoption-item")) {
				let {messagediv, pos} = this.getMessageAndPos(instance.props.target);
				if (!messagediv || pos == -1) return;
				let pinentry = BDFDB.React.findDOMNodeSafe(BDFDB.getOwnerInstance({node:menu,name:"MessagePinItem"}));
				let messageTranslateContextEntry = BDFDB.htmlToElement(BDFDB.containsClass(messagediv, "translated") ? this.messageUntranslateContextEntryMarkup : this.messageTranslateContextEntryMarkup);
				if (pinentry) pinentry.parentElement.insertBefore(messageTranslateContextEntry, pinentry.nextElementSibling);
				else menu.insertBefore(messageTranslateContextEntry, menu.firstElementChild);
				let translateitem = messageTranslateContextEntry.querySelector(".googletranslateoption-item");
				translateitem.addEventListener("click", () => {
					instance._reactInternalFiber.return.memoizedProps.closeContextMenu();
					this.translateMessage(instance.props.message, instance.props.target, instance.props.channel);
				});
				if (BDFDB.isPluginEnabled("MessageUtilities")) {
					BDFDB.setContextHint(translateitem, BDFDB.Plugins["messageutilities"].getActiveShortcutString("__Translate_Message"));
				}
				let text = document.getSelection().toString();
				if (text) {
					let searchentry = BDFDB.React.findDOMNodeSafe(BDFDB.getOwnerInstance({node:menu,props:["handleSearchWithGoogle"]}));
					if (searchentry) {
						let messageSearchContextEntry = BDFDB.htmlToElement(this.messageSearchContextEntryMarkup);
						searchentry.parentElement.appendChild(messageSearchContextEntry);
						let searchitem = messageSearchContextEntry.querySelector(".googletranslateoption-search-item");
						searchitem.addEventListener("mouseenter", e => {
							this.translateText(text, "context", (translation, input, output) => {
								if (translation) {
									var openGoogleSearch = () => {
										instance._reactInternalFiber.return.memoizedProps.closeContextMenu();
										window.open(this.getGoogleTranslatePageURL(input.id, output.id, text), "_blank");
									};
									searchitem.removeEventListener("click", openGoogleSearch);
									searchitem.addEventListener("click", openGoogleSearch);
									let rects = BDFDB.getRects(searchitem);
									BDFDB.createTooltip(`From ${input.name}:\n${text}\n\nTo ${output.name}:\n${translation}`, searchitem, {type: "right",selector:"googletranslate-tooltip",style:`max-width: ${window.outerWidth - rects.left - rects.width}px !important;`});
								}
							});
						});
					}
				}
			}
		}

		setLanguage () {
			this.languages = Object.assign({},
				{"auto":	{name:"Auto",		id:"auto",		integrated:false,	dic:false,	deepl:true}},
				BDFDB.languages,
				{"binary":	{name:"Binary",		id:"binary",	integrated:false,	dic:false,	deepl:true}}
			);
			if (!BDFDB.getData("useGoogle", this, "translators")) {
				this.languages = BDFDB.filterObject(this.languages, (lang) => {return lang.deepl == true ? lang : null});
				this.startDeepL();
			}
			else this.stopDeepL();
		}

		getLanguageChoice (direction, place) {
			var type = typeof place === "undefined" ? direction : direction.toLowerCase() + place.charAt(0).toUpperCase() + place.slice(1).toLowerCase();
			var choice = BDFDB.getData(type, this, "choices");
			choice = this.languages[choice] ? choice : Object.keys(this.languages)[0];
			choice = type.indexOf("output") > -1 && choice == "auto" ? "en" : choice;
			return choice;
		}

		processChannelTextArea (instance, wrapper) {
			if (instance.props && instance.props.type && instance.props.type == "normal" && !instance.props.disabled && !wrapper.querySelector(".translate-button-wrapper") && BDFDB.getData("addTranslateButton", this, "settings")) {
				let textarea = wrapper.querySelector("textarea");
				if (textarea) {
					var buttoncontainer = wrapper.querySelector(BDFDB.dotCN.textareapickerbuttons);
					if (!buttoncontainer) return;
					var translateButton = BDFDB.htmlToElement(this.translateButtonMarkup);
					translateButton.addEventListener("click", () => {
						this.openTranslatePopout(translateButton);
					});
					translateButton.addEventListener("contextmenu", () => {
						this.translating = !this.translating;
						BDFDB.toggleClass(document.querySelectorAll(BDFDB.dotCNS.textareawrapchat + ".translate-button-wrapper"), BDFDB.disCN.textareabuttonactive, this.translating);
					});
					buttoncontainer.insertBefore(translateButton, buttoncontainer.firstElementChild);
					BDFDB.addClass(translateButton, instance.props.type);
					BDFDB.toggleClass(translateButton, BDFDB.disCN.textareabuttonactive, this.translating);
					BDFDB.addEventListener(this, textarea, "input", () => {
						if (this.doTranslate) {
							this.doTranslate = false;
							if (document.activeElement == textarea) {
								var text = textarea.value;
								textarea.focus();
								textarea.selectionStart = 0;
								textarea.selectionEnd = text.length;
								document.execCommand("insertText", false, "");
								this.translateText(text, "message", (translation, input, output) => {
									translation = !translation ? text : (BDFDB.getData("sendOriginalMessage", this, "settings") ? text + "\n\n" + translation : translation);
									textarea.focus();
									document.execCommand("insertText", false, translation + " ");
									BDFDB.triggerSend(textarea);
								});
							}
						}
					});
					BDFDB.addEventListener(this, textarea, "keydown", e => {
						if (textarea.value && this.translating && !e.shiftKey && e.which == 13 && !wrapper.querySelector(BDFDB.dotCN.autocomplete)) {
							this.doTranslate = true;
							textarea.dispatchEvent(new Event("input"));
						}
					});
				}
			}
		}

		processMessage (instance, wrapper) {  
			if (instance.props && typeof instance.props.renderButtons == "function" && !wrapper.querySelector(BDFDB.dotCN.optionpopoutbutton)) {
				let buttonwrap = wrapper.querySelector(BDFDB.dotCN.messagebuttoncontainer);
				if (buttonwrap) {
					let optionPopoutButton = BDFDB.htmlToElement(`<div class="${BDFDB.disCN.optionpopoutbutton}"></div>`);
					optionPopoutButton.addEventListener("click", () => {BDFDB.createMessageOptionPopout(optionPopoutButton);});
					buttonwrap.appendChild(optionPopoutButton);
				}
			}
		}

		processMessageOptionPopout (instance, wrapper) {
			if (instance.props.message && instance.props.channel && instance._reactInternalFiber.memoizedProps.target && !wrapper.querySelector(".personalpin-itembtn")) {
				let {messagediv, pos} = this.getMessageAndPos(instance._reactInternalFiber.memoizedProps.target);
				if (!messagediv || pos == -1) return;
				let popoutTranslateEntry = BDFDB.htmlToElement(BDFDB.containsClass(messagediv, "translated") ? this.popoutUntranslateEntryMarkup : this.popoutTranslateEntryMarkup);
				wrapper.appendChild(popoutTranslateEntry);
				popoutTranslateEntry.addEventListener("click", () => {
					this.translateMessage(instance.props.message, instance._reactInternalFiber.memoizedProps.target, instance.props.channel);
					instance.props.onClose();
				});
			}
		}

		getMessageAndPos (target) {
			let messagediv = BDFDB.getParentEle(BDFDB.dotCN.message, target);
			let pos = messagediv ? Array.from(messagediv.parentElement.querySelectorAll(BDFDB.dotCN.message)).indexOf(messagediv) : -1;
			return {messagediv, pos};
		}

		translateMessage (message, target, channel) {
			if (!message || !target) return;
			let {messagediv, pos} = this.getMessageAndPos(target);
			if (!messagediv || pos == -1) return;
			channel = channel ? channel : this.ChannelUtils.getChannel(message.channel_id);
			if (!messagediv.querySelector(BDFDB.dotCN.messageedited + ".translated")) {
				var markup = messagediv.querySelector(BDFDB.dotCN.messagemarkup);
				var fakemarkup = markup.cloneNode(true);
				var oldhtml = markup.innerHTML;
				let compactheader = fakemarkup.querySelector(BDFDB.dotCN.messageheadercompact);
				if (compactheader) compactheader.remove();
				this.translateText(fakemarkup.innerHTML, "context", (translation, input, output) => {
					if (translation) {
						markup.GoogleTranslateOriginalHTML = oldhtml;
						markup.innerHTML = (compactheader ? "<label></label>" : "") + translation.replace(/\n/g, "DevilBroBDFDBPlacerHolderN").replace(/\s/g, " ").replace(/DevilBroBDFDBPlacerHolderN/g, "\n").replace(/ *([<>]) */g, "$1");
						let translatestamp = BDFDB.htmlToElement(`<time class="${BDFDB.disCN.messageedited} translated">(${this.labels.translated_watermark_text})</time>`);
						translatestamp.addEventListener("mouseenter", () => {
							BDFDB.createTooltip(`<div>From: ${input.name}</div><div>To: ${output.name}</div>`, translatestamp, {html:true, type:"top", selector:"translation-tooltip"});
						});
						markup.appendChild(translatestamp);
						BDFDB.addClass(messagediv, "translated");
						if (compactheader) markup.insertBefore(compactheader, markup.firstElementChild);
					}
				});
			}
			else this.resetMessage(messagediv);
		}

		resetMessage (messagediv) {
			BDFDB.removeEles(messagediv.querySelector(BDFDB.dotCN.messageedited + ".translated"));
			BDFDB.removeClass(messagediv, "translated");
			let markup = messagediv.querySelector(BDFDB.dotCN.messagemarkup);
			markup.innerHTML = markup.GoogleTranslateOriginalHTML;
			delete markup.GoogleTranslateOriginalHTML;
		}

		translateText (text, type, callback) {
			var finishTranslation = (translation, exceptions, input, output, toast) => {
				if (translation) translation = this.addExceptions(translation, exceptions);
				clearInterval(toast.interval);
				toast.close();
				callback(translation, input, output);
			};
			var [newtext, exceptions, translate] = this.removeExceptions(text.trim(), type);
			var input = Object.assign({}, this.languages[this.getLanguageChoice("input", type)]);
			var output = Object.assign({}, this.languages[this.getLanguageChoice("output", type)]);
			var translation = "";
			if (translate) {
				var toast = BDFDB.showToast("Translating. Please wait", {timeout:0});
				toast.interval = setInterval(() => {
					toast.textContent = toast.textContent.indexOf(".....") > -1 ? "Translating. Please wait" : toast.textContent + ".";
				},500);
				if (input.id == "binary" || output.id == "binary") {
					if (input.id == "binary" && output.id != "binary") 			translation = this.binary2string(newtext);
					else if (input.id != "binary" && output.id == "binary") 	translation = this.string2binary(newtext);
					else if (input.id == "binary" && output.id == "binary") 	translation = newtext;
					finishTranslation(translation, exceptions, input, output, toast);
				}
				else {
					if (BDFDB.getData("useGoogle", this, "translators")) {
						require("request")(this.getGoogleTranslateApiURL(input.id, output.id, newtext), (error, response, result) => {
							if (!error && result) {
								result = JSON.parse(result);
								result[0].forEach((array) => {translation += array[0];});
								if (this.languages[result[2]]) input.name = this.languages[result[2]].name;
								finishTranslation(translation, exceptions, input, output, toast);
							}
						});
					}
					else {
						this.DeepLTranslate.setInputLanguage(input.id);
						this.DeepLTranslate.setOutputLanguage(output.id);
						this.DeepLTranslate.translate(newtext).then((translation) => {
							if (newtext.lastIndexOf(".") != newtext.length-1 && translation.lastIndexOf(".") == translation.length-1) translation = translation.slice(0,-1);
							finishTranslation(translation, exceptions, input, output, toast);
						});
					}
				}
			}
			else {
				translation = text;
				finishTranslation(translation, exceptions, input, output, toast);
			}
		}

		addExceptions (string, exceptions) {
			for (let i in exceptions) string = string.replace("a" + i + "_______", exceptions[i].indexOf("!") == 0 ? exceptions[i].slice(1) : exceptions[i]);
			return string;
		}

		removeExceptions (string, type) {
			var exceptions = {}, newString = [], count = 0;
			if (type == "context") {
				let text = [], i = 0;
				string.split("").forEach(chara => { 
					if (chara == "<" && text[i]) i++;
					text[i] = text[i] ? text[i] + chara : chara; 
					if (chara == ">") i++;
				});
				for (let j in text) {
					if (text[j].indexOf("<") == 0) {
						newString.push("a" + count + "_______");
						exceptions[count] = text[j];
						count++;
					}
					else newString.push(text[j]);
				}
			}
			else {
				string.split(" ").forEach(word => {
					if (word.indexOf("<@!") == 0 || word.indexOf(":") == 0 || word.indexOf("@") == 0 || word.indexOf("#") == 0 || (word.indexOf("!") == 0 && word.length > 1)) {
						newString.push("a" + count + "_______");
						exceptions[count] = word;
						count++;
					}
					else newString.push(word);
				});
			}
			return [newString.join(" "), exceptions, newString.length-count != 0];
		}

		openTranslatePopout (button) {
			let container = document.querySelector(BDFDB.dotCN.popouts);
			if (!container || BDFDB.containsClass(button, "popout-open")) return;
			BDFDB.addClass(button, "popout-open");
			let translatepopout = BDFDB.htmlToElement(this.translatePopoutMarkup);
			container.appendChild(translatepopout);
			let buttonrects = BDFDB.getRects(button); 
			translatepopout.style.setProperty("left", buttonrects.left + buttonrects.width + "px");
			translatepopout.style.setProperty("top", buttonrects.top - buttonrects.height/2 + "px")

			BDFDB.addChildEventListener(translatepopout, "click", BDFDB.dotCN.selectcontrol, e => {this.openDropdownMenu("inChat", e);});
			BDFDB.addChildEventListener(translatepopout, "click", ".reverse-button", e => {
				let place = e.currentTarget.getAttribute("type").replace("output","");
				let input = this.getLanguageChoice("output", place);
				let output = this.getLanguageChoice("input", place);
				output = output == "auto" ? "en" : output;
				let inputselect = translatepopout.querySelector(BDFDB.dotCN.select + "[type='input" + place + "']");
				let outputselect = translatepopout.querySelector(BDFDB.dotCN.select + "[type='output" + place + "']");
				inputselect.setAttribute("value", input);
				inputselect.querySelector(BDFDB.dotCN.title).innerText = this.languages[input].name;
				outputselect.setAttribute("value", output);
				outputselect.querySelector(BDFDB.dotCN.title).innerText = this.languages[output].name;
				BDFDB.saveData("input" + place, input, this, "choices");
				BDFDB.saveData("output" + place, output, this, "choices");
			});

			translatepopout.querySelectorAll(BDFDB.dotCN.select).forEach(selectWrap => {
				let language = this.getLanguageChoice(selectWrap.getAttribute("type"));
				selectWrap.setAttribute("value", language);
				selectWrap.querySelector(BDFDB.dotCN.title).innerText = this.languages[language].name;
			});

			var translatecheckbox = translatepopout.querySelector("#translating-checkbox");
			translatecheckbox.checked = this.translating;
			translatecheckbox.addEventListener("click", () => {
				BDFDB.toggleClass(button, BDFDB.disCN.textareabuttonactive, translatecheckbox.checked);
				this.translating = translatecheckbox.checked;
			});

			var translators = BDFDB.getAllData(this, "translators");
			translatepopout.querySelectorAll(".translators-switch").forEach(translatorcheckbox => {
				translatorcheckbox.checked = translators[translatorcheckbox.value.split(" ")[1]];
				translatorcheckbox.addEventListener("click", () => {
					document.removeEventListener("mousedown", removePopout);
					translatepopout.remove();
					BDFDB.removeClass(button, "popout-open");
					setImmediate(() => {this.openTranslatePopout(button);});
				});
			});

			var removePopout = e => {
				if (!translatepopout.contains(e.target)) {
					document.removeEventListener("mousedown", removePopout);
					translatepopout.remove();
					setTimeout(() => {BDFDB.removeClass(button, "popout-open");},300);
				}
			};
			document.addEventListener("mousedown", removePopout);

			BDFDB.initElements(translatepopout, this);
		}

		openDropdownMenu (selector, e) {
			let selectControl = e.currentTarget;
			let selectWrap = selectControl.parentElement;
			let plugincard = selector == "inSettings" ? BDFDB.getParentEle("li", selectWrap) : document.createElement("div");

			if (!plugincard || BDFDB.containsClass(selectWrap, BDFDB.disCN.selectisopen)) return;

			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);
			BDFDB.addClass(selectMenu, selector);
			selectWrap.appendChild(selectMenu);

			BDFDB.addChildEventListener(selectMenu, "mousedown", BDFDB.dotCN.selectoption, e2 => {
				var language = e2.currentTarget.getAttribute("value");
				selectWrap.setAttribute("value", language);
				selectControl.querySelector(BDFDB.dotCN.title).innerText = this.languages[language].name;
				BDFDB.saveData(type, language, this, "choices");
			});

			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 = `<div class="${BDFDB.disCN.selectmenuouter}"><div class="${BDFDB.disCN.selectmenu}">`;
			for (var key in this.languages) {
				if (this.defaults.choices[type].direction == "Output" && key == "auto") continue;
				var isSelected = key == choice ? ` ${BDFDB.disCN.selectselected}` : ``;
				menuhtml += `<div value="${key}" class="${BDFDB.disCNS.flex + BDFDB.disCNS.flex2 + BDFDB.disCNS.horizontal + BDFDB.disCNS.horizontal2 + BDFDB.disCNS.directionrow + BDFDB.disCNS.justifystart + BDFDB.disCNS.alignbaseline + BDFDB.disCNS.nowrap + BDFDB.disCN.selectoption + isSelected}" style="flex: 1 1 auto; display:flex;"><div class="${BDFDB.disCNS.title + BDFDB.disCNS.medium + BDFDB.disCNS.size16 + BDFDB.disCNS.height20 + BDFDB.disCNS.primary + BDFDB.disCN.weightnormal}" style="flex: 1 1 42%;">${this.languages[key].name}</div></div>`
			}
			menuhtml += `</div></div>`;
			return BDFDB.htmlToElement(menuhtml);
		}

		string2binary (string) {
			var binary = "";
			for (var character of string) binary += parseInt(character.charCodeAt(0).toString(2)).toPrecision(8).split(".").reverse().join("").toString() + " ";
			return binary;
		}

		binary2string (binary) {
			var string = "";
			binary = binary.replace(new RegExp(" ", "g"), "");
			if (/^[0-1]*$/.test(binary)) {
				var eightdigits = "";
				var counter = 0;
				for (var digit of binary) {
					eightdigits += digit;
					counter++;
					if (counter > 7) {
						string += String.fromCharCode(parseInt(eightdigits,2).toString(10));
						eightdigits = "";
						counter = 0;
					}
				}
			}
			else {
				BDFDB.showToast("Invalid binary format. Only use 0s and 1s.", {type:"error"});
			}
			return string;
		}

		getGoogleTranslateApiURL (input, output, text) {
			return "https://translate.googleapis.com/translate_a/single?client=gtx&sl=" + input + "&tl=" + output + "&dt=t&ie=UTF-8&oe=UTF-8&q=" + encodeURIComponent(text);
		}

		getGoogleTranslatePageURL (input, output, text) {
			return "https://translate.google.com/#" + input + "/" + output + "/" + encodeURIComponent(text);
		}

		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 = `<div class="${this.name}-settings DevilBro-settings"><div class="${BDFDB.disCNS.titledefault + BDFDB.disCNS.title + BDFDB.disCNS.size18 + BDFDB.disCNS.height24 + BDFDB.disCNS.weightnormal + BDFDB.disCN.marginbottom8}">${this.name}</div><div class="DevilBro-settings-inner">`;
			for (let key in choices) {
				let choice = this.getLanguageChoice(key);
				settingshtml += `<h3 class="${BDFDB.disCNS.titledefault + BDFDB.disCNS.title + BDFDB.disCNS.weightmedium + BDFDB.disCNS.size16 + BDFDB.disCN.flexchild} marginBottom8-1mABJ4 marginTop8-2gOa2N" style="flex: 1 1 auto;">${this.defaults.choices[key].description}</h3><div class="ui-form-item ${BDFDB.disCNS.flex + BDFDB.disCNS.flex2 + BDFDB.disCNS.horizontal + BDFDB.disCNS.horizontal2 + BDFDB.disCNS.directionrow + BDFDB.disCNS.justifystart + BDFDB.disCNS.aligncenter + BDFDB.disCNS.nowrap + BDFDB.disCN.marginbottom8}" style="flex: 1 1 auto;"><div class="${BDFDB.disCN.selectwrap}" style="flex: 1 1 auto;"><div class="${BDFDB.disCNS.select + BDFDB.disCNS.selectsingle + BDFDB.disCN.selecthasvalue}" type="${key}" value="${choice}"><div class="${BDFDB.disCN.selectcontrol}"><div class="${BDFDB.disCNS.flex + BDFDB.disCNS.flex2 + BDFDB.disCNS.horizontal + BDFDB.disCNS.horizontal2 + BDFDB.disCNS.directionrow + BDFDB.disCNS.justifystart + BDFDB.disCNS.alignbaseline + BDFDB.disCNS.nowrap + BDFDB.disCN.selectvalue}" style="flex: 1 1 auto;"><div class="${BDFDB.disCNS.title + BDFDB.disCNS.medium + BDFDB.disCNS.size16 + BDFDB.disCNS.height20 + BDFDB.disCNS.primary + BDFDB.disCN.weightnormal}" style="padding:0;">${this.languages[choice].name}</div></div><span class="${BDFDB.disCN.selectarrowzone}"><span class="${BDFDB.disCN.selectarrow}"></span></span></div></div></div></div>`
			}
			for (let key in settings) {
				settingshtml += `<div class="${BDFDB.disCNS.flex + BDFDB.disCNS.flex2 + BDFDB.disCNS.horizontal + BDFDB.disCNS.horizontal2 + BDFDB.disCNS.directionrow + BDFDB.disCNS.justifystart + BDFDB.disCNS.aligncenter + BDFDB.disCNS.nowrap + BDFDB.disCN.marginbottom8}" style="flex: 1 1 auto;"><h3 class="${BDFDB.disCNS.titledefault + BDFDB.disCNS.title + BDFDB.disCNS.marginreset + BDFDB.disCNS.weightmedium + BDFDB.disCNS.size16 + BDFDB.disCNS.height24 + BDFDB.disCN.flexchild}" style="flex: 1 1 auto;">${this.defaults.settings[key].description}</h3><div class="${BDFDB.disCNS.flexchild + BDFDB.disCNS.switchenabled + BDFDB.disCNS.switch + BDFDB.disCNS.switchvalue + BDFDB.disCNS.switchsizedefault + BDFDB.disCNS.switchsize + BDFDB.disCN.switchthemedefault}" style="flex: 0 0 auto;"><input type="checkbox" value="settings ${key}" class="${BDFDB.disCNS.switchinnerenabled + BDFDB.disCN.switchinner} settings-switch"${settings[key] ? " checked" : ""}></div></div>`;
			}
			for (let key in translators) {
				settingshtml += `<div class="${BDFDB.disCNS.flex + BDFDB.disCNS.flex2 + BDFDB.disCNS.horizontal + BDFDB.disCNS.horizontal2 + BDFDB.disCNS.directionrow + BDFDB.disCNS.justifystart + BDFDB.disCNS.aligncenter + BDFDB.disCNS.nowrap + BDFDB.disCN.marginbottom8}" style="flex: 1 1 auto;"><h3 class="${BDFDB.disCNS.flex + BDFDB.disCNS.justifystart + BDFDB.disCNS.titledefault + BDFDB.disCNS.title + BDFDB.disCNS.marginreset + BDFDB.disCNS.weightmedium + BDFDB.disCNS.size16 + BDFDB.disCNS.height24 + BDFDB.disCN.flexchild}" style="flex: 1 1 auto;">Translator:</h3><h3 class="${BDFDB.disCNS.flex + BDFDB.disCNS.justifystart + BDFDB.disCNS.titledefault + BDFDB.disCNS.title + BDFDB.disCNS.marginreset + BDFDB.disCNS.weightmedium + BDFDB.disCNS.size16 + BDFDB.disCNS.height24 + BDFDB.disCN.flexchild}" style="flex: 1 1 auto;">${this.defaults.translators[key].choice1}</h3><div class="${BDFDB.disCNS.flexchild + BDFDB.disCNS.switchenabled + BDFDB.disCNS.switch + BDFDB.disCNS.switchvalue + BDFDB.disCNS.switchsizedefault + BDFDB.disCNS.switchsize + BDFDB.disCN.switchthemedefault}" style="flex: 0 0 auto;"><input type="checkbox" value="translators ${key}" class="${BDFDB.disCNS.switchinnerenabled + BDFDB.disCN.switchinner} settings-switch translators-switch"${translators[key] ? " checked" : ""}></div><h3 class="${BDFDB.disCNS.flex + BDFDB.disCNS.justifyend + BDFDB.disCNS.titledefault + BDFDB.disCNS.title + BDFDB.disCNS.marginreset + BDFDB.disCNS.weightmedium + BDFDB.disCNS.size16 + BDFDB.disCNS.height24 + BDFDB.disCN.flexchild}" style="flex: 1 1 auto;">${this.defaults.translators[key].choice2}</h3></div>`;
			}
			settingshtml += `</div></div>`;

			let settingspanel = BDFDB.htmlToElement(settingshtml);

			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:			"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:	"Tradurre il messaggio",
						context_messageuntranslateoption_text:	"Tradurre il messaggio indietro",
						context_googletranslateoption_text:		"Cerca la traduzione",
						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:			"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:			"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:			"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řeposlat zprávu",
						context_messageuntranslateoption_text:	"Přeposlat zprávu zpátky",
						context_googletranslateoption_text:		"Hledat překlad",
						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_messageuntranslateoption_text:	"Преведете съобщението обратно",
						context_googletranslateoption_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_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_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"
					};
			}
		}
	}
};