Specific replies

Author: rgantzos

feature-locales/specific-replies/en.json

@@ -0,0 +1,3 @@
+{
+    "repliedTo": "replied to a comment from ${commenter} on"
+}

features/features.json

@@ -1,4 +1,9 @@
 [
+  {
+    "version": 2,
+    "id": "specific-replies",
+    "versionAdded": "v3.4.0"
+  },
   {
     "version": 2,
     "id": "anti-generic",

features/specific-replies/data.json

@@ -0,0 +1,14 @@
+{
+  "title": "Specific Reply Messages",
+  "description": "In messages related to comments, specifies who a comment was replying to.",
+  "credits": [
+    {
+      "username": "MaterArc",
+      "url": "https://scratch.mit.edu/users/MaterArc/"
+    },
+    { "username": "rgantzos", "url": "https://scratch.mit.edu/users/rgantzos/" }
+  ],
+  "type": ["Website"],
+  "tags": ["New"],
+  "scripts": [{ "file": "script.js", "runOn": "/messages*" }]
+}

features/specific-replies/script.js

@@ -0,0 +1,37 @@
+export default async function ({ feature, console }) {
+  let updatedReplies = [];
+
+  ScratchTools.waitForElements(
+    "ul.messages-social-list > li.social-message",
+    updateReplies
+  );
+
+  function updateReplies() {
+    let messages = feature.redux.getState().messages.messages.social;
+    document
+      .querySelectorAll("ul.messages-social-list > li.social-message")
+      .forEach(function (msg, i) {
+        if (updatedReplies.includes(msg)) return;
+        if (
+          messages[i].commentee_username &&
+          messages[i].commentee_username !==
+            feature.redux.getState().session.session.user.username
+        ) {
+          let info = msg.querySelector("p.comment-message-info > span");
+          let span = document.createElement("span");
+          let text = info.childNodes[1];
+          info.insertBefore(span, text);
+          text.remove();
+          span.innerHTML =
+            " " +
+            feature.msg("repliedTo").replace("${commenter}", "<a></a>") +
+            " ";
+          span.querySelector("a").textContent = messages[i].commentee_username;
+          span.querySelector(
+            "a"
+          ).href = `/users/${messages[i].commentee_username}/`;
+          updatedReplies.push(msg);
+        }
+      });
+  }
+}