import React from "react" import { callAI } from "call-ai" import { ImgGen } from "img-gen" import { useFireproof } from "use-fireproof" const VEINTENAS = [ { name: "Atlcahualo", deity: "Tlaloc", ritual: "Petitions for rain — children offered to the mountain waters." }, { name: "Tlacaxipehualiztli", deity: "Xipe Totec", ritual: "Rites of renewal — the old skin is shed so new growth may emerge." }, { name: "Tozoztontli", deity: "Coatlicue", ritual: "Small vigil — first flowers offered to the earth mother." }, { name: "Huey Tozoztli", deity: "Centeotl & Chicomecoatl", ritual: "Great vigil — blessing of maize seed before planting." }, { name: "Toxcatl", deity: "Tezcatlipoca", ritual: "The smoking mirror is honored; a youth becomes the god for a year." }, { name: "Etzalcualiztli", deity: "Tlaloc", ritual: "Eating of etzalli — bean-maize porridge — to invoke the rains." }, { name: "Tecuilhuitontli", deity: "Huixtocihuatl", ritual: "Small feast of lords — the salt goddess is venerated." }, { name: "Huey Tecuilhuitl", deity: "Xilonen", ritual: "Great feast of lords — the young maize goddess walks among the people." }, { name: "Tlaxochimaco", deity: "Huitzilopochtli", ritual: "Flowers are given — garlands offered to all the gods." }, { name: "Xocotl Huetzi", deity: "Xiuhtecuhtli", ritual: "The fruit falls — fire god honored; pole-climbing rite." }, { name: "Ochpaniztli", deity: "Toci & Tlazolteotl", ritual: "Sweeping of the ways — purification before the harvest." }, { name: "Teotleco", deity: "All the gods", ritual: "Return of the gods — divine footprints awaited in flour." }, { name: "Tepeilhuitl", deity: "Tlaloc & the mountains", ritual: "Feast of the mountains — dough effigies of the peaks." }, { name: "Quecholli", deity: "Mixcoatl", ritual: "Arrows are crafted — the hunter god leads the chase." }, { name: "Panquetzaliztli", deity: "Huitzilopochtli", ritual: "Raising of banners — the sun-warrior's high feast." }, { name: "Atemoztli", deity: "Tlaloc", ritual: "Descent of the waters — winter rains petitioned." }, { name: "Tititl", deity: "Ilamatecuhtli", ritual: "The ancient lady — the old year's mother is honored." }, { name: "Izcalli", deity: "Xiuhtecuhtli", ritual: "Growth and resurrection — fire renewed in every hearth." }, ] function computeToday() { const now = new Date() const start = new Date(now.getFullYear(), 1, 14) // Feb 14 — traditional start of Atlcahualo let dayOfYear = Math.floor((now - start) / 86400000) if (dayOfYear < 0) dayOfYear += 365 if (dayOfYear >= 360) { return { nemontemi: true, nemDay: dayOfYear - 359, dayOfYear } } const veintenaIndex = Math.floor(dayOfYear / 20) const dayOfVeintena = (dayOfYear % 20) + 1 const daysRemaining = 20 - dayOfVeintena const untilNemontemi = 360 - dayOfYear const v = VEINTENAS[veintenaIndex] const startDay = veintenaIndex * 20 + 1 const endDay = startDay + 19 return { ...v, veintenaIndex, dayOfVeintena, daysRemaining, untilNemontemi, dayOfYear, startDay, endDay, nemontemi: false } } export default function App() { const today = computeToday() const { useDocument, useLiveQuery, database } = useFireproof("xiuhpohualli-codex") const { doc: q, merge: mergeQ, submit: submitQ } = useDocument({ question: "", reply: "", veintena: today.name || "Nemontemi", type: "invocation", createdAt: Date.now() }) const [isInvoking, setIsInvoking] = React.useState(false) const { docs: scroll } = useLiveQuery("type", { key: "invocation", descending: true, limit: 20 }) async function handleInvoke(e) { e.preventDefault() if (!q.question.trim() || isInvoking) return setIsInvoking(true) try { const prompt = `You are an oracle speaking through the Aztec veintena of ${today.name || "Nemontemi"}, presided by ${today.deity || "the empty days"}. The seeker asks: "${q.question}". Reply in 2-3 sentences with the voice of an ancient codex — poetic, weighty, evocative of Mesoamerican imagery (jade, obsidian, jaguars, maize, smoke, mirror).` const raw = await callAI(prompt, { schema: { properties: { reply: { type: "string", description: "The oracle's poetic reply, 2-3 sentences." } } } }) const { reply } = JSON.parse(raw) await database.put({ ...q, reply, _id: undefined }) mergeQ({ question: "", reply: "" }) } finally { setIsInvoking(false) } } const c = { page: "min-h-screen bg-[#06040a] text-[#d4c5a0] font-['Cormorant_Garamond',Georgia,serif] text-[1.05rem]", topBar: "h-1 w-full bg-gradient-to-r from-transparent via-[#c9a84c] to-transparent", shell: "max-w-3xl mx-auto px-5 py-8 md:py-12", header: "text-center mb-10", brand: "font-['Cinzel',serif] uppercase tracking-[0.12em] text-[#c9a84c] text-2xl md:text-3xl font-bold", brandGlow: "[text-shadow:0_0_16px_rgba(201,168,76,0.4)]", tagline: "italic text-[#8a7a60] mt-2 text-sm md:text-base", section: "bg-[#12100a] border border-[#2a2015] p-5 md:p-7 mb-8", h2: "font-['Cinzel',serif] uppercase tracking-[0.12em] text-[#c9a84c] text-base md:text-lg mb-5 [text-shadow:0_0_16px_rgba(201,168,76,0.4)]", divider: "flex items-center justify-center my-6 text-[#c9a84c] text-xs before:content-[''] before:flex-1 before:border-t before:border-[#2a2015] before:mr-4 after:content-[''] after:flex-1 after:border-t after:border-[#2a2015] after:ml-4", btn: "font-['Cinzel',serif] uppercase tracking-[0.12em] text-xs border border-[#00c9a7] text-[#00c9a7] px-4 py-3 min-h-[44px] hover:bg-[#00c9a7] hover:text-[#06040a] transition-colors", btnGold: "font-['Cinzel',serif] uppercase tracking-[0.12em] text-xs border border-[#c9a84c] text-[#c9a84c] px-4 py-3 min-h-[44px] hover:bg-[#c9a84c] hover:text-[#06040a] transition-colors", input: "w-full bg-transparent border-0 border-b border-[#c9a84c] text-[#d4c5a0] py-2 px-1 focus:outline-none focus:[box-shadow:0_2px_8px_-2px_rgba(201,168,76,0.6)] placeholder:text-[#8a7a60]", accent: "text-[#c0522a]", jade: "text-[#00c9a7]", gold: "text-[#c9a84c]", muted: "text-[#8a7a60]", } return (

Today's Veintena

{today.nemontemi ? ( <>

Nemontemi

The Five Empty Days — nameless, unlucky, outside the count

◈

Day {today.nemDay} of 5 — the wheel pauses; no work begun, no fires kindled anew.

) : ( <>

{today.name}

Presided by {today.deity}

Days {today.startDay}–{today.endDay} of the solar count

◈

{today.dayOfVeintena}

Day of Veintena

{today.daysRemaining}

Days Remaining

{today.untilNemontemi}

Until Nemontemi

◈

{today.ritual}

)}

The Annual Wheel

◈ Eighteen veintenas + five Nemontemi ◈

Consult the Oracle

Pose a question to the spirits of this veintena. Their reply shall be inscribed into the codex.

The Codex Scroll

{scroll.length === 0 ? (

◈ No inscriptions yet — invoke the oracle to begin the scroll ◈

) : (

{entry.veintena} ◈ {new Date(entry.createdAt).toLocaleDateString()}

"{entry.question}"
{entry.reply &&
{entry.reply}
}

)}

) }