From 77831a1df6172107a481bc2834f918a07c8e5c7f Mon Sep 17 00:00:00 2001
From: Brandon Rozek <brozek@brandonrozek.com>
Date: Sat, 19 Oct 2024 21:00:24 -0400
Subject: [PATCH 1/4] Attempt at offline posts page

---
 content/offline.md | 75 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 75 insertions(+)

diff --git a/content/offline.md b/content/offline.md
index cce8ac6..2cbab91 100644
--- a/content/offline.md
+++ b/content/offline.md
@@ -9,3 +9,78 @@ Your device is offline. You may have some pages cached for offline viewing,
 otherwise please wait for the internet to reconnect to continue browsing.
 
 [Homepage](/)
+
+{{< unsafe >}}
+
+<ul id='offline-posts'></ul>
+
+<script>
+
+function daysAgo(date) {
+  date.setHours(0, 0, 0, 0);
+  const time = date.getTime();
+  const now = today.getTime();
+  const delta = ((now - time) / 1000 / 60 / 60 / 24) | 0;
+
+  if (delta < 1) {
+    return 'today';
+  }
+
+  if (delta === 1) {
+    return 'yesterday';
+  }
+
+  return `${delta | 0} days ago`;
+}
+
+async function listPages() {
+  // Get a list of all of the caches for this origin
+  const cacheNames = await caches.keys();
+  const result = [];
+
+  for (const name of cacheNames) {
+    // Open the cache
+    if (name.includes('/blog')) {
+      const cache = await caches.open(name);
+
+      // Get a list of entries. Each item is a Request object
+      for (const request of await cache.keys()) {
+        const url = request.url;
+        const post = await cache.match(request);
+        const body = await post.text();
+        const title = body.match(/<title>(.*)<\/title>/)[1];
+        result.push({
+          url,
+          post,
+          title,
+          visited: new Date(post.headers.get('date')),
+        });
+        }
+      }
+  }
+  
+
+  const el = document.querySelector('#offline-posts');
+
+  if (result.length) {
+    el.innerHTML = result
+      .sort((a, b) => {
+        return a.published.toJSON() < b.published.toJSON() ? 1 : -1;
+      })
+      .map((res) => {
+        let html = `<li>
+        <a href="${res.url}">${res.title}</a>
+        <small><span title="${res.visited.toString()}">
+            (visited ${daysAgo(res.visited)})
+        </span></small>
+        </li>`;
+        return html;
+      })
+      .join('\n');
+  }
+
+  return result;
+}
+</script>
+
+{{< /unsafe >}}
\ No newline at end of file

From 251e3355dedcbb01949f8bbab7f3484de9d7f458 Mon Sep 17 00:00:00 2001
From: Brandon Rozek <brozek@brandonrozek.com>
Date: Sat, 19 Oct 2024 21:06:12 -0400
Subject: [PATCH 2/4] Call listPages on page load

---
 content/offline.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/content/offline.md b/content/offline.md
index 2cbab91..30f833b 100644
--- a/content/offline.md
+++ b/content/offline.md
@@ -81,6 +81,10 @@ async function listPages() {
 
   return result;
 }
+
+document.addEventListener("DOMContentLoaded", (event) => {
+  listPages()
+});
 </script>
 
 {{< /unsafe >}}
\ No newline at end of file

From 3161801ca58685424a11ef2864678f618536fa04 Mon Sep 17 00:00:00 2001
From: Brandon Rozek <brozek@brandonrozek.com>
Date: Sat, 19 Oct 2024 21:11:48 -0400
Subject: [PATCH 3/4] Service worker update

---
 content/offline.md | 4 +++-
 themes/pulp        | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/content/offline.md b/content/offline.md
index 30f833b..65b406c 100644
--- a/content/offline.md
+++ b/content/offline.md
@@ -83,7 +83,9 @@ async function listPages() {
 }
 
 document.addEventListener("DOMContentLoaded", (event) => {
-  listPages()
+  if (navigator && navigator.serviceWorker) {
+    listPages()
+  }
 });
 </script>
 
diff --git a/themes/pulp b/themes/pulp
index df0ec44..be3e20f 160000
--- a/themes/pulp
+++ b/themes/pulp
@@ -1 +1 @@
-Subproject commit df0ec44936cb06d4ec0282e3cd057321ad655b2a
+Subproject commit be3e20feb6562044b0b6559810d4482bf90f9ef2

From 5f0441e62983761ffb6aed62c2ba961c6bd4a28e Mon Sep 17 00:00:00 2001
From: Brandon Rozek <brozek@brandonrozek.com>
Date: Sat, 19 Oct 2024 21:38:51 -0400
Subject: [PATCH 4/4] Fixing up offline page

---
 content/offline.md | 33 +++++++++++++++------------------
 1 file changed, 15 insertions(+), 18 deletions(-)

diff --git a/content/offline.md b/content/offline.md
index 65b406c..ac70121 100644
--- a/content/offline.md
+++ b/content/offline.md
@@ -8,17 +8,19 @@ hidden: true
 Your device is offline. You may have some pages cached for offline viewing,
 otherwise please wait for the internet to reconnect to continue browsing.
 
-[Homepage](/)
-
 {{< unsafe >}}
 
-<ul id='offline-posts'></ul>
+<ul id='offline-posts'>
+  <li><a href='/'>Homepage</a></li>
+</ul>
 
 <script>
 
 function daysAgo(date) {
   date.setHours(0, 0, 0, 0);
   const time = date.getTime();
+  const today = new Date();
+  today.setHours(0, 0, 0, 0);
   const now = today.getTime();
   const delta = ((now - time) / 1000 / 60 / 60 / 24) | 0;
 
@@ -35,19 +37,18 @@ function daysAgo(date) {
 
 async function listPages() {
   // Get a list of all of the caches for this origin
-  const cacheNames = await caches.keys();
   const result = [];
+  const cache = await caches.open('v1::website');
 
-  for (const name of cacheNames) {
-    // Open the cache
-    if (name.includes('/blog')) {
-      const cache = await caches.open(name);
-
-      // Get a list of entries. Each item is a Request object
-      for (const request of await cache.keys()) {
-        const url = request.url;
-        const post = await cache.match(request);
+  // Get a list of entries. Each item is a Request object
+  for (const request of await cache.keys()) {
+    const url = request.url;
+    if (url.includes('/blog')) {
+      console.log(url)
+      const post = await cache.match(request);
+      if (post.headers.get('content-type') === 'text/html') {
         const body = await post.text();
+        console.log(body)
         const title = body.match(/<title>(.*)<\/title>/)[1];
         result.push({
           url,
@@ -55,18 +56,14 @@ async function listPages() {
           title,
           visited: new Date(post.headers.get('date')),
         });
-        }
       }
+    }
   }
   
-
   const el = document.querySelector('#offline-posts');
 
   if (result.length) {
     el.innerHTML = result
-      .sort((a, b) => {
-        return a.published.toJSON() < b.published.toJSON() ? 1 : -1;
-      })
       .map((res) => {
         let html = `<li>
         <a href="${res.url}">${res.title}</a>