brozek/website
1
0
Fork 0
mirror of https://github.com/Brandon-Rozek/website.git synced 2025-10-30 13:41:12 +00:00
Code Issues Projects Releases Packages Activity

Fixing up offline page

Browse source
This commit is contained in:
Brandon Rozek 2024-10-19 21:38:51 -04:00
parent 3161801ca5
commit 5f0441e629
No known key found for this signature in database
GPG key ID: 26E457DA82C9F480
1 changed files with 15 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

33
content/offline.md
View file

@ -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>