\n \n \n \n\n",[120,110],"d3ad3a645fb78326a6d5567d9b7561934844150609344de98faae025da29ff52","frontend","5c059140-3996-11f1-a04c-42b51c65c3df","5404b440-f52b-11ef-99f0-569c3dd06744","a59cbf44-f528-11ef-ae42-569c3dd06744",74,["D",1776345337676],8,"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[120,110],"1ea8b3da4e18d579298229ba24af91b14b14ae02565f57c996f9acaa1f8333bc","frontend/components/App.tsx",{"_32":144,"_13":134,"_80":145,"_82":146,"_83":33,"_84":147,"_86":26,"_34":148,"_40":149,"_89":139,"_91":150,"_66":48,"_93":-5,"_94":-7,"_73":151,"_96":152},{"_32":133,"_13":134,"_80":135,"_82":136,"_83":58,"_84":57,"_86":26,"_34":137,"_40":138,"_89":139,"_91":140,"_66":48,"_93":-5,"_94":-7,"_73":141,"_96":142},"5b2ebe47-1342-4504-acf5-0af06d012db8","App.tsx","019e9818-1d57-7659-9ed7-416109004207","019e9818-1d57-7659-9ed7-4a549c0d1685",["D",1780674024375],12,"script","/** @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",[120,143,134],"3f5bb959a383bea6add370e8b00dcbeec67b104357e8a4a9d38ce2684645a62e","components","5d7e5e30-3996-11f1-bbdd-42b51c65c3df","6e585892-f52b-11ef-a8e1-569c3dd06744","69ed66bc-f52b-11ef-9dac-569c3dd06744",75,["D",1776345339930],5,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Counter } from \"./Counter.tsx\";\n\nexport function App() {\n return (\n

React + Hono Starter

\n \n

\n View source\n

\n );\n}\n",[120,143,134],"de0a7e5fc76c6fd6135aff964af1a5835e04e2758b23f3d0c7d9fabffe514df7",["D",1780668177660],"legacyEnvVars","httpPrivacy","description","Starter template with client-side React & Hono server","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789541999&sig=8fad4d8ed521ff338d1e7bb443f46241d1f9e0e657d24a41f82306e6eb92823c","userId","c2ff6847-db11-4af5-8280-787f3ae64187","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"09b37715-66bc-4bc0-ad73-e2010c200a88","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_193":189},"org",{"_11":12,"_187":-5,"_188":189,"_160":161,"_190":191,"_192":48},"branch","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yZXp0V3ljUTFaa1ZmM2ljNlFTVnl2VjU5UFYifQ","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":59,"_13":14,"_34":292,"_46":-5,"_154":48,"_49":50,"_155":50,"_156":157,"_158":159,"_160":161,"_162":81,"_163":26,"_164":-5,"_165":-5,"_166":167,"_53":168,"_169":-5,"_170":-5,"_171":-5,"_172":-5,"_173":174,"_175":174,"_176":177,"_178":177,"_179":177,"_180":174,"_181":174,"_182":293,"_184":294,"_186":295,"_47":48},"tree",[246,253,254],"files",[246,247,248,249,250,251,252,253,254],"counts",{"_236":167,"_237":115,"_238":167,"_239":240,"_241":242},"contents",[221,222,223],"upstreamProject",{"_32":39,"_13":56,"_156":157,"_158":159,"_49":50,"_182":219},"upstreamBranch",{"_32":33,"_34":217,"_36":218,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],["D",1785420707976],{"_11":52,"_193":220},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789541999&sig=156ae2b8ac752fc06f52d45eab428b512e0d31e2aab99a830d8bb32149c64f0f",{"_32":232,"_13":120,"_80":112,"_82":-5,"_83":58,"_84":115,"_86":26,"_34":233,"_40":167,"_89":234,"_91":-5,"_66":48,"_93":-5,"_73":235},{"_32":226,"_13":227,"_80":228,"_82":-5,"_83":58,"_84":115,"_86":26,"_34":229,"_40":167,"_89":116,"_91":230,"_66":48,"_93":-5,"_73":231},{"_32":79,"_13":74,"_80":81,"_82":-5,"_83":58,"_84":85,"_86":26,"_34":224,"_40":88,"_89":90,"_91":92,"_66":48,"_93":-5,"_73":225},["D",1780673632895],[74],"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",[227],"e0a21e60-502c-4891-acec-16436e2d1da4",["D",1780668177660],"directory",[120],"pulls","branches","forks","envVars",{"_243":167,"_245":167},"connections",{"_243":167,"_244":167},"count","unfilledCount","emptyCount",{"_32":232,"_13":120,"_80":112,"_82":-5,"_83":58,"_84":115,"_86":26,"_34":289,"_40":167,"_89":234,"_91":-5,"_66":48,"_93":-5,"_94":290,"_73":291},{"_32":285,"_13":143,"_80":136,"_82":112,"_83":58,"_84":115,"_86":26,"_34":286,"_40":167,"_89":234,"_91":-5,"_66":48,"_93":-5,"_94":287,"_73":288},{"_32":133,"_13":134,"_80":135,"_82":136,"_83":58,"_84":57,"_86":26,"_34":137,"_40":138,"_89":139,"_91":140,"_66":48,"_93":-5,"_94":283,"_73":284},{"_32":276,"_13":277,"_80":278,"_82":136,"_83":58,"_84":115,"_86":26,"_34":279,"_40":167,"_89":139,"_91":280,"_66":48,"_93":-5,"_94":281,"_73":282},{"_32":269,"_13":270,"_80":271,"_82":112,"_83":58,"_84":115,"_86":26,"_34":272,"_40":167,"_89":116,"_91":273,"_66":48,"_93":-5,"_94":274,"_73":275},{"_32":109,"_13":110,"_80":111,"_82":112,"_83":58,"_84":113,"_86":26,"_34":114,"_40":115,"_89":116,"_91":117,"_66":48,"_93":-5,"_94":267,"_73":268},{"_32":260,"_13":261,"_80":262,"_82":112,"_83":58,"_84":115,"_86":26,"_34":263,"_40":167,"_89":139,"_91":264,"_66":48,"_93":-5,"_94":265,"_73":266},{"_32":226,"_13":227,"_80":228,"_82":-5,"_83":58,"_84":115,"_86":26,"_34":257,"_40":167,"_89":116,"_91":230,"_66":48,"_93":-5,"_94":258,"_73":259},{"_32":79,"_13":74,"_80":81,"_82":-5,"_83":58,"_84":85,"_86":26,"_34":87,"_40":88,"_89":90,"_91":92,"_66":48,"_93":-5,"_94":255,"_73":256},[],[74],["D",1780668177660],[],[227],"7c8cbcbe-eaf8-432b-a0f3-1132733fb19c","index.tsx","019e9818-1d57-7659-9ed7-54eb3e3f9932",["D",1780668177660],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[120,261],[],[120,110],"9b39aa26-54b9-4f92-9a0a-45251b59cf86","favicon.svg","019e9818-1d57-7659-9ed7-4f2a9111ec40",["D",1780668177660],"\n",[],[120,270],"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",[],[120,143,277],[],[120,143,134],"6507efe3-2e90-44e5-bc5e-5d7c9d9d9ffe",["D",1780668177660],[248,249],[120,143],["D",1780668177660],[247,250,251,252],[120],["D",1780668177660],{"_11":12,"_193":189},{"_11":12,"_187":-5,"_188":189,"_160":161,"_190":191,"_192":48},{"_40":57,"_13":16,"_32":58,"_38":59,"_42":33,"_43":60,"_61":50,"_62":39,"_63":54,"_55":14,"_51":12},"ctx",{"_182":-5,"_214":329,"_330":331,"_332":333,"_334":48,"_335":48,"_336":48,"_337":26,"_338":-5,"_339":-7,"_340":-7,"_341":167,"_342":48,"_343":48,"_344":-5,"_345":48,"_346":48,"_347":48,"_348":-5},"ENV",{"_300":301,"_302":303,"_304":16,"_305":306,"_307":308,"_309":310,"_311":312,"_313":314,"_315":316,"_317":318,"_319":320,"_321":322,"_323":324,"_325":326,"_327":328},"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"]

Compare

Mergevleytman/mainintotemplates/main

frontend/components/App.tsx+332-8

frontend/index.html+4-3

Hindex.ts+228-12