Bug: Twitter Plugin Media upload results in HTTP 400 Bad Request

[MHHukiewitz]

Twitter upload error details: {"error":"Error: Bad Request","stack":"Error: Error: Bad Request
    at <anonymous> ([REDACTED]/virtuals-agent/node_modules/@virtuals-protocol/game-twitter-plugin/dist/index.js:400:19)
    at fulfilled ([REDACTED]/virtuals-agent/node_modules/@virtuals-protocol/game-twitter-plugin/dist/index.js:50:24)
    at processTicksAndRejections (:12:39)","blobSize":845517,"blobType":"image/png"}

If I do something wrong, it would be nice to have a working example for the media upload with the twitter plugin itself, as it is otherwise undocumented.

            // Get the specific plot using fetch
            const response = await fetch(url, {
                headers: {
                    'Accept': 'image/png'
                }
            });
            const data = await response.arrayBuffer();

            // Convert the response to a blob with proper type
            const plotBlob = new Blob([data], { 
                type: 'image/png',
                endings: 'native'
            });
            const plotSize = plotBlob.size;

            // Check size limit
            if (plotSize > 5 * 1024 * 1024) {
                throw new Error("Plot size exceeds 5MB limit");
            }

            // Upload to Twitter
            try {
                // Create FormData with proper multipart boundaries
                const formData = new FormData();
                
                // Add the file with proper content type
                formData.append('file', plotBlob, `${plot_name}.png`);
                
                // Upload using the Twitter client
                const mediaId = await gameTwitterClient.uploadMedia(plotBlob);
            }

[MHHukiewitz]

Update on how I use it after reading the SDK code, still does not work:

export async function fetchAndUploadMedia(urls: string[], logger: (message: string) => void): Promise<[string] | [string, string] | [string, string, string] | [string, string, string, string] | undefined> {
    if (!Array.isArray(urls)) {
        throw new Error("media_urls must be an array");
    }
    if (urls.length > 4) {
        throw new Error("Maximum 4 media files are allowed");
    }
    if (urls.length === 0) {
        return undefined;
    }

    // Upload each media file
    const uploadedIds: string[] = [];
    for (const url of urls) {
        try {
            logger(`Fetching media from URL: ${url}`);
            
            const response = await fetch(url);
            
            if (!response.ok) {
                logger(`Error fetching media: ${response.status} ${response.statusText}`);
                throw new Error(`Failed to fetch media from ${url}: ${response.statusText}`);
            }
            
            const blob = await response.blob();
            
            // If the blob size is too large (>5MB), Twitter might reject it
            if (blob.size > 5 * 1024 * 1024) {
                logger(`Warning: Media file size ${blob.size} bytes exceeds 5MB and may be rejected by Twitter`);
            }
            
            logger(`Uploading media to Twitter...`);
            const mediaId = await gameTwitterClient.uploadMedia(blob);
            
            if (!mediaId) {
                logger(`Failed to upload media from ${url}: No media ID returned`);
                throw new Error(`Failed to upload media from ${url}: No media ID returned`);
            }
            
            logger(`Successfully uploaded media, received ID: ${mediaId}`);
            uploadedIds.push(mediaId);
        } catch (error) {
            const errorMessage = error instanceof Error ? error.message : 'Unknown error';
            logger(`Error processing media ${url}: ${errorMessage}`);
            throw new Error(`Media upload error for ${url}: ${errorMessage}`);
        }
    }