User:MonkeysHK/common.js

/* jshint esversion: 5, forin: true, immed: true, indent: 4, latedef: true, newcap: true, noarg: true, undef: true, undef: true, unused: true, browser: true, jquery: true, onevar: true, eqeqeq: true, multistr: true, maxerr: 999999, -W082, -W084 /* global mw, ace */

$.when(	$.Deferred(function(def) { $(function {			def.resolve;		}); }),	mw.loader.using(["mediawiki.util", "mediawiki.api", "ext.codeEditor.ace"]),	$.Deferred(function(def) { if (mw.libs.QDmodal) { def.resolve(mw.libs.QDmodal); } else { $.ajax({				cache: true,				dataType: "script",				url: "https://dev.fandom.com/load.php?mode=articles&only=scripts&articles=MediaWiki:QDmodal.js"			}).done(function {				def.resolve(mw.libs.QDmodal);			}); }	}) ).then(function {	// Pages	var allowedPages = [		"Module:Inventory_slot/Tooltips",		"Module:Inventory_slot/Test", // used only when testing with user script	];	if (!allowedPages.includes(mw.config.get("wgPageName")) || (window.TooltipsEditor && window.TooltipsEditor.loaded)) return;

var api = new mw.Api;

console.log("Loading TooltipsEditor...");

var that; var TooltipsEditor = window.TooltipsEditor = Object.assign(this, {		// variables; undefined variables are just for easier variable tracking		modal: new mw.libs.QDmodal("TooltipsEditor"),		loaded: true,		actions: undefined,		closing: undefined,		isInMain: undefined,		data: undefined,		json: undefined,		oldjson: undefined,		oldjsonkeys: undefined,		colorRules: undefined,		editor: undefined,		lastFocusedEditor: undefined,		lastFocusedElement: undefined,

otherInputBoxes: { // : {display:, optional?: true/false, value?: default value } "name": { display: "Link", replace: true }, "image": { display: "Image", optional: true }, },		forEachInputBox: function(callback) { var i = 0; for (var intername in this.otherInputBoxes) { if (true) { // stops the editor from complaining i++; callback(intername, i, this.otherInputBoxes); }			}		},		colorConversions: { 0: "black", 1: "dark_blue", 2: "dark_green", 3: "dark_aqua", 4: "dark_red", 5: "dark_purple", 6: "gold", 7: "gray", 8: "dark_gray", 9: "blue", a: "green", b: "aqua", c: "red", d: "light_purple", e: "yellow", f: "white", l: "bold", n: "underline", m: "strikethrough", o: "italic", r: "reset", },		colorConvList: "0123456789abcdef", conversions: { "l": "bold", "m": "strikethrough", "n": "underline", "o": "italic", },		rarityConversions: { "Common": "f", "Uncommon": "a", "Rare": "9", "Epic": "5", "Legendary": "6", "Mythic": "d", "Supreme": "4", "Special": "c", "Very Special": "c", },		shortForm: { "Common": "C", "Uncommon": "U", "Rare": "R", "Epic": "E", "Legendary": "L", "Mythic": "M", "Supreme": "SE", "Special": "SL", "Very Special": "VSL", },		specialchars: ("❤ ❈ ❁ ✦ ☣ ☠ ✎ ∞ ✯ ♣ ❂ ⚔ ⫽ α ✹ ⸕ ☘ 🗲 ❣ ⚚ ⸎ ʬ") .replaceAll(" ", "  ") .split(" ") .map(function(v) {				if (!v.match(" ")) {					return $("", { "class": "TooltipsEditor-insertChar", text: v,						title: "Insert \"" + v + "\"", });				} else {					return v;				}			}), escapes: { regex: /\\(ench?a?n?t?m?e?n?t?|ra?r?i?t?y?|poti?o?n|sta?t?)\{(?: .+?)\}|\\(?:[rntvb]|x[0-9a-fA-F]{2}|u[0-9a-fA-F]{1,4}|u\{[0-9a-fA-F]{1,6}\}|[0-2][0-7]{0,2}|3[0-7][0-7]?|[4-7][0-7].)/, token: "backescape.code", },

// helper functions for this.updateActions optionalParam: function(v) { if (typeof v !== "string") return ""; else return v.trim; },		inOldjson: function (k) { return this.oldjsonkeys.indexOf(k) !== -1; },		throwOldjson: function(k) { if (this.inOldjson(k) && !(k in this.oldjson)) { this.oldjson[k] = {}; Object.assign(this.oldjson[k], this.json[k]); }		},		allInputEquals: function(a, b) { var alltrue = true; this.forEachInputBox(function(inter, i, otherinputboxes) {				var val = otherinputboxes[inter];				if (val.optional ? (this.optionalParam(a[inter]) !== this.optionalParam(b[inter])) : (a[inter] !== b[inter])) {					alltrue = false;					console.log("Failed. Param: "+inter+"; A: "+a[inter]+"; B: "+b[inter]);				}			}.bind(this)); return alltrue; },		updateOne: function(k) { if (k) { console.log("Before"); console.log("Inoldjson: "+this.inOldjson(k)); console.log("Oldjson: "+JSON.stringify(this.oldjson[k])); console.log("Newjson: "+JSON.stringify(this.json[k])); console.log("Action: "+this.actions[k]); if (this.inOldjson(k) && !(k in this.json)) this.actions[k] = "remove"; else if (!this.inOldjson(k) && (k in this.json)) this.actions[k] = "add"; else if (!this.inOldjson(k) && !(k in this.json)) { if (k in this.actions) delete this.actions[k]; }				else if (this.oldjson[k]					&& this.oldjson[k].title === this.json[k].title					&& this.oldjson[k].text === this.json[k].text					&& this.allInputEquals(this.oldjson[k], this.json[k])				) { if (k in this.actions) delete this.actions[k]; if (k in this.oldjson) delete this.oldjson[k]; }				else { this.actions[k] = "modify"; }				console.log("After"); console.log("Inoldjson: "+this.inOldjson(k)); console.log("Oldjson: "+JSON.stringify(this.oldjson[k])); console.log("Newjson: "+JSON.stringify(this.json[k])); console.log("Action: "+this.actions[k]); }		},		revertAction: function { var key = $(this).attr("data-value"); if (key in that.oldjson) { that.json[key] = {}; Object.assign(that.json[key], that.oldjson[key]); delete that.oldjson[key]; }			else if (key in that.json) delete that.json[key]; if (key in that.actions) delete that.actions[key]; mw.notify("for "+key, {title: "Undo Successful", type:"success"}); that.updateActions; if ($("#TooltipsEditor-searchInput").val.trim !== "") $("#TooltipsEditor-searchInput").keyup; },		getOtherParamAttr: function(k) { var obj = {}; this.forEachInputBox(function(inter) {				obj["data-tooltip-"+inter] =					this.json[k] && this.json[k][inter] && this.json[k][inter].replaceAll("&amp;", "&");			}.bind(this)); return obj; },		getEditParamPackage: function(text, cls, k) { return Object.assign({				"text": text,				"class": cls,				"data-tooltip-title": this.json[k] && this.json[k].title && this.json[k].title.replaceAll("&amp;", "&"),				"data-tooltip-text": this.json[k] && this.json[k].text && this.json[k].text.replaceAll("&amp;", "&"),				"data-tooltip-key": k.replaceAll("&amp;", "&")			}, this.getOtherParamAttr(k)); },		getMinetipParamPackage: function(text, cls, obj, k) { return { "class": cls, text: text, "data-minetip-text": obj[k] && obj[k].text && obj[k].text.replaceAll("&amp;", "&"), "data-minetip-title": obj[k] && obj[k].title && obj[k].title.replaceAll("&amp;", "&"), };		},

// main function this.updateActions updateActions: function(keys) { // calling updateActions without keys will refresh the table without additional change // keys can be an array of strings or one string if (keys) { if (typeof(keys) === "string") { this.updateOne(keys); }				else { for (var i = 0; i < keys.length; i++) { var k = keys[i]; this.updateOne(k); }				}			}

var $log = $("#TooltipsEditor-actionLog"); var len = Object.keys(this.actions).length; var ls = ],[],[],[; var getEditParams = this.getEditParamPackage.bind(this, "edit", "actions-edit-button"); var getUndoPreview = this.getMinetipParamPackage.bind(this, "preview (undo)", "minetip actions-preview-button", this.oldjson); var getCurrentPreview = this.getMinetipParamPackage.bind(this, "preview (current)", "minetip actions-preview-button", this.json); var getUndoButtonParams = function(k) {return { text: "undo", "class": "actions-undo-button", "data-value": k }};

$log.empty.append($("", {text: len ? "Unsaved changes: " : "No changes were made", "class": "actions-none"}));

if (len) { Object.keys(this.actions).sort.forEach(function(k) {					switch(this.actions[k]) {						case("add"): {							ls[0].push($("", {								html: [									"Added "+k,									$("", getUndoButtonParams(k)).on("click", this.revertAction/* don't bind */),									$("", getEditParams(k)),									$(" ", getCurrentPreview(k))								],								"class": "actions-add"							}));							break;						}						case("modify"): {							ls[1].push($("", {								html: [									"Modified "+k,									$("", getUndoButtonParams(k)).on("click", this.revertAction/* don't bind */),									$("", getEditParams(k)),									$(" ", getUndoPreview(k)),									$(" ", getCurrentPreview(k))								],								"class": "actions-modify"							}));							break;						}						case("remove"): {							ls[2].push($("", {								html: [									"Removed "+k,									$("", getUndoButtonParams(k)).on("click", this.revertAction/* don't bind */), $(" ", getUndoPreview(k)) ],								"class": "actions-remove" }));							break; }					}				}.bind(this));			}

ls.forEach(function(v) { $log.append(v) }); $log.append($("", {text: "Saving changes will also sort all Tooltips in alphabetical order.", "class": "actions-none"})); $("#TooltipsEditor-undoLog").append(ls[3]); //.prepend(ls[3]) $("#TooltipsEditor-totalTooltips").html($(" ", { html: [ "Tooltips Count: "+Object.keys(this.json).length, $(" ", (function { var diff = Object.keys(this.json).length - this.oldjsonkeys.length; if (diff < 0) { return { text: "("+diff+")", css: {color: "red"} }; } else if (diff > 0) { return { text: "(+"+diff+")", css: {color: "lime"} }; } else { return { text: "(0)", css: {color: "gray"} }; }					}.bind(this))), ],				css: {float: "right"}, }));		},

// helper functions for this.generateSearch searchArray: function(arr, search) { var splitSearch = function(str) { var pattern = str.split("").map(function(v) {					return "(?=.*" + mw.RegExp.escape(v) + ")";				}).join(""); var regex = new RegExp(pattern, "i"); var match = str.match(regex);

return match && match[0]; };

return arr.filter(function(v) {				return v.toLowerCase.includes(search.toLowerCase) || splitSearch(v.toLowerCase, search.toLowerCase);			}); },

// main function this.generateSearch generateSearch: function { $("#searchResultsMessage").css({ display: "" });

var $this = $("#TooltipsEditor-searchInput"); var $results = $("#TooltipsEditor-searchResults"); var val = $this.val; var abort = false;

if (val.trim === "") return $results.html(" Enter a search term to start searching. ");

var names = Object.keys(this.json).sort; var results = this.searchArray(names, val);

if (results.length > 100) { results.length = 100; abort = true; }

$results.empty;

results.forEach(function(v) {				$results[0].appendChild($("", {					html: [						$("", { href: mw.util.getUrl(v), title: v,							text: v,							target: "_blank" }),						" (",						 $("", this.getEditParamPackage("edit", "TooltipsEditor-editTooltip", v)), " &bull; ", $(" ", this.getMinetipParamPackage("preview", "minetip TooltipsEditor-previewTooltip", this.json, v)), " &bull; ", $("", {							"class": "TooltipsEditor-removeTooltip", 							text: "remove",							"data-key": v.replaceAll("&amp;", "&"), 						}), ")",					],				})[0]);			}.bind(this));

if (!results.length) return $results.html(" No tooltip matched your search. "); else if (abort) $results.append(" Showing the first 100 results. "); else $results.append(" Total: "+results.length+(results.length > 1 && " results" || " result" )+". "); },

// helper functions for this.openEditor convertSlashes: function(s) { return s.replaceAll(/(?<!\\)\//g, "\n"); },

// main function this.openEditor openEditor: function(values) { this.isInMain = false; values.oldKey = values.key;

$("#TooltipsEditor-search").css({ display: "none" }); $("#TooltipsEditor-editor").css({ display: "" });

ace.tooltipsTextEditor.resize; ace.tooltipsTitleEditor.resize;

ace.tooltipsTextEditor.setValue(this.convertSlashes(values.text || "")); ace.tooltipsTitleEditor.setValue(values.title || ""); $("#TooltipsEditor-key").val(values.key || "");

this.forEachInputBox(function(inter) {				$("#TooltipsEditor-"+inter).val(values[inter] || "");			});

$(".qdmodal-button").css({ display: "none" }); $("#TooltipsEditor-save, #TooltipsEditor-preview, #TooltipsEditor-cancel").remove; var $button1 = $(" ", {				"class": "oo-ui-buttonElement",				html: $(" ", { id: "TooltipsEditor-save", text: "Save", "class": "oo-ui-buttonElement-button", click: this.onSave.bind(this, values.oldKey), }),			});			var $button2 = $(" ", {				"class": "oo-ui-buttonElement",				html: $(" ", { id: "TooltipsEditor-cancel", text: "Cancel", "class": "oo-ui-buttonElement-button", click: function { this.reset(confirm("Go back to main page without saving?")); }.bind(this), }),			});			var $button3 = $(" ", {				"class": "oo-ui-buttonElement",				css: { "float": "right" },				html: $(" ", { id: "TooltipsEditor-preview", "class": "minetip oo-ui-buttonElement-button", text: "Preview", }),			});			$("#TooltipsEditor-editor").append(				$button1,				$button2,				$button3			); this.updatePreview; },

onSave: function(oldKey) { var otherparams = {}; var values = { oldKey: oldKey, text: ace.tooltipsTextEditor.getValue, title: ace.tooltipsTitleEditor.getValue, key: $("#TooltipsEditor-key").val, };			this.forEachInputBox(function(inter) {				values[inter] = $("#TooltipsEditor-"+inter).val;				otherparams[inter] = values[inter].trim;			}.bind(this));

this.throwOldjson(values.oldKey); this.throwOldjson(values.key);

if (!values.key) return alert("You need to enter a tooltip ID!");

var pass = true; this.forEachInputBox(function(inter, i, otherinputboxes) {				var val = otherinputboxes[inter];				if (! val.optional) {					if (!values[inter]) {						pass = false;						return alert("You need to enter the tooltip's "+val.display+"!");					}				}			}.bind(this)); if (!pass) return;

if (values.oldKey) delete this.json[values.oldKey]; this.editor.addClass("mw-ajax-loader"); $(".qdmodal-button").css({ display: "" }); $("#TooltipsEditor-editor, #searchResultsMessage").css({ display: "none" });

api.post({				action: "parse", 				contentmodel: "wikitext",				text: "",			}).then(function(data) {				this.json[values.key] = Object.assign({ text: values.text ? $(data.parse.text["*"]) .find("p") .html .trim .replace(/&amp;/g, "&") .replace(/ /g, " ") : undefined, title: values.title.trim, }, otherparams);				this.isInMain = true;				this.data = this.json;

this.updateActions([values.oldKey, values.key]); this.reset(true); }.bind(this));		},

// helper functions for this.MainProcess processResult: function(d) { return JSON.parse(d.replaceAll(/\\(?![\'\"\/])/g, '\\\\'));		},		replaceLines: function(s) {			return s.replaceAll(/(?<!\\)\//g, "\\/").replaceAll(/\n/g, "/");		},		reset: function(confirm) {			if (confirm) {				$("#TooltipsEditor-search").css({ display: "" });				$("#TooltipsEditor-searchResults").empty;				$("#searchResultsMessage, #TooltipsEditor-editor").css({ display: "none" });				$("#TooltipsEditor > section").removeClass("mw-ajax-loader");				ace.tooltipsTextEditor.setValue("");				ace.tooltipsTitleEditor.setValue("");				$("#TooltipsEditor-key, #TooltipsEditor-name").val("");				$(".qdmodal-button").css({ display: "" });				if ($("#TooltipsEditor-searchInput").val.trim !== "") $("#TooltipsEditor-searchInput").keyup;			}		},		processColors: function {			return Object.keys(this.colorConversions).map(function(v, i, a) {				return $("", {					"class": "TooltipsEditor-insertFormat" + ((i === a.length-1) && " TooltipsEditor-last" || ""), text: this.colorConversions[v].replaceAll("_", " ").replaceAll(/(\w)(\w*)/g, function(_, $1, $2) { 						return $1.toUpperCase + $2;					}), "data-insert": "&" + v,				});			}.bind(this)); },		processRarityTexts: function { return Object.keys(this.rarityConversions).map(function(v, i, a) {				return $(" ", { html: [ $("<a>", {							"class": "TooltipsEditor-insertFormat",							text: v,							"data-insert": "&l&" + this.rarityConversions[v] + v.toUpperCase,							style: "font-style: italic;",						}), $("<a>", {							"class": "TooltipsEditor-insertFormat" + ((i === a.length-1) && " TooltipsEditor-last" || ""),							text: this.shortForm[v],							"data-insert": "&" + this.rarityConversions[v],							style: "font-style: italic;",						}), ]				});			}.bind(this)); },		updatePreview: function { $("#TooltipsEditor-preview").attr({				"data-minetip-text": this.replaceLines(ace.tooltipsTextEditor.getValue),				"data-minetip-title": ace.tooltipsTitleEditor.getValue,			}); },		insertText: function(text) { var editor = this.lastFocusedEditor; if (!editor && this.lastFocusedElement) { return this.lastFocusedElement.textSelection("encapsulateSelection", {					pre: text,					peri: "",				}), true; }

editor.insert(text, 1);

return true; },		setupEditor: function(id) { var aceEditor = ace.edit(id); var mode = new (ace.require("ace/mode/javascript").Mode); mode.HighlightRules = ace.require("ace/mode/minecraft-tooltips").MinecraftHighlightRules; aceEditor.session.setMode(mode);

if (id === "TooltipsEditor-text-AceEditor") { aceEditor.setOptions({					wrapBehavioursEnabled: true,					wrap: true,				});

aceEditor.session.on("change", function {					var height = aceEditor.session.getScreenLength						* aceEditor.renderer.lineHeight						+ aceEditor.renderer.scrollBar.getWidth + "px";

$(id).css({ height: height }); aceEditor.resize;

if (aceEditor.session.getScreenWidth > 1000) { $(id).css({ width: "1000px" }); }				});			}

aceEditor.session.on("change", this.updatePreview.bind(this)); aceEditor.on("focus", function {				this.lastFocusedEditor = aceEditor;			}.bind(this));

return aceEditor; },

onMatch: function(str) { var match = this.splitRegex.exec(str); var values = match.slice(1); values.push(match[0]);

var types = this.token.apply(this, values);

if (typeof types === "string") return [{ type: types, value: str }];			var tokens = []; for (var i = 0, l = types.length; i < l; i++) { if (values[i]) tokens[tokens.length] = { type: types[i], value: values[i] };			}			return tokens; },		MinecraftHighlightRules: function { var formats = [];

this.$rules = { start: [{ regex: /&([0-9a-f])/, token: function(code) { this.nextCode = code; that.colorRules["color-" + code].formats = []; return "escape.format.code.color"; },					next: function { return "color-" + this.nextCode; },					onMatch: that.onMatch, }, {					regex: /&r/, token: function { formats = []; return "escape.format.code.color"; },				}, that.escapes, { regex: /&([l-o])/, token: function(code) { formats.push(that.conversions[code]); return "escape.format.code.color"; },				}, {					regex: /[^\0]/, token: function { var ret = "text.formatted"; formats.forEach(function(code) {							ret += ".format_" + code;						}); return ret; },				}],			};

for (var prefix in that.colorRules) { if (that.colorRules.hasOwnProperty(prefix)) { var data = that.colorRules[prefix]; this.$rules[prefix] = data.rules; }			}

this.normalizeRules; },

// main function this.MainProcess MainProcess: function { this.oldjson = {}; this.json = {}; if (arguments.length > 1) { var jsonStr = [];

// Merge result into a single string to limit JSON.parse calls if (Array.isArray(arguments[0])) { Array.from(arguments).forEach(function(v) {						jsonStr.push(v[0]["return"].replace(/^\{|\}$/g, ""));					}); }				else jsonStr.push(arguments[0]["return"].replace(/^\{|\}$/g, "")); // Parse String this.json = this.processResult("{" + jsonStr.join(",") + "}"); } else { this.json = this.processResult(arguments[0]); }

this.editor = $("#TooltipsEditor > section"); this.data = this.json; this.oldjsonkeys = Object.keys(this.json);

ace.define("ace/mode/minecraft-tooltips", [], function(require, exports) {				var oop = require("../lib/oop");				var TextHighlightRules = require("./text_highlight_rules").TextHighlightRules;

this.colorRules = {}; this.colorConvList.split("").forEach(function(code) {					this["color-" + code] = {						formats: [],						rules: [{							token: function(code) {								this.nextCode = code;								return "escape.format.code.color";							},							regex: /&([0-9a-f])/,							next: function {								return "color-" + this.nextCode;							},							onMatch: that.onMatch,						}, {							regex: /&([l-o])/,							token: function(code) {								this.formats.push(that.conversions[code]);								return "escape.format.code.text";							},						}, {							token: "language.escape.format.code",							regex: /&r/,							next: "start",						}, that.escapes, {							regex: /[^\0]/,							token: function {								var ret = "format.color.format-" + code + ".code";

this.formats.forEach(function(code) {									ret += ".format_" + code;								}); return ret; },						}],					};

var data = this["color-" + code]; data.rules[0].token = data.rules[0].token.bind(data); data.rules[0].next = data.rules[0].next.bind(data); data.rules[1].token = data.rules[1].token.bind(data); data.rules[4].token = data.rules[4].token.bind(data); }, this.colorRules);

var MinecraftHighlightRules = this.MinecraftHighlightRules;

oop.inherits(MinecraftHighlightRules, TextHighlightRules);

exports.MinecraftHighlightRules = MinecraftHighlightRules; }.bind(this));			var otherparams = [];			this.forEachInputBox(function(inter, i, otherinputboxes) { var val = otherinputboxes[inter]; otherparams.push(					$(" ", { text: "Tooltip "+val.display+": ", css: { "font-weight": "bold", "width": "8.7em", display: "inline-block" } }),					$(" ", { css: { width: "400px", position: "relative" }, id: "TooltipsEditor-"+inter }),					" "				); }.bind(this));

this.editor.empty; this.editor.append(				$(" ", { id: "TooltipsEditor-search", html: [ $(" ", { id: "TooltipsEditor-totalTooltips" }), " Tooltips Editor Main Page ", "Search Existing Tooltip: ", $(" ", {							id: "TooltipsEditor-searchInput",							keyup: this.generateSearch.bind(this),						}), " or ", $(" ", {							"class": "oo-ui-buttonElement",							html: [								$(" ", { id: "TooltipsEditor-addNew", "class": "oo-ui-buttonElement-button", text: "Add New Tooltip", click: function { this.openEditor({}); }.bind(this), }),							],						}),						" ",						$("<ul>", {							id: "TooltipsEditor-actionLog",							css: {								"list-style-type": "none",								"margin-left": "0.8em",							},						}), $(" ", {							id: "TooltipsEditor-undoLog",						}), " ",						$("<b>", { text: "Search Results: ", id: "searchResultsMessage", style: "display: none;" }), $("<ul>", {							id: "TooltipsEditor-searchResults",							css: {								"list-style-type": "square",								"margin-left": "0.8em",							},						}), $(" ", {							css: {"font-style": "italic", float: "right", "margin-bottom": "1em"},							html: [								$(" ", { css: {"margin-left": "0.5em"}, html: ["(", $("<a>", { href: mw.util.getUrl("MediaWiki:Gadget-TooltipsEditor.js"), text: "View JavaScript", target: "_blank" }), ")" ],								}),								$(" ", {									css: {"margin-left": "0.5em"}, html: ["(", $("<a>", { text: "Debug" }).on("click", function { var it = prompt("Please enter an item to see its JSON"); if (it !== null && it !== "") { if (it in this.json) { mw.notify("See results in console", {title: "Debug", type:"warning"}); }											else mw.notify("Debug failed: Item not found.", {title: "Debug", type:"warning"}); }									}), ")" ],								}),							],						}),					],				}),				$(" ", {					id: "TooltipsEditor-editor", style: "display: none;", html: Array.prototype.concat(					[						"This editor uses minecraft formatting codes (", $("<a>", {							href: "https://minecraft.gamepedia.com/Formatting codes",							text: "more info",							title: "https://minecraft.gamepedia.com/Formatting codes",						}), ") and the template ",						$(" ", { html: [ "", 							],						}), 						"for extra formatting. See the template\'s documentation for more info.",						" ",						$(" ", { html: [ $(" ", { text: "Toolbox (Click to Insert)", css: {"font-weight": "bold", "font-size": "16px"}}), $(" ", {									html: [										"Formatting",										$(" ", { id: "TooltipsEditor-insertFormat", html: this.processColors, "class": "noselect" }),										" ",										"Special Character",										$(" ", { id: "TooltipsEditor-insertChar", html: this.specialchars, "class": "noselect" }),										" ",										"Rarity Text/Color",										$(" ", { id: "TooltipsEditor-insertFormat", html: this.processRarityTexts, "class": "noselect" }),									],								}), ],						})," ",						$(" ", { text: "Tooltip ID: ", css: { "font-weight": "bold", "width": "8.7em", display: "inline-block" } }),						$(" ", { css: { width: "400px", position: "relative" }, id: "TooltipsEditor-key" }),						" ",					],					otherparams,					[						$(" ", { text: "Tooltip Title: ", css: { "font-weight": "bold" } }),						$(" ", { id: "TooltipsEditor-title-AceEditor", css: { height: "20px", "min-width": "600px", "max-width": "1000px", "font-size": "14px", "line-height": "18px", "border": "1px solid #474747", }						}),						$(" ", { text: "Tooltip Text: ", css: { "font-weight": "bold" } }),						$(" ", { id: "TooltipsEditor-text-AceEditor", css: { "font-size": "14px", "line-height": "18px", "min-height": "200px", "max-height": "400px", "min-width": "600px", "max-width": "1000px", "border": "1px solid #474747", },						}),					]),				})			);

$(".TooltipsEditor-insertFormat:not('.TooltipsEditor-last')").after($(" ", { text: " • ", }));			this.editor.removeClass("mw-ajax-loader"); this.updateActions;

$("#TooltipsEditor-key, #TooltipsEditor-name").focus(function {				that.lastFocusedElement = $(this);				that.lastFocusedEditor = null;			});

$(".TooltipsEditor-insertFormat").click(function {				var $this = $(this);				var insert = $this.attr("data-insert");

if (that.lastFocusedEditor) { var editor = that.lastFocusedEditor;

var selection = editor.selection; if (!selection.ranges.length) { editor.insert(insert); } else { selection.ranges.forEach(function(range) {							editor.session.insert({ row: range.start.row, column: range.start.column, }, insert);						}); }					that.lastFocusedEditor.focus; }				else if (that.lastFocusedElement) that.lastFocusedElement.focus; });

window.ace.tooltipsTextEditor = this.setupEditor("TooltipsEditor-text-AceEditor"); window.ace.tooltipsTitleEditor = this.setupEditor("TooltipsEditor-title-AceEditor");

$(document.body).on("click", ".TooltipsEditor-insertChar", function(e) {				e.preventDefault;				e.stopImmediatePropagation;

if (that.lastFocusedEditor) { that.insertText($(this).attr("data-insert") || $(this).text); that.lastFocusedEditor.focus; }				else if (that.lastFocusedElement) that.lastFocusedElement.focus; });

$(document.body).on("click", ".TooltipsEditor-removeTooltip", function {				var $this = $(this);				var key = $this.attr("data-key");

that.throwOldjson(key); delete that.json[key]; that.updateActions(key); $("#TooltipsEditor-searchInput").keyup; });

$(document.body).on("click", ".TooltipsEditor-editTooltip, .actions-edit-button", function {				var $this = $(this);

var otherparams = {}; that.forEachInputBox(function(inter) {					otherparams[inter] = $this.attr("data-tooltip-"+inter);				});

that.openEditor(Object.assign({ text: $this.attr("data-tooltip-text"), title: $this.attr("data-tooltip-title"), key: $this.attr("data-tooltip-key"), }, otherparams)); });		},

// helper functions for this.onClick luaTableToJson: function(s) { return api.post({				action: "scribunto-console",				title: mw.config.get("wgPageName"),				question: "=mw.text.jsonEncode(p)",				content: s,			}); },		editorCloseHandler: function { this.closing = true;

if (confirm("Are you sure you want to save and close the editor?")) this.modal.hide; else return;

var ret = []; var applyReplacements = function(s) { return s.replace(/\\/g, '\\\\').replace(/(['"])/g, "\\$1");			};

Object.keys(this.data).sort.forEach(function(k) {				var v = this.data[k];				var otherparams = [];

this.forEachInputBox(function(inter, i, otherinputboxes) {					var val = otherinputboxes[inter];					if (val.optional && (this.optionalParam(v[inter]) !== "")) {						otherparams.push( inter + " = '" + (val.replace ? applyReplacements(v[inter]) : v[inter]) + "', " );					}					else if (!val.optional) {						otherparams.push( v[inter] ? inter + " = '" + applyReplacements(v[inter]) + "', " : "" );					}				}.bind(this));

ret.push(Array.prototype.concat( [					"\t['" + k.replace(/(['"])/g, "\\$1") + "'] = {",					v.title ? "title = '" + applyReplacements(v.title) + "', " : "",					v.text ? "text = '" + applyReplacements(v.text) + "', " : "",				],				otherparams,				"},").join(""));			}.bind(this));

ret = "return {\n" + ret.join("\n") + "\n}\n".replaceAll(/&amp;/g, "&"); console.log(ret);

api.postWithEditToken({				action: "edit",				text: ret,				title: mw.config.get("wgPageName"),				summary: "Updating tooltips (TooltipsEditor)",				minor: true,			}).then(function {				mw.notify("", {title: "Tooltips Saved!", type:"success"});				window.location.reload;			}).always(console.log);

},

// main function this.onClick onClick: function(tooltips) { this.closing = false;

$(window).on("beforeunload", function {				if (!this.closing)					return "Are you sure you want to exit the page and discard your changes?";			}.bind(this));

this.modal.show({				title: "Tooltips Editor",				onHide: function {					if (!this.closing && confirm("Are you sure you want to exit the editor and discard your changes?")) {						this.closing = true;						return true;					}					else if (this.closing) return true;					else return false;				}.bind(this),				buttons: [{					text: "Save and Close",					handler: this.editorCloseHandler.bind(this),				}],			}); $("#TooltipsEditor > section").attr("class", "mw-ajax-loader");

var promises = []; var split = tooltips.split("\n");

// Split lua table into multiple tables due to size limitation of 500k bytes if (split.length > 1350) { var lines = split; lines.pop; lines.shift;

for (var i = 0; i < lines.length; i += 900) { var ret = "return {\n" + lines.slice(i, i + 900).join("\n") + "\n}"; promises.push(this.luaTableToJson(ret)); }			} else { promises = [this.luaTableToJson(tooltips)]; }

$.when.apply($, promises).then(this.MainProcess.bind(this), function(code, e) {				return alert("Failed to parse Tooltips: ", e), console.warn("Failed to parse Tooltips: ", e);			}).catch(console.warn); },

// entry point init: function { $(" ", {				rel: "stylesheet", 				href: "https://hypixel-skyblock.fandom.com/wiki/MediaWiki:Gadget-TooltipsEditor.css?action=raw&ctype=text/css" 			}).appendTo("head");

$(".editTooltips").click(function {				api.get({ action: "query", format: "json", prop: "revisions", titles: mw.config.get("wgPageName"), formatversion: 2, rvprop: "content", rvslots: "*" }).then(function(d) { var content = d.query.pages[0].revisions[0].slots.main.content;

this.actions = []; this.onClick(content); }.bind(this));			}.bind(this)); },	});

that = TooltipsEditor; // using "TooltipsEditor" and defining "that" here so the editor won't complain about it	this.init; }.bind((window.TooltipsEditor = window.TooltipsEditor || Object.create(null)))).catch(console.warn);