//META{"name":"EmojiStatistics","website":"https://github.com/mwittrien/BetterDiscordAddons/tree/master/Plugins/EmojiStatistics","source":"https://raw.githubusercontent.com/mwittrien/BetterDiscordAddons/master/Plugins/EmojiStatistics/EmojiStatistics.plugin.js"}*//

class EmojiStatistics {
	getName () {return "EmojiStatistics";}

	getVersion () {return "2.8.7";}

	getAuthor () {return "DevilBro";}

	getDescription () {return "Adds some helpful options to show you more information about emojis and emojiservers.";}

	constructor () {
		this.changelog = {
			"improved":[["New Library Structure & React","Restructured my Library and switched to React rendering instead of DOM manipulation"]]
		};

		this.patchModules = {
			EmojiPicker: "render" 
		};
	}

	initConstructor () {
		this.css = `
			.${this.name}-table .icon-cell {
				justify-content: center;
				width: 48px;
				padding: 0;
			}
			.${this.name}-table .name-cell {
				width: 300px;
			}
			.${this.name}-table .amount-cell {
				width: 120px;
			}

			.emojistatistics-button {
				width: 28px;
				height: 28px;
				margin-right: 12px;
				cursor: pointer;
			}
			.emojistatistics-button ${BDFDB.dotCN.emojipickeritem} {
				padding: 4px;
				flex-shrink: 0;
				width: 22px;
				height: 22px;
				background-repeat: no-repeat;
				background-position: 50%;
				background-size: 22px 22px;
				cursor: pointer;
			}`;

		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, 	min:0,	description:"Tooltip delay in millisec:"}
			}
		};
	}

	getSettingsPanel () {
		if (!global.BDFDB || typeof BDFDB != "object" || !BDFDB.loaded || !this.started) return;
		let settings = BDFDB.DataUtils.get(this, "settings");
		let amounts = BDFDB.DataUtils.get(this, "amounts");
		let settingsitems = [], inneritems = [];
		
		for (let key in settings) settingsitems.push(BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SettingsSaveItem, {
			className: BDFDB.disCN.marginbottom8,
			type: "Switch",
			plugin: this,
			keys: ["settings", key],
			label: this.defaults.settings[key].description,
			value: settings[key]
		}));
		
		settingsitems.push(BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.FormComponents.FormDivider, {
			className: BDFDB.disCN.marginbottom8
		}));
		
		for (let key in amounts) settingsitems.push(BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SettingsSaveItem, {
			className: BDFDB.disCN.marginbottom8,
			type: "TextInput",
			childType: "number",
			plugin: this,
			keys: ["amounts", key],
			label: this.defaults.amounts[key].description,
			basis: "50%",
			min: this.defaults.amounts[key].min,
			max: this.defaults.amounts[key].max,
			value: amounts[key]
		}));
		
		return BDFDB.PluginUtils.createSettingsPanel(this, settingsitems);
	}

	//legacy
	load () {}

	start () {
		if (!global.BDFDB) global.BDFDB = {myPlugins:{}};
		if (global.BDFDB && global.BDFDB.myPlugins && typeof global.BDFDB.myPlugins == "object") global.BDFDB.myPlugins[this.getName()] = this;
		var libraryScript = document.querySelector('head script#BDFDBLibraryScript');
		if (!libraryScript || (performance.now() - libraryScript.getAttribute("date")) > 600000) {
			if (libraryScript) libraryScript.remove();
			libraryScript = document.createElement("script");
			libraryScript.setAttribute("id", "BDFDBLibraryScript");
			libraryScript.setAttribute("type", "text/javascript");
			libraryScript.setAttribute("src", "https://mwittrien.github.io/BetterDiscordAddons/Plugins/BDFDB.min.js");
			libraryScript.setAttribute("date", performance.now());
			libraryScript.addEventListener("load", () => {this.initialize();});
			document.head.appendChild(libraryScript);
		}
		else if (global.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) this.initialize();
		this.startTimeout = setTimeout(() => {
			try {return this.initialize();}
			catch (err) {console.error(`%c[${this.getName()}]%c`, "color: #3a71c1; font-weight: 700;", "", "Fatal Error: Could not initiate plugin! " + err);}
		}, 30000);
	}

	initialize () {
		if (global.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) {
			if (this.started) return;
			BDFDB.PluginUtils.init(this);
			
			BDFDB.ModuleUtils.forceAllUpdates(this);
		}
		else console.error(`%c[${this.getName()}]%c`, "color: #3a71c1; font-weight: 700;", "", "Fatal Error: Could not load BD functions!");
	}

	stop () {
		if (global.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) {
			this.stopping = true;

			BDFDB.ModuleUtils.forceAllUpdates(this);
			
			BDFDB.PluginUtils.clear(this);
		}
	}


	// begin of own functions

	processEmojiPicker (e) {
		if (this.stopping) return;
		this.loadEmojiList();
		let settings = BDFDB.DataUtils.get(this, "settings");
		if (settings.enableEmojiStatisticsButton) {
			let [children, index] = BDFDB.ReactUtils.findChildren(e.returnvalue, {name:"DiversitySelector"});
			if (index > -1) children.push(BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.TooltipContainer, {
				text: "Emoji Statistics",
				children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Clickable, {
					className: "emojistatistics-button",
					children: BDFDB.ReactUtils.createElement("div", {
						className: BDFDB.disCN.emojipickeritem,
						style: {
							backgroundImage: "url(/assets/5e9d1e5a1536cf6e2fcaf05f3eaf64dc.svg)"
						}
					})
				}),
				onClick: _ => {
					this.showEmojiInformationModal();
					e.instance.props.closePopout();
				}
			}));
		}
		if (settings.enableEmojiHovering) {
			let delay = BDFDB.DataUtils.get(this, "amounts", "hoverDelay");
			let [children, index] = BDFDB.ReactUtils.findChildren(e.returnvalue, {name:"LazyScroller"});
			if (index > -1) for (let row of children[index].props.children) if (row.props.className && row.props.className.indexOf(BDFDB.disCN.emojipickerrow) > -1) for (let i in row.props.children) {
				let emoji = row.props.children[i];
				let style = emoji.props.children ? emoji.props.children.props.style : emoji.props.style;
				let data = style && style.backgroundImage && this.emojiToServerList[style.backgroundImage.replace(/url\(|\)|"|'/g,"")];
				if (data) row.props.children[i] = BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.TooltipContainer, {
					text: `${BDFDB.StringUtils.htmlEscape(data.emoji)}\n${BDFDB.StringUtils.htmlEscape(data.server)}`,
					tooltipConfig: {
						type: "right",
						delay: delay
					},
					children: emoji
				});
			}
		}
	}

	loadEmojiList () {
		this.emojiReplicaList = {};
		this.emojiToServerList = {};
		let guilds = BDFDB.LibraryModules.GuildStore.getGuilds();
		for (let id in guilds) {
			for (let emoji of BDFDB.LibraryModules.GuildEmojiStore.getGuildEmoji(id)) {
				this.emojiToServerList[emoji.url] = {emoji:emoji.allNamesString, server:guilds[id].name};
				if (emoji.managed) this.emojiReplicaList[emoji.name] = this.emojiReplicaList[emoji.name] != undefined;
			}
		}
	}
	
	showEmojiInformationModal () {
		BDFDB.ModalUtils.open(this, {
			size: "LARGE",
			header: this.labels.modal_header_text,
			children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Table, {
				className: `${this.name}-table`,
				stickyHeader: true,
				sortData: false,
				columns: [{key:"icon", sortkey:"index", cell:"icon"}, {key:"name", cell:"name"}, {key:"total", cell:"amount", reverse:true}, {key:"global", cell:"amount", reverse:true}, {key:"local", cell:"amount", reverse:true}, {key:"copies", cell:"amount", reverse:true}].map(data => {return {
					key: data.sortkey || data.key,
					sort: true,
					reverse: data.reverse,
					cellClassName: `${data.cell}-cell`,
					renderHeader: _ => {
						return this.labels[`modal_titles${data.key}_text`]
					},
					render: guilddata => {
						if (data.key == "icon") return BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.GuildComponents.Guild, {
							guild: guilddata[data.key],
							menu: false,
							tooltip: false
						});
						else if (data.key == "name") return BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.TextScroller, {
							children: guilddata[data.key]
						});
						else return guilddata[data.key]
					}
				}}),
				data: BDFDB.GuildUtils.getAll().map((info, i) => {
					let data = {
						index: i,
						icon: info,
						name: info.name,
						global: 0,
						local: 0,
						copies: 0
					}
					for (let emoji of BDFDB.LibraryModules.GuildEmojiStore.getGuildEmoji(info.id)) {
						if (emoji.managed) {
							data.global++;
							if (this.emojiReplicaList[emoji.name]) data.copies++;
						}
						else data.local++;
					}
					data.total = data.global + data.local;
					return data;
				})
			})
		});
	}

	setLabelsByLanguage () {
		switch (BDFDB.LanguageUtils.getLanguage().id) {
			case "hr":		//croatian
				return {
					modal_header_text:						"Statistike o emojima",
					modal_titlesicon_text:					"Ikona",
					modal_titlesname_text:					"Naziv poslužitelja",
					modal_titlestotal_text:					"Cjelokupni",
					modal_titlesglobal_text:				"Globalno",
					modal_titleslocal_text:					"Kokalne",
					modal_titlescopies_text:				"Kopije"
				};
			case "da":		//danish
				return {
					modal_header_text:						"Statistikker af emojis",
					modal_titlesicon_text:					"Icon",
					modal_titlesname_text:					"Servernavn",
					modal_titlestotal_text:					"Total",
					modal_titlesglobal_text:				"Global",
					modal_titleslocal_text:					"Lokal",
					modal_titlescopies_text:				"Copies"
				};
			case "de":		//german
				return {
					modal_header_text:						"Statistiken über Emojis",
					modal_titlesicon_text:					"Icon",
					modal_titlesname_text:					"Servername",
					modal_titlestotal_text:					"Gesamt",
					modal_titlesglobal_text:				"Global",
					modal_titleslocal_text:					"Lokal",
					modal_titlescopies_text:				"Kopien"
				};
			case "es":		//spanish
				return {
					modal_header_text:						"Estadísticas de emojis",
					modal_titlesicon_text:					"Icono",
					modal_titlesname_text:					"Nombre del servidor",
					modal_titlestotal_text:					"Total",
					modal_titlesglobal_text:				"Global",
					modal_titleslocal_text:					"Local",
					modal_titlescopies_text:				"Copias"
				};
			case "fr":		//french
				return {
					modal_header_text:						"Statistiques des emojis",
					modal_titlesicon_text:					"Icône",
					modal_titlesname_text:					"Nom du serveur",
					modal_titlestotal_text:					"Total",
					modal_titlesglobal_text:				"Global",
					modal_titleslocal_text:					"Local",
					modal_titlescopies_text:				"Copies"
				};
			case "it":		//italian
				return {
					modal_header_text:						"Statistiche di emojis",
					modal_titlesicon_text:					"Icona",
					modal_titlesname_text:					"Nome del server",
					modal_titlestotal_text:					"Totale",
					modal_titlesglobal_text:				"Globale",
					modal_titleslocal_text:					"Locale",
					modal_titlescopies_text:				"Copie"
				};
			case "nl":		//dutch
				return {
					modal_header_text:						"Statistieken van emojis",
					modal_titlesicon_text:					"Icoon",
					modal_titlesname_text:					"Servernaam",
					modal_titlestotal_text:					"Totaal",
					modal_titlesglobal_text:				"Globaal",
					modal_titleslocal_text:					"Lokaal",
					modal_titlescopies_text:				"Kopieën"
				};
			case "no":		//norwegian
				return {
					modal_header_text:						"Statistikk av emojis",
					modal_titlesicon_text:					"Ikon",
					modal_titlesname_text:					"Servernavn",
					modal_titlestotal_text:					"Total",
					modal_titlesglobal_text:				"Global",
					modal_titleslocal_text:					"Lokal",
					modal_titlescopies_text:				"Kopier"
				};
			case "pl":		//polish
				return {
					modal_header_text:						"Statystyki emoji",
					modal_titlesicon_text:					"Ikona",
					modal_titlesname_text:					"Nazwa",
					modal_titlestotal_text:					"Całkowity",
					modal_titlesglobal_text:				"Światowy",
					modal_titleslocal_text:					"Lokalny",
					modal_titlescopies_text:				"Kopie"
				};
			case "pt-BR":	//portuguese (brazil)
				return {
					modal_header_text:						"Estatísticas de emojis",
					modal_titlesicon_text:					"Ícone",
					modal_titlesname_text:					"Nome do servidor",
					modal_titlestotal_text:					"Total",
					modal_titlesglobal_text:				"Global",
					modal_titleslocal_text:					"Local",
					modal_titlescopies_text:				"Cópias"
				};
			case "fi":		//finnish
				return {
					modal_header_text:						"Tilastot emojista",
					modal_titlesicon_text:					"Ikoni",
					modal_titlesname_text:					"Palvelimen nimi",
					modal_titlestotal_text:					"Koko",
					modal_titlesglobal_text:				"Globaali",
					modal_titleslocal_text:					"Paikallinen",
					modal_titlescopies_text:				"Kopiot"
				};
			case "sv":		//swedish
				return {
					modal_header_text:						"Statistik för emojis",
					modal_titlesicon_text:					"Ikon",
					modal_titlesname_text:					"Servernamn",
					modal_titlestotal_text:					"Total",
					modal_titlesglobal_text:				"Global",
					modal_titleslocal_text:					"Lokal",
					modal_titlescopies_text:				"Kopior"
				};
			case "tr":		//turkish
				return {
					modal_header_text:						"Emojis istatistikleri",
					modal_titlesicon_text:					"Icon",
					modal_titlesname_text:					"Sunucuadı",
					modal_titlestotal_text:					"Toplam",
					modal_titlesglobal_text:				"Global",
					modal_titleslocal_text:					"Yerel",
					modal_titlescopies_text:				"Kopya"
				};
			case "cs":		//czech
				return {
					modal_header_text:						"Statistiky emojis",
					modal_titlesicon_text:					"Ikona",
					modal_titlesname_text:					"Název serveru",
					modal_titlestotal_text:					"Celkový",
					modal_titlesglobal_text:				"Globální",
					modal_titleslocal_text:					"Místní",
					modal_titlescopies_text:				"Kopie"
				};
			case "bg":		//bulgarian
				return {
					modal_header_text:						"Статистика на емотис",
					modal_titlesicon_text:					"Икона",
					modal_titlesname_text:					"Име на сървъра",
					modal_titlestotal_text:					"Oбщо",
					modal_titlesglobal_text:				"Cветовен",
					modal_titleslocal_text:					"Mестен",
					modal_titlescopies_text:				"Копия"
				};
			case "ru":		//russian
				return {
					modal_header_text:						"Статистика emojis",
					modal_titlesicon_text:					"Значок",
					modal_titlesname_text:					"Имя сервера",
					modal_titlestotal_text:					"Всего",
					modal_titlesglobal_text:				"Mировой",
					modal_titleslocal_text:					"Местный",
					modal_titlescopies_text:				"Копии"
				};
			case "uk":		//ukrainian
				return {
					modal_header_text:						"Статистика емідій",
					modal_titlesicon_text:					"Ікона",
					modal_titlesname_text:					"Ім'я сервера",
					modal_titlestotal_text:					"Всього",
					modal_titlesglobal_text:				"Cвітовий",
					modal_titleslocal_text:					"Місцевий",
					modal_titlescopies_text:				"Копії"
				};
			case "ja":		//japanese
				return {
					modal_header_text:						"エモジスの統計",
					modal_titlesicon_text:					"アイコン",
					modal_titlesname_text:					"サーバーの名前",
					modal_titlestotal_text:					"合計",
					modal_titlesglobal_text:				"グローバル",
					modal_titleslocal_text:					"地元",
					modal_titlescopies_text:				"コピー"
				};
			case "zh-TW":	//chinese (traditional)
				return {
					modal_header_text:						"表情統計",
					modal_titlesicon_text:					"圖標",
					modal_titlesname_text:					"服務器名稱",
					modal_titlestotal_text:					"總",
					modal_titlesglobal_text:				"全球",
					modal_titleslocal_text:					"本地",
					modal_titlescopies_text:				"副本"
				};
			case "ko":		//korean
				return {
					modal_header_text:						"그림 이모티콘의 통계",
					modal_titlesicon_text:					"상",
					modal_titlesname_text:					"서버 이름",
					modal_titlestotal_text:					"합계",
					modal_titlesglobal_text:				"글로벌",
					modal_titleslocal_text:					"지방의",
					modal_titlescopies_text:				"사본"
				};
			default:		//default: english
				return {
					modal_header_text:						"Statistics of emojis",
					modal_titlesicon_text:					"Icon",
					modal_titlesname_text:					"Servername",
					modal_titlestotal_text:					"Total",
					modal_titlesglobal_text:				"Global",
					modal_titleslocal_text:					"Local",
					modal_titlescopies_text:				"Copies"
				};
		}
	}
}