☰

IdlePixel+

Idle-Pixel plugin framework

目前為 2022-08-31 提交的版本，檢視 最新版本。

此腳本不應該直接安裝，它是一個供其他腳本使用的函式庫。欲使用本函式庫，請在腳本 metadata 寫上： // @require https://update.cn-greasyfork.org/scripts/441206/1088232/IdlePixel%2B.js 

  1. // ==UserScript==
  2. // @name         IdlePixel+
  3. // @namespace    com.anwinity.idlepixel
  4. // @version      1.0.4
  5. // @description  Idle-Pixel plugin framework
  6. // @author       Anwinity
  7. // @match        *://idle-pixel.com/login/play*
  8. // @grant        none
  9. // ==/UserScript==
  10.  
  11. (function() {
  12.     'use strict';
  13.  
  14.     if(window.IdlePixelPlus) {
  15.         // already loaded
  16.         return;
  17.     }
  18.  
  19.     const LOCAL_STORAGE_KEY_DEBUG = "IdlePixelPlus:debug";
  20.  
  21.     const CONFIG_TYPES_LABEL = ["label"];
  22.     const CONFIG_TYPES_BOOLEAN = ["boolean", "bool", "checkbox"];
  23.     const CONFIG_TYPES_INTEGER = ["integer", "int"];
  24.     const CONFIG_TYPES_FLOAT = ["number", "num", "float"];
  25.     const CONFIG_TYPES_STRING = ["string", "text"];
  26.     const CONFIG_TYPES_SELECT = ["select"];
  27.     const CONFIG_TYPES_COLOR = ["color"];
  28.  
  29.     // Oh, I know this is disgusting. Sue me. Actually, sue Smitty. :)
  30.     function createCombatZoneObjects() {
  31.         const fallback = {
  32.             field: {
  33.                 id: "field",
  34.                 commonMonsters: [
  35.                     "Chickens",
  36.                     "Rats",
  37.                     "Spiders"
  38.                 ],
  39.                 rareMonsters: [
  40.                     "Lizards",
  41.                     "Bees"
  42.                 ],
  43.                 energyCost: 50,
  44.                 fightPointCost: 300
  45.             },
  46.             forest: {
  47.                 id: "forest",
  48.                 commonMonsters: [
  49.                     "Snakes",
  50.                     "Ants",
  51.                     "Wolves"
  52.                 ],
  53.                 rareMonsters: [
  54.                     "Ents",
  55.                     "Thief"
  56.                 ],
  57.                 energyCost: 200,
  58.                 fightPointCost: 600
  59.             },
  60.             cave: {
  61.                 id: "cave",
  62.                 commonMonsters: [
  63.                     "Bears",
  64.                     "Goblins",
  65.                     "Bats"
  66.                 ],
  67.                 rareMonsters: [
  68.                     "Skeletons"
  69.                 ],
  70.                 energyCost: 500,
  71.                 fightPointCost: 900
  72.             },
  73.             volcano: {
  74.                 id: "volcano",
  75.                 commonMonsters: [
  76.                     "Fire Hawk",
  77.                     "Fire Snake",
  78.                     "Fire Golem"
  79.                 ],
  80.                 rareMonsters: [
  81.                     "Fire Witch"
  82.                 ],
  83.                 energyCost: 1000,
  84.                 fightPointCost: 1500
  85.             },
  86.             northern_field: {
  87.                 id: "northern_field",
  88.                 commonMonsters: [
  89.                     "Ice Hawk",
  90.                     "Ice Witch",
  91.                     "Golem"
  92.                 ],
  93.                 rareMonsters: [
  94.                     "Yeti"
  95.                 ],
  96.                 energyCost: 3000,
  97.                 fightPointCost: 2000
  98.             }
  99.         };
  100.         try {
  101.             const code = Combat._modal_load_area_data.toString().split(/\r?\n/g);
  102.             const zones = {};
  103.             let foundSwitch = false;
  104.             let endSwitch = false;
  105.             let current = null;
  106.             code.forEach(line => {
  107.                 if(endSwitch) {
  108.                     return;
  109.                 }
  110.                 if(!foundSwitch) {
  111.                     if(line.includes("switch(area)")) {
  112.                         foundSwitch = true;
  113.                     }
  114.                 }
  115.                 else {
  116.                     line = line.trim();
  117.                     if(foundSwitch && !endSwitch && !current && line=='}') {
  118.                         endSwitch = true;
  119.                     }
  120.                     else if(/case /.test(line)) {
  121.                         // start of zone data
  122.                         let zoneId = line.replace(/^case\s+"/, "").replace(/":.*$/, "");
  123.                         current = zones[zoneId] = {id: zoneId};
  124.                     }
  125.                     else if(line.startsWith("break;")) {
  126.                         // end of zone data
  127.                         current = null;
  128.                     }
  129.                     else if(current) {
  130.                         if(line.startsWith("common_monsters_array")) {
  131.                             current.commonMonsters = line
  132.                                 .replace("common_monsters_array = [", "")
  133.                                 .replace("];", "")
  134.                                 .split(/\s*,\s*/g)
  135.                                 .map(s => s.substring(1, s.length-1));
  136.                         }
  137.                         else if(line.startsWith("rare_monsters_array")) {
  138.                             current.rareMonsters = line
  139.                                 .replace("rare_monsters_array = [", "")
  140.                                 .replace("];", "")
  141.                                 .split(/\s*,\s*/g)
  142.                                 .map(s => s.substring(1, s.length-1));
  143.                         }
  144.                         else if(line.startsWith("energy")) {
  145.                             current.energyCost = parseInt(line.match(/\d+/)[0]);
  146.                         }
  147.                         else if(line.startsWith("fightpoints")) {
  148.                             current.fightPointCost = parseInt(line.match(/\d+/)[0]);
  149.                         }
  150.                     }
  151.                 }
  152.             });
  153.             if(!zones || !Object.keys(zones).length) {
  154.                 console.error("IdlePixelPlus: Could not parse combat zone data, using fallback.");
  155.                 return fallback;
  156.             }
  157.             return zones;
  158.         }
  159.         catch(err) {
  160.             console.error("IdlePixelPlus: Could not parse combat zone data, using fallback.", err);
  161.             return fallback;
  162.         }
  163.     }
  164.  
  165.     function createOreObjects() {
  166.         const ores = {
  167.             stone:      { smeltable:false, bar: null },
  168.             copper:     { smeltable:true,  bar: "bronze_bar" },
  169.             iron:       { smeltable:true,  bar: "iron_bar" },
  170.             silver:     { smeltable:true,  bar: "silver_bar" },
  171.             gold:       { smeltable:true,  bar: "gold_bar" },
  172.             promethium: { smeltable:true,  bar: "promethium_bar" }
  173.         };
  174.         try {
  175.             Object.keys(ores).forEach(id => {
  176.                 const obj = ores[id];
  177.                 obj.id = id;
  178.                 obj.oil = Crafting.getOilPerBar(id);
  179.                 obj.charcoal = Crafting.getCharcoalPerBar(id);
  180.             });
  181.         }
  182.         catch(err) {
  183.             console.error("IdlePixelPlus: Could not create ore data. This could adversely affect related functionality.", err);
  184.         }
  185.         return ores;
  186.     }
  187.  
  188.     function createSeedObjects() {
  189.         // hardcoded for now.
  190.         return {
  191.             dotted_green_leaf_seeds: {
  192.                 id: "dotted_green_leaf_seeds",
  193.                 level: 1,
  194.                 stopsDying: 15,
  195.                 time: 15,
  196.                 bonemealCost: 0
  197.             },
  198.             stardust_seeds: {
  199.                 id: "stardust_seeds",
  200.                 level: 8,
  201.                 stopsDying: 0,
  202.                 time: 20,
  203.                 bonemealCost: 0
  204.             },
  205.             green_leaf_seeds: {
  206.                 id: "green_leaf_seeds",
  207.                 level: 10,
  208.                 stopsDying: 25,
  209.                 time: 30,
  210.                 bonemealCost: 0
  211.             },
  212.             lime_leaf_seeds: {
  213.                 id: "lime_leaf_seeds",
  214.                 level: 25,
  215.                 stopsDying: 40,
  216.                 time: 1*60,
  217.                 bonemealCost: 1
  218.             },
  219.             gold_leaf_seeds: {
  220.                 id: "gold_leaf_seeds",
  221.                 level: 50,
  222.                 stopsDying: 60,
  223.                 time: 2*60,
  224.                 bonemealCost: 10
  225.             },
  226.             crystal_leaf_seeds: {
  227.                 id: "crystal_leaf_seeds",
  228.                 level: 70,
  229.                 stopsDying: 80,
  230.                 time: 5*60,
  231.                 bonemealCost: 25
  232.             },
  233.             red_mushroom_seeds: {
  234.                 id: "red_mushroom_seeds",
  235.                 level: 1,
  236.                 stopsDying: 0,
  237.                 time: 5,
  238.                 bonemealCost: 0
  239.             },
  240.             tree_seeds: {
  241.                 id: "tree_seeds",
  242.                 level: 10,
  243.                 stopsDying: 25,
  244.                 time: 5*60,
  245.                 bonemealCost: 10
  246.             },
  247.             oak_tree_seeds: {
  248.                 id: "oak_tree_seeds",
  249.                 level: 25,
  250.                 stopsDying: 40,
  251.                 time: 4*60,
  252.                 bonemealCost: 25
  253.             },
  254.             willow_tree_seeds: {
  255.                 id: "willow_tree_seeds",
  256.                 level: 37,
  257.                 stopsDying: 55,
  258.                 time: 8*60,
  259.                 bonemealCost: 50
  260.             },
  261.             maple_tree_seeds: {
  262.                 id: "maple_tree_seeds",
  263.                 level: 50,
  264.                 stopsDying: 65,
  265.                 time: 12*60,
  266.                 bonemealCost: 120
  267.             },
  268.             stardust_tree_seeds: {
  269.                 id: "stardust_tree_seeds",
  270.                 level: 65,
  271.                 stopsDying: 80,
  272.                 time: 15*60,
  273.                 bonemealCost: 150
  274.             },
  275.             pine_tree_seeds: {
  276.                 id: "pine_tree_seeds",
  277.                 level: 70,
  278.                 stopsDying: 85,
  279.                 time: 17*60,
  280.                 bonemealCost: 180
  281.             }
  282.         };
  283.     }
  284.  
  285.     function createSpellObjects() {
  286.         const spells = {};
  287.         Object.keys(Magic.spell_info).forEach(id => {
  288.             const info = Magic.spell_info[id];
  289.             spells[id] = {
  290.                 id: id,
  291.                 manaCost: info.mana_cost,
  292.                 magicBonusRequired: info.magic_bonus
  293.             };
  294.         });
  295.         return spells;
  296.     }
  297.  
  298.     const INFO = {
  299.         ores: createOreObjects(),
  300.         seeds: createSeedObjects(),
  301.         combatZones: createCombatZoneObjects(),
  302.         spells: createSpellObjects()
  303.     };
  304.  
  305.     function logFancy(s) {
  306.         console.log("%cIdlePixelPlus: %c"+s, "color: #00f7ff; font-weight: bold; font-size: 12pt;", "color: black; font-weight: normal; font-size: 10pt;");
  307.     }
  308.  
  309.     class IdlePixelPlusPlugin {
  310.  
  311.         constructor(id, opts) {
  312.             if(typeof id !== "string") {
  313.                 throw new TypeError("IdlePixelPlusPlugin constructor takes the following arguments: (id:string, opts?:object)");
  314.             }
  315.             this.id = id;
  316.             this.opts = opts || {};
  317.             this.config = null;
  318.         }
  319.  
  320.         getConfig(name) {
  321.             if(!this.config) {
  322.                 IdlePixelPlus.loadPluginConfigs(this.id);
  323.             }
  324.             if(this.config) {
  325.                 return this.config[name];
  326.             }
  327.         }
  328.  
  329.         /*
  330.         onConfigsChanged() { }
  331.         onLogin() { }
  332.         onMessageReceived(data) { }
  333.         onVariableSet(key, valueBefore, valueAfter) { }
  334.         onChat(data) { }
  335.         onPanelChanged(panelBefore, panelAfter) { }
  336.         onCombatStart() { }
  337.         onCombatEnd() { }
  338.         onCustomMessageReceived(player, content, callbackId) { }
  339.         onCustomMessagePlayerOffline(player, content) { }
  340.         */
  341.  
  342.     }
  343.  
  344.     const internal = {
  345.         init() {
  346.             const self = this;
  347.  
  348.             // hook into websocket messages
  349.             const hookIntoOnMessage = () => {
  350.                 try {
  351.                     const original_onmessage = window.websocket.connected_socket.onmessage;
  352.                     if(typeof original_onmessage === "function") {
  353.                         window.websocket.connected_socket.onmessage = function(event) {
  354.                             original_onmessage.apply(window.websocket.connected_socket, arguments);
  355.                             self.onMessageReceived(event.data);
  356.                         }
  357.                         return true;
  358.                     }
  359.                     else {
  360.                         return false;
  361.                     }
  362.                 }
  363.                 catch(err) {
  364.                     console.error("Had trouble hooking into websocket...");
  365.                     return false;
  366.                 }
  367.             };
  368.             $(function() {
  369.                 if(!hookIntoOnMessage()) {
  370.                     // try once more
  371.                     setTimeout(hookIntoOnMessage, 40);
  372.                 }
  373.             });
  374.  
  375.             /*
  376.             const original_open_websocket = window.open_websocket;
  377.             window.open_websocket = function() {
  378.                 original_open_websocket.apply(this, arguments);
  379.                 const original_onmessage = window.websocket.connected_socket.onmessage;
  380.                 window.websocket.connected_socket.onmessage = function(event) {
  381.                     original_onmessage.apply(window.websocket.connected_socket, arguments);
  382.                     self.onMessageReceived(event.data);
  383.                 }
  384.             }
  385.             */
  386.  
  387.             // hook into Items.set, which is where var_ values are set
  388.             const original_items_set = Items.set;
  389.             Items.set = function(key, value) {
  390.                 let valueBefore = window["var_"+key];
  391.                 original_items_set.apply(this, arguments);
  392.                 let valueAfter = window["var_"+key];
  393.                 self.onVariableSet(key, valueBefore, valueAfter);
  394.             }
  395.  
  396.             // hook into switch_panels, which is called when the main panel is changed. This is also used for custom panels.
  397.             const original_switch_panels = window.switch_panels;
  398.             window.switch_panels = function(id) {
  399.                 let panelBefore = Globals.currentPanel;
  400.                 if(panelBefore && panelBefore.startsWith("panel-")) {
  401.                     panelBefore = panelBefore.substring("panel-".length);
  402.                 }
  403.                 self.hideCustomPanels();
  404.                 original_switch_panels.apply(this, arguments);
  405.                 let panelAfter = Globals.currentPanel;
  406.                 if(panelAfter && panelAfter.startsWith("panel-")) {
  407.                     panelAfter = panelAfter.substring("panel-".length);
  408.                 }
  409.                 self.onPanelChanged(panelBefore, panelAfter);
  410.             }
  411.  
  412.             // create plugin menu item and panel
  413.             const lastMenuItem = $("#menu-bar-buttons > .hover-menu-bar-item").last();
  414.             lastMenuItem.after(`
  415.             <div onclick="IdlePixelPlus.setPanel('idlepixelplus')" class="hover hover-menu-bar-item">
  416.                 <img id="menu-bar-idlepixelplus-icon" src="https://anwinity.com/idlepixelplus/plugins.png"> PLUGINS
  417.             </div>
  418.             `);
  419.             self.addPanel("idlepixelplus", "IdlePixel+ Plugins", function() {
  420.                 let content = `
  421.                 <style>
  422.                     .idlepixelplus-plugin-box {
  423.                         display: block;
  424.                         position: relative;
  425.                         padding: 0.25em;
  426.                         color: white;
  427.                         background-color: rgb(107, 107, 107);
  428.                         border: 1px solid black;
  429.                         border-radius: 6px;
  430.                         margin-bottom: 0.5em;
  431.                     }
  432.                     .idlepixelplus-plugin-box .idlepixelplus-plugin-settings-button {
  433.                         position: absolute;
  434.                         right: 2px;
  435.                         top: 2px;
  436.                         cursor: pointer;
  437.                     }
  438.                     .idlepixelplus-plugin-box .idlepixelplus-plugin-config-section {
  439.                         display: grid;
  440.                         grid-template-columns: minmax(100px, min-content) 1fr;
  441.                         row-gap: 0.5em;
  442.                         column-gap: 0.5em;
  443.                         white-space: nowrap;
  444.                     }
  445.                 </style>
  446.                 `;
  447.                 self.forEachPlugin(plugin => {
  448.                     let id = plugin.id;
  449.                     let name = "An IdlePixel+ Plugin!";
  450.                     let description = "";
  451.                     let author = "unknown";
  452.                     if(plugin.opts.about) {
  453.                         let about = plugin.opts.about;
  454.                         name = about.name || name;
  455.                         description = about.description || description;
  456.                         author = about.author || author;
  457.                     }
  458.                     content += `
  459.                     <div id="idlepixelplus-plugin-box-${id}" class="idlepixelplus-plugin-box">
  460.                         <strong><u>${name||id}</u></strong> (by ${author})<br />
  461.                         <span>${description}</span><br />
  462.                         <div class="idlepixelplus-plugin-config-section" style="display: none">
  463.                             <hr style="grid-column: span 2">
  464.                     `;
  465.                     if(plugin.opts.config && Array.isArray(plugin.opts.config)) {
  466.                         plugin.opts.config.forEach(cfg => {
  467.                             if(CONFIG_TYPES_LABEL.includes(cfg.type)) {
  468.                                 content += `<h5 style="grid-column: span 2; margin-bottom: 0; font-weight: 600">${cfg.label}</h5>`;
  469.                             }
  470.                             else if(CONFIG_TYPES_BOOLEAN.includes(cfg.type)) {
  471.                                 content += `
  472.                                     <div>
  473.                                         <label for="idlepixelplus-config-${plugin.id}-${cfg.id}">${cfg.label || cfg.id}</label>
  474.                                     </div>
  475.                                     <div>
  476.                                         <input id="idlepixelplus-config-${plugin.id}-${cfg.id}" type="checkbox" onchange="IdlePixelPlus.setPluginConfigUIDirty('${id}', true)" />
  477.                                     </div>
  478.                                     `;
  479.                             }
  480.                             else if(CONFIG_TYPES_INTEGER.includes(cfg.type)) {
  481.                                 content += `
  482.                                     <div>
  483.                                         <label for="idlepixelplus-config-${plugin.id}-${cfg.id}">${cfg.label || cfg.id}</label>
  484.                                     </div>
  485.                                     <div>
  486.                                         <input id="idlepixelplus-config-${plugin.id}-${cfg.id}" type="number" step="1" min="${cfg.min || ''}" max="${cfg.max || ''}" onchange="IdlePixelPlus.setPluginConfigUIDirty('${id}', true)" />
  487.                                     </div>
  488.                                     `;
  489.                             }
  490.                             else if(CONFIG_TYPES_FLOAT.includes(cfg.type)) {
  491.                                 content += `
  492.                                     <div>
  493.                                         <label for="idlepixelplus-config-${plugin.id}-${cfg.id}">${cfg.label || cfg.id}</label>
  494.                                     </div>
  495.                                     <div>
  496.                                         <input id="idlepixelplus-config-${plugin.id}-${cfg.id}" type="number" step="${cfg.step || ''}" min="${cfg.min || ''}" max="${cfg.max || ''}" onchange="IdlePixelPlus.setPluginConfigUIDirty('${id}', true)" />
  497.                                     </div>
  498.                                     `;
  499.                             }
  500.                             else if(CONFIG_TYPES_STRING.includes(cfg.type)) {
  501.                                 content += `
  502.                                     <div>
  503.                                         <label for="idlepixelplus-config-${plugin.id}-${cfg.id}">${cfg.label || cfg.id}</label>
  504.                                     </div>
  505.                                     <div>
  506.                                         <input id="idlepixelplus-config-${plugin.id}-${cfg.id}" type="text" maxlength="${cfg.max || ''}" onchange="IdlePixelPlus.setPluginConfigUIDirty('${id}', true)" />
  507.                                     </div>
  508.                                     `;
  509.                             }
  510.                             else if(CONFIG_TYPES_COLOR.includes(cfg.type)) {
  511.                                 content += `
  512.                                     <div>
  513.                                         <label for="idlepixelplus-config-${plugin.id}-${cfg.id}">${cfg.label || cfg.id}</label>
  514.                                     </div>
  515.                                     <div>
  516.                                         <input id="idlepixelplus-config-${plugin.id}-${cfg.id}" type="color" onchange="IdlePixelPlus.setPluginConfigUIDirty('${id}', true)" />
  517.                                     </div>
  518.                                     `;
  519.                             }
  520.                             else if(CONFIG_TYPES_SELECT.includes(cfg.type)) {
  521.                                 content += `
  522.                                     <div>
  523.                                         <label for="idlepixelplus-config-${plugin.id}-${cfg.id}">${cfg.label || cfg.id}</label>
  524.                                     </div>
  525.                                     <div>
  526.                                         <select id="idlepixelplus-config-${plugin.id}-${cfg.id}" onchange="IdlePixelPlus.setPluginConfigUIDirty('${id}', true)">
  527.                                     `;
  528.                                 if(cfg.options && Array.isArray(cfg.options)) {
  529.                                     cfg.options.forEach(option => {
  530.                                         if(typeof option === "string") {
  531.                                             content += `<option value="${option}">${option}</option>`;
  532.                                         }
  533.                                         else {
  534.                                             content += `<option value="${option.value}">${option.label || option.value}</option>`;
  535.                                         }
  536.                                         
  537.                                     });
  538.                                 }
  539.                                 content += `
  540.                                         </select>
  541.                                     </div>
  542.                                     `;
  543.                             }
  544.                         });
  545.                         content += `
  546.                         <div style="grid-column: span 2">
  547.                             <button id="idlepixelplus-configbutton-${plugin.id}-reload" onclick="IdlePixelPlus.loadPluginConfigs('${id}')">Reload</button>
  548.                             <button id="idlepixelplus-configbutton-${plugin.id}-apply" onclick="IdlePixelPlus.savePluginConfigs('${id}')">Apply</button>
  549.                         </div>
  550.                         `;
  551.                     }
  552.                     content += "</div>";
  553.                     if(plugin.opts.config) {
  554.                         content += `
  555.                         <div class="idlepixelplus-plugin-settings-button">
  556.                             <button onclick="$('#idlepixelplus-plugin-box-${id} .idlepixelplus-plugin-config-section').toggle()">Settings</button>
  557.                         </div>`;
  558.                     }
  559.                     content += "</div>";
  560.                 });
  561.  
  562.                 return content;
  563.             });
  564.  
  565.             logFancy(`(v${self.version}) initialized.`);
  566.         }
  567.     };
  568.  
  569.     class IdlePixelPlus {
  570.  
  571.         constructor() {
  572.             this.version = GM_info.script.version;
  573.             this.plugins = {};
  574.             this.panels = {};
  575.             this.debug = false;
  576.             this.info = INFO;
  577.             this.nextUniqueId = 1;
  578.             this.customMessageCallbacks = {};
  579.  
  580.             if(localStorage.getItem(LOCAL_STORAGE_KEY_DEBUG) == "1") {
  581.                 this.debug = true;
  582.             }
  583.         }
  584.  
  585.         uniqueId() {
  586.             return this.nextUniqueId++;
  587.         }
  588.  
  589.         setDebug(debug) {
  590.             if(debug) {
  591.                 this.debug = true;
  592.                 localStorage.setItem(LOCAL_STORAGE_KEY_DEBUG, "1");
  593.             }
  594.             else {
  595.                 this.debug = false;
  596.                 localStorage.removeItem(LOCAL_STORAGE_KEY_DEBUG);
  597.             }
  598.         }
  599.  
  600.         getVar(name, type) {
  601.             let s = window[`var_${name}`];
  602.             if(type) {
  603.                 switch(type) {
  604.                     case "int":
  605.                     case "integer":
  606.                         return parseInt(s);
  607.                     case "number":
  608.                     case "float":
  609.                         return parseFloat(s);
  610.                     case "boolean":
  611.                     case "bool":
  612.                         if(s=="true") return true;
  613.                         if(s=="false") return false;
  614.                         return undefined;
  615.                 }
  616.             }
  617.             return s;
  618.         }
  619.  
  620.         getVarOrDefault(name, defaultValue, type) {
  621.             let s = window[`var_${name}`];
  622.             if(s==null || typeof s === "undefined") {
  623.                 return defaultValue;
  624.             }
  625.             if(type) {
  626.                 let value;
  627.                 switch(type) {
  628.                     case "int":
  629.                     case "integer":
  630.                         value = parseInt(s);
  631.                         return isNaN(value) ? defaultValue : value;
  632.                     case "number":
  633.                     case "float":
  634.                         value = parseFloat(s);
  635.                         return isNaN(value) ? defaultValue : value;
  636.                     case "boolean":
  637.                     case "bool":
  638.                         if(s=="true") return true;
  639.                         if(s=="false") return false;
  640.                         return defaultValue;
  641.                 }
  642.             }
  643.             return s;
  644.         }
  645.  
  646.         setPluginConfigUIDirty(id, dirty) {
  647.             if(typeof id !== "string" || typeof dirty !== "boolean") {
  648.                 throw new TypeError("IdlePixelPlus.setPluginConfigUIDirty takes the following arguments: (id:string, dirty:boolean)");
  649.             }
  650.             const plugin = this.plugins[id];
  651.             const button = $(`#idlepixelplus-configbutton-${plugin.id}-apply`);
  652.             if(button) {
  653.                 button.prop("disabled", !(dirty));
  654.             }
  655.         }
  656.  
  657.         loadPluginConfigs(id) {
  658.             if(typeof id !== "string") {
  659.                 throw new TypeError("IdlePixelPlus.reloadPluginConfigs takes the following arguments: (id:string)");
  660.             }
  661.             const plugin = this.plugins[id];
  662.             const config = {};
  663.             let stored;
  664.             try {
  665.                 stored = JSON.parse(localStorage.getItem(`idlepixelplus.${id}.config`) || "{}");
  666.             }
  667.             catch(err) {
  668.                 console.error(`Failed to load configs for plugin with id "${id} - will use defaults instead."`);
  669.                 stored = {};
  670.             }
  671.             if(plugin.opts.config && Array.isArray(plugin.opts.config)) {
  672.                 plugin.opts.config.forEach(cfg => {
  673.                     const el = $(`#idlepixelplus-config-${plugin.id}-${cfg.id}`);
  674.                     let value = stored[cfg.id];
  675.                     if(value==null || typeof value === "undefined") {
  676.                         value = cfg.default;
  677.                     }
  678.                     config[cfg.id] = value;
  679.  
  680.                     if(el) {
  681.                         if(CONFIG_TYPES_BOOLEAN.includes(cfg.type) && typeof value === "boolean") {
  682.                             el.prop("checked", value);
  683.                         }
  684.                         else if(CONFIG_TYPES_INTEGER.includes(cfg.type) && typeof value === "number") {
  685.                             el.val(value);
  686.                         }
  687.                         else if(CONFIG_TYPES_FLOAT.includes(cfg.type) && typeof value === "number") {
  688.                             el.val(value);
  689.                         }
  690.                         else if(CONFIG_TYPES_STRING.includes(cfg.type) && typeof value === "string") {
  691.                             el.val(value);
  692.                         }
  693.                         else if(CONFIG_TYPES_SELECT.includes(cfg.type) && typeof value === "string") {
  694.                             el.val(value);
  695.                         }
  696.                         else if(CONFIG_TYPES_COLOR.includes(cfg.type) && typeof value === "string") {
  697.                             el.val(value);
  698.                         }
  699.                     }
  700.                 });
  701.             }
  702.             plugin.config = config;
  703.             this.setPluginConfigUIDirty(id, false);
  704.             if(typeof plugin.onConfigsChanged === "function") {
  705.                 plugin.onConfigsChanged();
  706.             }
  707.         }
  708.  
  709.         savePluginConfigs(id) {
  710.             if(typeof id !== "string") {
  711.                 throw new TypeError("IdlePixelPlus.savePluginConfigs takes the following arguments: (id:string)");
  712.             }
  713.             const plugin = this.plugins[id];
  714.             const config = {};
  715.             if(plugin.opts.config && Array.isArray(plugin.opts.config)) {
  716.                 plugin.opts.config.forEach(cfg => {
  717.                     const el = $(`#idlepixelplus-config-${plugin.id}-${cfg.id}`);
  718.                     let value;
  719.                     if(CONFIG_TYPES_BOOLEAN.includes(cfg.type)) {
  720.                         config[cfg.id] = el.is(":checked");
  721.                     }
  722.                     else if(CONFIG_TYPES_INTEGER.includes(cfg.type)) {
  723.                         config[cfg.id] = parseInt(el.val());
  724.                     }
  725.                     else if(CONFIG_TYPES_FLOAT.includes(cfg.type)) {
  726.                         config[cfg.id] = parseFloat(el.val());
  727.                     }
  728.                     else if(CONFIG_TYPES_STRING.includes(cfg.type)) {
  729.                         config[cfg.id] = el.val();
  730.                     }
  731.                     else if(CONFIG_TYPES_SELECT.includes(cfg.type)) {
  732.                         config[cfg.id] = el.val();
  733.                     }
  734.                     else if(CONFIG_TYPES_COLOR.includes(cfg.type)) {
  735.                         config[cfg.id] = el.val();
  736.                     }
  737.                 });
  738.             }
  739.             plugin.config = config;
  740.             localStorage.setItem(`idlepixelplus.${id}.config`, JSON.stringify(config));
  741.             this.setPluginConfigUIDirty(id, false);
  742.             if(typeof plugin.onConfigsChanged === "function") {
  743.                 plugin.onConfigsChanged();
  744.             }
  745.         }
  746.  
  747.         addPanel(id, title, content) {
  748.             if(typeof id !== "string" || typeof title !== "string" || (typeof content !== "string" && typeof content !== "function") ) {
  749.                 throw new TypeError("IdlePixelPlus.addPanel takes the following arguments: (id:string, title:string, content:string|function)");
  750.             }
  751.             const panels = $("#panels");
  752.             panels.append(`
  753.             <div id="panel-${id}" style="display: none">
  754.                 <h1>${title}</h1>
  755.                 <hr>
  756.                 <div class="idlepixelplus-panel-content"></div>
  757.             </div>
  758.             `);
  759.             this.panels[id] = {
  760.                 id: id,
  761.                 title: title,
  762.                 content: content
  763.             };
  764.             this.refreshPanel(id);
  765.         }
  766.  
  767.         refreshPanel(id) {
  768.             if(typeof id !== "string") {
  769.                 throw new TypeError("IdlePixelPlus.refreshPanel takes the following arguments: (id:string)");
  770.             }
  771.             const panel = this.panels[id];
  772.             if(!panel) {
  773.                 throw new TypeError(`Error rendering panel with id="${id}" - panel has not be added.`);
  774.             }
  775.             let content = panel.content;
  776.             if(!["string", "function"].includes(typeof content)) {
  777.                 throw new TypeError(`Error rendering panel with id="${id}" - panel.content must be a string or a function returning a string.`);
  778.             }
  779.             if(typeof content === "function") {
  780.                 content = content();
  781.                 if(typeof content !== "string") {
  782.                     throw new TypeError(`Error rendering panel with id="${id}" - panel.content must be a string or a function returning a string.`);
  783.                 }
  784.             }
  785.             const panelContent = $(`#panel-${id} .idlepixelplus-panel-content`);
  786.             panelContent.html(content);
  787.             if(id === "idlepixelplus") {
  788.                 this.forEachPlugin(plugin => {
  789.                     this.loadPluginConfigs(plugin.id);
  790.                 });
  791.             }
  792.         }
  793.  
  794.         registerPlugin(plugin) {
  795.             if(!(plugin instanceof IdlePixelPlusPlugin)) {
  796.                 throw new TypeError("IdlePixelPlus.registerPlugin takes the following arguments: (plugin:IdlePixelPlusPlugin)");
  797.             }
  798.             if(plugin.id in this.plugins) {
  799.                 throw new Error(`IdlePixelPlusPlugin with id "${plugin.id}" is already registered. Make sure your plugin id is unique!`);
  800.             }
  801.  
  802.             this.plugins[plugin.id] = plugin;
  803.             this.loadPluginConfigs(plugin.id);
  804.             let versionString = plugin.opts&&plugin.opts.about&&plugin.opts.about.version ? ` (v${plugin.opts.about.version})` : "";
  805.             logFancy(`registered plugin "${plugin.id}"${versionString}`);
  806.         }
  807.  
  808.         forEachPlugin(f) {
  809.             if(typeof f !== "function") {
  810.                 throw new TypeError("IdlePixelPlus.forEachPlugin takes the following arguments: (f:function)");
  811.             }
  812.             Object.values(this.plugins).forEach(plugin => {
  813.                 try {
  814.                     f(plugin);
  815.                 }
  816.                 catch(err) {
  817.                     console.error(`Error occurred while executing function for plugin "${plugin.id}."`);
  818.                     console.error(err);
  819.                 }
  820.             });
  821.         }
  822.  
  823.         setPanel(panel) {
  824.             if(typeof panel !== "string") {
  825.                 throw new TypeError("IdlePixelPlus.setPanel takes the following arguments: (panel:string)");
  826.             }
  827.             window.switch_panels(`panel-${panel}`);
  828.         }
  829.  
  830.         sendMessage(message) {
  831.             if(typeof message !== "string") {
  832.                 throw new TypeError("IdlePixelPlus.sendMessage takes the following arguments: (message:string)");
  833.             }
  834.             if(window.websocket && window.websocket.connected_socket && window.websocket.connected_socket.readyState==1) {
  835.                 window.websocket.connected_socket.send(message);
  836.             }
  837.         }
  838.  
  839.         showToast(title, content) {
  840.             show_toast(title, content);
  841.         }
  842.  
  843.         hideCustomPanels() {
  844.             Object.values(this.panels).forEach((panel) => {
  845.                 const el = $(`#panel-${panel.id}`);
  846.                 if(el) {
  847.                     el.css("display", "none");
  848.                 }
  849.             });
  850.         }
  851.  
  852.         onMessageReceived(data) {
  853.             if(this.debug) {
  854.                 console.log(`IP+ onMessageReceived: ${data}`);
  855.             }
  856.             if(data) {
  857.                 this.forEachPlugin((plugin) => {
  858.                     if(typeof plugin.onMessageReceived === "function") {
  859.                         plugin.onMessageReceived(data);
  860.                     }
  861.                 });
  862.                 if(data.startsWith("VALID_LOGIN")) {
  863.                     this.onLogin();
  864.                 }
  865.                 else if(data.startsWith("CHAT=")) {
  866.                     const split = data.substring("CHAT=".length).split("~");
  867.                     const chatData = {
  868.                         username: split[0],
  869.                         sigil: split[1],
  870.                         tag: split[2],
  871.                         level: parseInt(split[3]),
  872.                         message: split[4]
  873.                     };
  874.                     this.onChat(chatData);
  875.                     // CHAT=anwinity~none~none~1565~test
  876.                 }
  877.                 else if(data.startsWith("CUSTOM=")) {
  878.                     const customData = data.substring("CUSTOM=".length);
  879.                     const tilde = customData.indexOf("~");
  880.                     if(tilde > 0) {
  881.                         const fromPlayer = customData.substring(0, tilde);
  882.                         const content = customData.substring(tilde+1);
  883.                         this.onCustomMessageReceived(fromPlayer, content);
  884.                     }
  885.                 }
  886.             }
  887.         }
  888.  
  889.         deleteCustomMessageCallback(callbackId) {
  890.             if(this.debug) {
  891.                 console.log(`IP+ deleteCustomMessageCallback`, callbackId);
  892.             }
  893.             delete this.customMessageCallbacks[callbackId];
  894.         }
  895.  
  896.         requestPluginManifest(player, callback, pluginId) {
  897.             if(typeof pluginId === "string") {
  898.                 pluginId = [pluginId];
  899.             }
  900.             if(Array.isArray(pluginId)) {
  901.                 pluginId = JSON.stringify(pluginId);
  902.             }
  903.             this.sendCustomMessage(player, {
  904.                 content: "PLUGIN_MANIFEST" + (pluginId ? `:${pluginId}` : ''),
  905.                 onResponse: function(respPlayer, content) {
  906.                     if(typeof callback === "function") {
  907.                         callback(respPlayer, JSON.parse(content));
  908.                     }
  909.                     else {
  910.                         console.log(`Plugin Manifest: ${respPlayer}`, content);
  911.                     }
  912.                 },
  913.                 onOffline: function(respPlayer, content) {
  914.                     if(typeof callback === "function") {
  915.                         callback(respPlayer, false);
  916.                     }
  917.                 },
  918.                 timeout: 10000
  919.             });
  920.         }
  921.  
  922.         sendCustomMessage(toPlayer, opts) {
  923.             if(this.debug) {
  924.                 console.log(`IP+ sendCustomMessage`, toPlayer, opts);
  925.             }
  926.             const reply = !!(opts.callbackId);
  927.             const content = typeof opts.content === "string" ? opts.content : JSON.stringify(opts.content);
  928.             const callbackId = reply ? opts.callbackId : this.uniqueId();
  929.             const responseHandler = typeof opts.onResponse === "function" ? opts.onResponse : null;
  930.             const offlineHandler = opts.onOffline===true ? () => { this.deleteCustomMessageCallback(callbackId); } : (typeof opts.onOffline === "function" ? opts.onOffline : null);
  931.             const timeout = typeof opts.timeout === "number" ? opts.timeout : -1;
  932.  
  933.             if(responseHandler || offlineHandler) {
  934.                 const handler = {
  935.                     id: callbackId,
  936.                     player: toPlayer,
  937.                     responseHandler: responseHandler,
  938.                     offlineHandler: offlineHandler,
  939.                     timeout: typeof timeout === "number" ? timeout : -1,
  940.                 };
  941.                 if(callbackId) {
  942.                     this.customMessageCallbacks[callbackId] = handler;
  943.                     if(handler.timeout > 0) {
  944.                         setTimeout(() => {
  945.                             this.deleteCustomMessageCallback(callbackId);
  946.                         }, handler.timeout);
  947.                     }
  948.                 }
  949.             }
  950.             const message = `CUSTOM=${toPlayer}~IPP${reply?'R':''}${callbackId}:${content}`;
  951.             if(message.length > 255) {
  952.                 console.warn("The resulting websocket message from IdlePixelPlus.sendCustomMessage has a length limit of 255 characters. Recipients may not receive the full message!");
  953.             }
  954.             this.sendMessage(message);
  955.         }
  956.  
  957.         onCustomMessageReceived(fromPlayer, content) {
  958.             if(this.debug) {
  959.                 console.log(`IP+ onCustomMessageReceived`, fromPlayer, content);
  960.             }
  961.             const offline = content == "PLAYER_OFFLINE";
  962.             let callbackId = null;
  963.             let originalCallbackId = null;
  964.             let reply = false;
  965.             const ippMatcher = content.match(/^IPP(\w+):/);
  966.             if(ippMatcher) {
  967.                 originalCallbackId = callbackId = ippMatcher[1];
  968.                 let colon = content.indexOf(":");
  969.                 content = content.substring(colon+1);
  970.                 if(callbackId.startsWith("R")) {
  971.                     callbackId = callbackId.substring(1);
  972.                     reply = true;
  973.                 }
  974.             }
  975.  
  976.             // special built-in messages
  977.             if(content.startsWith("PLUGIN_MANIFEST")) {
  978.                 const manifest = {};
  979.                 let filterPluginIds = null;
  980.                 if(content.includes(":")) {
  981.                     content = content.substring("PLUGIN_MANIFEST:".length);
  982.                     filterPluginIds = JSON.parse(content).map(s => s.replace("~", ""));
  983.                 }
  984.                 this.forEachPlugin(plugin => {
  985.                     let id = plugin.id.replace("~", "");
  986.                     if(filterPluginIds && !filterPluginIds.includes(id)) {
  987.                         return;
  988.                     }
  989.                     let version = "unknown";
  990.                     if(plugin.opts && plugin.opts.about && plugin.opts.about.version) {
  991.                         version = plugin.opts.about.version.replace("~", "");
  992.                     }
  993.                     manifest[id] = version;
  994.                 });
  995.                 this.sendCustomMessage(fromPlayer, {
  996.                     content: manifest,
  997.                     callbackId: callbackId
  998.                 });
  999.                 return;
  1000.             }
  1001.  
  1002.             const callbacks = this.customMessageCallbacks;
  1003.             if(reply) {
  1004.                 const handler = callbacks[callbackId];
  1005.                 if(handler && typeof handler.responseHandler === "function") {
  1006.                     try {
  1007.                         if(handler.responseHandler(fromPlayer, content, originalCallbackId)) {
  1008.                             this.deleteCustomMessageCallback(callbackId);
  1009.                         }
  1010.                     }
  1011.                     catch(err) {
  1012.                         console.error("Error executing custom message response handler.", {player: fromPlayer, content: content, handler: handler});
  1013.                     }
  1014.                 }
  1015.             }
  1016.             else if(offline) {
  1017.                 Object.values(callbacks).forEach(handler => {
  1018.                     try {
  1019.                         if(handler.player.toLowerCase()==fromPlayer.toLowerCase() && typeof handler.offlineHandler === "function" && handler.offlineHandler(fromPlayer, content)) {
  1020.                             this.deleteCustomMessageCallback(handler.id);
  1021.                         }
  1022.                     }
  1023.                     catch(err) {
  1024.                         console.error("Error executing custom message offline handler.", {player: fromPlayer, content: content, handler: handler});
  1025.                     }
  1026.                 });
  1027.             }
  1028.  
  1029.             if(offline) {
  1030.                 this.onCustomMessagePlayerOffline(fromPlayer, content);
  1031.             }
  1032.             else {
  1033.                 this.forEachPlugin((plugin) => {
  1034.                     if(typeof plugin.onCustomMessageReceived === "function") {
  1035.                         plugin.onCustomMessageReceived(fromPlayer, content, originalCallbackId);
  1036.                     }
  1037.                 });
  1038.             }
  1039.         }
  1040.  
  1041.         onCustomMessagePlayerOffline(fromPlayer, content) {
  1042.             if(this.debug) {
  1043.                 console.log(`IP+ onCustomMessagePlayerOffline`, fromPlayer, content);
  1044.             }
  1045.             this.forEachPlugin((plugin) => {
  1046.                 if(typeof plugin.onCustomMessagePlayerOffline === "function") {
  1047.                     plugin.onCustomMessagePlayerOffline(fromPlayer, content);
  1048.                 }
  1049.             });
  1050.         }
  1051.  
  1052.         onCombatStart() {
  1053.             if(this.debug) {
  1054.                 console.log(`IP+ onCombatStart`);
  1055.             }
  1056.             this.forEachPlugin((plugin) => {
  1057.                 if(typeof plugin.onCombatStart === "function") {
  1058.                     plugin.onCombatStart();
  1059.                 }
  1060.             });
  1061.         }
  1062.  
  1063.         onCombatEnd() {
  1064.             if(this.debug) {
  1065.                 console.log(`IP+ onCombatEnd`);
  1066.             }
  1067.             this.forEachPlugin((plugin) => {
  1068.                 if(typeof plugin.onCombatEnd === "function") {
  1069.                     plugin.onCombatEnd();
  1070.                 }
  1071.             });
  1072.         }
  1073.  
  1074.         onLogin() {
  1075.             if(this.debug) {
  1076.                 console.log(`IP+ onLogin`);
  1077.             }
  1078.             logFancy("login detected");
  1079.             this.forEachPlugin((plugin) => {
  1080.                 if(typeof plugin.onLogin === "function") {
  1081.                     plugin.onLogin();
  1082.                 }
  1083.             });
  1084.         }
  1085.  
  1086.         onVariableSet(key, valueBefore, valueAfter) {
  1087.             if(this.debug) {
  1088.                 console.log(`IP+ onVariableSet "${key}": "${valueBefore}" -> "${valueAfter}"`);
  1089.             }
  1090.             this.forEachPlugin((plugin) => {
  1091.                 if(typeof plugin.onVariableSet === "function") {
  1092.                     plugin.onVariableSet(key, valueBefore, valueAfter);
  1093.                 }
  1094.             });
  1095.             if(key == "monster_name") {
  1096.                 const combatBefore = !!(valueBefore && valueBefore!="none");
  1097.                 const combatAfter = !!(valueAfter && valueAfter!="none");
  1098.                 if(!combatBefore && combatAfter) {
  1099.                     this.onCombatStart();
  1100.                 }
  1101.                 else if(combatBefore && !combatAfter) {
  1102.                     this.onCombatEnd();
  1103.                 }
  1104.             }
  1105.         }
  1106.  
  1107.         onChat(data) {
  1108.             if(this.debug) {
  1109.                 console.log(`IP+ onChat`, data);
  1110.             }
  1111.             this.forEachPlugin((plugin) => {
  1112.                 if(typeof plugin.onChat === "function") {
  1113.                     plugin.onChat(data);
  1114.                 }
  1115.             });
  1116.         }
  1117.  
  1118.         onPanelChanged(panelBefore, panelAfter) {
  1119.             if(this.debug) {
  1120.                 console.log(`IP+ onPanelChanged "${panelBefore}" -> "${panelAfter}"`);
  1121.             }
  1122.             if(panelAfter === "idlepixelplus") {
  1123.                 this.refreshPanel("idlepixelplus");
  1124.             }
  1125.             this.forEachPlugin((plugin) => {
  1126.                 if(typeof plugin.onPanelChanged === "function") {
  1127.                     plugin.onPanelChanged(panelBefore, panelAfter);
  1128.                 }
  1129.             });
  1130.         }
  1131.  
  1132.     }
  1133.  
  1134.     // Add to window and init
  1135.     window.IdlePixelPlusPlugin = IdlePixelPlusPlugin;
  1136.     window.IdlePixelPlus = new IdlePixelPlus();
  1137.     internal.init.call(window.IdlePixelPlus);
  1138.  
  1139. })();