@cimplify/sdk 0.44.34 → 0.45.1

package/dist/dispatcher.mjs

@@ -1,360 +0,0 @@
-#!/usr/bin/env node
-// src/dispatcher.ts
-var HELP = `cimplify \u2014 Cimplify SDK CLI
-
-Usage:
-  bunx @cimplify/sdk                         Boot the local mock (alias for \`mock\`)
-  bunx @cimplify/sdk init [dir] [flags]      Scaffold a working storefront (uses SDK components)
-  bunx @cimplify/sdk mock [flags]            Boot the local Cimplify API mock
-  bunx @cimplify/sdk add <component>         Install a UI component from the registry
-  bunx @cimplify/sdk list                    List available registry components
-
-Cloud:
-  bunx @cimplify/sdk login [flags]           Open a browser to authorize this CLI (PKCE loopback)
-  bunx @cimplify/sdk logout                  Forget saved credentials
-  bunx @cimplify/sdk whoami                  Show the current account/business
-  bunx @cimplify/sdk projects ls             List projects in the current business
-  bunx @cimplify/sdk projects create <name>  Create a Next.js project
-  bunx @cimplify/sdk link <project-id>       Link CWD to a Cimplify project (writes .cimplify/project.json)
-  bunx @cimplify/sdk unlink                  Remove the local project link
-  bunx @cimplify/sdk deploy [flags]          Push current SHA + trigger a build
-  bunx @cimplify/sdk rollback <deploy-id>    Re-deploy a previous deployment's SHA
-  bunx @cimplify/sdk status                  Show the latest deployment for the linked project
-  bunx @cimplify/sdk logs [flags]            Stream build logs for the latest (or given) deployment
-  bunx @cimplify/sdk dev [--remote]          Run your project's dev script (optionally with prod env)
-
-Env vars:
-  bunx @cimplify/sdk env ls [--scope=<s>]    List env vars (default scope: preview)
-  bunx @cimplify/sdk env pull [--scope=<s>]  Write public env vars to .env.local
-  bunx @cimplify/sdk env push [--scope=<s>]  Push .env.local to the given scope
-  bunx @cimplify/sdk env add KEY=VAL [...]   Add a single env var
-  bunx @cimplify/sdk env rm KEY [--yes]      Remove an env var
-
-Repo:
-  bunx @cimplify/sdk repo provision                      Mint a Freestyle Git repo for the linked project
-  bunx @cimplify/sdk repo connect <url> [--provider=\u2026]   Connect an existing remote (GitHub, Gitea, external)
-  bunx @cimplify/sdk repo info                           Show the linked project's repo metadata
-  bunx @cimplify/sdk repo unlink [--purge] [--yes]       Unlink the repo (use --purge to also delete upstream)
-  bunx @cimplify/sdk repo rotate-token                   Rotate the access token (alias of provision)
-  bunx @cimplify/sdk repo clone-url                      Mint a short-lived auth-embedded clone URL (stdout)
-
-  Note: \`cimplify projects create <name>\` auto-provisions a Freestyle repo unless --no-repo is passed.
-        Use --connect <url> on create to attach an existing remote instead.
-
-Domains:
-  bunx @cimplify/sdk domains ls                          List business domains
-  bunx @cimplify/sdk domains ls --attached               List domains attached to the linked project
-  bunx @cimplify/sdk domains add <domain>                Add a domain (prints DNS records to set)
-  bunx @cimplify/sdk domains verify <dom>                Trigger verification after DNS is configured
-  bunx @cimplify/sdk domains rm <dom>                    Remove a domain
-  bunx @cimplify/sdk domains attach <dom> [flags]        Attach a verified domain to the linked project
-                                                         flags: --env=preview|production --primary
-  bunx @cimplify/sdk domains detach <dom> [flags]        Detach a domain from the linked project
-                                                         flags: --env=preview|production --yes
-  bunx @cimplify/sdk domains primary <dom> [--env=...]   Promote an attached domain to primary for its env
-
-Global flags (work with any cloud subcommand):
-  --json                   Emit a single JSON document on stdout instead
-                           of human progress; suppresses colorized text.
-                           Equivalent of CIMPLIFY_JSON=1 in the env.
-                           Success: { "ok": true, "data": ... }
-                           Failure: { "ok": false, "error": { "code": ..., "message": ..., "remediation": ... } }
-  --yes, -y                Auto-confirm yes/no prompts (e.g. --allow-dirty).
-                           Non-TTY runs throw INTERACTIVE_REQUIRED unless --yes is set.
-
-Misc:
-  bunx @cimplify/sdk --help, -h              Show this help
-  bunx @cimplify/sdk --version, -v           Show SDK version
-
-Init flags:
-  --template <name>, -t    bakery (default) | restaurant | retail | services | grocery | fashion
-                           Picks the storefront design.
-
-Mock flags:
-  --port <num>             Port (default 8787)
-  --host <host>            Host (default 127.0.0.1)
-  --seed <name>            default | restaurant | retail | services | grocery | fashion | reesa-storefront | empty
-  --auth-mode <mode>       permissive (default) | strict
-  --otp <code>             Default OTP code (default 123456)
-  --persist <file>         Persist state to JSON file
-  --cors <origins>         CORS origins (comma-separated, or '*')
-  --webhook-url <url>      Send mock events to this URL
-  --webhook-secret <key>   HMAC secret for webhook signatures
-  --frozen-at <iso>        Freeze clock at given ISO timestamp
-  --quiet                  Suppress request logs
-
-Login flags:
-  (no flags)               Open a browser to authorize this CLI (default)
-  --no-browser             Print the URL instead of opening it (useful over SSH)
-  --api-key <dk_...>       Skip the browser and authenticate with a key (CI / headless)
-  --base-url <url>         API base URL (env: CIMPLIFY_API_URL; default https://api.cimplify.io)
-
-Deploy flags:
-  --prod                   Deploy to production (default: preview)
-  --ref <sha>              Override the git ref (default: HEAD of current branch)
-  --no-push                Skip \`git push\` (assumes remote already has the SHA)
-  --allow-dirty            Skip the dirty-tree confirmation prompt
-  --no-poll                Return after enqueue; don't stream progress
-
-Env flags:
-  --scope <scope>          development | preview | staging | production
-  --show                   Reveal non-secret values in \`env ls\`
-  --out <path>             Output path for \`env pull\` (default .env.local)
-  --file <path>            Input path for \`env push\` (default .env.local)
-  --overwrite              Replace the entire scope on \`env push\`
-  --secret / --public      Force is_secret on \`env add\`
-  --yes                    Skip confirmation on \`env rm\`
-
-Logs flags:
-  --deployment <id>        Override which deployment to read (default: latest)
-  --follow                 Poll until the deployment terminates
-`;
-async function siblingModuleUrl(...segments) {
-  const { fileURLToPath, pathToFileURL } = await import('url');
-  const { dirname, join } = await import('path');
-  const here = dirname(fileURLToPath(import.meta.url));
-  return pathToFileURL(join(here, ...segments)).href;
-}
-var GLOBAL_FLAGS = /* @__PURE__ */ new Set(["--json", "--yes", "-y"]);
-function extractGlobalFlags(argv) {
-  const cleaned = [];
-  let json = process.env.CIMPLIFY_JSON === "1" || process.env.CIMPLIFY_JSON === "true";
-  let yes = false;
-  for (const a of argv) {
-    if (!GLOBAL_FLAGS.has(a)) {
-      cleaned.push(a);
-      continue;
-    }
-    if (a === "--json") json = true;
-    else if (a === "--yes" || a === "-y") yes = true;
-  }
-  return { args: cleaned, json, yes };
-}
-async function main() {
-  const cleaned = extractGlobalFlags(process.argv.slice(2));
-  if (cleaned.json) process.env.CIMPLIFY_JSON = "1";
-  if (cleaned.yes) process.env.CIMPLIFY_YES = "1";
-  process.argv = [process.argv[0], process.argv[1], ...cleaned.args];
-  const [maybeSub, ...rest] = cleaned.args;
-  const TOP_LEVEL_FLAGS = /* @__PURE__ */ new Set(["--help", "-h", "help", "--version", "-v", "version"]);
-  if (maybeSub && TOP_LEVEL_FLAGS.has(maybeSub)) {
-    return await runDispatcherFlag(maybeSub);
-  }
-  const isFlag = (s) => s?.startsWith("-");
-  const sub = !maybeSub || isFlag(maybeSub) ? "mock" : maybeSub;
-  const args = !maybeSub || isFlag(maybeSub) ? cleaned.args : rest;
-  switch (sub) {
-    case "mock": {
-      process.argv = [process.argv[0], process.argv[1], ...args];
-      await import(await siblingModuleUrl("mock", "cli.mjs"));
-      return;
-    }
-    case "init":
-      await runInit(args);
-      return;
-    case "add":
-    case "list": {
-      process.argv = [process.argv[0], process.argv[1], sub, ...args];
-      await import(await siblingModuleUrl("cli.js"));
-      return;
-    }
-    case "login":
-    case "logout":
-    case "whoami":
-    case "projects":
-    case "link":
-    case "unlink":
-    case "deploy":
-    case "rollback":
-    case "env":
-    case "domains":
-    case "logs":
-    case "status":
-    case "dev":
-    case "repo": {
-      await runCloudCommand(sub, args);
-      return;
-    }
-    default:
-      console.error(`cimplify: unknown command "${sub}"`);
-      console.error(`Run \`bunx @cimplify/sdk --help\` for usage.`);
-      process.exit(1);
-  }
-}
-async function runInit(args) {
-  const { existsSync, mkdirSync, readdirSync, readFileSync, statSync, writeFileSync, copyFileSync } = await import('fs');
-  const { fileURLToPath } = await import('url');
-  const { dirname, join, resolve } = await import('path');
-  const { spawnSync } = await import('child_process');
-  const dir = args.find((a) => !a.startsWith("-")) ?? "my-storefront";
-  const target = resolve(process.cwd(), dir);
-  if (existsSync(target) && readdirSync(target).length > 0) {
-    console.error(`cimplify init: directory ${target} is not empty`);
-    process.exit(1);
-  }
-  mkdirSync(target, { recursive: true });
-  const VALID_TEMPLATES = /* @__PURE__ */ new Set([
-    "bakery",
-    "restaurant",
-    "retail",
-    "services",
-    "grocery",
-    "fashion"
-  ]);
-  let template = "bakery";
-  for (let i = 0; i < args.length; i++) {
-    if (args[i] === "--template" || args[i] === "-t") {
-      const next = args[i + 1];
-      if (next && VALID_TEMPLATES.has(next)) template = next;
-      else {
-        console.error(
-          `cimplify init: unknown template "${next ?? ""}". Valid options: ${[...VALID_TEMPLATES].join(", ")}.`
-        );
-        process.exit(1);
-      }
-    } else if (args[i].startsWith("--template=")) {
-      const next = args[i].slice("--template=".length);
-      if (VALID_TEMPLATES.has(next)) template = next;
-      else {
-        console.error(
-          `cimplify init: unknown template "${next}". Valid options: ${[...VALID_TEMPLATES].join(", ")}.`
-        );
-        process.exit(1);
-      }
-    }
-  }
-  const here = dirname(fileURLToPath(import.meta.url));
-  const templateDir = `storefront-${template}`;
-  const candidates = [
-    resolve(here, "..", "templates", templateDir),
-    resolve(here, "..", "..", "templates", templateDir),
-    resolve(here, "templates", templateDir)
-  ];
-  const source = candidates.find((p) => existsSync(p));
-  if (!source) {
-    console.error(`cimplify init: template "${template}" not found in any of:`);
-    for (const c of candidates) console.error("  " + c);
-    process.exit(1);
-  }
-  const placeholderName = dir.replace(/[^a-z0-9-]/gi, "-").toLowerCase();
-  const SUBSTITUTABLE = /* @__PURE__ */ new Set([".json", ".tsx", ".ts", ".html", ".md", ".css", ".env.example"]);
-  function copyTree(srcDir, dstDir) {
-    mkdirSync(dstDir, { recursive: true });
-    for (const entry of readdirSync(srcDir)) {
-      const s = join(srcDir, entry);
-      const d = join(dstDir, entry);
-      const stat = statSync(s);
-      if (stat.isDirectory()) {
-        copyTree(s, d);
-      } else {
-        const ext = entry.includes(".env") ? ".env.example" : entry.slice(entry.lastIndexOf("."));
-        if (SUBSTITUTABLE.has(ext)) {
-          const content = readFileSync(s, "utf8").replaceAll("__STOREFRONT_NAME__", placeholderName);
-          writeFileSync(d, content);
-        } else {
-          copyFileSync(s, d);
-        }
-      }
-    }
-  }
-  copyTree(source, target);
-  const envExample = join(target, ".env.example");
-  if (existsSync(envExample)) {
-    copyFileSync(envExample, join(target, ".env.local"));
-  }
-  console.log(`\u2713 Scaffolded ${placeholderName} in ${target}`);
-  console.log("");
-  console.log("Installing dependencies...");
-  const installer = spawnSync(process.env.npm_execpath ? "bun" : "bun", ["install"], {
-    cwd: target,
-    stdio: "inherit"
-  });
-  if (installer.status !== 0) {
-    console.warn("(bun install failed; run it manually)");
-  }
-  console.log("");
-  console.log("Next steps:");
-  console.log(`  cd ${dir}`);
-  console.log("  bun dev          # boots both the mock API and the storefront");
-  console.log("");
-  console.log("Then open http://localhost:3000");
-}
-async function runCloudCommand(sub, args) {
-  const moduleUrl = await siblingModuleUrl("cli", "commands", `${sub}.mjs`);
-  const mod = await import(moduleUrl);
-  const run = mod.default;
-  if (typeof run !== "function") {
-    await emitError(sub, new Error("command module did not export a default function"));
-    process.exit(1);
-  }
-  try {
-    await run(args);
-  } catch (err) {
-    await emitError(sub, err);
-    process.exit(exitCodeFromError(err));
-  }
-}
-function isCliErrorLike(err) {
-  return err !== null && typeof err === "object" && err.name === "CliError" && typeof err.code === "string" && typeof err.message === "string" && typeof err.exitCode === "number";
-}
-function exitCodeFromError(err) {
-  return isCliErrorLike(err) ? err.exitCode : 1;
-}
-async function emitError(sub, err) {
-  const json = process.env.CIMPLIFY_JSON === "1" || process.env.CIMPLIFY_JSON === "true";
-  if (json) {
-    if (isCliErrorLike(err)) {
-      const payload = {
-        ok: false,
-        error: {
-          code: err.code,
-          message: err.message,
-          ...err.remediation ? { remediation: err.remediation } : {}
-        }
-      };
-      process.stdout.write(`${JSON.stringify(payload)}
-`);
-    } else {
-      const message = err instanceof Error ? err.message : String(err);
-      process.stdout.write(`${JSON.stringify({ ok: false, error: { code: "INTERNAL", message } })}
-`);
-    }
-    return;
-  }
-  if (isCliErrorLike(err)) {
-    console.error(`cimplify ${sub}: ${err.message}`);
-    if (err.remediation) console.error(`  \u2192 ${err.remediation}`);
-    return;
-  }
-  if (err instanceof Error) {
-    console.error(`cimplify ${sub}:`, err.stack ?? err.message);
-    return;
-  }
-  console.error(`cimplify ${sub}:`, String(err));
-}
-async function runDispatcherFlag(flag) {
-  if (flag === "-h" || flag === "--help" || flag === "help") {
-    console.log(HELP);
-    return;
-  }
-  const { readFileSync } = await import('fs');
-  const { fileURLToPath } = await import('url');
-  const { dirname, join, resolve } = await import('path');
-  const here = dirname(fileURLToPath(import.meta.url));
-  const candidates = [join(here, "..", "package.json"), join(here, "..", "..", "package.json"), resolve(here, "package.json")];
-  for (const path of candidates) {
-    try {
-      const pkg = JSON.parse(readFileSync(path, "utf8"));
-      if (pkg.name === "@cimplify/sdk" && pkg.version) {
-        console.log(pkg.version);
-        return;
-      }
-    } catch {
-    }
-  }
-  console.log("unknown");
-}
-main().catch((err) => {
-  console.error("cimplify:", err);
-  process.exit(1);
-});

package/registry/service-card.json

@@ -1,16 +0,0 @@
-{
-  "name": "service-card",
-  "title": "ServiceCard",
-  "description": "Service display card with image, duration, price, and book action.",
-  "type": "component",
-  "registryDependencies": [
-    "price",
-    "cn"
-  ],
-  "files": [
-    {
-      "path": "service-card.tsx",
-      "content": "\"use client\";\n\nimport React from \"react\";\nimport type { Service } from \"@cimplify/sdk\";\nimport { Price } from \"@cimplify/sdk/react\";\nimport { cn } from \"@cimplify/sdk/react\";\nimport { formatDuration } from \"./utils/format-duration\";\n\nexport interface ServiceCardClassNames {\n  root?: string;\n  imageContainer?: string;\n  image?: string;\n  body?: string;\n  name?: string;\n  description?: string;\n  meta?: string;\n  duration?: string;\n  price?: string;\n  action?: string;\n}\n\nexport interface ServiceCardProps {\n  /** The service to display. */\n  service: Service;\n  /** Called when the card or book button is clicked. */\n  onBook?: (service: Service) => void;\n  /** Link href for page mode. Renders as `<a>` instead of `<button>`. */\n  href?: string;\n  /** Label for the action button. Default: \"Book\". */\n  actionLabel?: string;\n  /** Custom image renderer (e.g. Next.js Image). */\n  renderImage?: (props: {\n    src: string;\n    alt: string;\n    className?: string;\n  }) => React.ReactNode;\n  /** Replace the entire default card body. */\n  children?: React.ReactNode;\n  /** Image aspect ratio. Default: \"4/3\". */\n  aspectRatio?: \"square\" | \"4/3\" | \"16/10\" | \"3/4\";\n  className?: string;\n  classNames?: ServiceCardClassNames;\n}\n\nconst ASPECT_STYLES: Record<string, React.CSSProperties> = {\n  square: { aspectRatio: \"1/1\" },\n  \"4/3\": { aspectRatio: \"4/3\" },\n  \"16/10\": { aspectRatio: \"16/10\" },\n  \"3/4\": { aspectRatio: \"3/4\" },\n};\n\nexport function ServiceCard({\n  service,\n  onBook,\n  href,\n  actionLabel = \"Book\",\n  renderImage,\n  children,\n  aspectRatio = \"4/3\",\n  className,\n  classNames,\n}: ServiceCardProps): React.ReactElement {\n  const imageUrl = service.image_url;\n\n  const cardBody = children ?? (\n    <>\n      {imageUrl && (\n        <div\n          data-cimplify-service-card-image-container\n          className={cn(\"overflow-hidden rounded-t-xl\", classNames?.imageContainer)}\n          style={ASPECT_STYLES[aspectRatio]}\n        >\n          {renderImage ? (\n            renderImage({\n              src: imageUrl,\n              alt: service.name,\n              className: classNames?.image,\n            })\n          ) : (\n            <img\n              src={imageUrl}\n              alt={service.name}\n              className={cn(\"w-full h-full object-cover transition-transform duration-300 group-hover:scale-105\", classNames?.image)}\n              data-cimplify-service-card-image\n            />\n          )}\n        </div>\n      )}\n\n      <div data-cimplify-service-card-body className={cn(\"p-4 flex flex-col gap-1.5\", classNames?.body)}>\n        <span data-cimplify-service-card-name className={cn(\"font-semibold text-foreground leading-tight\", classNames?.name)}>\n          {service.name}\n        </span>\n        {service.description && (\n          <span\n            data-cimplify-service-card-description\n            className={cn(\"text-sm text-muted-foreground line-clamp-2\", classNames?.description)}\n          >\n            {service.description}\n          </span>\n        )}\n        <div data-cimplify-service-card-meta className={cn(\"flex items-center gap-2 mt-1 text-sm\", classNames?.meta)}>\n          <span data-cimplify-service-card-duration className={cn(\"text-muted-foreground\", classNames?.duration)}>\n            {formatDuration(service.duration_minutes, service.duration_unit)}\n          </span>\n          {service.price && (\n            <span data-cimplify-service-card-price className={cn(\"font-medium text-foreground\", classNames?.price)}>\n              <Price amount={service.price} />\n            </span>\n          )}\n        </div>\n      </div>\n\n      {!href && onBook && (\n        <span data-cimplify-service-card-action className={cn(\"px-4 pb-4 pt-1 text-sm font-medium text-primary\", classNames?.action)}>\n          {actionLabel}\n        </span>\n      )}\n    </>\n  );\n\n  const cardClasses = cn(\n    \"group block w-full rounded-xl border border-border bg-background text-left transition-shadow duration-200 hover:shadow-md\",\n    !service.is_available && \"opacity-60\",\n    className,\n    classNames?.root,\n  );\n\n  if (href) {\n    return (\n      <a\n        href={href}\n        data-cimplify-service-card\n        data-available={service.is_available || undefined}\n        className={cn(cardClasses, \"no-underline text-[inherit]\")}\n      >\n        {cardBody}\n      </a>\n    );\n  }\n\n  return (\n    <button\n      type=\"button\"\n      onClick={() => onBook?.(service)}\n      disabled={!service.is_available}\n      data-cimplify-service-card\n      data-available={service.is_available || undefined}\n      className={cn(cardClasses, \"cursor-pointer font-[inherit] p-0 border-border\")}\n    >\n      {cardBody}\n    </button>\n  );\n}\n"
-    }
-  ]
-}

package/registry/service-grid.json

@@ -1,16 +0,0 @@
-{
-  "name": "service-grid",
-  "title": "ServiceGrid",
-  "description": "Responsive grid of bookable services with self-fetching.",
-  "type": "component",
-  "registryDependencies": [
-    "service-card",
-    "cn"
-  ],
-  "files": [
-    {
-      "path": "service-grid.tsx",
-      "content": "\"use client\";\n\nimport React from \"react\";\nimport type { Service } from \"@cimplify/sdk\";\nimport { useServices } from \"@cimplify/sdk/react\";\nimport { ServiceCard } from \"@cimplify/sdk/react\";\nimport { cn } from \"@cimplify/sdk/react\";\n\nexport interface ServiceGridClassNames {\n  root?: string;\n  item?: string;\n  empty?: string;\n  loading?: string;\n}\n\nexport interface ServiceGridProps {\n  /** Pre-fetched services (skips fetch). */\n  services?: Service[];\n  /** Responsive column counts at each breakpoint. */\n  columns?: { sm?: number; md?: number; lg?: number; xl?: number };\n  /** Called when a service card is clicked. */\n  onServiceSelect?: (service: Service) => void;\n  /** Generate href for each service (renders cards as links). */\n  getServiceHref?: (service: Service) => string;\n  /** Custom card renderer per service. */\n  renderCard?: (service: Service) => React.ReactNode;\n  /** Custom image renderer passed to default ServiceCards. */\n  renderImage?: (props: {\n    src: string;\n    alt: string;\n    className?: string;\n  }) => React.ReactNode;\n  /** Only show available services. Default: true. */\n  availableOnly?: boolean;\n  /** Label for the book action on each card. */\n  actionLabel?: string;\n  /** Text shown when empty. */\n  emptyMessage?: string;\n  className?: string;\n  classNames?: ServiceGridClassNames;\n}\n\nexport function ServiceGrid({\n  services: servicesProp,\n  columns,\n  onServiceSelect,\n  getServiceHref,\n  renderCard,\n  renderImage,\n  availableOnly = true,\n  actionLabel,\n  emptyMessage = \"No services available\",\n  className,\n  classNames,\n}: ServiceGridProps): React.ReactElement {\n  const rawId = React.useId();\n  const gridId = `cimplify-service-grid-${rawId.replace(/:/g, \"\")}`;\n\n  const { services: fetched, isLoading } = useServices({\n    enabled: servicesProp === undefined,\n  });\n\n  const allServices = servicesProp ?? fetched;\n  const services = availableOnly\n    ? allServices.filter((s) => s.is_available)\n    : allServices;\n\n  const sm = columns?.sm ?? 1;\n  const md = columns?.md ?? 2;\n  const lg = columns?.lg ?? 3;\n  const xl = columns?.xl ?? 4;\n\n  if (isLoading && services.length === 0) {\n    return (\n      <div\n        data-cimplify-service-grid\n        aria-busy=\"true\"\n        className={cn(className, classNames?.root, classNames?.loading)}\n      />\n    );\n  }\n\n  if (services.length === 0) {\n    return (\n      <div\n        data-cimplify-service-grid\n        data-empty\n        className={cn(className, classNames?.root, classNames?.empty)}\n      >\n        <p>{emptyMessage}</p>\n      </div>\n    );\n  }\n\n  const css = [\n    `#${gridId}{display:grid;grid-template-columns:repeat(${sm},1fr);gap:1rem}`,\n    `@media(min-width:768px){#${gridId}{grid-template-columns:repeat(${md},1fr)}}`,\n    `@media(min-width:1024px){#${gridId}{grid-template-columns:repeat(${lg},1fr)}}`,\n    `@media(min-width:1280px){#${gridId}{grid-template-columns:repeat(${xl},1fr)}}`,\n  ].join(\"\");\n\n  return (\n    <>\n      <style dangerouslySetInnerHTML={{ __html: css }} />\n      <div\n        id={gridId}\n        data-cimplify-service-grid\n        className={cn(className, classNames?.root)}\n      >\n        {services.map((service) => (\n          <div\n            key={service.id}\n            data-cimplify-service-grid-item\n            className={classNames?.item}\n          >\n            {renderCard ? (\n              renderCard(service)\n            ) : (\n              <ServiceCard\n                service={service}\n                onBook={onServiceSelect}\n                href={getServiceHref?.(service)}\n                actionLabel={actionLabel}\n                renderImage={renderImage}\n              />\n            )}\n          </div>\n        ))}\n      </div>\n    </>\n  );\n}\n"
-    }
-  ]
-}

package/templates/storefront-bakery/.claude/skills/cimplify-storefront/SKILL.md

@@ -1,145 +0,0 @@
----
-name: cimplify-storefront
-description: Build, customize, rebrand, or deploy a Cimplify-scaffolded storefront. Triggers when the user asks to create a storefront, rebrand a Cimplify template, change the palette, add a page, deploy to Cimplify, or works in a project containing `lib/brand.ts` and `next.config.ts` with `cacheComponents`.
----
-
-# Cimplify Storefront skill
-
-You're working on a project scaffolded from `bunx @cimplify/sdk init`. The architecture is opinionated and the rebrand surface is intentionally small. Read `AGENTS.md` at the project root for the file ↔ brand-field map for *this template's* industry; this skill gives you the playbook that's the same across all six.
-
-## The contract — never break
-
-1. **`lib/brand.ts` is the only place for content edits.** Every visible string reads from this file. If a string isn't in `brand`, *add a field* to the `Brand` interface — don't hardcode it in a page or component.
-2. **`app/globals.css` `@theme { … }`** holds palette + radius + font references. To re-skin the entire site, edit only this block.
-3. **Server Components are cached** via `'use cache'` + `cacheTag(tags.X())` + `cacheLife("hours")`. Don't downgrade them to `"use client"` to avoid an issue — fix the issue.
-4. **Client islands** (anything reading `useSearchParams`, `usePathname`, `useRouter`, `useState`) live behind `<Suspense>`.
-5. **`cacheComponents: true`** in `next.config.ts` is non-negotiable. Don't turn it off.
-6. **`bun run test:run` (vitest)** is the canonical test runner. `bun test` will show false failures because Bun's `vi` shim is incomplete.
-7. **Cart, checkout, orders stay client.** They're session-bound. Don't try to SSR them.
-
-## The brand-field schema (in `lib/brand.ts`)
-
-```
-identity:        name, shortName, microTag, description, schemaType, currency, locale
-contact:         address, streetAddress, city, countryCode, phone, phoneTel, email, privacyEmail, hours
-socials:         [{ label, href, icon }]   // icon ∈ instagram|x|tiktok|facebook|youtube|linkedin|whatsapp
-header:          { nav: [{ label, href }] }
-hero:            { badge, title, subtitle, primaryCtaLabel, secondaryCtaLabel?, secondaryCtaHref? }
-optional:        trustItems[]?, brandStrip?, promo?, tradeIn?     // render conditionally
-newsletter:      { eyebrow, title, body, placeholder, submitLabel, successLabel }
-about:           { eyebrow, title, paragraphs[], sections[{ heading, body }] }
-faq:             { eyebrow, title, sections[{ title, items[{ q, a }] }], contactPrompt, contactEmail }
-terms,
-privacy,
-shipping,
-returns,
-accessibility:   { eyebrow, title, lastUpdated, sections[{ heading, body | { intro, bullets[] } }] }
-account:         eyebrows + titles for /account, /login, /signup
-contactPage:     { eyebrow, title, body, reasons[], directLines[{ label, value, href }] }
-trackOrder:      { eyebrow, title, body }
-footer:          { blurb, sitemap[{ title, links[] }], poweredBy? }
-llms:            { summary }                           // opens /llms.txt
-mock:            { seed, businessId }
-```
-
-## Playbook — common tasks
-
-### Rebrand a storefront for a new merchant
-
-1. Edit `lib/brand.ts`. Replace every field with the merchant's content. Use the brief / context the user gave you.
-2. Edit `app/globals.css` `@theme { … }`. Change `--color-primary`, `--color-background`, `--color-foreground`, optionally `--radius`. Use OKLCH; if the brand only gave hex, convert.
-3. (Optional) Swap fonts in `app/layout.tsx` — `next/font/google` import + the variable wired into the `<html>` className.
-4. Set `.env.local`: `NEXT_PUBLIC_CIMPLIFY_API_URL`, `NEXT_PUBLIC_CIMPLIFY_PUBLIC_KEY`, `NEXT_PUBLIC_CIMPLIFY_BUSINESS_ID`, `NEXT_PUBLIC_SITE_URL`.
-
-Don't touch any other file. If the rebrand needs content not in the schema, add the field to `Brand` first, populate it, then read it from the page.
-
-### Add a new section / component
-
-1. Build it as a Server Component in `components/` (or a client island in `*-client.tsx` if interactive).
-2. Read merchant copy from `brand`. Add new fields to the `Brand` interface if needed.
-3. Wrap interactive bits in `<Suspense fallback={…}>` so the cached chrome streams.
-4. Compose into the page.
-
-### Wire a Server Action that mutates data
-
-```ts
-"use server";
-import { getServerClient, revalidateProducts } from "@cimplify/sdk/server";
-
-export async function createProduct(input: ProductInput) {
-  await getServerClient().catalogue.createProduct(input);
-  revalidateProducts();
-}
-```
-
-After every mutation, call the matching `revalidate*` helper from `@cimplify/sdk/server`: `revalidateProducts`, `revalidateProduct(id)`, `revalidateCategories`, `revalidateCategory(id)`, `revalidateCollections`, `revalidateCollection(id)`, `revalidateBusiness`.
-
-### Add a Server Component data fetch
-
-```ts
-import { cacheTag, cacheLife } from "next/cache";
-import { getServerClient, tags } from "@cimplify/sdk/server";
-
-async function getX() {
-  "use cache";
-  cacheTag(tags.products());
-  cacheLife("hours");
-  const r = await getServerClient().catalogue.getProducts({ limit: 24 });
-  if (!r.ok) throw new Error(r.error.message);
-  return r.value.items;
-}
-```
-
-### Eject an SDK component for deeper customization
-
-Try `classNames`, `renderImage`, `renderLink`, slot props first. If those run out:
-
-```bash
-bunx @cimplify/sdk eject --list
-bunx @cimplify/sdk eject product-card --dir src/components/cimplify
-```
-
-Once ejected, the file is yours. Hooks/types still come from `@cimplify/sdk`.
-
-### Deploy
-
-```bash
-bunx @cimplify/sdk login
-bunx @cimplify/sdk projects create my-store
-bunx @cimplify/sdk link <project-id>
-bunx @cimplify/sdk env push
-bunx @cimplify/sdk deploy --prod
-bunx @cimplify/sdk logs --follow
-bunx @cimplify/sdk domains add my-store.com
-```
-
-## Pitfalls — explicit ❌ list
-
-- ❌ Hardcoding any visible string in a page or component. Always `brand.X`.
-- ❌ Disabling `cacheComponents: true` to silence a warning. Fix the warning by wrapping the dynamic call in `<Suspense>`.
-- ❌ Using `unstable_cache` — Next 16's canonical primitive is `'use cache'` + `cacheTag` + `cacheLife`.
-- ❌ Bypassing `getServerClient()` and calling `createCimplifyClient` directly in a Server Component — loses per-request memoization.
-- ❌ Mutating data without calling the matching `revalidate*` helper.
-- ❌ Adding an `app/error.tsx` handler that calls `reset()` without logging — silently swallowed errors hide bugs.
-- ❌ Running `bun test` and reporting failures. Use `bun run test:run` (vitest).
-- ❌ Editing the per-template `AGENTS.md` to remove notes about TODOs (contact form, newsletter fake submits) — they're real.
-
-## Where things live
-
-| Need | Look here |
-|---|---|
-| Which page reads which `brand.X` field | `AGENTS.md` at project root |
-| Architectural rules | `AGENTS.md` at project root + this skill |
-| Running locally | `bun dev` (boots mock + Next together) |
-| Switching mock seed | edit `dev:mock` in `package.json` and `NEXT_PUBLIC_CIMPLIFY_BUSINESS_ID` in `.env.local` |
-| Full SDK reference | `docs/sdk/storefronts.md` in the Cimplify repo |
-
-## What to do when the user asks something out-of-scope
-
-If the user asks for something the template doesn't support out of the box:
-
-1. **Check first** — is there an SDK component or hook that does it? `@cimplify/sdk/react` has 50+ components, 30+ hooks. Search `node_modules/@cimplify/sdk/dist/react.d.mts` if needed.
-2. **Compose from existing parts** before authoring new ones.
-3. **If genuinely missing** — build the new component, hoist its strings into `brand.ts`, document in `AGENTS.md`.
-
-Don't introduce competing patterns (a new caching strategy, a new auth flow, a new theming system). The template's opinions are intentional.

package/templates/storefront-bakery/.cursor/rules/cimplify-storefront.mdc

@@ -1,25 +0,0 @@
----
-description: Cimplify storefront — architectural rules and rebrand contract for a project scaffolded from `bunx @cimplify/sdk init`. Triggers when files like lib/brand.ts, app/globals.css, components/header.tsx, or .cimplify/project.json are in the workspace.
-globs: ["lib/brand.ts", "app/**", "components/**", ".env.local", "next.config.ts"]
-alwaysApply: true
----
-
-# Cimplify storefront
-
-This project was scaffolded from a Cimplify template. Read `AGENTS.md` at the project root for the file ↔ `brand.X` field map and `.claude/skills/cimplify-storefront/SKILL.md` for the full playbook.
-
-## The contract
-
-1. **`lib/brand.ts`** — every visible string. If something isn't there, add a field to the `Brand` interface; don't hardcode.
-2. **`app/globals.css` `@theme` block** — palette, radius, font references.
-3. **Server Components are cached** via `'use cache'` + `cacheTag(tags.X())` + `cacheLife("hours")`. Don't downgrade to client to silence a warning.
-4. **Client islands** behind `<Suspense>`.
-5. **`cacheComponents: true`** in `next.config.ts` is non-negotiable.
-6. Use **`bun run test:run`** (vitest), not `bun test`.
-
-## Don't
-
-- Hardcode visible strings in pages/components.
-- Use `unstable_cache` (Next 16 uses `'use cache'`).
-- Bypass `getServerClient()` (loses per-request memoization).
-- Mutate without calling the matching `revalidate*` helper from `@cimplify/sdk/server`.

package/templates/storefront-bakery/.env.example

@@ -1,16 +0,0 @@
-# Cimplify API base URL.
-# Dev: leave empty so the SDK uses the current origin (localhost:3000),
-# which Next.js rewrites to the mock at 127.0.0.1:8787 (see next.config.ts).
-# Production: set to your Cimplify host (e.g. https://api.cimplify.io).
-NEXT_PUBLIC_CIMPLIFY_API_URL=
-
-# Tenant public key. The mock accepts any value.
-NEXT_PUBLIC_CIMPLIFY_PUBLIC_KEY=mock-dev
-
-# Business id used by the mock seed (default: Akua's Bakery).
-NEXT_PUBLIC_CIMPLIFY_BUSINESS_ID=bus_default_akua_bakery
-
-# Canonical public site URL — used by sitemap.xml, robots.txt, llms.txt,
-# and OpenGraph metadata. Set this on production deploys (Vercel auto-injects
-# via VERCEL_URL but Next prefers an explicit value).
-NEXT_PUBLIC_SITE_URL=https://example.com