\n {val.name}\n

\n \n {val.privacy}\n \n

\n \n

\n {val.description || \"No description\"}\n

\n \n

\n by\n {val.author.username}\n

\n \n

\n Created on {createdAt}\n

\n \n

\n \n View on Val Town →\n \n

\n );\n}\n\nfunction ValList({ vals }) {\n if (vals.length === 0) {\n return (\n

No vals found

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

\n {vals.map((val) => (\n \n ))}\n

\n );\n}\n\nfunction App() {\n const [vals, setVals] = React.useState(null);\n const [loading, setLoading] = React.useState(true);\n const [error, setError] = React.useState(null);\n const [page, setPage] = React.useState(0);\n const limit = 20;\n\n const fetchVals = async (offset) => {\n try {\n setLoading(true);\n const response = await fetch(`/api/vals?limit=${limit}&offset=${offset}`);\n \n if (!response.ok) {\n throw new Error(`Failed to fetch vals: ${response.status}`);\n }\n \n const data = await response.json();\n setVals(data);\n setError(null);\n } catch (err) {\n console.error(\"Error fetching vals:\", err);\n setError(\"Failed to load vals. Please try again later.\");\n } finally {\n setLoading(false);\n }\n };\n\n React.useEffect(() => {\n fetchVals(page * limit);\n }, [page]);\n\n const handlePrevPage = () => {\n if (page > 0) {\n setPage(page - 1);\n }\n };\n\n const handleNextPage = () => {\n if (vals?.links.next) {\n setPage(page + 1);\n }\n };\n\n return (\n

Latest Vals on Val Town

\n {error && (\n

{error}

\n )}\n \n {loading ? (\n

\n ) : (\n <>\n {vals && }\n \n

\n \n \n Page {page + 1}\n \n \n

\n \n )}\n

\n \n

\n );\n}\n\n// Render the app\nconst rootElement = document.getElementById(\"root\");\nif (!rootElement) throw new Error(\"Root element not found\");\n\nconst root = createRoot(rootElement);\nroot.render();",[],[160,213],"e82fd0a4-1480-11f0-9063-569c3dd06744","index.html","90901f0c-1480-11f0-b98a-569c3dd06744",20,["D",1744120433220],"\n\n\n \n \n Latest Vals on Val Town\n \n \n \n\n\n

\n \n\n",[],[160,221],"9c90d1f2-1480-11f0-a90b-569c3dd06744","ValList.tsx","9c90d29c-1480-11f0-a90b-569c3dd06744","aa99edea-d142-4aa9-aebe-69a7cda55844",14,["D",1744120306352],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { Val } from \"../../shared/types.ts\";\nimport { ValCard } from \"./ValCard.tsx\";\n\ninterface ValListProps {\n vals: Val[];\n}\n\nexport function ValList({ vals }: ValListProps) {\n if (vals.length === 0) {\n return (\n

No vals found

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

\n {vals.map((val) => (\n \n ))}\n

\n );\n}",[],[160,237,229],"components","a1dc5eb0-1480-11f0-944c-569c3dd06744","ValCard.tsx","a1dc5f64-1480-11f0-944c-569c3dd06744",15,["D",1744120315233],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { Val } from \"../../shared/types.ts\";\n\ninterface ValCardProps {\n val: Val;\n}\n\nexport function ValCard({ val }: ValCardProps) {\n const createdAt = new Date(val.createdAt).toLocaleDateString('en-US', {\n year: 'numeric',\n month: 'short',\n day: 'numeric',\n });\n\n return (\n

\n {val.name}\n

\n \n {val.privacy}\n \n

\n \n

\n {val.description || \"No description\"}\n

\n \n

\n by\n {val.author.username}\n

\n \n

\n Created on {createdAt}\n

\n \n

\n \n View on Val Town →\n \n

\n );\n}",[],[160,237,239],"9950e63a-1480-11f0-8efe-569c3dd06744","App.tsx","9950e70c-1480-11f0-8efe-569c3dd06744",13,["D",1744120300898],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { ValList } from \"./ValList.tsx\";\nimport { ValResponse } from \"../../shared/types.ts\";\n\nexport function App() {\n const [vals, setVals] = useState(null);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [page, setPage] = useState(0);\n const limit = 20;\n\n const fetchVals = async (offset: number) => {\n try {\n setLoading(true);\n const response = await fetch(`/api/vals?limit=${limit}&offset=${offset}`);\n \n if (!response.ok) {\n throw new Error(`Failed to fetch vals: ${response.status}`);\n }\n \n const data = await response.json();\n setVals(data);\n setError(null);\n } catch (err) {\n console.error(\"Error fetching vals:\", err);\n setError(\"Failed to load vals. Please try again later.\");\n } finally {\n setLoading(false);\n }\n };\n\n useEffect(() => {\n fetchVals(page * limit);\n }, [page]);\n\n const handlePrevPage = () => {\n if (page > 0) {\n setPage(page - 1);\n }\n };\n\n const handleNextPage = () => {\n if (vals?.links.next) {\n setPage(page + 1);\n }\n };\n\n return (\n

Latest Vals on Val Town

\n {error && (\n

{error}

\n )}\n \n {loading ? (\n

\n ) : (\n <>\n {vals && }\n \n

\n \n \n Page {page + 1}\n \n \n

\n \n )}\n

\n \n

\n );\n}",[],[160,237,247],"9950f238-1480-11f0-8efe-569c3dd06744",["D",1744120300898],[186,187,188],[160,237],["D",1744120286212],[185,189,190],[160],"f0e002f0-1480-11f0-a8e4-569c3dd06744","index.ts","8b6976b8-1480-11f0-af0e-569c3dd06744",21,["D",1744120447795],3,"import { Hono } from \"https://esm.sh/hono@3.12.6\";\nimport { cors } from \"https://esm.sh/hono@3.12.6/cors\";\nimport { serveFile, readFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n console.error(err);\n throw err;\n});\n\n// Enable CORS\napp.use(\"*\", cors());\n\n// API endpoint to fetch latest vals\napp.get(\"/api/vals\", async (c) => {\n try {\n const limit = c.req.query(\"limit\") ? parseInt(c.req.query(\"limit\")) : 20;\n const offset = c.req.query(\"offset\") ? parseInt(c.req.query(\"offset\")) : 0;\n \n const response = await fetch(`https://api.val.town/v1/projects?limit=${limit}&offset=${offset}`);\n \n if (!response.ok) {\n throw new Error(`Failed to fetch vals: ${response.status} ${response.statusText}`);\n }\n \n const data = await response.json();\n return c.json(data);\n } catch (error) {\n console.error(\"Error fetching vals:\", error);\n return c.json({ error: \"Failed to fetch vals\" }, 500);\n }\n});\n\n// Serve static files with proper content types\napp.get(\"/public/*.jsx\", async (c) => {\n const path = c.req.path.replace(\"/public\", \"/frontend\");\n const content = await readFile(path, import.meta.url);\n return new Response(content, {\n headers: {\n \"Content-Type\": \"text/javascript\"\n }\n });\n});\n\n// Serve index.html\napp.get(\"*\", (c) => serveFile(\"/frontend/index.html\", import.meta.url));\n\n// This is the entry point for HTTP vals\nexport default app.fetch;",[],[166,262],["D",1744120277572],[183],[166],["D",1744119522933],{"_98":97,"_105":101},{"_98":97,"_99":-5,"_100":101,"_18":56,"_102":103,"_104":49},{"_13":87,"_32":88,"_43":42,"_89":44,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":45,"_96":97},"ctx",{"_80":-5,"_125":310,"_311":312,"_313":314,"_315":49,"_316":49,"_317":49,"_318":25,"_319":-5,"_320":-7,"_321":-7,"_322":64,"_323":49,"_324":49,"_325":-5,"_326":49,"_327":49,"_328":49,"_329":-5},"ENV",{"_281":282,"_283":284,"_285":88,"_286":287,"_288":289,"_290":291,"_292":293,"_294":295,"_296":297,"_298":299,"_300":301,"_302":303,"_304":305,"_306":307,"_308":309},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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 · v23