@cimplify/sdk 0.44.34 → 0.45.0

package/templates/storefront-services/app/page.tsx

@@ -1,97 +0,0 @@
-import type { Metadata } from "next";
-import { Suspense } from "react";
-import { cacheTag, cacheLife } from "next/cache";
-import { getServerClient, tags, type Product } from "@cimplify/sdk/server";
-import { Hero } from "@/components/hero";
-import { CollectionStrip } from "@/components/collection-strip";
-import { CategoryGrid } from "@/components/category-grid";
-import { brand } from "@/lib/brand";
-
-export const metadata: Metadata = {
-  title: `${brand.name} — ${brand.hero.title}`,
-  description: brand.description,
-};
-
-async function getHomeData() {
-  "use cache";
-  cacheTag(tags.collections(), tags.categories(), tags.products());
-  cacheLife("hours");
-
-  const client = getServerClient();
-  const [colRes, catRes] = await Promise.all([
-    client.catalogue.getCollections(),
-    client.catalogue.getCategories(),
-  ]);
-  const collections = colRes.ok ? colRes.value : [];
-  const categories = catRes.ok ? catRes.value : [];
-
-  const collectionsWithProducts = await Promise.all(
-    collections.map(async (col) => {
-      const r = await client.catalogue.getCollectionProducts(col.id);
-      const items = r.ok
-        ? ((r.value as { items?: Product[] }).items ?? (r.value as Product[]))
-        : [];
-      return { collection: col, products: items };
-    }),
-  );
-
-  return {
-    collections: collectionsWithProducts.filter((x) => x.products.length > 0),
-    categories,
-  };
-}
-
-export default async function HomePage() {
-  const { collections, categories } = await getHomeData();
-
-  return (
-    <>
-      <Hero
-        badge={brand.hero.badge}
-        title={brand.hero.title}
-        subtitle={brand.hero.subtitle}
-      />
-      {collections.map(({ collection, products }) => (
-        <Suspense
-          key={collection.id}
-          fallback={<StripSkeleton title={collection.name} />}
-        >
-          <CollectionStrip
-            collection={collection}
-            products={products}
-            collectionHref={`/collections/${collection.slug}`}
-          />
-        </Suspense>
-      ))}
-      <Suspense fallback={<CategoryGridSkeleton />}>
-        <CategoryGrid categories={categories} />
-      </Suspense>
-    </>
-  );
-}
-
-function StripSkeleton({ title }: { title: string }) {
-  return (
-    <section className="max-w-7xl mx-auto px-8 pt-12">
-      <h2 className="font-serif text-[28px] font-semibold m-0 mb-5">{title}</h2>
-      <div className="grid grid-flow-col auto-cols-[minmax(220px,1fr)] gap-4 overflow-x-auto pb-2">
-        {Array.from({ length: 5 }).map((_, i) => (
-          <div key={i} className="aspect-square bg-muted rounded-2xl animate-pulse" />
-        ))}
-      </div>
-    </section>
-  );
-}
-
-function CategoryGridSkeleton() {
-  return (
-    <section className="max-w-7xl mx-auto px-8 pt-14">
-      <div className="h-8 w-48 bg-muted rounded mb-5 animate-pulse" />
-      <div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
-        {Array.from({ length: 6 }).map((_, i) => (
-          <div key={i} className="h-32 bg-muted rounded-2xl animate-pulse" />
-        ))}
-      </div>
-    </section>
-  );
-}

package/templates/storefront-services/app/privacy/page.tsx

@@ -1,44 +0,0 @@
-import type { Metadata } from "next";
-import { brand } from "@/lib/brand";
-
-export const metadata: Metadata = {
-  title: `Privacy Policy — ${brand.name}`,
-  description: `How ${brand.name} collects, uses, and protects your personal data.`,
-};
-
-export default function PrivacyPage() {
-  const p = brand.privacy;
-  return (
-    <article className="max-w-3xl mx-auto px-8 py-16 prose prose-lg max-w-none">
-      <p className="text-[11px] font-semibold uppercase tracking-[0.16em] text-primary mb-2 not-prose">
-        {p.eyebrow}
-      </p>
-      <h1 className="font-serif text-[clamp(2.25rem,5vw,3.5rem)] font-semibold mb-2 -tracking-[0.02em]">
-        {p.title}
-      </h1>
-      <p className="text-sm text-muted-foreground not-prose mb-10">
-        Last updated: {p.lastUpdated}
-      </p>
-
-      <section className="space-y-5 leading-relaxed text-foreground/90">
-        {p.sections.map((s) => (
-          <div key={s.heading}>
-            <h2 className="font-serif text-2xl font-semibold mt-0">{s.heading}</h2>
-            {typeof s.body === "string" ? (
-              <p>{s.body}</p>
-            ) : (
-              <>
-                <p>{s.body.intro}</p>
-                <ul className="list-disc pl-6 space-y-2">
-                  {s.body.bullets.map((b) => (
-                    <li key={b}>{b}</li>
-                  ))}
-                </ul>
-              </>
-            )}
-          </div>
-        ))}
-      </section>
-    </article>
-  );
-}

package/templates/storefront-services/app/returns/page.tsx

@@ -1,11 +0,0 @@
-import type { Metadata } from "next";
-import { brand } from "@/lib/brand";
-import { PolicyPage } from "@/components/policy-page";
-
-export const metadata: Metadata = {
-  title: `${brand.returns.title} — ${brand.name}`,
-};
-
-export default function ReturnsPage() {
-  return <PolicyPage policy={brand.returns} />;
-}

package/templates/storefront-services/app/robots.ts

@@ -1,18 +0,0 @@
-import type { MetadataRoute } from "next";
-
-const SITE_URL =
-  process.env.NEXT_PUBLIC_SITE_URL?.trim() || "https://example.com";
-
-export default function robots(): MetadataRoute.Robots {
-  return {
-    rules: [
-      {
-        userAgent: "*",
-        allow: "/",
-        disallow: ["/cart", "/checkout", "/orders/", "/api/"],
-      },
-    ],
-    sitemap: `${SITE_URL}/sitemap.xml`,
-    host: SITE_URL,
-  };
-}

package/templates/storefront-services/app/search/page.tsx

@@ -1,38 +0,0 @@
-import type { Metadata } from "next";
-import { Suspense } from "react";
-import { SearchClient } from "./search-client";
-import { brand } from "@/lib/brand";
-
-export const metadata: Metadata = {
-  title: `Search — ${brand.name}`,
-  description: `Search ${brand.name} — products, collections, categories.`,
-};
-
-export default function SearchPage() {
-  return (
-    <article className="max-w-7xl mx-auto px-6 sm:px-8 py-10">
-      <p className="text-[11px] font-semibold uppercase tracking-[0.16em] text-primary mb-2">
-        Search
-      </p>
-      <h1 className="font-serif text-[clamp(2rem,4vw,2.75rem)] font-semibold mb-8 -tracking-[0.02em]">
-        Find anything.
-      </h1>
-      <Suspense fallback={<SearchSkeleton />}>
-        <SearchClient />
-      </Suspense>
-    </article>
-  );
-}
-
-function SearchSkeleton() {
-  return (
-    <div>
-      <div className="h-12 w-full max-w-xl bg-muted rounded animate-pulse mb-8" />
-      <div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-3 sm:gap-4">
-        {Array.from({ length: 8 }).map((_, i) => (
-          <div key={i} className="aspect-[4/3] bg-muted rounded-2xl animate-pulse" />
-        ))}
-      </div>
-    </div>
-  );
-}

package/templates/storefront-services/app/search/search-client.tsx

@@ -1,7 +0,0 @@
-"use client";
-
-import { SearchPage } from "@cimplify/sdk/react";
-
-export function SearchClient() {
-  return <SearchPage />;
-}

package/templates/storefront-services/app/shipping/page.tsx

@@ -1,16 +0,0 @@
-import type { Metadata } from "next";
-import { brand } from "@/lib/brand";
-import { PolicyPage } from "@/components/policy-page";
-
-export const metadata: Metadata = {
-  title: `${brand.shipping.title} — ${brand.name}`,
-  description: brand.shipping.sections[0]?.body
-    ? typeof brand.shipping.sections[0].body === "string"
-      ? brand.shipping.sections[0].body
-      : brand.shipping.sections[0].body.intro
-    : undefined,
-};
-
-export default function ShippingPage() {
-  return <PolicyPage policy={brand.shipping} />;
-}

package/templates/storefront-services/app/shop/page.tsx

@@ -1,31 +0,0 @@
-import type { Metadata } from "next";
-import { cacheTag, cacheLife } from "next/cache";
-import { getServerClient, tags } from "@cimplify/sdk/server";
-import { ShopClient } from "./shop-client";
-import { brand } from "@/lib/brand";
-
-export const metadata: Metadata = {
-  title: `Shop — ${brand.name}`,
-  description: brand.description,
-};
-
-async function getShopData() {
-  "use cache";
-  cacheTag(tags.products(), tags.categories());
-  cacheLife("hours");
-
-  const client = getServerClient();
-  const [p, c] = await Promise.all([
-    client.catalogue.getProducts({ limit: 50 }),
-    client.catalogue.getCategories(),
-  ]);
-  return {
-    products: p.ok ? p.value.items : [],
-    categories: c.ok ? c.value : [],
-  };
-}
-
-export default async function ShopPage() {
-  const { products, categories } = await getShopData();
-  return <ShopClient products={products} categories={categories} />;
-}

package/templates/storefront-services/app/shop/shop-client.tsx

@@ -1,27 +0,0 @@
-"use client";
-
-import { CataloguePage } from "@cimplify/sdk/react";
-import type { Category, Product } from "@cimplify/sdk";
-import { StoreProductCard } from "@/components/store-product-card";
-
-/**
- * Client island for the shop page. Server-side fetches all products and
- * categories (cached via `'use cache'` in `app/shop/page.tsx`), then hands
- * them to `<CataloguePage>` which owns the interactive filter / sort state.
- */
-export function ShopClient({
-  products,
-  categories,
-}: {
-  products: Product[];
-  categories: Category[];
-}) {
-  return (
-    <CataloguePage
-      title="The Menu"
-      products={products}
-      categories={categories}
-      renderCard={(p) => <StoreProductCard product={p} />}
-    />
-  );
-}

package/templates/storefront-services/app/signup/page.tsx

@@ -1,17 +0,0 @@
-import type { Metadata } from "next";
-import { redirect } from "next/navigation";
-import { brand } from "@/lib/brand";
-
-export const metadata: Metadata = {
-  title: `Create an account — ${brand.name}`,
-  description: brand.account.signupSubtitle,
-};
-
-/**
- * Cimplify Link handles sign-up inside the `<CimplifyAccount>` iframe.
- * We bounce /signup to /account; the iframe shows the create-account UI
- * for visitors with no session.
- */
-export default function SignupPage(): never {
-  redirect("/account");
-}

package/templates/storefront-services/app/sitemap-page/page.tsx

@@ -1,167 +0,0 @@
-import type { Metadata } from "next";
-import Link from "next/link";
-import { cacheTag, cacheLife } from "next/cache";
-import { getServerClient, tags, type Product } from "@cimplify/sdk/server";
-import { brand } from "@/lib/brand";
-
-export const metadata: Metadata = {
-  title: `Sitemap — ${brand.name}`,
-  description: "A human-readable index of every page on this site.",
-};
-
-interface SitemapData {
-  products: { slug: string; name: string }[];
-  categories: { slug: string; name: string }[];
-  collections: { slug: string; name: string }[];
-}
-
-async function getSitemap(): Promise<SitemapData> {
-  "use cache";
-  cacheTag(tags.products(), tags.categories(), tags.collections());
-  cacheLife("hours");
-
-  const client = getServerClient();
-  const [pRes, cRes, colRes] = await Promise.all([
-    client.catalogue.getProducts({ limit: 500 }),
-    client.catalogue.getCategories(),
-    client.catalogue.getCollections(),
-  ]);
-  return {
-    products: (pRes.ok ? pRes.value.items : []).map((p: Product) => ({
-      slug: p.slug ?? p.id,
-      name: p.name,
-    })),
-    categories: (cRes.ok ? cRes.value : []).map((c) => ({ slug: c.slug, name: c.name })),
-    collections: (colRes.ok ? colRes.value : []).map((c) => ({ slug: c.slug, name: c.name })),
-  };
-}
-
-const STATIC_LINKS: { title: string; links: { href: string; label: string }[] }[] = [
-  {
-    title: "Browse",
-    links: [
-      { href: "/", label: "Home" },
-      { href: "/shop", label: "Shop" },
-      { href: "/search", label: "Search" },
-    ],
-  },
-  {
-    title: "Account",
-    links: [
-      { href: "/account", label: "Account" },
-      { href: "/account/orders", label: "Orders" },
-      { href: "/account/addresses", label: "Addresses" },
-      { href: "/account/settings", label: "Settings" },
-      { href: "/login", label: "Sign in" },
-      { href: "/signup", label: "Create account" },
-      { href: "/track-order", label: "Track an order" },
-      { href: "/cart", label: "Cart" },
-      { href: "/checkout", label: "Checkout" },
-    ],
-  },
-  {
-    title: "About",
-    links: [
-      { href: "/about", label: "About" },
-      { href: "/faq", label: "FAQ" },
-      { href: "/contact", label: "Contact" },
-    ],
-  },
-  {
-    title: "Policies",
-    links: [
-      { href: "/shipping", label: "Shipping" },
-      { href: "/returns", label: "Returns" },
-      { href: "/accessibility", label: "Accessibility" },
-      { href: "/terms", label: "Terms of Service" },
-      { href: "/privacy", label: "Privacy Policy" },
-    ],
-  },
-  {
-    title: "Machine-readable",
-    links: [
-      { href: "/sitemap.xml", label: "sitemap.xml (search engines)" },
-      { href: "/llms.txt", label: "llms.txt (LLM agents)" },
-      { href: "/robots.txt", label: "robots.txt" },
-      { href: "/opensearch.xml", label: "opensearch.xml (browser search)" },
-    ],
-  },
-];
-
-export default async function SitemapHtmlPage() {
-  const { products, categories, collections } = await getSitemap();
-
-  return (
-    <article className="max-w-5xl mx-auto px-6 sm:px-8 py-16">
-      <p className="text-[11px] font-semibold uppercase tracking-[0.16em] text-primary mb-2">
-        Sitemap
-      </p>
-      <h1 className="text-[clamp(2rem,4vw,2.75rem)] font-semibold mb-2 -tracking-[0.02em]">
-        Every page, in one place.
-      </h1>
-      <p className="text-muted-foreground mb-12">
-        For search engines, see <Link href="/sitemap.xml" className="text-primary hover:underline">/sitemap.xml</Link>.
-        For LLM agents, see <Link href="/llms.txt" className="text-primary hover:underline">/llms.txt</Link>.
-      </p>
-      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-10">
-        {STATIC_LINKS.map((s) => (
-          <Section key={s.title} title={s.title}>
-            {s.links.map((l) => (
-              <li key={l.href}>
-                <Link href={l.href} className="hover:text-primary transition-colors">
-                  {l.label}
-                </Link>
-              </li>
-            ))}
-          </Section>
-        ))}
-        {categories.length > 0 && (
-          <Section title="Categories">
-            {categories.map((c) => (
-              <li key={c.slug}>
-                <Link href={`/categories/${c.slug}`} className="hover:text-primary transition-colors">
-                  {c.name}
-                </Link>
-              </li>
-            ))}
-          </Section>
-        )}
-        {collections.length > 0 && (
-          <Section title="Collections">
-            {collections.map((c) => (
-              <li key={c.slug}>
-                <Link href={`/collections/${c.slug}`} className="hover:text-primary transition-colors">
-                  {c.name}
-                </Link>
-              </li>
-            ))}
-          </Section>
-        )}
-        {products.length > 0 && (
-          <Section title={`Products (${products.length})`}>
-            {products.map((p) => (
-              <li key={p.slug}>
-                <Link href={`/shop?product=${encodeURIComponent(p.slug)}`} className="hover:text-primary transition-colors">
-                  {p.name}
-                </Link>
-              </li>
-            ))}
-          </Section>
-        )}
-      </div>
-    </article>
-  );
-}
-
-function Section({ title, children }: { title: string; children: React.ReactNode }) {
-  return (
-    <div>
-      <p className="font-semibold text-[12px] uppercase tracking-[0.12em] text-foreground mb-3">
-        {title}
-      </p>
-      <ul className="space-y-2 m-0 p-0 list-none text-sm text-muted-foreground">
-        {children}
-      </ul>
-    </div>
-  );
-}

package/templates/storefront-services/app/sitemap.ts

@@ -1,62 +0,0 @@
-import type { MetadataRoute } from "next";
-import { getServerClient, type Product } from "@cimplify/sdk/server";
-
-const SITE_URL =
-  process.env.NEXT_PUBLIC_SITE_URL?.trim() || "https://example.com";
-
-const STATIC_ROUTES: { path: string; priority: number; changeFrequency: "daily" | "weekly" | "monthly" }[] = [
-  { path: "/", priority: 1.0, changeFrequency: "daily" },
-  { path: "/shop", priority: 0.9, changeFrequency: "daily" },
-  { path: "/about", priority: 0.5, changeFrequency: "monthly" },
-  { path: "/faq", priority: 0.4, changeFrequency: "monthly" },
-  { path: "/terms", priority: 0.2, changeFrequency: "monthly" },
-  { path: "/privacy", priority: 0.2, changeFrequency: "monthly" },
-];
-
-export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
-  const now = new Date();
-  const client = getServerClient();
-
-  const [productsRes, categoriesRes, collectionsRes] = await Promise.all([
-    client.catalogue.getProducts({ limit: 500 }),
-    client.catalogue.getCategories(),
-    client.catalogue.getCollections(),
-  ]);
-
-  const products = productsRes.ok ? productsRes.value.items : [];
-  const categories = categoriesRes.ok ? categoriesRes.value : [];
-  const collections = collectionsRes.ok ? collectionsRes.value : [];
-
-  const staticEntries: MetadataRoute.Sitemap = STATIC_ROUTES.map((r) => ({
-    url: `${SITE_URL}${r.path}`,
-    lastModified: now,
-    changeFrequency: r.changeFrequency,
-    priority: r.priority,
-  }));
-
-  // Bakery uses a URL-driven product modal (`?product=<slug>` on the home or
-  // shop pages). Emit those as deep-linkable URLs so search engines and LLMs
-  // can index each product canonically.
-  const productEntries: MetadataRoute.Sitemap = products.map((p: Product) => ({
-    url: `${SITE_URL}/shop?product=${encodeURIComponent(p.slug ?? p.id)}`,
-    lastModified: p.updated_at ? new Date(p.updated_at) : now,
-    changeFrequency: "weekly",
-    priority: 0.7,
-  }));
-
-  const categoryEntries: MetadataRoute.Sitemap = categories.map((c) => ({
-    url: `${SITE_URL}/categories/${c.slug}`,
-    lastModified: now,
-    changeFrequency: "weekly",
-    priority: 0.6,
-  }));
-
-  const collectionEntries: MetadataRoute.Sitemap = collections.map((c) => ({
-    url: `${SITE_URL}/collections/${c.slug}`,
-    lastModified: now,
-    changeFrequency: "weekly",
-    priority: 0.6,
-  }));
-
-  return [...staticEntries, ...categoryEntries, ...collectionEntries, ...productEntries];
-}

package/templates/storefront-services/app/terms/page.tsx

@@ -1,44 +0,0 @@
-import type { Metadata } from "next";
-import { brand } from "@/lib/brand";
-
-export const metadata: Metadata = {
-  title: `Terms of Service — ${brand.name}`,
-  description: `The rules of the road for ordering from ${brand.name}.`,
-};
-
-export default function TermsPage() {
-  const t = brand.terms;
-  return (
-    <article className="max-w-3xl mx-auto px-8 py-16 prose prose-lg max-w-none">
-      <p className="text-[11px] font-semibold uppercase tracking-[0.16em] text-primary mb-2 not-prose">
-        {t.eyebrow}
-      </p>
-      <h1 className="font-serif text-[clamp(2.25rem,5vw,3.5rem)] font-semibold mb-2 -tracking-[0.02em]">
-        {t.title}
-      </h1>
-      <p className="text-sm text-muted-foreground not-prose mb-10">
-        Last updated: {t.lastUpdated}
-      </p>
-
-      <section className="space-y-5 leading-relaxed text-foreground/90">
-        {t.sections.map((s) => (
-          <div key={s.heading}>
-            <h2 className="font-serif text-2xl font-semibold mt-0">{s.heading}</h2>
-            {typeof s.body === "string" ? (
-              <p>{s.body}</p>
-            ) : (
-              <>
-                <p>{s.body.intro}</p>
-                <ul className="list-disc pl-6 space-y-2">
-                  {s.body.bullets.map((b) => (
-                    <li key={b}>{b}</li>
-                  ))}
-                </ul>
-              </>
-            )}
-          </div>
-        ))}
-      </section>
-    </article>
-  );
-}

package/templates/storefront-services/app/track-order/page.tsx

@@ -1,24 +0,0 @@
-import type { Metadata } from "next";
-import { TrackOrderForm } from "./track-order-form";
-import { brand } from "@/lib/brand";
-
-export const metadata: Metadata = {
-  title: `Track an order — ${brand.name}`,
-  description: brand.trackOrder.body,
-};
-
-export default function TrackOrderPage() {
-  const t = brand.trackOrder;
-  return (
-    <article className="max-w-2xl mx-auto px-6 sm:px-8 py-16">
-      <p className="text-[11px] font-semibold uppercase tracking-[0.16em] text-primary mb-2">
-        {t.eyebrow}
-      </p>
-      <h1 className="font-serif text-[clamp(2rem,5vw,3rem)] font-semibold mb-4 -tracking-[0.02em]">
-        {t.title}
-      </h1>
-      <p className="text-muted-foreground leading-relaxed mb-8">{t.body}</p>
-      <TrackOrderForm />
-    </article>
-  );
-}