Difference between revisions of "Magelo Blue:Loramin"

Run this code in the developer's console to convert that search link above into a comparison table:

(() => {
    var $body = $('body');
    const $categoryAnchors = $('.mw-content-ltr ul li a');
    //let $anchors = $('.eoTable3+ul li .hbdiv>a'); // List below table
    const $listAnchors = $('ul li .hbdiv>a');
    const $tableAnchors = $('td > .hbdiv a')
	  .filter(function(i, el) {
	      return !$(el).parents().is('.itemdata')
	  });

    let $anchors = $listAnchors.length
                     ? $listAnchors
                     : $tableAnchors.length 
                       ? $tableAnchors : $categoryAnchors;

    var urls = $anchors.map((i, a) => $(a).attr('href')).toArray();

    // FIXME: This isn't changing the cursor ... why?
    $body.css('cursor', 'progress');

    // FIXME: This approach will kill the wiki; we need to fetch
    // sequentially, one at a time (with a 2s? pause between fetches?),
    // using a reduce instead of a map!

    var fetches = urls.map(url => {
      return fetch(url)
        .then(function(response) {
          return response.text();
        }).then(function(html) {
            var name = html
              .split('class="itemtitle">')[1]
              .split('</div>')[0];
            var block = html
              .split(/class="itemicon"\>.*?\<\/div\><\/div>\n\<p\>/)[1]
              .split('</p>')[0];
            var parsedBlock = block
              .replace(/<br ? \/?>|\n/g, ' ')
              .split(/(\w+ ?\w+?\: \+?\d+)/)
              .filter(function(x) {
                return x.trim() && x.indexOf(':') != -1
              });

            return parsedBlock
              .slice(1, parsedBlock.length -1)
              .reduce(function(memo, text) {
                var bits = text.split(':');
                var statName = bits[0].trim().toLowerCase();
                const statValue = parseFloat(bits[1].replace('+', '').trim());
                if (isNaN(statValue)) return memo;

                memo[statName] = statValue;
                return memo;
              }, { name: name });
           });
    });

    var itemColumns = ['name', 'ac', 'str', 'sta', 'agi', 'dex', 'cha',
      'int', 'wis', 'hp', 'mana', 'mr', 'fr', 'cr', 'pr', 'dr', 'wt'];
    var buildHeaderRow = function() {
      return '<tr><th>' + itemColumns.map(function(column) {
        return column.toUpperCase();
      }).join('</th><th>') + '</th></tr>';
    };
    var buildItemRow = function(item) {
      var row = '<tr>';
      itemColumns.forEach(function(column) {
        var  value = item[column] || item[column] === 0 ? item[column] : '-';
        if (column === 'name') 
          value = '<a href="/' + value + '">' + value + '</a>';
        row += '<td>' + value + '</td>';
      });
      return row + '</tr>'
    };

    Promise.all(fetches).then(function(items) {
      var $table = $('<table class="eoTable3">');
      $table.append(buildHeaderRow());
      $table.append(items.map(function(item) {
        return buildItemRow(item);
      }));
      $('hr:first').before($table);

       // Go get sort library, as search results don't load it
      $.getScript('http://wiki.project1999.com/load.php?debug=false&lang=en&modules=jquery.tablesorter&skin=monobook')
       .then(function() {
         // Not sure why timeout is needed *after* then, but *shrug*
         window.setTimeout(function() {
           // Add sorting to the new table
           $table.tablesorter();
         });
       });
    });
    $body.css('cursor', 'default');
})();