71f7050f41
A multi-session build turning Pete's read-only web UI into something people return to. Five phases, signed-in features keyed off the OIDC subject; anonymous visitors keep the reverse-chron feed and localStorage-only state. Phase 1 — per-user read + bookmark state: user_story_state table + storage/userstate.go; auth-gated /api/read, /api/bookmark, /api/state and a /bookmarks page; reader.js syncs state server-side for signed-in users. Also hides the Matrix-posting UI when posting.enabled=false (web-only mode). Phase 2 — outbound feeds: storage.ListForFeed + web/feed.go hand-build RSS 2.0 (content:encoded) and JSON Feed 1.1 (no new dep); /feed.xml, /feed.json and per-channel variants; <link rel=alternate> discovery tags. Phase 3 — "For you" + related: storage/rank.go scores recent unread candidates by channel/source affinity + recency decay; RelatedStories via FTS5. ForYou rail + /for-you page; public /api/related feeds the reader's "You might also like". Phase 4 — source-health dashboard: source_health table + storage/sourcehealth.go (RecordPollResult, ListSourceHealth, SourceContentStats), written by the poller; admin-gated /status page behind web.admin_subs. Phase 5 — PWA + offline reader + Web Push: root-scoped manifest.webmanifest and sw.js (app-shell precache, /api/article runtime cache for offline reading, offline fallback, push/notificationclick handlers); PNG icons from pete.avif; pwa.js registers the SW and drives a notifications toggle. Web Push adds webpush-go, a [web.push] config block (pete -genvapid mints VAPID keys), a push_subscriptions table, auth-gated subscribe/unsubscribe endpoints, and a digest sender that pings each subscriber "N new stories" past their watermark, honoring disabled-sources and pruning gone endpoints. Tests added beside each new storage/web file; go test ./... and go vet clean.
81 lines
4.6 KiB
HTML
81 lines
4.6 KiB
HTML
{{define "title"}}Source health — {{.SiteTitle}}{{end}}
|
|
|
|
{{define "main"}}
|
|
<section class="mt-2 mb-8">
|
|
<div class="rounded-3xl bg-[color:var(--card)] border-2 border-[color:var(--ink)]/10 p-6 sm:p-8 shadow-pete">
|
|
<p class="text-sm uppercase tracking-[0.2em] text-[color:var(--ink)]/50">owner view</p>
|
|
<h1 class="font-display text-3xl sm:text-4xl font-bold mt-1">Source health</h1>
|
|
<p class="mt-2 max-w-2xl text-[color:var(--ink)]/70">
|
|
Per-feed poll status and content stats. Rows that are currently failing float to the top.
|
|
</p>
|
|
<div class="mt-4 flex flex-wrap gap-2">
|
|
<span class="inline-flex items-center gap-1.5 rounded-full bg-[color:var(--ink)]/5 px-3 py-1 text-sm font-semibold tabular-nums">
|
|
{{len .Sources}} sources
|
|
</span>
|
|
{{if .DegradedCnt}}
|
|
<span class="inline-flex items-center gap-1.5 rounded-full bg-red-500/15 text-red-700 dark:text-red-300 px-3 py-1 text-sm font-semibold tabular-nums">
|
|
⚠ {{.DegradedCnt}} degraded
|
|
</span>
|
|
{{else}}
|
|
<span class="inline-flex items-center gap-1.5 rounded-full bg-emerald-500/15 text-emerald-700 dark:text-emerald-300 px-3 py-1 text-sm font-semibold">
|
|
✓ all healthy
|
|
</span>
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="overflow-x-auto rounded-3xl bg-[color:var(--card)] border-2 border-[color:var(--ink)]/10 shadow-pete">
|
|
<table class="w-full min-w-[52rem] text-sm">
|
|
<thead>
|
|
<tr class="text-left text-[color:var(--ink)]/50 uppercase text-xs tracking-wider border-b-2 border-[color:var(--ink)]/10">
|
|
<th class="px-4 py-3 font-semibold">Source</th>
|
|
<th class="px-4 py-3 font-semibold">Channel</th>
|
|
<th class="px-4 py-3 font-semibold">Status</th>
|
|
<th class="px-4 py-3 font-semibold">Last poll</th>
|
|
<th class="px-4 py-3 font-semibold">Last success</th>
|
|
<th class="px-4 py-3 font-semibold text-right">Items</th>
|
|
<th class="px-4 py-3 font-semibold text-right">Stories</th>
|
|
<th class="px-4 py-3 font-semibold text-right">Paywall</th>
|
|
<th class="px-4 py-3 font-semibold">Last story</th>
|
|
<th class="px-4 py-3 font-semibold">Last posted</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{{range .Sources}}
|
|
<tr class="border-b border-[color:var(--ink)]/5 last:border-0 align-top">
|
|
<td class="px-4 py-3 font-semibold whitespace-nowrap">{{.Name}}</td>
|
|
<td class="px-4 py-3 text-[color:var(--ink)]/70 whitespace-nowrap">{{.Channel}}</td>
|
|
<td class="px-4 py-3 whitespace-nowrap">
|
|
{{if .NeverRun}}
|
|
<span class="inline-flex items-center gap-1.5 rounded-full bg-[color:var(--ink)]/10 px-2.5 py-1 text-xs font-semibold">◌ idle</span>
|
|
{{else if .Healthy}}
|
|
<span class="inline-flex items-center gap-1.5 rounded-full bg-emerald-500/15 text-emerald-700 dark:text-emerald-300 px-2.5 py-1 text-xs font-semibold">● ok</span>
|
|
{{else}}
|
|
<span class="inline-flex items-center gap-1.5 rounded-full bg-red-500/15 text-red-700 dark:text-red-300 px-2.5 py-1 text-xs font-semibold"
|
|
title="{{.LastError}}">✕ {{.Failures}} fail{{if ne .Failures 1}}s{{end}}</span>
|
|
{{end}}
|
|
</td>
|
|
<td class="px-4 py-3 text-[color:var(--ink)]/70 whitespace-nowrap">{{if .LastPollAt.IsZero}}never{{else}}{{timeAgo .LastPollAt}}{{end}}</td>
|
|
<td class="px-4 py-3 text-[color:var(--ink)]/70 whitespace-nowrap">{{if .LastSuccessAt.IsZero}}never{{else}}{{timeAgo .LastSuccessAt}}{{end}}</td>
|
|
<td class="px-4 py-3 text-right tabular-nums">{{.LastItemCount}}</td>
|
|
<td class="px-4 py-3 text-right tabular-nums" title="{{.Classified}} classified of {{.Total}}">{{.Total}}</td>
|
|
<td class="px-4 py-3 text-right tabular-nums {{if gt .PaywallRate 50}}text-amber-600 dark:text-amber-400 font-semibold{{end}}">
|
|
{{if .Total}}{{.PaywallRate}}%{{else}}—{{end}}
|
|
</td>
|
|
<td class="px-4 py-3 text-[color:var(--ink)]/70 whitespace-nowrap">{{if .LastSeenAt.IsZero}}—{{else}}{{timeAgo .LastSeenAt}}{{end}}</td>
|
|
<td class="px-4 py-3 text-[color:var(--ink)]/70 whitespace-nowrap">{{if .LastPostedAt.IsZero}}—{{else}}{{timeAgo .LastPostedAt}}{{end}}</td>
|
|
</tr>
|
|
{{if .LastError}}{{if not .Healthy}}
|
|
<tr class="border-b border-[color:var(--ink)]/5">
|
|
<td colspan="10" class="px-4 pb-3 -mt-1 text-xs text-red-600 dark:text-red-400 font-mono break-all">{{.LastError}}</td>
|
|
</tr>
|
|
{{end}}{{end}}
|
|
{{else}}
|
|
<tr><td colspan="10" class="px-4 py-8 text-center text-[color:var(--ink)]/50">No sources configured.</td></tr>
|
|
{{end}}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
{{end}}
|