🌍 Hello World!

This page is served from Cloudflare R2

Successfully uploaded via Val Town

\n Uploaded: ${new Date().toISOString()}\n

\n\n`;\n\n// Helper function to create HTML responses\nfunction createHtmlResponse(title: string, content: string, status: number = 200): Response {\n const html = `\n\n\n \n \n ${title}\n \n\n\n

🚀 R2 Upload Service

\n ${content}\n

\n\n`;\n \n return new Response(html, {\n status,\n headers: { \"Content-Type\": \"text/html\" }\n });\n}\n\nexport default async function(req: Request): Promise {\n try {\n // First, let's just check what environment variables we have\n const envCheck = {\n R2_ACCOUNT_ID: R2_ACCOUNT_ID ? 'SET' : 'MISSING',\n R2_ACCESS_KEY_ID: R2_ACCESS_KEY_ID ? 'SET' : 'MISSING', \n R2_SECRET_ACCESS_KEY: R2_SECRET_ACCESS_KEY ? 'SET' : 'MISSING',\n R2_BUCKET_NAME: R2_BUCKET_NAME || 'MISSING'\n };\n\n // Check if required environment variables are set\n if (!R2_ACCOUNT_ID || !R2_ACCESS_KEY_ID || !R2_SECRET_ACCESS_KEY || !R2_BUCKET_NAME) {\n const missingVars = [];\n if (!R2_ACCOUNT_ID) missingVars.push('R2_ACCOUNT_ID');\n if (!R2_ACCESS_KEY_ID) missingVars.push('R2_ACCESS_KEY_ID');\n if (!R2_SECRET_ACCESS_KEY) missingVars.push('R2_SECRET_ACCESS_KEY');\n if (!R2_BUCKET_NAME) missingVars.push('R2_BUCKET_NAME');\n\n const content = `\n

❌ Missing Environment Variables

The following environment variables need to be set in Val Town:

• ${v}

Environment Status:

${key}: ${value}

Please configure these environment variables in your Val Town settings to use the R2 upload service.

\n `;\n \n return createHtmlResponse(\"Configuration Error\", content, 400);\n }\n\n // Check if upload is requested\n const url = new URL(req.url);\n const shouldUpload = url.searchParams.get('upload') === 'true';\n const testCredentials = url.searchParams.get('test') === 'true';\n \n if (testCredentials) {\n // Test credentials by attempting to list bucket contents\n try {\n const { ListObjectsV2Command } = await import(\"https://esm.sh/@aws-sdk/client-s3@3.454.0\");\n const listCommand = new ListObjectsV2Command({\n Bucket: R2_BUCKET_NAME,\n MaxKeys: 1\n });\n \n const listResult = await s3Client.send(listCommand);\n \n const content = `\n

✅ Credentials Valid!

Successfully connected to R2 bucket \"${R2_BUCKET_NAME}\"

\n \n

Connection Test Results:

Bucket Access: ✅ Success
Objects Found: ${listResult.Contents?.length || 0}
Bucket Name: ${R2_BUCKET_NAME}
Account ID: ${R2_ACCOUNT_ID}

\n \n

🚀 Ready to Upload

\n Upload Test File\n ← Back to Main\n

\n `;\n \n return createHtmlResponse(\"Credentials Test - Success\", content);\n \n } catch (testError) {\n const content = `\n

❌ Credentials Test Failed

Error: ${testError.message}

\n \n

Error Details:

Error Type: ${testError.name}
Error Code: ${testError.code || 'unknown'}
HTTP Status: ${testError.$metadata?.httpStatusCode || 'unknown'}

\n \n

🔧 Common Issues:

Invalid Access Key: Check R2_ACCESS_KEY_ID
Invalid Secret: Check R2_SECRET_ACCESS_KEY
Wrong Account ID: Check R2_ACCOUNT_ID
Bucket doesn't exist: Check R2_BUCKET_NAME
Insufficient permissions: Ensure API token has R2 read/write permissions

\n ← Back to Main\n

\n `;\n \n return createHtmlResponse(\"Credentials Test - Failed\", content, 400);\n }\n }\n \n if (!shouldUpload) {\n const content = `\n

✅ Environment Configured

All required environment variables are set and ready for R2 uploads.

Environment Status:

${key}: ${value}

Endpoint: https://${R2_ACCOUNT_ID}.r2.cloudflarestorage.com

🧪 Test & Upload

Ready to test R2 upload functionality.

\n 🔍 Test Credentials First\n 🚀 Upload Test File\n

\n `;\n \n return createHtmlResponse(\"R2 Upload Ready\", content);\n }\n\n // Attempt upload\n console.log('R2 Configuration:', {\n accountId: R2_ACCOUNT_ID ? 'SET' : 'MISSING',\n accessKeyId: R2_ACCESS_KEY_ID ? 'SET' : 'MISSING',\n secretAccessKey: R2_SECRET_ACCESS_KEY ? 'SET' : 'MISSING',\n bucketName: R2_BUCKET_NAME ? R2_BUCKET_NAME : 'MISSING',\n endpoint: `https://${R2_ACCOUNT_ID}.r2.cloudflarestorage.com`\n });\n\n // Upload the HTML file to R2\n const uploadCommand = new PutObjectCommand({\n Bucket: R2_BUCKET_NAME,\n Key: 'index.html',\n Body: helloWorldHTML,\n ContentType: 'text/html',\n CacheControl: 'public, max-age=3600',\n });\n\n console.log('Attempting upload to R2...');\n const result = await s3Client.send(uploadCommand);\n console.log('Upload successful:', result);\n \n // Use custom domain for clean, reliable URLs\n const customDomainUrl = `https://ziphost.chadparker.com/index.html`;\n \n // Backup URLs in case custom domain isn't working\n const backupUrls = [\n `https://${R2_BUCKET_NAME}.${R2_ACCOUNT_ID}.r2.cloudflarestorage.com/index.html`,\n `https://pub-${R2_ACCOUNT_ID}.r2.dev/index.html`,\n `https://${R2_BUCKET_NAME}.r2.dev/index.html`,\n ];\n \n const content = `\n

🎉 Upload Successful!

Hello World index.html has been uploaded successfully to R2!

\n \n

Upload Details:

Bucket: ${R2_BUCKET_NAME}
File: index.html
ETag: ${result.ETag}
Content-Type: text/html
Cache-Control: public, max-age=3600

\n \n

🌐 Deployed File

Your file has been deployed and is accessible at your custom domain:

\n 🔗 View at ziphost.chadparker.com\n \n

🔧 Backup URLs (if custom domain has issues)

\n ${backupUrls.map((url, index) => `\n

\n Backup ${index + 1}:
\n 🔗 ${url}\n

\n `).join('')}\n

\n \n

🔧 Debugging Information

Custom Domain: ziphost.chadparker.com

Account ID: ${R2_ACCOUNT_ID}

Bucket Name: ${R2_BUCKET_NAME}

Upload Endpoint: https://${R2_ACCOUNT_ID}.r2.cloudflarestorage.com

File Key: index.html

\n \n

🔄 Upload Another File

\n ← Back to Upload Service\n

\n `;\n \n return createHtmlResponse(\"Upload Complete\", content);\n\n } catch (error) {\n console.error(\"Error uploading to R2:\", error);\n \n // Get more detailed error information\n const errorDetails = {\n message: error.message,\n name: error.name,\n code: error.code || 'unknown',\n statusCode: error.$metadata?.httpStatusCode,\n requestId: error.$metadata?.requestId,\n };\n \n const content = `\n

❌ Upload Failed

Error: ${error.message}

\n \n

Error Details:

Error Type: ${error.name}
Error Code: ${error.code || 'unknown'}
HTTP Status: ${errorDetails.statusCode}
Request ID: ${errorDetails.requestId}

\n \n

🔧 Troubleshooting

Check credentials: Verify R2_ACCESS_KEY_ID and R2_SECRET_ACCESS_KEY are correct
Check account ID: Verify R2_ACCOUNT_ID matches your Cloudflare account
Check bucket: Verify R2_BUCKET_NAME exists and you have write permissions
Check permissions: Ensure your R2 API token has the necessary permissions
Current endpoint: https://${R2_ACCOUNT_ID}.r2.cloudflarestorage.com

\n \n

\n ← Back to Upload Service\n

\n `;\n \n return createHtmlResponse(\"Upload Error\", content, 500);\n }\n}","deleted","label",[98],"permalink","https://www.val.town/x/chadparker/r2/code/r2-upload-test.ts","extension","actionData","errors"]