☰

Ironwood RPG - Pancake-Scripts

A collection of scripts to enhance Ironwood RPG - https://github.com/Boldy97/ironwood-scripts

目前为 2023-09-19 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         Ironwood RPG - Pancake-Scripts
  3. // @namespace    http://tampermonkey.net/
  4. // @version      2.3
  5. // @description  A collection of scripts to enhance Ironwood RPG - https://github.com/Boldy97/ironwood-scripts
  6. // @author       Pancake
  7. // @match        https://ironwoodrpg.com/*
  8. // @icon         https://www.google.com/s2/favicons?sz=64&domain=ironwoodrpg.com
  9. // @grant        none
  10. // @run-at       document-start
  11. // @require      https://code.jquery.com/jquery-3.6.4.min.js
  12. // @require      https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.0/chart.umd.js
  13. // ==/UserScript==
  14. (() => {
  15.  
  16.     if(window.moduleRegistry) {
  17.         return;
  18.     }
  19.  
  20.     window.moduleRegistry = {
  21.         add,
  22.         get,
  23.         build
  24.     };
  25.  
  26.     const modules = {};
  27.  
  28.     function add(name, initialiser) {
  29.         modules[name] = createModule(name, initialiser);
  30.         buildModule(modules[name], true);
  31.     }
  32.  
  33.     function get(name) {
  34.         return modules[name] || null;
  35.     }
  36.  
  37.     function build() {
  38.         for(const module of Object.values(modules)) {
  39.             buildModule(module);
  40.         }
  41.     }
  42.  
  43.     function createModule(name, initialiser) {
  44.         const dependencies = extractParametersFromFunction(initialiser).map(dependency => {
  45.             const name = dependency.replaceAll('_', '');
  46.             const module = get(name);
  47.             const optional = dependency.startsWith('_');
  48.             return { name, module, optional };
  49.         });
  50.         const module = {
  51.             name,
  52.             initialiser,
  53.             dependencies
  54.         };
  55.         for(const other of Object.values(modules)) {
  56.             for(const dependency of other.dependencies) {
  57.                 if(dependency.name === name) {
  58.                     dependency.module = module;
  59.                 }
  60.             }
  61.         }
  62.         return module;
  63.     }
  64.  
  65.     function buildModule(module, partial, chain) {
  66.         if(module.built) {
  67.             return true;
  68.         }
  69.  
  70.         chain = chain || [];
  71.         if(chain.includes(module.name)) {
  72.             chain.push(module.name);
  73.             throw `Circular dependency in chain : ${chain.join(' -> ')}`;
  74.         }
  75.         chain.push(module.name);
  76.  
  77.         for(const dependency of module.dependencies) {
  78.             if(!dependency.module) {
  79.                 if(partial) {
  80.                     return false;
  81.                 }
  82.                 if(dependency.optional) {
  83.                     continue;
  84.                 }
  85.                 throw `Unresolved dependency : ${dependency.name}`;
  86.             }
  87.             const built = buildModule(dependency.module, partial, chain);
  88.             if(!built) {
  89.                 return false;
  90.             }
  91.         }
  92.  
  93.         const parameters = module.dependencies.map(a => a.module?.reference);
  94.         module.reference = module.initialiser.apply(null, parameters);
  95.         module.built = true;
  96.  
  97.         chain.pop();
  98.         return true;
  99.     }
  100.  
  101.     function extractParametersFromFunction(fn) {
  102.         const PARAMETER_NAMES = /([^\s,]+)/g;
  103.         var fnStr = fn.toString();
  104.         var result = fnStr.slice(fnStr.indexOf('(')+1, fnStr.indexOf(')')).match(PARAMETER_NAMES);
  105.         return result || [];
  106.     }
  107.  
  108. })();
  109. // actionCache
  110. window.moduleRegistry.add('actionCache', (auth, request, Promise) => {
  111.  
  112.     const authenticated = auth.ready;
  113.     const isReady = new Promise.Deferred();
  114.  
  115.     const exports = {
  116.         ready: isReady.promise,
  117.         list: [],
  118.         byId: null,
  119.         byName: null
  120.     };
  121.  
  122.     async function initialise() {
  123.         await authenticated;
  124.         const actions = await request.listActions();
  125.         exports.byId = {};
  126.         exports.byName = {};
  127.         for(const action of actions) {
  128.             exports.list.push(action);
  129.             exports.byId[action.id] = action;
  130.             exports.byName[action.name] = action;
  131.         }
  132.         isReady.resolve();
  133.     }
  134.  
  135.     initialise();
  136.  
  137.     return exports;
  138.  
  139. }
  140. );
  141. // auth
  142. window.moduleRegistry.add('auth', (Promise) => {
  143.  
  144.     const authenticated = new Promise.Deferred();
  145.     let TOKEN = null;
  146.  
  147.     const exports = {
  148.         ready: authenticated.promise,
  149.         isReady: false,
  150.         register,
  151.         getHeaders
  152.     };
  153.  
  154.     function register(name, password) {
  155.         TOKEN = 'Basic ' + btoa(name + ':' + password);
  156.         authenticated.resolve();
  157.         exports.isReady = true;
  158.         $('#authenticatedMarker').remove();
  159.     }
  160.  
  161.     function getHeaders() {
  162.         return {
  163.             'Content-Type': 'application/json',
  164.             'Authorization': TOKEN
  165.         };
  166.     }
  167.  
  168.     return exports;
  169.  
  170. }
  171. );
  172. // colorMapper
  173. window.moduleRegistry.add('colorMapper', () => {
  174.  
  175.     const colorMappings = {
  176.         // https://colorswall.com/palette/3
  177.         primary: '#0275d8',
  178.         success: '#5cb85c',
  179.         info: '#5bc0de',
  180.         warning: '#f0ad4e',
  181.         danger: '#d9534f',
  182.         inverse: '#292b2c',
  183.         // component styling
  184.         componentLight: '#393532',
  185.         componentRegular: '#28211b',
  186.         componentDark: '#211a12'
  187.     };
  188.  
  189.     function mapColor(color) {
  190.         return colorMappings[color] || color;
  191.     }
  192.  
  193.     return mapColor;
  194.  
  195. }
  196. );
  197. // components
  198. window.moduleRegistry.add('components', (elementWatcher, colorMapper, elementCreator) => {
  199.  
  200.     const exports = {
  201.         addComponent,
  202.         removeComponent,
  203.         search
  204.     }
  205.  
  206.     const $ = window.$;
  207.     const rowTypeMappings = {
  208.         item: createRow_Item,
  209.         input: createRow_Input,
  210.         break: createRow_Break,
  211.         buttons: createRow_Button,
  212.         dropdown: createRow_Select,
  213.         header: createRow_Header,
  214.         checkbox: createRow_Checkbox,
  215.         segment: createRow_Segment,
  216.         progress: createRow_Progress,
  217.         chart: createRow_Chart,
  218.         list: createRow_List
  219.     };
  220.  
  221.     function initialise() {
  222.         elementCreator.addStyles(styles);
  223.     }
  224.  
  225.     function removeComponent(blueprint) {
  226.         $(`#${blueprint.componentId}`).remove();
  227.     }
  228.  
  229.     async function addComponent(blueprint) {
  230.         if($(blueprint.dependsOn).length) {
  231.             actualAddComponent(blueprint);
  232.             return;
  233.         }
  234.         await elementWatcher.exists(blueprint.dependsOn);
  235.         actualAddComponent(blueprint);
  236.     }
  237.  
  238.     function actualAddComponent(blueprint) {
  239.         $(`#${blueprint.componentId}`).remove();
  240.         const component =
  241.             $('<div/>')
  242.                 .addClass('customComponent')
  243.                 .attr('id', blueprint.componentId);
  244.         if(blueprint.onClick) {
  245.             component
  246.                 .click(blueprint.onClick)
  247.                 .css('cursor', 'pointer');
  248.         }
  249.  
  250.         // TABS
  251.         const theTabs = createTab(blueprint);
  252.         component.append(theTabs);
  253.  
  254.         // PAGE
  255.         const selectedTabBlueprint = blueprint.tabs[blueprint.selectedTabIndex] || blueprint.tabs[0];
  256.         selectedTabBlueprint.rows.forEach((rowBlueprint, index) => {
  257.             component.append(createRow(rowBlueprint));
  258.         });
  259.  
  260.         $(`${blueprint.parent}`).append(component);
  261.     }
  262.  
  263.     function createTab(blueprint) {
  264.         if(!blueprint.selectedTabIndex) {
  265.             blueprint.selectedTabIndex = 0;
  266.         }
  267.         if(blueprint.tabs.length === 1) {
  268.             return;
  269.         }
  270.         const tabContainer = $('<div/>').addClass('tabs');
  271.         blueprint.tabs.forEach((element, index) => {
  272.             if(element.hidden) {
  273.                 return;
  274.             }
  275.             const tab = $('<button/>')
  276.                 .attr('type', 'button')
  277.                 .addClass('tabButton')
  278.                 .text(element.title)
  279.                 .click(changeTab.bind(null, blueprint, index));
  280.             if(blueprint.selectedTabIndex !== index) {
  281.                 tab.addClass('tabButtonInactive')
  282.             }
  283.             if(index !== 0) {
  284.                 tab.addClass('lineLeft')
  285.             }
  286.             tabContainer.append(tab);
  287.         });
  288.         return tabContainer;
  289.     }
  290.  
  291.     function createRow(rowBlueprint) {
  292.         if(!rowTypeMappings[rowBlueprint.type]) {
  293.             console.warn(`Skipping unknown row type in blueprint: ${rowBlueprint.type}`, rowBlueprint);
  294.             return;
  295.         }
  296.         if(rowBlueprint.hidden) {
  297.             return;
  298.         }
  299.         return rowTypeMappings[rowBlueprint.type](rowBlueprint);
  300.     }
  301.  
  302.     function createRow_Item(itemBlueprint) {
  303.         const parentRow = $('<div/>').addClass('customRow');
  304.         if(itemBlueprint.image) {
  305.             parentRow.append(createImage(itemBlueprint));
  306.         }
  307.         if(itemBlueprint?.name) {
  308.             parentRow
  309.                 .append(
  310.                     $('<div/>')
  311.                         .addClass('myItemName name')
  312.                         .text(itemBlueprint.name)
  313.                 );
  314.         }
  315.         parentRow // always added because it spreads pushes name left and value right !
  316.             .append(
  317.                 $('<div/>')
  318.                     .addClass('myItemValue')
  319.                     .text(itemBlueprint?.extra || '')
  320.             );
  321.         if(itemBlueprint?.value) {
  322.             parentRow
  323.                 .append(
  324.                     $('<div/>')
  325.                         .addClass('myItemWorth')
  326.                         .text(itemBlueprint.value)
  327.                 )
  328.         }
  329.         return parentRow;
  330.     }
  331.  
  332.     function createRow_Input(inputBlueprint) {
  333.         const parentRow = $('<div/>').addClass('customRow myItemInputRowAdjustment');
  334.         if(inputBlueprint.text) {
  335.             parentRow
  336.                 .append(
  337.                     $('<div/>')
  338.                         .addClass('myItemInputText')
  339.                         .addClass(inputBlueprint.class || '')
  340.                         .text(inputBlueprint.text)
  341.                         .css('flex', `${inputBlueprint.layout?.split('/')[0] || 1}`)
  342.                 )
  343.         }
  344.         parentRow
  345.             .append(
  346.                 $('<input/>')
  347.                     .attr('id', inputBlueprint.id)
  348.                     .addClass('myItemInput')
  349.                     .addClass(inputBlueprint.class || '')
  350.                     .attr('type', inputBlueprint.inputType || 'text')
  351.                     .attr('placeholder', inputBlueprint.name)
  352.                     .attr('value', inputBlueprint.value || '')
  353.                     .css('flex', `${inputBlueprint.layout?.split('/')[1] || 1}`)
  354.                     .keyup(inputDelay(function(e) {
  355.                         inputBlueprint.value = e.target.value;
  356.                         inputBlueprint.action(inputBlueprint.value);
  357.                     }, inputBlueprint.delay || 0))
  358.             )
  359.         return parentRow;
  360.     }
  361.  
  362.     function createRow_Break(breakBlueprint) {
  363.         const parentRow = $('<div/>').addClass('customRow');
  364.         parentRow.append('<br/>');
  365.         return parentRow;
  366.     }
  367.  
  368.     function createRow_Button(buttonBlueprint) {
  369.         const parentRow = $('<div/>').addClass('customRow myItemInputRowAdjustment');
  370.         for(const button of buttonBlueprint.buttons) {
  371.             parentRow
  372.                 .append(
  373.                     $(`<button class='myButton'>${button.text}</button>`)
  374.                         .css('background-color', button.disabled ? '#ffffff0a' : colorMapper(button.color || 'primary'))
  375.                         .css('flex', `${button.size || 1} 1 0`)
  376.                         .prop('disabled', !!button.disabled)
  377.                         .addClass(button.class || '')
  378.                         .click(button.action)
  379.                 );
  380.         }
  381.         return parentRow;
  382.     }
  383.  
  384.     function createRow_Select(selectBlueprint) {
  385.         const parentRow = $('<div/>').addClass('customRow myItemInputRowAdjustment');
  386.         const select = $('<select/>')
  387.             .addClass('myItemSelect')
  388.             .addClass(selectBlueprint.class || '')
  389.             .change(inputDelay(function(e) {
  390.                 for(const option of selectBlueprint.options) {
  391.                     option.selected = this.value === option.value;
  392.                 }
  393.                 selectBlueprint.action(this.value);
  394.             }, selectBlueprint.delay || 0));
  395.         for(const option of selectBlueprint.options) {
  396.             select.append(`<option value='${option.value}' ${option.selected ? 'selected' : ''}>${option.text}</option>`);
  397.         }
  398.         parentRow.append(select);
  399.         return parentRow;
  400.     }
  401.  
  402.     function createRow_Header(headerBlueprint) {
  403.         const parentRow =
  404.             $('<div/>')
  405.                 .addClass('myHeader lineTop')
  406.         if(headerBlueprint.image) {
  407.             parentRow.append(createImage(headerBlueprint));
  408.         }
  409.         parentRow.append(
  410.             $('<div/>')
  411.                 .addClass('myName')
  412.                 .text(headerBlueprint.title)
  413.         )
  414.         if(headerBlueprint.action) {
  415.             parentRow
  416.                 .append(
  417.                     $('<button/>')
  418.                         .addClass('myHeaderAction')
  419.                         .text(headerBlueprint.name)
  420.                         .attr('type', 'button')
  421.                         .css('background-color', colorMapper(headerBlueprint.color || 'success'))
  422.                         .click(headerBlueprint.action)
  423.                 )
  424.         } else if(headerBlueprint.textRight) {
  425.             parentRow.append(
  426.                 $('<div/>')
  427.                     .addClass('level')
  428.                     .text(headerBlueprint.title)
  429.                     .css('margin-left', 'auto')
  430.                     .html(headerBlueprint.textRight)
  431.             )
  432.         }
  433.         if(headerBlueprint.centered) {
  434.             parentRow.css('justify-content', 'center');
  435.         }
  436.         return parentRow;
  437.     }
  438.  
  439.     function createRow_Checkbox(checkboxBlueprint) {
  440.         const checked_false = `<svg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round' class='customCheckBoxDisabled ng-star-inserted'><path stroke='none' d='M0 0h24v24H0z' fill='none'></path><rect x='4' y='4' width='16' height='16' rx='2'></rect></svg>`;
  441.         const checked_true = `<svg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round' class='customCheckBoxEnabled ng-star-inserted'><path stroke='none' d='M0 0h24v24H0z' fill='none'></path><rect x='4' y='4' width='16' height='16' rx='2'></rect><path d='M9 12l2 2l4 -4'></path></svg>`;
  442.  
  443.         const buttonInnerHTML = checkboxBlueprint.checked ? checked_true : checked_false;
  444.  
  445.         const parentRow = $('<div/>').addClass('customRow')
  446.             .append(
  447.                 $('<div/>')
  448.                     .addClass('customCheckBoxText')
  449.                     .text(checkboxBlueprint?.text || '')
  450.             )
  451.             .append(
  452.                 $('<div/>')
  453.                     .addClass('customCheckboxCheckbox')
  454.                     .append(
  455.                         $(`<button>${buttonInnerHTML}</button>`)
  456.                             .html(buttonInnerHTML)
  457.                             .click(() => {
  458.                                 checkboxBlueprint.checked = !checkboxBlueprint.checked;
  459.                                 checkboxBlueprint.action(checkboxBlueprint.checked);
  460.                             })
  461.                     )
  462.  
  463.             );
  464.  
  465.         return parentRow;
  466.     }
  467.  
  468.     function createRow_Segment(segmentBlueprint) {
  469.         if(segmentBlueprint.hidden) {
  470.             return;
  471.         }
  472.         return segmentBlueprint.rows.flatMap(createRow);
  473.     }
  474.  
  475.     function createRow_Progress(progressBlueprint) {
  476.         const parentRow = $('<div/>').addClass('customRow');
  477.         const up = progressBlueprint.numerator;
  478.         const down = progressBlueprint.denominator;
  479.         parentRow.append(
  480.             $('<div/>')
  481.                 .addClass('myBar')
  482.                 .append(
  483.                     $('<div/>')
  484.                         .css('height', '100%')
  485.                         .css('width', progressBlueprint.progressPercent + '%')
  486.                         .css('background-color', colorMapper(progressBlueprint.color || 'rgb(122, 118, 118)'))
  487.                 )
  488.         );
  489.         parentRow.append(
  490.             $('<div/>')
  491.                 .addClass('myPercent')
  492.                 .text(progressBlueprint.progressPercent + '%')
  493.         )
  494.         parentRow.append(
  495.             $('<div/>')
  496.                 .css('margin-left', 'auto')
  497.                 .text(progressBlueprint.progressText)
  498.         )
  499.         return parentRow;
  500.     }
  501.  
  502.     function createRow_Chart(chartBlueprint) {
  503.         const parentRow = $('<div/>')
  504.         .addClass('lineTop')
  505.             .append(
  506.                 $('<canvas/>')
  507.                     .attr('id', chartBlueprint.chartId)
  508.             );
  509.         return parentRow;
  510.     }
  511.  
  512.     function createRow_List(listBlueprint) {
  513.         const parentRow = $('<div/>').addClass('customRow');
  514.         parentRow // always added because it spreads pushes name left and value right !
  515.             .append(
  516.                 $('<ul/>')
  517.                     .addClass('myListDescription')
  518.                     .append(...listBlueprint.entries.map(entry =>
  519.                         $('<li/>')
  520.                             .addClass('myListLine')
  521.                             .text(entry)
  522.                     ))
  523.             );
  524.         return parentRow;
  525.     }
  526.     
  527.     function createImage(blueprint) {
  528.         return $('<div/>')
  529.             .addClass('myItemImage image')
  530.             .append(
  531.                 $('<img/>')
  532.                     .attr('src', `${blueprint.image}`)
  533.                     .css('filter', `${blueprint.imageFilter}`)
  534.                     .css('image-rendering', blueprint.imagePixelated ? 'pixelated' : 'auto')
  535.             )
  536.     }
  537.  
  538.     function changeTab(blueprint, index) {
  539.         blueprint.selectedTabIndex = index;
  540.         addComponent(blueprint);
  541.     }
  542.  
  543.     function inputDelay(callback, ms) {
  544.         var timer = 0;
  545.         return function() {
  546.             var context = this, args = arguments;
  547.             window.clearTimeout(timer);
  548.             timer = window.setTimeout(function() {
  549.                 callback.apply(context, args);
  550.             }, ms || 0);
  551.         };
  552.     }
  553.  
  554.     function search(blueprint, query) {
  555.         if(!blueprint.idMappings) {
  556.             generateIdMappings(blueprint);
  557.         }
  558.         if(!blueprint.idMappings[query]) {
  559.             throw `Could not find id ${query} in blueprint ${blueprint.componentId}`;
  560.         }
  561.         return blueprint.idMappings[query];
  562.     }
  563.  
  564.     function generateIdMappings(blueprint) {
  565.         blueprint.idMappings = {};
  566.         for(const tab of blueprint.tabs) {
  567.             addIdMapping(blueprint, tab);
  568.             for(const row of tab.rows) {
  569.                 addIdMapping(blueprint, row);
  570.             }
  571.         }
  572.     }
  573.  
  574.     function addIdMapping(blueprint, element) {
  575.         if(element.id) {
  576.             if(blueprint.idMappings[element.id]) {
  577.                 throw `Detected duplicate id ${element.id} in blueprint ${blueprint.componentId}`;
  578.             }
  579.             blueprint.idMappings[element.id] = element;
  580.         }
  581.         let subelements = null;
  582.         if(element.type === 'segment') {
  583.             subelements = element.rows;
  584.         }
  585.         if(element.type === 'buttons') {
  586.             subelements = element.buttons;
  587.         }
  588.         if(subelements) {
  589.             for(const subelement of subelements) {
  590.                 addIdMapping(blueprint, subelement);
  591.             }
  592.         }
  593.     }
  594.  
  595.     const styles = `
  596.         :root {
  597.             --background-color: ${colorMapper('componentRegular')};
  598.             --border-color: ${colorMapper('componentLight')};
  599.             --darker-color: ${colorMapper('componentDark')};
  600.         }
  601.         .customComponent {
  602.             margin-top: var(--gap);
  603.             background-color: var(--background-color);
  604.             box-shadow: 0 6px 12px -6px #0006;
  605.             border-radius: 4px;
  606.             width: 100%;
  607.         }
  608.         .myHeader {
  609.             display: flex;
  610.             align-items: center;
  611.             padding: 12px var(--gap);
  612.             gap: var(--gap);
  613.         }
  614.         .myName {
  615.             font-weight: 600;
  616.             letter-spacing: .25px;
  617.         }
  618.         .myHeaderAction{
  619.             margin: 0px 0px 0px auto;
  620.             border: 1px solid var(--border-color);
  621.             border-radius: 4px;
  622.             padding: 0px 5px;
  623.         }
  624.         .customRow {
  625.             display: flex;
  626.             justify-content: center;
  627.             align-items: center;
  628.             border-top: 1px solid var(--border-color);
  629.             padding: 5px 12px 5px 6px;
  630.             min-height: 0px;
  631.             min-width: 0px;
  632.             gap: var(--margin);
  633.         }
  634.         .myItemImage {
  635.             position: relative;
  636.             display: flex;
  637.             align-items: center;
  638.             justify-content: center;
  639.             height: 24px;
  640.             width: 24px;
  641.             min-height: 0px;
  642.             min-width: 0px;
  643.         }
  644.         .myItemImage > img {
  645.             max-width: 100%;
  646.             max-height: 100%;
  647.             width: 100%;
  648.             height: 100%;
  649.         }
  650.         .myItemValue {
  651.             display: flex;
  652.             align-items: center;
  653.             flex: 1;
  654.             color: #aaa;
  655.         }
  656.         .myItemInputText {
  657.             height: 40px;
  658.             width: 100%;
  659.             display: flex;
  660.             align-items: center;
  661.             padding: 12px var(--gap);
  662.         }
  663.         .myItemInput {
  664.             height: 40px;
  665.             width: 100%;
  666.             background-color: #ffffff0a;
  667.             padding: 0 12px;
  668.             text-align: center;
  669.             border-radius: 4px;
  670.             border: 1px solid var(--border-color);
  671.         }
  672.         .myItemInputRowAdjustment {
  673.             padding-right: 6px !important;
  674.         }
  675.         .myItemSelect {
  676.             height: 40px;
  677.             width: 100%;
  678.             background-color: #ffffff0a;
  679.             padding: 0 12px;
  680.             text-align: center;
  681.             border-radius: 4px;
  682.             border: 1px solid var(--border-color);
  683.         }
  684.         .myItemSelect > option {
  685.             background-color: var(--darker-color);
  686.         }
  687.         .myButton {
  688.             flex: 1;
  689.             display: flex;
  690.             align-items: center;
  691.             justify-content: center;
  692.             border-radius: 4px;
  693.             height: 40px;
  694.             font-weight: 600;
  695.             letter-spacing: .25px;
  696.         }
  697.         .myButton[disabled] {
  698.             pointer-events: none;
  699.         }
  700.         .sort {
  701.            padding: 12px var(--gap);
  702.            border-top: 1px solid var(--border-color);
  703.            display: flex;
  704.            align-items: center;
  705.            justify-content: space-between;
  706.         }
  707.         .sortButtonContainer {
  708.             display: flex;
  709.             align-items: center;
  710.             border-radius: 4px;
  711.             box-shadow: 0 1px 2px #0003;
  712.             border: 1px solid var(--border-color);
  713.             overflow: hidden;
  714.         }
  715.         .sortButton {
  716.            display: flex;
  717.            border: none;
  718.            background: transparent;
  719.            font-family: inherit;
  720.            font-size: inherit;
  721.            line-height: 1.5;
  722.            font-weight: inherit;
  723.            color: inherit;
  724.            resize: none;
  725.            text-transform: inherit;
  726.            letter-spacing: inherit;
  727.            cursor: pointer;
  728.            padding: 4px var(--gap);
  729.            flex: 1;
  730.            text-align: center;
  731.            justify-content: center;
  732.            background-color: var(--darker-color);
  733.         }
  734.         .tabs {
  735.            display: flex;
  736.            align-items: center;
  737.            overflow: hidden;
  738.            border-radius: inherit;
  739.         }
  740.         .tabButton {
  741.             border: none;
  742.             border-radius: 0px !important;
  743.             background: transparent;
  744.             font-family: inherit;
  745.             font-size: inherit;
  746.             line-height: 1.5;
  747.             color: inherit;
  748.             resize: none;
  749.             text-transform: inherit;
  750.             cursor: pointer;
  751.             flex: 1;
  752.             display: flex;
  753.             align-items: center;
  754.             justify-content: center;
  755.             height: 48px;
  756.             font-weight: 600;
  757.             letter-spacing: .25px;
  758.             padding: 0 var(--gap);
  759.             border-radius: 4px 0 0;
  760.         }
  761.         .tabButtonInactive{
  762.             background-color: var(--darker-color);
  763.         }
  764.         .lineRight {
  765.             border-right: 1px solid var(--border-color);
  766.         }
  767.         .lineLeft {
  768.             border-left: 1px solid var(--border-color);
  769.         }
  770.         .lineTop {
  771.             border-top: 1px solid var(--border-color);
  772.         }
  773.         .customCheckBoxText {
  774.             flex: 1;
  775.             color: #aaa
  776.         }
  777.         .customCheckboxCheckbox {
  778.             display: flex;
  779.             justify-content: flex-end;
  780.             min-width: 32px;
  781.             margin-left: var(--margin);
  782.         }
  783.         .customCheckBoxEnabled {
  784.             color: #53bd73
  785.         }
  786.         .customCheckBoxDisabled {
  787.             color: #aaa
  788.         }
  789.         .myBar {
  790.             height: 12px;
  791.             flex: 1;
  792.             background-color: #ffffff0a;
  793.             overflow: hidden;
  794.             max-width: 50%;
  795.             border-radius: 999px;
  796.         }
  797.         .myPercent {
  798.             margin-left: var(--margin);
  799.             margin-right: var(--margin);
  800.             color: #aaa;
  801.         }
  802.         .myListDescription {
  803.             list-style: disc;
  804.             width: 100%;
  805.         }
  806.         .myListLine {
  807.             margin-left: 20px;
  808.         }
  809.     `;
  810.  
  811.     initialise();
  812.  
  813.     return exports;
  814. }
  815. );
  816. // configuration
  817. window.moduleRegistry.add('configuration', (auth, request, Promise) => {
  818.  
  819.     const loaded = new Promise.Deferred();
  820.  
  821.     const exports = {
  822.         ready: loaded.promise,
  823.         registerCheckbox,
  824.         registerInput,
  825.         registerDropdown,
  826.         registerJson,
  827.         items: []
  828.     };
  829.  
  830.     async function initialise() {
  831.         await load();
  832.     }
  833.  
  834.     const CHECKBOX_KEYS = ['category', 'key', 'name', 'default', 'handler'];
  835.     function registerCheckbox(item) {
  836.         validate(item, CHECKBOX_KEYS);
  837.         return register(Object.assign(item, {
  838.             type: 'checkbox'
  839.         }));
  840.     }
  841.  
  842.     const INPUT_KEYS = ['category', 'key', 'name', 'default', 'inputType', 'handler'];
  843.     function registerInput(item) {
  844.         validate(item, INPUT_KEYS);
  845.         return register(Object.assign(item, {
  846.             type: 'input'
  847.         }));
  848.     }
  849.  
  850.     const DROPDOWN_KEYS = ['category', 'key', 'name', 'options', 'default', 'handler'];
  851.     function registerDropdown(item) {
  852.         validate(item, DROPDOWN_KEYS);
  853.         return register(Object.assign(item, {
  854.             type: 'dropdown'
  855.         }));
  856.     }
  857.  
  858.     const JSON_KEYS = ['key', 'default', 'handler'];
  859.     function registerJson(item) {
  860.         validate(item, JSON_KEYS);
  861.         return register(Object.assign(item, {
  862.             type: 'json'
  863.         }));
  864.     }
  865.  
  866.     function register(item) {
  867.         const handler = item.handler;
  868.         item.handler = (value, isInitial) => {
  869.             item.value = value;
  870.             handler(value, item.key, isInitial);
  871.             if(!isInitial) {
  872.                 save(item, value);
  873.             }
  874.         }
  875.         exports.items.push(item);
  876.         return item;
  877.     }
  878.  
  879.     async function load() {
  880.         const configs = await request.getConfigurations();
  881.         for(const item of exports.items) {
  882.             let value;
  883.             if(configs[item.key]) {
  884.                 value = JSON.parse(configs[item.key]);
  885.             } else {
  886.                 value = item.default;
  887.             }
  888.             item.handler(value, true);
  889.         }
  890.         loaded.resolve();
  891.     }
  892.  
  893.     async function save(item, value) {
  894.         if(item.type === 'toggle') {
  895.             value = !!value;
  896.         }
  897.         if(item.type === 'input' || item.type === 'json') {
  898.             value = JSON.stringify(value);
  899.         }
  900.         await request.saveConfiguration(item.key, value);
  901.     }
  902.  
  903.     function validate(item, keys) {
  904.         for(const key of keys) {
  905.             if(!(key in item)) {
  906.                 throw `Missing ${key} while registering a configuration item`;
  907.             }
  908.         }
  909.     }
  910.  
  911.     initialise();
  912.  
  913.     return exports;
  914.  
  915. }
  916. );
  917. // elementCreator
  918. window.moduleRegistry.add('elementCreator', () => {
  919.  
  920.     const exports = {
  921.         addStyles
  922.     };
  923.  
  924.     function addStyles(css) {
  925.         const head = document.getElementsByTagName('head')[0]
  926.         if(!head) {
  927.             console.error('Could not add styles, missing head');
  928.             return;
  929.         }
  930.         const style = document.createElement('style');
  931.         style.type = 'text/css';
  932.         style.innerHTML = css;
  933.         head.appendChild(style);
  934.     }
  935.  
  936.     return exports;
  937.  
  938. }
  939. );
  940. // elementWatcher
  941. window.moduleRegistry.add('elementWatcher', (Promise) => {
  942.  
  943.     const exports = {
  944.         exists,
  945.         childAdded,
  946.         childAddedContinuous
  947.     }
  948.  
  949.     const $ = window.$;
  950.  
  951.     async function exists(selector) {
  952.         const promiseWrapper = new Promise.Checking(() => {
  953.             return $(selector)[0];
  954.         }, 10, 5000);
  955.         return promiseWrapper.promise;
  956.     }
  957.  
  958.     async function childAdded(selector) {
  959.         const promiseWrapper = new Promise.Expiring(5000);
  960.  
  961.         try {
  962.             const parent = await exists(selector);
  963.             const observer = new MutationObserver(function(mutations, observer) {
  964.                 for(const mutation of mutations) {
  965.                     if(mutation.addedNodes?.length) {
  966.                         observer.disconnect();
  967.                         promiseWrapper.resolve();
  968.                     }
  969.                 }
  970.             });
  971.             observer.observe(parent, { childList: true });
  972.         } catch(error) {
  973.             promiseWrapper.reject(error);
  974.         }
  975.  
  976.         return promiseWrapper.promise;
  977.     }
  978.  
  979.     async function childAddedContinuous(selector, callback) {
  980.         const parent = await exists(selector);
  981.         const observer = new MutationObserver(function(mutations, observer) {
  982.             for(const mutation of mutations) {
  983.                 if(mutation.addedNodes?.length) {
  984.                     callback();
  985.                 }
  986.             }
  987.         });
  988.         observer.observe(parent, { childList: true });
  989.     }
  990.  
  991.     return exports;
  992.  
  993. }
  994. );
  995. // estimationCache
  996. window.moduleRegistry.add('estimationCache', (events, request, configuration, itemCache, userCache, util) => {
  997.  
  998.     const registerPageHandler = events.register.bind(null, 'page');
  999.     const registerXhrHandler = events.register.bind(null, 'xhr');
  1000.     const registerUserCacheHandler = events.register.bind(null, 'userCache');
  1001.     const getLastPage = events.getLast.bind(null, 'page');
  1002.     const getLastEstimation = events.getLast.bind(null, 'estimation');
  1003.     const emitEvent = events.emit.bind(null, 'estimation');
  1004.  
  1005.     let enabled = false;
  1006.     let cache = {};
  1007.  
  1008.     function initialise() {
  1009.         configuration.registerCheckbox({
  1010.             category: 'UI Features',
  1011.             key: 'estimations',
  1012.             name: 'Estimations',
  1013.             default: true,
  1014.             handler: handleConfigStateChange
  1015.         });
  1016.  
  1017.         registerPageHandler(handlePage);
  1018.         registerXhrHandler(handleXhr);
  1019.         registerUserCacheHandler(handleUserCache);
  1020.     }
  1021.  
  1022.     function handleConfigStateChange(state) {
  1023.         const previous = enabled;
  1024.         enabled = state;
  1025.         if(!enabled) {
  1026.             emitEvent(null);
  1027.         }
  1028.         if(enabled && !previous) {
  1029.             handlePage(getLastPage());
  1030.         }
  1031.     }
  1032.  
  1033.     async function handlePage(page) {
  1034.         emitEvent(null);
  1035.         let result = null;
  1036.         if(!enabled || !page) {
  1037.             result = null;
  1038.         } else if(page.type === 'action') {
  1039.             const cacheKey = `action-${page.skill}-${page.action}`;
  1040.             const fetcher = getAction.bind(null, page.skill, page.action);
  1041.             result = await getEstimationData(cacheKey, fetcher);
  1042.         } else if(page.type === 'automation') {
  1043.             const cacheKey = `automation-${page.action}`;
  1044.             const fetcher = getAutomation.bind(null, page.action);
  1045.             result = await getEstimationData(cacheKey, fetcher);
  1046.         }
  1047.         // it could have changed by now
  1048.         if(enabled && page === getLastPage()) {
  1049.             emitEvent(result);
  1050.         }
  1051.     }
  1052.  
  1053.     function handleXhr(xhr) {
  1054.         if(xhr.url.endsWith('/time')) {
  1055.             return;
  1056.         }
  1057.         cache = {};
  1058.         emitEvent(null);
  1059.         handlePage(getLastPage());
  1060.     }
  1061.  
  1062.     async function handleUserCache() {
  1063.         await updateAll();
  1064.         emitEvent(getLastEstimation());
  1065.     }
  1066.  
  1067.     async function getEstimationData(cacheKey, fetcher) {
  1068.         const estimation = cache[cacheKey] || await fetcher();
  1069.         cache[cacheKey] = estimation;
  1070.         return estimation;
  1071.     }
  1072.  
  1073.     async function getAction(skill, action) {
  1074.         const result = await request.getActionEstimation(skill, action);
  1075.         result.actionId = action;
  1076.         return convertEstimation(result);
  1077.     }
  1078.  
  1079.     async function getAutomation(action) {
  1080.         const result = await request.getAutomationEstimation(action);
  1081.         result.actionId = action;
  1082.         return convertEstimation(result);
  1083.     }
  1084.  
  1085.     async function convertEstimation(estimation) {
  1086.         await itemCache.ready;
  1087.         const loot = estimation.loot;
  1088.         const materials = estimation.materials;
  1089.         const equipments = estimation.equipments;
  1090.         estimation.loot = [];
  1091.         for(const entry of Object.entries(loot)) {
  1092.             estimation.loot.push({
  1093.                 item: itemCache.byId[entry[0]],
  1094.                 amount: entry[1],
  1095.                 gold: entry[1] * (itemCache.byId[entry[0]].attributes.SELL_PRICE || 0)
  1096.             });
  1097.         }
  1098.         estimation.materials = [];
  1099.         for(const entry of Object.entries(materials)) {
  1100.             estimation.materials.push({
  1101.                 item: itemCache.byId[entry[0]],
  1102.                 amount: entry[1],
  1103.                 stored: 0,
  1104.                 secondsLeft: 0,
  1105.                 gold: entry[1] * (itemCache.byId[entry[0]].attributes.SELL_PRICE || 0)
  1106.             });
  1107.         }
  1108.         estimation.equipments = [];
  1109.         for(const entry of Object.entries(equipments)) {
  1110.             estimation.equipments.push({
  1111.                 item: itemCache.byId[entry[0]],
  1112.                 amount: entry[1],
  1113.                 stored: 0,
  1114.                 secondsLeft: 0,
  1115.                 gold: entry[1] * (itemCache.byId[entry[0]].attributes.SELL_PRICE || 0)
  1116.             });
  1117.         }
  1118.         estimation.goldLoot = estimation.loot.map(a => a.gold).reduce((a,v) => a+v, 0);
  1119.         estimation.goldMaterials = estimation.materials.map(a => a.gold).reduce((a,v) => a+v, 0);
  1120.         estimation.goldEquipments = estimation.equipments.map(a => a.gold).reduce((a,v) => a+v, 0);
  1121.         estimation.goldTotal = estimation.goldLoot - estimation.goldMaterials - estimation.goldEquipments;
  1122.         await updateOne(estimation);
  1123.         return estimation;
  1124.     }
  1125.  
  1126.     async function updateAll() {
  1127.         if(!enabled) {
  1128.             return;
  1129.         }
  1130.         for(const estimation of Object.values(cache)) {
  1131.             await updateOne(estimation);
  1132.         }
  1133.     }
  1134.  
  1135.     async function updateOne(estimation) {
  1136.         await userCache.ready;
  1137.         for(const material of estimation.materials) {
  1138.             material.stored = userCache.inventory[material.item.id] || 0;
  1139.             material.secondsLeft = material.stored / material.amount * 3600;
  1140.         }
  1141.         for(const equipment of estimation.equipments) {
  1142.             equipment.stored = userCache.equipment[equipment.item.id] || 0;
  1143.             equipment.secondsLeft = equipment.stored / equipment.amount * 3600;
  1144.         }
  1145.         if(estimation.type === 'AUTOMATION' && userCache.automations[estimation.actionId]) {
  1146.             estimation.amountSecondsLeft = estimation.actionSpeed * (userCache.automations[estimation.actionId].maxAmount - userCache.automations[estimation.actionId].amount);
  1147.         } else if(estimation.maxAmount) {
  1148.             estimation.amountSecondsLeft = estimation.actionSpeed * (estimation.maxAmount - userCache.action.amount);
  1149.         } else {
  1150.             estimation.amountSecondsLeft = Number.MAX_VALUE;
  1151.         }
  1152.         if(estimation.type === 'AUTOMATION' && estimation.amountSecondsLeft !== Number.MAX_VALUE) {
  1153.             estimation.secondsLeft = estimation.amountSecondsLeft;
  1154.         } else {
  1155.             estimation.secondsLeft = Math.min(
  1156.                 estimation.amountSecondsLeft,
  1157.                 ...estimation.materials.map(a => a.secondsLeft),
  1158.                 ...estimation.equipments.map(a => a.secondsLeft)
  1159.             );
  1160.         }
  1161.         const currentExp = userCache.exp[estimation.skill];
  1162.         estimation.secondsToNextlevel = util.expToNextLevel(currentExp) / estimation.exp * 3600;
  1163.         estimation.secondsToNextTier = util.expToNextTier(currentExp) / estimation.exp * 3600;
  1164.     }
  1165.  
  1166.     initialise();
  1167.  
  1168. }
  1169. );
  1170. // events
  1171. window.moduleRegistry.add('events', () => {
  1172.  
  1173.     const exports = {
  1174.         register,
  1175.         emit,
  1176.         getLast
  1177.     };
  1178.  
  1179.     const handlers = {};
  1180.     const lastCache = {};
  1181.  
  1182.     function register(name, handler) {
  1183.         if(!handlers[name]) {
  1184.             handlers[name] = [];
  1185.         }
  1186.         handlers[name].push(handler);
  1187.         if(lastCache[name]) {
  1188.             handle(handler, lastCache[name]);
  1189.         }
  1190.     }
  1191.  
  1192.     // options = { skipCache }
  1193.     function emit(name, data, options) {
  1194.         if(!options?.skipCache) {
  1195.             lastCache[name] = data;
  1196.         }
  1197.         if(!handlers[name]) {
  1198.             return;
  1199.         }
  1200.         for(const handler of handlers[name]) {
  1201.             handle(handler, data);
  1202.         }
  1203.     }
  1204.  
  1205.     function handle(handler, data) {
  1206.         try {
  1207.             handler(data);
  1208.         } catch(e) {
  1209.             console.error('Something went wrong', e);
  1210.         }
  1211.     }
  1212.  
  1213.     function getLast(name) {
  1214.         return lastCache[name];
  1215.     }
  1216.  
  1217.     return exports;
  1218.  
  1219. }
  1220. );
  1221. // interceptor
  1222. window.moduleRegistry.add('interceptor', (events) => {
  1223.  
  1224.     function initialise() {
  1225.         registerInterceptorXhr();
  1226.         registerInterceptorUrlChange();
  1227.         events.emit('url', window.location.href);
  1228.     }
  1229.  
  1230.     function registerInterceptorXhr() {
  1231.         const XHR = XMLHttpRequest.prototype;
  1232.         const open = XHR.open;
  1233.         const send = XHR.send;
  1234.         const setRequestHeader = XHR.setRequestHeader;
  1235.  
  1236.         XHR.open = function() {
  1237.             this._requestHeaders = {};
  1238.             return open.apply(this, arguments);
  1239.         }
  1240.         XHR.setRequestHeader = function(header, value) {
  1241.             this._requestHeaders[header] = value;
  1242.             return setRequestHeader.apply(this, arguments);
  1243.         }
  1244.         XHR.send = function() {
  1245.             let requestBody = undefined;
  1246.             try {
  1247.                 requestBody = JSON.parse(arguments[0]);
  1248.             } catch(e) {}
  1249.             this.addEventListener('load', function() {
  1250.                 const status = this.status
  1251.                 const url = this.responseURL;
  1252.                 console.debug(`intercepted ${url}`);
  1253.                 const responseHeaders = this.getAllResponseHeaders();
  1254.                 if(this.responseType === 'blob') {
  1255.                     return;
  1256.                 }
  1257.                 const responseBody = extractResponseFromXMLHttpRequest(this);
  1258.                 events.emit('xhr', {
  1259.                     url,
  1260.                     status,
  1261.                     request: requestBody,
  1262.                     response: responseBody
  1263.                 }, { skipCache:true });
  1264.             })
  1265.  
  1266.             return send.apply(this, arguments);
  1267.         }
  1268.     }
  1269.  
  1270.     function extractResponseFromXMLHttpRequest(xhr) {
  1271.         if(xhr.responseType === 'blob') {
  1272.             return null;
  1273.         }
  1274.         let responseBody;
  1275.         if(xhr.responseType === '' || xhr.responseType === 'text') {
  1276.             try {
  1277.                 return JSON.parse(xhr.responseText);
  1278.             } catch (err) {
  1279.                 console.debug('Error reading or processing response.', err);
  1280.             }
  1281.         }
  1282.         return xhr.response;
  1283.     }
  1284.  
  1285.     function registerInterceptorUrlChange() {
  1286.         const pushState = history.pushState;
  1287.         history.pushState = function() {
  1288.             pushState.apply(history, arguments);
  1289.             console.debug(`Detected page ${arguments[2]}`);
  1290.             events.emit('url', arguments[2]);
  1291.         };
  1292.         const replaceState = history.replaceState;
  1293.         history.replaceState = function() {
  1294.             replaceState.apply(history, arguments);
  1295.             console.debug(`Detected page ${arguments[2]}`);
  1296.             events.emit('url', arguments[2]);
  1297.         }
  1298.     }
  1299.  
  1300.     initialise();
  1301.  
  1302. }
  1303. );
  1304. // itemCache
  1305. window.moduleRegistry.add('itemCache', (auth, request, Promise) => {
  1306.  
  1307.     const authenticated = auth.ready;
  1308.     const isReady = new Promise.Deferred();
  1309.  
  1310.     const exports = {
  1311.         ready: isReady.promise,
  1312.         list: [],
  1313.         byId: null,
  1314.         byName: null,
  1315.         byImage: null,
  1316.         attributes: null
  1317.     };
  1318.  
  1319.     async function initialise() {
  1320.         await authenticated;
  1321.         const enrichedItems = await request.listItems();
  1322.         exports.byId = {};
  1323.         exports.byName = {};
  1324.         exports.byImage = {};
  1325.         for(const enrichedItem of enrichedItems) {
  1326.             const item = Object.assign(enrichedItem.item, enrichedItem);
  1327.             delete item.item;
  1328.             exports.list.push(item);
  1329.             exports.byId[item.id] = item;
  1330.             exports.byName[item.name] = item;
  1331.             const lastPart = item.image.split('/').at(-1);
  1332.             if(exports.byImage[lastPart]) {
  1333.                 exports.byImage[lastPart].duplicate = true;
  1334.             } else {
  1335.                 exports.byImage[lastPart] = item;
  1336.             }
  1337.             if(!item.attributes) {
  1338.                 item.attributes = {};
  1339.             }
  1340.             if(item.charcoal) {
  1341.                 item.attributes.CHARCOAL = item.charcoal;
  1342.             }
  1343.             if(item.compost) {
  1344.                 item.attributes.COMPOST = item.compost;
  1345.             }
  1346.         }
  1347.         for(const image of Object.keys(exports.byImage)) {
  1348.             if(exports.byImage[image].duplicate) {
  1349.                 exports.byImage[image];
  1350.             }
  1351.         }
  1352.         exports.attributes = await request.listItemAttributes();
  1353.         exports.attributes.push({
  1354.             technicalName: 'CHARCOAL',
  1355.             name: 'Charcoal',
  1356.             image: '/assets/items/charcoal.png'
  1357.         },{
  1358.             technicalName: 'COMPOST',
  1359.             name: 'Compost',
  1360.             image: '/assets/misc/compost.png'
  1361.         });
  1362.         isReady.resolve();
  1363.     }
  1364.  
  1365.     initialise();
  1366.  
  1367.     return exports;
  1368.  
  1369. }
  1370. );
  1371. // pageDetector
  1372. window.moduleRegistry.add('pageDetector', (auth, events) => {
  1373.  
  1374.     const authenticated = auth.ready;
  1375.     const registerUrlHandler = events.register.bind(null, 'url');
  1376.     const emitEvent = events.emit.bind(null, 'page');
  1377.  
  1378.     async function initialise() {
  1379.         await authenticated;
  1380.         registerUrlHandler(handleUrl);
  1381.     }
  1382.  
  1383.     function handleUrl(url) {
  1384.         let result = null;
  1385.         const parts = url.split('/');
  1386.         if(url.includes('/skill/') && url.includes('/action/')) {
  1387.             result = {
  1388.                 type: 'action',
  1389.                 skill: +parts[parts.length-3],
  1390.                 action: +parts[parts.length-1]
  1391.             };
  1392.         } else if(url.includes('house/produce')) {
  1393.             result = {
  1394.                 type: 'automation',
  1395.                 building: +parts[parts.length-2],
  1396.                 action: +parts[parts.length-1]
  1397.             };
  1398.         } else if(url.includes('house/build')) {
  1399.             result = {
  1400.                 type: 'structure',
  1401.                 building: +parts[parts.length-1]
  1402.             };
  1403.         } else {
  1404.             result = {
  1405.                 type: parts.pop()
  1406.             };
  1407.         }
  1408.         emitEvent(result);
  1409.     }
  1410.  
  1411.     initialise();
  1412.  
  1413. }
  1414. );
  1415. // pages
  1416. window.moduleRegistry.add('pages', (elementWatcher, events, colorMapper, util, skillCache, elementCreator) => {
  1417.  
  1418.     const registerPageHandler = events.register.bind(null, 'page');
  1419.     const getLastPage = events.getLast.bind(null, 'page');
  1420.  
  1421.     const exports = {
  1422.         register,
  1423.         requestRender,
  1424.         show,
  1425.         hide
  1426.     }
  1427.  
  1428.     const pages = [];
  1429.  
  1430.     function initialise() {
  1431.         registerPageHandler(handlePage);
  1432.         elementCreator.addStyles(styles);
  1433.     }
  1434.  
  1435.     function handlePage(page) {
  1436.         // handle navigating away
  1437.         if(!pages.some(p => p.path === page.type)) {
  1438.             $('custom-page').remove();
  1439.             $('nav-component > div.nav > div.scroll > button')
  1440.                 .removeClass('customActiveLink');
  1441.             $('header-component div.wrapper > div.image > img')
  1442.                 .css('image-rendering', '');
  1443.             headerPageNameChangeBugFix(page);
  1444.         }
  1445.     }
  1446.  
  1447.     async function register(page) {
  1448.         if(pages.some(p => p.name === page.name)) {
  1449.             console.error(`Custom page already registered : ${page.name}`);
  1450.             return;
  1451.         }
  1452.         page.path = page.name.toLowerCase().replaceAll(' ', '-');
  1453.         page.class = `customMenuButton_${page.path}`;
  1454.         page.image = page.image || 'https://ironwoodrpg.com/assets/misc/settings.png';
  1455.         page.category = page.category?.toUpperCase() || 'MISC';
  1456.         page.columns = page.columns || 1;
  1457.         pages.push(page);
  1458.         console.debug('Registered pages', pages);
  1459.         await setupNavigation(page);
  1460.     }
  1461.  
  1462.     function show(name) {
  1463.         const page = pages.find(p => p.name === name)
  1464.         if(!page) {
  1465.             console.error(`Could not find page : ${name}`);
  1466.             return;
  1467.         }
  1468.         $(`.${page.class}`).show();
  1469.     }
  1470.  
  1471.     function hide(name) {
  1472.         const page = pages.find(p => p.name === name)
  1473.         if(!page) {
  1474.             console.error(`Could not find page : ${name}`);
  1475.             return;
  1476.         }
  1477.         $(`.${page.class}`).hide();
  1478.     }
  1479.  
  1480.     function requestRender(name) {
  1481.         const page = pages.find(p => p.name === name)
  1482.         if(!page) {
  1483.             console.error(`Could not find page : ${name}`);
  1484.             return;
  1485.         }
  1486.         if(getLastPage()?.type === page.path) {
  1487.             render(page);
  1488.         }
  1489.     }
  1490.  
  1491.     function render(page) {
  1492.         $('.customComponent').remove();
  1493.         page.render();
  1494.     }
  1495.  
  1496.     async function setupNavigation(page) {
  1497.         await elementWatcher.exists('div.nav > div.scroll');
  1498.         // MENU HEADER / CATEGORY
  1499.         let menuHeader = $(`nav-component > div.nav > div.scroll > div.header:contains('${page.category}'), div.customMenuHeader:contains('${page.category}')`);
  1500.         if(!menuHeader.length) {
  1501.             menuHeader = createMenuHeader(page.category);
  1502.         }
  1503.         // MENU BUTTON / PAGE LINK
  1504.         const menuButton = createMenuButton(page)
  1505.         // POSITIONING
  1506.         if(page.after) {
  1507.             $(`nav-component button:contains('${page.after}')`).after(menuButton);
  1508.         } else {
  1509.             menuHeader.after(menuButton);
  1510.         }
  1511.     }
  1512.  
  1513.     function createMenuHeader(text) {
  1514.         const menuHeader =
  1515.             $('<div/>')
  1516.                 .addClass('header customMenuHeader')
  1517.                 .append(
  1518.                     $('<div/>')
  1519.                         .addClass('customMenuHeaderText')
  1520.                         .text(text)
  1521.                 );
  1522.         $('nav-component > div.nav > div.scroll')
  1523.             .prepend(menuHeader);
  1524.         return menuHeader;
  1525.     }
  1526.  
  1527.     function createMenuButton(page) {
  1528.         const menuButton =
  1529.             $('<button/>')
  1530.                 .attr('type', 'button')
  1531.                 .addClass(`customMenuButton ${page.class}`)
  1532.                 .css('display', 'none')
  1533.                 .click(() => visitPage(page))
  1534.                 .append(
  1535.                     $('<img/>')
  1536.                         .addClass('customMenuButtonImage')
  1537.                         .attr('src', page.image)
  1538.                         .css('image-rendering', page.imagePixelated ? 'pixelated' : 'auto')
  1539.                 )
  1540.                 .append(
  1541.                     $('<div/>')
  1542.                         .addClass('customMenuButtonText')
  1543.                         .text(page.name)
  1544.                 );
  1545.         return menuButton;
  1546.     }
  1547.  
  1548.     async function visitPage(page) {
  1549.         if($('custom-page').length) {
  1550.             $('custom-page').remove();
  1551.         } else {
  1552.             await setupEmptyPage();
  1553.         }
  1554.         createPage(page.columns);
  1555.         updatePageHeader(page);
  1556.         updateActivePageInNav(page.name);
  1557.         history.pushState({}, '', page.path);
  1558.         page.render();
  1559.     }
  1560.  
  1561.     async function setupEmptyPage() {
  1562.         util.goToPage('settings');
  1563.         await elementWatcher.exists('settings-page');
  1564.         $('settings-page').remove();
  1565.     }
  1566.  
  1567.     function createPage(columnCount) {
  1568.         const custompage = $('<custom-page/>');
  1569.         const columns = $('<div/>')
  1570.             .addClass('customGroups');
  1571.         for(let columnIndex = 0; columnIndex < columnCount; columnIndex++) {
  1572.             columns.append(
  1573.                 $('<div/>')
  1574.                     .addClass('customGroup')
  1575.                     .addClass(`column${columnIndex}`)
  1576.             )
  1577.         };
  1578.         custompage.append(columns);
  1579.         $('div.padding > div.wrapper > router-outlet').after(custompage);
  1580.     }
  1581.  
  1582.     function updatePageHeader(page) {
  1583.         $('header-component div.wrapper > div.image > img')
  1584.             .attr('src', page.image)
  1585.             .css('image-rendering', page.imagePixelated ? 'pixelated' : 'auto');
  1586.         $('header-component div.wrapper > div.title').text(page.name);
  1587.     }
  1588.  
  1589.     function updateActivePageInNav(name) {
  1590.         //Set other pages as inactive
  1591.         $(`nav-component > div.nav > div.scroll > button`)
  1592.             .removeClass('active-link')
  1593.             .removeClass('customActiveLink');
  1594.         //Set this page as active
  1595.         $(`nav-component > div.nav > div.scroll > button > div.customMenuButtonText:contains('${name}')`)
  1596.             .parent()
  1597.             .addClass('customActiveLink');
  1598.     }
  1599.  
  1600.     // hacky shit, idk why angular stops updating page header title ???
  1601.     async function headerPageNameChangeBugFix(page) {
  1602.         await elementWatcher.exists('nav-component > div.nav');
  1603.         let headerName = null;
  1604.         if(page.type === 'action') {
  1605.             await skillCache.ready;
  1606.             headerName = skillCache.byId[page.skill].name;
  1607.         } else if(page.type === 'automation') {
  1608.             headerName = 'House';
  1609.         } else if(page.type === 'structure') {
  1610.             headerName = 'House';
  1611.         } else {
  1612.             headerName = page.type;
  1613.             headerName = headerName.charAt(0).toUpperCase() + headerName.slice(1);
  1614.         }
  1615.         $('header-component div.wrapper > div.title').text(headerName);
  1616.     }
  1617.  
  1618.     const styles = `
  1619.         :root {
  1620.             --background-color: ${colorMapper('componentRegular')};
  1621.             --border-color: ${colorMapper('componentLight')};
  1622.             --darker-color: ${colorMapper('componentDark')};
  1623.         }
  1624.         .customMenuHeader {
  1625.             height: 56px;
  1626.             display: flex;
  1627.             align-items: center;
  1628.             padding: 0 24px;
  1629.             color: #aaa;
  1630.             font-size: .875rem;
  1631.             font-weight: 600;
  1632.             letter-spacing: 1px;
  1633.             text-transform: uppercase;
  1634.             border-bottom: 1px solid var(--border-color);
  1635.             background-color: var(--background-color);
  1636.         }
  1637.         .customMenuHeaderText {
  1638.             flex: 1;
  1639.         }
  1640.         .customMenuButton {
  1641.             border: none;
  1642.             background: transparent;
  1643.             font-family: inherit;
  1644.             font-size: inherit;
  1645.             line-height: 1.5;
  1646.             font-weight: inherit;
  1647.             color: inherit;
  1648.             resize: none;
  1649.             text-transform: inherit;
  1650.             letter-spacing: inherit;
  1651.             cursor: pointer;
  1652.             height: 56px;
  1653.             display: flex;
  1654.             align-items: center;
  1655.             padding: 0 24px;
  1656.             border-bottom: 1px solid var(--border-color);
  1657.             width: 100%;
  1658.             text-align: left;
  1659.             position: relative;
  1660.             background-color: var(--background-color);
  1661.         }
  1662.         .customMenuButtonImage {
  1663.             max-width: 100%;
  1664.             max-height: 100%;
  1665.             height: 32px;
  1666.             width: 32px;
  1667.         }
  1668.         .customMenuButtonText {
  1669.             margin-left: var(--margin);
  1670.             flex: 1;
  1671.         }
  1672.         .customGroups {
  1673.             display: flex;
  1674.             gap: var(--gap);
  1675.             flex-wrap: wrap;
  1676.         }
  1677.         .customGroup {
  1678.             flex: 1;
  1679.             min-width: 360px;
  1680.         }
  1681.         .customActiveLink {
  1682.             background-color: var(--darker-color);
  1683.         }
  1684.     `;
  1685.  
  1686.     initialise();
  1687.  
  1688.     return exports
  1689. }
  1690. );
  1691. // Promise
  1692. window.moduleRegistry.add('Promise', () => {
  1693.  
  1694.     class Deferred {
  1695.         promise;
  1696.         resolve;
  1697.         reject;
  1698.         isResolved = false;
  1699.         constructor() {
  1700.             this.promise = new Promise((resolve, reject)=> {
  1701.                 this.resolve = resolve;
  1702.                 this.reject = reject;
  1703.             }).then(result => {
  1704.                 this.isResolved = true;
  1705.                 return result;
  1706.             }).catch(error => {
  1707.                 if(error) {
  1708.                     console.warn(error);
  1709.                 }
  1710.                 throw error;
  1711.             });
  1712.         }
  1713.     }
  1714.  
  1715.     class Delayed extends Deferred {
  1716.         constructor(timeout) {
  1717.             super();
  1718.             const timeoutReference = window.setTimeout(() => {
  1719.                 this.resolve();
  1720.             }, timeout);
  1721.             this.promise.finally(() => {
  1722.                 window.clearTimeout(timeoutReference)
  1723.             });
  1724.         }
  1725.     }
  1726.  
  1727.     class Expiring extends Deferred {
  1728.         constructor(timeout) {
  1729.             super();
  1730.             const timeoutReference = window.setTimeout(() => {
  1731.                 this.reject(`Timed out after ${timeout} ms`);
  1732.             }, timeout);
  1733.             this.promise.finally(() => {
  1734.                 window.clearTimeout(timeoutReference)
  1735.             });
  1736.         }
  1737.     }
  1738.  
  1739.     class Checking extends Expiring {
  1740.         #checker;
  1741.         constructor(checker, interval, timeout) {
  1742.             super(timeout);
  1743.             this.#checker = checker;
  1744.             this.#check();
  1745.             const intervalReference = window.setInterval(this.#check.bind(this), interval);
  1746.             this.promise.finally(() => {
  1747.                 window.clearInterval(intervalReference)
  1748.             });
  1749.         }
  1750.         #check() {
  1751.             const checkResult = this.#checker();
  1752.             if(!checkResult) {
  1753.                 return;
  1754.             }
  1755.             this.resolve(checkResult);
  1756.         }
  1757.     }
  1758.  
  1759.     return {
  1760.         Deferred,
  1761.         Delayed,
  1762.         Expiring,
  1763.         Checking
  1764.     };
  1765.  
  1766. }
  1767. );
  1768. // request
  1769. window.moduleRegistry.add('request', (auth) => {
  1770.  
  1771.     const authenticated = auth.ready;
  1772.  
  1773.     const exports = makeRequest;
  1774.  
  1775.     let CURRENT_REQUEST = null;
  1776.  
  1777.     async function makeRequest(url, body) {
  1778.         await authenticated;
  1779.         await throttle();
  1780.         const headers = auth.getHeaders();
  1781.         const method = body ? 'POST' : 'GET';
  1782.         try {
  1783.             if(body) {
  1784.                 body = JSON.stringify(body);
  1785.             }
  1786.             CURRENT_REQUEST = fetch(`${window.PANCAKE_ROOT}/${url}`, {method, headers, body});
  1787.             const fetchResponse = await CURRENT_REQUEST;
  1788.             if(fetchResponse.status !== 200) {
  1789.                 console.error(await fetchResponse.text());
  1790.                 return;
  1791.             }
  1792.             try {
  1793.                 return await fetchResponse.json();
  1794.             } catch(e) {
  1795.                 if(body) {
  1796.                     return 'OK';
  1797.                 }
  1798.             }
  1799.         } catch(e) {
  1800.             console.error(e);
  1801.         }
  1802.     }
  1803.  
  1804.     async function throttle() {
  1805.         if(!CURRENT_REQUEST) {
  1806.             CURRENT_REQUEST = Promise.resolve();
  1807.         }
  1808.         while(CURRENT_REQUEST) {
  1809.             const waitingOn = CURRENT_REQUEST;
  1810.             try {
  1811.                 await CURRENT_REQUEST;
  1812.             } catch(e) { }
  1813.             if(CURRENT_REQUEST === null) {
  1814.                 CURRENT_REQUEST = Promise.resolve();
  1815.                 continue;
  1816.             }
  1817.             if(CURRENT_REQUEST === waitingOn) {
  1818.                 CURRENT_REQUEST = null;
  1819.             }
  1820.         }
  1821.     }
  1822.  
  1823.     // alphabetical
  1824.  
  1825.     makeRequest.getConfigurations = () => makeRequest('configuration');
  1826.     makeRequest.saveConfiguration = (key, value) => makeRequest('configuration', {[key]: value});
  1827.  
  1828.     makeRequest.getActionEstimation = (skill, action) => makeRequest(`estimation/action?skill=${skill}&action=${action}`);
  1829.     makeRequest.getAutomationEstimation = (action) => makeRequest(`estimation/automation?id=${action}`);
  1830.  
  1831.     makeRequest.getGuildMembers = () => makeRequest('guild/members');
  1832.     makeRequest.registerGuildQuest = (itemId, amount) => makeRequest('guild/quest/register', {itemId, amount});
  1833.     makeRequest.getGuildQuestStats = () => makeRequest('guild/quest/stats');
  1834.     makeRequest.unregisterGuildQuest = (itemId) => makeRequest('guild/quest/unregister', {itemId});
  1835.  
  1836.     makeRequest.getLeaderboardGuildRanks = () => makeRequest('leaderboard/ranks/guild');
  1837.  
  1838.     makeRequest.listActions = () => makeRequest('list/action');
  1839.     makeRequest.listItems = () => makeRequest('list/item');
  1840.     makeRequest.listItemAttributes = () => makeRequest('list/itemAttributes');
  1841.     makeRequest.listRecipes = () => makeRequest('list/recipe');
  1842.     makeRequest.listSkills = () => makeRequest('list/skills');
  1843.  
  1844.     makeRequest.getMarketConversion = () => makeRequest('market/conversions');
  1845.     makeRequest.getMarketFilters = () => makeRequest('market/filters');
  1846.     makeRequest.saveMarketFilter = (filter) => makeRequest('market/filters', filter);
  1847.     makeRequest.removeMarketFilter = (id) => makeRequest(`market/filters/${id}/remove`);
  1848.  
  1849.     makeRequest.saveWebhook = (webhook) => makeRequest('notification/webhook', webhook);
  1850.  
  1851.     makeRequest.handleInterceptedRequest = (interceptedRequest) => makeRequest('request', interceptedRequest);
  1852.  
  1853.     makeRequest.getChangelogs = () => makeRequest('settings/changelog');
  1854.  
  1855.     return exports;
  1856.  
  1857. }
  1858. );
  1859. // skillCache
  1860. window.moduleRegistry.add('skillCache', (auth, request, Promise) => {
  1861.  
  1862.     const authenticated = auth.ready;
  1863.     const isReady = new Promise.Deferred();
  1864.  
  1865.     const exports = {
  1866.         ready: isReady.promise,
  1867.         list: [],
  1868.         byId: null,
  1869.         byName: null,
  1870.     };
  1871.  
  1872.     async function initialise() {
  1873.         await authenticated;
  1874.         const skills = await request.listSkills();
  1875.         exports.byId = {};
  1876.         exports.byName = {};
  1877.         for(const skill of skills) {
  1878.             exports.list.push(skill);
  1879.             exports.byId[skill.id] = skill;
  1880.             exports.byName[skill.name] = skill;
  1881.         }
  1882.         isReady.resolve();
  1883.     }
  1884.  
  1885.     initialise();
  1886.  
  1887.     return exports;
  1888.  
  1889. }
  1890. );
  1891. // toast
  1892. window.moduleRegistry.add('toast', (util, elementCreator) => {
  1893.  
  1894.     const exports = {
  1895.         create
  1896.     };
  1897.  
  1898.     function initialise() {
  1899.         elementCreator.addStyles(styles);
  1900.     }
  1901.  
  1902.     async function create(text, time, image) {
  1903.         const notificationId = `customNotification_${Date.now()}`
  1904.         const notificationDiv =
  1905.             $('<div/>')
  1906.                 .addClass('customNotification')
  1907.                 .attr('id', notificationId)
  1908.                 .append(
  1909.                     $('<div/>')
  1910.                         .addClass('customNotificationImageDiv')
  1911.                         .append(
  1912.                             $('<img/>')
  1913.                                 .addClass('customNotificationImage')
  1914.                                 .attr('src', `${image || 'https://ironwoodrpg.com/assets/misc/quests.png'}`)
  1915.                         )
  1916.                 )
  1917.                 .append(
  1918.                     $('<div/>')
  1919.                         .addClass('customNotificationDetails')
  1920.                         .text(text)
  1921.                 );
  1922.         $('div.notifications').append(notificationDiv);
  1923.         await util.sleep(time || 2000);
  1924.         $(`#${notificationId}`).fadeOut('slow', () => {
  1925.             $(`#${notificationId}`).remove();
  1926.         });
  1927.     }
  1928.  
  1929.     const styles = `
  1930.         .customNotification {
  1931.             padding: 8px 16px 8px 12px;
  1932.             border-radius: 4px;
  1933.             backdrop-filter: blur(8px);
  1934.             background: rgba(255,255,255,.15);
  1935.             box-shadow: 0 8px 16px -4px #00000080;
  1936.             display: flex;
  1937.             align-items: center;
  1938.             min-height: 48px;
  1939.             margin-top: 12px;
  1940.         }
  1941.         .customNotificationImageDiv {
  1942.             display: flex;
  1943.             align-items: center;
  1944.             justify-content: center;
  1945.             width: 32px;
  1946.             height: 32px;
  1947.         }
  1948.         .customNotificationImage {
  1949.             filter: drop-shadow(0px 8px 4px rgba(0,0,0,.1));
  1950.         }
  1951.         .customNotificationDetails {
  1952.             margin-left: 8px;
  1953.         }
  1954.     `;
  1955.  
  1956.     initialise();
  1957.  
  1958.     return exports;
  1959. }
  1960. );
  1961. // userCache
  1962. window.moduleRegistry.add('userCache', (events, itemCache, Promise, util) => {
  1963.  
  1964.     const registerPageHandler = events.register.bind(null, 'page');
  1965.     const registerXhrHandler = events.register.bind(null, 'xhr');
  1966.     const emitEvent = events.emit.bind(null, 'userCache');
  1967.     const isReady = new Promise.Deferred();
  1968.  
  1969.     const exp = {};
  1970.     const inventory = {};
  1971.     const equipment = {};
  1972.     const action = {
  1973.         actionId: null,
  1974.         skillId: null,
  1975.         amount: null,
  1976.         maxAmount: null
  1977.     };
  1978.     const automations = {};
  1979.     let currentPage = null;
  1980.  
  1981.     const exports = {
  1982.         ready: isReady.promise,
  1983.         exp,
  1984.         inventory,
  1985.         equipment,
  1986.         action,
  1987.         automations
  1988.     };
  1989.  
  1990.     function initialise() {
  1991.         registerPageHandler(handlePage);
  1992.         registerXhrHandler(handleXhr);
  1993.  
  1994.         window.setInterval(update, 1000);
  1995.     }
  1996.  
  1997.     function handlePage(page) {
  1998.         currentPage = page;
  1999.         update();
  2000.     }
  2001.  
  2002.     async function handleXhr(xhr) {
  2003.         if(xhr.url.endsWith('/getUser')) {
  2004.             await handleGetUser(xhr.response);
  2005.             isReady.resolve();
  2006.         }
  2007.         if(xhr.url.endsWith('/startAction')) {
  2008.             handleStartAction(xhr.response);
  2009.         }
  2010.         if(xhr.url.endsWith('/stopAction')) {
  2011.             handleStopAction();
  2012.         }
  2013.         if(xhr.url.endsWith('/startAutomation')) {
  2014.             handleStartAutomation();
  2015.         }
  2016.     }
  2017.  
  2018.     async function handleGetUser(response) {
  2019.         await itemCache.ready;
  2020.         // exp
  2021.         const newExp = Object.entries(response.user.skills)
  2022.                 .map(a => ({id:a[0],exp:a[1].exp}))
  2023.                 .reduce((a,v) => Object.assign(a,{[v.id]:v.exp}), {});
  2024.         Object.assign(exp, newExp);
  2025.         // inventory
  2026.         const newInventory = Object.values(response.user.inventory)
  2027.             .reduce((a,v) => Object.assign(a,{[v.id]:v.amount}), {});
  2028.         newInventory[-1] = response.user.compost;
  2029.         newInventory[2] = response.user.charcoal;
  2030.         Object.assign(inventory, newInventory);
  2031.         // equipment
  2032.         const newEquipment = Object.values(response.user.equipment)
  2033.             .filter(a => a)
  2034.             .map(a => {
  2035.                 if(a.uses) {
  2036.                     const duration = itemCache.byId[a.id]?.attributes?.DURATION || 1;
  2037.                     a.amount += a.uses / duration;
  2038.                 }
  2039.                 return a;
  2040.             })
  2041.             .reduce((a,v) => Object.assign(a,{[v.id]:v.amount}), {});
  2042.         Object.assign(equipment, newEquipment);
  2043.         // action
  2044.         if(!response.user.action) {
  2045.             action.actionId = null;
  2046.             action.skillId = null;
  2047.             action.amount = null;
  2048.         } else {
  2049.             action.actionId = +response.user.action.actionId;
  2050.             action.skillId = +response.user.action.skillId;
  2051.             action.amount = 0;
  2052.         }
  2053.     }
  2054.  
  2055.     function handleStartAction(response) {
  2056.         action.actionId = +response.actionId;
  2057.         action.skillId = +response.skillId;
  2058.         action.amount = 0;
  2059.         action.maxAmount = response.amount;
  2060.     }
  2061.  
  2062.     function handleStopAction() {
  2063.         action.actionId = null;
  2064.         action.skillId = null;
  2065.         action.amount = null;
  2066.         action.maxAmount = null;
  2067.     }
  2068.  
  2069.     function handleStartAutomation(response) {
  2070.         automations[+response.automationId] = {
  2071.             amount: 0,
  2072.             maxAmount: response.amount
  2073.         }
  2074.     }
  2075.  
  2076.     async function update() {
  2077.         await itemCache.ready;
  2078.         if(!currentPage) {
  2079.             return;
  2080.         }
  2081.         let updated = false;
  2082.         if(currentPage.type === 'action') {
  2083.             updated |= updateAction(); // bitwise OR because of lazy evaluation
  2084.         }
  2085.         if(currentPage.type === 'equipment') {
  2086.             updated |= updateEquipment(); // bitwise OR because of lazy evaluation
  2087.         }
  2088.         if(currentPage.type === 'automation') {
  2089.             updated |= updateAutomation(); // bitwise OR because of lazy evaluation
  2090.         }
  2091.         if(updated) {
  2092.             emitEvent();
  2093.         }
  2094.     }
  2095.  
  2096.     function updateAction() {
  2097.         let updated = false;
  2098.         $('skill-page .card').each((i,element) => {
  2099.             const header = $(element).find('.header').text();
  2100.             if(header === 'Materials') {
  2101.                 $(element).find('.row').each((j,row) => {
  2102.                     updated |= extractItem(row, inventory); // bitwise OR because of lazy evaluation
  2103.                 });
  2104.             } else if(header === 'Consumables') {
  2105.                 $(element).find('.row').each((j,row) => {
  2106.                     updated |= extractItem(row, equipment); // bitwise OR because of lazy evaluation
  2107.                 });
  2108.             } else if(header === 'Stats') {
  2109.                 $(element).find('.row').each((j,row) => {
  2110.                     const text = $(row).find('.name').text();
  2111.                     if(text.startsWith('Total ') && text.endsWith(' XP')) {
  2112.                         let expValue = $(row).find('.value').text().split(' ')[0];
  2113.                         expValue = util.parseNumber(expValue);
  2114.                         updated |= exp[currentPage.skill] !== expValue; // bitwise OR because of lazy evaluation
  2115.                         exp[currentPage.skill] = expValue;
  2116.                     }
  2117.                 });
  2118.             } else if(header.startsWith('Loot')) {
  2119.                 const amount = $(element).find('.header .amount').text();
  2120.                 let newActionAmountValue = null;
  2121.                 let newActionMaxAmountValue = null;
  2122.                 if(amount) {
  2123.                     newActionAmountValue = util.parseNumber(amount.split(' / ')[0]);
  2124.                     newActionMaxAmountValue = util.parseNumber(amount.split(' / ')[1]);
  2125.                 }
  2126.                 updated |= action.amount !== newActionAmountValue; // bitwise OR because of lazy evaluation
  2127.                 updated |= action.maxAmount !== newActionMaxAmountValue; // bitwise OR because of lazy evaluation
  2128.                 action.amount = newActionAmountValue;
  2129.                 action.maxAmount = newActionMaxAmountValue;
  2130.             }
  2131.         });
  2132.         return updated;
  2133.     }
  2134.  
  2135.     function updateEquipment() {
  2136.         let updated = false;
  2137.         $('equipment-component .card:nth-child(4) .item').each((i,element) => {
  2138.             updated |= extractItem(element, equipment); // bitwise OR because of lazy evaluation
  2139.         });
  2140.         return updated;
  2141.     }
  2142.  
  2143.     function updateAutomation() {
  2144.         let updated = false;
  2145.         $('produce-component .card').each((i,element) => {
  2146.             const header = $(element).find('.header').text();
  2147.             if(header === 'Materials') {
  2148.                 $(element).find('.row').each((j,row) => {
  2149.                     updated |= extractItem(row, inventory); // bitwise OR because of lazy evaluation
  2150.                 });
  2151.             } else if(header.startsWith('Loot')) {
  2152.                 const amount = $(element).find('.header .amount').text();
  2153.                 let newAutomationAmountValue = null;
  2154.                 let newAutomationMaxAmountValue = null;
  2155.                 if(amount) {
  2156.                     newAutomationAmountValue = util.parseNumber(amount.split(' / ')[0]);
  2157.                     newAutomationMaxAmountValue = util.parseNumber(amount.split(' / ')[1]);
  2158.                 }
  2159.                 updated |= automations[currentPage.action]?.amount !== newAutomationAmountValue; // bitwise OR because of lazy evaluation
  2160.                 updated |= automations[currentPage.action]?.maxAmount !== newAutomationMaxAmountValue; // bitwise OR because of lazy evaluation
  2161.                 automations[currentPage.action] = {
  2162.                     amount: newAutomationAmountValue,
  2163.                     maxAmount: newAutomationMaxAmountValue
  2164.                 }
  2165.             }
  2166.         });
  2167.         return updated;
  2168.     }
  2169.  
  2170.     function extractItem(element, target) {
  2171.         element = $(element);
  2172.         const name = element.find('.name').text();
  2173.         if(!name) {
  2174.             return false;
  2175.         }
  2176.         const item = itemCache.byName[name];
  2177.         if(!item) {
  2178.             console.warn(`Could not find item with name [${name}]`);
  2179.             return false;
  2180.         }
  2181.         let amount = element.find('.amount, .value').text();
  2182.         if(!amount) {
  2183.             return false;
  2184.         }
  2185.         if(amount.includes(' / ')) {
  2186.             amount = amount.split(' / ')[0];
  2187.         }
  2188.         amount = util.parseNumber(amount);
  2189.         let uses = element.find('.uses, .use').text();
  2190.         if(uses) {
  2191.             amount += util.parseNumber(uses);
  2192.         }
  2193.         const updated = target[item.id] !== amount;
  2194.         target[item.id] = amount;
  2195.         return updated;
  2196.     }
  2197.  
  2198.     initialise();
  2199.  
  2200.     return exports;
  2201.  
  2202. }
  2203. );
  2204. // util
  2205. window.moduleRegistry.add('util', () => {
  2206.  
  2207.     const exports = {
  2208.         levelToExp,
  2209.         expToLevel,
  2210.         expToCurrentExp,
  2211.         expToNextLevel,
  2212.         expToNextTier,
  2213.         formatNumber,
  2214.         parseNumber,
  2215.         secondsToDuration,
  2216.         parseDuration,
  2217.         divmod,
  2218.         sleep,
  2219.         goToPage
  2220.     };
  2221.  
  2222.     function levelToExp(level) {
  2223.         if(level === 1) {
  2224.             return 0;
  2225.         }
  2226.         return Math.floor(Math.pow(level, 3.5) * 6 / 5);
  2227.     }
  2228.  
  2229.     function expToLevel(exp) {
  2230.         let level = Math.pow((exp + 1) * 5 / 6, 1 / 3.5);
  2231.         level = Math.floor(level);
  2232.         level = Math.max(1, level);
  2233.         return level;
  2234.     }
  2235.  
  2236.     function expToCurrentExp(exp) {
  2237.         const level = expToLevel(exp);
  2238.         return exp - levelToExp(level);
  2239.     }
  2240.  
  2241.     function expToNextLevel(exp) {
  2242.         const level = expToLevel(exp);
  2243.         return levelToExp(level + 1) - exp;
  2244.     }
  2245.  
  2246.     function expToNextTier(exp) {
  2247.         const level = expToLevel(exp);
  2248.         let target = 10;
  2249.         while(target <= level) {
  2250.             target += 15;
  2251.         }
  2252.         return levelToExp(target) - exp;
  2253.     }
  2254.  
  2255.     function formatNumber(number) {
  2256.         return number.toLocaleString(undefined, {maximumFractionDigits:2});
  2257.     }
  2258.  
  2259.     function parseNumber(text) {
  2260.         if(!text) {
  2261.             return 0;
  2262.         }
  2263.         text = text.replaceAll(/,/g, '');
  2264.         let multiplier = 1;
  2265.         if(text.endsWith('%')) {
  2266.             multiplier = 1 / 100;
  2267.         }
  2268.         if(text.endsWith('K')) {
  2269.             multiplier = 1_000;
  2270.         }
  2271.         if(text.endsWith('M')) {
  2272.             multiplier = 1_000_000;
  2273.         }
  2274.         return (parseFloat(text) || 0) * multiplier;
  2275.     }
  2276.  
  2277.     function secondsToDuration(seconds) {
  2278.         seconds = Math.floor(seconds);
  2279.         if(seconds > 60 * 60 * 24 * 100) {
  2280.             // > 100 days
  2281.             return 'A very long time';
  2282.         }
  2283.  
  2284.         var [minutes, seconds] = divmod(seconds, 60);
  2285.         var [hours, minutes] = divmod(minutes, 60);
  2286.         var [days, hours] = divmod(hours, 24);
  2287.  
  2288.         seconds = `${seconds}`.padStart(2, '0');
  2289.         minutes = `${minutes}`.padStart(2, '0');
  2290.         hours = `${hours}`.padStart(2, '0');
  2291.         days = `${days}`.padStart(2, '0');
  2292.  
  2293.         let result = '';
  2294.         if(result || +days) {
  2295.             result += `${days}d `;
  2296.         }
  2297.         if(result || +hours) {
  2298.             result += `${hours}h `;
  2299.         }
  2300.         if(result || +minutes) {
  2301.             result += `${minutes}m `;
  2302.         }
  2303.         if(result || +seconds) {
  2304.             result += `${seconds}s`;
  2305.         }
  2306.  
  2307.         return result;
  2308.     }
  2309.  
  2310.     function parseDuration(duration) {
  2311.         const parts = duration.split(' ');
  2312.         let seconds = 0;
  2313.         for(const part of parts) {
  2314.             const value = parseFloat(part);
  2315.             if(part.endsWith('m')) {
  2316.                 seconds += value * 60;
  2317.             } else if(part.endsWith('h')) {
  2318.                 seconds += value * 60 * 60;
  2319.             } else if(part.endsWith('d')) {
  2320.                 seconds += value * 60 * 60 * 24;
  2321.             } else {
  2322.                 console.warn(`Unexpected duration being parsed : ${part}`);
  2323.             }
  2324.         }
  2325.         return seconds;
  2326.     }
  2327.  
  2328.     function divmod(x, y) {
  2329.         return [Math.floor(x / y), x % y];
  2330.     }
  2331.  
  2332.     function goToPage(page) {
  2333.         window.history.pushState({}, '', page);
  2334.         window.history.pushState({}, '', page);
  2335.         window.history.back();
  2336.     }
  2337.  
  2338.     async function sleep(millis) {
  2339.         await new Promise(r => window.setTimeout(r, millis));
  2340.     }
  2341.  
  2342.     return exports;
  2343.  
  2344. }
  2345. );
  2346. // webhooks
  2347. window.moduleRegistry.add('webhooks', (request, configuration) => {
  2348.  
  2349.     const exports = {
  2350.         register: register
  2351.     }
  2352.  
  2353.     function register(name, text, type) {
  2354.         const webhook = {
  2355.             type: type,
  2356.             enabled: false,
  2357.             url: ''
  2358.         };
  2359.         const handler = handleConfigStateChange.bind(null, webhook);
  2360.         configuration.registerCheckbox({
  2361.             category: 'Webhooks',
  2362.             key: `${name}-enabled`,
  2363.             name: `${text} webhook enabled`,
  2364.             default: false,
  2365.             handler: handler
  2366.         });
  2367.         configuration.registerInput({
  2368.             category: 'Webhooks',
  2369.             key: name,
  2370.             name: `${text} webhook URL`,
  2371.             default: '',
  2372.             inputType: 'text',
  2373.             handler: handler
  2374.         });
  2375.     }
  2376.  
  2377.     function handleConfigStateChange(webhook, state, name, initial) {
  2378.         if(name.endsWith('-enabled')) {
  2379.             webhook.enabled = state;
  2380.         } else {
  2381.             webhook.url = state;
  2382.         }
  2383.         if(!initial) {
  2384.             request.saveWebhook(webhook);
  2385.         }
  2386.     }
  2387.  
  2388.     return exports;
  2389.  
  2390. }
  2391. );
  2392. // changelog
  2393. window.moduleRegistry.add('changelog', (Promise, pages, components, request, util, configuration) => {
  2394.  
  2395.     const PAGE_NAME = 'Plugin changelog';
  2396.     const loaded = new Promise.Deferred();
  2397.  
  2398.     let changelogs = null;
  2399.  
  2400.     async function initialise() {
  2401.         await pages.register({
  2402.             category: 'Skills',
  2403.             after: 'Changelog',
  2404.             name: PAGE_NAME,
  2405.             image: 'https://ironwoodrpg.com/assets/misc/changelog.png',
  2406.             render: renderPage
  2407.         });
  2408.         configuration.registerCheckbox({
  2409.             category: 'Pages',
  2410.             key: 'changelog-enabled',
  2411.             name: 'Changelog',
  2412.             default: true,
  2413.             handler: handleConfigStateChange
  2414.         });
  2415.         load();
  2416.     }
  2417.  
  2418.     function handleConfigStateChange(state, name) {
  2419.         if(state) {
  2420.             pages.show(PAGE_NAME);
  2421.         } else {
  2422.             pages.hide(PAGE_NAME);
  2423.         }
  2424.     }
  2425.  
  2426.     async function load() {
  2427.         changelogs = await request.getChangelogs();
  2428.         loaded.resolve();
  2429.     }
  2430.  
  2431.     async function renderPage() {
  2432.         await loaded.promise;
  2433.         const header = components.search(componentBlueprint, 'header');
  2434.         const list = components.search(componentBlueprint, 'list');
  2435.         for(const index in changelogs) {
  2436.             componentBlueprint.componentId = `changelogComponent_${index}`;
  2437.             header.title = changelogs[index].title;
  2438.             header.textRight = new Date(changelogs[index].time).toLocaleDateString();
  2439.             list.entries = changelogs[index].entries;
  2440.             components.addComponent(componentBlueprint);
  2441.         }
  2442.     }
  2443.  
  2444.     const componentBlueprint = {
  2445.         componentId: 'changelogComponent',
  2446.         dependsOn: 'custom-page',
  2447.         parent: '.column0',
  2448.         selectedTabIndex: 0,
  2449.         tabs: [{
  2450.             title: 'tab',
  2451.             rows: [{
  2452.                 id: 'header',
  2453.                 type: 'header',
  2454.                 title: '',
  2455.                 textRight: ''
  2456.             },{
  2457.                 id: 'list',
  2458.                 type: 'list',
  2459.                 entries: []
  2460.             }]
  2461.         }]
  2462.     };
  2463.  
  2464.     initialise();
  2465. }
  2466. );
  2467. // configurationPage
  2468. window.moduleRegistry.add('configurationPage', (pages, components, elementWatcher, configuration, auth, elementCreator) => {
  2469.  
  2470.     const PAGE_NAME = 'Configuration';
  2471.     const blueprints = [];
  2472.  
  2473.     async function initialise() {
  2474.         await auth.ready;
  2475.         await pages.register({
  2476.             category: 'Misc',
  2477.             name: PAGE_NAME,
  2478.             image: 'https://cdn-icons-png.flaticon.com/512/3953/3953226.png',
  2479.             columns: '2',
  2480.             render: renderPage
  2481.         });
  2482.         elementCreator.addStyles(styles);
  2483.         await generateBlueprint();
  2484.         pages.show(PAGE_NAME);
  2485.     }
  2486.  
  2487.     async function generateBlueprint() {
  2488.         await configuration.ready;
  2489.         const categories = {};
  2490.         for(const item of configuration.items) {
  2491.             if(!categories[item.category]) {
  2492.                 categories[item.category] = {
  2493.                     name: item.category,
  2494.                     items: []
  2495.                 }
  2496.             }
  2497.             categories[item.category].items.push(item);
  2498.         }
  2499.         let column = 1;
  2500.         for(const category in categories) {
  2501.             column = 1 - column;
  2502.             const rows = [{
  2503.                 type: 'header',
  2504.                 title: category,
  2505.                 centered: true
  2506.             }];
  2507.             rows.push(...categories[category].items.flatMap(createRows));
  2508.             blueprints.push({
  2509.                 componentId: `configurationComponent_${category}`,
  2510.                 dependsOn: 'custom-page',
  2511.                 parent: `.column${column}`,
  2512.                 selectedTabIndex: 0,
  2513.                 tabs: [{
  2514.                     rows: rows
  2515.                 }]
  2516.             });
  2517.         }
  2518.     }
  2519.  
  2520.     function createRows(item) {
  2521.         switch(item.type) {
  2522.             case 'checkbox': return createRows_Checkbox(item);
  2523.             case 'input': return createRows_Input(item);
  2524.             case 'dropdown': return createRows_Dropdown(item);
  2525.             case 'json': break;
  2526.             default: throw `Unknown configuration type : ${item.type}`;
  2527.         }
  2528.     }
  2529.  
  2530.     function createRows_Checkbox(item) {
  2531.         return [{
  2532.             type: 'checkbox',
  2533.             text: item.name,
  2534.             checked: item.value,
  2535.             delay: 500,
  2536.             action: (value) => {
  2537.                 item.handler(value);
  2538.                 pages.requestRender(PAGE_NAME);
  2539.             }
  2540.         }]
  2541.     }
  2542.  
  2543.     function createRows_Input(item) {
  2544.         const value = item.value || item.default;
  2545.         return [{
  2546.             type: 'item',
  2547.             name: item.name
  2548.         },{
  2549.             type: 'input',
  2550.             name: item.name,
  2551.             value: value,
  2552.             inputType: item.inputType,
  2553.             delay: 500,
  2554.             action: (value) => {
  2555.                 item.handler(value);
  2556.             }
  2557.         }]
  2558.     }
  2559.  
  2560.     function createRows_Dropdown(item) {
  2561.         const value = item.value || item.default;
  2562.         const options = item.options.map(option => ({
  2563.             text: option,
  2564.             value: option,
  2565.             selected: option === value
  2566.         }));
  2567.         return [{
  2568.             type: 'item',
  2569.             name: item.name
  2570.         },{
  2571.             type: 'dropdown',
  2572.             options: options,
  2573.             delay: 500,
  2574.             action: (value) => {
  2575.                 item.handler(value);
  2576.             }
  2577.         }]
  2578.     }
  2579.  
  2580.     async function renderPage() {
  2581.         for(const blueprint of blueprints) {
  2582.             components.addComponent(blueprint);
  2583.         }
  2584.     }
  2585.  
  2586.     const styles = `
  2587.         .modifiedHeight {
  2588.             height: 28px;
  2589.         }
  2590.     `;
  2591.  
  2592.     initialise();
  2593. }
  2594. );
  2595. // dataTransmitter
  2596. window.moduleRegistry.add('dataTransmitter', (auth, request, events) => {
  2597.  
  2598.     function initialise() {
  2599.         events.register('xhr', handleXhr);
  2600.     }
  2601.  
  2602.     async function handleXhr(xhr) {
  2603.         if(xhr.status !== 200) {
  2604.             return;
  2605.         }
  2606.         let response = xhr.response;
  2607.         if(Array.isArray(response)) {
  2608.             response = {
  2609.                 value: response
  2610.             };
  2611.         }
  2612.         if(xhr.url.endsWith('getUser')) {
  2613.             const name = response.user.displayName;
  2614.             const password = new Date(response.user.createdAt).getTime();
  2615.             auth.register(name, password);
  2616.         }
  2617.         await request.handleInterceptedRequest({
  2618.             url: xhr.url,
  2619.             status: xhr.status,
  2620.             payload: JSON.stringify(xhr.request),
  2621.             response: JSON.stringify(response)
  2622.         });
  2623.     }
  2624.  
  2625.     initialise();
  2626.  
  2627. }
  2628. );
  2629. // estimations
  2630. window.moduleRegistry.add('estimations', (events, components, util) => {
  2631.  
  2632.     const registerEstimationHandler = events.register.bind(null, 'estimation');
  2633.     const addComponent = components.addComponent;
  2634.     const removeComponent = components.removeComponent;
  2635.     const searchComponent = components.search;
  2636.  
  2637.     function initialise() {
  2638.         registerEstimationHandler(handleEstimationData);
  2639.     }
  2640.  
  2641.     function handleEstimationData(estimation) {
  2642.         if(!estimation) {
  2643.             removeComponent(componentBlueprint);
  2644.             return;
  2645.         }
  2646.  
  2647.         if(estimation.type === 'AUTOMATION') {
  2648.             componentBlueprint.dependsOn = 'home-page';
  2649.             componentBlueprint.parent = 'produce-component';
  2650.         } else {
  2651.             componentBlueprint.dependsOn = 'skill-page';
  2652.             componentBlueprint.parent = 'actions-component';
  2653.         }
  2654.  
  2655.         searchComponent(componentBlueprint, 'overviewSpeed').value
  2656.             = util.formatNumber(estimation.speed) + ' s';
  2657.         searchComponent(componentBlueprint, 'overviewExp').hidden
  2658.             = estimation.exp === 0;
  2659.         searchComponent(componentBlueprint, 'overviewExp').value
  2660.             = util.formatNumber(estimation.exp);
  2661.         searchComponent(componentBlueprint, 'overviewSurvivalChance').hidden
  2662.             = estimation.type === 'ACTIVITY' || estimation.type === 'AUTOMATION';
  2663.         searchComponent(componentBlueprint, 'overviewSurvivalChance').value
  2664.             = util.formatNumber(estimation.survivalChance * 100) + ' %';
  2665.         searchComponent(componentBlueprint, 'overviewFinishedTime').value
  2666.             = util.secondsToDuration(estimation.secondsLeft);
  2667.         searchComponent(componentBlueprint, 'overviewLevelTime').hidden
  2668.             = estimation.exp === 0;
  2669.         searchComponent(componentBlueprint, 'overviewLevelTime').value
  2670.             = util.secondsToDuration(estimation.secondsToNextlevel);
  2671.         searchComponent(componentBlueprint, 'overviewTierTime').hidden
  2672.             = estimation.exp === 0;
  2673.         searchComponent(componentBlueprint, 'overviewTierTime').value
  2674.             = util.secondsToDuration(estimation.secondsToNextTier);
  2675.         searchComponent(componentBlueprint, 'overviewGoldLoot').hidden
  2676.             = estimation.goldLoot === 0;
  2677.         searchComponent(componentBlueprint, 'overviewGoldLoot').value
  2678.             = util.formatNumber(estimation.goldLoot);
  2679.         searchComponent(componentBlueprint, 'overviewGoldMaterials').hidden
  2680.             = estimation.goldMaterials === 0;
  2681.         searchComponent(componentBlueprint, 'overviewGoldMaterials').value
  2682.             = util.formatNumber(estimation.goldMaterials);
  2683.         searchComponent(componentBlueprint, 'overviewGoldEquipments').hidden
  2684.             = estimation.goldEquipments === 0;
  2685.         searchComponent(componentBlueprint, 'overviewGoldEquipments').value
  2686.             = util.formatNumber(estimation.goldEquipments);
  2687.         searchComponent(componentBlueprint, 'overviewGoldTotal').hidden
  2688.             = estimation.goldTotal === 0;
  2689.         searchComponent(componentBlueprint, 'overviewGoldTotal').value
  2690.             = util.formatNumber(estimation.goldTotal);
  2691.         searchComponent(componentBlueprint, 'tabTime').hidden
  2692.             = (estimation.materials.length + estimation.equipments.length) === 0;
  2693.  
  2694.         const dropRows = searchComponent(componentBlueprint, 'dropRows');
  2695.         const materialRows = searchComponent(componentBlueprint, 'materialRows');
  2696.         const timeRows = searchComponent(componentBlueprint, 'timeRows');
  2697.         dropRows.rows = [];
  2698.         materialRows.rows = [];
  2699.         timeRows.rows = [];
  2700.         for(const drop of estimation.loot) {
  2701.             dropRows.rows.push({
  2702.                 type: 'item',
  2703.                 image: `/assets/${drop.item?.image}`,
  2704.                 imagePixelated: true,
  2705.                 name: drop.item?.name,
  2706.                 value: util.formatNumber(drop.amount) + ' / hour'
  2707.             });
  2708.         }
  2709.         for(const material of estimation.materials) {
  2710.             materialRows.rows.push({
  2711.                 type: 'item',
  2712.                 image: `/assets/${material.item?.image}`,
  2713.                 imagePixelated: true,
  2714.                 name: material.item?.name,
  2715.                 value: util.formatNumber(material.amount) + ' / hour'
  2716.             });
  2717.             timeRows.rows.push({
  2718.                 type: 'item',
  2719.                 image: `/assets/${material.item?.image}`,
  2720.                 imagePixelated: true,
  2721.                 name: `${material.item?.name} [${util.formatNumber(material.stored)}]`,
  2722.                 value: util.secondsToDuration(material.secondsLeft)
  2723.             });
  2724.         }
  2725.         for(const equipment of estimation.equipments) {
  2726.             materialRows.rows.push({
  2727.                 type: 'item',
  2728.                 image: `/assets/${equipment.item?.image}`,
  2729.                 imagePixelated: true,
  2730.                 name: equipment.item?.name,
  2731.                 value: util.formatNumber(equipment.amount) + ' / hour'
  2732.             });
  2733.             timeRows.rows.push({
  2734.                 type: 'item',
  2735.                 image: `/assets/${equipment.item?.image}`,
  2736.                 imagePixelated: true,
  2737.                 name: `${equipment.item?.name} [${util.formatNumber(equipment.stored)}]`,
  2738.                 value: util.secondsToDuration(equipment.secondsLeft)
  2739.             });
  2740.         }
  2741.  
  2742.         addComponent(componentBlueprint);
  2743.     }
  2744.  
  2745.     const componentBlueprint = {
  2746.         componentId: 'estimationComponent',
  2747.         dependsOn: 'skill-page',
  2748.         parent: 'actions-component',
  2749.         selectedTabIndex: 0,
  2750.         tabs: [{
  2751.             title: 'Overview',
  2752.             rows: [{
  2753.                 type: 'item',
  2754.                 id: 'overviewSpeed',
  2755.                 name: 'Time per action',
  2756.                 image: 'https://cdn-icons-png.flaticon.com/512/3563/3563395.png',
  2757.                 value: ''
  2758.             },{
  2759.                 type: 'item',
  2760.                 id: 'overviewExp',
  2761.                 name: 'Exp/hour',
  2762.                 image: 'https://cdn-icons-png.flaticon.com/512/616/616490.png',
  2763.                 value: ''
  2764.             },{
  2765.                 type: 'item',
  2766.                 id: 'overviewSurvivalChance',
  2767.                 name: 'Survival chance',
  2768.                 image: 'https://cdn-icons-png.flaticon.com/512/3004/3004458.png',
  2769.                 value: ''
  2770.             },{
  2771.                 type: 'item',
  2772.                 id: 'overviewFinishedTime',
  2773.                 name: 'Finished',
  2774.                 image: 'https://cdn-icons-png.flaticon.com/512/1505/1505471.png',
  2775.                 value: ''
  2776.             },{
  2777.                 type: 'item',
  2778.                 id: 'overviewLevelTime',
  2779.                 name: 'Level up',
  2780.                 image: 'https://cdn-icons-png.flaticon.com/512/4614/4614145.png',
  2781.                 value: ''
  2782.             },{
  2783.                 type: 'item',
  2784.                 id: 'overviewTierTime',
  2785.                 name: 'Tier up',
  2786.                 image: 'https://cdn-icons-png.flaticon.com/512/4789/4789514.png',
  2787.                 value: ''
  2788.             },{
  2789.                 type: 'item',
  2790.                 id: 'overviewGoldLoot',
  2791.                 name: 'Gold/hour (loot)',
  2792.                 image: 'https://cdn-icons-png.flaticon.com/512/9028/9028024.png',
  2793.                 imageFilter: 'invert(100%) sepia(47%) saturate(3361%) hue-rotate(313deg) brightness(106%) contrast(108%)',
  2794.                 value: ''
  2795.             },{
  2796.                 type: 'item',
  2797.                 id: 'overviewGoldMaterials',
  2798.                 name: 'Gold/hour (materials)',
  2799.                 image: 'https://cdn-icons-png.flaticon.com/512/9028/9028031.png',
  2800.                 imageFilter: 'invert(100%) sepia(47%) saturate(3361%) hue-rotate(313deg) brightness(106%) contrast(108%)',
  2801.                 value: ''
  2802.             },{
  2803.                 type: 'item',
  2804.                 id: 'overviewGoldEquipments',
  2805.                 name: 'Gold/hour (equipments)',
  2806.                 image: 'https://cdn-icons-png.flaticon.com/512/9028/9028031.png',
  2807.                 imageFilter: 'invert(100%) sepia(47%) saturate(3361%) hue-rotate(313deg) brightness(106%) contrast(108%)',
  2808.                 value: ''
  2809.             },{
  2810.                 type: 'item',
  2811.                 id: 'overviewGoldTotal',
  2812.                 name: 'Gold/hour (total)',
  2813.                 image: 'https://cdn-icons-png.flaticon.com/512/11937/11937869.png',
  2814.                 imageFilter: 'invert(100%) sepia(47%) saturate(3361%) hue-rotate(313deg) brightness(106%) contrast(108%)',
  2815.                 value: ''
  2816.             }]
  2817.         },{
  2818.             title: 'Items',
  2819.             rows: [{
  2820.                 type: 'header',
  2821.                 title: 'Produced'
  2822.             },{
  2823.                 type: 'segment',
  2824.                 id: 'dropRows',
  2825.                 rows: []
  2826.             },{
  2827.                 type: 'header',
  2828.                 title: 'Consumed'
  2829.             },{
  2830.                 type: 'segment',
  2831.                 id: 'materialRows',
  2832.                 rows: []
  2833.             }]
  2834.         },{
  2835.             title: 'Time',
  2836.             id: 'tabTime',
  2837.             rows: [{
  2838.                 type: 'segment',
  2839.                 id: 'timeRows',
  2840.                 rows: []
  2841.             }]
  2842.         }]
  2843.     };
  2844.  
  2845.     initialise();
  2846.  
  2847. }
  2848. );
  2849. // guildQuestTracking
  2850. window.moduleRegistry.add('guildQuestTracking', (request, configuration, events, components) => {
  2851.  
  2852.     let enabled = false;
  2853.     let registrationAmount = 0;
  2854.     let selectedItem;
  2855.     let questsData;
  2856.     let combinedData;
  2857.  
  2858.     function initialise() {
  2859.         configuration.registerCheckbox({
  2860.             category: 'Other',
  2861.             key: 'guild-quest-tracking',
  2862.             name: 'Guild quest tracking',
  2863.             default: true,
  2864.             handler: handleConfigStateChange
  2865.         });
  2866.         events.register('xhr', handleXhr);
  2867.     }
  2868.  
  2869.     function handleConfigStateChange(state) {
  2870.         enabled = state;
  2871.     }
  2872.  
  2873.     async function handleXhr(xhr) {
  2874.         if(!enabled) {
  2875.             return;
  2876.         }
  2877.         if(xhr.url.endsWith('/createGuildQuests')) {
  2878.             await refresh();
  2879.             handleQuestOverviewButtonClick();
  2880.         }
  2881.         if(xhr.url.endsWith('/giveGuildQuestItems')) {
  2882.             refresh(selectedItem);
  2883.         }
  2884.     }
  2885.  
  2886.     async function refresh(item) {
  2887.         await fetchData();
  2888.         listenNavigateAway();
  2889.         injectButtons();
  2890.         if(item) {
  2891.             showForItem(item);
  2892.         }
  2893.     }
  2894.  
  2895.     async function fetchData() {
  2896.         questsData = await request.getGuildQuestStats();
  2897.         combinedData = {
  2898.             complete: true,
  2899.             image: 'items/coin-stack.png',
  2900.             registrations: [],
  2901.             performers: [],
  2902.             contributions: questsData.flatMap(a => a.contributions)
  2903.         };
  2904.     }
  2905.  
  2906.     function listenNavigateAway() {
  2907.         $('.tracker + .card > button').click(function() {
  2908.             components.removeComponent(componentBlueprint);
  2909.         });
  2910.     }
  2911.  
  2912.     function injectButtons() {
  2913.         const rows = $('.row > .image').parent();
  2914.         rows.find('.customQuestButton').remove();
  2915.         for(const row of rows) {
  2916.             const itemName = $(row).find('> .name').text();
  2917.             const questData = questsData.find(a => a.name === itemName);
  2918.             const count = questData.complete ? '-' : questData.registrations.length + questData.performers.length;
  2919.             const element = $(`<button class='customQuestButton'><img src='https://cdn-icons-png.flaticon.com/512/6514/6514927.png' style='width:24px;height:24px;margin-left:12px'><span style='min-width:1.5rem'>${count}</span></button>`);
  2920.             element.click(handleQuestButtonClick.bind(null, itemName));
  2921.             $(row).find('> .plus').after(element);
  2922.         }
  2923.  
  2924.         const header = $('.header > .amount').parent();
  2925.         header.find('.customQuestButton').remove();
  2926.         const element = $(`<button class='customQuestButton'><img src='https://cdn-icons-png.flaticon.com/512/6514/6514927.png' style='width:24px;height:24px;margin-left:12px'></button>`);
  2927.         element.click(handleQuestOverviewButtonClick);
  2928.         header.append(element);
  2929.     }
  2930.  
  2931.     function handleQuestButtonClick(item, event) {
  2932.         event.stopPropagation();
  2933.         selectedItem = item;
  2934.         showForItem(item);
  2935.     }
  2936.  
  2937.     function handleQuestOverviewButtonClick() {
  2938.         showComponent(combinedData);
  2939.     }
  2940.  
  2941.     function showForItem(item) {
  2942.         registrationAmount = 0;
  2943.         const questData = questsData.find(a => a.name === item);
  2944.         showComponent(questData);
  2945.     }
  2946.  
  2947.     function showComponent(questData) {
  2948.         componentBlueprint.selectedTabIndex = 0;
  2949.         const registeredSegment = components.search(componentBlueprint, 'registeredSegment');
  2950.         const performingSegment = components.search(componentBlueprint, 'performingSegment');
  2951.         registeredSegment.hidden = questData.complete;
  2952.         performingSegment.hidden = questData.complete;
  2953.         components.search(componentBlueprint, 'registeredHeader').image = `/assets/${questData.image}`;
  2954.         components.search(componentBlueprint, 'performingHeader').image = `/assets/${questData.image}`;
  2955.         components.search(componentBlueprint, 'contributionsHeader').image = `/assets/${questData.image}`;
  2956.         components.search(componentBlueprint, 'registerTab').hidden = questData.complete;
  2957.         components.search(componentBlueprint, 'registeredRowsSegment').rows = questData.registrations.map(registration => ({
  2958.             type: 'item',
  2959.             name: registration.name,
  2960.             value: registration.amount,
  2961.             image: '/assets/misc/quests.png',
  2962.             imagePixelated: true
  2963.         }));
  2964.         components.search(componentBlueprint, 'performingRowsSegment').rows = questData.performers.map(performer => ({
  2965.             type: 'item',
  2966.             name: performer.name,
  2967.             image: `/assets/${questData.image}`,
  2968.             imagePixelated: true
  2969.         }));
  2970.         components.search(componentBlueprint, 'contributionsRowsSegment').rows = questData.contributions.map(contribution => ({
  2971.             type: 'item',
  2972.             name: contribution.name,
  2973.             value: `${contribution.amount} (${new Date(contribution.time).toLocaleTimeString()})`,
  2974.             image: `/assets/${contribution.image}`,
  2975.             imagePixelated: true
  2976.         }));
  2977.         const registered = !!questData.registrations.find(a => a.name === questData.requester);
  2978.         const registerButton = components.search(componentBlueprint, 'registerButton');
  2979.         const unregisterButton = components.search(componentBlueprint, 'unregisterButton');
  2980.         registerButton.disabled = !!registered;
  2981.         unregisterButton.disabled = !registered;
  2982.         registerButton.action = register.bind(null,questData);
  2983.         unregisterButton.action = unregister.bind(null,questData);
  2984.         components.addComponent(componentBlueprint);
  2985.     }
  2986.  
  2987.     function setRegistrationAmount(value) {
  2988.         registrationAmount = +value;
  2989.     }
  2990.  
  2991.     async function register(questData) {
  2992.         if(!registrationAmount) {
  2993.             return;
  2994.         }
  2995.         await request.registerGuildQuest(questData.itemId, registrationAmount);
  2996.         refresh(questData.name);
  2997.     }
  2998.  
  2999.     async function unregister(questData) {
  3000.         await request.unregisterGuildQuest(questData.itemId);
  3001.         refresh(questData.name);
  3002.     }
  3003.  
  3004.     const componentBlueprint = {
  3005.         componentId : 'guildQuestComponent',
  3006.         dependsOn: 'guild-page',
  3007.         parent : 'guild-component > .groups > .group:last-child',
  3008.         selectedTabIndex : 0,
  3009.         tabs : [{
  3010.             id: 'statusTab',
  3011.             title : 'Status',
  3012.             rows: [{
  3013.                 type: 'segment',
  3014.                 id: 'registeredSegment',
  3015.                 hidden: false,
  3016.                 rows: [{
  3017.                     type: 'header',
  3018.                     id: 'registeredHeader',
  3019.                     title: 'Registered',
  3020.                     centered: true,
  3021.                     image: '',
  3022.                     imagePixelated: true
  3023.                 }, {
  3024.                     type: 'segment',
  3025.                     id: 'registeredRowsSegment',
  3026.                     rows: []
  3027.                 }]
  3028.             }, {
  3029.                 type: 'segment',
  3030.                 id: 'performingSegment',
  3031.                 hidden: false,
  3032.                 rows: [{
  3033.                     type: 'header',
  3034.                     id: 'performingHeader',
  3035.                     title: 'Currently performing',
  3036.                     centered: true,
  3037.                     image: '',
  3038.                     imagePixelated: true
  3039.                 }, {
  3040.                     type: 'segment',
  3041.                     id: 'performingRowsSegment',
  3042.                     rows: []
  3043.                 }]
  3044.             }, {
  3045.                 type: 'segment',
  3046.                 id: 'contributionsSegment',
  3047.                 rows: [{
  3048.                     type: 'header',
  3049.                     id: 'contributionsHeader',
  3050.                     title: 'Contributions',
  3051.                     centered: true,
  3052.                     image: '',
  3053.                     imagePixelated: true
  3054.                 }, {
  3055.                     type: 'segment',
  3056.                     id: 'contributionsRowsSegment',
  3057.                     rows: []
  3058.                 }]
  3059.             }]
  3060.         }, {
  3061.             id: 'registerTab',
  3062.             title : 'Register',
  3063.             hidden: false,
  3064.             rows: [{
  3065.                 type : 'input',
  3066.                 name : 'Amount',
  3067.                 action: setRegistrationAmount
  3068.             },{
  3069.                 type : 'buttons',
  3070.                 buttons: [{
  3071.                     id: 'registerButton',
  3072.                     text: 'Register',
  3073.                     disabled: true,
  3074.                     color: 'primary'
  3075.                 },{
  3076.                     id: 'unregisterButton',
  3077.                     text: 'Unregister',
  3078.                     disabled: true,
  3079.                     color: 'warning'
  3080.                 }]
  3081.             }]
  3082.         }]
  3083.     };
  3084.  
  3085.     initialise();
  3086.  
  3087. }
  3088. );
  3089. // guildSorts
  3090. window.moduleRegistry.add('guildSorts', (events, elementWatcher, util, elementCreator) => {
  3091.  
  3092.     function initialise() {
  3093.         elementCreator.addStyles(styles);
  3094.         events.register('page', handlePage);
  3095.     }
  3096.  
  3097.     async function handlePage(page) {
  3098.         if(page.type === 'guild') {
  3099.             await elementWatcher.exists('.card > .row');
  3100.             await addAdditionGuildSortButtons();
  3101.             setupGuildMenuButtons();
  3102.         }
  3103.         if(page.type === 'market') {
  3104.             // TODO for another script?
  3105.         }
  3106.     }
  3107.  
  3108.     function setupGuildMenuButtons() {
  3109.         $(`button > div.name:contains('Members')`).parent().on('click', async function () {
  3110.             await util.sleep(50);
  3111.             await addAdditionGuildSortButtons();
  3112.         });
  3113.     }
  3114.  
  3115.     async function addAdditionGuildSortButtons() {
  3116.         await elementWatcher.exists('div.sort');
  3117.         const orginalButtonGroup = $('div.sort').find('div.container');
  3118.  
  3119.         // rename daily to daily xp
  3120.         $(`button:contains('Daily')`).text('Daily XP');
  3121.         // fix text on 2 lines
  3122.         $('div.sort').find('button').addClass('overrideFlex');
  3123.         // attach clear custom to game own sorts
  3124.         $('div.sort').find('button').on('click', function() {
  3125.             clearCustomActiveButtons()
  3126.         });
  3127.  
  3128.         const customButtonGroup = $('<div/>')
  3129.             .addClass('customButtonGroup')
  3130.             .addClass('alignButtonGroupLeft')
  3131.             .attr('id', 'guildSortButtonGroup')
  3132.             .append(
  3133.                 $('<button/>')
  3134.                     .attr('type', 'button')
  3135.                     .addClass('customButtonGroupButton')
  3136.                     .addClass('customSortByLevel')
  3137.                     .text('Level')
  3138.                     .click(() => { sortByLevel(); })
  3139.             )
  3140.             .append(
  3141.                 $('<button/>')
  3142.                     .attr('type', 'button')
  3143.                     .addClass('customButtonGroupButton')
  3144.                     .addClass('customSortByIdle')
  3145.                     .text('Idle')
  3146.                     .click(() => { sortByIdle(); })
  3147.             )
  3148.             .append(
  3149.                 $('<button/>')
  3150.                     .attr('type', 'button')
  3151.                     .addClass('customButtonGroupButton')
  3152.                     .addClass('customSortByTotalXP')
  3153.                     .text('Total XP')
  3154.                     .click(() => { sortByXp(); })
  3155.             );
  3156.  
  3157.         customButtonGroup.insertAfter(orginalButtonGroup);
  3158.     }
  3159.  
  3160.     function clearCustomActiveButtons() {
  3161.         $('.customButtonGroupButton').removeClass('custom-sort-active');
  3162.     }
  3163.  
  3164.     function clearActiveButtons() {
  3165.         $('div.sort').find('button').removeClass('sort-active');
  3166.     }
  3167.  
  3168.     function sortByXp() {
  3169.         $(`button:contains('Date')`).trigger('click');
  3170.         
  3171.         clearCustomActiveButtons();
  3172.         clearActiveButtons();
  3173.         $('.customSortByTotalXP').addClass('custom-sort-active');
  3174.  
  3175.         const parent = $('div.sort').parent();
  3176.         sortElements({
  3177.             elements: parent.find('button.row'),
  3178.             extractor: a => util.parseNumber($(a).find('div.amount').text()),
  3179.             sorter: (a,b) => b-a,
  3180.             target: parent
  3181.         });
  3182.     }
  3183.  
  3184.     function sortByIdle() {
  3185.         // make sure the last contributed time is visible
  3186.         if(
  3187.             !$(`div.sort button:contains('Date')`).hasClass('sort-active') &&
  3188.             !$(`button:contains('Daily XP')`).hasClass('sort-active')
  3189.         ) {
  3190.             $(`button:contains('Date')`).trigger('click');
  3191.         }
  3192.  
  3193.         clearCustomActiveButtons();
  3194.         clearActiveButtons();
  3195.         $('.customSortByIdle').addClass('custom-sort-active');
  3196.  
  3197.         const parent = $('div.sort').parent();
  3198.         sortElements({
  3199.             elements: parent.find('button.row'),
  3200.             extractor: a => util.parseDuration($(a).find('div.time').text()),
  3201.             sorter: (a,b) => b-a,
  3202.             target: parent
  3203.         });
  3204.     }
  3205.  
  3206.     function sortByLevel() {
  3207.         clearCustomActiveButtons();
  3208.         clearActiveButtons();
  3209.         $('.customSortByLevel').addClass('custom-sort-active');
  3210.  
  3211.         const parent = $('div.sort').parent();
  3212.         sortElements({
  3213.             elements: parent.find('button.row'),
  3214.             extractor: a => util.parseNumber($(a).find('div.level').text().replace('Lv. ', '')),
  3215.             sorter: (a,b) => b-a,
  3216.             target: parent
  3217.         });
  3218.     }
  3219.  
  3220.     // sorts a list of `elements` according to the extracted property from `extractor`,
  3221.     // sorts them using `sorter`, and appends them to the `target`
  3222.     // elements is a jquery list
  3223.     // target is a jquery element
  3224.     // { elements, target, extractor, sorter }
  3225.     function sortElements(config) {
  3226.         const list = config.elements.get().map(element => ({
  3227.             element,
  3228.             value: config.extractor(element)
  3229.         }));
  3230.         list.sort((a,b) => config.sorter(a.value, b.value));
  3231.         for(const item of list) {
  3232.             config.target.append(item.element);
  3233.         }
  3234.     }
  3235.  
  3236.     const styles = `
  3237.         .alignButtonGroupLeft {
  3238.             margin-right: auto;
  3239.             margin-left: 8px;
  3240.         }
  3241.         .customButtonGroup {
  3242.             display: flex;
  3243.             align-items: center;
  3244.             border-radius: 4px;
  3245.             box-shadow: 0 1px 2px #0003;
  3246.             border: 1px solid #263849;
  3247.             overflow: hidden;
  3248.         }
  3249.         .customButtonGroupButton {
  3250.             padding: 4px var(--gap);
  3251.             flex: none !important;
  3252.             text-align: center;
  3253.             justify-content: center;
  3254.             background-color: #061a2e;
  3255.         }
  3256.         .customButtonGroupButton:not(:first-of-type) {
  3257.             border-left: 1px solid #263849;
  3258.         }
  3259.         .overrideFlex {
  3260.             flex: none !important
  3261.         }
  3262.         .custom-sort-active {
  3263.             background-color: #0d2234;
  3264.         }
  3265.     `;
  3266.  
  3267.     initialise();
  3268. }
  3269. );
  3270. // idleBeep
  3271. window.moduleRegistry.add('idleBeep', (configuration, events, util) => {
  3272.  
  3273.     const audio = new Audio('data:audio/mpeg;base64,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');
  3274.     const sleepAmount = 2000;
  3275.     let enabled = false;
  3276.     let started = false;
  3277.  
  3278.     function initialise() {
  3279.         configuration.registerCheckbox({
  3280.             category: 'Other',
  3281.             key: 'idle-beep-enabled',
  3282.             name: 'Idle beep',
  3283.             default: false,
  3284.             handler: handleConfigStateChange
  3285.         });
  3286.         events.register('xhr', handleXhr);
  3287.     }
  3288.  
  3289.     function handleConfigStateChange(state, name) {
  3290.         enabled = state;
  3291.     }
  3292.  
  3293.     async function handleXhr(xhr) {
  3294.         if(!enabled) {
  3295.             return;
  3296.         }
  3297.         if(xhr.url.endsWith('startAction')) {
  3298.             started = true;
  3299.         }
  3300.         if(xhr.url.endsWith('stopAction')) {
  3301.             started = false;
  3302.             console.debug(`Triggering beep in ${sleepAmount}ms`);
  3303.             await util.sleep(sleepAmount);
  3304.             beep();
  3305.         }
  3306.     }
  3307.  
  3308.     function beep() {
  3309.         if(!started) {
  3310.             audio.play();
  3311.         }
  3312.     }
  3313.  
  3314.     initialise();
  3315.  
  3316. }
  3317. );
  3318. // itemHover
  3319. window.moduleRegistry.add('itemHover', (auth, configuration, itemCache, util) => {
  3320.  
  3321.     let enabled = false;
  3322.     let entered = false;
  3323.     let element;
  3324.     const converters = {
  3325.         SPEED: a => a/2,
  3326.         DURATION: a => util.secondsToDuration(a/10)
  3327.     }
  3328.  
  3329.     async function initialise() {
  3330.         configuration.registerCheckbox({
  3331.             category: 'UI Features',
  3332.             key: 'item-hover',
  3333.             name: 'Item hover info',
  3334.             default: true,
  3335.             handler: handleConfigStateChange
  3336.         });
  3337.         await setup();
  3338.         $(document).on('mouseenter', 'div.image > img', handleMouseEnter);
  3339.         $(document).on('mouseleave', 'div.image > img', handleMouseLeave);
  3340.     }
  3341.  
  3342.     function handleConfigStateChange(state) {
  3343.         enabled = state;
  3344.     }
  3345.  
  3346.     function handleMouseEnter(event) {
  3347.         if(!enabled || entered || !itemCache.byId) {
  3348.             return;
  3349.         }
  3350.         entered = true;
  3351.         const name = $(event.relatedTarget).find('.name').text();
  3352.         const nameMatch = itemCache.byName[name];
  3353.         if(nameMatch) {
  3354.             return show(nameMatch);
  3355.         }
  3356.  
  3357.         const parts = event.target.src.split('/');
  3358.         const lastPart = parts[parts.length-1];
  3359.         const imageMatch = itemCache.byImage[lastPart];
  3360.         if(imageMatch) {
  3361.             return show(imageMatch);
  3362.         }
  3363.     }
  3364.  
  3365.     function handleMouseLeave(event) {
  3366.         if(!enabled || !itemCache.byId) {
  3367.             return;
  3368.         }
  3369.         entered = false;
  3370.         hide();
  3371.     }
  3372.  
  3373.     function show(item) {
  3374.         element.find('.image').attr('src', `/assets/${item.image}`);
  3375.         element.find('.name').text(item.name);
  3376.         for(const attribute of itemCache.attributes) {
  3377.             let value = item.attributes[attribute.technicalName];
  3378.             if(converters[attribute.technicalName]) {
  3379.                 value = converters[attribute.technicalName](value);
  3380.             }
  3381.             updateRow(attribute.technicalName, value);
  3382.         }
  3383.         element.show();
  3384.     }
  3385.  
  3386.     function updateRow(name, value) {
  3387.         if(!value) {
  3388.             element.find(`.${name}-row`).hide();
  3389.         } else {
  3390.             element.find(`.${name}`).text(value);
  3391.             element.find(`.${name}-row`).show();
  3392.         }
  3393.     }
  3394.  
  3395.     function hide() {
  3396.         element.hide();
  3397.     }
  3398.  
  3399.     async function setup() {
  3400.         await itemCache.ready;
  3401.         const attributesHtml = itemCache.attributes
  3402.             .map(a => `<div class='${a.technicalName}-row'><img src='${a.image}'/><span>${a.name}</span><span class='${a.technicalName}'/></div>`)
  3403.             .join('');
  3404.         $('head').append(`
  3405.             <style>
  3406.                 #custom-item-hover {
  3407.                     position: fixed;
  3408.                     right: .5em;
  3409.                     top: .5em;
  3410.                     display: flex;
  3411.                     font-family: Jost,Helvetica Neue,Arial,sans-serif;
  3412.                     flex-direction: column;
  3413.                     white-space: nowrap;
  3414.                     z-index: 1;
  3415.                     background-color: black;
  3416.                     padding: .4rem;
  3417.                     border: 1px solid #3e3e3e;
  3418.                     border-radius: .4em;
  3419.                     gap: .4em;
  3420.                 }
  3421.                 #custom-item-hover > div {
  3422.                     display: flex;
  3423.                     gap: .4em;
  3424.                 }
  3425.                 #custom-item-hover > div > *:last-child {
  3426.                     margin-left: auto;
  3427.                 }
  3428.                 #custom-item-hover img {
  3429.                     width: 24px;
  3430.                     height: 24px;
  3431.                 }
  3432.             </style>
  3433.         `);
  3434.         element = $(`
  3435.             <div id='custom-item-hover' style='display:none'>
  3436.                 <div>
  3437.                     <img class='image'/>
  3438.                     <span class='name'/>
  3439.                 </div>
  3440.                 ${attributesHtml}
  3441.             </div>
  3442.         `);
  3443.         $('body').append(element);
  3444.     }
  3445.  
  3446.     initialise();
  3447.  
  3448. }
  3449. );
  3450. // marketFilter
  3451. window.moduleRegistry.add('marketFilter', (request, configuration, events, components, elementWatcher, Promise) => {
  3452.  
  3453.     let enabled = false;
  3454.     let conversionsByType = {};
  3455.     let savedFilters = [];
  3456.     let currentFilter = {
  3457.         listingType: 'SELL',
  3458.         type: 'None',
  3459.         amount: 0,
  3460.         key: 'SELL-None'
  3461.     };
  3462.     let listUpdatePromiseWrapper = null;
  3463.  
  3464.     async function initialise() {
  3465.         configuration.registerCheckbox({
  3466.             category: 'UI Features',
  3467.             key: 'market-filter',
  3468.             name: 'Market filter',
  3469.             default: true,
  3470.             handler: handleConfigStateChange
  3471.         });
  3472.         events.register('xhr', handleXhr);
  3473.  
  3474.         $(document).on('mouseenter mouseleave click', '.saveFilterHoverTrigger', function(e) {
  3475.             switch(e.type) {
  3476.                 case 'mouseenter':
  3477.                     if(currentFilter.type === 'None') {
  3478.                         return $('.saveFilterHover.search').addClass('greenOutline');
  3479.                     }
  3480.                     return $('.saveFilterHover:not(.search)').addClass('greenOutline');
  3481.                 case 'mouseleave':
  3482.                 case 'click':
  3483.                     return $('.saveFilterHover').removeClass('greenOutline');
  3484.             }
  3485.         });
  3486.  
  3487.         $(document).on('input', 'market-listings-component .search > input', clearFilter);
  3488.         $(document).on('click', 'market-listings-component .card > .tabs > :nth-child(1)', async function() {
  3489.             currentFilter.listingType = 'SELL';
  3490.             showComponent();
  3491.             await applyFilter(currentFilter);
  3492.         });
  3493.         $(document).on('click', 'market-listings-component .card > .tabs > :nth-child(2)', async function() {
  3494.             currentFilter.listingType = 'BUY';
  3495.             showComponent();
  3496.             await applyFilter(currentFilter);
  3497.         });
  3498.         $(document).on('click', 'market-listings-component .card > .tabs > :nth-child(3)', async function() {
  3499.             await clearFilter();
  3500.             hideComponent();
  3501.         });
  3502.  
  3503.         window.$('head').append($(`
  3504.             <style>
  3505.                 .greenOutline {
  3506.                     outline: 2px solid rgb(83, 189, 115) !important;
  3507.                 }
  3508.             </style>
  3509.         `));
  3510.     }
  3511.  
  3512.     function handleConfigStateChange(state) {
  3513.         enabled = state;
  3514.         if(!enabled) {
  3515.             hideComponent();
  3516.         }
  3517.     }
  3518.  
  3519.     function handleXhr(xhr) {
  3520.         if(!enabled) {
  3521.             return;
  3522.         }
  3523.         if(!xhr.url.endsWith('getMarketItems')) {
  3524.             return;
  3525.         }
  3526.         update();
  3527.     }
  3528.  
  3529.     async function update() {
  3530.         const listingsContainer = $('market-listings-component .card')[0];
  3531.         if(!listingsContainer) {
  3532.             return;
  3533.         }
  3534.         const conversions = await request.getMarketConversion();
  3535.         conversionsByType = {};
  3536.         for(const conversion of conversions) {
  3537.             const typeKey = `${conversion.listingType}-${conversion.type}`;
  3538.             if(!conversionsByType[typeKey]) {
  3539.                 conversionsByType[typeKey] = [];
  3540.             }
  3541.             conversion.key = `${conversion.name}-${conversion.amount}-${conversion.price}`;
  3542.             conversionsByType[typeKey].push(conversion);
  3543.         }
  3544.         for(const type in conversionsByType) {
  3545.             if(type.startsWith('SELL-')) {
  3546.                 conversionsByType[type].sort((a,b) => a.ratio - b.ratio);
  3547.             } else {
  3548.                 conversionsByType[type].sort((a,b) => b.ratio - a.ratio);
  3549.             }
  3550.         }
  3551.  
  3552.         savedFilters = await request.getMarketFilters();
  3553.  
  3554.         $('market-listings-component .search').addClass('saveFilterHover');
  3555.  
  3556.         try {
  3557.             await elementWatcher.childAddedContinuous('market-listings-component .card', () => {
  3558.                 if(listUpdatePromiseWrapper) {
  3559.                     listUpdatePromiseWrapper.resolve();
  3560.                     listUpdatePromiseWrapper = null;
  3561.                 }
  3562.             })
  3563.         } catch(error) {
  3564.             console.warn(`Could probably not detect the market listing component, cause : ${error}`);
  3565.             return;
  3566.         }
  3567.  
  3568.         await clearFilter();
  3569.     }
  3570.  
  3571.     async function applyFilter(filter) {
  3572.         Object.assign(currentFilter, {search:null}, filter);
  3573.         currentFilter.key = `${currentFilter.listingType}-${currentFilter.type}`;
  3574.         if(currentFilter.type && currentFilter.type !== 'None') {
  3575.             await clearSearch();
  3576.         }
  3577.         syncListingsView();
  3578.     }
  3579.  
  3580.     async function clearSearch() {
  3581.         if(!$('market-listings-component .search > input').val()) {
  3582.             return;
  3583.         }
  3584.         listUpdatePromiseWrapper = new Promise.Expiring(5000);
  3585.         $('market-listings-component .search > .clear-button').click();
  3586.         return listUpdatePromiseWrapper.promise;
  3587.     }
  3588.  
  3589.     function syncListingsView() {
  3590.         const elements = $('market-listings-component .search ~ button').map(function(index,reference) {
  3591.             reference = $(reference);
  3592.             return {
  3593.                 name: reference.find('.name').text(),
  3594.                 amount: parseInt(reference.find('.amount').text().replace(/[,\.]/g, '')),
  3595.                 price: parseInt(reference.find('.cost').text().replace(/[,\.]/g, '')),
  3596.                 reference: reference
  3597.             };
  3598.         }).toArray();
  3599.         for(const element of elements) {
  3600.             element.key = `${element.name}-${element.amount}-${element.price}`;
  3601.         }
  3602.         if(currentFilter.search) {
  3603.             for(const element of elements) {
  3604.                 element.reference.find('.ratio').remove();
  3605.                 element.reference.show();
  3606.             }
  3607.             const searchReference = $('market-listings-component .search > input');
  3608.             searchReference.val(currentFilter.search);
  3609.             searchReference[0].dispatchEvent(new Event('input'));
  3610.             return;
  3611.         }
  3612.         let conversions = conversionsByType[currentFilter.key];
  3613.         if(!conversions) {
  3614.             for(const element of elements) {
  3615.                 element.reference.find('.ratio').remove();
  3616.                 element.reference.show();
  3617.             }
  3618.             return;
  3619.         }
  3620.         if(currentFilter.amount) {
  3621.             conversions = conversions.slice(0, currentFilter.amount);
  3622.         }
  3623.         const conversionsByKey = {};
  3624.         for(const conversion of conversions) {
  3625.             conversionsByKey[conversion.key] = conversion;
  3626.         }
  3627.         for(const element of elements) {
  3628.             element.reference.find('.ratio').remove();
  3629.             const match = conversionsByKey[element.key];
  3630.             if(match) {
  3631.                 element.reference.show();
  3632.                 element.reference.find('.amount').after(`<div class='ratio'>(${match.ratio.toFixed(2)})</div>`);
  3633.             } else {
  3634.                 element.reference.hide();
  3635.             }
  3636.         }
  3637.     }
  3638.  
  3639.     async function clearFilter() {
  3640.         await applyFilter({
  3641.             type: 'None',
  3642.             amount: 0
  3643.         });
  3644.         syncCustomView();
  3645.     }
  3646.  
  3647.     async function saveFilter() {
  3648.         let filter = structuredClone(currentFilter);
  3649.         if(currentFilter.type === 'None') {
  3650.             filter.search = $('market-listings-component .search > input').val();
  3651.             if(!filter.search) {
  3652.                 return;
  3653.             }
  3654.         }
  3655.         filter = await request.saveMarketFilter(filter);
  3656.         savedFilters.push(filter);
  3657.         componentBlueprint.selectedTabIndex = 0;
  3658.         syncCustomView();
  3659.     }
  3660.  
  3661.     async function removeFilter(filter) {
  3662.         await request.removeMarketFilter(filter.id);
  3663.         savedFilters = savedFilters.filter(a => a.id !== filter.id);
  3664.         syncCustomView();
  3665.     }
  3666.  
  3667.     function syncCustomView() {
  3668.         for(const option of components.search(componentBlueprint, 'filterDropdown').options) {
  3669.             option.selected = option.value === currentFilter.type;
  3670.         }
  3671.         components.search(componentBlueprint, 'amountInput').value = currentFilter.amount;
  3672.         components.search(componentBlueprint, 'savedFiltersTab').hidden = !savedFilters.length;
  3673.         if(!savedFilters.length) {
  3674.             componentBlueprint.selectedTabIndex = 1;
  3675.         }
  3676.         const savedFiltersSegment = components.search(componentBlueprint, 'savedFiltersSegment');
  3677.         savedFiltersSegment.rows = [];
  3678.         for(const savedFilter of savedFilters) {
  3679.             let text = `Type : ${savedFilter.type}`;
  3680.             if(savedFilter.amount) {
  3681.                 text = `Type : ${savedFilter.amount} x ${savedFilter.type}`;
  3682.             }
  3683.             if(savedFilter.search) {
  3684.                 text = `Search : ${savedFilter.search}`;
  3685.             }
  3686.             savedFiltersSegment.rows.push({
  3687.                 type: 'buttons',
  3688.                 buttons: [{
  3689.                     text: text,
  3690.                     size: 3,
  3691.                     color: 'primary',
  3692.                     action: async function() {
  3693.                         await applyFilter(savedFilter);
  3694.                         syncCustomView();
  3695.                     }
  3696.                 },{
  3697.                     text: 'Remove',
  3698.                     color: 'danger',
  3699.                     action: removeFilter.bind(null,savedFilter)
  3700.                 }]
  3701.             });
  3702.         }
  3703.         showComponent();
  3704.     }
  3705.  
  3706.     function hideComponent() {
  3707.         components.removeComponent(componentBlueprint);
  3708.     }
  3709.  
  3710.     function showComponent() {
  3711.         components.addComponent(componentBlueprint);
  3712.     }
  3713.  
  3714.     const componentBlueprint = {
  3715.         componentId : 'marketFilterComponent',
  3716.         dependsOn: 'market-page',
  3717.         parent : 'market-listings-component > .groups > :last-child',
  3718.         selectedTabIndex : 0,
  3719.         tabs : [{
  3720.             id: 'savedFiltersTab',
  3721.             title : 'Saved filters',
  3722.             hidden: true,
  3723.             rows: [{
  3724.                 type: 'segment',
  3725.                 id: 'savedFiltersSegment',
  3726.                 rows: []
  3727.             }, {
  3728.                 type: 'buttons',
  3729.                 buttons: [{
  3730.                     text: 'Clear filter',
  3731.                     color: 'warning',
  3732.                     action: async function() {
  3733.                         await clearFilter();
  3734.                         await clearSearch();
  3735.                     }
  3736.                 }]
  3737.             }]
  3738.         }, {
  3739.             title : 'Filter',
  3740.             rows: [{
  3741.                 type: 'dropdown',
  3742.                 id: 'filterDropdown',
  3743.                 action: type => applyFilter({type}),
  3744.                 class: 'saveFilterHover',
  3745.                 options: [{
  3746.                     text: 'None',
  3747.                     value: 'None',
  3748.                     selected: false
  3749.                 }, {
  3750.                     text: 'Food',
  3751.                     value: 'Food',
  3752.                     selected: false
  3753.                 }, {
  3754.                     text: 'Charcoal',
  3755.                     value: 'Charcoal',
  3756.                     selected: false
  3757.                 }, {
  3758.                     text: 'Compost',
  3759.                     value: 'Compost',
  3760.                     selected: false
  3761.                 }]
  3762.             }, {
  3763.                 type: 'input',
  3764.                 id: 'amountInput',
  3765.                 name: 'Amount',
  3766.                 value: '',
  3767.                 inputType: 'number',
  3768.                 action: amount => applyFilter({amount:+amount}),
  3769.                 class: 'saveFilterHover'
  3770.             }, {
  3771.                 type: 'buttons',
  3772.                 buttons: [{
  3773.                     text: 'Save filter',
  3774.                     action: saveFilter,
  3775.                     color: 'success',
  3776.                     class: 'saveFilterHoverTrigger'
  3777.                 }]
  3778.             }, {
  3779.                 type: 'buttons',
  3780.                 buttons: [{
  3781.                     text: 'Clear filter',
  3782.                     color: 'warning',
  3783.                     action: async function() {
  3784.                         await clearFilter();
  3785.                         await clearSearch();
  3786.                     }
  3787.                 }]
  3788.             }]
  3789.         }]
  3790.     };
  3791.  
  3792.     initialise();
  3793.  
  3794. }
  3795. );
  3796. // recipeClickthrough
  3797. window.moduleRegistry.add('recipeClickthrough', (request, configuration, util) => {
  3798.  
  3799.     let enabled = false;
  3800.     let recipeCacheByName;
  3801.     let recipeCacheByImage;
  3802.     let element;
  3803.  
  3804.     async function initialise() {
  3805.         configuration.registerCheckbox({
  3806.             category: 'UI Features',
  3807.             key: 'recipe-click',
  3808.             name: 'Recipe clickthrough',
  3809.             default: true,
  3810.             handler: handleConfigStateChange
  3811.         });
  3812.         $(document).on('click', 'div.image > img', handleClick);
  3813.     }
  3814.  
  3815.     function handleConfigStateChange(state) {
  3816.         enabled = state;
  3817.         setupRecipeCache();
  3818.     }
  3819.  
  3820.     async function setupRecipeCache() {
  3821.         if(!enabled || recipeCacheByName) {
  3822.             return;
  3823.         }
  3824.         recipeCacheByName = {};
  3825.         recipeCacheByImage = {};
  3826.         const recipes = await request.listRecipes();
  3827.         for(const recipe of recipes) {
  3828.             if(!recipeCacheByName[recipe.name]) {
  3829.                 recipeCacheByName[recipe.name] = recipe;
  3830.             }
  3831.             const lastPart = recipe.image.split('/').at(-1);
  3832.             if(!recipeCacheByImage[lastPart]) {
  3833.                 recipeCacheByImage[lastPart] = recipe;
  3834.             }
  3835.         }
  3836.     }
  3837.  
  3838.     function handleClick(event) {
  3839.         if(!enabled || !recipeCacheByName) {
  3840.             return;
  3841.         }
  3842.         if($(event.currentTarget).closest('button').length) {
  3843.             return;
  3844.         }
  3845.         event.stopPropagation();
  3846.         const name = $(event.relatedTarget).find('.name').text();
  3847.         const nameMatch = recipeCacheByName[name];
  3848.         if(nameMatch) {
  3849.             return followRecipe(nameMatch);
  3850.         }
  3851.  
  3852.         const parts = event.target.src.split('/');
  3853.         const lastPart = parts[parts.length-1];
  3854.         const imageMatch = recipeCacheByImage[lastPart];
  3855.         if(imageMatch) {
  3856.             return followRecipe(imageMatch);
  3857.         }
  3858.     }
  3859.  
  3860.     function followRecipe(recipe) {
  3861.         util.goToPage(recipe.url);
  3862.     }
  3863.  
  3864.     initialise();
  3865.  
  3866. }
  3867. );
  3868. // skillOverviewPage
  3869. window.moduleRegistry.add('skillOverviewPage', (pages, components, elementWatcher, skillCache, userCache, events, util, configuration) => {
  3870.  
  3871.     const registerUserCacheHandler = events.register.bind(null, 'userCache');
  3872.  
  3873.     const PAGE_NAME = 'Skill overview';
  3874.     const SKILL_COUNT = 13;
  3875.     const MAX_LEVEL = 100;
  3876.     const MAX_TOTAL_LEVEL = SKILL_COUNT * MAX_LEVEL;
  3877.     const MAX_TOTAL_EXP = SKILL_COUNT * util.levelToExp(MAX_LEVEL);
  3878.  
  3879.     let skillProperties = null;
  3880.     let skillTotalLevel = null;
  3881.     let skillTotalExp = null;
  3882.  
  3883.     async function initialise() {
  3884.         registerUserCacheHandler(handleUserCache);
  3885.         await pages.register({
  3886.             category: 'Skills',
  3887.             name: PAGE_NAME,
  3888.             image: 'https://cdn-icons-png.flaticon.com/128/1160/1160329.png',
  3889.             columns: '2',
  3890.             render: renderPage
  3891.         });
  3892.         configuration.registerCheckbox({
  3893.             category: 'Pages',
  3894.             key: 'skill-overview-enabled',
  3895.             name: 'Skill Overview',
  3896.             default: true,
  3897.             handler: handleConfigStateChange
  3898.         });
  3899.  
  3900.         await setupSkillProperties();
  3901.         await handleUserCache();
  3902.     }
  3903.  
  3904.     async function setupSkillProperties() {
  3905.         await skillCache.ready;
  3906.         await userCache.ready;
  3907.         skillProperties = [];
  3908.         const skillIds = Object.keys(userCache.exp);
  3909.         for(const id of skillIds) {
  3910.             if(!skillCache.byId[id]) {
  3911.                 continue;
  3912.             }
  3913.             skillProperties.push({
  3914.                 id: id,
  3915.                 name: skillCache.byId[id].name,
  3916.                 image: skillCache.byId[id].image,
  3917.                 color: skillCache.byId[id].color,
  3918.                 defaultActionId: skillCache.byId[id].defaultActionId,
  3919.                 maxLevel: MAX_LEVEL,
  3920.                 showExp: true,
  3921.                 showLevel: true
  3922.             });
  3923.         }
  3924.         skillProperties.push(skillTotalLevel = {
  3925.             id: skillCache.byName['Total-level'].id,
  3926.             name: 'TotalLevel',
  3927.             image: skillCache.byName['Total-level'].image,
  3928.             color: skillCache.byName['Total-level'].color,
  3929.             maxLevel: MAX_TOTAL_LEVEL,
  3930.             showExp: false,
  3931.             showLevel: true
  3932.         });
  3933.         skillProperties.push(skillTotalExp = {
  3934.             id: skillCache.byName['Total-exp'].id,
  3935.             name: 'TotalExp',
  3936.             image: skillCache.byName['Total-exp'].image,
  3937.             color: skillCache.byName['Total-exp'].color,
  3938.             maxLevel: MAX_TOTAL_EXP,
  3939.             showExp: true,
  3940.             showLevel: false
  3941.         });
  3942.     }
  3943.  
  3944.     function handleConfigStateChange(state, name) {
  3945.         if(state) {
  3946.             pages.show(PAGE_NAME);
  3947.         } else {
  3948.             pages.hide(PAGE_NAME);
  3949.         }
  3950.     }
  3951.  
  3952.     async function handleUserCache() {
  3953.         if(!skillProperties) {
  3954.             return;
  3955.         }
  3956.         await userCache.ready;
  3957.  
  3958.         let totalExp = 0;
  3959.         let totalLevel = 0;
  3960.         for(const skill of skillProperties) {
  3961.             if(skill.id <= 0) {
  3962.                 continue;
  3963.             }
  3964.             let exp = userCache.exp[skill.id];
  3965.             skill.exp = util.expToCurrentExp(exp);
  3966.             skill.level = util.expToLevel(exp);
  3967.             skill.expToLevel = util.expToNextLevel(exp);
  3968.             totalExp += exp;
  3969.             totalLevel += skill.level;
  3970.         }
  3971.  
  3972.         skillTotalExp.exp = totalExp;
  3973.         skillTotalExp.level = totalExp;
  3974.         skillTotalExp.expToLevel = MAX_TOTAL_EXP - totalExp;
  3975.         skillTotalLevel.exp = totalLevel;
  3976.         skillTotalLevel.level = totalLevel;
  3977.         skillTotalLevel.expToLevel = MAX_TOTAL_LEVEL - totalLevel;
  3978.  
  3979.         pages.requestRender(PAGE_NAME);
  3980.     }
  3981.  
  3982.     async function renderPage() {
  3983.         if(!skillProperties) {
  3984.             return;
  3985.         }
  3986.         await elementWatcher.exists(componentBlueprint.dependsOn);
  3987.  
  3988.         let column = 0;
  3989.  
  3990.         for(const skill of skillProperties) {
  3991.             componentBlueprint.componentId = 'skillOverviewComponent_' + skill.name;
  3992.             componentBlueprint.parent = '.column' + column;
  3993.             if(skill.defaultActionId) {
  3994.                 componentBlueprint.onClick = util.goToPage.bind(null, `/skill/${skill.id}/action/${skill.defaultActionId}`);
  3995.             } else {
  3996.                 delete componentBlueprint.onClick;
  3997.             }
  3998.             column = 1 - column; // alternate columns
  3999.  
  4000.             const skillHeader = components.search(componentBlueprint, 'skillHeader');
  4001.             skillHeader.title = skill.name;
  4002.             skillHeader.image = `/assets/${skill.image}`;
  4003.             if(skill.showLevel) {
  4004.                 skillHeader.textRight = `Lv. ${skill.level} <span style='color: #aaa'>/ ${skill.maxLevel}</span>`;
  4005.             } else {
  4006.                 skillHeader.textRight = '';
  4007.             }
  4008.  
  4009.  
  4010.             const skillProgress = components.search(componentBlueprint, 'skillProgress');
  4011.             if(skill.showExp) {
  4012.                 skillProgress.progressText = `${util.formatNumber(skill.exp)} / ${util.formatNumber(skill.exp + skill.expToLevel)} XP`;
  4013.             } else {
  4014.                 skillProgress.progressText = '';
  4015.             }
  4016.             skillProgress.progressPercent = Math.floor(skill.exp / (skill.exp + skill.expToLevel) * 100);
  4017.             skillProgress.color = skill.color;
  4018.  
  4019.             components.addComponent(componentBlueprint);
  4020.         }
  4021.     }
  4022.  
  4023.     const componentBlueprint = {
  4024.         componentId: 'skillOverviewComponent',
  4025.         dependsOn: 'custom-page',
  4026.         parent: '.column0',
  4027.         selectedTabIndex: 0,
  4028.         tabs: [
  4029.             {
  4030.                 title: 'Skillname',
  4031.                 rows: [
  4032.                     {
  4033.                         id: 'skillHeader',
  4034.                         type: 'header',
  4035.                         title: 'Forging',
  4036.                         image: '/assets/misc/merchant.png',
  4037.                         textRight: `Lv. 69 <span style='color: #aaa'>/ 420</span>`
  4038.                     },
  4039.                     {
  4040.                         id: 'skillProgress',
  4041.                         type: 'progress',
  4042.                         progressText: '301,313 / 309,469 XP',
  4043.                         progressPercent: '97'
  4044.                     }
  4045.                 ]
  4046.             },
  4047.         ]
  4048.     };
  4049.  
  4050.     initialise();
  4051. }
  4052. );
  4053. // syncWarningPage
  4054. window.moduleRegistry.add('syncWarningPage', (auth, pages, components, util) => {
  4055.  
  4056.     const PAGE_NAME = 'Plugin not synced';
  4057.     const STARTED = new Date().getTime();
  4058.  
  4059.     async function initialise() {
  4060.         await addSyncedPage();
  4061.         window.setInterval(pages.requestRender.bind(null, PAGE_NAME), 1000);
  4062.         await auth.ready;
  4063.         removeSyncedPage();
  4064.     }
  4065.  
  4066.     async function addSyncedPage() {
  4067.         await pages.register({
  4068.             category: 'Character',
  4069.             name: PAGE_NAME,
  4070.             image: 'https://cdn-icons-png.flaticon.com/512/6119/6119820.png',
  4071.             columns: 3,
  4072.             render: renderPage
  4073.         });
  4074.         pages.show(PAGE_NAME);
  4075.     }
  4076.  
  4077.     function removeSyncedPage() {
  4078.         pages.hide(PAGE_NAME);
  4079.     }
  4080.  
  4081.     function renderPage() {
  4082.         const millisElapsed = new Date().getTime() - STARTED;
  4083.         const timer = util.secondsToDuration(60 * 15 - millisElapsed/1000);
  4084.         const texts = [
  4085.             'For the Pancake-Scripts plugin to work correctly, it needs to be up and running as fast as possible after the page loaded.',
  4086.             'If you see this message, it was not fast enough, and you may need to wait up to 15 minutes for the plugin to work correctly.',
  4087.             'If you used the plugin succesfully before, and this is the first time you see this message, it may just be a one-off issue, and you can try refreshing your page.',
  4088.             'Some things you can do to make the plugin load faster next time:',
  4089.             '* Place the script at the top of all of your scripts. They are evaluated in order.',
  4090.             '* Double check that "@run-at" is set to "document-start"',
  4091.             'Estimated time until the next authentication check-in : ' + timer,
  4092.             'If you still see this after the above timer runs out, feel free to contact @pancake.lord on Discord'
  4093.         ];
  4094.  
  4095.         for(const index in texts) {
  4096.             componentBlueprint.componentId = 'authWarningComponent_' + index;
  4097.             components.search(componentBlueprint, 'infoField').name = texts[index];
  4098.             components.addComponent(componentBlueprint);
  4099.         }
  4100.     }
  4101.  
  4102.     const componentBlueprint = {
  4103.         componentId: 'authWarningComponent',
  4104.         dependsOn: 'custom-page',
  4105.         parent: '.column1',
  4106.         selectedTabIndex: 0,
  4107.         tabs: [
  4108.             {
  4109.                 title: 'Info',
  4110.                 rows: [
  4111.                     {
  4112.                         id: 'infoField',
  4113.                         type: 'item',
  4114.                         name: ''
  4115.                     }
  4116.                 ]
  4117.             },
  4118.         ]
  4119.     };
  4120.  
  4121.     initialise();
  4122.  
  4123. }
  4124. );
  4125. // ui
  4126. window.moduleRegistry.add('ui', (configuration) => {
  4127.  
  4128.     const id = crypto.randomUUID();
  4129.     const sections = [
  4130.         //'inventory-page',
  4131.         'equipment-page',
  4132.         'home-page',
  4133.         'merchant-page',
  4134.         'market-page',
  4135.         'daily-quest-page',
  4136.         'quest-shop-page',
  4137.         'skill-page',
  4138.         'upgrade-page',
  4139.         'leaderboards-page',
  4140.         'changelog-page',
  4141.         'settings-page',
  4142.         'guild-page'
  4143.     ].join(', ');
  4144.     const selector = `:is(${sections})`;
  4145.     let gap
  4146.  
  4147.     function initialise() {
  4148.         configuration.registerCheckbox({
  4149.             category: 'UI Features',
  4150.             key: 'ui-changes',
  4151.             name: 'UI changes',
  4152.             default: true,
  4153.             handler: handleConfigStateChange
  4154.         });
  4155.     }
  4156.  
  4157.     function handleConfigStateChange(state) {
  4158.         if(state) {
  4159.             add();
  4160.         } else {
  4161.             remove();
  4162.         }
  4163.     }
  4164.  
  4165.     function add() {
  4166.         document.documentElement.style.setProperty('--gap', '8px');
  4167.         const element = $(`
  4168.             <style>
  4169.                 ${selector} :not(.multi-row) > :is(
  4170.                     button.item,
  4171.                     button.row,
  4172.                     button.socket-button,
  4173.                     button.level-button,
  4174.                     div.item,
  4175.                     div.row
  4176.                 ) {
  4177.                     padding: 2px 6px !important;
  4178.                     min-height: 0 !important;
  4179.                     min-width: 0 !important;
  4180.                 }
  4181.  
  4182.                 ${selector} :not(.multi-row) > :is(
  4183.                     button.item div.image,
  4184.                     button.row div.image,
  4185.                     div.item div.image,
  4186.                     div.item div.placeholder-image,
  4187.                     div.row div.image
  4188.                 ) {
  4189.                     height: 32px !important;
  4190.                     width: 32px !important;
  4191.                     min-height: 0 !important;
  4192.                     min-width: 0 !important;
  4193.                 }
  4194.  
  4195.                 action-component div.body >  div.image,
  4196.                 produce-component div.body > div.image,
  4197.                 daily-quest-page div.body > div.image {
  4198.                     height: 48px !important;
  4199.                     width: 48px !important;
  4200.                 }
  4201.  
  4202.                 div.progress div.body {
  4203.                     padding: 8px !important;
  4204.                 }
  4205.  
  4206.                 action-component div.bars {
  4207.                     padding: 0 !important;
  4208.                 }
  4209.  
  4210.                 equipment-component button {
  4211.                     padding: 0 !important;
  4212.                 }
  4213.  
  4214.                 inventory-page .items {
  4215.                     grid-gap: 0 !important;
  4216.                 }
  4217.  
  4218.                 div.scroll.custom-scrollbar .header,
  4219.                 div.scroll.custom-scrollbar button {
  4220.                     height: 28px !important;
  4221.                 }
  4222.  
  4223.                 div.scroll.custom-scrollbar img {
  4224.                     height: 16px !important;
  4225.                     width: 16px !important;
  4226.                 }
  4227.  
  4228.                 .scroll {
  4229.                     overflow-y: auto !important;
  4230.                 }
  4231.                 .scroll {
  4232.                     -ms-overflow-style: none;  /* Internet Explorer 10+ */
  4233.                     scrollbar-width: none;  /* Firefox */
  4234.                 }
  4235.                 .scroll::-webkit-scrollbar {
  4236.                     display: none;  /* Safari and Chrome */
  4237.                 }
  4238.             </style>
  4239.         `).attr('id', id);
  4240.         window.$('head').append(element);
  4241.     }
  4242.  
  4243.     function remove() {
  4244.         document.documentElement.style.removeProperty('--gap');
  4245.         $(`#${id}`).remove();
  4246.     }
  4247.  
  4248.     initialise();
  4249.  
  4250. }
  4251. );
  4252. // webhooksRegistry
  4253. window.moduleRegistry.add('webhooksRegistry', (webhooks) => {
  4254.  
  4255.     function initialise() {
  4256.         webhooks.register('webhook-update', 'Update', 'UPDATE');
  4257.         webhooks.register('webhook-guild', 'Guild', 'GUILD');
  4258.     }
  4259.  
  4260.     initialise();
  4261.  
  4262. }
  4263. );
  4264. window.moduleRegistry.build();