[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_446":447,"_448":449},"routes/_app.x.$handle.$name",{"_98":97,"_31":44,"_106":86,"_26":107,"_13":14,"_108":-5,"_11":109,"_110":111,"_112":113,"_114":115,"_116":117,"_20":-5,"_118":-5,"_119":120,"_121":24,"_122":123,"_124":58,"_125":-5,"_126":-5,"_127":128},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_31":44,"_37":45,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":24},"version",4,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_23":24},"previous","deleted",false,"deletedHere","path","frontend/routes/Home.action.ts","latestPath","fileId","39a8951c-3266-11f0-a854-569c3dd06744","name","Home.action.ts","fileType","script","content","import { ActionFunctionArgs } from \"https://esm.sh/react-router@7.5.0?deps=react@19.1.0,react-dom@19.1.0\";\nimport { client } from \"../hono.ts\";\n\nexport async function action({ request }: ActionFunctionArgs) {\n const formData = await request.formData();\n const number = parseInt(formData.get(\"number\") as string, 10);\n \n if (isNaN(number)) {\n return { error: \"Please enter a valid number\" };\n }\n \n const response = await client.api.number.$post({\n json: { number },\n });\n \n return response.json();\n}","createdAt",["D",1747407508383],"branchVersion","branchId","fa9d4f70-3265-11f0-b51f-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",true,"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":54,"_102":103,"_104":24},"branch",{"_13":85,"_31":86,"_42":41,"_87":43,"_88":89,"_90":91,"_92":49,"_93":43,"_94":64,"_95":44,"_96":97},"isOwned",8,"getNumberExampleWokring","projectId","forkedBranchId","7c589504-3259-11f0-8b01-569c3dd06744","forkedBranchVersion",224,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","wolf","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJvVXpPVUZRTjZGTGd2Q2t4c0RRdFpNZWJ5UCJ9","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_31":44,"_37":442,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":443,"_80":444,"_82":445,"_84":24},"tree",[191,196,219,223,224,225],"files",[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,221,222,223,224,225],"counts",{"_180":62,"_181":182,"_183":62,"_184":185,"_186":187},"contents",[136,137,138,139,140,141],"upstreamProject","upstreamBranch",{"_42":89,"_37":129,"_130":131,"_31":132,"_87":43,"_13":133,"_88":-5,"_90":-5,"_134":135,"_46":-5,"_84":24,"_48":49,"_96":97,"_63":64,"_95":44},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1747402036810],"updatedAt",["D",1747420130340],"main",741,"lockfileKey","1769619126589-esm.town_v_wolf_FullstackStarter@741-main",{"_42":175,"_31":176,"_29":177,"_145":-5,"_40":41,"_39":146,"_147":58,"_37":178,"_13":62,"_33":168,"_35":-5,"_23":24,"_150":-5,"_26":179},{"_42":170,"_31":171,"_29":172,"_145":-5,"_40":41,"_39":146,"_147":58,"_37":173,"_13":62,"_33":168,"_35":-5,"_23":24,"_150":-5,"_26":174},{"_42":164,"_31":165,"_29":166,"_145":-5,"_40":41,"_39":146,"_147":58,"_37":167,"_13":62,"_33":168,"_35":-5,"_23":24,"_150":-5,"_26":169},{"_42":158,"_31":159,"_29":160,"_145":-5,"_40":41,"_39":146,"_147":58,"_37":161,"_13":62,"_33":20,"_35":162,"_23":24,"_150":-5,"_26":163},{"_42":152,"_31":153,"_29":154,"_145":-5,"_40":41,"_39":146,"_147":24,"_37":155,"_13":62,"_33":20,"_35":156,"_23":24,"_150":-5,"_26":157},{"_42":142,"_31":143,"_29":144,"_145":-5,"_40":41,"_39":146,"_147":58,"_37":148,"_13":62,"_33":20,"_35":149,"_23":24,"_150":-5,"_26":151},"faa0ba8e-3265-11f0-b51f-569c3dd06744","deno.json","dc173d36-cad5-4b08-9dea-f1649f272538","parentId",1,"latest",["D",1747407402628],"{\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",[143],"faa0b944-3265-11f0-b51f-569c3dd06744","README.md","bc26f8d5-559d-453a-9562-4078bfbbf00a",["D",1747407402628],"- 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",[153],"faa0b7e6-3265-11f0-b51f-569c3dd06744",".vtignore","1d6dd638-1a9d-4702-9e6b-7eee10504bd9",["D",1747407402628],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[159],"faa0b688-3265-11f0-b51f-569c3dd06744","shared","b94eb26d-a8ea-4708-9b2b-94a0eabaaff8",["D",1747407402628],"directory",[165],"faa091d0-3265-11f0-b51f-569c3dd06744","frontend","fcbbb232-4bf0-4a41-a343-0658de44c103",["D",1747407402628],[171],"faa05e36-3265-11f0-b51f-569c3dd06744","backend","1c2f59cb-a0cd-4614-89f8-e017158fcae2",["D",1747407402628],[176],"pulls","branches",2,"forks","envVars",{"_188":62,"_190":62},"connections",{"_188":62,"_189":62},"count","unfilledCount","emptyCount",{"_42":175,"_31":176,"_29":177,"_145":-5,"_40":41,"_39":146,"_147":58,"_37":439,"_13":62,"_33":168,"_35":-5,"_23":24,"_150":-5,"_227":440,"_26":441},{"_42":435,"_31":289,"_29":430,"_145":177,"_40":41,"_39":146,"_147":58,"_37":436,"_13":62,"_33":168,"_35":-5,"_23":24,"_150":-5,"_227":437,"_26":438},{"_42":427,"_31":428,"_29":429,"_145":430,"_40":41,"_39":146,"_147":58,"_37":431,"_13":62,"_33":34,"_35":432,"_23":24,"_150":-5,"_227":433,"_26":434},{"_42":419,"_31":420,"_29":421,"_145":177,"_40":41,"_39":146,"_147":58,"_37":422,"_13":62,"_33":423,"_35":424,"_23":24,"_150":-5,"_227":425,"_26":426},{"_42":412,"_31":413,"_29":414,"_145":177,"_40":41,"_39":146,"_147":58,"_37":415,"_13":62,"_33":34,"_35":416,"_23":24,"_150":-5,"_227":417,"_26":418},{"_42":170,"_31":171,"_29":172,"_145":-5,"_40":41,"_39":146,"_147":58,"_37":409,"_13":62,"_33":168,"_35":-5,"_23":24,"_150":-5,"_227":410,"_26":411},{"_42":405,"_31":370,"_29":365,"_145":172,"_40":41,"_39":146,"_147":58,"_37":406,"_13":62,"_33":168,"_35":-5,"_23":24,"_150":-5,"_227":407,"_26":408},{"_42":399,"_31":352,"_29":400,"_145":365,"_40":41,"_39":146,"_147":24,"_37":401,"_13":62,"_33":34,"_35":402,"_23":24,"_150":-5,"_227":403,"_26":404},{"_42":392,"_31":393,"_29":394,"_145":365,"_40":41,"_39":146,"_147":58,"_37":395,"_13":62,"_33":34,"_35":396,"_23":24,"_150":-5,"_227":397,"_26":398},{"_42":385,"_31":386,"_29":387,"_145":365,"_40":41,"_39":146,"_147":58,"_37":388,"_13":62,"_33":34,"_35":389,"_23":24,"_150":-5,"_227":390,"_26":391},{"_42":378,"_31":379,"_29":380,"_145":365,"_40":41,"_39":146,"_147":58,"_37":381,"_13":62,"_33":34,"_35":382,"_23":24,"_150":-5,"_227":383,"_26":384},{"_42":371,"_31":372,"_29":373,"_145":365,"_40":41,"_39":146,"_147":58,"_37":374,"_13":62,"_33":34,"_35":375,"_23":24,"_150":-5,"_227":376,"_26":377},{"_42":362,"_31":363,"_29":364,"_145":365,"_40":41,"_39":146,"_147":58,"_37":366,"_13":62,"_33":34,"_35":367,"_23":24,"_150":-5,"_227":368,"_26":369},{"_42":358,"_31":289,"_29":284,"_145":172,"_40":41,"_39":146,"_147":58,"_37":359,"_13":62,"_33":168,"_35":-5,"_23":24,"_150":-5,"_227":360,"_26":361},{"_42":351,"_31":352,"_29":353,"_145":284,"_40":41,"_39":146,"_147":24,"_37":354,"_13":62,"_33":34,"_35":355,"_23":24,"_150":-5,"_227":356,"_26":357},{"_42":347,"_31":32,"_29":30,"_145":284,"_40":41,"_39":14,"_147":58,"_37":348,"_13":62,"_33":34,"_35":36,"_23":24,"_150":-5,"_227":349,"_26":350},{"_42":339,"_31":340,"_29":341,"_145":284,"_40":41,"_39":342,"_147":58,"_37":343,"_13":146,"_33":34,"_35":344,"_23":24,"_150":-5,"_227":345,"_26":346},{"_42":332,"_31":333,"_29":334,"_145":284,"_40":41,"_39":146,"_147":24,"_37":335,"_13":62,"_33":34,"_35":336,"_23":24,"_150":-5,"_227":337,"_26":338},{"_42":325,"_31":326,"_29":327,"_145":284,"_40":41,"_39":146,"_147":58,"_37":328,"_13":62,"_33":34,"_35":329,"_23":24,"_150":-5,"_227":330,"_26":331},{"_42":318,"_31":319,"_29":320,"_145":284,"_40":41,"_39":146,"_147":58,"_37":321,"_13":62,"_33":34,"_35":322,"_23":24,"_150":-5,"_227":323,"_26":324},{"_42":311,"_31":312,"_29":313,"_145":284,"_40":41,"_39":146,"_147":58,"_37":314,"_13":62,"_33":34,"_35":315,"_23":24,"_150":-5,"_227":316,"_26":317},{"_42":304,"_31":305,"_29":306,"_145":284,"_40":41,"_39":146,"_147":58,"_37":307,"_13":62,"_33":34,"_35":308,"_23":24,"_150":-5,"_227":309,"_26":310},{"_42":297,"_31":298,"_29":299,"_145":284,"_40":41,"_39":146,"_147":58,"_37":300,"_13":62,"_33":34,"_35":301,"_23":24,"_150":-5,"_227":302,"_26":303},{"_42":290,"_31":291,"_29":292,"_145":284,"_40":41,"_39":146,"_147":58,"_37":293,"_13":62,"_33":34,"_35":294,"_23":24,"_150":-5,"_227":295,"_26":296},{"_42":281,"_31":282,"_29":283,"_145":284,"_40":41,"_39":146,"_147":58,"_37":285,"_13":62,"_33":34,"_35":286,"_23":24,"_150":-5,"_227":287,"_26":288},{"_42":274,"_31":275,"_29":276,"_145":172,"_40":41,"_39":146,"_147":58,"_37":277,"_13":62,"_33":34,"_35":278,"_23":24,"_150":-5,"_227":279,"_26":280},{"_42":267,"_31":268,"_29":269,"_145":172,"_40":41,"_39":146,"_147":58,"_37":270,"_13":62,"_33":20,"_35":271,"_23":24,"_150":-5,"_227":272,"_26":273},{"_42":260,"_31":261,"_29":262,"_145":172,"_40":41,"_39":146,"_147":58,"_37":263,"_13":62,"_33":34,"_35":264,"_23":24,"_150":-5,"_227":265,"_26":266},{"_42":164,"_31":165,"_29":166,"_145":-5,"_40":41,"_39":146,"_147":58,"_37":257,"_13":62,"_33":168,"_35":-5,"_23":24,"_150":-5,"_227":258,"_26":259},{"_42":250,"_31":251,"_29":252,"_145":166,"_40":41,"_39":146,"_147":58,"_37":253,"_13":62,"_33":34,"_35":254,"_23":24,"_150":-5,"_227":255,"_26":256},{"_42":243,"_31":244,"_29":245,"_145":166,"_40":41,"_39":182,"_147":58,"_37":246,"_13":146,"_33":34,"_35":247,"_23":24,"_150":-5,"_227":248,"_26":249},{"_42":236,"_31":237,"_29":238,"_145":166,"_40":41,"_39":146,"_147":58,"_37":239,"_13":62,"_33":34,"_35":240,"_23":24,"_150":-5,"_227":241,"_26":242},{"_42":158,"_31":159,"_29":160,"_145":-5,"_40":41,"_39":146,"_147":58,"_37":233,"_13":62,"_33":20,"_35":162,"_23":24,"_150":-5,"_227":234,"_26":235},{"_42":152,"_31":153,"_29":154,"_145":-5,"_40":41,"_39":146,"_147":24,"_37":230,"_13":62,"_33":20,"_35":156,"_23":24,"_150":-5,"_227":231,"_26":232},{"_42":142,"_31":143,"_29":144,"_145":-5,"_40":41,"_39":146,"_147":58,"_37":226,"_13":62,"_33":20,"_35":149,"_23":24,"_150":-5,"_227":228,"_26":229},["D",1747407402628],"children",[],[143],["D",1747407402628],[],[153],["D",1747407402628],[],[159],"faa0b520-3265-11f0-b51f-569c3dd06744","types.ts","9e8c9754-4f76-49b3-8cc3-ef405a282c24",["D",1747407402628],"/**\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",[],[165,237],"332ef640-3266-11f0-b8f4-569c3dd06744","routes.ts","6d01af6a-0417-4e7c-ab3e-18cdc5a5e079",["D",1747407497517],"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\";\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 const module = await import(loaderSourceImportURL);\n const 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 const module = await import(actionSourceImportURL);\n const action = module.action || module.default;\n return action(args);\n };\n }\n}\n\nexport const routes = [\n {\n path: \"/\",\n Component: App,\n children: [\n {\n index: true,\n Component: Home,\n loader: createFullstackLoader(\"../frontend/routes/Home.loader.ts\"),\n action: createFullstackAction(\"../frontend/routes/Home.action.ts\"),\n },\n ],\n },\n];\n",[],[165,244],"faa0963a-3265-11f0-b51f-569c3dd06744","consts.ts","1c752d96-4b98-45a5-8217-7a1ec9d51c7d",["D",1747407402628],"export const APP_NAME = \"Demo Hono App\";\n",[],[165,251],["D",1747407402628],[220,221,222],[165],"faa0909a-3265-11f0-b51f-569c3dd06744","index.tsx","25076622-4e92-44e5-a8d6-93dd0dd0a61d",["D",1747407402628],"/** @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();",[],[171,261],"faa08ec4-3265-11f0-b51f-569c3dd06744","index.html","e652c140-3b97-4062-8b4f-c50e82567250",["D",1747407402628],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[],[171,268],"faa08da2-3265-11f0-b51f-569c3dd06744","hono.ts","92ed4aee-025e-49be-bb47-f70998a976d4",["D",1747407402628],"// 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",[],[171,275],"faa08b18-3265-11f0-b51f-569c3dd06744","Topics.action.ts","118a048d-b42a-4ff3-8d4e-989f9c1dd038","a54832b0-bf58-4d2b-a567-ce1225d88136",["D",1747407402628],"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}",[],[171,289,282],"routes","faa08834-3265-11f0-b51f-569c3dd06744","TopicMessage.loader.ts","9e9e93be-9577-46ee-9a00-43108f3b5394",["D",1747407402628],"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}",[],[171,289,291],"faa08500-3265-11f0-b51f-569c3dd06744","Topic.tsx","c0d84a28-d3aa-4c72-aad7-9b50d7af9063",["D",1747407402628],"/** @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",[],[171,289,298],"faa0833e-3265-11f0-b51f-569c3dd06744","Topic.loader.ts","8ba177e6-8b7f-49f0-804b-96c1c6b53b7d",["D",1747407402628],"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}",[],[171,289,305],"faa081ea-3265-11f0-b51f-569c3dd06744","Topic.action.ts","683dc7c2-44dc-41a3-9461-eaee1f3f6636",["D",1747407402628],"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}",[],[171,289,312],"faa07e34-3265-11f0-b51f-569c3dd06744","Search.tsx","02b9dfd9-27a2-4c47-bc90-2e0f374a0ca4",["D",1747407402628],"/** @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",[],[171,289,319],"faa07bdc-3265-11f0-b51f-569c3dd06744","Search.loader.ts","19eaf7d1-c8a5-409c-849d-4397cc8d3be9",["D",1747407402628],"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}",[],[171,289,326],"faa07812-3265-11f0-b51f-569c3dd06744","Home.tsx","19d0e776-4cf0-4e13-932c-fb5276c076e1",["D",1747407402628],"/** @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",[],[171,289,333],"36c0f8da-3266-11f0-9596-569c3dd06744","Home.loader.ts","cc6e6c85-58f8-42fb-8751-c378a6d61018",3,["D",1747407503507],"import { LoaderFunctionArgs } from \"https://esm.sh/react-router@7.5.0?deps=react@19.1.0,react-dom@19.1.0\";\nimport { client } from \"../hono.ts\";\n\nexport async function loader() {\n const response = await client.api.number.$get();\n return response.json();\n}\n\n",[],[171,289,340],"39a89440-3266-11f0-a854-569c3dd06744",["D",1747407508383],[],[171,289,32],"faa071c8-3265-11f0-b51f-569c3dd06744","App.tsx","cc47ef07-fbe7-437a-9489-0188ec4f578e",["D",1747407402628],"/** @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",[],[171,289,352],"faa08c76-3265-11f0-b51f-569c3dd06744",["D",1747407402628],[205,206,207,208,209,210,211,212,213,214,215],[171,289],"faa06cb4-3265-11f0-b51f-569c3dd06744","SearchResults.tsx","40db827c-bdf4-4cec-a9eb-c93f40bd8b2b","771115cc-389c-4d78-9339-d24f1e8d1740",["D",1747407402628],"/** @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}",[],[171,370,363],"components","faa06b1a-3265-11f0-b51f-569c3dd06744","SearchForm.tsx","ed98720a-1291-46aa-ad22-f5ca0d5ecec8",["D",1747407402628],"/** @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}",[],[171,370,372],"faa067be-3265-11f0-b51f-569c3dd06744","MessageList.tsx","113a3550-d9dc-4b98-bf4f-a49a62f80cdd",["D",1747407402628],"/** @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}",[],[171,370,379],"faa063b8-3265-11f0-b51f-569c3dd06744","MessageForm.tsx","3d2ca220-3cc5-44d6-a318-af51ccf2018f",["D",1747407402628],"/** @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",[],[171,370,386],"faa0617e-3265-11f0-b51f-569c3dd06744","LoadingSpinner.tsx","29da037b-2607-4630-89ef-bfbe6f8cf256",["D",1747407402628],"/** @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}",[],[171,370,393],"faa05f94-3265-11f0-b51f-569c3dd06744","7e9971e9-52f7-4646-89db-8b1d88b792db",["D",1747407402628],"/** @jsxImportSource https://esm.sh/react@19.1.0 */\nimport {\n Outlet,\n useNavigation,\n} from \"https://esm.sh/react-router@7.6.0?deps=react@19.1.0,react-dom@19.1.0\";\n\nexport function App() {\n const navigation = useNavigation();\n\n return (\n

\n \n \n

\n\n \n \n );\n}\n",[],[171,370,352],"faa07006-3265-11f0-b51f-569c3dd06744",["D",1747407402628],[198,199,200,201,202,203],[171,370],["D",1747407402628],[197,204,216,217,218],[171],"faa05c6a-3265-11f0-b51f-569c3dd06744","env.ts","308b4d39-7727-4ed9-8e02-096e6d7fa2b6",["D",1747407402628],"import { safeEnv, string } from \"jsr:@safe-env/safe-env\";\n\nexport const env = safeEnv({\n DATABASE_URL: string({}),\n});\n",[],[176,413],"faa05a94-3265-11f0-b51f-569c3dd06744","app.ts","4abfc865-97e7-44d8-846a-0f3985ad3f6d",["D",1747407402628],"http","/** @jsxImportSource https://esm.sh/react@19.1.0 */\n\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\";\nimport { dataRoute } from \"./routes/data.ts\";\n\nconst CLIENT_MODULE = import.meta.resolve(\"./frontend/index.tsx\");\n\nconst app = new Hono()\n .route(\"/api\", dataRoute)\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",[],[176,420],"faa03b54-3265-11f0-b51f-569c3dd06744","data.ts","1db3413a-4544-45dd-bd6b-02ee028f6dc5","a2ff0603-45b6-47f6-8f7b-863e168e608f",["D",1747407402628],"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 dataRoute = 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",[],[176,289,428],"faa058dc-3265-11f0-b51f-569c3dd06744",["D",1747407402628],[193],[176,289],["D",1747407402628],[192,194,195],[176],["D",1747402036810],{"_98":97,"_105":101},{"_98":97,"_99":-5,"_100":101,"_18":54,"_102":103,"_104":24},{"_13":85,"_31":86,"_42":41,"_87":43,"_88":89,"_90":91,"_92":49,"_93":43,"_94":64,"_95":44,"_96":97},"ctx",{"_78":-5,"_126":479,"_480":481,"_482":483,"_484":24,"_485":24,"_486":24,"_487":58,"_488":-5,"_489":-7,"_490":-7,"_491":62,"_492":24,"_493":24,"_494":-5,"_495":24,"_496":24,"_497":24,"_498":-5},"ENV",{"_450":451,"_452":453,"_454":132,"_455":456,"_457":458,"_459":460,"_461":462,"_463":464,"_465":466,"_467":468,"_469":470,"_471":472,"_473":474,"_475":476,"_477":478},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v4