☰

TagPro Userscript Library

Functions that any TagPro script could benefit from

当前为 2018-08-16 提交的版本，查看 最新版本。

此脚本不应直接安装。它是供其他脚本使用的外部库，要使用该库请加入元指令 // @require https://update.cn-greasyfork.org/scripts/371240/620873/TagPro%20Userscript%20Library.js 

  1. // ==UserScript==
  2. // @name         TagPro Userscript Library
  3. // @description  Functions that any TagPro script could benefit from
  4. // @author       Ko </u/Wilcooo> (https://greasyfork.org/users/152992)
  5. // @version      2.1
  6. // @license      MIT
  7. // @include      *.koalabeast.com*
  8. // @include      *.jukejuice.com*
  9. // @include      *.newcompte.fr*
  10. // @icon         https://raw.githubusercontent.com/wilcooo/TagPro-UserscriptLibrary/master/icon.png
  11. // @supportURL   https://www.reddit.com/message/compose/?to=Wilcooo
  12. // @grant        GM_setValue
  13. // @grant        GM_getValue
  14. // @grant        GM_xmlhttpRequest
  15. // @connect      koalabeast.com
  16. // @namespace https://greasyfork.org/users/152992
  17. // ==/UserScript==
  18.  
  19.  
  20.  
  21. // ==UserLibrary==
  22. // @name         TagPro Userscript Library
  23. // @description  Functions that any TagPro script could benefit from
  24. // @version      1.0
  25. // @license      MIT
  26. // ==/UserLibrary==
  27.  
  28.  
  29. var version = 1.4;
  30. console.log('Loading TPUL (TagPro Userscript Library) version '+version);
  31.  
  32.  
  33.  
  34. ////////////////////////////////////////////////////////////////
  35. ////////////////////////////////////////////////////////////////
  36. ////////////////////////////////////////////////////////////////
  37.  
  38. // To use this library, include these 5 lines in your userscripts' metadata block:
  39.  
  40. // @require      https://github.com/wilcooo/TagPro-UserscriptLibrary/raw/master/tpul.lib.js
  41. // @grant        GM_setValue
  42. // @grant        GM_getValue
  43. // @grant        GM_xmlhttpRequest
  44. // @connect      koalabeast.com
  45.  
  46. ////////////////////////////////////////////////////////////////
  47. ////////////////////////////////////////////////////////////////
  48. ////////////////////////////////////////////////////////////////
  49.  
  50.  
  51.  
  52.  
  53.  
  54.  
  55.  
  56.  
  57.  
  58.  
  59.  
  60. var GM_configStruct = (function(){
  61.  
  62.  
  63. ////////////////////////////////////////////////////////////////
  64. //    START OF ORIGINAL GM_CONFIG                             //
  65. ////////////////////////////////////////////////////////////////
  66.  
  67. /*
  68. Copyright 2009+, GM_config Contributors (https://github.com/sizzlemctwizzle/GM_config)
  69.  
  70. GM_config Contributors:
  71.     Mike Medley <medleymind@gmail.com>
  72.     Joe Simmons
  73.     Izzy Soft
  74.     Marti Martz
  75.  
  76. GM_config is distributed under the terms of the GNU Lesser General Public License.
  77.  
  78.     GM_config is free software: you can redistribute it and/or modify
  79.     it under the terms of the GNU Lesser General Public License as published by
  80.     the Free Software Foundation, either version 3 of the License, or
  81.     (at your option) any later version.
  82.  
  83.     This program is distributed in the hope that it will be useful,
  84.     but WITHOUT ANY WARRANTY; without even the implied warranty of
  85.     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  86.     GNU Lesser General Public License for more details.
  87.  
  88.     You should have received a copy of the GNU Lesser General Public License
  89.     along with this program.  If not, see <http://www.gnu.org/licenses/>.
  90. */
  91.  
  92. function GM_configStruct(){if(arguments.length){GM_configInit(this,arguments);this.onInit()}}
  93. function GM_configInit(config,args){if(typeof config.fields=="undefined"){config.fields={};config.onInit=config.onInit||function(){};config.onOpen=config.onOpen||function(){};config.onSave=config.onSave||function(){};config.onClose=config.onClose||function(){};config.onReset=config.onReset||function(){};config.isOpen=false;config.title="User Script Settings";config.css={basic:["#GM_config * { font-family: arial,tahoma,myriad pro,sans-serif; }","#GM_config { background: #FFF; }","#GM_config input[type='radio'] { margin-right: 8px; }",
  94. "#GM_config .indent40 { margin-left: 40%; }","#GM_config .field_label { font-size: 12px; font-weight: bold; margin-right: 6px; }","#GM_config .radio_label { font-size: 12px; }","#GM_config .block { display: block; }","#GM_config .saveclose_buttons { margin: 16px 10px 10px; padding: 2px 12px; }","#GM_config .reset, #GM_config .reset a,"+" #GM_config_buttons_holder { color: #000; text-align: right; }","#GM_config .config_header { font-size: 20pt; margin: 0; }","#GM_config .config_desc, #GM_config .section_desc, #GM_config .reset { font-size: 9pt; }",
  95. "#GM_config .center { text-align: center; }","#GM_config .section_header_holder { margin-top: 8px; }","#GM_config .config_var { margin: 0 0 4px; }","#GM_config .section_header { background: #414141; border: 1px solid #000; color: #FFF;"," font-size: 13pt; margin: 0; }","#GM_config .section_desc { background: #EFEFEF; border: 1px solid #CCC; color: #575757;"+" font-size: 9pt; margin: 0 0 6px; }"].join("\n")+"\n",basicPrefix:"GM_config",stylish:""}}if(args.length==1&&typeof args[0].id=="string"&&typeof args[0].appendChild!=
  96. "function")var settings=args[0];else{var settings={};for(var i=0,l=args.length,arg;i<l;++i){arg=args[i];if(typeof arg.appendChild=="function"){settings.frame=arg;continue}switch(typeof arg){case "object":for(var j in arg){if(typeof arg[j]!="function"){settings.fields=arg;break}if(!settings.events)settings.events={};settings.events[j]=arg[j]}break;case "function":settings.events={onOpen:arg};break;case "string":if(/\w+\s*\{\s*\w+\s*:\s*\w+[\s|\S]*\}/.test(arg))settings.css=arg;else settings.title=
  97. arg;break}}}if(settings.id)config.id=settings.id;else if(typeof config.id=="undefined")config.id="GM_config";if(settings.title)config.title=settings.title;if(settings.css)config.css.stylish=settings.css;if(settings.frame)config.frame=settings.frame;if(settings.events){var events=settings.events;for(var e in events)config["on"+e.charAt(0).toUpperCase()+e.slice(1)]=events[e]}if(settings.fields){var stored=config.read(),fields=settings.fields,customTypes=settings.types||{},configId=config.id;for(var id in fields){var field=
  98. fields[id];if(field)config.fields[id]=new GM_configField(field,stored[id],id,customTypes[field.type],configId);else if(config.fields[id])delete config.fields[id]}}if(config.id!=config.css.basicPrefix){config.css.basic=config.css.basic.replace(new RegExp("#"+config.css.basicPrefix,"gm"),"#"+config.id);config.css.basicPrefix=config.id}}
  99. GM_configStruct.prototype={init:function(){GM_configInit(this,arguments);this.onInit()},open:function(){var match=document.getElementById(this.id);if(match&&(match.tagName=="IFRAME"||match.childNodes.length>0))return;var config=this;function buildConfigWin(body,head){var create=config.create,fields=config.fields,configId=config.id,bodyWrapper=create("div",{id:configId+"_wrapper"});head.appendChild(create("style",{type:"text/css",textContent:config.css.basic+config.css.stylish}));bodyWrapper.appendChild(create("div",
  100. {id:configId+"_header",className:"config_header block center"},config.title));var section=bodyWrapper,secNum=0;for(var id in fields){var field=fields[id],settings=field.settings;if(settings.section){section=bodyWrapper.appendChild(create("div",{className:"section_header_holder",id:configId+"_section_"+secNum}));if(Object.prototype.toString.call(settings.section)!=="[object Array]")settings.section=[settings.section];if(settings.section[0])section.appendChild(create("div",{className:"section_header center",
  101. id:configId+"_section_header_"+secNum},settings.section[0]));if(settings.section[1])section.appendChild(create("p",{className:"section_desc center",id:configId+"_section_desc_"+secNum},settings.section[1]));++secNum}section.appendChild(field.wrapper=field.toNode())}bodyWrapper.appendChild(create("div",{id:configId+"_buttons_holder"},create("button",{id:configId+"_saveBtn",textContent:"Save",title:"Save settings",className:"saveclose_buttons",onclick:function(){config.save()}}),create("button",{id:configId+
  102. "_closeBtn",textContent:"Close",title:"Close window",className:"saveclose_buttons",onclick:function(){config.close()}}),create("div",{className:"reset_holder block"},create("a",{id:configId+"_resetLink",textContent:"Reset to defaults",href:"#",title:"Reset fields to default values",className:"reset",onclick:function(e){e.preventDefault();config.reset()}}))));body.appendChild(bodyWrapper);config.center();window.addEventListener("resize",config.center,false);config.onOpen(config.frame.contentDocument||
  103. config.frame.ownerDocument,config.frame.contentWindow||window,config.frame);window.addEventListener("beforeunload",function(){config.close()},false);config.frame.style.display="block";config.isOpen=true}var defaultStyle="bottom: auto; border: 1px solid #000; display: none; height: 75%;"+" left: 0; margin: 0; max-height: 95%; max-width: 95%; opacity: 0;"+" overflow: auto; padding: 0; position: fixed; right: auto; top: 0;"+" width: 75%; z-index: 9999;";if(this.frame){this.frame.id=this.id;this.frame.setAttribute("style",
  104. defaultStyle);buildConfigWin(this.frame,this.frame.ownerDocument.getElementsByTagName("head")[0])}else{document.body.appendChild(this.frame=this.create("iframe",{id:this.id,style:defaultStyle}));this.frame.src="about:blank";this.frame.addEventListener("load",function(e){var frame=config.frame;var body=frame.contentDocument.getElementsByTagName("body")[0];body.id=config.id;buildConfigWin(body,frame.contentDocument.getElementsByTagName("head")[0])},false)}},save:function(){var forgotten=this.write();
  105. this.onSave(forgotten)},close:function(){if(this.frame.contentDocument){this.remove(this.frame);this.frame=null}else{this.frame.innerHTML="";this.frame.style.display="none"}var fields=this.fields;for(var id in fields){var field=fields[id];field.wrapper=null;field.node=null}this.onClose();this.isOpen=false},set:function(name,val){this.fields[name].value=val;if(this.fields[name].node)this.fields[name].reload()},get:function(name,getLive){var field=this.fields[name],fieldVal=null;if(getLive&&field.node)fieldVal=
  106. field.toValue();return fieldVal!=null?fieldVal:field.value},write:function(store,obj){if(!obj){var values={},forgotten={},fields=this.fields;for(var id in fields){var field=fields[id];var value=field.toValue();if(field.save)if(value!=null){values[id]=value;field.value=value}else values[id]=field.value;else forgotten[id]=value}}try{this.setValue(store||this.id,this.stringify(obj||values))}catch(e){this.log("GM_config failed to save settings!")}return forgotten},read:function(store){try{var rval=this.parser(this.getValue(store||
  107. this.id,"{}"))}catch(e){this.log("GM_config failed to read saved settings!");var rval={}}return rval},reset:function(){var fields=this.fields;for(var id in fields)fields[id].reset();this.onReset()},create:function(){switch(arguments.length){case 1:var A=document.createTextNode(arguments[0]);break;default:var A=document.createElement(arguments[0]),B=arguments[1];for(var b in B)if(b.indexOf("on")==0)A.addEventListener(b.substring(2),B[b],false);else if(",style,accesskey,id,name,src,href,which,for".indexOf(","+
  108. b.toLowerCase())!=-1)A.setAttribute(b,B[b]);else A[b]=B[b];if(typeof arguments[2]=="string")A.innerHTML=arguments[2];else for(var i=2,len=arguments.length;i<len;++i)A.appendChild(arguments[i])}return A},center:function(){var node=this.frame;if(!node)return;var style=node.style,beforeOpacity=style.opacity;if(style.display=="none")style.opacity="0";style.display="";style.top=Math.floor(window.innerHeight/2-node.offsetHeight/2)+"px";style.left=Math.floor(window.innerWidth/2-node.offsetWidth/2)+"px";
  109. style.opacity="1"},remove:function(el){if(el&&el.parentNode)el.parentNode.removeChild(el)}};
  110. (function(){var isGM=typeof GM_getValue!="undefined"&&typeof GM_getValue("a","b")!="undefined",setValue,getValue,stringify,parser;if(!isGM){setValue=function(name,value){return localStorage.setItem(name,value)};getValue=function(name,def){var s=localStorage.getItem(name);return s==null?def:s};stringify=JSON.stringify;parser=JSON.parse}else{setValue=GM_setValue;getValue=GM_getValue;stringify=typeof JSON=="undefined"?function(obj){return obj.toSource()}:JSON.stringify;parser=typeof JSON=="undefined"?
  111. function(jsonData){return(new Function("return "+jsonData+";"))()}:JSON.parse}GM_configStruct.prototype.isGM=isGM;GM_configStruct.prototype.setValue=setValue;GM_configStruct.prototype.getValue=getValue;GM_configStruct.prototype.stringify=stringify;GM_configStruct.prototype.parser=parser;GM_configStruct.prototype.log=window.console?console.log:isGM&&typeof GM_log!="undefined"?GM_log:window.opera?opera.postError:function(){}})();
  112. function GM_configDefaultValue(type,options){var value;if(type.indexOf("unsigned ")==0)type=type.substring(9);switch(type){case "radio":case "select":value=options[0];break;case "checkbox":value=false;break;case "int":case "integer":case "float":case "number":value=0;break;default:value=""}return value}
  113. function GM_configField(settings,stored,id,customType,configId){this.settings=settings;this.id=id;this.configId=configId;this.node=null;this.wrapper=null;this.save=typeof settings.save=="undefined"?true:settings.save;if(settings.type=="button")this.save=false;this["default"]=typeof settings["default"]=="undefined"?customType?customType["default"]:GM_configDefaultValue(settings.type,settings.options):settings["default"];this.value=typeof stored=="undefined"?this["default"]:stored;if(customType){this.toNode=
  114. customType.toNode;this.toValue=customType.toValue;this.reset=customType.reset}}
  115. GM_configField.prototype={create:GM_configStruct.prototype.create,toNode:function(){var field=this.settings,value=this.value,options=field.options,type=field.type,id=this.id,configId=this.configId,labelPos=field.labelPos,create=this.create;function addLabel(pos,labelEl,parentNode,beforeEl){if(!beforeEl)beforeEl=parentNode.firstChild;switch(pos){case "right":case "below":if(pos=="below")parentNode.appendChild(create("br",{}));parentNode.appendChild(labelEl);break;default:if(pos=="above")parentNode.insertBefore(create("br",
  116. {}),beforeEl);parentNode.insertBefore(labelEl,beforeEl)}}var retNode=create("div",{className:"config_var",id:configId+"_"+id+"_var",title:field.title||""}),firstProp;for(var i in field){firstProp=i;break}var label=field.label&&type!="button"?create("label",{id:configId+"_"+id+"_field_label","for":configId+"_field_"+id,className:"field_label"},field.label):null;switch(type){case "textarea":retNode.appendChild(this.node=create("textarea",{innerHTML:value,id:configId+"_field_"+id,className:"block",cols:field.cols?
  117. field.cols:20,rows:field.rows?field.rows:2}));break;case "radio":var wrap=create("div",{id:configId+"_field_"+id});this.node=wrap;for(var i=0,len=options.length;i<len;++i){var radLabel=create("label",{className:"radio_label"},options[i]);var rad=wrap.appendChild(create("input",{value:options[i],type:"radio",name:id,checked:options[i]==value}));var radLabelPos=labelPos&&(labelPos=="left"||labelPos=="right")?labelPos:firstProp=="options"?"left":"right";addLabel(radLabelPos,radLabel,wrap,rad)}retNode.appendChild(wrap);
  118. break;case "select":var wrap=create("select",{id:configId+"_field_"+id});this.node=wrap;for(var i=0,len=options.length;i<len;++i){var option=options[i];wrap.appendChild(create("option",{value:option,selected:option==value},option))}retNode.appendChild(wrap);break;default:var props={id:configId+"_field_"+id,type:type,value:type=="button"?field.label:value};switch(type){case "checkbox":props.checked=value;break;case "button":props.size=field.size?field.size:25;if(field.script)field.click=field.script;
  119. if(field.click)props.onclick=field.click;break;case "hidden":break;default:props.type="text";props.size=field.size?field.size:25}retNode.appendChild(this.node=create("input",props))}if(label){if(!labelPos)labelPos=firstProp=="label"||type=="radio"?"left":"right";addLabel(labelPos,label,retNode)}return retNode},toValue:function(){var node=this.node,field=this.settings,type=field.type,unsigned=false,rval=null;if(!node)return rval;if(type.indexOf("unsigned ")==0){type=type.substring(9);unsigned=true}switch(type){case "checkbox":rval=
  120. node.checked;break;case "select":rval=node[node.selectedIndex].value;break;case "radio":var radios=node.getElementsByTagName("input");for(var i=0,len=radios.length;i<len;++i)if(radios[i].checked)rval=radios[i].value;break;case "button":break;case "int":case "integer":case "float":case "number":var num=Number(node.value);var warn='Field labeled "'+field.label+'" expects a'+(unsigned?" positive ":"n ")+"integer value";if(isNaN(num)||type.substr(0,3)=="int"&&Math.ceil(num)!=Math.floor(num)||unsigned&&
  121. num<0){alert(warn+".");return null}if(!this._checkNumberRange(num,warn))return null;rval=num;break;default:rval=node.value;break}return rval},reset:function(){var node=this.node,field=this.settings,type=field.type;if(!node)return;switch(type){case "checkbox":node.checked=this["default"];break;case "select":for(var i=0,len=node.options.length;i<len;++i)if(node.options[i].textContent==this["default"])node.selectedIndex=i;break;case "radio":var radios=node.getElementsByTagName("input");for(var i=0,len=
  122. radios.length;i<len;++i)if(radios[i].value==this["default"])radios[i].checked=true;break;case "button":break;default:node.value=this["default"];break}},remove:function(el){GM_configStruct.prototype.remove(el||this.wrapper);this.wrapper=null;this.node=null},reload:function(){var wrapper=this.wrapper;if(wrapper){var fieldParent=wrapper.parentNode;fieldParent.insertBefore(this.wrapper=this.toNode(),wrapper);this.remove(wrapper)}},_checkNumberRange:function(num,warn){var field=this.settings;if(typeof field.min==
  123. "number"&&num<field.min){alert(warn+" greater than or equal to "+field.min+".");return null}if(typeof field.max=="number"&&num>field.max){alert(warn+" less than or equal to "+field.max+".");return null}return true}};var GM_config=new GM_configStruct;
  124.  
  125.  
  126. ////////////////////////////////////////////////////////////////
  127. //    END OF ORIGINAL GM_CONFIG                               //
  128. ////////////////////////////////////////////////////////////////
  129.  
  130.  
  131.  
  132.  
  133.     // I'm going to edit GM_config slightly.
  134.     // Mostly to get rid of the 'alerts' when something is wrong.
  135.     // (alerts pause the window, which causes you to disconnect from a game)
  136.  
  137.  
  138.     // This function will return true when no errors were found.
  139.  
  140.     GM_configStruct.prototype.valid = function() {
  141.  
  142.  
  143.         for (var id in this.fields) {
  144.  
  145.             var node = this.fields[id].node;
  146.  
  147.             if (node.validity && !node.validity.valid) return false;
  148.  
  149.             /*
  150.             var field = this.fields[id],
  151.                 type = field.settings.type,
  152.                 unsigned = false;
  153.  
  154.             if (type.indexOf('unsigned ') == 0) {
  155.                 type = type.substring(9);
  156.                 unsigned = true;
  157.             }
  158.  
  159.             if (['int','integer','float','number'].includes(type)) {
  160.  
  161.                 var num = Number(field.node.value);
  162.  
  163.                 var warn = 'Field labeled "' + field.label + '" expects a' +
  164.                     (unsigned ? ' positive ' : 'n ') + 'integer value';
  165.  
  166.                 if (isNaN(num) ||
  167.                     (type.substr(0, 3) == 'int' && Math.ceil(num) != Math.floor(num)) ||
  168.                     (unsigned && num < 0)) {
  169.                     // Add a few ways for scripters to know that there is an error
  170.                     field.error = true;
  171.                     field.wrapper.classList.add('error');
  172.                     correct = false;
  173.                 }
  174.  
  175.                 else if (typeof field.settings.min == "number" && num < field.settings.min) {
  176.                     // Add a few ways for scripters to know that there is an error
  177.                     field.error = true;
  178.                     field.wrapper.classList.add('error');
  179.                     correct = false;
  180.                 }
  181.  
  182.                 else if (typeof field.settings.max == "number" && num > field.settings.max) {
  183.                     // Add a few ways for scripters to know that there is an error
  184.                     field.error = true;
  185.                     field.wrapper.classList.add('error');
  186.                     correct = false;
  187.                 }
  188.  
  189.                 else {
  190.                     // Add a few ways for scripters to know that there is NO error
  191.                     field.error = false;
  192.                     field.wrapper.classList.remove('error');
  193.                 }
  194.             }*/
  195.         }
  196.  
  197.         return true;
  198.     }
  199.  
  200.  
  201.     // Change the field prototype
  202.  
  203.     var org_toNode = GM_configField.prototype.toNode;
  204.  
  205.     GM_configField.prototype.toNode = function(){
  206.  
  207.         var retNode = org_toNode.apply(this, ...arguments);
  208.  
  209.         var unsigned = false,
  210.             type = this.settings.type;
  211.  
  212.         if (type.indexOf('unsigned ') == 0) {
  213.             type = type.substring(9);
  214.             unsigned = true;
  215.         }
  216.  
  217.         if (this.node.validity) {
  218.             // Validity checks will work for ANY input, not only numbers.
  219.             // For example, if you want a text field to have at least 3 characters,
  220.             // manually set the 'minLength' tag to 3 and the rest will be done
  221.             // automagically.
  222.  
  223.             // Immediately show a validity report while typing / clicking
  224.             this.node.addEventListener('input', this.node.reportValidity);
  225.             this.node.addEventListener('click', this.node.reportValidity);
  226.  
  227.             // The autocomplete covers the validity report (at least in Chrome)
  228.             this.node.autocomplete = 'off';
  229.         }
  230.  
  231.         if (['int','integer','float','number'].includes(type)) {
  232.  
  233.             // By default, GM_config makes most inputs a text field, even numbers.
  234.             // Lets fix that, to be able to check min and max values better.
  235.  
  236.             this.node.type = 'number';
  237.  
  238.             if (this.settings.min) this.node.min = this.settings.min;
  239.             if (this.settings.max) this.node.max = this.settings.max;
  240.  
  241.             // unsigned means non-negative
  242.             if (unsigned) this.node.min = Math.max(0,this.settings.min);
  243.  
  244.             // integers are only whole numbers
  245.             if (type.substr(0, 3) == 'int') this.node.step = 1;
  246.         }
  247.  
  248.         if (!['radio','select','checkbox','button','hidden'].includes(type)) {
  249.             // Disable TagPro's controls when typing inside a field you can type in
  250.             // You can call tpul.rollingChat.enable() to make the Arrow keys move your ball, even when typing text.
  251.             this.node.addEventListener('focus', function(){tagpro.disableControls = true;});
  252.             this.node.addEventListener('blur', function(){tagpro.disableControls = false;});
  253.         }
  254.  
  255.         return retNode;
  256.     }
  257.  
  258.  
  259.  
  260.     return GM_configStruct;
  261. })();
  262.  
  263.  
  264.  
  265.  
  266.  
  267.  
  268.  
  269.  
  270. var tpul = (function(){
  271.  
  272.  
  273.  
  274.  
  275.     // =====STYLE SECTION=====
  276.  
  277.  
  278.  
  279.     // Create our own stylesheet to define the styles in:
  280.  
  281.     var style = document.getElementById('tpul-style') || document.createElement('style');
  282.     document.head.appendChild(style);
  283.     style.id = 'tpul-style';
  284.  
  285.     // Remove all existing rules of any previous TPUL version.
  286.  
  287.     var styleSheet = style.sheet;
  288.     Array.from(styleSheet.cssRules).forEach(rule => styleSheet.deleteRule(rule))
  289.  
  290.     // THE SETTINGS MENU BUTTONS
  291.  
  292.     // Container for settings buttons
  293.     styleSheet.insertRule(` #tpul-settings-menu {
  294. text-align: center;
  295. margin: 0 10%;
  296. }`);
  297.  
  298.     // A settings button
  299.     styleSheet.insertRule(` .tpul-settings-btn {
  300. position: relative;
  301. width: 64px;
  302. height: 64px;
  303. padding: 10px;
  304. margin: 20px;
  305. background-size: contain !important;
  306. background-origin: content-box !important;
  307. background-repeat: no-repeat !important;
  308. outline: none;
  309. }`);
  310.  
  311.     // Blue line around button when focussed
  312.     styleSheet.insertRule(` .tpul-settings-btn:focus::after {
  313. content: "";
  314. position: absolute;
  315. width: 100%;
  316. height: 100%;
  317. border: 2px solid Highlight;
  318. top: 0;
  319. left: 0;
  320. }`);
  321.  
  322.     // Tooltip of button
  323.     styleSheet.insertRule(` .tpul-settings-btn span {
  324. position: absolute;
  325. z-index: 1;
  326. border-radius: 10px;
  327. margin-top: 10px;
  328. padding: 10px;
  329. background: #0E8AE0;
  330. border: 1px solid #095C96;
  331. box-shadow: 0 3px #095C96;
  332. font-size: small;
  333. top: 100%;
  334. left: 50%;
  335. transform: translateX(-50%);
  336. width: max-content;
  337. min-width: 64px;
  338. max-width: 128px;
  339. overflow-wrap: break-word;
  340. word-wrap: break-word;
  341. pointer-events: none;
  342. opacity: 0;
  343. transition: opacity .3s;
  344. }`);
  345.  
  346.  
  347.     // Arrow of tooltip
  348.     styleSheet.insertRule(` .tpul-settings-btn span::after {
  349. content: "";
  350. position: absolute;
  351. left: 50%;
  352. bottom: 100%;
  353. margin-left: -20px;
  354. border-width: 20px;
  355. border-style: solid;
  356. border-color: transparent transparent #0E8AE0 transparent;
  357. }`);
  358.  
  359.     // Show tooltip when hovering/focussing
  360.     styleSheet.insertRule(`.tpul-settings-btn:hover span, .tpul-settings-btn:focus span {
  361. opacity: 1;
  362. }`);
  363.  
  364.  
  365.  
  366.     // THE SETTINGS PANEL
  367.  
  368.     // The frame (gray, spans full page)
  369.     styleSheet.insertRule(` .tpul-settings-frame {
  370. position: fixed;
  371. z-index: 1;
  372. left: 0;
  373. top: 0;
  374. width: 100%;
  375. height: 100%;
  376. overflow: auto;
  377. background-color: rgba(0,0,0,0.4);
  378.  
  379. transition: opacity .5s;
  380. opacity: 0;
  381. pointer-events: none;
  382. }`);
  383.  
  384.     // The frame when shown
  385.     styleSheet.insertRule(`.tpul-settings-shown .tpul-settings-frame {
  386. opacity: 1;
  387. pointer-events: auto;
  388. }`);
  389.  
  390.     // The settings window itself
  391.     styleSheet.insertRule(` .tpul-settings-frame > div {
  392. width: 80%;
  393. max-width: 800px;
  394. margin: auto;
  395. margin-bottom: 10%;
  396.  
  397. position: relative;
  398. padding: 20px;
  399.  
  400. border: 1px solid #888;
  401. border-radius: 15px;
  402. background: #353535;
  403.  
  404. font-size: 16px;
  405.  
  406. top: 200%;
  407. transition: top .5s;
  408. }`);
  409.  
  410.     styleSheet.insertRule(`.tpul-settings-shown .tpul-settings-frame         > div { top: 120%; }`);
  411.     // In a game we want to have an 80% gap to be able to keep playing.
  412.     styleSheet.insertRule(`.tpul-settings-shown .tpul-settings-frame.in-game > div { top: 180%; }`);
  413.  
  414.  
  415.     styleSheet.insertRule(`.tpul-settings-frame .config_header {
  416. font-size: 2em;
  417. font-weight: bold;
  418. }`);
  419.  
  420.     styleSheet.insertRule(`.tpul-settings-frame .section_header {
  421. font-size: 1.5em;
  422. font-weight: bold;
  423. }`);
  424.  
  425.     styleSheet.insertRule(`.tpul-settings-frame .config_var {
  426. }`);
  427.  
  428.  
  429.     // ERRORS in fields:
  430.     styleSheet.insertRule(`.tpul-settings-frame .config_var input:invalid {
  431. box-shadow: inset 0 0 10px rgba(255,0,0,1), 0 0 10px rgba(255, 0, 0, 1);
  432. }`);
  433.  
  434.     /*styleSheet.insertRule(`.tpul-settings-frame .config_var.error:before {
  435. content: attr(data-min) ' - ' attr(data-max);
  436. display: block;
  437. text-align: right;
  438. margin: 5px 20px;
  439. color: #FFA9A2;
  440. font-style: italic;
  441. }`);*/
  442.  
  443.     styleSheet.insertRule(`.tpul-settings-frame .field_label {
  444. font-weight: bold;
  445. }`);
  446.     styleSheet.insertRule(`.tpul-settings-frame .form-control {
  447. background: #212121;
  448. border-color: #5f5f5f;
  449. }`);
  450.     styleSheet.insertRule(`.tpul-settings-frame .form-control[type="checkbox"] {
  451. width: auto;
  452. }`);
  453.     styleSheet.insertRule(`.tpul-settings-frame .btn-default {
  454. border-color: #888888;
  455. }`);
  456.     styleSheet.insertRule(`.tpul-settings-frame textarea.form-control {
  457. resize: vertical;
  458. }`);
  459.  
  460.     styleSheet.insertRule(`.tpul-settings-frame .btn-primary {
  461. margin-left: 10px;
  462. }`);
  463.  
  464.  
  465.  
  466.     styleSheet.insertRule(`.tpul-settings-frame .tab-list {
  467. border-bottom-color: #888888;
  468. }`);
  469.     styleSheet.insertRule(`.tpul-settings-frame .tab-list li {
  470. cursor: pointer;
  471. color: #8BC34A;
  472. font-size: 1.5em;
  473. }`);
  474.     styleSheet.insertRule(`.tpul-settings-frame .tab-list li:hover {
  475. color: #689F38;
  476. }`);
  477.     styleSheet.insertRule(`.tpul-settings-frame .tab-list li.active {
  478. border-color: #888888;
  479. border-bottom-color: transparent;
  480. background-color: #353535;
  481. }`);
  482.  
  483.  
  484.  
  485.     // save/close/etc buttons
  486.  
  487.     styleSheet.insertRule(`.tpul-settings-frame-buttons-holder {
  488. height: 0;
  489. text-align: right;
  490. }`);
  491.  
  492.     styleSheet.insertRule(`.tpul-settings-frame-buttons-holder button {
  493. padding: 4px .5em;
  494. }`);
  495.  
  496.  
  497.     /*
  498.     
  499.     //Bad design notice:
  500.  
  501.     styleSheet.insertRule(` .tpul-settings-frame > div::after {
  502. content: "Sorry for the bad design, I'm working on it!";
  503. font-style: italic;
  504. color: gray;
  505. }`);
  506.  
  507.     */
  508.  
  509.     // Stop the body from scrolling when the settings panel is shown
  510.     styleSheet.insertRule(`body.tpul-settings-shown {
  511. overflow:hidden !important;
  512. }`);
  513.  
  514.  
  515.  
  516.  
  517.     // Notifications
  518.     styleSheet.insertRule(` .tpul-notification-success {
  519. border-color: #8BC34A;
  520. background: #4C6D25;
  521. color: black;
  522. }`);
  523.  
  524.     styleSheet.insertRule(` .tpul-notification-error {
  525. border-color: #BD0E0B;
  526. background: #6B2121;
  527. color: #FFA9A2;
  528. }`);
  529.  
  530.     styleSheet.insertRule(` .tpul-notification-warning {
  531. border-color: Olive;
  532. background: DarkKhaki;
  533. color: black;
  534. }`);
  535.  
  536.     styleSheet.insertRule(` .tpul-notification {
  537. position: fixed;
  538. bottom: 0px;
  539.  
  540. padding: 10px;
  541.  
  542. width: 100%;
  543.  
  544. text-align: center;
  545.  
  546. cursor: pointer;
  547. z-index: 2;
  548.  
  549. border-top: 1px solid #404040;
  550. background: #353535;
  551. color: #fff;
  552.  
  553. animation: slideUp 1s;
  554. transform: translateY(0);
  555. transition: transform 1s;
  556. }`);
  557.  
  558.     styleSheet.insertRule(` .tpul-notification.vanish {
  559. transform: translateY(100%);
  560. }`);
  561.  
  562.     styleSheet.insertRule(` @keyframes slideUp {
  563. 0% { transform: translateY(100%); }
  564. 100% { transform: translateY(0%); }
  565. }`);
  566.  
  567.  
  568.  
  569.     // =====NOITCES ELYTS=====
  570.  
  571.  
  572.  
  573.  
  574.  
  575.     // =====DOM SECTION=====
  576.  
  577.  
  578.  
  579.     var SettingsMenu = document.getElementById('tpul-settings-menu') || document.createElement('div');
  580.     SettingsMenu.id = 'tpul-settings-menu';
  581.  
  582.     var SettingsFrame = document.getElementsByClassName('tpul-settings-frame')[0] || document.createElement('div');
  583.     SettingsFrame.className = 'tpul-settings-frame';
  584.     if(location.port) SettingsFrame.classList.add('in-game');
  585.     document.body.appendChild(SettingsFrame);
  586.  
  587.  
  588.     // =====NOITCES MOD=====
  589.  
  590.  
  591.  
  592.  
  593.  
  594.     // =====LOGIC SECTION=====
  595.  
  596.  
  597.  
  598.     var GM_storage = typeof GM_setValue === 'function' && typeof GM_getValue === 'function',
  599.         all_settings = [],
  600.         profileId = null,
  601.         last_opened = null,
  602.         rollingChatEnabled = false;
  603.  
  604.     var tpul = {
  605.         get version(){return version},
  606.  
  607.         settings: {
  608.             addSettings: function({id, title, fields, icon, tooltipText, buttonText}) {
  609.  
  610.                 var config = arguments[0];
  611.  
  612.                 if (config.allowLocal && !id && !GM_storage) throw "TPUL: A unique id is required, because localStorage will be used! By the way; it is better to @grant GM_getValue and GM_setValue and set 'allowLocal:false' to use private storage instead.";
  613.  
  614.                 if (!config.allowLocal && !GM_storage) throw "TPUL: Please @grant GM_setValue and GM_getValue in your userscripts metadata (recommended) or use 'allowLocal:true' (not recommended)";
  615.  
  616.  
  617.                 if (arguments.length != 1 || typeof config != 'object')
  618.                     throw Error("addSettings() takes one object as an argument! Example: addSettings( {id:'MySettings', title:'Hello World'} )");
  619.  
  620.                 // Create a new GM_config instance
  621.                 let settings = new GM_configStruct({
  622.  
  623.                     frame: SettingsFrame,
  624.  
  625.                     ...config,
  626.  
  627.                     id: String(config.id) || 'defaultId',
  628.  
  629.                     events: {
  630.                         ...(config.events||{}),
  631.  
  632.                         open: function(){
  633.  
  634.                             //Remove the default inline style of the GM_config frame
  635.                             this.frame.setAttribute('style', '');
  636.  
  637.                             //Apply some TagPro/Bootstrap styles
  638.                             SettingsFrame.firstChild.classList.add('form-horizontal');
  639.                             for (let el of SettingsFrame.getElementsByClassName('config_header')) el.classList.add('header-title');
  640.                             for (let el of SettingsFrame.getElementsByClassName('config_var')) el.classList.add('form-group');
  641.                             for (let el of SettingsFrame.getElementsByClassName('field_label')) {
  642.                                 el.classList.add('col-xs-4');
  643.                                 el.classList.add('control-label');
  644.                             }
  645.                             for (let el of SettingsFrame.getElementsByClassName('radio_label')) el.classList.add('radio');
  646.                             for (let el of [...SettingsFrame.getElementsByTagName('input'),
  647.                                             ...SettingsFrame.getElementsByTagName('select'),
  648.                                             ...SettingsFrame.getElementsByTagName('textarea')]) {
  649.  
  650.                                 switch (el.type) {
  651.                                     case 'radio':
  652.                                         el.parentElement.classList.add('col-xs-8');
  653.                                         el.parentElement.style.paddingLeft = '30px';
  654.                                         el.nextElementSibling.prepend(el);
  655.                                         continue;
  656.                                     case 'button':
  657.                                         el.classList.add('btn');
  658.                                         el.classList.add('btn-default');
  659.                                         break;
  660.                                     default:
  661.                                         el.classList.add('form-control');
  662.  
  663.                                 }
  664.  
  665.                                 var div = document.createElement('div');
  666.                                 el.parentElement.appendChild(div);
  667.                                 div.appendChild(el);
  668.  
  669.                                 div.classList.add('col-xs-8');
  670.                                 div.classList.add('pull-right');
  671.                             }
  672.  
  673.                             // The footer with the buttons:
  674.  
  675.                             var buttonsHolder = SettingsFrame.firstElementChild.lastElementChild;
  676.                             buttonsHolder.classList.add('col-sm-12');
  677.                             buttonsHolder.classList.add('tpul-settings-frame-buttons-holder');
  678.  
  679.                             // Place the "footer" on top
  680.                             buttonsHolder.parentElement.insertBefore(buttonsHolder, buttonsHolder.parentElement.firstElementChild);
  681.  
  682.                             for (var btn of [...buttonsHolder.getElementsByClassName('saveclose_buttons'),
  683.                                              ...buttonsHolder.getElementsByClassName('reset')]) {
  684.                                 btn.classList.add('btn');
  685.                                 btn.classList.add('btn-primary');
  686.                             }
  687.  
  688.                             buttonsHolder.innerHTML = '';
  689.  
  690.                             for (var type of this.buttons || ['ok','cancel','reset']) {
  691.                                 var button = document.createElement('button');
  692.                                 button.className = 'btn btn-primary';
  693.                                 button.settings = settings;
  694.                                 buttonsHolder.appendChild(button);
  695.  
  696.                                 switch(type.toLowerCase()) {
  697.                                     case 'ok':
  698.                                         button.onclick = function(){
  699.                                             if(this.settings.valid()) {this.settings.save(); this.settings.close(); tpul.notify('Options saved!','success');}
  700.                                             else {tpul.notify('Please fix any issues before saving', 'error');}
  701.                                         };
  702.                                         button.innerText = 'Ok';
  703.                                         break;
  704.                                     case 'cancel':
  705.                                         button.onclick = function(){ this.settings.close(); tpul.notify('Options canceled','warning'); };
  706.                                         button.innerText = 'Cancel';
  707.                                         break;
  708.                                     case 'reset':
  709.                                         button.onclick = function(){ this.settings.reset(); tpul.notify('All options are reset to their defaults','');};
  710.                                         button.innerText = 'Reset';
  711.                                         break;
  712.                                     case 'save':
  713.                                         button.onclick = function(){
  714.                                             if(this.settings.valid()) {this.settings.save(); tpul.notify('Options saved!','success');}
  715.                                             else {tpul.notify('Please fix any issues before saving', 'error');}
  716.                                         };
  717.                                         button.innerText = 'Save';
  718.                                         break;
  719.                                     case 'close':
  720.                                         button.onclick = function(){ this.settings.close(); tpul.notify('Options canceled','warning'); };
  721.                                         button.innerText = 'Close';
  722.                                         break;
  723.                                 }
  724.                             }
  725.  
  726.  
  727.                             if (this.tabs) {
  728.  
  729.                                 var tablist = document.createElement('ul');
  730.                                 tablist.classList.add('tab-list');
  731.                                 SettingsFrame.firstElementChild.insertBefore(tablist, SettingsFrame.firstElementChild.lastElementChild);
  732.  
  733.                                 var tabcontent = document.createElement('div');
  734.                                 tabcontent.classList.add('tab-content');
  735.                                 SettingsFrame.firstElementChild.insertBefore(tabcontent, SettingsFrame.firstElementChild.lastElementChild);
  736.  
  737.                                 for (let el of [...SettingsFrame.getElementsByClassName('section_header_holder')]) {
  738.  
  739.                                     var header = el.getElementsByClassName('section_header')[0];
  740.  
  741.                                     tablist.innerHTML += '<li data-target="#'+el.id+'">' + header.innerText;
  742.  
  743.                                     tabcontent.appendChild(el);
  744.                                     el.classList.add('tab-pane');
  745.  
  746.                                     el.removeChild(header);
  747.                                 }
  748.  
  749.                                 tablist.firstElementChild.click();
  750.  
  751.                             } else {
  752.                                 for (let el of SettingsFrame.getElementsByClassName('section_header')) el.classList.add('header-title');
  753.                             }
  754.  
  755.                             //Open the settings on our way (animated, blocking scroll of body etc.)
  756.                             this.frame.style.display = '';
  757.                             SettingsFrame.scrollTop = SettingsFrame.offsetHeight;
  758.                             document.body.classList.add('tpul-settings-shown');
  759.  
  760.                             last_opened = settings;
  761.  
  762.                             if (this.events && typeof this.events.open == "function")
  763.                                 this.events.open.call(this,...arguments);
  764.                         },
  765.  
  766.                         close: function(){
  767.                             if(this.isOpen){}//TODO: Check whether unsaved?
  768.  
  769.                             SettingsFrame.removeEventListener('scroll', settings.scroll);
  770.  
  771.                             //close the settings in our way (animated)
  772.                             this.frame.style.display = '';
  773.                             document.body.classList.remove('tpul-settings-shown')
  774.  
  775.                             if (this.events && typeof this.events.close == "function")
  776.                                 this.events.close.call(this,...arguments);
  777.                         },
  778.                     }
  779.                 });
  780.  
  781.                 // Remove all other default styles of GM_config
  782.                 delete settings.css.basic;
  783.  
  784.                 // Create a button using the function below
  785.                 var button = tpul.settings.addButton({
  786.                     onclick: ()=>settings.open(),
  787.                     icon: icon,
  788.                     tooltipText: tooltipText,
  789.                     buttonText: buttonText,
  790.                 });
  791.  
  792.                 settings.button = button;
  793.  
  794.                 for (let c in config) if(settings[c] === undefined) settings[c] = config[c];
  795.  
  796.                 all_settings.push(settings);
  797.  
  798.                 return settings;
  799.  
  800.             },
  801.             addButton: function({onclick, icon, tooltipText, buttonText}) {
  802.  
  803.                 if (!SettingsMenu) {
  804.                     console.error('TPUL: Could not find a place to add the settings button for '+name);
  805.                     return null;
  806.                 }
  807.  
  808.                 var button = document.createElement('button');
  809.                 button.className = 'btn tpul-settings-btn';
  810.  
  811.                 if (icon) {
  812.                     if (icon.search(/^url\((.*)\)$/) == -1) icon = 'url("'+icon+'")';
  813.                     button.style.backgroundImage = icon;
  814.                     button.innerHTML = '&nbsp;';
  815.                 } else button.innerText = buttonText || '?';
  816.  
  817.                 var tooltip = document.createElement('span');
  818.                 tooltip.innerText = tooltipText || "Configure this script's settings" ;
  819.                 button.appendChild(tooltip);
  820.  
  821.                 SettingsMenu.appendChild(button);
  822.  
  823.                 button.addEventListener('click',function(click){
  824.                     button.blur();
  825.                     onclick(click);
  826.                 });
  827.  
  828.                 return button;
  829.             },
  830.             get parent() {return SettingsMenu.parentElement},
  831.             set parent(container) {
  832.  
  833.                 if (container) console.warn('You are repositioning the tpul settings menu. This will affect all settings buttons, not only for your script!');
  834.  
  835.                 container = container ||
  836.                     document.getElementById('tpul-settings-container') || // Try to add it to a position pre-defined by another script (such as ModFather)
  837.                     document.getElementById('userscript-top') || // Try to add it on top of any page on the server
  838.                     document.getElementById('options'); // Try to add it to the scoreboard in-game
  839.  
  840.                 if (container) {
  841.                     container.classList.remove('hidden');
  842.                     container.appendChild(SettingsMenu);
  843.                 } else console.error('Couldn\'t find a parent element.');
  844.  
  845.                 return container;
  846.             },
  847.             get menu(){ return SettingsMenu; },
  848.             set menu(_){ throw "You can't change the TPUL settings menu object. You might mean to change the tpul.settings.parent"; },
  849.         },
  850.  
  851.         profile: {
  852.             getId: function() {
  853.  
  854.                 if (!tpul_promises.getProfileId) {
  855.                     tpul_promises.getProfileId = new Promise(function(resolve,reject) {
  856.  
  857.                         GM_xmlhttpRequest({
  858.                             method: "GET",
  859.                             url: "http://"+document.location.hostname+"/",
  860.                             onload: function(){
  861.                                 var match = this.responseText.match(/profile\/([0-9a-f]+)/i);
  862.                                 if (match) {
  863.                                     profileId = match[1];
  864.                                     resolve(profileId);
  865.                                 } else reject({error:"not logged in"});
  866.                             },
  867.                             onerror: ()=> reject({error:"request error", request:this}),
  868.                         });
  869.                     });
  870.                 }
  871.  
  872.                 return tpul_promises.getProfileId;
  873.             },
  874.  
  875.             getInfo: function() {
  876.  
  877.                 if (!tpul_promises.getProfileInfo) {
  878.  
  879.                     tpul_promises.getProfileInfo = new Promise(function(resolve,reject) {
  880.  
  881.                         tpul.profile.getId().then( function(id){
  882.  
  883.                             GM_xmlhttpRequest({
  884.                                 method: "GET",
  885.                                 url: "http://"+document.location.hostname+"/profiles/"+id,
  886.                                 onload: function(r){
  887.                                     // 'r' is the response that we get back from the TP server, lets do some error handling with it:
  888.  
  889.                                     var arr;
  890.                                     try{  arr = JSON.parse(r.response);  }
  891.                                     catch(e){  reject({error:"/profiles/ responded invalid JSON", request:this});  }
  892.  
  893.                                     if(arr.error) reject(arr);
  894.  
  895.                                     if(Array.isArray( arr ) && arr.length == 1) {
  896.                                         resolve(arr[0]);
  897.                                     }
  898.                                     else reject({error:"unknown error", response:arr, request:this});
  899.                                 },
  900.                                 onerror: ()=> reject({error:"request error", request:this}),
  901.                             });
  902.                         });
  903.  
  904.                         tpul.profile.getId().catch( reject );
  905.  
  906.                     });
  907.                 }
  908.  
  909.                 return tpul_promises.getProfileInfo;
  910.             },
  911.  
  912.             getPage: function() {
  913.  
  914.                 if (!tpul_promises.getProfilePage) {
  915.  
  916.                     tpul_promises.getProfilePage = new Promise(function(resolve,reject) {
  917.  
  918.                         tpul.profile.getId().then( function(id){
  919.  
  920.                             GM_xmlhttpRequest({
  921.                                 method: "GET",
  922.                                 url: "http://"+document.location.hostname+"/profile/"+id,
  923.                                 onload: function(r){
  924.                                     // 'r' is the response that we get back from the TP server, lets do some error handling with it:
  925.                                     if(r.response.error) reject(r.response);
  926.  
  927.                                     var match,
  928.                                         profile = {
  929.                                             settings: {
  930.                                                 allChat: undefined,
  931.                                                 teamChat: undefined,
  932.                                                 groupChat: undefined,
  933.                                                 systemChat: undefined,
  934.                                                 tutorialChat: undefined,
  935.  
  936.                                                 names: undefined,
  937.                                                 degrees: undefined,
  938.                                                 matchState: undefined,
  939.                                                 performanceInfo: undefined,
  940.                                                 spectatorInfo: undefined,
  941.  
  942.                                                 stats: undefined,
  943.                                             },
  944.  
  945.                                             flair: [],
  946.                                         };
  947.  
  948.                                     // If the 'settings' div cannot be found, assume to not be logged in.
  949.                                     if( !/<div(?: [^>]*)? id="settings"/i.test(this.responseText) ) return reject({error:"not logged in", request:this});
  950.  
  951.                                     // Get the global settings
  952.                                     // (ball spin, respawn warnings and video settings are NOT stored on the TP server,
  953.                                     //     only in a cookie on your device)
  954.                                     for (var setting in profile.settings) {
  955.                                         match = RegExp('<input(?: [^>]*)? id="' +setting+ '"(?: [^>]*)? (checked)?', 'i').exec(this.responseText);;
  956.                                         if (match) {
  957.                                             profile.settings[setting] = Boolean(match[1]);
  958.                                         } else return reject({error:"unknown error", request:this});
  959.                                     }
  960.  
  961.                                     // Get the 'Custom Team Names' setting (the only non-boolean setting)
  962.                                     /*
  963.                                     <select id="teamNames" name="teamNames" class="form-control">
  964.                                         <option value="always" >Always</option>
  965.                                         <option value="spectating" >When Spectating</option>
  966.                                         <option value="never" selected>Never</option>
  967.                                     </select>
  968.                                     */
  969.  
  970.                                     var teamNamesOptions = /<select(?: [^>]*)? id="teamNames"(?: [^>]*)?>((?:\s*?.*?)*?)<\/select>/i.exec(this.responseText);
  971.                                     if (teamNamesOptions) {
  972.                                         var teamNamesOpt_rgx = /<option(?: [^>]*)? value="([^>]*)"(?: [^>]*)? (selected)?(?: [^>]*)?>/ig;
  973.                                         while (match = teamNamesOpt_rgx.exec(teamNamesOptions[1]) ){
  974.  
  975.                                             if (match[2]) {
  976.                                                 profile.settings.teamNames = match[1];
  977.                                                 break;
  978.                                             }
  979.                                         }
  980.                                     } else return reject({error:"unknown error", request:this});
  981.  
  982.                                     // Get both names
  983.                                     for (var name of ['reservedName','displayedName']) {
  984.                                         match = RegExp('<input(?: [^>]*)? id="' +name+ '"(?: [^>]*)? value="(.*?)"', 'i').exec(this.responseText);;
  985.                                         if (match) {
  986.                                             profile[name] = match[1];
  987.                                         } else return reject({error:"unknown error", request:this});
  988.                                     }
  989.  
  990.                                     // Get your email
  991.                                     match = /<span(?: [^>]*)? class="hidden-email"(?: [^>]*)?>[^<]*?\b([A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,})\b<\/span>/i.exec(this.responseText);;
  992.                                     if (match) {
  993.                                         profile.email = match[1];
  994.                                     } else return reject({error:"unknown error", request:this});
  995.  
  996.                                     // Get all flairs, and whether they are available, and which one is selected
  997.                                     var flair_rgx = /<li class="(.*?)" data-flair="(.*?)">/ig;
  998.                                     while (match = flair_rgx.exec(this.responseText)) {
  999.                                         var i = profile.flair.push({
  1000.                                             id: match[2],
  1001.                                             selected: match[1].includes('selected'),
  1002.                                             available: match[1].includes('flair-available'),
  1003.                                         });
  1004.                                         if (profile.flair[i-1]) profile.selectedFlair = profile.flair[i-1];
  1005.                                     }
  1006.  
  1007.                                     // Remove duplicate flairs (because there are 3 tabs)
  1008.                                     var flair_ids = [];
  1009.                                     profile.flair = profile.flair.filter(flair => !flair_ids.includes(flair.id) && flair_ids.push(flair.id));
  1010.  
  1011.                                     resolve(profile);
  1012.  
  1013.                                 },
  1014.  
  1015.                                 onerror: ()=> reject({error:"request error", request:this}),
  1016.                             });
  1017.                         });
  1018.  
  1019.                         tpul.profile.getId().catch( reject );
  1020.                     });
  1021.                 }
  1022.  
  1023.                 return tpul_promises.getProfilePage;
  1024.             },
  1025.  
  1026.             getRolling: function() {
  1027.  
  1028.                 if (!tpul_promises.getProfileRolling) {
  1029.  
  1030.                     tpul_promises.getProfileRolling = new Promise(function(resolve,reject) {
  1031.  
  1032.                         tpul.profile.getId().then( function(id){
  1033.  
  1034.                             GM_xmlhttpRequest({
  1035.                                 method: "GET",
  1036.                                 url: "http://"+document.location.hostname+"/profile_rolling/"+id,
  1037.                                 onload: function(r){
  1038.                                     // 'r' is the response that we get back from the TP server, lets do some error handling with it:
  1039.                                     if(r.response.error) reject(r.response);
  1040.                                     if(Array.isArray( r.response )) {
  1041.                                         resolve(r.response);
  1042.                                     }
  1043.                                     else reject({error:"unknown error", request:this});
  1044.                                 },
  1045.                                 onerror: ()=> reject({error:"request error", request:this}),
  1046.                             });
  1047.                         });
  1048.  
  1049.                         tpul.profile.getId().catch( reject );
  1050.  
  1051.                     });
  1052.                 }
  1053.  
  1054.                 return tpul_promises.getProfileRolling;
  1055.             },
  1056.  
  1057.             getReservedName: function(fallbackTimeout=5e3) {
  1058.  
  1059.                 /*
  1060.  
  1061.                 Where to get the Reserved name from?
  1062.  
  1063.                     - in-game when auth
  1064.                     - getInfo /profiles/...
  1065.                     - getPage /profile/...
  1066.  
  1067.                 Logic:
  1068.  
  1069.                     1. if getInfo was called before: use that
  1070.                     2. if getPage was called before: use that
  1071.                     3. if in-game and auth: get it that way
  1072.                     4. call getInfo() to get the name
  1073.  
  1074.                 */
  1075.  
  1076.                 if (!tpul_promises.getReservedName) {
  1077.  
  1078.                     tpul_promises.getReservedName = new Promise(function(resolve,reject) {
  1079.  
  1080.                         // The fallback: get the reserved name using getInfo()
  1081.                         var fallback = function(){
  1082.  
  1083.                             done = true;
  1084.  
  1085.                             tpul.profile.getInfo().then(function(profileInfo) {
  1086.  
  1087.                                 resolve(profileInfo.reservedName);
  1088.                             });
  1089.  
  1090.                             tpul.profile.getInfo().catch( reject );
  1091.                         };
  1092.  
  1093.                         if (tpul_promises.getProfileInfo) {
  1094.  
  1095.                             tpul_promises.getProfileInfo.then(function(profileInfo){
  1096.                                 resolve(profileInfo.reservedName);
  1097.                             });
  1098.  
  1099.                             tpul_promises.getProfileInfo.catch( reject );
  1100.  
  1101.                         } else if (tpul_promises.getProfilePage) {
  1102.  
  1103.                             tpul_promises.getProfilePage.then(function(profilePage){
  1104.                                 resolve(profilePage.reservedName);
  1105.                             });
  1106.  
  1107.                             tpul_promises.getProfilePage.catch( reject );
  1108.  
  1109.                         } else if (typeof tagpro != 'undefined' && tagpro.ready) {
  1110.                             tagpro.ready(function(){
  1111.  
  1112.                                 if (tagpro.players) {
  1113.                                     if (tagpro.players[tagpro.playerId]) {
  1114.  
  1115.                                         if (tagpro.players[tagpro.playerId].auth) {
  1116.                                             resolve (tagpro.players[tagpro.playerId].name);
  1117.                                         } else fallback();
  1118.  
  1119.                                     } else {
  1120.  
  1121.                                         tagpro.socket.on('p',function(playerId) {
  1122.                                             if (tagpro.players[tagpro.playerId]) {
  1123.  
  1124.                                                 if (tagpro.players[tagpro.playerId].auth) {
  1125.                                                     resolve (tagpro.players[tagpro.playerId].name);
  1126.                                                 } else fallback();
  1127.  
  1128.                                             };
  1129.                                         });
  1130.  
  1131.                                     }
  1132.                                 } else fallback();
  1133.                             });
  1134.                         } else fallback();
  1135.  
  1136.                         var done = false;
  1137.                         setTimeout(function(){
  1138.                             tpul_promises.getReservedName.then(()=>done=true);
  1139.                         });
  1140.  
  1141.                         setTimeout( function() { if (!done) fallback(); }, fallbackTimeout );
  1142.  
  1143.                     });
  1144.                 }
  1145.  
  1146.                 return tpul_promises.getReservedName;
  1147.             },
  1148.  
  1149.             getDisplayedName: function(fallbackTimeout = 5e3) {
  1150.  
  1151.                  /*
  1152.  
  1153.                 Where to get the Displayed name from?
  1154.  
  1155.                     - in-game
  1156.                     - getProfile /profile/...
  1157.  
  1158.                 Logic:
  1159.  
  1160.                     1. if getPage was called before: use that
  1161.                     2. if in-game: get it that way
  1162.                     3. call getPage() to get the name
  1163.  
  1164.                 */
  1165.  
  1166.                 if (!tpul_promises.getDisplayedName) {
  1167.  
  1168.                     tpul_promises.getDisplayedName = new Promise(function(resolve,reject) {
  1169.  
  1170.                         // The fallback: get the displayed name using getPage()
  1171.                         var fallback = function(){
  1172.  
  1173.                             done = true;
  1174.  
  1175.                             tpul.profile.getPage().then(function(profilePage) {
  1176.  
  1177.                                 resolve(profilePage.displayedName);
  1178.                             });
  1179.  
  1180.                             tpul.profile.getPage().catch( reject );
  1181.                         };
  1182.  
  1183.                         if (tpul_promises.getProfilePage) {
  1184.  
  1185.                             tpul_promises.getProfilePage.then(function(profilePage){
  1186.                                 resolve(tpul_promises.getProfilePage.displayedName);
  1187.                             });
  1188.  
  1189.                             tpul_promises.getProfilePage.catch( reject );
  1190.  
  1191.                         } else if (typeof tagpro != 'undefined' && tagpro.ready) {
  1192.                             tagpro.ready(function(){
  1193.  
  1194.                                 if (tagpro.players) {
  1195.                                     if (tagpro.players[tagpro.playerId]) {
  1196.  
  1197.                                         resolve (tagpro.players[tagpro.playerId].name);
  1198.  
  1199.                                     } else {
  1200.  
  1201.                                         tagpro.socket.on('p',function(playerId) {
  1202.                                             if (tagpro.players[tagpro.playerId]) {
  1203.  
  1204.                                                 resolve (tagpro.players[tagpro.playerId].name);
  1205.  
  1206.                                             };
  1207.                                         });
  1208.  
  1209.                                     }
  1210.                                 } else fallback();
  1211.                             });
  1212.                         } else fallback();
  1213.  
  1214.                         var done = false;
  1215.                         setTimeout(function(){
  1216.                             tpul_promises.getDisplayedName.then(()=>done=true);
  1217.                         });
  1218.  
  1219.                         setTimeout( function() { if (!done) fallback(); }, fallbackTimeout );
  1220.  
  1221.                     });
  1222.                 }
  1223.  
  1224.                 return tpul_promises.getDisplayedName;
  1225.  
  1226.             },
  1227.  
  1228.             getSettings: function(fallbackTimeout = 5e3) {
  1229.  
  1230.                 /*
  1231.  
  1232.                 Where to get the settings from?
  1233.  
  1234.                     - in-game
  1235.                     - getPage /profile/...
  1236.  
  1237.                 Logic:
  1238.  
  1239.                     1. if in-game: get it that way
  1240.                     2. call getPage() to get the settings
  1241.  
  1242.                 */
  1243.  
  1244.                 var top_args = arguments;
  1245.  
  1246.                 if (!tpul_promises.getProfileSettings) {
  1247.  
  1248.                     tpul_promises.getProfileSettings = new Promise(function(resolve,reject) {
  1249.  
  1250.                         var fallback = function(){
  1251.  
  1252.                             done = true;
  1253.  
  1254.                             tpul.profile.getPage().then(function(profilePage){
  1255.                                 resolve(profilePage.settings);
  1256.                             });
  1257.  
  1258.                             tpul.profile.getPage().catch( reject );
  1259.                         };
  1260.  
  1261.                         if (top_args[0] && top_args[0].__settings) {
  1262.                             resolve(top_args[0].__settings);
  1263.                         } else if (tpul_promises.getProfilePage) {
  1264.  
  1265.                             tpul_promises.getProfilePage.then(function(profilePage){
  1266.                                 resolve(profilePage.settings);
  1267.                             });
  1268.  
  1269.                             tpul_promises.getProfilePage.catch( reject );
  1270.  
  1271.                         } else if (typeof tagpro != 'undefined' && tagpro.ready) {
  1272.                             tagpro.ready(function(){
  1273.  
  1274.                                 if (tagpro.socket && tagpro.socket.on) {
  1275.  
  1276.                                     tagpro.socket.on('settings', function(settings) {
  1277.                                         resolve({...settings.ui, stats: settings.stats});
  1278.                                     });
  1279.  
  1280.                                 } else fallback();
  1281.                             });
  1282.                         } else fallback();
  1283.  
  1284.                         var done = false;
  1285.                         setTimeout(function(){
  1286.                             tpul_promises.getProfileSettings.then(()=>done=true);
  1287.                         });
  1288.  
  1289.                         setTimeout( function() { if (!done) fallback(); }, fallbackTimeout );
  1290.  
  1291.                     });
  1292.  
  1293.                 }
  1294.  
  1295.                 return tpul_promises.getProfileSettings;
  1296.  
  1297.             },
  1298.  
  1299.             setSettings: function(newSettings, persistent=true, immediately=false) {
  1300.  
  1301.                 if (immediately) console.warn("Most settings will NOT take effect immediately, I might add this functionality in the future. Only chat settings work at the moment.");
  1302.  
  1303.                 return new Promise(function(resolve, reject){
  1304.  
  1305.                     // Step 1: set any local (cookie) settings
  1306.                     // These don't have to be send to the server, easy!
  1307.  
  1308.                     if (persistent) {
  1309.  
  1310.                         for (let setting in newSettings) {
  1311.                             if (['sound',
  1312.                                  'music',
  1313.                                  'volume',
  1314.  
  1315.                                  'textures',
  1316.  
  1317.                                  'disableBallSpin',
  1318.                                  'tileRespawnWarnings',
  1319.                                  'disableTutorialChat', // This cookie seems to be unused
  1320.                                  // Setting it anyway \(^.^)/
  1321.  
  1322.                                  'disableParticles',
  1323.                                  'forceCanvasRenderer',
  1324.                                  'disableViewportScaling',
  1325.                                 ].includes(setting)) {
  1326.  
  1327.                                 var expires = new Date(Date.now() + 31536e8).toUTCString(); // A century from now (same as TagPro uses)
  1328.                                 document.cookie = setting + '=' + newSettings[setting] + '; expires='+expires+'; path=/; domain=.koalabeast.com';
  1329.                             }
  1330.                         }
  1331.  
  1332.                         // Step 2: send any server-sided settings to the server
  1333.  
  1334.                         if (['reservedName',
  1335.                              'displayedName',
  1336.  
  1337.                              'allChat',
  1338.                              'teamChat',
  1339.                              'groupChat',
  1340.                              'systemChat',
  1341.                              'tutorialChat',
  1342.  
  1343.                              'names',
  1344.                              'degrees',
  1345.                              'matchState',
  1346.                              'performanceInfo',
  1347.                              'spectatorInfo',
  1348.  
  1349.                              'teamNames',
  1350.                              'stats',
  1351.                             ].some( s => s in newSettings ) ){
  1352.  
  1353.                             // Call these to let them run in parallel
  1354.                             tpul.profile.getSettings();
  1355.                             tpul.profile.getReservedName();
  1356.                             tpul.profile.getDisplayedName();
  1357.  
  1358.                             tpul.profile.getSettings().then( function(settings){
  1359.                                 tpul.profile.getReservedName().then( function(reservedName){
  1360.                                     tpul.profile.getDisplayedName().then( function(displayedName){
  1361.  
  1362.                                         console.log(param({reservedName: reservedName, // Your reservedName
  1363.                                                            displayedName: displayedName,  // Your displayedName
  1364.                                                            //...settings, // The current settings
  1365.                                                            //...newSettings}));
  1366.                                                           }));
  1367.                                         var req = GM_xmlhttpRequest({
  1368.                                             data: param({...settings, // The current settings
  1369.                                                    reservedName: reservedName, // Your reservedName
  1370.                                                    displayedName: displayedName,  // Your displayedName
  1371.                                                    ...newSettings}), // Overwrite with the settings that you want to edit.
  1372.                                             method: "POST",
  1373.                                             headers: {"Content-Type": "application/x-www-form-urlencoded"},
  1374.                                             url: "http://"+document.location.hostname+"/profile/update",
  1375.                                             onload: function(r){
  1376.                                                 // 'r' is the response that we get back from the TP server, lets do some error handling with it:
  1377.  
  1378.                                                 var arr;
  1379.                                                 try{  arr = JSON.parse(r.response);  }
  1380.                                                 catch(e){  reject({error:"/profile/update responded invalid JSON", request:this});  }
  1381.  
  1382.                                                 if(arr.error) reject(arr);
  1383.                                                 else if(arr.success) {
  1384.                                                     resolve(arr);
  1385.                                                 } else reject({error:'unknown error',response: arr, request:this});
  1386.                                             },
  1387.                                             onerror: reject,
  1388.                                         });
  1389.  
  1390.                                     });
  1391.                                 });
  1392.                             });
  1393.  
  1394.                         }
  1395.  
  1396.                     }
  1397.  
  1398.                     // Step 3: In case we are in-game, let the settings go into effect immediately.
  1399.                     // To update the reserved name, a refresh is required. TPUL won't do this!
  1400.  
  1401.                     if (immediately && tagpro) {
  1402.                         if (!tagpro.settings) tagpro.settings = {ui:{}};
  1403.                         if (!tagpro.settings.ui) tagpro.settings.ui = {};
  1404.  
  1405.                         for (let setting in newSettings) {
  1406.                             if (['allChat',
  1407.                                  'teamChat',
  1408.                                  'groupChat',
  1409.                                  'systemChat',
  1410.                                  'tutorialChat',
  1411.                                 ].includes(setting)){
  1412.  
  1413.                                 tagpro.settings.ui[setting] = newSettings[setting];
  1414.                             }
  1415.                         }
  1416.  
  1417.                         if (setting == 'tutorialChat') {
  1418.                             var tutorialButton = document.getElementById('tutorialButton');
  1419.  
  1420.                             if (tutorialButton) {
  1421.                                 var action = tutorialButton.innerText === "Enable Tips";
  1422.                                 if (newSettings[setting] == action) tutorialButton.click();
  1423.                             }
  1424.                         }
  1425.  
  1426.  
  1427.                     }
  1428.  
  1429.                 });
  1430.             }
  1431.  
  1432.         },
  1433.  
  1434.         rollingChat: {
  1435.  
  1436.             _init: function initRollingChat(enable = false){
  1437.  
  1438.                 // In case you don't want to load the full TPUL library,
  1439.                 // You can add RollingChat to your own script by copying this function
  1440.                 // Usage:
  1441.                 //     initRollingChat(true);
  1442.  
  1443.                 if (!tagpro.rollingChat) {
  1444.  
  1445.                     tagpro.rollingChat = {
  1446.                         enabled: false,
  1447.                         get handler() {
  1448.                             return function(event) {
  1449.  
  1450.                                 // Return if not enabled
  1451.                                 if (!tagpro.rollingChat.enabled) return;
  1452.  
  1453.                                 // Whether you are releasing instead of pressing the key:
  1454.                                 var releasing = event.type == 'keyup';
  1455.  
  1456.                                 // Check if any modifier keys where held down during a keyDown
  1457.                                 if (!releasing && (event.ctrlKey || event.shiftKey || event.altKey || event.metaKey)) return;
  1458.  
  1459.                                 // The key that is pressed/released (undefined when it is any other key)
  1460.                                 var arrow = ['left','up','right','down'][[37,38,39,40].indexOf(event.keyCode)]
  1461.  
  1462.                                 // Only if the controls are disabled (usually while composing a message)
  1463.                                 // AND the key is indeed an arrow (not undefined)
  1464.                                 if (tagpro.disableControls && arrow) {
  1465.  
  1466.                                     // Prevent the 'default' thing to happen, which is the cursor moving through the message you are typing
  1467.                                     event.preventDefault();
  1468.  
  1469.                                     // Return if already pressed/released
  1470.                                     if (tagpro.players[tagpro.playerId].pressing[arrow] != releasing) return;
  1471.  
  1472.                                     // Send the key press/release to the server!
  1473.                                     tagpro.sendKeyPress(arrow, releasing);
  1474.  
  1475.                                     // Not necesarry, but useful for other scripts to 'hook onto'
  1476.                                     if (!releasing && tagpro.events.keyDown) tagpro.events.keyDown.forEach(f => f.keyDown(arrow));
  1477.                                     if (releasing && tagpro.events.keyUp) tagpro.events.keyUp.forEach(f => f.keyUp(arrow));
  1478.                                     tagpro.ping.avg&&setTimeout(()=>(tagpro.players[tagpro.playerId][arrow]=!releasing),tagpro.ping.avg/2);
  1479.                                 }
  1480.                             }
  1481.                         }
  1482.                     }
  1483.  
  1484.                     // intercept all key presses and releases:
  1485.                     document.addEventListener('keydown', tagpro.rollingChat.handler);
  1486.                     document.addEventListener('keyup', tagpro.rollingChat.handler);
  1487.                 }
  1488.  
  1489.                 if (enable) tagpro.rollingChat.enabled = true;
  1490.             },
  1491.  
  1492.             get enabled(){
  1493.                 tpul.rollingChat._init();
  1494.                 return tagpro.rollingChat.enabled;
  1495.             },
  1496.  
  1497.             set enabled(e){
  1498.                 tpul.rollingChat._init();
  1499.                 tagpro.rollingChat.enabled = Boolean(e);
  1500.             },
  1501.         },
  1502.  
  1503.         notify: function(text, type="message", timeout=Math.max(4000, 50*text.length) ){
  1504.  
  1505.             // Accepted types: message, success, error, warning
  1506.             //              (  white    green    red    yellow )
  1507.             // For more types, the only thing you need to add is some CSS
  1508.  
  1509.             var notification = document.createElement('div');
  1510.             notification.className = 'tpul-notification tpul-notification-' + type;
  1511.             notification.innerText = text;
  1512.             document.body.appendChild(notification);
  1513.  
  1514.             // Hide after a while (timeout)
  1515.             setTimeout(function(notification){
  1516.                 if(notification)notification.classList.add('vanish');
  1517.             }, timeout, notification);
  1518.  
  1519.             // Hide on click
  1520.             notification.onclick = function(){ this.classList.add('vanish'); }
  1521.  
  1522.             // Clear up the DOM once the notification is vanished
  1523.             notification.addEventListener('transitionend',function(){ this.remove(); });
  1524.  
  1525.             // Return the element, for scripters to "play" with
  1526.             return notification;
  1527.  
  1528.         }
  1529.     };
  1530.  
  1531.     if (!SettingsMenu.parentElement) tpul.settings.parent = null;
  1532.  
  1533.  
  1534.  
  1535.  
  1536.  
  1537.     // OPENING AND CLOSING
  1538.  
  1539.     SettingsFrame.onclick = function(click) {
  1540.  
  1541.         // Close all settings when clicking outside the panel
  1542.         if (SettingsFrame == click.target) for (var settings of all_settings) settings.close();
  1543.  
  1544.     }
  1545.  
  1546.     SettingsFrame.addEventListener('scroll', function(wheel) {
  1547.  
  1548.         // Open when scrolling down (only in game)
  1549.         if (location.port && wheel.deltaY > 0 && last_opened && !last_opened.isOpen) last_opened.open();
  1550.  
  1551.         // Close all settings when scrolling up far enough
  1552.         setTimeout(function(){
  1553.             if (SettingsFrame.firstElementChild &&
  1554.                 SettingsFrame.scrollTop + SettingsFrame.offsetHeight <= SettingsFrame.firstElementChild.offsetTop + 20)
  1555.                 for (var settings of all_settings) settings.close()
  1556.         },200);
  1557.     });
  1558.  
  1559.  
  1560.  
  1561.  
  1562.     // Section tabs
  1563.  
  1564.     SettingsFrame.addEventListener('click', function(click) {
  1565.         var tablist = click.target.parentElement;
  1566.         if (tablist.classList.contains('tab-list')) {
  1567.             for (let li of tablist.getElementsByTagName('li'))
  1568.                 li.classList.remove('active');
  1569.             for (let pane of tablist.parentElement.getElementsByClassName('tab-pane'))
  1570.                 pane.classList.remove('active');
  1571.             click.target.classList.add('active');
  1572.             document.querySelector(click.target.dataset.target).classList.add('active');
  1573.         }
  1574.     });
  1575.  
  1576.  
  1577.  
  1578.     // Get settings from socket:
  1579.  
  1580.     if (tagpro && tagpro.ready) {
  1581.         tagpro.ready(function(){
  1582.             if (tagpro.socket && tagpro.socket.on) {
  1583.                 tagpro.socket.on('settings', function(settings) {
  1584.                     // Don't try to tamper with this, or copy this in your own script.
  1585.                     // It will affect all scripts using TPUL.
  1586.                     tpul.profile.getSettings( {__settings:{...settings.ui, stats: settings.stats}} );
  1587.                 });
  1588.             }
  1589.         });
  1590.     }
  1591.  
  1592.     // Some helper functions
  1593.  
  1594.     function param(o){
  1595.  
  1596.         return Object.keys(o).map(function(k) {
  1597.             return encodeURIComponent(k) + '=' + encodeURIComponent(o[k.replace(' ','+')])
  1598.         }).join('&').replace(/%20/g, '+');
  1599.     }
  1600.  
  1601.  
  1602.  
  1603.  
  1604.     // =====NOITCES CIGOL=====
  1605.  
  1606.  
  1607.  
  1608.  
  1609.  
  1610.     if (typeof tpul_promises == 'undefined') {
  1611.         try{
  1612.             window.tpul_promises = {};
  1613.             unsafeWindow.tpul_promises = window.tpul_promises;
  1614.         }catch(e){}
  1615.     }
  1616.  
  1617.  
  1618.     return tpul;
  1619. })();
  1620.  
  1621.