pacnpal/thrilltrack-explorer
1
0
Fork 0
mirror of https://github.com/pacnpal/thrilltrack-explorer.git synced 2025-12-20 08:11:13 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fix Cloudflare image upload

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-09-28 17:26:20 +00:00
parent 4ddc10b8eb
commit 47ef042b6f
2 changed files with 21 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
supabase/functions/upload-image/index.ts
View File

@@ -14,14 +14,15 @@ serve(async (req) => {
try {
const CLOUDFLARE_ACCOUNT_ID = Deno.env.get('CLOUDFLARE_ACCOUNT_ID')
const CLOUDFLARE_IMAGES_API_TOKEN = Deno.env.get('CLOUDFLARE_IMAGES_API_TOKEN')
const CLOUDFLARE_ACCOUNT_HASH = Deno.env.get('CLOUDFLARE_ACCOUNT_HASH')
if (!CLOUDFLARE_ACCOUNT_ID || !CLOUDFLARE_IMAGES_API_TOKEN) {
if (!CLOUDFLARE_ACCOUNT_ID || !CLOUDFLARE_IMAGES_API_TOKEN || !CLOUDFLARE_ACCOUNT_HASH) {
throw new Error('Missing Cloudflare credentials')
}
if (req.method === 'POST') {
// Request a direct upload URL from Cloudflare
const { metadata = {} } = await req.json().catch(() => ({}))
const { metadata = {}, variant = 'public' } = await req.json().catch(() => ({}))
// Create FormData for the request (Cloudflare API requires multipart/form-data)
const formData = new FormData()
@@ -109,6 +110,10 @@ serve(async (req) => {
// Return the image details with convenient URLs
const result = imageResult.result
// Construct proper imagedelivery.net URLs using account hash and image ID
const baseUrl = `https://imagedelivery.net/${CLOUDFLARE_ACCOUNT_HASH}/${result.id}`
return new Response(
JSON.stringify({
success: true,
@@ -116,12 +121,13 @@ serve(async (req) => {
uploaded: result.uploaded,
variants: result.variants,
draft: result.draft,
// Provide convenient URLs for different sizes if not draft
urls: result.variants && result.variants.length > 0 ? {
original: result.variants[0],
thumbnail: `${result.variants[0]}/w=400,h=400,fit=crop`,
medium: `${result.variants[0]}/w=800,h=600,fit=cover`,
large: `${result.variants[0]}/w=1200,h=900,fit=cover`,
// Provide convenient URLs using proper Cloudflare Images format
urls: result.uploaded ? {
original: `${baseUrl}/public`,
thumbnail: `${baseUrl}/thumbnail`,
medium: `${baseUrl}/medium`,
large: `${baseUrl}/large`,
avatar: `${baseUrl}/avatar`,
} : null
}),
{