[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_365":366,"_367":368},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_73":256,"_40":-7,"_257":-5,"_17":258,"_259":260,"_261":262,"_263":264,"_265":266,"_91":-5,"_267":268,"_269":270,"_271":48,"_272":273,"_274":26,"_275":-5,"_276":-5,"_277":278},"routes/_app.x.$handle.$name.compare.$branch",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":30,"_31":-5},"handle","tmcw","name","ts-diagnostics-charts","branchName","main","project",{"_32":59,"_13":14,"_34":215,"_46":-5,"_216":48,"_49":50,"_217":50,"_218":219,"_220":221,"_222":223,"_224":225,"_226":26,"_227":-5,"_228":-5,"_229":157,"_53":230,"_231":-5,"_232":-5,"_233":-5,"_234":-5,"_235":236,"_237":236,"_238":239,"_240":239,"_241":239,"_242":236,"_243":236,"_244":245,"_246":247,"_248":28,"_47":48},"ahead",13,"behind",2,"diff",{"_64":65,"_66":67,"_68":69},"hasChanges",true,"sourceBranch",{"_40":57,"_13":16,"_32":58,"_38":59,"_42":33,"_43":60,"_61":50,"_62":39,"_63":54,"_55":14,"_51":12},"targetBranch",{"_32":33,"_34":35,"_36":37,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56},"pull","id","961078ea-f528-11ef-aa68-569c3dd06744","createdAt",["D",1740674013689],"updatedAt",["D",1785420707976],"projectId","96102714-f528-11ef-aa68-569c3dd06744","version",91,"forkedBranchId","forkedBranchVersion","lockfileKey","1785420708123-esm.town_v_templates_react-hono-starter@91-main","deletedAt","isOwned",false,"privacy","public","userHandle","templates","orgId","019aa807-52c2-709c-928b-2029bae9a558","projectName","react-hono-starter",14,"e5cb7897-ae76-4933-9bac-3b59a5f414c7","4bc81931-7473-4688-9d21-c4b43b43ad7f",89,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","added",[161,162,163,164,165],"deleted",[149],"modified",[70,71,72],{"_73":131,"_75":132,"_77":133},{"_73":109,"_75":110,"_77":111},{"_73":74,"_75":76,"_77":78},"path","frontend/index.html","targetFile",{"_32":100,"_13":80,"_81":101,"_83":102,"_85":33,"_86":103,"_88":48,"_34":104,"_40":105,"_90":91,"_92":106,"_66":48,"_94":-5,"_95":-7,"_73":107,"_97":108},"sourceFile",{"_32":79,"_13":80,"_81":82,"_83":84,"_85":58,"_86":87,"_88":26,"_34":89,"_40":22,"_90":91,"_92":93,"_66":48,"_94":-5,"_95":-7,"_73":96,"_97":98},"536da5c6-5621-4a76-b3c1-d6b224e821ad","index.html","fileId","019ead28-5fd5-7414-b06f-2e345f499dc6","parentId","019ead28-5fd5-7414-b06f-36f10454156d","branchId","branchVersion",10,"latest",["D",1781021626287],"fileType","file","content","\n\n \n \n \n TypeScript Diagnostics Charts\n \n \n \n \n

\n \n \n \n","label","children",[99,80],"contentHash","f4c699c36fc21f6a3b79907fd7645c4e92982368dd558ff8fd07aa797723550e","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",[99,80],"1ea8b3da4e18d579298229ba24af91b14b14ae02565f57c996f9acaa1f8333bc","frontend/components/App.tsx",{"_32":122,"_13":113,"_81":123,"_83":124,"_85":33,"_86":125,"_88":26,"_34":126,"_40":127,"_90":117,"_92":128,"_66":48,"_94":-5,"_95":-7,"_73":129,"_97":130},{"_32":112,"_13":113,"_81":114,"_83":115,"_85":58,"_86":57,"_88":26,"_34":116,"_40":22,"_90":117,"_92":118,"_66":48,"_94":-5,"_95":-7,"_73":119,"_97":120},"cbab8877-0d9e-472c-a6ef-0d40e44298e2","App.tsx","019ead28-5fd3-7123-b0be-660889c4f344","019ead28-5fd5-7414-b06f-2695ebfe2d11",["D",1781022114785],"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { groups, scenarioColors, scenarioLabels, scenarioOrder } from \"../data.ts\";\nimport { Headline } from \"./Headline.tsx\";\nimport { GroupSection } from \"./GroupSection.tsx\";\n\nexport function App() {\n return (\n

TypeScript Diagnostics

\n Compiler stats across four checkpoints: before optimization, after\n optimization, after removing octokit, and after a further round of\n optimization.\n

\n \n

\n\n \n\n

\n {groups.map((group) => )}\n

\n\n \n

\n );\n}\n\nfunction Legend() {\n return (\n

\n {scenarioOrder.map((s) => (\n

\n \n {scenarioLabels[s]}\n

\n ))}\n

\n );\n}\n",[99,121,113],"b705b96250b9e6ab47734cff5209b5dc7cb0dcea4f1d2e541f38faf81947895f","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",[99,121,113],"de0a7e5fc76c6fd6135aff964af1a5835e04e2758b23f3d0c7d9fabffe514df7","README.md",{"_32":142,"_13":131,"_81":143,"_83":-5,"_85":33,"_86":60,"_88":48,"_34":144,"_40":145,"_90":91,"_92":146,"_66":48,"_94":-5,"_95":-7,"_73":147,"_97":148},{"_32":134,"_13":131,"_81":135,"_83":-5,"_85":58,"_86":136,"_88":26,"_34":137,"_40":138,"_90":91,"_92":139,"_66":48,"_94":-5,"_95":-7,"_73":140,"_97":141},"2e58ad34-9e5c-46bd-8033-5f5bd01e5a08","019ead28-5fd5-7414-b06f-3a397860444d",11,["D",1781021641817],1,"# TypeScript Diagnostics Charts\n\nA small dashboard comparing `tsc --diagnostics` output across three checkpoints:\n\n1. **Before** optimization\n2. **After** optimization\n3. **After removing octokit**\n\nEach metric is grouped (timing, memory, type-system work, source size, caches)\nand rendered as a horizontal grouped bar chart. Headline cards at the top show\nthe before → after-octokit percent change for the marquee metrics.\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 --> Headline[\"Headline.tsx\"]\n App --> Group[\"GroupSection.tsx\"]\n Group --> Bar[\"BarChart.tsx\"]\n Data[\"data.ts\"] -.-> App\n Data -.-> Headline\n Data -.-> Group\n```\n\n## File structure\n\n```\nindex.ts ← Hono backend (serves frontend)\nfrontend/\n index.html ← HTML shell (Twind + React)\n index.tsx ← React entrypoint\n data.ts ← the diagnostics numbers + metric groups\n components/\n App.tsx ← layout, header, legend\n Headline.tsx ← top summary cards with % deltas\n GroupSection.tsx ← one card per metric group\n BarChart.tsx ← horizontal grouped bar chart per metric\n format.ts ← value / percent formatting helpers\n```\n\n## Editing the data\n\nAll numbers live in [`frontend/data.ts`](/frontend/data.ts). Each metric is one\n`m(...)` call with `before`, `after`, and `afterOctokit` values plus an optional\nunit (`\"s\"` for seconds, `\"K\"` for kilobytes) and a `lowerIsBetter` flag that\ndrives the red/green delta coloring.\n",[131],"32eb760abbadd83f9c0dcc906427b7a48b289c4ff44f6be92209b41412ced258","b9c749c0-59e1-11f1-bb5f-ee650bb23af1","a50c3760-f53e-11ef-bd6d-569c3dd06744",["D",1779896144390],31,"# 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",[131],"aaa4f5cc8e5bd01528335cdd2066e164bf95353ce2fe37c616b3e6406f49331e",{"_73":150,"_75":151,"_77":-7},"frontend/components/Counter.tsx",{"_32":152,"_13":153,"_81":154,"_83":124,"_85":33,"_86":155,"_88":26,"_34":156,"_40":157,"_90":117,"_92":158,"_66":48,"_94":-5,"_95":-7,"_73":159,"_97":160},"57a8cc52-3996-11f1-8db6-42b51c65c3df","Counter.tsx","57a8cd2e-3996-11f1-8db6-42b51c65c3df",73,["D",1776345330366],0,"/** @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",[99,121,153],"10ce4fbd7e41af337e504c3877201698031249b437d941845f0f7cdc52a79e66",{"_73":205,"_75":-7,"_77":206},{"_73":195,"_75":-7,"_77":196},{"_73":186,"_75":-7,"_77":187},{"_73":176,"_75":-7,"_77":177},{"_73":166,"_75":-7,"_77":167},"frontend/data.ts",{"_32":168,"_13":169,"_81":170,"_83":84,"_85":58,"_86":171,"_88":26,"_34":172,"_40":138,"_90":117,"_92":173,"_66":48,"_94":-5,"_95":-7,"_73":174,"_97":175},"a4f613dc-ed56-4aeb-8bcb-28ad6a87e5bf","data.ts","17cb717c-641e-11f1-8f24-1607ee4eb77e",12,["D",1781022098070],"// TypeScript compiler diagnostics across four scenarios.\n// Source: `tsc --diagnostics` output provided by the user.\n\nexport type Scenario = \"before\" | \"after\" | \"afterOctokit\" | \"optimizedAgain\";\n\nexport const scenarioLabels: Record = {\n before: \"Before\",\n after: \"After optimization\",\n afterOctokit: \"After removing octokit\",\n optimizedAgain: \"After more optimization\",\n};\n\nexport const scenarioColors: Record = {\n before: \"#94a3b8\", // slate\n after: \"#3b82f6\", // blue\n afterOctokit: \"#10b981\", // emerald\n optimizedAgain: \"#8b5cf6\", // violet\n};\n\nexport const scenarioOrder: Scenario[] = [\n \"before\",\n \"after\",\n \"afterOctokit\",\n \"optimizedAgain\",\n];\n\nexport interface Metric {\n key: string;\n label: string;\n values: Record;\n unit?: string; // e.g. \"s\", \"K\"\n /** Lower is better → improvements shown in green. */\n lowerIsBetter?: boolean;\n}\n\nexport interface MetricGroup {\n title: string;\n description: string;\n metrics: Metric[];\n}\n\nexport const groups: MetricGroup[] = [\n {\n title: \"Timing\",\n description: \"Wall-clock time spent in each compiler phase (seconds).\",\n metrics: [\n m(\"totalTime\", \"Total time\", 24.50, 21.29, 21.14, 18.90, \"s\", true),\n m(\"checkTime\", \"Check time\", 17.53, 14.85, 15.87, 14.74, \"s\", true),\n m(\"programTime\", \"Program time\", 5.80, 5.54, 4.46, 3.30, \"s\", true),\n m(\"parseTime\", \"Parse time\", 2.61, 2.10, 1.49, 1.37, \"s\", true),\n m(\"bindTime\", \"Bind time\", 1.16, 0.89, 0.81, 0.86, \"s\", true),\n m(\"ioReadTime\", \"I/O Read time\", 1.70, 2.02, 1.82, 1.17, \"s\", true),\n m(\"resolveModuleTime\", \"ResolveModule time\", 1.00, 0.99, 0.80, 0.44, \"s\", true),\n ],\n },\n {\n title: \"Memory\",\n description: \"Peak memory used by the compiler (lower is better).\",\n metrics: [\n m(\"memory\", \"Memory used\", 2582158, 2684547, 3028775, 2605375, \"K\", true),\n ],\n },\n {\n title: \"Type system work\",\n description: \"Counts of types, symbols, and instantiations the checker processed.\",\n metrics: [\n m(\"types\", \"Types\", 792611, 792488, 792463, 792379, \"\", true),\n m(\"symbols\", \"Symbols\", 2727630, 2727426, 2650130, 2630848, \"\", true),\n m(\"identifiers\", \"Identifiers\", 1477296, 1477297, 1400262, 1373312, \"\", true),\n m(\"instantiations\", \"Instantiations\", 4580929, 4581919, 4580041, 4581792, \"\", true),\n ],\n },\n {\n title: \"Source size\",\n description: \"Files processed and lines of code by category.\",\n metrics: [\n m(\"files\", \"Files\", 8876, 8876, 8833, 8353, \"\", true),\n m(\"linesDefinitions\", \"Lines of Definitions\", 1198958, 1198958, 1056659, 1026970, \"\", true),\n m(\"linesTypeScript\", \"Lines of TypeScript\", 239068, 239076, 238890, 238908, \"\", true),\n m(\"linesLibrary\", \"Lines of Library\", 57917, 57917, 57917, 57917, \"\", true),\n ],\n },\n {\n title: \"Caches\",\n description: \"Sizes of the checker's internal caches.\",\n metrics: [\n m(\"assignabilityCache\", \"Assignability cache\", 349928, 349994, 349930, 349936, \"\"),\n m(\"identityCache\", \"Identity cache\", 29214, 29213, 29218, 29216, \"\"),\n m(\"subtypeCache\", \"Subtype cache\", 18909, 18910, 18961, 18953, \"\"),\n m(\"strictSubtypeCache\", \"Strict subtype cache\", 23058, 23041, 23137, 23137, \"\"),\n ],\n },\n];\n\nfunction m(\n key: string,\n label: string,\n before: number,\n after: number,\n afterOctokit: number,\n optimizedAgain: number,\n unit = \"\",\n lowerIsBetter = false,\n): Metric {\n return {\n key,\n label,\n unit,\n lowerIsBetter,\n values: { before, after, afterOctokit, optimizedAgain },\n };\n}\n",[99,169],"1a6fda2bc8581868743048b3018a84d20c0650c23f36d63b5c860a0c0f66b6e8","frontend/components/format.ts",{"_32":178,"_13":179,"_81":180,"_83":115,"_85":58,"_86":181,"_88":26,"_34":182,"_40":157,"_90":117,"_92":183,"_66":48,"_94":-5,"_95":-7,"_73":184,"_97":185},"fcf7c90e-b9e7-4b2a-9c05-dddf9b155373","format.ts","1b637c4e-641e-11f1-8f24-1607ee4eb77e",3,["D",1781021589640],"export function formatValue(n: number, unit = \"\"): string {\n if (unit === \"s\") return `${n.toFixed(2)}s`;\n if (unit === \"K\") {\n // Values are already in K (thousands). Show as GB-ish for readability.\n return `${(n / 1000).toLocaleString(undefined, { maximumFractionDigits: 0 })} MB`;\n }\n return n.toLocaleString();\n}\n\nexport function formatPct(delta: number): string {\n const sign = delta > 0 ? \"+\" : \"\";\n return `${sign}${delta.toFixed(1)}%`;\n}\n\n/** Percent change from `from` to `to`. */\nexport function pctChange(from: number, to: number): number {\n if (from === 0) return 0;\n return ((to - from) / from) * 100;\n}\n",[99,121,179],"37badf436af17336dbc2a12c283671f354847de9b49071131e579aac675b210a","frontend/components/Headline.tsx",{"_32":188,"_13":189,"_81":190,"_83":115,"_85":58,"_86":20,"_88":26,"_34":191,"_40":138,"_90":117,"_92":192,"_66":48,"_94":-5,"_95":-7,"_73":193,"_97":194},"afdd4793-aa56-49c6-9018-257eacf767e8","Headline.tsx","2688d9ac-641e-11f1-830c-1607ee4eb77e",["D",1781022110478],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { groups, scenarioOrder } from \"../data.ts\";\nimport { formatPct, formatValue, pctChange } from \"./format.ts\";\n\nconst headlineKeys = [\"totalTime\", \"checkTime\", \"memory\", \"linesDefinitions\"];\n\n// Compare the first scenario against the most recent one.\nconst firstScenario = scenarioOrder[0];\nconst latestScenario = scenarioOrder[scenarioOrder.length - 1];\n\n/** Top-row cards: before → latest deltas for the marquee metrics. */\nexport function Headline() {\n const all = groups.flatMap((g) => g.metrics);\n const cards = headlineKeys\n .map((k) => all.find((m) => m.key === k))\n .filter((m): m is NonNullable => Boolean(m));\n\n return (\n

\n {cards.map((m) => {\n const from = m.values[firstScenario];\n const to = m.values[latestScenario];\n const delta = pctChange(from, to);\n const improved = m.lowerIsBetter ? delta < 0 : delta > 0;\n const neutral = Math.abs(delta) < 0.05;\n return (\n

{m.label}

\n {formatValue(to, m.unit ?? \"\")}\n

\n \n {neutral ? \"no change\" : `${formatPct(delta)} vs before`}\n

\n );\n })}\n \n );\n}\n",[99,121,189],"9b5690bffeb62059b37fa8804155f6d5ec58ac30bb4337e073f4a41bff43febd","frontend/components/GroupSection.tsx",{"_32":197,"_13":198,"_81":199,"_83":115,"_85":58,"_86":200,"_88":26,"_34":201,"_40":157,"_90":117,"_92":202,"_66":48,"_94":-5,"_95":-7,"_73":203,"_97":204},"db14849d-f84b-4dcf-b174-9f8771781165","GroupSection.tsx","296a617c-641e-11f1-b57c-1607ee4eb77e",6,["D",1781021613172],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { type MetricGroup } from \"../data.ts\";\nimport { BarChart } from \"./BarChart.tsx\";\n\nexport function GroupSection({ group }: { group: MetricGroup }) {\n return (\n

{group.title}

{group.description}

\n {group.metrics.map((metric) => (\n \n ))}\n

\n );\n}\n",[99,121,198],"84d115e13911ac4be4e3096a313e5c9d7b6bc6ed8bcf59d520b0c028c0ae863b","frontend/components/BarChart.tsx",{"_32":207,"_13":208,"_81":209,"_83":115,"_85":58,"_86":210,"_88":26,"_34":211,"_40":157,"_90":117,"_92":212,"_66":48,"_94":-5,"_95":-7,"_73":213,"_97":214},"6edb5617-b98d-40f1-83ec-acce5cab9e42","BarChart.tsx","2136bf96-641e-11f1-8f24-1607ee4eb77e",4,["D",1781021599405],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n type Metric,\n type Scenario,\n scenarioColors,\n scenarioLabels,\n scenarioOrder,\n} from \"../data.ts\";\nimport { formatValue } from \"./format.ts\";\n\n/**\n * A horizontal grouped bar chart for a single metric: one bar per scenario,\n * each scaled to the max value across the three scenarios. Pure SVG/HTML so\n * there are no chart-library dependencies.\n */\nexport function BarChart({ metric }: { metric: Metric }) {\n const max = Math.max(...scenarioOrder.map((s) => metric.values[s]));\n\n return (\n

{metric.label}

\n {scenarioOrder.map((s) => (\n \n ))}\n

\n );\n}\n\nfunction Bar({\n scenario,\n value,\n max,\n unit,\n}: {\n scenario: Scenario;\n value: number;\n max: number;\n unit: string;\n}) {\n const widthPct = max === 0 ? 0 : (value / max) * 100;\n return (\n

\n {scenarioLabels[scenario]}\n

\n \n

\n {formatValue(value, unit)}\n

\n );\n}\n",[99,121,208],"8b52ab99dbe9bd042222b7952f68c895f4343d67c6a1c62544ec69ec179e893f",["D",1781021564206],"legacyEnvVars","httpPrivacy","description","Starter template with client-side React & Hono server","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789534799&sig=2fe932419d898cd124d0961cab25a5a9c3bd76c8b30cb3b9e71257c7b34e60a2","userId","19892fed-baf3-41fb-a5cc-96c80e95edec","pinnedFileId","019ead28-5fd5-7414-b06f-3c01d77f529e","pinPreview","pinMigrated","screenshotVersion","likeCount","f407f111-fdbb-4126-923f-44aed4d9e9ad","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_255":251},"org",{"_11":12,"_249":-5,"_250":251,"_222":223,"_252":253,"_254":48},"branch","displayName","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/7935dc1b-7699-4095-366a-2e9103307501/square512?exp=1789534799&sig=65039a58737b5feb0f109fde91c354de61fc33e6c03b4d7a8390979e279e1f52","tier","pro","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":59,"_13":14,"_34":361,"_46":-5,"_216":48,"_49":50,"_217":50,"_218":219,"_220":221,"_222":223,"_224":225,"_226":26,"_227":-5,"_228":-5,"_229":157,"_53":230,"_231":-5,"_232":-5,"_233":-5,"_234":-5,"_235":236,"_237":236,"_238":239,"_240":239,"_241":239,"_242":236,"_243":236,"_244":362,"_246":363,"_248":364,"_47":48},"tree",[308,319,320],"files",[308,309,310,311,312,313,314,315,316,317,318,319,320],"counts",{"_298":157,"_299":138,"_300":157,"_301":302,"_303":304},"contents",[283,284,285],"upstreamProject",{"_32":39,"_13":56,"_218":219,"_220":221,"_49":50,"_244":281},"upstreamBranch",{"_32":33,"_34":279,"_36":280,"_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,"_255":282},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789534799&sig=94d49ad984a50880ef894a3794e08842e7b9b626be771ff48da114d7d9a149ed",{"_32":294,"_13":99,"_81":84,"_83":-5,"_85":58,"_86":138,"_88":26,"_34":295,"_40":157,"_90":296,"_92":-5,"_66":48,"_94":-5,"_73":297},{"_32":134,"_13":131,"_81":135,"_83":-5,"_85":58,"_86":136,"_88":26,"_34":292,"_40":138,"_90":91,"_92":139,"_66":48,"_94":-5,"_73":293},{"_32":286,"_13":287,"_81":225,"_83":-5,"_85":58,"_86":138,"_88":26,"_34":288,"_40":157,"_90":289,"_92":290,"_66":48,"_94":-5,"_73":291},"5ec98b67-8dfc-4a37-991c-7b3e1b13207a","index.ts",["D",1781021564206],"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\n// Serve index.html at the root /\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\n\n// View source redirect\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// Add your API routes here\n// app.get(\"/api/data\", c => c.json({ hello: \"world\" }));\n\n// Unwrap and rethrow Hono errors as the original error\n// If you delete this, all errors will be \"Internal Server Error\"\napp.onError((err) => Promise.reject(err));\n\n// HTTP vals expect an exported \"fetch handler\"\n// This is how you \"run the server\" in Val Town with Hono\nexport default app.fetch;\n",[287],["D",1781021641817],[131],"5e0de2de-6ba3-4faa-8dbb-991b354542e7",["D",1781021564206],"directory",[99],"pulls","branches","forks","envVars",{"_305":157,"_307":157},"connections",{"_305":157,"_306":157},"count","unfilledCount","emptyCount",{"_32":294,"_13":99,"_81":84,"_83":-5,"_85":58,"_86":138,"_88":26,"_34":358,"_40":157,"_90":296,"_92":-5,"_66":48,"_94":-5,"_95":359,"_73":360},{"_32":354,"_13":121,"_81":115,"_83":84,"_85":58,"_86":138,"_88":26,"_34":355,"_40":157,"_90":296,"_92":-5,"_66":48,"_94":-5,"_95":356,"_73":357},{"_32":112,"_13":113,"_81":114,"_83":115,"_85":58,"_86":57,"_88":26,"_34":116,"_40":22,"_90":117,"_92":118,"_66":48,"_94":-5,"_95":352,"_73":353},{"_32":207,"_13":208,"_81":209,"_83":115,"_85":58,"_86":210,"_88":26,"_34":211,"_40":157,"_90":117,"_92":212,"_66":48,"_94":-5,"_95":350,"_73":351},{"_32":197,"_13":198,"_81":199,"_83":115,"_85":58,"_86":200,"_88":26,"_34":201,"_40":157,"_90":117,"_92":202,"_66":48,"_94":-5,"_95":348,"_73":349},{"_32":188,"_13":189,"_81":190,"_83":115,"_85":58,"_86":20,"_88":26,"_34":191,"_40":138,"_90":117,"_92":192,"_66":48,"_94":-5,"_95":346,"_73":347},{"_32":178,"_13":179,"_81":180,"_83":115,"_85":58,"_86":181,"_88":26,"_34":182,"_40":157,"_90":117,"_92":183,"_66":48,"_94":-5,"_95":344,"_73":345},{"_32":168,"_13":169,"_81":170,"_83":84,"_85":58,"_86":171,"_88":26,"_34":172,"_40":138,"_90":117,"_92":173,"_66":48,"_94":-5,"_95":342,"_73":343},{"_32":335,"_13":336,"_81":337,"_83":84,"_85":58,"_86":138,"_88":26,"_34":338,"_40":157,"_90":91,"_92":339,"_66":48,"_94":-5,"_95":340,"_73":341},{"_32":79,"_13":80,"_81":82,"_83":84,"_85":58,"_86":87,"_88":26,"_34":89,"_40":22,"_90":91,"_92":93,"_66":48,"_94":-5,"_95":333,"_73":334},{"_32":326,"_13":327,"_81":328,"_83":84,"_85":58,"_86":138,"_88":26,"_34":329,"_40":157,"_90":117,"_92":330,"_66":48,"_94":-5,"_95":331,"_73":332},{"_32":134,"_13":131,"_81":135,"_83":-5,"_85":58,"_86":136,"_88":26,"_34":137,"_40":138,"_90":91,"_92":139,"_66":48,"_94":-5,"_95":324,"_73":325},{"_32":286,"_13":287,"_81":225,"_83":-5,"_85":58,"_86":138,"_88":26,"_34":321,"_40":157,"_90":289,"_92":290,"_66":48,"_94":-5,"_95":322,"_73":323},["D",1781021564206],[],[287],[],[131],"a3abf725-530f-4a50-807e-625ef3a9d6c7","index.tsx","019ead28-5fd5-7414-b06f-304f030a712b",["D",1781021564206],"/** @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();",[],[99,327],[],[99,80],"01b9fc04-2785-490b-afd4-8d499986d29d","favicon.svg","019ead28-5fd5-7414-b06f-2be8e0a77b1f",["D",1781021564206],"\n",[],[99,336],[],[99,169],[],[99,121,179],[],[99,121,189],[],[99,121,198],[],[99,121,208],[],[99,121,113],"198e253d-534d-4c53-88a9-d1007d9f71e2",["D",1781021564206],[310,311,312,313,314],[99,121],["D",1781021564206],[309,315,316,317,318],[99],["D",1781021564206],{"_11":12,"_255":251},{"_11":12,"_249":-5,"_250":251,"_222":223,"_252":253,"_254":48},{"_40":57,"_13":16,"_32":58,"_38":59,"_42":33,"_43":60,"_61":50,"_62":39,"_63":54,"_55":14,"_51":12},"ctx",{"_244":-5,"_276":398,"_399":400,"_401":402,"_403":48,"_404":48,"_405":48,"_406":26,"_407":-5,"_408":-7,"_409":-7,"_410":157,"_411":48,"_412":48,"_413":-5,"_414":48,"_415":48,"_416":48,"_417":-5},"ENV",{"_369":370,"_371":372,"_373":16,"_374":375,"_376":377,"_378":379,"_380":381,"_382":383,"_384":385,"_386":387,"_388":389,"_390":391,"_392":393,"_394":395,"_396":397},"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

Mergetmcw/mainintotemplates/main

README.md+28-41

frontend/components/App.tsx+39-7

frontend/index.html+2-2

frontend/components/BarChart.tsx+68-0

frontend/components/GroupSection.tsx+17-0

frontend/components/Headline.tsx+48-0

frontend/components/format.ts+19-0

frontend/data.ts+112-0

frontend/components/Counter.tsx+0-18