[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_226":227,"_228":229},"routes/_app.x.$handle.$name",{"_97":96,"_32":46,"_105":87,"_27":106,"_13":14,"_107":-5,"_11":108,"_109":110,"_111":112,"_113":114,"_115":116,"_20":-5,"_117":-5,"_118":-5,"_119":25,"_120":121,"_122":59,"_123":-5,"_124":-5,"_125":126},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":59,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":25},"version",10,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","backend/index.ts","latestPath","fileId","ed586428-3795-11f0-98e0-9e149126039e","name","index.ts","fileType","script","content","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { blob } from \"https://esm.town/v/std/blob\";\nimport { unzipSync } from \"https://esm.sh/fflate@0.8.1\";\nimport type { HostedSite, ZipProcessingResult } from \"../shared/types.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Serve static files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Main page - serve frontend or process zip URL\napp.get(\"/\", async (c) => {\n const zipUrl = c.req.query(\"zip_url\");\n \n if (zipUrl) {\n // Process the zip URL\n try {\n const result = await processZipUrl(zipUrl);\n if (result.success && result.siteId) {\n // Redirect to the hosted site\n return new Response(null, {\n status: 302,\n headers: { Location: `/hosted/${result.siteId}/` }\n });\n } else {\n return c.json({ error: result.error || \"Failed to process zip\" }, 400);\n }\n } catch (error) {\n return c.json({ error: error.message }, 500);\n }\n }\n\n // Serve the main frontend page\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// Serve hosted websites\napp.get(\"/hosted/:siteId/*\", async (c) => {\n const siteId = c.req.param(\"siteId\");\n const filePath = c.req.param(\"*\") || \"index.html\";\n \n try {\n const site: HostedSite = await blob.getJSON(`site_${siteId}`);\n if (!site) {\n return c.text(\"Site not found\", 404);\n }\n\n // Try to find the requested file\n let content = site.files[filePath];\n \n // If not found, try common variations\n if (!content) {\n if (filePath === \"\" || filePath === \"/\") {\n content = site.files[\"index.html\"] || site.files[\"index.htm\"];\n }\n }\n\n if (!content) {\n return c.text(\"File not found\", 404);\n }\n\n // Determine content type\n const contentType = getContentType(filePath);\n \n return new Response(content, {\n headers: { \"Content-Type\": contentType }\n });\n } catch (error) {\n return c.text(\"Error loading site\", 500);\n }\n});\n\n// API endpoint to process zip URLs\napp.post(\"/api/process-zip\", async (c) => {\n const { zipUrl } = await c.req.json();\n \n if (!zipUrl) {\n return c.json({ error: \"zip_url is required\" }, 400);\n }\n\n try {\n const result = await processZipUrl(zipUrl);\n return c.json(result);\n } catch (error) {\n return c.json({ error: error.message }, 500);\n }\n});\n\nasync function processZipUrl(zipUrl: string): Promise {\n try {\n // Download the zip file\n const response = await fetch(zipUrl);\n if (!response.ok) {\n throw new Error(`Failed to download zip: ${response.status} ${response.statusText}`);\n }\n\n const zipData = new Uint8Array(await response.arrayBuffer());\n \n // Extract the zip\n const files = await extractZip(zipData);\n \n // Generate a unique site ID\n const siteId = generateSiteId();\n \n // Store the site\n const site: HostedSite = {\n id: siteId,\n originalUrl: zipUrl,\n createdAt: new Date().toISOString(),\n files\n };\n \n await blob.setJSON(`site_${siteId}`, site);\n \n return { success: true, siteId };\n } catch (error) {\n return { success: false, error: error.message };\n }\n}\n\nfunction extractZip(zipData: Uint8Array): Promise> {\n return new Promise((resolve, reject) => {\n unzip(zipData, (err, files) => {\n if (err) {\n reject(new Error(`Failed to extract zip: ${err.message}`));\n return;\n }\n\n const extractedFiles: Record = {};\n \n for (const [filename, fileData] of Object.entries(files)) {\n // Skip directories and hidden files\n if (filename.endsWith('/') || filename.startsWith('.')) {\n continue;\n }\n \n // Convert binary data to text (assuming text files)\n try {\n const content = new TextDecoder().decode(fileData);\n extractedFiles[filename] = content;\n } catch (decodeError) {\n // If it's not text, skip it for now\n console.warn(`Skipping binary file: ${filename}`);\n }\n }\n \n resolve(extractedFiles);\n });\n });\n}\n\nfunction generateSiteId(): string {\n return Math.random().toString(36).substring(2, 15) + \n Math.random().toString(36).substring(2, 15);\n}\n\nfunction getContentType(filename: string): string {\n const ext = filename.split('.').pop()?.toLowerCase();\n \n switch (ext) {\n case 'html':\n case 'htm':\n return 'text/html';\n case 'css':\n return 'text/css';\n case 'js':\n return 'application/javascript';\n case 'json':\n return 'application/json';\n case 'png':\n return 'image/png';\n case 'jpg':\n case 'jpeg':\n return 'image/jpeg';\n case 'gif':\n return 'image/gif';\n case 'svg':\n return 'image/svg+xml';\n case 'txt':\n return 'text/plain';\n default:\n return 'text/plain';\n }\n}\n\nexport default app.fetch;","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { blob } from \"https://esm.town/v/std/blob\";\nimport { unzipSync } from \"https://esm.sh/fflate@0.8.1\";\nimport type { HostedSite, ZipProcessingResult } from \"../shared/types.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Serve static files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Main page - serve frontend or process zip URL\napp.get(\"/\", async (c) => {\n const zipUrl = c.req.query(\"zip_url\");\n \n if (zipUrl) {\n // Process the zip URL\n try {\n const result = await processZipUrl(zipUrl);\n if (result.success && result.siteId) {\n // Redirect to the hosted site\n return new Response(null, {\n status: 302,\n headers: { Location: `/hosted/${result.siteId}/` }\n });\n } else {\n return c.json({ error: result.error || \"Failed to process zip\" }, 400);\n }\n } catch (error) {\n return c.json({ error: error.message }, 500);\n }\n }\n\n // Serve the main frontend page\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// Serve hosted websites\napp.get(\"/hosted/:siteId/*\", async (c) => {\n const siteId = c.req.param(\"siteId\");\n const filePath = c.req.param(\"*\") || \"index.html\";\n \n try {\n const site: HostedSite = await blob.getJSON(`site_${siteId}`);\n if (!site) {\n return c.text(\"Site not found\", 404);\n }\n\n // Try to find the requested file\n let content = site.files[filePath];\n \n // If not found, try common variations\n if (!content) {\n if (filePath === \"\" || filePath === \"/\") {\n content = site.files[\"index.html\"] || site.files[\"index.htm\"];\n }\n }\n\n if (!content) {\n return c.text(\"File not found\", 404);\n }\n\n // Determine content type\n const contentType = getContentType(filePath);\n \n return new Response(content, {\n headers: { \"Content-Type\": contentType }\n });\n } catch (error) {\n return c.text(\"Error loading site\", 500);\n }\n});\n\n// API endpoint to process zip URLs\napp.post(\"/api/process-zip\", async (c) => {\n const { zipUrl } = await c.req.json();\n \n if (!zipUrl) {\n return c.json({ error: \"zip_url is required\" }, 400);\n }\n\n try {\n const result = await processZipUrl(zipUrl);\n return c.json(result);\n } catch (error) {\n return c.json({ error: error.message }, 500);\n }\n});\n\nasync function processZipUrl(zipUrl: string): Promise {\n try {\n // Download the zip file\n const response = await fetch(zipUrl);\n if (!response.ok) {\n throw new Error(`Failed to download zip: ${response.status} ${response.statusText}`);\n }\n\n const zipData = new Uint8Array(await response.arrayBuffer());\n \n // Extract the zip\n const files = await extractZip(zipData);\n \n // Generate a unique site ID\n const siteId = generateSiteId();\n \n // Store the site\n const site: HostedSite = {\n id: siteId,\n originalUrl: zipUrl,\n createdAt: new Date().toISOString(),\n files\n };\n \n await blob.setJSON(`site_${siteId}`, site);\n \n return { success: true, siteId };\n } catch (error) {\n return { success: false, error: error.message };\n }\n}\n\nfunction extractZip(zipData: Uint8Array): Promise> {\n return new Promise((resolve, reject) => {\n try {\n const files = unzipSync(zipData);\n const extractedFiles: Record = {};\n \n for (const [filename, fileData] of Object.entries(files)) {\n // Skip directories and hidden files\n if (filename.endsWith('/') || filename.startsWith('.')) {\n continue;\n }\n \n // Convert binary data to text (assuming text files)\n try {\n const content = new TextDecoder().decode(fileData);\n extractedFiles[filename] = content;\n } catch (decodeError) {\n // If it's not text, skip it for now\n console.warn(`Skipping binary file: ${filename}`);\n }\n }\n \n resolve(extractedFiles);\n } catch (error) {\n reject(new Error(`Failed to extract zip: ${error.message}`));\n }\n });\n}\n\nfunction generateSiteId(): string {\n return Math.random().toString(36).substring(2, 15) + \n Math.random().toString(36).substring(2, 15);\n}\n\nfunction getContentType(filename: string): string {\n const ext = filename.split('.').pop()?.toLowerCase();\n \n switch (ext) {\n case 'html':\n case 'htm':\n return 'text/html';\n case 'css':\n return 'text/css';\n case 'js':\n return 'application/javascript';\n case 'json':\n return 'application/json';\n case 'png':\n return 'image/png';\n case 'jpg':\n case 'jpeg':\n return 'image/jpeg';\n case 'gif':\n return 'image/gif';\n case 'svg':\n return 'image/svg+xml';\n case 'txt':\n return 'text/plain';\n default:\n return 'text/plain';\n }\n}\n\nexport default app.fetch;","createdAt",["D",1747977825154],"branchVersion","branchId","96ae1c64-3793-11f0-962c-9e149126039e","id","96adca0c-3793-11f0-962c-9e149126039e","untitled-3195",["D",1747976747615],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","3b4e808e-fb1b-4130-93cd-9c30e28e6cfb","pinnedFileId","96b00646-3793-11f0-962c-9e149126039e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","fd372ed8-9526-47fc-9a7a-9bdb45c58177","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_97":96,"_104":100},"org",{"_97":96,"_98":-5,"_99":100,"_18":55,"_101":102,"_103":25},"branch",{"_13":86,"_32":87,"_44":43,"_88":45,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":46,"_95":96},"isOwned",21,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","jeffreyyoung","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yYlBiWmVId3NYSFQ1VmtnTTZSQ1BCM082Tk0ifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_32":46,"_39":222,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":59,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":223,"_81":224,"_83":225,"_85":25},"tree",[180,182,184,186,187],"files",[180,181,182,183,184,185,186,187],"counts",{"_169":63,"_170":171,"_172":63,"_173":174,"_175":176},"contents",[127,128,129,130,131],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":163,"_32":164,"_30":165,"_134":-5,"_42":43,"_41":166,"_136":59,"_39":167,"_13":63,"_34":155,"_36":-5,"_24":25,"_141":-5,"_27":168},{"_44":157,"_32":158,"_30":159,"_134":-5,"_42":43,"_41":160,"_136":59,"_39":161,"_13":63,"_34":155,"_36":-5,"_24":25,"_141":-5,"_27":162},{"_44":150,"_32":151,"_30":152,"_134":-5,"_42":43,"_41":153,"_136":59,"_39":154,"_13":63,"_34":155,"_36":-5,"_24":25,"_141":-5,"_27":156},{"_44":143,"_32":144,"_30":145,"_134":-5,"_42":43,"_41":146,"_136":25,"_39":147,"_13":63,"_34":20,"_36":148,"_24":25,"_141":-5,"_27":149},{"_44":132,"_32":133,"_30":57,"_134":-5,"_42":43,"_41":135,"_136":59,"_39":137,"_13":138,"_34":139,"_36":140,"_24":25,"_141":-5,"_27":142},"fba0c6a6-3795-11f0-a4d4-9e149126039e","main.tsx","parentId",7,"latest",["D",1747977775964],2,"http","export { default } from \"./backend/index.ts\";","label",[133],"db37aa74-3795-11f0-8e1d-9e149126039e","README.md","db37ab1e-3795-11f0-8e1d-9e149126039e",3,["D",1747977721596],"# Zip Website Hoster\n\nA service that downloads zip files from URLs, extracts them, and hosts them as websites.\n\n## Features\n\n- Download zip files from any public URL\n- Extract and host the contents as a website\n- Automatic redirection to hosted content\n- Simple web interface for submitting URLs\n\n## Usage\n\n1. Visit the main page\n2. Enter a URL pointing to a zip file\n3. The system will download, extract, and host the contents\n4. You'll be redirected to the hosted website\n\n## API\n\n- `GET /` - Main interface\n- `GET /?zip_url={url}` - Download and host zip from URL\n- `GET /hosted/{id}/*` - Access hosted websites\n\n## Project Structure\n\n- `backend/` - Hono API server\n- `frontend/` - Simple web interface\n- `shared/` - Shared utilities and types",[144],"dd80182a-3795-11f0-8eb4-9e149126039e","shared","d1e2d6e3-cec3-421a-b989-2903364bf458",4,["D",1747977725424],"directory",[151],"f94fbc7c-3795-11f0-8aa3-9e149126039e","frontend","9e36bb69-eeba-4e57-a46d-e28927397a13",6,["D",1747977772081],[158],"ed587b7a-3795-11f0-98e0-9e149126039e","backend","aa38e49d-fff3-4abd-9c0a-f581ad7f40c6",5,["D",1747977752005],[164],"pulls","branches",1,"forks","envVars",{"_177":63,"_179":63},"connections",{"_177":63,"_178":63},"count","unfilledCount","emptyCount",{"_44":163,"_32":164,"_30":165,"_134":-5,"_42":43,"_41":166,"_136":59,"_39":219,"_13":63,"_34":155,"_36":-5,"_24":25,"_141":-5,"_189":220,"_27":221},{"_44":215,"_32":33,"_30":31,"_134":165,"_42":43,"_41":14,"_136":25,"_39":216,"_13":146,"_34":35,"_36":38,"_24":25,"_141":-5,"_189":217,"_27":218},{"_44":157,"_32":158,"_30":159,"_134":-5,"_42":43,"_41":160,"_136":59,"_39":212,"_13":63,"_34":155,"_36":-5,"_24":25,"_141":-5,"_189":213,"_27":214},{"_44":205,"_32":206,"_30":207,"_134":159,"_42":43,"_41":160,"_136":25,"_39":208,"_13":63,"_34":20,"_36":209,"_24":25,"_141":-5,"_189":210,"_27":211},{"_44":150,"_32":151,"_30":152,"_134":-5,"_42":43,"_41":153,"_136":59,"_39":202,"_13":63,"_34":155,"_36":-5,"_24":25,"_141":-5,"_189":203,"_27":204},{"_44":195,"_32":196,"_30":197,"_134":152,"_42":43,"_41":153,"_136":59,"_39":198,"_13":63,"_34":35,"_36":199,"_24":25,"_141":-5,"_189":200,"_27":201},{"_44":143,"_32":144,"_30":145,"_134":-5,"_42":43,"_41":146,"_136":25,"_39":192,"_13":63,"_34":20,"_36":148,"_24":25,"_141":-5,"_189":193,"_27":194},{"_44":132,"_32":133,"_30":57,"_134":-5,"_42":43,"_41":135,"_136":59,"_39":188,"_13":138,"_34":139,"_36":140,"_24":25,"_141":-5,"_189":190,"_27":191},["D",1747977775964],"children",[],[133],["D",1747977721596],[],[144],"dd7ff516-3795-11f0-8eb4-9e149126039e","types.ts","dd7ff61a-3795-11f0-8eb4-9e149126039e",["D",1747977725424],"export interface HostedSite {\n id: string;\n originalUrl: string;\n createdAt: string;\n files: Record; // filename -> content\n}\n\nexport interface ZipProcessingResult {\n success: boolean;\n siteId?: string;\n error?: string;\n}",[],[151,196],["D",1747977725424],[185],[151],"f94f924c-3795-11f0-8aa3-9e149126039e","index.html","f94f9314-3795-11f0-8aa3-9e149126039e",["D",1747977772081],"\n\n\n \n \n Zip Website Hoster\n \n \n\n\n

\n 📦 Zip Website Hoster\n

\n \n

\n Enter a URL pointing to a zip file containing a website. \n We'll download, extract, and host it for you!\n

\n\n \n\n

\n Processing your zip file...\n

\n\n

\n ❌ \n \n

\n\n

💡 Tips:

• Make sure your zip contains an index.html file
• Only text-based files (HTML, CSS, JS) are supported
• The zip file must be publicly accessible
• Large files may take a moment to process

\n\n \n\n",[],[158,206],["D",1747977772081],[183],[158],"18f1b184-3796-11f0-8eb4-9e149126039e",["D",1747977825154],[],[164,33],["D",1747977752005],[181],[164],["D",1747976747615],{"_97":96,"_104":100},{"_97":96,"_98":-5,"_99":100,"_18":55,"_101":102,"_103":25},{"_13":86,"_32":87,"_44":43,"_88":45,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":46,"_95":96},"ctx",{"_79":-5,"_124":259,"_260":261,"_262":263,"_264":25,"_265":25,"_266":25,"_267":59,"_268":-5,"_269":-7,"_270":-7,"_271":63,"_272":25,"_273":25,"_274":-5,"_275":25,"_276":25,"_277":25,"_278":-5},"ENV",{"_230":231,"_232":233,"_234":87,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","a3e067d4463eea85f6334f8e583e8516ae58c4f6","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"]

Diff · v10