Need some help with a Grease/TamperMonkey Script

[SuBw00FeR]

Basically I want to hide the spoilers on the Dota 2 Liquipedia page namely just the brackets of the tournament, don't really care about group stages. 

 

I found a user who made a JS for Greasemonkey but it's 8 years old and doesn't work even after updating the URL's it's for.

 

Would this require a complete rewrite or is there something simple to make it work? 

 

Script is here - https://github.com/lux01/liquipedia_spoilers

 

Page I want to hide spoilers as an example - https://liquipedia.net/dota2/Riyadh_Masters/2023

 

Script below with the new url - 

 

// ==UserScript==
// @name        Liquipedia Spoiler Hider
// @namespace   www.lux01.co.uk
// @description Hides tournament spoilers on the Liquipedia
// @include     https://liquipedia.net/*
// @exclude     https://liquipedia.net/hearthstone/*
// @version     1.0.1a
// @grant       none
// @copyright   2015, William Woodhead (www.lux01.co.uk)
// @license     MIT License
// @homepageURL https://github.com/lux01/liquipedia_spoilers
// ==/UserScript==

var matchWonFile = 'GreenCheck.png';

function hide_spoilers() {
  // Disable the bold winner names
  $('.bracket-team-top, .bracket-team-middle, .bracket-team-bottom, .bracket-player-top, .bracket-player-bottom').parent().each(function() {
    $(this).css('font-weight','normal').off();
  });

  // Disable the mouse over highlight events
  $('.bracket-team-top, .bracket-team-middle, .bracket-team-bottom, .bracket-player-top, .bracket-player-bottom').off();

  // Hide the match results in the popup
  $('.bracket-game-details .matches').hide();

  // Not all the wikis use .matches so we have got to improvise
  $('.bracket-game-details').children('div:not(:first-child):not(:last-child)').hide();

  // Hide spoiler team names, icons and scores on the playoff tables
  $('.bracket-team-top, .bracket-team-middle, .bracket-team-bottom').each(function() {
    $('.team-template-image', this).hide();
    $('.team-template-text', this).hide();
    $('.bracket-score', this).hide();
  });

  // SC2 doesn't use teams, it uses players
  $('.bracket-player-top, .bracket-team-middle, .bracket-player-bottom').each(function() {
    $(this).data('old-color', $(this).css('background-color'));
    $(this).css('background-color','rgb(242,232,184)');
    $('span, img, .bracket-score', this).hide();
  });

  // Calculate how many "watch" icons are shown and generate dummy ones
  $('.bracket-game-details').each(function() {
    // Since we can't rely on there being the right number of vods not to spoil things
    // or the vod might not be split into game parts, we will just individually reveal vod
    // links on demand.

    // First we work out how many games there might be
    var lefties = $(this).find('.matches .left .check').filter(function(index) {
      return $('img', this).attr('src').endsWith(matchWonFile);
    }).length;
    var righties = $(this).find('.matches .right .check').filter(function(index) {
      return $('img', this).attr('src').endsWith(matchWonFile);
    }).length;

    var bestOf = 2 * Math.max(lefties, righties) - 1;

    var showNext = $(document.createElement('button')).text('Show next VOD').data('shown', 1);
    $(this).find('.icons .plainlinks:gt(0), .bracket-icons .plainlinks:gt(0)').hide();
    $(this).find('.bracket-icons > :not(a, .plainlinks), .bracket-icons > a[href^="http://www.hltv.org/"], .bracket-icons > a[href^="https://www.hltv.org/""]').hide();
    var showSpoilersButton = $(document.createElement('button')).text('Show spoilers');

    showNext.click(function(evt) {
      var shown = $(evt.target).data('shown');
      var parent = $(evt.target).closest('.bracket-game-details');

      $('span.plainlinks:lt(' + ($(evt.target).data('shown') + 1) + ')', parent).show();
      $(evt.target).data('shown', shown + 1);
      var numLinks = $('span.plainlinks', parent).length;

      if(shown + 1 > numLinks || (bestOf > 0 && shown + 1 == bestOf))
        $(evt.target).remove();
    });

    showSpoilersButton.click(function(evt) {
      var bgds = $(evt.target).closest('.bracket-game-details');
      $('.matches', bgds).show();
      $('.plainlinks', bgds).show();
      $('.icons .plainlinks:gt(0), .bracket-icons .plainlinks:gt(0)', bgds).show();
      $('.bracket-icons > :not(.plainlinks)', bgds).show();

      var game = $(evt.target).parent().parent().parent();
      $('.team-template-image, .team-template-text, .bracket-score', game).show();
      $('.bracket-player-top, .bracket-player-bottom', game).show()
      $('img, span, .bracket-score', game).show();
      $('.bracket-player-top, .bracket-player-bottom', game).each(function () {
        $(this).css('background-color', $(this).data('old-color'));
      });
      $('.bracket-game-details', game).children('div').show();
      $(showNext).remove();
      $(showSpoilersButton).remove();
    });

    var showSpoilersDiv = $(document.createElement('div'));
    showSpoilersDiv.append(showNext);
    showSpoilersDiv.append(showSpoilersButton);
    showSpoilersDiv.insertAfter($('div:last', this));
  });

  // Remove the click behaviour from the info button and make the entire
  // panel do its job instead
  $('.bracket-game .icon').off();
  $('.bracket-game').each(function() {
    var parent = this;
    $(this).click(function (evt) {
      // Hide all the rest
      $('.bracket-game-details').hide();
      // Find ours
      var ourDetails = $('.bracket-game-details', parent);
      if(ourDetails.data('visible')) {
        ourDetails.hide();
        ourDetails.data('visible', false);
      } else {
        ourDetails.show();
        ourDetails.data('visible', true);
      }
    });
  });

  // Tournament info box spoilers
  $('.infobox-center span[title="First Place"]').parent().hide();
  $('.infobox-center span[title="Second Place"]').parent().hide();
  $('.infobox-center span[title="Third Place"]').parent().hide();
  $('.infobox-center span[title="Fourth Place"]').parent().hide();
  $('.infobox-center span[title="Semifinalist(s)"]').parent().hide();

  // Create the show spoilers button for the infobox
  var showSpoilersInfoBoxContainer = $(document.createElement('div')).css('text-align', 'center');
  var showSpoilersInfoBoxDiv = $(document.createElement('div')).attr('class', 'infobox-center');
  var showSpoilersInfoBoxButton = $(document.createElement('button')).text('Show spoilers');
  showSpoilersInfoBoxButton.click(function () {
    $('.infobox-center span[title="First Place"]').parent().show();
    $('.infobox-center span[title="Second Place"]').parent().show();
    $('.infobox-center span[title="Third Place"]').parent().show();
    $('.infobox-center span[title="Fourth Place"]').parent().show();
    $('.infobox-center span[title="Semifinalist(s)"]').parent().show();
    showSpoilersInfoBoxContainer.remove();
  });
  showSpoilersInfoBoxDiv.append(showSpoilersInfoBoxButton);
  showSpoilersInfoBoxContainer.append(showSpoilersInfoBoxDiv);
  $('.infobox-center span[title="First Place"]').parent().parent().append(showSpoilersInfoBoxContainer);

  // Hide the prizepool table
  $('table.prizepooltable').hide();
  var showSpoilersPrizePool = $(document.createElement('button')).text('Show prize pool');
  showSpoilersPrizePool.click(function() {
    $('table.prizepooltable').show();
    showSpoilersPrizePool.remove();
  });
  showSpoilersPrizePool.insertAfter($('table.prizepooltable'));
}

window.addEventListener('load', function() {
  console.log("Liquipedia spoiler hider: loading...");
  hide_spoilers();
  console.log("Liquipedia spoiler hider: loaded!");
}, false);

 

[BraccusRex]

Hey there! Did you ever make any progress on this?

[codesidian]

On 6/12/2025 at 2:41 AM, BraccusRex said:

Hey there! Did you ever make any progress on this?

Nice necro, but here:

SpoilerMan
 

It's not just for Liquipedia, it'll work anywhere.
Just click the extension icon, and then click select an element to blur. If something like this is useful, i'll put some time into it to make it properly.