Loading posts...

\n );\n }\n\n if (error) {\n return (\n

Failed to load posts

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

\n \n\n {import.meta.url ? (\n \n ) : null}\n

\n );\n};\n\nfunction PostList({ posts }: { posts: PostType[] }) {\n return (\n

\n {posts.map((post) => (\n \n ))}\n

\n );\n}\n\nfunction Post({ post }: { post: PostType }) {\n return (\n

{post.title}

{post.body}

\n );\n}\n",[],[151,171],{"_103":181,"_95":182,"_152":183,"_154":153,"_155":137,"_156":136,"_158":159,"_105":184,"_100":185,"_162":176,"_164":186,"_165":22,"_166":-5,"_167":187,"_98":188},"3e7d5d4c-927a-11f0-af4d-0224a6c84d84","main.tsx","b2457f32-9272-11f0-bce1-0224a6c84d84",["D",1757971418009],27,"/** @jsxImportSource https://esm.sh/react@19 */\nimport {\n QueryClient,\n QueryClientProvider,\n} from \"https://esm.sh/@tanstack/react-query@^5.0.0?deps=react@19\";\nimport {\n createRootRouteWithContext,\n createRoute,\n createRouter,\n Link,\n Outlet,\n RouterProvider,\n} from \"https://esm.sh/@tanstack/react-router@^1.121.0?deps=react@19\";\nimport React from \"https://esm.sh/react@19\";\nimport { createRoot } from \"https://esm.sh/react-dom@19/client?deps=react@19\";\nimport { App } from \"./App.tsx\";\n\nconst rootRoute = createRootRouteWithContext<{\n queryClient: QueryClient;\n}>()({\n component: () => {\n return (\n

\n \n

\n );\n },\n notFoundComponent: () => {\n return (\n

This is the notFoundComponent configured on root route

\n Start Over\n

\n );\n },\n});\n\nconst indexRoute = createRoute({\n getParentRoute: () => rootRoute,\n path: \"/\",\n component: () => {\n return ;\n },\n});\n\nconst routeTree = rootRoute.addChildren([indexRoute]);\nconst queryClient = new QueryClient();\n\nconst router = createRouter({\n routeTree,\n defaultPreload: \"intent\",\n defaultPreloadStaleTime: 0,\n scrollRestoration: true,\n context: {\n queryClient,\n },\n});\n\nconst rootElement = document.getElementById(\"app\");\nif (!rootElement) {\n throw new Error(\"No root element found\");\n}\n\nif (!rootElement.innerHTML) {\n const root = createRoot(rootElement);\n\n root.render(\n \n \n ,\n );\n}\n",[],[151,182],{"_103":190,"_95":191,"_152":192,"_154":153,"_155":137,"_156":193,"_158":159,"_105":194,"_100":195,"_162":176,"_164":196,"_165":22,"_166":-5,"_167":197,"_98":198},"d6aac4c6-9278-11f0-9502-0224a6c84d84","posts.ts","0ea2fb28-9274-11f0-afc6-0224a6c84d84",101,["D",1757970814361],17,"import { useQuery } from \"https://esm.sh/@tanstack/react-query@^5.0.0?deps=react@19\";\nimport axios from \"https://esm.sh/redaxios\";\n\nexport class NotFoundError extends Error {}\n\nexport type PostType = {\n id: string;\n title: string;\n body: string;\n};\n\nconst API_URL = \"https://jsonplaceholder.typicode.com\";\n\nexport const usePosts = () => {\n return useQuery({\n queryKey: [\"posts\"],\n queryFn: () =>\n axios\n .get(`${API_URL}/posts`)\n .then((r) => r.data.slice(0, 10)),\n });\n};\n",[],[151,191],[151],{"_103":201,"_95":202,"_152":203,"_154":-5,"_155":137,"_156":204,"_158":159,"_105":205,"_100":32,"_162":206,"_164":207,"_165":22,"_166":-5,"_167":208,"_98":209},"099fa61a-9276-11f0-b29f-0224a6c84d84",".vtignore","099fa6ba-9276-11f0-b29f-0224a6c84d84",85,["D",1757969611367],"file",".git\n.vscode\n.cursor\n.DS_Store\nnode_modules\nvendor",[],[202],{"_103":211,"_95":212,"_152":213,"_154":-5,"_155":137,"_156":214,"_158":159,"_105":215,"_100":32,"_162":206,"_164":216,"_165":22,"_166":-5,"_167":217,"_98":218},"09b8abe2-9276-11f0-86c4-0224a6c84d84","biome.json","09b8acaa-9276-11f0-86c4-0224a6c84d84",88,["D",1757969611371],"{\n \"$schema\": \"https://biomejs.dev/schemas/2.2.2/schema.json\",\n \"vcs\": {\n \"enabled\": false,\n \"clientKind\": \"git\",\n \"useIgnoreFile\": false\n },\n \"files\": {\n \"ignoreUnknown\": false\n },\n \"formatter\": {\n \"enabled\": true,\n \"indentStyle\": \"space\",\n \"indentWidth\": 3\n },\n \"linter\": {\n \"enabled\": true,\n \"rules\": {\n \"recommended\": true\n }\n },\n \"javascript\": {\n \"formatter\": {\n \"quoteStyle\": \"double\"\n }\n },\n \"assist\": {\n \"enabled\": true,\n \"actions\": {\n \"source\": {\n \"organizeImports\": \"on\"\n }\n }\n }\n}",[],[212],{"_103":220,"_95":221,"_152":222,"_154":-5,"_155":137,"_156":223,"_158":159,"_105":224,"_100":161,"_162":206,"_164":225,"_165":22,"_166":-5,"_167":226,"_98":227},"796ef576-9277-11f0-8c53-0224a6c84d84","deno.json","09a946f2-9276-11f0-a880-0224a6c84d84",95,["D",1757970228368],"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/348900b8b79f4a434cab4c74b3bc8d4d2fa8ee74/cli/schemas/config-file.v1.json\",\n \"compilerOptions\": {\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ],\n \"noImplicitAny\": false,\n \"strict\": false,\n \"strictNullChecks\": true,\n \"types\": [\"https://www.val.town/types/valtown.d.ts\"]\n },\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-sloppy-imports\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true\n },\n \"imports\": {\n \"@biomejs/biome\": \"npm:@biomejs/biome@^2.0.0\"\n },\n \"lint\": {\n \"files\": {\n \"include\": [\"deno:/https/esm.town/**/*\"]\n },\n \"rules\": {\n \"exclude\": [\"no-explicit-any\", \"no-import-prefix\"]\n }\n },\n \"lock\": false,\n \"nodeModulesDir\": \"auto\"\n}\n",[],[221],{"_103":229,"_95":230,"_152":231,"_154":-5,"_155":137,"_156":232,"_158":159,"_105":233,"_100":234,"_162":206,"_164":235,"_165":22,"_166":-5,"_167":236,"_98":237},"3e771414-927a-11f0-92ab-0224a6c84d84","index.html","4d74dc8e-9271-11f0-90cd-0224a6c84d84",110,["D",1757971418002],21,"\n\n \n \n \n \n Vite App\n \n \n

\n \n \n \n\n",[],[230],{"_103":239,"_95":240,"_152":241,"_154":-5,"_155":137,"_156":242,"_158":159,"_105":243,"_100":195,"_162":244,"_164":245,"_165":22,"_166":-5,"_167":246,"_98":247},"12712dca-9273-11f0-b0a5-0224a6c84d84","index.ts","1f5e687e-9271-11f0-aa4f-0224a6c84d84",38,["D",1757968337668],"http","import {\n parseProject,\n readFile,\n serveFile,\n} from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\napp.get(\"/\", async (c) => {\n const html = await readFile(\"/index.html\", import.meta.url);\n return c.html(html);\n});\n\napp.get(\"/src/**/*\", (c) => serveFile(c.req.path, import.meta.url));\n\nexport default app.fetch;",[],[240],"files",[149,169,180,189,200,210,219,228,238],"counts",{"_252":32,"_253":161,"_254":32,"_255":32},"pulls","branches","forks","envVars","contents",[],{"_103":170,"_155":137,"_152":172,"_95":171,"_164":177,"_162":176,"_100":175,"_154":153,"_105":259,"_156":173,"_166":-5,"_98":260},["D",1757971093718],[151,171],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_93":94,"_95":96,"_97":43,"_98":99,"_101":269,"_206":274,"_277":278,"_315":316,"_325":-7,"_326":32,"_327":22},{"_103":104,"_95":96,"_105":270,"_107":-5,"_108":22,"_109":110,"_111":72,"_112":72,"_14":113,"_114":-5,"_115":22,"_116":-5,"_117":32,"_16":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":271,"_131":272,"_134":273,"_146":22},["D",1757967500350],{"_93":94,"_129":130},{"_93":94,"_133":130},{"_100":136,"_95":43,"_103":137,"_138":104,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":96,"_145":94},{"_103":170,"_95":171,"_152":172,"_154":153,"_155":137,"_156":173,"_158":159,"_105":275,"_100":175,"_162":176,"_164":177,"_165":22,"_166":-5,"_98":276},["D",1757971093718],[151,171],"history",[279,281,287,293,299,305,310],{"_103":170,"_155":137,"_152":172,"_95":171,"_164":177,"_162":176,"_100":175,"_154":153,"_105":280,"_156":173,"_166":-5},["D",1757971093718],{"_103":282,"_155":137,"_152":172,"_95":171,"_164":283,"_162":176,"_100":284,"_154":153,"_105":285,"_156":286,"_166":-5},"73ce3e7c-9279-11f0-bd91-0224a6c84d84","/** @jsxImportSource https://esm.sh/react@19 */\nimport React from \"https://esm.sh/react@19\";\nimport { type PostType, usePosts } from \"./posts.ts\";\n\nexport const App = () => {\n const { data: posts = [], isLoading, error } = usePosts();\n\n if (isLoading) {\n return (\n

Loading posts...

\n );\n }\n\n if (error) {\n return (\n

Failed to load posts

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

💬 Message Board!

\n \n\n {import.meta.url ? (\n \n ) : null}\n

\n );\n};\n\nfunction PostList({ posts }: { posts: PostType[] }) {\n return (\n

\n {posts.map((post) => (\n \n ))}\n

\n );\n}\n\nfunction Post({ post }: { post: PostType }) {\n return (\n

{post.title}

{post.body}

\n );\n}\n",5,["D",1757971077979],106,{"_103":288,"_155":137,"_152":172,"_95":171,"_164":289,"_162":176,"_100":290,"_154":153,"_105":291,"_156":292,"_166":-5},"6379a278-9279-11f0-9cbd-0224a6c84d84","/** @jsxImportSource https://esm.sh/react@19 */\nimport React from \"https://esm.sh/react@19\";\nimport { type PostType, usePosts } from \"./posts.ts\";\n\nexport const App = () => {\n const { data: posts = [], isLoading, error } = usePosts();\n\n if (isLoading) {\n return (\n

Loading posts...

\n );\n }\n\n if (error) {\n return (\n

Failed to load posts

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

💬 Message Board!

\n \n\n {import.meta.url ? (\n \n ) : null}\n

\n );\n};\n\nfunction PostList({ posts }: { posts: PostType[] }) {\n return (\n

\n {posts.map((post) => (\n \n ))}\n

\n );\n}\n\nfunction Post({ post }: { post: PostType }) {\n return (\n

{post.title}

{post.body}

\n );\n}\n",4,["D",1757971050599],105,{"_103":294,"_155":137,"_152":172,"_95":171,"_164":295,"_162":176,"_100":296,"_154":153,"_105":297,"_156":298,"_166":-5},"0850550e-9279-11f0-98f3-0224a6c84d84","/** @jsxImportSource https://esm.sh/react@19 */\nimport React from \"https://esm.sh/react@19\";\nimport { usePosts } from \"./posts.ts\";\n\nexport const App = () => {\n const { data: posts = [], isLoading, error } = usePosts();\n\n if (isLoading) {\n return (\n

Loading posts...

\n );\n }\n\n if (error) {\n return (\n

Failed to load posts

\n );\n }\n // hello\n return (\n

{post.title}

\n );\n};\n",3,["D",1757970897656],104,{"_103":300,"_155":137,"_152":172,"_95":171,"_164":301,"_162":176,"_100":302,"_154":153,"_105":303,"_156":304,"_166":-5},"e3dbf00c-9278-11f0-9217-0224a6c84d84","/** @jsxImportSource https://esm.sh/react@19 */\nimport React from \"https://esm.sh/react@19\";\nimport { usePosts } from \"./posts.ts\";\n\nexport const App = () => {\n const { data: posts = [], isLoading, error } = usePosts();\n\n if (isLoading) {\n return (\n

Loading posts...

\n );\n }\n\n if (error) {\n return (\n

Failed to load posts

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

{post.title}

\n );\n};\n",2,["D",1757970836486],103,{"_103":306,"_155":137,"_152":172,"_95":171,"_164":307,"_162":176,"_100":161,"_154":153,"_105":308,"_156":309,"_166":-5},"d6b02b82-9278-11f0-b914-0224a6c84d84","/** @jsxImportSource https://esm.sh/react@19 */\nimport React from \"https://esm.sh/react@19\";\nimport { usePosts } from \"./posts.ts\";\n\nexport const App = () => {\n const { data: posts = [], isLoading, error } = usePosts();\n\n if (isLoading) {\n return (\n

Loading posts...

\n );\n }\n\n if (error) {\n return (\n

Failed to load posts

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

Posts

{post.title}

\n );\n};\n",["D",1757970814361],102,{"_103":311,"_155":137,"_152":172,"_95":171,"_164":312,"_162":176,"_100":32,"_154":153,"_105":313,"_156":314,"_166":-5},"95e020d0-9278-11f0-9a0f-0224a6c84d84","/** @jsxImportSource https://esm.sh/react@19 */\nimport React from \"https://esm.sh/react@19\";\nimport { usePosts } from \"./posts.ts\";\n\nexport const App = () => {\n const { data: posts = [] } = usePosts();\n\n return (\n

Posts

\n {posts?.length}\n

\n );\n};\n",["D",1757970705663],97,"versions",[317,319,320,321,322,323,324],{"_206":279,"_318":281},"previous",{"_206":281,"_318":287},{"_206":287,"_318":293},{"_206":293,"_318":299},{"_206":299,"_318":305},{"_206":305,"_318":310},{"_206":310,"_318":-5},"versionNumber","page","hasNext","actionData","errors"]

History for App.tsx