NYC 7-day weather

Forecast from the National Weather Service (weather.gov)

\n \n ${rows}\n

`;\n\n await email({\n to: \"ps4425@nyu.edu\",\n subject: \"🌤️ NYC 7-day weather forecast\",\n text,\n html,\n });\n\n console.log(\"Sent NYC weather forecast email.\");\n return { sent: true, days: days.length };\n}\n",[168],"5697b7da-3728-442a-93f3-d20b1eeef536","script.js","019edcef-865c-76c2-b722-120796ae1884",23,["D",1781825217274],"/* NYC 7-day weather (data from weather.gov) */\n\nconst weatherGrid = document.getElementById(\"weather-grid\");\n\nfunction dayName(iso) {\n const d = new Date(iso);\n if (isNaN(d.getTime())) return \"\";\n return d.toLocaleDateString(undefined, { weekday: \"short\", month: \"short\", day: \"numeric\" });\n}\n\nfunction renderWeather(periods) {\n // weather.gov returns alternating day/night periods. Show daytime periods\n // for a clean 7-day view (fall back to the first period if it's nighttime now).\n let days = periods.filter((p) => p.isDaytime);\n if (!days.length) days = periods;\n days = days.slice(0, 7);\n\n if (!days.length) {\n weatherGrid.innerHTML = '

Forecast unavailable right now.

';\n return;\n }\n\n weatherGrid.innerHTML = days\n .map((p) => {\n const pop = p.probabilityOfPrecipitation;\n return `\n

${p.name === \"Today\" || p.name === \"Tonight\" ? p.name : dayName(p.startTime)}

\n $\"${p.shortForecast}\"$ \n

${p.temperature}°${p.temperatureUnit}

${p.shortForecast}

\n ${pop != null && pop > 0 ? `

💧 ${pop}%

` : \"\"}\n

`;\n })\n .join(\"\");\n}\n\nasync function loadWeather() {\n if (!weatherGrid) return;\n try {\n const res = await fetch(\"/api/weather\");\n if (!res.ok) throw new Error(\"Failed to load\");\n const periods = await res.json();\n if (periods.error) throw new Error(periods.error);\n renderWeather(periods);\n } catch (_err) {\n weatherGrid.innerHTML = '

Could not load the forecast.

';\n }\n}\n\nloadWeather();\n\n/* Guestbook: load + submit comments */\n\nconst form = document.getElementById(\"guestbook-form\");\nconst list = document.getElementById(\"guestbook-entries\");\nconst statusEl = document.getElementById(\"gb-status\");\nconst submitBtn = document.getElementById(\"gb-submit\");\n\nfunction escapeHTML(str) {\n return String(str)\n .replaceAll(\"&\", \"&\")\n .replaceAll(\"<\", \"<\")\n .replaceAll(\">\", \">\")\n .replaceAll('\"', \""\")\n .replaceAll(\"'\", \"'\");\n}\n\nfunction formatDate(iso) {\n // SQLite stores UTC like \"2026-06-18 23:20:00\"\n const d = new Date(iso.replace(\" \", \"T\") + \"Z\");\n if (isNaN(d.getTime())) return \"\";\n return d.toLocaleDateString(undefined, {\n year: \"numeric\",\n month: \"short\",\n day: \"numeric\",\n });\n}\n\nfunction renderEntries(entries) {\n if (!entries.length) {\n list.innerHTML = '

No messages yet — be the first!

';\n return;\n }\n list.innerHTML = entries\n .map(\n (e) => `\n

\n ${escapeHTML(e.name)}\n ${formatDate(e.created_at)}\n

${escapeHTML(e.message)}

`,\n )\n .join(\"\");\n}\n\nasync function loadEntries() {\n try {\n const res = await fetch(\"/api/guestbook\");\n if (!res.ok) throw new Error(\"Failed to load\");\n renderEntries(await res.json());\n } catch (_err) {\n list.innerHTML = '

Could not load messages.

';\n }\n}\n\nif (form) {\n form.addEventListener(\"submit\", async (event) => {\n event.preventDefault();\n const name = document.getElementById(\"gb-name\").value;\n const message = document.getElementById(\"gb-message\").value;\n if (!message.trim()) return;\n\n submitBtn.disabled = true;\n statusEl.textContent = \"Posting…\";\n statusEl.classList.remove(\"error\");\n\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 data = await res.json().catch(() => ({}));\n throw new Error(data.error || \"Something went wrong\");\n }\n document.getElementById(\"gb-message\").value = \"\";\n statusEl.textContent = \"Thanks for signing!\";\n await loadEntries();\n } catch (err) {\n statusEl.textContent = err.message;\n statusEl.classList.add(\"error\");\n } finally {\n submitBtn.disabled = false;\n }\n });\n\n loadEntries();\n}\n",[174],"71d633a3-bc0c-4060-a7b4-04073fa3a997","main.tsx",16,["D",1781825149854],5,"http","import { parseVal, staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nimport { blob } from \"https://esm.town/v/std/blob/main.ts\";\nimport { addEntry, listEntries } from \"./guestbook.ts\";\nimport { getForecast } from \"./weather.ts\";\n\nconst serve = staticHTTPServer();\nconst PHOTO_KEY = \"A0389E79-12F8-4BE4-8643-752B6D521D92.jpeg\";\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n\n if (url.pathname === \"/source\") {\n return Response.redirect(parseVal().links.self.val, 302);\n }\n\n // Guestbook API\n if (url.pathname === \"/api/guestbook\") {\n if (req.method === \"GET\") {\n const entries = await listEntries();\n return Response.json(entries);\n }\n if (req.method === \"POST\") {\n try {\n const { name, message } = await req.json();\n if (!message || !String(message).trim()) {\n return Response.json({ error: \"Message is required\" }, { status: 400 });\n }\n const entry = await addEntry(String(name ?? \"\"), String(message));\n return Response.json(entry, { status: 201 });\n } catch (err) {\n return Response.json({ error: (err as Error).message }, { status: 400 });\n }\n }\n return new Response(\"Method not allowed\", { status: 405 });\n }\n\n // Weather API (NYC 7-day forecast via weather.gov)\n if (url.pathname === \"/api/weather\") {\n try {\n const periods = await getForecast();\n return Response.json(periods, {\n headers: { \"Cache-Control\": \"public, max-age=1800\" },\n });\n } catch (err) {\n return Response.json({ error: (err as Error).message }, { status: 502 });\n }\n }\n\n // Serve the uploaded profile photo from blob storage\n if (url.pathname === \"/photo.jpeg\") {\n const data = await blob.get(PHOTO_KEY);\n if (!data) return new Response(\"Not found\", { status: 404 });\n return new Response(data.body, {\n headers: {\n \"Content-Type\": \"image/jpeg\",\n \"Cache-Control\": \"public, max-age=86400\",\n },\n });\n }\n\n return serve(req);\n}\n","prakriti",[181],"67fd2dae-3d48-4b6f-9bea-2433c5d90294","index.html","019edcef-865c-76c2-b722-09569047d310",22,["D",1781825205917],7,"\n\n \n Prakriti — Professional Portfolio\n \n \n \n\n \n \n \n \n \n \n \n\n \n

\n \n

Hello, I'm

Prakriti

Software Engineer.

\n See my work\n

\n\n \n

About me

\n I am a senior software engineer at Goldman sachs.\n

\n Replace this placeholder text with your own story whenever you're ready.\n

\n\n \n

NYC weather

The 7-day forecast for New York City, via the National Weather Service.

Loading forecast…

\n\n \n

Projects

Project One

A short description of what this project is and why it matters.

\n View →\n

Project Two

A short description of what this project is and why it matters.

\n View →\n

Project Three

A short description of what this project is and why it matters.

\n View →\n

\n\n \n

Guestbook

Leave a note — say hi, share feedback, or just sign in!

\n\n

\n\n \n \n \n",[190],"f582310b-2452-4d6d-b177-49128b9bf8c4","guestbook.ts","4650404a-6b6c-11f1-b1b6-1607ee4eb77e",8,["D",1781824820537],"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nconst TABLE = \"guestbook_entries\";\n\nlet initialized = false;\nasync function init() {\n if (initialized) return;\n await 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 initialized = true;\n}\n\nexport interface Entry {\n id: number;\n name: string;\n message: string;\n created_at: string;\n}\n\nexport async function listEntries(): Promise {\n await init();\n const result = await sqlite.execute(\n `SELECT id, name, message, created_at FROM ${TABLE} ORDER BY id DESC LIMIT 200`,\n );\n return result.rows as unknown as Entry[];\n}\n\nexport async function addEntry(name: string, message: string): Promise {\n await init();\n const cleanName = name.trim().slice(0, 80) || \"Anonymous\";\n const cleanMessage = message.trim().slice(0, 1000);\n if (!cleanMessage) throw new Error(\"Message is required\");\n\n const result = await sqlite.execute({\n sql: `INSERT INTO ${TABLE} (name, message) VALUES (?, ?) RETURNING id, name, message, created_at`,\n args: [cleanName, cleanMessage],\n });\n return (result.rows as unknown as Entry[])[0];\n}\n",[198],"7751546e-b887-4c33-80c7-12a9c342d241","favicon.svg","019edcef-865c-76c2-b722-07aca2ed6dba",1,["D",1781823145484],"",[205],"da844f7d-10b1-4291-88bd-f97823416fe4","README.md","019edcef-865c-76c2-b722-03f3881f5d70",["D",1781823145484],"# Welcome to Val Town\n\nVal Town is the simplest way to get code running in the cloud.\n\nThis is a basic HTML starter template.\n\n## Picking a starter\n\n| Starter | When to pick it |\n| --- | --- |\n| **[`basic-html-starter`](https://www.val.town/x/templates/basic-html-starter)** *(you're here)* | Static HTML pages. Sprinkle of vanilla JS. No server-side rendering. |\n| [`hono-jsx-starter`](https://www.val.town/x/templates/hono-jsx-starter) | Dynamic server-rendered HTML with JSX. API routes. No React, no SPA. |\n| [`react-hono-starter`](https://www.val.town/x/templates/react-hono-starter) | Client-side React SPA with a Hono API backend. |\n\n## Getting started\n\n1. Click `Remix` on this val to get a copy of it\n2. Click `main.tsx` to view the website\n3. Saves to any file will instantly deploy\n\n### ← main.tsx\n\nThis HTTP server hosts all of the other files in this val.\n\nTo view your site in a new tab, click on the `...` menu of `main.tsx` to copy\nyour live HTTP endpoint.\n\n### ← README.md\n\nThat's this file, where you can tell people what your cool website does and how\nyou built it.\n\n### ← index.html\n\nWhere you'll write the content of your website.\n\n### ← style.css\n\nCSS files add styling rules to your content.\n\n### ← script.js\n\nIf you're feeling fancy you can add interactivity to your site with JavaScript.\n\n### ← favicon.svg\n\nThe icon that shows up in the brower tab. Tip: AIs are pretty good at writing\nSVG favicons.\n\n---\n\nThis template was inspired by https://glitch.new/blank.\n",[212],"pulls","forks","envVars",{"_223":57,"_225":57},"connections",{"_223":57,"_224":57},"count","unfilledCount","emptyCount",{"_20":211,"_13":212,"_143":213,"_145":-5,"_146":21,"_147":207,"_149":53,"_22":260,"_29":57,"_152":111,"_154":215,"_156":40,"_157":-5,"_236":261,"_99":262},{"_20":204,"_13":205,"_143":206,"_145":-5,"_146":21,"_147":207,"_149":53,"_22":257,"_29":57,"_152":111,"_154":209,"_156":40,"_157":-5,"_236":258,"_99":259},{"_20":197,"_13":198,"_143":199,"_145":-5,"_146":21,"_147":200,"_149":53,"_22":254,"_29":57,"_152":153,"_154":202,"_156":40,"_157":-5,"_236":255,"_99":256},{"_20":189,"_13":190,"_143":191,"_145":-5,"_146":21,"_147":192,"_149":53,"_22":251,"_29":194,"_152":111,"_154":195,"_156":40,"_157":-5,"_236":252,"_99":253},{"_20":180,"_13":181,"_143":51,"_145":-5,"_146":21,"_147":182,"_149":53,"_22":248,"_29":184,"_152":185,"_154":186,"_156":40,"_157":187,"_236":249,"_99":250},{"_20":173,"_13":174,"_143":175,"_145":-5,"_146":21,"_147":176,"_149":53,"_22":245,"_29":151,"_152":153,"_154":178,"_156":40,"_157":-5,"_236":246,"_99":247},{"_20":167,"_13":168,"_143":169,"_145":-5,"_146":21,"_147":30,"_149":53,"_22":242,"_29":151,"_152":153,"_154":171,"_156":40,"_157":-5,"_236":243,"_99":244},{"_20":159,"_13":160,"_143":161,"_145":-5,"_146":21,"_147":162,"_149":53,"_22":239,"_29":164,"_152":111,"_154":165,"_156":40,"_157":-5,"_236":240,"_99":241},{"_20":141,"_13":142,"_143":144,"_145":-5,"_146":21,"_147":148,"_149":53,"_22":235,"_29":151,"_152":153,"_154":155,"_156":40,"_157":-5,"_236":237,"_99":238},["D",1781825192666],"children",[],[142],["D",1781825280591],[],[160],["D",1781825716948],[],[168],["D",1781825217274],[],[174],["D",1781825149854],[],[181],["D",1781825205917],[],[190],["D",1781824820537],[],[198],["D",1781823145484],[],[205],["D",1781823145484],[],[212],["D",1781823145484],["D",1789677107549],{"_11":12,"_97":93},{"_11":12,"_90":91,"_92":93,"_48":49,"_94":95,"_96":40},{"_29":30,"_13":26,"_20":21,"_27":28,"_31":32,"_33":34,"_83":42,"_84":85,"_86":87,"_88":14,"_89":12},"ctx",{"_76":-5,"_121":301,"_302":303,"_304":305,"_306":40,"_307":40,"_308":40,"_309":53,"_310":-5,"_311":-7,"_312":-7,"_313":57,"_314":40,"_315":40,"_316":-5,"_317":40,"_318":40,"_319":40,"_320":-5},"ENV",{"_272":273,"_274":275,"_276":26,"_277":278,"_279":280,"_281":282,"_283":284,"_285":286,"_287":288,"_289":290,"_291":292,"_293":294,"_295":296,"_297":298,"_299":300},"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"]

Branches1

Branches
1