@thebes/cadmea-ecommerce-ui 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 BowenLabs
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,91 @@
+# @thebes/cadmea-ecommerce-ui
+
+Storefront SolidJS components for
+[`@thebes/cadmea-plugin-ecommerce`](https://www.npmjs.com/package/@thebes/cadmea-plugin-ecommerce) —
+`ProductDetail`, `CartProvider`/`useCart`, `CartDrawer`, `CheckoutForm`.
+
+This is a plain **library** — no CMS-config opinion, no Cadmus interface,
+the same "neither axis" categorization
+[EXTENDING.md](https://github.com/bowenlabs/project-thebes/blob/main/EXTENDING.md)
+gives `@thebes/cadmea-design-system`.
+
+```bash
+pnpm add @thebes/cadmea-ecommerce-ui solid-js
+```
+
+## Why SolidJS here, when the public site's own tier is Alpine.js
+
+`DECISIONS.md`'s "Component framework tiering" entry reserves SolidJS for
+`core/`+the Panel and Alpine.js for the public site's own sprinkle-on
+interactivity — but that same entry explicitly carves out framework
+discretion for operator/community **extensions**, since they sit outside
+the `core`/`custom` boundary. This package is exactly that kind of
+extension. SolidJS specifically (not Alpine, not a third framework): cart/
+checkout has real multi-step state, async tokenize callbacks, and
+field-level validation — more than Alpine's `x-data`/`x-show` model
+comfortably expresses — and Solid is already a runtime the Panel depends
+on, so an operator using this on a page doesn't pay for a *second*
+component-framework runtime.
+
+Mounting these as Astro islands needs `@astrojs/solid-js` added to your
+project — not implied by anything else in the stack.
+
+## One island, one `<CartProvider>`
+
+Astro hydrates each `client:*` directive as its own isolated component
+root — `CartProvider`'s context is **not** shared across separate islands.
+Compose everything that needs to share cart state into one component, and
+mount that as a single island:
+
+```tsx
+// ShopIsland.tsx
+import { CartDrawer, CartProvider, CheckoutForm, ProductDetail } from "@thebes/cadmea-ecommerce-ui";
+import { createSquareCardField } from "@thebes/cadmea-plugin-ecommerce-square/client";
+
+export function ShopIsland(props: { product: Product }) {
+  return (
+    <CartProvider>
+      <ProductDetail product={props.product} />
+      <CartDrawer
+        checkoutSlot={() => (
+          <CheckoutForm
+            tokenize={/* wire to createSquareCardField/createStripeCardField — see below */}
+            mountCardField={(el) => createSquareCardField(el, { applicationId, locationId })}
+          />
+        )}
+      />
+    </CartProvider>
+  );
+}
+```
+
+```astro
+---
+import { ShopIsland } from "../components/ShopIsland";
+---
+<ShopIsland client:load product={product} />
+```
+
+## Provider-agnostic checkout
+
+`CheckoutForm` takes a `tokenize: () => Promise<string>` prop rather than
+knowing about Square/Stripe itself — wire in whichever provider's
+`/client` helper (`createSquareCardField`/`createStripeCardField`, both
+sharing the exact same `{ tokenize(), destroy() }` shape) you're using.
+Swapping providers means swapping that one prop, not rewriting this
+component.
+
+## Cart state
+
+`CartProvider`/`useCart` is `localStorage`-backed, `createSignal`-based
+reactive state — no DB sync needed until checkout, the same pattern found
+independently in two of the three Next.js + Payload projects this
+component's design was generalized from.
+
+See `examples/cadmea-smb-template` in the
+[main repo](https://github.com/bowenlabs/project-thebes) for all of this
+wired together end to end, including the backend checkout/webhook Worker.
+
+## License
+
+MIT © BowenLabs

package/dist/index.d.ts

@@ -0,0 +1,71 @@
+import { Accessor, JSX } from "solid-js";
+
+//#region src/CartDrawer.d.ts
+interface CartDrawerProps {
+  /** Rendered inside the drawer below the line items, typically a checkout link/button. */
+  checkoutSlot?: () => JSX.Element;
+}
+declare function CartDrawer(props: CartDrawerProps): JSX.Element;
+//#endregion
+//#region src/CartProvider.d.ts
+interface CartLineItem {
+  catalogRef: string;
+  name: string;
+  quantity: number;
+  unitPrice: {
+    amount: number;
+    currency: string;
+  };
+}
+interface CartContextValue {
+  items: Accessor<CartLineItem[]>;
+  isOpen: Accessor<boolean>;
+  subtotal: Accessor<number>;
+  addItem: (item: Omit<CartLineItem, "quantity">, quantity?: number) => void;
+  removeItem: (catalogRef: string) => void;
+  updateQuantity: (catalogRef: string, quantity: number) => void;
+  clear: () => void;
+  open: () => void;
+  close: () => void;
+}
+interface CartProviderProps {
+  children: JSX.Element;
+}
+declare function CartProvider(props: CartProviderProps): JSX.Element;
+declare function useCart(): CartContextValue;
+//#endregion
+//#region src/CheckoutForm.d.ts
+interface CheckoutFormProps {
+  /** Mounts the provider's card field and produces a one-time payment source token — see this package's README for wiring either provider's `/client` helper here. */
+  tokenize: () => Promise<string>;
+  /** Called once the provider's card field should be mounted — receives the container element to attach to. Most consumers wire this to `createSquareCardField(el, opts)`/`createStripeCardField(el, opts)` directly and ignore the return value here (the `tokenize` prop is what's actually called on submit). */
+  mountCardField?: (container: HTMLDivElement) => void;
+  /** Default: "/api/checkout". */
+  checkoutEndpoint?: string;
+  onSuccess?: (order: unknown) => void;
+  onError?: (error: Error) => void;
+}
+declare function CheckoutForm(props: CheckoutFormProps): import("solid-js").JSX.Element;
+//#endregion
+//#region src/ProductDetail.d.ts
+interface ProductVariant {
+  sku: string;
+  catalogRef: string;
+  priceCents: number;
+  currency: string;
+  inventoryCount?: number;
+}
+interface Product {
+  id: number;
+  name: string;
+  description?: string;
+  variants: ProductVariant[];
+}
+interface ProductDetailProps {
+  product: Product;
+  onAddToCart?: (variant: ProductVariant) => void;
+}
+declare function ProductDetail(props: ProductDetailProps): import("solid-js").JSX.Element;
+//#endregion
+export { CartContextValue, CartDrawer, CartDrawerProps, CartLineItem, CartProvider, CartProviderProps, CheckoutForm, CheckoutFormProps, Product, ProductDetail, ProductDetailProps, ProductVariant, useCart };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -0,0 +1,339 @@
+import { createComponent, delegateEvents, effect, insert, memo, setAttribute, template, use } from "solid-js/web";
+import { For, Show, createContext, createEffect, createMemo, createSignal, onCleanup, onMount, useContext } from "solid-js";
+//#region src/CartProvider.tsx
+const CartContext = createContext();
+const STORAGE_KEY = "cadmea-ecommerce-cart";
+function loadStoredItems() {
+	if (typeof window === "undefined") return [];
+	try {
+		const raw = window.localStorage.getItem(STORAGE_KEY);
+		return raw ? JSON.parse(raw) : [];
+	} catch {
+		return [];
+	}
+}
+function CartProvider(props) {
+	const [items, setItems] = createSignal([]);
+	const [isOpen, setIsOpen] = createSignal(false);
+	onMount(() => setItems(loadStoredItems()));
+	function persist(next) {
+		setItems(next);
+		if (typeof window === "undefined") return;
+		window.localStorage.setItem(STORAGE_KEY, JSON.stringify(next));
+	}
+	const value = {
+		items,
+		isOpen,
+		subtotal: () => items().reduce((sum, item) => sum + item.unitPrice.amount * item.quantity, 0),
+		addItem(item, quantity = 1) {
+			if (items().find((i) => i.catalogRef === item.catalogRef)) persist(items().map((i) => i.catalogRef === item.catalogRef ? {
+				...i,
+				quantity: i.quantity + quantity
+			} : i));
+			else persist([...items(), {
+				...item,
+				quantity
+			}]);
+		},
+		removeItem(catalogRef) {
+			persist(items().filter((i) => i.catalogRef !== catalogRef));
+		},
+		updateQuantity(catalogRef, quantity) {
+			if (quantity <= 0) {
+				persist(items().filter((i) => i.catalogRef !== catalogRef));
+				return;
+			}
+			persist(items().map((i) => i.catalogRef === catalogRef ? {
+				...i,
+				quantity
+			} : i));
+		},
+		clear() {
+			persist([]);
+		},
+		open: () => setIsOpen(true),
+		close: () => setIsOpen(false)
+	};
+	return createComponent(CartContext.Provider, {
+		value,
+		get children() {
+			return props.children;
+		}
+	});
+}
+function useCart() {
+	const context = useContext(CartContext);
+	if (!context) throw new Error("useCart() must be called within a <CartProvider>");
+	return context;
+}
+//#endregion
+//#region src/CartDrawer.tsx
+var _tmpl$$2 = /*#__PURE__*/ template(`<ul class="mt-4 flex flex-col gap-3">`), _tmpl$2$2 = /*#__PURE__*/ template(`<div class="mt-4 flex items-center justify-between border-t pt-4"><span class=font-semibold>Subtotal</span><span data-testid=cart-subtotal>`), _tmpl$3$1 = /*#__PURE__*/ template(`<div class="cart-drawer fixed inset-0 z-50"data-testid=cart-drawer><button type=button class="fixed inset-0 bg-[var(--color-backdrop)]"aria-label="Close cart"></button><div aria-live=polite aria-atomic=true class=sr-only></div><aside role=dialog aria-modal=true aria-label="Shopping cart"class="fixed right-0 top-0 h-full w-full max-w-sm bg-base-100 p-4 shadow-xl"><div class="flex items-center justify-between"><h2 class="text-lg font-bold">Your cart</h2><button type=button class="btn btn-sm btn-circle"aria-label="Close cart"><i class="ph ph-x"aria-hidden=true>`), _tmpl$4$1 = /*#__PURE__*/ template(`<p class=opacity-70>Your cart is empty.`), _tmpl$5$1 = /*#__PURE__*/ template(`<li class="flex items-center justify-between gap-2"><div><p class=font-medium></p><p class="text-sm opacity-70"> × </p></div><div class="flex items-center gap-1"><button type=button class="btn btn-xs">−</button><span></span><button type=button class="btn btn-xs">+</button><button type=button class="btn btn-xs btn-ghost"><i class="ph ph-trash"aria-hidden=true>`);
+const FOCUSABLE_SELECTOR = "a[href], button:not([disabled]), input:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
+function formatPrice$1(cents, currency) {
+	return new Intl.NumberFormat(void 0, {
+		style: "currency",
+		currency
+	}).format(cents / 100);
+}
+function CartDrawer(props) {
+	const cart = useCart();
+	let asideRef;
+	let closeButtonRef;
+	let triggeredBy = null;
+	createEffect(() => {
+		if (!cart.isOpen()) {
+			triggeredBy?.focus();
+			return;
+		}
+		triggeredBy = document.activeElement;
+		closeButtonRef?.focus();
+		const previousOverflow = document.body.style.overflow;
+		document.body.style.overflow = "hidden";
+		function onKeyDown(event) {
+			if (event.key === "Escape") {
+				cart.close();
+				return;
+			}
+			if (event.key !== "Tab" || !asideRef) return;
+			const focusable = Array.from(asideRef.querySelectorAll(FOCUSABLE_SELECTOR));
+			if (focusable.length === 0) return;
+			const first = focusable[0];
+			const last = focusable[focusable.length - 1];
+			if (event.shiftKey && document.activeElement === first) {
+				event.preventDefault();
+				last.focus();
+			} else if (!event.shiftKey && document.activeElement === last) {
+				event.preventDefault();
+				first.focus();
+			}
+		}
+		document.addEventListener("keydown", onKeyDown);
+		onCleanup(() => {
+			document.removeEventListener("keydown", onKeyDown);
+			document.body.style.overflow = previousOverflow;
+		});
+	});
+	return createComponent(Show, {
+		get when() {
+			return cart.isOpen();
+		},
+		get children() {
+			var _el$ = _tmpl$3$1(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling, _el$7 = _el$4.firstChild.firstChild.nextSibling;
+			_el$2.$$click = () => cart.close();
+			insert(_el$3, createComponent(Show, {
+				get when() {
+					return cart.items().length > 0;
+				},
+				fallback: "Cart is empty.",
+				get children() {
+					return `Cart has ${cart.items().length} item${cart.items().length === 1 ? "" : "s"}, subtotal ${formatPrice$1(cart.subtotal(), cart.items()[0]?.unitPrice.currency ?? "USD")}.`;
+				}
+			}));
+			var _ref$ = asideRef;
+			typeof _ref$ === "function" ? use(_ref$, _el$4) : asideRef = _el$4;
+			_el$7.$$click = () => cart.close();
+			var _ref$2 = closeButtonRef;
+			typeof _ref$2 === "function" ? use(_ref$2, _el$7) : closeButtonRef = _el$7;
+			insert(_el$4, createComponent(Show, {
+				get when() {
+					return cart.items().length > 0;
+				},
+				get fallback() {
+					return _tmpl$4$1();
+				},
+				get children() {
+					return [
+						(() => {
+							var _el$8 = _tmpl$$2();
+							insert(_el$8, createComponent(For, {
+								get each() {
+									return cart.items();
+								},
+								children: (item) => (() => {
+									var _el$11 = _tmpl$5$1(), _el$12 = _el$11.firstChild, _el$13 = _el$12.firstChild, _el$14 = _el$13.nextSibling, _el$15 = _el$14.firstChild, _el$18 = _el$12.nextSibling.firstChild, _el$19 = _el$18.nextSibling, _el$20 = _el$19.nextSibling, _el$21 = _el$20.nextSibling;
+									insert(_el$13, () => item.name);
+									insert(_el$14, () => formatPrice$1(item.unitPrice.amount, item.unitPrice.currency), _el$15);
+									insert(_el$14, () => item.quantity, null);
+									_el$18.$$click = () => cart.updateQuantity(item.catalogRef, item.quantity - 1);
+									insert(_el$19, () => item.quantity);
+									_el$20.$$click = () => cart.updateQuantity(item.catalogRef, item.quantity + 1);
+									_el$21.$$click = () => cart.removeItem(item.catalogRef);
+									effect((_p$) => {
+										var _v$ = `Decrease quantity of ${item.name}`, _v$2 = `quantity-${item.catalogRef}`, _v$3 = `Increase quantity of ${item.name}`, _v$4 = `Remove ${item.name}`;
+										_v$ !== _p$.e && setAttribute(_el$18, "aria-label", _p$.e = _v$);
+										_v$2 !== _p$.t && setAttribute(_el$19, "data-testid", _p$.t = _v$2);
+										_v$3 !== _p$.a && setAttribute(_el$20, "aria-label", _p$.a = _v$3);
+										_v$4 !== _p$.o && setAttribute(_el$21, "aria-label", _p$.o = _v$4);
+										return _p$;
+									}, {
+										e: void 0,
+										t: void 0,
+										a: void 0,
+										o: void 0
+									});
+									return _el$11;
+								})()
+							}));
+							return _el$8;
+						})(),
+						(() => {
+							var _el$9 = _tmpl$2$2(), _el$1 = _el$9.firstChild.nextSibling;
+							insert(_el$1, () => formatPrice$1(cart.subtotal(), cart.items()[0]?.unitPrice.currency ?? "USD"));
+							return _el$9;
+						})(),
+						memo(() => props.checkoutSlot?.())
+					];
+				}
+			}), null);
+			return _el$;
+		}
+	});
+}
+delegateEvents(["click"]);
+//#endregion
+//#region src/CheckoutForm.tsx
+var _tmpl$$1 = /*#__PURE__*/ template(`<form class="checkout-form flex flex-col gap-4"><label class=form-control><span class=label-text>Email</span><input type=email required class="input input-bordered"></label><div data-testid=card-field-container></div><button type=submit class="btn btn-primary">`), _tmpl$2$1 = /*#__PURE__*/ template(`<p class=text-error role=alert data-testid=checkout-error>`);
+function CheckoutForm(props) {
+	const cart = useCart();
+	const [email, setEmail] = createSignal("");
+	const [submitting, setSubmitting] = createSignal(false);
+	const [error, setError] = createSignal();
+	let cardContainer;
+	onMount(() => {
+		if (cardContainer) props.mountCardField?.(cardContainer);
+	});
+	async function handleSubmit(event) {
+		event.preventDefault();
+		setError(void 0);
+		setSubmitting(true);
+		try {
+			const paymentSourceToken = await props.tokenize();
+			const response = await fetch(props.checkoutEndpoint ?? "/api/checkout", {
+				method: "POST",
+				headers: { "Content-Type": "application/json" },
+				body: JSON.stringify({
+					lineItems: cart.items().map((item) => ({
+						catalogRef: item.catalogRef,
+						quantity: item.quantity,
+						clientUnitPrice: item.unitPrice
+					})),
+					paymentSourceToken,
+					customerEmail: email(),
+					idempotencyKey: crypto.randomUUID()
+				})
+			});
+			const body = await response.json();
+			if (!response.ok) throw new Error(typeof body?.error === "string" ? body.error : "Checkout failed");
+			cart.clear();
+			props.onSuccess?.(body.order ?? body);
+		} catch (cause) {
+			const message = cause instanceof Error ? cause.message : String(cause);
+			setError(message);
+			props.onError?.(cause instanceof Error ? cause : new Error(message));
+		} finally {
+			setSubmitting(false);
+		}
+	}
+	return (() => {
+		var _el$ = _tmpl$$1(), _el$2 = _el$.firstChild, _el$4 = _el$2.firstChild.nextSibling, _el$5 = _el$2.nextSibling, _el$6 = _el$5.nextSibling;
+		_el$.addEventListener("submit", handleSubmit);
+		_el$4.$$input = (e) => setEmail(e.currentTarget.value);
+		var _ref$ = cardContainer;
+		typeof _ref$ === "function" ? use(_ref$, _el$5) : cardContainer = _el$5;
+		insert(_el$, (() => {
+			var _c$ = memo(() => !!error());
+			return () => _c$() && (() => {
+				var _el$7 = _tmpl$2$1();
+				insert(_el$7, error);
+				return _el$7;
+			})();
+		})(), _el$6);
+		insert(_el$6, () => submitting() ? "Processing…" : "Pay now");
+		effect(() => _el$6.disabled = submitting());
+		effect(() => _el$4.value = email());
+		return _el$;
+	})();
+}
+delegateEvents(["input"]);
+//#endregion
+//#region src/ProductDetail.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<p class=opacity-80>`), _tmpl$2 = /*#__PURE__*/ template(`<label class="form-control w-full max-w-xs"><span class=label-text>Variant</span><select class="select select-bordered">`), _tmpl$3 = /*#__PURE__*/ template(`<div class=product-detail data-testid=product-detail><h1 class="text-2xl font-bold"></h1><button type=button class="btn btn-primary"><i class="ph ph-shopping-cart-simple"aria-hidden=true></i>Add to cart`), _tmpl$4 = /*#__PURE__*/ template(`<option>`), _tmpl$5 = /*#__PURE__*/ template(`<p class="text-xl font-semibold"data-testid=product-price>`);
+function formatPrice(cents, currency) {
+	return new Intl.NumberFormat(void 0, {
+		style: "currency",
+		currency
+	}).format(cents / 100);
+}
+function ProductDetail(props) {
+	const cart = useCart();
+	const [selectedSku, setSelectedSku] = createSignal(props.product.variants[0]?.sku ?? "");
+	const selectedVariant = createMemo(() => props.product.variants.find((v) => v.sku === selectedSku()));
+	function handleAddToCart() {
+		const variant = selectedVariant();
+		if (!variant) return;
+		cart.addItem({
+			catalogRef: variant.catalogRef,
+			name: props.product.name,
+			unitPrice: {
+				amount: variant.priceCents,
+				currency: variant.currency
+			}
+		});
+		props.onAddToCart?.(variant);
+	}
+	return (() => {
+		var _el$ = _tmpl$3(), _el$2 = _el$.firstChild, _el$7 = _el$2.nextSibling;
+		insert(_el$2, () => props.product.name);
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return props.product.description;
+			},
+			get children() {
+				var _el$3 = _tmpl$();
+				insert(_el$3, () => props.product.description);
+				return _el$3;
+			}
+		}), _el$7);
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return props.product.variants.length > 1;
+			},
+			get children() {
+				var _el$4 = _tmpl$2(), _el$6 = _el$4.firstChild.nextSibling;
+				_el$6.addEventListener("change", (e) => setSelectedSku(e.currentTarget.value));
+				insert(_el$6, createComponent(For, {
+					get each() {
+						return props.product.variants;
+					},
+					children: (variant) => (() => {
+						var _el$8 = _tmpl$4();
+						insert(_el$8, () => variant.sku);
+						effect(() => _el$8.value = variant.sku);
+						return _el$8;
+					})()
+				}));
+				effect(() => _el$6.value = selectedSku());
+				return _el$4;
+			}
+		}), _el$7);
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return selectedVariant();
+			},
+			children: (variant) => (() => {
+				var _el$9 = _tmpl$5();
+				insert(_el$9, () => formatPrice(variant().priceCents, variant().currency));
+				return _el$9;
+			})()
+		}), _el$7);
+		_el$7.$$click = handleAddToCart;
+		effect(() => _el$7.disabled = !selectedVariant());
+		return _el$;
+	})();
+}
+delegateEvents(["click"]);
+//#endregion
+export { CartDrawer, CartProvider, CheckoutForm, ProductDetail, useCart };
+
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Accessor","createContext","createSignal","JSX","onMount","useContext","CartLineItem","catalogRef","name","quantity","unitPrice","amount","currency","CartContextValue","items","isOpen","subtotal","addItem","item","Omit","removeItem","updateQuantity","clear","open","close","CartContext","STORAGE_KEY","loadStoredItems","window","raw","localStorage","getItem","JSON","parse","CartProviderProps","children","Element","CartProvider","props","setItems","setIsOpen","persist","next","setItem","stringify","value","reduce","sum","existing","find","i","map","filter","_$createComponent","Provider","useCart","context","Error","createEffect","For","JSX","onCleanup","Show","useCart","FOCUSABLE_SELECTOR","formatPrice","cents","currency","Intl","NumberFormat","undefined","style","format","CartDrawerProps","checkoutSlot","Element","CartDrawer","props","cart","asideRef","HTMLElement","closeButtonRef","HTMLButtonElement","triggeredBy","isOpen","focus","document","activeElement","previousOverflow","body","overflow","onKeyDown","event","KeyboardEvent","key","close","focusable","Array","from","querySelectorAll","length","first","last","shiftKey","preventDefault","addEventListener","removeEventListener","_$createComponent","when","children","_el$","_tmpl$3","_el$2","firstChild","_el$3","nextSibling","_el$4","_el$5","_el$6","_el$7","$$click","_$insert","items","fallback","subtotal","unitPrice","_ref$","_$use","_ref$2","_tmpl$4","_el$8","_tmpl$","each","item","_el$11","_tmpl$5","_el$12","_el$13","_el$14","_el$15","_el$17","_el$18","_el$19","_el$20","_el$21","name","amount","quantity","updateQuantity","catalogRef","removeItem","_$effect","_p$","_v$","_v$2","_v$3","_v$4","e","_$setAttribute","t","a","o","_el$9","_tmpl$2","_el$0","_el$1","_$memo","_$delegateEvents","createSignal","onMount","useCart","CheckoutFormProps","tokenize","Promise","mountCardField","container","HTMLDivElement","checkoutEndpoint","onSuccess","order","onError","error","Error","CheckoutForm","props","cart","email","setEmail","submitting","setSubmitting","setError","cardContainer","handleSubmit","event","SubmitEvent","preventDefault","undefined","paymentSourceToken","response","fetch","method","headers","body","JSON","stringify","lineItems","items","map","item","catalogRef","quantity","clientUnitPrice","unitPrice","customerEmail","idempotencyKey","crypto","randomUUID","json","ok","clear","cause","message","String","_el$","_tmpl$","_el$2","firstChild","_el$3","_el$4","nextSibling","_el$5","_el$6","addEventListener","$$input","e","currentTarget","value","_ref$","_$use","_$insert","_c$","_$memo","_el$7","_tmpl$2","_$effect","disabled","_$delegateEvents","createMemo","createSignal","For","Show","useCart","ProductVariant","sku","catalogRef","priceCents","currency","inventoryCount","Product","id","name","description","variants","ProductDetailProps","product","onAddToCart","variant","formatPrice","cents","Intl","NumberFormat","undefined","style","format","ProductDetail","props","cart","selectedSku","setSelectedSku","selectedVariant","find","v","handleAddToCart","addItem","unitPrice","amount","_el$","_tmpl$3","_el$2","firstChild","_el$7","nextSibling","_$insert","_$createComponent","when","children","_el$3","_tmpl$","length","_el$4","_tmpl$2","_el$5","_el$6","addEventListener","e","currentTarget","value","each","_el$8","_tmpl$4","_$effect","_el$9","_tmpl$5","$$click","disabled","_$delegateEvents"],"sources":["../src/CartProvider.tsx","../src/CartDrawer.tsx","../src/CheckoutForm.tsx","../src/ProductDetail.tsx"],"sourcesContent":["// Copyright (c) 2026 BowenLabs. All rights reserved.\n// MIT licensed. See LICENSE in the repo root.\n//\n// localStorage-backed cart state, the same pattern found independently in\n// two of the three Next.js + Payload reference repos this package's\n// design was generalized from (a `CartContext`-style provider, no DB sync\n// needed until checkout). Pure SolidJS reactivity (createSignal), no\n// React-isms.\n\nimport {\n  type Accessor,\n  createContext,\n  createSignal,\n  type JSX,\n  onMount,\n  useContext,\n} from \"solid-js\";\n\nexport interface CartLineItem {\n  catalogRef: string;\n  name: string;\n  quantity: number;\n  unitPrice: { amount: number; currency: string };\n}\n\nexport interface CartContextValue {\n  items: Accessor<CartLineItem[]>;\n  isOpen: Accessor<boolean>;\n  subtotal: Accessor<number>;\n  addItem: (item: Omit<CartLineItem, \"quantity\">, quantity?: number) => void;\n  removeItem: (catalogRef: string) => void;\n  updateQuantity: (catalogRef: string, quantity: number) => void;\n  clear: () => void;\n  open: () => void;\n  close: () => void;\n}\n\nconst CartContext = createContext<CartContextValue>();\n\nconst STORAGE_KEY = \"cadmea-ecommerce-cart\";\n\nfunction loadStoredItems(): CartLineItem[] {\n  if (typeof window === \"undefined\") return [];\n  try {\n    const raw = window.localStorage.getItem(STORAGE_KEY);\n    return raw ? (JSON.parse(raw) as CartLineItem[]) : [];\n  } catch {\n    // A corrupted or inaccessible localStorage entry shouldn't crash the\n    // storefront — fall back to an empty cart, same as a first-ever visit.\n    return [];\n  }\n}\n\nexport interface CartProviderProps {\n  children: JSX.Element;\n}\n\nexport function CartProvider(props: CartProviderProps) {\n  const [items, setItems] = createSignal<CartLineItem[]>([]);\n  const [isOpen, setIsOpen] = createSignal(false);\n\n  // Deferred to onMount rather than read at module/signal-init time —\n  // keeps this component safe to import in a context where `window` isn't\n  // defined yet (e.g. a build-time render pass), even though every real\n  // usage is a client-only island.\n  onMount(() => setItems(loadStoredItems()));\n\n  function persist(next: CartLineItem[]) {\n    setItems(next);\n    if (typeof window === \"undefined\") return;\n    window.localStorage.setItem(STORAGE_KEY, JSON.stringify(next));\n  }\n\n  const value: CartContextValue = {\n    items,\n    isOpen,\n    subtotal: () =>\n      items().reduce(\n        (sum, item) => sum + item.unitPrice.amount * item.quantity,\n        0,\n      ),\n    addItem(item, quantity = 1) {\n      const existing = items().find((i) => i.catalogRef === item.catalogRef);\n      if (existing) {\n        persist(\n          items().map((i) =>\n            i.catalogRef === item.catalogRef\n              ? { ...i, quantity: i.quantity + quantity }\n              : i,\n          ),\n        );\n      } else {\n        persist([...items(), { ...item, quantity }]);\n      }\n    },\n    removeItem(catalogRef) {\n      persist(items().filter((i) => i.catalogRef !== catalogRef));\n    },\n    updateQuantity(catalogRef, quantity) {\n      if (quantity <= 0) {\n        persist(items().filter((i) => i.catalogRef !== catalogRef));\n        return;\n      }\n      persist(\n        items().map((i) =>\n          i.catalogRef === catalogRef ? { ...i, quantity } : i,\n        ),\n      );\n    },\n    clear() {\n      persist([]);\n    },\n    open: () => setIsOpen(true),\n    close: () => setIsOpen(false),\n  };\n\n  return (\n    <CartContext.Provider value={value}>{props.children}</CartContext.Provider>\n  );\n}\n\nexport function useCart(): CartContextValue {\n  const context = useContext(CartContext);\n  if (!context) {\n    throw new Error(\"useCart() must be called within a <CartProvider>\");\n  }\n  return context;\n}\n","// Copyright (c) 2026 BowenLabs. All rights reserved.\n// MIT licensed. See LICENSE in the repo root.\n\nimport { createEffect, For, type JSX, onCleanup, Show } from \"solid-js\";\nimport { useCart } from \"./CartProvider.js\";\n\nconst FOCUSABLE_SELECTOR =\n  'a[href], button:not([disabled]), input:not([disabled]), [tabindex]:not([tabindex=\"-1\"])';\n\nfunction formatPrice(cents: number, currency: string): string {\n  return new Intl.NumberFormat(undefined, {\n    style: \"currency\",\n    currency,\n  }).format(cents / 100);\n}\n\nexport interface CartDrawerProps {\n  /** Rendered inside the drawer below the line items, typically a checkout link/button. */\n  checkoutSlot?: () => JSX.Element;\n}\n\nexport function CartDrawer(props: CartDrawerProps) {\n  const cart = useCart();\n\n  let asideRef: HTMLElement | undefined;\n  let closeButtonRef: HTMLButtonElement | undefined;\n  let triggeredBy: HTMLElement | null = null;\n\n  // The drawer is a modal dialog while open: move focus in, cycle Tab\n  // within it, close on Escape, restore focus on close, and lock body\n  // scroll behind it. Mirrors PanelNav/SearchPalette's focus-trap idiom.\n  createEffect(() => {\n    if (!cart.isOpen()) {\n      triggeredBy?.focus();\n      return;\n    }\n\n    triggeredBy = document.activeElement as HTMLElement | null;\n    closeButtonRef?.focus();\n\n    const previousOverflow = document.body.style.overflow;\n    document.body.style.overflow = \"hidden\";\n\n    function onKeyDown(event: KeyboardEvent) {\n      if (event.key === \"Escape\") {\n        cart.close();\n        return;\n      }\n      if (event.key !== \"Tab\" || !asideRef) return;\n\n      const focusable = Array.from(\n        asideRef.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR),\n      );\n      if (focusable.length === 0) return;\n\n      const first = focusable[0];\n      const last = focusable[focusable.length - 1];\n\n      if (event.shiftKey && document.activeElement === first) {\n        event.preventDefault();\n        last.focus();\n      } else if (!event.shiftKey && document.activeElement === last) {\n        event.preventDefault();\n        first.focus();\n      }\n    }\n\n    document.addEventListener(\"keydown\", onKeyDown);\n    onCleanup(() => {\n      document.removeEventListener(\"keydown\", onKeyDown);\n      document.body.style.overflow = previousOverflow;\n    });\n  });\n\n  return (\n    <Show when={cart.isOpen()}>\n      <div class=\"cart-drawer fixed inset-0 z-50\" data-testid=\"cart-drawer\">\n        <button\n          type=\"button\"\n          class=\"fixed inset-0 bg-[var(--color-backdrop)]\"\n          aria-label=\"Close cart\"\n          onClick={() => cart.close()}\n        />\n        {/* Announce cart contents to assistive tech as items change. */}\n        <div aria-live=\"polite\" aria-atomic=\"true\" class=\"sr-only\">\n          <Show when={cart.items().length > 0} fallback=\"Cart is empty.\">\n            {`Cart has ${cart.items().length} item${cart.items().length === 1 ? \"\" : \"s\"}, subtotal ${formatPrice(\n              cart.subtotal(),\n              cart.items()[0]?.unitPrice.currency ?? \"USD\",\n            )}.`}\n          </Show>\n        </div>\n        <aside\n          ref={asideRef}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-label=\"Shopping cart\"\n          class=\"fixed right-0 top-0 h-full w-full max-w-sm bg-base-100 p-4 shadow-xl\"\n        >\n          <div class=\"flex items-center justify-between\">\n            <h2 class=\"text-lg font-bold\">Your cart</h2>\n            <button\n              ref={closeButtonRef}\n              type=\"button\"\n              class=\"btn btn-sm btn-circle\"\n              aria-label=\"Close cart\"\n              onClick={() => cart.close()}\n            >\n              <i class=\"ph ph-x\" aria-hidden=\"true\" />\n            </button>\n          </div>\n\n          <Show\n            when={cart.items().length > 0}\n            fallback={<p class=\"opacity-70\">Your cart is empty.</p>}\n          >\n            <ul class=\"mt-4 flex flex-col gap-3\">\n              <For each={cart.items()}>\n                {(item) => (\n                  <li class=\"flex items-center justify-between gap-2\">\n                    <div>\n                      <p class=\"font-medium\">{item.name}</p>\n                      <p class=\"text-sm opacity-70\">\n                        {formatPrice(\n                          item.unitPrice.amount,\n                          item.unitPrice.currency,\n                        )}{\" \"}\n                        × {item.quantity}\n                      </p>\n                    </div>\n                    <div class=\"flex items-center gap-1\">\n                      <button\n                        type=\"button\"\n                        class=\"btn btn-xs\"\n                        aria-label={`Decrease quantity of ${item.name}`}\n                        onClick={() =>\n                          cart.updateQuantity(\n                            item.catalogRef,\n                            item.quantity - 1,\n                          )\n                        }\n                      >\n                        −\n                      </button>\n                      <span data-testid={`quantity-${item.catalogRef}`}>\n                        {item.quantity}\n                      </span>\n                      <button\n                        type=\"button\"\n                        class=\"btn btn-xs\"\n                        aria-label={`Increase quantity of ${item.name}`}\n                        onClick={() =>\n                          cart.updateQuantity(\n                            item.catalogRef,\n                            item.quantity + 1,\n                          )\n                        }\n                      >\n                        +\n                      </button>\n                      <button\n                        type=\"button\"\n                        class=\"btn btn-xs btn-ghost\"\n                        aria-label={`Remove ${item.name}`}\n                        onClick={() => cart.removeItem(item.catalogRef)}\n                      >\n                        <i class=\"ph ph-trash\" aria-hidden=\"true\" />\n                      </button>\n                    </div>\n                  </li>\n                )}\n              </For>\n            </ul>\n\n            <div class=\"mt-4 flex items-center justify-between border-t pt-4\">\n              <span class=\"font-semibold\">Subtotal</span>\n              <span data-testid=\"cart-subtotal\">\n                {formatPrice(\n                  cart.subtotal(),\n                  cart.items()[0]?.unitPrice.currency ?? \"USD\",\n                )}\n              </span>\n            </div>\n\n            {props.checkoutSlot?.()}\n          </Show>\n        </aside>\n      </div>\n    </Show>\n  );\n}\n","// Copyright (c) 2026 BowenLabs. All rights reserved.\n// MIT licensed. See LICENSE in the repo root.\n//\n// Provider-agnostic — takes a `tokenize` callback rather than knowing\n// about Square/Stripe itself. The consumer wires in whichever provider's\n// `/client` helper (`createSquareCardField`/`createStripeCardField`) it's\n// using; both share the exact `{ tokenize(): Promise<string> }` shape so\n// swapping providers means swapping that one prop, not rewriting this\n// component.\n\nimport { createSignal, onMount } from \"solid-js\";\nimport { useCart } from \"./CartProvider.js\";\n\nexport interface CheckoutFormProps {\n  /** Mounts the provider's card field and produces a one-time payment source token — see this package's README for wiring either provider's `/client` helper here. */\n  tokenize: () => Promise<string>;\n  /** Called once the provider's card field should be mounted — receives the container element to attach to. Most consumers wire this to `createSquareCardField(el, opts)`/`createStripeCardField(el, opts)` directly and ignore the return value here (the `tokenize` prop is what's actually called on submit). */\n  mountCardField?: (container: HTMLDivElement) => void;\n  /** Default: \"/api/checkout\". */\n  checkoutEndpoint?: string;\n  onSuccess?: (order: unknown) => void;\n  onError?: (error: Error) => void;\n}\n\nexport function CheckoutForm(props: CheckoutFormProps) {\n  const cart = useCart();\n  const [email, setEmail] = createSignal(\"\");\n  const [submitting, setSubmitting] = createSignal(false);\n  const [error, setError] = createSignal<string | undefined>();\n  let cardContainer: HTMLDivElement | undefined;\n\n  onMount(() => {\n    if (cardContainer) props.mountCardField?.(cardContainer);\n  });\n\n  async function handleSubmit(event: SubmitEvent) {\n    event.preventDefault();\n    setError(undefined);\n    setSubmitting(true);\n    try {\n      const paymentSourceToken = await props.tokenize();\n      const response = await fetch(props.checkoutEndpoint ?? \"/api/checkout\", {\n        method: \"POST\",\n        headers: { \"Content-Type\": \"application/json\" },\n        body: JSON.stringify({\n          lineItems: cart.items().map((item) => ({\n            catalogRef: item.catalogRef,\n            quantity: item.quantity,\n            clientUnitPrice: item.unitPrice,\n          })),\n          paymentSourceToken,\n          customerEmail: email(),\n          idempotencyKey: crypto.randomUUID(),\n        }),\n      });\n      const body = await response.json();\n      if (!response.ok) {\n        throw new Error(\n          typeof body?.error === \"string\" ? body.error : \"Checkout failed\",\n        );\n      }\n      cart.clear();\n      props.onSuccess?.(body.order ?? body);\n    } catch (cause) {\n      const message = cause instanceof Error ? cause.message : String(cause);\n      setError(message);\n      props.onError?.(cause instanceof Error ? cause : new Error(message));\n    } finally {\n      setSubmitting(false);\n    }\n  }\n\n  return (\n    <form class=\"checkout-form flex flex-col gap-4\" onSubmit={handleSubmit}>\n      <label class=\"form-control\">\n        <span class=\"label-text\">Email</span>\n        <input\n          type=\"email\"\n          required\n          class=\"input input-bordered\"\n          value={email()}\n          onInput={(e) => setEmail(e.currentTarget.value)}\n        />\n      </label>\n\n      <div ref={cardContainer} data-testid=\"card-field-container\" />\n\n      {error() && (\n        <p class=\"text-error\" role=\"alert\" data-testid=\"checkout-error\">\n          {error()}\n        </p>\n      )}\n\n      <button type=\"submit\" class=\"btn btn-primary\" disabled={submitting()}>\n        {submitting() ? \"Processing…\" : \"Pay now\"}\n      </button>\n    </form>\n  );\n}\n","// Copyright (c) 2026 BowenLabs. All rights reserved.\n// MIT licensed. See LICENSE in the repo root.\n\nimport { createMemo, createSignal, For, Show } from \"solid-js\";\nimport { useCart } from \"./CartProvider.js\";\n\nexport interface ProductVariant {\n  sku: string;\n  catalogRef: string;\n  priceCents: number;\n  currency: string;\n  inventoryCount?: number;\n}\n\nexport interface Product {\n  id: number;\n  name: string;\n  description?: string;\n  variants: ProductVariant[];\n}\n\nexport interface ProductDetailProps {\n  product: Product;\n  onAddToCart?: (variant: ProductVariant) => void;\n}\n\nfunction formatPrice(cents: number, currency: string): string {\n  return new Intl.NumberFormat(undefined, {\n    style: \"currency\",\n    currency,\n  }).format(cents / 100);\n}\n\nexport function ProductDetail(props: ProductDetailProps) {\n  const cart = useCart();\n  const [selectedSku, setSelectedSku] = createSignal(\n    props.product.variants[0]?.sku ?? \"\",\n  );\n\n  const selectedVariant = createMemo(() =>\n    props.product.variants.find((v) => v.sku === selectedSku()),\n  );\n\n  function handleAddToCart() {\n    const variant = selectedVariant();\n    if (!variant) return;\n    cart.addItem({\n      catalogRef: variant.catalogRef,\n      name: props.product.name,\n      unitPrice: { amount: variant.priceCents, currency: variant.currency },\n    });\n    props.onAddToCart?.(variant);\n  }\n\n  return (\n    <div class=\"product-detail\" data-testid=\"product-detail\">\n      <h1 class=\"text-2xl font-bold\">{props.product.name}</h1>\n      <Show when={props.product.description}>\n        <p class=\"opacity-80\">{props.product.description}</p>\n      </Show>\n\n      <Show when={props.product.variants.length > 1}>\n        <label class=\"form-control w-full max-w-xs\">\n          <span class=\"label-text\">Variant</span>\n          <select\n            class=\"select select-bordered\"\n            value={selectedSku()}\n            onChange={(e) => setSelectedSku(e.currentTarget.value)}\n          >\n            <For each={props.product.variants}>\n              {(variant) => <option value={variant.sku}>{variant.sku}</option>}\n            </For>\n          </select>\n        </label>\n      </Show>\n\n      <Show when={selectedVariant()}>\n        {(variant) => (\n          <p class=\"text-xl font-semibold\" data-testid=\"product-price\">\n            {formatPrice(variant().priceCents, variant().currency)}\n          </p>\n        )}\n      </Show>\n\n      <button\n        type=\"button\"\n        class=\"btn btn-primary\"\n        disabled={!selectedVariant()}\n        onClick={handleAddToCart}\n      >\n        <i class=\"ph ph-shopping-cart-simple\" aria-hidden=\"true\" />\n        Add to cart\n      </button>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "@thebes/cadmea-ecommerce-ui",
+  "version": "1.0.0",
+  "description": "Storefront SolidJS components for @thebes/cadmea-plugin-ecommerce — ProductDetail, cart, and checkout",
+  "author": "BowenLabs <hello@bowenlabs.io>",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/bowenlabs/project-thebes",
+    "directory": "packages/cadmea-ecommerce-ui"
+  },
+  "homepage": "https://github.com/bowenlabs/project-thebes/tree/main/packages/cadmea-ecommerce-ui#readme",
+  "bugs": {
+    "url": "https://github.com/bowenlabs/project-thebes/issues"
+  },
+  "keywords": [
+    "cadmea",
+    "cadmus",
+    "ecommerce",
+    "solidjs",
+    "cloudflare"
+  ],
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "peerDependencies": {
+    "solid-js": ">=1.9.0",
+    "@thebes/cadmus": "^0.2.1"
+  },
+  "devDependencies": {
+    "@solidjs/testing-library": "latest",
+    "@testing-library/dom": "latest",
+    "@testing-library/jest-dom": "latest",
+    "@rolldown/plugin-babel": "^0.2.3",
+    "babel-preset-solid": "^1.9.12",
+    "@babel/core": "^7.28.0",
+    "jsdom": "latest",
+    "solid-js": "^1.9.13",
+    "typescript": "latest",
+    "vite-plugin-solid": "latest",
+    "vite-plus": "latest",
+    "vitest": "latest",
+    "@thebes/cadmus": "^0.2.1"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "vp pack",
+    "dev": "vp pack --watch",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  }
+}