\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",[],[207,199],"frontend","f94fbc7c-3795-11f0-8aa3-9e149126039e",6,["D",1747977772081],[169],[207],"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;",[],[222,214],"backend","ed587b7a-3795-11f0-98e0-9e149126039e",5,["D",1747977752005],[167],[222],["D",1747976747615],{"_11":12,"_121":70},{"_11":12,"_117":-5,"_69":70,"_31":68,"_118":119,"_120":30},{"_39":108,"_13":16,"_33":36,"_109":74,"_110":-5,"_111":-5,"_112":-5,"_113":-5,"_114":-5,"_115":14,"_116":12},"ctx",{"_52":-5,"_140":265,"_266":267,"_268":269,"_270":30,"_271":30,"_272":30,"_273":24,"_274":-5,"_275":-7,"_276":-7,"_277":26,"_278":30,"_279":30,"_280":-5,"_281":30,"_282":30,"_283":30,"_284":-5},"ENV",{"_236":237,"_238":239,"_240":16,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262,"_263":264},"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"]

History · shared