@nosto/search-js 1.2.0 → 1.3.0

package/README.md

@@ -51,7 +51,7 @@ const response = await search({
     track: 'serp',
     hitDecorators: [
         priceDecorator(),
-        thumbnailDecorator()
+        thumbnailDecorator({ size: "9" })
     ]
 })
 

package/dist/core/core.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function s(){window.nostojs=window.nostojs??function(t){(window.nostojs.q=window.nostojs.q??[]).push(t)}}async function c(t){return window.nostojs(t)}typeof window<"u"&&(s(),c(t=>{t.internal.getSettings()}));typeof window<"u"&&s();function a(t,n){if(!t.products||!(n!=null&&n.length))return t;const e=o=>n.reduce((r,i)=>i(r),o);return{...t,products:{...t.products,hits:t.products.hits.map(e)}}}function w(t){return new Promise(n=>setTimeout(n,t))}async function f(t,n,e){const{maxRetries:o=0,retryInterval:r=1e3}=e;let i=0;for(;;)try{return await t.search(n,e)}catch(u){if(!l(u))throw console.info("Skipping retry logic for",u),u;if(i>=o)throw u;i++,await w(r)}}function l(t){return!t||typeof t!="object"?!1:!("status"in t)||h(t.status)}function h(t){return typeof t=="number"&&(t<400||t>=500)}async function y(t,n={}){const{hitDecorators:e,...o}=n,r=await new Promise(c),i=await f(r,t,o);return a(i,e)}exports.search=y;

package/dist/core/core.es.js

@@ -0,0 +1,54 @@
+function s() {
+  window.nostojs = window.nostojs ?? function(t) {
+    (window.nostojs.q = window.nostojs.q ?? []).push(t);
+  };
+}
+async function c(t) {
+  return window.nostojs(t);
+}
+typeof window < "u" && (s(), c((t) => {
+  t.internal.getSettings();
+}));
+typeof window < "u" && s();
+function a(t, n) {
+  if (!t.products || !(n != null && n.length))
+    return t;
+  const i = (o) => n.reduce((r, e) => e(r), o);
+  return {
+    ...t,
+    products: {
+      ...t.products,
+      hits: t.products.hits.map(i)
+    }
+  };
+}
+function w(t) {
+  return new Promise((n) => setTimeout(n, t));
+}
+async function f(t, n, i) {
+  const { maxRetries: o = 0, retryInterval: r = 1e3 } = i;
+  let e = 0;
+  for (; ; )
+    try {
+      return await t.search(n, i);
+    } catch (u) {
+      if (!h(u))
+        throw console.info("Skipping retry logic for", u), u;
+      if (e >= o)
+        throw u;
+      e++, await w(r);
+    }
+}
+function h(t) {
+  return !t || typeof t != "object" ? !1 : !("status" in t) || l(t.status);
+}
+function l(t) {
+  return typeof t == "number" && (t < 400 || t >= 500);
+}
+async function y(t, n = {}) {
+  const { hitDecorators: i, ...o } = n, r = await new Promise(c), e = await f(r, t, o);
+  return a(e, i);
+}
+export {
+  y as search
+};

package/dist/core/index.d.ts

@@ -0,0 +1,3 @@
+/** @module ./ */
+export { search } from "./src/search";
+export type { Options, HitDecorator } from "./src/types";

package/dist/{search → core/src}/searchWithRetries.d.ts

@@ -1,4 +1,4 @@
-import { API, SearchQuery, SearchResult } from "@nosto/nosto-js/client";
+import type { API, SearchQuery, SearchResult } from "@nosto/nosto-js/client";
 import { Options } from "./types";
 export declare function searchWithRetries(api: API, query: SearchQuery, options: Options<[]>): Promise<SearchResult>;
 /**

package/dist/currencies/currencies.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function d(){window.nostojs=window.nostojs??function(t){(window.nostojs.q=window.nostojs.q??[]).push(t)}}async function y(t){return window.nostojs(t)}typeof window<"u"&&(d(),y(t=>{t.internal.getSettings()}));typeof window<"u"&&d();const p={defaultCurrency:"EUR",defaultLocale:"en-US",currencySettings:{}},w={EUR:"de-DE",GBP:"en-GB",USD:"en-US",AUD:"en-AU",CAD:"en-CA",INR:"en-IN",AFN:"en-IN",BDT:"en-IN",BTN:"en-IN",MMK:"en-IN",NPR:"en-IN",PKR:"en-IN"};function g(t={}){const i={...p,...t};t.currencySettings||y(o=>{i.currencySettings=o.internal.getSettings().currencySettings??{}});function s(o,n){const{defaultCurrency:c,currencySettings:e,defaultLocale:u}=i,a=n??c,m=w[a]??u;if(a in e){const r=e[a],l=new Intl.NumberFormat(m,{useGrouping:!!r.groupingSeparator,minimumFractionDigits:r.decimalPlaces,maximumFractionDigits:r.decimalPlaces}).formatToParts(o).map(f=>f.type==="group"?r.groupingSeparator:f.type==="decimal"?r.decimalCharacter:f.value).join("");return r!=null&&r.currencyBeforeAmount?`${r.currencyToken}${l}`:`${l}${r==null?void 0:r.currencyToken}`}return new Intl.NumberFormat(m,{style:"currency",currency:a}).format(o)}return{formatCurrency:s}}function C(t){const{formatCurrency:i}=g(t);function s(n,c){const e={};return n.price!==void 0&&(e.priceText=i(n.price,c)),n.listPrice!==void 0&&(e.listPriceText=i(n.listPrice,c)),Object.assign({},n,e)}function o(n){return n.price!==void 0||n.listPrice!==void 0}return function(c){if(!o(c))return c;const e=s(c,c.priceCurrencyCode);return e.skus&&e.skus.some(o)&&(e.skus=e.skus.map(u=>o(u)?s(u,c.priceCurrencyCode):u)),e}}exports.getCurrencyFormatting=g;exports.priceDecorator=C;

package/dist/currencies/currencies.es.js

@@ -0,0 +1,79 @@
+function d() {
+  window.nostojs = window.nostojs ?? function(t) {
+    (window.nostojs.q = window.nostojs.q ?? []).push(t);
+  };
+}
+async function y(t) {
+  return window.nostojs(t);
+}
+typeof window < "u" && (d(), y((t) => {
+  t.internal.getSettings();
+}));
+typeof window < "u" && d();
+const p = {
+  defaultCurrency: "EUR",
+  defaultLocale: "en-US",
+  /** @hidden  */
+  currencySettings: {}
+}, g = {
+  EUR: "de-DE",
+  GBP: "en-GB",
+  USD: "en-US",
+  AUD: "en-AU",
+  CAD: "en-CA",
+  //India, Afghanistan, Bangladesh, Bhutan, Myanmar, Nepal, and Pakistan uses lakhs and crores notation
+  INR: "en-IN",
+  AFN: "en-IN",
+  BDT: "en-IN",
+  BTN: "en-IN",
+  MMK: "en-IN",
+  NPR: "en-IN",
+  PKR: "en-IN"
+};
+function w(t = {}) {
+  const i = {
+    ...p,
+    ...t
+  };
+  t.currencySettings || y((o) => {
+    i.currencySettings = o.internal.getSettings().currencySettings ?? {};
+  });
+  function s(o, e) {
+    const { defaultCurrency: c, currencySettings: n, defaultLocale: u } = i, a = e ?? c, m = g[a] ?? u;
+    if (a in n) {
+      const r = n[a], l = new Intl.NumberFormat(m, {
+        useGrouping: !!r.groupingSeparator,
+        minimumFractionDigits: r.decimalPlaces,
+        maximumFractionDigits: r.decimalPlaces
+      }).formatToParts(o).map((f) => f.type === "group" ? r.groupingSeparator : f.type === "decimal" ? r.decimalCharacter : f.value).join("");
+      return r != null && r.currencyBeforeAmount ? `${r.currencyToken}${l}` : `${l}${r == null ? void 0 : r.currencyToken}`;
+    }
+    return new Intl.NumberFormat(m, {
+      style: "currency",
+      currency: a
+    }).format(o);
+  }
+  return {
+    formatCurrency: s
+  };
+}
+function P(t) {
+  const { formatCurrency: i } = w(t);
+  function s(e, c) {
+    const n = {};
+    return e.price !== void 0 && (n.priceText = i(e.price, c)), e.listPrice !== void 0 && (n.listPriceText = i(e.listPrice, c)), Object.assign({}, e, n);
+  }
+  function o(e) {
+    return e.price !== void 0 || e.listPrice !== void 0;
+  }
+  return function(c) {
+    if (!o(c))
+      return c;
+    const n = s(c, c.priceCurrencyCode);
+    return n.skus && n.skus.some(o) && (n.skus = n.skus.map((u) => o(u) ? s(u, c.priceCurrencyCode) : u)), n;
+  };
+}
+export {
+  w as getCurrencyFormatting,
+  P as priceDecorator
+};

package/dist/currencies/index.d.ts

@@ -0,0 +1,3 @@
+/** @module currencies */
+export { getCurrencyFormatting, type CurrencyConfig } from "./src/getCurrencyFormatting";
+export { priceDecorator, type FormattedPrices, type Result } from "./src/priceDecorator";

package/dist/preact/index.d.ts

@@ -0,0 +1,2 @@
+/** @module preact */
+export { usePersonalization } from "./src/hooks/usePersonalization";

package/dist/preact/preact.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("preact/hooks");function s(){window.nostojs=window.nostojs??function(o){(window.nostojs.q=window.nostojs.q??[]).push(o)}}async function e(o){return window.nostojs(o)}typeof window<"u"&&(s(),e(o=>{o.internal.getSettings()}));typeof window<"u"&&s();function c(){const[o,i]=n.useState([]),[a,u]=n.useState([]);return n.useEffect(()=>{e(async r=>{const{products:t,segments:w}=await r.getSearchSessionParams();i(w??[]),u((t==null?void 0:t.personalizationBoost)??[])})},[]),{segments:o,boost:a}}exports.usePersonalization=c;

package/dist/preact/preact.es.js

@@ -0,0 +1,28 @@
+import { useState as s, useEffect as c } from "preact/hooks";
+function t() {
+  window.nostojs = window.nostojs ?? function(o) {
+    (window.nostojs.q = window.nostojs.q ?? []).push(o);
+  };
+}
+async function e(o) {
+  return window.nostojs(o);
+}
+typeof window < "u" && (t(), e((o) => {
+  o.internal.getSettings();
+}));
+typeof window < "u" && t();
+function g() {
+  const [o, i] = s([]), [w, a] = s([]);
+  return c(() => {
+    e(async (r) => {
+      const { products: n, segments: u } = await r.getSearchSessionParams();
+      i(u ?? []), a((n == null ? void 0 : n.personalizationBoost) ?? []);
+    });
+  }, []), {
+    segments: o,
+    boost: w
+  };
+}
+export {
+  g as usePersonalization
+};

package/dist/preact/src/hooks/usePersonalization.d.ts

@@ -0,0 +1,41 @@
+import type { PersonalizationBoost } from "@nosto/nosto-js/client";
+/**
+ * Custom hook to fetch personalization data such as segments and boost.
+ *
+ * This hook uses the `nostojs` library to fetch search session parameters and updates
+ * the state with the fetched segments and personalization boost.
+ *
+ * @returns An object containing:
+ * - `segments`: An array of strings representing the personalization segments.
+ * - `boost`: An array of `PersonalizationBoost` objects representing the personalization boost.
+ *
+ * @example
+ * ```jsx
+ * import { usePersonalization } from '@nosto/preact'
+ *
+ * export default () => {
+ *   const { segments, boost } = usePersonalization()
+ *
+ *   return (
+ *     <div>
+ *       <h1>Personalization Segments</h1>
+ *       <ul>
+ *         {segments.map(segment => (
+ *           <li key={segment}>{segment}</li>
+ *         ))}
+ *       </ul>
+ *       <h1>Personalization Boost</h1>
+ *       <ul>
+ *         {boost.map(item => (
+ *           <li key={item.id}>{item.name}</li>
+ *         ))}
+ *       </ul>
+ *     </div>
+ *   )
+ * }
+ * ```
+ */
+export declare function usePersonalization(): {
+    segments: string[];
+    boost: PersonalizationBoost[];
+};

package/dist/thumbnails/index.d.ts

@@ -0,0 +1,6 @@
+/** @module thumbnails */
+export { generateThumbnailUrl, type Config as GenerateThumbnailUrlConfig } from "./src/generateThumbnailUrl";
+export { thumbnailDecorator, type Config as ThumbnailDecoratorConfig } from "./src/thumbnailDecorator";
+export { nostoThumbnailDecorator, type Config as NostoThumbnailDecoratorConfig } from "./src/nostoThumbnailDecorator";
+export { shopifyThumbnailDecorator, type Config as ShopifyThumbnailDecoratorConfig } from "./src/shopifyThumbnailDecorator";
+export type { NostoSize, ShopifySize, NostoShopifySize } from "./src/types";

package/dist/thumbnails/{generateThumbnailUrl.d.ts → src/generateThumbnailUrl.d.ts}

@@ -1,10 +1,10 @@
-import { ThumbnailSize } from "./types";
-export type Props = {
-    size: ThumbnailSize;
+import { NostoSize } from "./types";
+export type Config = {
+    size: NostoSize;
     productId: string;
     hash: string;
 };
 /**
  * Generates a thumbnail URL for a given product and size
  */
-export declare function generateThumbnailUrl({ size, productId, hash }: Props): string;
+export declare function generateThumbnailUrl({ size, productId, hash }: Config): string;

package/dist/thumbnails/{thumbnailDecorator.d.ts → src/nostoThumbnailDecorator.d.ts}

@@ -1,7 +1,7 @@
 import { SearchProduct } from "@nosto/nosto-js/client";
-import { ThumbnailSize } from "./types";
+import { NostoSize } from "./types";
 export type Config = {
-    size: ThumbnailSize;
+    size: NostoSize;
 };
 /**
  * Replaces full size images with thumbnail sized versions.
@@ -12,8 +12,3 @@ export type Config = {
  * - sku.imageHash -> sku.imageUrl
  */
 export declare function nostoThumbnailDecorator({ size }: Config): (hit: SearchProduct) => SearchProduct;
-/**
- * Replaces full size images with thumbnail sized versions.
- * Uses `shopifyThumbnailDecorator` and `nostoThumbnailDecorator` based on the platform.
- */
-export declare function thumbnailDecorator({ size }: Config): (hit: SearchProduct) => SearchProduct;

package/dist/thumbnails/{shopifyThumbnailDecorator.d.ts → src/shopifyThumbnailDecorator.d.ts}

@@ -1,26 +1,13 @@
 import { SearchProduct } from "@nosto/nosto-js/client";
-import { ShopifySize } from "./types";
-type NostoSize = keyof typeof sizeMappings;
+import { NostoShopifySize, ShopifySize } from "./types";
 export type Config = {
-    size: NostoSize | "orig" | ShopifySize;
+    size: ShopifySize | NostoShopifySize | "orig";
     fallback?: (hit: SearchProduct) => SearchProduct;
 };
-declare const sizeMappings: {
-    "1": string;
-    "2": string;
-    "3": string;
-    "4": string;
-    "5": string;
-    "6": string;
-    "7": string;
-    "8": string;
-    "9": string;
-};
-export declare function isSupportedNostoSize(size: string): size is NostoSize;
+export declare function isSupportedNostoSize(size: string): size is NostoShopifySize;
 /**
  * Replaces full size images with specified Nosto or Shopify thumbnail size.
  * This decorator will only affect the image URLs from Shopify CDN.
  * Supports the Nosto size codes "1"-"9" and additionally Shopify specific sizes.
  */
 export declare function shopifyThumbnailDecorator({ size, fallback }: Config): (hit: SearchProduct) => SearchProduct;
-export {};

package/dist/thumbnails/src/thumbnailDecorator.d.ts

@@ -0,0 +1,9 @@
+import { NostoSize } from "./types";
+export type Config = {
+    size: NostoSize;
+};
+/**
+ * Replaces full size images with thumbnail sized versions.
+ * Uses `shopifyThumbnailDecorator` and `nostoThumbnailDecorator` based on the platform.
+ */
+export declare function thumbnailDecorator({ size }: Config): (hit: import("@nosto/nosto-js/client").SearchProduct) => import("@nosto/nosto-js/client").SearchProduct;

package/dist/thumbnails/{types.d.ts → src/types.d.ts}

@@ -1,5 +1,6 @@
 /**
  * Nosto thumbnail size code.
+ * Sometimes referred to as `imageVersion`.
  *
  * * 1: 170x170 px
  * * 2: 100x100 px
@@ -15,7 +16,7 @@
  * * 12: 400x400 px (Square)
  * * 13: 750x750 px (Square)
  */
-export type ThumbnailSize = "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "orig";
+export type NostoSize = "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "orig";
 /**
  * Shopify thumbnail size code.
  *
@@ -31,3 +32,18 @@ export type ThumbnailSize = "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9"
  * * Master (full size)
  */
 export type ShopifySize = "pico" | "icon" | "thumb" | "small" | "compact" | "medium" | "large" | "grande" | "original" | "master";
+/**
+ * Shopify compatible Nosto thumbnail size code.
+ * This is a subset of {@link NostoSize} that is compatible with Shopify CDN.
+ *
+ * * 1: 170x170 px
+ * * 2: 100x100 px
+ * * 3: 90x70 px
+ * * 4: 50x50 px
+ * * 5: 30x30 px
+ * * 6: 100x140 px
+ * * 7: 200x200 px
+ * * 8: 400x400 px
+ * * 9: 750x750 px
+ */
+export type NostoShopifySize = "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9";

package/dist/thumbnails/thumbnails.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function l(){window.nostojs=window.nostojs??function(r){(window.nostojs.q=window.nostojs.q??[]).push(r)}}async function d(r){return window.nostojs(r)}let f=null;typeof window<"u"&&(l(),d(r=>{f=r.internal.getSettings()}));function U(){return f}typeof window<"u"&&l();function s({size:r,productId:i,hash:c}){const a=U();if(!a)throw new Error("Client script settings are not yet available");return`https://${a.thumbnailHost}/${a.account}/${r}/${i}/${c}/A`}const w=/cdn\.shopify\.com/,m={1:"170x170_crop_center",2:"100x100_crop_center",3:"90x70_crop_center",4:"50x50_crop_center",5:"30x30_crop_center",6:"100x140_crop_center",7:"200x200_crop_center",8:"400x400",9:"750x750"};function b(r){return r in m}function p({size:r,fallback:i=c=>c}){if(r==="orig")return i;const c=m[r]||r;function a(e){return e?new URL(e).hostname.match(w):!1}function u(e){return e?a(e)?e.replace(/(\.jpg|\.png|\.jpeg|\.gif|\.webp)/,`_${c}$1`):e:""}function n(e){if(e)return e.map(o=>({...o,imageUrl:u(o.imageUrl)}))}function t(e){if(e)return e.map(o=>u(o))}return function(o){return a(o.imageUrl)?{...o,imageUrl:u(o.imageUrl),thumbUrl:u(o.thumbUrl),skus:n(o.skus),alternateImageUrls:t(o.alternateImageUrls)}:i(o)}}function g({size:r}){function i(u,n){if(n)return s({size:r,productId:u,hash:n})}function c(u,n){if(n)return n.map(t=>({...t,imageUrl:i(u,t.imageHash)??t.imageUrl}))}function a(u,n,t){if(!t)return n;if(n)return t.map(e=>s({size:r,productId:u,hash:e}))}return function(n){const t=n.productId;return t?{...n,imageUrl:i(t,n.imageHash)??n.imageUrl,thumbUrl:i(t,n.thumbHash)??n.thumbUrl,skus:c(t,n.skus),alternateImageUrls:a(t,n.alternateImageUrls,n.alternateImageHashes)}:n}}function _(){var r;return(r=window.Nosto)==null?void 0:r.shopifyScript}function h({size:r}){const i=g({size:r});return _()&&b(r)?p({size:r,fallback:i}):i}exports.generateThumbnailUrl=s;exports.nostoThumbnailDecorator=g;exports.shopifyThumbnailDecorator=p;exports.thumbnailDecorator=h;

package/dist/thumbnails/thumbnails.es.js

@@ -0,0 +1,120 @@
+function f() {
+  window.nostojs = window.nostojs ?? function(r) {
+    (window.nostojs.q = window.nostojs.q ?? []).push(r);
+  };
+}
+async function m(r) {
+  return window.nostojs(r);
+}
+let l = null;
+typeof window < "u" && (f(), m((r) => {
+  l = r.internal.getSettings();
+}));
+function g() {
+  return l;
+}
+typeof window < "u" && f();
+function s({ size: r, productId: i, hash: a }) {
+  const c = g();
+  if (!c)
+    throw new Error("Client script settings are not yet available");
+  return `https://${c.thumbnailHost}/${c.account}/${r}/${i}/${a}/A`;
+}
+const d = /cdn\.shopify\.com/, p = {
+  1: "170x170_crop_center",
+  2: "100x100_crop_center",
+  3: "90x70_crop_center",
+  4: "50x50_crop_center",
+  5: "30x30_crop_center",
+  6: "100x140_crop_center",
+  7: "200x200_crop_center",
+  8: "400x400",
+  9: "750x750"
+};
+function U(r) {
+  return r in p;
+}
+function w({ size: r, fallback: i = (a) => a }) {
+  if (r === "orig")
+    return i;
+  const a = p[r] || r;
+  function c(t) {
+    return t ? new URL(t).hostname.match(d) : !1;
+  }
+  function u(t) {
+    return t ? c(t) ? t.replace(/(\.jpg|\.png|\.jpeg|\.gif|\.webp)/, `_${a}$1`) : t : "";
+  }
+  function n(t) {
+    if (t)
+      return t.map((o) => ({
+        ...o,
+        imageUrl: u(o.imageUrl)
+      }));
+  }
+  function e(t) {
+    if (t)
+      return t.map((o) => u(o));
+  }
+  return function(o) {
+    return c(o.imageUrl) ? {
+      ...o,
+      imageUrl: u(o.imageUrl),
+      thumbUrl: u(o.thumbUrl),
+      skus: n(o.skus),
+      alternateImageUrls: e(o.alternateImageUrls)
+    } : i(o);
+  };
+}
+function _({ size: r }) {
+  function i(u, n) {
+    if (n)
+      return s({
+        size: r,
+        productId: u,
+        hash: n
+      });
+  }
+  function a(u, n) {
+    if (n)
+      return n.map((e) => ({
+        ...e,
+        imageUrl: i(u, e.imageHash) ?? e.imageUrl
+      }));
+  }
+  function c(u, n, e) {
+    if (!e)
+      return n;
+    if (n)
+      return e.map(
+        (t) => s({
+          size: r,
+          productId: u,
+          hash: t
+        })
+      );
+  }
+  return function(n) {
+    const e = n.productId;
+    return e ? {
+      ...n,
+      imageUrl: i(e, n.imageHash) ?? n.imageUrl,
+      thumbUrl: i(e, n.thumbHash) ?? n.thumbUrl,
+      skus: a(e, n.skus),
+      alternateImageUrls: c(e, n.alternateImageUrls, n.alternateImageHashes)
+    } : n;
+  };
+}
+function b() {
+  var r;
+  return (r = window.Nosto) == null ? void 0 : r.shopifyScript;
+}
+function x({ size: r }) {
+  const i = _({ size: r });
+  return b() && U(r) ? w({ size: r, fallback: i }) : i;
+}
+export {
+  s as generateThumbnailUrl,
+  _ as nostoThumbnailDecorator,
+  w as shopifyThumbnailDecorator,
+  x as thumbnailDecorator
+};

package/package.json

@@ -1,63 +1,71 @@
 {
   "name": "@nosto/search-js",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "ISC",
   "type": "module",
   "files": [
     "dist"
   ],
-  "main": "./dist/search.cjs.js",
-  "module": "./dist/search.es.js",
-  "types": "./dist/search.d.ts",
+  "workspaces": [
+    "packages/*"
+  ],
+  "main": "./dist/core/search.cjs.js",
+  "module": "./dist/core/search.es.js",
+  "types": "./dist/core/src/search.d.ts",
   "directories": {
     "doc": "docs",
     "test": "test"
   },
   "exports": {
     ".": {
-      "types": "./dist/search.d.ts",
-      "import": "./dist/search.es.js",
-      "require": "./dist/search.cjs.js"
+      "types": "./dist/core/index.d.ts",
+      "import": "./dist/core/core.es.js",
+      "require": "./dist/core/core.cjs.js"
     },
     "./currencies": {
-      "types": "./dist/currencies.d.ts",
-      "import": "./dist/currencies.es.js",
-      "require": "./dist/currencies.cjs.js"
+      "types": "./dist/currencies/index.d.ts",
+      "import": "./dist/currencies/currencies.es.js",
+      "require": "./dist/currencies/currencies.cjs.js"
     },
     "./thumbnails": {
-      "types": "./dist/thumbnails.d.ts",
-      "import": "./dist/thumbnails.es.js",
-      "require": "./dist/thumbnails.cjs.js"
+      "types": "./dist/thumbnails/index.d.ts",
+      "import": "./dist/thumbnails/thumbnails.es.js",
+      "require": "./dist/thumbnails/thumbnails.cjs.js"
+    },
+    "./preact": {
+      "types": "./dist/preact/index.d.ts",
+      "import": "./dist/preact/preact.es.js",
+      "require": "./dist/preact/preact.cjs.js"
     }
   },
   "keywords": [],
   "author": "Nosto",
   "scripts": {
-    "dev": "vite",
-    "build": "tsc && vite build && npm run build-dts && npm run typedoc",
+    "build": "tsc && npm run build-packages && npm run build-dts && npm run typedoc",
+    "build-packages": "npm run build --ws",
     "build-dts": "tsc --noEmit false --emitDeclarationOnly",
+    "typedoc": "typedoc",
     "test": "vitest --run",
-    "lint": "eslint '{src,test}/**/*.ts'",
-    "preview": "vite preview",
-    "typedoc": "typedoc src/search.ts src/currencies.ts src/thumbnails.ts"
+    "test:watch": "vitest",
+    "lint": "eslint"
   },
   "devDependencies": {
-    "@nosto/nosto-js": "^1.4.4",
+    "@nosto/nosto-js": "^1.5.0",
     "@testing-library/dom": "^10.4.0",
     "@types/eslint-config-prettier": "^6.11.3",
-    "@types/node": "^22.13.1",
+    "@types/node": "^22.13.5",
     "copyfiles": "^2.4.1",
-    "eslint": "^9.20.0",
+    "eslint": "^9.21.0",
     "eslint-config-prettier": "^10.0.1",
-    "eslint-plugin-barrel-files": "^2.1.0",
+    "eslint-plugin-barrel-files": "^3.0.1",
     "eslint-plugin-prettier": "^5.2.3",
     "jsdom": "^26.0.0",
-    "prettier": "^3.5.0",
-    "typedoc": "^0.27.7",
+    "prettier": "^3.5.2",
+    "typedoc": "^0.27.8",
     "typescript": "^5.7.3",
-    "typescript-eslint": "^8.24.0",
-    "vite": "^6.1.0",
-    "vitest": "^3.0.5"
+    "typescript-eslint": "^8.25.0",
+    "vite": "^6.2.0",
+    "vitest": "^3.0.7"
   },
   "publishConfig": {
     "access": "public"

package/dist/currencies.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("./index.es-D_7T9vdv.cjs"),g={defaultCurrency:"EUR",defaultLocale:"en-US",currencySettings:{}},p={EUR:"de-DE",GBP:"en-GB",USD:"en-US",AUD:"en-AU",CAD:"en-CA",INR:"en-IN",AFN:"en-IN",BDT:"en-IN",BTN:"en-IN",MMK:"en-IN",NPR:"en-IN",PKR:"en-IN"};function d(o={}){const u={...g,...o};o.currencySettings||y.s(c=>{u.currencySettings=c.internal.getSettings().currencySettings??{}});function a(c,n){const{defaultCurrency:t,currencySettings:e,defaultLocale:i}=u,s=n??t,m=p[s]??i;if(s in e){const r=e[s],l=new Intl.NumberFormat(m,{useGrouping:!!r.groupingSeparator,minimumFractionDigits:r.decimalPlaces,maximumFractionDigits:r.decimalPlaces}).formatToParts(c).map(f=>f.type==="group"?r.groupingSeparator:f.type==="decimal"?r.decimalCharacter:f.value).join("");return r!=null&&r.currencyBeforeAmount?`${r.currencyToken}${l}`:`${l}${r==null?void 0:r.currencyToken}`}return new Intl.NumberFormat(m,{style:"currency",currency:s}).format(c)}return{formatCurrency:a}}function C(o){const{formatCurrency:u}=d(o);function a(n,t){const e={};return n.price!==void 0&&(e.priceText=u(n.price,t)),n.listPrice!==void 0&&(e.listPriceText=u(n.listPrice,t)),Object.assign({},n,e)}function c(n){return n.price!==void 0||n.listPrice!==void 0}return function(t){if(!c(t))return t;const e=a(t,t.priceCurrencyCode);return e.skus&&e.skus.some(c)&&(e.skus=e.skus.map(i=>c(i)?a(i,t.priceCurrencyCode):i)),e}}exports.getCurrencyFormatting=d;exports.priceDecorator=C;

package/dist/currencies.d.ts

@@ -1,3 +0,0 @@
-/** @module currencies */
-export { getCurrencyFormatting, type CurrencyConfig } from "./currencies/getCurrencyFormatting";
-export { priceDecorator, type FormattedPrices, type Result } from "./currencies/priceDecorator";

package/dist/currencies.es.js

@@ -1,68 +0,0 @@
-import { s as d } from "./index.es-Bcd5IQh9.js";
-const y = {
-  defaultCurrency: "EUR",
-  defaultLocale: "en-US",
-  /** @hidden  */
-  currencySettings: {}
-}, p = {
-  EUR: "de-DE",
-  GBP: "en-GB",
-  USD: "en-US",
-  AUD: "en-AU",
-  CAD: "en-CA",
-  //India, Afghanistan, Bangladesh, Bhutan, Myanmar, Nepal, and Pakistan uses lakhs and crores notation
-  INR: "en-IN",
-  AFN: "en-IN",
-  BDT: "en-IN",
-  BTN: "en-IN",
-  MMK: "en-IN",
-  NPR: "en-IN",
-  PKR: "en-IN"
-};
-function g(o = {}) {
-  const u = {
-    ...y,
-    ...o
-  };
-  o.currencySettings || d((c) => {
-    u.currencySettings = c.internal.getSettings().currencySettings ?? {};
-  });
-  function a(c, n) {
-    const { defaultCurrency: t, currencySettings: e, defaultLocale: i } = u, s = n ?? t, m = p[s] ?? i;
-    if (s in e) {
-      const r = e[s], l = new Intl.NumberFormat(m, {
-        useGrouping: !!r.groupingSeparator,
-        minimumFractionDigits: r.decimalPlaces,
-        maximumFractionDigits: r.decimalPlaces
-      }).formatToParts(c).map((f) => f.type === "group" ? r.groupingSeparator : f.type === "decimal" ? r.decimalCharacter : f.value).join("");
-      return r != null && r.currencyBeforeAmount ? `${r.currencyToken}${l}` : `${l}${r == null ? void 0 : r.currencyToken}`;
-    }
-    return new Intl.NumberFormat(m, {
-      style: "currency",
-      currency: s
-    }).format(c);
-  }
-  return {
-    formatCurrency: a
-  };
-}
-function S(o) {
-  const { formatCurrency: u } = g(o);
-  function a(n, t) {
-    const e = {};
-    return n.price !== void 0 && (e.priceText = u(n.price, t)), n.listPrice !== void 0 && (e.listPriceText = u(n.listPrice, t)), Object.assign({}, n, e);
-  }
-  function c(n) {
-    return n.price !== void 0 || n.listPrice !== void 0;
-  }
-  return function(t) {
-    if (!c(t))
-      return t;
-    const e = a(t, t.priceCurrencyCode);
-    return e.skus && e.skus.some(c) && (e.skus = e.skus.map((i) => c(i) ? a(i, t.priceCurrencyCode) : i)), e;
-  };
-}
-export {
-  g as getCurrencyFormatting,
-  S as priceDecorator
-};

package/dist/index.es-Bcd5IQh9.js

@@ -1,20 +0,0 @@
-function o() {
-  window.nostojs = window.nostojs ?? function(n) {
-    (window.nostojs.q = window.nostojs.q ?? []).push(n);
-  };
-}
-async function i(n) {
-  return window.nostojs(n);
-}
-let t = null;
-typeof window < "u" && (o(), i((n) => {
-  t = n.internal.getSettings();
-}));
-function s() {
-  return t;
-}
-typeof window < "u" && o();
-export {
-  s as i,
-  i as s
-};

package/dist/index.es-D_7T9vdv.cjs

@@ -1 +0,0 @@
-"use strict";function o(){window.nostojs=window.nostojs??function(n){(window.nostojs.q=window.nostojs.q??[]).push(n)}}async function t(n){return window.nostojs(n)}let s=null;typeof window<"u"&&(o(),t(n=>{s=n.internal.getSettings()}));function i(){return s}typeof window<"u"&&o();exports.i=i;exports.s=t;

package/dist/search.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.es-D_7T9vdv.cjs");function a(t,e){if(!t.products||!(e!=null&&e.length))return t;const r=i=>e.reduce((u,n)=>n(u),i);return{...t,products:{...t.products,hits:t.products.hits.map(r)}}}function o(t){return new Promise(e=>setTimeout(e,t))}async function l(t,e,r){const{maxRetries:i=0,retryInterval:u=1e3}=r;let n=0;for(;;)try{return await t.search(e,r)}catch(c){if(!f(c))throw console.info("Skipping retry logic for",c),c;if(n>=i)throw c;n++,await o(u)}}function f(t){return!t||typeof t!="object"?!1:!("status"in t)||h(t.status)}function h(t){return typeof t=="number"&&(t<400||t>=500)}async function y(t,e={}){const{hitDecorators:r,...i}=e,u=await new Promise(s.s),n=await l(u,t,i);return a(n,r)}exports.search=y;

package/dist/search.d.ts

@@ -1,3 +0,0 @@
-/** @module ./ */
-export { search } from "./search/search";
-export type { Options, HitDecorator } from "./search/types";

package/dist/search.es.js

@@ -1,43 +0,0 @@
-import { s as a } from "./index.es-Bcd5IQh9.js";
-function s(t, r) {
-  if (!t.products || !(r != null && r.length))
-    return t;
-  const e = (i) => r.reduce((u, n) => n(u), i);
-  return {
-    ...t,
-    products: {
-      ...t.products,
-      hits: t.products.hits.map(e)
-    }
-  };
-}
-function o(t) {
-  return new Promise((r) => setTimeout(r, t));
-}
-async function f(t, r, e) {
-  const { maxRetries: i = 0, retryInterval: u = 1e3 } = e;
-  let n = 0;
-  for (; ; )
-    try {
-      return await t.search(r, e);
-    } catch (c) {
-      if (!h(c))
-        throw console.info("Skipping retry logic for", c), c;
-      if (n >= i)
-        throw c;
-      n++, await o(u);
-    }
-}
-function h(t) {
-  return !t || typeof t != "object" ? !1 : !("status" in t) || l(t.status);
-}
-function l(t) {
-  return typeof t == "number" && (t < 400 || t >= 500);
-}
-async function p(t, r = {}) {
-  const { hitDecorators: e, ...i } = r, u = await new Promise(a), n = await f(u, t, i);
-  return s(n, e);
-}
-export {
-  p as search
-};

package/dist/thumbnails.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./index.es-D_7T9vdv.cjs");function s({size:e,productId:a,hash:i}){const c=p.i();if(!c)throw new Error("Client script settings are not yet available");return`https://${c.thumbnailHost}/${c.account}/${e}/${a}/${i}/A`}const g=/cdn\.shopify\.com/,l={1:"170x170_crop_center",2:"100x100_crop_center",3:"90x70_crop_center",4:"50x50_crop_center",5:"30x30_crop_center",6:"100x140_crop_center",7:"200x200_crop_center",8:"400x400",9:"750x750"};function d(e){return e in l}function f({size:e,fallback:a=i=>i}){if(e==="orig")return a;const i=l[e]||e;function c(n){return n?new URL(n).hostname.match(g):!1}function u(n){return n?c(n)?n.replace(/(\.jpg|\.png|\.jpeg|\.gif|\.webp)/,`_${i}$1`):n:""}function r(n){if(n)return n.map(o=>({...o,imageUrl:u(o.imageUrl)}))}function t(n){if(n)return n.map(o=>u(o))}return function(o){return c(o.imageUrl)?{...o,imageUrl:u(o.imageUrl),thumbUrl:u(o.thumbUrl),skus:r(o.skus),alternateImageUrls:t(o.alternateImageUrls)}:a(o)}}function U(){var e;return(e=window.Nosto)==null?void 0:e.shopifyScript}function m({size:e}){function a(u,r){if(r)return s({size:e,productId:u,hash:r})}function i(u,r){if(r)return r.map(t=>({...t,imageUrl:a(u,t.imageHash)??t.imageUrl}))}function c(u,r,t){if(!t)return r;if(r)return t.map(n=>s({size:e,productId:u,hash:n}))}return function(r){const t=r.productId;return t?{...r,imageUrl:a(t,r.imageHash)??r.imageUrl,thumbUrl:a(t,r.thumbHash)??r.thumbUrl,skus:i(t,r.skus),alternateImageUrls:c(t,r.alternateImageUrls,r.alternateImageHashes)}:r}}function b({size:e}){const a=m({size:e});return U()&&d(e)?f({size:e,fallback:a}):a}exports.generateThumbnailUrl=s;exports.nostoThumbnailDecorator=m;exports.shopifyThumbnailDecorator=f;exports.thumbnailDecorator=b;

package/dist/thumbnails.d.ts

@@ -1,5 +0,0 @@
-/** @module thumbnails */
-export { generateThumbnailUrl, type Props } from "./thumbnails/generateThumbnailUrl";
-export { thumbnailDecorator, nostoThumbnailDecorator, type Config } from "./thumbnails/thumbnailDecorator";
-export { shopifyThumbnailDecorator, type Config as ShopifyConfig } from "./thumbnails/shopifyThumbnailDecorator";
-export type { ThumbnailSize, ShopifySize } from "./thumbnails/types";

package/dist/thumbnails.es.js

@@ -1,105 +0,0 @@
-import { i as m } from "./index.es-Bcd5IQh9.js";
-function f({ size: e, productId: u, hash: i }) {
-  const c = m();
-  if (!c)
-    throw new Error("Client script settings are not yet available");
-  return `https://${c.thumbnailHost}/${c.account}/${e}/${u}/${i}/A`;
-}
-const p = /cdn\.shopify\.com/, s = {
-  1: "170x170_crop_center",
-  2: "100x100_crop_center",
-  3: "90x70_crop_center",
-  4: "50x50_crop_center",
-  5: "30x30_crop_center",
-  6: "100x140_crop_center",
-  7: "200x200_crop_center",
-  8: "400x400",
-  9: "750x750"
-};
-function l(e) {
-  return e in s;
-}
-function g({ size: e, fallback: u = (i) => i }) {
-  if (e === "orig")
-    return u;
-  const i = s[e] || e;
-  function c(n) {
-    return n ? new URL(n).hostname.match(p) : !1;
-  }
-  function a(n) {
-    return n ? c(n) ? n.replace(/(\.jpg|\.png|\.jpeg|\.gif|\.webp)/, `_${i}$1`) : n : "";
-  }
-  function r(n) {
-    if (n)
-      return n.map((o) => ({
-        ...o,
-        imageUrl: a(o.imageUrl)
-      }));
-  }
-  function t(n) {
-    if (n)
-      return n.map((o) => a(o));
-  }
-  return function(o) {
-    return c(o.imageUrl) ? {
-      ...o,
-      imageUrl: a(o.imageUrl),
-      thumbUrl: a(o.thumbUrl),
-      skus: r(o.skus),
-      alternateImageUrls: t(o.alternateImageUrls)
-    } : u(o);
-  };
-}
-function U() {
-  var e;
-  return (e = window.Nosto) == null ? void 0 : e.shopifyScript;
-}
-function d({ size: e }) {
-  function u(a, r) {
-    if (r)
-      return f({
-        size: e,
-        productId: a,
-        hash: r
-      });
-  }
-  function i(a, r) {
-    if (r)
-      return r.map((t) => ({
-        ...t,
-        imageUrl: u(a, t.imageHash) ?? t.imageUrl
-      }));
-  }
-  function c(a, r, t) {
-    if (!t)
-      return r;
-    if (r)
-      return t.map(
-        (n) => f({
-          size: e,
-          productId: a,
-          hash: n
-        })
-      );
-  }
-  return function(r) {
-    const t = r.productId;
-    return t ? {
-      ...r,
-      imageUrl: u(t, r.imageHash) ?? r.imageUrl,
-      thumbUrl: u(t, r.thumbHash) ?? r.thumbUrl,
-      skus: i(t, r.skus),
-      alternateImageUrls: c(t, r.alternateImageUrls, r.alternateImageHashes)
-    } : r;
-  };
-}
-function b({ size: e }) {
-  const u = d({ size: e });
-  return U() && l(e) ? g({ size: e, fallback: u }) : u;
-}
-export {
-  f as generateThumbnailUrl,
-  d as nostoThumbnailDecorator,
-  g as shopifyThumbnailDecorator,
-  b as thumbnailDecorator
-};