[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_465":466,"_467":468},"routes/_app.x.$handle.$name",{"_98":97,"_33":47,"_106":88,"_28":107,"_13":14,"_108":-5,"_11":109,"_110":111,"_112":113,"_114":115,"_116":117,"_20":-5,"_118":-5,"_119":-5,"_120":27,"_121":122,"_123":25,"_124":-5,"_125":-5,"_126":127},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_45":46,"_33":47,"_40":48,"_49":-5,"_50":27,"_51":52,"_53":52,"_54":55,"_56":-5,"_18":57,"_58":59,"_60":25,"_61":25,"_62":-5,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":81,"_82":83,"_84":85,"_86":27},"version",184,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":29},"file",{"_31":32,"_33":34,"_35":36,"_37":39,"_40":41,"_42":14,"_43":44,"_24":27},"previous",{"_31":32,"_33":34,"_35":36,"_37":38},"deleted",true,"deletedHere",false,"path","frontend/components/App.tsx","latestPath","fileId","7c9fe94a-3259-11f0-8e8b-569c3dd06744","name","App.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@19.1.0 */\nimport {\n Outlet,\n useNavigation,\n} from \"https://esm.sh/react-router@7.5.0?deps=react@18.2.0,react-dom@18.2.0\";\n\nexport function App() {\n const navigation = useNavigation();\n const isLoading = navigation.state === \"loading\";\n return (\n

\n \n \n

\n\n \n \n );\n}\n","/** @jsxImportSource https://esm.sh/react@19.1.0 */\nimport {\n Outlet,\n useNavigation,\n} from \"https://esm.sh/react-router@7.5.0?deps=react@18.2.0,react-dom@18.2.0\";\n\nexport function App() {\n const navigation = useNavigation();\n return (\n

\n \n \n

\n\n \n \n );\n}\n","createdAt",["D",1747407044333],"branchVersion","branchId","7c589504-3259-11f0-8b01-569c3dd06744","id","7c5849be-3259-11f0-8b01-569c3dd06744","FullstackStarter",["D",1747402036810],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Starter template with client-side React & Hono server","imageUrl","4555dd0e-707e-4444-acd3-049d206eb1db","pinnedFileId","2628be28-326a-11f0-a233-569c3dd06744","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","bced381e-9ab2-4b55-929d-e7c5064f7f38","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_98":97,"_105":101},"org",{"_98":97,"_99":-5,"_100":101,"_18":57,"_102":103,"_104":27},"branch",{"_13":87,"_33":88,"_45":44,"_89":46,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":47,"_96":97},"isOwned",741,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","wolf","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJvVXpPVUZRTjZGTGd2Q2t4c0RRdFpNZWJ5UCJ9","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_45":46,"_33":47,"_40":461,"_49":-5,"_50":27,"_51":52,"_53":52,"_54":55,"_56":-5,"_18":57,"_58":59,"_60":25,"_61":25,"_62":-5,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":462,"_82":463,"_84":464,"_86":27},"tree",[187,192,214,218,219,220],"files",[187,188,189,190,191,192,193,194,195,196,197,198,199,200,201,202,203,204,205,206,207,208,209,210,211,212,213,214,215,216,217,218,219,220],"counts",{"_177":64,"_178":149,"_179":64,"_180":181,"_182":183},"contents",[128,129,130,131,132,133],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_45":172,"_33":173,"_31":174,"_137":-5,"_43":44,"_42":149,"_139":25,"_40":175,"_13":64,"_35":164,"_37":-5,"_24":27,"_142":-5,"_28":176},{"_45":166,"_33":167,"_31":168,"_137":-5,"_43":44,"_42":169,"_139":25,"_40":170,"_13":64,"_35":164,"_37":-5,"_24":27,"_142":-5,"_28":171},{"_45":159,"_33":160,"_31":161,"_137":-5,"_43":44,"_42":162,"_139":25,"_40":163,"_13":64,"_35":164,"_37":-5,"_24":27,"_142":-5,"_28":165},{"_45":152,"_33":153,"_31":154,"_137":-5,"_43":44,"_42":155,"_139":25,"_40":156,"_13":64,"_35":20,"_37":157,"_24":27,"_142":-5,"_28":158},{"_45":144,"_33":145,"_31":146,"_137":-5,"_43":44,"_42":147,"_139":27,"_40":148,"_13":149,"_35":20,"_37":150,"_24":27,"_142":-5,"_28":151},{"_45":134,"_33":135,"_31":136,"_137":-5,"_43":44,"_42":138,"_139":25,"_40":140,"_13":64,"_35":20,"_37":141,"_24":27,"_142":-5,"_28":143},"8c793ace-3259-11f0-9c6b-569c3dd06744","deno.json","8c793b6e-3259-11f0-9c6b-569c3dd06744","parentId",11,"latest",["D",1747402063833],"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/348900b8b79f4a434cab4c74b3bc8d4d2fa8ee74/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": false,\n \"types\": [\n \"https://www.val.town/types/valtown.d.ts\"\n ],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"lint\": {\n \"files\": {\n \"include\": [\n \"deno:/https/esm.town/**/*\"\n ]\n },\n \"rules\": {\n \"exclude\": [\n \"no-explicit-any\"\n ]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n }\n}","label",[135],"863274fc-3261-11f0-8de8-569c3dd06744","README.md","7cb1e140-3259-11f0-962c-569c3dd06744",100,["D",1747405489296],2,"- React router (remix) for server side routing and rendering React\n- Hono RPC for data fetching with a Hono API\n- Neon Postgres database\n- Envsafe and other niceities\n",[145],"8c74311e-3259-11f0-8bc8-569c3dd06744",".vtignore","8c7431f0-3259-11f0-8bc8-569c3dd06744",10,["D",1747402063833],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[153],"00a12a42-325a-11f0-a62d-569c3dd06744","shared","00a12ba0-325a-11f0-a62d-569c3dd06744",18,["D",1747402258743],"directory",[160],"7c770610-3259-11f0-a3ee-569c3dd06744","frontend","7c7706e2-3259-11f0-a3ee-569c3dd06744",1,["D",1747402037005],[167],"7c814238-3259-11f0-8ffd-569c3dd06744","backend","7c8142c4-3259-11f0-8ffd-569c3dd06744",["D",1747402037073],[173],"pulls","branches","forks","envVars",{"_184":64,"_186":64},"connections",{"_184":64,"_185":64},"count","unfilledCount","emptyCount",{"_45":172,"_33":173,"_31":174,"_137":-5,"_43":44,"_42":149,"_139":25,"_40":458,"_13":64,"_35":164,"_37":-5,"_24":27,"_142":-5,"_222":459,"_28":460},{"_45":453,"_33":294,"_31":447,"_137":174,"_43":44,"_42":454,"_139":25,"_40":455,"_13":64,"_35":164,"_37":-5,"_24":27,"_142":-5,"_222":456,"_28":457},{"_45":444,"_33":445,"_31":446,"_137":447,"_43":44,"_42":448,"_139":27,"_40":449,"_13":64,"_35":36,"_37":450,"_24":27,"_142":-5,"_222":451,"_28":452},{"_45":434,"_33":435,"_31":436,"_137":174,"_43":44,"_42":437,"_139":27,"_40":438,"_13":439,"_35":440,"_37":441,"_24":27,"_142":-5,"_222":442,"_28":443},{"_45":426,"_33":427,"_31":428,"_137":174,"_43":44,"_42":429,"_139":25,"_40":430,"_13":271,"_35":36,"_37":431,"_24":27,"_142":-5,"_222":432,"_28":433},{"_45":166,"_33":167,"_31":168,"_137":-5,"_43":44,"_42":169,"_139":25,"_40":423,"_13":64,"_35":164,"_37":-5,"_24":27,"_142":-5,"_222":424,"_28":425},{"_45":419,"_33":381,"_31":375,"_137":168,"_43":44,"_42":281,"_139":25,"_40":420,"_13":64,"_35":164,"_37":-5,"_24":27,"_142":-5,"_222":421,"_28":422},{"_45":414,"_33":34,"_31":32,"_137":375,"_43":44,"_42":14,"_139":27,"_40":415,"_13":416,"_35":36,"_37":39,"_24":27,"_142":-5,"_222":417,"_28":418},{"_45":406,"_33":407,"_31":408,"_137":375,"_43":44,"_42":409,"_139":27,"_40":410,"_13":149,"_35":36,"_37":411,"_24":27,"_142":-5,"_222":412,"_28":413},{"_45":398,"_33":399,"_31":400,"_137":375,"_43":44,"_42":401,"_139":27,"_40":402,"_13":348,"_35":36,"_37":403,"_24":27,"_142":-5,"_222":404,"_28":405},{"_45":390,"_33":391,"_31":392,"_137":375,"_43":44,"_42":393,"_139":27,"_40":394,"_13":169,"_35":36,"_37":395,"_24":27,"_142":-5,"_222":396,"_28":397},{"_45":382,"_33":383,"_31":384,"_137":375,"_43":44,"_42":385,"_139":27,"_40":386,"_13":169,"_35":36,"_37":387,"_24":27,"_142":-5,"_222":388,"_28":389},{"_45":372,"_33":373,"_31":374,"_137":375,"_43":44,"_42":376,"_139":27,"_40":377,"_13":149,"_35":36,"_37":378,"_24":27,"_142":-5,"_222":379,"_28":380},{"_45":367,"_33":294,"_31":288,"_137":168,"_43":44,"_42":368,"_139":25,"_40":369,"_13":64,"_35":164,"_37":-5,"_24":27,"_142":-5,"_222":370,"_28":371},{"_45":360,"_33":34,"_31":361,"_137":288,"_43":44,"_42":362,"_139":27,"_40":363,"_13":348,"_35":36,"_37":364,"_24":27,"_142":-5,"_222":365,"_28":366},{"_45":352,"_33":353,"_31":354,"_137":288,"_43":44,"_42":355,"_139":27,"_40":356,"_13":169,"_35":36,"_37":357,"_24":27,"_142":-5,"_222":358,"_28":359},{"_45":343,"_33":344,"_31":345,"_137":288,"_43":44,"_42":346,"_139":27,"_40":347,"_13":348,"_35":36,"_37":349,"_24":27,"_142":-5,"_222":350,"_28":351},{"_45":335,"_33":336,"_31":337,"_137":288,"_43":44,"_42":338,"_139":27,"_40":339,"_13":169,"_35":36,"_37":340,"_24":27,"_142":-5,"_222":341,"_28":342},{"_45":327,"_33":328,"_31":329,"_137":288,"_43":44,"_42":330,"_139":27,"_40":331,"_13":271,"_35":36,"_37":332,"_24":27,"_142":-5,"_222":333,"_28":334},{"_45":319,"_33":320,"_31":321,"_137":288,"_43":44,"_42":322,"_139":27,"_40":323,"_13":169,"_35":36,"_37":324,"_24":27,"_142":-5,"_222":325,"_28":326},{"_45":311,"_33":312,"_31":313,"_137":288,"_43":44,"_42":314,"_139":27,"_40":315,"_13":169,"_35":36,"_37":316,"_24":27,"_142":-5,"_222":317,"_28":318},{"_45":303,"_33":304,"_31":305,"_137":288,"_43":44,"_42":306,"_139":27,"_40":307,"_13":253,"_35":36,"_37":308,"_24":27,"_142":-5,"_222":309,"_28":310},{"_45":295,"_33":296,"_31":297,"_137":288,"_43":44,"_42":298,"_139":27,"_40":299,"_13":169,"_35":36,"_37":300,"_24":27,"_142":-5,"_222":301,"_28":302},{"_45":285,"_33":286,"_31":287,"_137":288,"_43":44,"_42":289,"_139":27,"_40":290,"_13":169,"_35":36,"_37":291,"_24":27,"_142":-5,"_222":292,"_28":293},{"_45":276,"_33":277,"_31":278,"_137":168,"_43":44,"_42":279,"_139":27,"_40":280,"_13":281,"_35":36,"_37":282,"_24":27,"_142":-5,"_222":283,"_28":284},{"_45":268,"_33":269,"_31":270,"_137":168,"_43":44,"_42":271,"_139":27,"_40":272,"_13":64,"_35":20,"_37":273,"_24":27,"_142":-5,"_222":274,"_28":275},{"_45":260,"_33":261,"_31":262,"_137":168,"_43":44,"_42":263,"_139":27,"_40":264,"_13":169,"_35":36,"_37":265,"_24":27,"_142":-5,"_222":266,"_28":267},{"_45":159,"_33":160,"_31":161,"_137":-5,"_43":44,"_42":162,"_139":25,"_40":257,"_13":64,"_35":164,"_37":-5,"_24":27,"_142":-5,"_222":258,"_28":259},{"_45":248,"_33":249,"_31":250,"_137":161,"_43":44,"_42":251,"_139":27,"_40":252,"_13":253,"_35":36,"_37":254,"_24":27,"_142":-5,"_222":255,"_28":256},{"_45":239,"_33":240,"_31":241,"_137":161,"_43":44,"_42":242,"_139":27,"_40":243,"_13":244,"_35":36,"_37":245,"_24":27,"_142":-5,"_222":246,"_28":247},{"_45":231,"_33":232,"_31":233,"_137":161,"_43":44,"_42":234,"_139":27,"_40":235,"_13":64,"_35":36,"_37":236,"_24":27,"_142":-5,"_222":237,"_28":238},{"_45":152,"_33":153,"_31":154,"_137":-5,"_43":44,"_42":155,"_139":25,"_40":228,"_13":64,"_35":20,"_37":157,"_24":27,"_142":-5,"_222":229,"_28":230},{"_45":144,"_33":145,"_31":146,"_137":-5,"_43":44,"_42":147,"_139":27,"_40":225,"_13":149,"_35":20,"_37":150,"_24":27,"_142":-5,"_222":226,"_28":227},{"_45":134,"_33":135,"_31":136,"_137":-5,"_43":44,"_42":138,"_139":25,"_40":221,"_13":64,"_35":20,"_37":141,"_24":27,"_142":-5,"_222":223,"_28":224},["D",1747402063833],"children",[],[135],["D",1747405489296],[],[145],["D",1747402063833],[],[153],"9e18b9a2-3264-11f0-87c4-569c3dd06744","types.ts","9e18ba56-3264-11f0-87c4-569c3dd06744",163,["D",1747406817897],"/**\n * Topic model representing a discussion thread\n */\nexport interface Topic {\n id: number;\n title: string;\n createdAt: string;\n}\n\n/**\n * Message model representing a post within a topic\n */\nexport interface Message {\n id: number;\n topicId: number;\n content: string;\n createdAt: string;\n}\n\n/**\n * Search results containing matching topics and messages\n */\nexport interface SearchResults {\n topics: Topic[];\n messages: Message[];\n query: string;\n}\n",[],[160,232],"3c6adadc-3264-11f0-8b57-569c3dd06744","routes.ts","0a4c0bd4-3264-11f0-b692-569c3dd06744",135,["D",1747406654015],8,"import type {\n ActionFunctionArgs,\n LoaderFunctionArgs,\n} from \"https://esm.sh/react-router@7.6.0?deps=react@19.1.0,react-dom@19.1.0\";\nimport { App } from \"../frontend/routes/App.tsx\";\nimport { Home } from \"../frontend/routes/Home.tsx\";\nimport { Search } from \"../frontend/routes/Search.tsx\";\nimport { Topic } from \"../frontend/routes/Topic.tsx\";\n\nconst isServer = typeof document === \"undefined\";\nconst isClient = !isServer;\n\n// Generic loader that forwards on requests for that page's JSON data\nasync function clientLoader({ request }: LoaderFunctionArgs) {\n const res = await fetch(request, {\n headers: {\n \"Accept\": \"application/json\",\n },\n });\n return await res.json();\n}\n\n// Generic action that forwards on requests for that page\nasync function clientAction({ request }: ActionFunctionArgs) {\n const response = await fetch(request);\n if (response.status === 302) {\n // somehow do a redirect\n }\n // if the response is json content type, parse the json and return it\n if (response.headers.get(\"Content-Type\")?.includes(\"application/json\")) {\n return response.json();\n }\n return response;\n}\n\nfunction createFullstackLoader(loaderSourceImportURL: string) {\n if (isClient) {\n return clientLoader;\n } else {\n return async (args: LoaderFunctionArgs) => {\n let module = await import(loaderSourceImportURL);\n let loader = module.loader || module.default;\n return loader(args);\n };\n }\n}\n\nfunction createFullstackAction(actionSourceImportURL: string) {\n if (isClient) {\n return clientAction;\n } else {\n return async (args: ActionFunctionArgs) => {\n let module = await import(actionSourceImportURL);\n let action = module.action || module.default;\n return action(args);\n };\n }\n}\n\nexport const routes = [\n {\n path: \"/\",\n Component: App,\n action: createFullstackAction(\"../routes/Topics.action.ts\"),\n children: [\n {\n index: true,\n Component: Home,\n loader: createFullstackLoader(\"../routes/Home.loader.ts\"),\n },\n {\n path: \"topics/:topicId\",\n Component: Topic,\n loader: createFullstackLoader(\"../routes/Topic.loader.ts\"),\n action: createFullstackAction(\"../routes/Topic.action.ts\"),\n },\n {\n path: \"topics/:topicId/messages/:messageId\",\n Component: Topic,\n loader: createFullstackLoader(\"../routes/TopicMessage.loader.ts\"),\n },\n {\n path: \"search\",\n Component: Search,\n loader: createFullstackLoader(\"../routes/Search.loader.ts\"),\n },\n ],\n },\n];\n",[],[160,240],"1cd70d8a-325a-11f0-9e79-569c3dd06744","consts.ts","0522c95e-325a-11f0-94e4-569c3dd06744",26,["D",1747402306069],7,"export const APP_NAME = \"Demo Hono App\";\n",[],[160,249],["D",1747402258743],[215,216,217],[160],"88c933ce-3264-11f0-b368-569c3dd06744","index.tsx","7cbc5738-3259-11f0-b6eb-569c3dd06744",148,["D",1747406782117],"/** @jsxImportSource https://esm.sh/react@19.1.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@19.1.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();",[],[167,261],"7ca366e2-3259-11f0-b540-569c3dd06744","index.html","7ca36778-3259-11f0-b540-569c3dd06744",6,["D",1747402037283],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[],[167,269],"1635dd8a-3264-11f0-a8b2-569c3dd06744","hono.ts","f53739ee-3259-11f0-8b58-569c3dd06744",127,["D",1747406589915],3,"// deno-lint-ignore-file no-window\n\nimport { hc } from \"https://esm.sh/hono@4.7.7/client?deps=hono@4.7.7\";\nimport { AppType } from \"../backend/app.ts\";\n\nexport const client = hc(\n typeof window !== \"undefined\"\n ? window.location.origin + \"/api\"\n : import.meta.url + \"/api\",\n { init: { credentials: \"include\" } },\n);\n",[],[167,277],"88f873b4-3264-11f0-8160-569c3dd06744","Topics.action.ts","ad1fb854-3261-11f0-ae78-569c3dd06744","07d572ec-325e-11f0-bdba-569c3dd06744",155,["D",1747406782439],"import { ActionFunctionArgs, redirect } from \"https://esm.sh/react-router@7.5.0?deps=react@19.1.0,react-dom@19.1.0\";\nimport { createTopic } from \"../backend/database/queries.ts\";\n\nexport async function action({ request }: ActionFunctionArgs) {\n const formData = await request.formData();\n const title = formData.get(\"title\") as string;\n\n if (!title || title.trim() === \"\") {\n throw new Response(\"Title is required\", { status: 400 });\n }\n\n const topic = await createTopic(title);\n return redirect(`/topics/${topic.id}`);\n}",[],[167,294,286],"routes","892596d2-3264-11f0-a53b-569c3dd06744","TopicMessage.loader.ts","ad02cc1c-3261-11f0-8532-569c3dd06744",159,["D",1747406782324],"import { LoaderFunctionArgs } from \"https://esm.sh/react-router@7.5.0?deps=react@19.1.0,react-dom@19.1.0\";\nimport { getTopicById, getMessageById, getMessagesByTopicId } from \"../backend/database/queries.ts\";\n\nexport async function loader({ params }: LoaderFunctionArgs) {\n const topicId = parseInt(params.topicId!, 10);\n const messageId = parseInt(params.messageId!, 10);\n\n const topic = await getTopicById(topicId);\n if (!topic) {\n throw new Response(\"Topic not found\", { status: 404 });\n }\n\n const message = await getMessageById(messageId);\n if (!message || message.topicId !== topicId) {\n throw new Response(\"Message not found\", { status: 404 });\n }\n\n const messages = await getMessagesByTopicId(topicId);\n return { topic, messages };\n}",[],[167,294,296],"ac73a57a-3264-11f0-8fb4-569c3dd06744","Topic.tsx","ad0f9c76-3261-11f0-b472-569c3dd06744",166,["D",1747406841969],"/** @jsxImportSource https://esm.sh/react@19.1.0 */\nimport React, { useEffect } from \"https://esm.sh/react@19.1.0\";\nimport {\n Link,\n useLoaderData,\n useParams,\n} from \"https://esm.sh/react-router@7.5.0?deps=react@19.1.0,react-dom@19.1.0\";\nimport { Message, Topic as TopicType } from \"../../shared/types.ts\";\nimport { MessageForm } from \"../components/MessageForm.tsx\";\nimport { MessageList } from \"../components/MessageList.tsx\";\nimport { SearchForm } from \"../components/SearchForm.tsx\";\n\ninterface TopicDetailData {\n topic: TopicType;\n messages: Message[];\n}\n\nexport function Topic() {\n const { topic, messages } = useLoaderData() as TopicDetailData;\n const { messageId } = useParams();\n const highlightedMessageId = messageId ? parseInt(messageId, 10) : undefined;\n\n // Scroll to highlighted message if messageId is provided\n useEffect(() => {\n if (highlightedMessageId) {\n const messageElement = document.getElementById(\n `message-${highlightedMessageId}`,\n );\n if (messageElement) {\n messageElement.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n }\n }\n }, [highlightedMessageId]);\n\n return (\n

Community Message Board

\n \n Home\n \n

\n\n \n\n

{topic.title}

\n Created {new Date(topic.createdAt).toDateString()}\n

\n\n

Messages

\n\n \n\n \n

\n );\n}\n",[],[167,294,304],"88ea45be-3264-11f0-a43d-569c3dd06744","Topic.loader.ts","ad08cb6c-3261-11f0-8532-569c3dd06744",152,["D",1747406782319],"import { LoaderFunctionArgs } from \"https://esm.sh/react-router@7.5.0?deps=react@19.1.0,react-dom@19.1.0\";\nimport { getTopicById, getMessagesByTopicId } from \"../backend/database/queries.ts\";\n\nexport async function loader({ params }: LoaderFunctionArgs) {\n const topicId = parseInt(params.topicId!, 10);\n const topic = await getTopicById(topicId);\n\n if (!topic) {\n throw new Response(\"Topic not found\", { status: 404 });\n }\n\n const messages = await getMessagesByTopicId(topicId);\n return { topic, messages };\n}",[],[167,294,312],"88d3aa3e-3264-11f0-9651-569c3dd06744","Topic.action.ts","ad178c88-3261-11f0-8b6f-569c3dd06744",149,["D",1747406782157],"import { ActionFunctionArgs } from \"https://esm.sh/react-router@7.5.0?deps=react@19.1.0,react-dom@19.1.0\";\nimport { createMessage } from \"../backend/database/queries.ts\";\n\nexport async function action({ request }: ActionFunctionArgs) {\n console.log(\"HERE!\");\n const formData = await request.formData();\n const topicId = parseInt(formData.get(\"topicId\") as string, 10);\n const content = formData.get(\"content\") as string;\n\n if (!content || content.trim() === \"\") {\n throw new Response(\"Content is required\", { status: 400 });\n }\n\n const message = await createMessage(topicId, content);\n return message;\n}",[],[167,294,320],"1bd2e50c-3265-11f0-ae32-569c3dd06744","Search.tsx","ad30214e-3261-11f0-b3f7-569c3dd06744",177,["D",1747407028829],"/** @jsxImportSource https://esm.sh/react@19.1.0 */\nimport React from \"https://esm.sh/react@19.1.0\";\nimport {\n Link,\n useLoaderData,\n} from \"https://esm.sh/react-router@7.5.0?deps=react@19.1.0,react-dom@19.1.0\";\nimport { SearchResults as SearchResultsType } from \"../../shared/types.ts\";\nimport { SearchForm } from \"../components/SearchForm.tsx\";\n\nexport function Search() {\n const { topics, messages, query } = useLoaderData() as SearchResultsType;\n const hasResults = topics.length > 0 || messages.length > 0;\n\n return (\n

Community Message Board

\n \n Home\n \n

\n\n \n\n

\n Search Results for \"{query}\"\n

\n\n {!hasResults\n ? (\n

\n No results found for \"{query}\". Try a different search term.\n

\n )\n : (\n

\n {topics.length > 0 && (\n

\n Topics ({topics.length})\n

\n {topics.map((topic) => (\n \n \n {topic.title}\n \n

\n Created {new Date(topic.createdAt).toDateString()}\n

\n ))}\n

\n )}\n\n {messages.length > 0 && (\n

\n Messages ({messages.length})\n

\n {messages.map((message) => (\n \n

\n {message.content}\n

\n \n View in topic\n \n \n {new Date(message.createdAt).toDateString()}\n \n

\n ))}\n

\n )}\n \n )}\n \n );\n}\n\n",[],[167,294,328],"88ed6db6-3264-11f0-9633-569c3dd06744","Search.loader.ts","ad143a88-3261-11f0-9d57-569c3dd06744",153,["D",1747406782377],"import { LoaderFunctionArgs } from \"https://esm.sh/react-router@7.5.0?deps=react@19.1.0,react-dom@19.1.0\";\nimport { search } from \"../backend/database/queries.ts\";\n\nexport async function loader({ request }: LoaderFunctionArgs) {\n const url = new URL(request.url);\n const query = url.searchParams.get(\"q\") || \"\";\n\n if (!query || query.trim() === \"\") {\n return { topics: [], messages: [], query: \"\" };\n }\n\n return await search(query);\n}",[],[167,294,336],"ca17cf66-3264-11f0-8b1c-569c3dd06744","Home.tsx","ad1ba57a-3261-11f0-9cca-569c3dd06744",171,["D",1747406891708],4,"/** @jsxImportSource https://esm.sh/react@19.1.0 */\nimport {\n Form,\n Link,\n useLoaderData,\n useNavigation,\n} from \"https://esm.sh/react-router@7.5.0?deps=react@19.1.0,react-dom@19.1.0\";\nimport React from \"https://esm.sh/react@19.1.0\";\nimport { SearchForm } from \"../components/SearchForm.tsx\";\nimport { Topic } from \"../../shared/types.ts\";\n\ninterface TopicListProps {\n topics: Topic[];\n}\n\nexport function Home() {\n const navigation = useNavigation();\n const { topics } = useLoaderData();\n const isCreatingTopic = navigation.formAction === \"/\" &&\n navigation.state === \"submitting\";\n const $form = React.useRef(null);\n\n // reset the form on success\n React.useEffect(function () {\n if (navigation.state === \"idle\" && $form.current) {\n $form.current.reset();\n }\n }, [navigation.state]);\n\n return (\n

Community Message Board

\n \n Home\n \n

\n\n \n\n

Create a New Topic

\n \n

\n\n

Topics

\n\n {topics.length === 0\n ? (\n

\n No topics yet. Create the first one!\n

\n )\n : (\n

\n {topics.map((topic) => (\n

\n \n {topic.title}\n \n

\n Created {new Date(topic.createdAt).toDateString()}\n

\n ))}\n

\n )}\n

\n );\n}\n\n",[],[167,294,344],"89115ba4-3264-11f0-9d5b-569c3dd06744","Home.loader.ts","ad284fc8-3261-11f0-9cca-569c3dd06744",158,["D",1747406782517],"import { LoaderFunctionArgs } from \"https://esm.sh/react-router@7.5.0?deps=react@19.1.0,react-dom@19.1.0\";\nimport { getAllTopics } from \"../backend/database/queries.ts\";\n\nexport async function loader() {\n return { topics: await getAllTopics() };\n}",[],[167,294,353],"8902873c-3264-11f0-9651-569c3dd06744","ad225db6-3261-11f0-9d57-569c3dd06744",156,["D",1747406782515],"/** @jsxImportSource https://esm.sh/react@19.1.0 */\nimport {\n Outlet,\n useNavigation,\n} from \"https://esm.sh/react-router@7.5.0?deps=react@19.1.0,react-dom@19.1.0\";\n\nexport function App() {\n const navigation = useNavigation();\n const isLoading = navigation.state === \"loading\";\n return (\n

\n \n \n

\n\n \n \n );\n}\n\n",[],[167,294,34],"07d5724c-325e-11f0-bdba-569c3dd06744",75,["D",1747403988816],[201,202,203,204,205,206,207,208,209,210],[167,294],"88d96906-3264-11f0-a43d-569c3dd06744","SearchResults.tsx","860f054e-3261-11f0-a9f8-569c3dd06744","7c8ee3fc-3259-11f0-8ffd-569c3dd06744",150,["D",1747406782089],"/** @jsxImportSource https://esm.sh/react@19.1.0 */\nimport React from \"https://esm.sh/react@19.1.0\";\nimport { Link, useLoaderData } from \"https://esm.sh/react-router@7.5.0?deps=react@19.1.0,react-dom@19.1.0\";\nimport { SearchResults as SearchResultsType } from \"../../shared/types.ts\";\nimport { SearchForm } from \"./SearchForm.tsx\";\n\nexport function SearchResults() {\n const { topics, messages, query } = useLoaderData() as SearchResultsType;\n const hasResults = topics.length > 0 || messages.length > 0;\n \n return (\n

Community Message Board

\n \n Home\n \n

\n \n \n \n

\n Search Results for \"{query}\"\n

\n \n {!hasResults ? (\n

\n No results found for \"{query}\". Try a different search term.\n

\n ) : (\n

\n {topics.length > 0 && (\n

Topics ({topics.length})

\n {topics.map((topic) => (\n

\n \n {topic.title}\n \n

\n Created {new Date(topic.createdAt).toDateString()}\n

\n ))}\n

\n )}\n \n {messages.length > 0 && (\n

Messages ({messages.length})

\n {messages.map((message) => (\n

{message.content}

\n \n View in topic\n \n \n {new Date(message.createdAt).toDateString()}\n \n

\n ))}\n

\n )}\n

\n );\n}",[],[167,381,373],"components","88c3e5ea-3264-11f0-9d5b-569c3dd06744","SearchForm.tsx","ad0581e6-3261-11f0-b472-569c3dd06744",147,["D",1747406782104],"/** @jsxImportSource https://esm.sh/react@19.1.0 */\nimport React from \"https://esm.sh/react@19.1.0\";\nimport { Form, useNavigation, useSearchParams } from \"https://esm.sh/react-router@7.5.0?deps=react@19.1.0,react-dom@19.1.0\";\nimport { LoadingSpinner } from \"./LoadingSpinner.tsx\";\n\nexport function SearchForm() {\n const navigation = useNavigation();\n const [searchParams] = useSearchParams();\n const query = searchParams.get(\"q\") || \"\";\n const isSearching = navigation.state === \"loading\" && navigation.location.pathname === \"/search\";\n \n return (\n \n );\n}",[],[167,381,383],"88e26bbe-3264-11f0-a9f8-569c3dd06744","MessageList.tsx","acff5938-3261-11f0-9b0f-569c3dd06744",151,["D",1747406782064],"/** @jsxImportSource https://esm.sh/react@19.1.0 */\nimport { Link, useLocation } from \"https://esm.sh/react-router@7.5.0?deps=react@19.1.0,react-dom@19.1.0\";\nimport React from \"https://esm.sh/react@19.1.0\";\nimport { Message } from \"../../shared/types.ts\";\n\ninterface MessageListProps {\n messages: Message[];\n topicId: number;\n highlightedMessageId?: number;\n}\n\nexport function MessageList({ messages, topicId, highlightedMessageId }: MessageListProps) {\n const location = useLocation();\n\n if (messages.length === 0) {\n return (\n

\n No messages yet. Be the first to post!\n

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

\n {messages.map((message) => {\n const isHighlighted = message.id === highlightedMessageId;\n const formattedDate = new Date(message.createdAt).toDateString();\n const messageUrl = `/topics/${topicId}/messages/${message.id}`;\n\n return (\n \n

{message.content}

\n \n {formattedDate}\n \n

\n );\n })}\n \n );\n}",[],[167,381,391],"b856757a-3264-11f0-b261-569c3dd06744","MessageForm.tsx","861ab75e-3261-11f0-a9f8-569c3dd06744",168,["D",1747406861919],"/** @jsxImportSource https://esm.sh/react@19.1.0 */\nimport {\n Form,\n useNavigation,\n} from \"https://esm.sh/react-router@7.5.0?deps=react@19.1.0,react-dom@19.1.0\";\nimport React from \"https://esm.sh/react@19.1.0\";\nimport { LoadingSpinner } from \"./LoadingSpinner.tsx\";\n\ninterface MessageFormProps {\n topicId: number;\n}\n\nexport function MessageForm({ topicId }: MessageFormProps) {\n const navigation = useNavigation();\n const isSubmitting = navigation.state === \"submitting\";\n const $form = React.useRef(null);\n\n // reset the form on success\n React.useEffect(function () {\n if (navigation.state === \"idle\" && $form.current) {\n $form.current.reset();\n }\n }, [navigation.state]);\n\n return (\n

Post a Message

\n \n

\n );\n}\n\n",[],[167,381,399],"88b7fbd6-3264-11f0-a643-569c3dd06744","LoadingSpinner.tsx","86157faa-3261-11f0-9a3d-569c3dd06744",145,["D",1747406781992],"/** @jsxImportSource https://esm.sh/react@19.1.0 */\nimport React from \"https://esm.sh/react@19.1.0\";\n\ninterface LoadingSpinnerProps {\n size?: \"small\" | \"medium\" | \"large\";\n}\n\nexport function LoadingSpinner({ size = \"medium\" }: LoadingSpinnerProps) {\n const sizeClasses = {\n small: \"w-4 h-4 border-2\",\n medium: \"w-8 h-8 border-3\",\n large: \"w-12 h-12 border-4\"\n };\n\n return (\n

\n );\n}",[],[167,381,407],"2510bd9c-3265-11f0-8193-569c3dd06744",["D",1747407044333],9,[],[167,381,34],"7c8ee366-3259-11f0-8ffd-569c3dd06744",["D",1747402037165],[194,195,196,197,198,199],[167,381],["D",1747402037005],[193,200,211,212,213],[167],"0b035f54-325b-11f0-800c-569c3dd06744","env.ts","f5ac7a3c-325a-11f0-9531-569c3dd06744",53,["D",1747402705658],"import { safeEnv, string } from \"jsr:@safe-env/safe-env\";\n\nexport const env = safeEnv({\n DATABASE_URL: string({}),\n});\n",[],[173,427],"7aec2a2c-3264-11f0-9469-569c3dd06744","app.ts","7c995314-3259-11f0-a825-569c3dd06744",142,["D",1747406758881],52,"http","/** @jsxImportSource https://esm.sh/react@19.1.0 */\n\nimport { serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { Hono } from \"https://esm.sh/hono@4.7.7\";\nimport ReactDOMServer from \"https://esm.sh/react-dom@19.1.0/server\";\nimport {\n createStaticHandler,\n createStaticRouter,\n StaticRouterProvider,\n} from \"https://esm.sh/react-router@7.6.0\";\nimport { routes } from \"../shared/routes.ts\";\n\nconst CLIENT_MODULE = import.meta.resolve(\"./frontend/index.tsx\");\n\nconst app = new Hono()\n .get(\"/\", () => serveFile(\"/frontend/index.html\", import.meta.url))\n .get(\"/frontend/**/*\", (c) => serveFile(c.req.path, import.meta.url))\n .get(\"/api/data\", (c) => c.json({ hello: \"world\" }))\n .all(\"*\", async (c) => {\n const { query, dataRoutes } = createStaticHandler(routes);\n const context = await query(c.req.raw);\n if ((context instanceof Response)) return; // TODO: Why might it be a Response?\n\n const router = createStaticRouter(dataRoutes, context);\n\n const html = await ReactDOMServer.renderToReadableStream(\n StaticRouterProvider({ router, context }),\n { bootstrapModules: [CLIENT_MODULE] },\n );\n\n return new Response(html, { headers: { \"Content-Type\": \"text/html\" } });\n })\n .onError((err) => {\n throw err;\n });\n\nexport type AppType = typeof app;\n\nexport default app.fetch;\n",[],[173,435],"863ce2fc-3261-11f0-9a3d-569c3dd06744","data.ts","863ce3a6-3261-11f0-9a3d-569c3dd06744","5f35719e-325a-11f0-9e3e-569c3dd06744",101,["D",1747405489220],"import { Hono } from \"https://esm.sh/hono@4.7.7\";\nimport { z } from \"https://esm.sh/zod@3.24.3\";\nimport { zValidator } from \"https://esm.sh/@hono/zod-validator@0.4.3?deps=hono@4.7.7,zod@3.24.3\";\n\nlet theNumber = 0;\n\nexport const numberRoute = new Hono()\n .get(\"/number\", (c) => {\n return c.json({ number: theNumber });\n })\n .post(\n \"/number\",\n zValidator(\n \"json\",\n z.object({\n number: z.number().int(),\n }),\n ),\n (c) => {\n const { number } = c.req.valid(\"json\");\n\n theNumber = number;\n\n return c.json({\n success: true,\n message: \"Number updated successfully\",\n number: theNumber,\n });\n },\n );\n",[],[173,294,445],"5f3570fe-325a-11f0-9e3e-569c3dd06744",45,["D",1747402417421],[189],[173,294],["D",1747402037073],[188,190,191],[173],["D",1747402036810],{"_98":97,"_105":101},{"_98":97,"_99":-5,"_100":101,"_18":57,"_102":103,"_104":27},{"_13":87,"_33":88,"_45":44,"_89":46,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":47,"_96":97},"ctx",{"_80":-5,"_125":498,"_499":500,"_501":502,"_503":27,"_504":27,"_505":27,"_506":25,"_507":-5,"_508":-7,"_509":-7,"_510":64,"_511":27,"_512":27,"_513":-5,"_514":27,"_515":27,"_516":27,"_517":-5},"ENV",{"_469":470,"_471":472,"_473":88,"_474":475,"_476":477,"_478":479,"_480":481,"_482":483,"_484":485,"_486":487,"_488":489,"_490":491,"_492":493,"_494":495,"_496":497},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","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 · v184