refactor: rename blog app to www

apps/www/src/pages/guestbook/index.astro

@@ -0,0 +1,67 @@
+---
+import Layout from '../../layouts/Layout.astro';
+import { getApprovedEntries, type GuestbookEntry } from '../../lib/db';
+
+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}`;
+}
+---
+<Layout title="guestbook - lewis m.w.">
+
+<details open>
+  <summary>guestbook</summary>
+  <div class="guestbook-entries">
+    {guestbookEntries.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></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>
+</Layout>