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",[189],"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",[195],"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",[202],"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",[211],"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",[219],"7751546e-b887-4c33-80c7-12a9c342d241","favicon.svg","019edcef-865c-76c2-b722-07aca2ed6dba",["D",1781823145484],"",[226],"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",[232],"pulls","branches","forks","envVars",{"_244":85,"_246":85},"connections",{"_244":85,"_245":85},"count","unfilledCount","emptyCount",{"_27":231,"_13":232,"_60":233,"_36":-5,"_29":30,"_172":20,"_174":81,"_31":281,"_33":85,"_63":47,"_178":235,"_64":24,"_180":-5,"_257":282,"_125":283},{"_27":225,"_13":226,"_60":227,"_36":-5,"_29":30,"_172":20,"_174":81,"_31":278,"_33":85,"_63":47,"_178":229,"_64":24,"_180":-5,"_257":279,"_125":280},{"_27":218,"_13":219,"_60":220,"_36":-5,"_29":30,"_172":221,"_174":81,"_31":275,"_33":85,"_63":177,"_178":223,"_64":24,"_180":-5,"_257":276,"_125":277},{"_27":210,"_13":211,"_60":212,"_36":-5,"_29":30,"_172":213,"_174":81,"_31":272,"_33":215,"_63":47,"_178":216,"_64":24,"_180":-5,"_257":273,"_125":274},{"_27":201,"_13":202,"_60":79,"_36":-5,"_29":30,"_172":203,"_174":81,"_31":269,"_33":205,"_63":206,"_178":207,"_64":24,"_180":208,"_257":270,"_125":271},{"_27":194,"_13":195,"_60":196,"_36":-5,"_29":30,"_172":197,"_174":81,"_31":266,"_33":176,"_63":177,"_178":199,"_64":24,"_180":-5,"_257":267,"_125":268},{"_27":188,"_13":189,"_60":190,"_36":-5,"_29":30,"_172":108,"_174":81,"_31":263,"_33":176,"_63":177,"_178":192,"_64":24,"_180":-5,"_257":264,"_125":265},{"_27":182,"_13":62,"_60":61,"_36":-5,"_29":30,"_172":183,"_174":81,"_31":260,"_33":185,"_63":47,"_178":186,"_64":24,"_180":-5,"_257":261,"_125":262},{"_27":169,"_13":170,"_60":171,"_36":-5,"_29":30,"_172":173,"_174":81,"_31":256,"_33":176,"_63":177,"_178":179,"_64":24,"_180":-5,"_257":258,"_125":259},["D",1781825192666],"children",[],[170],["D",1781825280591],[],[62],["D",1781825716948],[],[189],["D",1781825217274],[],[195],["D",1781825149854],[],[202],["D",1781825205917],[],[211],["D",1781824820537],[],[219],["D",1781823145484],[],[226],["D",1781823145484],[],[232],["D",1781823145484],["D",1789677107549],{"_11":12,"_124":67},{"_11":12,"_119":120,"_66":67,"_25":65,"_121":122,"_123":24},{"_33":108,"_13":16,"_27":30,"_109":68,"_110":57,"_111":58,"_112":72,"_113":114,"_115":116,"_117":14,"_118":12},"ctx",{"_45":-5,"_146":322,"_323":324,"_325":326,"_327":24,"_328":24,"_329":24,"_330":81,"_331":-5,"_332":-7,"_333":-7,"_334":85,"_335":24,"_336":24,"_337":-5,"_338":24,"_339":24,"_340":24,"_341":-5},"ENV",{"_293":294,"_295":296,"_297":16,"_298":299,"_300":301,"_302":303,"_304":305,"_306":307,"_308":309,"_310":311,"_312":313,"_314":315,"_316":317,"_318":319,"_320":321},"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