\n \n \n \n\n",[18,89],"9b39aa26-54b9-4f92-9a0a-45251b59cf86",["D",1780668177660],"\n",[18,95],"6507efe3-2e90-44e5-bc5e-5d7c9d9d9ffe",["D",1780668177660],[18,100],"pulls","branches","forks","envVars",{"_96":26,"_229":26},"connections",{"_96":26,"_228":26},"unfilledCount","emptyCount",{"_34":195,"_13":18,"_75":109,"_44":-5,"_36":37,"_196":41,"_197":24,"_38":283,"_40":26,"_78":101,"_199":-5,"_80":30,"_200":-5,"_246":284,"_17":285},{"_34":218,"_13":100,"_75":99,"_44":109,"_36":37,"_196":41,"_197":24,"_38":280,"_40":26,"_78":101,"_199":-5,"_80":30,"_200":-5,"_246":281,"_17":282},{"_34":272,"_13":273,"_75":274,"_44":99,"_36":37,"_196":146,"_197":24,"_38":275,"_40":276,"_78":79,"_199":277,"_80":30,"_200":-5,"_246":278,"_17":279},{"_34":265,"_13":266,"_75":267,"_44":99,"_36":37,"_196":41,"_197":24,"_38":268,"_40":26,"_78":79,"_199":269,"_80":30,"_200":-5,"_246":270,"_17":271},{"_34":214,"_13":95,"_75":94,"_44":109,"_36":37,"_196":41,"_197":24,"_38":262,"_40":26,"_78":21,"_199":216,"_80":30,"_200":-5,"_246":263,"_17":264},{"_34":210,"_13":89,"_75":88,"_44":109,"_36":37,"_196":97,"_197":24,"_38":259,"_40":41,"_78":21,"_199":212,"_80":30,"_200":-5,"_246":260,"_17":261},{"_34":206,"_13":77,"_75":76,"_44":109,"_36":37,"_196":41,"_197":24,"_38":256,"_40":26,"_78":79,"_199":208,"_80":30,"_200":-5,"_246":257,"_17":258},{"_34":249,"_13":250,"_75":251,"_44":-5,"_36":37,"_196":41,"_197":24,"_38":252,"_40":26,"_78":21,"_199":253,"_80":30,"_200":-5,"_246":254,"_17":255},{"_34":239,"_13":240,"_75":122,"_44":-5,"_36":37,"_196":241,"_197":24,"_38":242,"_40":243,"_78":244,"_199":245,"_80":30,"_200":-5,"_246":247,"_17":248},"0e05d4d8-5a5f-4189-86bb-51581bc45773","index.ts",16,["D",1780673632895],9,"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\nconst DEFAULT_CITY = \"London\";\n\ntype WeatherKind =\n | \"clear-day\"\n | \"clear-night\"\n | \"partly-cloudy\"\n | \"cloudy\"\n | \"fog\"\n | \"rain\"\n | \"snow\"\n | \"storm\"\n | \"mixed\";\n\ntype WeatherProfile = {\n kind: WeatherKind;\n label: string;\n detail: string;\n accent: string;\n};\n\ntype WttrResponse = {\n current_condition?: Array<{\n observation_time: string;\n weatherCode: string;\n humidity: string;\n temp_C: string;\n windspeedKmph: string;\n weatherDesc?: Array<{ value: string }>;\n }>;\n nearest_area?: Array<{\n areaName?: Array<{ value: string }>;\n country?: Array<{ value: string }>;\n region?: Array<{ value: string }>;\n latitude?: string;\n longitude?: string;\n }>;\n weather?: Array<{\n astronomy?: Array<{\n sunrise?: string;\n sunset?: string;\n }>;\n }>;\n};\n\nfunction parseClockToMinutes(value: string) {\n const [timePart, period] = value.trim().split(/\\s+/);\n const [hoursRaw, minutesRaw] = timePart.split(\":\");\n let hours = Number(hoursRaw);\n const minutes = Number(minutesRaw);\n\n if (Number.isNaN(hours) || Number.isNaN(minutes)) {\n throw new Error(`Invalid clock value: ${value}`);\n }\n\n const suffix = period?.toUpperCase();\n if (suffix === \"PM\" && hours !== 12) {\n hours += 12;\n } else if (suffix === \"AM\" && hours === 12) {\n hours = 0;\n }\n\n return hours * 60 + minutes;\n}\n\nfunction isDaylight(observationTime: string, sunrise?: string, sunset?: string) {\n if (!sunrise || !sunset) {\n return true;\n }\n\n try {\n const current = parseClockToMinutes(observationTime);\n const start = parseClockToMinutes(sunrise);\n const end = parseClockToMinutes(sunset);\n return current >= start && current < end;\n } catch {\n return true;\n }\n}\n\nfunction locationLabel(place: { name: string; admin1?: string | null; country?: string | null }) {\n return [place.name, place.admin1, place.country].filter(Boolean).join(\", \");\n}\n\nfunction getWeatherProfile(code: number, isDay: boolean): WeatherProfile {\n if (code === 113) {\n return isDay\n ? {\n kind: \"clear-day\",\n label: \"Clear sky\",\n detail: \"Bright and open\",\n accent: \"from-amber-400/20 via-orange-400/10 to-sky-500/10\",\n }\n : {\n kind: \"clear-night\",\n label: \"Clear night\",\n detail: \"Calm and crisp\",\n accent: \"from-indigo-400/20 via-slate-500/10 to-sky-500/10\",\n };\n }\n\n if (code === 116) {\n return {\n kind: \"partly-cloudy\",\n label: \"Partly cloudy\",\n detail: \"Sunlight breaking through\",\n accent: \"from-cyan-400/15 via-blue-500/10 to-slate-400/10\",\n };\n }\n\n if ([119, 122].includes(code)) {\n return {\n kind: \"cloudy\",\n label: \"Cloudy\",\n detail: \"Heavy cloud cover\",\n accent: \"from-slate-400/15 via-slate-500/10 to-sky-500/10\",\n };\n }\n\n if ([143, 248, 260].includes(code)) {\n return {\n kind: \"fog\",\n label: \"Foggy\",\n detail: \"Low visibility\",\n accent: \"from-slate-300/15 via-slate-400/10 to-cyan-500/10\",\n };\n }\n\n if ([176, 179, 182, 185, 263, 266, 281, 284, 293, 296, 299, 302, 305, 308, 311, 314, 353, 356, 359, 362, 365].includes(code)) {\n return {\n kind: \"rain\",\n label: \"Rainy\",\n detail: \"Showers in the area\",\n accent: \"from-sky-400/20 via-blue-500/10 to-indigo-600/10\",\n };\n }\n\n if ([200, 386, 389, 392, 395].includes(code)) {\n return {\n kind: \"storm\",\n label: \"Thunderstorm\",\n detail: \"Unstable conditions\",\n accent: \"from-violet-500/20 via-slate-600/10 to-sky-500/10\",\n };\n }\n\n if ([227, 230, 323, 326, 329, 332, 335, 338, 350, 368, 371, 374, 377].includes(code)) {\n return {\n kind: \"snow\",\n label: \"Snowy\",\n detail: \"Cold precipitation\",\n accent: \"from-cyan-200/20 via-slate-400/10 to-blue-400/10\",\n };\n }\n\n return {\n kind: \"mixed\",\n label: \"Variable\",\n detail: \"Mixed conditions\",\n accent: \"from-slate-400/15 via-cyan-500/10 to-sky-500/10\",\n };\n}\n\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\napp.get(\"/api/weather\", async (c) => {\n try {\n const city = (c.req.query(\"city\") ?? DEFAULT_CITY).trim();\n const weatherUrl = new URL(`https://wttr.in/${encodeURIComponent(city)}`);\n weatherUrl.searchParams.set(\"format\", \"j1\");\n\n const weatherRes = await fetch(weatherUrl.toString(), {\n headers: {\n accept: \"application/json\",\n },\n });\n\n if (!weatherRes.ok) {\n return c.json({ error: \"Weather data is temporarily unavailable.\" }, 502);\n }\n\n const weather = await weatherRes.json() as WttrResponse;\n const current = weather.current_condition?.[0];\n const area = weather.nearest_area?.[0];\n const astronomy = weather.weather?.[0]?.astronomy?.[0];\n\n if (!current || !area) {\n return c.json({ error: \"Weather data is missing for that location.\" }, 502);\n }\n\n const cityName = area.areaName?.[0]?.value ?? city;\n const country = area.country?.[0]?.value ?? null;\n const admin1 = area.region?.[0]?.value ?? null;\n const latitude = Number(area.latitude);\n const longitude = Number(area.longitude);\n const weatherCode = Number(current.weatherCode);\n const sunrise = astronomy?.sunrise;\n const sunset = astronomy?.sunset;\n const isDay = codeIsClear(weatherCode) ? isDaylight(current.observation_time, sunrise, sunset) : true;\n const profile = getWeatherProfile(weatherCode, isDay);\n\n return c.json({\n city: cityName,\n location: locationLabel({ name: cityName, admin1, country }),\n country,\n admin1,\n latitude: Number.isNaN(latitude) ? null : latitude,\n longitude: Number.isNaN(longitude) ? null : longitude,\n timezone: null,\n current: {\n temperatureC: Number(current.temp_C),\n windKph: Number(current.windspeedKmph),\n humidityPct: Number.isNaN(Number(current.humidity)) ? null : Number(current.humidity),\n weatherCode,\n isDay: profile.kind === \"clear-day\" || profile.kind === \"clear-night\" ? isDay : true,\n time: current.observation_time,\n },\n });\n } catch (err) {\n console.error(\"/api/weather failed\", err);\n const message = err instanceof Error ? err.message : \"Weather lookup failed.\";\n return c.json({ error: message }, 500);\n }\n});\n\napp.onError((err, c) => {\n console.error(\"Unhandled app error\", err);\n return c.json({ error: err instanceof Error ? err.message : \"Internal server error.\" }, 500);\n});\n\nfunction codeIsClear(code: number) {\n return code === 113;\n}\n\nexport default app.fetch;\n","children",[],[240],"67688082-b7ad-43c1-866c-e67ad1bc58bb","README.md","019e9818-1d57-7659-9ed7-5d972fec3efd",["D",1780668177660],"# React + Hono Starter\n\nA minimal starter template for building client-side React apps with a Hono\nbackend on Val Town. Click **Remix** to get your own copy.\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) | 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)** *(you're here)* | Client-side React SPA with a Hono API backend. |\n\n**Want to build UI?** Start writing React components in\n[`frontend/components/`](/frontend/components/). Import them into `App.tsx` and\nyou're good to go. Styling is [Twind](https://twind.style/) — just use Tailwind\nutility classes, zero config.\n\n**Want to add an API?** Add routes in [`index.ts`](/index.ts) (there's a\ncommented-out example). Fetch them from your React components.\n\n## Architecture\n\n```mermaid\ngraph LR\n Browser -->|\"GET /\"| Hono[\"index.ts
(Hono server)\"]\n Hono -->|serves| HTML[\"index.html\"]\n HTML -->|loads| Entry[\"index.tsx\"]\n Entry -->|renders| App[\"App.tsx\"]\n App -->|renders| Counter[\"Counter.tsx\"]\n```\n\n## File structure\n\n```\nindex.ts ← Hono backend (serves frontend + API routes)\nfrontend/\n index.html ← HTML shell (loads Twind + React)\n index.tsx ← React entrypoint (mounts )\n favicon.svg ← App icon\n components/\n App.tsx ← Root component (layout + view source link)\n Counter.tsx ← Example component with state\n```\n\n## How it works\n\n1. **`index.ts`** is the HTTP entrypoint — a Hono server that serves the\n frontend and any API routes you add.\n2. **`frontend/index.html`** loads Twind and the React entrypoint.\n3. **`frontend/index.tsx`** mounts the React app.\n4. **`frontend/components/App.tsx`** is the root layout — add new components\n alongside it.\n5. **`frontend/components/Counter.tsx`** is an example stateful component —\n replace it with your own!\n\n## Next steps\n\n- Add API routes in `index.ts`\n- Add new components in `frontend/components/`\n- Add a SQLite database — see the\n [React Hono Example](https://www.val.town/x/stevekrouse/reactHonoExample) for\n a full-stack example with database, queries, and shared types\n",[],[250],["D",1780668177660],[],[18,77],["D",1780668384704],[],[18,89],["D",1780668177660],[],[18,95],"effb9daf-1276-4d2e-8f80-67eb47cb5d8b","Counter.tsx","019e9818-1d57-7659-9ed7-46e266293237",["D",1780668177660],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function Counter() {\n const [count, setCount] = useState(0);\n return (\n

\n Clicked\n setCount((c) => c + 1)}\n class=\"bg-blue-500 hover:bg-blue-600 text-white font-medium px-4 py-2 rounded-lg transition-colors cursor-pointer\"\n >\n {count}\n \n times\n

\n );\n}\n",[],[18,100,266],"5b2ebe47-1342-4504-acf5-0af06d012db8","App.tsx","019e9818-1d57-7659-9ed7-416109004207",["D",1780674024375],12,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\n\nconst DEFAULT_CITY = \"New York\";\n\ntype OpenMeteoPlace = {\n name: string;\n latitude: number;\n longitude: number;\n country?: string;\n admin1?: string;\n};\n\ntype WeatherData = {\n city: string;\n locationLabel: string;\n latitude: number;\n longitude: number;\n temperature: number;\n apparentTemperature: number;\n relativeHumidity: number;\n windSpeed: number;\n precipitation: number;\n cloudCover: number;\n weatherCode: number;\n isDay: boolean;\n description: string;\n updatedAt: string;\n};\n\ntype Status = \"idle\" | \"loading\" | \"ready\" | \"error\";\n\nfunction locationLabel(place: OpenMeteoPlace) {\n return [place.name, place.admin1, place.country].filter(Boolean).join(\", \");\n}\n\nfunction weatherDescription(code: number) {\n if (code === 0) return \"Clear sky\";\n if ([1, 2].includes(code)) return \"Partly cloudy\";\n if (code === 3) return \"Overcast\";\n if ([45, 48].includes(code)) return \"Foggy\";\n if ([51, 53, 55, 56, 57].includes(code)) return \"Drizzle\";\n if ([61, 63, 65, 66, 67, 80, 81, 82].includes(code)) return \"Rain\";\n if ([71, 73, 75, 77, 85, 86].includes(code)) return \"Snow\";\n if ([95, 96, 99].includes(code)) return \"Thunderstorm\";\n return \"Changing conditions\";\n}\n\nasync function fetchWeather(city: string, signal?: AbortSignal): Promise {\n const trimmedCity = city.trim();\n if (!trimmedCity) {\n throw new Error(\"Enter a city name.\");\n }\n\n const geocodeUrl = new URL(\"https://geocoding-api.open-meteo.com/v1/search\");\n geocodeUrl.searchParams.set(\"name\", trimmedCity);\n geocodeUrl.searchParams.set(\"count\", \"1\");\n geocodeUrl.searchParams.set(\"language\", \"en\");\n geocodeUrl.searchParams.set(\"format\", \"json\");\n\n const geocodeResponse = await fetch(geocodeUrl, { signal });\n if (!geocodeResponse.ok) {\n throw new Error(`City lookup failed with HTTP ${geocodeResponse.status}.`);\n }\n\n const geocodeData = await geocodeResponse.json();\n const place = geocodeData.results?.[0] as OpenMeteoPlace | undefined;\n if (!place) {\n throw new Error(`No matching city found for \"${trimmedCity}\".`);\n }\n\n const forecastUrl = new URL(\"https://api.open-meteo.com/v1/forecast\");\n forecastUrl.searchParams.set(\"latitude\", String(place.latitude));\n forecastUrl.searchParams.set(\"longitude\", String(place.longitude));\n forecastUrl.searchParams.set(\n \"current\",\n \"temperature_2m,relative_humidity_2m,apparent_temperature,is_day,precipitation,weather_code,cloud_cover,wind_speed_10m\",\n );\n forecastUrl.searchParams.set(\"temperature_unit\", \"fahrenheit\");\n forecastUrl.searchParams.set(\"wind_speed_unit\", \"mph\");\n forecastUrl.searchParams.set(\"timezone\", \"auto\");\n\n const forecastResponse = await fetch(forecastUrl, { signal });\n if (!forecastResponse.ok) {\n throw new Error(`Weather request failed with HTTP ${forecastResponse.status}.`);\n }\n\n const forecastData = await forecastResponse.json();\n const current = forecastData.current;\n if (!current) {\n throw new Error(\"Open-Meteo did not return current weather data.\");\n }\n\n return {\n city: place.name,\n locationLabel: locationLabel(place),\n latitude: place.latitude,\n longitude: place.longitude,\n temperature: current.temperature_2m,\n apparentTemperature: current.apparent_temperature,\n relativeHumidity: current.relative_humidity_2m,\n windSpeed: current.wind_speed_10m,\n precipitation: current.precipitation,\n cloudCover: current.cloud_cover,\n weatherCode: current.weather_code,\n isDay: Boolean(current.is_day),\n description: weatherDescription(current.weather_code),\n updatedAt: current.time,\n };\n}\n\nfunction ConditionIcon({ code, isDay }: { code: number; isDay: boolean }) {\n const rain = [51, 53, 55, 56, 57, 61, 63, 65, 66, 67, 80, 81, 82].includes(code);\n const snow = [71, 73, 75, 77, 85, 86].includes(code);\n const storm = [95, 96, 99].includes(code);\n const fog = [45, 48].includes(code);\n const cloudy = [1, 2, 3].includes(code) || rain || snow || storm;\n\n return (\n \n );\n}\n\nfunction Stat({ label, value }: { label: string; value: string }) {\n return (\n

\n {label}\n {value}\n

\n );\n}\n\nexport function App() {\n const [city, setCity] = useState(DEFAULT_CITY);\n const [weather, setWeather] = useState(null);\n const [status, setStatus] = useState(\"idle\");\n const [error, setError] = useState(null);\n const controllerRef = useRef(null);\n\n async function loadWeather(nextCity: string) {\n controllerRef.current?.abort();\n const controller = new AbortController();\n controllerRef.current = controller;\n setStatus(\"loading\");\n setError(null);\n\n try {\n const data = await fetchWeather(nextCity, controller.signal);\n setWeather(data);\n setCity(data.city);\n setStatus(\"ready\");\n } catch (err) {\n if ((err as Error).name === \"AbortError\") return;\n setError(err instanceof Error ? err.message : \"Could not load weather.\");\n setStatus(\"error\");\n }\n }\n\n useEffect(() => {\n void loadWeather(DEFAULT_CITY);\n return () => controllerRef.current?.abort();\n }, []);\n\n function onSubmit(event: { preventDefault: () => void }) {\n event.preventDefault();\n void loadWeather(city);\n }\n\n const updatedAt = weather\n ? new Intl.DateTimeFormat(undefined, { dateStyle: \"medium\", timeStyle: \"short\" }).format(new Date(weather.updatedAt))\n : null;\n\n return (\n

\n \n

Live conditions

Compact Weather

\n Source\n

\n\n

{weather?.locationLabel ?? \"Looking up weather\"}

{weather ? `${Math.round(weather.temperature)}°F` : status === \"loading\" ? \"Loading\" : \"Weather\"}

{weather?.description ?? \"Current local conditions from Open-Meteo\"}

\n {weather ? :

}\n

\n\n \n\n {error ?

{error}

: null}\n\n

\n \n \n \n \n

\n\n \n

\n );\n}\n\nexport default App;\n\nconst styles = `\n :root {\n color: #f8fafc;\n background: #0f172a;\n font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n }\n\n * { box-sizing: border-box; }\n body { margin: 0; min-height: 100vh; background: linear-gradient(135deg, #0f172a 0%, #155e75 52%, #164e63 100%); }\n main { min-height: 100vh; display: grid; place-items: center; padding: 32px 18px; }\n\n .shell {\n width: min(760px, 100%);\n border: 1px solid rgba(255, 255, 255, 0.18);\n border-radius: 8px;\n padding: clamp(20px, 4vw, 34px);\n background: rgba(15, 23, 42, 0.72);\n box-shadow: 0 28px 80px rgba(2, 6, 23, 0.42);\n backdrop-filter: blur(18px);\n }\n\n .topbar, .weather-panel, .search-row, .stats { display: flex; }\n .topbar { align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 28px; }\n .topbar a { color: #a7f3d0; text-decoration: none; font-weight: 700; }\n .eyebrow { margin: 0 0 6px; color: #67e8f9; font-size: 0.78rem; font-weight: 800; letter-spacing: 0; text-transform: uppercase; }\n h1, h2, p { margin: 0; }\n h1 { font-size: clamp(2rem, 5vw, 3.9rem); line-height: 0.96; }\n\n .weather-panel { align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 24px; }\n .location { color: #bae6fd; font-size: clamp(1rem, 2.4vw, 1.2rem); font-weight: 700; }\n h2 { margin-top: 8px; font-size: clamp(4.2rem, 12vw, 7.5rem); line-height: 0.88; }\n .condition { margin-top: 14px; color: #d1fae5; font-size: clamp(1.05rem, 2.6vw, 1.4rem); }\n\n .icon-wrap { flex: 0 0 min(36vw, 180px); display: grid; place-items: center; }\n .condition-icon { width: min(36vw, 180px); height: min(36vw, 180px); filter: drop-shadow(0 24px 28px rgba(2, 6, 23, 0.3)); }\n .icon-placeholder { width: 132px; height: 132px; border-radius: 50%; background: rgba(255, 255, 255, 0.12); }\n\n .search { margin-top: 4px; }\n label { display: block; margin-bottom: 8px; color: #e0f2fe; font-size: 0.88rem; font-weight: 800; }\n .search-row { gap: 10px; align-items: stretch; }\n input, button { min-height: 46px; border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.18); font: inherit; }\n input { min-width: 0; flex: 1; padding: 0 14px; color: #f8fafc; background: rgba(15, 23, 42, 0.68); }\n input::placeholder { color: #94a3b8; }\n button { padding: 0 18px; color: #052e16; background: #86efac; border: 0; font-weight: 900; cursor: pointer; }\n button:disabled { cursor: wait; opacity: 0.72; }\n\n .error { margin-top: 12px; color: #fecaca; font-weight: 700; }\n .stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 22px; }\n .stat { padding: 14px; border-radius: 8px; background: rgba(255, 255, 255, 0.1); }\n .stat span { display: block; color: #bae6fd; font-size: 0.76rem; font-weight: 800; text-transform: uppercase; }\n .stat strong { display: block; margin-top: 7px; color: #ffffff; font-size: 1.25rem; }\n\n footer { margin-top: 20px; color: #cbd5e1; font-size: 0.9rem; }\n\n @media (max-width: 620px) {\n main { padding: 18px 12px; place-items: start center; }\n .topbar { align-items: flex-start; }\n .weather-panel { align-items: flex-start; flex-direction: column; }\n .icon-wrap { align-self: center; }\n .search-row { flex-direction: column; }\n button { width: 100%; }\n .stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n }\n`;\n",[],[18,100,273],["D",1780668177660],[232,233],[18,100],["D",1780668177660],[231,234,235,236],[18],["D",1780668177660],{"_11":12,"_162":83},{"_11":12,"_158":-5,"_82":83,"_31":81,"_159":160,"_161":30},{"_40":146,"_13":16,"_34":37,"_147":111,"_148":72,"_149":150,"_151":115,"_152":153,"_154":155,"_156":14,"_157":12},"ctx",{"_53":-5,"_183":323,"_324":325,"_326":327,"_328":30,"_329":30,"_330":30,"_331":24,"_332":-5,"_333":-7,"_334":-7,"_335":26,"_336":30,"_337":30,"_338":-5,"_339":30,"_340":30,"_341":30,"_342":-5},"ENV",{"_294":295,"_296":297,"_298":16,"_299":300,"_301":302,"_303":304,"_305":306,"_307":308,"_309":310,"_311":312,"_313":314,"_315":316,"_317":318,"_319":320,"_321":322},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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 · frontend