@scayle/storefront-product-detail 1.8.0 → 1.9.1

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @scayle/storefront-product-detail
 
+## 1.9.1
+
+### Patch Changes
+
+- **\[Security\]** Use the patched Nuxt for build — `nuxt@3.21.8` (3.x) / `nuxt@4.4.8` (4.x), with matching `@nuxt/kit` and `@nuxt/schema` — which includes the fix for [CVE-2026-53721](https://nvd.nist.gov/vuln/detail/CVE-2026-53721) ([GHSA-mm7m-92g8-7m47](https://github.com/nuxt/nuxt/security/advisories/GHSA-mm7m-92g8-7m47)), a route-rule middleware bypass.
+
+  Compatibility with previously-supported Nuxt versions is unchanged and remains specified via each package's `peerDependencies` and the Nuxt compatibility flag. `@scayle/storefront-core` is released in lockstep with `@scayle/storefront-nuxt`.
+
+## 1.9.0
+
+### Minor Changes
+
+- **[RPC]** Updated built-in RPC methods to use `GET` for safe, cacheable reads and `PUT`/`POST`/`DELETE` for mutations, enabling CDN and browser caching for public data fetches.
+
 ## 1.8.0
 
 ### Minor Changes
@@ -34,7 +48,6 @@
 
 - Introduced support for Nuxt 4 while maintaining full backward compatibility with Nuxt 3.
   This enables consumers to migrate to Nuxt 4 ahead of the Nuxt 3 end of support on 31 Jan 2026.
-
   - **Version Requirements:**
     - Nuxt 3: `v3.13.0+`
     - Nuxt 4: `v4.2.0+`
@@ -139,7 +152,6 @@
 - Enhanced data fetching composables to support reactive keys, aligning with [Nuxt 3.17 data fetching improvements](https://nuxt.com/blog/v3-17#data-fetching-improvements).
 
   You can now pass a `ref`, `computed`, or getter function as the `key` parameter to `useRpc` and derived composables (like `useProducts`, `useBrand` etc.). When the reactive key changes, the data will automatically re-fetch.
-
   - **Before:** Keys were static strings.
   - **After:** Keys can be reactive, enabling dynamic caching and automatic updates.
 
@@ -269,9 +281,8 @@
     images: images.value,
     productId: product.value?.id || 0,
     color: formatColors(colors.value),
-    variesBy: variants.value.length > 1
-      ? ['https://schema.org/size']
-      : undefined,
+    variesBy:
+      variants.value.length > 1 ? ['https://schema.org/size'] : undefined,
   })
 
   // Will become
@@ -291,9 +302,8 @@
     }),
     productId: product.value?.id || 0,
     color: formatColors(colors.value),
-    variesBy: variants.value.length > 1
-      ? ['https://schema.org/size']
-      : undefined,
+    variesBy:
+      variants.value.length > 1 ? ['https://schema.org/size'] : undefined,
   })
   ```
 
@@ -351,7 +361,6 @@
 
 - This release introduces the `@scayle/storefront-product-detail` package, decoupling composables and utilities of the Product Detail Page (PDP) functionality from the SCAYLE Storefront Boilerplate for enhanced modularity and integration.
   This separation empowers developers with greater control over PDP updates and simplifies its integration into existing Storefront-based projects.
-
   - [Discover more about the Product Detail Page for SCAYLE Storefront in our SCAYLE Resource Center.](https://scayle.dev/en/core-documentation/storefront-guide/storefront-application/features/product-detail-page)
 
 - This release requires `@scayle/storefront-nuxt@8.x` or higher. Support for `@scayle/storefront-nuxt@7.x` has been discontinued. Please update your dependencies accordingly. The `peerDependency` range has been updated to `^8.0.0`.
@@ -359,7 +368,6 @@
 ### Minor Changes
 
 - Compared to the original implementation within the SCAYLE Storefront Boilerplate, the `@scayle/storefront-product-detail` package has received some improvements and refactoring:
-
   - Introduced the `getCombineWithProductIds` function within the product utility, enabling efficient retrieval of product combinations within product listings.
   - Added the `getFilteredAttributeGroups` function to the attribute utility, simplifying the retrieval and formatting of filtered product attributes for display in listings.
   - Introduced the `useProductSeoData` composable, automating the generation of SEO-critical metadata for product pages. This includes dynamically generated canonical links, robots meta tags, product titles, and structured data (`JSON-LD`) for product details and breadcrumbs, enhancing search engine visibility.

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@scayle/storefront-product-detail",
   "configKey": "product-detail",
-  "version": "1.8.0",
+  "version": "1.9.1",
   "compatibility": {
     "bridge": false,
     "nuxt": ">=3.13"

package/dist/module.mjs

@@ -1,7 +1,7 @@
 import { defineNuxtModule, createResolver, addImportsDir } from '@nuxt/kit';
 
 const PACKAGE_NAME = "@scayle/storefront-product-detail";
-const PACKAGE_VERSION = "1.8.0";
+const PACKAGE_VERSION = "1.9.1";
 const module$1 = defineNuxtModule({
   meta: {
     name: PACKAGE_NAME,

package/dist/runtime/composables/useAllShopProductsForId.js

@@ -3,10 +3,5 @@ export function useAllShopProductsForId({
   params,
   options
 } = {}, key = "useAllShopProductsById") {
-  return useRpc(
-    "getAllShopProductsForId",
-    key,
-    params,
-    options
-  );
+  return useRpc("getAllShopProductsForId", key, params, options);
 }

package/dist/runtime/composables/useRecentlyViewedProducts.js

@@ -65,9 +65,7 @@ export function useRecentlyViewedProducts(options) {
           products.value.push(...result);
         }
         const sortOrderMap = new Map(
-          recentlyViewedProductsIds.value.map(
-            (id, index) => [id, index]
-          )
+          recentlyViewedProductsIds.value.map((id, index) => [id, index])
         );
         products.value = products.value.sort((a, b) => {
           const aIndex = sortOrderMap.get(a.id);

package/dist/runtime/rpc/methods/products.js

@@ -1,33 +1,36 @@
 import { defineRpcHandler } from "@scayle/storefront-nuxt";
-export const getAllShopProductsForId = defineRpcHandler(async (options, context) => {
-  const { runtimeConfiguration, sapiClient, log, cached } = context;
-  const fetchAllProducts = async () => {
-    const products = [];
-    const shops = Object.values(
-      runtimeConfiguration.storefront.shops
-    );
-    await Promise.all(
-      shops.map(async (shop) => {
-        try {
-          const product = await sapiClient.clone({ shopId: shop.shopId }).products.getById(options.id, {
-            with: options.with
-          });
-          products.push({
-            locale: shop.locale,
-            path: Array.isArray(shop.path) ? shop.path[0] : shop.path,
-            product
-          });
-        } catch (error) {
-          log.error(error instanceof Error ? error : String(error));
-        }
-      })
-    );
-    return products;
-  };
-  const result = await cached(fetchAllProducts, {
-    cacheKeyPrefix: `getAllShopProductsForId-${options.id}`,
-    ttl: 12 * 60 * 60
-    // 12 hours
-  })();
-  return result;
-});
+export const getAllShopProductsForId = defineRpcHandler(
+  async (options, context) => {
+    const { runtimeConfiguration, sapiClient, log, cached } = context;
+    const fetchAllProducts = async () => {
+      const products = [];
+      const shops = Object.values(
+        runtimeConfiguration.storefront.shops
+      );
+      await Promise.all(
+        shops.map(async (shop) => {
+          try {
+            const product = await sapiClient.clone({ shopId: shop.shopId }).products.getById(options.id, {
+              with: options.with
+            });
+            products.push({
+              locale: shop.locale,
+              path: Array.isArray(shop.path) ? shop.path[0] : shop.path,
+              product
+            });
+          } catch (error) {
+            log.error(error instanceof Error ? error : String(error));
+          }
+        })
+      );
+      return products;
+    };
+    const result = await cached(fetchAllProducts, {
+      cacheKeyPrefix: `getAllShopProductsForId-${options.id}`,
+      ttl: 12 * 60 * 60
+      // 12 hours
+    })();
+    return result;
+  },
+  { method: "GET" }
+);

package/dist/runtime/rpc/methods/recommendations.js

@@ -2,36 +2,37 @@ import {
   ErrorResponse,
   FetchError,
   MINUTE,
-  MIN_WITH_PARAMS_PRODUCT
+  MIN_WITH_PARAMS_PRODUCT,
+  defineRpcHandler
 } from "@scayle/storefront-nuxt";
-export const getSimilarProducts = async function getProductsByReferenceKeys(options, context) {
-  const { sapiClient, cached, withParams } = context;
-  const campaignKey = await context.callRpc?.("getCampaignKey");
-  const { productId, with: withParameter, ...rest } = options;
-  const fetch = async (productId2, params) => {
-    try {
-      return sapiClient.recommendations.getSimilarProducts(productId2, params);
-    } catch (e) {
-      if (e instanceof FetchError) {
-        const response = e.response;
-        return new ErrorResponse(
-          response.status,
-          response.statusText,
-          "Failed to fetch similar products"
-        );
+export const getSimilarProducts = defineRpcHandler(
+  async (options, context) => {
+    const { sapiClient, cached, withParams } = context;
+    const campaignKey = await context.callRpc?.("getCampaignKey");
+    const { productId, with: withParameter, ...rest } = options;
+    const fetch = async (productId2, params) => {
+      try {
+        return sapiClient.recommendations.getSimilarProducts(productId2, params);
+      } catch (e) {
+        if (e instanceof FetchError) {
+          const response = e.response;
+          return new ErrorResponse(
+            response.status,
+            response.statusText,
+            "Failed to fetch similar products"
+          );
+        }
+        throw e;
       }
-      throw e;
-    }
-  };
-  return await cached(
-    fetch,
-    {
+    };
+    return await cached(fetch, {
       cacheKeyPrefix: "getSimilarProducts-products",
       ttl: 5 * MINUTE
-    }
-  )(productId, {
-    with: withParameter ?? withParams?.product ?? MIN_WITH_PARAMS_PRODUCT,
-    campaignKey,
-    ...rest
-  });
-};
+    })(productId, {
+      with: withParameter ?? withParams?.product ?? MIN_WITH_PARAMS_PRODUCT,
+      campaignKey,
+      ...rest
+    });
+  },
+  { method: "GET" }
+);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scayle/storefront-product-detail",
-  "version": "1.8.0",
+  "version": "1.9.1",
   "description": "Collection of essential composables and utilities to work with product detail",
   "author": "SCAYLE Commerce Engine",
   "license": "MIT",
@@ -24,6 +24,9 @@
     "CHANGELOG.md",
     "dist"
   ],
+  "engines": {
+    "node": ">= 22.0.0"
+  },
   "imports": {
     "#storefront-product-detail": "./dist/runtime/index.js"
   },
@@ -37,29 +40,28 @@
   },
   "devDependencies": {
     "@arethetypeswrong/cli": "0.18.2",
-    "@nuxt/kit": "3.20.0",
+    "@nuxt/kit": "^3.21.7",
     "@nuxt/module-builder": "1.0.2",
-    "@nuxt/schema": "3.20.0",
-    "@nuxt/test-utils": "3.23.0",
-    "@types/node": "22.19.7",
-    "@vitest/coverage-v8": "4.0.17",
-    "@vueuse/core": "14.1.0",
-    "dprint": "0.51.1",
-    "eslint-formatter-gitlab": "7.0.1",
-    "eslint": "9.39.2",
-    "happy-dom": "20.3.4",
-    "nuxt": "3.20.0",
-    "publint": "0.3.16",
+    "@nuxt/schema": "^3.21.7",
+    "@nuxt/test-utils": "4.0.0",
+    "@scayle/eslint-config-storefront": "^4.8.0",
+    "@types/node": "24.12.2",
+    "@vitest/coverage-v8": "4.1.9",
+    "@vueuse/core": "14.3.0",
+    "eslint-formatter-gitlab": "7.1.0",
+    "eslint": "10.5.0",
+    "happy-dom": "20.10.6",
+    "nuxt": "^3.21.7",
+    "publint": "0.3.21",
     "schema-dts": "1.1.5",
-    "typescript": "5.9.3",
+    "typescript": "6.0.3",
     "unbuild": "3.6.1",
-    "vitest": "4.0.17",
+    "vitest": "4.1.9",
     "vue-router": "4.6.4",
-    "vue-tsc": "3.2.2",
-    "vue": "3.5.26",
-    "@scayle/vitest-config-storefront": "1.0.0",
-    "@scayle/eslint-config-storefront": "4.7.21",
-    "@scayle/storefront-nuxt": "8.59.0"
+    "vue-tsc": "3.3.5",
+    "vue": "3.5.38",
+    "@scayle/storefront-nuxt": "8.62.1",
+    "@scayle/vitest-config-storefront": "1.0.0"
   },
   "scripts": {
     "build": "nuxt-module-build build",
@@ -69,11 +71,6 @@
     "lint": "eslint .",
     "lint:ci": "eslint . --format gitlab",
     "lint:fix": "eslint . --fix",
-    "format": "dprint check",
-    "format:fix": "dprint fmt",
-    "test": "vitest --run",
-    "test:watch": "vitest",
-    "test:ci": "vitest --run --coverage --reporter=default --reporter=junit --outputFile=./coverage/junit.xml",
     "typecheck": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit",
     "package:lint": "publint",
     "verify-packaging": "attw --pack . --profile esm-only"