Get Sophie's Project

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

\n );\n}",[],[195,201,207],{"_103":217,"_95":218,"_157":219,"_159":202,"_160":140,"_161":220,"_162":117,"_105":221,"_100":222,"_164":212,"_166":223,"_167":22,"_168":-5,"_169":224,"_99":225},"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}",[],[195,201,218],[195,201],{"_103":228,"_95":229,"_157":230,"_159":196,"_160":140,"_161":120,"_162":117,"_105":231,"_100":32,"_164":177,"_166":232,"_167":22,"_168":-5,"_169":233,"_99":234},"e2e715b8-f486-11ef-b1d7-569c3dd06744","favicon.svg","61497137-c777-4be7-86ba-f1f4034e18a4",["D",1740604564126],"",[],[195,229],{"_103":236,"_95":237,"_157":238,"_159":196,"_160":140,"_161":120,"_162":117,"_105":239,"_100":32,"_164":177,"_166":240,"_167":22,"_168":-5,"_169":241,"_99":242},"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",[],[195,237],{"_103":244,"_95":245,"_157":246,"_159":196,"_160":140,"_161":247,"_162":117,"_105":248,"_100":222,"_164":212,"_166":249,"_167":22,"_168":-5,"_169":250,"_99":251},"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();",[],[195,245],{"_103":253,"_95":254,"_157":255,"_159":196,"_160":140,"_161":120,"_162":117,"_105":256,"_100":32,"_164":177,"_166":257,"_167":22,"_168":-5,"_169":258,"_99":259},"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}",[],[195,254],[195],{"_103":262,"_95":263,"_157":264,"_159":-5,"_160":140,"_161":120,"_162":117,"_105":265,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":266,"_99":276},"e2e7201c-f486-11ef-b1d7-569c3dd06744","shared","70d331d7-a590-4e61-896d-8cb555c7aa53",["D",1740604564126],[267],{"_103":268,"_95":269,"_157":270,"_159":264,"_160":140,"_161":271,"_162":117,"_105":272,"_100":120,"_164":212,"_166":273,"_167":22,"_168":-5,"_169":274,"_99":275},"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;",[],[263,269],[263],{"_103":278,"_95":173,"_157":279,"_159":-5,"_160":140,"_161":139,"_162":117,"_105":280,"_100":281,"_164":177,"_166":282,"_167":22,"_168":-5,"_169":283,"_99":284},"ee82f41a-f48a-11ef-8e85-569c3dd06744","05f8eb75-d66b-434f-8d60-6384f35bf05f",["D",1740606301591],6,"# 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 can only download my public/unlisted projects. 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 forked the [reactHonoStarter](https://www.val.town/x/stevekrouse/reactHonoStarter) to get started quickly (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",[],[173],"files",[154,171,181,193,199,205,216,227,235,243,252,261,267,277],"counts",{"_289":120,"_290":291,"_292":222,"_293":32},"pulls","branches",5,"forks","envVars","contents",[296,299,302,305],{"_103":155,"_95":156,"_157":158,"_159":-5,"_160":140,"_161":120,"_162":117,"_105":297,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_99":298},["D",1740604564126],[156],{"_103":194,"_95":195,"_157":196,"_159":-5,"_160":140,"_161":120,"_162":117,"_105":300,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_99":301},["D",1740604564126],[195],{"_103":262,"_95":263,"_157":264,"_159":-5,"_160":140,"_161":120,"_162":117,"_105":303,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_99":304},["D",1740604564126],[263],{"_103":278,"_95":173,"_157":279,"_159":-5,"_160":140,"_161":139,"_162":117,"_105":306,"_100":281,"_164":177,"_166":282,"_167":22,"_168":-5,"_99":307},["D",1740606301591],[173],"upstreamProject",{"_103":310,"_95":311,"_111":312,"_112":-5,"_109":110,"_23":313},"41ef0130-f2f5-11ef-891c-569c3dd06744","reactHonoExample","Example with client-side React & Hono server",{"_93":314,"_132":315},"stevekrouse","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","upstreamBranch",{"_103":143,"_105":318,"_319":320,"_95":321,"_141":104,"_100":322,"_142":323,"_144":291,"_324":325,"_107":-5,"_151":22,"_109":110,"_150":94,"_16":121,"_149":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","routes/_app.x.$handle.$name.branch.$branch.code.$",{"_93":94,"_95":96,"_97":98,"_100":-7,"_99":72,"_101":330,"_152":335,"_285":378,"_177":-7,"_294":379,"_388":389,"_392":117,"_393":-5,"_394":32,"_395":32,"_396":397},{"_103":104,"_95":96,"_105":331,"_107":-5,"_108":22,"_109":110,"_111":-5,"_112":-5,"_14":113,"_114":115,"_116":117,"_118":-5,"_119":120,"_16":121,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":123,"_23":332,"_134":333,"_137":334,"_151":22},["D",1740582463346],{"_93":94,"_132":133},{"_93":94,"_136":133},{"_100":139,"_95":98,"_103":140,"_141":104,"_142":143,"_144":145,"_146":110,"_147":104,"_148":121,"_149":96,"_150":94},[336,345,369,375],{"_103":155,"_95":156,"_157":158,"_159":-5,"_160":140,"_161":120,"_162":117,"_105":163,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":337,"_99":344},[338,341],{"_103":172,"_95":173,"_157":174,"_159":158,"_160":140,"_161":175,"_162":117,"_105":176,"_100":120,"_164":177,"_166":178,"_167":22,"_168":-5,"_169":339,"_99":340},[],[156,173],{"_103":182,"_95":183,"_157":184,"_159":158,"_160":140,"_161":185,"_162":117,"_105":186,"_100":187,"_164":188,"_166":189,"_167":22,"_168":-5,"_169":342,"_99":343},[],[156,183],[156],{"_103":194,"_95":195,"_157":196,"_159":-5,"_160":140,"_161":120,"_162":117,"_105":197,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":346,"_99":368},[347,356,359,362,365],{"_103":200,"_95":201,"_157":202,"_159":196,"_160":140,"_161":120,"_162":117,"_105":203,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":348,"_99":355},[349,352],{"_103":206,"_95":207,"_157":208,"_159":202,"_160":140,"_161":209,"_162":117,"_105":210,"_100":211,"_164":212,"_166":213,"_167":22,"_168":-5,"_169":350,"_99":351},[],[195,201,207],{"_103":217,"_95":218,"_157":219,"_159":202,"_160":140,"_161":220,"_162":117,"_105":221,"_100":222,"_164":212,"_166":223,"_167":22,"_168":-5,"_169":353,"_99":354},[],[195,201,218],[195,201],{"_103":228,"_95":229,"_157":230,"_159":196,"_160":140,"_161":120,"_162":117,"_105":231,"_100":32,"_164":177,"_166":232,"_167":22,"_168":-5,"_169":357,"_99":358},[],[195,229],{"_103":236,"_95":237,"_157":238,"_159":196,"_160":140,"_161":120,"_162":117,"_105":239,"_100":32,"_164":177,"_166":240,"_167":22,"_168":-5,"_169":360,"_99":361},[],[195,237],{"_103":244,"_95":245,"_157":246,"_159":196,"_160":140,"_161":247,"_162":117,"_105":248,"_100":222,"_164":212,"_166":249,"_167":22,"_168":-5,"_169":363,"_99":364},[],[195,245],{"_103":253,"_95":254,"_157":255,"_159":196,"_160":140,"_161":120,"_162":117,"_105":256,"_100":32,"_164":177,"_166":257,"_167":22,"_168":-5,"_169":366,"_99":367},[],[195,254],[195],{"_103":262,"_95":263,"_157":264,"_159":-5,"_160":140,"_161":120,"_162":117,"_105":265,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":370,"_99":374},[371],{"_103":268,"_95":269,"_157":270,"_159":264,"_160":140,"_161":271,"_162":117,"_105":272,"_100":120,"_164":212,"_166":273,"_167":22,"_168":-5,"_169":372,"_99":373},[],[263,269],[263],{"_103":278,"_95":173,"_157":279,"_159":-5,"_160":140,"_161":139,"_162":117,"_105":280,"_100":281,"_164":177,"_166":282,"_167":22,"_168":-5,"_169":376,"_99":377},[],[173],[336,338,341,345,347,349,352,356,359,362,365,369,371,375],[380,382,384,386],{"_103":155,"_95":156,"_157":158,"_159":-5,"_160":140,"_161":120,"_162":117,"_105":297,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_99":381},[156],{"_103":194,"_95":195,"_157":196,"_159":-5,"_160":140,"_161":120,"_162":117,"_105":300,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_99":383},[195],{"_103":262,"_95":263,"_157":264,"_159":-5,"_160":140,"_161":120,"_162":117,"_105":303,"_100":32,"_164":165,"_166":-5,"_167":22,"_168":-5,"_99":385},[263],{"_103":278,"_95":173,"_157":279,"_159":-5,"_160":140,"_161":139,"_162":117,"_105":306,"_100":281,"_164":177,"_166":282,"_167":22,"_168":-5,"_99":387},[173],"upstream",{"_103":143,"_105":390,"_319":391,"_95":321,"_141":104,"_100":322,"_142":323,"_144":291,"_324":325,"_107":-5,"_151":22,"_109":110,"_150":94,"_16":121,"_149":96},["D",1740583762917],["D",1740606387411],"showCompareCallout","pull","ahead","behind","templates",[],"actionData","errors"]