\n \n \n \n\n",[],[157,201],"4ad84130-e3d8-499e-8eda-53491eed853d","favicon.svg","019edcf0-c3e8-706e-821d-9e13eda43b28",["D",1781823226782],"\n",[],[157,210],"3e4a1ef0-393d-4a2e-8af3-1015e1f1fcda","Weather.tsx","a2446074-6b68-11f1-bf52-1607ee4eb77e","019edcf0-c3e8-706e-821d-9ae7e80592b0",35,["D",1781824455229],4,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\ninterface Period {\n name: string;\n isDaytime: boolean;\n temperature: number;\n temperatureLow?: number;\n temperatureUnit: string;\n shortForecast: string;\n windSpeed: string;\n startTime: string;\n}\n\n// Map a short forecast string to an emoji, so we don't depend on external images.\nfunction emojiFor(forecast: string): string {\n const f = forecast.toLowerCase();\n if (f.includes(\"thunder\")) return \"⛈️\";\n if (f.includes(\"snow\") || f.includes(\"flurr\")) return \"🌨️\";\n if (f.includes(\"rain\") || f.includes(\"showers\")) return \"🌧️\";\n if (f.includes(\"fog\")) return \"🌫️\";\n if (f.includes(\"mostly cloudy\") || f.includes(\"overcast\")) return \"☁️\";\n if (f.includes(\"partly\") || f.includes(\"mostly sunny\")) return \"⛅\";\n if (f.includes(\"cloud\")) return \"🌥️\";\n if (f.includes(\"clear\") || f.includes(\"sunny\")) return \"☀️\";\n return \"🌡️\";\n}\n\nexport function Weather() {\n const [periods, setPeriods] = useState(null);\n const [error, setError] = useState(null);\n\n useEffect(() => {\n fetch(\"/api/weather\")\n .then((res) => res.json())\n .then((data) => {\n if (data.error) {\n setError(data.error);\n return;\n }\n // Keep only the daytime periods, which represent each upcoming day.\n const days = (data.periods as Period[]).filter((p) => p.isDaytime).slice(0, 7);\n setPeriods(days);\n })\n .catch((err) => setError(String(err)));\n }, []);\n\n return (\n

Vatican City — Next 7 Days

\n Live forecast from Open-Meteo\n

\n\n {error && (\n

\n Couldn't load the forecast: {error}\n

\n )}\n\n {!error && !periods && (\n

Loading forecast…

\n )}\n\n {periods && (\n

\n {periods.map((p) => (\n \n

\n {p.name}\n

{emojiFor(p.shortForecast)}

\n {p.temperature}°{p.temperatureUnit}\n

\n {typeof p.temperatureLow === \"number\" && (\n

\n low {p.temperatureLow}°\n

\n )}\n

\n {p.shortForecast}\n

💨 {p.windSpeed}

\n ))}\n \n )}\n

\n );\n}\n",[],[157,226,217],"components","26f193e8-7c1b-442f-bbc4-3e811eac6403","ThemeToggle.tsx","63bc88ec-6b6b-11f1-aa16-1607ee4eb77e",32,["D",1781824440404],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function ThemeToggle() {\n // Initialize from the class the inline script in index.html already set.\n const [dark, setDark] = useState(() =>\n typeof document !== \"undefined\" &&\n document.documentElement.classList.contains(\"dark\")\n );\n\n useEffect(() => {\n const root = document.documentElement;\n if (dark) {\n root.classList.add(\"dark\");\n localStorage.setItem(\"theme\", \"dark\");\n } else {\n root.classList.remove(\"dark\");\n localStorage.setItem(\"theme\", \"light\");\n }\n }, [dark]);\n\n return (\n setDark((d) => !d)}\n aria-label={dark ? \"Switch to light mode\" : \"Switch to dark mode\"}\n title={dark ? \"Switch to light mode\" : \"Switch to dark mode\"}\n class=\"fixed top-4 right-4 z-50 w-10 h-10 flex items-center justify-center rounded-full border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800 shadow-sm hover:shadow-md transition-shadow cursor-pointer text-lg\"\n >\n {dark ? \"☀️\" : \"🌙\"}\n \n );\n}\n",[],[157,226,228],"be5a6927-1b2e-48e2-a862-b31a72839caa","Header.tsx","a7a503a2-6b68-11f1-8ea2-1607ee4eb77e",22,["D",1781823977498],5,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nexport function Header() {\n return (\n

\n \n

The Pope

\n Builder · Vatican City · Making things on Val Town\n

\n );\n}\n",[],[157,226,236],"22515766-e191-4990-b70c-2c1a96d51e74","GuestBook.tsx","83c9074c-6b6a-11f1-ab73-1607ee4eb77e",37,["D",1781824471860],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\ninterface Entry {\n id: number;\n name: string;\n message: string;\n created_at: string;\n}\n\nfunction formatDate(iso: string): string {\n // SQLite datetime('now') returns \"YYYY-MM-DD HH:MM:SS\" in UTC.\n const d = new Date(iso.replace(\" \", \"T\") + \"Z\");\n if (isNaN(d.getTime())) return iso;\n return d.toLocaleDateString(undefined, {\n year: \"numeric\",\n month: \"short\",\n day: \"numeric\",\n });\n}\n\nexport function GuestBook() {\n const [entries, setEntries] = useState(null);\n const [name, setName] = useState(\"\");\n const [message, setMessage] = useState(\"\");\n const [submitting, setSubmitting] = useState(false);\n const [error, setError] = useState(null);\n\n async function load() {\n const res = await fetch(\"/api/guestbook\");\n const data = await res.json();\n setEntries(data.entries ?? []);\n }\n\n useEffect(() => {\n load().catch((err) => setError(String(err)));\n }, []);\n\n async function handleSubmit(e: any) {\n e.preventDefault();\n setError(null);\n if (!name.trim() || !message.trim()) {\n setError(\"Please add both your name and a comment.\");\n return;\n }\n setSubmitting(true);\n try {\n const res = await fetch(\"/api/guestbook\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ name, message }),\n });\n const data = await res.json();\n if (!res.ok) {\n setError(data.error ?? \"Something went wrong.\");\n return;\n }\n setName(\"\");\n setMessage(\"\");\n await load();\n } catch (err) {\n setError(String(err));\n } finally {\n setSubmitting(false);\n }\n }\n\n return (\n

Guest book

\n Leave a comment and sign your name 🙏\n

\n\n \n setName(e.target.value)}\n placeholder=\"Your name\"\n maxLength={80}\n class=\"w-full mb-3 px-3 py-2 rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-900 text-gray-800 dark:text-gray-100 focus:outline-none focus:ring-2 focus:ring-blue-400\"\n />\n setMessage(e.target.value)}\n placeholder=\"Your comment…\"\n rows={3}\n maxLength={1000}\n class=\"w-full mb-3 px-3 py-2 rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-900 text-gray-800 dark:text-gray-100 focus:outline-none focus:ring-2 focus:ring-blue-400 resize-y\"\n />\n {error &&

{error}

}\n \n {submitting ? \"Signing…\" : \"Sign the guest book\"}\n \n \n\n {!entries &&

Loading comments…

}\n {entries && entries.length === 0 && (\n

No comments yet — be the first!

\n )}\n {entries && entries.length > 0 && (\n

{entry.message}

\n — {entry.name}\n · {formatDate(entry.created_at)}\n

\n \n ))}\n

\n )}\n

\n );\n}\n",[],[157,226,245],"34b8c1fc-8634-4b63-9caa-ea3b6adeee43","App.tsx","019edcf0-c3e8-706e-821d-91f7c7734b2b",33,["D",1781824446676],3,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Header } from \"./Header.tsx\";\nimport { AboutMe } from \"./AboutMe.tsx\";\nimport { Weather } from \"./Weather.tsx\";\nimport { GuestBook } from \"./GuestBook.tsx\";\nimport { ThemeToggle } from \"./ThemeToggle.tsx\";\n\nexport function App() {\n return (\n

\n \n

\n \n {/* Weather lives directly below the About me section */}\n \n \n

\n View source\n

\n );\n}\n",[],[157,226,253],"d65bda7b-2633-4605-a451-af71efdb95dd","AboutMe.tsx","a40ec66a-6b68-11f1-a5d9-1607ee4eb77e",["D",1781825117205],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nexport function AboutMe() {\n return (\n

About me

\n Hi! I'm da pope! I'm building my personal portfolio on Val Town. I am\n from Chicago but now live in Vatican City. Wow! I love reading the Bible\n and praying to my best friend, God. My favorite color is blue and my\n favorite food is peeps.\n

\n );\n}",[],[157,226,262],"e877b317-3189-4806-9524-69c568a1bb86",["D",1781823226782],[174,175,176,177,178,179],[157,226],["D",1781823226782],[173,180,181,182],[157],["D",1781823226782],["D",1789684858011],{"_16":17,"_91":87},{"_16":17,"_85":-5,"_86":87,"_34":35,"_88":89,"_90":26},{"_69":70,"_20":71,"_18":72,"_73":19,"_74":75,"_76":77,"_78":28,"_79":80,"_81":82,"_83":21,"_84":17},"ctx",{"_62":-5,"_114":313,"_314":315,"_316":317,"_318":26,"_319":26,"_320":26,"_321":39,"_322":-5,"_323":-7,"_324":-7,"_325":43,"_326":26,"_327":26,"_328":-5,"_329":26,"_330":26,"_331":26,"_332":-5},"ENV",{"_284":285,"_286":287,"_288":71,"_289":290,"_291":292,"_293":294,"_295":296,"_297":298,"_299":300,"_301":302,"_303":304,"_305":306,"_307":308,"_309":310,"_311":312},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Search