[PS] Add Rating (#67)

See pull request: #67

Author: ikelax

README.md

@@ -32,17 +32,20 @@ them add functionality to pages of the Saarland University.
    | [CMS Navbar Materials][cnm-docs]          | [install][cnm-raw]  |  [GF][cnm-gf] [OU][cnm-ou]  |
    | [YouTube Five Videos in Row][yt-docs]     |  [install][yt-raw]  |   [GF][yt-gf] [OU][yt-ou]   |
    | [GitHub Link Dashboard Avatar][glda-docs] | [install][glda-raw] | [GF][glda-gf] [OU][glda-ou] |
+   | [\[PS\] Add Rating][psr-docs]             | [install][psr-raw]  |  [GF][psr-gf] [OU][psr-ou]  |
 
 [mnc-docs]: docs/Mensaar_Navbar_Canteens.md
 [msnd-docs]: docs/Mensaar_Show_Next_Day.md
 [cnm-docs]: docs/CMS_Navbar_Materials.md
 [yt-docs]: docs/YouTube_Five_Videos_in_Row.md
 [glda-docs]: docs/GitHub_Link_Dashboard_Avatar.md
+[psr-docs]: docs/PS_Add_Rating.md
 [mnc-raw]: https://github.com/ikelax/userscripts/raw/refs/heads/master/userscripts/mensaar-add-uds-htw.user.js
 [msnd-raw]: https://github.com/ikelax/userscripts/raw/refs/heads/master/userscripts/mensaar-show-next-day-when-closed.user.js
 [cnm-raw]: https://github.com/ikelax/userscripts/raw/refs/heads/master/userscripts/uds-cms-add-materials.user.js
 [yt-raw]: https://github.com/ikelax/userscripts/raw/refs/heads/master/userscripts/youtube-five-videos-in-row.user.js
 [glda-raw]: https://github.com/ikelax/userscripts/raw/refs/heads/master/userscripts/github-link-dashboard-avatar.user.js
+[psr-raw]: https://github.com/ikelax/userscripts/raw/refs/heads/master/userscripts/ps-add-rating.user.js
 [mnc-gf]: https://greasyfork.org/en/scripts/533937-mensaar-navbar-uds-htw
 [msnd-gf]: https://greasyfork.org/en/scripts/533989-mensaar-show-next-day
 [cnm-gf]: https://greasyfork.org/en/scripts/533938-cms-navbar-materials

docs/PS_Add_Rating.md

@@ -0,0 +1,10 @@
+# [PS] Add Rating
+
+This is a userscript for [Pokémon Showdown][ps]. It adds in
+battles, the rating of the player below its sprite.
+
+## Screenshot
+
+![Trainer with sprite and rating](../images/psr.png)
+
+[ps]: https://play.pokemonshowdown.com/

images/psr.png

@@ -0,0 +1,50 @@
+// ==UserScript==
+// @name             [PS] Add Rating
+// @namespace        https://github.com/ikelax/userscripts
+// @match            https://play.pokemonshowdown.com/*
+// @grant            none
+// @version          0.1.0
+// @author           Alexander Ikonomou
+// @description      Adds in battles, the rating of the player below its sprite.
+// @license          MIT
+// @supportURL       https://github.com/ikelax/userscripts/issues
+// @updateURL        https://raw.githubusercontent.com/ikelax/userscripts/refs/heads/master/userscripts/ps-add-rating.user.js
+// @downloadURL      https://raw.githubusercontent.com/ikelax/userscripts/refs/heads/master/userscripts/ps-add-rating.user.js
+// @copyright        2025, Alexander Ikonomou (https://github.com/ikelax)
+// @homepageURL      https://github.com/ikelax/userscripts
+// @homepage         https://github.com/ikelax/userscripts
+// @contributionURL  https://github.com/ikelax/userscripts
+// @collaborator     ikelax
+// @icon             https://www.google.com/s2/favicons?sz=64&domain=pokemonshowdown.com
+// ==/UserScript==
+
+(function () {
+  "use strict";
+
+  function addRating(trainer) {
+    let trainersprite = trainer.querySelector(`div.trainersprite`);
+    let rating = document.createElement("strong");
+    rating.innerText = trainersprite.title || "Rating: None";
+    rating.id = "rating";
+    trainersprite.parentNode.insertBefore(rating, trainersprite.nextSibling);
+  }
+
+  function watchForElement(selector, onAppear) {
+    const observer = new MutationObserver(() => {
+      const element = document.querySelector(selector);
+
+      if (!document.querySelector(`${selector} > strong#rating`)) {
+        onAppear(element);
+      }
+    });
+
+    observer.observe(document.body, {
+      childList: true,
+      subtree: true,
+    });
+  }
+
+  watchForElement("div.trainer-far", (trainer) => addRating(trainer));
+
+  watchForElement("div.trainer-near", (trainer) => addRating(trainer));
+})();