{/* Chalice + countdown only — between Pray-with-us and The Lord's Day.
Skipped when the hero is already Manuscript (which contains the same
chalice/countdown internally) so it doesn't duplicate. */}
{theme.hero !== 'manuscript' && (
)}
{/* QUICK ACTIONS — illuminated index */}
The Index · Tap to enter
{/* THIS WEEK — schedule list */}
{/* COLLECT — moved up directly under This Week */}
{/* LECTIONARY — today's readings */}
{/* Year wheel */}
);
}
// ─────────────────────────────────────────────────────────────
// ChaliceCountdown — just the chalice + d/h/m ticker box, used standalone
// on the home page as well as inside the Manuscript hero variant.
// ─────────────────────────────────────────────────────────────
function ChaliceCountdown({ theme, fillPct, days, hours, mins, secs }) {
return (
);
}
// HERO: Verse of the day
function HeroVerse({ theme, setModal }) {
// Pull the key verse for this Sunday from the lectionary helper.
// Falls back to a generic seasonal verse if no curated one exists.
let verse = 'Comfort, comfort my people, says your God. Speak tenderly to Jerusalem, and proclaim that her warfare is ended.';
let ref = 'Isaiah 40 : 1—2';
let kicker = '† A reading from the prophet Isaiah';
try {
if (typeof getKeyVerse === 'function') {
const k = getKeyVerse();
if (k && k.text && k.cite) {
verse = k.text;
ref = k.cite;
kicker = `† The verse for ${k.sundayName}`;
}
}
} catch (e) {}
const first = (verse || 'A').charAt(0);
const rest = verse.slice(1);
return (
{kicker}
{rest}
{ref}
{setModal && (
)}
);
}
// HERO: Image (sanctuary) — hand-tinted photograph of the actual sanctuary
function HeroImageSunlit({ theme }) {
return (
);
}
// ─────────────────────────────────────────────────────────────
// Illuminated Index — the main nav as an illuminated table
// ─────────────────────────────────────────────────────────────
function IlluminatedIndex({ theme, onNav }) {
const items = [
{ id: 'visit', title: 'New Here', sub: 'A guide for first visitors', icon: 'door', folio: 'i' },
{ id: 'prayer', title: 'Prayer Wall', sub: 'Light a candle · be lifted', icon: 'candle', folio: 'ii' },
{ id: 'office', title: 'The Daily Office', sub: 'Pray the hours with the Church', icon: 'chalice', folio: 'iii' },
{ id: 'give', title: 'Offerings', sub: 'An act of worship', icon: 'alms', folio: 'iv' },
{ id: 'events', title: 'Calendar and Events', sub: 'Feasts, fasts, fellowship', icon: 'star', folio: 'v' },
{ id: 'about', title: 'What We Believe', sub: 'Creed, sacraments, story', icon: 'book', folio: 'vi' },
];
return (
{items.map((it, i) => (
))}
);
}
// ─────────────────────────────────────────────────────────────
// This Week schedule
// ─────────────────────────────────────────────────────────────
function ThisWeek({ theme }) {
const [items, setItems] = React.useState(null); // null = loading, [] = empty, [...] = ok
React.useEffect(() => {
let cancelled = false;
fetch('/api/events')
.then(r => r.ok ? r.json() : Promise.reject(new Error('HTTP ' + r.status)))
.then(data => {
if (cancelled) return;
const tz = 'America/Chicago';
const now = new Date();
const horizon = new Date(now.getTime() + 7 * 24 * 60 * 60 * 1000); // next 7 days
const upcoming = (data.events || [])
.filter(ev => {
const d = new Date(ev.start);
return d >= now && d <= horizon;
})
.slice(0, 6)
.map(ev => {
const d = new Date(ev.start);
return {
day: d.toLocaleDateString('en-US', { weekday: 'short', timeZone: tz }),
date: d.toLocaleDateString('en-US', { day: '2-digit', timeZone: tz }),
t: ev.allDay ? '' : d.toLocaleTimeString('en-US', { hour: 'numeric', minute: '2-digit', timeZone: tz }).toLowerCase().replace(' ', ''),
title: ev.title,
sub: ev.location ? ev.location.split(',')[0] : '',
};
});
setItems(upcoming);
})
.catch(() => { if (!cancelled) setItems([]); });
return () => { cancelled = true; };
}, []);
if (items === null) {
return (
Reading the calendar…
);
}
if (items.length === 0) {
return (
Nothing else on the calendar this week.
);
}
return (
{items.map((it, i) => (
{/* date column */}
{it.day}
{it.date}
{it.title}
{it.sub &&
{it.sub}
}
{it.t &&
{it.t}
}
))}
);
}
// ─────────────────────────────────────────────────────────────
// Lectionary — today's readings
// ─────────────────────────────────────────────────────────────
function Lectionary({ theme, setModal }) {
// Pull live readings for the upcoming Sunday from the RCL helper.
// Falls back gracefully if for some reason the helper isn't available.
let readings = null;
let sundayName = '';
let yearLetter = '';
let keyVerse = null;
try {
if (typeof getRCLToday === 'function') {
const rcl = getRCLToday();
if (rcl && rcl.readings) {
sundayName = rcl.name || '';
yearLetter = rcl.year || '';
readings = [
{ kind: 'First Lesson', ref: rcl.readings.first, key: 'first' },
{ kind: 'Psalter', ref: rcl.readings.psalm, key: 'psalm' },
{ kind: 'Epistle', ref: rcl.readings.epistle, key: 'epistle' },
{ kind: 'Holy Gospel', ref: rcl.readings.gospel, key: 'gospel', highlight: true },
];
}
}
if (typeof getKeyVerse === 'function') {
const kv = getKeyVerse();
if (kv && kv.text && kv.cite) keyVerse = kv;
}
} catch (e) { /* fall through */ }
if (!readings) {
return (
Lectionary readings will appear here.
);
}
// Build a Bible Gateway link for tap-through to the full passage. NRSVUE is
// the Methodist/UMC default; swap version code if the church prefers another.
const bgLink = (ref) => {
const search = encodeURIComponent(ref.replace(/—/g, '-').replace(/\s+/g, ' '));
return `https://www.biblegateway.com/passage/?search=${search}&version=NRSVUE`;
};
return (
);
}
// ─────────────────────────────────────────────────────────────
// Collect of the Day
// ─────────────────────────────────────────────────────────────
function Collect({ theme }) {
// Pull the proper Collect for this Sunday from the date-aware helper.
// Falls back to a generic prayer if the helper isn't loaded.
let text = '';
try {
if (typeof getCollect === 'function') {
const c = getCollect();
if (c && c.text) text = c.text;
}
} catch (e) { /* fall through */ }
if (!text) {
text = 'O Lord, mercifully receive the prayers of your people who call upon you, and grant that they may know and understand what things they ought to do, and also may have grace and power faithfully to accomplish them; through Jesus Christ our Lord.';
}
// Strip a trailing "Amen." — we render that ourselves in styled small caps.
const body = text.replace(/\s*Amen\.?\s*$/i, '').trim();
// First character becomes the drop-cap; the rest renders inline.
const first = body.charAt(0) || 'O';
const rest = body.slice(1);
return (
{rest} Amen.
);
}
// helper: next Sunday at 10:30
function nextSunday() {
const d = new Date();
const day = d.getDay();
const add = day === 0 ? (d.getHours() < 11 ? 0 : 7) : (7 - day);
const target = new Date(d);
target.setDate(d.getDate() + add);
target.setHours(10, 30, 0, 0);
return target;
}
Object.assign(window, { HomeScreen });