Get hiiii's Project

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

\n );\n}",[],[188,194,200],{"_107":209,"_99":210,"_151":211,"_153":195,"_154":137,"_155":94,"_157":158,"_109":212,"_104":156,"_160":204,"_162":213,"_163":27,"_164":-5,"_165":214,"_102":215},"8312c83c-f48e-11ef-8199-569c3dd06744","MessageInput.tsx","1eb8b585-c804-4377-87de-35a2c8cff1d1",["D",1740607839328],"/** @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 = \"charmaine\"; // 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}",[],[188,194,210],[188,194],{"_107":218,"_99":219,"_151":220,"_153":189,"_154":137,"_155":156,"_157":158,"_109":221,"_104":33,"_160":172,"_162":222,"_163":27,"_164":-5,"_165":223,"_102":224},"792edc48-f48e-11ef-9206-569c3dd06744","favicon.svg","49b00f9c-bc68-4384-8730-93ff89484e01",["D",1740607822697],"",[],[188,219],{"_107":226,"_99":227,"_151":228,"_153":189,"_154":137,"_155":229,"_157":158,"_109":230,"_104":203,"_160":172,"_162":231,"_163":27,"_164":-5,"_165":232,"_102":233},"653c3304-f85b-11ef-b087-569c3dd06744","index.html","c4d95eec-9e48-42c5-9acf-b9eeb1fc0156",7,["D",1741025689584],"\n\n \n \n \n React Hono Val Town Starter Template hiiiii\n \n \n \n \n

\n \n \n",[],[188,227],{"_107":235,"_99":236,"_151":237,"_153":189,"_154":137,"_155":156,"_157":158,"_109":238,"_104":33,"_160":204,"_162":239,"_163":27,"_164":-5,"_165":240,"_102":241},"792ede96-f48e-11ef-9206-569c3dd06744","index.tsx","1f2c857d-9b39-4573-a62c-1bca9d843d11",["D",1740607822697],"/** @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();",[],[188,236],{"_107":243,"_99":244,"_151":245,"_153":189,"_154":137,"_155":156,"_157":158,"_109":246,"_104":33,"_160":172,"_162":247,"_163":27,"_164":-5,"_165":248,"_102":249},"792edf90-f48e-11ef-9206-569c3dd06744","style.css","7aa2fcc6-dd82-474d-8d09-b6a4a831b078",["D",1740607822697],"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}",[],[188,244],[188],{"_107":252,"_99":253,"_151":254,"_153":-5,"_154":137,"_155":156,"_157":158,"_109":255,"_104":33,"_160":161,"_162":-5,"_163":27,"_164":-5,"_165":256,"_102":265},"792ee490-f48e-11ef-9206-569c3dd06744","shared","70d52220-4979-4f52-b6e6-3581988c4c2c",["D",1740607822697],[257],{"_107":258,"_99":259,"_151":260,"_153":254,"_154":137,"_155":156,"_157":158,"_109":261,"_104":33,"_160":204,"_162":262,"_163":27,"_164":-5,"_165":263,"_102":264},"792ee2b0-f48e-11ef-9206-569c3dd06744","utils.ts","7ec11b8f-bd4d-4418-9ed2-13a2670e13f5",["D",1740607822697],"// LEFTOVER FROM TEMPLATE, NOT USED\nexport interface Message {\n content: string;\n}\n\nexport const MESSAGE_LIMIT = 5;",[],[253,259],[253],{"_107":267,"_99":169,"_151":268,"_153":-5,"_154":137,"_155":156,"_157":158,"_109":269,"_104":33,"_160":172,"_162":270,"_163":27,"_164":-5,"_165":271,"_102":272},"792ee59e-f48e-11ef-9206-569c3dd06744","eba94ff0-bd09-465f-a86c-32fac1913578",["D",1740607822697],"# 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",[],[169],"files",[148,167,176,186,192,198,208,217,225,234,242,251,257,266],"counts",{"_277":33,"_278":94,"_279":33,"_280":33},"pulls","branches","forks","envVars","contents",[],{"_107":177,"_99":178,"_151":179,"_153":152,"_154":137,"_155":156,"_157":158,"_109":284,"_104":33,"_160":181,"_162":182,"_163":27,"_164":-5,"_102":285},["D",1740607822697],[150,178],"upstream",{"_107":288,"_99":100,"_115":-5,"_116":-5,"_113":114,"_21":289},"6dcf8f2c-f453-11ef-bc06-569c3dd06744",{"_97":290,"_132":291},"shouser","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJzR3VCb2xOR0loZEIwRWg5cnlVZUt4ajlpQiJ9","screenshots","emptyEnvVars","isNew","routes/_app.x.$handle.$name.code.$",{"_97":98,"_99":100,"_101":43,"_104":-7,"_102":103,"_105":297,"_146":301,"_273":344,"_172":345,"_281":347,"_286":348,"_359":27,"_360":-5},{"_107":108,"_99":100,"_109":298,"_111":-5,"_112":27,"_113":114,"_115":-5,"_116":-5,"_12":117,"_118":-5,"_119":27,"_120":-5,"_121":33,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":27,"_21":299,"_134":300},["D",1740607822697],{"_97":98,"_132":133},{"_104":136,"_99":43,"_107":137,"_138":108,"_139":140,"_141":142,"_143":114,"_144":145},[302,311,335,341],{"_107":149,"_99":150,"_151":152,"_153":-5,"_154":137,"_155":156,"_157":158,"_109":159,"_104":33,"_160":161,"_162":-5,"_163":27,"_164":-5,"_165":303,"_102":310},[304,307],{"_107":168,"_99":169,"_151":170,"_153":152,"_154":137,"_155":156,"_157":158,"_109":171,"_104":33,"_160":172,"_162":173,"_163":27,"_164":-5,"_165":305,"_102":306},[],[150,169],{"_107":177,"_99":178,"_151":179,"_153":152,"_154":137,"_155":156,"_157":158,"_109":180,"_104":33,"_160":181,"_162":182,"_163":27,"_164":-5,"_165":308,"_102":309},[],[150,178],[150],{"_107":187,"_99":188,"_151":189,"_153":-5,"_154":137,"_155":156,"_157":158,"_109":190,"_104":33,"_160":161,"_162":-5,"_163":27,"_164":-5,"_165":312,"_102":334},[313,322,325,328,331],{"_107":193,"_99":194,"_151":195,"_153":189,"_154":137,"_155":156,"_157":158,"_109":196,"_104":33,"_160":161,"_162":-5,"_163":27,"_164":-5,"_165":314,"_102":321},[315,318],{"_107":199,"_99":200,"_151":201,"_153":195,"_154":137,"_155":136,"_157":158,"_109":202,"_104":203,"_160":204,"_162":205,"_163":27,"_164":-5,"_165":316,"_102":317},[],[188,194,200],{"_107":209,"_99":210,"_151":211,"_153":195,"_154":137,"_155":94,"_157":158,"_109":212,"_104":156,"_160":204,"_162":213,"_163":27,"_164":-5,"_165":319,"_102":320},[],[188,194,210],[188,194],{"_107":218,"_99":219,"_151":220,"_153":189,"_154":137,"_155":156,"_157":158,"_109":221,"_104":33,"_160":172,"_162":222,"_163":27,"_164":-5,"_165":323,"_102":324},[],[188,219],{"_107":226,"_99":227,"_151":228,"_153":189,"_154":137,"_155":229,"_157":158,"_109":230,"_104":203,"_160":172,"_162":231,"_163":27,"_164":-5,"_165":326,"_102":327},[],[188,227],{"_107":235,"_99":236,"_151":237,"_153":189,"_154":137,"_155":156,"_157":158,"_109":238,"_104":33,"_160":204,"_162":239,"_163":27,"_164":-5,"_165":329,"_102":330},[],[188,236],{"_107":243,"_99":244,"_151":245,"_153":189,"_154":137,"_155":156,"_157":158,"_109":246,"_104":33,"_160":172,"_162":247,"_163":27,"_164":-5,"_165":332,"_102":333},[],[188,244],[188],{"_107":252,"_99":253,"_151":254,"_153":-5,"_154":137,"_155":156,"_157":158,"_109":255,"_104":33,"_160":161,"_162":-5,"_163":27,"_164":-5,"_165":336,"_102":340},[337],{"_107":258,"_99":259,"_151":260,"_153":254,"_154":137,"_155":156,"_157":158,"_109":261,"_104":33,"_160":204,"_162":262,"_163":27,"_164":-5,"_165":338,"_102":339},[],[253,259],[253],{"_107":267,"_99":169,"_151":268,"_153":-5,"_154":137,"_155":156,"_157":158,"_109":269,"_104":33,"_160":172,"_162":270,"_163":27,"_164":-5,"_165":342,"_102":343},[],[169],[302,304,307,311,313,315,318,322,325,328,331,335,337,341],{"_107":177,"_99":178,"_151":179,"_153":152,"_154":137,"_155":156,"_157":158,"_109":284,"_104":33,"_160":181,"_162":182,"_163":27,"_164":-5,"_102":346},[150,178],[],{"_107":140,"_109":349,"_350":351,"_99":43,"_138":288,"_104":352,"_139":353,"_141":354,"_355":356,"_130":27,"_113":114,"_357":290,"_358":100},["D",1740582463346],"updatedAt",["D",1741204231628],11,"41ef5540-f2f5-11ef-891c-569c3dd06744",217,"lockfileKey","1744590139881-esm.town_v_shouser_getProjectsAsZips@11-main","userHandle","projectName","showCompareCallout","pull","routes/_app","actionData","errors"]