[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_279":280,"_281":282},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_202":-5,"_20":203,"_22":204,"_205":206,"_207":208,"_26":209,"_24":210,"_211":212,"_213":214,"_215":53,"_216":217,"_218":72,"_219":-5,"_220":-5,"_221":222},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":-5,"_31":32,"_33":32,"_34":-5},"handle","shouser","name","getProjectsAsZips","branchName","fix-pagination","version","path","frontend/components","project",{"_35":43,"_13":14,"_37":159,"_51":-5,"_160":53,"_54":55,"_161":55,"_162":-5,"_163":-5,"_164":165,"_166":167,"_168":72,"_169":-5,"_170":-5,"_171":70,"_57":58,"_172":-5,"_173":-5,"_174":-5,"_175":-5,"_176":177,"_178":177,"_179":180,"_181":180,"_182":180,"_183":177,"_184":177,"_185":186,"_187":188,"_189":190,"_52":53},"tree",[88,89,90],"file",{"_35":83,"_67":68,"_63":66,"_13":82,"_76":-5,"_74":84,"_17":32,"_65":85,"_37":86,"_69":70,"_79":-5,"_18":87},"contents",[60],"upstream",{"_35":36,"_37":38,"_39":40,"_13":41,"_42":43,"_17":44,"_45":46,"_47":48,"_49":50,"_51":-5,"_52":53,"_54":55,"_56":12,"_57":58,"_59":14},"pull","ahead",0,"behind","envVars","id","6dd24424-f453-11ef-bc06-569c3dd06744","createdAt",["D",1740582463346],"updatedAt",["D",1741204231628],"main","projectId","6dcf8f2c-f453-11ef-bc06-569c3dd06744",11,"forkedBranchId","41ef5540-f2f5-11ef-891c-569c3dd06744","forkedBranchVersion",217,"lockfileKey","1764223003398-esm.town_v_shouser_getProjectsAsZips@11-main","deletedAt","isOwned",false,"privacy","public","userHandle","orgId","a64c2ee7-6cd7-4fb7-9ff6-03782ed89739","projectName",{"_35":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_37":73,"_17":32,"_74":75,"_76":77,"_78":53,"_79":-5,"_18":80},"4a31b006-f604-11ef-9be1-569c3dd06744","App.tsx","fileId","3aab3e36-6eaf-4ab2-bccb-96c0dd69abc7","parentId","a3d55aa1-8603-4e1e-b4bf-0dd4017c95d0","branchId","4a2f824a-f604-11ef-9be1-569c3dd06744","branchVersion",1,"latest",true,["D",1740768375677],"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { MessageInput } from \"./MessageInput.tsx\";\n\nexport function App({ projects }: { projects: any[] }) {\n const [url, setURL] = React.useState(\"\");\n\n return (\n

Download Val Town Project

\n Download any public or unlisted Val Town project as a zip via its URL.\n setURL(e.target.value)}\n placeholder=\"https://www.val.town/x/shouser/getProjectsAsZips\"\n style={{\n display: \"block\",\n \"border\": \"1px solid black\",\n \"padding\": \"10px\",\n \"margin\": \"10px 0\",\n }}\n />\n \n Download\n \n

\n All Projects\n

\n {projects.map((project) => (\n \n \n {project.author.username}/{project.name}\n \n Download\n

\n ))}\n

\n \n );\n}","deleted","label",[81,82,62],"frontend","components","4a31b290-f604-11ef-9be1-569c3dd06744","directory","f85e7395-d990-43e0-b8ce-2078a68735f6",["D",1740768375677],[81,82],{"_35":143,"_13":144,"_63":145,"_65":-5,"_67":68,"_69":70,"_71":72,"_37":146,"_17":32,"_74":84,"_76":-5,"_78":53,"_79":-5,"_96":147,"_18":148},{"_35":99,"_13":81,"_63":85,"_65":-5,"_67":68,"_69":70,"_71":72,"_37":100,"_17":32,"_74":84,"_76":-5,"_78":53,"_79":-5,"_96":101,"_18":102},{"_35":91,"_13":92,"_63":93,"_65":-5,"_67":68,"_69":70,"_71":72,"_37":94,"_17":32,"_74":24,"_76":95,"_78":53,"_79":-5,"_96":97,"_18":98},"4a31dc52-f604-11ef-9be1-569c3dd06744","README.md","a2f9f9c6-f83b-4822-9f82-f32cd7bbba36",["D",1740768375677],"# 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","children",[],[92],"4a31dac2-f604-11ef-9be1-569c3dd06744",["D",1740768375677],[103,104,105,106,107],[81],{"_35":83,"_13":82,"_63":66,"_65":85,"_67":68,"_69":70,"_71":72,"_37":136,"_17":32,"_74":84,"_76":-5,"_78":53,"_79":-5,"_96":137,"_18":138},{"_35":129,"_13":130,"_63":131,"_65":85,"_67":68,"_69":70,"_71":72,"_37":132,"_17":32,"_74":24,"_76":133,"_78":53,"_79":-5,"_96":134,"_18":135},{"_35":122,"_13":123,"_63":124,"_65":85,"_67":68,"_69":70,"_71":72,"_37":125,"_17":32,"_74":24,"_76":126,"_78":53,"_79":-5,"_96":127,"_18":128},{"_35":115,"_13":116,"_63":117,"_65":85,"_67":68,"_69":70,"_71":72,"_37":118,"_17":32,"_74":75,"_76":119,"_78":53,"_79":-5,"_96":120,"_18":121},{"_35":108,"_13":109,"_63":110,"_65":85,"_67":68,"_69":70,"_71":72,"_37":111,"_17":32,"_74":24,"_76":112,"_78":53,"_79":-5,"_96":113,"_18":114},"4a31d946-f604-11ef-9be1-569c3dd06744","style.css","7c0cf23a-8345-4a45-b507-f6b08d38e331",["D",1740768375677],"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\n\nfooter {\n text-align: center;\n margin-top: 20px;\n}",[],[81,109],"4a31d798-f604-11ef-9be1-569c3dd06744","index.tsx","140a573f-69d4-42cb-a7ba-7a5fe8175353",["D",1740768375677],"/** @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\ncreateRoot(root).render();",[],[81,116],"4a31d4e6-f604-11ef-9be1-569c3dd06744","index.html","6eed68da-59d7-43f8-8a45-ba493fcf809b",["D",1740768375677],"\n\n \n \n \n Get Projects As Zips\n \n \n \n \n

\n \n \n",[],[81,123],"4a31b416-f604-11ef-9be1-569c3dd06744","favicon.svg","10be9c57-e19b-41c2-ad91-581086931a1e",["D",1740768375677],"",[],[81,130],["D",1740768375677],[139],[81,82],{"_35":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_37":140,"_17":32,"_74":75,"_76":77,"_78":53,"_79":-5,"_96":141,"_18":142},["D",1740768375677],[],[81,82,62],"4a31adb8-f604-11ef-9be1-569c3dd06744","backend","e275af05-8122-49bc-80c4-a766dfbf96de",["D",1740768375677],[149],[144],{"_35":150,"_13":151,"_63":152,"_65":145,"_67":68,"_69":153,"_71":72,"_37":154,"_17":70,"_74":155,"_76":156,"_78":53,"_79":-5,"_96":157,"_18":158},"5d967424-f604-11ef-9091-569c3dd06744","index.ts","643a1488-7947-49ef-8c8e-de346b49f22a",2,["D",1740768408212],"http","import { parseProject, readFile, serveFile } from \"https://esm.town/v/std/utils@71-main/index.ts\";\nimport ValTown from \"npm:@valtown/sdk\";\nimport { Hono } from \"npm:hono\";\nimport JSZip from \"npm:jszip\";\n\nconst app = new Hono();\nconst vt = new ValTown();\n\n// Bootstrap the initial messages data into index.html\nconst projects = await getAllProjects();\n\n// Serve index.html at the root /\napp.get(\"/\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n\n // Inject the data as a global variable inside a script tag\n const dataScript = ``;\n\n // Insert the script right before the closing tag\n html = html.replace(\"\", `${dataScript}`);\n\n return c.html(html);\n});\n\nasync function getAllProjects() {\n let offset = 0;\n const limit = 100;\n let allProjects = [];\n let hasMore = true;\n\n while (hasMore && allProjects.length < 1000) {\n const projects = await vt.projects.list({ limit, offset });\n\n allProjects = [...allProjects, ...projects.data];\n offset = allProjects.length;\n hasMore = projects.data.length === limit;\n }\n\n return allProjects;\n}\n\n// Serve all /frontend files under /public\napp.get(\"/public/**/*\", c => serveFile(c.req.path.replace(\"/public\", \"/frontend\"), import.meta.url));\n\n// Serve all /shared files under /shared\napp.get(\"/shared/**/*\", c => serveFile(c.req.path, import.meta.url));\n\napp.get(\"/zip-project\", async (c) => {\n const url = c.req.query(\"url\");\n\n if (!url) {\n return c.json({\n success: false,\n error: \"Missing required parameter: url\",\n }, 400);\n }\n\n const { username, projectName } = parseValTownProjectURL(url);\n\n if (!username || !projectName) {\n return c.json({\n success: false,\n error: \"Missing required parameters: username and projectName\",\n }, 400);\n }\n\n const projectDetails = await vt.alias.username.projectName.retrieve(username, projectName);\n\n if (!projectDetails || !projectDetails.id) {\n return c.json({\n success: false,\n error: \"Project not found\",\n }, 404);\n }\n\n const projectId = projectDetails.id;\n const files = await vt.projects.files.list(projectId, { recursive: true });\n const filesWithContent = await getFilesWithContent(files.body.data, projectId);\n const zipBuffer = await createZipFromEndpoints(filesWithContent, `${projectName}.zip`);\n\n c.header(\"Content-Type\", \"application/zip\");\n c.header(\"Content-Disposition\", `attachment; filename=\"${projectName}.zip\"`);\n\n // Return the ZIP file directly\n return c.body(zipBuffer, 200);\n});\n\nfunction parseValTownProjectURL(url: string) {\n // Use the URL constructor to parse the URL\n const { pathname } = new URL(url);\n // Split the pathname and filter out empty segments\n const parts = pathname.split(\"/\").filter(Boolean);\n // Expecting the format: [\"x\", \"stevekrouse\", \"getProjectsAsZips\"]\n if (parts.length < 3 || parts[0] !== \"x\") {\n throw new Error(\"Invalid URL structure\");\n }\n const username = parts[1];\n const projectName = parts[2];\n return { username, projectName };\n}\nasync function getFilesWithContent(files: any[], projectId) {\n const nonDirectoryFiles = files.filter(file => file.type !== \"directory\");\n\n const failedFiles = [];\n\n const filePromises = nonDirectoryFiles.map(async file => {\n try {\n const urlEncodedPath = encodeURIComponent(file.path);\n console.log(\"url encoded path\", urlEncodedPath);\n const response = await vt.projects.files.content(projectId, urlEncodedPath);\n\n if (!response) {\n throw new Error(`Could not get content for file: ${file.path}`);\n }\n\n return {\n name: file.path,\n content: response,\n };\n } catch (error) {\n failedFiles.push({\n path: file.path,\n error: error.message,\n });\n }\n });\n\n const results = await Promise.all(filePromises);\n if (failedFiles.length > 0) {\n const failedFilesList = failedFiles.map(f => `'${f.path}': ${f.error}`).join(\", \");\n throw new Error(`Failed to fetch content for files: ${failedFilesList}`);\n }\n\n return results;\n}\n\nasync function createZipFromEndpoints(\n files: any[],\n zipFileName: string,\n): Promise {\n try {\n const zip = new JSZip();\n\n for (const file of files) {\n zip.file(file.name, file.content);\n }\n\n const zipBlob = await zip.generateAsync({\n type: \"blob\",\n compression: \"DEFLATE\",\n compressionOptions: { level: 6 },\n });\n\n return zipBlob;\n } catch (error) {\n console.error(\"Error creating ZIP file:\", error);\n throw error;\n }\n}\n\n// Unwrap and rethrow Hono errors as the original error\n// If you delete this, all errors will be \"Internal Server Error\"\napp.onError((err, c) => {\n throw err;\n});\n\n// HTTP vals expect an exported \"fetch handler\"\n// This is how you \"run the server\" in Val Town with Hono\nexport default app.fetch;",[],[144,151],["D",1740582463346],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","387c2a1a-af32-4662-ba80-cb97133b520c","pinnedFileId","b1434998-b296-48aa-9688-d26de2c008d8","pinPreview","pinMigrated","screenshotVersion","likeCount","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_201":197},"org",{"_11":12,"_195":-5,"_196":197,"_164":165,"_198":199,"_200":53},"branch",{"_17":153,"_13":16,"_35":68,"_42":43,"_45":36,"_47":191,"_192":55,"_193":43,"_194":58,"_59":14,"_56":12},8,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJzR3VCb2xOR0loZEIwRWg5cnlVZUt4ajlpQiJ9","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":43,"_13":14,"_37":275,"_51":-5,"_160":53,"_54":55,"_161":55,"_162":-5,"_163":-5,"_164":165,"_166":167,"_168":72,"_169":-5,"_170":-5,"_171":70,"_57":58,"_172":-5,"_173":-5,"_174":-5,"_175":-5,"_176":177,"_178":177,"_179":180,"_181":180,"_182":180,"_183":177,"_184":177,"_185":276,"_187":277,"_189":278,"_52":53},[245,247,254],"files",[245,246,247,248,249,250,251,252,253,254],"counts",{"_235":70,"_236":237,"_238":153,"_34":239,"_240":241},[233],{"_35":83,"_13":82,"_63":66,"_65":85,"_67":68,"_69":70,"_71":72,"_37":231,"_17":32,"_74":84,"_76":-5,"_78":53,"_79":-5,"_18":232},"upstreamProject",{"_35":225,"_13":226,"_162":227,"_163":-5,"_54":55,"_185":228},"upstreamBranch",{"_35":36,"_37":223,"_39":224,"_13":41,"_42":43,"_17":44,"_45":46,"_47":48,"_49":50,"_51":-5,"_52":53,"_54":55,"_56":12,"_57":58,"_59":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740582463346],["D",1741204231628],"41ef0130-f2f5-11ef-891c-569c3dd06744","reactHonoExample","Example with client-side React & Hono server",{"_11":229,"_201":230},"stevekrouse","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg",["D",1740768375677],[81,82],{"_35":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_37":73,"_17":32,"_74":75,"_76":77,"_78":53,"_79":-5,"_18":234},[81,82,62],"pulls","branches",5,"forks",{"_242":32,"_244":32},"connections",{"_242":32,"_243":32},"count","unfilledCount","emptyCount",{"_35":143,"_13":144,"_63":145,"_65":-5,"_67":68,"_69":70,"_71":72,"_37":146,"_17":32,"_74":84,"_76":-5,"_78":53,"_79":-5,"_96":273,"_18":274},{"_35":150,"_13":151,"_63":152,"_65":145,"_67":68,"_69":153,"_71":72,"_37":154,"_17":70,"_74":155,"_76":156,"_78":53,"_79":-5,"_96":271,"_18":272},{"_35":99,"_13":81,"_63":85,"_65":-5,"_67":68,"_69":70,"_71":72,"_37":100,"_17":32,"_74":84,"_76":-5,"_78":53,"_79":-5,"_96":269,"_18":270},{"_35":83,"_13":82,"_63":66,"_65":85,"_67":68,"_69":70,"_71":72,"_37":136,"_17":32,"_74":84,"_76":-5,"_78":53,"_79":-5,"_96":267,"_18":268},{"_35":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_37":140,"_17":32,"_74":75,"_76":77,"_78":53,"_79":-5,"_96":265,"_18":266},{"_35":129,"_13":130,"_63":131,"_65":85,"_67":68,"_69":70,"_71":72,"_37":132,"_17":32,"_74":24,"_76":133,"_78":53,"_79":-5,"_96":263,"_18":264},{"_35":122,"_13":123,"_63":124,"_65":85,"_67":68,"_69":70,"_71":72,"_37":125,"_17":32,"_74":24,"_76":126,"_78":53,"_79":-5,"_96":261,"_18":262},{"_35":115,"_13":116,"_63":117,"_65":85,"_67":68,"_69":70,"_71":72,"_37":118,"_17":32,"_74":75,"_76":119,"_78":53,"_79":-5,"_96":259,"_18":260},{"_35":108,"_13":109,"_63":110,"_65":85,"_67":68,"_69":70,"_71":72,"_37":111,"_17":32,"_74":24,"_76":112,"_78":53,"_79":-5,"_96":257,"_18":258},{"_35":91,"_13":92,"_63":93,"_65":-5,"_67":68,"_69":70,"_71":72,"_37":94,"_17":32,"_74":24,"_76":95,"_78":53,"_79":-5,"_96":255,"_18":256},[],[92],[],[81,109],[],[81,116],[],[81,123],[],[81,130],[],[81,82,62],[249],[81,82],[248,250,251,252,253],[81],[],[144,151],[246],[144],["D",1740582463346],{"_11":12,"_201":197},{"_11":12,"_195":-5,"_196":197,"_164":165,"_198":199,"_200":53},{"_17":153,"_13":16,"_35":68,"_42":43,"_45":36,"_47":191,"_192":55,"_193":43,"_194":58,"_59":14,"_56":12},"ctx",{"_185":-5,"_220":312,"_313":314,"_315":316,"_317":53,"_318":53,"_319":53,"_320":72,"_321":-5,"_322":-7,"_323":-7,"_324":32,"_325":53,"_326":53,"_327":-5,"_328":53,"_329":53,"_330":53,"_331":-5},"ENV",{"_283":284,"_285":286,"_287":41,"_288":289,"_290":291,"_292":293,"_294":295,"_296":297,"_298":299,"_300":301,"_302":303,"_304":305,"_306":307,"_308":309,"_310":311},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]