[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_397":398,"_399":400},"routes/_app.x.$handle.$name",{"_97":96,"_32":45,"_105":87,"_27":106,"_13":14,"_107":-5,"_11":108,"_109":110,"_111":112,"_113":114,"_115":116,"_20":-5,"_117":-5,"_118":-5,"_119":49,"_120":121,"_122":25,"_123":-5,"_124":-5,"_125":126},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":49,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":25,"_60":25,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":49},"version",257,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",true,"deletedHere","path","frontend/components/MessageForm.tsx","latestPath","fileId","861ab75e-3261-11f0-a9f8-569c3dd06744","name","MessageForm.tsx","fileType","script","content","/** @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","createdAt",["D",1747408369605],"branchVersion","branchId","7c589504-3259-11f0-8b01-569c3dd06744","id","7c5849be-3259-11f0-8b01-569c3dd06744","FullstackStarter",["D",1747402036810],"deletedAt","legacyEnvVars",false,"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",{"_97":96,"_104":100},"org",{"_97":96,"_98":-5,"_99":100,"_18":56,"_101":102,"_103":49},"branch",{"_13":86,"_32":87,"_43":42,"_88":44,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":45,"_95":96},"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",{"_43":44,"_32":45,"_38":393,"_47":-5,"_48":49,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":25,"_60":25,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":394,"_81":395,"_83":396,"_85":49},"tree",[187,192,206,210,211,212],"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],"counts",{"_177":63,"_178":174,"_179":63,"_180":181,"_182":183},"contents",[127,128,129,130,131,132],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":171,"_32":172,"_30":173,"_136":-5,"_41":42,"_40":174,"_138":25,"_38":175,"_13":63,"_34":163,"_36":-5,"_24":49,"_141":-5,"_27":176},{"_43":165,"_32":166,"_30":167,"_136":-5,"_41":42,"_40":168,"_138":25,"_38":169,"_13":63,"_34":163,"_36":-5,"_24":49,"_141":-5,"_27":170},{"_43":158,"_32":159,"_30":160,"_136":-5,"_41":42,"_40":161,"_138":25,"_38":162,"_13":63,"_34":163,"_36":-5,"_24":49,"_141":-5,"_27":164},{"_43":151,"_32":152,"_30":153,"_136":-5,"_41":42,"_40":154,"_138":25,"_38":155,"_13":63,"_34":20,"_36":156,"_24":49,"_141":-5,"_27":157},{"_43":143,"_32":144,"_30":145,"_136":-5,"_41":42,"_40":146,"_138":49,"_38":147,"_13":148,"_34":20,"_36":149,"_24":49,"_141":-5,"_27":150},{"_43":133,"_32":134,"_30":135,"_136":-5,"_41":42,"_40":137,"_138":25,"_38":139,"_13":63,"_34":20,"_36":140,"_24":49,"_141":-5,"_27":142},"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",[134],"c1c5ba46-3267-11f0-9632-569c3dd06744","README.md","7cb1e140-3259-11f0-962c-569c3dd06744",253,["D",1747408166238],5,"- React router (remix) for server side routing and rendering React\n- Hono RPC for data fetching with a Hono API\n- Simple in-memory number storage with Hono RPC\n- Two pages: Home and Number\n- The Number page uses honorpc to get and set a number value\n\n## Features\n\n- **Home Page**: Simple landing page with navigation\n- **Number Page**: View and update a number using Hono RPC\n",[144],"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",[152],"00a12a42-325a-11f0-a62d-569c3dd06744","shared","00a12ba0-325a-11f0-a62d-569c3dd06744",18,["D",1747402258743],"directory",[159],"7c770610-3259-11f0-a3ee-569c3dd06744","frontend","7c7706e2-3259-11f0-a3ee-569c3dd06744",1,["D",1747402037005],[166],"7c814238-3259-11f0-8ffd-569c3dd06744","backend","7c8142c4-3259-11f0-8ffd-569c3dd06744",2,["D",1747402037073],[172],"pulls","branches","forks","envVars",{"_184":63,"_186":63},"connections",{"_184":63,"_185":63},"count","unfilledCount","emptyCount",{"_43":171,"_32":172,"_30":173,"_136":-5,"_41":42,"_40":174,"_138":25,"_38":390,"_13":63,"_34":163,"_36":-5,"_24":49,"_141":-5,"_214":391,"_27":392},{"_43":385,"_32":286,"_30":379,"_136":173,"_41":42,"_40":386,"_138":25,"_38":387,"_13":63,"_34":163,"_36":-5,"_24":49,"_141":-5,"_214":388,"_27":389},{"_43":376,"_32":377,"_30":378,"_136":379,"_41":42,"_40":380,"_138":49,"_38":381,"_13":273,"_34":35,"_36":382,"_24":49,"_141":-5,"_214":383,"_27":384},{"_43":366,"_32":367,"_30":368,"_136":173,"_41":42,"_40":369,"_138":49,"_38":370,"_13":371,"_34":372,"_36":373,"_24":49,"_141":-5,"_214":374,"_27":375},{"_43":358,"_32":359,"_30":360,"_136":173,"_41":42,"_40":361,"_138":25,"_38":362,"_13":263,"_34":35,"_36":363,"_24":49,"_141":-5,"_214":364,"_27":365},{"_43":165,"_32":166,"_30":167,"_136":-5,"_41":42,"_40":168,"_138":25,"_38":355,"_13":63,"_34":163,"_36":-5,"_24":49,"_141":-5,"_214":356,"_27":357},{"_43":351,"_32":334,"_30":328,"_136":167,"_41":42,"_40":273,"_138":25,"_38":352,"_13":63,"_34":163,"_36":-5,"_24":49,"_141":-5,"_214":353,"_27":354},{"_43":343,"_32":312,"_30":344,"_136":328,"_41":42,"_40":345,"_138":49,"_38":346,"_13":347,"_34":35,"_36":348,"_24":49,"_141":-5,"_214":349,"_27":350},{"_43":335,"_32":336,"_30":337,"_136":328,"_41":42,"_40":338,"_138":49,"_38":339,"_13":174,"_34":35,"_36":340,"_24":49,"_141":-5,"_214":341,"_27":342},{"_43":325,"_32":326,"_30":327,"_136":328,"_41":42,"_40":329,"_138":49,"_38":330,"_13":168,"_34":35,"_36":331,"_24":49,"_141":-5,"_214":332,"_27":333},{"_43":320,"_32":286,"_30":280,"_136":167,"_41":42,"_40":321,"_138":25,"_38":322,"_13":63,"_34":163,"_36":-5,"_24":49,"_141":-5,"_214":323,"_27":324},{"_43":311,"_32":312,"_30":313,"_136":280,"_41":42,"_40":314,"_138":49,"_38":315,"_13":316,"_34":35,"_36":317,"_24":49,"_141":-5,"_214":318,"_27":319},{"_43":303,"_32":304,"_30":305,"_136":280,"_41":42,"_40":306,"_138":49,"_38":307,"_13":263,"_34":35,"_36":308,"_24":49,"_141":-5,"_214":309,"_27":310},{"_43":295,"_32":296,"_30":297,"_136":280,"_41":42,"_40":298,"_138":49,"_38":299,"_13":245,"_34":35,"_36":300,"_24":49,"_141":-5,"_214":301,"_27":302},{"_43":287,"_32":288,"_30":289,"_136":280,"_41":42,"_40":290,"_138":49,"_38":291,"_13":63,"_34":35,"_36":292,"_24":49,"_141":-5,"_214":293,"_27":294},{"_43":277,"_32":278,"_30":279,"_136":280,"_41":42,"_40":281,"_138":49,"_38":282,"_13":63,"_34":35,"_36":283,"_24":49,"_141":-5,"_214":284,"_27":285},{"_43":268,"_32":269,"_30":270,"_136":167,"_41":42,"_40":271,"_138":49,"_38":272,"_13":273,"_34":35,"_36":274,"_24":49,"_141":-5,"_214":275,"_27":276},{"_43":260,"_32":261,"_30":262,"_136":167,"_41":42,"_40":263,"_138":49,"_38":264,"_13":63,"_34":20,"_36":265,"_24":49,"_141":-5,"_214":266,"_27":267},{"_43":252,"_32":253,"_30":254,"_136":167,"_41":42,"_40":255,"_138":49,"_38":256,"_13":168,"_34":35,"_36":257,"_24":49,"_141":-5,"_214":258,"_27":259},{"_43":158,"_32":159,"_30":160,"_136":-5,"_41":42,"_40":161,"_138":25,"_38":249,"_13":63,"_34":163,"_36":-5,"_24":49,"_141":-5,"_214":250,"_27":251},{"_43":240,"_32":241,"_30":242,"_136":160,"_41":42,"_40":243,"_138":49,"_38":244,"_13":245,"_34":35,"_36":246,"_24":49,"_141":-5,"_214":247,"_27":248},{"_43":231,"_32":232,"_30":233,"_136":160,"_41":42,"_40":234,"_138":49,"_38":235,"_13":236,"_34":35,"_36":237,"_24":49,"_141":-5,"_214":238,"_27":239},{"_43":223,"_32":224,"_30":225,"_136":160,"_41":42,"_40":226,"_138":49,"_38":227,"_13":63,"_34":35,"_36":228,"_24":49,"_141":-5,"_214":229,"_27":230},{"_43":151,"_32":152,"_30":153,"_136":-5,"_41":42,"_40":154,"_138":25,"_38":220,"_13":63,"_34":20,"_36":156,"_24":49,"_141":-5,"_214":221,"_27":222},{"_43":143,"_32":144,"_30":145,"_136":-5,"_41":42,"_40":146,"_138":49,"_38":217,"_13":148,"_34":20,"_36":149,"_24":49,"_141":-5,"_214":218,"_27":219},{"_43":133,"_32":134,"_30":135,"_136":-5,"_41":42,"_40":137,"_138":25,"_38":213,"_13":63,"_34":20,"_36":140,"_24":49,"_141":-5,"_214":215,"_27":216},["D",1747402063833],"children",[],[134],["D",1747408166238],[],[144],["D",1747402063833],[],[152],"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",[],[159,224],"38219296-3268-11f0-9b49-569c3dd06744","routes.ts","0a4c0bd4-3264-11f0-b692-569c3dd06744",254,["D",1747408364809],32,"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 { Number } from \"../frontend/routes/Number.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 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 action: createFullstackAction(\"../frontend/routes/Topics.action.ts\"),\n children: [\n {\n index: true,\n Component: Home,\n loader: createFullstackLoader(\"../frontend/routes/Home.loader.ts\"),\n },\n {\n path: \"number\",\n Component: Number,\n loader: createFullstackLoader(\"../frontend/routes/Number.loader.ts\"),\n },\n {\n path: \"topics/:topicId\",\n Component: Topic,\n loader: createFullstackLoader(\"../frontend/routes/Topic.loader.ts\"),\n action: createFullstackAction(\"../frontend/routes/Topic.action.ts\"),\n },\n {\n path: \"topics/:topicId/messages/:messageId\",\n Component: Topic,\n loader: createFullstackLoader(\"../frontend/routes/TopicMessage.loader.ts\"),\n },\n ],\n },\n];\n",[],[159,232],"1cd70d8a-325a-11f0-9e79-569c3dd06744","consts.ts","0522c95e-325a-11f0-94e4-569c3dd06744",26,["D",1747402306069],7,"export const APP_NAME = \"Demo Hono App\";\n",[],[159,241],["D",1747402258743],[207,208,209],[159],"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();",[],[166,253],"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",[],[166,261],"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",[],[166,269],"a8b9472a-3267-11f0-979f-569c3dd06744","Number.tsx","a8b947f2-3267-11f0-979f-569c3dd06744","07d572ec-325e-11f0-bdba-569c3dd06744",247,["D",1747408124217],"/** @jsxImportSource 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 React from \"https://esm.sh/react@19.1.0\";\nimport { client } from \"../hono.ts\";\n\ninterface NumberData {\n number: number;\n}\n\nexport function Number() {\n const { number } = useLoaderData();\n const [inputValue, setInputValue] = React.useState(number.toString());\n const [isUpdating, setIsUpdating] = React.useState(false);\n const [message, setMessage] = React.useState(\"\");\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n \n try {\n setIsUpdating(true);\n setMessage(\"\");\n \n const newNumber = parseInt(inputValue, 10);\n if (isNaN(newNumber)) {\n setMessage(\"Please enter a valid number\");\n return;\n }\n \n const response = await client.api.number.$post({\n json: { number: newNumber }\n });\n \n const result = await response.json();\n setMessage(result.message || \"Number updated successfully\");\n \n // Update the displayed number\n window.location.reload();\n } catch (error) {\n setMessage(`Error: ${error instanceof Error ? error.message : String(error)}`);\n } finally {\n setIsUpdating(false);\n }\n };\n\n return (\n

Number Page

\n \n Home\n \n

\n\n

Current Number: {number}

\n \n \n \n {message && (\n

\n {message}\n

\n )}\n

\n );\n}",[],[166,286,278],"routes","ad2d5b84-3267-11f0-b7c7-569c3dd06744","Number.loader.ts","ad2d5cc4-3267-11f0-b7c7-569c3dd06744",248,["D",1747408131687],"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 const data = await response.json();\n return data;\n}",[],[166,286,288],"b9c985c0-3267-11f0-99b4-569c3dd06744","Home.tsx","ad1ba57a-3261-11f0-9cca-569c3dd06744",251,["D",1747408152841],"/** @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 Number\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",[],[166,286,296],"bd6a8f76-3267-11f0-ac71-569c3dd06744","Home.loader.ts","ad284fc8-3261-11f0-9cca-569c3dd06744",252,["D",1747408158928],"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: [] }; // Simplified for this example\n}\n\n",[],[166,286,304],"6438407e-3267-11f0-ac19-569c3dd06744","App.tsx","ad225db6-3261-11f0-9d57-569c3dd06744",234,["D",1747408009282],8,"/** @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\n return (\n

\n \n \n

\n\n \n \n );\n}\n",[],[166,286,312],"07d5724c-325e-11f0-bdba-569c3dd06744",75,["D",1747403988816],[198,199,200,201,202],[166,286],"88e26bbe-3264-11f0-a9f8-569c3dd06744","MessageList.tsx","acff5938-3261-11f0-9b0f-569c3dd06744","7c8ee3fc-3259-11f0-8ffd-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}",[],[166,334,326],"components","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}",[],[166,334,336],"5e6c00c2-3267-11f0-9efe-569c3dd06744","7c9fe94a-3259-11f0-8e8b-569c3dd06744",226,["D",1747407999555],20,"/** @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",[],[166,334,312],"7c8ee366-3259-11f0-8ffd-569c3dd06744",["D",1747402037165],[194,195,196],[166,334],["D",1747402037005],[193,197,203,204,205],[166],"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",[],[172,359],"b3d71454-3265-11f0-a29e-569c3dd06744","app.ts","7c995314-3259-11f0-a825-569c3dd06744",208,["D",1747407283869],64,"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",[],[172,367],"9450c83c-3265-11f0-92b1-569c3dd06744","data.ts","863ce3a6-3261-11f0-9a3d-569c3dd06744","5f35719e-325a-11f0-9e3e-569c3dd06744",200,["D",1747407230980],"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",[],[172,286,377],"5f3570fe-325a-11f0-9e3e-569c3dd06744",45,["D",1747402417421],[189],[172,286],["D",1747402037073],[188,190,191],[172],["D",1747402036810],{"_97":96,"_104":100},{"_97":96,"_98":-5,"_99":100,"_18":56,"_101":102,"_103":49},{"_13":86,"_32":87,"_43":42,"_88":44,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":45,"_95":96},"ctx",{"_79":-5,"_124":430,"_431":432,"_433":434,"_435":49,"_436":49,"_437":49,"_438":25,"_439":-5,"_440":-7,"_441":-7,"_442":63,"_443":49,"_444":49,"_445":-5,"_446":49,"_447":49,"_448":49,"_449":-5},"ENV",{"_401":402,"_403":404,"_405":87,"_406":407,"_408":409,"_410":411,"_412":413,"_414":415,"_416":417,"_418":419,"_420":421,"_422":423,"_424":425,"_426":427,"_428":429},"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 · v257