create-brainerce-store 1.29.1 → 1.30.0

package/dist/index.js

@@ -31,7 +31,7 @@ var require_package = __commonJS({
   "package.json"(exports2, module2) {
     module2.exports = {
       name: "create-brainerce-store",
-      version: "1.29.1",
+      version: "1.30.0",
       description: "Scaffold a production-ready e-commerce storefront connected to Brainerce",
       bin: {
         "create-brainerce-store": "dist/index.js"

package/messages/en.json

@@ -369,7 +369,18 @@
     "region": "State / Region",
     "postalCode": "Postal Code",
     "country": "Country",
-    "isDefault": "Set as my default address"
+    "isDefault": "Set as my default address",
+    "customizations": "Customizations",
+    "shippingAddress": "Shipping address",
+    "tracking": "Tracking",
+    "trackOrder": "Track order",
+    "shippedOn": "Shipped on {date}",
+    "deliveredOn": "Delivered on {date}",
+    "paymentMethod": "Payment",
+    "paid": "Paid",
+    "refundedStatus": "Refunded",
+    "partiallyRefundedStatus": "Partially refunded",
+    "statusTimeline": "Timeline"
   },
   "checkoutAddress": {
     "saveToProfile": "Save this address to my profile?",

package/messages/he.json

@@ -369,7 +369,18 @@
     "region": "מדינה / אזור",
     "postalCode": "מיקוד",
     "country": "מדינה",
-    "isDefault": "הגדר ככתובת ברירת המחדל שלי"
+    "isDefault": "הגדר ככתובת ברירת המחדל שלי",
+    "customizations": "התאמות אישיות",
+    "shippingAddress": "כתובת משלוח",
+    "tracking": "מעקב",
+    "trackOrder": "מעקב הזמנה",
+    "shippedOn": "נשלח בתאריך {date}",
+    "deliveredOn": "נמסר בתאריך {date}",
+    "paymentMethod": "תשלום",
+    "paid": "שולם",
+    "refundedStatus": "הוחזר",
+    "partiallyRefundedStatus": "הוחזר חלקית",
+    "statusTimeline": "ציר זמן"
   },
   "checkoutAddress": {
     "saveToProfile": "לשמור כתובת זו בפרופיל שלי?",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-brainerce-store",
-  "version": "1.29.1",
+  "version": "1.30.0",
   "description": "Scaffold a production-ready e-commerce storefront connected to Brainerce",
   "bin": {
     "create-brainerce-store": "dist/index.js"

package/templates/nextjs/base/src/app/api/store/[...path]/route.ts

@@ -85,9 +85,13 @@ async function proxyRequest(
     backendUrl.searchParams.set(key, value);
   });
 
-  // Build headers for backend request
+  // Build headers for backend request. Preserve the incoming Content-Type
+  // (including the multipart boundary for file uploads); default to JSON
+  // when absent. Overriding the Content-Type would strip the boundary and
+  // corrupt multipart uploads on the backend.
+  const incomingContentType = request.headers.get('content-type');
   const headers: Record<string, string> = {
-    'Content-Type': 'application/json',
+    'Content-Type': incomingContentType || 'application/json',
   };
 
   // Send the proxy's own origin (not the client-supplied Origin header).
@@ -114,11 +118,14 @@ async function proxyRequest(
     headers['Authorization'] = `Bearer ${tokenCookie.value}`;
   }
 
-  // Forward request body for non-GET requests
-  let body: string | undefined;
+  // Forward request body for non-GET requests. Use ArrayBuffer so multipart
+  // bodies (file uploads) pass through unchanged — `request.text()` works for
+  // JSON but would break binary content.
+  const isMultipart = incomingContentType?.includes('multipart/form-data') ?? false;
+  let body: ArrayBuffer | string | undefined;
   if (method !== 'GET' && method !== 'HEAD') {
     try {
-      body = await request.text();
+      body = isMultipart ? await request.arrayBuffer() : await request.text();
     } catch {
       // No body
     }

package/templates/nextjs/base/src/components/account/order-customizations.tsx

@@ -0,0 +1,125 @@
+'use client';
+
+import Image from 'next/image';
+import type { OrderItem } from 'brainerce';
+import { useTranslations } from '@/lib/translations';
+import { cn } from '@/lib/utils';
+
+type Customizations = NonNullable<OrderItem['customizations']>;
+type CustomizationEntry = Customizations[string];
+
+interface OrderCustomizationsProps {
+  customizations: OrderItem['customizations'];
+  className?: string;
+}
+
+export function OrderCustomizations({ customizations, className }: OrderCustomizationsProps) {
+  const t = useTranslations('account');
+  if (!customizations) return null;
+  const entries = Object.entries(customizations) as Array<[string, CustomizationEntry]>;
+  if (entries.length === 0) return null;
+
+  return (
+    <dl className={cn('bg-background/60 mt-2 space-y-1 rounded border-s-2 p-2 text-xs', className)}>
+      {entries.map(([key, entry]) => (
+        <div key={key} className="flex items-start gap-2">
+          <dt className="text-muted-foreground min-w-24 font-medium">{entry.label}:</dt>
+          <dd className="text-foreground flex-1 break-words">
+            <CustomizationValue entry={entry} fallback={t('productFallback')} />
+          </dd>
+        </div>
+      ))}
+    </dl>
+  );
+}
+
+function CustomizationValue({ entry, fallback }: { entry: CustomizationEntry; fallback: string }) {
+  const { type, value } = entry;
+
+  switch (type) {
+    case 'BOOLEAN':
+      return <span>{value === 'yes' || value === 'true' ? '✓' : '✗'}</span>;
+
+    case 'MULTI_SELECT':
+      return <span>{Array.isArray(value) ? value.join(', ') : String(value)}</span>;
+
+    case 'IMAGE': {
+      const url = typeof value === 'string' ? value : Array.isArray(value) ? value[0] : '';
+      if (!url) return <span className="text-muted-foreground">—</span>;
+      return (
+        <a href={url} target="_blank" rel="noopener noreferrer" className="inline-block">
+          <span className="relative inline-block h-12 w-12 overflow-hidden rounded border">
+            <Image src={url} alt={fallback} fill sizes="48px" className="object-cover" />
+          </span>
+        </a>
+      );
+    }
+
+    case 'GALLERY': {
+      const urls = Array.isArray(value) ? value : value ? [value] : [];
+      if (urls.length === 0) return <span className="text-muted-foreground">—</span>;
+      return (
+        <div className="flex flex-wrap gap-1.5">
+          {urls.map((url, i) => (
+            <a
+              key={`${url}-${i}`}
+              href={url}
+              target="_blank"
+              rel="noopener noreferrer"
+              className="inline-block"
+            >
+              <span className="relative inline-block h-10 w-10 overflow-hidden rounded border">
+                <Image src={url} alt={fallback} fill sizes="40px" className="object-cover" />
+              </span>
+            </a>
+          ))}
+        </div>
+      );
+    }
+
+    case 'COLOR': {
+      const hex = typeof value === 'string' ? value : '';
+      return (
+        <span className="inline-flex items-center gap-1.5">
+          <span
+            className="inline-block h-4 w-4 rounded border"
+            style={{ backgroundColor: hex || 'transparent' }}
+          />
+          <span className="font-mono">{hex || '—'}</span>
+        </span>
+      );
+    }
+
+    case 'DATE': {
+      const s = typeof value === 'string' ? value : '';
+      if (!s) return <span>—</span>;
+      const d = new Date(s);
+      return <span>{isNaN(d.getTime()) ? s : d.toLocaleDateString()}</span>;
+    }
+
+    case 'DATETIME': {
+      const s = typeof value === 'string' ? value : '';
+      if (!s) return <span>—</span>;
+      const d = new Date(s);
+      return <span>{isNaN(d.getTime()) ? s : d.toLocaleString()}</span>;
+    }
+
+    case 'URL': {
+      const href = typeof value === 'string' ? value : '';
+      if (!href) return <span>—</span>;
+      return (
+        <a
+          href={href}
+          target="_blank"
+          rel="noopener noreferrer"
+          className="text-primary break-all underline"
+        >
+          {href}
+        </a>
+      );
+    }
+
+    default:
+      return <span>{Array.isArray(value) ? value.join(', ') : String(value ?? '')}</span>;
+  }
+}