Merge branch 'main' into main

Author: rgantzos

extras/feature-locales/en.json

@@ -0,0 +1,25 @@
+{
+  "title": "Red Admin Message Indicator",
+  "description": "If you have an admin notification from the Scratch Team, the message indicator in the navigation bar will display red instead of orange.",
+  "credits": [
+    {
+      "username": "rgantzos",
+      "url": "https://scratch.mit.edu/users/rgantzos"
+    }
+  ],
+  "scripts": [
+    {
+      "file": "script.js",
+      "runOn": "/*"
+    }
+  ],
+  "styles": [
+    {
+      "file": "style.css",
+      "runOn": "/*"
+    }
+  ],
+  "tags": [],
+  "type": ["Website"],
+  "dynamic": "true"
+}

features/admin-notifications.js

@@ -0,0 +1,25 @@
+export default async function ({ feature, console }) {
+  const session = await ScratchTools.Session();
+  if (!session.user) return;
+
+  const username = session.user.username;
+  const response = await fetch(
+    `https://api.scratch.mit.edu/users/${username}/messages/admin`,
+    {
+      headers: {
+        "x-token": session.user.token,
+      },
+    }
+  );
+  const data = await response.json();
+
+  if (data.length > 0) {
+    if (feature.tab.scratch === 2) {
+      document
+        .querySelector(".notificationsCount")
+        .classList.add("ste-red-alert");
+    } else {
+      document.querySelector(".message-count").classList.add("ste-red-alert");
+    }
+  }
+}

features/admin-notifications/data.json

@@ -0,0 +1,3 @@
+.ste-red-alert {
+  background-color: #ff1a1a !important;
+}

features/admin-notifications/script.js

@@ -4,6 +4,11 @@
     "id": "wrap-lists",
     "versionAdded": "v3.3.0"
   },
+  {
+    "version": 2,
+    "id": "live-stats",
+    "versionAdded": "v3.3.0"
+  },
   {
     "version": 2,
     "id": "hide-scratch-news",
@@ -237,6 +242,10 @@
     "version": 2,
     "id": "box-shadows"
   },
+  {
+    "version": 2,
+    "id": "admin-notifications"
+  },
   {
     "title": "Nicknames",
     "description": "Set nicknames for other Scratchers. Only you can see the nicknames, and their username will be replaced with the nickname when you see their name.",
@@ -677,15 +686,6 @@
     "type": ["Website", "Editor"],
     "dynamic": true
   },
-  {
-    "title": "Message Indicator Red for Admin Messages",
-    "description": "If you have an admin notification from the Scratch Team, the message indicator in the navigation bar will display red instead of orange.",
-    "credits": ["rgantzos"],
-    "urls": ["https://scratch.mit.edu/users/rgantzos/"],
-    "file": "admin-notifications",
-    "tags": [],
-    "type": ["Website"]
-  },
   {
     "title": "Custom Website Font",
     "description": "On the Scratch website, you can set the font to whatever font you want, as long as it is on the Google Fonts website. This is case-sensitive.",

features/admin-notifications/style.css

@@ -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/features.json

@@ -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);
+    }
+  );
+}