From cd435b78c0d8b64f3e961eb2c31056adb8f03a20 Mon Sep 17 00:00:00 2001
From: Alex Collins <alex_collins@intuit.com>
Date: Sat, 15 Nov 2025 12:15:30 -0800
Subject: [PATCH 1/2] Render diffs with Diff2Html and polling

---
 diffs.html | 80 +++++++++++++++++++++++++++++++++++++++---------------
 1 file changed, 58 insertions(+), 22 deletions(-)
diff --git a/diffs.html b/diffs.html
index 3181ca5..a24d8a4 100644
--- a/diffs.html
+++ b/diffs.html
@@ -1,25 +1,61 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
-<head>
-    <meta charset="UTF-8">
-    <title>Diffs</title>
-</head>
-<body>
-    <h1>Git Diffs</h1>
-    <pre id="diff">Loading diffs...</pre>
-    <script>
-        fetch('/', {
-            headers: {
-                'Accept': 'text/x-diff'
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>Git Diffs</title>
+        <link
+            rel="stylesheet"
+            href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/github.min.css"
+            integrity="sha512-0aPQyyeZrWj9sCA46UlmWgKOP0mUipLQ6OZXu8l4IcAmD2u31EPEy9VcIMvl7SoAaKe8bLXZhYoMaE/in+gcgA=="
+            crossorigin="anonymous"
+            referrerpolicy="no-referrer"
+        />
+        <link
+            rel="stylesheet"
+            type="text/css"
+            href="https://cdn.jsdelivr.net/npm/diff2html@3.4.48/bundles/css/diff2html.min.css"
+            integrity="sha384-iBvSlI3tNrrSIy7s6mvLg+5B2Z/QXbR4L0Pzg1nRf8zkXrz5JF316MLm2igMIpi2"
+            crossorigin="anonymous"
+        />
+    </head>
+    <body>
+        <div id="message"></div>
+        <div id="diffs"></div>
+
+        <script
+            type="text/javascript"
+            src="https://cdn.jsdelivr.net/npm/diff2html@3.4.48/bundles/js/diff2html-ui.min.js"
+            integrity="sha384-99bAn+VpNpavq3FarkwuSuDPDHMeakTiNqxxz3ezwdGUr414srIXY3YmXjaAkYne"
+            crossorigin="anonymous"
+        ></script>
+        <script>
+            const message = document.getElementById("message");
+            const diffs = document.getElementById("diffs");
+            let currentDiff = "";
+
+            async function fetchAndRender() {
+                try {
+                    const response = await fetch("/diffs", {
+                        headers: { Accept: "text/x-diff" },
+                    });
+                    const data = await response.text();
+
+                    if (data !== currentDiff) {
+                        currentDiff = data;
+                        await new Diff2HtmlUI(diffs, currentDiff).draw();
+                        message.innerHTML = "";
+                    }
+                } catch (error) {
+                    message.innerHTML =
+                        "<div>Error fetching diffs: " +
+                        error.message +
+                        "</div>";
+                }
             }
-        })
-        .then(response => response.text())
-        .then(data => {
-            document.getElementById('diff').textContent = data || 'No changes';
-        })
-        .catch(error => {
-            document.getElementById('diff').textContent = 'Error loading diffs: ' + error;
-        });
-    </script>
-</body>
+
+            fetchAndRender();
+            setInterval(fetchAndRender, 10000);
+        </script>
+    </body>
 </html>

From 8412baf1b4a94751a8d42bd3d8f1366f10b0fa4f Mon Sep 17 00:00:00 2001
From: Alex Collins <alexec@users.noreply.github.com>
Date: Sat, 15 Nov 2025 12:18:07 -0800
Subject: [PATCH 2/2] Apply suggestion from @alexec

---
 diffs.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/diffs.html b/diffs.html
index a24d8a4..7db1405 100644
--- a/diffs.html
+++ b/diffs.html
@@ -1,4 +1,4 @@
-<!doctype html>
+<!DOCTYPE html>
 <html>
     <head>
         <meta charset="UTF-8" />
