React Hono Val Town Starter

SLO Car Insurance Premium Scrape — ${o.provider}

Timestamp: ${o.timestamp}
Target URL: ${o.targetUrl}
Vehicles processed: ${o.processedVehicles}/${o.totalVehicles}
Success / Partial / Failure: ${o.successCount} / ${o.partialCount} / ${o.failureCount}
Validation — PASS / WARNING / INVALID: ${o.validationSummary.pass} / ${o.validationSummary.warning} / ${o.validationSummary.invalid}

\n ${o.errors.length ? `

Run errors: ${o.errors.join(\"; \")}

` : \"\"}\n

Results table

\n ${toHtmlTable(o)}\n

`;\n}\n\nexport interface SendOptions {\n to?: string; // defaults to val owner's account address\n}\n\nexport async function sendResults(\n output: ConsolidatedOutput,\n opts: SendOptions = {},\n): Promise<{ sent: boolean; to: string; note?: string }> {\n const csv = toCsv(output);\n const filename = `insurance_results_${output.provider}_${output.timestamp.slice(0, 10)}.csv`;\n\n const attachment = new File([csv], filename, { type: \"text/csv\" });\n\n const payload: Parameters[0] = {\n subject: `Insurance scrape results — ${output.provider} (${output.timestamp.slice(0, 10)})`,\n html: summaryHtml(output),\n attachments: [attachment],\n };\n if (opts.to) payload.to = opts.to;\n\n await email(payload);\n return {\n sent: true,\n to: opts.to ?? \"val owner account address\",\n note: opts.to\n ? \"On free tier, delivery to non-owner addresses may be blocked by the platform.\"\n : undefined,\n };\n}\n",[19,118],"eb057c47-d291-4e90-9c9e-54e4ae1be52a","export.ts","8b56af1e-6340-11f1-bc05-1607ee4eb77e",8,["D",1780926429184],"// Excel-compatible results table (Spec §18). Emitted as CSV (opens in Excel)\n// and as an HTML table for email bodies.\nimport type { ConsolidatedOutput, VehicleResult } from \"./types.ts\";\n\nexport const COLUMNS = [\n \"Run ID\",\n \"Timestamp\",\n \"Provider\",\n \"Vehicle ID\",\n \"Vehicle Name\",\n \"Registration Plate\",\n \"VIN\",\n \"Year\",\n \"First Registration\",\n \"Power kW\",\n \"Displacement ccm\",\n \"Premium Class\",\n \"Bonus Malus\",\n \"AO Raw\",\n \"AO Value\",\n \"AO+ Raw\",\n \"AO+ Value\",\n \"AKA Raw\",\n \"AKA Value\",\n \"Partial Casco Raw\",\n \"Partial Casco Value\",\n \"Roadside Assistance Raw\",\n \"Roadside Assistance Value\",\n \"Towing Assistance Raw\",\n \"Towing Assistance Value\",\n \"Monthly Raw\",\n \"Monthly Value\",\n \"Yearly Raw\",\n \"Yearly Value\",\n \"Validation Status\",\n \"Execution Status\",\n \"Error Message\",\n \"Source Selector(s)\",\n \"Trace ID\",\n] as const;\n\nfunction cell(v: { raw: string | null; value: number | null }): [string, string] {\n return [v.raw ?? \"\", v.value == null ? \"\" : String(v.value)];\n}\n\nexport function resultToRow(\n output: ConsolidatedOutput,\n r: VehicleResult,\n): (string | number)[] {\n const p = r.premiums;\n const selectors = Object.entries(p)\n .filter(([, c]) => c.selector)\n .map(([k, c]) => `${k}=${c.selector}`)\n .join(\" | \");\n const errorMsg = [...r.execution.errors, ...r.validation.messages].join(\"; \");\n\n return [\n r.runId,\n output.timestamp,\n r.provider,\n r.vehicle.id,\n r.vehicle.name,\n r.vehicle.registrationPlate ?? \"\",\n r.vehicle.vin ?? \"\",\n r.vehicle.year,\n r.vehicle.firstRegistrationDate,\n r.vehicle.powerKW,\n r.vehicle.displacementCC,\n r.vehicle.premiumClass,\n r.vehicle.bonusMalus,\n ...cell(p.AO),\n ...cell(p.AOPlus),\n ...cell(p.AKA),\n ...cell(p.partialCasco),\n ...cell(p.roadsideAssistance),\n ...cell(p.vehicleTowingAssistance),\n ...cell(p.monthlyTotal),\n ...cell(p.yearlyTotal),\n r.validation.status,\n r.execution.status,\n errorMsg,\n selectors,\n r.runId,\n ];\n}\n\nfunction csvEscape(v: string | number): string {\n const s = String(v);\n if (/[\",\\n;]/.test(s)) return `\"${s.replace(/\"/g, '\"\"')}\"`;\n return s;\n}\n\n/** CSV with a UTF-8 BOM so Excel renders Slovenian characters correctly. */\nexport function toCsv(output: ConsolidatedOutput): string {\n const lines: string[] = [];\n lines.push(COLUMNS.map(csvEscape).join(\",\"));\n for (const r of output.results) {\n lines.push(resultToRow(output, r).map(csvEscape).join(\",\"));\n }\n return \"\\uFEFF\" + lines.join(\"\\r\\n\") + \"\\r\\n\";\n}\n\n/** HTML table for email bodies and on-screen preview. */\nexport function toHtmlTable(output: ConsolidatedOutput): string {\n const head = COLUMNS.map((c) => `${c}`).join(\"\");\n const body = output.results\n .map((r) => {\n const cells = resultToRow(output, r)\n .map((v) => `${escapeHtml(String(v))}`)\n .join(\"\");\n return `${cells}`;\n })\n .join(\"\");\n return `\n ${head}\n ${body}\n

`;\n}\n\nfunction escapeHtml(s: string): string {\n return s\n .replace(/&/g, \"&\")\n .replace(//g, \">\");\n}\n",[19,125],"d6f32809-b2c9-4a61-8092-2e33bcf1d3ca","data.ts","34fe0c2a-6340-11f1-bfb3-1607ee4eb77e",["D",1780926284317],"// SINGLE SOURCE OF TRUTH — immutable data payload (Spec §7).\n// Do not invent, infer, or auto-complete values. (R1, R2)\n\nexport interface Policyholder {\n firstName: string;\n lastName: string;\n dateOfBirth: string; // YYYY-MM-DD\n birthYear: string;\n age: number;\n address: string;\n postalCode: string;\n city: string;\n country: string;\n email: string;\n taxNumber: string;\n annualMileageKm: string;\n premijskiRazred: string;\n bonusMalus: string;\n}\n\nexport interface Vehicle {\n id: number;\n name: string;\n registrationPlate: string | null;\n registrationCity: string | null;\n registrationSuffix: string | null;\n vin: string | null;\n year: number;\n firstRegistrationDate: string; // YYYY-MM-DD\n engine: string;\n powerKW: number;\n displacementCC: number;\n premiumClass: string;\n bonusMalus: string;\n coverage: string;\n}\n\nexport const POLICYHOLDER: Policyholder = {\n firstName: \"Marko\",\n lastName: \"Volk\",\n dateOfBirth: \"1989-04-01\",\n birthYear: \"1989\",\n age: 36,\n address: \"Ljubljanska cesta 10, 1241 Kamnik\",\n postalCode: \"1241\",\n city: \"Kamnik\",\n country: \"Slovenija\",\n email: \"pinkjopanko@gmail.com\",\n taxNumber: \"22222227\",\n annualMileageKm: \"17500\", // Spec §8: always 17500 km\n premijskiRazred: \"14\",\n bonusMalus: \"14\",\n};\n\nexport const VEHICLES: Vehicle[] = [\n {\n id: 1,\n name: \"Škoda Superb Combi 2.0 TDI AUT SportLine DSG\",\n registrationPlate: \"LJ28DRI\",\n registrationCity: \"LJ\",\n registrationSuffix: \"28DRI\",\n vin: \"TMBJH9NP0J7519842\",\n year: 2017,\n firstRegistrationDate: \"2017-08-30\",\n engine: \"2.0 TDI AUT\",\n powerKW: 140,\n displacementCC: 1968,\n premiumClass: \"14\",\n bonusMalus: \"14\",\n coverage: \"vse\",\n },\n {\n id: 2,\n name: \"Volvo V70 2.0 TD AUT D4 Momentum Geartronic\",\n registrationPlate: \"LJ40SND\",\n registrationCity: \"LJ\",\n registrationSuffix: \"40SND\",\n vin: \"YV1BW88A0D1251369\",\n year: 2012,\n firstRegistrationDate: \"2012-12-14\",\n engine: \"2.0 TD AUT\",\n powerKW: 100,\n displacementCC: 1999,\n premiumClass: \"14\",\n bonusMalus: \"14\",\n coverage: \"vse\",\n },\n {\n id: 3,\n name: \"BMW 320 Touring D Serija 3 Karavan Diesel F31\",\n // Source dataset has an empty plate; agent payload provides KPRG926.\n registrationPlate: \"KPRG926\",\n registrationCity: \"KP\",\n registrationSuffix: \"RG926\",\n vin: \"WBA3K31080F748139\",\n year: 2013,\n firstRegistrationDate: \"2013-08-08\",\n engine: \"D AUT\",\n powerKW: 135,\n displacementCC: 1995,\n premiumClass: \"14\",\n bonusMalus: \"14\",\n coverage: \"vse\",\n },\n {\n id: 4,\n name: \"Renault Clio dCi 90 Energy Limited Start&Stop 66kW\",\n registrationPlate: \"LJ52CRG\",\n registrationCity: \"LJ\",\n registrationSuffix: \"52CRG\",\n vin: \"VF15R0J0A54738747\",\n year: 2017,\n firstRegistrationDate: \"2017-01-05\",\n engine: \"dCi 90 S&S\",\n powerKW: 66,\n displacementCC: 1461,\n premiumClass: \"14\",\n bonusMalus: \"14\",\n coverage: \"vse\",\n },\n];\n\n// Provider adapter configuration (Spec §6 / §9).\nexport interface ProviderConfig {\n key: string;\n org: string;\n targetUrl: string;\n fallbackUrl?: string;\n notes: string;\n}\n\nexport const PROVIDERS: ProviderConfig[] = [\n {\n key: \"triglav\",\n org: \"Zavarovalnica Triglav (HI3-style calculator)\",\n targetUrl: \"https://skleni.triglav.si/isklepanje/avto/avto_zavarovanje_1\",\n fallbackUrl: \"https://skleni.triglav.si/isklepanje/avto/informativni_izracun\",\n notes: \"Multi-step JS calculator; marketing page without _1 is not the form.\",\n },\n {\n key: \"generali\",\n org: \"Generali / G24\",\n targetUrl: \"https://g24.generali.si/avto/-/skleni/zacetekA\",\n notes: \"Region + registration flow.\",\n },\n {\n key: \"wiz\",\n org: \"WIZ\",\n targetUrl: \"https://avto.wiz.si/avto/-/skleni/zacetekA\",\n notes: \"Same platform family as G24.\",\n },\n {\n key: \"sava\",\n org: \"Sava (Hi3)\",\n targetUrl: \"https://www.hi3.si/avtomobili/zavarovanje\",\n notes: \"Public calculator availability may vary.\",\n },\n];\n",[19,132],"8d3a1a27-1131-42f2-9811-770a4be6a8b0","directory",["D",1780926284317],[19],{"_36":137,"_13":19,"_70":73,"_72":-5,"_74":75,"_76":34,"_78":79,"_38":217,"_17":81,"_82":138,"_84":-5,"_86":51,"_87":-5,"_153":218,"_18":219},{"_36":163,"_13":164,"_70":165,"_72":-5,"_74":75,"_76":150,"_78":79,"_38":166,"_17":81,"_82":138,"_84":-5,"_86":51,"_87":-5,"_153":167,"_18":168},{"_36":156,"_13":157,"_70":158,"_72":-5,"_74":75,"_76":150,"_78":79,"_38":159,"_17":81,"_82":24,"_84":160,"_86":51,"_87":-5,"_153":161,"_18":162},{"_36":145,"_13":146,"_70":147,"_72":-5,"_74":75,"_76":148,"_78":79,"_38":149,"_17":150,"_82":151,"_84":152,"_86":51,"_87":-5,"_153":154,"_18":155},"8a621a15-abaa-4f2e-8cbe-08bca955c21d","index.ts","019ea77a-22c0-7674-b320-c34188368f56",10,["D",1780926456747],1,"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport { PROVIDERS, POLICYHOLDER, VEHICLES } from \"./backend/data.ts\";\nimport { getRun, listRuns, runProvider } from \"./backend/run.ts\";\nimport { toCsv } from \"./backend/export.ts\";\nimport { sendResults } from \"./backend/mailer.ts\";\n\nconst app = new Hono();\n\n// ---- Static frontend ----\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\n// ---- API ----\n\n// Config: providers + the single-source-of-truth input dataset.\napp.get(\"/api/config\", (c) =>\n c.json({\n providers: PROVIDERS,\n policyholder: POLICYHOLDER,\n vehicles: VEHICLES,\n }));\n\n// Trigger a scrape run for one provider (optionally one vehicle).\napp.post(\"/api/run\", async (c) => {\n const body = await c.req.json().catch(() => ({}));\n const providerKey = String(body.provider ?? \"\");\n const vehicleId = body.vehicleId ? Number(body.vehicleId) : undefined;\n if (!PROVIDERS.some((p) => p.key === providerKey)) {\n return c.json({ error: `Unknown provider \"${providerKey}\".` }, 400);\n }\n const output = await runProvider({ providerKey, vehicleId });\n return c.json(output);\n});\n\n// List recent runs.\napp.get(\"/api/runs\", async (c) => c.json(await listRuns(50)));\n\n// Get a single run's full consolidated output.\napp.get(\"/api/runs/:runId\", async (c) => {\n const out = await getRun(decodeURIComponent(c.req.param(\"runId\")));\n if (!out) return c.json({ error: \"Run not found.\" }, 404);\n return c.json(out);\n});\n\n// Download a run as CSV (Excel-compatible).\napp.get(\"/api/runs/:runId/csv\", async (c) => {\n const out = await getRun(decodeURIComponent(c.req.param(\"runId\")));\n if (!out) return c.json({ error: \"Run not found.\" }, 404);\n const csv = toCsv(out);\n const filename = `insurance_results_${out.provider}_${out.timestamp.slice(0, 10)}.csv`;\n return new Response(csv, {\n headers: {\n \"Content-Type\": \"text/csv; charset=utf-8\",\n \"Content-Disposition\": `attachment; filename=\"${filename}\"`,\n },\n });\n});\n\n// Email a run's results + summary.\napp.post(\"/api/runs/:runId/email\", async (c) => {\n const out = await getRun(decodeURIComponent(c.req.param(\"runId\")));\n if (!out) return c.json({ error: \"Run not found.\" }, 404);\n const body = await c.req.json().catch(() => ({}));\n const to = body.to ? String(body.to) : undefined;\n try {\n const res = await sendResults(out, { to });\n return c.json(res);\n } catch (e) {\n return c.json(\n { sent: false, error: e instanceof Error ? e.message : String(e) },\n 500,\n );\n }\n});\n\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n","children",[],[146],"706c5265-0a51-4da7-9871-5cd6cf0771be","README.md","019ea77a-22c0-7674-b320-bc8b46df5496",["D",1780926259808],"# 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",[],[157],"12716da6-1f63-4045-a41e-c99ff7336a13","frontend","019ea77a-22c0-7674-b320-bb1dcd31997f",["D",1780926259808],[169,170,171,172],[164],{"_36":194,"_13":195,"_70":196,"_72":165,"_74":75,"_76":150,"_78":79,"_38":197,"_17":81,"_82":138,"_84":-5,"_86":51,"_87":-5,"_153":198,"_18":199},{"_36":187,"_13":188,"_70":189,"_72":165,"_74":75,"_76":150,"_78":79,"_38":190,"_17":81,"_82":24,"_84":191,"_86":51,"_87":-5,"_153":192,"_18":193},{"_36":180,"_13":181,"_70":182,"_72":165,"_74":75,"_76":150,"_78":79,"_38":183,"_17":81,"_82":24,"_84":184,"_86":51,"_87":-5,"_153":185,"_18":186},{"_36":173,"_13":174,"_70":175,"_72":165,"_74":75,"_76":150,"_78":79,"_38":176,"_17":81,"_82":83,"_84":177,"_86":51,"_87":-5,"_153":178,"_18":179},"a2531662-16fe-49db-bea4-3ab4ecd818d9","index.tsx","019ea77a-22c0-7674-b320-b629fc143d29",["D",1780926259808],"/** @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();",[],[164,174],"35606251-29ea-4687-bc9d-e5b9783b39c9","index.html","019ea77a-22c0-7674-b320-b23b1f4487c7",["D",1780926259808],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[],[164,181],"6be8bd84-58fb-4feb-b059-997404ea3943","favicon.svg","019ea77a-22c0-7674-b320-ae1a78f7882a",["D",1780926259808],"\n",[],[164,188],"600a94bd-3d06-4ad9-ad04-e5c5091b79fd","components","019ea77a-22bf-70dc-a58b-50e42f3f3d59",["D",1780926259808],[200,201],[164,195],{"_36":209,"_13":210,"_70":211,"_72":196,"_74":75,"_76":212,"_78":79,"_38":213,"_17":150,"_82":83,"_84":214,"_86":51,"_87":-5,"_153":215,"_18":216},{"_36":202,"_13":90,"_70":203,"_72":196,"_74":75,"_76":204,"_78":79,"_38":205,"_17":81,"_82":83,"_84":206,"_86":51,"_87":-5,"_153":207,"_18":208},"16988b2d-262c-4ef9-a690-f229e662ba5a","df05b600-6340-11f1-9979-1607ee4eb77e",15,["D",1780926569582],"// Frontend mirror of backend output types (kept minimal).\nexport interface Provider {\n key: string;\n org: string;\n targetUrl: string;\n fallbackUrl?: string;\n notes: string;\n}\n\nexport interface Vehicle {\n id: number;\n name: string;\n registrationPlate: string | null;\n vin: string | null;\n year: number;\n firstRegistrationDate: string;\n powerKW: number;\n displacementCC: number;\n premiumClass: string;\n bonusMalus: string;\n}\n\nexport interface Policyholder {\n firstName: string;\n lastName: string;\n dateOfBirth: string;\n age: number;\n address: string;\n postalCode: string;\n city: string;\n country: string;\n email: string;\n taxNumber: string;\n annualMileageKm: string;\n bonusMalus: string;\n}\n\nexport interface Config {\n providers: Provider[];\n policyholder: Policyholder;\n vehicles: Vehicle[];\n}\n\nexport interface PremiumCell {\n raw: string | null;\n value: number | null;\n currency: string;\n selector: string | null;\n validation: string;\n}\n\nexport interface TraceEntry {\n stepId: string;\n vehicleId: number;\n provider: string;\n snapshotSummary: string;\n thought: string;\n action: string;\n locator: string | null;\n value: string | null;\n waitFor: string | null;\n validation: string;\n status: \"OK\" | \"ERROR\";\n error: string | null;\n}\n\nexport interface VehicleResult {\n runId: string;\n provider: string;\n vehicle: Vehicle & { premiumClass: string; bonusMalus: string };\n inputCompleteness: { status: string; missingFields: string[] };\n premiums: Record;\n validation: {\n status: string;\n checks: Record;\n messages: string[];\n };\n execution: {\n status: string;\n completedSteps: string[];\n failedStep: string | null;\n errors: string[];\n warnings: string[];\n trace: TraceEntry[];\n };\n}\n\nexport interface ConsolidatedOutput {\n timestamp: string;\n provider: string;\n targetUrl: string;\n totalVehicles: number;\n processedVehicles: number;\n successCount: number;\n failureCount: number;\n partialCount: number;\n validationSummary: { pass: number; warning: number; invalid: number };\n results: VehicleResult[];\n errors: string[];\n executionLog: TraceEntry[];\n}\n",[],[164,195,90],"be719636-f1ce-48c6-841b-c586feced0ad","App.tsx","019ea77a-22bf-70dc-a58b-4b18902d70b7",13,["D",1780926557322],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { Header } from \"./Header.tsx\";\nimport { InputPanel } from \"./InputPanel.tsx\";\nimport { RunPanel } from \"./RunPanel.tsx\";\nimport { ResultsTable } from \"./ResultsTable.tsx\";\nimport { TracePanel } from \"./TracePanel.tsx\";\nimport type { Config, ConsolidatedOutput } from \"./types.ts\";\n\nexport function App() {\n const [config, setConfig] = useState(null);\n const [output, setOutput] = useState(null);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n\n useEffect(() => {\n fetch(\"/api/config\")\n .then((r) => r.json())\n .then(setConfig)\n .catch((e) => setError(String(e)));\n }, []);\n\n if (!config) {\n return (\n

\n {error ? `Error: ${error}` : \"Loading configuration…\"}\n

\n );\n }\n\n return (\n

\n \n \n

\n {error && (\n

\n {error}\n

\n )}\n {output ? (\n <>\n \n \n \n ) : (\n

\n Pick a provider and click Run scrape to begin.\n

\n )}\n

\n Informative car-insurance premium scraper · prices are never invented —\n unreachable values are reported as null.{\" \"}\n view source\n

\n );\n}\n",[],[164,195,210],["D",1780926284317],[220,221,222,223,224,225,226,227],[19],{"_36":131,"_13":132,"_70":133,"_72":73,"_74":75,"_76":34,"_78":79,"_38":249,"_17":81,"_82":83,"_84":135,"_86":51,"_87":-5,"_153":250,"_18":251},{"_36":124,"_13":125,"_70":126,"_72":73,"_74":75,"_76":127,"_78":79,"_38":246,"_17":81,"_82":83,"_84":129,"_86":51,"_87":-5,"_153":247,"_18":248},{"_36":117,"_13":118,"_70":119,"_72":73,"_74":75,"_76":120,"_78":79,"_38":243,"_17":81,"_82":83,"_84":122,"_86":51,"_87":-5,"_153":244,"_18":245},{"_36":110,"_13":111,"_70":112,"_72":73,"_74":75,"_76":113,"_78":79,"_38":240,"_17":81,"_82":83,"_84":115,"_86":51,"_87":-5,"_153":241,"_18":242},{"_36":103,"_13":104,"_70":105,"_72":73,"_74":75,"_76":106,"_78":79,"_38":237,"_17":34,"_82":83,"_84":108,"_86":51,"_87":-5,"_153":238,"_18":239},{"_36":96,"_13":97,"_70":98,"_72":73,"_74":75,"_76":99,"_78":79,"_38":234,"_17":81,"_82":83,"_84":101,"_86":51,"_87":-5,"_153":235,"_18":236},{"_36":89,"_13":90,"_70":91,"_72":73,"_74":75,"_76":92,"_78":79,"_38":231,"_17":81,"_82":83,"_84":94,"_86":51,"_87":-5,"_153":232,"_18":233},{"_36":68,"_13":69,"_70":71,"_72":73,"_74":75,"_76":77,"_78":79,"_38":228,"_17":81,"_82":83,"_84":85,"_86":51,"_87":-5,"_153":229,"_18":230},["D",1780926336090],[],[19,69],["D",1780926316635],[],[19,90],["D",1780926302004],[],[19,97],["D",1780926513696],[],[19,104],["D",1780926410796],[],[19,111],["D",1780926442275],[],[19,118],["D",1780926429184],[],[19,125],["D",1780926284317],[],[19,132],"51e32d1b-c194-4935-a85e-769022c4725a",["D",1780926259808],"legacyEnvVars","httpPrivacy","description","Starter template with client-side React & Hono server","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789567199&sig=be2da3e537d6269cefeedcb88843ac66f83d7a4623f50e71633938e44918ec3c","userId","ef09cad0-3696-4c8c-8289-426c271e9f2e","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","f1d18ccf-f95e-4323-b106-e24202582d95","tursoName","51e32d1bc1944935a85e769022c4725a","tursoHostname","51e32d1bc1944935a85e769022c4725a-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789489305251],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_300":296},"org",{"_11":12,"_294":-5,"_295":296,"_260":261,"_297":298,"_299":51},"branch",{"_17":204,"_13":16,"_36":75,"_42":252,"_45":37,"_46":290,"_291":53,"_292":43,"_293":57,"_58":14,"_54":12},89,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ycWREVmJ3RThxZ29WR284NVFyVUJxQ2NoanEifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":252,"_13":14,"_38":407,"_49":-5,"_254":51,"_52":53,"_255":53,"_256":257,"_258":259,"_260":261,"_262":147,"_263":79,"_264":-5,"_265":-5,"_266":81,"_56":267,"_268":269,"_270":271,"_272":408,"_274":-5,"_275":276,"_277":276,"_278":279,"_280":279,"_281":279,"_282":276,"_283":276,"_284":409,"_286":410,"_288":411,"_50":51},[353,362,369,370],"files",[353,354,355,356,357,358,359,360,361,362,363,364,365,366,367,368,369,370],"counts",{"_344":81,"_345":150,"_346":81,"_35":347,"_348":349},[328,329,330,331,332,333,334,335],{"_36":137,"_13":19,"_70":73,"_72":-5,"_74":75,"_76":34,"_78":79,"_38":326,"_17":81,"_82":138,"_84":-5,"_86":51,"_87":-5,"_18":327},"upstreamProject",{"_36":43,"_13":59,"_256":257,"_258":259,"_52":53,"_284":324},"upstreamBranch",{"_36":37,"_38":322,"_40":323,"_13":16,"_42":43,"_17":44,"_45":-5,"_46":-5,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],["D",1785420707976],{"_11":55,"_300":325},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789567199&sig=d8af4f1d5d6ef07a152f6225f86a0227f22fe92650a7f9572d94a5f64256bba9",["D",1780926284317],[19],{"_36":131,"_13":132,"_70":133,"_72":73,"_74":75,"_76":34,"_78":79,"_38":134,"_17":81,"_82":83,"_84":135,"_86":51,"_87":-5,"_18":343},{"_36":124,"_13":125,"_70":126,"_72":73,"_74":75,"_76":127,"_78":79,"_38":128,"_17":81,"_82":83,"_84":129,"_86":51,"_87":-5,"_18":342},{"_36":117,"_13":118,"_70":119,"_72":73,"_74":75,"_76":120,"_78":79,"_38":121,"_17":81,"_82":83,"_84":122,"_86":51,"_87":-5,"_18":341},{"_36":110,"_13":111,"_70":112,"_72":73,"_74":75,"_76":113,"_78":79,"_38":114,"_17":81,"_82":83,"_84":115,"_86":51,"_87":-5,"_18":340},{"_36":103,"_13":104,"_70":105,"_72":73,"_74":75,"_76":106,"_78":79,"_38":107,"_17":34,"_82":83,"_84":108,"_86":51,"_87":-5,"_18":339},{"_36":96,"_13":97,"_70":98,"_72":73,"_74":75,"_76":99,"_78":79,"_38":100,"_17":81,"_82":83,"_84":101,"_86":51,"_87":-5,"_18":338},{"_36":89,"_13":90,"_70":91,"_72":73,"_74":75,"_76":92,"_78":79,"_38":93,"_17":81,"_82":83,"_84":94,"_86":51,"_87":-5,"_18":337},{"_36":68,"_13":69,"_70":71,"_72":73,"_74":75,"_76":77,"_78":79,"_38":80,"_17":81,"_82":83,"_84":85,"_86":51,"_87":-5,"_18":336},[19,69],[19,90],[19,97],[19,104],[19,111],[19,118],[19,125],[19,132],"pulls","branches","forks",{"_350":81,"_352":81},"connections",{"_350":81,"_351":81},"count","unfilledCount","emptyCount",{"_36":137,"_13":19,"_70":73,"_72":-5,"_74":75,"_76":34,"_78":79,"_38":217,"_17":81,"_82":138,"_84":-5,"_86":51,"_87":-5,"_153":405,"_18":406},{"_36":131,"_13":132,"_70":133,"_72":73,"_74":75,"_76":34,"_78":79,"_38":249,"_17":81,"_82":83,"_84":135,"_86":51,"_87":-5,"_153":403,"_18":404},{"_36":124,"_13":125,"_70":126,"_72":73,"_74":75,"_76":127,"_78":79,"_38":246,"_17":81,"_82":83,"_84":129,"_86":51,"_87":-5,"_153":401,"_18":402},{"_36":117,"_13":118,"_70":119,"_72":73,"_74":75,"_76":120,"_78":79,"_38":243,"_17":81,"_82":83,"_84":122,"_86":51,"_87":-5,"_153":399,"_18":400},{"_36":110,"_13":111,"_70":112,"_72":73,"_74":75,"_76":113,"_78":79,"_38":240,"_17":81,"_82":83,"_84":115,"_86":51,"_87":-5,"_153":397,"_18":398},{"_36":103,"_13":104,"_70":105,"_72":73,"_74":75,"_76":106,"_78":79,"_38":237,"_17":34,"_82":83,"_84":108,"_86":51,"_87":-5,"_153":395,"_18":396},{"_36":96,"_13":97,"_70":98,"_72":73,"_74":75,"_76":99,"_78":79,"_38":234,"_17":81,"_82":83,"_84":101,"_86":51,"_87":-5,"_153":393,"_18":394},{"_36":89,"_13":90,"_70":91,"_72":73,"_74":75,"_76":92,"_78":79,"_38":231,"_17":81,"_82":83,"_84":94,"_86":51,"_87":-5,"_153":391,"_18":392},{"_36":68,"_13":69,"_70":71,"_72":73,"_74":75,"_76":77,"_78":79,"_38":228,"_17":81,"_82":83,"_84":85,"_86":51,"_87":-5,"_153":389,"_18":390},{"_36":163,"_13":164,"_70":165,"_72":-5,"_74":75,"_76":150,"_78":79,"_38":166,"_17":81,"_82":138,"_84":-5,"_86":51,"_87":-5,"_153":387,"_18":388},{"_36":194,"_13":195,"_70":196,"_72":165,"_74":75,"_76":150,"_78":79,"_38":197,"_17":81,"_82":138,"_84":-5,"_86":51,"_87":-5,"_153":385,"_18":386},{"_36":209,"_13":210,"_70":211,"_72":196,"_74":75,"_76":212,"_78":79,"_38":213,"_17":150,"_82":83,"_84":214,"_86":51,"_87":-5,"_153":383,"_18":384},{"_36":202,"_13":90,"_70":203,"_72":196,"_74":75,"_76":204,"_78":79,"_38":205,"_17":81,"_82":83,"_84":206,"_86":51,"_87":-5,"_153":381,"_18":382},{"_36":187,"_13":188,"_70":189,"_72":165,"_74":75,"_76":150,"_78":79,"_38":190,"_17":81,"_82":24,"_84":191,"_86":51,"_87":-5,"_153":379,"_18":380},{"_36":180,"_13":181,"_70":182,"_72":165,"_74":75,"_76":150,"_78":79,"_38":183,"_17":81,"_82":24,"_84":184,"_86":51,"_87":-5,"_153":377,"_18":378},{"_36":173,"_13":174,"_70":175,"_72":165,"_74":75,"_76":150,"_78":79,"_38":176,"_17":81,"_82":83,"_84":177,"_86":51,"_87":-5,"_153":375,"_18":376},{"_36":156,"_13":157,"_70":158,"_72":-5,"_74":75,"_76":150,"_78":79,"_38":159,"_17":81,"_82":24,"_84":160,"_86":51,"_87":-5,"_153":373,"_18":374},{"_36":145,"_13":146,"_70":147,"_72":-5,"_74":75,"_76":148,"_78":79,"_38":149,"_17":150,"_82":151,"_84":152,"_86":51,"_87":-5,"_153":371,"_18":372},[],[146],[],[157],[],[164,174],[],[164,181],[],[164,188],[],[164,195,90],[],[164,195,210],[364,365],[164,195],[363,366,367,368],[164],[],[19,69],[],[19,90],[],[19,97],[],[19,104],[],[19,111],[],[19,118],[],[19,125],[],[19,132],[354,355,356,357,358,359,360,361],[19],["D",1780926259808],["D",1789489305251],{"_11":12,"_300":296},{"_11":12,"_294":-5,"_295":296,"_260":261,"_297":298,"_299":51},{"_17":204,"_13":16,"_36":75,"_42":252,"_45":37,"_46":290,"_291":53,"_292":43,"_293":57,"_58":14,"_54":12},"ctx",{"_284":-5,"_319":445,"_446":447,"_448":449,"_450":51,"_451":51,"_452":51,"_453":79,"_454":-5,"_455":-7,"_456":-7,"_457":81,"_458":51,"_459":51,"_460":-5,"_461":51,"_462":51,"_463":51,"_464":-5},"ENV",{"_416":417,"_418":419,"_420":16,"_421":422,"_423":424,"_425":426,"_427":428,"_429":430,"_431":432,"_433":434,"_435":436,"_437":438,"_439":440,"_441":442,"_443":444},"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"]