@scayle/storefront-product-listing 1.2.0 → 1.3.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @scayle/storefront-product-listing
 
+## 1.3.1
+
+### Patch Changes
+
+- Added `vue@>=3.5.13` to `peerDependencies`.
+
+## 1.3.0
+
+### Minor Changes
+
+- Add `buildQueryFromCategoryFilters` utility.
+
 ## 1.2.0
 
 ### Minor Changes

package/dist/module.json

@@ -1,13 +1,13 @@
 {
   "name": "@scayle/storefront-product-listing",
   "configKey": "product-listing",
-  "version": "1.2.0",
+  "version": "1.3.1",
   "compatibility": {
     "bridge": false,
     "nuxt": ">=3.13"
   },
   "builder": {
     "@nuxt/module-builder": "0.8.4",
-    "unbuild": "3.3.1"
+    "unbuild": "2.0.0"
   }
 }

package/dist/module.mjs

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

package/dist/runtime/composables/index.d.ts

@@ -0,0 +1,5 @@
+export * from './useAppliedFilters.js';
+export * from './useFiltersForListing.js';
+export * from './useProductListSort.js';
+export * from './useProductListingSeoData.js';
+export * from './useProductsForListing.js';

package/dist/runtime/composables/index.js

@@ -0,0 +1,5 @@
+export * from "./useAppliedFilters.js";
+export * from "./useFiltersForListing.js";
+export * from "./useProductListSort.js";
+export * from "./useProductListingSeoData.js";
+export * from "./useProductsForListing.js";

package/dist/runtime/utils/filters.d.ts

@@ -1,5 +1,5 @@
 import type { LocationQuery, RouteLocationNormalizedLoadedGeneric } from 'vue-router';
-import type { ProductSearchQuery } from '@scayle/storefront-api';
+import type { CategoryFilter, ProductSearchQuery } from '@scayle/storefront-nuxt';
 import type { RangeTuple } from '~/src';
 /**
  * Parses filter data from a Vue Router route object.
@@ -59,3 +59,11 @@ export declare const createNewBoolAttributeQuery: (route: RouteLocationNormalize
  * @returns A new query object with the filter cleared.
  */
 export declare const getClearedFilterQueryByKey: (route: RouteLocationNormalizedLoadedGeneric, key: string) => LocationQuery;
+/**
+ * Builds a new query object from category filters.
+ *
+ * @param filters - Category filters.
+ *
+ * @returns A new query object from Category filters.
+ */
+export declare const buildQueryFromCategoryFilters: (filters: CategoryFilter[]) => LocationQuery;

package/dist/runtime/utils/filters.js

@@ -1,5 +1,5 @@
 const getAttributeValues = (value) => {
-  return value.split(",").filter((v) => v !== "").map((v) => Number(v)).filter((v) => !isNaN(v));
+  return value.split(",").filter((v) => v !== "").map(Number).filter((v) => !isNaN(v));
 };
 export const parseFilterDataFromRoute = (route, filtersPrefix) => {
   const queryKeys = Object.keys(route.query);
@@ -9,7 +9,10 @@ export const parseFilterDataFromRoute = (route, filtersPrefix) => {
     if (!queryKey.includes(filtersPrefix)) {
       return;
     }
-    const filterName = queryKey.replace(filtersPrefix, "").replace("]", "").replace("[", "");
+    const filterName = queryKey.replace(filtersPrefix, "").replace(
+      /[\[\]]/g,
+      ""
+    );
     switch (filterName) {
       case "minPrice":
       case "maxPrice":
@@ -122,3 +125,20 @@ export const getClearedFilterQueryByKey = (route, key) => {
   }
   return query;
 };
+export const buildQueryFromCategoryFilters = (filters) => {
+  return filters.reduce((query, filter) => {
+    switch (filter.type) {
+      case "attribute":
+        return {
+          ...query,
+          [`filters[${filter.attributeFilter.group.key}]`]: filter.attributeFilter.values.map(({ id }) => id).join(",")
+        };
+      case "boolean":
+        return {
+          ...query,
+          [`filters[${filter.booleanFilter.slug}]`]: "true"
+        };
+    }
+    return query;
+  }, {});
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scayle/storefront-product-listing",
-  "version": "1.2.0",
+  "version": "1.3.1",
   "description": "Collection of essential composables and utilities to work with product listing",
   "author": "SCAYLE Commerce Engine",
   "license": "MIT",
@@ -18,6 +18,10 @@
       "types": "./dist/module.d.ts",
       "require": "./dist/module.cjs",
       "import": "./dist/module.mjs"
+    },
+    "./composables": {
+      "types": "./dist/runtime/composables/index.d.ts",
+      "import": "./dist/runtime/composables/index.js"
     }
   },
   "main": "./dist/index.mjs",
@@ -45,34 +49,39 @@
     "package:lint": "publint"
   },
   "peerDependencies": {
-    "@nuxt/kit": "^3.13.0",
+    "@nuxt/kit": ">=3.13.0",
+    "@scayle/storefront-core": "^8.0.0",
     "@scayle/storefront-nuxt": "^8.0.0",
-    "@vue/test-utils": "2.4.6",
-    "@vueuse/core": "12.5.0",
-    "fishery": "2.2.3",
-    "vue-router": "4.5.0"
+    "@vue/test-utils": "^2.4.6",
+    "@vueuse/core": "^12.8.2 || ^13.0.0",
+    "fishery": "^2.2.3",
+    "vue-router": "^4.5.0",
+    "vue": "^3.5.13"
   },
   "devDependencies": {
-    "@nuxt/kit": "3.14.1592",
+    "@nuxt/kit": "3.15.4",
     "@nuxt/module-builder": "0.8.4",
-    "@nuxt/schema": "3.14.1592",
-    "@nuxt/test-utils": "3.15.4",
+    "@nuxt/schema": "3.15.4",
+    "@nuxt/test-utils": "3.17.2",
     "@scayle/eslint-config-storefront": "4.4.1",
-    "@scayle/storefront-nuxt": "8.9.0",
-    "@types/node": "22.13.2",
+    "@scayle/storefront-api": "18.1.0",
+    "@scayle/storefront-nuxt": "8.11.11",
+    "@types/node": "22.13.10",
     "@vue/test-utils": "2.4.6",
-    "@vueuse/core": "12.5.0",
+    "@vueuse/core": "13.0.0",
     "dprint": "0.49.0",
-    "eslint": "9.20.1",
-    "happy-dom": "17.1.0",
     "eslint-formatter-gitlab": "5.1.0",
-    "nuxt": "3.14.1592",
+    "eslint": "9.22.0",
+    "fishery": "2.2.3",
+    "happy-dom": "17.4.3",
+    "nuxt": "3.15.4",
     "publint": "0.2.12",
-    "typescript": "5.7.3",
+    "schema-dts": "1.1.5",
+    "typescript": "5.8.2",
+    "unbuild": "2.0.0",
     "vitest": "2.1.9",
-    "schema-dts": "1.1.2",
     "vue-router": "4.5.0",
-    "fishery": "2.2.3",
-    "vue-tsc": "2.2.0"
+    "vue-tsc": "2.2.8",
+    "vue": "3.5.13"
   }
 }