Zip File Hosting

Upload a zip file containing your HTML, CSS, and JavaScript files to host them.

\n \n

\n \n \n \n \n `, {\n headers: { \"Content-Type\": \"text/html\" }\n });\n }\n \n // Serve uploaded files\n if (path.startsWith(\"/view/\")) {\n const parts = path.split(\"/\").filter(Boolean);\n \n if (parts.length < 2) {\n return new Response(\"Invalid path\", { status: 400 });\n }\n \n const uploadId = parts[1];\n \n // If no specific file is requested, try to serve index.html or show directory listing\n if (parts.length === 2) {\n try {\n // Check if this upload exists\n const meta = await blob.getJSON(`${uploadId}/_meta`);\n \n if (!meta) {\n return new Response(\"Upload not found\", { status: 404 });\n }\n \n // If there's an index file, serve it directly instead of redirecting\n if (meta.indexFile) {\n console.log(`Serving index file directly: ${meta.indexFile}`);\n const indexFileKey = `${uploadId}/${meta.indexFile}`;\n \n try {\n // Get the index file content\n console.log(`Retrieving index file: ${indexFileKey}`);\n const indexContent = await blob.get(indexFileKey);\n \n console.log(`Index content type: ${typeof indexContent}, is Response: ${indexContent instanceof Response}`);\n \n if (indexContent === null) {\n return new Response(`Index file not found: ${meta.indexFile}`, { status: 404 });\n }\n \n // Determine content type (should be HTML)\n const contentType = getContentType(meta.indexFile);\n \n // Check if indexContent is already a Response object\n if (indexContent instanceof Response) {\n console.log(\"Index content is already a Response object, extracting content...\");\n try {\n // For binary files, we need to use arrayBuffer() instead of text()\n if (isBinaryFile(meta.indexFile)) {\n const buffer = await indexContent.arrayBuffer();\n return new Response(buffer, {\n headers: { \n \"Content-Type\": contentType,\n \"Cache-Control\": \"public, max-age=3600\",\n \"Access-Control-Allow-Origin\": \"*\",\n \"X-Content-Type-Options\": \"nosniff\"\n }\n });\n } else {\n // For text files, use text()\n const text = await indexContent.text();\n return new Response(text, {\n headers: { \n \"Content-Type\": contentType,\n \"Cache-Control\": \"public, max-age=3600\",\n \"Access-Control-Allow-Origin\": \"*\",\n \"X-Content-Type-Options\": \"nosniff\"\n }\n });\n }\n } catch (error) {\n console.error(`Error extracting content from Response: ${error}`);\n return new Response(`Error processing file: ${error.message}`, { status: 500 });\n }\n }\n \n // Serve the index file directly\n return new Response(indexContent, {\n headers: { \n \"Content-Type\": contentType,\n \"Cache-Control\": \"public, max-age=3600\", // Add caching for better performance\n \"Access-Control-Allow-Origin\": \"*\", // Allow cross-origin requests\n \"X-Content-Type-Options\": \"nosniff\" // Prevent MIME type sniffing\n }\n });\n } catch (error) {\n console.error(`Error serving index file ${indexFileKey}:`, error);\n return new Response(`Error retrieving index file: ${error.message}`, { status: 500 });\n }\n }\n \n // Otherwise show a directory listing\n const fileList = await blob.getJSON(`${uploadId}/_index`);\n \n const htmlContent = `\n \n \n \n \n \n Files in ${uploadId}\n \n \n \n

Files in Upload ${uploadId}

Upload time: ${new Date(meta.uploadTime).toLocaleString()}

Total files: ${meta.fileCount}

\n \n

${file}

\n \n \n `;\n \n return new Response(htmlContent, {\n headers: { \n \"Content-Type\": \"text/html\",\n \"Cache-Control\": \"no-cache\", // Don't cache directory listings\n \"Access-Control-Allow-Origin\": \"*\"\n }\n });\n } catch (error) {\n console.error(\"Error serving directory:\", error);\n return new Response(`Error retrieving files: ${error.message}`, { status: 500 });\n }\n }\n \n // Serve a specific file\n const filePath = parts.slice(2).join(\"/\");\n \n // Log the requested file path for debugging\n console.log(`Requested file path: ${filePath}`);\n \n // Check if the path contains encoded characters\n const hasEncodedChars = filePath !== decodeURIComponent(filePath);\n console.log(`Path has encoded characters: ${hasEncodedChars}`);\n \n const fileKey = `${uploadId}/${filePath}`;\n \n try {\n console.log(`Attempting to serve file: ${fileKey}`);\n \n // Get the file from blob storage\n const fileContent = await blob.get(fileKey);\n \n console.log(`File content type: ${typeof fileContent}, is Response: ${fileContent instanceof Response}`);\n \n if (fileContent === null) {\n console.log(`File not found: ${fileKey}`);\n \n // Try with URL decoded path\n const decodedPath = decodeURIComponent(filePath);\n if (decodedPath !== filePath) {\n console.log(`Trying with decoded path: ${decodedPath}`);\n const decodedFileKey = `${uploadId}/${decodedPath}`;\n const decodedFileContent = await blob.get(decodedFileKey);\n \n if (decodedFileContent !== null) {\n console.log(`Found file with decoded path: ${decodedFileKey}`);\n const contentType = getContentType(decodedPath);\n \n // Check if decodedFileContent is a Response object\n if (decodedFileContent instanceof Response) {\n try {\n if (isBinaryFile(decodedPath)) {\n const buffer = await decodedFileContent.arrayBuffer();\n return new Response(buffer, {\n headers: { \n \"Content-Type\": contentType,\n \"Cache-Control\": \"public, max-age=3600\",\n \"Access-Control-Allow-Origin\": \"*\",\n \"X-Content-Type-Options\": \"nosniff\"\n }\n });\n } else {\n const text = await decodedFileContent.text();\n return new Response(text, {\n headers: { \n \"Content-Type\": contentType,\n \"Cache-Control\": \"public, max-age=3600\",\n \"Access-Control-Allow-Origin\": \"*\",\n \"X-Content-Type-Options\": \"nosniff\"\n }\n });\n }\n } catch (error) {\n console.error(`Error extracting content from Response: ${error}`);\n return new Response(`Error processing file: ${error.message}`, { status: 500 });\n }\n }\n \n return new Response(decodedFileContent, {\n headers: { \n \"Content-Type\": contentType,\n \"Cache-Control\": \"public, max-age=3600\",\n \"Access-Control-Allow-Origin\": \"*\",\n \"X-Content-Type-Options\": \"nosniff\"\n }\n });\n }\n }\n \n return new Response(`File not found: ${filePath}`, { status: 404 });\n }\n \n // Determine content type\n const contentType = getContentType(filePath);\n console.log(`Serving file ${filePath} with content type: ${contentType}`);\n \n // Check if fileContent is already a Response object\n if (fileContent instanceof Response) {\n console.log(\"File content is already a Response object, extracting content...\");\n try {\n // For binary files, we need to use arrayBuffer() instead of text()\n if (isBinaryFile(filePath)) {\n const buffer = await fileContent.arrayBuffer();\n return new Response(buffer, {\n headers: { \n \"Content-Type\": contentType,\n \"Cache-Control\": \"public, max-age=3600\",\n \"Access-Control-Allow-Origin\": \"*\",\n \"X-Content-Type-Options\": \"nosniff\"\n }\n });\n } else {\n // For text files, use text()\n const text = await fileContent.text();\n return new Response(text, {\n headers: { \n \"Content-Type\": contentType,\n \"Cache-Control\": \"public, max-age=3600\",\n \"Access-Control-Allow-Origin\": \"*\",\n \"X-Content-Type-Options\": \"nosniff\"\n }\n });\n }\n } catch (error) {\n console.error(`Error extracting content from Response: ${error}`);\n return new Response(`Error processing file: ${error.message}`, { status: 500 });\n }\n }\n \n // Serve the file with proper content type\n return new Response(fileContent, {\n headers: { \n \"Content-Type\": contentType,\n \"Cache-Control\": \"public, max-age=3600\", // Add caching for better performance\n \"Access-Control-Allow-Origin\": \"*\", // Allow cross-origin requests\n \"X-Content-Type-Options\": \"nosniff\" // Prevent MIME type sniffing\n }\n });\n } catch (error) {\n console.error(`Error serving file ${fileKey}:`, error);\n return new Response(`Error retrieving file: ${error.message}`, { status: 500 });\n }\n }\n \n // Handle unknown paths\n return new Response(`Not found: ${path}`, { status: 404 });\n }\n \n // Handle unsupported methods\n return new Response(`Method not allowed: ${req.method}`, { status: 405 });\n}","deleted","label",[98],"permalink","https://www.val.town/x/chadparker/r2/code/host-zip-files.ts","extension","actionData","errors"]