Merge pull request #824 from rgantzos/main

Summarized Descriptions

Author: rgantzos

features/features.json

@@ -1,4 +1,9 @@
 [
+  {
+    "version": 2,
+    "id": "project-descriptions",
+    "versionAdded": "v3.8.0"
+  },
   {
     "version": 2,
     "id": "pin-comments",

features/project-descriptions/data.json

@@ -0,0 +1,19 @@
+{
+    "title": "Summarized Descriptions",
+    "description": "Uses artificial intelligence to summarize project descriptions when you choose to, and shortens long descriptions down to important information, such as gameplay instructions.",
+    "credits": [
+      {
+        "username": "rgantzos",
+        "url": "https://scratch.mit.edu/users/rgantzos/"
+      }
+    ],
+    "dynamic": true,
+    "styles": [{ "file": "style.css", "runOn": "/projects/*" }],
+    "scripts": [
+      { "file": "script.js", "runOn": "/projects/*" }
+    ],
+    "tags": ["New"],
+    "type": ["Website"],
+    "resources": [{ "name": "ai-star", "path": "/star.svg" }]
+  }
+  

features/project-descriptions/script.js

@@ -0,0 +1,37 @@
+export default async function ({ feature, console }) {
+    ScratchTools.waitForElements(".flex-row.project-notes", function(notes) {
+        if (notes.querySelector(".project-textlabel")) {
+            let description = notes.querySelector(".project-description")
+
+            if (description.textContent.replaceAll(" ", "")) {
+                let label = notes.querySelector(".project-textlabel")
+
+                let img = document.createElement("img")
+                img.src = feature.self.getResource("ai-star")
+                img.className = "ai-star"
+                label.appendChild(img)
+
+                img.addEventListener("click", async function() {
+                    img.remove()
+                    notes.innerHTML = ""
+                    
+                    let div = document.createElement("div")
+                    div.className = "description-block ai-description"
+
+                    let inner = document.createElement("div")
+                    inner.className = "project-description"
+                    inner.textContent = "Loading summarization..."
+                    div.appendChild(inner)
+                    notes.appendChild(div)
+
+                    let data = await (await fetch(`https://data.scratchtools.app/description/${window.location.pathname.split("/")[2]}/`)).json()
+                    inner.textContent = data.response
+
+                    let p = document.createElement("p")
+                    p.textContent = "AI description provided by ScratchTools."
+                    div.appendChild(p)
+                })
+            }
+        }
+    })
+}

features/project-descriptions/star.svg

@@ -0,0 +1,31 @@
+.ai-star {
+    height: 1.4rem;
+    position: relative;
+    top: .4rem;
+    margin-left: .3rem;
+    cursor: pointer;
+    transform: none;
+    transition: transform .3s;
+}
+
+.ai-star:hover {
+    transform: scale(1.1);
+}
+
+.ai-description div {
+    background-color: rgb(112 0 255 / 20%) !important;
+    flex: none !important;
+    height: fit-content;
+    font-weight: 500;
+    color: rgb(82, 35, 118);
+}
+
+.ai-description p {
+    margin: 0px;
+    font-size: .8rem;
+    font-weight: 500;
+    width: 100%;
+    text-align: right;
+    margin-top: .2rem;
+    opacity: .6;
+}