kv-music/functions/upload.js

// functions/upload.js
// Handles cover image uploads via imgur.gg API

const API_BASE = 'https://temp.imgur.gg/api/upload';

export async function onRequest(context) {
    const { request } = context;

    console.log('Incoming request:', request.method);

    // Handle CORS preflight
    if (request.method === 'OPTIONS') {
        console.log('Handling OPTIONS preflight');

        return new Response(null, {
            status: 204,
            headers: {
                'Access-Control-Allow-Origin': '*',
                'Access-Control-Allow-Methods': 'POST',
                'Access-Control-Allow-Headers': 'Content-Type',
            },
        });
    }

    if (request.method !== 'POST') {
        console.log('Method not allowed:', request.method);

        return new Response(JSON.stringify({ error: 'Method not allowed' }), {
            status: 405,
            headers: {
                'Content-Type': 'application/json',
                'Access-Control-Allow-Origin': '*',
            },
        });
    }

    try {
        console.log('Parsing form data...');
        const formData = await request.formData();
        const file = formData.get('file');

        console.log('File received:', file);

        if (!file) {
            console.error('No file provided');

            return new Response(JSON.stringify({ error: 'No file provided' }), {
                status: 400,
            });
        }

        if (!file.type || !file.type.startsWith('image/')) {
            console.error('Invalid file type:', file?.type);

            return new Response(JSON.stringify({ error: 'File must be an image' }), {
                status: 400,
            });
        }

        const maxSize = 10 * 1024 * 1024;
        console.log('File size:', file.size);

        if (file.size > maxSize) {
            console.error('File too large');

            return new Response(
                JSON.stringify({
                    error: 'File size exceeds 10MB limit',
                    size: file.size,
                }),
                {
                    status: 400,
                }
            );
        }

        const fileBytes = await file.arrayBuffer();
        console.log('File bytes length:', fileBytes.byteLength);

        // -------------------------
        // STEP 1 — Metadata Request
        // -------------------------

        const metadataPayload = {
            files: [
                {
                    fileName: file.name,
                    fileType: file.type,
                    fileSize: file.size,
                },
            ],
        };

        console.log('Sending metadata request...');
        console.log('Metadata payload:', JSON.stringify(metadataPayload));

        const metadataResponse = await fetch(API_BASE, {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
                'User-Agent': 'Mozilla/5.0',
                Origin: 'https://imgur.gg',
            },
            body: JSON.stringify(metadataPayload),
        });

        console.log('Metadata status:', metadataResponse.status);

        const metadataText = await metadataResponse.text();
        console.log('Metadata raw response:', metadataText);

        if (!metadataResponse.ok) {
            throw new Error(`Metadata request failed: ${metadataResponse.status} - ${metadataText}`);
        }

        let metadata;
        try {
            metadata = JSON.parse(metadataText);
        } catch (err) {
            console.error('Failed to parse metadata JSON');
            throw new Error('Metadata response not valid JSON');
        }

        console.log('Metadata parsed:', metadata);

        if (!metadata.success || !metadata.files || !metadata.files[0]) {
            throw new Error('Metadata missing required fields');
        }

        const fileInfo = metadata.files[0];
        console.log('File info:', fileInfo);

        const uploadUrl = fileInfo.uploadUrl;

        if (!uploadUrl) {
            throw new Error('No uploadUrl returned from metadata');
        }

        console.log('Upload URL:', uploadUrl);

        // -------------------------
        // STEP 2 — Upload File
        // -------------------------

        console.log('Uploading file...');

        const uploadResponse = await fetch(uploadUrl, {
            method: 'PUT',
            body: fileBytes,
            headers: {
                'Content-Type': file.type,
            },
        });

        console.log('Upload status:', uploadResponse.status);

        const uploadText = await uploadResponse.text();
        console.log('Upload raw response:', uploadText);

        if (!uploadResponse.ok) {
            throw new Error(`File upload failed: ${uploadResponse.status} - ${uploadText}`);
        }

        const publicUrl = `https://i.imgur.gg/${fileInfo.fileId}-${fileInfo.fileName}`;

        console.log('Upload successful:', publicUrl);

        return new Response(
            JSON.stringify({
                success: true,
                url: publicUrl,
                fileId: fileInfo.fileId,
                fileName: fileInfo.fileName,
            }),
            {
                status: 200,
                headers: {
                    'Content-Type': 'application/json',
                    'Access-Control-Allow-Origin': '*',
                },
            }
        );
    } catch (error) {
        console.error('Upload failed:', error);

        return new Response(
            JSON.stringify({
                error: 'Upload failed',
                message: error.message,
            }),
            {
                status: 500,
                headers: {
                    'Content-Type': 'application/json',
                    'Access-Control-Allow-Origin': '*',
                },
            }
        );
    }
}