[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_401":402,"_403":404},"routes/_app.x.$handle.$name",{"_97":96,"_32":45,"_105":87,"_26":106,"_13":14,"_107":-5,"_11":108,"_109":110,"_111":112,"_113":114,"_115":116,"_20":-5,"_117":-5,"_118":-5,"_119":24,"_120":121,"_122":59,"_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":24,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":59,"_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":24},"version",101,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":29},"file",{"_30":31,"_32":33,"_34":35,"_36":37,"_38":39,"_40":14,"_41":42,"_23":24},"previous","deleted",false,"deletedHere","path","backend/routes/data.ts","latestPath","backend/routes/number.ts","fileId","863ce3a6-3261-11f0-9a3d-569c3dd06744","name","data.ts","fileType","script","content","import { Hono } from \"https://esm.sh/hono@4.7.7\";\nimport { z } from \"https://esm.sh/zod@3.24.3\";\nimport { zValidator } from \"https://esm.sh/@hono/zod-validator@0.4.3?deps=hono@4.7.7,zod@3.24.3\";\n\nlet theNumber = 0;\n\nexport const numberRoute = new Hono()\n .get(\"/number\", (c) => {\n return c.json({ number: theNumber });\n })\n .post(\n \"/number\",\n zValidator(\n \"json\",\n z.object({\n number: z.number().int(),\n }),\n ),\n (c) => {\n const { number } = c.req.valid(\"json\");\n\n theNumber = number;\n\n return c.json({\n success: true,\n message: \"Number updated successfully\",\n number: theNumber,\n });\n },\n );\n","createdAt",["D",1747405489220],"branchVersion","branchId","7c589504-3259-11f0-8b01-569c3dd06744","id","7c5849be-3259-11f0-8b01-569c3dd06744","FullstackStarter",["D",1747402036810],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Starter template with client-side React & Hono server","imageUrl","4555dd0e-707e-4444-acd3-049d206eb1db","pinnedFileId","2628be28-326a-11f0-a233-569c3dd06744","pinPreview",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",{"_97":96,"_104":100},"org",{"_97":96,"_98":-5,"_99":100,"_18":55,"_101":102,"_103":24},"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":397,"_47":-5,"_48":24,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":59,"_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":398,"_81":399,"_83":400,"_85":24},"tree",[186,191,209,211,212,213],"files",[186,187,188,189,190,191,192,193,194,195,196,197,198,199,200,201,202,203,204,205,206,207,208,209,210,211,212,213],"counts",{"_176":63,"_177":148,"_178":63,"_179":180,"_181":182},"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":148,"_138":59,"_38":174,"_13":63,"_34":163,"_36":-5,"_23":24,"_141":-5,"_26":175},{"_43":165,"_32":166,"_30":167,"_136":-5,"_41":42,"_40":168,"_138":59,"_38":169,"_13":63,"_34":163,"_36":-5,"_23":24,"_141":-5,"_26":170},{"_43":158,"_32":159,"_30":160,"_136":-5,"_41":42,"_40":161,"_138":59,"_38":162,"_13":63,"_34":163,"_36":-5,"_23":24,"_141":-5,"_26":164},{"_43":151,"_32":152,"_30":153,"_136":-5,"_41":42,"_40":154,"_138":59,"_38":155,"_13":63,"_34":20,"_36":156,"_23":24,"_141":-5,"_26":157},{"_43":143,"_32":144,"_30":145,"_136":-5,"_41":42,"_40":146,"_138":24,"_38":147,"_13":148,"_34":20,"_36":149,"_23":24,"_141":-5,"_26":150},{"_43":133,"_32":134,"_30":135,"_136":-5,"_41":42,"_40":137,"_138":59,"_38":139,"_13":63,"_34":20,"_36":140,"_23":24,"_141":-5,"_26":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],"863274fc-3261-11f0-8de8-569c3dd06744","README.md","7cb1e140-3259-11f0-962c-569c3dd06744",100,["D",1747405489296],2,"- React router (remix) for server side routing and rendering React\n- Hono RPC for data fetching with a Hono API\n- Neon Postgres database\n- Envsafe and other niceities\n",[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",["D",1747402037073],[172],"pulls","branches","forks","envVars",{"_183":63,"_185":63},"connections",{"_183":63,"_184":63},"count","unfilledCount","emptyCount",{"_43":171,"_32":172,"_30":173,"_136":-5,"_41":42,"_40":148,"_138":59,"_38":394,"_13":63,"_34":163,"_36":-5,"_23":24,"_141":-5,"_215":395,"_26":396},{"_43":389,"_32":270,"_30":385,"_136":173,"_41":42,"_40":390,"_138":59,"_38":391,"_13":63,"_34":163,"_36":-5,"_23":24,"_141":-5,"_215":392,"_26":393},{"_43":384,"_32":33,"_30":31,"_136":385,"_41":42,"_40":14,"_138":24,"_38":386,"_13":63,"_34":35,"_36":37,"_23":24,"_141":-5,"_215":387,"_26":388},{"_43":374,"_32":375,"_30":376,"_136":173,"_41":42,"_40":377,"_138":24,"_38":378,"_13":379,"_34":380,"_36":381,"_23":24,"_141":-5,"_215":382,"_26":383},{"_43":366,"_32":367,"_30":368,"_136":173,"_41":42,"_40":369,"_138":59,"_38":370,"_13":256,"_34":35,"_36":371,"_23":24,"_141":-5,"_215":372,"_26":373},{"_43":165,"_32":166,"_30":167,"_136":-5,"_41":42,"_40":168,"_138":59,"_38":363,"_13":63,"_34":163,"_36":-5,"_23":24,"_141":-5,"_215":364,"_26":365},{"_43":358,"_32":300,"_30":353,"_136":167,"_41":42,"_40":359,"_138":59,"_38":360,"_13":63,"_34":163,"_36":-5,"_23":24,"_141":-5,"_215":361,"_26":362},{"_43":351,"_32":334,"_30":352,"_136":353,"_41":42,"_40":241,"_138":24,"_38":354,"_13":63,"_34":35,"_36":355,"_23":24,"_141":-5,"_215":356,"_26":357},{"_43":346,"_32":166,"_30":278,"_136":167,"_41":42,"_40":347,"_138":24,"_38":348,"_13":63,"_34":163,"_36":-5,"_23":24,"_141":-5,"_215":349,"_26":350},{"_43":341,"_32":300,"_30":294,"_136":278,"_41":42,"_40":342,"_138":24,"_38":343,"_13":63,"_34":163,"_36":-5,"_23":24,"_141":-5,"_215":344,"_26":345},{"_43":333,"_32":334,"_30":335,"_136":294,"_41":42,"_40":336,"_138":24,"_38":337,"_13":63,"_34":35,"_36":338,"_23":24,"_141":-5,"_215":339,"_26":340},{"_43":325,"_32":326,"_30":327,"_136":294,"_41":42,"_40":328,"_138":24,"_38":329,"_13":63,"_34":35,"_36":330,"_23":24,"_141":-5,"_215":331,"_26":332},{"_43":317,"_32":318,"_30":319,"_136":294,"_41":42,"_40":320,"_138":24,"_38":321,"_13":63,"_34":35,"_36":322,"_23":24,"_141":-5,"_215":323,"_26":324},{"_43":309,"_32":310,"_30":311,"_136":294,"_41":42,"_40":312,"_138":24,"_38":313,"_13":63,"_34":35,"_36":314,"_23":24,"_141":-5,"_215":315,"_26":316},{"_43":301,"_32":302,"_30":303,"_136":294,"_41":42,"_40":304,"_138":24,"_38":305,"_13":63,"_34":35,"_36":306,"_23":24,"_141":-5,"_215":307,"_26":308},{"_43":291,"_32":292,"_30":293,"_136":294,"_41":42,"_40":295,"_138":24,"_38":296,"_13":63,"_34":35,"_36":297,"_23":24,"_141":-5,"_215":298,"_26":299},{"_43":284,"_32":254,"_30":285,"_136":278,"_41":42,"_40":286,"_138":24,"_38":287,"_13":63,"_34":20,"_36":288,"_23":24,"_141":-5,"_215":289,"_26":290},{"_43":276,"_32":246,"_30":277,"_136":278,"_41":42,"_40":279,"_138":24,"_38":280,"_13":63,"_34":35,"_36":281,"_23":24,"_141":-5,"_215":282,"_26":283},{"_43":269,"_32":270,"_30":271,"_136":167,"_41":42,"_40":272,"_138":59,"_38":273,"_13":63,"_34":163,"_36":-5,"_23":24,"_141":-5,"_215":274,"_26":275},{"_43":261,"_32":262,"_30":263,"_136":167,"_41":42,"_40":264,"_138":24,"_38":265,"_13":148,"_34":35,"_36":266,"_23":24,"_141":-5,"_215":267,"_26":268},{"_43":253,"_32":254,"_30":255,"_136":167,"_41":42,"_40":256,"_138":24,"_38":257,"_13":63,"_34":20,"_36":258,"_23":24,"_141":-5,"_215":259,"_26":260},{"_43":245,"_32":246,"_30":247,"_136":167,"_41":42,"_40":248,"_138":24,"_38":249,"_13":63,"_34":35,"_36":250,"_23":24,"_141":-5,"_215":251,"_26":252},{"_43":236,"_32":237,"_30":238,"_136":167,"_41":42,"_40":239,"_138":24,"_38":240,"_13":241,"_34":35,"_36":242,"_23":24,"_141":-5,"_215":243,"_26":244},{"_43":158,"_32":159,"_30":160,"_136":-5,"_41":42,"_40":161,"_138":59,"_38":233,"_13":63,"_34":163,"_36":-5,"_23":24,"_141":-5,"_215":234,"_26":235},{"_43":224,"_32":225,"_30":226,"_136":160,"_41":42,"_40":227,"_138":24,"_38":228,"_13":229,"_34":35,"_36":230,"_23":24,"_141":-5,"_215":231,"_26":232},{"_43":151,"_32":152,"_30":153,"_136":-5,"_41":42,"_40":154,"_138":59,"_38":221,"_13":63,"_34":20,"_36":156,"_23":24,"_141":-5,"_215":222,"_26":223},{"_43":143,"_32":144,"_30":145,"_136":-5,"_41":42,"_40":146,"_138":24,"_38":218,"_13":148,"_34":20,"_36":149,"_23":24,"_141":-5,"_215":219,"_26":220},{"_43":133,"_32":134,"_30":135,"_136":-5,"_41":42,"_40":137,"_138":59,"_38":214,"_13":63,"_34":20,"_36":140,"_23":24,"_141":-5,"_215":216,"_26":217},["D",1747402063833],"children",[],[134],["D",1747405489296],[],[144],["D",1747402063833],[],[152],"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,225],["D",1747402258743],[210],[159],"91b81c08-325e-11f0-a383-569c3dd06744","routes.tsx","4735fa2e-325e-11f0-bd73-569c3dd06744",87,["D",1747404220148],5,"/** @jsxImportSource https://esm.sh/react@19 */\nimport React from \"https://esm.sh/react@19\";\nimport {\n createBrowserRouter,\n Link,\n Outlet,\n RouterProvider,\n useLoaderData,\n} from \"https://esm.sh/react-router@7\";\n\nconst API_URL = \"/api\";\n\nfunction HTML({ children }: {\n children: React.ReactNode;\n}) {\n return (\n \n \n React Router Hono Starter\n \n \n {children}\n \n \n );\n}\n\nfunction Layout() {\n return (\n \n

React Router Hono Starter

\n \n

\n \n \n

\n \n );\n}\n\nfunction Home() {\n const [count, setCount] = React.useState(0);\n return (\n

Hello, Home page

{count}

\n \n

\n );\n}\n\nfunction About() {\n const data = useLoaderData();\n\n return (\n

Hello, About page

{JSON.stringify(data, null, 2)}

\n );\n}\n\nasync function catsLoader() {\n const data = await fetch(API_URL)\n .then((res) => res.json());\n return data;\n}\n\nexport const routes = [\n {\n Component: Layout,\n children: [\n {\n Component: Home,\n index: true,\n },\n {\n Component: About,\n path: \"about\",\n loader: catsLoader,\n },\n ],\n },\n];\n\nexport default routes;\n",[],[166,237],"7cbc5670-3259-11f0-b6eb-569c3dd06744","index.tsx","7cbc5738-3259-11f0-b6eb-569c3dd06744",8,["D",1747402037282],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[166,246],"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,254],"86281142-3261-11f0-b092-569c3dd06744","hono.ts","f53739ee-3259-11f0-8b58-569c3dd06744",98,["D",1747405489239],"// 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\";\nimport { QueryClient } from \"https://esm.sh/@tanstack/react-query@5.74.7?deps=react@19.0.0\";\n\nexport const client = hc(\n typeof window !== \"undefined\"\n ? window.location.origin + \"/api\"\n : import.meta.url + \"/api\",\n { init: { credentials: \"include\" } },\n);\nexport const queryClient = new QueryClient();\n",[],[166,262],"07d5724c-325e-11f0-bdba-569c3dd06744","routes","07d572ec-325e-11f0-bdba-569c3dd06744",75,["D",1747403988816],[],[166,270],"860c1a0a-3261-11f0-b984-569c3dd06744","860c1abe-3261-11f0-b984-569c3dd06744","85f8414c-3261-11f0-954d-569c3dd06744",90,["D",1747405489059],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { hydrateRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport {\n createBrowserRouter,\n RouterProvider,\n} from \"https://esm.sh/react-router@7.5.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { routes } from \"../shared/routes.ts\";\n\n// Create a browser router with the same routes as the server\n// but using the hydration data from the server render\nconst router = createBrowserRouter(\n routes,\n {\n // @ts-ignore - The window.__staticRouterHydrationData is added by the server\n hydrationData: window.__staticRouterHydrationData,\n },\n);\n\n// Hydrate the app\nhydrateRoot(\n document.getElementById(\"root\")!,\n \n \n ,\n);",[],[166,166,246],"8620a8da-3261-11f0-8f65-569c3dd06744","8620a98e-3261-11f0-8f65-569c3dd06744",96,["D",1747405489183],"\n\n \n \n \n Community Message Board\n \n \n \n \n \n

\n \n \n",[],[166,166,254],"860f04b8-3261-11f0-a9f8-569c3dd06744","SearchResults.tsx","860f054e-3261-11f0-a9f8-569c3dd06744","86025e7a-3261-11f0-a9f8-569c3dd06744",91,["D",1747405489063],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { Link, useLoaderData } from \"https://esm.sh/react-router@7.5.0?deps=react@18.2.0,react-dom@18.2.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}",[],[166,166,300,292],"components","861d88ee-3261-11f0-ad87-569c3dd06744","SearchForm.tsx","861d89fc-3261-11f0-ad87-569c3dd06744",95,["D",1747405489172],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { Form, useNavigation, useSearchParams } from \"https://esm.sh/react-router@7.5.0?deps=react@18.2.0,react-dom@18.2.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}",[],[166,166,300,302],"8611e250-3261-11f0-8332-569c3dd06744","MessageList.tsx","8611e304-3261-11f0-8332-569c3dd06744",92,["D",1747405489085],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Link, useLocation } from \"https://esm.sh/react-router@7.5.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport React from \"https://esm.sh/react@18.2.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,166,300,310],"861ab6b4-3261-11f0-a9f8-569c3dd06744","MessageForm.tsx","861ab75e-3261-11f0-a9f8-569c3dd06744",94,["D",1747405489121],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n Form,\n useActionData,\n useNavigation,\n} from \"https://esm.sh/react-router@7.5.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport React from \"https://esm.sh/react@18.2.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 let $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}",[],[166,166,300,318],"86157eb0-3261-11f0-9a3d-569c3dd06744","LoadingSpinner.tsx","86157faa-3261-11f0-9a3d-569c3dd06744",93,["D",1747405489086],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.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,166,300,326],"8624f0de-3261-11f0-8de8-569c3dd06744","App.tsx","8624f192-3261-11f0-8de8-569c3dd06744",97,["D",1747405489060],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Outlet, useNavigation } from \"https://esm.sh/react-router@7.5.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { LoadingSpinner } from \"./LoadingSpinner.tsx\";\n\nexport function App() {\n const navigation = useNavigation();\n const isLoading = navigation.state === \"loading\";\n return (\n

\n {isLoading && (\n

\n \n

\n )}\n\n \n\n \n

\n );\n}",[],[166,166,300,334],"86025dc6-3261-11f0-a9f8-569c3dd06744",89,["D",1747405488991],[196,197,198,199,200,201],[166,166,300],"85f84098-3261-11f0-954d-569c3dd06744",88,["D",1747405488928],[195,202,203],[166,166],"7c9fe706-3259-11f0-8e8b-569c3dd06744","7c9fe94a-3259-11f0-8e8b-569c3dd06744","7c8ee3fc-3259-11f0-8ffd-569c3dd06744",["D",1747402037253],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function App() {\n const [clicked, setClicked] = useState(0);\n return (\n

Val Town React + Hono Starter

\n I've been clicked times\n

\n );\n}",[],[166,300,334],"7c8ee366-3259-11f0-8ffd-569c3dd06744",3,["D",1747402037165],[193],[166,300],["D",1747402037005],[192,194,204,205,206,207,208],[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,367],"862e44f4-3261-11f0-ac16-569c3dd06744","app.ts","7c995314-3259-11f0-a825-569c3dd06744",99,["D",1747405489264],46,"http","/** @jsxImportSource https://esm.sh/react@19 */\n\nimport { serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { Hono } from \"https://esm.sh/hono@4.7.7\";\nimport ReactDOMServer from \"https://esm.sh/react-dom@19.1.0/server\";\nimport {\n createStaticHandler,\n createStaticRouter,\n StaticRouterProvider,\n} from \"https://esm.sh/react-router@7.6.0\";\nimport routes from \"../frontend/routes.tsx\";\n\nconst CLIENT_MODULE = import.meta.resolve(\"./frontend/index.tsx\");\n\nconst app = new Hono()\n .get(\"/\", () => serveFile(\"/frontend/index.html\", import.meta.url))\n .get(\"/frontend/**/*\", (c) => serveFile(c.req.path, import.meta.url))\n .get(\"*\", 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 .get(\"/api/data\", (c) => c.json({ hello: \"world\" }))\n .onError((err) => {\n throw err;\n });\n\nexport type AppType = typeof app;\n\nexport default app.fetch;\n",[],[172,375],"863ce2fc-3261-11f0-9a3d-569c3dd06744","5f35719e-325a-11f0-9e3e-569c3dd06744",["D",1747405489220],[],[172,270,33],"5f3570fe-325a-11f0-9e3e-569c3dd06744",45,["D",1747402417421],[188],[172,270],["D",1747402037073],[187,189,190],[172],["D",1747402036810],{"_97":96,"_104":100},{"_97":96,"_98":-5,"_99":100,"_18":55,"_101":102,"_103":24},{"_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":434,"_435":436,"_437":438,"_439":24,"_440":24,"_441":24,"_442":59,"_443":-5,"_444":-7,"_445":-7,"_446":63,"_447":24,"_448":24,"_449":-5,"_450":24,"_451":24,"_452":24,"_453":-5},"ENV",{"_405":406,"_407":408,"_409":87,"_410":411,"_412":413,"_414":415,"_416":417,"_418":419,"_420":421,"_422":423,"_424":425,"_426":427,"_428":429,"_430":431,"_432":433},"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 · v101