deckhearth/pages/api/favorites.js
Randall Stillwell 2a76666f79 🚀 Implemented Complete Collection Functionality
Built out all requested features from top to bottom:

 Upload Modal for Hero Images:
- Created UploadImageModal component with drag-and-drop
- Support for both URL input and file upload
- Live preview and validation
- Integrated into collection detail page

 Smart TCG Tags:
- Dynamic tags showing only games with cards
- Properly positioned under description
- Clean blue rounded styling

 Combined Share & Invite Modal:
- Unified ShareModal replacing separate buttons
- Public access toggle with community visibility
- Email/member search functionality
- Default viewer role for invitations
- Social sharing (Twitter, Facebook, Reddit, Discord)
- User search API endpoint (/api/users/search)

 Comprehensive Favorites System:
- Database schema for cards, collections, and decks
- API endpoint (/api/favorites) for CRUD operations
- Real-time favorite status checking
- Working toggle functionality in UI
- Migration script for database setup

 CSV Download Functionality:
- Complete card metadata export
- Proper CSV formatting with escaping
- All card fields included (name, set, rarity, etc.)
- Automatic filename generation
- Client-side download implementation

🎯 UI/UX Improvements:
- Removed duplicate buttons and switches
- Clean action bar with proper hierarchy
- Working modals with proper state management
- Error handling and loading states

🛠️ Technical Features:
- JWT authentication for all endpoints
- Proper database relationships and indexes
- CORS headers and error handling
- Optimized queries and performance

All todos completed! Ready for full collection management! 🎮
2025-07-25 22:28:52 -05:00

138 lines
No EOL
4.3 KiB
JavaScript

import { sql } from '@vercel/postgres';
import jwt from 'jsonwebtoken';
const JWT_SECRET = process.env.JWT_SECRET || 'your-secret-key-change-in-production';
export default async function handler(req, res) {
// Set CORS headers
res.setHeader('Access-Control-Allow-Origin', '*');
res.setHeader('Access-Control-Allow-Methods', 'GET, POST, DELETE, OPTIONS');
res.setHeader('Access-Control-Allow-Headers', 'Content-Type, Authorization');
if (req.method === 'OPTIONS') {
res.status(200).end();
return;
}
// Verify authentication
const authHeader = req.headers.authorization;
if (!authHeader || !authHeader.startsWith('Bearer ')) {
return res.status(401).json({ error: 'Authentication required' });
}
const token = authHeader.substring(7);
let user;
try {
user = jwt.verify(token, JWT_SECRET);
} catch (error) {
return res.status(401).json({ error: 'Invalid token' });
}
try {
if (req.method === 'GET') {
// Get user's favorites
const { type } = req.query; // Optional filter by type
let query = sql`
SELECT uf.*,
CASE
WHEN uf.item_type = 'collection' THEN c.name
WHEN uf.item_type = 'card' THEN cards.name
WHEN uf.item_type = 'deck' THEN d.name
END as item_name
FROM user_favorites uf
LEFT JOIN collections c ON uf.item_type = 'collection' AND uf.item_id = c.id
LEFT JOIN cards ON uf.item_type = 'card' AND uf.item_id = cards.id
LEFT JOIN decks d ON uf.item_type = 'deck' AND uf.item_id = d.id
WHERE uf.user_id = ${user.userId}
`;
if (type) {
query = sql`
SELECT uf.*,
CASE
WHEN uf.item_type = 'collection' THEN c.name
WHEN uf.item_type = 'card' THEN cards.name
WHEN uf.item_type = 'deck' THEN d.name
END as item_name
FROM user_favorites uf
LEFT JOIN collections c ON uf.item_type = 'collection' AND uf.item_id = c.id
LEFT JOIN cards ON uf.item_type = 'card' AND uf.item_id = cards.id
LEFT JOIN decks d ON uf.item_type = 'deck' AND uf.item_id = d.id
WHERE uf.user_id = ${user.userId} AND uf.item_type = ${type}
`;
}
query = sql`${query} ORDER BY uf.created_at DESC`;
const result = await query;
res.status(200).json({
favorites: result.rows
});
} else if (req.method === 'POST') {
// Add favorite
const { itemType, itemId } = req.body;
if (!itemType || !itemId) {
return res.status(400).json({ error: 'itemType and itemId are required' });
}
if (!['card', 'collection', 'deck'].includes(itemType)) {
return res.status(400).json({ error: 'Invalid itemType. Must be card, collection, or deck' });
}
// Check if already favorited
const existing = await sql`
SELECT id FROM user_favorites
WHERE user_id = ${user.userId} AND item_type = ${itemType} AND item_id = ${itemId}
`;
if (existing.rows.length > 0) {
return res.status(409).json({ error: 'Item already favorited' });
}
// Add favorite
const result = await sql`
INSERT INTO user_favorites (user_id, item_type, item_id)
VALUES (${user.userId}, ${itemType}, ${itemId})
RETURNING *
`;
res.status(201).json({
favorite: result.rows[0]
});
} else if (req.method === 'DELETE') {
// Remove favorite
const { itemType, itemId } = req.body;
if (!itemType || !itemId) {
return res.status(400).json({ error: 'itemType and itemId are required' });
}
const result = await sql`
DELETE FROM user_favorites
WHERE user_id = ${user.userId} AND item_type = ${itemType} AND item_id = ${itemId}
RETURNING *
`;
if (result.rows.length === 0) {
return res.status(404).json({ error: 'Favorite not found' });
}
res.status(200).json({
message: 'Favorite removed',
favorite: result.rows[0]
});
} else {
res.status(405).json({ error: 'Method not allowed' });
}
} catch (error) {
console.error('Favorites API error:', error);
res.status(500).json({ error: 'Internal server error' });
}
}