create-brainerce-store 1.14.3 → 1.14.4

package/dist/index.js

@@ -31,7 +31,7 @@ var require_package = __commonJS({
   "package.json"(exports2, module2) {
     module2.exports = {
       name: "create-brainerce-store",
-      version: "1.14.3",
+      version: "1.14.4",
       description: "Scaffold a production-ready e-commerce storefront connected to Brainerce",
       bin: {
         "create-brainerce-store": "dist/index.js"
@@ -412,12 +412,22 @@ async function fetchStoreInfo(connectionId, baseUrl = "https://api.brainerce.com
 // src/utils/logger.ts
 var import_chalk = __toESM(require("chalk"));
 var logger = {
-  banner() {
+  banner(version) {
     console.log();
-    console.log(import_chalk.default.bold.cyan("  create-brainerce-store"));
+    console.log(
+      import_chalk.default.bold.cyan("  create-brainerce-store") + (version ? import_chalk.default.dim(` v${version}`) : "")
+    );
     console.log(import_chalk.default.dim("  Scaffold a production-ready e-commerce storefront"));
     console.log();
   },
+  updateAvailable(latest, current) {
+    console.log();
+    console.log(
+      import_chalk.default.yellow(`  Update available: `) + import_chalk.default.dim(current) + import_chalk.default.yellow(" \u2192 ") + import_chalk.default.green.bold(latest)
+    );
+    console.log(import_chalk.default.dim("  Run: ") + import_chalk.default.white("npm install -g create-brainerce-store"));
+    console.log();
+  },
   info(message) {
     console.log(import_chalk.default.cyan(message));
   },
@@ -446,10 +456,41 @@ function createSpinner(text) {
 
 // src/index.ts
 var pkg = require_package();
+async function checkForUpdate(name, current) {
+  try {
+    const https2 = require("https");
+    return await new Promise((resolve) => {
+      const req = https2.get(
+        `https://registry.npmjs.org/${name}/latest`,
+        { timeout: 3e3 },
+        (res) => {
+          let data = "";
+          res.on("data", (chunk) => data += chunk);
+          res.on("end", () => {
+            try {
+              const latest = JSON.parse(data).version;
+              resolve(latest && latest !== current ? latest : null);
+            } catch {
+              resolve(null);
+            }
+          });
+        }
+      );
+      req.on("error", () => resolve(null));
+      req.on("timeout", () => {
+        req.destroy();
+        resolve(null);
+      });
+    });
+  } catch {
+    return null;
+  }
+}
 var program = new import_commander.Command();
 program.name("create-brainerce-store").description("Scaffold a production-ready e-commerce storefront connected to Brainerce").version(pkg.version).argument("[project-name]", "Name for the project directory").option("--connection-id <id>", "Brainerce vibe-coded connection ID (vc_*)").option("--language <lang>", "Store language (en, he)").option("--framework <framework>", "Framework to use", "nextjs").option("--theme <theme>", "Theme to apply", "minimal").option("--pkg-manager <manager>", "Package manager (npm, pnpm, yarn, bun)").option("--no-git", "Skip git initialization").option("--no-install", "Skip dependency installation").action(async (projectNameArg, options) => {
   try {
-    logger.banner();
+    logger.banner(pkg.version);
+    const updateCheck = checkForUpdate(pkg.name, pkg.version);
     let projectName = projectNameArg;
     let connectionId = options.connectionId;
     let language = options.language;
@@ -547,6 +588,8 @@ program.name("create-brainerce-store").description("Scaffold a production-ready
     logger.step(`${pkgManager}${pkgManager === "npm" ? " run" : ""} dev`);
     logger.info(`
 Your store will be running at http://localhost:3000`);
+    const latestVersion = await updateCheck;
+    if (latestVersion) logger.updateAvailable(latestVersion, pkg.version);
   } catch (err) {
     if (err instanceof Error && err.message === "PROMPT_CANCELLED") {
       logger.info("\nSetup cancelled.");

package/messages/en.json

@@ -174,7 +174,11 @@
     "addressRequired": "Address is required",
     "cityRequired": "City is required",
     "postalCodeRequired": "Postal code is required",
-    "countryRequired": "Country is required"
+    "countryRequired": "Country is required",
+    "privacyAcceptPrefix": "I have read and agree to the",
+    "privacyPolicyLink": "Privacy Policy",
+    "privacyRequired": "You must accept the privacy policy to continue",
+    "acceptsMarketing": "Send me news, promotions, and updates by email"
   },
   "auth": {
     "loginPageTitle": "Sign In",
@@ -240,7 +244,11 @@
     "passwordResetSuccess": "Password reset successfully! Redirecting to login...",
     "passwordsMustMatch": "Passwords must match",
     "invalidResetLink": "Invalid reset link",
-    "invalidResetLinkDesc": "This password reset link is invalid or has expired. Please request a new one."
+    "invalidResetLinkDesc": "This password reset link is invalid or has expired. Please request a new one.",
+    "privacyAcceptPrefix": "I have read and agree to the",
+    "privacyPolicyLink": "Privacy Policy",
+    "privacyRequired": "You must accept the privacy policy to continue",
+    "acceptsMarketing": "Send me news, promotions, and updates by email"
   },
   "account": {
     "pageTitle": "My Account",
@@ -273,7 +281,30 @@
     "downloadsRemaining": "{used} of {limit} downloads used",
     "unlimitedDownloads": "Unlimited downloads",
     "expiresAt": "Expires {date}",
-    "noExpiry": "No expiry"
+    "noExpiry": "No expiry",
+    "addressBook": "Address Book",
+    "addAddress": "Add Address",
+    "editAddress": "Edit Address",
+    "deleteAddress": "Delete",
+    "setDefault": "Set as default",
+    "defaultAddress": "Default",
+    "noAddresses": "No saved addresses yet.",
+    "addressSaved": "Address saved",
+    "addressDeleted": "Address deleted",
+    "addressLabel": "Label (e.g. Home, Work)",
+    "line1": "Street Address",
+    "line2": "Apt, Suite, etc.",
+    "city": "City",
+    "region": "State / Region",
+    "postalCode": "Postal Code",
+    "country": "Country",
+    "isDefault": "Set as my default address"
+  },
+  "checkoutAddress": {
+    "saveToProfile": "Save this address to my profile?",
+    "saveYes": "Save",
+    "saveNo": "No thanks",
+    "addressSaved": "Address saved to your profile"
   },
   "orderConfirmation": {
     "pageTitle": "Order Confirmation",

package/messages/he.json

@@ -174,7 +174,11 @@
     "addressRequired": "כתובת היא שדה חובה",
     "cityRequired": "עיר היא שדה חובה",
     "postalCodeRequired": "מיקוד הוא שדה חובה",
-    "countryRequired": "מדינה היא שדה חובה"
+    "countryRequired": "מדינה היא שדה חובה",
+    "privacyAcceptPrefix": "קראתי ואני מסכים/ה ל",
+    "privacyPolicyLink": "מדיניות הפרטיות",
+    "privacyRequired": "יש לאשר את מדיניות הפרטיות כדי להמשיך",
+    "acceptsMarketing": "שלחו לי חדשות, מבצעים ועדכונים במייל"
   },
   "auth": {
     "loginPageTitle": "התחברות",
@@ -240,7 +244,11 @@
     "passwordResetSuccess": "...הסיסמא אופסה בהצלחה! מעביר להתחברות",
     "passwordsMustMatch": "הסיסמאות חייבות להיות זהות",
     "invalidResetLink": "קישור איפוס לא תקין",
-    "invalidResetLinkDesc": "קישור האיפוס הזה אינו תקין או שפג תוקפו. בקשו קישור חדש."
+    "invalidResetLinkDesc": "קישור האיפוס הזה אינו תקין או שפג תוקפו. בקשו קישור חדש.",
+    "privacyAcceptPrefix": "קראתי ואני מסכים/ה ל",
+    "privacyPolicyLink": "מדיניות הפרטיות",
+    "privacyRequired": "יש לאשר את מדיניות הפרטיות כדי להמשיך",
+    "acceptsMarketing": "שלחו לי חדשות, מבצעים ועדכונים במייל"
   },
   "account": {
     "pageTitle": "החשבון שלי",
@@ -273,7 +281,30 @@
     "downloadsRemaining": "{used} מתוך {limit} הורדות נוצלו",
     "unlimitedDownloads": "הורדות ללא הגבלה",
     "expiresAt": "פג תוקף {date}",
-    "noExpiry": "ללא תפוגה"
+    "noExpiry": "ללא תפוגה",
+    "addressBook": "ספר כתובות",
+    "addAddress": "הוסף כתובת",
+    "editAddress": "עריכת כתובת",
+    "deleteAddress": "מחיקה",
+    "setDefault": "הגדר כברירת מחדל",
+    "defaultAddress": "ברירת מחדל",
+    "noAddresses": "אין כתובות שמורות עדיין.",
+    "addressSaved": "הכתובת נשמרה",
+    "addressDeleted": "הכתובת נמחקה",
+    "addressLabel": "תווית (למשל בית, עבודה)",
+    "line1": "כתובת",
+    "line2": "דירה, קומה וכו'",
+    "city": "עיר",
+    "region": "מדינה / אזור",
+    "postalCode": "מיקוד",
+    "country": "מדינה",
+    "isDefault": "הגדר ככתובת ברירת המחדל שלי"
+  },
+  "checkoutAddress": {
+    "saveToProfile": "לשמור כתובת זו בפרופיל שלי?",
+    "saveYes": "שמור",
+    "saveNo": "לא תודה",
+    "addressSaved": "הכתובת נשמרה בפרופיל שלך"
   },
   "orderConfirmation": {
     "pageTitle": "אישור הזמנה",

package/package.json

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

package/templates/nextjs/base/src/app/account/layout.tsx

@@ -0,0 +1,9 @@
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  robots: { index: false, follow: false },
+};
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+  return <>{children}</>;
+}

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

@@ -1,112 +1,122 @@
-'use client';
-
-import { useEffect, useState } from 'react';
-import { useRouter } from 'next/navigation';
-import type { CustomerProfile, Order } from 'brainerce';
-import { getClient } from '@/lib/brainerce';
-import { useAuth } from '@/providers/store-provider';
-import { LoadingSpinner } from '@/components/shared/loading-spinner';
-import { ProfileSection } from '@/components/account/profile-section';
-import { OrderHistory } from '@/components/account/order-history';
-import { useTranslations } from '@/lib/translations';
-
-export default function AccountPage() {
-  const router = useRouter();
-  const { isLoggedIn, authLoading, logout } = useAuth();
-  const t = useTranslations('account');
-  const tc = useTranslations('common');
-  const [profile, setProfile] = useState<CustomerProfile | null>(null);
-  const [orders, setOrders] = useState<Order[]>([]);
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState<string | null>(null);
-
-  useEffect(() => {
-    if (authLoading) return;
-
-    if (!isLoggedIn) {
-      router.push('/login');
-      return;
-    }
-
-    async function loadAccountData() {
-      try {
-        const client = getClient();
-        const [profileResult, ordersResult] = await Promise.allSettled([
-          client.getMyProfile(),
-          client.getMyOrders({ limit: 20 }),
-        ]);
-
-        if (profileResult.status === 'fulfilled') {
-          setProfile(profileResult.value);
-        } else {
-          setError('Failed to load profile.');
-        }
-
-        if (ordersResult.status === 'fulfilled') {
-          setOrders(ordersResult.value.data);
-        }
-      } catch (err) {
-        const message = err instanceof Error ? err.message : 'Failed to load account data.';
-        setError(message);
-      } finally {
-        setLoading(false);
-      }
-    }
-
-    loadAccountData();
-  }, [isLoggedIn, authLoading, router]);
-
-  if (authLoading || !isLoggedIn) {
-    return null;
-  }
-
-  if (loading) {
-    return (
-      <div className="flex min-h-[60vh] items-center justify-center">
-        <LoadingSpinner size="lg" />
-      </div>
-    );
-  }
-
-  if (error && !profile) {
-    return (
-      <div className="mx-auto max-w-3xl px-4 py-16 text-center sm:px-6 lg:px-8">
-        <h1 className="text-foreground text-2xl font-bold">{tc('error')}</h1>
-        <p className="text-muted-foreground mt-2">{error}</p>
-        <button
-          type="button"
-          onClick={() => window.location.reload()}
-          className="bg-primary text-primary-foreground mt-6 inline-flex items-center rounded px-6 py-3 font-medium transition-opacity hover:opacity-90"
-        >
-          {tc('tryAgain')}
-        </button>
-      </div>
-    );
-  }
-
-  return (
-    <div className="mx-auto max-w-3xl px-4 py-8 sm:px-6 lg:px-8">
-      <div className="mb-6 flex items-center justify-between">
-        <h1 className="text-foreground text-2xl font-bold">{t('myAccount')}</h1>
-        <button
-          type="button"
-          onClick={logout}
-          className="text-muted-foreground hover:text-foreground text-sm transition-colors"
-        >
-          {t('signOut')}
-        </button>
-      </div>
-
-      {/* Profile Section */}
-      {profile && (
-        <ProfileSection profile={profile} onProfileUpdate={setProfile} className="mb-8" />
-      )}
-
-      {/* Order History */}
-      <div>
-        <h2 className="text-foreground mb-4 text-lg font-semibold">{t('orderHistory')}</h2>
-        <OrderHistory orders={orders} />
-      </div>
-    </div>
-  );
-}
+'use client';
+
+import { useEffect, useState } from 'react';
+import { useRouter } from 'next/navigation';
+import type { CustomerProfile, Order } from 'brainerce';
+import { getClient } from '@/lib/brainerce';
+import { useAuth } from '@/providers/store-provider';
+import { LoadingSpinner } from '@/components/shared/loading-spinner';
+import { ProfileSection } from '@/components/account/profile-section';
+import { AddressBook } from '@/components/account/address-book';
+import { OrderHistory } from '@/components/account/order-history';
+import { useTranslations } from '@/lib/translations';
+
+export default function AccountPage() {
+  const router = useRouter();
+  const { isLoggedIn, authLoading, logout } = useAuth();
+  const t = useTranslations('account');
+  const tc = useTranslations('common');
+  const [profile, setProfile] = useState<CustomerProfile | null>(null);
+  const [orders, setOrders] = useState<Order[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  useEffect(() => {
+    if (authLoading) return;
+
+    if (!isLoggedIn) {
+      router.push('/login');
+      return;
+    }
+
+    async function loadAccountData() {
+      try {
+        const client = getClient();
+        const [profileResult, ordersResult] = await Promise.allSettled([
+          client.getMyProfile(),
+          client.getMyOrders({ limit: 20 }),
+        ]);
+
+        if (profileResult.status === 'fulfilled') {
+          setProfile(profileResult.value);
+        } else {
+          setError('Failed to load profile.');
+        }
+
+        if (ordersResult.status === 'fulfilled') {
+          setOrders(ordersResult.value.data);
+        }
+      } catch (err) {
+        const message = err instanceof Error ? err.message : 'Failed to load account data.';
+        setError(message);
+      } finally {
+        setLoading(false);
+      }
+    }
+
+    loadAccountData();
+  }, [isLoggedIn, authLoading, router]);
+
+  if (authLoading || !isLoggedIn) {
+    return null;
+  }
+
+  if (loading) {
+    return (
+      <div className="flex min-h-[60vh] items-center justify-center">
+        <LoadingSpinner size="lg" />
+      </div>
+    );
+  }
+
+  if (error && !profile) {
+    return (
+      <div className="mx-auto max-w-3xl px-4 py-16 text-center sm:px-6 lg:px-8">
+        <h1 className="text-foreground text-2xl font-bold">{tc('error')}</h1>
+        <p className="text-muted-foreground mt-2">{error}</p>
+        <button
+          type="button"
+          onClick={() => window.location.reload()}
+          className="bg-primary text-primary-foreground mt-6 inline-flex items-center rounded px-6 py-3 font-medium transition-opacity hover:opacity-90"
+        >
+          {tc('tryAgain')}
+        </button>
+      </div>
+    );
+  }
+
+  return (
+    <div className="mx-auto max-w-3xl px-4 py-8 sm:px-6 lg:px-8">
+      <div className="mb-6 flex items-center justify-between">
+        <h1 className="text-foreground text-2xl font-bold">{t('myAccount')}</h1>
+        <button
+          type="button"
+          onClick={logout}
+          className="text-muted-foreground hover:text-foreground text-sm transition-colors"
+        >
+          {t('signOut')}
+        </button>
+      </div>
+
+      {/* Profile Section */}
+      {profile && (
+        <ProfileSection profile={profile} onProfileUpdate={setProfile} className="mb-6" />
+      )}
+
+      {/* Address Book */}
+      {profile && (
+        <AddressBook
+          addresses={profile.addresses}
+          onUpdate={(updated) => setProfile((p) => (p ? { ...p, addresses: updated } : p))}
+          className="mb-8"
+        />
+      )}
+
+      {/* Order History */}
+      <div>
+        <h2 className="text-foreground mb-4 text-lg font-semibold">{t('orderHistory')}</h2>
+        <OrderHistory orders={orders} />
+      </div>
+    </div>
+  );
+}

package/templates/nextjs/base/src/app/cart/layout.tsx

@@ -0,0 +1,9 @@
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  robots: { index: false, follow: false },
+};
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+  return <>{children}</>;
+}

package/templates/nextjs/base/src/app/checkout/layout.tsx

@@ -0,0 +1,9 @@
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  robots: { index: false, follow: false },
+};
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+  return <>{children}</>;
+}

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

@@ -13,7 +13,7 @@ import type {
 } from 'brainerce';
 import { formatPrice } from 'brainerce';
 import { getClient } from '@/lib/brainerce';
-import { useStoreInfo, useCart } from '@/providers/store-provider';
+import { useStoreInfo, useCart, useAuth } from '@/providers/store-provider';
 import { CheckoutForm } from '@/components/checkout/checkout-form';
 import { ShippingStep } from '@/components/checkout/shipping-step';
 import { PaymentStep } from '@/components/checkout/payment-step';
@@ -32,9 +32,11 @@ function CheckoutContent() {
   const searchParams = useSearchParams();
   const { storeInfo } = useStoreInfo();
   const { cart, refreshCart } = useCart();
+  const { isLoggedIn } = useAuth();
   const currency = storeInfo?.currency || 'USD';
   const t = useTranslations('checkout');
   const tc = useTranslations('common');
+  const tAddr = useTranslations('checkoutAddress');
 
   const [step, setStep] = useState<CheckoutStep>('address');
   const [checkout, setCheckout] = useState<Checkout | null>(null);
@@ -47,11 +49,28 @@ function CheckoutContent() {
   const [pickupLocations, setPickupLocations] = useState<PickupLocation[]>([]);
   const [deliveryType, setDeliveryType] = useState<'shipping' | 'pickup'>('shipping');
   const [isAllDigital, setIsAllDigital] = useState(false);
+  const [prefillAddress, setPrefillAddress] = useState<SetShippingAddressDto | null>(null);
+  const [lastSubmittedAddress, setLastSubmittedAddress] = useState<SetShippingAddressDto | null>(
+    null
+  );
+  const [showSavePrompt, setShowSavePrompt] = useState(false);
+  const [savingAddress, setSavingAddress] = useState(false);
 
   // Check for returning from canceled payment
   const canceled = searchParams.get('canceled') === 'true';
   const existingCheckoutId = searchParams.get('checkout_id');
 
+  // Pre-fill address from customer profile when logged in
+  useEffect(() => {
+    if (!isLoggedIn) return;
+    getClient()
+      .getCheckoutPrefillData()
+      .then((data) => {
+        if (data.shippingAddress) setPrefillAddress(data.shippingAddress);
+      })
+      .catch(() => {});
+  }, [isLoggedIn]);
+
   // Initialize or resume checkout
   const initCheckout = useCallback(async () => {
     try {
@@ -134,7 +153,10 @@ function CheckoutContent() {
   }, [cartLoaded, initCheckout]);
 
   // Handle shipping address submission
-  async function handleAddressSubmit(address: SetShippingAddressDto) {
+  async function handleAddressSubmit(
+    address: SetShippingAddressDto,
+    consent: { acceptsMarketing: boolean }
+  ) {
     if (!checkout) return;
 
     try {
@@ -145,6 +167,22 @@ function CheckoutContent() {
       const response = await client.setShippingAddress(checkout.id, address);
       setCheckout(response.checkout);
       setShippingRates(response.rates);
+
+      // Update marketing preference for logged-in users
+      if (isLoggedIn) {
+        try {
+          await client.updateMyProfile({ acceptsMarketing: consent.acceptsMarketing });
+        } catch {
+          // non-critical
+        }
+      }
+
+      // Offer to save address to profile if logged in and no prefill (new address)
+      if (isLoggedIn && !prefillAddress) {
+        setLastSubmittedAddress(address);
+        setShowSavePrompt(true);
+      }
+
       setStep('shipping');
     } catch (err) {
       const message = err instanceof Error ? err.message : t('failedToSaveAddress');
@@ -154,6 +192,30 @@ function CheckoutContent() {
     }
   }
 
+  async function handleSaveAddressToProfile() {
+    if (!lastSubmittedAddress) return;
+    setSavingAddress(true);
+    try {
+      await getClient().addMyAddress({
+        firstName: lastSubmittedAddress.firstName,
+        lastName: lastSubmittedAddress.lastName,
+        line1: lastSubmittedAddress.line1,
+        line2: lastSubmittedAddress.line2,
+        city: lastSubmittedAddress.city,
+        region: lastSubmittedAddress.region,
+        postalCode: lastSubmittedAddress.postalCode,
+        country: lastSubmittedAddress.country,
+        phone: lastSubmittedAddress.phone,
+        isDefault: true,
+      });
+    } catch {
+      // ignore
+    } finally {
+      setSavingAddress(false);
+      setShowSavePrompt(false);
+    }
+  }
+
   // Handle shipping method selection
   async function handleShippingSelect(rateId: string) {
     if (!checkout) return;
@@ -405,6 +467,29 @@ function CheckoutContent() {
                   </button>
                 )}
               </div>
+              {/* Save-to-profile prompt */}
+              {showSavePrompt && (
+                <div className="border-border bg-muted/50 mb-4 flex items-center justify-between gap-3 rounded-lg border px-4 py-3 text-sm">
+                  <span className="text-foreground">{tAddr('saveToProfile')}</span>
+                  <div className="flex gap-2">
+                    <button
+                      type="button"
+                      onClick={handleSaveAddressToProfile}
+                      disabled={savingAddress}
+                      className="bg-primary text-primary-foreground rounded px-3 py-1 text-xs font-medium transition-opacity hover:opacity-90 disabled:opacity-50"
+                    >
+                      {savingAddress ? '...' : tAddr('saveYes')}
+                    </button>
+                    <button
+                      type="button"
+                      onClick={() => setShowSavePrompt(false)}
+                      className="text-muted-foreground hover:text-foreground rounded px-3 py-1 text-xs transition-colors"
+                    >
+                      {tAddr('saveNo')}
+                    </button>
+                  </div>
+                </div>
+              )}
               <CheckoutForm
                 onSubmit={handleAddressSubmit}
                 loading={loading}
@@ -423,7 +508,20 @@ function CheckoutContent() {
                         country: checkout.shippingAddress.country,
                         phone: checkout.shippingAddress.phone || '',
                       }
-                    : undefined
+                    : prefillAddress
+                      ? {
+                          email: prefillAddress.email,
+                          firstName: prefillAddress.firstName,
+                          lastName: prefillAddress.lastName,
+                          line1: prefillAddress.line1,
+                          line2: prefillAddress.line2 || '',
+                          city: prefillAddress.city,
+                          region: prefillAddress.region || '',
+                          postalCode: prefillAddress.postalCode,
+                          country: prefillAddress.country,
+                          phone: prefillAddress.phone || '',
+                        }
+                      : undefined
                 }
               />
             </div>