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>
47 lines
1.1 KiB
JSON
47 lines
1.1 KiB
JSON
{
|
|
"name": "personalize-studio",
|
|
"version": "1.0.0",
|
|
"private": true,
|
|
"scripts": {
|
|
"dev": "next dev",
|
|
"build": "prisma generate && next build",
|
|
"start": "next start -p 3000",
|
|
"postinstall": "prisma generate",
|
|
"db:push": "prisma db push",
|
|
"db:seed": "tsx prisma/seed.ts",
|
|
"db:studio": "prisma studio"
|
|
},
|
|
"dependencies": {
|
|
"@prisma/client": "5.16.1",
|
|
"bcryptjs": "^3.0.3",
|
|
"fabric": "^7.4.0",
|
|
"idb-keyval": "6.2.1",
|
|
"jose": "^6.2.3",
|
|
"konva": "9.3.14",
|
|
"next": "^16.2.11",
|
|
"nodemailer": "6.9.14",
|
|
"pdf-parse": "^2.4.5",
|
|
"react": "18.3.1",
|
|
"react-dom": "18.3.1",
|
|
"react-konva": "18.2.10",
|
|
"stripe": "16.2.0",
|
|
"tesseract.js": "^7.0.0",
|
|
"uuid": "9.0.1",
|
|
"zustand": "4.5.4"
|
|
},
|
|
"devDependencies": {
|
|
"@types/bcryptjs": "^2.4.6",
|
|
"@types/node": "20.14.9",
|
|
"@types/nodemailer": "6.4.15",
|
|
"@types/react": "18.3.3",
|
|
"@types/react-dom": "18.3.0",
|
|
"@types/uuid": "9.0.8",
|
|
"autoprefixer": "10.4.19",
|
|
"postcss": "8.4.39",
|
|
"prisma": "5.16.1",
|
|
"tailwindcss": "3.4.4",
|
|
"tsx": "4.16.2",
|
|
"typescript": "5.5.3"
|
|
}
|
|
}
|