${appHtml}

\n \n \n \n `;\n\n return c.html(html);\n});\n\nexport default app.fetch;","label","children",[72],"contentHash","cc11802f5756d2d60ed0657e85d746275d34890d9d47410ce9690bd06d63ac27","89b104ec-0c1c-11f0-a015-569c3dd06744","122089bc-0b30-11f0-9093-569c3dd06744",37,["D",1743197715704],17,"/** @jsxImportSource https://esm.sh/react@19 */\nimport React from \"https://esm.sh/react@19\";\nimport { renderToString } from \"https://esm.sh/react-dom@19/server\";\nimport App from \"./App.tsx\";\n\nconst CLIENT_MODULE = import.meta.url.replace(\"http.tsx\", \"client.tsx\");\n\nexport default async function (req: Request): Promise {\n const app = renderToString();\n const html = `\n \n \n React Starter\n \n \n

${app}

\n \n \n \n `;\n\n return new Response(html, {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });\n}",[72],"252b8b116b8902009603e99b3ed194c53285ba8358dc620563c99a0b7255f39e","App.tsx",{"_32":115,"_13":103,"_78":116,"_80":-5,"_81":33,"_82":41,"_83":26,"_34":117,"_40":118,"_86":111,"_88":119,"_65":48,"_90":-5,"_91":-7,"_71":120,"_93":121},{"_32":106,"_13":103,"_78":107,"_80":-5,"_81":58,"_82":108,"_83":26,"_34":109,"_40":110,"_86":111,"_88":112,"_65":48,"_90":-5,"_91":-7,"_71":113,"_93":114},"6e721264-a2fa-11f0-8202-0224a6c84d84","0199bb62-e953-7441-84ee-f10b054bb72b",6,["D",1759785692686],1,"script","/** @jsxImportSource https://esm.sh/react@19 */\nimport { useState } from \"https://esm.sh/react@19\";\n\nexport default function App() {\n const [inputCode, setInputCode] = useState(\"\");\n const [outputCode, setOutputCode] = useState(\"\");\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(\"\");\n\n const handleGolf = async () => {\n if (!inputCode.trim()) {\n setError(\"Please enter some code to golf\");\n return;\n }\n\n setLoading(true);\n setError(\"\");\n\n try {\n const response = await fetch(\"/api/golf\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ code: inputCode }),\n });\n\n if (!response.ok) {\n throw new Error(\"Failed to golf code\");\n }\n\n const data = await response.json();\n setOutputCode(data.result);\n } catch (err) {\n setError(err instanceof Error ? err.message : \"An error occurred\");\n } finally {\n setLoading(false);\n }\n };\n\n const handleUngolf = async () => {\n if (!inputCode.trim()) {\n setError(\"Please enter some code to un-golf\");\n return;\n }\n\n setLoading(true);\n setError(\"\");\n\n try {\n const response = await fetch(\"/api/ungolf\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ code: inputCode }),\n });\n\n if (!response.ok) {\n throw new Error(\"Failed to un-golf code\");\n }\n\n const data = await response.json();\n setOutputCode(data.result);\n } catch (err) {\n setError(err instanceof Error ? err.message : \"An error occurred\");\n } finally {\n setLoading(false);\n }\n };\n\n const handleCopy = () => {\n navigator.clipboard.writeText(outputCode);\n };\n\n const handleSwap = () => {\n setInputCode(outputCode);\n setOutputCode(inputCode);\n };\n\n return (\n

⛳ Code Golf Tool

\n Compress your code to the minimum or make golfed code readable\n

\n\n

\n {/* Input Panel */}\n

\n \n Input Code\n \n setInputCode(e.target.value)}\n placeholder=\"Paste your code here...\"\n className=\"flex-1 min-h-[500px] p-4 bg-gray-800 text-white rounded-lg border border-gray-700 focus:border-blue-500 focus:outline-none font-mono text-sm resize-none\"\n />\n

\n\n {/* Output Panel */}\n

\n \n Output Code\n \n \n

\n\n {/* Controls */}\n

\n \n {loading ? \"Processing...\" : \"⛳ Golf\"}\n \n\n \n {loading ? \"Processing...\" : \"📖 Un-Golf\"}\n \n\n \n 🔄 Swap\n \n\n \n 📋 Copy Output\n \n

\n\n {/* Error Display */}\n {error && (\n

\n Error: {error}\n

\n )}\n\n {/* Info */}\n

\n Powered by OpenAI GPT-4o-mini • Built on Val Town\n

\n );\n}\n",[103],"6a9db388d442593b5695e75d9b180d704048d38d15ddf24d3491af71e937c5bb","954cd650-0c1c-11f0-b116-569c3dd06744","d523e314-0b30-11f0-86a7-569c3dd06744",["D",1743197735178],5,"/** @jsxImportSource https://esm.sh/react@19 */\nimport { useState } from \"https://esm.sh/react@19\";\n\nexport default function App () {\n const [count, setCount] = useState(0);\n \n return (\n

Hello

{count}

\n \n

\n )\n}",[103],"3948b8e814e2c4f894fa2b4faa2b30bf4d7db8d91de68c046fa03e10f840fe4f",["D",1759785445647],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","019977b1-1bd1-730d-a575-2665305dd849","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019977b1-1bd1-730d-a575-2afdc309b42c","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_160":156},"org",{"_11":12,"_153":154,"_155":156,"_127":128,"_157":158,"_159":48},"branch","displayName","WHP","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zMzZ1Q1ZnYnREY3RBMjh5TWtPbU5vS01MejYifQ","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":59,"_13":14,"_34":235,"_46":-5,"_123":48,"_49":50,"_124":50,"_125":-5,"_126":-5,"_127":128,"_129":79,"_130":26,"_131":26,"_132":-5,"_133":22,"_53":134,"_135":-5,"_136":-5,"_137":-5,"_138":-5,"_139":140,"_141":140,"_142":143,"_144":143,"_145":143,"_146":140,"_147":140,"_148":236,"_150":237,"_152":238,"_47":48},"tree",[221,222,223,224],"files",[221,222,223,224],"counts",{"_211":22,"_212":110,"_213":22,"_214":215,"_216":217},"contents",[191,192,193,194],"file","upstreamProject",{"_32":39,"_13":56,"_125":187,"_126":188,"_49":50,"_148":189},"upstreamBranch",{"_32":33,"_34":185,"_36":186,"_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",1743096145603],["D",1743197735178],"Minimal React starter with SSR","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/a0afa007-3e32-4914-a751-f7efceecae00/square512?exp=1789541999&sig=eff6442534b25b1137cff1390e2c5ee2a2bd3a3b88f0e05a03d81e012b4ccafc",{"_11":52,"_160":190},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/fca87e60-4ad1-453c-af10-2782c6823400/square512?exp=1789541999&sig=cd7ab82d7a2c251c2954a6081b82296502810d9ea0d3ea85e441f8b36f960103",{"_32":106,"_13":103,"_78":107,"_80":-5,"_81":58,"_82":108,"_83":26,"_34":209,"_40":110,"_86":111,"_88":112,"_65":48,"_90":-5,"_71":210},{"_32":203,"_13":204,"_78":205,"_80":-5,"_81":58,"_82":110,"_83":26,"_34":206,"_40":22,"_86":172,"_88":207,"_65":48,"_90":-5,"_71":208},{"_32":197,"_13":198,"_78":199,"_80":-5,"_81":58,"_82":110,"_83":26,"_34":200,"_40":22,"_86":111,"_88":201,"_65":48,"_90":-5,"_71":202},{"_32":77,"_13":72,"_78":79,"_80":-5,"_81":58,"_82":57,"_83":26,"_34":195,"_40":85,"_86":87,"_88":89,"_65":48,"_90":14,"_71":196},["D",1760119487431],[72],"db3d20ce-a2f9-11f0-90c1-0224a6c84d84","client.tsx","0199bb62-e953-7441-84ee-fa94efdb7135",["D",1759785445647],"/** @jsxImportSource https://esm.sh/react@19 */\nimport React from \"https://esm.sh/react@19\"\nimport { hydrateRoot } from \"https://esm.sh/react-dom@19/client\";\nimport App from \"./App.tsx\"\n\nconst div = document.getElementById(\"app\");\nhydrateRoot(div, );",[198],"db3d1e62-a2f9-11f0-90c1-0224a6c84d84","README.md","0199bb62-e953-7441-84ee-f52cebf72965",["D",1759785445647],"# React Starter\n\nMinimal React SSR example for Val Town\n[View Demo](https://jxnblk--122089bc0b3011f09093569c3dd06744.web.val.run/)\n\nRemix this project to start building your own React app\n\n## How it works\n\nThe `http.tsx` file is the main entry point and serves the app.\nIt renders the `App` component on the server and wraps it in an HTML response.\nThis HTML response includes a `

Compare

Mergewillemhelmet/mainintojxnblk/main

App.tsx+161-9

Hhttp.tsx+76-10