Image not found
' }; } } // Main page - serve HTML if (method === 'GET' && (path === '/' || path === '')) { // Get all images from S3 (with caching) const listResponse = await getCachedS3List(bucketName); // Get all vote counts from DynamoDB const scanCommand = new ScanCommand({ TableName: tableName }); const votesResponse = await dynamodb.send(scanCommand); const votesMap = {}; if (votesResponse.Items) { votesResponse.Items.forEach(item => { votesMap[item.image_id] = item.votes || 0; }); } // Filter and prepare image data first const imageObjects = (listResponse.Contents || []).filter(obj => obj.Key && obj.Key.match(/\.(jpg|jpeg|png|gif|webp)$/i) ); // Generate presigned URLs in parallel for better performance const imagesWithUrls = await Promise.all( imageObjects.map(async (obj) => { const presignedUrl = await getCachedPresignedUrl(bucketName, obj.Key); return { key: obj.Key, keyId: obj.Key.replace(/[^a-zA-Z0-9]/g, '-'), url: presignedUrl, votes: votesMap[obj.Key] || 0 }; }) ); // Sort images by vote count (highest votes first) imagesWithUrls.sort((a, b) => b.votes - a.votes); // Render the template with data const html = template({ images: imagesWithUrls }); return { statusCode: 200, headers: { 'Content-Type': 'text/html', 'Cache-Control': 'public, max-age=60, s-maxage=300' }, body: html }; } // API endpoint for voting if (method === 'POST' && path.startsWith('/vote/')) { const parts = path.split('/'); const imageId = parts[2]; const voteType = parts[3]; // 'up' or 'down' const voteIncrement = voteType === 'up' ? 1 : -1; // Update vote count in DynamoDB const updateCommand = new UpdateCommand({ TableName: tableName, Key: { image_id: imageId }, UpdateExpression: 'SET votes = if_not_exists(votes, :zero) + :inc', ExpressionAttributeValues: { ':inc': voteIncrement, ':zero': 0 }, ReturnValues: 'UPDATED_NEW' }); const result = await dynamodb.send(updateCommand); return { statusCode: 200, headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ message: 'Vote recorded successfully', image_id: imageId, new_vote_count: result.Attributes.votes }) }; } // API endpoint to get current vote counts if (method === 'GET' && path === '/api/votes') { const scanCommand = new ScanCommand({ TableName: tableName }); const votes = await dynamodb.send(scanCommand); return { statusCode: 200, headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ votes: votes.Items || [] }) }; } // For any other GET request, serve the main page (helpful for debugging) if (method === 'GET') { console.log('Serving main page for path:', path); // Get all images from S3 (with caching) const listResponse = await getCachedS3List(bucketName); // Get all vote counts from DynamoDB const scanCommand = new ScanCommand({ TableName: tableName }); const votesResponse = await dynamodb.send(scanCommand); const votesMap = {}; if (votesResponse.Items) { votesResponse.Items.forEach(item => { votesMap[item.image_id] = item.votes || 0; }); } // Filter and prepare image data efficiently const imageObjects = (listResponse.Contents || []).filter(obj => obj.Key && obj.Key.match(/\.(jpg|jpeg|png|gif|webp)$/i) ); const imagesWithUrls = imageObjects.map(obj => ({ key: obj.Key, keyId: obj.Key.replace(/[^a-zA-Z0-9]/g, '-'), votes: votesMap[obj.Key] || 0 })); // Sort images by vote count (highest votes first) imagesWithUrls.sort((a, b) => b.votes - a.votes); // Render the template with data const html = template({ images: imagesWithUrls }); return { statusCode: 200, headers: { 'Content-Type': 'text/html', 'Cache-Control': 'public, max-age=60, s-maxage=300' }, body: html }; } // Default response for unknown endpoints return { statusCode: 404, headers: { 'Content-Type': 'text/html' }, body: `404 - Page Not Found
The requested page could not be found.
Method: ${method}, Path: ${path}
Go back to the main page ` }; } catch (error) { console.error('Error:', error); return { statusCode: 500, headers: { 'Content-Type': 'text/html' }, body: `500 - Internal Server Error
An error occurred while processing your request.
Go back to the main page ` }; } } ``` * template.html ```html🐱 Vote for the Best Cat! 🐱
{{#if images.length}}
{{#each images}}
{{/each}}
{{else}}
{{this.votes}}
No images found. Upload some cat pictures to get started!
{{/if}}