create-brainerce-store 1.29.1 → 1.29.13

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.29.13",
       description: "Scaffold a production-ready e-commerce storefront connected to Brainerce",
       bin: {
         "create-brainerce-store": "dist/index.js"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-brainerce-store",
-  "version": "1.29.1",
+  "version": "1.29.13",
   "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/products/customization-fields.tsx

@@ -340,10 +340,10 @@ function SingleImageField({
         className="text-foreground text-sm"
       />
       {uploading && (
-        <p className="text-muted-foreground mt-2 inline-flex items-center gap-2 text-xs">
+        <span className="text-muted-foreground mt-2 inline-flex items-center gap-2 text-xs">
           <LoadingSpinner size="sm" />
           {t('uploading')}
-        </p>
+        </span>
       )}
       {value && !uploading && (
         <div className="mt-2">
@@ -406,10 +406,10 @@ function GalleryField({
         className="text-foreground text-sm"
       />
       {uploading && (
-        <p className="text-muted-foreground mt-2 inline-flex items-center gap-2 text-xs">
+        <span className="text-muted-foreground mt-2 inline-flex items-center gap-2 text-xs">
           <LoadingSpinner size="sm" />
           {t('uploading')}
-        </p>
+        </span>
       )}
       {value.length > 0 && (
         <div className="mt-2 flex flex-wrap gap-2">