wayfarer-extended-stats.user.js

// ==UserScript==
// @name         Wayfarer Extended Stats
// @version      0.5.3
// @description  Add extended Wayfarer Profile stats
// @namespace    https://github.com/tehstone/wayfarer-addons/
// @downloadURL  https://github.com/tehstone/wayfarer-addons/raw/main/wayfarer-extended-stats.user.js
// @homepageURL  https://github.com/tehstone/wayfarer-addons/
// @match        https://wayfarer.nianticlabs.com/*
// ==/UserScript==

// Copyright 2022 tehstone
// This file is part of the Wayfarer Addons collection.

// This script is free software: you can redistribute it and/or modify
// it under the terms of the GNU General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.

// This script is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
// GNU General Public License for more details.

// You can find a copy of the GNU General Public License in the root
// directory of this script's GitHub repository:
// <https://github.com/tehstone/wayfarer-addons/blob/main/LICENSE>
// If not, see <https://www.gnu.org/licenses/>.

/* eslint-env es6 */
/* eslint no-var: "error" */

function init() {
    let tryNumber = 10;
    let stats;

    let selection = localStorage['wfcc_count_type_dropdown'];
      if (!selection) {
        selection = 'simple';
        localStorage['wfcc_count_type_dropdown'] = selection;
      }

    /**
     * Overwrite the open method of the XMLHttpRequest.prototype to intercept the server calls
     */
    (function (open) {
        XMLHttpRequest.prototype.open = function (method, url) {
            if (url == '/api/v1/vault/profile') {
                if (method == 'GET') {
                    this.addEventListener('load', parseStats, false);
                }
            }
            open.apply(this, arguments);
        };
    })(XMLHttpRequest.prototype.open);

    addCss();

    function parseStats(e) {
        try {
            const response = this.response;
            const json = JSON.parse(response);
            if (!json) {
                console.warn('Failed to parse response from Wayfarer');
                return;
            }
            // ignore if it's related to captchas
            if (json.captcha)
                return;

            stats = json.result;
            if (!stats) {
                console.warn('Wayfarer\'s response didn\'t include a candidate.');
                return;
            }
            awaitElement(() => document.querySelector('wf-rating-bar'))
            .then((ref) => {
                addSettings();
                addCopyLink();
            });

        } catch (e)    {
            console.warn(e); // eslint-disable-line no-console
        }
    }

    const awaitElement = get => new Promise((resolve, reject) => {
        let triesLeft = 10;
        const queryLoop = () => {
            const ref = get();
            if (ref) resolve(ref);
            else if (!triesLeft) reject();
            else setTimeout(queryLoop, 100);
            triesLeft--;
        }
        queryLoop();
    });

    function addSettings() {
        if (document.getElementById("wayfarercccounttype") !== null) {
          return;
        }

        const div = document.createElement('div');
        let select = document.createElement('select');
        select.title = "Select count type";
        const reviewTypes = [
          {name: "badgestat", title: "Medal Stat"},
          {name: "upgradecount", title: "Upgrade Count"},
          {name: "simple", title: "Simple"}
        ];
        select.innerHTML = reviewTypes.map(item => `<option value="${item.name}" ${item.name == selection ? 'selected' : ''}>${item.title}</option>`).join('');
        select.addEventListener('change', function () {
          selection = select.value;
          localStorage['wfcc_count_type_dropdown'] = selection;
          updateAgreementDisplay();
        });
        select.id = 'wayfarercccounttype';
        select.classList.add('wayfarercc_select');

        const selectLabel = document.createElement("label");
        selectLabel.innerText = "Agreement Count Type:";
        selectLabel.setAttribute("for", "wayfarercccounttype");
        selectLabel.classList.add('wayfareres_settings_label');
        selectLabel.title = "Count total agreements based on:\n - The number shown on your Pokemon Go Medal\n - Multiplying your earned upgrade total by 100 and adding your current progress\n - Simply adding Accepted + Rejected + Duplicated";

        let badgeCountInput = document.createElement('input');
        badgeCountInput.setAttribute("type", "number");
        badgeCountInput.setAttribute("size", '2');
        const userId = getUserId();
        let badgeCount = localStorage["wfcc_badge_count_" + userId];
        if (badgeCount === undefined || badgeCount === null || badgeCount === "" || badgeCount === "false"){
            badgeCount = 0;
        }
        badgeCountInput.value = badgeCount;
        badgeCountInput.addEventListener('change', function () {
            const userId = getUserId();
            badgeCount = parseInt(this.value);
            localStorage["wfcc_badge_count_" + userId] = badgeCount;
            updateOtherCount(badgeCount);
            updateAgreementDisplay();
        });
        badgeCountInput.id - "wayfarerccbadgecount";
        badgeCountInput.classList.add('wayfarercc_input');

        const badgeCountLabel = document.createElement("label");
        badgeCountLabel.innerText = "Pokemon Go Medal Count:";
        badgeCountLabel.setAttribute("for", "wayfarerccbadgecount");
        badgeCountLabel.classList.add('wayfareres_settings_label');
        badgeCountLabel.title = "You can also use the number on your Ingress Recon badge but it may be inflated due to past events where agreements earned double badge credit."

        let bonusUpgradeInput = document.createElement('input');
        bonusUpgradeInput.setAttribute("type", "number");
        bonusUpgradeInput.setAttribute("size", '2');
        let bonusUpgrade = localStorage["wfcc_bonus_upgrade_" + userId];
        if (bonusUpgrade === undefined || bonusUpgrade === null || bonusUpgrade === "" || bonusUpgrade === "false"){
            bonusUpgrade = 0;
        }
        bonusUpgradeInput.value = bonusUpgrade;
        bonusUpgradeInput.addEventListener('change', function () {
            const userId = getUserId();
            bonusUpgrade = this.value;
            localStorage["wfcc_bonus_upgrade_" + userId] = bonusUpgrade;
            updateAgreementDisplay();
        });
        bonusUpgradeInput.id - "wayfarerccbonusupgrade";
        bonusUpgradeInput.classList.add('wayfarercc_input');

        const bonusUpgradeLabel = document.createElement("label");
        bonusUpgradeLabel.innerText = "Bonus Upgrades Earned:";
        bonusUpgradeLabel.setAttribute("for", "wayfarerccbonusupgrade");
        bonusUpgradeLabel.classList.add('wayfareres_settings_label');
        bonusUpgradeLabel.title = "Enter the total number of upgrades earned in past events, without this number your total agreement count may be inflated."

        let offsetAgreementsInput = document.createElement('input');
        offsetAgreementsInput.setAttribute("type", "number");
        offsetAgreementsInput.setAttribute("size", '2');
        let offsetAgreements = parseInt(localStorage["wfcc_offset_agreements_" + userId]);
        if (offsetAgreements === undefined || offsetAgreements === null || offsetAgreements === "" || offsetAgreements === "false" || isNaN(offsetAgreements)){
            offsetAgreements = 0;
        }
        offsetAgreementsInput.value = offsetAgreements;
        offsetAgreementsInput.addEventListener('change', function () {
            const userId = getUserId();
            offsetAgreements = this.value;
            localStorage["wfcc_offset_agreements_" + userId] = offsetAgreements;
            updateAgreementDisplay();
        });
        offsetAgreementsInput.id - "wayfarerccoffsetagreements";
        offsetAgreementsInput.classList.add('wayfarercc_input');

        const offsetAgreementsLabel = document.createElement("label");
        offsetAgreementsLabel.innerText = "Agreements Offset:";
        offsetAgreementsLabel.setAttribute("for", "wayfarerccoffsetagreements");
        offsetAgreementsLabel.classList.add('wayfareres_settings_label');
        offsetAgreementsLabel.title = "If you earned agreements prior to the release of Upgrades or have other cases where your agreement count is off by a known amount enter that amount here."

        const helpLabel = document.createElement("label");
        helpLabel.innerText = "Hover mouse over each item for an explanation.";
        helpLabel.classList.add('wayfareres_settings_label');

        div.appendChild(selectLabel);
        div.appendChild(select);
        div.appendChild(document.createElement('br'));
        div.appendChild(badgeCountLabel);
        div.appendChild(badgeCountInput);
        div.appendChild(document.createElement('br'));
        div.appendChild(bonusUpgradeLabel);
        div.appendChild(bonusUpgradeInput);
        div.appendChild(document.createElement('br'));
        div.appendChild(offsetAgreementsLabel);
        div.appendChild(offsetAgreementsInput);
        div.appendChild(document.createElement('br'));
        div.appendChild(helpLabel);
        div.classList.add('wayfarerrh__visible');

        const settingsContainer = document.createElement('div');
        settingsContainer.setAttribute('class', 'wrap-collabsible')
        settingsContainer.id = "nomStats";

        const collapsibleInput = document.createElement("input");
        collapsibleInput.id = "collapsed-settings";
        collapsibleInput.setAttribute("class", "toggle");
        collapsibleInput.type = "checkbox";

        const collapsibleLabel = document.createElement("label");
        collapsibleLabel.setAttribute("class", "lbl-toggle-es");
        collapsibleLabel.innerText = "Settings";
        collapsibleLabel.setAttribute("for", "collapsed-settings");

        const collapsibleContent = document.createElement("div");
        collapsibleContent.setAttribute("class", "collapsible-content-es");

        collapsibleContent.appendChild(div);
        settingsContainer.appendChild(collapsibleInput);
        settingsContainer.appendChild(collapsibleLabel);
        settingsContainer.appendChild(collapsibleContent);

        const ratingNarRef = document.querySelector('wf-rating-bar');
        const container = ratingNarRef.parentNode.parentNode;
        container.appendChild(settingsContainer);
    }

    function updateOtherCount(badgeCount) {
        const {accepted, rejected, duplicated} = stats;
        const otherCount = badgeCount - accepted - rejected - duplicated;
        const userId = getUserId();
        localStorage["wfcc_other_count_" + userId] = otherCount;
    }

    function updateAgreementDisplay() {
        const {accepted, rejected, duplicated, finished, total, available, progress} = stats;
        const newCount = getTotalAgreementCount(stats);

        let countDiv = document.getElementById("totalcountnumber");
        if (countDiv !== null) {
            const percent = ((newCount / finished)*100).toFixed(1);
            countDiv.innerHTML = newCount + " (" + percent + "%)";
        }

        let otherDiv = document.getElementById("othercountnumber");
        if (otherDiv !== null) {
            let other = 0;
            let count_type = localStorage['wfcc_count_type_dropdown'];
            if (count_type !== "simple") {
                other = newCount - (accepted + rejected + duplicated);
            }
            otherDiv.innerHTML = other;
        }
    }

    function addCopyLink() {
        const div = document.createElement('div');
        let exportButton = document.createElement('button');
        exportButton.innerHTML = "Copy Stats";
        exportButton.onclick = function() {
          exportStats();
        }
        exportButton.classList.add('wayfarercc__button');
        exportButton.id = "wayfarerccexport";

        div.appendChild(document.createElement('br'));
        div.appendChild(exportButton);

        const ref = document.querySelector('wf-rating-bar');
        const container = ref.parentNode;
        container.appendChild(div);

        let CCButton = div;
        CCButton.classList.add('wayfarercc__visible');

        awaitElement(() => document.getElementsByClassName("wf-profile-stats__section-title"))
            .then((ref) => setTimeout(() =>
            {
                const parentRef = ref[0];
                const totalparent = document.createElement('div');
                let totaltext = document.createElement('div');
                totaltext.innerHTML = "Processed & Agreement";
                totaltext.classList.add("wayfareres_text");

                let totalcount = document.createElement('div');
                totalcount.id = "totalcountnumber"
                const {accepted, rejected, duplicated, finished, available, progress, total} = stats;
                let allAgreements = getTotalAgreementCount(stats);
                if (allAgreements === 0 ) {
                    allAgreements = accepted + rejected + duplicated;
                }
                const percent = ((allAgreements / finished)*100).toFixed(1);
                totalcount.innerHTML = allAgreements + " (" + percent + "%)";
                totalcount.classList.add("wayfareres_count");

                totalparent.appendChild(totaltext);
                totalparent.appendChild(totalcount);
                insertAfter(totalparent, parentRef);
                totalparent.classList.add("profile-stats__stat");
                totalparent.classList.add("wayfareres_parent");

                const otherparent = document.createElement('div');
                let othertext = document.createElement('div');
                othertext.innerHTML = "Other Agreements";
                othertext.classList.add("wayfareres_text");

                let other = 0;
                let count_type = localStorage['wfcc_count_type_dropdown'];
                if (count_type !== "simple") {
                    other = allAgreements - (accepted + rejected + duplicated);
                }

                let othercount = document.createElement('div');
                othercount.id = "othercountnumber"
                othercount.innerHTML = other;
                othercount.classList.add("wayfareres_count");

                otherparent.appendChild(othertext);
                otherparent.appendChild(othercount);
                insertAfter(otherparent, parentRef.parentElement.lastChild );
                otherparent.classList.add("profile-stats__stat");
                otherparent.classList.add("wayfareres_parent");
            }, 500));
    }

    function getTotalAgreementCount(stats) {
        const {accepted, rejected, duplicated, finished, available, progress, total} = stats;
        const countType = localStorage['wfcc_count_type_dropdown'];
        if (countType === "badgestat") {
            const userId = getUserId();
            let badgeCount = localStorage["wfcc_badge_count_" + userId];
            if (badgeCount === undefined || badgeCount === null || badgeCount === "" || badgeCount === "false" || isNaN(badgeCount)){
                badgeCount = 0;
            }
            let otherCount = localStorage["wfcc_other_count_" + userId];
            if (otherCount === undefined || otherCount === null || otherCount === "" || otherCount === "false" || isNaN(otherCount)){
                return badgeCount;
            }
            otherCount = parseInt(otherCount);
            return accepted + rejected + duplicated + otherCount;
        } else if (countType === "upgradecount" ) {
            const userId = getUserId();
            let bonusUpgrade = parseInt(localStorage["wfcc_bonus_upgrade_" + userId]);
            if (bonusUpgrade === undefined || bonusUpgrade === null || bonusUpgrade === "" || bonusUpgrade === "false" || isNaN(bonusUpgrade)){
                bonusUpgrade = 0;
            }
            let offsetAgreements = parseInt(localStorage["wfcc_offset_agreements_" + userId]);
            if (offsetAgreements === undefined || offsetAgreements === null || offsetAgreements === "" || offsetAgreements === "false" || isNaN(offsetAgreements)){
                offsetAgreements = 0;
            }
            return (total + available - bonusUpgrade) * 100 + progress + offsetAgreements;
        } else {//"simple"
            return accepted + rejected + duplicated;
        }
    }

    function insertAfter(newNode, referenceNode) {
        referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
    }

    function exportStats() {
      const {performance, finished, accepted, rejected, duplicated, available, progress, total} = stats;
      let total_agreements = getTotalAgreementCount(stats);
      const base_agreements = accepted + rejected + duplicated;
      let other = total_agreements - base_agreements;

      let count_type = localStorage['wfcc_count_type_dropdown'];
      if (count_type === "badgestat") {
          count_type = "facts";
      } else if (count_type === "upgradecount" ) {
          count_type = "aprox";
      } else {
          count_type = "simple";
          other = 0;
      }

      const userId = getUserId();
      let badgeCount = localStorage["wfcc_badge_count_" + userId];
      if (badgeCount === undefined || badgeCount === null || badgeCount === "" || badgeCount === "false"){
        badgeCount = 0;
      } else {
        badgeCount = parseInt(badgeCount);
      }
      let bonusUpgrade = parseInt(localStorage["wfcc_bonus_upgrade_" + userId]);
      if (bonusUpgrade === undefined || bonusUpgrade === null || bonusUpgrade === "" || bonusUpgrade === "false" || isNaN(bonusUpgrade)){
          bonusUpgrade = 0;
      }
      let offsetAgreements = parseInt(localStorage["wfcc_offset_agreements_" + userId]);
      if (offsetAgreements === undefined || offsetAgreements === null || offsetAgreements === "" || offsetAgreements === "false" || isNaN(offsetAgreements)){
          offsetAgreements = 0;
      }

      const exportData = {
        "current_rating": performance,
        "total_nominations": finished,
        "total_agreements": total_agreements,
        "accepted": accepted,
        "rejected": rejected,
        "duplicates": duplicated,
        "other": other,
        "upgrades_available": available,
        "current_progress": progress,
        "upgrades_redeemed": total,
        "extended_type": count_type,
        "badge_count": badgeCount,
        "bonus_upgrades": bonusUpgrade,
        "agreement_offset": offsetAgreements
      }

      navigator.clipboard.writeText(JSON.stringify(exportData));
    }

    function getUserId() {
        var els = document.getElementsByTagName("image");
        for (var i = 0; i < els.length; i++) {
           const element = els[i];
           const attribute = element.getAttribute("href");
           let fields = attribute.split('/');
           let userId = fields[fields.length-1];
           fields = userId.split('=');
           userId = fields[0];
           return userId;
        }
        return "temporary_default_userid";
    }

    function addCss() {
        const css = `

            .wayfarercc {
                color: #333;
                margin-left: 2em;
                padding-top: 0.3em;
                text-align: center;
                display: none;
              }

            .wayfarercc_select {
                margin:  2px 12px;
                padding: 2px 12px;
                background-color: #FFFFFF;
                color: black;
            }

            .wayfarercc_input {
                margin:  2px 12px;
                padding: 2px 12px;
                width: 90px;
                background-color: #FFFFFF;
                color: black;
            }

            .wayfareres_settings_label {
                margin:  2px 12px;
                padding: 2px 12px;
                color: black;
                font-size: 16px;
            }

              .wayfareres_parent {
                  display: flex;
                  justify-content: space-between;
                  margin: 16px 0px 0px;
              }

              .wayfareres_text {
                  font-size: 18px;
              }

              .wayfareres_count {
                  font-size: 18px;
                  display: flex;
                  margin: 0px 0px 0px 0px;
              }

              .wayfarercc__visible {
                display: block;
              }

              .dark .wayfarerrh {
                color: #ddd;
              }

              .wayfarercc__button {
                background-color: #e5e5e5;
                border: none;
                color: #ff4713;
                padding: 4px 10px;
                margin: 1px;
                text-align: center;
                text-decoration: none;
                display: inline-block;
                font-size: 16px;
              }

              .dark .wayfarercc__button {
                background-color: #404040;
                color: #20B8E3;
              }

              .wayfarercc__hiddendl {
                display: none;
              }

            .wrap-collabsible {
                margin-bottom: 1.2rem;
            }

            #collapsible,
            #collapsed-stats {
                display: none;
            }

            .lbl-toggle-es {
                display: block;
                font-weight: bold;
                font-family: monospace;
                font-size: 1.2rem;
                text-transform: uppercase;
                text-align: center;
                padding: 1rem;
                color: white;
                background: #DF471C;
                cursor: pointer;
                border-radius: 7px;
                transition: all 0.25s ease-out;
                width: 50%;
                margin: auto;
            }

            .lbl-toggle-es:hover {
                color: lightgrey;
            }

            .lbl-toggle-es::before {
                content: ' ';
                display: inline-block;
                border-top: 5px solid transparent;
                border-bottom: 5px solid transparent;
                border-left: 5px solid currentColor;
                vertical-align: middle;
                margin-right: .7rem;
                transform: translateY(-2px);
                transition: transform .2s ease-out;
            }

            .toggle {
                display:none;
            }

            .toggle:checked+.lbl-toggle-es::before {
                transform: rotate(90deg) translateX(-3px);
            }

            .collapsible-content-es {
                max-height: 0px;
                overflow: hidden;
                transition: max-height .25s ease-in-out;
                font-size: 16px;
                background-color: #e5e5e5;
                border: 1px;
                border-radius: 3px;
                border-style: double;
                border-color: #ff4713;
                margin: auto;
                width: 50%;
            }

            .toggle:checked+.lbl-toggle-es+.collapsible-content-es {
                max-height: 9999999pt;
            }

            .toggle:checked+.lbl-toggle-es {
                border-bottom-right-radius: 0;
                border-bottom-left-radius: 0;
            }

            .collapsible-content-es .content-inner {
                border-bottom: 1px solid rgba(0, 0, 0, 1);
                border-left: 1px solid rgba(0, 0, 0, 1);
                border-right: 1px solid rgba(0, 0, 0, 1);
                border-bottom-left-radius: 7px;
                border-bottom-right-radius: 7px;
                padding: .5rem 1rem;
            }

            .content-inner td:last-child {
                text-align: right;
            }

            th,
            td {
                border: white solid 1pt;
                padding: 1pt 5pt;
            }
            `;
        const style = document.createElement('style');
        style.type = 'text/css';
        style.innerHTML = css;
        document.querySelector('head').appendChild(style);
    }
}

init();