bestraw 1.0.0

package/templates/web/src/providers/CartProvider.tsx

@@ -0,0 +1,162 @@
+'use client';
+
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useState,
+  type ReactNode,
+} from 'react';
+
+const STORAGE_KEY = 'bestraw-cart';
+
+export interface CartItem {
+  mealDocumentId: string;
+  mealName: string;
+  unitPrice: number;
+  quantity: number;
+  selectedSauces: string[];
+  selectedSides: string[];
+  specialInstructions: string;
+  picture?: string;
+}
+
+interface CartContextValue {
+  items: CartItem[];
+  addItem: (item: CartItem) => void;
+  removeItem: (index: number) => void;
+  updateQuantity: (index: number, quantity: number) => void;
+  clearCart: () => void;
+  itemCount: number;
+  total: number;
+  isOpen: boolean;
+  openCart: () => void;
+  closeCart: () => void;
+}
+
+const CartContext = createContext<CartContextValue | null>(null);
+
+function isSameItem(a: CartItem, b: CartItem): boolean {
+  return (
+    a.mealDocumentId === b.mealDocumentId &&
+    JSON.stringify(a.selectedSauces.slice().sort()) ===
+      JSON.stringify(b.selectedSauces.slice().sort()) &&
+    JSON.stringify(a.selectedSides.slice().sort()) ===
+      JSON.stringify(b.selectedSides.slice().sort())
+  );
+}
+
+function loadCart(): CartItem[] {
+  if (typeof window === 'undefined') return [];
+  try {
+    const raw = localStorage.getItem(STORAGE_KEY);
+    if (!raw) return [];
+    const parsed = JSON.parse(raw);
+    return Array.isArray(parsed) ? parsed : [];
+  } catch {
+    return [];
+  }
+}
+
+function saveCart(items: CartItem[]) {
+  try {
+    localStorage.setItem(STORAGE_KEY, JSON.stringify(items));
+  } catch {
+    // Storage full or unavailable
+  }
+}
+
+export function CartProvider({ children }: { children: ReactNode }) {
+  const [items, setItems] = useState<CartItem[]>([]);
+  const [isOpen, setIsOpen] = useState(false);
+  const [mounted, setMounted] = useState(false);
+
+  // Load from localStorage on mount
+  useEffect(() => {
+    setItems(loadCart());
+    setMounted(true);
+  }, []);
+
+  // Save to localStorage on every change (after initial mount)
+  useEffect(() => {
+    if (mounted) {
+      saveCart(items);
+    }
+  }, [items, mounted]);
+
+  const addItem = useCallback((item: CartItem) => {
+    setItems((prev) => {
+      const existingIndex = prev.findIndex((existing) =>
+        isSameItem(existing, item),
+      );
+      if (existingIndex !== -1) {
+        const updated = [...prev];
+        updated[existingIndex] = {
+          ...updated[existingIndex],
+          quantity: updated[existingIndex].quantity + item.quantity,
+        };
+        return updated;
+      }
+      return [...prev, item];
+    });
+  }, []);
+
+  const removeItem = useCallback((index: number) => {
+    setItems((prev) => prev.filter((_, i) => i !== index));
+  }, []);
+
+  const updateQuantity = useCallback((index: number, quantity: number) => {
+    if (quantity <= 0) {
+      setItems((prev) => prev.filter((_, i) => i !== index));
+      return;
+    }
+    setItems((prev) => {
+      const updated = [...prev];
+      if (updated[index]) {
+        updated[index] = { ...updated[index], quantity };
+      }
+      return updated;
+    });
+  }, []);
+
+  const clearCart = useCallback(() => {
+    setItems([]);
+  }, []);
+
+  const itemCount = items.reduce((sum, item) => sum + item.quantity, 0);
+  const total = items.reduce(
+    (sum, item) => sum + item.unitPrice * item.quantity,
+    0,
+  );
+
+  const openCart = useCallback(() => setIsOpen(true), []);
+  const closeCart = useCallback(() => setIsOpen(false), []);
+
+  return (
+    <CartContext.Provider
+      value={{
+        items,
+        addItem,
+        removeItem,
+        updateQuantity,
+        clearCart,
+        itemCount,
+        total,
+        isOpen,
+        openCart,
+        closeCart,
+      }}
+    >
+      {children}
+    </CartContext.Provider>
+  );
+}
+
+export function useCart(): CartContextValue {
+  const context = useContext(CartContext);
+  if (!context) {
+    throw new Error('useCart must be used within a CartProvider');
+  }
+  return context;
+}

package/templates/web/src/providers/StripeProvider.tsx

@@ -0,0 +1,21 @@
+'use client';
+
+import { loadStripe } from '@stripe/stripe-js';
+import { Elements } from '@stripe/react-stripe-js';
+
+const stripePromise = loadStripe(
+  process.env.NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY!
+);
+
+interface StripeProviderProps {
+  clientSecret: string;
+  children: React.ReactNode;
+}
+
+export function StripeProvider({ clientSecret, children }: StripeProviderProps) {
+  return (
+    <Elements stripe={stripePromise} options={{ clientSecret }}>
+      {children}
+    </Elements>
+  );
+}

package/templates/web/tsconfig.json

@@ -0,0 +1,27 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules"]
+}