Number Manager

\n\n

Current Number

{number}

\n\n

Set New Number

\n \n

\n );\n}\n\n",[123,124,115],"c35920c0c3c9b17549dea76e0ebe6bef1fc9d7f4c23904a4271032c7aaf84aa2","frontend","routes","ca17cf66-3264-11f0-8b1c-569c3dd06744","ad1ba57a-3261-11f0-9cca-569c3dd06744","07d572ec-325e-11f0-bdba-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",[123,124,115],"a39f31868335a6ee32f762499407dd03c6880a54ad5584f476ecc8f378833082","frontend/routes/Home.loader.ts",{"_32":145,"_13":138,"_82":146,"_84":127,"_86":33,"_87":58,"_89":49,"_34":147,"_41":140,"_92":93,"_94":148,"_64":49,"_96":-5,"_97":-7,"_74":149,"_99":150},{"_32":137,"_13":138,"_82":139,"_84":117,"_86":57,"_87":140,"_89":26,"_34":141,"_41":91,"_92":93,"_94":142,"_64":49,"_96":-5,"_97":-7,"_74":143,"_99":144},"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",[123,124,138],"853328a8af5bb168a26a6e9f6e83207cade96a413d2e9b84fc4ac54aa9c3f789","ed8db176-3265-11f0-8a77-569c3dd06744","ad284fc8-3261-11f0-9cca-569c3dd06744",["D",1747407380696],"import { LoaderFunctionArgs } from \"https://esm.sh/react-router@7.5.0?deps=react@19.1.0,react-dom@19.1.0\";\n\nexport async function loader() {\n return { topics: await getAllTopics() };\n}\n\n",[123,124,138],"ca7a46a748b375794eac46ccd7c2cc4fd0e0fb1c1d37f66942efded58d9e7c54","frontend/routes/App.tsx",{"_32":162,"_13":155,"_82":163,"_84":127,"_86":33,"_87":164,"_89":49,"_34":165,"_41":130,"_92":93,"_94":166,"_64":49,"_96":-5,"_97":-7,"_74":167,"_99":168},{"_32":154,"_13":155,"_82":156,"_84":117,"_86":57,"_87":157,"_89":26,"_34":158,"_41":91,"_92":93,"_94":159,"_64":49,"_96":-5,"_97":-7,"_74":160,"_99":161},"5646bff0-3266-11f0-90c5-569c3dd06744","App.tsx","cc47ef07-fbe7-437a-9489-0188ec4f578e",7,["D",1747407556393],"/** @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",[123,124,155],"e241af1f1852b631703d0b73c340bbeba835d6951e2e30b6992585762c71d80e","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",[123,124,155],"64b96262165031e266686c1fff3aafaf8c7714f708a75c24dd41b23145cc7127","frontend/components/App.tsx",{"_32":181,"_13":155,"_82":182,"_84":183,"_86":33,"_87":184,"_89":49,"_34":185,"_41":186,"_92":93,"_94":187,"_64":49,"_96":-5,"_97":-7,"_74":188,"_99":189},{"_32":172,"_13":155,"_82":173,"_84":174,"_86":57,"_87":175,"_89":26,"_34":176,"_41":91,"_92":93,"_94":177,"_64":49,"_96":-5,"_97":-7,"_74":178,"_99":179},"4effca48-3266-11f0-989a-569c3dd06744","7e9971e9-52f7-4646-89db-8b1d88b792db","771115cc-389c-4d78-9339-d24f1e8d1740",6,["D",1747407544184],"/** @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",[123,180,155],"0d83643fbe531bc8a1c12ec24a8bddcfe43b6aafc6ebd5a6cb8147b1b95bf0c5","components","561ab2ee-3265-11f0-a789-569c3dd06744","7c9fe94a-3259-11f0-8e8b-569c3dd06744","7c8ee3fc-3259-11f0-8ffd-569c3dd06744",193,["D",1747407126588],18,"/** @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",[123,180,155],"a4f41b31051d1d2abe0e6548398b8f5532bf249b6d3986025bb3d2057962147e","README.md",{"_32":200,"_13":190,"_82":201,"_84":-5,"_86":33,"_87":202,"_89":49,"_34":203,"_41":88,"_92":196,"_94":204,"_64":49,"_96":-5,"_97":-7,"_74":205,"_99":206},{"_32":193,"_13":190,"_82":194,"_84":-5,"_86":57,"_87":56,"_89":26,"_34":195,"_41":91,"_92":196,"_94":197,"_64":49,"_96":-5,"_97":-7,"_74":198,"_99":199},"5a816a5c-3266-11f0-a0fc-569c3dd06744","bc26f8d5-559d-453a-9562-4078bfbbf00a",["D",1747407563488],"file","# Simple Number Manager\n\nA minimalist web application that allows users to:\n- View the current number\n- Set a new number\n\n## Technology Stack\n- React router (remix) for server side routing and rendering React\n- Hono RPC for data fetching with a Hono API\n- Envsafe and other niceities\n",[190],"cdb85ee325c15bccbe63c14b7437e710f7176fd6a19c824529b56175ad06a835","863274fc-3261-11f0-8de8-569c3dd06744","7cb1e140-3259-11f0-962c-569c3dd06744",100,["D",1747405489296],"- 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",[190],"e442d53e472bf9a4962b84df81f9e6eaf27605707134c93124f131706cb1aa4e",{"_74":208,"_76":-7,"_78":209},"frontend/routes/Home.action.ts",{"_32":210,"_13":211,"_82":212,"_84":117,"_86":57,"_87":130,"_89":26,"_34":213,"_41":20,"_92":93,"_94":214,"_64":49,"_96":-5,"_97":-7,"_74":215,"_99":216},"39a89440-3266-11f0-a854-569c3dd06744","Home.action.ts","39a8951c-3266-11f0-a854-569c3dd06744",["D",1747407508383],"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}",[123,124,211],"610b706f8906620abbb755e1708abaf8d90926c02cdc6c9a4519159cfef2da7e",["D",1747402036810],"legacyEnvVars","httpPrivacy","description","Starter template with client-side React & Hono server","imageUrl","userId","4555dd0e-707e-4444-acd3-049d206eb1db","pinnedFileId","2628be28-326a-11f0-a233-569c3dd06744","pinPreview","pinMigrated","screenshotVersion","likeCount","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_255":251},"org",{"_11":12,"_249":-5,"_250":251,"_223":224,"_252":253,"_254":49},"branch","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJvVXpPVUZRTjZGTGd2Q2t4c0RRdFpNZWJ5UCJ9","tier","pro","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":40,"_13":14,"_34":541,"_47":-5,"_218":49,"_50":51,"_219":51,"_220":221,"_222":-5,"_223":224,"_225":226,"_227":26,"_228":26,"_229":-5,"_230":20,"_53":54,"_231":-5,"_232":-5,"_233":-5,"_234":-5,"_235":236,"_237":236,"_238":239,"_240":239,"_241":239,"_242":236,"_243":236,"_244":542,"_246":543,"_248":544,"_48":49},"tree",[323,328,351,355,356,357],"files",[323,324,325,326,327,328,329,330,331,332,333,334,335,336,337,338,339,340,341,342,343,344,345,346,347,348,349,350,351,352,353,354,355,356,357],"counts",{"_313":20,"_314":88,"_315":20,"_316":317,"_318":319},"contents",[280,281,282,283,284,285],"upstreamProject","upstreamBranch",{"_32":33,"_34":278,"_36":279,"_13":38,"_39":40,"_41":42,"_43":-5,"_44":-5,"_45":46,"_47":-5,"_48":49,"_50":51,"_52":12,"_53":54,"_55":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1747402036810],["D",1747420130340],{"_32":308,"_13":309,"_82":310,"_84":-5,"_86":57,"_87":91,"_89":26,"_34":311,"_41":20,"_92":302,"_94":-5,"_64":49,"_96":-5,"_74":312},{"_32":304,"_13":123,"_82":305,"_84":-5,"_86":57,"_87":91,"_89":26,"_34":306,"_41":20,"_92":302,"_94":-5,"_64":49,"_96":-5,"_74":307},{"_32":300,"_13":101,"_82":85,"_84":-5,"_86":57,"_87":91,"_89":26,"_34":301,"_41":20,"_92":302,"_94":-5,"_64":49,"_96":-5,"_74":303},{"_32":294,"_13":295,"_82":296,"_84":-5,"_86":57,"_87":91,"_89":26,"_34":297,"_41":20,"_92":196,"_94":298,"_64":49,"_96":-5,"_74":299},{"_32":193,"_13":190,"_82":194,"_84":-5,"_86":57,"_87":56,"_89":26,"_34":292,"_41":91,"_92":196,"_94":197,"_64":49,"_96":-5,"_74":293},{"_32":286,"_13":287,"_82":288,"_84":-5,"_86":57,"_87":91,"_89":26,"_34":289,"_41":20,"_92":196,"_94":290,"_64":49,"_96":-5,"_74":291},"faa0ba8e-3265-11f0-b51f-569c3dd06744","deno.json","dc173d36-cad5-4b08-9dea-f1649f272538",["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}",[287],["D",1747407563488],[190],"faa0b7e6-3265-11f0-b51f-569c3dd06744",".vtignore","1d6dd638-1a9d-4702-9e6b-7eee10504bd9",["D",1747407402628],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[295],"faa0b688-3265-11f0-b51f-569c3dd06744",["D",1747407402628],"directory",[101],"faa091d0-3265-11f0-b51f-569c3dd06744","fcbbb232-4bf0-4a41-a343-0658de44c103",["D",1747407402628],[123],"faa05e36-3265-11f0-b51f-569c3dd06744","backend","1c2f59cb-a0cd-4614-89f8-e017158fcae2",["D",1747407402628],[309],"pulls","branches","forks","envVars",{"_320":20,"_322":20},"connections",{"_320":20,"_321":20},"count","unfilledCount","emptyCount",{"_32":308,"_13":309,"_82":310,"_84":-5,"_86":57,"_87":91,"_89":26,"_34":538,"_41":20,"_92":302,"_94":-5,"_64":49,"_96":-5,"_97":539,"_74":540},{"_32":534,"_13":124,"_82":529,"_84":310,"_86":57,"_87":91,"_89":26,"_34":535,"_41":20,"_92":302,"_94":-5,"_64":49,"_96":-5,"_97":536,"_74":537},{"_32":526,"_13":527,"_82":528,"_84":529,"_86":57,"_87":91,"_89":26,"_34":530,"_41":20,"_92":93,"_94":531,"_64":49,"_96":-5,"_97":532,"_74":533},{"_32":518,"_13":519,"_82":520,"_84":310,"_86":57,"_87":91,"_89":26,"_34":521,"_41":20,"_92":522,"_94":523,"_64":49,"_96":-5,"_97":524,"_74":525},{"_32":511,"_13":512,"_82":513,"_84":310,"_86":57,"_87":91,"_89":26,"_34":514,"_41":20,"_92":93,"_94":515,"_64":49,"_96":-5,"_97":516,"_74":517},{"_32":304,"_13":123,"_82":305,"_84":-5,"_86":57,"_87":91,"_89":26,"_34":508,"_41":20,"_92":302,"_94":-5,"_64":49,"_96":-5,"_97":509,"_74":510},{"_32":504,"_13":180,"_82":174,"_84":305,"_86":57,"_87":91,"_89":26,"_34":505,"_41":20,"_92":302,"_94":-5,"_64":49,"_96":-5,"_97":506,"_74":507},{"_32":172,"_13":155,"_82":173,"_84":174,"_86":57,"_87":175,"_89":26,"_34":176,"_41":91,"_92":93,"_94":177,"_64":49,"_96":-5,"_97":502,"_74":503},{"_32":495,"_13":496,"_82":497,"_84":174,"_86":57,"_87":91,"_89":26,"_34":498,"_41":20,"_92":93,"_94":499,"_64":49,"_96":-5,"_97":500,"_74":501},{"_32":488,"_13":489,"_82":490,"_84":174,"_86":57,"_87":91,"_89":26,"_34":491,"_41":20,"_92":93,"_94":492,"_64":49,"_96":-5,"_97":493,"_74":494},{"_32":481,"_13":482,"_82":483,"_84":174,"_86":57,"_87":91,"_89":26,"_34":484,"_41":20,"_92":93,"_94":485,"_64":49,"_96":-5,"_97":486,"_74":487},{"_32":474,"_13":475,"_82":476,"_84":174,"_86":57,"_87":91,"_89":26,"_34":477,"_41":20,"_92":93,"_94":478,"_64":49,"_96":-5,"_97":479,"_74":480},{"_32":467,"_13":468,"_82":469,"_84":174,"_86":57,"_87":91,"_89":26,"_34":470,"_41":20,"_92":93,"_94":471,"_64":49,"_96":-5,"_97":472,"_74":473},{"_32":463,"_13":124,"_82":117,"_84":305,"_86":57,"_87":91,"_89":26,"_34":464,"_41":20,"_92":302,"_94":-5,"_64":49,"_96":-5,"_97":465,"_74":466},{"_32":154,"_13":155,"_82":156,"_84":117,"_86":57,"_87":157,"_89":26,"_34":158,"_41":91,"_92":93,"_94":159,"_64":49,"_96":-5,"_97":461,"_74":462},{"_32":210,"_13":211,"_82":212,"_84":117,"_86":57,"_87":130,"_89":26,"_34":213,"_41":20,"_92":93,"_94":214,"_64":49,"_96":-5,"_97":459,"_74":460},{"_32":137,"_13":138,"_82":139,"_84":117,"_86":57,"_87":140,"_89":26,"_34":141,"_41":91,"_92":93,"_94":142,"_64":49,"_96":-5,"_97":457,"_74":458},{"_32":114,"_13":115,"_82":116,"_84":117,"_86":57,"_87":118,"_89":26,"_34":119,"_41":91,"_92":93,"_94":120,"_64":49,"_96":-5,"_97":455,"_74":456},{"_32":448,"_13":449,"_82":450,"_84":117,"_86":57,"_87":91,"_89":26,"_34":451,"_41":20,"_92":93,"_94":452,"_64":49,"_96":-5,"_97":453,"_74":454},{"_32":441,"_13":442,"_82":443,"_84":117,"_86":57,"_87":91,"_89":26,"_34":444,"_41":20,"_92":93,"_94":445,"_64":49,"_96":-5,"_97":446,"_74":447},{"_32":434,"_13":435,"_82":436,"_84":117,"_86":57,"_87":91,"_89":26,"_34":437,"_41":20,"_92":93,"_94":438,"_64":49,"_96":-5,"_97":439,"_74":440},{"_32":427,"_13":428,"_82":429,"_84":117,"_86":57,"_87":91,"_89":26,"_34":430,"_41":20,"_92":93,"_94":431,"_64":49,"_96":-5,"_97":432,"_74":433},{"_32":420,"_13":421,"_82":422,"_84":117,"_86":57,"_87":91,"_89":26,"_34":423,"_41":20,"_92":93,"_94":424,"_64":49,"_96":-5,"_97":425,"_74":426},{"_32":413,"_13":414,"_82":415,"_84":117,"_86":57,"_87":91,"_89":26,"_34":416,"_41":20,"_92":93,"_94":417,"_64":49,"_96":-5,"_97":418,"_74":419},{"_32":406,"_13":407,"_82":408,"_84":117,"_86":57,"_87":91,"_89":26,"_34":409,"_41":20,"_92":93,"_94":410,"_64":49,"_96":-5,"_97":411,"_74":412},{"_32":399,"_13":400,"_82":401,"_84":305,"_86":57,"_87":91,"_89":26,"_34":402,"_41":20,"_92":93,"_94":403,"_64":49,"_96":-5,"_97":404,"_74":405},{"_32":392,"_13":393,"_82":394,"_84":305,"_86":57,"_87":91,"_89":26,"_34":395,"_41":20,"_92":196,"_94":396,"_64":49,"_96":-5,"_97":397,"_74":398},{"_32":385,"_13":386,"_82":387,"_84":305,"_86":57,"_87":91,"_89":26,"_34":388,"_41":20,"_92":93,"_94":389,"_64":49,"_96":-5,"_97":390,"_74":391},{"_32":300,"_13":101,"_82":85,"_84":-5,"_86":57,"_87":91,"_89":26,"_34":382,"_41":20,"_92":302,"_94":-5,"_64":49,"_96":-5,"_97":383,"_74":384},{"_32":375,"_13":376,"_82":377,"_84":85,"_86":57,"_87":91,"_89":26,"_34":378,"_41":20,"_92":93,"_94":379,"_64":49,"_96":-5,"_97":380,"_74":381},{"_32":80,"_13":81,"_82":83,"_84":85,"_86":57,"_87":88,"_89":26,"_34":90,"_41":91,"_92":93,"_94":95,"_64":49,"_96":-5,"_97":373,"_74":374},{"_32":366,"_13":367,"_82":368,"_84":85,"_86":57,"_87":91,"_89":26,"_34":369,"_41":20,"_92":93,"_94":370,"_64":49,"_96":-5,"_97":371,"_74":372},{"_32":294,"_13":295,"_82":296,"_84":-5,"_86":57,"_87":91,"_89":26,"_34":363,"_41":20,"_92":196,"_94":298,"_64":49,"_96":-5,"_97":364,"_74":365},{"_32":193,"_13":190,"_82":194,"_84":-5,"_86":57,"_87":56,"_89":26,"_34":195,"_41":91,"_92":196,"_94":197,"_64":49,"_96":-5,"_97":361,"_74":362},{"_32":286,"_13":287,"_82":288,"_84":-5,"_86":57,"_87":91,"_89":26,"_34":358,"_41":20,"_92":196,"_94":290,"_64":49,"_96":-5,"_97":359,"_74":360},["D",1747407402628],[],[287],[],[190],["D",1747407402628],[],[295],"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",[],[101,367],[],[101,81],"faa0963a-3265-11f0-b51f-569c3dd06744","consts.ts","1c752d96-4b98-45a5-8217-7a1ec9d51c7d",["D",1747407402628],"export const APP_NAME = \"Demo Hono App\";\n",[],[101,376],["D",1747407402628],[352,353,354],[101],"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();",[],[123,386],"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",[],[123,393],"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",[],[123,400],"faa08b18-3265-11f0-b51f-569c3dd06744","Topics.action.ts","118a048d-b42a-4ff3-8d4e-989f9c1dd038",["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}",[],[123,124,407],"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}",[],[123,124,414],"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",[],[123,124,421],"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}",[],[123,124,428],"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}",[],[123,124,435],"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",[],[123,124,442],"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}",[],[123,124,449],[],[123,124,115],[],[123,124,138],[],[123,124,211],[],[123,124,155],"faa08c76-3265-11f0-b51f-569c3dd06744",["D",1747407402628],[337,338,339,340,341,342,343,344,345,346,347],[123,124],"faa06cb4-3265-11f0-b51f-569c3dd06744","SearchResults.tsx","40db827c-bdf4-4cec-a9eb-c93f40bd8b2b",["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}",[],[123,180,468],"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}",[],[123,180,475],"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}",[],[123,180,482],"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",[],[123,180,489],"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}",[],[123,180,496],[],[123,180,155],"faa07006-3265-11f0-b51f-569c3dd06744",["D",1747407402628],[330,331,332,333,334,335],[123,180],["D",1747407402628],[329,336,348,349,350],[123],"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",[],[309,512],"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",[],[309,519],"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",[],[309,124,527],"faa058dc-3265-11f0-b51f-569c3dd06744",["D",1747407402628],[325],[309,124],["D",1747407402628],[324,326,327],[309],["D",1747402036810],{"_11":12,"_255":251},{"_11":12,"_249":-5,"_250":251,"_223":224,"_252":253,"_254":49},{"_41":56,"_13":16,"_32":57,"_39":40,"_43":33,"_44":58,"_59":51,"_60":40,"_61":54,"_55":14,"_52":12},"ctx",{"_244":-5,"_275":578,"_579":580,"_581":582,"_583":49,"_584":49,"_585":49,"_586":26,"_587":-5,"_588":-7,"_589":-7,"_590":20,"_591":49,"_592":49,"_593":-5,"_594":49,"_595":49,"_596":49,"_597":-5},"ENV",{"_549":550,"_551":552,"_553":38,"_554":555,"_556":557,"_558":559,"_560":561,"_562":563,"_564":565,"_566":567,"_568":569,"_570":571,"_572":573,"_574":575,"_576":577},"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"]

Compare

MergegetNumberExampleWokringintomain

README.md+7-1

frontend/components/App.tsx+1-1

frontend/routes/App.tsx+1-1

frontend/routes/Home.loader.ts+3-1

frontend/routes/Home.tsx+37-51

shared/routes.ts+1-19

frontend/routes/Home.action.ts+17-0