@scayle/storefront-product-detail 1.5.0 → 1.5.1

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @scayle/storefront-product-detail
 
+## 1.5.1
+
+### Patch Changes
+
+- Added a runtime configuration option to control how many recently viewed products are kept.
+
+  To configure the maximum number of recently viewed products, add the following to the `public` section of your `runtimeConfig` in `nuxt.config.ts`:
+
+  ```ts
+  export default defineNuxtConfig({
+    modules: ['@scayle/storefront-product-detail'],
+    runtimeConfig: {
+      public: {
+        'product-detail': {
+          maxRecentlyViewedProducts: 15,
+        },
+      },
+    },
+  })
+  ```
+
 ## 1.5.0
 
 ### Minor Changes
@@ -9,15 +30,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
@@ -49,44 +70,46 @@
 
   ```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,
-  });
+    variesBy: 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,
-  });
+    variesBy: variants.value.length > 1
+      ? ['https://schema.org/size']
+      : undefined,
+  })
   ```
 
 ## 1.2.0
@@ -99,7 +122,7 @@
 
 ### Patch Changes
 
-- Use absolute URL's inproduct breadcrumbs JSONLD returned by `useProductSeoData`
+- Use absolute URL's in product breadcrumbs JSONLD returned by `useProductSeoData`
 
 ## 1.1.3
 

package/dist/module.d.mts

@@ -3,6 +3,13 @@ import * as _nuxt_schema from '@nuxt/schema';
 interface ModuleOptions {
     autoImports?: boolean;
 }
+declare module '@nuxt/schema' {
+    interface PublicRuntimeConfig {
+        'product-detail': {
+            maxRecentlyViewedProducts?: number;
+        };
+    }
+}
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
 
 export { _default as default };

package/dist/module.json

@@ -1,13 +1,13 @@
 {
   "name": "@scayle/storefront-product-detail",
   "configKey": "product-detail",
-  "version": "1.5.0",
+  "version": "1.5.1",
   "compatibility": {
     "bridge": false,
     "nuxt": ">=3.13"
   },
   "builder": {
-    "@nuxt/module-builder": "1.0.1",
-    "unbuild": "3.5.0"
+    "@nuxt/module-builder": "1.0.2",
+    "unbuild": "3.6.0"
   }
 }

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.5.0";
+const PACKAGE_VERSION = "1.5.1";
 const module = defineNuxtModule({
   meta: {
     name: PACKAGE_NAME,
@@ -17,6 +17,8 @@ const module = defineNuxtModule({
     const { resolve, resolvePath } = createResolver(import.meta.url);
     nuxt.options.alias["#storefront-product-detail"] = resolve("./runtime");
     nuxt.options.build.transpile.push("#storefront-product-detail/runtime");
+    nuxt.options.runtimeConfig.public["product-detail"] ??= {};
+    nuxt.options.runtimeConfig.public["product-detail"].maxRecentlyViewedProducts ??= 10;
     nuxt.hook("storefront:custom-rpc:extend", async (customRpcs) => {
       customRpcs.push({
         source: await resolvePath("./runtime/rpc/methods/products"),

package/dist/runtime/composables/useRecentlyViewedProducts.js

@@ -1,8 +1,9 @@
 import { useCurrentShop, useRpcCall } from "@scayle/storefront-nuxt/composables";
 import { useLocalStorage } from "@vueuse/core";
-import { useState } from "nuxt/app";
+import { useState, useRuntimeConfig } from "nuxt/app";
 export function useRecentlyViewedProducts(options) {
   const shop = useCurrentShop();
+  const maxRecentlyViewedProducts = useRuntimeConfig().public["product-detail"].maxRecentlyViewedProducts ?? 10;
   const recentlyViewedProductsIds = useLocalStorage(
     `${shop.value.shopId}-recently-viewed-products`,
     []
@@ -26,7 +27,7 @@ export function useRecentlyViewedProducts(options) {
       productIds.splice(productIds.indexOf(productId), 1);
     }
     productIds.unshift(productId);
-    if (productIds.length > 10) {
+    if (productIds.length > maxRecentlyViewedProducts) {
       productIds.pop();
     }
     recentlyViewedProductsIds.value = productIds;
@@ -69,7 +70,7 @@ export function useRecentlyViewedProducts(options) {
           return -1;
         }
         return aIndex - bIndex;
-      }).slice(0, 10);
+      }).slice(0, maxRecentlyViewedProducts);
       status.value = "success";
     } catch (e) {
       error.value = e;

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

@@ -1,4 +1,5 @@
-export const getAllShopProductsForId = async function getAllShopProductsForId2(options, context) {
+import { defineRpcHandler } from "@scayle/storefront-nuxt";
+export const getAllShopProductsForId = defineRpcHandler(async (options, context) => {
   const { runtimeConfiguration, sapiClient, log, cached } = context;
   const fetchAllProducts = async () => {
     const products = [];
@@ -29,4 +30,4 @@ export const getAllShopProductsForId = async function getAllShopProductsForId2(o
     // 12 hours
   })();
   return result;
-};
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scayle/storefront-product-detail",
-  "version": "1.5.0",
+  "version": "1.5.1",
   "description": "Collection of essential composables and utilities to work with product detail",
   "author": "SCAYLE Commerce Engine",
   "license": "MIT",
@@ -30,7 +30,6 @@
   "peerDependencies": {
     "@nuxt/kit": ">=3.13.0",
     "@scayle/storefront-nuxt": "^8.0.0",
-    "@vue/test-utils": "^2.4.6",
     "@vueuse/core": "^12.8.2 || ^13.0.0",
     "schema-dts": "^1.1.5",
     "vue-router": "^4.5.0",
@@ -38,29 +37,28 @@
   },
   "devDependencies": {
     "@arethetypeswrong/cli": "0.18.2",
-    "@nuxt/kit": "3.16.2",
-    "@nuxt/module-builder": "1.0.1",
-    "@nuxt/schema": "3.16.2",
+    "@nuxt/kit": "3.17.7",
+    "@nuxt/module-builder": "1.0.2",
+    "@nuxt/schema": "3.17.7",
     "@nuxt/test-utils": "3.19.2",
-    "@scayle/eslint-config-storefront": "4.5.12",
-    "@scayle/storefront-nuxt": "8.32.0",
-    "@types/node": "22.15.34",
+    "@types/node": "22.16.5",
     "@vitest/coverage-v8": "3.2.4",
-    "@vue/test-utils": "2.4.6",
-    "@vueuse/core": "13.4.0",
+    "@vueuse/core": "13.6.0",
     "dprint": "0.50.1",
     "eslint-formatter-gitlab": "6.0.1",
-    "eslint": "9.30.0",
+    "eslint": "9.32.0",
     "happy-dom": "18.0.1",
-    "nuxt": "3.16.2",
+    "nuxt": "3.17.7",
     "publint": "0.3.12",
     "schema-dts": "1.1.5",
     "typescript": "5.8.3",
-    "unbuild": "3.5.0",
+    "unbuild": "3.6.0",
     "vitest": "3.2.4",
     "vue-router": "4.5.1",
-    "vue-tsc": "2.2.10",
-    "vue": "3.5.17"
+    "vue-tsc": "3.0.4",
+    "vue": "3.5.18",
+    "@scayle/eslint-config-storefront": "4.7.2",
+    "@scayle/storefront-nuxt": "8.38.4"
   },
   "scripts": {
     "build": "nuxt-module-build build",