@cimplify/cli 0.2.7 → 0.3.0

package/templates/storefront-pharmacy/lib/cart.ts

@@ -0,0 +1,12 @@
+"use client";
+
+import { useCart } from "@cimplify/sdk/react";
+
+/**
+ * Reactive cart count for the header pill. Subscribes to the SDK cart
+ * state — updates immediately on add / remove / quantity change.
+ */
+export function useCartCount(): { count: number } {
+  const { itemCount } = useCart();
+  return { count: itemCount };
+}

package/templates/storefront-pharmacy/lib/cimplify-loader.ts

@@ -0,0 +1,19 @@
+import type { ImageLoader } from "next/image";
+
+import { assetUrl, isCimplifyAsset } from "@cimplify/sdk";
+
+const cdnBase = process.env.NEXT_PUBLIC_CIMPLIFY_CDN_URL?.trim() || undefined;
+
+const cimplifyImageLoader: ImageLoader = ({ src, width, quality }) => {
+  if (isCimplifyAsset(src, cdnBase)) {
+    return assetUrl(src, {
+      base: cdnBase,
+      w: width,
+      quality,
+      format: "auto",
+    });
+  }
+  return src;
+};
+
+export default cimplifyImageLoader;

package/templates/storefront-pharmacy/next.config.ts

@@ -0,0 +1,45 @@
+import type { NextConfig } from "next";
+
+const MOCK_URL = process.env.NEXT_PUBLIC_CIMPLIFY_API_URL?.trim() || "http://127.0.0.1:8787";
+
+/**
+ * Same-origin proxy to the Cimplify mock so the browser never makes a
+ * cross-origin request in dev (no CORS preflights, no flaky `Origin`
+ * mismatches). The SDK's base URL stays empty/relative — requests go to
+ * `/api/v1/...` on the Next origin, then this rewrite forwards them to
+ * the mock at `127.0.0.1:8787`.
+ *
+ * In production, point `NEXT_PUBLIC_CIMPLIFY_API_URL` at your Cimplify
+ * host and the rewrite continues to work the same way (or remove it and
+ * pass the absolute URL through `<CimplifyProvider/>`).
+ */
+const nextConfig: NextConfig = {
+  // Enable Next 16's `cacheComponents` mode so we can use `'use cache'` +
+  // `cacheTag` / `cacheLife` for SSR caching. Cached chrome streams first,
+  // dynamic Suspense boundaries fill in when ready.
+  cacheComponents: true,
+  async rewrites() {
+    return [
+      { source: "/api/v1/:path*", destination: `${MOCK_URL}/api/v1/:path*` },
+      { source: "/img/:path*", destination: `${MOCK_URL}/img/:path*` },
+      { source: "/elements/:path*", destination: `${MOCK_URL}/elements/:path*` },
+      { source: "/_mock/:path*", destination: `${MOCK_URL}/_mock/:path*` },
+    ];
+  },
+  images: {
+    loader: "custom",
+    loaderFile: "./lib/cimplify-loader.ts",
+    remotePatterns: [
+      { protocol: "http", hostname: "127.0.0.1", port: "8787", pathname: "/img/**" },
+      { protocol: "http", hostname: "localhost", port: "8787", pathname: "/img/**" },
+      { protocol: "http", hostname: "localhost", port: "3000", pathname: "/img/**" },
+      { protocol: "https", hostname: "loremflickr.com", pathname: "/**" },
+      { protocol: "https", hostname: "images.unsplash.com", pathname: "/**" },
+      { protocol: "https", hostname: "static-tmp.cimplify.io", pathname: "/**" },
+      { protocol: "https", hostname: "storefrontassetscdn.cimplify.io", pathname: "/**" },
+      { protocol: "https", hostname: "cdn.cimplify.io", pathname: "/**" },
+    ],
+  },
+};
+
+export default nextConfig;

package/templates/storefront-pharmacy/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "__STOREFRONT_NAME__",
+  "private": true,
+  "version": "0.0.0",
+  "scripts": {
+    "dev": "concurrently -k -n mock,next -c blue,magenta \"cimplify-mock --seed pharmacy --quiet\" \"next dev\"",
+    "dev:storefront": "next dev",
+    "dev:mock": "cimplify-mock --seed pharmacy",
+    "build": "next build",
+    "start": "next start",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest",
+    "test:run": "vitest run",
+    "check:brand": "vitest run __tests__/brand.test.ts",
+    "check:cart": "vitest run __tests__/cart-flow.test.ts",
+    "check:contract": "vitest run __tests__/contract.test.ts",
+    "check": "bun run typecheck && bun run test:run"
+  },
+  "dependencies": {
+    "@cimplify/sdk": "^0.46.0",
+    "next": "^16.2.4",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4.2.4",
+    "@types/node": "^22.10.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "concurrently": "^9.0.0",
+    "tailwindcss": "^4.2.4",
+    "typescript": "^5.9.3",
+    "vitest": "^4.1.5"
+  }
+}

package/templates/storefront-pharmacy/postcss.config.mjs

@@ -0,0 +1,7 @@
+const config = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
+
+export default config;

package/templates/storefront-pharmacy/tsconfig.json

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

package/templates/storefront-pharmacy/vitest.config.ts

@@ -0,0 +1,9 @@
+import { defineConfig } from "vitest/config";
+
+export default defineConfig({
+  test: {
+    environment: "node",
+    include: ["__tests__/**/*.test.ts"],
+    globals: false,
+  },
+});

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

@@ -11,8 +11,8 @@ NEXT_PUBLIC_CIMPLIFY_PUBLIC_KEY=mock-dev
 NEXT_PUBLIC_CIMPLIFY_BUSINESS_ID=bus_mamas_kitchen
 
 # 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).
+# and OpenGraph metadata. Set this on production deploys; `cimplify env push`
+# wires it into your linked project.
 NEXT_PUBLIC_SITE_URL=https://example.com
 
 # Business handle (human-readable slug, e.g. "akua-bakery"). Used by the

package/templates/storefront-restaurant/README.md

@@ -70,4 +70,4 @@ Update `NEXT_PUBLIC_CIMPLIFY_BUSINESS_ID` in `.env.local` to match the seeded bu
 + NEXT_PUBLIC_CIMPLIFY_BUSINESS_ID=<your business id>
 ```
 
-Deploy to Vercel with one click — `next.config.ts` already whitelists the SDK image hosts under `images.remotePatterns`.
+Deploy with `cimplify deploy --prod` after linking the project. See [`cimplify` CLI docs](https://docs.cimplify.io/cli/deploy). `next.config.ts` already whitelists the SDK image hosts under `images.remotePatterns`.

package/templates/storefront-restaurant/lib/cimplify-loader.ts

@@ -0,0 +1,19 @@
+import type { ImageLoader } from "next/image";
+
+import { assetUrl, isCimplifyAsset } from "@cimplify/sdk";
+
+const cdnBase = process.env.NEXT_PUBLIC_CIMPLIFY_CDN_URL?.trim() || undefined;
+
+const cimplifyImageLoader: ImageLoader = ({ src, width, quality }) => {
+  if (isCimplifyAsset(src, cdnBase)) {
+    return assetUrl(src, {
+      base: cdnBase,
+      w: width,
+      quality,
+      format: "auto",
+    });
+  }
+  return src;
+};
+
+export default cimplifyImageLoader;

package/templates/storefront-restaurant/next.config.ts

@@ -27,6 +27,8 @@ const nextConfig: NextConfig = {
     ];
   },
   images: {
+    loader: "custom",
+    loaderFile: "./lib/cimplify-loader.ts",
     remotePatterns: [
       { protocol: "http", hostname: "127.0.0.1", port: "8787", pathname: "/img/**" },
       { protocol: "http", hostname: "localhost", port: "8787", pathname: "/img/**" },
@@ -34,6 +36,7 @@ const nextConfig: NextConfig = {
       { protocol: "https", hostname: "loremflickr.com", pathname: "/**" },
       { protocol: "https", hostname: "images.unsplash.com", pathname: "/**" },
       { protocol: "https", hostname: "static-tmp.cimplify.io", pathname: "/**" },
+      { protocol: "https", hostname: "storefrontassetscdn.cimplify.io", pathname: "/**" },
       { protocol: "https", hostname: "cdn.cimplify.io", pathname: "/**" },
     ],
   },

package/templates/storefront-restaurant/package.json

@@ -17,7 +17,7 @@
     "check": "bun run typecheck && bun run test:run"
   },
   "dependencies": {
-    "@cimplify/sdk": "^0.45.3",
+    "@cimplify/sdk": "^0.46.0",
     "next": "^16.2.4",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"

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

@@ -11,8 +11,8 @@ NEXT_PUBLIC_CIMPLIFY_PUBLIC_KEY=mock-dev
 NEXT_PUBLIC_CIMPLIFY_BUSINESS_ID=bus_currents_electronics
 
 # 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).
+# and OpenGraph metadata. Set this on production deploys; `cimplify env push`
+# wires it into your linked project.
 NEXT_PUBLIC_SITE_URL=https://example.com
 
 # Business handle (human-readable slug, e.g. "akua-bakery"). Used by the

package/templates/storefront-retail/README.md

@@ -74,4 +74,4 @@ cimplify init my-store --template grocery    # coming soon
 + NEXT_PUBLIC_CIMPLIFY_BUSINESS_ID=<your business id>
 ```
 
-Deploy to Vercel with one click — `next.config.ts` already whitelists the SDK image hosts under `images.remotePatterns`.
+Deploy with `cimplify deploy --prod` after linking the project. See [`cimplify` CLI docs](https://docs.cimplify.io/cli/deploy). `next.config.ts` already whitelists the SDK image hosts under `images.remotePatterns`.

package/templates/storefront-retail/lib/cimplify-loader.ts

@@ -0,0 +1,19 @@
+import type { ImageLoader } from "next/image";
+
+import { assetUrl, isCimplifyAsset } from "@cimplify/sdk";
+
+const cdnBase = process.env.NEXT_PUBLIC_CIMPLIFY_CDN_URL?.trim() || undefined;
+
+const cimplifyImageLoader: ImageLoader = ({ src, width, quality }) => {
+  if (isCimplifyAsset(src, cdnBase)) {
+    return assetUrl(src, {
+      base: cdnBase,
+      w: width,
+      quality,
+      format: "auto",
+    });
+  }
+  return src;
+};
+
+export default cimplifyImageLoader;

package/templates/storefront-retail/next.config.ts

@@ -27,6 +27,8 @@ const nextConfig: NextConfig = {
     ];
   },
   images: {
+    loader: "custom",
+    loaderFile: "./lib/cimplify-loader.ts",
     remotePatterns: [
       { protocol: "http", hostname: "127.0.0.1", port: "8787", pathname: "/img/**" },
       { protocol: "http", hostname: "localhost", port: "8787", pathname: "/img/**" },
@@ -34,6 +36,7 @@ const nextConfig: NextConfig = {
       { protocol: "https", hostname: "loremflickr.com", pathname: "/**" },
       { protocol: "https", hostname: "images.unsplash.com", pathname: "/**" },
       { protocol: "https", hostname: "static-tmp.cimplify.io", pathname: "/**" },
+      { protocol: "https", hostname: "storefrontassetscdn.cimplify.io", pathname: "/**" },
       { protocol: "https", hostname: "cdn.cimplify.io", pathname: "/**" },
     ],
   },

package/templates/storefront-retail/package.json

@@ -17,7 +17,7 @@
     "check": "bun run typecheck && bun run test:run"
   },
   "dependencies": {
-    "@cimplify/sdk": "^0.45.3",
+    "@cimplify/sdk": "^0.46.0",
     "next": "^16.2.4",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"

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

@@ -11,8 +11,8 @@ NEXT_PUBLIC_CIMPLIFY_PUBLIC_KEY=mock-dev
 NEXT_PUBLIC_CIMPLIFY_BUSINESS_ID=bus_serene_spa
 
 # 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).
+# and OpenGraph metadata. Set this on production deploys; `cimplify env push`
+# wires it into your linked project.
 NEXT_PUBLIC_SITE_URL=https://example.com
 
 # Business handle (human-readable slug, e.g. "akua-bakery"). Used by the

package/templates/storefront-services/README.md

@@ -70,4 +70,4 @@ Update `NEXT_PUBLIC_CIMPLIFY_BUSINESS_ID` in `.env.local` to match the seeded bu
 + NEXT_PUBLIC_CIMPLIFY_BUSINESS_ID=<your business id>
 ```
 
-Deploy to Vercel with one click — `next.config.ts` already whitelists the SDK image hosts under `images.remotePatterns`.
+Deploy with `cimplify deploy --prod` after linking the project. See [`cimplify` CLI docs](https://docs.cimplify.io/cli/deploy). `next.config.ts` already whitelists the SDK image hosts under `images.remotePatterns`.

package/templates/storefront-services/lib/cimplify-loader.ts

@@ -0,0 +1,19 @@
+import type { ImageLoader } from "next/image";
+
+import { assetUrl, isCimplifyAsset } from "@cimplify/sdk";
+
+const cdnBase = process.env.NEXT_PUBLIC_CIMPLIFY_CDN_URL?.trim() || undefined;
+
+const cimplifyImageLoader: ImageLoader = ({ src, width, quality }) => {
+  if (isCimplifyAsset(src, cdnBase)) {
+    return assetUrl(src, {
+      base: cdnBase,
+      w: width,
+      quality,
+      format: "auto",
+    });
+  }
+  return src;
+};
+
+export default cimplifyImageLoader;

package/templates/storefront-services/next.config.ts

@@ -27,6 +27,8 @@ const nextConfig: NextConfig = {
     ];
   },
   images: {
+    loader: "custom",
+    loaderFile: "./lib/cimplify-loader.ts",
     remotePatterns: [
       { protocol: "http", hostname: "127.0.0.1", port: "8787", pathname: "/img/**" },
       { protocol: "http", hostname: "localhost", port: "8787", pathname: "/img/**" },
@@ -34,6 +36,7 @@ const nextConfig: NextConfig = {
       { protocol: "https", hostname: "loremflickr.com", pathname: "/**" },
       { protocol: "https", hostname: "images.unsplash.com", pathname: "/**" },
       { protocol: "https", hostname: "static-tmp.cimplify.io", pathname: "/**" },
+      { protocol: "https", hostname: "storefrontassetscdn.cimplify.io", pathname: "/**" },
       { protocol: "https", hostname: "cdn.cimplify.io", pathname: "/**" },
     ],
   },

package/templates/storefront-services/package.json

@@ -17,7 +17,7 @@
     "check": "bun run typecheck && bun run test:run"
   },
   "dependencies": {
-    "@cimplify/sdk": "^0.45.3",
+    "@cimplify/sdk": "^0.46.0",
     "next": "^16.2.4",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"

package/dist/repo-E6SBKVDG.mjs

@@ -1,8 +0,0 @@
-#!/usr/bin/env node
-export { run as default, fetchCloneToken } from './chunk-KPGRCXQY.mjs';
-import './chunk-L6474RPL.mjs';
-import './chunk-MXYUAJEW.mjs';
-import './chunk-4SBJVRGM.mjs';
-import './chunk-NC3GKHDD.mjs';
-import './chunk-JJYWETGA.mjs';
-import './chunk-NZ4RG62Z.mjs';