Live stats

Author: rgantzos

features/features.json

@@ -1,4 +1,9 @@
 [
+  {
+    "version": 2,
+    "id": "live-stats",
+    "versionAdded": "v3.3.0"
+  },
   {
     "version": 2,
     "id": "hide-scratch-news",

features/live-stats/data.json

@@ -0,0 +1,20 @@
+{
+  "title": "Live Stats",
+  "description": "Updates the loves, favorites, remixes, and views on a project live, without having to reload to view the new counts.",
+  "credits": [
+    {
+      "username": "RowanMoonBoy",
+      "url": "https://scratch.mit.edu/users/RowanMoonBoy/"
+    },
+    { "username": "rgantzos", "url": "https://scratch.mit.edu/users/rgantzos/" }
+  ],
+  "scripts": [
+    {
+      "file": "script.js",
+      "runOn": "/projects/*"
+    }
+  ],
+  "dynamic": true,
+  "type": ["Website"],
+  "tags": ["New", "Featured"]
+}

features/live-stats/script.js

@@ -0,0 +1,34 @@
+export default function ({ feature, console }) {
+  ScratchTools.waitForElements(
+    "div.flex-row.stats.noselect",
+    async function (row) {
+      let love = row.querySelector(".project-loves");
+      let favorite = row.querySelector(".project-favorites");
+      let remix = row.querySelector(".project-remixes");
+      let view = row.querySelector(".project-views");
+
+      let interval = setInterval(async function () {
+        if (!row) clearInterval(interval);
+        if (!row) return;
+        if (!feature.self.enabled) return;
+
+        let data = await (
+          await fetch(
+            `https://api.scratch.mit.edu/projects/${
+              window.location.pathname.split("/")[2]
+            }/?nocache=${Date.now().toString()}`
+          )
+        ).json();
+
+        if (data.error) return;
+
+        love.textContent = data.stats.loves.toString()
+        favorite.textContent = data.stats.favorites.toString()
+        remix.textContent = data.stats.remixes.toString()
+        view.textContent = data.stats.views.toString()
+
+        feature.redux.getState().preview.projectInfo.stats = data.stats
+      }, 5000);
+    }
+  );
+}