[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_388":389,"_390":391},"routes/_app.x.$handle.$name",{"_109":108,"_37":50,"_117":95,"_32":118,"_13":14,"_119":-5,"_11":120,"_121":122,"_123":124,"_125":126,"_127":128,"_26":-5,"_129":130,"_131":132,"_133":30,"_134":135,"_136":64,"_137":-5,"_138":-5,"_139":140},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_48":49,"_37":50,"_43":51,"_52":-5,"_53":30,"_54":55,"_56":55,"_57":58,"_59":-5,"_19":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":72,"_73":74,"_75":76,"_77":-5,"_78":79,"_80":79,"_81":82,"_83":82,"_84":82,"_85":79,"_86":79,"_87":88,"_89":90,"_91":92,"_93":30},"version",17,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","b98ee00c-e392-42e6-ab4d-9fb606f99fd4","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":-7,"_29":30,"_31":30,"_32":33,"_34":33},"file",{"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":14,"_46":47,"_29":30},"previous","deleted",false,"deletedHere","path","frontend/components/AdminCard.tsx","latestPath","fileId","a4999926-39b2-11f1-bce1-42b51c65c3df","name","AdminCard.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport type { Testimonial } from \"../../shared/types.ts\";\n\ninterface Props {\n testimonial: Testimonial;\n onApprove: (id: number) => void;\n onReject: (id: number) => void;\n onDelete: (id: number) => void;\n}\n\nconst statusColors: Record = {\n pending: \"bg-yellow-100 text-yellow-800\",\n approved: \"bg-green-100 text-green-800\",\n rejected: \"bg-red-100 text-red-800\",\n};\n\nexport function AdminCard({ testimonial, onApprove, onReject, onDelete }: Props) {\n const date = new Date(testimonial.created_at).toLocaleDateString(\"en-US\", {\n month: \"short\",\n day: \"numeric\",\n year: \"numeric\",\n hour: \"numeric\",\n minute: \"2-digit\",\n });\n\n return (\n

\n {testimonial.author_name}\n \n {testimonial.status}\n \n

\n\n

\"{testimonial.content}\"

\n\n

\n {date}\n

\n {testimonial.status !== \"approved\" && (\n onApprove(testimonial.id)}\n class=\"px-3 py-1 text-xs font-medium bg-green-50 text-green-700 rounded-lg hover:bg-green-100 transition-colors\"\n >\n ✓ Approve\n \n )}\n {testimonial.status !== \"rejected\" && (\n onReject(testimonial.id)}\n class=\"px-3 py-1 text-xs font-medium bg-orange-50 text-orange-700 rounded-lg hover:bg-orange-100 transition-colors\"\n >\n ✗ Reject\n \n )}\n onDelete(testimonial.id)}\n class=\"px-3 py-1 text-xs font-medium bg-red-50 text-red-700 rounded-lg hover:bg-red-100 transition-colors\"\n >\n 🗑 Delete\n \n

\n );\n}\n","createdAt",["D",1776357485289],"branchVersion","branchId","a4af7710-39b1-11f1-84e8-42b51c65c3df","id","a4a85c00-39b1-11f1-84e8-42b51c65c3df","win-wall",["D",1776357055926],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Starter template with client-side React & Hono server","imageUrl","f82d7dbb-2899-430f-8e34-4c8688c5bdad","pinnedFileId","019d9721-9e2a-7242-a257-d05dd14e0950","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019d9718-b2f5-70df-aa7f-b4e7ee91e025","tursoName","a4a85c0039b111f184e842b51c65c3df","tursoHostname","a4a85c0039b111f184e842b51c65c3df-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789506093912],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_109":108,"_116":112},"org",{"_109":108,"_110":-5,"_111":112,"_19":-5,"_113":114,"_115":64},"branch",{"_13":94,"_37":95,"_48":47,"_96":49,"_97":98,"_99":100,"_101":55,"_102":103,"_104":105,"_106":50,"_107":108},"isOwned",25,"main","projectId","forkedBranchId","961078ea-f528-11ef-aa68-569c3dd06744","forkedBranchVersion",88,"forkedProjectPrivacy","forkedProjectId","96102714-f528-11ef-aa68-569c3dd06744","forkedProjectOrgId","019aa807-52c2-709c-928b-2029bae9a558","projectName","userHandle","saltmine","handle","displayName","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/b87e7fbf-eb13-44a9-847a-14d2be1c5a00/square512?exp=1789552799&sig=65e579819e8ee4837432016223ee1c0ec7a2d8d2214b1918218358eda5b95ccc","tier","business","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_48":49,"_37":50,"_43":383,"_52":-5,"_53":30,"_54":55,"_56":55,"_57":58,"_59":-5,"_19":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":72,"_73":74,"_75":384,"_77":-5,"_78":79,"_80":79,"_81":82,"_83":82,"_84":82,"_85":79,"_86":79,"_87":385,"_89":386,"_91":387,"_93":30},"tree",[209,211,213,229,231,232],"files",[209,210,211,212,213,214,215,216,217,218,219,220,221,222,223,224,225,226,227,228,229,230,231,232],"counts",{"_199":68,"_200":164,"_201":68,"_202":203,"_204":205},"contents",[152,153,154,155,156,157],"upstreamProject",{"_48":103,"_37":148,"_57":58,"_59":149,"_54":55,"_87":150},"upstreamBranch",{"_48":98,"_43":141,"_142":143,"_37":95,"_96":103,"_13":144,"_97":-5,"_99":-5,"_145":146,"_52":-5,"_93":30,"_54":55,"_107":147,"_69":105,"_106":148},"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","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789552799&sig=b32577280eb127e4de2b63a06a7bd0de022303ec239a56e6599056e91939e4de",{"_109":147,"_116":151},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789552799&sig=d49f90d93e120483cdf15d03d3545ffc812712f79bb9ed726650e50aa3216f06",{"_48":193,"_37":194,"_35":195,"_160":-5,"_46":47,"_45":196,"_162":64,"_43":197,"_13":68,"_39":180,"_41":-5,"_29":30,"_167":-5,"_32":198},{"_48":187,"_37":188,"_35":189,"_160":-5,"_46":47,"_45":190,"_162":64,"_43":191,"_13":68,"_39":180,"_41":-5,"_29":30,"_167":-5,"_32":192},{"_48":182,"_37":183,"_35":184,"_160":-5,"_46":47,"_45":164,"_162":64,"_43":185,"_13":68,"_39":180,"_41":-5,"_29":30,"_167":-5,"_32":186},{"_48":175,"_37":176,"_35":177,"_160":-5,"_46":47,"_45":178,"_162":64,"_43":179,"_13":68,"_39":180,"_41":-5,"_29":30,"_167":-5,"_32":181},{"_48":169,"_37":170,"_35":171,"_160":-5,"_46":47,"_45":164,"_162":30,"_43":172,"_13":68,"_39":26,"_41":173,"_29":30,"_167":-5,"_32":174},{"_48":158,"_37":159,"_35":62,"_160":-5,"_46":47,"_45":161,"_162":30,"_43":163,"_13":164,"_39":165,"_41":166,"_29":30,"_167":-5,"_32":168},"7dd493d6-39b2-11f1-bc52-42b51c65c3df","index.ts","parentId",8,"latest",["D",1776357420250],1,"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport testimonialApi from \"./api/testimonials.ts\";\n\nconst app = new Hono();\n\n// Serve pages\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\napp.get(\"/submit\", () => serveFile(\"/frontend/index.html\"));\napp.get(\"/admin\", () => serveFile(\"/frontend/index.html\"));\n\n// API routes\napp.route(\"/api/testimonials\", testimonialApi);\n\n// Serve all frontend files (JS, CSS, etc.)\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// Unwrap and rethrow Hono errors as the original error\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n","label",[159],"a4d9fd32-39b1-11f1-84e8-42b51c65c3df","README.md","019d9721-9e2a-7242-a257-ce28489f7d98",["D",1776357055926],"# 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**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",[170],"692dbe62-39b2-11f1-99b3-42b51c65c3df","shared","692dbf16-39b2-11f1-99b3-42b51c65c3df",2,["D",1776357385665],"directory",[176],"a4d9f774-39b1-11f1-84e8-42b51c65c3df","frontend","019d9721-9e2a-7242-a257-cae5df2ff1b8",["D",1776357055926],[183],"696bec5a-39b2-11f1-99b3-42b51c65c3df","database","696bed18-39b2-11f1-99b3-42b51c65c3df",3,["D",1776357386070],[188],"733b9316-39b2-11f1-a6f1-42b51c65c3df","api","733b942e-39b2-11f1-a6f1-42b51c65c3df",6,["D",1776357402531],[194],"pulls","branches","forks","envVars",{"_206":68,"_208":68},"connections",{"_206":68,"_207":68},"count","unfilledCount","emptyCount",{"_48":193,"_37":194,"_35":195,"_160":-5,"_46":47,"_45":196,"_162":64,"_43":380,"_13":68,"_39":180,"_41":-5,"_29":30,"_167":-5,"_234":381,"_32":382},{"_48":372,"_37":373,"_35":374,"_160":195,"_46":47,"_45":375,"_162":64,"_43":376,"_13":68,"_39":40,"_41":377,"_29":30,"_167":-5,"_234":378,"_32":379},{"_48":187,"_37":188,"_35":189,"_160":-5,"_46":47,"_45":190,"_162":64,"_43":369,"_13":68,"_39":180,"_41":-5,"_29":30,"_167":-5,"_234":370,"_32":371},{"_48":361,"_37":362,"_35":363,"_160":189,"_46":47,"_45":364,"_162":64,"_43":365,"_13":68,"_39":40,"_41":366,"_29":30,"_167":-5,"_234":367,"_32":368},{"_48":182,"_37":183,"_35":184,"_160":-5,"_46":47,"_45":164,"_162":64,"_43":358,"_13":68,"_39":180,"_41":-5,"_29":30,"_167":-5,"_234":359,"_32":360},{"_48":354,"_37":326,"_35":320,"_160":184,"_46":47,"_45":164,"_162":64,"_43":355,"_13":68,"_39":180,"_41":-5,"_29":30,"_167":-5,"_234":356,"_32":357},{"_48":350,"_37":38,"_35":36,"_160":320,"_46":47,"_45":14,"_162":64,"_43":351,"_13":68,"_39":40,"_41":42,"_29":30,"_167":-5,"_234":352,"_32":353},{"_48":342,"_37":343,"_35":344,"_160":320,"_46":47,"_45":345,"_162":64,"_43":346,"_13":164,"_39":40,"_41":347,"_29":30,"_167":-5,"_234":348,"_32":349},{"_48":335,"_37":336,"_35":337,"_160":320,"_46":47,"_45":164,"_162":64,"_43":338,"_13":68,"_39":40,"_41":339,"_29":30,"_167":-5,"_234":340,"_32":341},{"_48":327,"_37":328,"_35":329,"_160":320,"_46":47,"_45":330,"_162":64,"_43":331,"_13":68,"_39":40,"_41":332,"_29":30,"_167":-5,"_234":333,"_32":334},{"_48":317,"_37":318,"_35":319,"_160":320,"_46":47,"_45":321,"_162":64,"_43":322,"_13":68,"_39":40,"_41":323,"_29":30,"_167":-5,"_234":324,"_32":325},{"_48":313,"_37":312,"_35":306,"_160":184,"_46":47,"_45":307,"_162":64,"_43":314,"_13":68,"_39":180,"_41":-5,"_29":30,"_167":-5,"_234":315,"_32":316},{"_48":303,"_37":304,"_35":305,"_160":306,"_46":47,"_45":307,"_162":64,"_43":308,"_13":68,"_39":40,"_41":309,"_29":30,"_167":-5,"_234":310,"_32":311},{"_48":298,"_37":289,"_35":283,"_160":184,"_46":47,"_45":299,"_162":64,"_43":300,"_13":68,"_39":180,"_41":-5,"_29":30,"_167":-5,"_234":301,"_32":302},{"_48":290,"_37":291,"_35":292,"_160":283,"_46":47,"_45":293,"_162":64,"_43":294,"_13":68,"_39":40,"_41":295,"_29":30,"_167":-5,"_234":296,"_32":297},{"_48":280,"_37":281,"_35":282,"_160":283,"_46":47,"_45":284,"_162":64,"_43":285,"_13":68,"_39":40,"_41":286,"_29":30,"_167":-5,"_234":287,"_32":288},{"_48":272,"_37":273,"_35":274,"_160":184,"_46":47,"_45":275,"_162":30,"_43":276,"_13":68,"_39":40,"_41":277,"_29":30,"_167":-5,"_234":278,"_32":279},{"_48":265,"_37":266,"_35":267,"_160":184,"_46":47,"_45":164,"_162":64,"_43":268,"_13":68,"_39":26,"_41":269,"_29":30,"_167":-5,"_234":270,"_32":271},{"_48":258,"_37":259,"_35":260,"_160":184,"_46":47,"_45":164,"_162":30,"_43":261,"_13":68,"_39":26,"_41":262,"_29":30,"_167":-5,"_234":263,"_32":264},{"_48":251,"_37":252,"_35":253,"_160":184,"_46":47,"_45":164,"_162":64,"_43":254,"_13":68,"_39":40,"_41":255,"_29":30,"_167":-5,"_234":256,"_32":257},{"_48":175,"_37":176,"_35":177,"_160":-5,"_46":47,"_45":178,"_162":64,"_43":248,"_13":68,"_39":180,"_41":-5,"_29":30,"_167":-5,"_234":249,"_32":250},{"_48":240,"_37":241,"_35":242,"_160":177,"_46":47,"_45":243,"_162":64,"_43":244,"_13":68,"_39":40,"_41":245,"_29":30,"_167":-5,"_234":246,"_32":247},{"_48":169,"_37":170,"_35":171,"_160":-5,"_46":47,"_45":164,"_162":30,"_43":237,"_13":68,"_39":26,"_41":173,"_29":30,"_167":-5,"_234":238,"_32":239},{"_48":158,"_37":159,"_35":62,"_160":-5,"_46":47,"_45":161,"_162":30,"_43":233,"_13":164,"_39":165,"_41":166,"_29":30,"_167":-5,"_234":235,"_32":236},["D",1776357420250],"children",[],[159],["D",1776357055926],[],[170],"6c7dc35a-39b2-11f1-a6f1-42b51c65c3df","types.ts","6c7dc40e-39b2-11f1-a6f1-42b51c65c3df",4,["D",1776357391208],"export interface Testimonial {\n id: number;\n author_name: string;\n content: string;\n status: \"pending\" | \"approved\" | \"rejected\";\n created_at: string;\n approved_at: string | null;\n}\n\nexport interface SubmitTestimonialRequest {\n author_name: string;\n content: string;\n}\n",[],[176,241],["D",1776357385665],[230],[176],"a4b605a8-39b1-11f1-84e8-42b51c65c3df","index.tsx","019d9721-9e2a-7242-a257-c737246aa74a",["D",1776357055926],"/** @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();",[],[183,252],"a4b5ff04-39b1-11f1-84e8-42b51c65c3df","index.html","019d9721-9e2a-7242-a257-c26e1cb41fa6",["D",1776357055926],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[],[183,259],"a4b5f9c8-39b1-11f1-84e8-42b51c65c3df","favicon.svg","019d9721-9e2a-7242-a257-bf26622e28b1",["D",1776357055926],"\n",[],[183,266],"862b0ea2-39b2-11f1-bce1-42b51c65c3df","api.ts","862b0f6a-39b2-11f1-bce1-42b51c65c3df",10,["D",1776357434304],"import type { Testimonial, SubmitTestimonialRequest } from \"../shared/types.ts\";\n\nexport async function fetchApproved(): Promise {\n const res = await fetch(\"/api/testimonials/approved\");\n return res.json();\n}\n\nexport async function fetchAll(): Promise {\n const res = await fetch(\"/api/testimonials/all\");\n return res.json();\n}\n\nexport async function fetchPending(): Promise {\n const res = await fetch(\"/api/testimonials/pending\");\n return res.json();\n}\n\nexport async function submitTestimonial(data: SubmitTestimonialRequest): Promise {\n const res = await fetch(\"/api/testimonials\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(data),\n });\n if (!res.ok) {\n const err = await res.json();\n throw new Error(err.error || \"Failed to submit\");\n }\n return res.json();\n}\n\nexport async function approveTestimonial(id: number): Promise {\n const res = await fetch(`/api/testimonials/${id}/approve`, { method: \"POST\" });\n return res.json();\n}\n\nexport async function rejectTestimonial(id: number): Promise {\n const res = await fetch(`/api/testimonials/${id}/reject`, { method: \"POST\" });\n return res.json();\n}\n\nexport async function deleteTestimonial(id: number): Promise {\n await fetch(`/api/testimonials/${id}`, { method: \"DELETE\" });\n}\n",[],[183,273],"93564c68-39b2-11f1-bce1-42b51c65c3df","WallPage.tsx","93564d4e-39b2-11f1-bce1-42b51c65c3df","808386c8-39b2-11f1-ad0c-42b51c65c3df",14,["D",1776357456398],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { fetchApproved } from \"../api.ts\";\nimport { TestimonialCard } from \"../components/TestimonialCard.tsx\";\nimport type { Testimonial } from \"../../shared/types.ts\";\n\nexport function WallPage() {\n const [testimonials, setTestimonials] = useState([]);\n const [loading, setLoading] = useState(true);\n\n useEffect(() => {\n fetchApproved()\n .then(setTestimonials)\n .finally(() => setLoading(false));\n }, []);\n\n return (\n

🏆 Win Wall

Real wins from real people

\n\n {loading ? (\n

\n ) : testimonials.length === 0 ? (\n

No testimonials yet.

Be the first to share a win!

\n ) : (\n

\n {testimonials.map((t) => (\n \n ))}\n

\n )}\n

\n );\n}\n",[],[183,289,281],"pages","a03634ac-39b2-11f1-9973-42b51c65c3df","SubmitPage.tsx","a0363556-39b2-11f1-9973-42b51c65c3df",16,["D",1776357477978],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { submitTestimonial } from \"../api.ts\";\n\ninterface Props {\n onNavigate: (path: string) => void;\n}\n\nexport function SubmitPage({ onNavigate }: Props) {\n const [authorName, setAuthorName] = useState(\"\");\n const [content, setContent] = useState(\"\");\n const [submitting, setSubmitting] = useState(false);\n const [success, setSuccess] = useState(false);\n const [error, setError] = useState(\"\");\n\n const charCount = content.length;\n const maxChars = 500;\n\n async function handleSubmit(e: Event) {\n e.preventDefault();\n setError(\"\");\n setSubmitting(true);\n\n try {\n await submitTestimonial({ author_name: authorName, content });\n setSuccess(true);\n setAuthorName(\"\");\n setContent(\"\");\n } catch (err: any) {\n setError(err.message);\n } finally {\n setSubmitting(false);\n }\n }\n\n if (success) {\n return (\n

🎉

Thanks for sharing!

Your testimonial is pending review and will appear on the wall once approved.

\n setSuccess(false)}\n class=\"px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 transition-colors text-sm font-medium\"\n >\n Submit another\n \n onNavigate(\"/\")}\n class=\"px-4 py-2 bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200 transition-colors text-sm font-medium\"\n >\n View the wall\n \n

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

✍️ Share a Win

Tell us about something great that happened

\n\n

\n Your name\n setAuthorName(e.target.value)}\n placeholder=\"Jane Doe\"\n required\n class=\"w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent\"\n />\n

\n\n

\n Your win\n setContent(e.target.value)}\n placeholder=\"Tell us what happened...\"\n required\n rows={4}\n maxLength={maxChars}\n class=\"w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent resize-none\"\n />\n

maxChars * 0.9 ? \"text-orange-500\" : \"text-gray-400\"}`}>\n {charCount}/{maxChars}\n

\n\n {error && (\n

{error}

\n )}\n\n \n {submitting ? \"Submitting...\" : \"Submit Testimonial\"}\n \n \n

\n );\n}\n",[],[183,289,291],"80838628-39b2-11f1-ad0c-42b51c65c3df",9,["D",1776357424788],[223,224],[183,289],"8e5e9710-39b2-11f1-bce1-42b51c65c3df","useRoute.ts","8e5e97b0-39b2-11f1-bce1-42b51c65c3df","154fda2d-9941-49f1-990f-5f8a0c9a6fd4",13,["D",1776357448062],"import { useState, useEffect, useCallback } from \"https://esm.sh/react@18.2.0\";\n\nexport function useRoute() {\n const [path, setPath] = useState(window.location.pathname);\n\n useEffect(() => {\n const onPop = () => setPath(window.location.pathname);\n window.addEventListener(\"popstate\", onPop);\n return () => window.removeEventListener(\"popstate\", onPop);\n }, []);\n\n const navigate = useCallback((to: string) => {\n window.history.pushState(null, \"\", to);\n setPath(to);\n }, []);\n\n return { path, navigate };\n}\n",[],[183,312,304],"hooks","8e5ea41c-39b2-11f1-bce1-42b51c65c3df",["D",1776357448062],[221],[183,312],"87e3d5bc-39b2-11f1-afd0-42b51c65c3df","TestimonialCard.tsx","87e3d670-39b2-11f1-afd0-42b51c65c3df","019d9721-9e2a-7242-a257-bb21027d391b",11,["D",1776357437191],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport type { Testimonial } from \"../../shared/types.ts\";\n\ninterface Props {\n testimonial: Testimonial;\n}\n\nexport function TestimonialCard({ testimonial }: Props) {\n const date = new Date(testimonial.created_at).toLocaleDateString(\"en-US\", {\n month: \"short\",\n day: \"numeric\",\n year: \"numeric\",\n });\n\n return (\n

\"{testimonial.content}\"

\n {testimonial.author_name}\n {date}\n

\n );\n}\n",[],[183,326,318],"components","8d072364-39b2-11f1-a6f1-42b51c65c3df","Nav.tsx","8d07242c-39b2-11f1-a6f1-42b51c65c3df",12,["D",1776357445813],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ninterface Props {\n currentPath: string;\n onNavigate: (path: string) => void;\n}\n\nexport function Nav({ currentPath, onNavigate }: Props) {\n const links = [\n { path: \"/\", label: \"🏆 Win Wall\" },\n { path: \"/submit\", label: \"✍️ Submit\" },\n { path: \"/admin\", label: \"🔒 Admin\" },\n ];\n\n return (\n

\n {links.map((link) => (\n {\n e.preventDefault();\n onNavigate(link.path);\n }}\n class={`px-4 py-2 rounded-lg text-sm font-medium transition-colors ${\n currentPath === link.path\n ? \"bg-indigo-50 text-indigo-700\"\n : \"text-gray-600 hover:bg-gray-50 hover:text-gray-900\"\n }`}\n >\n {link.label}\n \n ))}\n

\n \n view source\n \n

\n );\n}\n",[],[183,326,328],"a4b5ef46-39b1-11f1-84e8-42b51c65c3df","Counter.tsx","019d9721-9e2a-7242-a257-b503c0040a2c",["D",1776357055926],"/** @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",[],[183,326,336],"9517f2ae-39b2-11f1-9525-42b51c65c3df","App.tsx","019d9721-9e2a-7242-a257-b0d2f7557178",15,["D",1776357459318],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Nav } from \"./Nav.tsx\";\nimport { useRoute } from \"../hooks/useRoute.ts\";\nimport { WallPage } from \"../pages/WallPage.tsx\";\nimport { SubmitPage } from \"../pages/SubmitPage.tsx\";\nimport { AdminPage } from \"../pages/AdminPage.tsx\";\n\nexport function App() {\n const { path, navigate } = useRoute();\n\n let page;\n if (path === \"/submit\") {\n page = ;\n } else if (path === \"/admin\") {\n page = ;\n } else {\n page = ;\n }\n\n return (\n

\n );\n}\n",[],[183,326,343],"a4999836-39b2-11f1-bce1-42b51c65c3df",["D",1776357485289],[],[183,326,38],"a4b5f70c-39b1-11f1-84e8-42b51c65c3df",["D",1776357055926],[215,216,217,218,219],[183,326],["D",1776357055926],[214,220,222,225,226,227,228],[183],"6fd727ee-39b2-11f1-a6f1-42b51c65c3df","queries.ts","6fd728c0-39b2-11f1-a6f1-42b51c65c3df",5,["D",1776357396838],"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport type { Testimonial } from \"../shared/types.ts\";\n\nexport async function getApprovedTestimonials(): Promise {\n const result = await sqlite.execute(\n \"SELECT * FROM testimonials WHERE status = 'approved' ORDER BY approved_at DESC\",\n );\n return result.rows as unknown as Testimonial[];\n}\n\nexport async function getAllTestimonials(): Promise {\n const result = await sqlite.execute(\n \"SELECT * FROM testimonials ORDER BY created_at DESC\",\n );\n return result.rows as unknown as Testimonial[];\n}\n\nexport async function getPendingTestimonials(): Promise {\n const result = await sqlite.execute(\n \"SELECT * FROM testimonials WHERE status = 'pending' ORDER BY created_at DESC\",\n );\n return result.rows as unknown as Testimonial[];\n}\n\nexport async function createTestimonial(authorName: string, content: string): Promise {\n const result = await sqlite.execute({\n sql: \"INSERT INTO testimonials (author_name, content) VALUES (?, ?) RETURNING *\",\n args: [authorName, content],\n });\n return result.rows[0] as unknown as Testimonial;\n}\n\nexport async function approveTestimonial(id: number): Promise {\n const result = await sqlite.execute({\n sql: \"UPDATE testimonials SET status = 'approved', approved_at = datetime('now') WHERE id = ? RETURNING *\",\n args: [id],\n });\n return (result.rows[0] as unknown as Testimonial) ?? null;\n}\n\nexport async function rejectTestimonial(id: number): Promise {\n const result = await sqlite.execute({\n sql: \"UPDATE testimonials SET status = 'rejected' WHERE id = ? RETURNING *\",\n args: [id],\n });\n return (result.rows[0] as unknown as Testimonial) ?? null;\n}\n\nexport async function deleteTestimonial(id: number): Promise {\n const result = await sqlite.execute({\n sql: \"DELETE FROM testimonials WHERE id = ?\",\n args: [id],\n });\n return result.rowsAffected > 0;\n}\n",[],[188,362],["D",1776357386070],[212],[188],"790afd0e-39b2-11f1-9973-42b51c65c3df","testimonials.ts","790afdf4-39b2-11f1-9973-42b51c65c3df",7,["D",1776357412276],"import { Hono } from \"npm:hono\";\nimport {\n getApprovedTestimonials,\n getAllTestimonials,\n getPendingTestimonials,\n createTestimonial,\n approveTestimonial,\n rejectTestimonial,\n deleteTestimonial,\n} from \"../database/queries.ts\";\n\nconst api = new Hono();\n\n// Public: get approved testimonials for the wall\napi.get(\"/approved\", async (c) => {\n const testimonials = await getApprovedTestimonials();\n return c.json(testimonials);\n});\n\n// Admin: get all testimonials\napi.get(\"/all\", async (c) => {\n const testimonials = await getAllTestimonials();\n return c.json(testimonials);\n});\n\n// Admin: get pending testimonials\napi.get(\"/pending\", async (c) => {\n const testimonials = await getPendingTestimonials();\n return c.json(testimonials);\n});\n\n// Public: submit a new testimonial\napi.post(\"/\", async (c) => {\n const body = await c.req.json();\n const { author_name, content } = body;\n\n if (!author_name?.trim() || !content?.trim()) {\n return c.json({ error: \"Name and testimonial text are required\" }, 400);\n }\n\n if (content.trim().length > 500) {\n return c.json({ error: \"Testimonial must be 500 characters or fewer\" }, 400);\n }\n\n const testimonial = await createTestimonial(author_name.trim(), content.trim());\n return c.json(testimonial, 201);\n});\n\n// Admin: approve a testimonial\napi.post(\"/:id/approve\", async (c) => {\n const id = Number(c.req.param(\"id\"));\n const testimonial = await approveTestimonial(id);\n if (!testimonial) return c.json({ error: \"Not found\" }, 404);\n return c.json(testimonial);\n});\n\n// Admin: reject a testimonial\napi.post(\"/:id/reject\", async (c) => {\n const id = Number(c.req.param(\"id\"));\n const testimonial = await rejectTestimonial(id);\n if (!testimonial) return c.json({ error: \"Not found\" }, 404);\n return c.json(testimonial);\n});\n\n// Admin: delete a testimonial\napi.delete(\"/:id\", async (c) => {\n const id = Number(c.req.param(\"id\"));\n const deleted = await deleteTestimonial(id);\n if (!deleted) return c.json({ error: \"Not found\" }, 404);\n return c.json({ ok: true });\n});\n\nexport default api;\n",[],[194,373],["D",1776357402531],[210],[194],["D",1776357055926],["D",1789506093912],{"_109":108,"_116":112},{"_109":108,"_110":-5,"_111":112,"_19":-5,"_113":114,"_115":64},{"_13":94,"_37":95,"_48":47,"_96":49,"_97":98,"_99":100,"_101":55,"_102":103,"_104":105,"_106":50,"_107":108},"ctx",{"_87":-5,"_138":421,"_422":423,"_424":425,"_426":30,"_427":30,"_428":30,"_429":64,"_430":-5,"_431":-7,"_432":-7,"_433":68,"_434":30,"_435":30,"_436":-5,"_437":30,"_438":30,"_439":30,"_440":-5},"ENV",{"_392":393,"_394":395,"_396":95,"_397":398,"_399":400,"_401":402,"_403":404,"_405":406,"_407":408,"_409":410,"_411":412,"_413":414,"_415":416,"_417":418,"_419":420},"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 · v17