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>
29 lines
946 B
TypeScript
29 lines
946 B
TypeScript
'use server';
|
|
|
|
import { headers } from 'next/headers';
|
|
import { redirect } from 'next/navigation';
|
|
import { sendContactMessageNotification } from '@/lib/mail';
|
|
import { verifyTurnstileToken } from '@/lib/turnstile';
|
|
import { getClientIp } from '@/lib/rateLimit';
|
|
|
|
export async function sendContactMessage(formData: FormData) {
|
|
const name = String(formData.get('name') ?? '').trim();
|
|
const email = String(formData.get('email') ?? '').trim();
|
|
const message = String(formData.get('message') ?? '').trim();
|
|
|
|
if (!name || !email || !message) {
|
|
redirect('/contact?error=missing');
|
|
}
|
|
|
|
const ip = getClientIp(await headers());
|
|
const turnstileToken = String(formData.get('cf-turnstile-response') ?? '');
|
|
const { success } = await verifyTurnstileToken(turnstileToken, ip);
|
|
if (!success) {
|
|
redirect('/contact?error=captcha');
|
|
}
|
|
|
|
await sendContactMessageNotification({ name, email, message });
|
|
|
|
redirect('/contact?sent=1');
|
|
}
|