Update advanced-search

.github/scripts/extract-classnames.js

@@ -19,14 +19,27 @@ function traverseDir(dir) {
       const regex = /className\(["'`](.*?)["'`]\)/g;
       let match;
       while ((match = regex.exec(content)) !== null) {
-        collected.add("ste-" + match[1].replaceAll(" ", "-"));
+        collected.add({
+          className: "ste-" + match[1].replaceAll(" ", "-"),
+          features: [
+            dir.split("/features/")[1].split("/")[0].replaceAll(".js", ""),
+          ],
+        });
       }
     }
   }
 }
 
 traverseDir(rootDir);
 
-// Write results
-fs.writeFileSync(outputFile, JSON.stringify([...collected], null, 2));
-console.log(`✅ Extracted ${collected.size} class names to ${outputFile}`);
+const mergedFeatures = Object.values(
+    [...collected].reduce((acc, item) => {
+      if (!acc[item.className]) {
+        acc[item.className] = { className: item.className, features: new Set() };
+      }
+      item.features.forEach(f => acc[item.className].features.add(f));
+      return acc;
+    }, {})
+  ).map(obj => ({ className: obj.className, features: [...obj.features] }));
+
+fs.writeFileSync(outputFile, JSON.stringify(mergedFeatures, null, 2));

.github/workflows/extract-classnames.yml

@@ -8,6 +8,7 @@ on:
 
 jobs:
   extract:
+    if: github.repository == 'STForScratch/ScratchTools'
     runs-on: ubuntu-latest
 
     steps:

features/advanced-search/script.js

@@ -1,32 +1,32 @@
-async function checkIfUser() {
+export default async function ({ feature, console, className }) {
   var search = new URLSearchParams(window.location.search).get("q");
   var user = await (
     await fetch(`https://api.scratch.mit.edu/users/${search}/`)
   ).json();
   if (user.username) {
     var div = document.createElement("div");
-    div.className = "ste-search-user";
+    div.className = className("search user");
     var pfp = document.createElement("img");
     pfp.src = user.profile.images["90x90"];
-    pfp.className = "ste-search-user-pfp";
+    pfp.className = className("search user pfp");
 
     var data = document.createElement("div");
-    data.className = "ste-search-user-data";
+    data.className = className("search user data");
 
     var span = document.createElement("span");
-    span.className = "ste-search-user-username";
+    span.className = className("search user username");
     span.textContent = `@${user.username}`;
     var p = document.createElement("p");
     p.textContent = user.profile.bio;
-    p.className = "ste-search-user-bio";
+    p.className = className("search user bio");
 
     div.appendChild(pfp);
     data.appendChild(span);
     data.appendChild(p);
     div.appendChild(data);
 
     var a = document.createElement("a");
-    a.className = "ste-search-user-btn";
+    a.className = className("search user btn");
     a.href = `/users/${user.username}/`;
     var button = document.createElement("button");
     button.className = "button";
@@ -35,10 +35,10 @@ async function checkIfUser() {
     div.appendChild(a);
 
     var outerDiv = document.createElement("div");
-    outerDiv.className = "ste-search-border-top";
+    outerDiv.className = className("search border top");
     outerDiv.appendChild(div);
 
-    ScratchTools.waitForElements(
+    feature.page.waitForElements(
       "div.sort-controls",
       function (box) {
         if (!box.querySelector(".ste-search-user")) {
@@ -50,4 +50,3 @@ async function checkIfUser() {
     );
   }
 }
-checkIfUser();