@jay-framework/wix-stores 0.16.5 → 0.17.0

package/dist/contracts/product-card.jay-contract

@@ -183,6 +183,11 @@ tags:
     description: Secondary option for quick selection (text choices for COLOR_AND_TEXT_OPTIONS). Rendered as buttons or dropdown. Selection adds to cart.
     link: ./product-options
 
+  - tag: cardContainer
+    type: interactive
+    elementType: HTMLElement
+    description: The product card root element. Must be placed on the outermost card wrapper so that mouseenter preloads variant stock for quick-add options.
+
   - tag: viewOptionsButton
     type: interactive
     elementType: HTMLButtonElement

package/dist/contracts/product-card.jay-contract.d.ts

@@ -116,6 +116,7 @@ export type ProductCardInteractiveViewState = Pick<ProductCardViewState, 'price'
 export interface ProductCardRefs {
   productLink: HTMLElementProxy<ProductCardViewState, HTMLAnchorElement>,
   addToCartButton: HTMLElementProxy<ProductCardViewState, HTMLButtonElement>,
+  cardContainer: HTMLElementProxy<ProductCardViewState, HTMLElement>,
   viewOptionsButton: HTMLElementProxy<ProductCardViewState, HTMLButtonElement>,
   quickOption: ProductOptionsRefs,
   secondQuickOption: ProductOptionsRefs
@@ -125,6 +126,7 @@ export interface ProductCardRefs {
 export interface ProductCardRepeatedRefs {
   productLink: HTMLElementCollectionProxy<ProductCardViewState, HTMLAnchorElement>,
   addToCartButton: HTMLElementCollectionProxy<ProductCardViewState, HTMLButtonElement>,
+  cardContainer: HTMLElementCollectionProxy<ProductCardViewState, HTMLElement>,
   viewOptionsButton: HTMLElementCollectionProxy<ProductCardViewState, HTMLButtonElement>,
   quickOption: ProductOptionsRepeatedRefs,
   secondQuickOption: ProductOptionsRepeatedRefs

package/dist/index.client.js

@@ -426,6 +426,7 @@ function buildOptionFiltersViewState(baseOptionFilters, filteredResult, optionSe
 function ProductSearchInteractive(props, refs, viewStateSignals, fastCarryForward, storesContext) {
   const baseCategoryId = fastCarryForward.baseCategoryId;
   const variantStockCache = {};
+  let variantStockApplied = /* @__PURE__ */ new Set();
   const { searchExpression: [searchExpression, setSearchExpression], isSearching: [isSearching, setIsSearching], hasSearched: [hasSearched, setHasSearched], searchResults: [searchResults, setSearchResults], resultCount: [resultCount, setResultCount], hasResults: [hasResults, setHasResults], hasSuggestions: [hasSuggestions, setHasSuggestions], suggestions: [suggestions, setSuggestions], filters: [filters, setFilters], sortBy: [sortBy, setSortBy], hasMore: [hasMore, setHasMore], loadedCount: [loadedCount, setLoadedCount], totalCount: [totalCount, setTotalCount] } = viewStateSignals;
   const [submittedSearchTerm, setSubmittedSearchTerm] = createSignal(null);
   let currentCursor = null;
@@ -476,6 +477,7 @@ function ProductSearchInteractive(props, refs, viewStateSignals, fastCarryForwar
       if (version !== searchVersion) {
         return;
       }
+      variantStockApplied = /* @__PURE__ */ new Set();
       setSearchResults(result.products);
       setResultCount(result.products.length);
       setTotalCount(result.totalCount);
@@ -709,7 +711,7 @@ function ProductSearchInteractive(props, refs, viewStateSignals, fastCarryForwar
   });
   const variantStockLoading = /* @__PURE__ */ new Set();
   const loadVariantStock = async (productId) => {
-    if (variantStockCache[productId] || variantStockLoading.has(productId))
+    if (variantStockApplied.has(productId) || variantStockLoading.has(productId))
       return;
     variantStockLoading.add(productId);
     try {
@@ -720,8 +722,9 @@ function ProductSearchInteractive(props, refs, viewStateSignals, fastCarryForwar
       const product = currentResults[productIndex];
       if (product?.quickAddType !== QuickAddType.COLOR_AND_TEXT_OPTIONS)
         return;
-      const stockMap = await getVariantStock({ productId });
+      const stockMap = variantStockCache[productId] ?? await getVariantStock({ productId });
       variantStockCache[productId] = stockMap;
+      variantStockApplied.add(productId);
       const selectedColor = product.quickOption?.choices?.find((c) => c.isSelected);
       const textChoices = product.secondQuickOption?.choices;
       if (!selectedColor || !textChoices)
@@ -742,11 +745,7 @@ function ProductSearchInteractive(props, refs, viewStateSignals, fastCarryForwar
       variantStockLoading.delete(productId);
     }
   };
-  refs.searchResults.productLink.onmouseenter(({ coordinate }) => {
-    const [productId] = coordinate;
-    loadVariantStock(productId);
-  });
-  refs.searchResults.quickOption.choices.choiceButton.onmouseenter(({ coordinate }) => {
+  refs.searchResults.cardContainer.onmouseenter(({ coordinate }) => {
     const [productId] = coordinate;
     loadVariantStock(productId);
   });
@@ -853,10 +852,6 @@ function ProductSearchInteractive(props, refs, viewStateSignals, fastCarryForwar
       ]));
     }
   });
-  refs.searchResults.secondQuickOption.choices.choiceButton.onmouseenter(({ coordinate }) => {
-    const [productId] = coordinate;
-    loadVariantStock(productId);
-  });
   refs.searchResults.viewOptionsButton.onclick(({ coordinate }) => {
     const [productId] = coordinate;
     const product = searchResults().find((p) => p._id === productId);

package/dist/index.d.ts

@@ -130,6 +130,7 @@ interface ProductCardViewState {
 interface ProductCardRepeatedRefs {
   productLink: HTMLElementCollectionProxy<ProductCardViewState, HTMLAnchorElement>,
   addToCartButton: HTMLElementCollectionProxy<ProductCardViewState, HTMLButtonElement>,
+  cardContainer: HTMLElementCollectionProxy<ProductCardViewState, HTMLElement>,
   viewOptionsButton: HTMLElementCollectionProxy<ProductCardViewState, HTMLButtonElement>,
   quickOption: ProductOptionsRepeatedRefs,
   secondQuickOption: ProductOptionsRepeatedRefs

package/dist/index.js

@@ -1,5 +1,5 @@
 import { WIX_CART_CONTEXT, WIX_CART_SERVICE, cartIndicator, cartPage, provideWixCartContext, provideWixCartService } from "@jay-framework/wix-cart";
-import { createJayService, makeJayQuery, ActionError, makeJayStackComponent, RenderPipeline, makeJayInit, makeContractGenerator } from "@jay-framework/fullstack-component";
+import { createJayService, makeJayQuery, ActionError, RenderPipeline, makeJayStackComponent, makeJayInit, makeContractGenerator } from "@jay-framework/fullstack-component";
 import { customizationsV3, inventoryItemsV3, productsV3 } from "@wix/stores";
 import { categories } from "@wix/categories";
 import { registerService, getService } from "@jay-framework/stack-server-runtime";
@@ -763,6 +763,19 @@ const getCategories = makeJayQuery("wixStores.getCategories").withServices(WIX_S
     }
   }
 );
+function handleError(error) {
+  const errorCode = error["details"]?.applicationError?.code;
+  if (!!errorCode) {
+    error["details"]?.requestId;
+    if (errorCode === "NOT_FOUND") {
+      return RenderPipeline.for().clientError(404, "not found");
+    }
+    return RenderPipeline.for().serverError(
+      500,
+      "Wix SDK Error: " + error.message
+    );
+  } else return RenderPipeline.for().serverError(500, "unknown server error");
+}
 const PAGE_SIZE = 12;
 function mapSortToAction(sort) {
   switch (sort) {
@@ -982,11 +995,7 @@ async function renderSlowlyChanging$2(props, wixStores) {
       productsResult
     };
   }).recover((error) => {
-    console.error("Failed to load categories/products:", error);
-    return Pipeline.ok({
-      categories: [],
-      productsResult: null
-    });
+    return handleError(error);
   }).toPhaseOutput(({ categories: categories2, productsResult }) => {
     const categoryInfos = categories2.map((cat) => ({
       categoryId: cat._id || "",
@@ -1134,15 +1143,22 @@ async function renderFastChanging$1(props, slowCarryForward, _wixStores) {
 }
 async function* loadSearchParams([wixStores]) {
   try {
-    let findRootParent = function(cat) {
-      let current = cat;
-      while (current.parentCategory?._id) {
-        const parent = categoryById.get(current.parentCategory._id);
-        if (!parent)
-          break;
-        current = parent;
+    let sumItems = function(node) {
+      for (const child of node.children) {
+        node.itemCount += sumItems(child);
+      }
+      return node.itemCount;
+    }, collectParams = function(node, rootSlug) {
+      if (!node.slug || node.itemCount === 0)
+        return;
+      if (rootSlug) {
+        params.push({ prefix: rootSlug, category: node.slug });
+      } else {
+        params.push({ prefix: node.slug });
+      }
+      for (const child of node.children) {
+        collectParams(child, rootSlug ?? node.slug);
       }
-      return current._id !== cat._id ? current : null;
     };
     const allCategories = [];
     let result = await wixStores.categories.queryCategories({
@@ -1153,22 +1169,45 @@ async function* loadSearchParams([wixStores]) {
       result = await result.next();
       allCategories.push(...result.items || []);
     }
-    const categoryById = /* @__PURE__ */ new Map();
+    const nodeById = /* @__PURE__ */ new Map();
+    const roots = [];
+    const childPendingParent = /* @__PURE__ */ new Map();
     for (const cat of allCategories) {
-      if (cat._id)
-        categoryById.set(cat._id, cat);
-    }
-    const params = [];
-    for (const cat of allCategories) {
-      if (!cat.slug || (cat.itemCounter ?? 0) === 0)
+      if (!cat._id)
         continue;
-      const rootParent = findRootParent(cat);
-      if (rootParent?.slug) {
-        params.push({ prefix: rootParent.slug, category: cat.slug });
+      const node = {
+        slug: cat.slug || "",
+        itemCount: cat.itemCounter ?? 0,
+        children: []
+      };
+      nodeById.set(cat._id, node);
+      const pending = childPendingParent.get(cat._id);
+      if (pending) {
+        node.children.push(...pending);
+        childPendingParent.delete(cat._id);
+      }
+      if (cat.parentCategory?._id) {
+        const parent = nodeById.get(cat.parentCategory._id);
+        if (parent) {
+          parent.children.push(node);
+        } else {
+          const siblings = childPendingParent.get(cat.parentCategory._id);
+          if (siblings)
+            siblings.push(node);
+          else
+            childPendingParent.set(cat.parentCategory._id, [node]);
+        }
       } else {
-        params.push({ prefix: cat.slug });
+        roots.push(node);
       }
     }
+    for (const root of roots) {
+      sumItems(root);
+    }
+    const params = [];
+    for (const root of roots) {
+      collectParams(root, null);
+    }
     yield params;
   } catch (error) {
     console.error("Failed to load category params:", error);
@@ -1422,8 +1461,7 @@ async function renderSlowlyChanging$1(props, wixStores) {
     });
     return response;
   }).recover((error) => {
-    console.log("product page error", error);
-    return Pipeline.clientError(404, "not found");
+    return handleError(error);
   }).toPhaseOutput((getProductResponse) => {
     const product = getProductResponse.product;
     const { _id, name, plainDescription, options, modifiers, actualPriceRange, compareAtPriceRange, media, productType, brand, ribbon, infoSections, seoData, physicalProperties, inventory, variantsInfo } = product;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jay-framework/wix-stores",
-  "version": "0.16.5",
+  "version": "0.17.0",
   "type": "module",
   "description": "Wix Stores API client for Jay Framework",
   "license": "Apache-2.0",
@@ -37,16 +37,16 @@
     "test": ":"
   },
   "dependencies": {
-    "@jay-framework/component": "^0.16.5",
-    "@jay-framework/fullstack-component": "^0.16.5",
-    "@jay-framework/reactive": "^0.16.5",
-    "@jay-framework/runtime": "^0.16.5",
-    "@jay-framework/secure": "^0.16.5",
-    "@jay-framework/stack-client-runtime": "^0.16.5",
-    "@jay-framework/stack-server-runtime": "^0.16.5",
-    "@jay-framework/wix-cart": "^0.16.5",
-    "@jay-framework/wix-server-client": "^0.16.5",
-    "@jay-framework/wix-utils": "^0.16.5",
+    "@jay-framework/component": "^0.17.0",
+    "@jay-framework/fullstack-component": "^0.17.0",
+    "@jay-framework/reactive": "^0.17.0",
+    "@jay-framework/runtime": "^0.17.0",
+    "@jay-framework/secure": "^0.17.0",
+    "@jay-framework/stack-client-runtime": "^0.17.0",
+    "@jay-framework/stack-server-runtime": "^0.17.0",
+    "@jay-framework/wix-cart": "^0.17.0",
+    "@jay-framework/wix-server-client": "^0.17.0",
+    "@jay-framework/wix-utils": "^0.17.0",
     "@wix/categories": "^1.0.185",
     "@wix/data-extension-schema": "^1.0.221",
     "@wix/sdk": "^1.21.5",
@@ -58,10 +58,10 @@
     "@babel/core": "^7.23.7",
     "@babel/preset-env": "^7.23.8",
     "@babel/preset-typescript": "^7.23.3",
-    "@jay-framework/compiler-jay-stack": "^0.16.5",
-    "@jay-framework/jay-cli": "^0.16.5",
-    "@jay-framework/jay-stack-cli": "^0.16.5",
-    "@jay-framework/vite-plugin": "^0.16.5",
+    "@jay-framework/compiler-jay-stack": "^0.17.0",
+    "@jay-framework/jay-cli": "^0.17.0",
+    "@jay-framework/jay-stack-cli": "^0.17.0",
+    "@jay-framework/vite-plugin": "^0.17.0",
     "nodemon": "^3.0.3",
     "rimraf": "^5.0.5",
     "tslib": "^2.6.2",