\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",[],[151,200],["D",1747977772081],[176],[151],"ed586338-3795-11f0-98e0-9e149126039e","index.ts","ed586428-3795-11f0-98e0-9e149126039e",["D",1747977752005],"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 { unzip } 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;",[],[157,210],["D",1747977752005],[174],[157],["D",1747976747615],{"_95":94,"_102":98},{"_95":94,"_96":-5,"_97":98,"_18":54,"_99":100,"_101":25},{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"ctx",{"_77":-5,"_121":256,"_257":258,"_259":260,"_261":25,"_262":25,"_263":25,"_264":57,"_265":-5,"_266":-7,"_267":-7,"_268":61,"_269":25,"_270":25,"_271":-5,"_272":25,"_273":25,"_274":25,"_275":-5},"ENV",{"_227":228,"_229":230,"_231":85,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253,"_254":255},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","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 · v7