PascalPixel
diff --git a/‎lib/index.hbs‎
Lines changed: 0 additions & 166 deletions b/‎lib/index.hbs‎
Lines changed: 0 additions & 166 deletions
diff --git a/‎lib/index.ts‎
Lines changed: 97 additions & 41 deletions b/‎lib/index.ts‎
Lines changed: 97 additions & 41 deletions
@@ -1,9 +1,6 @@
-import http, { get } from "http";
-import path from "path";
+import http from "http";
 import semver from "semver";
-import fs from "fs/promises";
 import Router from "find-my-way";
-import Handlebars from "handlebars";
 import { formatDistanceToNow } from "date-fns";
 
 import { getLatest } from "./cache.js";
@@ -23,44 +20,103 @@ export async function carrots(config: Configuration) {
       return;
     }
 
-    // Render html from handlebars template
-    const filepath = path.join(process.cwd(), "lib", "index.hbs");
-    const filecontent = await fs.readFile(filepath, "utf8");
-    const template = Handlebars.compile(filecontent);
-    const files: Record<string, TemplateFile> = {};
-    for (const platform of platforms) {
+    const data = platforms.map((platform) => {
       const asset = latest.get(platform);
-      if (asset) {
-        files[platform] = {
-          key: platform,
-          url: asset.url,
-          size: asset.size,
-          filename: asset.url.split("/").pop() || "",
-          platform: PLATFORMS[platform].name,
-        };
-      }
-    }
-    const sortedFiles: Record<string, TemplateFile> = {};
-    Object.keys(files)
-      .sort((a, b) => {
-        return files[a].platform.localeCompare(files[b].platform);
-      })
-      .forEach((key) => {
-        sortedFiles[key] = files[key];
-      });
-    const variables: TemplateVariables = {
-      account: config.account || "",
-      repository: config.repository || "",
-      date: date
-        ? formatDistanceToNow(new Date(date), { addSuffix: true })
-        : "",
-      files: sortedFiles,
-      version: version || "",
-      releaseNotes: `https://github.com/${config.account}/${config.repository}/releases/tag/${version}`,
-      allReleases: `https://github.com/${config.account}/${config.repository}/releases`,
-      github: `https://github.com/${config.account}/${config.repository}`,
-    };
-    const html = template(variables);
+      if (!asset) return null;
+      return {
+        id: platform,
+        platform: PLATFORMS[platform].platform,
+        arch: PLATFORMS[platform].arch,
+        version: asset.version,
+        date: asset.date,
+        fileName: asset.name,
+      };
+    });
+
+    const html = `
+      <!DOCTYPE html>
+      <html lang="en">
+        <head>
+          <meta charset="utf-8" />
+          <title>${config.account}/${config.repository}</title>
+          <meta name="viewport" content="width=device-width, initial-scale=1" />
+          <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter">
+          <style>
+            body {
+              font-family: 'Inter', sans-serif;
+              margin: 0;
+              background: #000;
+              color: #fff;
+            }
+            h1 {
+              font-size: 2rem;
+            }
+            a {
+              color: #fa0;
+            }
+            main {
+              padding: 2rem;
+              margin: 0 auto;
+              max-width: 768px;
+            }
+            table {
+              width: 100%;
+              border-collapse: collapse;
+              margin-bottom: 2rem;
+              table-layout: fixed;
+            }
+            th {
+              font-weight: bold;
+              background: #111;
+            }
+            th, td {
+              border: 1px solid #444;
+              padding: 0.5rem;
+              text-align: left;
+              vertical-align: top;
+              position: relative;
+              word-break: break-word;
+            }
+          </style>
+        </head>
+        <body>
+          <main>
+            <h1>${config.account}/${config.repository}</h1>
+            <table>
+              <tr>
+                <th>OS</th>
+                <th>Chip</th>
+                <th>Version</th>
+                <th colspan="2">Date</th>
+                <th>Download</th>
+              </tr>
+              ${data
+                .map((asset) =>
+                  asset
+                    ? `
+                        <tr id="${asset.id}">
+                          <td>${asset.platform}</td> 
+                          <td>${asset.arch}</td>
+                          <td>${asset.version}</td>
+                          <td colspan="2">${formatDistanceToNow(
+                            new Date(asset.date),
+                            {
+                              addSuffix: true,
+                            },
+                          )}</td>
+                          <td><a href="/download/${asset.id}">${
+                            asset.fileName
+                          }</a></td>
+                        </tr>
+                      `
+                    : ``,
+                )
+                .join("")}
+            </table>
+          </main>
+        </body>
+      </html>
+    `;
 
     // Send response
     res.statusCode = 200;