@findlane/browser 0.3.0 → 0.4.0

package/dist/index.d.ts

@@ -8,6 +8,9 @@ export type SearchRequest = {
     /** Facets (also in `facets`) counted without the filter on their own field, so a list of choices
      * keeps its other values, with counts, after one is chosen. */
     disjunctiveFacets?: string[];
+    /** Number fields (up to eight) whose smallest and largest values across the matches to return in
+     * `facetStats`, such as a price slider's bounds. Each field's own filter is left out. */
+    facetStats?: string[];
     /** Hits per request: 1–50 (default 20). */
     limit?: number;
     /** Up to 1,000. */
@@ -37,6 +40,12 @@ export type SearchResponse<T> = {
     totalRelation?: "eq" | "gte";
     hasMore?: boolean;
     facets: Record<string, Record<string, number>>;
+    /** With `facetStats`: each field's smallest and largest value across the matches, without the field's
+     * own filter. A field no match has is left out. */
+    facetStats?: Record<string, {
+        min: number;
+        max: number;
+    }>;
     tookMs: number;
     sort?: string;
     /** With the index's `didYouMean` setting: the query with the words typo tolerance corrected, when the

package/dist/react/cache.js

@@ -12,7 +12,7 @@ export function searchKey(request) {
     for (const [key, value] of Object.entries(defaults))
         if (normal[key] === value)
             delete normal[key];
-    for (const key of ["facets", "disjunctiveFacets"]) {
+    for (const key of ["facets", "disjunctiveFacets", "facetStats"]) {
         const list = normal[key];
         if (Array.isArray(list))
             normal[key] = list.length ? [...list].sort() : undefined;

package/dist/react/search-provider.d.ts

@@ -72,9 +72,13 @@ export type Range = {
     gte?: number | string;
     lte?: number | string;
 };
-/** A number or date range filter. List the field in `filterFields` to keep it in the URL. */
+/** A number or date range filter. List the field in `filterFields` to keep it in the URL, and in
+ * `facetStats` for `min` and `max`: the smallest and largest values across the matches, without
+ * this range, such as a slider's bounds. */
 export declare function useRange(field: string): {
     range: Range | undefined;
+    min: number | undefined;
+    max: number | undefined;
     /** Leave a bound out (or empty) for no limit on that side. */
     setRange: (range: Range | undefined) => void;
     clear: () => void;

package/dist/react/search-provider.js

@@ -142,12 +142,17 @@ export function useRefinementList(field) {
         clear: () => store.update(withRefinement(field, [])),
     };
 }
-/** A number or date range filter. List the field in `filterFields` to keep it in the URL. */
+/** A number or date range filter. List the field in `filterFields` to keep it in the URL, and in
+ * `facetStats` for `min` and `max`: the smallest and largest values across the matches, without
+ * this range, such as a slider's bounds. */
 export function useRange(field) {
-    const [{ state }, store] = useSnapshot();
+    const [{ state, results }, store] = useSnapshot();
     const value = state.filters[field];
+    const stats = results?.response.facetStats?.[field];
     return {
         range: isRange(value) ? value : undefined,
+        min: stats?.min,
+        max: stats?.max,
         /** Leave a bound out (or empty) for no limit on that side. */
         setRange: (range) => {
             const bounds = Object.entries(range ?? {}).filter(([, bound]) => bound !== undefined && bound !== "");

package/dist/react/state.d.ts

@@ -18,6 +18,9 @@ export type SearchConfig = {
     facets?: string[];
     /** Fields that useRange and useToggle filter, so the URL can carry them. */
     filterFields?: string[];
+    /** Number fields whose smallest and largest values across the matches useRange returns as `min`
+     * and `max`, such as a price slider's bounds. */
+    facetStats?: string[];
     /** Filters always applied, such as `{ published: true }`. They aren't shown as refinements. */
     filters?: Record<string, unknown>;
     /** Hits per page: 1–50 (default 20). */

package/dist/react/state.js

@@ -19,6 +19,7 @@ export function planSearch(config, state) {
         ...(Object.keys(filters).length ? { filters } : {}),
         ...(facets.length ? { facets } : {}),
         ...(disjunctive.length ? { disjunctiveFacets: disjunctive } : {}),
+        ...(config.facetStats?.length ? { facetStats: config.facetStats } : {}),
         limit: pageSize,
         ...(state.page > 0 ? { offset: Math.min(state.page * pageSize, maxOffset) } : {}),
         ...(config.fields ? { attributesToRetrieve: config.fields } : {}),

package/dist/react/store.js

@@ -116,7 +116,7 @@ export class SearchStore {
         const { results, loadingMore, pending } = this.snapshot;
         if (!results?.hasMore || loadingMore || pending)
             return;
-        const { facets: _, disjunctiveFacets: __, facetMode: ___, ...request } = results.request;
+        const { facets: _, disjunctiveFacets: __, facetMode: ___, facetStats: ____, ...request } = results.request;
         const offset = (request.offset ?? 0) + results.hits.length;
         const run = this.run;
         this.set({ loadingMore: true });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@findlane/browser",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "Findlane browser SDK: fast, typo-tolerant public search from the browser with an index's public ID, plus React hooks and components.",
   "keywords": ["findlane", "search", "full-text search", "typo tolerance", "instant search", "ecommerce search", "browser", "react", "autocomplete"],
   "license": "MIT",