Toggle search
Toggle menu
5
333
45
1.5K
Treeverse
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.js: Difference between revisions

MediaWiki interface page
More actions
← Older edit
No edit summary
No edit summary
 
(21 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* Any JavaScript here will be loaded for all users on every page load. */// Load DataTables library
/* Any JavaScript here will be loaded for all users on every page load. */


mw.hook('wikipage.content').add(function ($content) {
mw.hook('wikipage.content').add(function ($content) {
Line 7: Line 7:
});
});


// Auto-embed X/Twitter status links into live tweets (no extension required)
(function () {
  'use strict';


   // Options you can tweak
mw.hook('wikipage.content').add(function () {
   var TW_OPTIONS = {
 
     // theme: 'dark',           // uncomment for dark
   /* ===========================
     // conversation: 'none',    // hide reply thread
    WAIT FOR TABLE (IMPORTANT)
     // dnt: true,                // "Do Not Track"
    =========================== */
     // align: 'center'           // center the embed
 
  };
   function waitForTable(callback) {
    const table = document.getElementById("leaderboardTable");
    if (table) {
      callback(table);
    } else {
      setTimeout(() => waitForTable(callback), 50);
    }
  }
 
 
  waitForTable(function(table) {
 
     /* ===========================
      HELPERS
      =========================== */
 
    function parseTime(t) {
      if (!t || !t.includes(":")) return 999999;
      const [m, s] = t.trim().split(":").map(Number);
      return m * 60 + s;
    }
 
    function getPoints(rank) {
      const scoring = {
        1:25,2:20,3:17,4:15,5:13,
        6:11,7:10,8:9,9:8,10:7,
        11:6,12:5,13:4,14:3,15:2
      };
      return scoring[rank] || 1;
    }
 
 
    /* ===========================
      FILTER UI
      =========================== */
 
    const filterWrapper = document.createElement("div");
    filterWrapper.style.marginBottom = "20px";
 
    const filterTitle = document.createElement("h3");
     filterTitle.innerText = "🔍 Filter Runs";
    filterWrapper.appendChild(filterTitle);
 
    const dungeonSelect = document.createElement("select");
    dungeonSelect.style.marginRight = "10px";
 
    [
      "All",
      "Wolf's Den","Wolf's Den II","Wolf's Den III",
      "The Red Nest","For The Eggs",
      "Scarlet Revenge","Scarlet Revenge II",
      "Promised One","Promised One II","Promised One III",
      "Lost and Found","The Hostage","Cactus On Fire",
      "Deep Echoes","Deep Echoes II","Deep Echoes III",
      "King's Hoard","King's Hoard II",
      "Hall of Daggers"
     ].forEach(name => {
      const opt = document.createElement("option");
      opt.value = name;
      opt.textContent = name;
      dungeonSelect.appendChild(opt);
    });
 
     filterWrapper.appendChild(document.createTextNode("Dungeon: "));
    filterWrapper.appendChild(dungeonSelect);
 
    const playerInput = document.createElement("input");
    playerInput.placeholder = "Search player...";
    playerInput.style.marginLeft = "10px";
    filterWrapper.appendChild(playerInput);
 
 
     /* ===========================
      SORT + RANK
      =========================== */
 
    function sortAndRank() {
 
      const rows = Array.from(table.querySelectorAll("tr")).slice(1);
 
      rows.sort((a,b) => {
 
        if (a.cells.length < 5 || b.cells.length < 5) return 0;
 
        const dA = a.cells[1].innerText.trim();
        const dB = b.cells[1].innerText.trim();
 
        if (dA !== dB) return dA.localeCompare(dB);
 
        return parseTime(a.cells[4].innerText) - parseTime(b.cells[4].innerText);
 
      });
 
      rows.forEach(r => table.appendChild(r));
 
      let currentDungeon = "";
      let position = 0;
      let rank = 0;
      let prevTime = null;
 
      rows.forEach(row => {
 
        if (row.cells.length < 5) return;
 
        const dungeon = row.cells[1].innerText.trim();
        const time = parseTime(row.cells[4].innerText);
 
        if (dungeon !== currentDungeon) {
          currentDungeon = dungeon;
          position = 1;
          rank = 1;
           prevTime = time;
        } else {
          position++;
          if (time !== prevTime) rank = position;
          prevTime = time;
        }


  function loadXWidgets (cb) {
        row.cells[0].innerText = rank;
    // If the widget API is ready, go
    if (window.twttr && twttr.widgets) { cb(); return; }


    // Already loading?
       });
    if (document.querySelector('script[src*="platform.twitter.com/widgets.js"]')) {
      // Poll until ready
       var tries = 0, t = setInterval(function () {
        if (window.twttr && twttr.widgets) { clearInterval(t); cb(); }
        else if (++tries > 40) { clearInterval(t); }
      }, 250);
      return;
     }
     }


    // Inject the widgets.js script
    var s = document.createElement('script');
    s.async = true;
    s.src = 'https://platform.twitter.com/widgets.js';
    s.onload = function () { cb(); };
    document.head.appendChild(s);
  }


  // Find eligible links and embed them
    /* ===========================
  function embedLinks(root) {
      BUILD TOP SECTION
    var scope = root || document;
      =========================== */
    var selector = [
 
       'a[href^="https://x.com/"][href*="/status/"]',
    function buildTopSection() {
      'a[href^="http://x.com/"][href*="/status/"]',
 
      'a[href^="https://twitter.com/"][href*="/status/"]',
      const rows = Array.from(table.querySelectorAll("tr")).slice(1);
      'a[href^="http://twitter.com/"][href*="/status/"]'
 
    ].join(',');
      const playerPoints = {};
      const records = {};
 
       rows.forEach(row => {
 
        if (row.cells.length < 5) return;
 
        const dungeon = row.cells[1].innerText.trim();
        const player = row.cells[2].innerText.trim();
        const time = row.cells[4].innerText.trim();
        const rank = parseInt(row.cells[0].innerText);
 
        // Only require valid time (CRITICAL FIX)
        if (!time || !time.includes(":")) return;


    var anchors = scope.querySelectorAll(selector);
        /* ===========================
    if (!anchors.length) return;
          POINTS
          =========================== */


    loadXWidgets(function () {
        if (!isNaN(rank)) {
      anchors.forEach(function (a) {
          playerPoints[player] = (playerPoints[player] || 0) + getPoints(rank);
        if (a.dataset.tweetEmbedded === '1') return; // avoid duplicates
         }
         a.dataset.tweetEmbedded = '1';


         // Extract the numeric tweet ID
         /* ===========================
        var match = a.href.match(/\/status\/(\d+)/);
          WORLD RECORDS (WORKING)
        if (!match) return;
          =========================== */
        var id = match[1];


         // Create a container after the link
         const seconds = parseTime(time);
        var container = document.createElement('div');
        container.className = 'tweet-embed';
        a.insertAdjacentElement('afterend', container);


         // Ask widgets API to render
         if (!records[dungeon]) {
         if (window.twttr && twttr.widgets && twttr.widgets.createTweet) {
          records[dungeon] = {
           twttr.widgets.createTweet(id, container, TW_OPTIONS).catch(function(){});
            time: time,
            seconds: seconds,
            players: [player]
          };
         } else {
          if (seconds < records[dungeon].seconds) {
            records[dungeon] = {
              time: time,
              seconds: seconds,
              players: [player]
            };
           } else if (seconds === records[dungeon].seconds) {
            records[dungeon].players.push(player);
          }
         }
         }
       });
       });


      // Ensure any dynamically added blockquotes also render
      if (window.twttr && twttr.widgets && twttr.widgets.load) {
        twttr.widgets.load(scope);
      }
    });
  }


  // Run on page load and whenever VE/LQT/etc. inject content
      /* REMOVE OLD */
  if (window.mw && mw.hook) {
      const existing = document.getElementById("topSection");
    mw.hook('wikipage.content').add(function ($content) {
      if (existing) existing.remove();
       embedLinks($content && $content[0]);
 
    });
 
  } else {
      /* FLEX CONTAINER */
    document.addEventListener('DOMContentLoaded', function () { embedLinks(document); });
      const top = document.createElement("div");
  }
      top.id = "topSection";
})();
      top.style.display = "flex";
      top.style.gap = "30px";
      top.style.marginBottom = "25px";
 
 
      /* ===========================
        COMPETITION TABLE
        =========================== */
 
       const compBox = document.createElement("div");
      compBox.style.flex = "1";
 
      const compTitle = document.createElement("h2");
      compTitle.innerText = "🏆 Competition Leaderboard";
      compBox.appendChild(compTitle);
 
      const compTable = document.createElement("table");
      compTable.className = "wikitable";
      compTable.style.width = "100%";


      compTable.innerHTML = `
        <tr>
          <th>Rank</th>
          <th>Player</th>
          <th>Points</th>
        </tr>
      `;


/* ===========================
      const leaderboard = Object.entries(playerPoints)
  Dungeon Speedrun Leaderboard
        .map(([player, points]) => ({player, points}))
  Per-Dungeon Ranking + Filters
        .sort((a,b)=>b.points-a.points);
  =========================== */


      let prevPoints = null;
      let rank = 0;
      let position = 0;


}
      leaderboard.forEach(entry => {
mw.hook('wikipage.content').add(function () {


  // Run only if table exists
        position++;
  const table = document.getElementById("leaderboardTable");
        if (entry.points !== prevPoints) rank = position;
  if (!table) return;
        prevPoints = entry.points;


  const container = document.getElementById("filterContainer");
        const medal =
  if (!container) return;
          rank===1?"🥇 1":
          rank===2?"🥈 2":
          rank===3?"🥉 3":
          rank;


  /* ---------- CREATE FILTER UI ---------- */
        const row = document.createElement("tr");
        row.innerHTML = `
          <td>${medal}</td>
          <td>${entry.player}</td>
          <td>${entry.points}</td>
        `;
        compTable.appendChild(row);


  const wrapper = document.createElement("div");
      });
  wrapper.style.marginBottom = "15px";


  // Dungeon dropdown
      compBox.appendChild(compTable);
  const dungeonLabel = document.createElement("strong");
  dungeonLabel.innerText = "Dungeon: ";
  wrapper.appendChild(dungeonLabel);


  const dungeonSelect = document.createElement("select");
  dungeonSelect.style.marginRight = "20px";


  const dungeons = [
      /* ===========================
    "All",
        WORLD RECORD TABLE
    "Wolf's Den",
        =========================== */
    "Wolf's Den II",
    "Wolf's Den III",
    "The Red Nest",
    "For The Eggs",
    "Scarlet Revenge",
    "Scarlet Revenge II",
    "Promised One",
    "Promised One II",
    "Promised One III",
    "Lost and Found",
    "The Hostage",
    "Cactus On Fire",
    "Deep Echoes",
    "Deep Echoes II",
    "Deep Echoes III"
  ];


  dungeons.forEach(name => {
      const wrBox = document.createElement("div");
    const option = document.createElement("option");
      wrBox.style.flex = "1";
    option.value = name;
    option.textContent = name;
    dungeonSelect.appendChild(option);
  });


  wrapper.appendChild(dungeonSelect);
      const wrTitle = document.createElement("h2");
      wrTitle.innerText = "🏁 Competition Dungeon Records";
      wrBox.appendChild(wrTitle);


  // Player search
      const wrTable = document.createElement("table");
  const playerLabel = document.createElement("strong");
      wrTable.className = "wikitable";
  playerLabel.innerText = "Player: ";
      wrTable.style.width = "100%";
  wrapper.appendChild(playerLabel);


  const playerInput = document.createElement("input");
      wrTable.innerHTML = `
  playerInput.type = "text";
        <tr>
  playerInput.placeholder = "Search player name...";
          <th>Dungeon</th>
  playerInput.style.padding = "4px";
          <th>Time</th>
  wrapper.appendChild(playerInput);
          <th>Player(s)</th>
        </tr>
      `;


  container.appendChild(wrapper);
      Object.entries(records).forEach(([d, data]) => {


  /* ---------- UTILITIES ---------- */
        const row = document.createElement("tr");


  function parseTime(t) {
        row.innerHTML = `
    if (!t || !t.includes(":")) return 999999;
          <td>${d}</td>
    const parts = t.trim().split(":");
          <td>${data.time}</td>
    return parseInt(parts[0], 10) * 60 + parseInt(parts[1], 10);
          <td>${data.players.join(", ")}</td>
  }
        `;


  function sortAndRank() {
        wrTable.appendChild(row);
    const rows = Array.from(table.querySelectorAll("tr")).slice(1);


    // Sort by Dungeon first, then Time
       });
    rows.sort((a, b) => {
       const dungeonA = a.cells[1].innerText.trim();
      const dungeonB = b.cells[1].innerText.trim();


       if (dungeonA < dungeonB) return -1;
       wrBox.appendChild(wrTable);
      if (dungeonA > dungeonB) return 1;


      return parseTime(a.cells[4].innerText) -
            parseTime(b.cells[4].innerText);
    });


    rows.forEach(row => table.appendChild(row));
      /* COMBINE */
      top.appendChild(compBox);
      top.appendChild(wrBox);


    let currentDungeon = "";
      table.parentNode.insertBefore(top, table);
    let dungeonRank = 0;


    rows.forEach(row => {
      /* FILTER BELOW */
       if (row.style.display === "none") return;
       table.parentNode.insertBefore(filterWrapper, table);
    }


      const dungeon = row.cells[1].innerText.trim();
      const rankCell = row.cells[0];


      if (dungeon !== currentDungeon) {
    /* ===========================
        currentDungeon = dungeon;
      FILTER
        dungeonRank = 1;
      =========================== */
      } else {
        dungeonRank++;
      }


      if (dungeonRank === 1) rankCell.innerHTML = "🥇 1";
    function filterTable() {
      else if (dungeonRank === 2) rankCell.innerHTML = "🥈 2";
      else if (dungeonRank === 3) rankCell.innerHTML = "🥉 3";
      else rankCell.innerText = dungeonRank;
    });
  }


  function filterTable() {
      const dungeon = dungeonSelect.value;
    const selectedDungeon = dungeonSelect.value;
      const player = playerInput.value.toLowerCase();
    const playerSearch = playerInput.value.toLowerCase();


    const rows = Array.from(table.querySelectorAll("tr")).slice(1);
      const rows = Array.from(table.querySelectorAll("tr")).slice(1);


    rows.forEach(row => {
      rows.forEach(row => {
      const dungeon = row.cells[1].innerText.trim();
      const player = row.cells[2].innerText.toLowerCase();


      const dungeonMatch =
         if (row.cells.length < 5) return;
         selectedDungeon === "All" || dungeon === selectedDungeon;


      const playerMatch =
        const d = row.cells[1].innerText.trim();
         player.includes(playerSearch);
         const p = row.cells[2].innerText.toLowerCase();


      row.style.display =
        row.style.display =
        (dungeonMatch && playerMatch) ? "" : "none";
          (dungeon === "All" || d === dungeon) &&
    });
          p.includes(player)
            ? ""
            : "none";
      });
    }


     sortAndRank();
     dungeonSelect.addEventListener("change", filterTable);
  }
    playerInput.addEventListener("input", filterTable);


  dungeonSelect.addEventListener("change", filterTable);
  playerInput.addEventListener("input", filterTable);


  sortAndRank();
    /* ===========================
      INIT
      =========================== */


});
    sortAndRank();
/* Open YouTube links in new tab */
    buildTopSection();
mw.hook('wikipage.content').add(function ($content) {


  $content.find('a[href*="youtube.com"], a[href*="youtu.be"]').each(function () {
    this.setAttribute("target", "_blank");
    this.setAttribute("rel", "noopener noreferrer");
   });
   });


});
});
Retrieved from "https://treeverse.wiki/MediaWiki:Common.js"