Files
craft2prints/check_product_images.js
AndymickandClaude Haiku 4.5 e23f201d3d Fabric.js design canvas implementation and supporting infrastructure
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>
2026-07-22 16:20:40 +01:00

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);
});