☰

KoLE2-alpha

Misc enhancements for kingdom of loathing

  1. // ==UserScript==
  2. // @name        KoLE2-alpha
  3. // @namespace   fnoot/kol/kole2-alpha
  4. // @description Misc enhancements for kingdom of loathing
  5. // @include     http://www.kingdomofloathing.com/*
  6. // @include     https://www.kingdomofloathing.com/*
  7. // @include     https://kingdomofloathing.com/*
  8. // @version     0.2.4.1
  9. // @grant    	GM_getValue
  10. // @grant    	GM_setValue
  11. // @grant    	GM_deleteValue
  12. // ==/UserScript==
  13. /*
  14.  
  15. changes 0.2.3 > 0.2.4
  16. - fixed HP detection (for min autofight hp) in compact mode char pane
  17. - 'auto button' option; choose choice adventure buttons to auto-click
  18. - (.4.1) Fixed an incorrect title
  19.  
  20. changes 0.2.2 > 0.2.3
  21. - 'Watch text' option; halt and show alert when specified text appears
  22. - increased daily reminder click delay to account for unpredictable time before the buttons work
  23. - improved example topbar theme
  24. - fixed sword nullification (thanks to Marge for the Talkie for testing)
  25. - improved styling here and there
  26.  
  27. changes 0.2.1 > 0.2.2
  28. - quick "Auto Fight" checkbox
  29. - auto daily reminder clicking
  30.  
  31. changes 0.2 > 0.2.1
  32. - includes new https url
  33.  
  34. changes 0.1 > 0.2
  35. - Topbar icon theming
  36. - Auto fight min HP% setting
  37. - /qs * <item> to sell all
  38.  
  39. */
  40. // kole 1 (defunct): http://userscripts.org/scripts/show/149194
  41.  
  42. (function() {
  43.     var top = unsafeWindow.top; // :(
  44.  
  45.     //  debug
  46.     //	GM_deleteValue("kole2Settings");
  47.     //	GM_deleteValue("iconThemes");
  48.  
  49.     var defaultIconThemes = {
  50.         example: {
  51.             "displayName": "Example Theme (0.2.3)",
  52.             "bg": "#e6e6e6",
  53.             "icons": {
  54.                 "https://s3.amazonaws.com/images.kingdomofloathing.com/itemimages/map.gif": "http://files.softicons.com/download/application-icons/pixelophilia-2-icons-by-omercetin/png/32/map.png",
  55.                 "https://s3.amazonaws.com/images.kingdomofloathing.com/itemimages/backpack.gif": "http://findicons.com/files/icons/1334/take_a_hike/32/backpack.png",
  56.                 "https://s3.amazonaws.com/images.kingdomofloathing.com/itemimages/donate.gif": "http://www.myiconfinder.com/uploads/iconsets/32-32-eea92a656253619edb72bf32fbe14ef9-bag.png",
  57.                 "https://s3.amazonaws.com/images.kingdomofloathing.com/itemimages/book3.gif": "http://vignette1.wikia.nocookie.net/tibia/images/9/96/Spellbook_of_Dark_Mysteries.gif/revision/latest?cb=20080620235058&path-prefix=en",
  58.                 "https://s3.amazonaws.com/images.kingdomofloathing.com/itemimages/pliers.gif": "https://cdn4.iconfinder.com/data/icons/harwdware-tools-v2/512/water_pump_pliers_tool-32.png",
  59.                 "https://s3.amazonaws.com/images.kingdomofloathing.com/itemimages/envelope.gif": "http://files.softicons.com/download/toolbar-icons/iconza-light-blue-icons-by-turbomilk/png/32/mail.png",
  60.                 "https://s3.amazonaws.com/images.kingdomofloathing.com/itemimages/blackwrench.gif": "http://findicons.com/files/icons/2262/android_developer_common_icon_set_ii/32/options_selected.png",
  61.                 "https://s3.amazonaws.com/images.kingdomofloathing.com/itemimages/chat.gif": "http://findicons.com/files/icons/1620/crystal_project/32/delete_group.png"
  62.             }
  63.         }
  64.     };
  65.  
  66.     var saveIconThemes = function() {
  67.         GM_setValue("iconThemes", JSON.stringify(top.kole.iconThemes));
  68.     };
  69.     
  70.     var setOption = function(name, value) {
  71.         GM_setValue(name, JSON.stringify(value));
  72.     };
  73.  
  74.     var getOption = function(name) {
  75.         var v = GM_getValue(name, JSON.stringify(configOptions[name].default));
  76.         return JSON.parse(v);
  77.     };
  78.  
  79.     var closePanel = null;
  80.  
  81.     var Notification = window.Notification || window.mozNotification || window.webkitNotification;
  82.     var desktopNotify = function desktopNotify(title, options, properties) {
  83.         if (!Notification) return;
  84.         if (Notification.permission !== "granted") return;
  85.         var notification = new Notification(title, options);
  86.         if (properties) for (var k in properties) if (properties.hasOwnProperty(k)) notification[k] = properties[k];
  87.     };
  88.  
  89.  
  90.     
  91.     var controlTypes = {
  92.         input: function(name, spec, parent) {
  93.             var input = crel("input", spec.style ? spec.style : {}, parent);
  94.             input.id = "kole_config_" + name;
  95.             var setValue = function() {
  96.                 if (spec.onchange) spec.onchange(input.value);
  97.                 setOption(name, input.value);
  98.             };
  99.             input.value = getOption(name);
  100.             input.onkeyup = setValue;
  101.             input.onpaste = setValue;
  102.         },
  103.         yesno: function(name, spec, parent) {
  104.             var select = crel("select", {}, parent);
  105.             select.id = "kole_config_" + name;
  106.             with(crel("option", {}, select)) {
  107.                 innerHTML = "Yes";
  108.                 value = 1;
  109.             }
  110.             with(crel("option", {}, select)) {
  111.                 innerHTML = "No";
  112.                 value = 0;
  113.             }
  114.             select.selectedIndex = getOption(name) ? 0 : 1;
  115.             select.onchange = function() {
  116.                 setOption(name, this.selectedIndex == 0);
  117.             };
  118.         },
  119.         check: function(name, spec, parent) {
  120.             var cbox = crel("input", {}, parent);
  121.             cbox.checked = getOption(name);
  122.             cbox.id = "kole_config_" + name;
  123.             cbox.type = "checkbox";
  124.             cbox.onclick = function() {
  125.                 setOption(name, this.checked);
  126.                 if (spec.onchange) spec.onchange(this.checked);
  127.             }
  128.         },
  129.         spin: function(name, spec, parent) {
  130.             var min = spec.range[0],
  131.                 max = spec.range[1];
  132.             var value = getOption(name);
  133.             if (isNaN(value)) value = configOptions[name].default;
  134.             var displayCallback = spec.displayCallback || function(v) {
  135.                 return v;
  136.             };
  137.             var downButton = crel("button", {}, parent);
  138.             downButton.innerHTML = "&lt;";
  139.             var valueSpan = crel("span", {
  140.                 display: "inline-block",
  141.                 "margin": "0 6px",
  142.                 "width": "50px",
  143.                 "text-align": "center"
  144.             }, parent);
  145.             var fixPrecision = function() {
  146.                 value = Math.round(value * 100) / 100;
  147.             }
  148.             valueSpan.innerHTML = displayCallback(value);
  149.             var upButton = crel("button", {}, parent);
  150.             upButton.innerHTML = "&gt;";
  151.             downButton.onclick = function() {
  152.                 value -= spec.step;
  153.                 fixPrecision();
  154.                 if (value < min) value = min;
  155.                 valueSpan.innerHTML = displayCallback(value);
  156.                 setOption(name, value);
  157.                 if (spec.onchange) spec.onchange(value);
  158.             };
  159.             upButton.onclick = function() {
  160.                 value += spec.step;
  161.                 fixPrecision();
  162.                 if (value > max) value = max;
  163.                 valueSpan.innerHTML = displayCallback(value);
  164.                 setOption(name, value);
  165.                 if (spec.onchange) spec.onchange(value);
  166.             };
  167.         },
  168.         button: function(name, spec, parent) {
  169.             with(crel("a", {}, parent)) {
  170.                 onclick = function() {
  171.                     spec.onclick();
  172.                     return false;
  173.                 };
  174.                 href = "#" + name;
  175.                 innerHTML = spec.buttonCaption;
  176.             }
  177.         },
  178.         select: function(name, spec, parent) {
  179.             var ctrl = crel("select", {}, parent);
  180.             var options = typeof spec.options == "function" ? spec.options() : spec.options;
  181.             var idx = 0;
  182.             var selIndex = 0;
  183.             for (var value in options) {
  184.                 var opt = crel("option", {}, ctrl);
  185.                 opt.innerHTML = options[value];
  186.                 opt.value = value;
  187.                 if (value == getOption("iconTheme")) selIndex = idx;
  188.                 idx++;
  189.             }
  190.             ctrl.selectedIndex = selIndex;
  191.             ctrl.onchange = function() {
  192.                 setOption(name, ctrl.options[ctrl.selectedIndex].value);
  193.                 if (spec.onchange) spec.onchange(value);
  194.             };
  195.         },
  196.         raw: function(name, spec, parent) {
  197.             parent.innerHTML = spec.html;
  198.         }
  199.     };
  200.  
  201.     var getSetting = function(name) {
  202.         console.trace();
  203.         throw new Error("Obsolete getSetting()");
  204.     };
  205.  
  206.     var itemLookup = function(fuzzyName) {
  207.         if (!top.kole) return null;
  208.         var matches = [];
  209.         var item = null;
  210.         for (var name in top.kole.itemIds) {
  211.             if (name.trim().toUpperCase().indexOf(fuzzyName.toUpperCase()) > -1) {
  212.                 if (name.toLowerCase() == fuzzyName.toLowerCase()) {
  213.                     return {
  214.                         name: name,
  215.                         id: top.kole.itemIds[name]
  216.                     };
  217.                 }
  218.                 matches.push({
  219.                     name: name,
  220.                     id: top.kole.itemIds[name]
  221.                 });
  222.             }
  223.         }
  224.         if (matches.length > 1) {
  225.             return {
  226.                 error: "Multiple matches for \"" + fuzzyName + "\". Please be more specific."
  227.             };
  228.         } else if (matches.length == 1) {
  229.             return matches[0];
  230.         }
  231.         return null;
  232.     };
  233.  
  234.     var configOptions = {
  235.         hoverHints: {
  236.             default: true,
  237.             control: "check",
  238.             caption: "Hover hints",
  239.             description: "Shows information about an item/effect/icon when the mouse pointer hovers over it"
  240.         },
  241.         hintDelay: {
  242.             default: 225,
  243.             caption: "Hint delay (milliseconds)",
  244.             description: "Specifies how long you need to hover over an item/effect/icon before its description is shown",
  245.             control: "spin",
  246.             range: [0, 2000],
  247.             step: 25
  248.         },
  249.         darkness: {
  250.             default: 0.2,
  251.             caption: "Darkness",
  252.             description: "Darkens the whole game; great for headaches and photosensitives!",
  253.             control: "spin",
  254.             range: [0, 0.8],
  255.             step: 0.1,
  256.             onchange: function(value) {
  257.                 top.kole.setDarkness(value);
  258.             },
  259.             displayCallback: function(value) {
  260.                 return ((value / 0.8) * 100).toFixed(1).replace(/(\d+)\.0+$/, '$1') + "%";
  261.             }
  262.         },
  263.         stayLoggedIn: {
  264.             default: true,
  265.             caption: "Stay logged in",
  266.             description: "Defeats the timeout that logs you out after an idle period by sending a dummy request every two minutes",
  267.             control: "check",
  268.             onchange: function(value) {
  269.                 if (value) xhr("main.php", function() {}, false);
  270.             }
  271.         },
  272.         nullifySword: {
  273.             default: true,
  274.             caption: "Fix prepositions",
  275.             description: "Undoes the effect of the Sword - may no longer work",
  276.             control: "check"
  277.         },
  278.         autoDaily: {
  279.             default: false,
  280.             caption: "Automatic daily reminders",
  281.             description: "Automatically clicks the daily reminder buttons",
  282.             control: "check"
  283.         },
  284.         iconTheme: {
  285.             default: "",
  286.             caption: "Topbar icon theme",
  287.             control: "select",
  288.             description: "Replaces the icons on the topbar with a custom theme",
  289.             options: function() {
  290.                 var options = {
  291.                     "": "Vanilla"
  292.                 };
  293.                 for (themeName in unsafeWindow.top.kole.iconThemes) {
  294.                     options[themeName] = unsafeWindow.top.kole.iconThemes[themeName].displayName
  295.                 }
  296.                 return options;
  297.             }
  298.         },
  299.         manageIconThemes: {
  300.             caption: "Manage icon themes",
  301.             description: "Import, delete and edit topbar icon themes",
  302.             control: "button",
  303.             buttonCaption: "Manage",
  304.             onclick: function() {
  305.                 var reshow = function() {
  306.                     var pop = crel("div");
  307.                     var vanillaManage = crel("div");
  308.                     var newThemeButton = crel("a", {}, vanillaManage);
  309.                     crel("span", {}, vanillaManage).innerHTML = " ";
  310.                     newThemeButton.innerHTML = "New theme";
  311.                     newThemeButton.href = "#";
  312.                     newThemeButton.onclick = function() {
  313.                         managePoop.close();
  314.                         editIconTheme("", reshow);
  315.                     };
  316.                     var importButton = crel("a", {}, vanillaManage);
  317.                     crel("span", {}, vanillaManage).innerHTML = " ";
  318.                     importButton.innerHTML = "Import";
  319.                     importButton.href = "#";
  320.                     importButton.onclick = function() {
  321.                         managePoop.close();
  322.                         importIconTheme(reshow);
  323.                     };
  324.                     crel("h1", {
  325.                         margin: "0 0 12px 0",
  326.                         "font-weight": "100"
  327.                     }, pop).innerHTML = "Topbar Icon Themes";
  328.                     var themeList = [
  329.                         ["Vanilla", vanillaManage]
  330.                     ];
  331.                     for (var name in unsafeWindow.top.kole.iconThemes) {
  332.                         var manage = crel("div");
  333.                         var editButton = crel("a", {}, manage);
  334.                         crel("span", {}, manage).innerHTML = " ";
  335.                         editButton.innerHTML = "Edit";
  336.                         editButton.href = "#";
  337.                         var deleteButton = crel("a", {}, manage);
  338.                         crel("span", {}, manage).innerHTML = " ";
  339.                         deleteButton.innerHTML = "Delete";
  340.                         deleteButton.href = "#";
  341.                         var exportButton = crel("a", {}, manage);
  342.                         crel("span", {}, manage).innerHTML = " ";
  343.                         exportButton.innerHTML = "Export";
  344.                         exportButton.href = "#";
  345.                         with({
  346.                             name: name,
  347.                             theme: unsafeWindow.top.kole.iconThemes[name]
  348.                         }) {
  349.                             deleteButton.onclick = function() {
  350.                                 if (!confirm("Delete this theme?")) return;
  351.                                 delete top.kole.iconThemes[name];
  352.                                 if (name == getOption("iconTheme")) {
  353.                                     setOption("iconTheme", "");
  354.                                     closePanel();
  355.                                     openPanel();
  356.                                     saveSettings();
  357.                                 }
  358.                                 saveIconThemes();
  359.                                 managePoop.close();
  360.                                 reshow();
  361.                                 return false;
  362.                             };
  363.                             editButton.onclick = function() {
  364.                                 editIconTheme(name, reshow);
  365.                                 managePoop.close();
  366.                                 return false;
  367.                             };
  368.                             exportButton.onclick = function() {
  369.                                 poop("<h1 style='font-weight:100; margin:0 0 12px 0'>Export code for " + theme.displayName + "</h1>" + "<textarea onclick='this.select()' style='width:100%; background:rgba(0,0,0,0.2); height:200px' readonly='readonly'>" + exportIconTheme(name).replace(/\</g, "&lt;").replace(/\>/g, "&gt;") + "</textarea><p>Copy and share the above code to distribute your theme.</p>");
  370.                                 return false;
  371.                             };
  372.                         }
  373.  
  374.                         themeList.push([top.kole.iconThemes[name].displayName, manage]);
  375.                     }
  376.                     pop.appendChild(tabulate(themeList, "rgba(0,0,0,0.06"));
  377.                     var managePoop = poop(pop);
  378.                 }; // /reshow
  379.                 reshow();
  380.             }
  381.         },
  382.         autoFight: {
  383.             default: false,
  384.             caption: "Automatic fighting",
  385.             description: "Always clicks the last item in the combat bar or \"Adventure again\" when available; requires combat bar enabled in KoL options",
  386.             control: "check",
  387.             onchange: function(val){
  388.                 quickAF.checked = val;
  389.             }
  390.         },
  391.         autoFightDelay: {
  392.             default: 4000,
  393.             caption: "Automatic fighting delay",
  394.             description: "Defines how long to wait before taking an automatic action in a fight",
  395.             control: "spin",
  396.             range: [500, 10000],
  397.             step: 500,
  398.             displayCallback: function(v) {
  399.                 return (v / 1000) + "sec";
  400.             }
  401.         },
  402.         autoFightMinHp: {
  403.             default: 40,
  404.             caption: "Auto fighting minimum HP",
  405.             description: "Cancels automatic fighting when HP drops below this",
  406.             control: "spin",
  407.             range: [0, 100],
  408.             step: 5,
  409.             displayCallback: function(v) {
  410.                 return v + "%";
  411.             }
  412.         },
  413.         autoButton: {
  414.             caption: "Automatic Buttons",
  415.             description: "Choose which buttons to auto-click in choice adventures",
  416.             control: "button",
  417.             buttonCaption: "Manage",
  418.             onclick: function(){
  419.                 var pop = crel("div");
  420.                 crel("h1", {
  421.                     margin: "0 0 12px 0",
  422.                     "font-weight": "100"
  423.                 }, pop).innerHTML = "Automatic Buttons";
  424.                 crel("p", {
  425.                     "font-size": "small"
  426.                 }, pop).innerHTML = "Buttons listed below will be automatically clicked when they appear. Enter one button caption per line. Button captions are case-sensitive.";
  427.                 var buttonsStr = GM_getValue("autoButtons")
  428.                 if(typeof buttonsStr == "undefined") buttonsStr = "";
  429.                 var ta = crel("textarea", {
  430.                     width: "100%",
  431.                     height: "24vh"
  432.                 }, pop);
  433.                 ta.value = buttonsStr;
  434.                 var bottom = crel("div", {"text-align": "right"}, pop);
  435.                 var ok = crel("button", {}, bottom);
  436.                 ok.innerHTML = "OK";
  437.                 var popup = poop(pop);
  438.                 ok.onclick = function(){
  439.                     GM_setValue("autoButtons", ta.value);
  440.                     popup.close();
  441.                 };
  442.             }            
  443.         },
  444.         autoButtonDelay: {
  445.             default: 4000,
  446.             caption: "Automatic button delay",
  447.             description: "Defines how long to wait before automatically clicking a choice adventure button",
  448.             control: "spin",
  449.             range: [500, 10000],
  450.             step: 500,
  451.             displayCallback: function(v) {
  452.                 return (v / 1000) + "sec";
  453.             }
  454.         },
  455.         watchText: {
  456.             default: "",
  457.             caption: "Watch text",
  458.             description: "Watch for text on the page; shows notification and stops autofight. Separate strings with |",
  459.             control: "input",
  460.             style: {width: "95%"},
  461.             onchange: function(val){
  462.                 if(val && Notification) Notification.requestPermission();
  463.             }
  464.         },
  465.         chatHelp: {
  466.             caption: "Chat commands",
  467.             buttonCaption: "Show",
  468.             "description": "Shows a list of chat commands added by KoLE",
  469.             "control": "button",
  470.             onclick: function() {
  471.                 var pop = crel("div");
  472.                 crel("h1", {
  473.                     margin: "0 0 12px 0",
  474.                     "font-weight": "100"
  475.                 }, pop).innerHTML = "KoLE Chat Commands";
  476.                 crel("p", {
  477.                     "font-size": "small"
  478.                 }, pop).innerHTML = "These commands require <i>Modern</i> chat version selected in <a href='account.php?tab=chat'>KoL options</a>";
  479.                 pop.appendChild(tabulate([
  480.                     ["<code>/wiki &lt;searchterm&gt;</code>", "Search Coldfront KoL wiki"],
  481.                     ["<code>/qs [amount] &lt;itemname&gt;</code>", "Quicksell item; default amount is 1"],
  482.                     ["<code>/qs * &lt;itemname&gt;</code>", "Quicksell all of an item"]
  483.                 ], "rgba(0,0,0,0.06"));
  484.                 poop(pop);
  485.             }
  486.         },
  487.         donate: {
  488.             caption: "Appreciation",
  489.             control: "raw",
  490.             description: "Has this been useful?",
  491.             html: '<form target="_blank" action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top" style="margin:none;padding:none;display:inline">' +
  492.                 '<input type="hidden" name="cmd" value="_s-xclick">' +
  493.                 '<input type="hidden" name="hosted_button_id" value="G33Q3HVDX4G3Y">' +
  494.                 '<input type="submit" value="Show via PayPal" src="https://www.paypalobjects.com/en_GB/i/btn/btn_donate_SM.gif" border="0" name="submit">' +
  495.                 '<img alt="" border="0" src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width="1" height="1">' +
  496.                 '</form>'
  497.         }
  498.  
  499.     };
  500.  
  501.  
  502.  
  503.  
  504.     var prepositions = ["about", "above", "across", "after", "against", "along", "among", "around", "at", "before",
  505.         "behind", "below", "beneath", "beside", "between", "beyond", "by", "down", "during", "except",
  506.         "for", "from", "in", "inside", "into", "like", "near", "of", "off", "on", "onto", "out", "outside",
  507.         "over", "past", "through", "throughout", "to", "under", "up", "upon", "with", "within", "without"
  508.     ];
  509.  
  510.     var OLDnullifySword = function(s) {
  511.         for (var i = 0; i < prepositions.length; i++) {
  512.             var prep = prepositions[i];
  513.             var search = new RegExp(" " + prep, "g");
  514.             s = s.replace(search, "\x09" + prep);
  515.             var search = new RegExp(prep + " ", "g");
  516.             s = s.replace(search, prep + "\x09");
  517.         }
  518.         return s;
  519.     };
  520.     
  521.     var nullifySword = function(s) {
  522.         var sneakySpace = "\x09";
  523.         for (var i = 0; i < prepositions.length; i++) {
  524.             var prep = prepositions[i];
  525.             var search = new RegExp(" " + prep, "g");
  526.             s = s.replace(search, sneakySpace + prep);
  527.             search = new RegExp(prep + " ", "g");
  528.             s = s.replace(search, prep + sneakySpace + " ");
  529.         }
  530.         return s;
  531.     };
  532.  
  533.     var tabulate = function(data, altColour, cellCallback) {
  534.         var table = crel("table", {
  535.             width: "100%",
  536.             "font-size": "inherit"
  537.         });
  538.         table.setAttribute("cellspacing", 0);
  539.         table.setAttribute("cellpadding", 4);
  540.         if (!cellCallback) cellCallback = function(v) {
  541.             return v;
  542.         };
  543.         var tb = crel("tbody", {}, table);
  544.         if (data.length == 0) return table;
  545.         var alt = false;
  546.         for (var i = 0; i < data.length; i++) {
  547.             var row = data[i];
  548.             var tr = crel("tr", {}, tb);
  549.             if (alt) tr.style.background = altColour;
  550.             alt = !alt;
  551.             for (var x = 0; x < row.length; x++) {
  552.                 var td = crel("td", {}, tr);
  553.                 var cbResult = cellCallback(row[x]);
  554.                 if (typeof cbResult == "string") {
  555.                     td.innerHTML = cbResult;
  556.                 } else {
  557.                     td.appendChild(cbResult);
  558.                 }
  559.             }
  560.         }
  561.         return table;
  562.     };
  563.  
  564.     var styleClassIdx = 0;
  565.     var applyStyles = function(el, styles, pseudo){
  566.         var style = document.createElement("style");
  567.         if(typeof pseudo == "undefined") pseudo = "";
  568.         if(pseudo != '') pseudo = ":" + pseudo;
  569.         var className = "hover_styles";
  570.         while(document.querySelectorAll("."+className).length > 0){
  571.            className = "hover_style_" + styleClassIdx;
  572.            styleClassIdx++;
  573.         }
  574.         var styleBlock = "";
  575.         var keys = Object.keys(styles);
  576.         for(var i = 0; i < keys.length; i++){ var key = keys[i];
  577.             styleBlock += key + ":" + styles[key] + ";";
  578.         }
  579.         style.appendChild(document.createTextNode("." + className + pseudo + "{" + styleBlock + "}"));
  580.         document.body.appendChild(style);
  581.         el.classList.add(className);
  582.     };
  583.  
  584.     // document.createElement > applyStyles > parent.append shortcut
  585.     var crel = function(tag, styles, parent) {
  586.         var el = document.createElement(tag);
  587.         if (typeof styles != "undefined") applyStyles(el, styles);
  588.         if (parent === null) {
  589.             console.warn("parent is null for", tag);
  590.             console.trace();
  591.             return;
  592.         }
  593.         if (typeof parent != "undefined") parent.appendChild(el);
  594.         return el;
  595.     };
  596.  
  597.     var elX = function(el) {
  598.         return el.offsetParent ? elX(el.offsetParent) + el.offsetLeft : el.offsetLeft;
  599.     };
  600.     var elY = function(el) {
  601.         return el.offsetParent ? elY(el.offsetParent) + el.offsetTop : el.offsetTop;
  602.     };
  603.  
  604.  
  605.     if (window !== top) {
  606.         var darkCover = crel("div", {
  607.             "position": "fixed",
  608.             "top": "0",
  609.             "left": "0",
  610.             "right": "0",
  611.             "bottom": "0",
  612.             "background": "#000",
  613.             "opacity": 0,
  614.             "pointer-events": "none",
  615.             "z-index": 999999,
  616.         }, document.body);
  617.         var hintBox = crel("div", {
  618.             "position": "absolute",
  619.             "width": "260px",
  620.             "padding": "12px 0px",
  621.             "border": "1px #bbb solid",
  622.             "border-radius": "5px",
  623.             "box-shadow": "2px 2px 3px rgba(0,0,0,0.4)",
  624.             "pointer-events": "none",
  625.             "background": "#fff",
  626.             "opacity": 0,
  627.             "transform": "scale(0.1,0.1)",
  628.             "transition": "100ms opacity ease-out, 100ms transform ease-out, 100ms -moz-transform ease-out, 100ms -webkit-transform ease-out",
  629.             "z-index": 999998,
  630.             "font-size": "small"
  631.         }, document.body);
  632.         setTimeout(function() {
  633.             darkCover.style.transition = "600ms opacity";
  634.         });
  635.  
  636.         var initialHintWidth = hintBox.clientWidth;
  637.         var showHint = function(forEl, html) {
  638.             forX = elX(forEl);
  639.             forY = elY(forEl);
  640.             hintBox.innerHTML = html;
  641.             hintBox.style.width = initialHintWidth + "px";
  642.             hintBox.style.left = forX + forEl.clientWidth + 12 + "px";
  643.             if ((elX(hintBox) + hintBox.clientWidth) > document.body.clientWidth) {
  644.                 hintBox.style.width = document.body.clientWidth - elX(hintBox) + "px";
  645.             }
  646.             hintBox.style.top = (forY + (hintBox.clientHeight * 1.5)) > document.body.scrollHeight ? document.body.scrollHeight - (hintBox.clientHeight * 1.5) + "px" : forY + "px";
  647.             crel("div", {
  648.                 background: "rgba(100, 150, 255,0.04)",
  649.                 "position": "absolute",
  650.                 "box-shadow": "0 0 22px rgba(100, 150, 255,0.09)",
  651.                 "top": "42px",
  652.                 "left": "0",
  653.                 "right": "0",
  654.                 "bottom": "0"
  655.             }, hintBox);
  656.             applyStyles(hintBox, {
  657.                 opacity: 1,
  658.                 transform: "scale(1,1)"
  659.             });
  660.             if(elY(hintBox) + hintBox.clientHeight > hintBox.parentNode.clientHeight + hintBox.parentNode.scrollTop){
  661.                 hintBox.style.top = hintBox.parentNode.clientHeight - (hintBox.clientHeight + 16) + hintBox.parentNode.scrollTop + "px";
  662.             }
  663.             hintElement = forEl;
  664.         };
  665.  
  666.         var hintTimer = null;
  667.         var hintElement = null;
  668.  
  669.         var xhr = function(url, callback, cached) {
  670.             if (cached && typeof top.kole.xhrCache[url] != "undefined") {
  671.                 setTimeout(function() {
  672.                     callback(top.kole.xhrCache[url]);
  673.                 }, 0);
  674.                 return {
  675.                     cancel: function() {}
  676.                 };
  677.             };
  678.             var canceled = false;
  679.             var req = new XMLHttpRequest();
  680.             var stateChange = function() {
  681.                 if (this.readyState == 4) {
  682.                     top.kole.xhrCache[url] = this.responseText;
  683.                     if (!canceled)
  684.                         callback(this.responseText);
  685.                     req.removeEventListener("readystatechange", stateChange);
  686.                 }
  687.             };
  688.             req.addEventListener("readystatechange", stateChange, false);
  689.             req.open("GET", url, true);
  690.             req.send();
  691.             return {
  692.                 cancel: function() {
  693.                     canceled = true;
  694.                 }
  695.             }
  696.         };
  697.  
  698.         var extractDescription = function(url, callback, cached) {
  699.             return xhr(url, function(response) {
  700.                 var tempEl = crel("div");
  701.                 tempEl.innerHTML = response;
  702.                 var scripts = tempEl.querySelectorAll("script");
  703.                 for (var i = scripts.length - 1; i >= 0; i--) scripts[i].parentNode.removeChild(scripts[i]);
  704.                 callback(tempEl.querySelectorAll("#description")[0].innerHTML);
  705.             }, cached);
  706.         };
  707.  
  708.         var cancelLastHintCallback = function() {};
  709.  
  710.         var cancelHint = function() {
  711.             cancelLastHintCallback();
  712.             if (hintTimer !== null) clearTimeout(hintTimer);
  713.             applyStyles(hintBox, {
  714.                 opacity: 0,
  715.                 transform: "scale(0.9,0.9)"
  716.             });
  717.         };
  718.  
  719.         // htmlCallback(done(html)) should return {cancel:function(){...}}
  720.         var setHintTimer = function(el, htmlCallback, ___args) {
  721.             cancelHint();
  722.             // show when both timer AND callback async complete
  723.             var asyncRemaining = 2;
  724.             var hintHtml = "";
  725.             var asyncDone = function() {
  726.                 asyncRemaining--;
  727.                 if (asyncRemaining == 0) {
  728.                     showHint(el, hintHtml);
  729.                 }
  730.             };
  731.             hintTimer = setTimeout(asyncDone, getOption("hintDelay"));
  732.             var cancelLastHintCallback = htmlCallback(function(html) {
  733.                 hintHtml = html;
  734.                 asyncDone();
  735.             }).cancel;
  736.         };
  737.     } // !top
  738.  
  739.     if (unsafeWindow == unsafeWindow.top) {
  740.         var whenReady = function(cb) {
  741.             for (var i = 0; i < unsafeWindow.frames.length; i++)
  742.                 if (typeof unsafeWindow.frames[i].kole == "undefined") {
  743.                     setTimeout(function() {
  744.                         whenReady(cb);
  745.                     }, 200);
  746.                     return;
  747.                 }
  748.             cb();
  749.         }
  750.         if (typeof this.kole != "undefined") {
  751.             alert("A browser plugin or KoL update is conflicting with KoLE");
  752.             return;
  753.         }
  754.         unsafeWindow.kole = null;
  755.         whenReady(function() {
  756.             var GM_itemIds = GM_getValue("itemIds");
  757.             var GM_iconThemes = GM_getValue("iconThemes");
  758.             if(typeof GM_iconThemes != "undefined") GM_iconThemes = JSON.parse(GM_iconThemes);
  759.             if(GM_iconThemes && Object.keys(GM_iconThemes).length == 1 && GM_iconThemes.hasOwnProperty("example")){
  760.                 GM_deleteValue("iconThemes");
  761.                 GM_iconThemes = undefined;
  762.             }
  763.             unsafeWindow.kole = {
  764.                 setDarkness: function(darkness) {
  765.                     for (var i = 0; i < frames.length; i++) {
  766.                         unsafeWindow.frames[i].window.kole.setDarkness(darkness);
  767.                     }
  768.                 },
  769.                 itemIds: typeof GM_itemIds == "undefined" ? {} : JSON.parse(GM_itemIds),
  770.                 iconThemes: typeof GM_iconThemes == "undefined" ? defaultIconThemes : GM_iconThemes,
  771.                 xhrCache: {}
  772.             };
  773.         });
  774.     } else {
  775.         unsafeWindow.kole = {
  776.             setDarkness: function(darkness) {
  777.                 darkCover.style.opacity = darkness + 0.00001; // fixes gre render bug
  778.             },
  779.             top: top.kole
  780.         };
  781.         unsafeWindow.kole.setDarkness(getOption("darkness"));
  782.     }
  783.  
  784.     var poop = function(htmlOrElement, onclose) {
  785.         var cover = crel("div", {
  786.             position: "fixed",
  787.             top: 0,
  788.             left: 0,
  789.             right: 0,
  790.             bottom: 0,
  791.             background: "rgba(0,0,0,0.3)",
  792.             opacity: 0,
  793.             transition: "200ms all",
  794.             "z-index": 9002
  795.         });
  796.         var win = crel("div", {
  797.             width: "66vw",
  798.             "min-width": "480px",
  799.             "max-width": "600px",
  800.             margin: "34vh auto 0 auto",
  801.             background: "#eee",
  802.             position: "relative",
  803.             transform: "scale(1,5,1.5) translateY(-30%)",
  804.             "max-height": "78%",
  805.             "overflow": "auto",
  806.             opacity: 0,
  807.             transition: "400ms all",
  808.             "box-shadow": "1px 1px 6px rgba(0,0,0,0.4)"
  809.         }, cover);
  810.         var inner = crel("div", {
  811.             padding: "12px"
  812.         }, win);
  813.         var winner = crel("div", {
  814.             padding: "12px"
  815.         }, inner);
  816.         if (typeof htmlOrElement == "string") {
  817.             winner.innerHTML = htmlOrElement;
  818.         } else {
  819.             winner.appendChild(htmlOrElement)
  820.         }
  821.         var close = function() {
  822.             cover.style.opacity = 0;
  823.             applyStyles(win, {
  824.                 "margin-top": "20%",
  825.                 opacity: 0
  826.             });
  827.             setTimeout(function() {
  828.                 document.body.removeChild(cover);
  829.             }, 600);
  830.             if (onclose) onclose();
  831.         }
  832.         var closeButton = crel("button", {
  833.             position: "absolute",
  834.             top: 0,
  835.             right: 0,
  836.             border: "none",
  837.             background: "#fff",
  838.             "padding": "0 0.8em",
  839.             "font-size": "1.2em"
  840.         }, win);
  841.         applyStyles(closeButton, {
  842.             "background": "#f88"
  843.         }, "hover");
  844.         with(closeButton) {
  845.             onclick = close;
  846.             innerHTML = "&#x2716;";
  847.         }
  848.         document.body.appendChild(cover);
  849.         setTimeout(function() {
  850.             cover.style.opacity = 1;
  851.             applyStyles(win, {
  852.                 "transform": "scale(1,1) translateY(-50%)",
  853.                 opacity: 1
  854.             });
  855.         }, 100);
  856.         return {
  857.             close: close
  858.         };
  859.     };
  860.  
  861.     var timedClick = function(el, delay, cancelCaption, oncancel) {
  862.         var cancelButton = crel("button", {
  863.             background: "#fff",
  864.             border: "2px #000 solid",
  865.             transition: delay + "ms box-shadow linear",
  866.             "box-shadow": "inset 0 0 0 rgba(255,0,0,0.9)",
  867.             position: "fixed",
  868.             bottom: 0,
  869.             right: 0,
  870.             padding: "4px",
  871.             width: "200px"
  872.         }, document.body);
  873.         applyStyles(el, {
  874.             transition: delay + "ms box-shadow linear, " + delay + "ms border-color linear",
  875.             "box-shadow": "inset 0 0 0 rgba(0,255,0,0.5)",
  876.             "border-color": "rgba(0,255,0,0)"
  877.         });
  878.         cancelButton.innerHTML = cancelCaption;
  879.         var canceled = false;
  880.         var timer = setTimeout(function() {
  881.             if(!canceled) el.click();
  882.         }, delay + 10);
  883.         setTimeout(function() {
  884.             cancelButton.style.boxShadow = "inset 208px 0 0 rgba(255,0,0,1)";
  885.             el.style.boxShadow = "inset " + el.scrollWidth + "px 0 0 rgba(0,255,0,0.3)";
  886.             el.style.borderColor = "rgba(0,255,0,1)";
  887.         }, 10);
  888.         cancelButton.onclick = function() {
  889.             canceled = true;
  890.             if (oncancel) oncancel();
  891.             document.body.removeChild(cancelButton);
  892.         };
  893.         return timer;
  894.     };
  895.  
  896.     if (window.name == "mainpane") {
  897.         if (!document) throw new Error("no document");
  898.         if (!document.body) throw new Error("document has no body");
  899.         var quickAFLabel = crel("label", {
  900.             "position": "fixed",
  901.             "top": 0,
  902.             "right": "64px",
  903.             "background": "#eee"
  904.         }, document.body);
  905.         var quickAF = crel("input", {}, quickAFLabel);
  906.         quickAF.id = "quickAF";
  907.         quickAF.checked = getOption("autoFight");
  908.         quickAF.type = "checkbox";
  909.         quickAF.onchange = function(){
  910.             if(!quickAF.checked && autoFightTimer !== null){
  911.                 clearTimeout(autoFightTimer);
  912.                 autoFightTimer = null;
  913.             }
  914.             setOption("autoFight", quickAF.checked);
  915.         };
  916.         var quickAFText = crel("span", {}, quickAFLabel);
  917.         quickAFText.innerHTML = "Auto Fight";
  918.         
  919.         var watchText = getOption("watchText");
  920.         if(watchText !== ""){
  921.             var watches = watchText.split("|");
  922.             for(var i = 0; i < watches.length; i++){
  923.                 if(document.body.innerHTML.indexOf(watches[i]) !== -1){
  924.                     setOption("autoFight", false);
  925.                     quickAF.checked = false;
  926.                     if(!Notification){
  927.                         alert("Text found: " + watches[i]);
  928.                     } else{
  929.                         poop("Text found: " + watches[i]);
  930.                         desktopNotify("[KoLE] Text found: " + watches[i]);
  931.                     }                    
  932.                     break;
  933.                 }
  934.             }
  935.         }
  936.  
  937.        
  938.         var openPanel = function() {
  939.             if (!top.kole) return;
  940.             if (closePanel !== null) {
  941.                 console.warn("Panel already open?");
  942.                 return;
  943.             }
  944.             koleButton.disabled = true;
  945.             var panel = crel("div", {
  946.                 "position": "fixed",
  947.                 "top": "0",
  948.                 "left": "0",
  949.                 "right": "0",
  950.                 "max-height": "80%",
  951.                 "box-shadow": "0 0 8px rgba(0,0,0,0.6)",
  952.                 "border-bottom": "1px #888 solid",
  953.                 "transform": "scale(0.1,0.1)",
  954.                 "transform-origin": "100% 0",
  955.                 "padding": "12px",
  956.                 "overflow": "auto",
  957.                 "opacity": 0,
  958.                 "z-index": 9001,
  959.                 "background": "#eef",
  960.                 "transition": "320ms all ease-in"
  961.             }, document.body);
  962.             crel("h1", {
  963.                 "font-weight": "100"
  964.             }, panel).innerHTML = "KoLE Settings";
  965.             var settingsTable = crel("table", {
  966.                 "font-size": "small",
  967.                 "width": "100%",
  968.             }, panel);
  969.             settingsTable.setAttribute("cellpadding", 4);
  970.             settingsTable.setAttribute("cellspacing", 0);
  971.             var tbody = crel("tbody", {}, settingsTable);
  972.             var alt = false;
  973.             for (var name in configOptions) {
  974.                 alt = !alt;
  975.                 var spec = configOptions[name];
  976.                 var tr = crel("tr", {
  977.                     background: alt ? "rgba(255,255,255,0.5)" : "transparent"
  978.                 }, tbody);
  979.                 var labelCell = crel("td", {
  980.                     height: "2em",
  981.                     "width": "200px",
  982.                     "vertical-align": "middle"
  983.                 }, tr);
  984.                 var label = crel("label", {}, labelCell);
  985.                 label.innerHTML = spec.caption;
  986.                 label.setAttribute("for", "kole_config_" + name);
  987.                 var editCell = crel("td", {
  988.                     "vertical-align": "middle"
  989.                 }, tr);
  990.                 controlTypes[spec.control](name, spec, editCell);
  991.                 if (spec.description) {
  992.                     var descTr = crel("tr", {
  993.                         "font-size": "0.8em",
  994.                         "color": "#666",
  995.                         background: alt ? "rgba(255,255,255,0.5)" : "transparent"
  996.                     }, tbody);
  997.                     var descTd = crel("td", {}, descTr);
  998.                     descTd.innerHTML = spec.description;
  999.                     descTd.setAttribute("colspan", 2);
  1000.                 }
  1001.             }
  1002.             with(crel("p", {
  1003.                 "font-size": "small"
  1004.             }, panel)) {
  1005.                 innerHTML = "Kingdom of Loathing Enhancement <b>alpha</b> by <a href='showplayer.php?who=2362564'>fnoot</a><br>This is an <b>alpha testing</b> version; please report any problems by kmail.";
  1006.             }
  1007.             var closeButton = crel("button", {
  1008.                 position: "absolute",
  1009.                 top: 0,
  1010.                 right: 0,
  1011.                 background: "#fff",
  1012.                 border: "none",
  1013.                 "font-size": "18px",
  1014.                 "padding": "0 .8em"
  1015.             }, panel);
  1016.             applyStyles(closeButton, {
  1017.                 "background": "#f88"
  1018.             }, "hover");
  1019.             closeButton.innerHTML = "&#x2716;";
  1020.             closePanel = function() {
  1021.                 closePanel = null;
  1022.                 koleButton.disabled = false;
  1023.                 applyStyles(panel, {
  1024.                     opacity: 0,
  1025.                     "pointer-events": "none",
  1026.                     transform: "scale(0.02,0.02)"
  1027.                 });
  1028.                 setTimeout(function() {
  1029.                     document.body.removeChild(panel);
  1030.                     panel = null;
  1031.                 }, 1000);
  1032.             };
  1033.             panel.onscroll = function(e){
  1034.                 applyStyles(closeButton, {top: panel.scrollTop + "px"});
  1035.             };
  1036.             closeButton.onclick = closePanel;
  1037.             setTimeout(function() {
  1038.                 applyStyles(panel, {
  1039.                     opacity: 1,
  1040.                     transform: "scale(1,1)"
  1041.                 });
  1042.             }, 100)
  1043.         };
  1044.         var koleButton = crel("button", {
  1045.             "position": "fixed",
  1046.             "top": "0",
  1047.             "right": "0",
  1048.             "z-index": 9000,
  1049.             "border": "none",
  1050.             "background": "#eee",
  1051.             "padding": "3px 6px",
  1052.             "transition": "400ms transform ease-out, 300ms opacity ease-out, 400ms 300ms color ease-out, 600ms background ease-out",
  1053.             "transform-origin": "100% 0",
  1054.             "color": "#000"
  1055.         }, document.body);
  1056.         applyStyles(koleButton, {
  1057.             background: "#adf"
  1058.         }, "hover");
  1059.         applyStyles(koleButton, {
  1060.             transition: "400ms transform ease-in, 300ms opacity ease-in, 200ms color ease-in",
  1061.             background: "#adf",
  1062.             opacity: 0,
  1063.             transform: "scale(6,6)",
  1064.             color: "rgba(0,0,0,0)"
  1065.         }, "disabled");
  1066.         with(koleButton) {
  1067.             innerHTML = "KoLE";
  1068.             onclick = openPanel;
  1069.         }
  1070.         
  1071.         var autoFightTimer = null;
  1072.  
  1073.         if (getOption("autoFight")) {
  1074.             (function() { // auto fighting
  1075.                 if (!top.kole) return;
  1076.                 var hpPercent = (top.kole.hp / top.kole.maxHp) * 100;
  1077.                 if (hpPercent < getOption("autoFightMinHp")) {
  1078.                     setOption("autoFight", false);
  1079.                     return;
  1080.                 }
  1081.                 var links = document.querySelectorAll("a");
  1082.                 var adventureAgainRegex = /Adventure Again \(|Fight Again \(/;
  1083.                 for (var i = 0; i < links.length; i++) {
  1084.                     if (adventureAgainRegex.test(links[i].innerHTML)) {
  1085.                         autoFightTimer = timedClick(links[i], getOption("autoFightDelay"), "Cancel automatic fighting", function() {
  1086.                             setOption("autoFight", false);
  1087.                             quickAF.checked = false;
  1088.                         });
  1089.                         return;
  1090.                     }
  1091.                 }
  1092.                 var button12 = document.getElementById("button12");
  1093.                 if (button12 != null) {
  1094.                     autoFightTimer = timedClick(button12, getOption("autoFightDelay"), "Cancel automatic fighting", function() {
  1095.                         setOption("autoFight", false);
  1096.                         quickAF.checked = false;
  1097.                     });
  1098.                 }
  1099.             })();
  1100.         }
  1101.         if(getOption("autoDaily")){
  1102.             var buttons = document.body.querySelectorAll(".bfast");
  1103.             if(buttons.length > 0){
  1104.                timedClick(buttons[0], 1500, "Cancel Auto Daily", function(){
  1105.                   setOption("autoDaily", false);
  1106.                });
  1107.                 setTimeout(function(){
  1108.                     location.reload();
  1109.                 }, 2500);
  1110.             }
  1111.         }
  1112.         
  1113.         var autoButtons = GM_getValue("autoButtons");
  1114.         if(autoButtons && autoButtons !== "")(function(){
  1115.             var buttons = document.querySelectorAll("input[type=submit],value");
  1116.             var captions = autoButtons.split(/[\r\n]+/);
  1117.             for(var i = 0; i < buttons.length; i++){
  1118.                 var button = buttons[i];
  1119.                 var cap = button[button.tagName.toUpperCase() == "INPUT" ? "value" : "innerHTML"];
  1120.                 if(captions.indexOf(cap) !== -1) timedClick(buttons[i], getOption('autoButtonDelay'), "Cancel Auto-button", function(){
  1121.                     GM_setValue("autoButtons", captions.filter(function(caption){ return cap !== caption }).join("\n"));
  1122.                 });
  1123.             }
  1124.         })();
  1125.  
  1126.         setInterval(function() {
  1127.             if (getOption("stayLoggedIn")) {
  1128.                 xhr("main.php", function() {}, false);
  1129.             }
  1130.         }, 1000 * 60 * 2);
  1131.         var scanItems = function() {
  1132.             if (top.kole == null) return;
  1133.             var itemIds = top.kole.itemIds;
  1134.             var learnedItems = false;
  1135.             var itemCells = document.querySelectorAll(".stuffbox table.item .ircm");
  1136.             for (var i = 0; i < itemCells.length; i++) {
  1137.                 var cell = itemCells[i];
  1138.                 var itemName = cell.innerHTML;
  1139.                 if (typeof itemIds[itemName] == "undefined") {
  1140.                     learnedItems = true;
  1141.                     itemIds[itemName] = cell.parentNode.id.replace(/i/, '');
  1142.                 }
  1143.             }
  1144.             if (learnedItems) GM_setValue("itemIds", JSON.stringify(itemIds));
  1145.         };
  1146.         setInterval(scanItems, 3500);
  1147.  
  1148.     } // /mainpane
  1149.  
  1150.     var chatXhr = function(msg, callback) {
  1151.         var url = '/submitnewchat.php?playerid=' + unsafeWindow.playerid + '&pwd=' + unsafeWindow.pwdhash + '&graf=' + encodeURIComponent(msg) + '&j=1';
  1152.         xhr(url, function(response) {
  1153.             callback(response);
  1154.         });
  1155.     };
  1156.  
  1157.     var getItemCount = function(item, callback) {
  1158.         chatXhr("/count " + item, function(res) {
  1159.             var countMatches = res.match(/You have (\d+)/);
  1160.             if (countMatches && countMatches.length > 0) {
  1161.                 callback(countMatches[1]);
  1162.             } else {
  1163.                 callback(0);
  1164.             }
  1165.         });
  1166.     };
  1167.  
  1168.     var hoverLinks = function() {
  1169.         window.addEventListener("load", function() {
  1170.             crel("style", {}, document.querySelectorAll("head")[0]).textContent = "a{opacity:0.8;} a:hover{opacity:1;}";
  1171.         }, false);
  1172.     }
  1173.  
  1174.     if (window.name == "menupane") {
  1175.         hoverLinks();
  1176.         var lastAppliedIconTheme = "";
  1177.         var replaceImages = function() {
  1178.             var theme;
  1179.             if (!unsafeWindow.top.kole) {
  1180.                 setTimeout(replaceImages, 100);
  1181.                 return;
  1182.             }
  1183.             var themeName = getOption("iconTheme");
  1184.             if (themeName == lastAppliedIconTheme) return;
  1185.             lastAppliedIconTheme = themeName;
  1186.             if (themeName == "") {
  1187.                 theme = {
  1188.                     icons: {}
  1189.                 };
  1190.             } else {
  1191.                 if (typeof unsafeWindow.top.kole.iconThemes[themeName] == "undefined") {
  1192.                     setOption("iconTheme", "");
  1193.                     console.warn("Can't find icon theme " + themeName);
  1194.                     return;
  1195.                 }
  1196.                 theme = unsafeWindow.top.kole.iconThemes[themeName];
  1197.             }
  1198.             var imgs = document.querySelectorAll("img");
  1199.             document.body.style.background = typeof theme.bg == "undefined" ? "#fff" : theme.bg;
  1200.             for (var i = 0; i < imgs.length; i++) {
  1201.                 if (typeof imgs[i].originalSrc == "undefined") imgs[i].originalSrc = imgs[i].src;
  1202.                 var src = imgs[i].originalSrc;
  1203.                 if (typeof theme.icons[src] != "undefined") {
  1204.                     //var width = imgs[i].width;
  1205.                     imgs[i].src = theme.icons[src];
  1206.                     imgs[i].width = 30;
  1207.                 } else {
  1208.                     imgs[i].src = imgs[i].originalSrc;
  1209.                 }
  1210.             }
  1211.         };
  1212.         replaceImages();
  1213.         setInterval(replaceImages, 500);
  1214.     }
  1215.  
  1216.     if (window.name == "charpane") {
  1217.         hoverLinks();
  1218.         var getHp = function() {
  1219.             if (!top.kole) {
  1220.                 setTimeout(getHp, 200);
  1221.                 return;
  1222.             }
  1223.             var blacks = document.querySelectorAll(".black");
  1224.             for (var i = 0; i < blacks.length; i++) {
  1225.                 var sib = blacks[i];
  1226.                 while (sib && sib.tagName.toLowerCase() != "img") {
  1227.                     sib = sib.previousSibling;
  1228.                 }
  1229.                 if(!sib){
  1230.                     // compact charpane?
  1231.                     var tr = blacks[i].parentNode.parentNode; // td > tr
  1232.                     var tds = tr.querySelectorAll("td");
  1233.                     var hptds = [].slice.call(tds, 0).filter(function(td){
  1234.                         var imgs = td.querySelectorAll("img");
  1235.                         return [].slice.call(imgs, 0).filter(function(img){
  1236.                             return img.title == "Hit Points";
  1237.                         }).length > 0;
  1238.                     });
  1239.                     if(hptds.length > 0){
  1240.                         var blacks = hptds[0].nextSibling.querySelectorAll(".black");
  1241.                         if(blacks.length > 0){
  1242.                             var matches = blacks[0].innerHTML.match(/(\d+)&nbsp;\/&nbsp;(\d+)/);
  1243.                             top.kole.hp = matches[1];
  1244.                             top.kole.maxHp = matches[2];
  1245.                             var percent = (top.kole.hp / top.kole.maxHp) * 100;
  1246.                             if (percent < getOption("autoFightMinHp")) {
  1247.                                 blacks[i].style.background = "rgba(255,0,0,0.2)";
  1248.                             }
  1249.                             return;
  1250.                         }
  1251.                     }                   
  1252.                 }
  1253.                 if (sib && sib.title == "Hit Points") {
  1254.                     var matches = blacks[i].innerHTML.match(/(\d+)&nbsp;\/&nbsp;(\d+)/);
  1255.                     top.kole.hp = matches[1];
  1256.                     top.kole.maxHp = matches[2];
  1257.                     var percent = (top.kole.hp / top.kole.maxHp) * 100;
  1258.                     if (percent < getOption("autoFightMinHp")) {
  1259.                         blacks[i].style.background = "rgba(255,0,0,0.2)";
  1260.                     }
  1261.                     return;
  1262.                 }
  1263.             }
  1264.             top.kole.hp = 1;
  1265.             top.kole.maxHp = 1;
  1266.             console.warn("[kole] Couldn't find HP");
  1267.         };
  1268.         getHp();
  1269.     }
  1270.  
  1271.     if (window.name == "chatpane") {
  1272.         hoverLinks();
  1273.  
  1274.         var chatLog = function(s) {
  1275.             var activeWindow = unsafeWindow.$$('.chatdisplay:visible')[0];
  1276.             var toscroll = (activeWindow.scrollHeight - (activeWindow.scrollTop + activeWindow.offsetHeight) < 4);
  1277.             var msg = crel("div", {
  1278.                 color: "#090"
  1279.             });
  1280.             msg.innerHTML = "<span style='color:#0c0'><span style='opacity:0.4'>[</span>kole<span style='opacity:0.4'>]</span></span> " + s;
  1281.             activeWindow.appendChild(msg);
  1282.             if (toscroll) {
  1283.                 activeWindow.scrollTop = activeWindow.scrollHeight;
  1284.             }
  1285.         };
  1286.         var chatCommands = {
  1287.             wiki: function(args) {
  1288.                 window.open("http://kol.coldfront.net/thekolwiki/index.php/Special:Search?search=" + encodeURIComponent(args.trim()) + "&go=Go");
  1289.             },
  1290.             qs: function(args) {
  1291.                 args = args.trim();
  1292.                 var amountMatches = args.match(/(\d+|\*)\s+([\w\s]+)/);
  1293.                 if (amountMatches && amountMatches.length > 1) {
  1294.                     var amount = amountMatches[1];
  1295.                     args = amountMatches[2];
  1296.                 } else {
  1297.                     var amount = 1;
  1298.                 }
  1299.                 var item = itemLookup(args);
  1300.                 if (item === null) {
  1301.                     chatLog("KoLE doesn't know that item's ID! Teach it by opening your inventory.");
  1302.                 } else if (item.error) {
  1303.                     chatLog("" + item.error);
  1304.                 } else {
  1305.                     if (amount == "*") {
  1306.                         chatLog("Retrieving item count");
  1307.                         getItemCount(item.name, function(count) {
  1308.                             if (count == 0) {
  1309.                                 chatLog("You don't have any of those!");
  1310.                             }
  1311.                             chatLog("Quickselling " + count + " x " + item.name);
  1312.                             unsafeWindow.dojax("sellstuff.php?action=sell&ajax=1&type=quant&whichitem%5B%5D=" + item.id + "&howmany=" + count + "&pwd=" + unsafeWindow.pwdhash);
  1313.                         });
  1314.                     } else {
  1315.                         chatLog("Quickselling " + amount + " x " + item.name);
  1316.                         unsafeWindow.dojax("sellstuff.php?action=sell&ajax=1&type=quant&whichitem%5B%5D=" + item.id + "&howmany=" + amount + "&pwd=" + unsafeWindow.pwdhash);
  1317.                     }
  1318.                 }
  1319.             },
  1320.             jump: function(args) {
  1321.                 chatLog("Weeeeeeeee");
  1322.             }
  1323.         }
  1324.  
  1325.         var previousOnload = window.onload;
  1326.         window.onload = function() {
  1327.             if (previousOnload) previousOnload.apply(this, arguments);
  1328.             var oldForm = document.getElementById('InputForm');
  1329.             if (oldForm == null) return;
  1330.             oldForm = oldForm.parentNode;
  1331.             newForm = oldForm.cloneNode(true);
  1332.             newForm.style.background = "red";
  1333.             oldForm.parentNode.replaceChild(newForm, oldForm);
  1334.             var $inp = unsafeWindow.$$("#graf");
  1335.             unsafeWindow.$inp = $inp;
  1336.             newForm.onsubmit = function(ev) {
  1337.                 ev.preventDefault();
  1338.                 var inp = $inp.val();
  1339.                 var matches = inp.match(/^\/(\w+)(\s+(.*))?/);
  1340.                 if (matches && matches.length > 0) {
  1341.                     var cmd = matches[1];
  1342.                     if (typeof chatCommands[cmd] != "undefined") {
  1343.                         $inp.val("");
  1344.                         chatCommands[cmd].call(this, matches.length > 1 ? matches[2] : undefined);
  1345.                         return;
  1346.                     }
  1347.                 }
  1348.                 $inp.val(getOption("nullifySword") ? nullifySword($inp.val()) : $inp.val());
  1349.                 unsafeWindow.submitchat(ev);
  1350.             };
  1351.         };
  1352.     };
  1353.  
  1354.     var applyHoverHints = function() {
  1355.         var els = document.querySelectorAll("a,img");
  1356.         var onclickRegex = /\b(descitem|eff|javascript:poop)\("?([\w\.\?\=]+)"?\b(\s*,\s*(\w+)\b\))?/;
  1357.         for (var i = 0; i < els.length; i++) {
  1358.             var funcUrls = {
  1359.                 descitem: "desc_item.php?whichitem=",
  1360.                 eff: "desc_effect.php?whicheffect=",
  1361.                 "javascript:poop": ""
  1362.             };
  1363.             var onclick = els[i].getAttribute("onclick") + "";
  1364.             var matches = onclick.match(onclickRegex);
  1365.             if (onclick && matches && (matches.length > 0)) {
  1366.                 if (typeof els[i]['@kole2_hoverhint_init'] == "undefined") {
  1367.                     els[i]['@kole2_hoverhint_init'] = true;
  1368.                     els[i].style.cursor = "help";
  1369.                     els[i].title = "";
  1370.                     with({
  1371.                             func: matches[1],
  1372.                             itemId: matches[2],
  1373.                             otherPlayer: matches[4]
  1374.                         }) {
  1375.                             els[i].addEventListener("mouseenter", function() {
  1376.                                 cancelHint();
  1377.                                 if (!getOption("hoverHints")) return;
  1378.                                 hintElement = this;
  1379.                                 var query = typeof otherPlayer == "undefined" ? itemId : itemId + "&otherplayer=" + otherPlayer;
  1380.                                 setHintTimer(this, function(callback) {
  1381.                                     return extractDescription(funcUrls[func] + query, callback, true);
  1382.                                 });
  1383.                             }, false);
  1384.                             els[i].addEventListener("mouseout", function() {
  1385.                                 if (this == hintElement) cancelHint();
  1386.                             }, false);
  1387.                         } // with
  1388.                 } // if not init
  1389.             } // if onclick match
  1390.         } // for i in els
  1391.     }; // applyHoverHints()
  1392.  
  1393.     if (window !== top) {
  1394.         applyHoverHints();
  1395.         setInterval(applyHoverHints, 2500);
  1396.     }
  1397.  
  1398.     var editIconTheme = function(name, ondone) {
  1399.         var startingTheme = getOption("iconTheme");
  1400.         var blankSrc = "http://images.kingdomofloathing.com/pixel.gif";
  1401.         // temporarily disable theme so Copy Link Location gets the correct URL
  1402.         setOption("iconTheme", "");
  1403.         //		top.kole.userSettings.iconTheme = "";
  1404.         var theme = name == "" ? {
  1405.             displayName: "New Theme",
  1406.             icons: {}
  1407.         } : top.kole.iconThemes[name];
  1408.         if (typeof theme == "undefined") theme = {
  1409.             displayName: "",
  1410.             icons: {}
  1411.         };
  1412.         var editor = crel("div", {});
  1413.         var tableRows = [
  1414.             ["<b>Original Image Location</b>", "<b>Icon</b>"]
  1415.         ];
  1416.  
  1417.         var createImg = function(src) {
  1418.             var img = crel("img", {
  1419.                 cursor: "pointer",
  1420.                 "vertical-align": "middle"
  1421.             });
  1422.             img.width = 30;
  1423.             img.height = 30;
  1424.             img.src = src;
  1425.             img.onclick = function() {
  1426.                 var fileSelect = crel("input");
  1427.                 var img = this;
  1428.                 fileSelect.setAttribute("type", "file");
  1429.                 fileSelect.onchange = function(ev) {
  1430.                     var reader = new FileReader();
  1431.                     reader.onloadend = function() {
  1432.                         img.src = reader.result;
  1433.                     };
  1434.                     var file = this.files[0];
  1435.                     reader.readAsDataURL(file)
  1436.                 };
  1437.                 fileSelect.click();
  1438.             };
  1439.             return img;
  1440.         };
  1441.         var createInput = function(value) {
  1442.             var input = crel("input", {
  1443.                 width: '340px',
  1444.                 "font-size": "0.8em"
  1445.             });
  1446.             input.value = value;
  1447.             return input;
  1448.         };
  1449.         var createDeleteButton = function() {
  1450.             var deleteButton = crel("button", {
  1451.                 border: "none"
  1452.             });
  1453.             deleteButton.innerHTML = "X";
  1454.             deleteButton.onclick = function() {
  1455.                 if (!confirm("Delete this icon?")) return;
  1456.                 var row = this.parentNode.parentNode.parentNode;
  1457.                 row.parentNode.removeChild(row);
  1458.                 reapplyAlt();
  1459.             };
  1460.             return deleteButton;
  1461.         };
  1462.  
  1463.         for (var orig in theme.icons) {
  1464.             var right = crel("div");
  1465.             right.appendChild(createImg(theme.icons[orig]));
  1466.             right.appendChild(createDeleteButton());
  1467.             tableRows.push([createInput(orig), right]);
  1468.         }
  1469.  
  1470.         var table = tabulate(tableRows);
  1471.         var reapplyAlt = function() {
  1472.             var trs = table.querySelectorAll("tr");
  1473.             for (var i = 0; i < trs.length; i++) trs[i].style.background = i % 2 == 1 ? "rgba(0,0,0,0.05)" : "transparent";
  1474.         };
  1475.         reapplyAlt();
  1476.         crel("h1", {
  1477.             "font-weight": 100,
  1478.             margin: "0 0 12px 0"
  1479.         }, editor).innerHTML = "Editing " + theme.displayName;
  1480.         var uniqueNameInput = crel("input", {
  1481.             width: "200px"
  1482.         });
  1483.         uniqueNameInput.value = name;
  1484.         var displayNameInput = crel("input", {
  1485.             width: "200px"
  1486.         });
  1487.         displayNameInput.value = theme.displayName;
  1488.         editor.appendChild(tabulate([
  1489.             ["Unique name", uniqueNameInput],
  1490.             ["Display name", displayNameInput]
  1491.         ], "rgba(0,0,0,0.05)"));
  1492.  
  1493.  
  1494.         editor.appendChild(table);
  1495.         var addButton = crel("button", {
  1496.             "float": "right"
  1497.         }, editor);
  1498.         addButton.innerHTML = "+";
  1499.         addButton.onclick = function() {
  1500.             var tr = crel("tr", {}, table);
  1501.             var tdl = crel("td", {}, tr);
  1502.             var tdr = crel("td", {}, tr);
  1503.             var right = crel("div", {}, tdr);
  1504.             tdl.appendChild(createInput(""));
  1505.             right.appendChild(createImg(blankSrc));
  1506.             right.appendChild(createDeleteButton());
  1507.             table.appendChild(tr);
  1508.         };
  1509.  
  1510.         var p = crel("p", {}, editor);
  1511.         p.innerHTML = "Click an image to select a replacement. ";
  1512.         var helpLink = crel("a", {}, p);
  1513.         helpLink.innerHTML = "Help";
  1514.         helpLink.href = "#";
  1515.         helpLink.onclick = function() {
  1516.             poop("<h1 style='font-weight:100; margin:0 0 12px 0'>Theme Editor Help</h1><ol style='font-size:small'>" + "<li>Click the + button to add replacements</li>" + "<li>Right-click on a topbar icon and choose 'Copy Image Location'</li>" + "<li>Paste into the input on the left</li>" + "<li>Left-click on the icon on the right to choose a replacement</li>" + "<li>Give your theme a unique name and a fancy display name</li>" + "<li>????</li>" + "<li>Profit!</li>" + "</ol>" + "<p>Unique names are like filenames. If you change it to something new you'll create a new theme. If you change it to something that exists, you'll overwrite it.</p>");
  1517.             return false;
  1518.         };
  1519.  
  1520.         var saveButton = crel("Button", {}, editor);
  1521.         var saved = false;
  1522.         saveButton.innerHTML = "Save";
  1523.         saveButton.onclick = function() {
  1524.             if (uniqueNameInput.value.trim() == "") {
  1525.                 poop("Please supply a unique name");
  1526.                 return;
  1527.             }
  1528.             if (displayNameInput.value.trim() == "") {
  1529.                 poop("Please supply a display name");
  1530.                 return;
  1531.             }
  1532.             var rows = table.querySelectorAll("tr");
  1533.             var theme = {
  1534.                 displayName: displayNameInput.value,
  1535.                 icons: {}
  1536.             };
  1537.             for (var i = 1; i < rows.length; i++) {
  1538.                 var orig = rows[i].querySelectorAll("input")[0].value;
  1539.                 var repl = rows[i].querySelectorAll("img")[0].src;
  1540.                 if (orig && repl != blankSrc) {
  1541.                     theme.icons[orig] = repl;
  1542.                 }
  1543.             }
  1544.             top.kole.iconThemes[uniqueNameInput.value] = theme;
  1545.             saveIconThemes();
  1546.             saved = true;
  1547.             editorPoop.close();
  1548.         };
  1549.  
  1550.         var editorPoop = poop(editor, function() {
  1551.             if (saved) {
  1552.                 if (uniqueNameInput.value != startingTheme) {
  1553.                     setOption("iconTheme", startingTheme);
  1554.                 }
  1555.                 if (closePanel) closePanel();
  1556.                 openPanel();
  1557.             } else {
  1558.                 setOption("iconTheme", startingTheme);
  1559.             }
  1560.             if (ondone) ondone();
  1561.         });
  1562.     };
  1563.  
  1564.     var exportIconTheme = function(name) {
  1565.         var theme = top.kole.iconThemes[name];
  1566.         if (!theme) throw new Error("No such theme: " + name);
  1567.         var exported = {
  1568.             displayName: theme.displayName,
  1569.             uniqueName: name,
  1570.             icons: theme.icons
  1571.         };
  1572.         return JSON.stringify(exported);
  1573.     };
  1574.  
  1575.     var importIconTheme = function(onclose) {
  1576.         var pop = crel("div");
  1577.         crel("h1", {
  1578.             margin: "0 0 12px 0",
  1579.             "font-weight": "100"
  1580.         }, pop).innerHTML = "Import Icon Theme";
  1581.         var textarea = crel("textarea", {
  1582.             "width": "100%",
  1583.             height: "200px",
  1584.             background: "#fff"
  1585.         }, pop);
  1586.         textarea.placeholder = "Paste the theme code here";
  1587.         var button = crel("button", {}, pop);
  1588.         button.innerHTML = "Import";
  1589.         button.onclick = function() {
  1590.             try {
  1591.                 if (textarea.value.trim().substr(0, 1) !== "{") throw new Error("Import data must start with {");
  1592.                 var theme = JSON.parse(textarea.value);
  1593.                 var name = theme.uniqueName;
  1594.                 if (!theme.icons) throw new error("Missing theme.icons");
  1595.                 top.kole.iconThemes[name] = theme;
  1596.                 saveIconThemes();
  1597.                 importPoop.close();
  1598.                 if (name == getOption("iconTheme")) {
  1599.                     // current theme was changed - reset current to vanilla to clear menupane's cache
  1600.                     // alternatively, cache by theme obj rather than name?
  1601.                     top.kol.userSettings.iconTheme = "";
  1602.                 }
  1603.                 if (closePanel) {
  1604.                     closePanel();
  1605.                     openPanel();
  1606.                 }
  1607.             } catch (ex) {
  1608.                 console.warn(ex.message);
  1609.                 poop("Oops! That theme code doesn't seem quite right!<br><code style='font-size:0.8em'>" + ex.message + "</code>");
  1610.                 return;
  1611.             }
  1612.         };
  1613.         var importPoop = poop(pop, onclose);
  1614.     };
  1615.  
  1616. })();