From 7e5607c21c6db081753a09b0801dd50f8eafd36d Mon Sep 17 00:00:00 2001 From: Brittany Ellich Date: Fri, 17 Apr 2026 08:54:49 -0700 Subject: [PATCH] Add community to event cards, add discord link, and make rebuilds more resilient to outages --- src/components/EventCard.astro | 10 ++- src/components/Footer.astro | 2 + src/lib/preflight.ts | 47 +++++++++++++ src/pages/events.astro | 21 ++---- src/pages/index.astro | 117 +++++++++++---------------------- 5 files changed, 101 insertions(+), 96 deletions(-) create mode 100644 src/lib/preflight.ts diff --git a/src/components/EventCard.astro b/src/components/EventCard.astro index ea12fdb..4ca0483 100644 --- a/src/components/EventCard.astro +++ b/src/components/EventCard.astro @@ -7,9 +7,10 @@ interface Props { mode?: 'online' | 'in_person' | 'hybrid'; description?: string; href: string; + source?: string; } -const { name, date, endDate, location, mode = 'in_person', description, href } = Astro.props; +const { name, date, endDate, location, mode = 'in_person', description, href, source } = Astro.props; const eventDate = new Date(date); const formattedDate = eventDate.toLocaleDateString('en-US', { @@ -24,6 +25,9 @@ const formattedTime = eventDate.toLocaleTimeString('en-US', { const modeLabel = mode === 'online' ? 'Online' : mode === 'hybrid' ? 'Hybrid' : location ?? 'In Person'; const badgeClass = mode === 'online' ? 'badge--online' : mode === 'hybrid' ? 'badge--online' : 'badge--location'; + +// Format source handle for display +const sourceLabel = source ? `@${source.replace(/\.bsky\.social$/, '')}` : undefined; ---
@@ -35,6 +39,7 @@ const badgeClass = mode === 'online' ? 'badge--online' : mode === 'hybrid' ? 'ba {description &&

{description}

}
{modeLabel} + {sourceLabel && {sourceLabel}}
@@ -83,5 +88,8 @@ const badgeClass = mode === 'online' ? 'badge--online' : mode === 'hybrid' ? 'ba .event-card__footer { margin-top: var(--space-md); + display: flex; + flex-wrap: wrap; + gap: var(--space-xs); } diff --git a/src/components/Footer.astro b/src/components/Footer.astro index 1377f2c..6cdf3ed 100644 --- a/src/components/Footer.astro +++ b/src/components/Footer.astro @@ -7,6 +7,8 @@ const year = new Date().getFullYear();

atmosphere.community · Built on AT Protocol

+ Discord + Discourse GitHub diff --git a/src/lib/preflight.ts b/src/lib/preflight.ts new file mode 100644 index 0000000..e03dc37 --- /dev/null +++ b/src/lib/preflight.ts @@ -0,0 +1,47 @@ +/** + * Preflight checks for build-time data fetching. + * Verifies core ATProto services are reachable before building. + * If services are down, the build should fail rather than deploy + * a site with missing data. + */ + +const CHECKS = [ + { + name: 'Bluesky Public API', + url: 'https://public.api.bsky.app/xrpc/com.atproto.identity.resolveHandle?handle=atmosphere.community', + }, + { + name: 'atmosphere.community PDS', + url: 'https://hydnum.us-west.host.bsky.network/xrpc/com.atproto.repo.describeRepo?repo=did:plc:lehcqqkwzcwvjvw66uthu5oq', + }, +]; + +/** + * Run preflight checks. Throws if any core service is unreachable. + * Call this early in page rendering to fail the build fast. + */ +export async function preflight(): Promise { + const failures: string[] = []; + + for (const check of CHECKS) { + try { + const res = await fetch(check.url, { signal: AbortSignal.timeout(10_000) }); + if (!res.ok) { + failures.push(`${check.name}: HTTP ${res.status}`); + } + } catch (err) { + failures.push(`${check.name}: ${err instanceof Error ? err.message : 'unreachable'}`); + } + } + + if (failures.length > 0) { + const msg = [ + 'Preflight check failed — core ATProto services are unreachable.', + 'Build aborted to avoid deploying a site with missing data.', + 'The next scheduled build will retry automatically.', + '', + ...failures.map(f => ` ✗ ${f}`), + ].join('\n'); + throw new Error(msg); + } +} diff --git a/src/pages/events.astro b/src/pages/events.astro index 80aa307..b6c3242 100644 --- a/src/pages/events.astro +++ b/src/pages/events.astro @@ -4,6 +4,7 @@ import Header from '../components/Header.astro'; import Footer from '../components/Footer.astro'; import EventCard from '../components/EventCard.astro'; import { fetchEvents } from '../lib/events'; +import { preflight } from '../lib/preflight'; import yaml from 'js-yaml'; import communitiesRaw from '../data/communities.yml?raw'; @@ -23,22 +24,12 @@ const eventAccounts = [ ...communities.flatMap(c => c.extraEventAccounts ?? []), ]; -// Fetch events from ATProto (community.lexicon.calendar.event) -let upcomingEvents: Array<{ - name: string; - date: string; - endDate?: string; - location?: string; - mode: 'online' | 'in_person' | 'hybrid'; - description?: string; - href: string; -}> = []; +// Verify core services are reachable +await preflight(); -try { - upcomingEvents = await fetchEvents(eventAccounts); -} catch (e) { - console.warn('Failed to fetch events:', e); -} +// Fetch events from ATProto (community.lexicon.calendar.event) +// Individual community failures are tolerated; only total service outage fails the build. +const upcomingEvents = await fetchEvents(eventAccounts); --- diff --git a/src/pages/index.astro b/src/pages/index.astro index 9fb3da7..c45333c 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -11,6 +11,8 @@ import communitiesRaw from '../data/communities.yml?raw'; import { getProfile, excerpt } from '../lib/atproto'; import { fetchBlogPosts } from '../lib/blog'; import { fetchEvents } from '../lib/events'; +import { preflight } from '../lib/preflight'; +import { preflight } from '../lib/preflight'; interface Community { name: string; @@ -36,56 +38,33 @@ for (let i = 0; i < communities.length; i++) { } } -// Fetch blog posts from ATProto via Content Collection -let posts: Array<{ - title: string; - excerpt: string; - author: string; - date: string; - href: string; - tag?: string; -}> = []; - -try { - // Fetch only Offprint articles directly via XRPC - const OFFPRINT_PUB = 'at://did:plc:lehcqqkwzcwvjvw66uthu5oq/site.standard.publication/3mjnpilwnrp2v'; - const blogPosts = await fetchBlogPosts({ - handle: 'atmosphere.community', - pds: 'https://hydnum.us-west.host.bsky.network', - publication: OFFPRINT_PUB, - }); - - const sorted = blogPosts - .sort((a, b) => b.publishedAt.getTime() - a.publishedAt.getTime()) - .slice(0, 6); - - // Resolve the blog author profile - const profile = await getProfile('atmosphere.community'); - const authorName = profile.displayName || `@${profile.handle}`; - - posts = sorted.map(post => { - return { - title: post.title, - excerpt: excerpt(post.textContent ?? post.description, 150), - author: authorName, - date: post.publishedAt.toISOString().split('T')[0], - href: post.url ?? 'https://blog.atmosphere.community', - tag: post.tags?.[0], - }; - }); -} catch (e) { - console.warn('Failed to load blog posts from ATProto, using fallback:', e); - // Fallback placeholder posts - posts = [ - { - title: 'Welcome to atmosphere.community', - excerpt: 'The community hub for people building on AT Protocol. Subscribe to stay up to date with the latest posts, events, and community happenings.', - author: '@atmosphere.community', - date: '2026-04-16', - href: 'https://blog.atmosphere.community', - }, - ]; -} +// Verify core ATProto services are reachable before fetching data. +// If services are down, the build fails to avoid deploying empty content. +await preflight(); + +// Fetch blog posts from ATProto +const OFFPRINT_PUB = 'at://did:plc:lehcqqkwzcwvjvw66uthu5oq/site.standard.publication/3mjnpilwnrp2v'; +const blogPosts = await fetchBlogPosts({ + handle: 'atmosphere.community', + pds: 'https://hydnum.us-west.host.bsky.network', + publication: OFFPRINT_PUB, +}); + +const sortedPosts = blogPosts + .sort((a, b) => b.publishedAt.getTime() - a.publishedAt.getTime()) + .slice(0, 6); + +const profile = await getProfile('atmosphere.community'); +const authorName = profile.displayName || `@${profile.handle}`; + +const posts = sortedPosts.map(post => ({ + title: post.title, + excerpt: excerpt(post.textContent ?? post.description, 150), + author: authorName, + date: post.publishedAt.toISOString().split('T')[0], + href: post.url ?? 'https://blog.atmosphere.community', + tag: post.tags?.[0], +})); // Build event account list: atmosphere.community + all community handles + extra accounts const eventAccounts = [ @@ -95,31 +74,9 @@ const eventAccounts = [ ]; // Fetch events from ATProto (community.lexicon.calendar.event) -let events: Array<{ - name: string; - date: string; - endDate?: string; - location?: string; - mode: 'online' | 'in_person' | 'hybrid'; - description?: string; - href: string; -}> = []; - -try { - const liveEvents = await fetchEvents(eventAccounts); - events = liveEvents.slice(0, 4); -} catch (e) { - console.warn('Failed to fetch events from ATProto, using fallback:', e); - events = [ - { - name: 'Check Smoke Signal for upcoming events', - date: new Date().toISOString(), - mode: 'online' as const, - description: 'Visit smokesignal.events to discover ATProto community events.', - href: 'https://smokesignal.events', - }, - ]; -} +// Individual community failures are tolerated; only total failure crashes the build. +const liveEvents = await fetchEvents(eventAccounts); +const events = liveEvents.slice(0, 4); // Community highlights (static) const highlights = [ @@ -142,10 +99,10 @@ const highlights = [ linkText: 'See the schedule →', }, { - title: 'GitHub', - description: 'Open-source projects and community infrastructure — contributions welcome.', - href: 'https://github.com/ATProtocol-Community', - linkText: 'Browse repos →', + title: 'Discord', + description: "Chat with community members, ask questions, and share what you're building.", + href: 'https://discord.atprotocol.dev/', + linkText: 'Join the Discord →', }, ]; --- @@ -197,7 +154,7 @@ const highlights = [ See all →

- {communities.slice(0, 8).map(c => ( + {communities.slice(0, 10).map(c => ( ))}
-- 2.51.2