\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
• URLs are cached - same URL will reuse the existing site

\n\n

\n \n \n

Cached Sites:

\n \n

\n\n \n\n",[],[77,117],["D",1747977752005],[127],[83],{"_37":128,"_13":129,"_40":130,"_42":84,"_43":44,"_45":131,"_47":48,"_49":132,"_17":133,"_52":108,"_54":134,"_56":57,"_58":-5,"_94":135,"_18":136},"ea6a4474-3796-11f0-9963-9e149126039e","index.ts","ed586428-3795-11f0-98e0-9e149126039e",21,["D",1747978176585],11,"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 and handle nested directories\n if (!content) {\n if (filePath === \"\" || filePath === \"/\") {\n // Look for index.html in root or any subdirectory\n content = site.files[\"index.html\"] || \n site.files[\"index.htm\"] ||\n Object.values(site.files).find(file => \n Object.keys(site.files).find(key => \n key.endsWith(\"/index.html\") || key.endsWith(\"/index.htm\")\n )\n );\n \n // If still not found, try to find any HTML file\n if (!content) {\n const htmlFile = Object.keys(site.files).find(key => \n key.endsWith(\".html\") || key.endsWith(\".htm\")\n );\n if (htmlFile) {\n content = site.files[htmlFile];\n }\n }\n } else {\n // Try to find the file in subdirectories\n const possiblePaths = Object.keys(site.files).filter(key => \n key.endsWith(\"/\" + filePath) || key.endsWith(filePath)\n );\n if (possiblePaths.length > 0) {\n content = site.files[possiblePaths[0]];\n }\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\n// Debug endpoint to see what files are in a hosted site\napp.get(\"/api/debug/:siteId\", async (c) => {\n const siteId = c.req.param(\"siteId\");\n \n try {\n const site: HostedSite = await blob.getJSON(`site_${siteId}`);\n if (!site) {\n return c.json({ error: \"Site not found\" }, 404);\n }\n\n return c.json({\n id: site.id,\n originalUrl: site.originalUrl,\n createdAt: site.createdAt,\n files: Object.keys(site.files)\n });\n } catch (error) {\n return c.json({ error: error.message }, 500);\n }\n});\n\n// List all cached sites\napp.get(\"/api/sites\", async (c) => {\n try {\n const keys = await blob.list(\"site_\");\n console.log(`Found ${keys.length} site keys:`, keys);\n const sites = [];\n \n for (const key of keys) {\n try {\n const site: HostedSite = await blob.getJSON(key);\n sites.push({\n id: site.id,\n originalUrl: site.originalUrl,\n createdAt: site.createdAt,\n fileCount: Object.keys(site.files).length\n });\n } catch (error) {\n console.warn(`Failed to load site ${key}:`, error);\n }\n }\n \n console.log(`Returning ${sites.length} sites`);\n return c.json(sites);\n } catch (error) {\n console.error(`Error listing sites:`, error);\n return c.json({ error: error.message }, 500);\n }\n});\n\nasync function processZipUrl(zipUrl: string): Promise {\n try {\n // Generate a hash of the URL to use as site ID\n const siteId = await hashUrl(zipUrl);\n console.log(`Processing URL: ${zipUrl}, Site ID: ${siteId}`);\n \n // Check if we already have this site cached\n try {\n const existingSite: HostedSite = await blob.getJSON(`site_${siteId}`);\n if (existingSite) {\n console.log(`Reusing cached site for URL: ${zipUrl}`);\n return { success: true, siteId };\n }\n } catch (error) {\n console.log(`No cached site found for ${siteId}, processing new zip`);\n }\n\n // Download the zip file\n console.log(`Downloading zip from: ${zipUrl}`);\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 console.log(`Downloaded ${zipData.length} bytes`);\n \n // Extract the zip\n const files = await extractZip(zipData);\n console.log(`Extracted ${Object.keys(files).length} files`);\n \n // Store the site with the hashed ID\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 console.log(`Stored site ${siteId} in blob storage`);\n \n return { success: true, siteId };\n } catch (error) {\n console.error(`Error processing zip URL: ${error.message}`);\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('.') || filename.includes('/.')) {\n continue;\n }\n \n // Convert binary data to text (assuming text files)\n try {\n const content = new TextDecoder().decode(fileData);\n \n // Normalize the filename - remove leading directory if all files are in one directory\n let normalizedFilename = filename;\n \n // Store both the original path and a flattened version for easier access\n extractedFiles[normalizedFilename] = content;\n \n // Also store with just the filename for easier access\n const justFilename = filename.split('/').pop();\n if (justFilename && justFilename !== normalizedFilename) {\n extractedFiles[justFilename] = content;\n }\n \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\nasync function hashUrl(url: string): Promise {\n // Create a hash of the URL for consistent site IDs\n const encoder = new TextEncoder();\n const data = encoder.encode(url);\n const hashBuffer = await crypto.subtle.digest('SHA-256', data);\n const hashArray = Array.from(new Uint8Array(hashBuffer));\n const hashHex = hashArray.map(b => b.toString(16).padStart(2, '0')).join('');\n \n // Return first 12 characters for a shorter, readable ID\n return hashHex.substring(0, 12);\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;",[],[83,129],"96adca0c-3793-11f0-962c-9e149126039e",["D",1747976747615],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","3b4e808e-fb1b-4130-93cd-9c30e28e6cfb","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","fd372ed8-9526-47fc-9a7a-9bdb45c58177","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_189":185},"org",{"_11":12,"_183":-5,"_184":185,"_146":147,"_186":187,"_188":57},"branch",{"_17":131,"_13":16,"_37":44,"_175":137,"_176":-5,"_177":-5,"_178":-5,"_179":-5,"_180":-5,"_181":14,"_182":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yYlBiWmVId3NYSFQ1VmtnTTZSQ1BCM082Tk0ifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_37":137,"_13":14,"_49":251,"_139":-5,"_140":57,"_141":142,"_143":142,"_144":-5,"_145":-5,"_146":147,"_148":41,"_149":48,"_150":48,"_151":-5,"_152":73,"_153":154,"_155":-5,"_156":-5,"_157":-5,"_158":-5,"_159":160,"_161":160,"_162":163,"_164":163,"_165":163,"_166":160,"_167":160,"_168":252,"_170":253,"_172":254,"_174":57},[227,229,231,233,234],"files",[227,228,229,230,231,232,233,234],"counts",{"_218":73,"_219":65,"_220":73,"_31":221,"_222":223},[208,209,210,211,212],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_37":82,"_13":83,"_40":84,"_42":-5,"_43":44,"_45":85,"_47":48,"_49":86,"_17":73,"_52":74,"_54":-5,"_56":57,"_58":-5,"_18":217},{"_37":76,"_13":77,"_40":78,"_42":-5,"_43":44,"_45":79,"_47":48,"_49":80,"_17":73,"_52":74,"_54":-5,"_56":57,"_58":-5,"_18":216},{"_37":68,"_13":69,"_40":70,"_42":-5,"_43":44,"_45":71,"_47":48,"_49":72,"_17":73,"_52":74,"_54":-5,"_56":57,"_58":-5,"_18":215},{"_37":60,"_13":61,"_40":62,"_42":-5,"_43":44,"_45":63,"_47":48,"_49":64,"_17":65,"_52":24,"_54":66,"_56":57,"_58":-5,"_18":214},{"_37":38,"_13":39,"_40":41,"_42":-5,"_43":44,"_45":46,"_47":48,"_49":50,"_17":51,"_52":53,"_54":55,"_56":57,"_58":-5,"_18":213},[39],[61],[69],[77],[83],"pulls","branches","forks",{"_224":73,"_226":73},"connections",{"_224":73,"_225":73},"count","unfilledCount","emptyCount",{"_37":82,"_13":83,"_40":84,"_42":-5,"_43":44,"_45":85,"_47":48,"_49":124,"_17":73,"_52":74,"_54":-5,"_56":57,"_58":-5,"_94":249,"_18":250},{"_37":128,"_13":129,"_40":130,"_42":84,"_43":44,"_45":131,"_47":48,"_49":132,"_17":133,"_52":108,"_54":134,"_56":57,"_58":-5,"_94":247,"_18":248},{"_37":76,"_13":77,"_40":78,"_42":-5,"_43":44,"_45":79,"_47":48,"_49":112,"_17":73,"_52":74,"_54":-5,"_56":57,"_58":-5,"_94":245,"_18":246},{"_37":116,"_13":117,"_40":118,"_42":78,"_43":44,"_45":119,"_47":48,"_49":120,"_17":51,"_52":24,"_54":121,"_56":57,"_58":-5,"_94":243,"_18":244},{"_37":68,"_13":69,"_40":70,"_42":-5,"_43":44,"_45":71,"_47":48,"_49":100,"_17":73,"_52":74,"_54":-5,"_56":57,"_58":-5,"_94":241,"_18":242},{"_37":104,"_13":105,"_40":106,"_42":70,"_43":44,"_45":71,"_47":48,"_49":107,"_17":73,"_52":108,"_54":109,"_56":57,"_58":-5,"_94":239,"_18":240},{"_37":60,"_13":61,"_40":62,"_42":-5,"_43":44,"_45":63,"_47":48,"_49":97,"_17":65,"_52":24,"_54":66,"_56":57,"_58":-5,"_94":237,"_18":238},{"_37":38,"_13":39,"_40":41,"_42":-5,"_43":44,"_45":46,"_47":48,"_49":93,"_17":51,"_52":53,"_54":55,"_56":57,"_58":-5,"_94":235,"_18":236},[],[39],[],[61],[],[69,105],[232],[69],[],[77,117],[230],[77],[],[83,129],[228],[83],["D",1747976747615],{"_11":12,"_189":185},{"_11":12,"_183":-5,"_184":185,"_146":147,"_186":187,"_188":57},{"_17":131,"_13":16,"_37":44,"_175":137,"_176":-5,"_177":-5,"_178":-5,"_179":-5,"_180":-5,"_181":14,"_182":12},"ctx",{"_168":-5,"_205":288,"_289":290,"_291":292,"_293":57,"_294":57,"_295":57,"_296":48,"_297":-5,"_298":-7,"_299":-7,"_300":73,"_301":57,"_302":57,"_303":-5,"_304":57,"_305":57,"_306":57,"_307":-5},"ENV",{"_259":260,"_261":262,"_263":16,"_264":265,"_266":267,"_268":269,"_270":271,"_272":273,"_274":275,"_276":277,"_278":279,"_280":281,"_282":283,"_284":285,"_286":287},"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"]

Code