From 4b046291b2ec256d7592d6852e9ea3711fffca3e Mon Sep 17 00:00:00 2001
From: o0kam1 <duzhaokun2@gmail.com>
Date: Thu, 23 Oct 2025 02:41:35 +0800
Subject: [PATCH 1/2] Make UserScript commands group by name

---
 app/src/main/assets/eruda.css |  2 +-
 app/src/main/assets/eruda.js  | 31 ++++++++++++++++++++++++-------
 2 files changed, 25 insertions(+), 8 deletions(-)

diff --git a/app/src/main/assets/eruda.css b/app/src/main/assets/eruda.css
index ff9f10b5..18904c24 100644
--- a/app/src/main/assets/eruda.css
+++ b/app/src/main/assets/eruda.css
@@ -163,7 +163,7 @@ h2.eruda-title {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-around;
-  > span {
+  .eruda-command {
     padding: 0.3em;
     margin: 0.3em;
     border: 0.5px solid violet;
diff --git a/app/src/main/assets/eruda.js b/app/src/main/assets/eruda.js
index 8d36d8b0..83320119 100644
--- a/app/src/main/assets/eruda.js
+++ b/app/src/main/assets/eruda.js
@@ -316,14 +316,31 @@ eruda.Resources = class extends eruda.Resources {
   }
   refreshCommand() {
     this._command = ChromeXt.commands.filter((m) => m.enabled);
-    const commands = this._command
-      .map(function (cmd, index) {
-        let title = cmd.title.toString();
-        if (typeof cmd.title == "function") {
-          title = cmd.title(index);
-        }
-        return `<span data-index=${index} class="${c("command")}">${title}</span>`;
+    const commands = Map.groupBy(this._command
+        .map(function (cmd, index) {
+          cmd["index"] = index;
+          return cmd;
+        }),
+      function (cmd) {
+        return cmd.id
+      })
+      .entries()
+      .map(function (entry) {
+        let cmds = entry[1]
+          .map(function (cmd) {
+            let title = cmd.title.toString();
+            if (typeof cmd.title == "function") {
+              title = cmd.title(cmd.index);
+            }
+            return `<span data-index="${cmd.index}" class="${c("command")}">${title}</span>`;
+          })
+          .join("")
+        return `<div class="${c("command-group")}">` +
+                  `<h3 class="${c("title")}">${entry[0].split(':').at(-1)}</h3>` +
+                  `${cmds}` +
+                `</div>`;
       })
+      .toArray()
       .join("");
     this._$command.html(
       `<h2 class="${c("title")}">UserScript Commands</h2>` +

From 94299de78a072bc4499c8bb363886dd767e37062 Mon Sep 17 00:00:00 2001
From: o0kam1 <duzhaokun2@gmail.com>
Date: Thu, 23 Oct 2025 03:01:06 +0800
Subject: [PATCH 2/2] Fix broke info page style

---
 app/src/main/assets/eruda.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/src/main/assets/eruda.css b/app/src/main/assets/eruda.css
index 18904c24..51116589 100644
--- a/app/src/main/assets/eruda.css
+++ b/app/src/main/assets/eruda.css
@@ -163,7 +163,8 @@ h2.eruda-title {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-around;
-  .eruda-command {
+  .eruda-command,
+  .eruda-script {
     padding: 0.3em;
     margin: 0.3em;
     border: 0.5px solid violet;