\n \n \n \n",[],[249,251],"acd7c9c0-3410-4708-8309-6e00bdd3d0ab","favicon.svg","019edcf0-4621-7206-b7be-a2430093d437",["D",1781823194581],"\n",[],[249,260],"2cfa6b0f-9ba2-48f3-91cf-f644ceaf9de2","Weather.tsx","0e230c6a-6b6d-11f1-bf73-1607ee4eb77e","019edcf0-4621-7206-b7be-9d907ab0c480",23,["D",1781825155790],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\ntype Period = {\n number: number;\n name: string;\n startTime: string;\n isDaytime: boolean;\n temperature: number;\n temperatureUnit: string;\n windSpeed: string;\n windDirection: string;\n shortForecast: string;\n icon: string;\n};\n\n// weather.gov returns separate daytime + nighttime periods. We show the\n// daytime period for each of the next 7 days.\nfunction dayPeriods(periods: Period[]): Period[] {\n return periods.filter((p) => p.isDaytime).slice(0, 7);\n}\n\nexport function Weather() {\n const [periods, setPeriods] = useState([]);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n\n useEffect(() => {\n (async () => {\n try {\n const res = await fetch(\"/api/weather\");\n if (!res.ok) throw new Error(\"Failed to load forecast\");\n setPeriods(await res.json());\n } catch (e) {\n setError((e as Error).message);\n } finally {\n setLoading(false);\n }\n })();\n }, []);\n\n const days = dayPeriods(periods);\n\n return (\n

\n 🌤️ NYC Weather\n

\n The next 7 days in New York City, via the National Weather Service.\n

\n\n

\n {loading\n ?

Loading forecast…

\n : error\n ?

{error}

\n : days.length === 0\n ?

No forecast available right now.

\n : (\n

\n {days.map((p) => (\n \n \n {p.name}\n \n {p.icon && (\n \n )}\n \n {p.temperature}°{p.temperatureUnit}\n \n \n {p.shortForecast}\n \n \n {p.windDirection} {p.windSpeed}\n \n

\n ))}\n

\n )}\n \n

\n );\n}\n",[],[249,275,267],"components","fc987eca-e527-4467-8cee-e38b2ac20e27","Projects.tsx","8d4cd480-6b68-11f1-8f0c-1607ee4eb77e",4,["D",1781823221649],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ntype Project = {\n title: string;\n description: string;\n emoji: string;\n link?: string;\n};\n\n// Edit this list to showcase your own projects.\nconst projects: Project[] = [\n {\n emoji: \"🚀\",\n title: \"Project One\",\n description:\n \"A short description of what this project is and why it's awesome. Add a link to a demo or repo.\",\n link: \"#\",\n },\n {\n emoji: \"🛠️\",\n title: \"Project Two\",\n description:\n \"Another thing I built. Describe the problem it solves and the tech behind it.\",\n link: \"#\",\n },\n {\n emoji: \"✨\",\n title: \"Project Three\",\n description:\n \"Something I'm especially proud of. Swap in your real work here.\",\n link: \"#\",\n },\n];\n\nexport function Projects() {\n return (\n

\n 📦 Projects\n

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

{p.emoji}

{p.title}

{p.description}

\n \n ))}\n

\n );\n}\n",[],[249,275,277],"2b7e3d38-4e46-4c61-b9ea-b00ed336bd5b","Header.tsx","85b24d9a-6b68-11f1-a1cd-1607ee4eb77e",15,["D",1781824325963],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nexport function Header() {\n return (\n

\n {/* Circular profile photo, served from blob storage via /headshot.png */}\n \n\n

\n Phil the Obviously Super Awesome!!!\n

\n Builder of things · Solver of problems · Destroyer of worlds\n

\n );\n}",[],[249,275,285],"0318fd82-9c5f-4d40-8807-cfaed0ce84d0","Guestbook.tsx","54cea28e-6b6b-11f1-bb1c-1607ee4eb77e",17,["D",1781824415356],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\ntype Entry = {\n id: number;\n name: string;\n message: string;\n createdAt: 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([]);\n const [name, setName] = useState(\"\");\n const [message, setMessage] = useState(\"\");\n const [loading, setLoading] = useState(true);\n const [submitting, setSubmitting] = useState(false);\n const [error, setError] = useState(null);\n\n async function load() {\n try {\n const res = await fetch(\"/api/guestbook\");\n if (!res.ok) throw new Error(\"Failed to load entries\");\n setEntries(await res.json());\n } catch (e) {\n setError((e as Error).message);\n } finally {\n setLoading(false);\n }\n }\n\n useEffect(() => {\n load();\n }, []);\n\n async function handleSubmit(e: React.FormEvent) {\n e.preventDefault();\n if (!name.trim() || !message.trim()) return;\n setSubmitting(true);\n setError(null);\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 if (!res.ok) {\n const body = await res.json().catch(() => ({}));\n throw new Error(body.error ?? \"Failed to sign the guestbook\");\n }\n const entry: Entry = await res.json();\n setEntries((prev) => [entry, ...prev]);\n setMessage(\"\");\n } catch (e) {\n setError((e as Error).message);\n } finally {\n setSubmitting(false);\n }\n }\n\n return (\n

\n 📖 Guestbook\n

\n Leave a comment and sign your name — say hi!\n

\n\n \n setName((e.target as HTMLInputElement).value)}\n placeholder=\"Your name\"\n maxLength={80}\n required\n class=\"w-full rounded-lg border border-gray-300 px-3 py-2 focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500\"\n />\n setMessage((e.target as HTMLTextAreaElement).value)}\n placeholder=\"Leave a message…\"\n rows={3}\n maxLength={500}\n required\n class=\"mt-3 w-full resize-y rounded-lg border border-gray-300 px-3 py-2 focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500\"\n />\n

\n {error\n ? {error}\n : }\n \n {submitting ? \"Signing…\" : \"Sign guestbook\"}\n \n

\n \n\n

\n {loading\n ?

Loading messages…

\n : entries.length === 0\n ?

No messages yet — be the first!

\n : entries.map((entry) => (\n \n

{entry.message}

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

\n ))}\n \n

\n );\n}\n",[],[249,275,293],"21a00356-42a0-4d9a-bf62-8865e7b259e3","App.tsx","019edcf0-4621-7206-b7be-95742c96bb41",["D",1781825164526],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Header } from \"./Header.tsx\";\nimport { About } from \"./About.tsx\";\nimport { Weather } from \"./Weather.tsx\";\nimport { Projects } from \"./Projects.tsx\";\nimport { Guestbook } from \"./Guestbook.tsx\";\n\nexport function App() {\n return (\n

\n \n \n \n \n\n \n

\n );\n}\n",[],[249,275,301],"4ff235ad-cd4d-4a53-a657-53ef3c02d949","About.tsx","88dccf40-6b68-11f1-a5d9-1607ee4eb77e",["D",1781823214203],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nexport function About() {\n return (\n

\n 👋 About Me\n

\n Hi, I'm Phil. This is where I write a little something about myself —\n who I am, what I care about, and the kinds of problems I love working\n on. Replace this text with your own story whenever you're ready.\n

\n When I'm not building, you'll find me exploring new ideas, tinkering\n with side projects, and learning whatever catches my curiosity next.\n

\n\n

\n {[\"TypeScript\", \"React\", \"Design\", \"Coffee ☕\", \"Tinkering\"].map((tag) => (\n \n {tag}\n \n ))}\n

\n );\n}\n",[],[249,275,308],"de694eb9-490c-4ac7-9b11-db0150cf9ecc",["D",1781823194581],[211,212,213,214,215,216],[249,275],"c3848b04-a858-418d-b229-2fdeca3afc3d",["D",1781823194581],[210,217,218,219],[249],["D",1781825145385],[],[18,83],["D",1781824400322],[],[18,66],["D",1781824400322],[207,208],[18],["D",1781823194581],["D",1789678880410],{"_11":12,"_144":72},{"_11":12,"_139":140,"_71":72,"_31":70,"_141":142,"_143":30},{"_40":126,"_13":16,"_34":37,"_127":87,"_128":129,"_130":131,"_132":92,"_133":134,"_135":136,"_137":14,"_138":12},"ctx",{"_54":-5,"_165":369,"_370":371,"_372":373,"_374":30,"_375":30,"_376":30,"_377":24,"_378":-5,"_379":-7,"_380":-7,"_381":26,"_382":30,"_383":30,"_384":-5,"_385":30,"_386":30,"_387":30,"_388":-5},"ENV",{"_340":341,"_342":343,"_344":16,"_345":346,"_347":348,"_349":350,"_351":352,"_353":354,"_355":356,"_357":358,"_359":360,"_361":362,"_363":364,"_365":366,"_367":368},"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"]

History · backend