@nosto/search-js 3.0.0 → 3.1.0

package/dist/InfiniteScrollWithObserver-C1NKm8WG.cjs

@@ -0,0 +1 @@
+"use strict";const d=require("./jsxRuntime.module-B3sGoTIU.cjs"),f=require("./useLoadMore-CeqFdxt1.cjs"),b=require("./pick-rYi1lc2m.cjs"),p=require("preact/hooks"),h=require("preact");function a(s,i){var t,o,e;const r=((t=i.products)==null?void 0:t.total)??0,n=((o=s.products)==null?void 0:o.from)??0,c=((e=s.products)==null?void 0:e.size)??0;return r>0&&r>n+c}function w(){return!!(window.IntersectionObserver&&window.IntersectionObserverEntry&&"intersectionRatio"in window.IntersectionObserverEntry.prototype)}function I({children:s,pageSize:i,observerOptions:r={}}){const n=p.useRef(null),{query:c,response:t}=f.useNostoAppState(e=>b.pick(e,"query","response")),{loadMore:o}=f.useLoadMore(i);return p.useEffect(()=>{let e,u;return a(c,t)&&(e=n.current,u=new IntersectionObserver(v=>{const l=v[0];l!=null&&l.isIntersecting&&o()},r),e&&u.observe(e)),()=>{e&&u.unobserve(e)}},[t,r]),d.u(h.Fragment,{children:[s,d.u("div",{ref:n,style:{height:"1px"}})]})}exports.InfiniteScrollWithObserver=I;exports.hasMoreResults=a;exports.intersectionObserverSupported=w;

package/dist/InfiniteScrollWithObserver-C4YMu07G.js

@@ -0,0 +1,37 @@
+import { u as p } from "./jsxRuntime.module-Bzuv3cXw.js";
+import { a as l, b as d } from "./useLoadMore-Der8Cglb.js";
+import { p as m } from "./pick-DReBictn.js";
+import { useRef as b, useEffect as v } from "preact/hooks";
+import { Fragment as w } from "preact";
+function I(o, i) {
+  var t, n, e;
+  const r = ((t = i.products) == null ? void 0 : t.total) ?? 0, s = ((n = o.products) == null ? void 0 : n.from) ?? 0, c = ((e = o.products) == null ? void 0 : e.size) ?? 0;
+  return r > 0 && r > s + c;
+}
+function M() {
+  return !!(window.IntersectionObserver && window.IntersectionObserverEntry && "intersectionRatio" in window.IntersectionObserverEntry.prototype);
+}
+function S({
+  children: o,
+  pageSize: i,
+  observerOptions: r = {}
+}) {
+  const s = b(null), { query: c, response: t } = l((e) => m(e, "query", "response")), { loadMore: n } = d(i);
+  return v(() => {
+    let e, u;
+    return I(c, t) && (e = s.current, u = new IntersectionObserver((a) => {
+      const f = a[0];
+      f != null && f.isIntersecting && n();
+    }, r), e && u.observe(e)), () => {
+      e && u.unobserve(e);
+    };
+  }, [t, r]), /* @__PURE__ */ p(w, { children: [
+    o,
+    /* @__PURE__ */ p("div", { ref: s, style: { height: "1px" } })
+  ] });
+}
+export {
+  S as I,
+  I as h,
+  M as i
+};

package/dist/preact/common.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../unique-Blp-K9zG.cjs"),t=require("../jsxRuntime.module-B3sGoTIU.cjs"),c=require("../useLoadMore-CeqFdxt1.cjs"),p=require("../pick-rYi1lc2m.cjs"),n=require("../InfiniteScrollWithObserver-BZeSt2TI.cjs"),q=require("preact"),r=require("../configContext-BR7w4VlU.cjs");function b({pageSize:o}){const{loadMore:e}=c.useLoadMore(o);return t.u("button",{onClick:e,children:"More results"})}function u({children:o,loadMoreComponent:e,pageSize:i}){const{loading:s,query:l,response:a}=c.useNostoAppState(S=>p.pick(S,"loading","query","response")),d=!s&&n.hasMoreResults(l,a);return t.u(q.Fragment,{children:[o,d&&(e?t.u(e,{pageSize:i}):t.u(b,{pageSize:i}))]})}const M=!f.isBot()&&n.intersectionObserverSupported()?n.InfiniteScrollWithObserver:u;exports.StoreContext=r.StoreContext;exports.createExtendableStore=r.createExtendableStore;exports.createStore=r.createStore;exports.defaultState=r.defaultState;exports.InfiniteScroll=M;exports.InfiniteScrollWithLink=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../unique-Blp-K9zG.cjs"),t=require("../jsxRuntime.module-B3sGoTIU.cjs"),c=require("../useLoadMore-CeqFdxt1.cjs"),p=require("../pick-rYi1lc2m.cjs"),n=require("../InfiniteScrollWithObserver-C1NKm8WG.cjs"),q=require("preact"),r=require("../configContext-BR7w4VlU.cjs");function b({pageSize:o}){const{loadMore:e}=c.useLoadMore(o);return t.u("button",{onClick:e,children:"More results"})}function u({children:o,loadMoreComponent:e,pageSize:i}){const{loading:s,query:l,response:a}=c.useNostoAppState(S=>p.pick(S,"loading","query","response")),d=!s&&n.hasMoreResults(l,a);return t.u(q.Fragment,{children:[o,d&&(e?t.u(e,{pageSize:i}):t.u(b,{pageSize:i}))]})}const M=!f.isBot()&&n.intersectionObserverSupported()?n.InfiniteScrollWithObserver:u;exports.StoreContext=r.StoreContext;exports.createExtendableStore=r.createExtendableStore;exports.createStore=r.createStore;exports.defaultState=r.defaultState;exports.InfiniteScroll=M;exports.InfiniteScrollWithLink=u;

package/dist/preact/common.es.js

@@ -2,7 +2,7 @@ import { i as l } from "../unique-m1TIDWdl.js";
 import { u as r } from "../jsxRuntime.module-Bzuv3cXw.js";
 import { b as p, a as m } from "../useLoadMore-Der8Cglb.js";
 import { p as u } from "../pick-DReBictn.js";
-import { h as d, i as f, I as S } from "../InfiniteScrollWithObserver-DYKAh87P.js";
+import { h as d, i as f, I as S } from "../InfiniteScrollWithObserver-C4YMu07G.js";
 import { Fragment as h } from "preact";
 import { S as O, a as W, c as A, d as B } from "../configContext-GuZOIX3o.js";
 function M({ pageSize: e }) {

package/dist/preact/legacy.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../useLoadMore-CeqFdxt1.cjs"),r=require("../InfiniteScrollWithObserver-BZeSt2TI.cjs");exports.getNextPageQuery=e.getNextPageQuery;exports.newSearch=e.newSearch;exports.updateSearch=e.updateSearch;exports.InfiniteScrollWithObserver=r.InfiniteScrollWithObserver;exports.intersectionObserverSupported=r.intersectionObserverSupported;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../useLoadMore-CeqFdxt1.cjs"),r=require("../InfiniteScrollWithObserver-C1NKm8WG.cjs");exports.getNextPageQuery=e.getNextPageQuery;exports.newSearch=e.newSearch;exports.updateSearch=e.updateSearch;exports.InfiniteScrollWithObserver=r.InfiniteScrollWithObserver;exports.intersectionObserverSupported=r.intersectionObserverSupported;

package/dist/preact/legacy.es.js

@@ -1,5 +1,5 @@
 import { g as t, n as a, u as s } from "../useLoadMore-Der8Cglb.js";
-import { I as i, i as n } from "../InfiniteScrollWithObserver-DYKAh87P.js";
+import { I as i, i as n } from "../InfiniteScrollWithObserver-C4YMu07G.js";
 export {
   i as InfiniteScrollWithObserver,
   t as getNextPageQuery,

package/dist/preact/src/components/InfiniteScroll/InfiniteScroll.d.ts

@@ -12,6 +12,13 @@ export interface InfiniteScrollProps {
         pageSize?: number;
     }>;
     pageSize?: number;
+    /**
+     * Options for the IntersectionObserver.
+     * This can be used to adjust the root margin, threshold, etc.
+     * For example, to trigger the observer when the user scrolls to the bottom of the page, you can set `rootMargin: "100% 0"`.
+     * @default { rootMargin: "0px", threshold: 0 }
+     */
+    observerOptions?: IntersectionObserverInit;
 }
 /**
  * Infinite scroll component that loads more results when user scrolls to the end of the page.

package/dist/preact/src/components/InfiniteScroll/InfiniteScrollWithObserver.d.ts

@@ -4,4 +4,4 @@ import { InfiniteScrollProps } from './InfiniteScroll';
  * Infinite scroll component that loads more results when user scrolls to the end of the page.
  * @group Components
  */
-export declare function InfiniteScrollWithObserver({ children, pageSize }: InfiniteScrollProps): JSX.Element;
+export declare function InfiniteScrollWithObserver({ children, pageSize, observerOptions }: InfiniteScrollProps): JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nosto/search-js",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "license": "ISC",
   "type": "module",
   "files": [
@@ -86,12 +86,12 @@
   "devDependencies": {
     "@commitlint/cli": "^19.8.1",
     "@commitlint/config-conventional": "^19.8.1",
-    "@nosto/nosto-js": "^2.1.0",
+    "@nosto/nosto-js": "^2.2.0",
     "@testing-library/dom": "^10.4.0",
     "@types/dom-speech-recognition": "^0.0.6",
     "@types/eslint-config-prettier": "^6.11.3",
-    "@types/node": "^22.15.29",
-    "@vitest/coverage-v8": "^3.2.0",
+    "@types/node": "^22.15.30",
+    "@vitest/coverage-v8": "^3.2.3",
     "concurrently": "^9.1.2",
     "copyfiles": "^2.4.1",
     "eslint": "^9.28.0",
@@ -108,7 +108,7 @@
     "prettier": "^3.5.3",
     "typedoc": "^0.28.5",
     "typescript": "^5.8.3",
-    "typescript-eslint": "^8.33.0",
+    "typescript-eslint": "^8.33.1",
     "vite": "^6.3.5",
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^3.1.3"

package/dist/InfiniteScrollWithObserver-BZeSt2TI.cjs

@@ -1 +0,0 @@
-"use strict";const l=require("./jsxRuntime.module-B3sGoTIU.cjs"),p=require("./useLoadMore-CeqFdxt1.cjs"),a=require("./pick-rYi1lc2m.cjs"),d=require("preact/hooks"),b=require("preact");function f(s,i){var o,e,r;const t=((o=i.products)==null?void 0:o.total)??0,c=((e=s.products)==null?void 0:e.from)??0,n=((r=s.products)==null?void 0:r.size)??0;return t>0&&t>c+n}function h(){return!!(window.IntersectionObserver&&window.IntersectionObserverEntry&&"intersectionRatio"in window.IntersectionObserverEntry.prototype)}function O({children:s,pageSize:i}){const t=d.useRef(null),{query:c,response:n}=p.useNostoAppState(e=>a.pick(e,"query","response")),{loadMore:o}=p.useLoadMore(i);return d.useEffect(()=>{let e,r;return f(c,n)&&(e=t.current,r=new IntersectionObserver(v=>{const u=v[0];u!=null&&u.isIntersecting&&o()}),e&&r.observe(e)),()=>{e&&r.unobserve(e)}},[n]),l.u(b.Fragment,{children:[s,l.u("div",{ref:t,style:{height:"1px"}})]})}exports.InfiniteScrollWithObserver=O;exports.hasMoreResults=f;exports.intersectionObserverSupported=h;

package/dist/InfiniteScrollWithObserver-DYKAh87P.js

@@ -1,33 +0,0 @@
-import { u as f } from "./jsxRuntime.module-Bzuv3cXw.js";
-import { a, b as l } from "./useLoadMore-Der8Cglb.js";
-import { p as d } from "./pick-DReBictn.js";
-import { useRef as m, useEffect as b } from "preact/hooks";
-import { Fragment as v } from "preact";
-function w(o, i) {
-  var n, e, r;
-  const t = ((n = i.products) == null ? void 0 : n.total) ?? 0, c = ((e = o.products) == null ? void 0 : e.from) ?? 0, s = ((r = o.products) == null ? void 0 : r.size) ?? 0;
-  return t > 0 && t > c + s;
-}
-function E() {
-  return !!(window.IntersectionObserver && window.IntersectionObserverEntry && "intersectionRatio" in window.IntersectionObserverEntry.prototype);
-}
-function M({ children: o, pageSize: i }) {
-  const t = m(null), { query: c, response: s } = a((e) => d(e, "query", "response")), { loadMore: n } = l(i);
-  return b(() => {
-    let e, r;
-    return w(c, s) && (e = t.current, r = new IntersectionObserver((p) => {
-      const u = p[0];
-      u != null && u.isIntersecting && n();
-    }), e && r.observe(e)), () => {
-      e && r.unobserve(e);
-    };
-  }, [s]), /* @__PURE__ */ f(v, { children: [
-    o,
-    /* @__PURE__ */ f("div", { ref: t, style: { height: "1px" } })
-  ] });
-}
-export {
-  M as I,
-  w as h,
-  E as i
-};