create-brainerce-store 1.13.0 → 1.14.1

package/templates/nextjs/base/src/app/products/page.tsx

@@ -69,19 +69,19 @@ function ChevronDown({ className }: { className?: string }) {
 
 /** Recursive dropdown items for nested categories */
 function CategoryDropdownItems({
-  children,
+  items,
   depth,
   selectedId,
   onSelect,
 }: {
-  children: CategoryNode[];
+  items: CategoryNode[];
   depth: number;
   selectedId: string;
   onSelect: (id: string) => void;
 }) {
   return (
     <>
-      {children.map((child) => (
+      {items.map((child) => (
         <div key={child.id}>
           <button
             onClick={() => onSelect(child.id)}
@@ -95,7 +95,7 @@ function CategoryDropdownItems({
           </button>
           {child.children.length > 0 && (
             <CategoryDropdownItems
-              children={child.children}
+              items={child.children}
               depth={depth + 1}
               selectedId={selectedId}
               onSelect={onSelect}
@@ -204,7 +204,7 @@ function CategoryChip({
           {/* Recursive children */}
           <div onClick={() => setOpen(false)}>
             <CategoryDropdownItems
-              children={category.children}
+              items={category.children}
               depth={0}
               selectedId={selectedId}
               onSelect={onSelect}

package/templates/nextjs/base/src/app/robots.ts

@@ -1,14 +1,14 @@
-import type { MetadataRoute } from 'next';
-
-export default function robots(): MetadataRoute.Robots {
-  const baseUrl = process.env.NEXT_PUBLIC_SITE_URL || 'https://example.com';
-
-  return {
-    rules: {
-      userAgent: '*',
-      allow: '/',
-      disallow: ['/api/', '/auth/', '/checkout/', '/account/'],
-    },
-    sitemap: `${baseUrl}/sitemap.xml`,
-  };
-}
+import type { MetadataRoute } from 'next';
+
+export default function robots(): MetadataRoute.Robots {
+  const baseUrl = process.env.NEXT_PUBLIC_SITE_URL || 'https://example.com';
+
+  return {
+    rules: {
+      userAgent: '*',
+      allow: '/',
+      disallow: ['/api/', '/auth/', '/checkout/', '/account/'],
+    },
+    sitemap: `${baseUrl}/sitemap.xml`,
+  };
+}

package/templates/nextjs/base/src/app/sitemap.ts

@@ -1,25 +1,25 @@
-import type { MetadataRoute } from 'next';
-import { getServerClient } from '@/lib/brainerce';
-
-export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
-  const baseUrl = process.env.NEXT_PUBLIC_SITE_URL || 'https://example.com';
-
-  const staticPages: MetadataRoute.Sitemap = [
-    { url: baseUrl, lastModified: new Date(), priority: 1 },
-    { url: `${baseUrl}/products`, lastModified: new Date(), priority: 0.9 },
-  ];
-
-  try {
-    const client = getServerClient();
-    const { data: products } = await client.getProducts({ limit: 1000 });
-    const productPages: MetadataRoute.Sitemap = products.map((product) => ({
-      url: `${baseUrl}/products/${product.slug}`,
-      lastModified: product.updatedAt ? new Date(product.updatedAt) : new Date(),
-      priority: 0.8,
-    }));
-
-    return [...staticPages, ...productPages];
-  } catch {
-    return staticPages;
-  }
-}
+import type { MetadataRoute } from 'next';
+import { getServerClient } from '@/lib/brainerce';
+
+export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
+  const baseUrl = process.env.NEXT_PUBLIC_SITE_URL || 'https://example.com';
+
+  const staticPages: MetadataRoute.Sitemap = [
+    { url: baseUrl, lastModified: new Date(), priority: 1 },
+    { url: `${baseUrl}/products`, lastModified: new Date(), priority: 0.9 },
+  ];
+
+  try {
+    const client = getServerClient();
+    const { data: products } = await client.getProducts({ limit: 1000 });
+    const productPages: MetadataRoute.Sitemap = products.map((product) => ({
+      url: `${baseUrl}/products/${product.slug}`,
+      lastModified: product.updatedAt ? new Date(product.updatedAt) : new Date(),
+      priority: 0.8,
+    }));
+
+    return [...staticPages, ...productPages];
+  } catch {
+    return staticPages;
+  }
+}

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

@@ -77,7 +77,7 @@ function OrderCard({ order }: { order: Order }) {
   const t = useTranslations('account');
   const tc = useTranslations('common');
   const [expanded, setExpanded] = useState(false);
-  const statusConfig = STATUS_CONFIG[order.status] || STATUS_CONFIG.pending;
+  const statusConfig = STATUS_CONFIG[order.status?.toLowerCase() as OrderStatus] || STATUS_CONFIG.pending;
   const currency = order.currency || 'USD';
   const totalAmount = order.totalAmount || order.total || '0';
 
@@ -243,11 +243,11 @@ function OrderDownloads({ orderId }: { orderId: string }) {
               {link.productName}
               {' · '}
               {link.downloadLimit != null
-                ? t('downloadsRemaining', { used: link.downloadsUsed, limit: link.downloadLimit })
+                ? `${link.downloadsUsed}/${link.downloadLimit} ${t('downloadsRemaining')}`
                 : t('unlimitedDownloads')}
               {' · '}
               {link.expiresAt
-                ? t('expiresAt', { date: new Date(link.expiresAt).toLocaleDateString() })
+                ? `${t('expiresAt')} ${new Date(link.expiresAt).toLocaleDateString()}`
                 : t('noExpiry')}
             </p>
           </div>

package/templates/nextjs/base/src/components/checkout/payment-step.tsx

@@ -243,9 +243,7 @@ export function PaymentStep({ checkoutId, className }: PaymentStepProps) {
         },
       };
 
-      console.info(
-        `Payment SDK: ${method}({ environment: "${config.environment}", version: ${config.version} })`
-      );
+      console.info(`Payment SDK: calling ${method}()`);
       global[method](config);
       sdkInitDone = true;
     }

package/templates/nextjs/base/src/components/layout/header.tsx

@@ -81,7 +81,7 @@ export function Header() {
         <div className="flex h-16 items-center justify-between gap-4">
           {/* Logo / Store Name */}
           <Link href="/" className="text-foreground flex-shrink-0 text-xl font-bold">
-            {storeInfo?.name || tc('store')}
+            {storeInfo?.name || process.env.NEXT_PUBLIC_STORE_NAME || tc('store')}
           </Link>
 
           {/* Desktop Navigation */}

package/templates/nextjs/base/src/components/products/stock-badge.tsx

@@ -1,6 +1,5 @@
 'use client';
 
-import { getStockStatus } from 'brainerce';
 import type { InventoryInfo } from 'brainerce';
 import { cn } from '@/lib/utils';
 
@@ -11,24 +10,44 @@ interface StockBadgeProps {
 }
 
 export function StockBadge({ inventory, lowStockThreshold = 5, className }: StockBadgeProps) {
-  const status = getStockStatus(inventory, { lowStockThreshold });
-
-  const colorClasses =
-    status === 'Out of Stock' || status === 'Unavailable'
-      ? 'bg-red-100 text-red-800'
-      : status === 'Low Stock'
-        ? 'bg-yellow-100 text-yellow-800'
-        : 'bg-green-100 text-green-800';
+  const label = getStockLabel(inventory, lowStockThreshold);
+  const color = getStockColor(inventory, lowStockThreshold);
 
   return (
     <span
       className={cn(
         'inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium',
-        colorClasses,
+        color,
         className
       )}
     >
-      {status}
+      {label}
     </span>
   );
 }
+
+function getStockLabel(inventory: InventoryInfo | null | undefined, lowStockThreshold: number): string {
+  if (!inventory) return 'Out of Stock';
+
+  const { trackingMode, inStock, available } = inventory;
+
+  if (trackingMode === 'DISABLED') return 'Unavailable';
+  if (!inStock) return 'Out of Stock';
+  if (trackingMode === 'UNLIMITED') return 'In Stock';
+
+  // TRACKED — show actual quantity
+  if (available <= lowStockThreshold) {
+    return `Only ${available} left`;
+  }
+  return `${available} in stock`;
+}
+
+function getStockColor(inventory: InventoryInfo | null | undefined, lowStockThreshold: number): string {
+  if (!inventory) return 'bg-red-100 text-red-800';
+
+  const { trackingMode, inStock, available } = inventory;
+
+  if (trackingMode === 'DISABLED' || !inStock) return 'bg-red-100 text-red-800';
+  if (trackingMode === 'TRACKED' && available <= lowStockThreshold) return 'bg-yellow-100 text-yellow-800';
+  return 'bg-green-100 text-green-800';
+}

package/templates/nextjs/base/src/components/seo/product-json-ld.tsx

@@ -1,39 +1,39 @@
-import type { Product } from 'brainerce';
-import { getProductPriceInfo } from 'brainerce';
-
-interface ProductJsonLdProps {
-  product: Product;
-  url: string;
-}
-
-export function ProductJsonLd({ product, url }: ProductJsonLdProps) {
-  const priceInfo = getProductPriceInfo(product);
-  const imageUrl = product.images?.[0]?.url;
-
-  const jsonLd = {
-    '@context': 'https://schema.org',
-    '@type': 'Product',
-    name: product.name,
-    description: product.description || product.name,
-    image: imageUrl,
-    url,
-    sku: product.sku || product.id,
-    offers: {
-      '@type': 'Offer',
-      price: priceInfo.price,
-      priceCurrency: 'ILS',
-      availability:
-        product.inventory?.canPurchase !== false
-          ? 'https://schema.org/InStock'
-          : 'https://schema.org/OutOfStock',
-      url,
-    },
-  };
-
-  return (
-    <script
-      type="application/ld+json"
-      dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
-    />
-  );
-}
+import type { Product } from 'brainerce';
+import { getProductPriceInfo } from 'brainerce';
+
+interface ProductJsonLdProps {
+  product: Product;
+  url: string;
+}
+
+export function ProductJsonLd({ product, url }: ProductJsonLdProps) {
+  const priceInfo = getProductPriceInfo(product);
+  const imageUrl = product.images?.[0]?.url;
+
+  const jsonLd = {
+    '@context': 'https://schema.org',
+    '@type': 'Product',
+    name: product.name,
+    description: product.description || product.name,
+    image: imageUrl,
+    url,
+    sku: product.sku || product.id,
+    offers: {
+      '@type': 'Offer',
+      price: priceInfo.price,
+      priceCurrency: 'ILS',
+      availability:
+        product.inventory?.canPurchase !== false
+          ? 'https://schema.org/InStock'
+          : 'https://schema.org/OutOfStock',
+      url,
+    },
+  };
+
+  return (
+    <script
+      type="application/ld+json"
+      dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
+    />
+  );
+}

package/templates/nextjs/base/src/lib/brainerce.ts.ejs

@@ -45,5 +45,6 @@ export function getServerClient(): BrainerceClient {
   return new BrainerceClient({
     connectionId: CONNECTION_ID,
     baseUrl: apiUrl,
+    origin: process.env.NEXT_PUBLIC_SITE_URL || 'http://localhost:3000',
   });
 }