2025-07-24 16:03:09 -04:00
|
|
|
import { sql } from '@vercel/postgres';
|
|
|
|
|
|
|
|
|
|
export default async function handler(req, res) {
|
Enhanced collections with detailed view and card management
- Created comprehensive collection detail page (/collection/[id]) with:
* Hero section with collection metadata (name, creator, format, cost)
* Action buttons (copy link, share, print proxies, save deck)
* Collection statistics (total cards, value, views, favorites)
* Advanced filtering and search functionality
* Grid and list view modes for cards
* Real-time card filtering by rarity, type, and search terms
- Added complete API endpoints for collection management:
* GET/PUT/DELETE /api/collections/[id] - collection CRUD operations
* POST/PUT/DELETE /api/collections/[id]/cards - card management
* Enhanced /api/collections with database integration
- Features matching deck builder interface from image:
* Beautiful hero section with background image
* Metadata display (creator, format, cost, play guide)
* Copy/share/save functionality
* Comprehensive filtering system
* Responsive card grid and list views
* Real-time statistics and card counting
- Updated collections listing page to link to detailed views
- Proper error handling and loading states throughout
- Mobile-responsive design with modern UI/UX
2025-07-25 08:44:23 -04:00
|
|
|
// Set CORS headers
|
|
|
|
|
res.setHeader('Access-Control-Allow-Origin', '*');
|
|
|
|
|
res.setHeader('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS');
|
|
|
|
|
res.setHeader('Access-Control-Allow-Headers', 'Content-Type, Authorization');
|
|
|
|
|
|
|
|
|
|
// Handle preflight requests
|
|
|
|
|
if (req.method === 'OPTIONS') {
|
|
|
|
|
res.status(200).end();
|
|
|
|
|
return;
|
2025-07-24 16:03:09 -04:00
|
|
|
}
|
|
|
|
|
|
Enhanced collections with detailed view and card management
- Created comprehensive collection detail page (/collection/[id]) with:
* Hero section with collection metadata (name, creator, format, cost)
* Action buttons (copy link, share, print proxies, save deck)
* Collection statistics (total cards, value, views, favorites)
* Advanced filtering and search functionality
* Grid and list view modes for cards
* Real-time card filtering by rarity, type, and search terms
- Added complete API endpoints for collection management:
* GET/PUT/DELETE /api/collections/[id] - collection CRUD operations
* POST/PUT/DELETE /api/collections/[id]/cards - card management
* Enhanced /api/collections with database integration
- Features matching deck builder interface from image:
* Beautiful hero section with background image
* Metadata display (creator, format, cost, play guide)
* Copy/share/save functionality
* Comprehensive filtering system
* Responsive card grid and list views
* Real-time statistics and card counting
- Updated collections listing page to link to detailed views
- Proper error handling and loading states throughout
- Mobile-responsive design with modern UI/UX
2025-07-25 08:44:23 -04:00
|
|
|
if (req.method === 'GET') {
|
|
|
|
|
try {
|
2025-07-25 09:34:28 -04:00
|
|
|
// Get user ID from auth (for now, hardcoded to 1)
|
|
|
|
|
const currentUserId = 1;
|
|
|
|
|
|
|
|
|
|
// Get collections based on visibility and user permissions
|
Enhanced collections with detailed view and card management
- Created comprehensive collection detail page (/collection/[id]) with:
* Hero section with collection metadata (name, creator, format, cost)
* Action buttons (copy link, share, print proxies, save deck)
* Collection statistics (total cards, value, views, favorites)
* Advanced filtering and search functionality
* Grid and list view modes for cards
* Real-time card filtering by rarity, type, and search terms
- Added complete API endpoints for collection management:
* GET/PUT/DELETE /api/collections/[id] - collection CRUD operations
* POST/PUT/DELETE /api/collections/[id]/cards - card management
* Enhanced /api/collections with database integration
- Features matching deck builder interface from image:
* Beautiful hero section with background image
* Metadata display (creator, format, cost, play guide)
* Copy/share/save functionality
* Comprehensive filtering system
* Responsive card grid and list views
* Real-time statistics and card counting
- Updated collections listing page to link to detailed views
- Proper error handling and loading states throughout
- Mobile-responsive design with modern UI/UX
2025-07-25 08:44:23 -04:00
|
|
|
const result = await sql`
|
2025-07-25 09:34:28 -04:00
|
|
|
SELECT DISTINCT
|
Enhanced collections with detailed view and card management
- Created comprehensive collection detail page (/collection/[id]) with:
* Hero section with collection metadata (name, creator, format, cost)
* Action buttons (copy link, share, print proxies, save deck)
* Collection statistics (total cards, value, views, favorites)
* Advanced filtering and search functionality
* Grid and list view modes for cards
* Real-time card filtering by rarity, type, and search terms
- Added complete API endpoints for collection management:
* GET/PUT/DELETE /api/collections/[id] - collection CRUD operations
* POST/PUT/DELETE /api/collections/[id]/cards - card management
* Enhanced /api/collections with database integration
- Features matching deck builder interface from image:
* Beautiful hero section with background image
* Metadata display (creator, format, cost, play guide)
* Copy/share/save functionality
* Comprehensive filtering system
* Responsive card grid and list views
* Real-time statistics and card counting
- Updated collections listing page to link to detailed views
- Proper error handling and loading states throughout
- Mobile-responsive design with modern UI/UX
2025-07-25 08:44:23 -04:00
|
|
|
c.*,
|
|
|
|
|
u.email as creator_email,
|
|
|
|
|
COUNT(cc.card_id) as card_count,
|
2025-07-25 09:34:28 -04:00
|
|
|
COALESCE(SUM(cards.market_price * cc.quantity), 0) as total_value,
|
|
|
|
|
cp.role as user_role
|
Enhanced collections with detailed view and card management
- Created comprehensive collection detail page (/collection/[id]) with:
* Hero section with collection metadata (name, creator, format, cost)
* Action buttons (copy link, share, print proxies, save deck)
* Collection statistics (total cards, value, views, favorites)
* Advanced filtering and search functionality
* Grid and list view modes for cards
* Real-time card filtering by rarity, type, and search terms
- Added complete API endpoints for collection management:
* GET/PUT/DELETE /api/collections/[id] - collection CRUD operations
* POST/PUT/DELETE /api/collections/[id]/cards - card management
* Enhanced /api/collections with database integration
- Features matching deck builder interface from image:
* Beautiful hero section with background image
* Metadata display (creator, format, cost, play guide)
* Copy/share/save functionality
* Comprehensive filtering system
* Responsive card grid and list views
* Real-time statistics and card counting
- Updated collections listing page to link to detailed views
- Proper error handling and loading states throughout
- Mobile-responsive design with modern UI/UX
2025-07-25 08:44:23 -04:00
|
|
|
FROM collections c
|
|
|
|
|
LEFT JOIN users u ON c.user_id = u.id
|
|
|
|
|
LEFT JOIN collection_cards cc ON c.id = cc.collection_id
|
|
|
|
|
LEFT JOIN cards ON cc.card_id = cards.id
|
2025-07-25 09:34:28 -04:00
|
|
|
LEFT JOIN collection_permissions cp ON c.id = cp.collection_id AND cp.user_id = ${currentUserId} AND cp.status = 'active'
|
|
|
|
|
WHERE
|
|
|
|
|
c.visibility = 'public' OR
|
|
|
|
|
c.user_id = ${currentUserId} OR
|
|
|
|
|
cp.id IS NOT NULL
|
|
|
|
|
GROUP BY c.id, u.email, cp.role
|
Enhanced collections with detailed view and card management
- Created comprehensive collection detail page (/collection/[id]) with:
* Hero section with collection metadata (name, creator, format, cost)
* Action buttons (copy link, share, print proxies, save deck)
* Collection statistics (total cards, value, views, favorites)
* Advanced filtering and search functionality
* Grid and list view modes for cards
* Real-time card filtering by rarity, type, and search terms
- Added complete API endpoints for collection management:
* GET/PUT/DELETE /api/collections/[id] - collection CRUD operations
* POST/PUT/DELETE /api/collections/[id]/cards - card management
* Enhanced /api/collections with database integration
- Features matching deck builder interface from image:
* Beautiful hero section with background image
* Metadata display (creator, format, cost, play guide)
* Copy/share/save functionality
* Comprehensive filtering system
* Responsive card grid and list views
* Real-time statistics and card counting
- Updated collections listing page to link to detailed views
- Proper error handling and loading states throughout
- Mobile-responsive design with modern UI/UX
2025-07-25 08:44:23 -04:00
|
|
|
ORDER BY c.updated_at DESC
|
|
|
|
|
`;
|
|
|
|
|
|
|
|
|
|
const collections = result.rows.map(collection => ({
|
|
|
|
|
id: collection.id,
|
|
|
|
|
name: collection.name,
|
|
|
|
|
description: collection.description,
|
|
|
|
|
tcg: collection.tcg || 'MTG',
|
|
|
|
|
cardCount: parseInt(collection.card_count) || 0,
|
|
|
|
|
value: parseFloat(collection.total_value) || 0,
|
|
|
|
|
lastViewed: collection.updated_at,
|
|
|
|
|
createdAt: collection.created_at,
|
2025-07-25 09:34:28 -04:00
|
|
|
visibility: collection.visibility || 'private',
|
Enhanced collections with detailed view and card management
- Created comprehensive collection detail page (/collection/[id]) with:
* Hero section with collection metadata (name, creator, format, cost)
* Action buttons (copy link, share, print proxies, save deck)
* Collection statistics (total cards, value, views, favorites)
* Advanced filtering and search functionality
* Grid and list view modes for cards
* Real-time card filtering by rarity, type, and search terms
- Added complete API endpoints for collection management:
* GET/PUT/DELETE /api/collections/[id] - collection CRUD operations
* POST/PUT/DELETE /api/collections/[id]/cards - card management
* Enhanced /api/collections with database integration
- Features matching deck builder interface from image:
* Beautiful hero section with background image
* Metadata display (creator, format, cost, play guide)
* Copy/share/save functionality
* Comprehensive filtering system
* Responsive card grid and list views
* Real-time statistics and card counting
- Updated collections listing page to link to detailed views
- Proper error handling and loading states throughout
- Mobile-responsive design with modern UI/UX
2025-07-25 08:44:23 -04:00
|
|
|
tags: collection.tags ? collection.tags.split(',') : [],
|
2025-07-25 09:34:28 -04:00
|
|
|
creator: collection.creator_email,
|
|
|
|
|
userRole: collection.user_role || (collection.user_id === currentUserId ? 'owner' : null)
|
Enhanced collections with detailed view and card management
- Created comprehensive collection detail page (/collection/[id]) with:
* Hero section with collection metadata (name, creator, format, cost)
* Action buttons (copy link, share, print proxies, save deck)
* Collection statistics (total cards, value, views, favorites)
* Advanced filtering and search functionality
* Grid and list view modes for cards
* Real-time card filtering by rarity, type, and search terms
- Added complete API endpoints for collection management:
* GET/PUT/DELETE /api/collections/[id] - collection CRUD operations
* POST/PUT/DELETE /api/collections/[id]/cards - card management
* Enhanced /api/collections with database integration
- Features matching deck builder interface from image:
* Beautiful hero section with background image
* Metadata display (creator, format, cost, play guide)
* Copy/share/save functionality
* Comprehensive filtering system
* Responsive card grid and list views
* Real-time statistics and card counting
- Updated collections listing page to link to detailed views
- Proper error handling and loading states throughout
- Mobile-responsive design with modern UI/UX
2025-07-25 08:44:23 -04:00
|
|
|
}));
|
|
|
|
|
|
|
|
|
|
res.status(200).json(collections);
|
|
|
|
|
|
|
|
|
|
} catch (error) {
|
|
|
|
|
console.error('Error fetching collections:', error);
|
|
|
|
|
res.status(500).json({ error: 'Internal server error' });
|
|
|
|
|
}
|
|
|
|
|
} else if (req.method === 'POST') {
|
|
|
|
|
try {
|
2025-07-25 09:34:28 -04:00
|
|
|
const { name, description, tcg = 'MTG', visibility = 'private', tags = [] } = req.body;
|
Enhanced collections with detailed view and card management
- Created comprehensive collection detail page (/collection/[id]) with:
* Hero section with collection metadata (name, creator, format, cost)
* Action buttons (copy link, share, print proxies, save deck)
* Collection statistics (total cards, value, views, favorites)
* Advanced filtering and search functionality
* Grid and list view modes for cards
* Real-time card filtering by rarity, type, and search terms
- Added complete API endpoints for collection management:
* GET/PUT/DELETE /api/collections/[id] - collection CRUD operations
* POST/PUT/DELETE /api/collections/[id]/cards - card management
* Enhanced /api/collections with database integration
- Features matching deck builder interface from image:
* Beautiful hero section with background image
* Metadata display (creator, format, cost, play guide)
* Copy/share/save functionality
* Comprehensive filtering system
* Responsive card grid and list views
* Real-time statistics and card counting
- Updated collections listing page to link to detailed views
- Proper error handling and loading states throughout
- Mobile-responsive design with modern UI/UX
2025-07-25 08:44:23 -04:00
|
|
|
|
|
|
|
|
if (!name || !description) {
|
|
|
|
|
return res.status(400).json({ error: 'Name and description are required' });
|
|
|
|
|
}
|
|
|
|
|
|
2025-07-25 09:34:28 -04:00
|
|
|
if (!['private', 'invite-only', 'public'].includes(visibility)) {
|
|
|
|
|
return res.status(400).json({ error: 'Invalid visibility type' });
|
|
|
|
|
}
|
|
|
|
|
|
Enhanced collections with detailed view and card management
- Created comprehensive collection detail page (/collection/[id]) with:
* Hero section with collection metadata (name, creator, format, cost)
* Action buttons (copy link, share, print proxies, save deck)
* Collection statistics (total cards, value, views, favorites)
* Advanced filtering and search functionality
* Grid and list view modes for cards
* Real-time card filtering by rarity, type, and search terms
- Added complete API endpoints for collection management:
* GET/PUT/DELETE /api/collections/[id] - collection CRUD operations
* POST/PUT/DELETE /api/collections/[id]/cards - card management
* Enhanced /api/collections with database integration
- Features matching deck builder interface from image:
* Beautiful hero section with background image
* Metadata display (creator, format, cost, play guide)
* Copy/share/save functionality
* Comprehensive filtering system
* Responsive card grid and list views
* Real-time statistics and card counting
- Updated collections listing page to link to detailed views
- Proper error handling and loading states throughout
- Mobile-responsive design with modern UI/UX
2025-07-25 08:44:23 -04:00
|
|
|
// For now, use user_id = 1 (should be from auth token in real implementation)
|
|
|
|
|
const userId = 1;
|
|
|
|
|
|
|
|
|
|
const result = await sql`
|
2025-07-25 09:34:28 -04:00
|
|
|
INSERT INTO collections (name, description, tcg, visibility, tags, user_id)
|
|
|
|
|
VALUES (${name}, ${description}, ${tcg}, ${visibility}, ${tags.join(',')}, ${userId})
|
Enhanced collections with detailed view and card management
- Created comprehensive collection detail page (/collection/[id]) with:
* Hero section with collection metadata (name, creator, format, cost)
* Action buttons (copy link, share, print proxies, save deck)
* Collection statistics (total cards, value, views, favorites)
* Advanced filtering and search functionality
* Grid and list view modes for cards
* Real-time card filtering by rarity, type, and search terms
- Added complete API endpoints for collection management:
* GET/PUT/DELETE /api/collections/[id] - collection CRUD operations
* POST/PUT/DELETE /api/collections/[id]/cards - card management
* Enhanced /api/collections with database integration
- Features matching deck builder interface from image:
* Beautiful hero section with background image
* Metadata display (creator, format, cost, play guide)
* Copy/share/save functionality
* Comprehensive filtering system
* Responsive card grid and list views
* Real-time statistics and card counting
- Updated collections listing page to link to detailed views
- Proper error handling and loading states throughout
- Mobile-responsive design with modern UI/UX
2025-07-25 08:44:23 -04:00
|
|
|
RETURNING *
|
|
|
|
|
`;
|
|
|
|
|
|
2025-07-25 09:34:28 -04:00
|
|
|
// Create owner permission record
|
|
|
|
|
await sql`
|
|
|
|
|
INSERT INTO collection_permissions (collection_id, user_id, role, status)
|
|
|
|
|
VALUES (${result.rows[0].id}, ${userId}, 'owner', 'active')
|
|
|
|
|
`;
|
|
|
|
|
|
Enhanced collections with detailed view and card management
- Created comprehensive collection detail page (/collection/[id]) with:
* Hero section with collection metadata (name, creator, format, cost)
* Action buttons (copy link, share, print proxies, save deck)
* Collection statistics (total cards, value, views, favorites)
* Advanced filtering and search functionality
* Grid and list view modes for cards
* Real-time card filtering by rarity, type, and search terms
- Added complete API endpoints for collection management:
* GET/PUT/DELETE /api/collections/[id] - collection CRUD operations
* POST/PUT/DELETE /api/collections/[id]/cards - card management
* Enhanced /api/collections with database integration
- Features matching deck builder interface from image:
* Beautiful hero section with background image
* Metadata display (creator, format, cost, play guide)
* Copy/share/save functionality
* Comprehensive filtering system
* Responsive card grid and list views
* Real-time statistics and card counting
- Updated collections listing page to link to detailed views
- Proper error handling and loading states throughout
- Mobile-responsive design with modern UI/UX
2025-07-25 08:44:23 -04:00
|
|
|
res.status(201).json(result.rows[0]);
|
|
|
|
|
|
|
|
|
|
} catch (error) {
|
|
|
|
|
console.error('Error creating collection:', error);
|
|
|
|
|
res.status(500).json({ error: 'Internal server error' });
|
|
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
res.status(405).json({ error: 'Method not allowed' });
|
2025-07-24 16:03:09 -04:00
|
|
|
}
|
|
|
|
|
}
|