☰

Greasy Fork is available in English.

raceData

Race data

Ce script ne devrait pas être installé directement. C'est une librairie créée pour d'autres scripts. Elle doit être inclus avec la commande // @require https://update.greasyfork.org/scripts/514399/1476019/raceData.js 

// ==UserScript==
// @name         Session Info
// @namespace    https://greasyfork.org/users/1331131-tensorflow-dvorak
// @version      2024-10-26
// @description  Race data
// @match        *://*.nitrotype.com/race
// @match        *://*.nitrotype.com/race/*
// @require      https://update.greasyfork.org/scripts/501960/1418069/findReact.js
// @license      MIT
// @grant        none
// ==/UserScript==

(function () {
  "use strict";

  let sessionStartTime;
  let raceTimes = [];
  let averageWPM = 0;
  let cardColor = localStorage.getItem("nt_cardColor") || "#1a1a2e";
  let buttonColor = localStorage.getItem("nt_buttonColor") || "#5a67d8";

  function initializeSessionData() {
    const persistData = localStorage.getItem("persist:nt");
    if (persistData) {
      const parsedData = JSON.parse(JSON.parse(persistData).user);
      sessionStartTime =
        parseInt(localStorage.getItem("sessionStartTime")) || Date.now();
      raceTimes = JSON.parse(localStorage.getItem("raceTimes")) || [];
      averageWPM = parsedData.avgSpeed || 0;

      if (!localStorage.getItem("sessionStartTime")) {
        localStorage.setItem("sessionStartTime", sessionStartTime);
      }

      return parsedData.sessionRaces || 0;
    }
    return 0;
  }

  let sessionRaces = initializeSessionData();

  function createPostRaceInfo() {
    const dashElement = document.querySelector(".dash");
    const settingsElement = document.querySelector(
      ".nitro-monkey__settings-container"
    );

    if (dashElement && settingsElement) {
      const postRaceContainer = document.createElement("div");
      postRaceContainer.classList.add("nitro-monkey__pr-container");

      postRaceContainer.style.display = "flex";
      postRaceContainer.style.justifyContent = "center";
      postRaceContainer.style.alignItems = "center";
      postRaceContainer.style.padding = "0.5rem";
      postRaceContainer.style.backgroundColor = cardColor;
      postRaceContainer.style.borderRadius = "8px";
      postRaceContainer.style.boxShadow = "0 2px 8px rgba(0, 0, 0, 0.15)";
      postRaceContainer.style.width = "auto";
      postRaceContainer.style.height = "fit-content";
      postRaceContainer.style.color = "#e0e0e0";
      postRaceContainer.style.fontSize = "0.9rem";
      postRaceContainer.style.marginBottom = "1rem";

      postRaceContainer.innerHTML = `
        <table style="width: auto; border-collapse: collapse; font-size: 0.9rem;">
          <tbody>
            <tr>
              <td style="padding: 0.4rem; text-align: left; color: #a0a0a0;">Session Races:</td>
              <td id="sessionValue" style="padding: 0.4rem; text-align: right;">${sessionRaces}</td>
            </tr>
            <tr>
              <td style="padding: 0.4rem; text-align: left; color: #a0a0a0;">Races/hr:</td>
              <td id="hourlyRaces" style="padding: 0.4rem; text-align: right;">${calculateRacesLastHour()}</td>
            </tr>
            <tr>
              <td style="padding: 0.4rem; text-align: left; color: #a0a0a0;">Est. Races/hr:</td>
              <td id="estimatedRaces" style="padding: 0.4rem; text-align: right;">${
                localStorage.getItem("estimatedRaces") || 0
              }</td>
            </tr>
            <tr>
              <td style="padding: 0.4rem; text-align: left; color: #a0a0a0;">Average WPM:</td>
              <td id="averageWPM" style="padding: 0.4rem; text-align: right;">${averageWPM}</td>
            </tr>
            <tr>
              <td colspan="2" style="text-align: center; padding: 0.5rem;">
                <button id="resetButton" style="padding: 0.3rem 0.8rem; font-size: 0.85rem; border: none; border-radius: 5px; background-color: ${buttonColor}; color: #1a1a2e; cursor: pointer;">Reset</button>
              </td>
            </tr>
          </tbody>
        </table>
      `;

      settingsElement.insertBefore(
        postRaceContainer,
        settingsElement.firstChild
      );

      document
        .getElementById("resetButton")
        .addEventListener("click", resetSessionData);

      return true;
    }
    return false;
  }

  const getTypedCharacterCount = () => {
    return document.querySelectorAll(".dash-letter.is-correct.is-typed")
      ?.length;
  };

  const getTotalCharacters = () => {
    return document.querySelectorAll(".dash-letter").length - 1;
  };

  function calculateRacesLastHour() {
    const oneHourAgo = Date.now() - 1000 * 60 * 60;

    const recentRaces = raceTimes.filter(
      (raceTime) => raceTime.timestamp >= oneHourAgo
    );

    return recentRaces.length;
  }

  function calculateEstimatedRacesPerHour() {
    if (raceTimes.length === 0) return 0;

    const avgRaceTimeInHours =
      raceTimes.reduce((a, b) => a + b.duration, 0) /
      raceTimes.length /
      (1000 * 60 * 60);
    const estimatedRacesPerHour = (1 / avgRaceTimeInHours).toFixed(1);

    localStorage.setItem("estimatedRaces", estimatedRacesPerHour);
    return estimatedRacesPerHour;
  }

  function resetSessionData() {
    sessionStartTime = Date.now();
    raceTimes = [];

    document.getElementById("estimatedRaces").textContent = 0;
    document.getElementById("hourlyRaces").textContent = 0;

    localStorage.setItem("sessionStartTime", sessionStartTime);
    localStorage.setItem("raceTimes", JSON.stringify(raceTimes));
    localStorage.setItem("estimatedRaces", 0);

    console.log("Session data reset.");
  }

  const updateSessionInfo = () => {
    const typedCharacters = getTypedCharacterCount();
    const totalCharactersInRace = getTotalCharacters();

    if (
      typedCharacters === totalCharactersInRace &&
      totalCharactersInRace > 0
    ) {
      const currentTime = Date.now();

      const persistData = localStorage.getItem("persist:nt");
      if (persistData) {
        const parsedPersistData = JSON.parse(persistData);
        const user = JSON.parse(parsedPersistData.user);
        sessionRaces = user.sessionRaces = (user.sessionRaces || 0) + 1;
        averageWPM = user.avgSpeed || 0;
        parsedPersistData.user = JSON.stringify(user);
        localStorage.setItem("persist:nt", JSON.stringify(parsedPersistData));
      }

      const raceDuration =
        currentTime -
        (raceTimes.length > 0
          ? raceTimes[raceTimes.length - 1].timestamp
          : sessionStartTime);
      raceTimes.push({ timestamp: currentTime, duration: raceDuration });
      localStorage.setItem("raceTimes", JSON.stringify(raceTimes));

      raceTimes = raceTimes.filter(
        (race) => race.timestamp >= Date.now() - 1000 * 60 * 60
      );

      document.getElementById("sessionValue").textContent = sessionRaces;
      document.getElementById("averageWPM").textContent = averageWPM;

      document.getElementById("hourlyRaces").textContent =
        calculateRacesLastHour();

      const estimatedRaces = calculateEstimatedRacesPerHour();
      document.getElementById("estimatedRaces").textContent = estimatedRaces;

      clearInterval(updateUI);
      console.log(
        "Race Complete. Session Races:",
        sessionRaces,
        "Average WPM:",
        averageWPM
      );
    }
  };

  const interval = setInterval(() => {
    if (createPostRaceInfo()) {
      clearInterval(interval);
    }
  }, 500);

  const updateUI = setInterval(() => {
    updateSessionInfo();
  }, 500);
})();