@scayle/storefront-nuxt 8.31.0 → 8.32.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @scayle/storefront-nuxt
 
+## 8.32.0
+
+### Patch Changes
+
+**Dependencies**
+
+**@scayle/storefront-core v8.32.0**
+
+- Minor
+  - Added `minReduction` and `maxReduction` filter parameters to the `FetchProductsCountParams.where` type and updated the `getProductsCount` RPC method to accept and handle these new reduction-based filtering conditions.
+- Patch
+  - Fixed the `getFilters` RPC method to properly apply `minReduction` and `maxReduction` filter parameters when fetching product counts.
+
 ## 8.31.0
 
 ### Patch Changes
@@ -13,23 +26,23 @@
   - Added `minReduction` and `maxReduction` filter parameters to `FetchProductsByCategoryParams.where` and `FetchFiltersParams.where` types, and updated the `getProductsByCategory` and `getFilters` RPC methods to accept and handle these new reduction-based filtering conditions.
 
   ```ts
-  const { data } = useRpc('getFilters', 'getFiltersKey', () => ({
+  const { data } = useRpc("getFilters", "getFiltersKey", () => ({
     where: {
       minReduction: 10,
       maxReduction: 20,
     },
-  }))
+  }));
 
   const { data } = useRpc(
-    'getProductsByCategory',
-    'getProductsByCategoryKey',
+    "getProductsByCategory",
+    "getProductsByCategoryKey",
     () => ({
       where: {
         minReduction: 10,
         maxReduction: 20,
       },
     }),
-  )
+  );
   ```
 
 ## 8.30.3
@@ -81,28 +94,28 @@
 
   ```ts
   export const existingHandlerWithoutParams = async (_context: RpcContext) => {
-    return 'existing handler'
-  }
+    return "existing handler";
+  };
 
   export const existingHandlerWithParams = async (
     { name }: { name: string },
     _context: RpcContext,
   ) => {
-    return name
-  }
+    return name;
+  };
 
   // will become
 
   export const existingHandlerWithoutParams = defineRpcHandler(
     async (_context: RpcContext) => {
-      return 'existing handler'
+      return "existing handler";
     },
-  )
+  );
   export const existingHandlerWithParams = defineRpcHandler(
     async ({ name }: { name: string }, _context: RpcContext) => {
-      return name
+      return name;
     },
-  )
+  );
   ```
 
 - Patch
@@ -124,15 +137,15 @@
   - Added an optional `hideEmptyCategories` parameter to `getCategoryTree`. When enabled, the product count for each category is retrieved, and categories (including their children) without any products are removed. Enabling this option may increase response times, especially for large category trees.
 
   ```ts
-  import { rpcMethods } from '@scayle/storefront-core'
+  import { rpcMethods } from "@scayle/storefront-core";
 
-  rpcMethods.getCategoryTree({ hideEmptyCategories: true }, rpcContext)
+  rpcMethods.getCategoryTree({ hideEmptyCategories: true }, rpcContext);
   ```
 
   or
 
   ```ts
-  import { useCategoryTree } from '#storefront/composables'
+  import { useCategoryTree } from "#storefront/composables";
 
   const { data: rootCategories, status } = useCategoryTree(
     {
@@ -140,8 +153,8 @@
         hideEmptyCategories: true,
       },
     },
-    'category-navigation-tree',
-  )
+    "category-navigation-tree",
+  );
   ```
 
 ## 8.28.7
@@ -238,9 +251,9 @@
     params: {
       children: 10,
       includeHidden: true,
-      properties: { withName: ['sale'] },
+      properties: { withName: ["sale"] },
     },
-  })
+  });
   ```
 
 ### Patch Changes
@@ -411,16 +424,16 @@
     nitro: {
       storage: {
         redis: {
-          driver: 'redis',
-          host: 'localhost',
+          driver: "redis",
+          host: "localhost",
         },
         db: {
-          driver: 'fs',
-          base: './.data/db',
+          driver: "fs",
+          base: "./.data/db",
         },
       },
     },
-  })
+  });
   ```
 
   With the introduction of the new approach for configuring storefront storage mounts, the global and shop-specific `storage` option within the `@scayle/storefront-nuxt` runtime configuration has been deprecated.
@@ -493,9 +506,9 @@
   ```typescript
   const idp = useIDP({
     authUrlParameters: {
-      theme: 'dark',
+      theme: "dark",
     },
-  })
+  });
   ```
 
 ### Patch Changes
@@ -637,11 +650,11 @@
       storefront: {
         redirects: {
           enabled: true,
-          strategy: 'on-missing',
+          strategy: "on-missing",
         },
       },
     },
-  })
+  });
   ```
 
   Also, keep in mind that when this option is enabled, the redirect logic will only be executed when the request would otherwise result in a 404. There are three ways in which a 404 can occur.
@@ -655,7 +668,7 @@
   If the request handler returns a `Response` object with a `status` of 404, a 404 response will be returned to the client.
 
   ```typescript
-  return new Response(null, { status: 404 })
+  return new Response(null, { status: 404 });
   ```
 
   3. Thrown H3Error with 404 status
@@ -663,8 +676,8 @@
   If the request handler throws an H3Error with a `statusCode` 404, a 404 response will be returned to the client.
 
   ```typescript
-  import { createError } from 'h3'
-  throw createError({ statusCode: 404 })
+  import { createError } from "h3";
+  throw createError({ statusCode: 404 });
   ```
 
 ### Patch Changes
@@ -1106,28 +1119,28 @@
   **rpc-methods.ts**
 
   ```typescript
-  import type { RpcContext, RpcHandler } from '@scayle/storefront-nuxt'
+  import type { RpcContext, RpcHandler } from "@scayle/storefront-nuxt";
 
   export const foo: RpcHandler<string, number> = function testing(
     param: string,
     _: RpcContext,
   ) {
-    return param.length
-  }
+    return param.length;
+  };
   ```
 
   **module.ts**
 
   ```typescript
   function setup() {
-    const resolver = createResolver(import.meta.url)
+    const resolver = createResolver(import.meta.url);
 
-    nuxt.hook('storefront:custom-rpc:extend', (customRpcImports) => {
+    nuxt.hook("storefront:custom-rpc:extend", (customRpcImports) => {
       customRpcImports.push({
-        source: resolver.resolve('./rpc-methods.ts'),
-        names: ['foo'],
-      })
-    })
+        source: resolver.resolve("./rpc-methods.ts"),
+        names: ["foo"],
+      });
+    });
   }
   ```
 
@@ -1349,23 +1362,23 @@
         storefront: {
           // ...
           redis: {
-            host: 'localhost',
+            host: "localhost",
             port: 6379,
-            prefix: '',
-            user: '',
-            password: '',
+            prefix: "",
+            user: "",
+            password: "",
             sslTransit: false,
           },
           // ...
           session: {
             // ...
-            provider: 'redis',
+            provider: "redis",
           },
         },
         // ...
       },
       // ...
-    })
+    });
     ```
 
   - _Current Unified Storage Approach (`nuxt.config.ts`):_
@@ -1379,13 +1392,13 @@
           // ...
           storage: {
             cache: {
-              driver: 'redis',
-              host: 'localhost',
+              driver: "redis",
+              host: "localhost",
               port: 6379,
             },
             session: {
-              driver: 'redis',
-              host: 'localhost',
+              driver: "redis",
+              host: "localhost",
               port: 6379,
             },
             // ...
@@ -1395,7 +1408,7 @@
         // ...
       },
       // ...
-    })
+    });
     ```
 
 - **\[💥 BREAKING\]** The composable `useSearch` has been replaced by `useStorefrontSearch`, consolidating and transitioning to SCAYLE Search v2.
@@ -1462,9 +1475,9 @@
 
     ```ts
     const { activeFilters, applyFilters, resetFilterUrl, productConditions } =
-      useQueryFilterState()
+      useQueryFilterState();
 
-    applyFilters({ brand: 23, sale: true, maxPrice: 100, minPrice: 0 })
+    applyFilters({ brand: 23, sale: true, maxPrice: 100, minPrice: 0 });
     ```
 
   - _Current Usage of `useFilter` and `useAppliedFilters`:_
@@ -1477,20 +1490,20 @@
       resetFilters,
       resetPriceFilter,
       resetFilter,
-    } = useFilter()
+    } = useFilter();
 
-    applyPriceFilter([0, 100])
-    applyBooleanFilter('sale', true)
-    applyAttributeFilter('brand', 23)
+    applyPriceFilter([0, 100]);
+    applyBooleanFilter("sale", true);
+    applyAttributeFilter("brand", 23);
 
-    const route = useRoute()
+    const route = useRoute();
     const {
       appliedFilter,
       appliedFiltersCount,
       appliedAttributeValues,
       appliedBooleanValues,
       areFiltersApplied,
-    } = useAppliedFilters(route)
+    } = useAppliedFilters(route);
     ```
 
 - **\[💥 BREAKING\]** The `getBadgeLabel` helper function has been removed, giving you more control over badge label display.
@@ -1500,43 +1513,43 @@
 
     ```ts
     const BadgeLabel = {
-      NEW: 'new',
-      SOLD_OUT: 'sold_out',
-      ONLINE_EXCLUSIVE: 'online_exclusive',
-      SUSTAINABLE: 'sustainable',
-      PREMIUM: 'premium',
-      DEFAULT: '',
-    } as const
+      NEW: "new",
+      SOLD_OUT: "sold_out",
+      ONLINE_EXCLUSIVE: "online_exclusive",
+      SUSTAINABLE: "sustainable",
+      PREMIUM: "premium",
+      DEFAULT: "",
+    } as const;
 
     type BadgeLabelParamsKeys =
-      | 'isNew'
-      | 'isSoldOut'
-      | 'isOnlineOnly'
-      | 'isSustainable'
-      | 'isPremium'
-    type BadgeLabelParams = Partial<Record<BadgeLabelParamsKeys, boolean>>
+      | "isNew"
+      | "isSoldOut"
+      | "isOnlineOnly"
+      | "isSustainable"
+      | "isPremium";
+    type BadgeLabelParams = Partial<Record<BadgeLabelParamsKeys, boolean>>;
 
     const getBadgeLabel = (params: BadgeLabelParams = {}): string => {
       if (!params) {
-        return BadgeLabel.DEFAULT
+        return BadgeLabel.DEFAULT;
       }
       const { isNew, isSoldOut, isOnlineOnly, isSustainable, isPremium } =
-        params
+        params;
 
       if (isNew) {
-        return BadgeLabel.NEW
+        return BadgeLabel.NEW;
       } else if (isSoldOut) {
-        return BadgeLabel.SOLD_OUT
+        return BadgeLabel.SOLD_OUT;
       } else if (isOnlineOnly) {
-        return BadgeLabel.ONLINE_EXCLUSIVE
+        return BadgeLabel.ONLINE_EXCLUSIVE;
       } else if (isSustainable) {
-        return BadgeLabel.SUSTAINABLE
+        return BadgeLabel.SUSTAINABLE;
       } else if (isPremium) {
-        return BadgeLabel.PREMIUM
+        return BadgeLabel.PREMIUM;
       } else {
-        return BadgeLabel.DEFAULT
+        return BadgeLabel.DEFAULT;
       }
-    }
+    };
     ```
 
 - **\[💥 BREAKING\]** The `store` option in the module configuration has been removed. `œscayle/storefront-nuxt@7.84.0` introduced the `shops` option as a replacement, but maintained backward compatibility with the `store` option. Going forward, configuring shops must be done using the `shops` keyword.
@@ -1560,7 +1573,7 @@
         // ...
       },
       // ...
-    })
+    });
     ```
 
   - _Previous Environment Variables for Store Configuration:_
@@ -1589,7 +1602,7 @@
         // ...
       },
       // ...
-    })
+    });
     ```
 
   - _Current Environment Variables for Shops Configuration:_
@@ -1609,8 +1622,8 @@
     ```ts
     useProduct({
       // ...
-      key: 'productKey',
-    })
+      key: "productKey",
+    });
     ```
 
   - _Current `key` as dedicated composables argument:_
@@ -1620,8 +1633,8 @@
       {
         // ...
       },
-      'productKey',
-    )
+      "productKey",
+    );
     ```
 
 - **\[💥 BREAKING\]** Introducing a new feature flag `storefront.legacy.enableSessionMigration` to control the automatic migration of legacy session data, set to `false` by default. Starting with `@scayle/storefront-nuxt@7.68.0` Storefront uses unique session cookie names for each shop, simplifying implementation and enhancing stability.
@@ -1638,27 +1651,27 @@
   - _Previous Usage of `handleIDPLoginCallback`:_
 
     ```ts
-    const { handleIDPLoginCallback } = await useIDP()
+    const { handleIDPLoginCallback } = await useIDP();
 
     watch(
       () => route.query,
       async (query) => {
         if (query.code && isString(query.code)) {
-          await handleIDPLoginCallback(query.code)
+          await handleIDPLoginCallback(query.code);
         }
       },
       { immediate: true },
-    )
+    );
     ```
 
   - _Current Usage of `loginIDP`:_
 
     ```ts
-    const { loginIDP } = useAuthentication('login')
+    const { loginIDP } = useAuthentication("login");
 
     onMounted(async () => {
-      await loginIDP(props.code)
-    })
+      await loginIDP(props.code);
+    });
     ```
 
 - **\[🧹 NON-BREAKING\]** Addressed various type resolution errors that were present when using the `@scayle/storefront-nuxt` package with different Node.js versions and module systems. These errors manifested as internal resolution errors or ESM dynamic import only warnings. With this fix, the package now more consistently resolves types correctly across Node.js 16 (CJS and ESM), and bundlers, ensuring a smoother developer experience.
@@ -1668,17 +1681,17 @@
   - _Previous `useRpc` with `autoFetch`:_
 
     ```ts
-    useRpc('rpcMethod', key, params, { autoFetch: true })
+    useRpc("rpcMethod", key, params, { autoFetch: true });
 
-    useUser({ autoFetch: true })
+    useUser({ autoFetch: true });
     ```
 
   - _Current `useRpc` with `immediate`:_
 
     ```ts
-    useRpc('rpcMethod', key, params, { immediate: true })
+    useRpc("rpcMethod", key, params, { immediate: true });
 
-    useUser({ immediate: true })
+    useUser({ immediate: true });
     ```
 
 - **\[💥 BREAKING\]** The attribute `isCmsPreview` has been removed from `RpcContext`.
@@ -1698,18 +1711,18 @@
       getSearchSuggestions,
       fetching,
       ...searchData
-    } = useStorefrontSearch(searchQuery, { key })
+    } = useStorefrontSearch(searchQuery, { key });
 
-    fetching.value // true or false
+    fetching.value; // true or false
     ```
 
   - _Current `useStorefrontSearch` returning `status`:_
 
     ```ts
     const { data, resolveSearch, getSearchSuggestions, status, ...searchData } =
-      useStorefrontSearch(searchQuery, {}, key)
+      useStorefrontSearch(searchQuery, {}, key);
 
-    status.value // 'idle', 'pending', 'error' or 'success'
+    status.value; // 'idle', 'pending', 'error' or 'success'
     ```
 
 - **\[💥 BREAKING\]** We've simplified composable caching and clarified the control you have over shared state behavior. The configuration option `disableDefaultGetCachedDataOverride` has been replaced with `legacy.enableDefaultGetCachedDataOverride`, and its logic has been reversed. Now, when `legacy.enableDefaultGetCachedDataOverride` is not set or set to `false`, the default behavior maintains the shared state functionality of `useRpc`, where multiple calls with the same key use the same cached data. Setting the option to `true` bypasses this shared caching, providing data isolation between calls. To maintain your existing caching behavior, simply change the value of `disableDefaultGetCachedDataOverride` to its opposite in your `nuxt.config.ts` file.
@@ -1734,7 +1747,7 @@
         // ...
       },
       // ...
-    })
+    });
     ```
 
   - _Current `enableDefaultGetCachedDataOverride`in `nuxt.config.ts`:_
@@ -1759,7 +1772,7 @@
         // ...
       },
       // ...
-    })
+    });
     ```
 
 - **\[💥 BREAKING\]** The `useRpc` composable has been updated to provide a more modern and robust data fetching experience, aligning its interface with the current and underlying [Nuxt 3 `useAsyncData`.](https://nuxt.com/docs/api/composables/use-async-data#return-values).
@@ -1781,7 +1794,7 @@
     function myCustomRpc() {
       // ...
 
-      throw new BaseError(404)
+      throw new BaseError(404);
     }
     ```
 
@@ -1791,7 +1804,7 @@
     function myCustomRpc() {
       // ...
 
-      return new Response(null, { status: 404 })
+      return new Response(null, { status: 404 });
     }
     ```
 

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@scayle/storefront-nuxt",
-  "version": "8.31.0",
+  "version": "8.32.0",
   "configKey": "storefront",
   "compatibility": {
     "nuxt": "^3.9.0"

package/dist/module.mjs

@@ -54,7 +54,7 @@ export default {
 }`;
 }
 const PACKAGE_NAME = "@scayle/storefront-nuxt";
-const PACKAGE_VERSION = "8.31.0";
+const PACKAGE_VERSION = "8.32.0";
 const logger = createConsola({
   fancy: true,
   formatOptions: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@scayle/storefront-nuxt",
   "type": "module",
-  "version": "8.31.0",
+  "version": "8.32.0",
   "description": "Nuxt integration for the SCAYLE Commerce Engine and Storefront API",
   "author": "SCAYLE Commerce Engine",
   "license": "MIT",
@@ -64,7 +64,7 @@
   "dependencies": {
     "@opentelemetry/api": "^1.9.0",
     "@scayle/h3-session": "0.6.1",
-    "@scayle/storefront-core": "8.31.0",
+    "@scayle/storefront-core": "8.32.0",
     "@scayle/unstorage-compression-driver": "^1.0.0",
     "@vercel/nft": "0.29.4",
     "@vueuse/core": "13.4.0",
@@ -90,15 +90,15 @@
     "@nuxt/kit": "3.16.2",
     "@nuxt/module-builder": "1.0.1",
     "@nuxt/schema": "3.16.2",
-    "@nuxt/test-utils": "3.18.0",
-    "@scayle/eslint-config-storefront": "4.5.11",
+    "@nuxt/test-utils": "3.19.2",
+    "@scayle/eslint-config-storefront": "4.5.12",
     "@scayle/eslint-plugin-vue-composable": "0.2.1",
     "@scayle/unstorage-scayle-kv-driver": "1.0.2",
-    "@types/node": "22.15.33",
+    "@types/node": "22.15.34",
     "@vitest/coverage-v8": "3.2.4",
-    "dprint": "0.50.0",
+    "dprint": "0.50.1",
     "eslint-formatter-gitlab": "6.0.1",
-    "eslint": "9.29.0",
+    "eslint": "9.30.0",
     "fishery": "2.3.1",
     "h3": "1.15.3",
     "nitro-test-utils": "0.9.2",
@@ -122,7 +122,7 @@
     "vue": "^3.4.0"
   },
   "volta": {
-    "node": "22.16.0"
+    "node": "22.17.0"
   },
   "scripts": {
     "build": "nuxt-module-build build",