@cimplify/cli 0.6.16 → 0.7.1

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

@@ -1,7 +1,6 @@
 import type { Metadata } from "next";
 import { Suspense } from "react";
-import { cacheTag, cacheLife } from "next/cache";
-import { CACHE_LIFE_DEFAULT, getServerClient, tags, type Product } from "@cimplify/sdk/server";
+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";
@@ -12,22 +11,33 @@ export const metadata: Metadata = {
   description: brand.description,
 };
 
-async function getHomeData() {
-  "use cache";
-  cacheTag(tags.collections(), tags.categories(), tags.products());
-  cacheLife(CACHE_LIFE_DEFAULT);
+export const revalidate = 3600;
 
+async function getHomeData() {
   const client = getServerClient();
   const [colRes, catRes] = await Promise.all([
-    client.catalogue.getCollections(),
-    client.catalogue.getCategories(),
+    client.catalogue.getCollections({
+      cacheOptions: { revalidate: 3600, tags: [tags.collections()] },
+    }),
+    client.catalogue.getCategories({
+      cacheOptions: { revalidate: 3600, tags: [tags.categories()] },
+    }),
   ]);
   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 r = await client.catalogue.getCollectionProducts(
+        col.id,
+        undefined,
+        {
+          cacheOptions: {
+            revalidate: 3600,
+            tags: [tags.collectionProducts(col.id)],
+          },
+        },
+      );
       const items = r.ok
         ? ((r.value as { items?: Product[] }).items ?? (r.value as Product[]))
         : [];

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

@@ -1,6 +1,5 @@
 import type { Metadata } from "next";
-import { cacheTag, cacheLife } from "next/cache";
-import { CACHE_LIFE_DEFAULT, getServerClient, tags } from "@cimplify/sdk/server";
+import { getServerClient, tags } from "@cimplify/sdk/server";
 import { ShopClient } from "./shop-client";
 import { brand } from "@/lib/brand";
 
@@ -9,15 +8,18 @@ export const metadata: Metadata = {
   description: brand.description,
 };
 
-async function getShopData() {
-  "use cache";
-  cacheTag(tags.products(), tags.categories());
-  cacheLife(CACHE_LIFE_DEFAULT);
+export const revalidate = 3600;
 
+async function getShopData() {
   const client = getServerClient();
   const [p, c] = await Promise.all([
-    client.catalogue.getProducts({ limit: 50 }),
-    client.catalogue.getCategories(),
+    client.catalogue.getProducts(
+      { limit: 50 },
+      { cacheOptions: { revalidate: 3600, tags: [tags.products()] } },
+    ),
+    client.catalogue.getCategories({
+      cacheOptions: { revalidate: 3600, tags: [tags.categories()] },
+    }),
   ]);
   return {
     products: p.ok ? p.value.items : [],

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

@@ -6,7 +6,7 @@ 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
+ * categories (ISR-cached in `app/shop/page.tsx`), then hands
  * them to `<CataloguePage>` which owns the interactive filter / sort state.
  */
 export function ShopClient({

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

@@ -1,7 +1,6 @@
 import type { Metadata } from "next";
 import Link from "next/link";
-import { cacheTag, cacheLife } from "next/cache";
-import { CACHE_LIFE_DEFAULT, getServerClient, tags, type Product } from "@cimplify/sdk/server";
+import { getServerClient, tags, type Product } from "@cimplify/sdk/server";
 import { brand } from "@/lib/brand";
 
 export const metadata: Metadata = {
@@ -9,6 +8,8 @@ export const metadata: Metadata = {
   description: "A human-readable index of every page on this site.",
 };
 
+export const revalidate = 3600;
+
 interface SitemapData {
   products: { slug: string; name: string }[];
   categories: { slug: string; name: string }[];
@@ -16,15 +17,18 @@ interface SitemapData {
 }
 
 async function getSitemap(): Promise<SitemapData> {
-  "use cache";
-  cacheTag(tags.products(), tags.categories(), tags.collections());
-  cacheLife(CACHE_LIFE_DEFAULT);
-
   const client = getServerClient();
   const [pRes, cRes, colRes] = await Promise.all([
-    client.catalogue.getProducts({ limit: 500 }),
-    client.catalogue.getCategories(),
-    client.catalogue.getCollections(),
+    client.catalogue.getProducts(
+      { limit: 500 },
+      { cacheOptions: { revalidate: 3600, tags: [tags.products()] } },
+    ),
+    client.catalogue.getCategories({
+      cacheOptions: { revalidate: 3600, tags: [tags.categories()] },
+    }),
+    client.catalogue.getCollections({
+      cacheOptions: { revalidate: 3600, tags: [tags.collections()] },
+    }),
   ]);
   return {
     products: (pRes.ok ? pRes.value.items : []).map((p: Product) => ({

package/templates/storefront-services/bun.lock

@@ -5,7 +5,7 @@
     "": {
       "name": "__STOREFRONT_NAME__",
       "dependencies": {
-        "@cimplify/sdk": "^0.49.2",
+        "@cimplify/sdk": "^0.54.0",
         "next": "^16.2.6",
         "react": "^19.0.0",
         "react-dom": "^19.0.0",
@@ -31,7 +31,7 @@
 
     "@base-ui/utils": ["@base-ui/utils@0.2.9", "", { "dependencies": { "@babel/runtime": "^7.29.2", "@floating-ui/utils": "^0.2.11", "reselect": "^5.1.1", "use-sync-external-store": "^1.6.0" }, "peerDependencies": { "@types/react": "^17 || ^18 || ^19", "react": "^17 || ^18 || ^19", "react-dom": "^17 || ^18 || ^19" }, "optionalPeers": ["@types/react"] }, "sha512-x/PDDCYzoqPpjrdyb3VcyylTI2IjUXEtYDGi5foh7KsnmNJIIaVwA2GLgDH1dps1GgXiJbA60hM+AyuTfQzIvw=="],
 
-    "@cimplify/sdk": ["@cimplify/sdk@0.49.2", "", { "dependencies": { "@base-ui/react": "^1.4.1", "clsx": "^2.1.1", "date-fns": "^4.1.0", "libphonenumber-js": "1.12.41", "react-day-picker": "^9.14.0", "tailwind-merge": "^3.5.0", "zod": "^4.4.3" }, "peerDependencies": { "@paystack/inline-js": "^2.22.8", "msw": ">=2.0.0", "react": ">=17.0.0", "vitest": ">=2.0.0" }, "optionalPeers": ["@paystack/inline-js", "msw", "react", "vitest"], "bin": { "cimplify-mock": "dist/mock/cli.mjs" } }, "sha512-W/PtzLztRYOPo4LCKmTvejfz56CQZUflXSdSshYl6ft1q17BIy8bnzfplbYnojiQb5OiCWr0FAzG68S2tvO93w=="],
+    "@cimplify/sdk": ["@cimplify/sdk@0.54.0", "", { "dependencies": { "@base-ui/react": "^1.4.1", "clsx": "^2.1.1", "date-fns": "^4.1.0", "libphonenumber-js": "1.12.41", "react-day-picker": "^9.14.0", "tailwind-merge": "^3.5.0", "zod": "^4.4.3" }, "peerDependencies": { "@paystack/inline-js": "^2.22.8", "msw": ">=2.0.0", "react": ">=17.0.0", "vitest": ">=2.0.0" }, "optionalPeers": ["@paystack/inline-js", "msw", "react", "vitest"], "bin": { "cimplify-mock": "dist/mock/cli.mjs" } }, "sha512-YUN/lOqViHci1v9USWWwAWty29pEXBdLTuKarSl8EpafWh5jkdGZ1Q+Ne9/bfgTZmR8iTUltA8U7glV2FoRSgg=="],
 
     "@date-fns/tz": ["@date-fns/tz@1.4.1", "", {}, "sha512-P5LUNhtbj6YfI3iJjw5EL9eUAG6OitD0W3fWQcpQjDRc/QIsL0tRNuO1PcDvPccWL1fSTXXdE1ds+l95DV/OFA=="],
 

package/templates/storefront-services/components/footer.tsx

@@ -48,7 +48,6 @@ const FALLBACK_ICON = (
 );
 
 export async function Footer() {
-  "use cache";
   const year = new Date().getFullYear();
   return (
     <footer className="mt-12 px-6 sm:px-8 py-10 text-xs text-muted-foreground border-t border-border bg-card">

package/templates/storefront-services/lib/site.config.ts

@@ -2,6 +2,6 @@
  * Canonical absolute URL. The platform overwrites this at build time with the
  * storefront's primary domain; the default only applies to local builds. It's
  * per-deploy config, not per-request, so it stays a static constant — keeping
- * the root layout prerenderable under `cacheComponents`.
+ * the root layout prerenderable.
  */
 export const SITE_URL = "https://example.com";

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

@@ -19,13 +19,14 @@ if (STOREFRONT_URL === "http://127.0.0.1:8787") {
   );
 }
 
+// Cache Components ('use cache' + cacheTag/cacheLife) require Node-specific
+// setTimeout atomicity and serialize a postponed state that routinely exceeds
+// CF Workers' 128MB zlib limit. We're on Cloudflare Workers via opennext, so
+// we stay on Next 16's "Previous Model" — `fetch.next.{revalidate,tags}` via
+// the SDK's `cacheOptions`, plus `export const revalidate` per page. See
+// https://nextjs.org/docs/app/guides/caching-without-cache-components.
 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 redirects() {
-    // Config-level so cacheComponents needn't prerender a redirect()-only page.
     return [
       { source: "/login", destination: "/account", permanent: false },
       { source: "/signup", destination: "/account", permanent: false },

package/templates/storefront-services/package.json

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

package/templates/storefront-auto/app/api/revalidate/route.ts

@@ -1,5 +0,0 @@
-import { revalidateRouteHandler } from "@cimplify/sdk/server";
-
-export async function POST(req: Request): Promise<Response> {
-  return revalidateRouteHandler(req);
-}

package/templates/storefront-bakery/app/api/revalidate/route.ts

@@ -1,5 +0,0 @@
-import { revalidateRouteHandler } from "@cimplify/sdk/server";
-
-export async function POST(req: Request): Promise<Response> {
-  return revalidateRouteHandler(req);
-}

package/templates/storefront-fashion/app/api/revalidate/route.ts

@@ -1,5 +0,0 @@
-import { revalidateRouteHandler } from "@cimplify/sdk/server";
-
-export async function POST(req: Request): Promise<Response> {
-  return revalidateRouteHandler(req);
-}

package/templates/storefront-grocery/app/api/revalidate/route.ts

@@ -1,5 +0,0 @@
-import { revalidateRouteHandler } from "@cimplify/sdk/server";
-
-export async function POST(req: Request): Promise<Response> {
-  return revalidateRouteHandler(req);
-}

package/templates/storefront-pharmacy/app/api/revalidate/route.ts

@@ -1,5 +0,0 @@
-import { revalidateRouteHandler } from "@cimplify/sdk/server";
-
-export async function POST(req: Request): Promise<Response> {
-  return revalidateRouteHandler(req);
-}

package/templates/storefront-restaurant/app/api/revalidate/route.ts

@@ -1,5 +0,0 @@
-import { revalidateRouteHandler } from "@cimplify/sdk/server";
-
-export async function POST(req: Request): Promise<Response> {
-  return revalidateRouteHandler(req);
-}

package/templates/storefront-retail/app/api/revalidate/route.ts

@@ -1,5 +0,0 @@
-import { revalidateRouteHandler } from "@cimplify/sdk/server";
-
-export async function POST(req: Request): Promise<Response> {
-  return revalidateRouteHandler(req);
-}

package/templates/storefront-services/app/api/revalidate/route.ts

@@ -1,5 +0,0 @@
-import { revalidateRouteHandler } from "@cimplify/sdk/server";
-
-export async function POST(req: Request): Promise<Response> {
-  return revalidateRouteHandler(req);
-}