Get Sophie's Project

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

\n );\n}",[],[181,187,193],{"_105":201,"_96":202,"_145":203,"_147":188,"_148":134,"_149":133,"_151":118,"_107":204,"_102":205,"_153":196,"_155":206,"_156":26,"_157":207,"_100":208},"21abf5d0-f48b-11ef-a48d-569c3dd06744","MessageInput.tsx","8267aa92-1c8a-4538-ab2a-9bba61078c6e",["D",1740606387411],14,"/** @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}",[],[181,187,202],[181,187],{"_105":211,"_96":212,"_145":213,"_147":182,"_148":134,"_149":150,"_151":118,"_107":214,"_102":32,"_153":164,"_155":215,"_156":26,"_157":216,"_100":217},"746b6056-f456-11ef-843b-569c3dd06744","favicon.svg","c28b0f89-7fe6-4332-ac3a-ec36fd69240c",["D",1740583762924],"",[],[181,212],{"_105":219,"_96":220,"_145":221,"_147":182,"_148":134,"_149":150,"_151":118,"_107":222,"_102":32,"_153":164,"_155":223,"_156":26,"_157":224,"_100":225},"746b6178-f456-11ef-843b-569c3dd06744","index.html","edcd665d-80d7-4942-83ff-27fa62fbe9d1",["D",1740583762924],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n",[],[181,220],{"_105":227,"_96":228,"_145":229,"_147":182,"_148":134,"_149":133,"_151":118,"_107":230,"_102":150,"_153":196,"_155":231,"_156":26,"_157":232,"_100":233},"21abf7ce-f48b-11ef-a48d-569c3dd06744","index.tsx","b5973642-295a-4e79-b9ec-de4a9a146d04",["D",1740606387411],"/** @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();",[],[181,228],{"_105":235,"_96":236,"_145":237,"_147":182,"_148":134,"_149":150,"_151":118,"_107":238,"_102":32,"_153":164,"_155":239,"_156":26,"_157":240,"_100":241},"746b642a-f456-11ef-843b-569c3dd06744","style.css","dc1f7ad6-9558-483d-b888-f52edb2feca4",["D",1740583762924],"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}",[],[181,236],[181],{"_105":244,"_96":245,"_145":246,"_147":-5,"_148":134,"_149":150,"_151":118,"_107":247,"_102":32,"_153":154,"_155":-5,"_156":26,"_157":248,"_100":257},"746b6862-f456-11ef-843b-569c3dd06744","shared","86f49bf9-48b0-4762-be54-970f921ccf1a",["D",1740583762924],[249],{"_105":250,"_96":251,"_145":252,"_147":246,"_148":134,"_149":133,"_151":118,"_107":253,"_102":150,"_153":196,"_155":254,"_156":26,"_157":255,"_100":256},"21abfb0c-f48b-11ef-a48d-569c3dd06744","utils.ts","bb2b2b76-5164-47e8-97fe-7525f91f4c8c",["D",1740606387411],"// LEFTOVER FROM TEMPLATE, NOT USED\nexport interface Message {\n content: string;\n}\n\nexport const MESSAGE_LIMIT = 5;",[],[245,251],[245],{"_105":259,"_96":161,"_145":260,"_147":-5,"_148":134,"_149":133,"_151":118,"_107":261,"_102":150,"_153":164,"_155":262,"_156":26,"_157":263,"_100":264},"21abdcda-f48b-11ef-a48d-569c3dd06744","9705a344-4513-40f8-aeaf-a0bc503e4e29",["D",1740606387411],"# 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",[],[161],"files",[142,159,168,179,185,191,200,210,218,226,234,243,249,258],"counts",{"_269":91,"_270":139,"_271":91,"_272":32},"pulls","branches","forks","envVars","contents",[],{"_105":201,"_96":202,"_145":203,"_147":188,"_148":134,"_149":133,"_151":118,"_107":276,"_102":205,"_153":196,"_155":206,"_156":26,"_100":277},["D",1740606387411],[181,187,202],"upstream",{"_105":280,"_96":281,"_112":282,"_113":-5,"_110":111,"_20":283},"41ef0130-f2f5-11ef-891c-569c3dd06744","reactHonoExample","Example with client-side React & Hono server",{"_94":284,"_129":285},"stevekrouse","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_94":95,"_96":97,"_98":99,"_100":101,"_103":288,"_164":292,"_295":296,"_374":375},{"_105":106,"_96":97,"_107":289,"_109":-5,"_110":111,"_112":-5,"_113":-5,"_11":114,"_115":116,"_117":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":26,"_20":290,"_131":291},["D",1740582463346],{"_94":95,"_129":130},{"_102":133,"_96":99,"_105":134,"_135":106,"_136":137,"_138":139},{"_105":201,"_96":202,"_145":203,"_147":188,"_148":134,"_149":133,"_151":118,"_107":293,"_102":205,"_153":196,"_155":206,"_156":26,"_100":294},["D",1740606387411],[181,187,202],"history",[297,299,305,311,317,323,329,335,341,347,351,357,362,366,370],{"_105":201,"_145":203,"_96":202,"_153":196,"_155":206,"_147":188,"_148":134,"_102":205,"_149":133,"_156":26,"_107":298,"_151":118},["D",1740606387411],{"_105":300,"_145":203,"_96":202,"_153":196,"_155":301,"_147":188,"_148":134,"_102":302,"_149":303,"_156":26,"_107":304,"_151":26},"2df14384-f483-11ef-93a0-569c3dd06744","/** @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\";\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}",13,65,["D",1740602972039],{"_105":306,"_145":203,"_96":202,"_153":196,"_155":307,"_147":188,"_148":134,"_102":308,"_149":309,"_156":26,"_107":310,"_151":26},"03954c66-f483-11ef-85c7-569c3dd06744","/** @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\";\n const projectName = \"utils\";\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}",12,64,["D",1740602900969],{"_105":312,"_145":203,"_96":202,"_153":196,"_155":313,"_147":188,"_148":134,"_102":314,"_149":315,"_156":26,"_107":316,"_151":26},"f9d8a006-f482-11ef-bc00-569c3dd06744","/** @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\";\n const projectName = \"utils\";\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}",11,63,["D",1740602884632],{"_105":318,"_145":203,"_96":202,"_153":196,"_155":319,"_147":188,"_148":134,"_102":320,"_149":321,"_156":26,"_107":322,"_151":26},"bc39970a-f482-11ef-9d80-569c3dd06744","/** @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\";\n const projectName = \"utils\";\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 message...\"\n />\n \n \n );\n}",10,61,["D",1740602781249],{"_105":324,"_145":203,"_96":202,"_153":196,"_155":325,"_147":188,"_148":134,"_102":326,"_149":327,"_156":26,"_107":328,"_151":26},"b6de0804-f482-11ef-b95e-569c3dd06744","/** @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\";\n const projectName = \"utils\";\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 // Get blob directly from response\n const blob = await response.blob();\n const url = URL.createObjectURL(blob);\n\n // Trigger download\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 // Clean up URL\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 message...\"\n />\n \n \n );\n}",9,60,["D",1740602772261],{"_105":330,"_145":203,"_96":202,"_153":196,"_155":331,"_147":188,"_148":134,"_102":332,"_149":333,"_156":26,"_107":334,"_151":26},"328eda38-f482-11ef-8c9d-569c3dd06744","/** @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 response = await fetch(\"/messages\", {\n // method: \"POST\",\n // headers: { \"Content-Type\": \"application/json\" },\n // body: JSON.stringify({ content: message }),\n // });\n\n const username = \"shouser\";\n const projectName = \"utils\";\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 // Get blob directly from response\n const blob = await response.blob();\n const url = URL.createObjectURL(blob);\n\n // Trigger download\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 // Clean up URL\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 message...\"\n />\n \n \n );\n}",8,54,["D",1740602550283],{"_105":336,"_145":203,"_96":202,"_153":196,"_155":337,"_147":188,"_148":134,"_102":338,"_149":339,"_156":26,"_107":340,"_151":26},"2ad4fd68-f482-11ef-93a0-569c3dd06744","/** @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 response = await fetch(\"/messages\", {\n // method: \"POST\",\n // headers: { \"Content-Type\": \"application/json\" },\n // body: JSON.stringify({ content: message }),\n // });\n\n const username = \"shouser\";\n const projectName = \"utils\";\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 // Get blob directly from response\n const blob = await response.blob();\n const url = URL.createObjectURL(blob);\n \n // Trigger download\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 // Clean up URL\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 } catch (error) {\n console.error(\"Message submission failed\", error);\n }\n };\n\n return (\n

\n setMessage(e.target.value)}\n placeholder=\"Type a message...\"\n />\n \n \n );\n}",7,53,["D",1740602537324],{"_105":342,"_145":203,"_96":202,"_153":196,"_155":343,"_147":188,"_148":134,"_102":344,"_149":345,"_156":26,"_107":346,"_151":26},"eb39e006-f481-11ef-aff2-569c3dd06744","/** @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 response = await fetch(\"/messages\", {\n // method: \"POST\",\n // headers: { \"Content-Type\": \"application/json\" },\n // body: JSON.stringify({ content: message }),\n // });\n\n const username = \"shouser\";\n const projectName = \"utils\";\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 data = await response.json();\n\n if (data.success && data.zipUrl) {\n // Use the zipUrl directly - it's already a URL string, not a blob\n const downloadLink = document.createElement(\"a\");\n downloadLink.href = data.zipUrl;\n downloadLink.download = `${projectName}.zip`;\n document.body.appendChild(downloadLink);\n downloadLink.click();\n document.body.removeChild(downloadLink);\n\n // No need to revoke URL since we didn't create the object URL ourselves\n // The URL should be cleaned up on the server instead\n\n // Reset form\n onSubmit();\n setMessage(\"\");\n } else {\n console.error(\"Failed to get ZIP URL:\", data.error);\n }\n }\n } catch (error) {\n console.error(\"Message submission failed\", error);\n }\n };\n\n return (\n

\n setMessage(e.target.value)}\n placeholder=\"Type a message...\"\n />\n \n \n );\n}",6,52,["D",1740602430609],{"_105":348,"_145":203,"_96":202,"_153":196,"_155":349,"_147":188,"_148":134,"_102":139,"_149":173,"_156":26,"_107":350,"_151":26},"a7104398-f481-11ef-b88f-569c3dd06744","/** @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 response = await fetch(\"/messages\", {\n // method: \"POST\",\n // headers: { \"Content-Type\": \"application/json\" },\n // body: JSON.stringify({ content: message }),\n // });\n\n const username = \"shouser\";\n const projectName = \"utils\";\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 console.log(\"response from post\", response);\n const blob = await response.body.zipUrl;\n\n const url = URL.createObjectURL(blob);\n\n const downloadLink = document.createElement(\"a\");\n downloadLink.href = url;\n downloadLink.download = `${projectName}.zip`; // Set filename\n\n document.body.appendChild(downloadLink);\n downloadLink.click();\n document.body.removeChild(downloadLink);\n\n setTimeout(() => {\n URL.revokeObjectURL(url);\n }, 100);\n\n // Reset form\n onSubmit();\n setMessage(\"\");\n }\n } catch (error) {\n console.error(\"Message submission failed\", error);\n }\n };\n\n return (\n

\n setMessage(e.target.value)}\n placeholder=\"Type a message...\"\n />\n \n \n );\n}",["D",1740602316244],{"_105":352,"_145":203,"_96":202,"_153":196,"_155":353,"_147":188,"_148":134,"_102":354,"_149":355,"_156":26,"_107":356,"_151":26},"3b6e3aa0-f481-11ef-a835-569c3dd06744","/** @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 response = await fetch(\"/messages\", {\n // method: \"POST\",\n // headers: { \"Content-Type\": \"application/json\" },\n // body: JSON.stringify({ content: message }),\n // });\n\n const username = \"shouser\";\n const projectName = \"utils\";\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 console.log(\"response from post\", response);\n const blob = await response.blob();\n\n const url = URL.createObjectURL(blob);\n\n const downloadLink = document.createElement(\"a\");\n downloadLink.href = url;\n downloadLink.download = `${projectName}.zip`; // Set filename\n\n document.body.appendChild(downloadLink);\n downloadLink.click();\n document.body.removeChild(downloadLink);\n\n setTimeout(() => {\n URL.revokeObjectURL(url);\n }, 100);\n\n // Reset form\n onSubmit();\n setMessage(\"\");\n }\n } catch (error) {\n console.error(\"Message submission failed\", error);\n }\n };\n\n return (\n

\n setMessage(e.target.value)}\n placeholder=\"Type a message...\"\n />\n \n \n );\n}",4,48,["D",1740602135674],{"_105":358,"_145":203,"_96":202,"_153":196,"_155":359,"_147":188,"_148":134,"_102":360,"_149":326,"_156":26,"_107":361,"_151":26},"55955158-f45d-11ef-b787-569c3dd06744","/** @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 response = await fetch(\"/messages\", {\n // method: \"POST\",\n // headers: { \"Content-Type\": \"application/json\" },\n // body: JSON.stringify({ content: message }),\n // });\n\n const username = \"shouser\";\n const projectName = \"utils\";\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 onSubmit();\n setMessage(\"\");\n }\n } catch (error) {\n console.error(\"Message submission failed\", error);\n }\n };\n\n return (\n

\n setMessage(e.target.value)}\n placeholder=\"Type a message...\"\n />\n \n \n );\n}",3,["D",1740586717665],{"_105":363,"_145":203,"_96":202,"_153":196,"_155":364,"_147":188,"_148":134,"_102":91,"_149":344,"_156":26,"_107":365,"_151":26},"8c6b6fd8-f45c-11ef-ba1a-569c3dd06744","/** @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 response = await fetch(\"/messages\", {\n // method: \"POST\",\n // headers: { \"Content-Type\": \"application/json\" },\n // body: JSON.stringify({ content: message }),\n // });\n\n const response = await fetch(\"/zip-project\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n username: \"shouser\",\n projectName: \"utils\",\n }),\n });\n\n if (response.ok) {\n onSubmit();\n setMessage(\"\");\n }\n } catch (error) {\n console.error(\"Message submission failed\", error);\n }\n };\n\n return (\n

\n setMessage(e.target.value)}\n placeholder=\"Type a message...\"\n />\n \n \n );\n}",["D",1740586380172],{"_105":367,"_145":203,"_96":202,"_153":196,"_155":368,"_147":188,"_148":134,"_102":150,"_149":139,"_156":26,"_107":369,"_151":26},"4cd553ca-f45c-11ef-933f-569c3dd06744","/** @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 response = await fetch(\"/messages\", {\n // method: \"POST\",\n // headers: { \"Content-Type\": \"application/json\" },\n // body: JSON.stringify({ content: message }),\n // });\n\n const response = await fetch(\"/zip-project\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ content: message }),\n });\n\n if (response.ok) {\n onSubmit();\n setMessage(\"\");\n }\n } catch (error) {\n console.error(\"Message submission failed\", error);\n }\n };\n\n return (\n

\n setMessage(e.target.value)}\n placeholder=\"Type a message...\"\n />\n \n \n );\n}",["D",1740586273476],{"_105":371,"_145":203,"_96":202,"_153":196,"_155":372,"_147":188,"_148":134,"_102":32,"_149":150,"_156":26,"_107":373,"_151":26},"746b5bc4-f456-11ef-843b-569c3dd06744","/** @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 response = await fetch(\"/messages\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ content: message }),\n });\n\n if (response.ok) {\n onSubmit();\n setMessage(\"\");\n }\n } catch (error) {\n console.error(\"Message submission failed\", error);\n }\n };\n\n return (\n

History for MessageInput.tsx