monkeytype capture results userscript.js

// ==UserScript==
// @name         Monkeytype results
// @version      0.1
// @description  Monkeytype results
// @author       You
// @match        https://monkeytype.com/*
// @icon         data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @grant        none
// ==/UserScript==

(function () {
  const url = 'fill me in';

  setTimeout(() => {
    const btn = document.querySelector("#result .stats .tags .editTagsButton");
    let lastResult;
    const observer = new MutationObserver(function (_mutations) {
      const gotResult = btn.getAttribute("result-id");
      if (gotResult === "") {
        return;
      }
      if (gotResult === lastResult) {
        alert(
          `gotResult(${gotResult}) === lastResult(${lastResult}), skipping`
        );
        return;
      }
      lastResult = gotResult;

      const replayStr = replay();
      const statsObj = stats();
      const body = JSON.stringify({
        stats: statsObj,
        id: gotResult,
        replay: replayStr,
      });

      fetch(url, {
        method: "POST",
        headers: { "Content-Type": "application/json" },
        body,
      })
        .then((res) => {
          return res.json();
        })
        .then((json) => {
          if (json.error) {
            console.error(json);
            alert(`Error saving result: ${json.error}`);
          } else {
            console.log(json);
          }
        })
        .catch((err) => {
          alert(`Error saving result: ${err}`);
        });
    });
    observer.observe(btn, {
      attributes: true,
      attributeFilter: ["result-id"],
    });
    console.log("Waiting for results");
  }, 1000);
})();