\n \n \n \n",[],[92,132],"46a9e6ed-96f1-451b-9322-f879e46a77e1","favicon.svg","019edcf0-59c2-7688-b165-6b22fb5cd0ea",["D",1781823199584],"\n",[],[92,139],"2e565602-522e-4162-85d6-96eb9e964991","content.ts","8d3fa81e-6b68-11f1-87fe-1607ee4eb77e",16,["D",1781824307332],"// ─────────────────────────────────────────────────────────────────────────\n// ✏️ EDIT YOUR PORTFOLIO CONTENT HERE\n// This is the only file you need to touch to update your page.\n// ─────────────────────────────────────────────────────────────────────────\n\nexport const profile = {\n name: \"Wen\",\n tagline: \"Builder · Tinkerer · Lifelong learner\",\n // The big banner photo. Swap this for any image URL you like.\n heroImage: \"/headshot\",\n // Optional small avatar shown over the banner. Set to \"\" to hide.\n avatar: \"/headshot\",\n location: \"Earth 🌍\",\n};\n\n// A few short paragraphs about you. Add or remove items freely.\nexport const about: string[] = [\n \"Hi, I'm Wen! I love building things on the web and exploring new ideas. This page is a little corner of the internet that's all mine.\",\n \"When I'm not coding, you can find me reading, hiking, or chasing the next interesting problem to solve. I believe the best way to learn is to build something real.\",\n];\n\n// Quick facts / skills shown as little tags. Edit to taste.\nexport const skills: string[] = [\n \"TypeScript\",\n \"React\",\n \"Design\",\n \"Product\",\n \"Writing\",\n];\n\n// Your projects. Add as many as you want.\nexport type Project = {\n title: string;\n description: string;\n link?: string; // optional — omit if there's no link yet\n emoji: string; // a little icon for the card\n};\n\nexport const projects: Project[] = [\n {\n title: \"My First Project\",\n description:\n \"A short description of what this project does and why it matters. Replace this with your own work!\",\n link: \"https://example.com\",\n emoji: \"🚀\",\n },\n {\n title: \"Another Cool Thing\",\n description:\n \"Maybe a side project, an experiment, or something you're proud of. Tell the story in a sentence or two.\",\n emoji: \"✨\",\n },\n {\n title: \"Work In Progress\",\n description:\n \"Something you're building right now. No link yet — and that's okay!\",\n emoji: \"🛠️\",\n },\n];\n\n// Where people can reach you. Set any to \"\" to hide that link.\nexport const links = {\n email: \"wzhao0901@example.com\",\n github: \"https://github.com/yourname\",\n twitter: \"\",\n linkedin: \"\",\n};",[],[92,146],"bb4c7943-1d79-4fb1-92d0-821fcba94ac2","components","019edcf0-59c2-7688-b165-674cf9ac1276",["D",1781823199584],[159,160,161,162,163,164,165],[92,154],{"_35":214,"_13":215,"_65":216,"_67":155,"_68":69,"_70":217,"_72":73,"_37":218,"_17":95,"_76":127,"_78":219,"_80":50,"_81":-5,"_109":220,"_18":221},{"_35":206,"_13":207,"_65":208,"_67":155,"_68":69,"_70":209,"_72":73,"_37":210,"_17":75,"_76":127,"_78":211,"_80":50,"_81":-5,"_109":212,"_18":213},{"_35":198,"_13":199,"_65":200,"_67":155,"_68":69,"_70":201,"_72":73,"_37":202,"_17":95,"_76":127,"_78":203,"_80":50,"_81":-5,"_109":204,"_18":205},{"_35":190,"_13":191,"_65":192,"_67":155,"_68":69,"_70":193,"_72":73,"_37":194,"_17":95,"_76":127,"_78":195,"_80":50,"_81":-5,"_109":196,"_18":197},{"_35":182,"_13":183,"_65":184,"_67":155,"_68":69,"_70":185,"_72":73,"_37":186,"_17":33,"_76":127,"_78":187,"_80":50,"_81":-5,"_109":188,"_18":189},{"_35":174,"_13":175,"_65":176,"_67":155,"_68":69,"_70":177,"_72":73,"_37":178,"_17":95,"_76":127,"_78":179,"_80":50,"_81":-5,"_109":180,"_18":181},{"_35":166,"_13":167,"_65":168,"_67":155,"_68":69,"_70":169,"_72":73,"_37":170,"_17":95,"_76":127,"_78":171,"_80":50,"_81":-5,"_109":172,"_18":173},"c7ff20f6-e7ab-4776-bc46-73312130f5c5","Weather.tsx","06f384c4-6b6d-11f1-9d91-1607ee4eb77e",23,["D",1781825143731],"/** @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 shortForecast: string;\n icon: string;\n};\n\n// Pick an emoji based on the forecast text — a friendly touch over the official icon.\nfunction forecastEmoji(text: string): string {\n const t = text.toLowerCase();\n if (t.includes(\"thunder\")) return \"⛈️\";\n if (t.includes(\"snow\") || t.includes(\"flurr\")) return \"❄️\";\n if (t.includes(\"rain\") || t.includes(\"shower\")) return \"🌧️\";\n if (t.includes(\"fog\")) return \"🌫️\";\n if (t.includes(\"mostly cloudy\") || t.includes(\"cloudy\")) return \"☁️\";\n if (t.includes(\"partly\") || t.includes(\"mostly sunny\")) return \"⛅\";\n if (t.includes(\"sunny\") || t.includes(\"clear\")) return \"☀️\";\n return \"🌡️\";\n}\n\nfunction dayLabel(iso: string): string {\n const d = new Date(iso);\n if (isNaN(d.getTime())) return \"\";\n return d.toLocaleDateString(undefined, { weekday: \"short\" });\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 const data = await res.json();\n if (!res.ok) throw new Error(data.error ?? \"Failed to load weather.\");\n setPeriods(data.periods ?? []);\n } catch (err) {\n setError((err as Error).message);\n } finally {\n setLoading(false);\n }\n })();\n }, []);\n\n // weather.gov returns alternating day/night periods. Show the daytime ones\n // as the main daily card, limited to 7 days.\n const days = periods.filter((p) => p.isDaytime).slice(0, 7);\n\n return (\n

\n 🌤️ NYC Weather\n

\n\n {loading\n ?

Loading forecast…

\n : error\n ?

{error}

\n : (\n

\n {days.map((p) => (\n \n \n {dayLabel(p.startTime)}\n \n \n {forecastEmoji(p.shortForecast)}\n \n \n {p.temperature}°{p.temperatureUnit}\n \n \n {p.shortForecast}\n \n

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

\n Forecast from{\" \"}\n \n weather.gov\n {\" \"}\n · National Weather Service\n

\n );\n}\n",[],[92,154,167],"f716d686-eef5-42b4-a9cb-7f6137a502c8","Projects.tsx","99cd6954-6b68-11f1-bc9d-1607ee4eb77e",6,["D",1781823242623],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { type Project, projects } from \"../content.ts\";\n\nfunction ProjectCard({ project }: { project: Project }) {\n const inner = (\n

{project.emoji}

\n {project.title}\n {project.link ? ↗ : null}\n

\n {project.description}\n

\n );\n\n if (project.link) {\n return (\n \n {inner}\n \n );\n }\n return inner;\n}\n\nexport function Projects() {\n return (\n

\n 💼 Projects\n

\n {projects.map((project) => (\n \n ))}\n

\n );\n}\n",[],[92,154,175],"88f9d34e-dfda-47fd-801f-2327941a4045","Hero.tsx","930db8a8-6b68-11f1-bc9d-1607ee4eb77e",15,["D",1781824063209],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { profile } from \"../content.ts\";\n\nexport function Hero() {\n return (\n \n {/* Dark overlay so text stays readable over the cat photo */}\n

\n {/* Headshot as a circular icon */}\n {profile.avatar\n ? (\n \n )\n : null}\n\n

\n {profile.name}\n

\n {profile.tagline}\n

\n {profile.location\n ?

📍 {profile.location}

\n : null}\n

\n \n );\n}\n",[],[92,154,183],"3c40c07d-d8d6-4e64-ac08-9bf86291f721","Guestbook.tsx","9442756c-6b6b-11f1-934c-1607ee4eb77e",19,["D",1781824521813],"/** @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 created_at: string;\n};\n\nfunction formatDate(iso: string): string {\n // SQLite datetime('now') is UTC like \"2026-06-18 23:15:03\"\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 const data = await res.json();\n setEntries(data.entries ?? []);\n } catch {\n setError(\"Couldn't load the guestbook.\");\n } finally {\n setLoading(false);\n }\n }\n\n useEffect(() => {\n load();\n }, []);\n\n async function handleSubmit(e: { preventDefault: () => void }) {\n e.preventDefault();\n setError(null);\n if (!name.trim() || !message.trim()) {\n setError(\"Please add your name and a message.\");\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 setEntries((prev) => [data.entry, ...prev]);\n setName(\"\");\n setMessage(\"\");\n } catch {\n setError(\"Network error — please try again.\");\n } finally {\n setSubmitting(false);\n }\n }\n\n return (\n

\n 📖 Guestbook\n

\n\n {/* Sign form */}\n \n setName((e.target as HTMLInputElement).value)}\n placeholder=\"Your name\"\n maxLength={60}\n class=\"w-full px-3 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-400\"\n />\n setMessage((e.target as HTMLTextAreaElement).value)}\n placeholder=\"Leave a comment…\"\n maxLength={500}\n rows={3}\n class=\"mt-3 w-full px-3 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-400 resize-y\"\n />\n {error ?

{error}

: null}\n

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

\n \n\n {/* Entries */}\n

\n {loading\n ?

Loading…

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

\n No entries yet — be the first to sign!\n

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

\n {entry.message}\n

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

\n ))\n )}\n

\n \n );\n}\n",[],[92,154,191],"49d8a11b-b07b-4cb6-a876-98c480bf1cdc","Footer.tsx","9c886e78-6b68-11f1-9f41-1607ee4eb77e",7,["D",1781823247197],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { links } from \"../content.ts\";\n\nexport function Footer() {\n const items = [\n links.email ? { label: \"Email\", href: `mailto:${links.email}` } : null,\n links.github ? { label: \"GitHub\", href: links.github } : null,\n links.twitter ? { label: \"Twitter\", href: links.twitter } : null,\n links.linkedin ? { label: \"LinkedIn\", href: links.linkedin } : null,\n ].filter(Boolean) as { label: string; href: string }[];\n\n return (\n \n );\n}\n",[],[92,154,199],"1617ebdb-ef22-4acd-98bd-d4542e25f97d","App.tsx","019edcf0-59c2-7688-b165-5e9cc35c4d71",25,["D",1781825148828],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Hero } from \"./Hero.tsx\";\nimport { About } from \"./About.tsx\";\nimport { Weather } from \"./Weather.tsx\";\nimport { Projects } from \"./Projects.tsx\";\nimport { Guestbook } from \"./Guestbook.tsx\";\nimport { Footer } from \"./Footer.tsx\";\n\nexport function App() {\n return (\n

\n \n

\n \n \n \n \n

\n );\n}\n",[],[92,154,207],"89bfd3a3-0486-450e-98b1-daddc52fb30d","About.tsx","94fbb73c-6b68-11f1-9a67-1607ee4eb77e",5,["D",1781823234537],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { about, skills } from \"../content.ts\";\n\nexport function About() {\n return (\n

\n 👋 About me\n

\n {about.map((paragraph, i) =>

{paragraph}

)}\n

\n\n {skills.length > 0\n ? (\n

\n {skills.map((skill) => (\n \n {skill}\n \n ))}\n

\n )\n : null}\n

\n );\n}\n",[],[92,154,215],["D",1781824491038],[225,226],[99],{"_35":235,"_13":236,"_65":237,"_67":100,"_68":69,"_70":101,"_72":73,"_37":238,"_17":95,"_76":127,"_78":239,"_80":50,"_81":-5,"_109":240,"_18":241},{"_35":227,"_13":228,"_65":229,"_67":100,"_68":69,"_70":230,"_72":73,"_37":231,"_17":95,"_76":127,"_78":232,"_80":50,"_81":-5,"_109":233,"_18":234},"e5cec1a3-f601-4b70-9f04-9b75657cc9bd","weather.ts","f8cc998a-6b6c-11f1-9d91-1607ee4eb77e",21,["D",1781825119989],"import { Hono } from \"npm:hono\";\nimport { blob } from \"https://esm.town/v/std/blob/main.ts\";\n\nexport const weather = new Hono();\n\n// NYC (Central Park-ish) coordinates\nconst NYC_LAT = 40.7128;\nconst NYC_LON = -74.006;\n\n// weather.gov requires a User-Agent identifying your app\nconst USER_AGENT = \"wzhao0901-portfolio (https://www.val.town/x/wzhao0901/portfolio)\";\n\nconst CACHE_KEY = \"weather-nyc.json\";\nconst CACHE_TTL_MS = 30 * 60 * 1000; // 30 minutes\n\ntype Period = {\n number: number;\n name: string;\n startTime: string;\n isDaytime: boolean;\n temperature: number;\n temperatureUnit: string;\n shortForecast: string;\n icon: string;\n};\n\nasync function fetchForecast(): Promise {\n const headers = { \"User-Agent\": USER_AGENT, \"Accept\": \"application/geo+json\" };\n\n // Step 1: resolve the forecast endpoint for the point\n const pointsRes = await fetch(\n `https://api.weather.gov/points/${NYC_LAT},${NYC_LON}`,\n { headers },\n );\n if (!pointsRes.ok) {\n throw new Error(`weather.gov points lookup failed: ${pointsRes.status}`);\n }\n const points = await pointsRes.json();\n const forecastUrl: string = points.properties.forecast;\n\n // Step 2: fetch the actual forecast\n const forecastRes = await fetch(forecastUrl, { headers });\n if (!forecastRes.ok) {\n throw new Error(`weather.gov forecast failed: ${forecastRes.status}`);\n }\n const forecast = await forecastRes.json();\n return forecast.properties.periods as Period[];\n}\n\nweather.get(\"/\", async (c) => {\n try {\n // Serve from cache if fresh\n const cached = await blob.getJSON(CACHE_KEY).catch(() => null) as\n | { fetchedAt: number; periods: Period[] }\n | null;\n if (cached && Date.now() - cached.fetchedAt < CACHE_TTL_MS) {\n return c.json({ periods: cached.periods, cached: true });\n }\n\n const periods = await fetchForecast();\n await blob.setJSON(CACHE_KEY, { fetchedAt: Date.now(), periods });\n return c.json({ periods, cached: false });\n } catch (err) {\n // Fall back to stale cache if the API is temporarily down\n const stale = await blob.getJSON(CACHE_KEY).catch(() => null) as\n | { periods: Period[] }\n | null;\n if (stale) return c.json({ periods: stale.periods, cached: true, stale: true });\n return c.json({ error: (err as Error).message }, 502);\n }\n});\n",[],[99,228],"cfa9c0ea-b404-483c-ab52-bfe226aa50fe","guestbook.ts","81eb611c-6b6b-11f1-800b-1607ee4eb77e",["D",1781824491038],"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { Hono } from \"npm:hono\";\n\nconst TABLE = \"guestbook_entries\";\n\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS ${TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL,\n message TEXT NOT NULL,\n created_at TEXT NOT NULL DEFAULT (datetime('now'))\n)`);\n\nexport type GuestbookEntry = {\n id: number;\n name: string;\n message: string;\n created_at: string;\n};\n\nexport const guestbook = new Hono();\n\n// List entries, newest first\nguestbook.get(\"/\", async (c) => {\n const result = await sqlite.execute(\n `SELECT id, name, message, created_at FROM ${TABLE} ORDER BY id DESC LIMIT 200`,\n );\n return c.json({ entries: result.rows as unknown as GuestbookEntry[] });\n});\n\n// Add a new entry\nguestbook.post(\"/\", async (c) => {\n let body: { name?: unknown; message?: unknown };\n try {\n body = await c.req.json();\n } catch {\n return c.json({ error: \"Invalid JSON body\" }, 400);\n }\n\n const name = typeof body.name === \"string\" ? body.name.trim() : \"\";\n const message = typeof body.message === \"string\" ? body.message.trim() : \"\";\n\n if (!name || !message) {\n return c.json({ error: \"Name and message are required.\" }, 400);\n }\n if (name.length > 60) {\n return c.json({ error: \"Name must be 60 characters or fewer.\" }, 400);\n }\n if (message.length > 500) {\n return c.json({ error: \"Message must be 500 characters or fewer.\" }, 400);\n }\n\n const inserted = await sqlite.execute({\n sql:\n `INSERT INTO ${TABLE} (name, message) VALUES (?, ?) RETURNING id, name, message, created_at`,\n args: [name, message],\n });\n\n return c.json({ entry: inserted.rows[0] as unknown as GuestbookEntry }, 201);\n});\n",[],[99,236],"3c011292-d19d-4d72-ab47-070aae289075",["D",1781823199584],"legacyEnvVars","httpPrivacy","description","Wen's personal portfolio page","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789704108&sig=41da1bf0988e4bc60270941874da3bb3f366b70ff31f8336cd52a5599a1eae9b","userId","2cbc3869-1ed4-4166-baf7-793c1d0b2396","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019edcdc-f632-72a8-896c-42e80b79df55","tursoName","3c011292d19d4d72ab47070aae289075","tursoHostname","3c011292d19d4d72ab47070aae289075-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789679475208],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_289":19},"org",{"_11":12,"_284":19,"_285":19,"_250":251,"_286":287,"_288":50},"branch",{"_17":209,"_13":16,"_35":69,"_41":242,"_44":36,"_45":280,"_281":52,"_282":42,"_283":56,"_57":14,"_53":12},89,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":242,"_13":14,"_37":386,"_48":-5,"_244":50,"_51":52,"_245":52,"_246":247,"_248":249,"_250":251,"_252":66,"_253":73,"_254":-5,"_255":-5,"_256":95,"_55":257,"_258":259,"_260":261,"_262":387,"_264":-5,"_265":266,"_267":266,"_268":269,"_270":269,"_271":269,"_272":266,"_273":266,"_274":388,"_276":389,"_278":390,"_49":50},[332,335,348,349],"files",[332,333,334,335,336,337,338,339,340,341,342,343,344,345,346,347,348,349],"counts",{"_323":95,"_324":88,"_325":95,"_34":326,"_327":328},[315,316,317,318],"upstreamProject",{"_35":42,"_13":58,"_246":312,"_248":249,"_51":52,"_274":313},"upstreamBranch",{"_35":36,"_37":310,"_39":311,"_13":16,"_41":42,"_17":43,"_44":-5,"_45":-5,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],["D",1785420707976],"Starter template with client-side React & Hono server",{"_11":54,"_289":314},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789704108&sig=bdd900263caa6343fbd0c97bad8d4b804f499edd3e25f21fbaa9b43b68b8eb1d",{"_35":98,"_13":99,"_65":100,"_67":-5,"_68":69,"_70":101,"_72":73,"_37":102,"_17":95,"_76":96,"_78":-5,"_80":50,"_81":-5,"_18":322},{"_35":91,"_13":92,"_65":93,"_67":-5,"_68":69,"_70":88,"_72":73,"_37":94,"_17":95,"_76":96,"_78":-5,"_80":50,"_81":-5,"_18":321},{"_35":83,"_13":84,"_65":85,"_67":-5,"_68":69,"_70":86,"_72":73,"_37":87,"_17":88,"_76":24,"_78":89,"_80":50,"_81":-5,"_18":320},{"_35":63,"_13":64,"_65":66,"_67":-5,"_68":69,"_70":71,"_72":73,"_37":74,"_17":75,"_76":77,"_78":79,"_80":50,"_81":-5,"_18":319},[64],[84],[92],[99],"pulls","branches","forks",{"_329":95,"_331":95},"connections",{"_329":95,"_330":95},"count","unfilledCount","emptyCount",{"_35":98,"_13":99,"_65":100,"_67":-5,"_68":69,"_70":101,"_72":73,"_37":222,"_17":95,"_76":96,"_78":-5,"_80":50,"_81":-5,"_109":384,"_18":385},{"_35":235,"_13":236,"_65":237,"_67":100,"_68":69,"_70":101,"_72":73,"_37":238,"_17":95,"_76":127,"_78":239,"_80":50,"_81":-5,"_109":382,"_18":383},{"_35":227,"_13":228,"_65":229,"_67":100,"_68":69,"_70":230,"_72":73,"_37":231,"_17":95,"_76":127,"_78":232,"_80":50,"_81":-5,"_109":380,"_18":381},{"_35":91,"_13":92,"_65":93,"_67":-5,"_68":69,"_70":88,"_72":73,"_37":115,"_17":95,"_76":96,"_78":-5,"_80":50,"_81":-5,"_109":378,"_18":379},{"_35":153,"_13":154,"_65":155,"_67":93,"_68":69,"_70":88,"_72":73,"_37":156,"_17":95,"_76":96,"_78":-5,"_80":50,"_81":-5,"_109":376,"_18":377},{"_35":214,"_13":215,"_65":216,"_67":155,"_68":69,"_70":217,"_72":73,"_37":218,"_17":95,"_76":127,"_78":219,"_80":50,"_81":-5,"_109":374,"_18":375},{"_35":206,"_13":207,"_65":208,"_67":155,"_68":69,"_70":209,"_72":73,"_37":210,"_17":75,"_76":127,"_78":211,"_80":50,"_81":-5,"_109":372,"_18":373},{"_35":198,"_13":199,"_65":200,"_67":155,"_68":69,"_70":201,"_72":73,"_37":202,"_17":95,"_76":127,"_78":203,"_80":50,"_81":-5,"_109":370,"_18":371},{"_35":190,"_13":191,"_65":192,"_67":155,"_68":69,"_70":193,"_72":73,"_37":194,"_17":95,"_76":127,"_78":195,"_80":50,"_81":-5,"_109":368,"_18":369},{"_35":182,"_13":183,"_65":184,"_67":155,"_68":69,"_70":185,"_72":73,"_37":186,"_17":33,"_76":127,"_78":187,"_80":50,"_81":-5,"_109":366,"_18":367},{"_35":174,"_13":175,"_65":176,"_67":155,"_68":69,"_70":177,"_72":73,"_37":178,"_17":95,"_76":127,"_78":179,"_80":50,"_81":-5,"_109":364,"_18":365},{"_35":166,"_13":167,"_65":168,"_67":155,"_68":69,"_70":169,"_72":73,"_37":170,"_17":95,"_76":127,"_78":171,"_80":50,"_81":-5,"_109":362,"_18":363},{"_35":145,"_13":146,"_65":147,"_67":93,"_68":69,"_70":148,"_72":73,"_37":149,"_17":33,"_76":127,"_78":150,"_80":50,"_81":-5,"_109":360,"_18":361},{"_35":138,"_13":139,"_65":140,"_67":93,"_68":69,"_70":88,"_72":73,"_37":141,"_17":95,"_76":24,"_78":142,"_80":50,"_81":-5,"_109":358,"_18":359},{"_35":131,"_13":132,"_65":133,"_67":93,"_68":69,"_70":33,"_72":73,"_37":134,"_17":88,"_76":24,"_78":135,"_80":50,"_81":-5,"_109":356,"_18":357},{"_35":123,"_13":124,"_65":125,"_67":93,"_68":69,"_70":88,"_72":73,"_37":126,"_17":95,"_76":127,"_78":128,"_80":50,"_81":-5,"_109":354,"_18":355},{"_35":83,"_13":84,"_65":85,"_67":-5,"_68":69,"_70":86,"_72":73,"_37":112,"_17":88,"_76":24,"_78":89,"_80":50,"_81":-5,"_109":352,"_18":353},{"_35":63,"_13":64,"_65":66,"_67":-5,"_68":69,"_70":71,"_72":73,"_37":108,"_17":75,"_76":77,"_78":79,"_80":50,"_81":-5,"_109":350,"_18":351},[],[64],[],[84],[],[92,124],[],[92,132],[],[92,139],[],[92,146],[],[92,154,167],[],[92,154,175],[],[92,154,183],[],[92,154,191],[],[92,154,199],[],[92,154,207],[],[92,154,215],[337,338,339,340,341,342,343],[92,154],[336,344,345,346,347],[92],[],[99,228],[],[99,236],[333,334],[99],["D",1781823199584],["D",1789679475208],{"_11":12,"_289":19},{"_11":12,"_284":19,"_285":19,"_250":251,"_286":287,"_288":50},{"_17":209,"_13":16,"_35":69,"_41":242,"_44":36,"_45":280,"_281":52,"_282":42,"_283":56,"_57":14,"_53":12},"ctx",{"_274":-5,"_307":424,"_425":426,"_427":428,"_429":50,"_430":50,"_431":50,"_432":73,"_433":-5,"_434":-7,"_435":-7,"_436":95,"_437":50,"_438":50,"_439":-5,"_440":50,"_441":50,"_442":50,"_443":-5},"ENV",{"_395":396,"_397":398,"_399":16,"_400":401,"_402":403,"_404":405,"_406":407,"_408":409,"_410":411,"_412":413,"_414":415,"_416":417,"_418":419,"_420":421,"_422":423},"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"]

Code