create-brainerce-store 1.0.0 → 1.1.0

package/dist/index.js

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

package/package.json

@@ -1,44 +1,44 @@
-{
-  "name": "create-brainerce-store",
-  "version": "1.0.0",
-  "description": "Scaffold a production-ready e-commerce storefront connected to Brainerce",
-  "bin": {
-    "create-brainerce-store": "dist/index.js"
-  },
-  "files": [
-    "dist",
-    "templates"
-  ],
-  "scripts": {
-    "build": "tsup src/index.ts --format cjs --dts --clean",
-    "dev": "tsup src/index.ts --format cjs --dts --watch",
-    "clean": "rimraf dist"
-  },
-  "dependencies": {
-    "chalk": "^4.1.2",
-    "commander": "^12.1.0",
-    "ejs": "^3.1.10",
-    "fs-extra": "^11.2.0",
-    "ora": "^5.4.1",
-    "prompts": "^2.4.2"
-  },
-  "devDependencies": {
-    "@types/ejs": "^3.1.5",
-    "@types/fs-extra": "^11.0.4",
-    "@types/prompts": "^2.4.9",
-    "tsup": "^8.0.0",
-    "typescript": "^5.4.0"
-  },
-  "engines": {
-    "node": ">=18"
-  },
-  "keywords": [
-    "brainerce",
-    "ecommerce",
-    "storefront",
-    "scaffold",
-    "create",
-    "nextjs"
-  ],
-  "license": "MIT"
-}
+{
+  "name": "create-brainerce-store",
+  "version": "1.1.0",
+  "description": "Scaffold a production-ready e-commerce storefront connected to Brainerce",
+  "bin": {
+    "create-brainerce-store": "dist/index.js"
+  },
+  "files": [
+    "dist",
+    "templates"
+  ],
+  "scripts": {
+    "build": "tsup src/index.ts --format cjs --dts --clean",
+    "dev": "tsup src/index.ts --format cjs --dts --watch",
+    "clean": "rimraf dist"
+  },
+  "dependencies": {
+    "chalk": "^4.1.2",
+    "commander": "^12.1.0",
+    "ejs": "^3.1.10",
+    "fs-extra": "^11.2.0",
+    "ora": "^5.4.1",
+    "prompts": "^2.4.2"
+  },
+  "devDependencies": {
+    "@types/ejs": "^3.1.5",
+    "@types/fs-extra": "^11.0.4",
+    "@types/prompts": "^2.4.9",
+    "tsup": "^8.0.0",
+    "typescript": "^5.4.0"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "keywords": [
+    "brainerce",
+    "ecommerce",
+    "storefront",
+    "scaffold",
+    "create",
+    "nextjs"
+  ],
+  "license": "MIT"
+}

package/templates/nextjs/base/src/app/auth/callback/page.tsx

@@ -2,8 +2,6 @@
 
 import { Suspense, useEffect, useState, useRef } from 'react';
 import { useRouter, useSearchParams } from 'next/navigation';
-import type { CustomerOAuthProvider } from 'brainerce';
-import { getClient } from '@/lib/brainerce';
 import { useAuth } from '@/providers/store-provider';
 import { LoadingSpinner } from '@/components/shared/loading-spinner';
 
@@ -14,36 +12,27 @@ function OAuthCallbackContent() {
   const [error, setError] = useState<string | null>(null);
   const processedRef = useRef(false);
 
-  const code = searchParams.get('code');
-  const state = searchParams.get('state');
-  const provider = searchParams.get('provider') as CustomerOAuthProvider | null;
+  const oauthSuccess = searchParams.get('oauth_success');
+  const token = searchParams.get('token');
+  const oauthError = searchParams.get('oauth_error');
 
   useEffect(() => {
     // Prevent double-processing in React StrictMode
     if (processedRef.current) return;
     processedRef.current = true;
 
-    async function handleCallback() {
-      if (!code || !provider) {
-        setError('Missing authentication parameters. Please try again.');
-        return;
-      }
-
-      try {
-        const client = getClient();
-        const result = await client.handleOAuthCallback(provider, code, state || '');
-
-        auth.login(result.token);
-        router.push('/');
-      } catch (err) {
-        const message =
-          err instanceof Error ? err.message : 'Authentication failed. Please try again.';
-        setError(message);
-      }
+    if (oauthError) {
+      setError(oauthError);
+      return;
     }
 
-    handleCallback();
-  }, [code, state, provider, auth, router]);
+    if (oauthSuccess === 'true' && token) {
+      auth.login(token);
+      router.push('/');
+    } else {
+      setError('Missing authentication parameters. Please try again.');
+    }
+  }, [oauthSuccess, token, oauthError, auth, router]);
 
   if (error) {
     return (

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

@@ -1,11 +1,7 @@
 'use client';
 
-import { useState } from 'react';
 import Link from 'next/link';
-import Image from 'next/image';
-import type { LocalCart, LocalCartItem } from 'brainerce';
-import { formatPrice } from 'brainerce';
-import { useStoreInfo, useCart } from '@/providers/store-provider';
+import { useCart } from '@/providers/store-provider';
 import { CartItem } from '@/components/cart/cart-item';
 import { CartSummary } from '@/components/cart/cart-summary';
 import { CouponInput } from '@/components/cart/coupon-input';
@@ -14,9 +10,7 @@ import { ReservationCountdown } from '@/components/cart/reservation-countdown';
 import { LoadingSpinner } from '@/components/shared/loading-spinner';
 
 export default function CartPage() {
-  const { storeInfo } = useStoreInfo();
-  const { cart, cartLoading, refreshCart, itemCount, isServerCart } = useCart();
-  const currency = storeInfo?.currency || 'USD';
+  const { cart, cartLoading, refreshCart, itemCount } = useCart();
 
   if (cartLoading) {
     return (
@@ -57,8 +51,6 @@ export default function CartPage() {
     );
   }
 
-  const serverCart = isServerCart(cart) ? cart : null;
-
   return (
     <div className="mx-auto max-w-7xl px-4 py-8 sm:px-6 lg:px-8">
       <h1 className="text-foreground mb-6 text-2xl font-bold">
@@ -66,47 +58,29 @@ export default function CartPage() {
       </h1>
 
       {/* Reservation countdown */}
-      {serverCart?.reservation?.hasReservation && (
-        <ReservationCountdown reservation={serverCart.reservation} className="mb-6" />
+      {cart.reservation?.hasReservation && (
+        <ReservationCountdown reservation={cart.reservation} className="mb-6" />
       )}
 
       <div className="grid grid-cols-1 gap-8 lg:grid-cols-3">
         {/* Cart Items */}
         <div className="lg:col-span-2">
           {/* Nudges */}
-          {serverCart?.nudges && serverCart.nudges.length > 0 && (
-            <CartNudges nudges={serverCart.nudges} className="mb-4" />
-          )}
-
-          {/* Server cart items */}
-          {serverCart && (
-            <div>
-              {serverCart.items.map((item) => (
-                <CartItem key={item.id} item={item} onUpdate={refreshCart} />
-              ))}
-            </div>
+          {cart.nudges && cart.nudges.length > 0 && (
+            <CartNudges nudges={cart.nudges} className="mb-4" />
           )}
 
-          {/* Local cart items (guest) */}
-          {!serverCart && (
-            <div>
-              {(cart as LocalCart).items.map((item: LocalCartItem) => (
-                <LocalCartItemRow
-                  key={`${item.productId}-${item.variantId || 'default'}`}
-                  item={item}
-                  currency={currency}
-                  onUpdate={refreshCart}
-                />
-              ))}
-            </div>
-          )}
+          {/* Cart items */}
+          <div>
+            {cart.items.map((item) => (
+              <CartItem key={item.id} item={item} onUpdate={refreshCart} />
+            ))}
+          </div>
 
-          {/* Coupon input - server cart only */}
-          {serverCart && (
-            <div className="border-border mt-6 border-t pt-4">
-              <CouponInput cart={serverCart} onUpdate={refreshCart} />
-            </div>
-          )}
+          {/* Coupon input */}
+          <div className="border-border mt-6 border-t pt-4">
+            <CouponInput cart={cart} onUpdate={refreshCart} />
+          </div>
         </div>
 
         {/* Summary sidebar */}
@@ -133,131 +107,3 @@ export default function CartPage() {
     </div>
   );
 }
-
-// Local cart item display for guest users
-function LocalCartItemRow({
-  item,
-  currency,
-  onUpdate,
-}: {
-  item: LocalCartItem;
-  currency: string;
-  onUpdate: () => void;
-}) {
-  const [updating, setUpdating] = useState(false);
-  const [removing, setRemoving] = useState(false);
-
-  const unitPrice = parseFloat(item.price || '0');
-  const lineTotal = unitPrice * item.quantity;
-
-  async function handleQuantityChange(newQuantity: number) {
-    if (newQuantity < 1 || updating) return;
-
-    try {
-      setUpdating(true);
-      const { getClient } = await import('@/lib/brainerce');
-      const client = getClient();
-      await client.smartUpdateCartItem(item.productId, newQuantity, item.variantId);
-      onUpdate();
-    } catch (err) {
-      console.error('Failed to update quantity:', err);
-    } finally {
-      setUpdating(false);
-    }
-  }
-
-  async function handleRemove() {
-    if (removing) return;
-
-    try {
-      setRemoving(true);
-      const { getClient } = await import('@/lib/brainerce');
-      const client = getClient();
-      await client.smartRemoveFromCart(item.productId, item.variantId);
-      onUpdate();
-    } catch (err) {
-      console.error('Failed to remove item:', err);
-    } finally {
-      setRemoving(false);
-    }
-  }
-
-  return (
-    <div className="border-border flex gap-4 border-b py-4 last:border-0">
-      {/* Image */}
-      <div className="bg-muted relative h-20 w-20 flex-shrink-0 overflow-hidden rounded">
-        {item.image ? (
-          <Image
-            src={item.image}
-            alt={item.name || 'Product'}
-            fill
-            sizes="80px"
-            className="object-cover"
-          />
-        ) : (
-          <div className="text-muted-foreground absolute inset-0 flex items-center justify-center">
-            <svg className="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-              <path
-                strokeLinecap="round"
-                strokeLinejoin="round"
-                strokeWidth={1.5}
-                d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"
-              />
-            </svg>
-          </div>
-        )}
-      </div>
-
-      {/* Details */}
-      <div className="min-w-0 flex-1">
-        <h3 className="text-foreground truncate text-sm font-medium">{item.name || 'Product'}</h3>
-
-        <p className="text-muted-foreground mt-1 text-sm">
-          {formatPrice(unitPrice, { currency }) as string}
-        </p>
-
-        <div className="mt-2 flex items-center gap-3">
-          <div className="border-border flex items-center rounded border">
-            <button
-              type="button"
-              onClick={() => handleQuantityChange(item.quantity - 1)}
-              disabled={updating || item.quantity <= 1}
-              className="text-foreground hover:bg-muted px-2 py-1 text-sm transition-colors disabled:cursor-not-allowed disabled:opacity-40"
-              aria-label="Decrease quantity"
-            >
-              -
-            </button>
-            <span className="text-foreground min-w-[2.5rem] px-3 py-1 text-center text-sm font-medium">
-              {item.quantity}
-            </span>
-            <button
-              type="button"
-              onClick={() => handleQuantityChange(item.quantity + 1)}
-              disabled={updating}
-              className="text-foreground hover:bg-muted px-2 py-1 text-sm transition-colors disabled:cursor-not-allowed disabled:opacity-40"
-              aria-label="Increase quantity"
-            >
-              +
-            </button>
-          </div>
-
-          <button
-            type="button"
-            onClick={handleRemove}
-            disabled={removing}
-            className="text-destructive hover:text-destructive/80 text-xs transition-colors disabled:opacity-40"
-          >
-            {removing ? 'Removing...' : 'Remove'}
-          </button>
-        </div>
-      </div>
-
-      {/* Line total */}
-      <div className="flex-shrink-0 text-end">
-        <span className="text-foreground text-sm font-medium">
-          {formatPrice(lineTotal, { currency }) as string}
-        </span>
-      </div>
-    </div>
-  );
-}