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 */

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

$.when(	$.Deferred(function(def) { $(function { 			def.resolve;		}); }), 	mw.loader.using("mediawiki.util"),	$.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 (($.inArray(mw.config.get("wgPageName"), allowedPages) === -1) || (window.TooltipsEditor && window.TooltipsEditor.loaded)) return;	var api = new mw.Api;	console.log("Loading TooltipsEditor...");	window.TooltipsEditor = $.extend({ // variables; undefined variables are just for easier variable tracking modal: new mw.libs.QDmodal("TooltipsEditor"), closing: undefined, actions: [], loaded: true, isInMain: false, data: undefined, json: undefined, oldjson: undefined, oldjsonkeys: undefined, colorRules: undefined, editor: undefined, lastFocusedEditor: undefined, lastFocusedElement: undefined,

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 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]); }		},		updateOne: function(k) { if (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].name === this.json[k].name && this.oldjson[k].title === this.json[k].title && this.oldjson[k].text === this.json[k].text) { if (k in this.actions) delete this.actions[k]; if (k in this.oldjson) delete this.oldjson[k]; }				else this.actions[k] = "modify"; }		},		revertAction: function { var key = $(this).attr("data-value"); if (key in this.oldjson) { this.json[key] = {}; Object.assign(this.json[key], this.oldjson[key]); delete this.oldjson[key]; }			else if (key in this.json) delete this.json[key]; if (key in this.actions) delete this.actions[key]; mw.notify("for "+key, {title: "Undo Successful", type:"success"}); this.updateActions; if ($("#TooltipsEditor-searchInput").val.trim !== "") $("#TooltipsEditor-searchInput").keyup; },

// 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 = ],[],[],[; $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,									$("", { text: "undo", "class": "actions-undo-button", "data-value": k }).on("click", this.revertAction),									$("", { "class": "actions-edit-button", text: "edit", "data-tooltipTitle": this.json[k] && this.json[k].title && this.json[k].title.replaceAll("&amp;", "&"), "data-tooltipText": this.json[k] && this.json[k].text && this.json[k].text.replaceAll("&amp;", "&"), "data-tooltipLink": this.json[k] && this.json[k].name && this.json[k].name.replaceAll("&amp;", "&"), "data-tooltipKey": k.replaceAll("&amp;", "&") }),									$(" ", {										"class": "actions-preview-button minetip", text: "preview (current)", "data-minetip-text": this.json[k] && this.json[k].text && this.json[k].text.replaceAll("&amp;", "&"), "data-minetip-title": this.json[k] && this.json[k].title && this.json[k].title.replaceAll("&amp;", "&"), })								],								"class": "actions-add"							}));							break;						}						case("modify"): {							ls[1].push($("", {								html: [									"Modified "+k,									$("", { text: "undo", "class": "actions-undo-button", "data-value": k }).on("click", this.revertAction),									$("", { "class": "actions-edit-button", text: "edit", "data-tooltipTitle": this.json[k] && this.json[k].title && this.json[k].title.replaceAll("&amp;", "&"), "data-tooltipText": this.json[k] && this.json[k].text && this.json[k].text.replaceAll("&amp;", "&"), "data-tooltipLink": this.json[k] && this.json[k].name && this.json[k].name.replaceAll("&amp;", "&"), "data-tooltipKey": k.replaceAll("&amp;", "&") }),									$(" ", {										"class": "actions-preview-button minetip", text: "preview (undo)", "data-minetip-text": this.oldjson[k] && this.oldjson[k].text && this.oldjson[k].text.replaceAll("&amp;", "&"), "data-minetip-title": this.oldjson[k] && this.oldjson[k].title && this.oldjson[k].title.replaceAll("&amp;", "&"), }),									$(" ", {										"class": "actions-preview-button minetip", text: "preview (current)", "data-minetip-text": this.json[k] && this.json[k].text && this.json[k].text.replaceAll("&amp;", "&"), "data-minetip-title": this.json[k] && this.json[k].title && this.json[k].title.replaceAll("&amp;", "&"), })								],								"class": "actions-modify"							}));							break;						}						case("remove"): {							ls[2].push($("", {								html: [									"Removed "+k,									$("", { text: "undo", "class": "actions-undo-button", "data-value": k }).on("click", this.revertAction),									$(" ", { "class": "actions-preview-button minetip", text: "preview (undo)", "data-minetip-text": this.oldjson[k] && this.oldjson[k].text && this.oldjson[k].text.replaceAll("&amp;", "&"), "data-minetip-title": this.oldjson[k] && this.oldjson[k].title && this.oldjson[k].title.replaceAll("&amp;", "&"), })								],								"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" }),						" (",						 $("", {							"class": "TooltipsEditor-editTooltip",							text: "edit",							"data-tooltipTitle": this.json[v] && this.json[v].title && this.json[v].title.replaceAll("&amp;", "&"),							"data-tooltipText": this.json[v] && this.json[v].text && this.json[v].text.replaceAll("&amp;", "&"),							"data-tooltipLink": this.json[v] && this.json[v].name && this.json[v].name.replaceAll("&amp;", "&"),							"data-tooltipKey": v.replaceAll("&amp;", "&")						}), " &bull; ", $(" ", {							"class": "TooltipsEditor-previewTooltip minetip", 							text: "preview",							"data-minetip-text": this.json[v] && this.json[v].text && this.json[v].text.replaceAll("&amp;", "&"),							"data-minetip-title": this.json[v] && this.json[v].title && this.json[v].title.replaceAll("&amp;", "&"), 						}), " &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(text, title, link, key) { this.isInMain = false; var oldKey = key; $("#TooltipsEditor-search").css({ display: "none" }); $("#TooltipsEditor-editor").css({ display: "" }); ace.tooltipsTextEditor.resize; ace.tooltipsTitleEditor.resize; ace.tooltipsTextEditor.setValue(this.convertSlashes(text || "")); ace.tooltipsTitleEditor.setValue(title || ""); $("#TooltipsEditor-link").val(link || ""); $("#TooltipsEditor-key").val(key || ""); $(".qdmodal-button").css({ display: "none" }); $("#TooltipsEditor-save, #TooltipsEditor-preview, #TooltipsEditor-cancel").remove; var $button1 = $(" ", {					"class": "oo-ui-buttonElement",				}).append(					$(" ", { id: "TooltipsEditor-save", text: "Save", "class": "oo-ui-buttonElement-button", click: function { var text = ace.tooltipsTextEditor.getValue, title = ace.tooltipsTitleEditor.getValue, key = $("#TooltipsEditor-key").val, link = $("#TooltipsEditor-link").val; this.throwOldjson(oldKey); this.throwOldjson(key); if (!key) return alert("You need to enter a tooltip ID!"); if (!link) return alert("You need to enter the tooltip's link!"); if (oldKey) delete this.json[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[key] = {									text: text ? $(data.parse.text["*"])										.find("p")										.html										.trim										.replace(/&amp;/g, "&")										.replace(/(?<!\\)\\/g, "\\\\")										.replace(/ /g, " "): undefined,									title: title.trim,									name: link.trim,								};								this.isInMain = true;								this.data = this.json; // TODO: DATA? THIS.DATA?								this.updateActions([oldKey, key]);								this.reset(true);							}.bind(this)); }.bind(this), })				);			var $button2 = $(" ", {					"class": "oo-ui-buttonElement",				}).append(					$(" ", { 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"},				}).append(					$(" ", { id: "TooltipsEditor-preview", "class": "minetip oo-ui-buttonElement-button", text: "Preview", })				);			$("#TooltipsEditor-editor").append(				$button1,				$button2,				$button3			); this.updatePreview; },

// helper functions for this.MainProcess processResult: function(d) { return JSON.parse(d.replaceAll(/\\(?![\'\"\/])/g, '\\\\'));		},		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;		},		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-link").val(""); $(".qdmodal-button").css({ display: "" }); if ($("#TooltipsEditor-searchInput").val.trim !== "") $("#TooltipsEditor-searchInput").keyup; }		},		getHighlightRules: function { var formats = []; this.$rules = { start: [{ regex: /&([0-9a-f])/, token: function(code) { this.nextCode = code; this.colorRules["color-" + code].formats = []; return "escape.format.code.color"; }.bind(this), next: function { return "color-" + this.nextCode; }.bind(this), onMatch: this.onMatch, }, {					regex: /&r/, token: function { formats = []; return "escape.format.code.color"; }.bind(this), }, this.escapes, { regex: /&([l-o])/, token: function(code) { formats.push(this.conversions[code]); return "escape.format.code.color"; }.bind(this), }, {					regex: /[^\0]/, token: function { var ret = "text.formatted"; formats.forEach(function(code) {							ret += ".format_" + code;						}); return ret; },				}],			};

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

// this.normalizeRules; },		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) { console.log("Point 1"); var aceEditor = ace.edit(id); console.log("Point 1.1"); var mode = new (ace.require("ace/mode/javascript").Mode); console.log("Point 1.2"); mode.HighlightRules = ace.require("ace/mode/minecraft-tooltips").MinecraftHighlightRules; console.log("Point 1.3"); aceEditor.session.setMode(mode);

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

console.log("Point 3"); 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" }); }				});			}

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

console.log("Point 5"); return aceEditor; },

// 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: this.onMatch, }, {							regex: /&([l-o])/, token: function(code) { this.formats.push(this.conversions[code]); return "escape.format.code.text"; },						}, {							token: "language.escape.format.code", regex: /&r/, next: "start", }, this.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.getHighlightRules;

oop.inherits(MinecraftHighlightRules, TextHighlightRules);

exports.MinecraftHighlightRules = MinecraftHighlightRules; }.bind(this));

this.editor.append(				$(" ", { id: "TooltipsEditor-search", html: [ $(" ", { id: "TooltipsEditor-totalTooltips" }), " Tooltips Editor Main Page ", "Search Existing Tooltip: ", $(" ", {							id: "TooltipsEditor-searchInput",							keyup: this.generateSearch,						}), " or ", $(" ", {							"class": "oo-ui-buttonElement",							html: [								$(" ", { id: "TooltipsEditor-addNew", "class": "oo-ui-buttonElement-button", text: "Add New Tooltip", click: 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) { console.log({													"JSON": this.json[it].text,													"OUTPUT-WOULD-BE": this.json[it].text.replace(/(['"])/g, "\\$1").replaceAll(/&amp;/g, "&"),												});												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: [						"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" }), " ",						$(" ", { text: "Tooltip Link: ", css: { "font-weight": "bold", "width": "8.7em", display: "inline-block" } }), $(" ", { css: { width: "400px", position: "relative" }, id: "TooltipsEditor-link" }), " "," ",						$(" ", { 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-link").focus(function {				this.lastFocusedElement = $(this);				this.lastFocusedEditor = null;			}.bind(this));

$(".TooltipsEditor-insertFormat").click(function {				var $this = $(this);				var insert = $this.attr("data-insert");				if (this.lastFocusedEditor) {					var editor = this.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); });					}					this.lastFocusedEditor.focus;				}				else this.lastFocusedElement.focus;			}.bind(this));

console.log('Setting up TooltipsTextEditor: '); window.ace.tooltipsTextEditor = this.setupEditor("TooltipsEditor-text-AceEditor"); console.log(window.ace.tooltipsTextEditor); console.log('Setting up TooltipsTitleEditor: '); window.ace.tooltipsTitleEditor = this.setupEditor("TooltipsEditor-title-AceEditor"); console.log(window.ace.tooltipsTitleEditor);

$(document.body).on("click", ".TooltipsEditor-insertChar", function(e) {				e.preventDefault;				e.stopImmediatePropagation;				if (this.lastFocusedEditor) {					this.insertText($(this).attr("data-insert") || $(this).text);					this.lastFocusedEditor.focus;				}				else this.lastFocusedElement.focus;			}.bind(this));

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

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

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

this.openEditor(					$this.attr("data-tooltipText"), 					$this.attr("data-tooltipTitle"), 					$this.attr("data-tooltipLink"),					$this.attr("data-tooltipKey")				); }.bind(this));		},

// 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 = [];

Object.keys(this.data).sort.forEach(function(k) {				var v = this.data[k];				ret.push([ "\t['" + k.replace(/(['"])/g, "\\$1") + "'] = {",					v.name ? "name = '" + v.name.replace(/(['"])/g, "\\$1") + "', " : "", v.title ? "title = '" + v.title.replace(/(['"])/g, "\\$1") + "', " : "",					v.text ? "text = '" + v.text.replace(/(['"])/g, "\\$1") + "', " : "", "},",				].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,			}).always(console.log);

mw.notify("", {title: "Tooltips Saved!", type:"success"}); },

// 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 { mw.loader.load(["ext.codeEditor.ace"]);

$(".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)); },	}, window.TooltipsEditor);

window.TooltipsEditor.init; }).catch(console.warn);