Design Canvas (Primary) - FabricDesignCanvasV2: Fabric.js-based product customization canvas - Lazy-loads Fabric.js to minimize bundle impact - Renders product mockup with print area guide (magenta dashed box) - Supports front/back view switching with correct product images - Color swatch selection for garment customization - Text element creation with selection handles and transform controls - Fixed React dependency array to prevent infinite renders Support Components - DesignCanvasWrapper: Client-side wrapper for SSR compatibility - DesignCanvasErrorBoundary: Error boundary for canvas failures - ThemeInitializer: Theme detection and application Configuration - Updated .claude/launch.json with dev server settings - Updated .claude/settings.local.json with local preferences - Updated next.config.mjs for production build optimization - Dependency updates in package.json and package-lock.json Known Issues & TODO - Image element rendering disabled (Fabric.js compatibility investigation) - Text editing UI controls needed (font, size, color pickers) - Delete/undo functionality pending - Print area alignment needs visual verification - "Add to Cart" integration with design serialization pending Testing Artifacts - check_*.js: Product verification scripts for debugging Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
43 lines
1.2 KiB
JavaScript
43 lines
1.2 KiB
JavaScript
const { PrismaClient } = require('@prisma/client');
|
|
const prisma = new PrismaClient();
|
|
|
|
async function main() {
|
|
const product = await prisma.product.findUnique({
|
|
where: { slug: 'awd-t-shirt-at001' }
|
|
});
|
|
|
|
if (!product) {
|
|
console.log('Product not found');
|
|
return;
|
|
}
|
|
|
|
console.log('\n=== T-Shirt Images ===');
|
|
console.log(`\nColors: ${product.colors}`);
|
|
console.log(`\nimagUrl: ${product.imageUrl ? 'SET' : 'NOT SET'}`);
|
|
console.log(`imageUrlBack: ${product.imageUrlBack ? 'SET' : 'NOT SET'}`);
|
|
|
|
if (product.colorPhotos) {
|
|
const colors = JSON.parse(product.colorPhotos);
|
|
console.log(`\ncolorPhotos: ${Object.keys(colors).length} colors have photos`);
|
|
Object.keys(colors).forEach(color => {
|
|
console.log(` - ${color}: ${colors[color] ? 'HAS IMAGE' : 'NO IMAGE'}`);
|
|
});
|
|
} else {
|
|
console.log('\ncolorPhotos: NOT SET');
|
|
}
|
|
|
|
if (product.colorPhotosBack) {
|
|
const colors = JSON.parse(product.colorPhotosBack);
|
|
console.log(`\ncolorPhotosBack: ${Object.keys(colors).length} colors have back photos`);
|
|
} else {
|
|
console.log('\ncolorPhotosBack: NOT SET');
|
|
}
|
|
}
|
|
|
|
main()
|
|
.then(() => process.exit(0))
|
|
.catch(err => {
|
|
console.error(err);
|
|
process.exit(1);
|
|
});
|