[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_281":282,"_283":284},"routes/_app.x.$handle.$name",{"_117":116,"_38":57,"_126":103,"_33":127,"_13":14,"_128":-5,"_11":129,"_130":131,"_132":133,"_134":135,"_136":137,"_27":-5,"_138":139,"_140":141,"_142":31,"_143":144,"_145":72,"_146":-5,"_147":-5,"_148":149},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_55":56,"_38":57,"_43":58,"_59":-5,"_60":31,"_61":62,"_63":62,"_64":65,"_66":67,"_19":68,"_69":70,"_71":72,"_73":-5,"_74":-5,"_75":76,"_77":78,"_79":80,"_81":82,"_83":84,"_85":-5,"_86":87,"_88":87,"_89":90,"_91":90,"_92":90,"_93":87,"_94":87,"_95":96,"_97":98,"_99":100,"_101":31},"version",5,"changes",[25,26],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","e5bef5d9-12cf-413d-b7ee-1f9d07d7cb0c","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_27":48,"_29":-7,"_30":31,"_32":31,"_33":49,"_35":49},{"_27":28,"_29":-7,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":39,"_40":41,"_42":-5,"_43":44,"_45":14,"_46":47,"_30":31},"previous","deleted",false,"deletedHere","path","frontend/data","latestPath","fileId","aefc58e8-92a3-4c11-8bce-f5c4062f3670","name","data","fileType","directory","content","createdAt",["D",1783636549929],"branchVersion","branchId","4a7c9263-b213-409e-8852-5e83a517fbc6",{"_36":50,"_38":51,"_40":52,"_42":53,"_43":54,"_45":14,"_46":47,"_30":31},"frontend/data/mockData.ts","893063e2-7be6-11f1-9593-1607ee4eb77e","mockData.ts","script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nexport type IncidentStatus = \"pending\" | \"verified\" | \"resolved\" | \"rejected\";\nexport type Priority = \"urgent\" | \"high\" | \"medium\" | \"low\";\nexport type Role = \"resident\" | \"admin\" | \"security\";\n\nexport interface Incident {\n id: string; category: string; title: string; description: string;\n location: string; community: string; date: string; time: string;\n status: IncidentStatus; priority: Priority; confidence: number;\n corroborationCount: number;\n reporter: { name: string; role: Role; initials: string };\n evidence: { type: \"image\" | \"video\"; label: string }[];\n timeline: { time: string; event: string; actor: string }[];\n updates: { author: string; role: Role; text: string; time: string }[];\n distance: string; safetyAdvice: string; relatedReports: number;\n}\n\nexport interface Community {\n id: string; name: string; location: string; members: number;\n safetyScore: number; activeIncidents: number; verifiedThisMonth: number;\n description: string; status: \"active\" | \"pending\";\n}\n\nexport interface Member {\n id: string; name: string; email: string; role: Role; community: string;\n joinedDate: string; status: \"active\" | \"pending\"; reportsFiled: number;\n reportsVerified: number; initials: string;\n}\n\nexport interface Alert {\n id: string; title: string; message: string;\n type: \"urgent\" | \"verified\" | \"notice\" | \"resolved\";\n community: string; date: string; pinned: boolean; recipients: number;\n}\n\nexport interface ActivityItem {\n id: string; type: \"report\" | \"verification\" | \"alert\" | \"join\" | \"resolution\";\n description: string; actor: string; time: string;\n}\n\nexport const incidents: Incident[] = [\n { id:\"INC-2024-001\", category:\"Robbery\", title:\"Armed robbery near Lekki Phase 1 roundabout\", description:\"Two unidentified men on a motorcycle approached a resident at the roundabout near Lekki Phase 1, demanding phones and valuables at gunpoint. Incident occurred around 8:45 PM. Suspects fled towards Chevron Drive.\", location:\"Lekki Phase 1 Roundabout, Lekki\", community:\"Lekki Phase 1 RA\", date:\"2024-07-08\", time:\"20:45\", status:\"verified\", priority:\"urgent\", confidence:92, corroborationCount:7, reporter:{name:\"Adaeze Okonkwo\",role:\"resident\",initials:\"AO\"}, evidence:[{type:\"image\",label:\"Street photo showing motorcycle\"},{type:\"image\",label:\"Damage to vehicle window\"},{type:\"video\",label:\"CCTV footage from nearby shop\"}], timeline:[{time:\"20:45\",event:\"Incident reported by resident\",actor:\"Adaeze Okonkwo\"},{time:\"20:52\",event:\"Alert sent to community members\",actor:\"System\"},{time:\"21:10\",event:\"Security team dispatched to location\",actor:\"Emeka Nwosu\"},{time:\"21:30\",event:\"Corroborated by 3 additional residents\",actor:\"Community\"},{time:\"22:15\",event:\"Verified by community admin\",actor:\"Tunde Bakare\"},{time:\"23:00\",event:\"Police report filed, case reference obtained\",actor:\"Emeka Nwosu\"}], updates:[{author:\"Tunde Bakare\",role:\"admin\",text:\"Incident verified based on multiple witness accounts and CCTV evidence. Community alert has been sent.\",time:\"22:15\"},{author:\"Emeka Nwosu\",role:\"security\",text:\"Patrol team arrived at scene. Area has been secured. Police have been notified and are en route.\",time:\"21:35\"}], distance:\"0.8 km\", safetyAdvice:\"Avoid the Lekki Phase 1 roundabout area after 8 PM. Travel in groups when possible and keep emergency contacts saved. Report any suspicious motorcycle activity to community security.\", relatedReports:3 },\n { id:\"INC-2024-002\", category:\"Suspicious Activity\", title:\"Unidentified individuals loitering near Chevron Estate gate\", description:\"Three men were observed standing near the Chevron Estate main gate for over 30 minutes without apparent purpose. They left when security approached but returned 15 minutes later.\", location:\"Chevron Estate Gate 2, Lekki\", community:\"Chevron Estate\", date:\"2024-07-08\", time:\"14:20\", status:\"pending\", priority:\"medium\", confidence:58, corroborationCount:2, reporter:{name:\"Chidi Eze\",role:\"resident\",initials:\"CE\"}, evidence:[{type:\"image\",label:\"Photo from car window\"}], timeline:[{time:\"14:20\",event:\"Incident reported by resident\",actor:\"Chidi Eze\"},{time:\"14:35\",event:\"Corroborated by 1 additional resident\",actor:\"Community\"},{time:\"14:50\",event:\"Security team notified for monitoring\",actor:\"System\"}], updates:[], distance:\"1.2 km\", safetyAdvice:\"Remain vigilant. If you observe these individuals again, do not approach. Note physical descriptions and report immediately.\", relatedReports:0 },\n { id:\"INC-2024-003\", category:\"Burglary\", title:\"Home break-in on Gerald Road, Ikoyi\", description:\"Resident returned home to find back door forced open. Jewelry and electronics missing. No signs of forced entry through front. Incident likely occurred between 9 AM and 3 PM while resident was at work.\", location:\"Gerald Road, Ikoyi\", community:\"Ikoyi Community Watch\", date:\"2024-07-07\", time:\"15:30\", status:\"resolved\", priority:\"high\", confidence:88, corroborationCount:4, reporter:{name:\"Funke Adebayo\",role:\"resident\",initials:\"FA\"}, evidence:[{type:\"image\",label:\"Forced back door\"},{type:\"image\",label:\"Missing items inventory\"}], timeline:[{time:\"15:30\",event:\"Incident reported by resident\",actor:\"Funke Adebayo\"},{time:\"15:45\",event:\"Security team arrived at scene\",actor:\"Ibrahim Sule\"},{time:\"16:00\",event:\"Police contacted and report filed\",actor:\"Ibrahim Sule\"},{time:\"16:30\",event:\"Verified by community admin\",actor:\"Tunde Bakare\"},{time:\"18:00\",event:\"Security patrol increased in area\",actor:\"Tunde Bakare\"},{time:\"Jul 09\",event:\"Suspect identified via CCTV. Investigation ongoing.\",actor:\"Ibrahim Sule\"}], updates:[{author:\"Tunde Bakare\",role:\"admin\",text:\"Incident resolved. Security patrol frequency has been doubled for Gerald Road and surrounding streets. Please ensure all entry points are secured.\",time:\"18:00\"}], distance:\"3.5 km\", safetyAdvice:\"Ensure all doors and windows are locked before leaving home. Consider installing motion-sensor lights and a security camera system.\", relatedReports:1 },\n { id:\"INC-2024-004\", category:\"Fire\", title:\"Electrical fire in Trans Amadi industrial area\", description:\"Fire broke out in a warehouse in the Trans Amadi industrial area, likely due to an electrical fault. Fire service responded within 25 minutes. No casualties reported. Nearby residents advised to keep windows closed due to smoke.\", location:\"Trans Amadi Industrial Layout, Port Harcourt\", community:\"Trans Amadi\", date:\"2024-07-07\", time:\"11:15\", status:\"verified\", priority:\"urgent\", confidence:95, corroborationCount:12, reporter:{name:\"Nnamdi Okafor\",role:\"resident\",initials:\"NO\"}, evidence:[{type:\"image\",label:\"Smoke visible from nearby street\"},{type:\"video\",label:\"Fire service response footage\"},{type:\"image\",label:\"Aftermath photo\"}], timeline:[{time:\"11:15\",event:\"Incident reported by resident\",actor:\"Nnamdi Okafor\"},{time:\"11:20\",event:\"Urgent alert sent to all community members\",actor:\"System\"},{time:\"11:30\",event:\"Fire service contacted\",actor:\"Emeka Nwosu\"},{time:\"11:40\",event:\"Fire service arrived on scene\",actor:\"Emeka Nwosu\"},{time:\"12:30\",event:\"Fire contained\",actor:\"Fire Service\"},{time:\"13:00\",event:\"Verified and resolved\",actor:\"Tunde Bakare\"}], updates:[{author:\"Emeka Nwosu\",role:\"security\",text:\"Fire has been contained. Fire service confirms no casualties. Smoke is clearing. Residents can now open windows.\",time:\"12:30\"}], distance:\"5.0 km\", safetyAdvice:\"Ensure your electrical installations are certified by a licensed electrician. Keep fire extinguishers accessible. Know your nearest fire exit and emergency numbers.\", relatedReports:0 },\n { id:\"INC-2024-005\", category:\"Road Accident\", title:\"Two-vehicle collision on Wuse II market road\", description:\"A Toyota Camry and a commercial bus collided near the Wuse II market entrance. Minor injuries reported. Traffic backed up in both directions. Road safety personnel on scene.\", location:\"Aminu Kano Crescent, Wuse II\", community:\"Wuse II\", date:\"2024-07-06\", time:\"17:45\", status:\"resolved\", priority:\"medium\", confidence:85, corroborationCount:6, reporter:{name:\"Aisha Mohammed\",role:\"resident\",initials:\"AM\"}, evidence:[{type:\"image\",label:\"Vehicle damage photo\"},{type:\"image\",label:\"Traffic backup\"}], timeline:[{time:\"17:45\",event:\"Incident reported by resident\",actor:\"Aisha Mohammed\"},{time:\"17:50\",event:\"Traffic alert sent to community\",actor:\"System\"},{time:\"18:00\",event:\"Road safety personnel arrived\",actor:\"FRSC\"},{time:\"18:45\",event:\"Vehicles cleared, traffic normalizing\",actor:\"FRSC\"},{time:\"19:00\",event:\"Incident resolved\",actor:\"Tunde Bakare\"}], updates:[], distance:\"2.1 km\", safetyAdvice:\"Drive cautiously near market areas, especially during peak hours. Maintain safe following distances.\", relatedReports:0 },\n { id:\"INC-2024-006\", category:\"Power Outage\", title:\"Extended power outage in Maitama district\", description:\"Power has been out in the Maitama district since 6 AM. EDC has been contacted and reports a fault with the transformer serving the area. Estimated restoration: 6 PM today.\", location:\"Maitama, Abuja\", community:\"Maitama\", date:\"2024-07-08\", time:\"06:00\", status:\"resolved\", priority:\"low\", confidence:90, corroborationCount:15, reporter:{name:\"Yusuf Bello\",role:\"resident\",initials:\"YB\"}, evidence:[], timeline:[{time:\"06:00\",event:\"Power outage reported\",actor:\"Yusuf Bello\"},{time:\"06:30\",event:\"Notice sent to community\",actor:\"System\"},{time:\"08:00\",event:\"EDC contacted, transformer fault confirmed\",actor:\"Tunde Bakare\"},{time:\"17:45\",event:\"Power restored\",actor:\"EDC\"},{time:\"18:00\",event:\"Incident resolved\",actor:\"Tunde Bakare\"}], updates:[{author:\"Tunde Bakare\",role:\"admin\",text:\"Power has been restored. EDC confirmed the transformer fault has been repaired. Thank you for your patience.\",time:\"18:00\"}], distance:\"4.2 km\", safetyAdvice:\"Keep phones charged and have backup power sources. Report prolonged outages to EDC directly and through Watchly for community visibility.\", relatedReports:0 },\n { id:\"INC-2024-007\", category:\"Missing Person\", title:\"Elderly resident missing from GRA Port Harcourt\", description:\"78-year-old Mr. Ezekiel Hart was last seen leaving his home on Tombia Street, GRA Port Harcourt at approximately 10 AM. He has mild dementia and was not carrying identification. Wearing a blue agbada and brown sandals.\", location:\"Tombia Street, GRA Port Harcourt\", community:\"GRA Port Harcourt\", date:\"2024-07-08\", time:\"14:00\", status:\"verified\", priority:\"high\", confidence:87, corroborationCount:9, reporter:{name:\"Grace Hart\",role:\"resident\",initials:\"GH\"}, evidence:[{type:\"image\",label:\"Recent photo of Mr. Ezekiel Hart\"}], timeline:[{time:\"14:00\",event:\"Missing person reported by family\",actor:\"Grace Hart\"},{time:\"14:10\",event:\"Urgent alert sent to community\",actor:\"System\"},{time:\"14:30\",event:\"Search team organized\",actor:\"Ibrahim Sule\"},{time:\"15:00\",event:\"Police notified, missing person report filed\",actor:\"Ibrahim Sule\"},{time:\"16:45\",event:\"Mr. Hart found near Artillery Junction, safe\",actor:\"Search Team\"},{time:\"17:00\",event:\"Incident resolved\",actor:\"Tunde Bakare\"}], updates:[{author:\"Ibrahim Sule\",role:\"security\",text:\"UPDATE: Mr. Hart has been found near Artillery Junction. He is safe and being reunited with his family. Thank you to everyone who assisted.\",time:\"16:45\"}], distance:\"6.0 km\", safetyAdvice:\"Ensure elderly family members carry identification and emergency contact information. Consider GPS tracking devices for vulnerable family members.\", relatedReports:0 },\n { id:\"INC-2024-008\", category:\"Vandalism\", title:\"Street lights vandalized on Admiralty Way\", description:\"Multiple street lights along Admiralty Way have been vandalized, leaving a 200-meter stretch in darkness. Residents report seeing the damage this morning.\", location:\"Admiralty Way, Lekki Phase 1\", community:\"Lekki Phase 1 RA\", date:\"2024-07-08\", time:\"07:15\", status:\"pending\", priority:\"low\", confidence:72, corroborationCount:3, reporter:{name:\"David Adeleke\",role:\"resident\",initials:\"DA\"}, evidence:[{type:\"image\",label:\"Damaged street light pole\"}], timeline:[{time:\"07:15\",event:\"Vandalism reported by resident\",actor:\"David Adeleke\"},{time:\"07:30\",event:\"Corroborated by 2 additional residents\",actor:\"Community\"}], updates:[], distance:\"1.0 km\", safetyAdvice:\"Report vandalized infrastructure promptly. Avoid poorly lit areas at night. Community is working with local authorities to repair damaged street lights.\", relatedReports:2 },\n { id:\"INC-2024-009\", category:\"Medical Emergency\", title:\"Resident experienced cardiac event at Chevron Estate\", description:\"A 55-year-old male resident experienced a cardiac event while jogging in Chevron Estate. Neighbors administered CPR and called emergency services. Ambulance arrived within 12 minutes.\", location:\"Chevron Drive, Chevron Estate\", community:\"Chevron Estate\", date:\"2024-07-05\", time:\"06:30\", status:\"resolved\", priority:\"high\", confidence:93, corroborationCount:5, reporter:{name:\"Patricia Eze\",role:\"resident\",initials:\"PE\"}, evidence:[], timeline:[{time:\"06:30\",event:\"Emergency reported by neighbor\",actor:\"Patricia Eze\"},{time:\"06:35\",event:\"CPR initiated by trained resident\",actor:\"Community\"},{time:\"06:40\",event:\"Ambulance dispatched\",actor:\"Emeka Nwosu\"},{time:\"06:42\",event:\"Ambulance arrived\",actor:\"EMS\"},{time:\"07:00\",event:\"Resident stabilized and transported\",actor:\"EMS\"},{time:\"Jul 06\",event:\"Resident in stable condition at hospital\",actor:\"Family\"}], updates:[], distance:\"1.5 km\", safetyAdvice:\"Learn basic CPR and first aid. Keep emergency numbers saved. Know the location of your nearest hospital and emergency services.\", relatedReports:0 },\n { id:\"INC-2024-010\", category:\"Flood\", title:\"Flash flooding on Trans Amadi road after heavy rainfall\", description:\"Heavy rainfall caused flash flooding on the main Trans Amadi road, with water levels reaching knee-height in some areas. Several vehicles stalled. No injuries reported but traffic severely affected.\", location:\"Trans Amadi Road, Port Harcourt\", community:\"Trans Amadi\", date:\"2024-07-04\", time:\"16:00\", status:\"verified\", priority:\"medium\", confidence:91, corroborationCount:11, reporter:{name:\"Blessing Wabara\",role:\"resident\",initials:\"BW\"}, evidence:[{type:\"image\",label:\"Flooded road section\"},{type:\"video\",label:\"Water level footage\"}], timeline:[{time:\"16:00\",event:\"Flooding reported by resident\",actor:\"Blessing Wabara\"},{time:\"16:10\",event:\"Alert sent to community\",actor:\"System\"},{time:\"16:30\",event:\"Road closed by security team\",actor:\"Ibrahim Sule\"},{time:\"18:00\",event:\"Water levels receding\",actor:\"Ibrahim Sule\"},{time:\"20:00\",event:\"Road reopened\",actor:\"Ibrahim Sule\"}], updates:[], distance:\"4.5 km\", safetyAdvice:\"Avoid driving through flooded roads. Do not attempt to walk through moving water. Monitor weather forecasts during rainy season.\", relatedReports:1 },\n];\n",["D",1783636549929],"id","80421981-eedd-4071-8439-fd672d646ae6","watchly",["D",1783636320055],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Community Safety Intelligence & Incident Verification Platform","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789541999&sig=8fad4d8ed521ff338d1e7bb443f46241d1f9e0e657d24a41f82306e6eb92823c","1a9eeb70-ecd0-11ef-8139-5783405cc753","pinnedFileId","019f4902-5fa0-75aa-98a0-0cd4f1d903ed","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","a9f68d39-ee70-4923-b310-99878e5da7a6","tursoName","80421981eedd40718439fd672d646ae6","tursoHostname","80421981eedd40718439fd672d646ae6-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789525245864],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_117":116,"_125":121},"org",{"_117":116,"_118":119,"_120":121,"_19":68,"_122":123,"_124":31},"branch",{"_13":102,"_38":103,"_55":47,"_104":56,"_105":106,"_107":108,"_109":62,"_110":111,"_112":113,"_114":57,"_115":116},"isOwned",26,"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","Izuhbel","handle","displayName","Adaobi Onyenaucheya","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/647c69ec-8d72-426b-8ad6-0ba13ab45600/square512?exp=1789541999&sig=e60f868da228e4e41119887773e19993026539963b94e2c72e9ecf92c62276c8","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_55":56,"_38":57,"_43":276,"_59":-5,"_60":31,"_61":62,"_63":62,"_64":65,"_66":67,"_19":68,"_69":70,"_71":72,"_73":-5,"_74":-5,"_75":76,"_77":78,"_79":80,"_81":82,"_83":277,"_85":-5,"_86":87,"_88":87,"_89":90,"_91":90,"_92":90,"_93":87,"_94":87,"_95":278,"_97":279,"_99":280,"_101":31},"tree",[195,205,206],"files",[195,196,197,198,199,200,201,202,203,204,205,206],"counts",{"_185":76,"_186":167,"_187":76,"_188":189,"_190":191},"contents",[161,162,163],"upstreamProject",{"_55":111,"_38":157,"_64":158,"_66":67,"_61":62,"_95":159},"upstreamBranch",{"_55":106,"_43":150,"_151":152,"_38":103,"_104":111,"_13":153,"_105":-5,"_107":-5,"_154":155,"_59":-5,"_101":31,"_61":62,"_115":156,"_77":113,"_114":157},"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",{"_117":156,"_125":160},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789541999&sig=156ae2b8ac752fc06f52d45eab428b512e0d31e2aab99a830d8bb32149c64f0f",{"_55":180,"_38":181,"_36":182,"_166":-5,"_46":47,"_45":167,"_168":72,"_43":183,"_13":76,"_40":41,"_42":-5,"_30":31,"_172":-5,"_33":184},{"_55":174,"_38":175,"_36":176,"_166":-5,"_46":47,"_45":167,"_168":31,"_43":177,"_13":76,"_40":27,"_42":178,"_30":31,"_172":-5,"_33":179},{"_55":164,"_38":165,"_36":70,"_166":-5,"_46":47,"_45":167,"_168":72,"_43":169,"_13":76,"_40":170,"_42":171,"_30":31,"_172":-5,"_33":173},"ce3ada09-c197-41ff-8f4a-6f78ab48a4b6","index.ts","parentId",1,"latest",["D",1783636320055],"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","label",[165],"a6ac2720-a2ed-4876-b12b-a52e8c629972","README.md","019f4902-5fa0-75aa-98a0-08574ef36550",["D",1783636320055],"# 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",[175],"02a52b5e-4774-4025-ab41-3d1d4120bd59","frontend","019f4902-5fa0-75aa-98a0-05da0531ca43",["D",1783636320055],[181],"pulls","branches","forks","envVars",{"_192":76,"_194":76},"connections",{"_192":76,"_193":76},"count","unfilledCount","emptyCount",{"_55":180,"_38":181,"_36":182,"_166":-5,"_46":47,"_45":167,"_168":72,"_43":273,"_13":76,"_40":41,"_42":-5,"_30":31,"_172":-5,"_208":274,"_33":275},{"_55":269,"_38":254,"_36":248,"_166":182,"_46":47,"_45":167,"_168":72,"_43":270,"_13":76,"_40":41,"_42":-5,"_30":31,"_172":-5,"_208":271,"_33":272},{"_55":262,"_38":263,"_36":264,"_166":248,"_46":47,"_45":167,"_168":31,"_43":265,"_13":76,"_40":52,"_42":266,"_30":31,"_172":-5,"_208":267,"_33":268},{"_55":255,"_38":256,"_36":257,"_166":248,"_46":47,"_45":167,"_168":31,"_43":258,"_13":76,"_40":52,"_42":259,"_30":31,"_172":-5,"_208":260,"_33":261},{"_55":245,"_38":246,"_36":247,"_166":248,"_46":47,"_45":249,"_168":72,"_43":250,"_13":76,"_40":52,"_42":251,"_30":31,"_172":-5,"_208":252,"_33":253},{"_55":241,"_38":39,"_36":37,"_166":182,"_46":47,"_45":14,"_168":72,"_43":242,"_13":76,"_40":41,"_42":-5,"_30":31,"_172":-5,"_208":243,"_33":244},{"_55":237,"_38":51,"_36":50,"_166":37,"_46":47,"_45":14,"_168":31,"_43":238,"_13":76,"_40":52,"_42":53,"_30":31,"_172":-5,"_208":239,"_33":240},{"_55":229,"_38":230,"_36":231,"_166":182,"_46":47,"_45":232,"_168":72,"_43":233,"_13":167,"_40":27,"_42":234,"_30":31,"_172":-5,"_208":235,"_33":236},{"_55":221,"_38":222,"_36":223,"_166":182,"_46":47,"_45":224,"_168":72,"_43":225,"_13":167,"_40":27,"_42":226,"_30":31,"_172":-5,"_208":227,"_33":228},{"_55":214,"_38":215,"_36":216,"_166":182,"_46":47,"_45":167,"_168":72,"_43":217,"_13":76,"_40":52,"_42":218,"_30":31,"_172":-5,"_208":219,"_33":220},{"_55":174,"_38":175,"_36":176,"_166":-5,"_46":47,"_45":167,"_168":31,"_43":211,"_13":76,"_40":27,"_42":178,"_30":31,"_172":-5,"_208":212,"_33":213},{"_55":164,"_38":165,"_36":70,"_166":-5,"_46":47,"_45":167,"_168":72,"_43":207,"_13":76,"_40":170,"_42":171,"_30":31,"_172":-5,"_208":209,"_33":210},["D",1783636320055],"children",[],[165],["D",1783636320055],[],[175],"e088da12-5852-4ed2-871a-269f4bfed96f","index.tsx","019f4902-5fa0-75aa-98a0-0151155192f4",["D",1783636320055],"/** @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();",[],[181,215],"e056ddd2-3f92-4fb5-9906-95c62e3569af","index.html","019f4902-5fa0-75aa-989f-fc26e3d3a746",2,["D",1783636373593],"\n\n \n \n \n Watchly — Community Safety Intelligence\n \n \n \n \n \n \n \n

\n \n

Loading Watchly…

\n \n \n \n\n",[],[181,222],"49f36825-b5e0-4700-b59b-520b8219244a","favicon.svg","019f4902-5fa0-75aa-989f-f8c37c5e332d",3,["D",1783636373595],"\n",[],[181,230],"83718407-8015-4fb0-b062-dcdbacb993e6",["D",1783636549929],[],[181,39,51],"3b2203dc-3706-4c9e-8d2a-93cd2d5409ac",["D",1783636549929],[201],[181,39],"44862aa0-d08a-44f6-b753-5aafc127771c","icons.tsx","40fb8cc8-7be6-11f1-b92c-1607ee4eb77e","019f4902-5fa0-75aa-989f-f6816c56812d",4,["D",1783636428792],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\ntype IconProps = { size?: number; className?: string; strokeWidth?: number };\n\nconst make = (paths: React.ReactNode) =>\n ({ size = 20, className = \"\", strokeWidth = 2 }: IconProps) => (\n \n {paths}\n \n );\n\nexport const Home = make(<>);\nexport const Rss = make(<>);\nexport const Plus = make(<>);\nexport const Users = make(<>);\nexport const Bell = make(<>);\nexport const BarChart = make(<>);\nexport const FileText = make(<>);\nexport const Settings = make(<>);\nexport const HelpCircle = make(<>);\nexport const Search = make(<>);\nexport const MapPin = make(<>);\nexport const Clock = make(<>);\nexport const Shield = make(<>);\nexport const ShieldCheck = make(<>);\nexport const CheckCircle = make(<>);\nexport const XCircle = make(<>);\nexport const AlertTriangle = make(<>);\nexport const TrendingUp = make(<>);\nexport const TrendingDown = make(<>);\nexport const Camera = make(<>);\nexport const Upload = make(<>);\nexport const ChevronRight = make(<>);\nexport const ChevronDown = make(<>);\nexport const ChevronLeft = make(<>);\nexport const Menu = make(<>);\nexport const MoreVertical = make(<>);\nexport const Filter = make(<>);\nexport const ArrowLeft = make(<>);\nexport const ArrowUp = make(<>);\nexport const ArrowRight = make(<>);\nexport const Eye = make(<>);\nexport const Flag = make(<>);\nexport const X = make(<>);\nexport const Check = make(<>);\nexport const MessageSquare = make(<>);\nexport const ThumbsUp = make(<>);\nexport const Activity = make(<>);\nexport const Zap = make(<>);\nexport const Download = make(<>);\nexport const Star = make(<>);\nexport const Pin = make(<>);\nexport const Image = make(<>);\nexport const Video = make(<>);\nexport const Phone = make(<>);\nexport const Mail = make(<>);\nexport const Lock = make(<>);\nexport const LogOut = make(<>);\nexport const User = make(<>);\nexport const Building = make(<>);\nexport const Layers = make(<>);\nexport const GitBranch = make(<>);\nexport const Info = make(<>);\nexport const Calendar = make(<>);\nexport const Droplet = make(<>);\nexport const Flame = make(<>);\nexport const Car = make(<>);\nexport const HeartPulse = make(<>);\nexport const UserSearch = make(<>);\nexport const Wrench = make(<>);\nexport const AlertOctagon = make(<>);\nexport const Power = make(<>);\nexport const Moon = make(<>);\nexport const Globe = make(<>);\nexport const Send = make(<>);\nexport const Trash = make(<>);\nexport const Edit = make(<>);\nexport const ExternalLink = make(<>);\nexport const RefreshCw = make(<>);\nexport const Loader = make(<>);\n",[],[181,254,246],"components","56560c19-c652-47b6-acb8-20459b2ae2f5","Counter.tsx","019f4902-5fa0-75aa-989f-f09425288b06",["D",1783636320055],"/** @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",[],[181,254,256],"5ab5a729-f691-44ee-a4c2-69e7ab496c5b","App.tsx","019f4902-5fa0-75aa-989f-ec526b1a7bc3",["D",1783636320055],"/** @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",[],[181,254,263],"3ca483ee-07cf-4865-957c-a317a8197bcf",["D",1783636320055],[197,198,199],[181,254],["D",1783636320055],[196,200,202,203,204],[181],["D",1783636320055],["D",1789525245864],{"_117":116,"_125":121},{"_117":116,"_118":119,"_120":121,"_19":68,"_122":123,"_124":31},{"_13":102,"_38":103,"_55":47,"_104":56,"_105":106,"_107":108,"_109":62,"_110":111,"_112":113,"_114":57,"_115":116},"ctx",{"_95":-5,"_147":314,"_315":316,"_317":318,"_319":31,"_320":31,"_321":31,"_322":72,"_323":-5,"_324":-7,"_325":-7,"_326":76,"_327":31,"_328":31,"_329":-5,"_330":31,"_331":31,"_332":31,"_333":-5},"ENV",{"_285":286,"_287":288,"_289":103,"_290":291,"_292":293,"_294":295,"_296":297,"_298":299,"_300":301,"_302":303,"_304":305,"_306":307,"_308":309,"_310":311,"_312":313},"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 · v5