@scayle/storefront-product-detail 1.9.0 → 1.9.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @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
@@ -19,19 +27,19 @@
     params: {
       productId: 123,
       limit: 10,
-      with: { attributes: "all", images: { attributes: "all" } },
+      with: { attributes: 'all', images: { attributes: 'all' } },
       where: {
         attributes: [
           {
-            type: "attributes",
-            key: "brand",
+            type: 'attributes',
+            key: 'brand',
             values: [456],
           },
         ],
       },
       ignoreSameMasterKey: true,
     },
-  });
+  })
   ```
 
 ## 1.7.0
@@ -40,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+`
@@ -78,64 +85,64 @@
   **`sellableTimeframeStartsInFuture`:**
 
   ```ts
-  import { sellableTimeframeStartsInFuture } from "@scayle/storefront-product-detail";
+  import { sellableTimeframeStartsInFuture } from '@scayle/storefront-product-detail'
 
   // Example timeframe
   const timeframe = {
-    sellableFrom: "2099-01-01T00:00:00Z",
-    sellableTo: "2100-01-01T00:00:00Z",
-  };
+    sellableFrom: '2099-01-01T00:00:00Z',
+    sellableTo: '2100-01-01T00:00:00Z',
+  }
 
-  const inFuture = sellableTimeframeStartsInFuture(timeframe);
-  console.log(inFuture); // true if current date is before 2099-01-01
+  const inFuture = sellableTimeframeStartsInFuture(timeframe)
+  console.log(inFuture) // true if current date is before 2099-01-01
   ```
 
   **`sellableTimeframeEndsInPast`:**
 
   ```ts
-  import { sellableTimeframeEndsInPast } from "@scayle/storefront-product-detail";
+  import { sellableTimeframeEndsInPast } from '@scayle/storefront-product-detail'
 
   const timeframe = {
-    sellableFrom: "2018-01-01T00:00:00Z",
-    sellableTo: "2020-01-01T00:00:00Z",
-  };
+    sellableFrom: '2018-01-01T00:00:00Z',
+    sellableTo: '2020-01-01T00:00:00Z',
+  }
 
-  const ended = sellableTimeframeEndsInPast(timeframe);
-  console.log(ended); // true if current date is after 2020-01-01
+  const ended = sellableTimeframeEndsInPast(timeframe)
+  console.log(ended) // true if current date is after 2020-01-01
   ```
 
   **`isInSellableTimeframe`:**
 
   ```ts
-  import { isInSellableTimeframe } from "@scayle/storefront-product-detail";
+  import { isInSellableTimeframe } from '@scayle/storefront-product-detail'
 
   const timeframe = {
-    sellableFrom: "2023-01-01T00:00:00Z",
-    sellableTo: "2025-01-01T00:00:00Z",
-  };
+    sellableFrom: '2023-01-01T00:00:00Z',
+    sellableTo: '2025-01-01T00:00:00Z',
+  }
 
-  const active = isInSellableTimeframe(timeframe);
-  console.log(active); // true if current date is between 2023-01-01 and 2025-01-01
+  const active = isInSellableTimeframe(timeframe)
+  console.log(active) // true if current date is between 2023-01-01 and 2025-01-01
   ```
 
   **`useSellableTimeFrame`:**
 
   ```ts
-  import { useSellableTimeFrame } from "@scayle/storefront-product-detail";
+  import { useSellableTimeFrame } from '@scayle/storefront-product-detail'
 
   const timeframe = {
-    sellableFrom: "2023-01-01T00:00:00Z",
-    sellableTo: "2025-01-01T00:00:00Z",
-  };
+    sellableFrom: '2023-01-01T00:00:00Z',
+    sellableTo: '2025-01-01T00:00:00Z',
+  }
   const {
     isInSellableTimeframe,
     sellableTimeframeStartsInFuture,
     sellableTimeframeEndsInPast,
-  } = useSellableTimeFrame(timeframe);
+  } = useSellableTimeFrame(timeframe)
 
-  console.log(isInSellableTimeframe); // true if the timeframe is active
-  console.log(sellableTimeframeStartsInFuture); // true if the time frame starts in the future
-  console.log(sellableTimeframeEndsInPast); // true if the timeframe ended in the past
+  console.log(isInSellableTimeframe) // true if the timeframe is active
+  console.log(sellableTimeframeStartsInFuture) // true if the time frame starts in the future
+  console.log(sellableTimeframeEndsInPast) // true if the timeframe ended in the past
   ```
 
 ## 1.5.6
@@ -145,26 +152,25 @@
 - 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.
 
   ```ts
   // Before
-  const { data } = await useRpc("getProduct", "my-static-product-key", {
+  const { data } = await useRpc('getProduct', 'my-static-product-key', {
     productId: 123,
-  });
+  })
 
   // After
-  const productId = ref(123);
+  const productId = ref(123)
 
   // The key is now reactive. If `productId` changes, the key updates
   // to 'product-456' (for example) and triggers a new fetch.
   const { data } = await useRpc(
-    "getProduct",
+    'getProduct',
     () => `product-${productId.value}`,
-    { productId }
-  );
+    { productId },
+  )
   ```
 
 ## 1.5.5
@@ -201,15 +207,15 @@
 
   ```ts
   export default defineNuxtConfig({
-    modules: ["@scayle/storefront-product-detail"],
+    modules: ['@scayle/storefront-product-detail'],
     runtimeConfig: {
       public: {
-        "product-detail": {
+        'product-detail': {
           maxRecentlyViewedProducts: 15,
         },
       },
     },
-  });
+  })
   ```
 
 ## 1.5.0
@@ -221,15 +227,15 @@
   Example usage:
 
   ```ts
-  import { useRecentlyViewedProducts } from "#storefront-product-detail/composables";
+  import { useRecentlyViewedProducts } from '#storefront-product-detail/composables'
 
   const { products, addProduct, loadMissingProducts } =
-    useRecentlyViewedProducts();
+    useRecentlyViewedProducts()
 
   onBeforeMount(async () => {
-    addProductId(1234);
-    await loadMissingProducts();
-  });
+    addProductId(1234)
+    await loadMissingProducts()
+  })
   ```
 
 ## 1.4.2
@@ -261,44 +267,44 @@
 
   ```ts
   useProductSeoData({
-    name: "Name",
-    brand: "Brand",
-    productDescription: "Description",
+    name: 'Name',
+    brand: 'Brand',
+    productDescription: 'Description',
     variants: variants.value.map((variant) => {
       return generateProductSchema({
-        productName: "Name",
+        productName: 'Name',
         variant,
         url: `${$config.public.baseUrl}${route.fullPath}`,
         size,
-      });
+      })
     }),
     images: images.value,
     productId: product.value?.id || 0,
     color: formatColors(colors.value),
     variesBy:
-      variants.value.length > 1 ? ["https://schema.org/size"] : undefined,
-  });
+      variants.value.length > 1 ? ['https://schema.org/size'] : undefined,
+  })
 
   // Will become
 
   useProductSeoData({
-    name: "Name",
-    brand: "Brand",
-    productDescription: "Description",
+    name: 'Name',
+    brand: 'Brand',
+    productDescription: 'Description',
     variants: variants.value.map((variant) => {
       return generateProductSchema({
-        productName: "Name",
+        productName: 'Name',
         variant,
         url: `${$config.public.baseUrl}${route.fullPath}`,
         size,
         images: images.value[0],
-      });
+      })
     }),
     productId: product.value?.id || 0,
     color: formatColors(colors.value),
     variesBy:
-      variants.value.length > 1 ? ["https://schema.org/size"] : undefined,
-  });
+      variants.value.length > 1 ? ['https://schema.org/size'] : undefined,
+  })
   ```
 
 ## 1.2.0
@@ -355,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`.
@@ -363,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.9.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.9.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;
-}, { method: "GET" });
+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

@@ -5,34 +5,34 @@ import {
   MIN_WITH_PARAMS_PRODUCT,
   defineRpcHandler
 } from "@scayle/storefront-nuxt";
-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"
-        );
+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
-  });
-}, { method: "GET" });
+    })(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.9.0",
+  "version": "1.9.1",
   "description": "Collection of essential composables and utilities to work with product detail",
   "author": "SCAYLE Commerce Engine",
   "license": "MIT",
@@ -40,27 +40,27 @@
   },
   "devDependencies": {
     "@arethetypeswrong/cli": "0.18.2",
-    "@nuxt/kit": "^3.20.2",
+    "@nuxt/kit": "^3.21.7",
     "@nuxt/module-builder": "1.0.2",
-    "@nuxt/schema": "^3.20.2",
+    "@nuxt/schema": "^3.21.7",
     "@nuxt/test-utils": "4.0.0",
     "@scayle/eslint-config-storefront": "^4.8.0",
-    "@types/node": "22.19.17",
-    "@vitest/coverage-v8": "4.1.5",
-    "@vueuse/core": "14.2.1",
+    "@types/node": "24.12.2",
+    "@vitest/coverage-v8": "4.1.9",
+    "@vueuse/core": "14.3.0",
     "eslint-formatter-gitlab": "7.1.0",
-    "eslint": "10.2.1",
-    "happy-dom": "20.9.0",
-    "nuxt": "^3.20.2",
-    "publint": "0.3.18",
+    "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.1.5",
+    "vitest": "4.1.9",
     "vue-router": "4.6.4",
-    "vue-tsc": "3.2.6",
-    "vue": "3.5.32",
-    "@scayle/storefront-nuxt": "8.61.0",
+    "vue-tsc": "3.3.5",
+    "vue": "3.5.38",
+    "@scayle/storefront-nuxt": "8.62.1",
     "@scayle/vitest-config-storefront": "1.0.0"
   },
   "scripts": {