\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",[18,66],"pulls","branches",1,"forks","envVars",{"_180":26,"_182":26},"connections",{"_180":26,"_181":26},"count","unfilledCount","emptyCount",{"_35":239,"_13":238,"_64":232,"_45":-5,"_37":38,"_160":240,"_161":24,"_39":241,"_41":26,"_67":88,"_163":-5,"_68":30,"_164":-5,"_197":242,"_17":243},{"_35":229,"_13":230,"_64":231,"_45":232,"_37":38,"_160":124,"_161":24,"_39":233,"_41":234,"_67":214,"_163":235,"_68":30,"_164":-5,"_197":236,"_17":237},{"_35":159,"_13":18,"_64":87,"_45":-5,"_37":38,"_160":42,"_161":24,"_39":226,"_41":26,"_67":88,"_163":-5,"_68":30,"_164":-5,"_197":227,"_17":228},{"_35":167,"_13":66,"_64":65,"_45":87,"_37":38,"_160":82,"_161":24,"_39":223,"_41":169,"_67":21,"_163":170,"_68":30,"_164":-5,"_197":224,"_17":225},{"_35":219,"_13":218,"_64":211,"_45":-5,"_37":38,"_160":212,"_161":24,"_39":220,"_41":26,"_67":88,"_163":-5,"_68":30,"_164":-5,"_197":221,"_17":222},{"_35":208,"_13":209,"_64":210,"_45":211,"_37":38,"_160":212,"_161":24,"_39":213,"_41":26,"_67":214,"_163":215,"_68":30,"_164":-5,"_197":216,"_17":217},{"_35":200,"_13":201,"_64":202,"_45":-5,"_37":38,"_160":203,"_161":24,"_39":204,"_41":174,"_67":21,"_163":205,"_68":30,"_164":-5,"_197":206,"_17":207},{"_35":191,"_13":192,"_64":100,"_45":-5,"_37":38,"_160":193,"_161":24,"_39":194,"_41":169,"_67":195,"_163":196,"_68":30,"_164":-5,"_197":198,"_17":199},"fba0c6a6-3795-11f0-a4d4-9e149126039e","main.tsx",7,["D",1747977775964],"http","export { default } from \"./backend/index.ts\";","children",[],[192],"b4c72e0e-3796-11f0-b8c5-9e149126039e","README.md","db37ab1e-3795-11f0-8e1d-9e149126039e",19,["D",1747978086600],"# Zip Website Hoster\n\nA service that downloads zip files from URLs, extracts them, and hosts them as websites with intelligent caching.\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- **URL-based caching** - same URLs reuse existing extractions\n- Simple web interface for submitting URLs\n- View all cached sites\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 (or reuse if already cached)\n4. You'll be redirected to the hosted website\n\n## Caching\n\nThe system uses SHA-256 hashing of URLs to create consistent site IDs. This means:\n- Same URL will always generate the same site ID\n- No duplicate processing for the same zip file\n- Efficient reuse across multiple requests\n- Cached sites persist until manually cleared\n\n## API\n\n- `GET /` - Main interface\n- `GET /?zip_url={url}` - Download and host zip from URL (or reuse cached)\n- `GET /hosted/{id}/*` - Access hosted websites\n- `GET /api/sites` - List all cached sites\n- `GET /api/debug/{id}` - Debug info for a specific site\n\n## Project Structure\n\n- `backend/` - Hono API server with caching logic\n- `frontend/` - Simple web interface with cached sites viewer\n- `shared/` - Shared utilities and types",[],[201],"dd7ff516-3795-11f0-8eb4-9e149126039e","types.ts","dd7ff61a-3795-11f0-8eb4-9e149126039e","d1e2d6e3-cec3-421a-b989-2903364bf458",4,["D",1747977725424],"script","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}",[],[218,209],"shared","dd80182a-3795-11f0-8eb4-9e149126039e",["D",1747977725424],[188],[218],["D",1747978073261],[],[18,66],["D",1747977772081],[186],[18],"ea6a4474-3796-11f0-9963-9e149126039e","index.ts","ed586428-3795-11f0-98e0-9e149126039e","aa38e49d-fff3-4abd-9c0a-f581ad7f40c6",["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;",[],[238,230],"backend","ed587b7a-3795-11f0-98e0-9e149126039e",5,["D",1747977752005],[184],[238],["D",1747976747615],{"_11":12,"_137":71},{"_11":12,"_133":-5,"_70":71,"_31":69,"_134":135,"_136":30},{"_41":124,"_13":16,"_35":38,"_125":90,"_126":-5,"_127":-5,"_128":-5,"_129":-5,"_130":-5,"_131":14,"_132":12},"ctx",{"_54":-5,"_156":281,"_282":283,"_284":285,"_286":30,"_287":30,"_288":30,"_289":24,"_290":-5,"_291":-7,"_292":-7,"_293":26,"_294":30,"_295":30,"_296":-5,"_297":30,"_298":30,"_299":30,"_300":-5},"ENV",{"_252":253,"_254":255,"_256":16,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272,"_273":274,"_275":276,"_277":278,"_279":280},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5a709144666c9e69e88140f015c586412f0fd8d3","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"]

History · frontend