[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_337":338,"_339":340},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_73":212,"_40":-7,"_213":-5,"_17":214,"_215":216,"_217":218,"_219":220,"_221":222,"_92":-5,"_223":224,"_225":226,"_227":48,"_228":229,"_230":26,"_231":-5,"_232":-5,"_233":234},"routes/_app.x.$handle.$name.compare.$branch",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":30,"_31":-5},"handle","kilocode","name","timecounter","branchName","main","project",{"_32":59,"_13":14,"_34":172,"_46":-5,"_173":48,"_49":50,"_174":50,"_175":176,"_177":-5,"_178":179,"_180":181,"_182":26,"_183":26,"_184":-5,"_185":159,"_53":186,"_187":-5,"_188":-5,"_189":-5,"_190":-5,"_191":192,"_193":192,"_194":195,"_196":195,"_197":195,"_198":192,"_199":192,"_200":201,"_202":203,"_204":28,"_47":48},"ahead",19,"behind",24,"diff",{"_64":65,"_66":67,"_68":69},"hasChanges",true,"sourceBranch",{"_40":57,"_13":16,"_32":58,"_38":59,"_42":33,"_43":60,"_61":50,"_62":39,"_63":54,"_55":14,"_51":12},"targetBranch",{"_32":33,"_34":35,"_36":37,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56},"pull","id","961078ea-f528-11ef-aa68-569c3dd06744","createdAt",["D",1740674013689],"updatedAt",["D",1785420707976],"projectId","96102714-f528-11ef-aa68-569c3dd06744","version",91,"forkedBranchId","forkedBranchVersion","lockfileKey","1785420708123-esm.town_v_templates_react-hono-starter@91-main","deletedAt","isOwned",false,"privacy","public","userHandle","templates","orgId","019aa807-52c2-709c-928b-2029bae9a558","projectName","react-hono-starter",20,"18a3808e-56a1-11f0-a86a-f69ea79377d9","18a05c10-56a1-11f0-a86a-f69ea79377d9",67,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","added",[151,152],"deleted",[],"modified",[70,71,72],{"_73":129,"_75":130,"_77":131},{"_73":110,"_75":111,"_77":112},{"_73":74,"_75":76,"_77":78},"path","frontend/style.css","targetFile",{"_32":101,"_13":80,"_81":102,"_83":103,"_85":33,"_86":104,"_88":48,"_34":105,"_40":106,"_91":92,"_93":107,"_66":48,"_95":-5,"_96":-7,"_73":108,"_98":109},"sourceFile",{"_32":79,"_13":80,"_81":82,"_83":84,"_85":58,"_86":87,"_88":26,"_34":89,"_40":90,"_91":92,"_93":94,"_66":48,"_95":-5,"_96":-7,"_73":97,"_98":99},"1a60a4fa-56a2-11f0-8530-f69ea79377d9","style.css","fileId","9144a46e-4d98-451b-a627-74a432eee6df","parentId","7e0b28e5-7e07-448e-ab81-44077b7f24b5","branchId","branchVersion",6,"latest",["D",1751391467525],1,"fileType","file","content","/* Custom styles for countdown clock - using Tailwind for main styling */\nbody {\n margin: 0;\n padding: 0;\n}","label","children",[100,80],"contentHash","d968b6771f4472fc6437df3fe464978ecfbea4c3f3bce02a2fbeab011abd536c","frontend","e8142ab2-3261-11f0-8425-569c3dd06744","6ce9bd70-3261-11f0-b1e3-569c3dd06744","a59cbf44-f528-11ef-ae42-569c3dd06744",54,["D",1747405653521],9,"body {\n font-family: -apple-system, Arial, sans-serif;\n color: #333;\n padding: 20px;\n}\n\nbutton {\n background-color: #4a90e2;\n color: white;\n border: none;\n padding: 8px 16px;\n border-radius: 4px;\n cursor: pointer;\n}\n\nbutton:hover {\n background-color: #357ae8;\n}",[100,80],"b49dbacf73399ab7ee7536c11a2a8799cf421abe5c4ce6c0ad730636f7f9a085","frontend/index.html",{"_32":121,"_13":114,"_81":122,"_83":103,"_85":33,"_86":123,"_88":48,"_34":124,"_40":125,"_91":92,"_93":126,"_66":48,"_95":-5,"_96":-7,"_73":127,"_98":128},{"_32":113,"_13":114,"_81":115,"_83":84,"_85":58,"_86":116,"_88":26,"_34":117,"_40":90,"_91":92,"_93":118,"_66":48,"_95":-5,"_96":-7,"_73":119,"_98":120},"1a529a86-56a2-11f0-accd-f69ea79377d9","index.html","b8b589fb-b8ce-45b5-96b0-01ef173f82f5",4,["D",1751391467462],"\n\n \n \n \n Countdown Clock\n \n \n \n \n

\n \n \n \n",[100,114],"64933132a0d252b3b8118634dd93d59d6488c459b6352b2b105530599d281883","538a58d0-3261-11f0-9414-569c3dd06744","5404b440-f52b-11ef-99f0-569c3dd06744",42,["D",1747405404319],7,"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[100,114],"00b049f0bfc288e5f73af71007507eb30ded9090b8988a106e817586af9897c9","frontend/components/App.tsx",{"_32":143,"_13":133,"_81":144,"_83":145,"_85":33,"_86":146,"_88":48,"_34":147,"_40":116,"_91":138,"_93":148,"_66":48,"_95":-5,"_96":-7,"_73":149,"_98":150},{"_32":132,"_13":133,"_81":134,"_83":135,"_85":58,"_86":57,"_88":26,"_34":136,"_40":137,"_91":138,"_93":139,"_66":48,"_95":-5,"_96":-7,"_73":140,"_98":141},"56228e96-6ebb-11f0-b647-0224a6c84d84","App.tsx","04da3ad1-5aa9-4054-8911-79b025f3f24c","daeac15d-5b80-4e94-8a9d-bc3d737aeec7",["D",1754041133135],13,"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\n\ninterface TimeRemaining {\n days: number;\n hours: number;\n minutes: number;\n seconds: number;\n}\n\ninterface TimeElapsed {\n days: number;\n hours: number;\n minutes: number;\n}\n\nexport function App() {\n const [timeRemaining, setTimeRemaining] = useState(null);\n const [timeElapsed, setTimeElapsed] = useState(null);\n const [targetTime, setTargetTime] = useState(null);\n const [error, setError] = useState(\"\");\n const [isExpired, setIsExpired] = useState(false);\n const [showInstructions, setShowInstructions] = useState(false);\n const [showTimeInput, setShowTimeInput] = useState(false);\n const [timeInput, setTimeInput] = useState(\"\");\n\n // Parse query string to get target time\n useEffect(() => {\n const urlParams = new URLSearchParams(window.location.search);\n const timeParam = urlParams.get('time');\n\n if (!timeParam) {\n setShowTimeInput(true);\n return;\n }\n\n try {\n let parsedTime: Date;\n\n // Check if it's a Unix timestamp (all digits)\n if (/^\\d+$/.test(timeParam)) {\n const timestamp = parseInt(timeParam);\n // Handle both seconds and milliseconds timestamps\n parsedTime = new Date(timestamp < 10000000000 ? timestamp * 1000 : timestamp);\n } else {\n // Try to parse as ISO date string\n parsedTime = new Date(timeParam);\n }\n\n if (isNaN(parsedTime.getTime())) {\n setError(\"Invalid time format. Please use ISO date format with timezone (YYYY-MM-DDTHH:MM:SSZ) or Unix timestamp.\");\n return;\n }\n\n setTargetTime(parsedTime);\n setError(\"\");\n } catch (err) {\n setError(\"Failed to parse the provided time. Please check the format.\");\n }\n }, []);\n\n // Update countdown every second\n useEffect(() => {\n if (!targetTime) return;\n\n const updateCountdown = () => {\n const now = new Date();\n const difference = targetTime.getTime() - now.getTime();\n\n if (difference <= 0) {\n setIsExpired(true);\n setTimeRemaining({ days: 0, hours: 0, minutes: 0, seconds: 0 });\n\n // Calculate elapsed time since target\n const elapsed = now.getTime() - targetTime.getTime();\n const elapsedDays = Math.floor(elapsed / (1000 * 60 * 60 * 24));\n const elapsedHours = Math.floor((elapsed % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));\n const elapsedMinutes = Math.floor((elapsed % (1000 * 60 * 60)) / (1000 * 60));\n\n setTimeElapsed({ days: elapsedDays, hours: elapsedHours, minutes: elapsedMinutes });\n return;\n }\n\n const days = Math.floor(difference / (1000 * 60 * 60 * 24));\n const hours = Math.floor((difference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));\n const minutes = Math.floor((difference % (1000 * 60 * 60)) / (1000 * 60));\n const seconds = Math.floor((difference % (1000 * 60)) / 1000);\n\n setTimeRemaining({ days, hours, minutes, seconds });\n setIsExpired(false);\n };\n\n // Update immediately\n updateCountdown();\n\n // Set up interval to update every second\n const interval = setInterval(updateCountdown, 1000);\n\n return () => clearInterval(interval);\n }, [targetTime]);\n\n const handleTimeSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n if (!timeInput.trim()) return;\n\n // Redirect to the same page with the time parameter\n const newUrl = new URL(window.location.href);\n newUrl.searchParams.set('time', timeInput.trim());\n window.location.href = newUrl.toString();\n };\n\n // Time input state\n if (showTimeInput) {\n return (\n

⏱️

Set Countdown Timer

Enter a target date and time to start your countdown:

\n\n

\n \n Target Time\n \n setTimeInput(e.target.value)}\n placeholder=\"2025-12-31T23:59:59Z or 1735689600000\"\n className=\"w-full px-3 py-2 border rounded-md focus:outline-none focus:ring-2 transition-colors\"\n style={{\n borderColor: '#dce0e8',\n backgroundColor: '#e6e9ef',\n color: '#4c4f69'\n }}\n onFocus={(e) => {\n e.target.style.borderColor = '#8839ef';\n e.target.style.boxShadow = '0 0 0 2px rgba(136, 57, 239, 0.2)';\n }}\n onBlur={(e) => {\n e.target.style.borderColor = '#dce0e8';\n e.target.style.boxShadow = 'none';\n }}\n />\n

\n\n (e.target as HTMLElement).style.backgroundColor = '#7c3aed'}\n onMouseLeave={(e) => (e.target as HTMLElement).style.backgroundColor = '#8839ef'}\n >\n Start Countdown\n \n \n\n

Supported formats:

• ISO with timezone: 2025-12-31T23:59:59Z

• ISO with offset: 2025-12-31T18:59:59-05:00

• ISO local time: 2025-12-31T23:59:59

• Unix timestamp: 1735689600000

\n );\n }\n\n // Error state\n if (error) {\n return (\n

⚠️

Error

{error}

Examples:

?time=2025-12-31T23:59:59Z (UTC)

?time=2025-12-31T18:59:59-05:00 (EST)

?time=2025-12-31T23:59:59 (local time)

?time=1735689600000 (Unix timestamp)

\n );\n }\n\n // Expired state\n if (isExpired) {\n const formatElapsedTime = (elapsed: TimeElapsed) => {\n const parts = [];\n if (elapsed.days > 0) parts.push(`${elapsed.days} day${elapsed.days !== 1 ? 's' : ''}`);\n if (elapsed.hours > 0) parts.push(`${elapsed.hours} hour${elapsed.hours !== 1 ? 's' : ''}`);\n if (elapsed.minutes > 0) parts.push(`${elapsed.minutes} minute${elapsed.minutes !== 1 ? 's' : ''}`);\n\n if (parts.length === 0) return 'just now';\n if (parts.length === 1) return parts[0];\n if (parts.length === 2) return `${parts[0]} and ${parts[1]}`;\n return `${parts[0]}, ${parts[1]}, and ${parts[2]}`;\n };\n\n return (\n

⏰

Time's Up!

The countdown has reached zero.

\n {targetTime && (\n

\n Target time was: {targetTime.toLocaleString()}\n

\n {timeElapsed && (\n

\n {formatElapsedTime(timeElapsed)} ago\n

\n )}\n

\n );\n }\n\n // Loading state\n if (!timeRemaining) {\n return (\n

Loading countdown...

\n );\n }\n\n // Main countdown display\n return (\n

\n Countdown Timer\n

\n\n {targetTime && (\n

\n Counting down to: {targetTime.toLocaleString()}\n

\n UTC: {targetTime.toISOString()} | Local: {targetTime.toLocaleString()}\n

\n )}\n\n

\n {timeRemaining.days.toString().padStart(2, '0')}\n

\n Days\n

\n\n

\n {timeRemaining.hours.toString().padStart(2, '0')}\n

\n Hours\n

\n\n

\n {timeRemaining.minutes.toString().padStart(2, '0')}\n

\n Minutes\n

\n\n

\n {timeRemaining.seconds.toString().padStart(2, '0')}\n

\n Seconds\n

\n\n

\n setShowInstructions(!showInstructions)}\n className=\"inline-flex items-center text-sm font-medium transition-colors duration-200\"\n style={{ color: '#9ca0b0' }}\n onMouseEnter={(e) => (e.target as HTMLElement).style.color = '#6c6f85'}\n onMouseLeave={(e) => (e.target as HTMLElement).style.color = '#9ca0b0'}\n >\n How does this work?\n \n ▼\n \n \n\n {showInstructions && (\n

Setting a Target Time

Add a target time to the URL using the ?time= parameter:

\n\n

\n ?time=2025-07-26T00:00:00Z\n

UTC timezone

\n\n

\n ?time=2025-07-26T00:00:00-05:00\n

With timezone offset

\n\n

\n ?time=1735689600000\n

Unix timestamp

\n )}\n

\n );\n}",[100,142,133],"c904d12bff8cddaca822cd882cf8fa20034191c757924073d3cae6225768aca7","components","5cb7a1f2-f53e-11ef-937e-569c3dd06744","6e585892-f52b-11ef-a8e1-569c3dd06744","69ed66bc-f52b-11ef-9dac-569c3dd06744",27,["D",1740683366401],"/** @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}",[100,142,133],"572f45a0f0ec99935ff566c31d3bbf761edf962e408c2e2fb6df62cbb636a5c4",{"_73":163,"_75":-7,"_77":164},{"_73":153,"_75":-7,"_77":154},"deno.json",{"_32":155,"_13":153,"_81":156,"_83":-5,"_85":58,"_86":157,"_88":26,"_34":158,"_40":159,"_91":92,"_93":160,"_66":48,"_95":-5,"_96":-7,"_73":161,"_98":162},"8e93dfc8-56a1-11f0-93e3-f69ea79377d9","8e93e0ae-56a1-11f0-93e3-f69ea79377d9",3,["D",1751391233007],0,"{\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}",[153],"f10b65541e22a5ce4184687567a4c1c2dc1ca6b7748052706fa70ed0d511e4b4",".vtignore",{"_32":165,"_13":163,"_81":166,"_83":-5,"_85":58,"_86":167,"_88":26,"_34":168,"_40":159,"_91":92,"_93":169,"_66":48,"_95":-5,"_96":-7,"_73":170,"_98":171},"8e9129c2-56a1-11f0-8435-f69ea79377d9","8e912a94-56a1-11f0-8435-f69ea79377d9",2,["D",1751391233003],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[163],"18f4273e0b959a6002030663e4e449119845617823d38fc9fbbb206c591a8ff5",["D",1751391035109],"legacyEnvVars","httpPrivacy","description","URL-shareable countdown timer","imageUrl","userId","7537ab70-4dd9-11f0-af69-ad2d81fb9912","pinnedFileId","0a9fcfa3-39c8-41b9-b6ff-d5f90bb6b495","pinPreview","pinMigrated","screenshotVersion","likeCount","d95f9e62-1d7b-4f0c-9b4c-91e2bf8736e5","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_211":207},"org",{"_11":12,"_205":-5,"_206":207,"_178":-5,"_208":209,"_210":26},"branch","displayName","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/a879b34a-e7a4-4fd4-0f43-db7c3cde6200/square512?exp=1789581599&sig=d4f81a9f290ab66586f5f2ce39824ba8fce5edcd73f216d778dc7fb30ceb1b54","tier","business","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":59,"_13":14,"_34":333,"_46":-5,"_173":48,"_49":50,"_174":50,"_175":176,"_177":-5,"_178":179,"_180":181,"_182":26,"_183":26,"_184":-5,"_185":159,"_53":186,"_187":-5,"_188":-5,"_189":-5,"_190":-5,"_191":192,"_193":192,"_194":195,"_196":195,"_197":195,"_198":192,"_199":192,"_200":334,"_202":335,"_204":336,"_47":48},"tree",[275,277,284,285,286],"files",[275,276,277,278,279,280,281,282,283,284,285,286],"counts",{"_265":159,"_266":90,"_267":159,"_268":269,"_270":271},"contents",[241,242,243,244,245],"upstreamProject",{"_32":39,"_13":56,"_175":237,"_177":238,"_49":50,"_200":239},"upstreamBranch",{"_32":33,"_34":235,"_36":236,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],["D",1785420707976],"Starter template with client-side React & Hono server","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789581599&sig=be8c9241dcaf80ae72eff5d4763f3300ec6426a8bddc365a5efaae5f85e4dee1",{"_11":52,"_211":240},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789581599&sig=bed85510764f48a9de82762af4b4ce99c525d0ab75e5b57f327c71a53e183d4a",{"_32":260,"_13":261,"_81":262,"_83":-5,"_85":58,"_86":90,"_88":26,"_34":263,"_40":159,"_91":258,"_93":-5,"_66":48,"_95":-5,"_73":264},{"_32":256,"_13":100,"_81":84,"_83":-5,"_85":58,"_86":90,"_88":26,"_34":257,"_40":159,"_91":258,"_93":-5,"_66":48,"_95":-5,"_73":259},{"_32":165,"_13":163,"_81":166,"_83":-5,"_85":58,"_86":167,"_88":26,"_34":254,"_40":159,"_91":92,"_93":169,"_66":48,"_95":-5,"_73":255},{"_32":248,"_13":249,"_81":250,"_83":-5,"_85":58,"_86":90,"_88":26,"_34":251,"_40":159,"_91":92,"_93":252,"_66":48,"_95":-5,"_73":253},{"_32":155,"_13":153,"_81":156,"_83":-5,"_85":58,"_86":157,"_88":26,"_34":246,"_40":159,"_91":92,"_93":160,"_66":48,"_95":-5,"_73":247},["D",1751391233007],[153],"18a9b1de-56a1-11f0-a86a-f69ea79377d9","README.md","46a88462-e829-4a72-8bb3-5d124bbfd1ac",["D",1751391035109],"# React Hono Starter\n\nThis app is a starter template for client-side React and server-side Hono.\n\n## Getting started\n\nGet a copy of this starter template by clicking the **Remix** button in the top-right.\n\n## How it works\n\n- The **entrypoint** is [`/backend/index.ts`](/backend/index.ts). That's the backend HTTP server, which also serves the all the frontend assets.\n\n- The **client-side entrypoint** is [`/frontend/index.html`](/frontend/index.html)\n - which in turn imports [`/frontend/index.tsx`](/frontend/index.tsx)\n - which in turn imports the React app from [`/frontend/components/App.tsx`](/frontend/components/App.tsx).\n\nSo if you wanted to get a sense of how this app comes together, we suggest reading the files in this order: \n\n[`/backend/index.ts`](/backend/index.ts) -> [`/frontend/index.html`](/frontend/index.html) -> [`/frontend/index.tsx`](/frontend/index.tsx) -> [`/frontend/components/App.tsx`](/frontend/components/App.tsx)\n\n## Further resources\n\n- [React Hono Example](https://www.val.town/x/stevekrouse/reactHonoExample) is a bigger example project, with a SQLite database table, queries, client-side CSS, a favicon, and shared code that runs on both client and server.",[249],["D",1751391233003],[163],"18a9b080-56a1-11f0-a86a-f69ea79377d9",["D",1751391035109],"directory",[100],"18a9a504-56a1-11f0-a86a-f69ea79377d9","backend","23687c0b-674e-4116-873e-b719d0a3e852",["D",1751391035109],[261],"pulls","branches","forks","envVars",{"_272":159,"_274":159},"connections",{"_272":159,"_273":159},"count","unfilledCount","emptyCount",{"_32":260,"_13":261,"_81":262,"_83":-5,"_85":58,"_86":90,"_88":26,"_34":330,"_40":159,"_91":258,"_93":-5,"_66":48,"_95":-5,"_96":331,"_73":332},{"_32":322,"_13":323,"_81":181,"_83":262,"_85":58,"_86":90,"_88":26,"_34":324,"_40":159,"_91":325,"_93":326,"_66":48,"_95":327,"_96":328,"_73":329},{"_32":256,"_13":100,"_81":84,"_83":-5,"_85":58,"_86":90,"_88":26,"_34":319,"_40":159,"_91":258,"_93":-5,"_66":48,"_95":-5,"_96":320,"_73":321},{"_32":315,"_13":142,"_81":135,"_83":84,"_85":58,"_86":90,"_88":26,"_34":316,"_40":159,"_91":258,"_93":-5,"_66":48,"_95":-5,"_96":317,"_73":318},{"_32":132,"_13":133,"_81":134,"_83":135,"_85":58,"_86":57,"_88":26,"_34":136,"_40":137,"_91":138,"_93":139,"_66":48,"_95":-5,"_96":313,"_73":314},{"_32":306,"_13":307,"_81":308,"_83":84,"_85":58,"_86":90,"_88":26,"_34":309,"_40":159,"_91":92,"_93":310,"_66":48,"_95":-5,"_96":311,"_73":312},{"_32":113,"_13":114,"_81":115,"_83":84,"_85":58,"_86":116,"_88":26,"_34":117,"_40":90,"_91":92,"_93":118,"_66":48,"_95":-5,"_96":304,"_73":305},{"_32":296,"_13":297,"_81":298,"_83":84,"_85":58,"_86":299,"_88":26,"_34":300,"_40":167,"_91":138,"_93":301,"_66":48,"_95":-5,"_96":302,"_73":303},{"_32":79,"_13":80,"_81":82,"_83":84,"_85":58,"_86":87,"_88":26,"_34":89,"_40":90,"_91":92,"_93":94,"_66":48,"_95":-5,"_96":294,"_73":295},{"_32":165,"_13":163,"_81":166,"_83":-5,"_85":58,"_86":167,"_88":26,"_34":168,"_40":159,"_91":92,"_93":169,"_66":48,"_95":-5,"_96":292,"_73":293},{"_32":248,"_13":249,"_81":250,"_83":-5,"_85":58,"_86":90,"_88":26,"_34":289,"_40":159,"_91":92,"_93":252,"_66":48,"_95":-5,"_96":290,"_73":291},{"_32":155,"_13":153,"_81":156,"_83":-5,"_85":58,"_86":157,"_88":26,"_34":158,"_40":159,"_91":92,"_93":160,"_66":48,"_95":-5,"_96":287,"_73":288},[],[153],["D",1751391035109],[],[249],[],[163],[],[100,80],"3b1588b4-56a2-11f0-a87b-f69ea79377d9","index.tsx","e8656055-7ab1-49fe-883f-b1ffeca8d14f",8,["D",1751391522435],"/** @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();",[],[100,297],[],[100,114],"18a9a9a0-56a1-11f0-a86a-f69ea79377d9","favicon.svg","76f9d322-9a95-4790-9983-c7d9525e6afc",["D",1751391035109],"\n",[],[100,307],[],[100,142,133],"18a9a842-56a1-11f0-a86a-f69ea79377d9",["D",1751391035109],[279],[100,142],["D",1751391035109],[278,280,281,282,283],[100],"18a9a054-56a1-11f0-a86a-f69ea79377d9","index.ts",["D",1751391035109],"http","import { serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\n// Serve index.html at the root /\napp.get(\"/\", async c => {\n return serveFile(\"/frontend/index.html\", import.meta.url);\n});\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Add your API routes here\n// app.get(\"/api/data\", c => c.json({ hello: \"world\" }));\n\n// Unwrap and rethrow Hono errors as the original error\n// If you delete this, all errors will be \"Internal Server Error\"\napp.onError((err, c) => {\n throw err;\n});\n\n// HTTP vals expect an exported \"fetch handler\"\n// This is how you \"run the server\" in Val Town with Hono\nexport default app.fetch;","countdown",[],[261,323],["D",1751391035109],[276],[261],["D",1751391035109],{"_11":12,"_211":207},{"_11":12,"_205":-5,"_206":207,"_178":-5,"_208":209,"_210":26},{"_40":57,"_13":16,"_32":58,"_38":59,"_42":33,"_43":60,"_61":50,"_62":39,"_63":54,"_55":14,"_51":12},"ctx",{"_200":-5,"_232":370,"_371":372,"_373":374,"_375":48,"_376":48,"_377":48,"_378":26,"_379":-5,"_380":-7,"_381":-7,"_382":159,"_383":48,"_384":48,"_385":-5,"_386":48,"_387":48,"_388":48,"_389":-5},"ENV",{"_341":342,"_343":344,"_345":16,"_346":347,"_348":349,"_350":351,"_352":353,"_354":355,"_356":357,"_358":359,"_360":361,"_362":363,"_364":365,"_366":367,"_368":369},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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"]

Compare

Mergekilocode/mainintotemplates/main

frontend/components/App.tsx+342-5

frontend/index.html+2-2

frontend/style.css+3-16

.vtignore+6-0

deno.json+37-0