From 92f9722532ebcf53be7ae8703e6c227c935773a3 Mon Sep 17 00:00:00 2001
From: Kiron <kiron1@gmail.com>
Date: Sat, 16 Dec 2023 18:28:58 +0800
Subject: [PATCH] Show provided packages

---
 public/index.html | 61 +++++++++++++++++++++++++++++++++++++++--------
 1 file changed, 51 insertions(+), 10 deletions(-)

diff --git a/public/index.html b/public/index.html
index 0e20fb9..b0a06d4 100644
--- a/public/index.html
+++ b/public/index.html
@@ -50,16 +50,8 @@
         line-height: 1.6;
     }
 
-    ul {
-        list-style: none;
-        margin: 25px 0;
-        padding: 0;
-    }
-
-    li {
-        display: table-cell;
-        font-weight: bold;
-        width: 1%;
+    ul, li {
+        color: rgba(0, 0, 0, 0.5);
     }
     </style>
 </head>
@@ -92,6 +84,10 @@ <h1>Colorto.cc Packages</h1>
             <code>echo 'deb [signed-by=/usr/share/keyrings/packages-colortocc.gpg] https://packages.colorto.cc/ubuntu focal main' | sudo tee -a /etc/apt/sources.list.d/colortocc.list</code>
         </p>
 
+        <p>Provided packages:</p>
+        <ul id="focal">
+        </ul>
+
         <p>
             <strong>Ubuntu 22.04 LTS Jammy Package Repository</strong>
         </p>
@@ -100,6 +96,10 @@ <h1>Colorto.cc Packages</h1>
             <code>echo 'deb [signed-by=/usr/share/keyrings/packages-colortocc.gpg] https://packages.colorto.cc/ubuntu jammy main' | sudo tee -a /etc/apt/sources.list.d/colortocc.list</code>
         </p>
 
+        <p>Provided packages:</p>
+        <ul id="jammy">
+        </ul>
+
         <p>
             <strong>Issues</strong>
         </p>
@@ -109,5 +109,46 @@ <h1>Colorto.cc Packages</h1>
         </p>
 
     </div>
+    <script>
+        const packages = (pkg) => {
+            let result = [];
+            let m = new Map();
+            for(const line of pkg.split("\n")) {
+                const match = line.match(/([^:]+):(.*)/);
+                if(match !== null) {
+                    const [_full, casedKey, rawValue] = match;
+                    const key = casedKey.toLocaleLowerCase();
+                    const value = rawValue.trim();
+                    m.set(key, value);
+                    const package = m.get("package");
+                    const version = m.get("version");
+                    const filename = m.get("filename");
+                    if(package !== undefined && version !== undefined && filename !== undefined ) {
+                        result.push({ package, version, filename });
+                        m.clear();
+                    }
+                }
+            }
+            return result;
+        };
+
+        const appendPackages = (node, pkg) => {
+            for(const p of pkg) {
+                const a = document.createElement("a");
+                a.href = `ubuntu/${p.filename}`;
+                a.appendChild(document.createTextNode(`${p.package} ${p.version}`));
+                const item = document.createElement("li");
+                item.appendChild(a);
+                node.appendChild(item);
+            }
+        };
+
+        for(const suite of ["focal", "jammy"]) {
+            fetch("ubuntu/dists/focal/main/binary-amd64/Packages")
+                .then(r => r.text())
+                .then(r => appendPackages(document.getElementById(suite), packages(r)))
+                .catch(console.error);
+        }
+    </script>
 </body>
 </html>