Get hiiii's Project

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

\n );\n}",[],[177,183,189],{"_103":198,"_96":199,"_141":200,"_143":184,"_144":130,"_145":91,"_147":148,"_105":201,"_100":146,"_150":193,"_152":202,"_153":26,"_154":203,"_99":204},"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}",[],[177,183,199],[177,183],{"_103":207,"_96":208,"_141":209,"_143":178,"_144":130,"_145":146,"_147":148,"_105":210,"_100":32,"_150":161,"_152":211,"_153":26,"_154":212,"_99":213},"792edc48-f48e-11ef-9206-569c3dd06744","favicon.svg","49b00f9c-bc68-4384-8730-93ff89484e01",["D",1740607822697],"",[],[177,208],{"_103":215,"_96":216,"_141":217,"_143":178,"_144":130,"_145":218,"_147":148,"_105":219,"_100":192,"_150":161,"_152":220,"_153":26,"_154":221,"_99":222},"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",[],[177,216],{"_103":224,"_96":225,"_141":226,"_143":178,"_144":130,"_145":146,"_147":148,"_105":227,"_100":32,"_150":193,"_152":228,"_153":26,"_154":229,"_99":230},"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();",[],[177,225],{"_103":232,"_96":233,"_141":234,"_143":178,"_144":130,"_145":146,"_147":148,"_105":235,"_100":32,"_150":161,"_152":236,"_153":26,"_154":237,"_99":238},"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}",[],[177,233],[177],{"_103":241,"_96":242,"_141":243,"_143":-5,"_144":130,"_145":146,"_147":148,"_105":244,"_100":32,"_150":151,"_152":-5,"_153":26,"_154":245,"_99":254},"792ee490-f48e-11ef-9206-569c3dd06744","shared","70d52220-4979-4f52-b6e6-3581988c4c2c",["D",1740607822697],[246],{"_103":247,"_96":248,"_141":249,"_143":243,"_144":130,"_145":146,"_147":148,"_105":250,"_100":32,"_150":193,"_152":251,"_153":26,"_154":252,"_99":253},"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;",[],[242,248],[242],{"_103":256,"_96":158,"_141":257,"_143":-5,"_144":130,"_145":146,"_147":148,"_105":258,"_100":32,"_150":161,"_152":259,"_153":26,"_154":260,"_99":261},"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",[],[158],"files",[138,156,165,175,181,187,197,206,214,223,231,240,246,255],"counts",{"_266":32,"_267":91,"_268":32,"_269":32},"pulls","branches","forks","envVars","contents",[272,275,278,281],{"_103":139,"_96":140,"_141":142,"_143":-5,"_144":130,"_145":146,"_147":148,"_105":273,"_100":32,"_150":151,"_152":-5,"_153":26,"_99":274},["D",1740607822697],[140],{"_103":176,"_96":177,"_141":178,"_143":-5,"_144":130,"_145":146,"_147":148,"_105":276,"_100":32,"_150":151,"_152":-5,"_153":26,"_99":277},["D",1740607822697],[177],{"_103":241,"_96":242,"_141":243,"_143":-5,"_144":130,"_145":146,"_147":148,"_105":279,"_100":32,"_150":151,"_152":-5,"_153":26,"_99":280},["D",1740607822697],[242],{"_103":256,"_96":158,"_141":257,"_143":-5,"_144":130,"_145":146,"_147":148,"_105":282,"_100":32,"_150":161,"_152":259,"_153":26,"_99":283},["D",1740607822697],[158],"upstream",{"_103":286,"_96":97,"_110":-5,"_111":-5,"_108":109,"_20":287},"6dcf8f2c-f453-11ef-bc06-569c3dd06744",{"_94":288,"_125":289},"shouser","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJzR3VCb2xOR0loZEIwRWg5cnlVZUt4ajlpQiJ9","routes/_app.x.$handle.$name.branch.$branch.history",{"_94":95,"_96":97,"_98":42,"_101":292,"_296":297},{"_103":104,"_96":97,"_105":293,"_107":-5,"_108":109,"_110":-5,"_111":-5,"_11":112,"_113":-5,"_114":26,"_115":116,"_117":116,"_118":119,"_120":119,"_121":119,"_122":116,"_123":26,"_20":294,"_127":295},["D",1740607822697],{"_94":95,"_125":126},{"_100":129,"_96":42,"_103":130,"_131":104,"_132":133,"_134":135},"history",[298,303,309,315,320,325,331,337,344,349],{"_141":190,"_100":129,"_105":299,"_144":130,"_262":300},["D",1741025709207],[301],{"_141":190,"_143":184,"_96":189,"_105":299,"_150":193,"_152":194,"_144":130,"_145":129,"_153":26,"_147":148,"_99":302},[177,183,189],{"_141":190,"_100":304,"_105":305,"_144":130,"_262":306},9,["D",1741025709082],[307],{"_141":190,"_143":184,"_96":189,"_105":305,"_150":193,"_152":194,"_144":130,"_145":304,"_153":26,"_147":26,"_99":308},[177,183,189],{"_141":190,"_100":310,"_105":311,"_144":130,"_262":312},8,["D",1741025708891],[313],{"_141":190,"_143":184,"_96":189,"_105":311,"_150":193,"_152":194,"_144":130,"_145":310,"_153":26,"_147":26,"_99":314},[177,183,189],{"_141":217,"_100":218,"_105":316,"_144":130,"_262":317},["D",1741025689584],[318],{"_141":217,"_143":178,"_96":216,"_105":316,"_150":161,"_152":220,"_144":130,"_145":218,"_153":26,"_147":148,"_99":319},[177,216],{"_141":217,"_100":135,"_105":321,"_144":130,"_262":322},["D",1741025689307],[323],{"_141":217,"_143":178,"_96":216,"_105":321,"_150":161,"_152":220,"_144":130,"_145":135,"_153":26,"_147":26,"_99":324},[177,216],{"_141":217,"_100":326,"_105":327,"_144":130,"_262":328},5,["D",1741025678687],[329],{"_141":217,"_143":178,"_96":216,"_105":327,"_150":161,"_152":220,"_144":130,"_145":326,"_153":26,"_147":26,"_99":330},[177,216],{"_141":217,"_100":192,"_105":332,"_144":130,"_262":333},["D",1741025440758],[334],{"_141":217,"_143":178,"_96":216,"_105":332,"_150":161,"_152":335,"_144":130,"_145":192,"_153":26,"_147":26,"_99":336},"\n\n \n \n \n React Hono Val Town Starter Template\n \n \n \n \n

\n \n \n",[177,216],{"_141":190,"_100":338,"_105":339,"_144":130,"_262":340},3,["D",1740607852073],[341],{"_141":190,"_143":184,"_96":189,"_105":339,"_150":193,"_152":342,"_144":130,"_145":338,"_153":26,"_147":26,"_99":343},"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { type Message, MESSAGE_LIMIT } from \"../../shared/utils.ts\";\nimport { MessageInput } from \"./MessageInput.tsx\";\n\nexport function App(\n { initialMessages = [], thisProjectURL }: { initialMessages?: Message[]; thisProjectURL?: string },\n) {\n const [messages, setMessages] = React.useState(initialMessages);\n\n return (\n

Get Charmaine's Project

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

\n );\n}",[177,183,189],{"_141":200,"_100":91,"_105":345,"_144":130,"_262":346},["D",1740607839328],[347],{"_141":200,"_143":184,"_96":199,"_105":345,"_150":193,"_152":202,"_144":130,"_145":91,"_153":26,"_147":148,"_99":348},[177,183,199],{"_141":257,"_100":146,"_105":350,"_144":130,"_262":351},["D",1740607822697],[352,354,357,360,363,367,370,373,376,379,382,386,389,392],{"_141":257,"_143":-5,"_96":158,"_105":350,"_150":161,"_152":259,"_144":130,"_145":146,"_153":26,"_147":148,"_99":353},[158],{"_141":159,"_143":142,"_96":158,"_105":355,"_150":161,"_152":162,"_144":130,"_145":146,"_153":26,"_147":148,"_99":356},["D",1740607822697],[140,158],{"_141":243,"_143":-5,"_96":242,"_105":358,"_150":151,"_152":-5,"_144":130,"_145":146,"_153":26,"_147":148,"_99":359},["D",1740607822697],[242],{"_141":234,"_143":178,"_96":233,"_105":361,"_150":161,"_152":236,"_144":130,"_145":146,"_153":26,"_147":148,"_99":362},["D",1740607822697],[177,233],{"_141":190,"_143":184,"_96":189,"_105":364,"_150":193,"_152":365,"_144":130,"_145":146,"_153":26,"_147":26,"_99":366},["D",1740607822697],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { type Message, MESSAGE_LIMIT } from \"../../shared/utils.ts\";\nimport { MessageInput } from \"./MessageInput.tsx\";\n\nexport function App(\n { initialMessages = [], thisProjectURL }: { initialMessages?: Message[]; thisProjectURL?: string },\n) {\n const [messages, setMessages] = React.useState(initialMessages);\n\n return (\n

Get Sophie's Project

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

\n );\n}",[177,183,189],{"_141":249,"_143":243,"_96":248,"_105":368,"_150":193,"_152":251,"_144":130,"_145":146,"_153":26,"_147":148,"_99":369},["D",1740607822697],[242,248],{"_141":142,"_143":-5,"_96":140,"_105":371,"_150":151,"_152":-5,"_144":130,"_145":146,"_153":26,"_147":148,"_99":372},["D",1740607822697],[140],{"_141":184,"_143":178,"_96":183,"_105":374,"_150":151,"_152":-5,"_144":130,"_145":146,"_153":26,"_147":148,"_99":375},["D",1740607822697],[177,183],{"_141":209,"_143":178,"_96":208,"_105":377,"_150":161,"_152":211,"_144":130,"_145":146,"_153":26,"_147":148,"_99":378},["D",1740607822697],[177,208],{"_141":178,"_143":-5,"_96":177,"_105":380,"_150":151,"_152":-5,"_144":130,"_145":146,"_153":26,"_147":148,"_99":381},["D",1740607822697],[177],{"_141":217,"_143":178,"_96":216,"_105":383,"_150":161,"_152":384,"_144":130,"_145":146,"_153":26,"_147":26,"_99":385},["D",1740607822697],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n",[177,216],{"_141":168,"_143":142,"_96":167,"_105":387,"_150":170,"_152":171,"_144":130,"_145":146,"_153":26,"_147":148,"_99":388},["D",1740607822697],[140,167],{"_141":226,"_143":178,"_96":225,"_105":390,"_150":193,"_152":228,"_144":130,"_145":146,"_153":26,"_147":148,"_99":391},["D",1740607822697],[177,225],{"_141":200,"_143":184,"_96":199,"_105":393,"_150":193,"_152":394,"_144":130,"_145":146,"_153":26,"_147":26,"_99":395},["D",1740607822697],"/** @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

History