From eff2e1e7b31f046c974b88b409296af81b9f5615 Mon Sep 17 00:00:00 2001
From: Joe Mou <dev@mou.fo>
Date: Thu, 22 Jan 2026 18:35:27 -0500
Subject: Add blob view for displaying file contents

---
 cgithub/views/blob.eta | 37 +++++++++++++++++++++++++++++++++++++
 cgithub/views/tree.eta |  2 +-
 2 files changed, 38 insertions(+), 1 deletion(-)
 create mode 100644 cgithub/views/blob.eta

(limited to 'cgithub/views')

diff --git a/cgithub/views/blob.eta b/cgithub/views/blob.eta
new file mode 100644
index 0000000..d3c6a56
--- /dev/null
+++ b/cgithub/views/blob.eta
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title><%= it.repo.owner %>/<%= it.repo.name %> - <%= it.path %></title>
+  <link rel="stylesheet" href="/static/style.css">
+</head>
+<body>
+  <header>
+    <h1><%= it.repo.owner %>/<%= it.repo.name %></h1>
+    <div>branch: <%= it.branch %></div>
+    <div>
+      path: <a href="/<%= it.repo.owner %>/<%= it.repo.name %>/tree/<%= it.branch %>">root</a><%
+      const pathParts = it.path.split('/').filter(p => p);
+      let currentPath = '';
+      for (let i = 0; i < pathParts.length; i++) {
+        const part = pathParts[i];
+        currentPath += (currentPath ? '/' : '') + part;
+        const isLast = i === pathParts.length - 1;
+        if (isLast) {
+          %>/<%= part %><%
+        } else {
+          %>/<a href="/<%= it.repo.owner %>/<%= it.repo.name %>/tree/<%= it.branch %>/<%= currentPath %>"><%= part %></a><%
+        }
+      } %>
+    </div>
+    <% if (it.language) { %>
+      <div>language: <%= it.language %></div>
+    <% } %>
+    <div>size: <%= it.size %> bytes</div>
+  </header>
+
+  <pre class="blob"><code><%= it.rawContent %></code></pre>
+
+  <footer>Generated by cgithub</footer>
+</body>
+</html>
diff --git a/cgithub/views/tree.eta b/cgithub/views/tree.eta
index 4194216..b49668d 100644
--- a/cgithub/views/tree.eta
+++ b/cgithub/views/tree.eta
@@ -30,7 +30,7 @@
           <% if (item.contentType === 'directory') { %>
             <a href="/<%= it.repo.owner %>/<%= it.repo.name %>/tree/<%= it.branch %>/<%= item.path %>"><%= item.name %></a>
           <% } else { %>
-            <%= item.name %>
+            <a href="/<%= it.repo.owner %>/<%= it.repo.name %>/blob/<%= it.branch %>/<%= item.path %>"><%= item.name %></a>
           <% } %>
         </td>
       </tr>
-- 
cgit v1.3.1