Val Town Test App

\n \n

This is a simple test application running on Val Town.

Click the button below to fetch the current server time:

\n \n

\n \n \n

\n \n

Click Counter: 0

\n \n \n

\n \n

\n View Source\n

\n\n \n\n","label",[18],"pulls","branches","forks","envVars",{"_164":26,"_166":26},"connections",{"_164":26,"_165":26},"count","unfilledCount","emptyCount",{"_33":182,"_13":183,"_62":184,"_43":-5,"_35":36,"_149":113,"_150":90,"_37":185,"_39":152,"_64":21,"_153":186,"_65":24,"_155":-5,"_176":187,"_17":188},{"_33":148,"_13":18,"_62":63,"_43":-5,"_35":36,"_149":71,"_150":90,"_37":179,"_39":152,"_64":21,"_153":154,"_65":24,"_155":-5,"_176":180,"_17":181},{"_33":170,"_13":171,"_62":88,"_43":-5,"_35":36,"_149":172,"_150":90,"_37":173,"_39":40,"_64":174,"_153":175,"_65":24,"_155":-5,"_176":177,"_17":178},"4c761896-3206-11f0-a43e-569c3dd06744","index.ts",5,["D",1747366308231],"http","import { Hono } from \"https://esm.sh/hono@3.12.6\";\nimport { readFile, parseProject } 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 throw err;\n});\n\n// API endpoint to get current time\napp.get(\"/api/time\", (c) => {\n return c.json({\n time: new Date().toISOString(),\n message: \"Hello from Val Town!\"\n });\n});\n\n// Serve the main HTML page\napp.get(\"/\", async (c) => {\n try {\n let html = await readFile(\"/index.html\", import.meta.url);\n \n // Get project information for the view source link\n const projectInfo = parseProject(import.meta.url);\n const sourceUrl = projectInfo.links.self.project;\n \n // Inject the source URL into the HTML\n const dataScript = ``;\n \n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n } catch (error) {\n console.error(\"Error serving HTML:\", error);\n return c.text(\"Error loading page. Please try again later.\", 500);\n }\n});\n\n// This is the entry point for HTTP vals\nexport default app.fetch;","children",[],[171],["D",1747366338455],[],[18],"6905e72a-3206-11f0-805e-569c3dd06744","README.md","fabbb3b2-3205-11f0-8b8a-569c3dd06744",["D",1747366356154],"# Val Town Test App\n\nThis is a simple test application built on Val Town. It demonstrates basic functionality including:\n\n- HTTP endpoints with Hono\n- Serving HTML content\n- Client-side JavaScript\n- API integration\n- Basic UI with TailwindCSS\n\n## Project Structure\n\n- `/index.ts` - Main backend entry point with Hono HTTP server\n- `/index.html` - Frontend HTML page with interactive elements\n\n## Features\n\n1. **Current Time API**: Fetches the current server time from a backend API endpoint\n2. **Click Counter**: Simple client-side counter with increment and reset functionality\n3. **Responsive Design**: Mobile-friendly layout using TailwindCSS\n\n## How to Use\n\n1. Click the \"Get Current Time\" button to fetch the current server time from the API\n2. Use the increment and reset buttons to manage the counter\n3. View the source code by clicking the \"View Source\" link\n\n## Technologies Used\n\n- **Backend**: Hono (TypeScript)\n- **Frontend**: HTML, JavaScript\n- **Styling**: TailwindCSS\n- **Error Handling**: Val Town catch script for client-side errors\n\n## Implementation Details\n\n- The backend injects the source URL into the HTML page to enable the \"View Source\" link\n- Error handling is implemented for both client and server-side operations\n- The application uses a favicon generated from an emoji\n- Responsive design works on both mobile and desktop devices",[],[183],["D",1747366121196],{"_11":12,"_126":68},{"_11":12,"_122":-5,"_67":68,"_30":66,"_123":124,"_125":24},{"_39":113,"_13":16,"_33":36,"_114":78,"_115":-5,"_116":-5,"_117":-5,"_118":-5,"_119":-5,"_120":14,"_121":12},"ctx",{"_52":-5,"_145":226,"_227":228,"_229":230,"_231":24,"_232":24,"_233":24,"_234":90,"_235":-5,"_236":-7,"_237":-7,"_238":26,"_239":24,"_240":24,"_241":-5,"_242":24,"_243":24,"_244":24,"_245":-5},"ENV",{"_197":198,"_199":200,"_201":16,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225},"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"]

History · index.html