146 lines
4.3 KiB
Text
146 lines
4.3 KiB
Text
---
|
|
import { getCollection } from 'astro:content';
|
|
import '../styles/global.css';
|
|
import yaml from 'js-yaml';
|
|
import bookmarksRaw from '../data/bookmarks.yaml?raw';
|
|
import fs from 'node:fs';
|
|
import path from 'node:path';
|
|
import { getApprovedEntries, type GuestbookEntry } from '../lib/db';
|
|
|
|
interface Bookmark {
|
|
date: string;
|
|
title: string;
|
|
url: string;
|
|
}
|
|
|
|
interface TxtFile {
|
|
name: string;
|
|
mtime: Date;
|
|
}
|
|
|
|
const posts = await getCollection('posts');
|
|
const sorted = posts.sort((a, b) => b.data.date.getTime() - a.data.date.getTime());
|
|
|
|
const bookmarks = (yaml.load(bookmarksRaw) as Bookmark[])
|
|
.sort((a, b) => new Date(b.date).getTime() - new Date(a.date).getTime());
|
|
|
|
// Auto-discover txt files from public/txt/
|
|
const txtDir = path.join(process.cwd(), 'public/txt');
|
|
const txtFiles: TxtFile[] = fs.existsSync(txtDir)
|
|
? fs.readdirSync(txtDir)
|
|
.filter(file => file.endsWith('.txt'))
|
|
.map(name => {
|
|
const stat = fs.statSync(path.join(txtDir, name));
|
|
return { name, mtime: stat.mtime };
|
|
})
|
|
.sort((a, b) => b.mtime.getTime() - a.mtime.getTime())
|
|
: [];
|
|
|
|
let guestbookEntries: GuestbookEntry[] = [];
|
|
try {
|
|
guestbookEntries = await getApprovedEntries();
|
|
} catch {
|
|
// DB not available during dev without env vars
|
|
}
|
|
|
|
function formatDate(date: Date): string {
|
|
const d = String(date.getDate()).padStart(2, '0');
|
|
const m = String(date.getMonth() + 1).padStart(2, '0');
|
|
const y = String(date.getFullYear()).slice(-2);
|
|
return `${d}/${m}/${y}`;
|
|
}
|
|
|
|
function formatBookmarkDate(dateStr: string): string {
|
|
const date = new Date(dateStr);
|
|
return formatDate(date);
|
|
}
|
|
|
|
function extractDomain(url: string): string {
|
|
try {
|
|
const parsed = new URL(url);
|
|
return parsed.hostname.replace(/^www\./, '');
|
|
} catch {
|
|
return url;
|
|
}
|
|
}
|
|
---
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head><meta charset="UTF-8"><title>lewis m.w.</title></head>
|
|
<body>
|
|
<header>
|
|
<pre>lewis m.w. <a href="mailto:lewis@wynne.rs">mail</a> <a href="https://github.com/llywelwyn">gh</a></pre>
|
|
</header>
|
|
|
|
<details open>
|
|
<summary>blog</summary>
|
|
<pre set:html={[
|
|
...sorted.slice(0, 10).map(post => `<span class="muted">${formatDate(post.data.date)}</span> <a href="/blog/${post.id}">${post.data.title}</a>`),
|
|
...(sorted.length > 10 ? [`<a href="/blog/">+${sorted.length - 10} more</a>`] : [])
|
|
].join('\n')} />
|
|
</details>
|
|
|
|
<details open>
|
|
<summary>txt</summary>
|
|
<pre set:html={[
|
|
...txtFiles.slice(0, 10).map(f => `<span class="muted">${formatDate(f.mtime)}</span> <a href="/txt/${f.name}">${f.name}</a>`),
|
|
...(txtFiles.length > 10 ? [`<a href="/txt/">+${txtFiles.length - 10} more</a>`] : [])
|
|
].join('\n')} />
|
|
</details>
|
|
|
|
<details open>
|
|
<summary>bookmarks</summary>
|
|
<pre set:html={[
|
|
...bookmarks.slice(0, 10).map(b => `<span class="muted">${formatBookmarkDate(b.date)}</span> <a href="${b.url}">${b.title}</a> <span class="muted">(${extractDomain(b.url)})</span>`),
|
|
...(bookmarks.length > 10 ? [`<a href="/bookmarks/">+${bookmarks.length - 10} more</a>`] : [])
|
|
].join('\n')} />
|
|
</details>
|
|
|
|
<details open>
|
|
<summary>guestbook</summary>
|
|
<div class="guestbook-entries">
|
|
{guestbookEntries.slice(0, 10).map(e => (
|
|
<div class="guestbook-entry">
|
|
<span class="muted">{formatDate(e.createdAt)}</span>
|
|
<span><b set:html={e.url ? `<a href="${e.url}">${e.name}</a>` : e.name} /> {e.message}</span>
|
|
</div>
|
|
))}
|
|
<div class="guestbook-entry">
|
|
<span>{guestbookEntries.length > 10 && <a href="/guestbook/">+{guestbookEntries.length - 10} more</a>}</span>
|
|
<span><a href="#" id="sign-guestbook">sign</a><span id="guestbook-status"></span></span>
|
|
</div>
|
|
</div>
|
|
</details>
|
|
|
|
<script>
|
|
document.getElementById('sign-guestbook')?.addEventListener('click', async (e) => {
|
|
e.preventDefault();
|
|
const status = document.getElementById('guestbook-status')!;
|
|
|
|
const name = prompt('name:');
|
|
if (!name) return;
|
|
|
|
const message = prompt('message:');
|
|
if (!message) return;
|
|
|
|
const url = prompt('url (optional):');
|
|
|
|
try {
|
|
const res = await fetch('/api/guestbook', {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({ name, message, url: url || null }),
|
|
});
|
|
|
|
if (res.ok) {
|
|
status.textContent = ' thanks! pending approval.';
|
|
} else {
|
|
status.textContent = ' error';
|
|
}
|
|
} catch {
|
|
status.textContent = ' failed';
|
|
}
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|