Get Sophie's Project

\n \n {thisProjectURL\n ? (\n \n )\n : null}\n

\n );\n}",[],[100,202,208],{"_105":218,"_95":219,"_159":220,"_161":203,"_162":142,"_163":221,"_164":119,"_107":222,"_101":223,"_166":213,"_168":224,"_169":22,"_170":-5,"_171":225,"_99":226},"dee54540-f489-11ef-a0d2-569c3dd06744","MessageInput.tsx","2b7b2e94-511a-4601-87ce-8775bc07102d",31,["D",1740605845895],2,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport type { Message } from \"../shared/types.ts\";\n\nexport function MessageInput({ onSubmit }: { onSubmit: () => void }) {\n const [message, setMessage] = React.useState(\"\");\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n if (!message.trim()) return;\n\n try {\n const username = \"shouser\"; // PUT YOUR USERNAME HERE\n const projectName = message.trim();\n const response = await fetch(\n `/zip-project?username=${encodeURIComponent(username)}&projectName=${encodeURIComponent(projectName)}`,\n {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n\n if (response.ok) {\n const blob = await response.blob();\n const url = URL.createObjectURL(blob);\n\n const downloadLink = document.createElement(\"a\");\n downloadLink.href = url;\n downloadLink.download = `${projectName}.zip`;\n document.body.appendChild(downloadLink);\n downloadLink.click();\n document.body.removeChild(downloadLink);\n\n setTimeout(() => {\n URL.revokeObjectURL(url);\n }, 100);\n\n onSubmit();\n setMessage(\"\");\n }\n } catch (error) {\n console.error(\"Download failed\", error);\n }\n };\n\n return (\n

\n setMessage(e.target.value)}\n placeholder=\"Type a project name...\"\n />\n \n \n );\n}",[],[100,202,219],[100,202],{"_105":229,"_95":230,"_159":231,"_161":197,"_162":142,"_163":122,"_164":119,"_107":232,"_101":32,"_166":179,"_168":233,"_169":22,"_170":-5,"_171":234,"_99":235},"e2e715b8-f486-11ef-b1d7-569c3dd06744","favicon.svg","61497137-c777-4be7-86ba-f1f4034e18a4",["D",1740604564126],"",[],[100,230],{"_105":237,"_95":238,"_159":239,"_161":197,"_162":142,"_163":122,"_164":119,"_107":240,"_101":32,"_166":179,"_168":241,"_169":22,"_170":-5,"_171":242,"_99":243},"e2e7175c-f486-11ef-b1d7-569c3dd06744","index.html","802ecd8e-1495-4baf-a6b1-1bae0847d24c",["D",1740604564126],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n",[],[100,238],{"_105":245,"_95":246,"_159":247,"_161":197,"_162":142,"_163":248,"_164":119,"_107":249,"_101":223,"_166":213,"_168":250,"_169":22,"_170":-5,"_171":251,"_99":252},"29816fd0-f489-11ef-b2f4-569c3dd06744","index.tsx","a143d9e5-9437-4093-9a88-041c1e204ee1",25,["D",1740605541575],"/** @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\ndeclare global {\n interface Window {\n __INITIAL_DATA__: {};\n }\n}\n\ncreateRoot(root).render();",[],[100,246],{"_105":254,"_95":255,"_159":256,"_161":197,"_162":142,"_163":122,"_164":119,"_107":257,"_101":32,"_166":179,"_168":258,"_169":22,"_170":-5,"_171":259,"_99":260},"e2e71a40-f486-11ef-b1d7-569c3dd06744","style.css","d2c1b371-c8fd-4ea6-baf3-b253db470268",["D",1740604564126],"body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n max-width: 600px;\n margin: 0 auto;\n padding: 20px;\n background-color: #f4f4f4;\n}\n\n.message-board {\n background: white;\n border-radius: 8px;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n padding: 20px;\n}\n\n.message-input {\n display: flex;\n margin-top: 20px;\n}\n\n.message-input input {\n flex-grow: 1;\n padding: 10px;\n border: 1px solid #ddd;\n border-radius: 4px;\n margin-right: 10px;\n}\n\n.message-input button {\n padding: 10px 15px;\n background-color: #007bff;\n color: white;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n}\n\n.message-list {\n max-height: 400px;\n overflow-y: auto;\n}\n\n.message-item {\n background-color: #f9f9f9;\n border-radius: 4px;\n padding: 10px;\n margin-bottom: 10px;\n}\n\n.message-item p {\n margin: 0 0 5px 0;\n}\n\n.message-item small {\n color: #888;\n font-size: 0.7em;\n}\n\nfooter {\n text-align: center;\n margin-top: 20px;\n}",[],[100,255],[100],{"_105":263,"_95":264,"_159":265,"_161":-5,"_162":142,"_163":122,"_164":119,"_107":266,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":267,"_99":277},"e2e7201c-f486-11ef-b1d7-569c3dd06744","shared","70d331d7-a590-4e61-896d-8cb555c7aa53",["D",1740604564126],[268],{"_105":269,"_95":270,"_159":271,"_161":265,"_162":142,"_163":272,"_164":119,"_107":273,"_101":122,"_166":213,"_168":274,"_169":22,"_170":-5,"_171":275,"_99":276},"453ae468-f489-11ef-8216-569c3dd06744","utils.ts","410f1727-869c-46d1-bb02-1edf3dce59f9",27,["D",1740605588090],"// LEFTOVER FROM TEMPLATE, NOT USED\nexport interface Message {\n content: string;\n}\n\nexport const MESSAGE_LIMIT = 5;",[],[264,270],[264],{"_105":279,"_95":175,"_159":280,"_161":-5,"_162":142,"_163":102,"_164":22,"_107":281,"_101":223,"_166":179,"_168":282,"_169":22,"_170":-5,"_171":283,"_99":284},"962944fe-f48a-11ef-aba1-569c3dd06744","05f8eb75-d66b-434f-8d60-6384f35bf05f",["D",1740606153365],"# Download Projects as a Zip\n\nThis is a proof of concept, showing how to download Val Town projects as zip files. For now, I've hardcoded my username into the code, so you\ncan only download my public projects as zip files. To see it working, type the name of this project **getProjectsAsZips** and press download. Waalaah!\n\nIf you fork this project, you can update the hardcoded username in frontend/MessageInput.tsx. I used forked this project template to get started\nquickly (it's great), hence the weird naming and leftover code you'll see around this project.\n\n## Next Steps\nI'd love it if someone wanted to send me a PR and tackle either of these two:\n\n1. Add ability for users to input their own username\n2. Add ability for users to input their API token so they can see private projects",[],[175],"files",[156,173,183,195,200,206,217,228,236,244,253,262,268,278],"counts",{"_289":122,"_290":291,"_292":223,"_293":294},"pulls","branches",5,"forks","envVars",{"_295":32,"_296":32},"count","emptyCount","contents",[299,302,305,308,311],{"_105":201,"_95":202,"_159":203,"_161":197,"_162":142,"_163":122,"_164":119,"_107":300,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_99":301},["D",1740604564126],[100,202],{"_105":229,"_95":230,"_159":231,"_161":197,"_162":142,"_163":122,"_164":119,"_107":303,"_101":32,"_166":179,"_168":233,"_169":22,"_170":-5,"_99":304},["D",1740604564126],[100,230],{"_105":237,"_95":238,"_159":239,"_161":197,"_162":142,"_163":122,"_164":119,"_107":306,"_101":32,"_166":179,"_168":241,"_169":22,"_170":-5,"_99":307},["D",1740604564126],[100,238],{"_105":245,"_95":246,"_159":247,"_161":197,"_162":142,"_163":248,"_164":119,"_107":309,"_101":223,"_166":213,"_168":250,"_169":22,"_170":-5,"_99":310},["D",1740605541575],[100,246],{"_105":254,"_95":255,"_159":256,"_161":197,"_162":142,"_163":122,"_164":119,"_107":312,"_101":32,"_166":179,"_168":258,"_169":22,"_170":-5,"_99":313},["D",1740604564126],[100,255],{"_105":196,"_95":100,"_159":197,"_161":-5,"_162":142,"_163":122,"_164":119,"_107":315,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_99":316},["D",1740604564126],[100],"upstreamProject",{"_105":319,"_95":320,"_113":321,"_114":-5,"_111":112,"_23":322},"41ef0130-f2f5-11ef-891c-569c3dd06744","reactHonoExample","Example with client-side React & Hono server",{"_93":323,"_134":324},"stevekrouse","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","upstreamBranch",{"_105":145,"_107":327,"_328":329,"_95":330,"_143":106,"_101":331,"_144":332,"_146":291,"_333":334,"_109":-5,"_153":22,"_111":112,"_152":94,"_16":123,"_151":96},["D",1740583762917],"updatedAt",["D",1740606387411],"get-project-zip",66,"6dd24424-f453-11ef-bc06-569c3dd06744","lockfileKey","1748803127498-esm.town_v_shouser_getProjectsAsZips@66-get-project-zip","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_93":94,"_95":96,"_97":98,"_101":102,"_99":100,"_103":341,"_154":346,"_285":389,"_179":390,"_297":392,"_403":404,"_407":-5,"_408":32,"_409":32,"_410":411},{"_105":106,"_95":96,"_107":342,"_109":-5,"_110":22,"_111":112,"_113":-5,"_114":-5,"_14":115,"_116":117,"_118":119,"_120":-5,"_121":122,"_16":123,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":125,"_23":343,"_136":344,"_139":345,"_153":22},["D",1740582463346],{"_93":94,"_134":135},{"_93":94,"_138":135},{"_101":141,"_95":98,"_105":142,"_143":106,"_144":145,"_146":147,"_148":112,"_149":106,"_150":123,"_151":96,"_152":94},[347,356,380,386],{"_105":157,"_95":158,"_159":160,"_161":-5,"_162":142,"_163":122,"_164":119,"_107":165,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":348,"_99":355},[349,352],{"_105":174,"_95":175,"_159":176,"_161":160,"_162":142,"_163":177,"_164":119,"_107":178,"_101":122,"_166":179,"_168":180,"_169":22,"_170":-5,"_171":350,"_99":351},[],[158,175],{"_105":184,"_95":185,"_159":186,"_161":160,"_162":142,"_163":187,"_164":119,"_107":188,"_101":189,"_166":190,"_168":191,"_169":22,"_170":-5,"_171":353,"_99":354},[],[158,185],[158],{"_105":196,"_95":100,"_159":197,"_161":-5,"_162":142,"_163":122,"_164":119,"_107":198,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":357,"_99":379},[358,367,370,373,376],{"_105":201,"_95":202,"_159":203,"_161":197,"_162":142,"_163":122,"_164":119,"_107":204,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":359,"_99":366},[360,363],{"_105":207,"_95":208,"_159":209,"_161":203,"_162":142,"_163":210,"_164":119,"_107":211,"_101":212,"_166":213,"_168":214,"_169":22,"_170":-5,"_171":361,"_99":362},[],[100,202,208],{"_105":218,"_95":219,"_159":220,"_161":203,"_162":142,"_163":221,"_164":119,"_107":222,"_101":223,"_166":213,"_168":224,"_169":22,"_170":-5,"_171":364,"_99":365},[],[100,202,219],[100,202],{"_105":229,"_95":230,"_159":231,"_161":197,"_162":142,"_163":122,"_164":119,"_107":232,"_101":32,"_166":179,"_168":233,"_169":22,"_170":-5,"_171":368,"_99":369},[],[100,230],{"_105":237,"_95":238,"_159":239,"_161":197,"_162":142,"_163":122,"_164":119,"_107":240,"_101":32,"_166":179,"_168":241,"_169":22,"_170":-5,"_171":371,"_99":372},[],[100,238],{"_105":245,"_95":246,"_159":247,"_161":197,"_162":142,"_163":248,"_164":119,"_107":249,"_101":223,"_166":213,"_168":250,"_169":22,"_170":-5,"_171":374,"_99":375},[],[100,246],{"_105":254,"_95":255,"_159":256,"_161":197,"_162":142,"_163":122,"_164":119,"_107":257,"_101":32,"_166":179,"_168":258,"_169":22,"_170":-5,"_171":377,"_99":378},[],[100,255],[100],{"_105":263,"_95":264,"_159":265,"_161":-5,"_162":142,"_163":122,"_164":119,"_107":266,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":381,"_99":385},[382],{"_105":269,"_95":270,"_159":271,"_161":265,"_162":142,"_163":272,"_164":119,"_107":273,"_101":122,"_166":213,"_168":274,"_169":22,"_170":-5,"_171":383,"_99":384},[],[264,270],[264],{"_105":279,"_95":175,"_159":280,"_161":-5,"_162":142,"_163":102,"_164":22,"_107":281,"_101":223,"_166":179,"_168":282,"_169":22,"_170":-5,"_171":387,"_99":388},[],[175],[347,349,352,356,358,360,363,367,370,373,376,380,382,386],{"_105":196,"_95":100,"_159":197,"_161":-5,"_162":142,"_163":122,"_164":119,"_107":315,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_99":391},[100],[393,395,397,399,401],{"_105":201,"_95":202,"_159":203,"_161":197,"_162":142,"_163":122,"_164":119,"_107":300,"_101":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_99":394},[100,202],{"_105":229,"_95":230,"_159":231,"_161":197,"_162":142,"_163":122,"_164":119,"_107":303,"_101":32,"_166":179,"_168":233,"_169":22,"_170":-5,"_99":396},[100,230],{"_105":237,"_95":238,"_159":239,"_161":197,"_162":142,"_163":122,"_164":119,"_107":306,"_101":32,"_166":179,"_168":241,"_169":22,"_170":-5,"_99":398},[100,238],{"_105":245,"_95":246,"_159":247,"_161":197,"_162":142,"_163":248,"_164":119,"_107":309,"_101":223,"_166":213,"_168":250,"_169":22,"_170":-5,"_99":400},[100,246],{"_105":254,"_95":255,"_159":256,"_161":197,"_162":142,"_163":122,"_164":119,"_107":312,"_101":32,"_166":179,"_168":258,"_169":22,"_170":-5,"_99":402},[100,255],"upstream",{"_105":145,"_107":405,"_328":406,"_95":330,"_143":106,"_101":331,"_144":332,"_146":291,"_333":334,"_109":-5,"_153":22,"_111":112,"_152":94,"_16":123,"_151":96},["D",1740583762917],["D",1740606387411],"pull","ahead","behind","templates",[],"actionData","errors"]