// ==UserScript==
// @name         parkrun p-index display
// @description  The parkrun p-index is an unofficial statistic that measures the number of different parkrun events a person has completed a specific number of times. To achieve a p-index of 10, you must have completed at least 10 different parkrun events 10 times each. This script calculate the p-index for a parkrunner and displays it on their results page.
// @author       Pete Johns (@johnsyweb)
// @downloadURL  https://raw.githubusercontent.com/johnsyweb/tampermonkey-parkrun/refs/heads/main/p-index.user.js
// @grant        none
// @homepage     https://www.johnsy.com/tampermonkey-parkrun/
// @icon         https://www.google.com/s2/favicons?sz=64&domain=parkrun.com.au
// @license      MIT
// @match        *://www.parkrun.ca/parkrunner/*/all/
// @match        *://www.parkrun.co.at/parkrunner/*/all/
// @match        *://www.parkrun.co.nl/parkrunner/*/all/
// @match        *://www.parkrun.co.nz/parkrunner/*/all/
// @match        *://www.parkrun.co.za/parkrunner/*/all/
// @match        *://www.parkrun.com.au/parkrunner/*/all/
// @match        *://www.parkrun.com.de/parkrunner/*/all/
// @match        *://www.parkrun.dk/parkrunner/*/all/
// @match        *://www.parkrun.fi/parkrunner/*/all/
// @match        *://www.parkrun.fr/parkrunner/*/all/
// @match        *://www.parkrun.ie/parkrunner/*/all/
// @match        *://www.parkrun.it/parkrunner/*/all/
// @match        *://www.parkrun.jp/parkrunner/*/all/
// @match        *://www.parkrun.lt/parkrunner/*/all/
// @match        *://www.parkrun.my/parkrunner/*/all/
// @match        *://www.parkrun.no/parkrunner/*/all/
// @match        *://www.parkrun.org.uk/parkrunner/*/all/
// @match        *://www.parkrun.pl/parkrunner/*/all/
// @match        *://www.parkrun.se/parkrunner/*/all/
// @match        *://www.parkrun.sg/parkrunner/*/all/
// @match        *://www.parkrun.us/parkrunner/*/all/
// @namespace    http://tampermonkey.net/
// @require      https://html2canvas.hertzen.com/dist/html2canvas.min.js
// @run-at       document-end
// @supportURL   https://github.com/johnsyweb/tampermonkey-parkrun/issues/
// @tag          parkrun
// @updateURL    https://raw.githubusercontent.com/johnsyweb/tampermonkey-parkrun/refs/heads/main/p-index.user.js
// @version      1.1.3
// ==/UserScript==
// DO NOT EDIT - generated from src/ by scripts/build-scripts.js

function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }


(function () {
  'use strict';

  function getResponsiveConfig() {
    var mobileConfig = {
      isMobile: true,
      spacing: {
        small: '10px',
        medium: '15px'
      },
      container: {
        padding: '10px',
        marginTop: '10px',
        width: '100%',
        maxWidth: '800px',
        aspectRatio: 'auto'
      },
      typography: {
        pIndex: '1.2em',
        listItem: '0.9em'
      },
      listItem: {
        marginBottom: '5px',
        textAlign: 'left'
      },
      button: {
        padding: '6px 12px',
        fontSize: '0.9em',
        marginTop: '10px'
      }
    };
    var desktopConfig = {
      isMobile: false,
      spacing: {
        small: '20px',
        medium: '20px'
      },
      container: {
        padding: '20px',
        marginTop: '20px',
        width: 'auto',
        maxWidth: 'none',
        aspectRatio: '1'
      },
      typography: {
        pIndex: '1.5em',
        listItem: '1em'
      },
      listItem: {
        marginBottom: '8px',
        textAlign: 'center'
      },
      button: {
        padding: '8px 15px',
        fontSize: '1em',
        marginTop: '15px'
      }
    };
    var isMobile = window.innerWidth < 768;
    return isMobile ? mobileConfig : desktopConfig;
  }
  if (typeof module !== 'undefined' && module.exports) {
    module.exports = {
      calculatePIndex: calculatePIndex,
      extractEventDetails: extractEventDetails,
      findResultsTable: findResultsTable
    };
  } else {
    main();
  }
  function main() {
    var table = findResultsTable();
    if (!table) {
      console.error('Results table not found');
      return;
    }
    var eventDetails = extractEventDetails(table);
    var _calculatePIndex = calculatePIndex(eventDetails),
      pIndex = _calculatePIndex.pIndex,
      contributingEvents = _calculatePIndex.contributingEvents;
    displayPIndex(pIndex, contributingEvents);
  }
  function displayPIndex(pIndex, contributingEvents) {
    var responsive = getResponsiveConfig();
    var h2Element = document.querySelector('h2');
    if (h2Element) {
      var pIndexElement = document.createElement('div');
      pIndexElement.textContent = 'p-index: ' + pIndex;
      pIndexElement.style.fontSize = responsive.typography.pIndex;
      pIndexElement.style.fontWeight = 'bold';
      pIndexElement.style.marginTop = responsive.container.marginTop;
      pIndexElement.style.backgroundColor = '#2b223d';
      pIndexElement.style.color = '#ffa300';
      pIndexElement.style.padding = responsive.container.padding;
      pIndexElement.style.borderRadius = '5px';
      pIndexElement.style.display = 'flex';
      pIndexElement.style.flexDirection = 'column';
      pIndexElement.style.alignItems = 'center';
      pIndexElement.style.justifyContent = 'center';
      pIndexElement.style.width = responsive.container.width;
      pIndexElement.style.maxWidth = responsive.container.maxWidth;
      pIndexElement.style.marginLeft = 'auto';
      pIndexElement.style.marginRight = 'auto';
      pIndexElement.style.aspectRatio = responsive.container.aspectRatio;
      pIndexElement.setAttribute('id', 'p-index-display');
      var eventList = document.createElement('ul');
      eventList.style.listStyleType = 'none';
      eventList.style.padding = '0';
      eventList.style.marginTop = responsive.spacing.small;
      eventList.style.width = '100%';
      contributingEvents.forEach(function (event) {
        var listItem = document.createElement('li');
        listItem.textContent = event;
        listItem.style.fontWeight = 'normal';
        listItem.style.fontSize = responsive.typography.listItem;
        listItem.style.marginBottom = responsive.listItem.marginBottom;
        listItem.style.textAlign = responsive.listItem.textAlign;
        listItem.style.wordBreak = 'break-word';
        eventList.appendChild(listItem);
      });
      pIndexElement.appendChild(eventList);

      // Add download button
      addDownloadButton(pIndexElement);
      h2Element.parentNode.insertBefore(pIndexElement, h2Element.nextSibling);

      // Make container square on desktop after content is rendered
      if (!responsive.isMobile) {
        setTimeout(function () {
          var rect = pIndexElement.getBoundingClientRect();
          var maxDimension = Math.max(rect.width, rect.height);
          pIndexElement.style.width = maxDimension + 'px';
          pIndexElement.style.height = maxDimension + 'px';
        }, 0);
      }
    }
  }
  function addDownloadButton(container) {
    var responsive = getResponsiveConfig();
    var btnContainer = document.createElement('div');
    btnContainer.style.marginTop = responsive.button.marginTop;
    btnContainer.id = 'p-index-download-btn-container';
    var downloadBtn = document.createElement('button');
    downloadBtn.textContent = '💾 Save as Image';
    downloadBtn.style.padding = responsive.button.padding;
    downloadBtn.style.backgroundColor = '#ffa300';
    downloadBtn.style.color = '#2b223d';
    downloadBtn.style.border = 'none';
    downloadBtn.style.borderRadius = '4px';
    downloadBtn.style.cursor = 'pointer';
    downloadBtn.style.fontWeight = 'bold';
    downloadBtn.style.fontSize = responsive.button.fontSize;

    // Add hover effect
    downloadBtn.addEventListener('mouseover', function () {
      this.style.backgroundColor = '#e59200';
    });
    downloadBtn.addEventListener('mouseout', function () {
      this.style.backgroundColor = '#ffa300';
    });

    // Download handler
    downloadBtn.addEventListener('click', function () {
      // Hide the download button temporarily for the screenshot
      downloadBtn.style.display = 'none';

      // Use html2canvas to capture the container
      // eslint-disable-next-line no-undef
      html2canvas(container, {
        backgroundColor: '#2b223d',
        scale: 2,
        // Higher resolution
        logging: false,
        allowTaint: true,
        useCORS: true
      }).then(function (canvas) {
        // Show the button again
        downloadBtn.style.display = 'block';
        var link = document.createElement('a');
        var timestamp = new Date().toISOString().split('T')[0];
        var pageUrl = window.location.pathname.split('/');
        var parkrunnerId = pageUrl[2] || 'parkrunner';
        link.download = "p-index-".concat(parkrunnerId, "-").concat(timestamp, ".png");
        link.href = canvas.toDataURL('image/png');
        link.click();
      });
    });
    btnContainer.appendChild(downloadBtn);
    container.appendChild(btnContainer);
  }
  function extractEventDetails(table) {
    var eventDetails = [];
    var rows = table.querySelectorAll('tbody > tr');
    rows.forEach(function (row) {
      var eventName = row.querySelector('td:nth-child(1) > a').textContent.trim();
      var date = row.querySelector('td:nth-child(2)').textContent.trim();
      var eventNumber = row.querySelector('td:nth-child(3)').textContent.trim();
      eventDetails.unshift({
        eventName: eventName,
        date: date,
        eventNumber: eventNumber
      });
    });

    // Group event details by event name
    var groupedEvents = eventDetails.reduce(function (acc, _ref) {
      var eventName = _ref.eventName,
        date = _ref.date,
        eventNumber = _ref.eventNumber;
      if (!acc[eventName]) {
        acc[eventName] = [];
      }
      acc[eventName].push({
        date: date,
        eventNumber: eventNumber
      });
      return acc;
    }, {});

    // Convert groupedEvents to an array of entries and sort by the number of visits
    var sortedGroupedEvents = Object.entries(groupedEvents).sort(function (a, b) {
      return b[1].length - a[1].length;
    });
    return sortedGroupedEvents;
  }
  function findResultsTable() {
    var tables = document.querySelectorAll('#results');
    return tables[tables.length - 1];
  }
  function calculatePIndex(eventDetails) {
    var filteredGroupedEvents = eventDetails.filter(function (_ref2, index) {
      var _ref3 = _slicedToArray(_ref2, 2),
        events = _ref3[1];
      return events.length > index;
    });
    var pIndex = filteredGroupedEvents.length;
    function convertDate(dateStr) {
      return new Date(dateStr.split('/').reverse().join('-'));
    }
    var contributingEvents = filteredGroupedEvents.map(function (_ref4) {
      var _ref5 = _slicedToArray(_ref4, 2),
        eventName = _ref5[0],
        events = _ref5[1];
      var first = events[0];
      var pIndexReached = events[pIndex - 1];
      return {
        eventName: eventName,
        eventCount: events.length,
        firstDate: first.date,
        firstEventNumber: first.eventNumber,
        pIndexDate: pIndexReached.date,
        pIndexEventNumber: pIndexReached.eventNumber,
        firstDateForSorting: convertDate(first.date),
        pIndexDateForSorting: convertDate(pIndexReached.date)
      };
    }).sort(function (a, b) {
      return a.pIndexDateForSorting - b.pIndexDateForSorting;
    }).slice(0, pIndex).map(function (event) {
      return event.eventName + ' (' + event.eventCount + '): ' + event.firstDate + ' (#' + event.firstEventNumber + ') - ' + event.pIndexDate + ' (#' + event.pIndexEventNumber + ')';
    });
    return {
      pIndex: pIndex,
      contributingEvents: contributingEvents
    };
  }
})();