[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_273":274,"_275":276},"routes/_app.x.$handle.$name",{"_104":103,"_31":44,"_113":90,"_26":114,"_13":14,"_115":-5,"_11":116,"_117":118,"_119":120,"_121":122,"_123":124,"_20":-5,"_125":126,"_127":128,"_129":24,"_130":131,"_132":59,"_133":-5,"_134":-5,"_135":136},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_31":44,"_37":45,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":54,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":67,"_68":69,"_70":71,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":83,"_84":85,"_86":87,"_88":24},"version",4,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_23":24},"previous","deleted",false,"deletedHere","path","frontend/helpers.ts","latestPath","fileId","9ffcae7c-78e0-11f1-896f-1607ee4eb77e","name","helpers.ts","fileType","script","content","// Shared formatting + API helpers for the Garage frontend\n\nexport const EVENT_TYPES: Record = {\n service: { label: \"Service\", icon: \"🔧\", badge: \"text-sky-400 bg-sky-400/10 border-sky-400/20\", dot: \"bg-sky-400\" },\n mod: { label: \"Mod\", icon: \"⚡\", badge: \"text-purple-400 bg-purple-400/10 border-purple-400/20\", dot: \"bg-purple-400\" },\n repair: { label: \"Repair\", icon: \"🛠️\", badge: \"text-orange-400 bg-orange-400/10 border-orange-400/20\", dot: \"bg-orange-400\" },\n inspection: { label: \"Inspection\", icon: \"📋\", badge: \"text-emerald-400 bg-emerald-400/10 border-emerald-400/20\", dot: \"bg-emerald-400\" },\n purchase: { label: \"Purchased\", icon: \"🔑\", badge: \"text-amber-400 bg-amber-400/10 border-amber-400/20\", dot: \"bg-amber-400\" },\n sale: { label: \"Sold\", icon: \"🤝\", badge: \"text-rose-400 bg-rose-400/10 border-rose-400/20\", dot: \"bg-rose-400\" },\n other: { label: \"Other\", icon: \"📌\", badge: \"text-neutral-300 bg-neutral-400/10 border-neutral-500/30\", dot: \"bg-neutral-400\" },\n};\n\nexport function eventType(t: string) {\n return EVENT_TYPES[t] || EVENT_TYPES.other;\n}\n\nexport function carTitle(car: any) {\n return car.nickname || [car.year, car.make, car.model].filter(Boolean).join(\" \");\n}\n\nexport function carSubtitle(car: any) {\n const full = [car.year, car.make, car.model, car.trim].filter(Boolean).join(\" \");\n return car.nickname ? full : (car.trim || \"\");\n}\n\nexport function fmtDate(d?: string | null) {\n if (!d) return null;\n const [y, m, day] = String(d).split(\"-\").map(Number);\n if (!y || !m || !day) return String(d);\n return new Date(y, m - 1, day).toLocaleDateString(undefined, {\n year: \"numeric\",\n month: \"short\",\n day: \"numeric\",\n });\n}\n\nexport function fmtNum(n?: number | null) {\n return n == null ? null : Number(n).toLocaleString();\n}\n\nexport function fmtMoney(n?: number | null) {\n if (n == null) return null;\n const v = Number(n);\n return \"$\" + (Number.isInteger(v)\n ? v.toLocaleString()\n : v.toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 }));\n}\n\nexport function fmtBytes(n?: number | null) {\n if (n == null) return \"\";\n if (n < 1024) return n + \" B\";\n if (n < 1048576) return (n / 1024).toFixed(0) + \" KB\";\n return (n / 1048576).toFixed(1) + \" MB\";\n}\n\nexport function ownedFor(from?: string | null, to?: string | null) {\n if (!from) return null;\n const start = new Date(from);\n const end = to ? new Date(to) : new Date();\n let months = (end.getFullYear() - start.getFullYear()) * 12 + (end.getMonth() - start.getMonth());\n if (isNaN(months) || months < 0) return null;\n const y = Math.floor(months / 12);\n const m = months % 12;\n if (y && m) return `${y} yr ${m} mo`;\n if (y) return `${y} yr`;\n return m ? `${m} mo` : \"< 1 mo\";\n}\n\nexport async function api(path: string, opts: any = {}) {\n const headers: Record = { ...(opts.headers || {}) };\n if (opts.body && typeof opts.body === \"string\") headers[\"Content-Type\"] = \"application/json\";\n const res = await fetch(path, { ...opts, headers });\n if (!res.ok) {\n let msg = `Request failed (${res.status})`;\n try {\n const j = await res.json();\n if (j.error) msg = j.error;\n } catch { /* not json */ }\n throw new Error(msg);\n }\n return res.json();\n}\n\n// Downscale + JPEG-compress photos client-side before upload to save blob storage\nexport async function compressImage(file: File, maxDim = 1600, quality = 0.82): Promise {\n if (!file.type.startsWith(\"image/\")) return file;\n try {\n const bmp = await createImageBitmap(file);\n const scale = Math.min(1, maxDim / Math.max(bmp.width, bmp.height));\n const w = Math.round(bmp.width * scale);\n const h = Math.round(bmp.height * scale);\n const canvas = document.createElement(\"canvas\");\n canvas.width = w;\n canvas.height = h;\n canvas.getContext(\"2d\")!.drawImage(bmp, 0, 0, w, h);\n const out: Blob | null = await new Promise((r) => canvas.toBlob(r, \"image/jpeg\", quality));\n return out && out.size < file.size ? out : file;\n } catch {\n return file;\n }\n}\n","createdAt",["D",1783304157723],"branchVersion","branchId","cddd876e-a6b9-40d9-97c3-50585f7c6ffb","id","86ecd649-9083-4db7-bedd-f9cb29edf0e9","garage",["D",1783303808467],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Track cars you own & owned: mileage, MPG, docs, photos, history","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789570799&sig=24cffcb7bd8cb9561eafd0c4bc1b91e4c7a662500ce58f0f64f2f4c551be4a2c","019c452d-eb8d-7124-ac84-fd3eee7429af","pinnedFileId","019f3530-a79e-72d4-b6fb-089843f6f1ee","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019c452d-eb8d-7124-ac85-003287cdb181","tursoName","86ecd64990834db7beddf9cb29edf0e9","tursoHostname","86ecd64990834db7beddf9cb29edf0e9-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789524079207],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_104":103,"_112":108},"org",{"_104":103,"_105":106,"_107":108,"_18":55,"_109":110,"_111":24},"branch",{"_13":89,"_31":90,"_42":41,"_91":43,"_92":93,"_94":95,"_96":49,"_97":98,"_99":100,"_101":44,"_102":103},"isOwned",37,"main","projectId","forkedBranchId","961078ea-f528-11ef-aa68-569c3dd06744","forkedBranchVersion",89,"forkedProjectPrivacy","forkedProjectId","96102714-f528-11ef-aa68-569c3dd06744","forkedProjectOrgId","019aa807-52c2-709c-928b-2029bae9a558","projectName","userHandle","wohara010","handle","displayName","Billy","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/189d5be3-0aea-450f-0b6c-366cb482cb00/square512?exp=1789570799&sig=d52d5278248167b1b5dd0d261091b084034a7f33cb2e28d5602e439ed0ab319c","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_31":44,"_37":268,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":54,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":67,"_68":69,"_70":269,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":270,"_84":271,"_86":272,"_88":24},"tree",[191,193,201,202],"files",[191,192,193,194,195,196,197,198,199,200,201,202],"counts",{"_181":63,"_182":158,"_183":63,"_184":185,"_186":187},"contents",[148,149,150,151],"upstreamProject",{"_42":98,"_31":144,"_51":145,"_53":54,"_48":49,"_82":146},"upstreamBranch",{"_42":93,"_37":137,"_138":139,"_31":90,"_91":98,"_13":140,"_92":-5,"_94":-5,"_141":142,"_46":-5,"_88":24,"_48":49,"_102":143,"_64":100,"_101":144},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],"updatedAt",["D",1785420707976],91,"lockfileKey","1785420708123-esm.town_v_templates_react-hono-starter@91-main","templates","react-hono-starter","Starter template with client-side React & Hono server",{"_104":143,"_112":147},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789570799&sig=257a5acfa0921f3bba1b6e04c40af81b331d69d65dd78c28728d8fa984364db5",{"_42":175,"_31":176,"_29":177,"_154":-5,"_40":41,"_39":178,"_156":59,"_37":179,"_13":63,"_33":173,"_35":-5,"_23":24,"_161":-5,"_26":180},{"_42":169,"_31":170,"_29":171,"_154":-5,"_40":41,"_39":158,"_156":59,"_37":172,"_13":63,"_33":173,"_35":-5,"_23":24,"_161":-5,"_26":174},{"_42":163,"_31":164,"_29":165,"_154":-5,"_40":41,"_39":158,"_156":24,"_37":166,"_13":63,"_33":20,"_35":167,"_23":24,"_161":-5,"_26":168},{"_42":152,"_31":153,"_29":57,"_154":-5,"_40":41,"_39":155,"_156":24,"_37":157,"_13":158,"_33":159,"_35":160,"_23":24,"_161":-5,"_26":162},"5bd5a334-87a4-45d7-bc2a-06f859a7c700","index.ts","parentId",3,"latest",["D",1783304136058],1,"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { blob } from \"https://esm.town/v/std/blob/main.ts\";\nimport { Hono } from \"npm:hono\";\nimport { initDb, sqlite } from \"./backend/db.ts\";\n\nawait initDb();\n\nconst app = new Hono();\n\n// --- 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\nconst CAR_FIELDS = [\n \"nickname\", \"year\", \"make\", \"model\", \"trim\", \"color\", \"vin\", \"status\",\n \"purchase_date\", \"purchase_price\", \"purchase_mileage\", \"current_mileage\",\n \"avg_mpg\", \"sold_date\", \"sold_price\", \"notes\", \"cover_file_id\",\n];\nconst EVENT_FIELDS = [\"type\", \"title\", \"description\", \"date\", \"mileage\", \"cost\"];\n\n// ---------- Cars ----------\n\napp.get(\"/api/cars\", async (c) => {\n const result = await sqlite.execute(`\n SELECT c.*,\n (SELECT COUNT(*) FROM events e WHERE e.car_id = c.id) AS event_count,\n (SELECT COUNT(*) FROM files f WHERE f.car_id = c.id AND f.kind = 'photo') AS photo_count\n FROM cars c\n ORDER BY (c.status = 'current') DESC, c.year DESC, c.created_at DESC\n `);\n return c.json({ cars: result.rows });\n});\n\napp.post(\"/api/cars\", async (c) => {\n const body = await c.req.json();\n if (!body.make || !body.model) return c.json({ error: \"Make and model are required\" }, 400);\n const cols = CAR_FIELDS.filter((f) => body[f] !== undefined);\n const res = await sqlite.execute({\n sql: `INSERT INTO cars (${cols.join(\", \")}) VALUES (${cols.map(() => \"?\").join(\", \")})`,\n args: cols.map((f) => body[f]),\n });\n const row = await sqlite.execute({\n sql: \"SELECT * FROM cars WHERE id = ?\",\n args: [Number(res.lastInsertRowid)],\n });\n return c.json({ car: row.rows[0] }, 201);\n});\n\napp.get(\"/api/cars/:id\", async (c) => {\n const id = Number(c.req.param(\"id\"));\n const carRes = await sqlite.execute({ sql: \"SELECT * FROM cars WHERE id = ?\", args: [id] });\n if (!carRes.rows.length) return c.json({ error: \"Car not found\" }, 404);\n const [events, files] = await Promise.all([\n sqlite.execute({ sql: \"SELECT * FROM events WHERE car_id = ? ORDER BY id DESC\", args: [id] }),\n sqlite.execute({ sql: \"SELECT * FROM files WHERE car_id = ? ORDER BY id DESC\", args: [id] }),\n ]);\n return c.json({ car: carRes.rows[0], events: events.rows, files: files.rows });\n});\n\napp.put(\"/api/cars/:id\", async (c) => {\n const id = Number(c.req.param(\"id\"));\n const body = await c.req.json();\n const cols = CAR_FIELDS.filter((f) => body[f] !== undefined);\n if (!cols.length) return c.json({ error: \"Nothing to update\" }, 400);\n await sqlite.execute({\n sql: `UPDATE cars SET ${cols.map((f) => `${f} = ?`).join(\", \")} WHERE id = ?`,\n args: [...cols.map((f) => body[f]), id],\n });\n const row = await sqlite.execute({ sql: \"SELECT * FROM cars WHERE id = ?\", args: [id] });\n return c.json({ car: row.rows[0] });\n});\n\napp.delete(\"/api/cars/:id\", async (c) => {\n const id = Number(c.req.param(\"id\"));\n const files = await sqlite.execute({ sql: \"SELECT blob_key FROM files WHERE car_id = ?\", args: [id] });\n for (const row of files.rows) {\n try {\n await blob.delete(String((row as any).blob_key));\n } catch { /* blob may already be gone */ }\n }\n await sqlite.batch([\n { sql: \"DELETE FROM files WHERE car_id = ?\", args: [id] },\n { sql: \"DELETE FROM events WHERE car_id = ?\", args: [id] },\n { sql: \"DELETE FROM cars WHERE id = ?\", args: [id] },\n ]);\n return c.json({ ok: true });\n});\n\n// ---------- Events ----------\n\napp.post(\"/api/cars/:id/events\", async (c) => {\n const carId = Number(c.req.param(\"id\"));\n const body = await c.req.json();\n if (!body.title) return c.json({ error: \"Title is required\" }, 400);\n const cols = EVENT_FIELDS.filter((f) => body[f] !== undefined);\n const res = await sqlite.execute({\n sql: `INSERT INTO events (car_id, ${cols.join(\", \")}) VALUES (?, ${cols.map(() => \"?\").join(\", \")})`,\n args: [carId, ...cols.map((f) => body[f])],\n });\n // If the event logs a higher mileage, roll the car's odometer forward\n if (body.mileage != null) {\n await sqlite.execute({\n sql: \"UPDATE cars SET current_mileage = ? WHERE id = ? AND (current_mileage IS NULL OR current_mileage < ?)\",\n args: [body.mileage, carId, body.mileage],\n });\n }\n const row = await sqlite.execute({\n sql: \"SELECT * FROM events WHERE id = ?\",\n args: [Number(res.lastInsertRowid)],\n });\n return c.json({ event: row.rows[0] }, 201);\n});\n\napp.put(\"/api/events/:id\", async (c) => {\n const id = Number(c.req.param(\"id\"));\n const body = await c.req.json();\n const cols = EVENT_FIELDS.filter((f) => body[f] !== undefined);\n if (!cols.length) return c.json({ error: \"Nothing to update\" }, 400);\n await sqlite.execute({\n sql: `UPDATE events SET ${cols.map((f) => `${f} = ?`).join(\", \")} WHERE id = ?`,\n args: [...cols.map((f) => body[f]), id],\n });\n const row = await sqlite.execute({ sql: \"SELECT * FROM events WHERE id = ?\", args: [id] });\n return c.json({ event: row.rows[0] });\n});\n\napp.delete(\"/api/events/:id\", async (c) => {\n const id = Number(c.req.param(\"id\"));\n await sqlite.execute({ sql: \"DELETE FROM events WHERE id = ?\", args: [id] });\n return c.json({ ok: true });\n});\n\n// ---------- Files (photos + documents, stored in blob storage) ----------\n\napp.post(\"/api/cars/:id/files\", async (c) => {\n const carId = Number(c.req.param(\"id\"));\n const form = await c.req.formData();\n const file = form.get(\"file\");\n const kind = form.get(\"kind\") === \"photo\" ? \"photo\" : \"document\";\n const caption = (form.get(\"caption\") as string) || null;\n if (!(file instanceof File)) return c.json({ error: \"No file provided\" }, 400);\n if (file.size > 9_000_000) return c.json({ error: \"File too large (9 MB max)\" }, 413);\n\n const key = `car${carId}-${crypto.randomUUID()}`;\n await blob.set(key, await file.arrayBuffer());\n\n const res = await sqlite.execute({\n sql: `INSERT INTO files (car_id, kind, filename, mime_type, size, blob_key, caption)\n VALUES (?, ?, ?, ?, ?, ?, ?)`,\n args: [carId, kind, file.name, file.type || \"application/octet-stream\", file.size, key, caption],\n });\n const fileId = Number(res.lastInsertRowid);\n\n // First photo automatically becomes the cover\n if (kind === \"photo\") {\n await sqlite.execute({\n sql: \"UPDATE cars SET cover_file_id = ? WHERE id = ? AND cover_file_id IS NULL\",\n args: [fileId, carId],\n });\n }\n const row = await sqlite.execute({ sql: \"SELECT * FROM files WHERE id = ?\", args: [fileId] });\n return c.json({ file: row.rows[0] }, 201);\n});\n\napp.get(\"/api/files/:id/raw\", async (c) => {\n const id = Number(c.req.param(\"id\"));\n const row = await sqlite.execute({ sql: \"SELECT * FROM files WHERE id = ?\", args: [id] });\n const f = row.rows[0] as any;\n if (!f) return c.json({ error: \"Not found\" }, 404);\n try {\n const res = await blob.get(String(f.blob_key));\n const headers = new Headers({\n \"Content-Type\": String(f.mime_type || \"application/octet-stream\"),\n \"Cache-Control\": \"private, max-age=31536000, immutable\",\n });\n if (c.req.query(\"download\") != null) {\n headers.set(\"Content-Disposition\", `attachment; filename=\"${String(f.filename).replace(/\"/g, \"\")}\"`);\n }\n return new Response(res.body, { headers });\n } catch {\n return c.json({ error: \"File data missing\" }, 404);\n }\n});\n\napp.delete(\"/api/files/:id\", async (c) => {\n const id = Number(c.req.param(\"id\"));\n const row = await sqlite.execute({ sql: \"SELECT * FROM files WHERE id = ?\", args: [id] });\n const f = row.rows[0] as any;\n if (!f) return c.json({ error: \"Not found\" }, 404);\n // If this photo was a cover, fall back to the next newest photo (or none)\n await sqlite.execute({\n sql: `UPDATE cars SET cover_file_id =\n (SELECT id FROM files WHERE car_id = cars.id AND kind = 'photo' AND id != ? ORDER BY id DESC LIMIT 1)\n WHERE cover_file_id = ?`,\n args: [id, id],\n });\n try {\n await blob.delete(String(f.blob_key));\n } catch { /* ignore */ }\n await sqlite.execute({ sql: \"DELETE FROM files WHERE id = ?\", args: [id] });\n return c.json({ ok: true });\n});\n\n// Unwrap and rethrow Hono errors as the original error\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n","label",[153],"ab9f44c9-872c-44d0-9249-e43bc591da6c","README.md","019f3530-a79e-72d4-b6fb-0794aaee1ad7",["D",1783303808467],"# 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",[164],"6aadff12-1aae-4b3c-8714-b52f9fbe42a1","frontend","019f3530-a79e-72d4-b6fb-012e96d91805",["D",1783303808467],"directory",[170],"2c81f632-1519-4353-b465-5b0146de628b","backend","82c14309-152d-495d-9f2a-8b8f5e901108",2,["D",1783304096563],[176],"pulls","branches","forks","envVars",{"_188":63,"_190":63},"connections",{"_188":63,"_189":63},"count","unfilledCount","emptyCount",{"_42":175,"_31":176,"_29":177,"_154":-5,"_40":41,"_39":178,"_156":59,"_37":265,"_13":63,"_33":173,"_35":-5,"_23":24,"_161":-5,"_204":266,"_26":267},{"_42":258,"_31":259,"_29":260,"_154":177,"_40":41,"_39":178,"_156":24,"_37":261,"_13":63,"_33":34,"_35":262,"_23":24,"_161":-5,"_204":263,"_26":264},{"_42":169,"_31":170,"_29":171,"_154":-5,"_40":41,"_39":158,"_156":59,"_37":255,"_13":63,"_33":173,"_35":-5,"_23":24,"_161":-5,"_204":256,"_26":257},{"_42":251,"_31":243,"_29":238,"_154":171,"_40":41,"_39":158,"_156":59,"_37":252,"_13":63,"_33":173,"_35":-5,"_23":24,"_161":-5,"_204":253,"_26":254},{"_42":244,"_31":245,"_29":246,"_154":238,"_40":41,"_39":158,"_156":24,"_37":247,"_13":63,"_33":34,"_35":248,"_23":24,"_161":-5,"_204":249,"_26":250},{"_42":235,"_31":236,"_29":237,"_154":238,"_40":41,"_39":158,"_156":24,"_37":239,"_13":63,"_33":34,"_35":240,"_23":24,"_161":-5,"_204":241,"_26":242},{"_42":228,"_31":229,"_29":230,"_154":171,"_40":41,"_39":158,"_156":24,"_37":231,"_13":63,"_33":20,"_35":232,"_23":24,"_161":-5,"_204":233,"_26":234},{"_42":224,"_31":32,"_29":30,"_154":171,"_40":41,"_39":14,"_156":24,"_37":225,"_13":63,"_33":34,"_35":36,"_23":24,"_161":-5,"_204":226,"_26":227},{"_42":217,"_31":218,"_29":219,"_154":171,"_40":41,"_39":158,"_156":24,"_37":220,"_13":63,"_33":20,"_35":221,"_23":24,"_161":-5,"_204":222,"_26":223},{"_42":210,"_31":211,"_29":212,"_154":171,"_40":41,"_39":158,"_156":59,"_37":213,"_13":63,"_33":34,"_35":214,"_23":24,"_161":-5,"_204":215,"_26":216},{"_42":163,"_31":164,"_29":165,"_154":-5,"_40":41,"_39":158,"_156":24,"_37":207,"_13":63,"_33":20,"_35":167,"_23":24,"_161":-5,"_204":208,"_26":209},{"_42":152,"_31":153,"_29":57,"_154":-5,"_40":41,"_39":155,"_156":24,"_37":203,"_13":158,"_33":159,"_35":160,"_23":24,"_161":-5,"_204":205,"_26":206},["D",1783304136058],"children",[],[153],["D",1783303808467],[],[164],"9241087d-c63a-41ae-93de-1d445a625876","index.tsx","019f3530-a79e-72d4-b6fa-fffe2266ad02",["D",1783303808467],"/** @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();",[],[170,211],"9f39d49a-4be9-4b56-937b-fe3616b11dd2","index.html","019f3530-a79e-72d4-b6fa-fa2c3e1aca82",["D",1783303808467],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[],[170,218],"f65e0409-99da-4f9c-aa80-5803f506304e",["D",1783304157723],[],[170,32],"f0cec28d-9956-412c-a2e2-d499a3e192ca","favicon.svg","019f3530-a79e-72d4-b6fa-f7c02721a6e8",["D",1783303808467],"\n",[],[170,229],"b105d6de-6dec-406f-bcdd-6a0d801c1be4","Counter.tsx","019f3530-a79e-72d4-b6fa-ef3a67345c73","019f3530-a79e-72d4-b6fa-f3b35a448671",["D",1783303808467],"/** @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",[],[170,243,236],"components","de0683e1-51d5-49a9-a71c-67e0354c2f69","App.tsx","019f3530-a79e-72d4-b6fa-eb9c37956012",["D",1783303808467],"/** @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",[],[170,243,245],"8530d7fc-e53c-48e0-9d35-5e1c489f4208",["D",1783303808467],[195,196],[170,243],["D",1783303808467],[194,197,198,199,200],[170],"a5544958-540d-4e23-b5f7-0189d88d4b58","db.ts","7b886d06-78e0-11f1-afce-1607ee4eb77e",["D",1783304096563],"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nexport { sqlite };\n\nexport async function initDb() {\n await sqlite.batch([\n {\n sql: `CREATE TABLE IF NOT EXISTS cars (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n nickname TEXT,\n year INTEGER,\n make TEXT NOT NULL,\n model TEXT NOT NULL,\n trim TEXT,\n color TEXT,\n vin TEXT,\n status TEXT NOT NULL DEFAULT 'current',\n purchase_date TEXT,\n purchase_price REAL,\n purchase_mileage INTEGER,\n current_mileage INTEGER,\n avg_mpg REAL,\n sold_date TEXT,\n sold_price REAL,\n notes TEXT,\n cover_file_id INTEGER,\n created_at TEXT NOT NULL DEFAULT (datetime('now'))\n )`,\n },\n {\n sql: `CREATE TABLE IF NOT EXISTS events (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n car_id INTEGER NOT NULL,\n type TEXT NOT NULL DEFAULT 'service',\n title TEXT NOT NULL,\n description TEXT,\n date TEXT,\n mileage INTEGER,\n cost REAL,\n created_at TEXT NOT NULL DEFAULT (datetime('now'))\n )`,\n },\n {\n sql: `CREATE TABLE IF NOT EXISTS files (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n car_id INTEGER NOT NULL,\n kind TEXT NOT NULL,\n filename TEXT NOT NULL,\n mime_type TEXT,\n size INTEGER,\n blob_key TEXT NOT NULL,\n caption TEXT,\n created_at TEXT NOT NULL DEFAULT (datetime('now'))\n )`,\n },\n ]);\n}\n",[],[176,259],["D",1783304096563],[192],[176],["D",1783303808467],["D",1789524079207],{"_104":103,"_112":108},{"_104":103,"_105":106,"_107":108,"_18":55,"_109":110,"_111":24},{"_13":89,"_31":90,"_42":41,"_91":43,"_92":93,"_94":95,"_96":49,"_97":98,"_99":100,"_101":44,"_102":103},"ctx",{"_82":-5,"_134":306,"_307":308,"_309":310,"_311":24,"_312":24,"_313":24,"_314":59,"_315":-5,"_316":-7,"_317":-7,"_318":63,"_319":24,"_320":24,"_321":-5,"_322":24,"_323":24,"_324":24,"_325":-5},"ENV",{"_277":278,"_279":280,"_281":90,"_282":283,"_284":285,"_286":287,"_288":289,"_290":291,"_292":293,"_294":295,"_296":297,"_298":299,"_300":301,"_302":303,"_304":305},"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"]

Diff · v4