@getlupa/vue 0.0.11 → 0.0.13

package/dist/lupaSearch.js

@@ -2583,9 +2583,14 @@ const redirectToResultsPage = (link, searchText, facet, routingBehavior = "direc
     window.location.assign(url);
   }
 };
-const getPageUrl = (pathnameOverride) => {
-  const pathname = pathnameOverride || window.location.pathname;
-  return new URL(window.location.origin + pathname + window.location.search);
+const getPageUrl = (pathnameOverride, ssr) => {
+  if (typeof window !== "undefined") {
+    const pathname = pathnameOverride || window.location.pathname;
+    const origin = window.location.origin;
+    const search2 = window.location.search;
+    return new URL(origin + pathname + search2);
+  }
+  return new URL(ssr.url, ssr.baseUrl);
 };
 const getFacetKey = (key, type) => {
   return `${FACET_FILTER_MAP[type]}${key}`;
@@ -2671,11 +2676,11 @@ const useParamsStore = defineStore("params", () => {
     var _a;
     return (_a = params.value.filters) != null ? _a : {};
   });
-  const add = (newParams) => {
+  const add = (newParams, ssr) => {
     if (!newParams) {
       return { params: params.value };
     }
-    const url = getPageUrl();
+    const url = getPageUrl(void 0, ssr);
     params.value = newParams;
     searchString.value = url.search;
   };
@@ -7588,10 +7593,12 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const optionsValue = vue.computed(() => {
-      var _a;
-      return (_a = props.options) != null ? _a : { labels: {} };
-    });
+    const optionsValue = vue.computed(
+      () => {
+        var _a;
+        return (_a = props.options) != null ? _a : { labels: {} };
+      }
+    );
     const paramStore = useParamsStore();
     const searchResultStore = useSearchResultStore();
     const optionsStore = useOptionsStore();
@@ -8438,7 +8445,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     const { layout } = storeToRefs(searchResultStore);
     const { searchResultsRoutingBehavior, searchResultOptions, trackingOptions } = storeToRefs(optionsStore);
     const { query } = storeToRefs(paramsStore);
-    const isInStock = vue.ref(false);
+    const isInStock = vue.ref(true);
     const listLayoutClass = vue.computed(() => {
       return layout.value === ResultsLayoutEnum.LIST && !props.isAdditionalPanel ? "lupa-search-result-product-contents-list" : "";
     });
@@ -8480,6 +8487,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     const title = vue.computed(() => {
       return props.options.titleKey ? props.product[props.options.titleKey] : "";
     });
+    const ssr = vue.computed(() => Boolean(optionsStore.searchResultOptions.ssr));
     const clickTrackingType = vue.computed(() => {
       if (clickTrackingSettings.value.eventType) {
         return clickTrackingSettings.value.eventType;
@@ -8550,6 +8558,9 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     const handleNavigation = (event) => {
       handleRoutingEvent(link.value, event, hasEventRouting.value);
     };
+    if (ssr.value) {
+      checkIfIsInStock();
+    }
     return (_ctx, _cache) => {
       var _a;
       return vue.openBlock(), vue.createElementBlock("div", {
@@ -8911,12 +8922,14 @@ const _hoisted_5 = { key: 4 };
 const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProducts",
   props: {
-    options: {}
+    options: {},
+    ssr: { type: Boolean }
   },
   setup(__props) {
     const props = __props;
     const searchResultStore = useSearchResultStore();
     const paramStore = useParamsStore();
+    useOptionsStore();
     const {
       hasResults,
       currentQueryText,
@@ -8975,11 +8988,18 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
       return (_e = (_d = (_c = (_b = (_a = props.options) == null ? void 0 : _a.filters) == null ? void 0 : _b.currentFilters) == null ? void 0 : _c.desktopToolbar) == null ? void 0 : _d.activeFiltersExpanded) != null ? _e : false;
     });
     const columnSize = vue.computed(() => {
+      if (props.ssr) {
+        return "";
+      }
       if (layout.value === ResultsLayoutEnum.LIST) {
         return "width: 100%";
       }
       return `width: ${100 / columnCount.value}%`;
     });
+    const hasSimilarQueries = vue.computed(() => {
+      var _a;
+      return (_a = searchResult.value.similarQueries) == null ? void 0 : _a.length;
+    });
     const getProductKeyAction = (index, product) => {
       return getProductKey(`${index}`, product, props.options.idKey);
     };
@@ -9064,7 +9084,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
           vue.createTextVNode(vue.toDisplayString(_ctx.options.labels.emptyResults) + " ", 1),
           vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(currentQueryText)), 1)
         ])) : vue.createCommentVNode("", true),
-        vue.unref(searchResult).similarQueries ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+        hasSimilarQueries.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
           vue.createVNode(_sfc_main$a, {
             labels: similarQueriesLabels.value,
             columnSize: columnSize.value,
@@ -9168,6 +9188,8 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     const { searchString } = storeToRefs(paramStore);
     const { defaultSearchResultPageSize } = storeToRefs(optionStore);
     const searchResultsFilters = vue.ref(null);
+    const ssrSetupDone = vue.ref(false);
+    const ssrEnabled = vue.computed(() => Boolean(props.options.ssr));
     const didYouMeanLabels = vue.computed(() => {
       return pick(props.options.labels, ["noResultsSuggestion", "didYouMean"]);
     });
@@ -9182,6 +9204,9 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
       var _a, _b;
       window.addEventListener("resize", handleResize);
       optionStore.setSearchResultOptions({ options: props.options });
+      if (props.initialData) {
+        searchResultStore.add(__spreadValues({}, props.initialData));
+      }
       handleMounted();
       optionStore.setInitialFilters({ initialFilters: initialFilters.value });
       (_b = (_a = props.options.callbacks) == null ? void 0 : _a.onMounted) == null ? void 0 : _b.call(_a);
@@ -9285,18 +9310,44 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     };
     vue.watch(searchString, () => handleParamsChange());
     const handleParamsChange = () => {
-      var _a, _b;
+      var _a, _b, _c, _d;
+      const searchParams = getSearchParams(
+        (_a = props.options.ssr) == null ? void 0 : _a.url,
+        void 0,
+        (_b = props.options.ssr) == null ? void 0 : _b.baseUrl
+      );
+      if (searchParams.has(QUERY_PARAMS.QUERY) && props.initialData && !ssrSetupDone.value) {
+        ssrSetupDone.value = true;
+        return;
+      }
       handleUrlChange();
-      (_b = (_a = props.options.callbacks) == null ? void 0 : _a.onUrlQueryChange) == null ? void 0 : _b.call(_a, {
+      (_d = (_c = props.options.callbacks) == null ? void 0 : _c.onUrlQueryChange) == null ? void 0 : _d.call(_c, {
         queryKey: props.options.queryKey,
         urlQueryString: searchString.value
       });
     };
     const handleCreated = () => {
+      var _a, _b;
       const initialData = props.initialData;
       if (initialData) {
-        handleResults({ queryKey: props.options.queryKey, results: initialData });
+        if (typeof window !== "undefined") {
+          optionStore.setSearchResultOptions({ options: props.options });
+          if (props.initialData) {
+            searchResultStore.add(__spreadValues({}, props.initialData));
+          }
+          handleMounted();
+          return;
+        }
+        const searchParams = getSearchParams(
+          (_a = props.options.ssr) == null ? void 0 : _a.url,
+          void 0,
+          (_b = props.options.ssr) == null ? void 0 : _b.baseUrl
+        );
+        optionStore.setSearchResultOptions({ options: props.options });
         searchResultStore.add(__spreadValues({}, initialData));
+        paramStore.add(parseParams(searchParams), props.options.ssr);
+        paramStore.setDefaultLimit(defaultSearchResultPageSize.value);
+        handleResults({ queryKey: props.options.queryKey, results: initialData });
       }
     };
     handleCreated();
@@ -9338,12 +9389,15 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
               options: _ctx.options,
               "is-product-list": (_c = _ctx.isProductList) != null ? _c : false
             }, null, 8, ["options", "is-product-list"]),
-            vue.createVNode(_sfc_main$6, { options: _ctx.options }, {
+            vue.createVNode(_sfc_main$6, {
+              options: _ctx.options,
+              ssr: ssrEnabled.value
+            }, {
               append: vue.withCtx(() => [
                 vue.renderSlot(_ctx.$slots, "default")
               ]),
               _: 3
-            }, 8, ["options"])
+            }, 8, ["options", "ssr"])
           ])
         ])) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 5 }, [
           vue.createVNode(_sfc_main$Q, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
@@ -9358,7 +9412,10 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
               ref_key: "searchResultsFilters",
               ref: searchResultsFilters
             }, null, 8, ["options"])) : vue.createCommentVNode("", true),
-            vue.createVNode(_sfc_main$6, { options: _ctx.options }, vue.createSlots({
+            vue.createVNode(_sfc_main$6, {
+              options: _ctx.options,
+              ssr: ssrEnabled.value
+            }, vue.createSlots({
               append: vue.withCtx(() => [
                 vue.renderSlot(_ctx.$slots, "default")
               ]),
@@ -9371,7 +9428,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
                 ]),
                 key: "0"
               } : void 0
-            ]), 1032, ["options"])
+            ]), 1032, ["options", "ssr"])
           ])
         ], 64))
       ], 2);

package/dist/lupaSearch.mjs

@@ -2581,9 +2581,14 @@ const redirectToResultsPage = (link, searchText, facet, routingBehavior = "direc
     window.location.assign(url);
   }
 };
-const getPageUrl = (pathnameOverride) => {
-  const pathname = pathnameOverride || window.location.pathname;
-  return new URL(window.location.origin + pathname + window.location.search);
+const getPageUrl = (pathnameOverride, ssr) => {
+  if (typeof window !== "undefined") {
+    const pathname = pathnameOverride || window.location.pathname;
+    const origin = window.location.origin;
+    const search2 = window.location.search;
+    return new URL(origin + pathname + search2);
+  }
+  return new URL(ssr.url, ssr.baseUrl);
 };
 const getFacetKey = (key, type) => {
   return `${FACET_FILTER_MAP[type]}${key}`;
@@ -2669,11 +2674,11 @@ const useParamsStore = defineStore("params", () => {
     var _a;
     return (_a = params.value.filters) != null ? _a : {};
   });
-  const add = (newParams) => {
+  const add = (newParams, ssr) => {
     if (!newParams) {
       return { params: params.value };
     }
-    const url = getPageUrl();
+    const url = getPageUrl(void 0, ssr);
     params.value = newParams;
     searchString.value = url.search;
   };
@@ -7586,10 +7591,12 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const optionsValue = computed(() => {
-      var _a;
-      return (_a = props.options) != null ? _a : { labels: {} };
-    });
+    const optionsValue = computed(
+      () => {
+        var _a;
+        return (_a = props.options) != null ? _a : { labels: {} };
+      }
+    );
     const paramStore = useParamsStore();
     const searchResultStore = useSearchResultStore();
     const optionsStore = useOptionsStore();
@@ -8436,7 +8443,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     const { layout } = storeToRefs(searchResultStore);
     const { searchResultsRoutingBehavior, searchResultOptions, trackingOptions } = storeToRefs(optionsStore);
     const { query } = storeToRefs(paramsStore);
-    const isInStock = ref(false);
+    const isInStock = ref(true);
     const listLayoutClass = computed(() => {
       return layout.value === ResultsLayoutEnum.LIST && !props.isAdditionalPanel ? "lupa-search-result-product-contents-list" : "";
     });
@@ -8478,6 +8485,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     const title = computed(() => {
       return props.options.titleKey ? props.product[props.options.titleKey] : "";
     });
+    const ssr = computed(() => Boolean(optionsStore.searchResultOptions.ssr));
     const clickTrackingType = computed(() => {
       if (clickTrackingSettings.value.eventType) {
         return clickTrackingSettings.value.eventType;
@@ -8548,6 +8556,9 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     const handleNavigation = (event) => {
       handleRoutingEvent(link.value, event, hasEventRouting.value);
     };
+    if (ssr.value) {
+      checkIfIsInStock();
+    }
     return (_ctx, _cache) => {
       var _a;
       return openBlock(), createElementBlock("div", {
@@ -8909,12 +8920,14 @@ const _hoisted_5 = { key: 4 };
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsProducts",
   props: {
-    options: {}
+    options: {},
+    ssr: { type: Boolean }
   },
   setup(__props) {
     const props = __props;
     const searchResultStore = useSearchResultStore();
     const paramStore = useParamsStore();
+    useOptionsStore();
     const {
       hasResults,
       currentQueryText,
@@ -8973,11 +8986,18 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       return (_e = (_d = (_c = (_b = (_a = props.options) == null ? void 0 : _a.filters) == null ? void 0 : _b.currentFilters) == null ? void 0 : _c.desktopToolbar) == null ? void 0 : _d.activeFiltersExpanded) != null ? _e : false;
     });
     const columnSize = computed(() => {
+      if (props.ssr) {
+        return "";
+      }
       if (layout.value === ResultsLayoutEnum.LIST) {
         return "width: 100%";
       }
       return `width: ${100 / columnCount.value}%`;
     });
+    const hasSimilarQueries = computed(() => {
+      var _a;
+      return (_a = searchResult.value.similarQueries) == null ? void 0 : _a.length;
+    });
     const getProductKeyAction = (index, product) => {
       return getProductKey(`${index}`, product, props.options.idKey);
     };
@@ -9062,7 +9082,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           createTextVNode(toDisplayString(_ctx.options.labels.emptyResults) + " ", 1),
           createElementVNode("span", null, toDisplayString(unref(currentQueryText)), 1)
         ])) : createCommentVNode("", true),
-        unref(searchResult).similarQueries ? (openBlock(), createElementBlock("div", _hoisted_5, [
+        hasSimilarQueries.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
           createVNode(_sfc_main$a, {
             labels: similarQueriesLabels.value,
             columnSize: columnSize.value,
@@ -9166,6 +9186,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     const { searchString } = storeToRefs(paramStore);
     const { defaultSearchResultPageSize } = storeToRefs(optionStore);
     const searchResultsFilters = ref(null);
+    const ssrSetupDone = ref(false);
+    const ssrEnabled = computed(() => Boolean(props.options.ssr));
     const didYouMeanLabels = computed(() => {
       return pick(props.options.labels, ["noResultsSuggestion", "didYouMean"]);
     });
@@ -9180,6 +9202,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       var _a, _b;
       window.addEventListener("resize", handleResize);
       optionStore.setSearchResultOptions({ options: props.options });
+      if (props.initialData) {
+        searchResultStore.add(__spreadValues({}, props.initialData));
+      }
       handleMounted();
       optionStore.setInitialFilters({ initialFilters: initialFilters.value });
       (_b = (_a = props.options.callbacks) == null ? void 0 : _a.onMounted) == null ? void 0 : _b.call(_a);
@@ -9283,18 +9308,44 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
     watch(searchString, () => handleParamsChange());
     const handleParamsChange = () => {
-      var _a, _b;
+      var _a, _b, _c, _d;
+      const searchParams = getSearchParams(
+        (_a = props.options.ssr) == null ? void 0 : _a.url,
+        void 0,
+        (_b = props.options.ssr) == null ? void 0 : _b.baseUrl
+      );
+      if (searchParams.has(QUERY_PARAMS.QUERY) && props.initialData && !ssrSetupDone.value) {
+        ssrSetupDone.value = true;
+        return;
+      }
       handleUrlChange();
-      (_b = (_a = props.options.callbacks) == null ? void 0 : _a.onUrlQueryChange) == null ? void 0 : _b.call(_a, {
+      (_d = (_c = props.options.callbacks) == null ? void 0 : _c.onUrlQueryChange) == null ? void 0 : _d.call(_c, {
         queryKey: props.options.queryKey,
         urlQueryString: searchString.value
       });
     };
     const handleCreated = () => {
+      var _a, _b;
       const initialData = props.initialData;
       if (initialData) {
-        handleResults({ queryKey: props.options.queryKey, results: initialData });
+        if (typeof window !== "undefined") {
+          optionStore.setSearchResultOptions({ options: props.options });
+          if (props.initialData) {
+            searchResultStore.add(__spreadValues({}, props.initialData));
+          }
+          handleMounted();
+          return;
+        }
+        const searchParams = getSearchParams(
+          (_a = props.options.ssr) == null ? void 0 : _a.url,
+          void 0,
+          (_b = props.options.ssr) == null ? void 0 : _b.baseUrl
+        );
+        optionStore.setSearchResultOptions({ options: props.options });
         searchResultStore.add(__spreadValues({}, initialData));
+        paramStore.add(parseParams(searchParams), props.options.ssr);
+        paramStore.setDefaultLimit(defaultSearchResultPageSize.value);
+        handleResults({ queryKey: props.options.queryKey, results: initialData });
       }
     };
     handleCreated();
@@ -9336,12 +9387,15 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               options: _ctx.options,
               "is-product-list": (_c = _ctx.isProductList) != null ? _c : false
             }, null, 8, ["options", "is-product-list"]),
-            createVNode(_sfc_main$6, { options: _ctx.options }, {
+            createVNode(_sfc_main$6, {
+              options: _ctx.options,
+              ssr: ssrEnabled.value
+            }, {
               append: withCtx(() => [
                 renderSlot(_ctx.$slots, "default")
               ]),
               _: 3
-            }, 8, ["options"])
+            }, 8, ["options", "ssr"])
           ])
         ])) : (openBlock(), createElementBlock(Fragment, { key: 5 }, [
           createVNode(_sfc_main$Q, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
@@ -9356,7 +9410,10 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               ref_key: "searchResultsFilters",
               ref: searchResultsFilters
             }, null, 8, ["options"])) : createCommentVNode("", true),
-            createVNode(_sfc_main$6, { options: _ctx.options }, createSlots({
+            createVNode(_sfc_main$6, {
+              options: _ctx.options,
+              ssr: ssrEnabled.value
+            }, createSlots({
               append: withCtx(() => [
                 renderSlot(_ctx.$slots, "default")
               ]),
@@ -9369,7 +9426,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                 ]),
                 key: "0"
               } : void 0
-            ]), 1032, ["options"])
+            ]), 1032, ["options", "ssr"])
           ])
         ], 64))
       ], 2);

package/dist/src/components/search-results/products/SearchResultsProducts.vue.d.ts

@@ -5,10 +5,18 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<SearchResultsProductOptions>;
         required: true;
     };
+    ssr: {
+        type: __PropType<boolean>;
+        required: false;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     options: {
         type: __PropType<SearchResultsProductOptions>;
         required: true;
     };
+    ssr: {
+        type: __PropType<boolean>;
+        required: false;
+    };
 }>>, {}, {}>;
 export default _sfc_main;

package/dist/src/stores/params.d.ts

@@ -1,6 +1,7 @@
 import { type Ref } from 'vue';
 import type { QueryParams } from '../types/search-results/QueryParams';
 import type { InputSuggestionFacet } from '../types/search-box/Common';
+import { SsrOptions } from '..';
 export declare const useParamsStore: import("pinia").StoreDefinition<"params", import("pinia")._UnwrapAll<Pick<{
     params: Ref<QueryParams>;
     defaultLimit: Ref<number>;
@@ -11,7 +12,7 @@ export declare const useParamsStore: import("pinia").StoreDefinition<"params", i
     limit: import("vue").ComputedRef<number>;
     sort: import("vue").ComputedRef<string>;
     filters: import("vue").ComputedRef<import("@getlupa/client-sdk/Types").FilterGroup>;
-    add: (newParams: QueryParams) => {
+    add: (newParams: QueryParams, ssr?: SsrOptions) => {
         params: QueryParams;
     };
     removeAllFilters: () => void;
@@ -51,7 +52,7 @@ export declare const useParamsStore: import("pinia").StoreDefinition<"params", i
     limit: import("vue").ComputedRef<number>;
     sort: import("vue").ComputedRef<string>;
     filters: import("vue").ComputedRef<import("@getlupa/client-sdk/Types").FilterGroup>;
-    add: (newParams: QueryParams) => {
+    add: (newParams: QueryParams, ssr?: SsrOptions) => {
         params: QueryParams;
     };
     removeAllFilters: () => void;
@@ -91,7 +92,7 @@ export declare const useParamsStore: import("pinia").StoreDefinition<"params", i
     limit: import("vue").ComputedRef<number>;
     sort: import("vue").ComputedRef<string>;
     filters: import("vue").ComputedRef<import("@getlupa/client-sdk/Types").FilterGroup>;
-    add: (newParams: QueryParams) => {
+    add: (newParams: QueryParams, ssr?: SsrOptions) => {
         params: QueryParams;
     };
     removeAllFilters: () => void;

package/dist/src/utils/routing.utils.d.ts

@@ -1,6 +1,6 @@
 import type { InputSuggestionFacet } from '../types/search-box/Common';
-import type { RoutingBehavior } from '..';
+import type { RoutingBehavior, SsrOptions } from '..';
 export declare const emitRoutingEvent: (url: string) => void;
 export declare const handleRoutingEvent: (link: string, event?: Event, hasEventRouting?: boolean) => void;
 export declare const redirectToResultsPage: (link: string, searchText: string, facet?: InputSuggestionFacet, routingBehavior?: RoutingBehavior) => void;
-export declare const getPageUrl: (pathnameOverride?: string) => URL;
+export declare const getPageUrl: (pathnameOverride?: string, ssr?: SsrOptions) => URL;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getlupa/vue",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "main": "dist/lupaSearch.js",
   "module": "dist/lupaSearch.mjs",
   "types": "dist/src/index.d.ts",