@blotoutio/providers-evo-search-sdk 1.58.0 → 1.58.1

package/core.cjs.js

@@ -693,6 +693,17 @@ const createEvoSearchAPI = ({ fetch: fetchImpl = window.fetch, baseURL, userId,
         logger.info('EvoSearch API: Fetching ask config');
         return getJSON('/config', 'Config', undefined, signal);
     };
+    // Fire-and-forget isolate warmer: tells the worker to prime its search
+    // index off the request path so the first keystroke doesn't pay the cold
+    // prime. Errors are irrelevant — autocomplete just falls back to priming
+    // inline like before.
+    const warm = () => {
+        fetchImpl(getURL('/warm'), {
+            method: 'GET',
+            headers: getHeaders(),
+            credentials: 'omit',
+        }).catch(() => undefined);
+    };
     const recents = (signal) => {
         logger.info('EvoSearch API: Fetching recent searches');
         return getJSON('/user/recents', 'Recents', undefined, signal);
@@ -823,6 +834,7 @@ const createEvoSearchAPI = ({ fetch: fetchImpl = window.fetch, baseURL, userId,
         autocomplete,
         trending,
         config,
+        warm,
         user: {
             recents,
             deleteRecent,

package/core.js

@@ -694,6 +694,17 @@ var ProvidersEvoSearchSdk = (function () {
             logger.info('EvoSearch API: Fetching ask config');
             return getJSON('/config', 'Config', undefined, signal);
         };
+        // Fire-and-forget isolate warmer: tells the worker to prime its search
+        // index off the request path so the first keystroke doesn't pay the cold
+        // prime. Errors are irrelevant — autocomplete just falls back to priming
+        // inline like before.
+        const warm = () => {
+            fetchImpl(getURL('/warm'), {
+                method: 'GET',
+                headers: getHeaders(),
+                credentials: 'omit',
+            }).catch(() => undefined);
+        };
         const recents = (signal) => {
             logger.info('EvoSearch API: Fetching recent searches');
             return getJSON('/user/recents', 'Recents', undefined, signal);
@@ -824,6 +835,7 @@ var ProvidersEvoSearchSdk = (function () {
             autocomplete,
             trending,
             config,
+            warm,
             user: {
                 recents,
                 deleteRecent,

package/core.mjs

@@ -691,6 +691,17 @@ const createEvoSearchAPI = ({ fetch: fetchImpl = window.fetch, baseURL, userId,
         logger.info('EvoSearch API: Fetching ask config');
         return getJSON('/config', 'Config', undefined, signal);
     };
+    // Fire-and-forget isolate warmer: tells the worker to prime its search
+    // index off the request path so the first keystroke doesn't pay the cold
+    // prime. Errors are irrelevant — autocomplete just falls back to priming
+    // inline like before.
+    const warm = () => {
+        fetchImpl(getURL('/warm'), {
+            method: 'GET',
+            headers: getHeaders(),
+            credentials: 'omit',
+        }).catch(() => undefined);
+    };
     const recents = (signal) => {
         logger.info('EvoSearch API: Fetching recent searches');
         return getJSON('/user/recents', 'Recents', undefined, signal);
@@ -821,6 +832,7 @@ const createEvoSearchAPI = ({ fetch: fetchImpl = window.fetch, baseURL, userId,
         autocomplete,
         trending,
         config,
+        warm,
         user: {
             recents,
             deleteRecent,

package/hooks.d.ts

@@ -145,6 +145,7 @@ declare module '@blotoutio/providers-evo-search-sdk/hooks' {
       recommended_products: AutocompleteAPIProduct[]
     }>
     config: (signal?: AbortSignal) => Promise<AskConfigResponse>
+    warm: () => void
     user: EvoSearchUserAPI
     askStream: (query: string, signal?: AbortSignal) => AsyncIterable<AskEvent>
     sendEvent: (

package/index.cjs.js

@@ -829,6 +829,17 @@ const createEvoSearchAPI = ({ fetch: fetchImpl = window.fetch, baseURL, userId,
         logger.info('EvoSearch API: Fetching ask config');
         return getJSON('/config', 'Config', undefined, signal);
     };
+    // Fire-and-forget isolate warmer: tells the worker to prime its search
+    // index off the request path so the first keystroke doesn't pay the cold
+    // prime. Errors are irrelevant — autocomplete just falls back to priming
+    // inline like before.
+    const warm = () => {
+        fetchImpl(getURL('/warm'), {
+            method: 'GET',
+            headers: getHeaders(),
+            credentials: 'omit',
+        }).catch(() => undefined);
+    };
     const recents = (signal) => {
         logger.info('EvoSearch API: Fetching recent searches');
         return getJSON('/user/recents', 'Recents', undefined, signal);
@@ -959,6 +970,7 @@ const createEvoSearchAPI = ({ fetch: fetchImpl = window.fetch, baseURL, userId,
         autocomplete,
         trending,
         config,
+        warm,
         user: {
             recents,
             deleteRecent,
@@ -8491,6 +8503,9 @@ const searchWidgetStyles = i$5 `
 `;
 
 const MIN_QUERY_LENGTH = 3;
+// An aborted/superseded request is expected, not an error.
+const isCancelled = (error) => error instanceof Error &&
+    (error.message === 'Request cancelled' || error.name === 'AbortError');
 // Default "Try asking" prompts shown on the Ask AI empty state when the
 // merchant hasn't configured their own via `uiPreferences.askStarters`.
 const FALLBACK_ASK_STARTERS = [
@@ -8520,6 +8535,12 @@ class SearchWidget extends ElementWithStylesheet {
         this.askFollowUps = [];
         this.askLoading = false;
         this.askAbort = null;
+        // In-flight autocomplete/search request. Each new keystroke aborts the
+        // previous request at the network layer — the `requestGeneration` guard
+        // already prevents stale results from rendering, but without an abort the
+        // dead requests still hold browser connections and worker CPU, delaying
+        // the response the shopper actually wants.
+        this.resultsAbort = null;
         this.searchQuery = '';
         this.debouncedQuery = '';
         this.suggestions = [];
@@ -8591,6 +8612,12 @@ class SearchWidget extends ElementWithStylesheet {
     get askActive() {
         return this.askAiEnabled && !this.askDisabled;
     }
+    newResultsSignal() {
+        var _a;
+        (_a = this.resultsAbort) === null || _a === void 0 ? void 0 : _a.abort();
+        this.resultsAbort = new AbortController();
+        return this.resultsAbort.signal;
+    }
     connectedCallback() {
         var _a, _b;
         super.connectedCallback();
@@ -8622,13 +8649,14 @@ class SearchWidget extends ElementWithStylesheet {
         this.fetchRecents();
     }
     disconnectedCallback() {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         clearTimeout(this.autocompleteTimer);
         (_a = this.askAbort) === null || _a === void 0 ? void 0 : _a.abort();
+        (_b = this.resultsAbort) === null || _b === void 0 ? void 0 : _b.abort();
         this.resetAnswerBuffer();
         this.removeEventListener('keydown', this.keydownListener);
-        (_b = this.collectionsResizeObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
-        (_c = this.mobileMediaQuery) === null || _c === void 0 ? void 0 : _c.removeEventListener('change', this.mobileMediaListener);
+        (_c = this.collectionsResizeObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
+        (_d = this.mobileMediaQuery) === null || _d === void 0 ? void 0 : _d.removeEventListener('change', this.mobileMediaListener);
         super.disconnectedCallback();
     }
     willUpdate(changed) {
@@ -9008,6 +9036,7 @@ class SearchWidget extends ElementWithStylesheet {
         ].slice(0, MAX_RECENT_SEARCHES);
     }
     handleSearchInput(e) {
+        var _a;
         const { query } = e.detail;
         this.searchQuery = query;
         this.activeSuggestionIndex = -1;
@@ -9028,6 +9057,7 @@ class SearchWidget extends ElementWithStylesheet {
         else {
             clearTimeout(this.autocompleteTimer);
             this.requestGeneration += 1;
+            (_a = this.resultsAbort) === null || _a === void 0 ? void 0 : _a.abort();
             if (this.loading)
                 this.loading = false;
             if (this.debouncedQuery)
@@ -9060,7 +9090,7 @@ class SearchWidget extends ElementWithStylesheet {
                 this.loading = false;
                 return;
             }
-            const response = await this.api.autocomplete(query);
+            const response = await this.api.autocomplete(query, undefined, this.newResultsSignal());
             if (generation !== this.requestGeneration) {
                 return;
             }
@@ -9073,7 +9103,7 @@ class SearchWidget extends ElementWithStylesheet {
             this.loading = false;
         }
         catch (error) {
-            if (error instanceof Error && error.message === 'Request cancelled') {
+            if (isCancelled(error)) {
                 return;
             }
             if (generation !== this.requestGeneration) {
@@ -9097,7 +9127,7 @@ class SearchWidget extends ElementWithStylesheet {
             if (!((_a = this.api) === null || _a === void 0 ? void 0 : _a.search)) {
                 return this.performAutocomplete(query);
             }
-            const response = await this.api.search(query);
+            const response = await this.api.search(query, undefined, this.newResultsSignal());
             if (generation !== this.requestGeneration) {
                 return;
             }
@@ -9108,7 +9138,7 @@ class SearchWidget extends ElementWithStylesheet {
             this.loading = false;
         }
         catch (error) {
-            if (error instanceof Error && error.message === 'Request cancelled') {
+            if (isCancelled(error)) {
                 return;
             }
             if (generation !== this.requestGeneration) {
@@ -9995,10 +10025,51 @@ let evoSearch;
 let trendingController;
 let trendingFetched = false;
 let configController;
+// Session cache for the trending rails. Storefronts are MPAs: every navigation
+// resets module state, so without this the trending fetch refires on each page
+// view and a shopper opening search right after a page load stares at empty
+// rails until it lands. A fresh entry paints instantly and skips the network
+// round-trip; a stale one still paints instantly while the normal fetch
+// revalidates it in the background.
+const TRENDING_CACHE_KEY = 'evs:trending';
+const TRENDING_CACHE_TTL_MS = 5 * 60000;
+const readTrendingCache = () => {
+    try {
+        const raw = window.sessionStorage.getItem(TRENDING_CACHE_KEY);
+        const parsed = raw ? JSON.parse(raw) : null;
+        return parsed && typeof parsed.at === 'number' && parsed.data
+            ? parsed
+            : null;
+    }
+    catch {
+        // Storage access can throw (privacy modes); treat as a cache miss.
+        return null;
+    }
+};
+const writeTrendingCache = (data) => {
+    try {
+        window.sessionStorage.setItem(TRENDING_CACHE_KEY, JSON.stringify({ at: Date.now(), data }));
+    }
+    catch {
+        // Best-effort: quota or privacy-mode failures just mean no cache.
+    }
+};
+const applyTrending = (target, data) => {
+    target.trendingSearches = data.trending;
+    target.handpickedProducts = data.recommended_products.map(mapAPIProductToSDKProduct);
+};
 const tryFetchTrending = (target) => {
     if (!target.api || trendingFetched || trendingController) {
         return;
     }
+    const cached = readTrendingCache();
+    if (cached) {
+        applyTrending(target, cached.data);
+        if (Date.now() - cached.at < TRENDING_CACHE_TTL_MS) {
+            trendingFetched = true;
+            return;
+        }
+    }
     const controller = new AbortController();
     trendingController = controller;
     target.api
@@ -10006,12 +10077,8 @@ const tryFetchTrending = (target) => {
         .then((data) => {
         var _a, _b, _c, _d;
         trendingFetched = true;
-        if (data.trending && data.trending.length > 0) {
-            target.trendingSearches = data.trending;
-        }
-        if (data.recommended_products && data.recommended_products.length > 0) {
-            target.handpickedProducts = data.recommended_products.map(mapAPIProductToSDKProduct);
-        }
+        writeTrendingCache(data);
+        applyTrending(target, data);
         logger.info(`EvoSearch: Loaded ${(_b = (_a = data.trending) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0} trending, ${(_d = (_c = data.recommended_products) === null || _c === void 0 ? void 0 : _c.length) !== null && _d !== void 0 ? _d : 0} products`);
     })
         .catch((error) => {
@@ -10110,6 +10177,7 @@ if (typeof window != 'undefined' && typeof document != 'undefined') {
             logger.info('EvoSearch destroyed');
         },
         show() {
+            var _a;
             if (!evoSearch) {
                 logger.error('EvoSearch not initialized');
                 return;
@@ -10117,6 +10185,10 @@ if (typeof window != 'undefined' && typeof document != 'undefined') {
             if (!evoSearch.parentNode) {
                 document.body.append(evoSearch);
             }
+            // Warm the worker's search index off the request path: the prime runs
+            // while the shopper reaches for the keyboard, so the first keystroke's
+            // autocomplete doesn't pay the cold-isolate prime inline.
+            (_a = evoSearch.api) === null || _a === void 0 ? void 0 : _a.warm();
             tryFetchTrending(evoSearch);
             tryFetchConfig(evoSearch);
             evoSearch.open = true;

package/index.js

@@ -830,6 +830,17 @@ var ProvidersEvoSearchSdk = (function () {
             logger.info('EvoSearch API: Fetching ask config');
             return getJSON('/config', 'Config', undefined, signal);
         };
+        // Fire-and-forget isolate warmer: tells the worker to prime its search
+        // index off the request path so the first keystroke doesn't pay the cold
+        // prime. Errors are irrelevant — autocomplete just falls back to priming
+        // inline like before.
+        const warm = () => {
+            fetchImpl(getURL('/warm'), {
+                method: 'GET',
+                headers: getHeaders(),
+                credentials: 'omit',
+            }).catch(() => undefined);
+        };
         const recents = (signal) => {
             logger.info('EvoSearch API: Fetching recent searches');
             return getJSON('/user/recents', 'Recents', undefined, signal);
@@ -960,6 +971,7 @@ var ProvidersEvoSearchSdk = (function () {
             autocomplete,
             trending,
             config,
+            warm,
             user: {
                 recents,
                 deleteRecent,
@@ -8492,6 +8504,9 @@ var ProvidersEvoSearchSdk = (function () {
 `;
 
     const MIN_QUERY_LENGTH = 3;
+    // An aborted/superseded request is expected, not an error.
+    const isCancelled = (error) => error instanceof Error &&
+        (error.message === 'Request cancelled' || error.name === 'AbortError');
     // Default "Try asking" prompts shown on the Ask AI empty state when the
     // merchant hasn't configured their own via `uiPreferences.askStarters`.
     const FALLBACK_ASK_STARTERS = [
@@ -8521,6 +8536,12 @@ var ProvidersEvoSearchSdk = (function () {
             this.askFollowUps = [];
             this.askLoading = false;
             this.askAbort = null;
+            // In-flight autocomplete/search request. Each new keystroke aborts the
+            // previous request at the network layer — the `requestGeneration` guard
+            // already prevents stale results from rendering, but without an abort the
+            // dead requests still hold browser connections and worker CPU, delaying
+            // the response the shopper actually wants.
+            this.resultsAbort = null;
             this.searchQuery = '';
             this.debouncedQuery = '';
             this.suggestions = [];
@@ -8592,6 +8613,12 @@ var ProvidersEvoSearchSdk = (function () {
         get askActive() {
             return this.askAiEnabled && !this.askDisabled;
         }
+        newResultsSignal() {
+            var _a;
+            (_a = this.resultsAbort) === null || _a === void 0 ? void 0 : _a.abort();
+            this.resultsAbort = new AbortController();
+            return this.resultsAbort.signal;
+        }
         connectedCallback() {
             var _a, _b;
             super.connectedCallback();
@@ -8623,13 +8650,14 @@ var ProvidersEvoSearchSdk = (function () {
             this.fetchRecents();
         }
         disconnectedCallback() {
-            var _a, _b, _c;
+            var _a, _b, _c, _d;
             clearTimeout(this.autocompleteTimer);
             (_a = this.askAbort) === null || _a === void 0 ? void 0 : _a.abort();
+            (_b = this.resultsAbort) === null || _b === void 0 ? void 0 : _b.abort();
             this.resetAnswerBuffer();
             this.removeEventListener('keydown', this.keydownListener);
-            (_b = this.collectionsResizeObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
-            (_c = this.mobileMediaQuery) === null || _c === void 0 ? void 0 : _c.removeEventListener('change', this.mobileMediaListener);
+            (_c = this.collectionsResizeObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
+            (_d = this.mobileMediaQuery) === null || _d === void 0 ? void 0 : _d.removeEventListener('change', this.mobileMediaListener);
             super.disconnectedCallback();
         }
         willUpdate(changed) {
@@ -9009,6 +9037,7 @@ var ProvidersEvoSearchSdk = (function () {
             ].slice(0, MAX_RECENT_SEARCHES);
         }
         handleSearchInput(e) {
+            var _a;
             const { query } = e.detail;
             this.searchQuery = query;
             this.activeSuggestionIndex = -1;
@@ -9029,6 +9058,7 @@ var ProvidersEvoSearchSdk = (function () {
             else {
                 clearTimeout(this.autocompleteTimer);
                 this.requestGeneration += 1;
+                (_a = this.resultsAbort) === null || _a === void 0 ? void 0 : _a.abort();
                 if (this.loading)
                     this.loading = false;
                 if (this.debouncedQuery)
@@ -9061,7 +9091,7 @@ var ProvidersEvoSearchSdk = (function () {
                     this.loading = false;
                     return;
                 }
-                const response = await this.api.autocomplete(query);
+                const response = await this.api.autocomplete(query, undefined, this.newResultsSignal());
                 if (generation !== this.requestGeneration) {
                     return;
                 }
@@ -9074,7 +9104,7 @@ var ProvidersEvoSearchSdk = (function () {
                 this.loading = false;
             }
             catch (error) {
-                if (error instanceof Error && error.message === 'Request cancelled') {
+                if (isCancelled(error)) {
                     return;
                 }
                 if (generation !== this.requestGeneration) {
@@ -9098,7 +9128,7 @@ var ProvidersEvoSearchSdk = (function () {
                 if (!((_a = this.api) === null || _a === void 0 ? void 0 : _a.search)) {
                     return this.performAutocomplete(query);
                 }
-                const response = await this.api.search(query);
+                const response = await this.api.search(query, undefined, this.newResultsSignal());
                 if (generation !== this.requestGeneration) {
                     return;
                 }
@@ -9109,7 +9139,7 @@ var ProvidersEvoSearchSdk = (function () {
                 this.loading = false;
             }
             catch (error) {
-                if (error instanceof Error && error.message === 'Request cancelled') {
+                if (isCancelled(error)) {
                     return;
                 }
                 if (generation !== this.requestGeneration) {
@@ -9996,10 +10026,51 @@ var ProvidersEvoSearchSdk = (function () {
     let trendingController;
     let trendingFetched = false;
     let configController;
+    // Session cache for the trending rails. Storefronts are MPAs: every navigation
+    // resets module state, so without this the trending fetch refires on each page
+    // view and a shopper opening search right after a page load stares at empty
+    // rails until it lands. A fresh entry paints instantly and skips the network
+    // round-trip; a stale one still paints instantly while the normal fetch
+    // revalidates it in the background.
+    const TRENDING_CACHE_KEY = 'evs:trending';
+    const TRENDING_CACHE_TTL_MS = 5 * 60000;
+    const readTrendingCache = () => {
+        try {
+            const raw = window.sessionStorage.getItem(TRENDING_CACHE_KEY);
+            const parsed = raw ? JSON.parse(raw) : null;
+            return parsed && typeof parsed.at === 'number' && parsed.data
+                ? parsed
+                : null;
+        }
+        catch {
+            // Storage access can throw (privacy modes); treat as a cache miss.
+            return null;
+        }
+    };
+    const writeTrendingCache = (data) => {
+        try {
+            window.sessionStorage.setItem(TRENDING_CACHE_KEY, JSON.stringify({ at: Date.now(), data }));
+        }
+        catch {
+            // Best-effort: quota or privacy-mode failures just mean no cache.
+        }
+    };
+    const applyTrending = (target, data) => {
+        target.trendingSearches = data.trending;
+        target.handpickedProducts = data.recommended_products.map(mapAPIProductToSDKProduct);
+    };
     const tryFetchTrending = (target) => {
         if (!target.api || trendingFetched || trendingController) {
             return;
         }
+        const cached = readTrendingCache();
+        if (cached) {
+            applyTrending(target, cached.data);
+            if (Date.now() - cached.at < TRENDING_CACHE_TTL_MS) {
+                trendingFetched = true;
+                return;
+            }
+        }
         const controller = new AbortController();
         trendingController = controller;
         target.api
@@ -10007,12 +10078,8 @@ var ProvidersEvoSearchSdk = (function () {
             .then((data) => {
             var _a, _b, _c, _d;
             trendingFetched = true;
-            if (data.trending && data.trending.length > 0) {
-                target.trendingSearches = data.trending;
-            }
-            if (data.recommended_products && data.recommended_products.length > 0) {
-                target.handpickedProducts = data.recommended_products.map(mapAPIProductToSDKProduct);
-            }
+            writeTrendingCache(data);
+            applyTrending(target, data);
             logger.info(`EvoSearch: Loaded ${(_b = (_a = data.trending) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0} trending, ${(_d = (_c = data.recommended_products) === null || _c === void 0 ? void 0 : _c.length) !== null && _d !== void 0 ? _d : 0} products`);
         })
             .catch((error) => {
@@ -10111,6 +10178,7 @@ var ProvidersEvoSearchSdk = (function () {
                 logger.info('EvoSearch destroyed');
             },
             show() {
+                var _a;
                 if (!evoSearch) {
                     logger.error('EvoSearch not initialized');
                     return;
@@ -10118,6 +10186,10 @@ var ProvidersEvoSearchSdk = (function () {
                 if (!evoSearch.parentNode) {
                     document.body.append(evoSearch);
                 }
+                // Warm the worker's search index off the request path: the prime runs
+                // while the shopper reaches for the keyboard, so the first keystroke's
+                // autocomplete doesn't pay the cold-isolate prime inline.
+                (_a = evoSearch.api) === null || _a === void 0 ? void 0 : _a.warm();
                 tryFetchTrending(evoSearch);
                 tryFetchConfig(evoSearch);
                 evoSearch.open = true;

package/index.mjs

@@ -827,6 +827,17 @@ const createEvoSearchAPI = ({ fetch: fetchImpl = window.fetch, baseURL, userId,
         logger.info('EvoSearch API: Fetching ask config');
         return getJSON('/config', 'Config', undefined, signal);
     };
+    // Fire-and-forget isolate warmer: tells the worker to prime its search
+    // index off the request path so the first keystroke doesn't pay the cold
+    // prime. Errors are irrelevant — autocomplete just falls back to priming
+    // inline like before.
+    const warm = () => {
+        fetchImpl(getURL('/warm'), {
+            method: 'GET',
+            headers: getHeaders(),
+            credentials: 'omit',
+        }).catch(() => undefined);
+    };
     const recents = (signal) => {
         logger.info('EvoSearch API: Fetching recent searches');
         return getJSON('/user/recents', 'Recents', undefined, signal);
@@ -957,6 +968,7 @@ const createEvoSearchAPI = ({ fetch: fetchImpl = window.fetch, baseURL, userId,
         autocomplete,
         trending,
         config,
+        warm,
         user: {
             recents,
             deleteRecent,
@@ -8489,6 +8501,9 @@ const searchWidgetStyles = i$5 `
 `;
 
 const MIN_QUERY_LENGTH = 3;
+// An aborted/superseded request is expected, not an error.
+const isCancelled = (error) => error instanceof Error &&
+    (error.message === 'Request cancelled' || error.name === 'AbortError');
 // Default "Try asking" prompts shown on the Ask AI empty state when the
 // merchant hasn't configured their own via `uiPreferences.askStarters`.
 const FALLBACK_ASK_STARTERS = [
@@ -8518,6 +8533,12 @@ class SearchWidget extends ElementWithStylesheet {
         this.askFollowUps = [];
         this.askLoading = false;
         this.askAbort = null;
+        // In-flight autocomplete/search request. Each new keystroke aborts the
+        // previous request at the network layer — the `requestGeneration` guard
+        // already prevents stale results from rendering, but without an abort the
+        // dead requests still hold browser connections and worker CPU, delaying
+        // the response the shopper actually wants.
+        this.resultsAbort = null;
         this.searchQuery = '';
         this.debouncedQuery = '';
         this.suggestions = [];
@@ -8589,6 +8610,12 @@ class SearchWidget extends ElementWithStylesheet {
     get askActive() {
         return this.askAiEnabled && !this.askDisabled;
     }
+    newResultsSignal() {
+        var _a;
+        (_a = this.resultsAbort) === null || _a === void 0 ? void 0 : _a.abort();
+        this.resultsAbort = new AbortController();
+        return this.resultsAbort.signal;
+    }
     connectedCallback() {
         var _a, _b;
         super.connectedCallback();
@@ -8620,13 +8647,14 @@ class SearchWidget extends ElementWithStylesheet {
         this.fetchRecents();
     }
     disconnectedCallback() {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         clearTimeout(this.autocompleteTimer);
         (_a = this.askAbort) === null || _a === void 0 ? void 0 : _a.abort();
+        (_b = this.resultsAbort) === null || _b === void 0 ? void 0 : _b.abort();
         this.resetAnswerBuffer();
         this.removeEventListener('keydown', this.keydownListener);
-        (_b = this.collectionsResizeObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
-        (_c = this.mobileMediaQuery) === null || _c === void 0 ? void 0 : _c.removeEventListener('change', this.mobileMediaListener);
+        (_c = this.collectionsResizeObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
+        (_d = this.mobileMediaQuery) === null || _d === void 0 ? void 0 : _d.removeEventListener('change', this.mobileMediaListener);
         super.disconnectedCallback();
     }
     willUpdate(changed) {
@@ -9006,6 +9034,7 @@ class SearchWidget extends ElementWithStylesheet {
         ].slice(0, MAX_RECENT_SEARCHES);
     }
     handleSearchInput(e) {
+        var _a;
         const { query } = e.detail;
         this.searchQuery = query;
         this.activeSuggestionIndex = -1;
@@ -9026,6 +9055,7 @@ class SearchWidget extends ElementWithStylesheet {
         else {
             clearTimeout(this.autocompleteTimer);
             this.requestGeneration += 1;
+            (_a = this.resultsAbort) === null || _a === void 0 ? void 0 : _a.abort();
             if (this.loading)
                 this.loading = false;
             if (this.debouncedQuery)
@@ -9058,7 +9088,7 @@ class SearchWidget extends ElementWithStylesheet {
                 this.loading = false;
                 return;
             }
-            const response = await this.api.autocomplete(query);
+            const response = await this.api.autocomplete(query, undefined, this.newResultsSignal());
             if (generation !== this.requestGeneration) {
                 return;
             }
@@ -9071,7 +9101,7 @@ class SearchWidget extends ElementWithStylesheet {
             this.loading = false;
         }
         catch (error) {
-            if (error instanceof Error && error.message === 'Request cancelled') {
+            if (isCancelled(error)) {
                 return;
             }
             if (generation !== this.requestGeneration) {
@@ -9095,7 +9125,7 @@ class SearchWidget extends ElementWithStylesheet {
             if (!((_a = this.api) === null || _a === void 0 ? void 0 : _a.search)) {
                 return this.performAutocomplete(query);
             }
-            const response = await this.api.search(query);
+            const response = await this.api.search(query, undefined, this.newResultsSignal());
             if (generation !== this.requestGeneration) {
                 return;
             }
@@ -9106,7 +9136,7 @@ class SearchWidget extends ElementWithStylesheet {
             this.loading = false;
         }
         catch (error) {
-            if (error instanceof Error && error.message === 'Request cancelled') {
+            if (isCancelled(error)) {
                 return;
             }
             if (generation !== this.requestGeneration) {
@@ -9993,10 +10023,51 @@ let evoSearch;
 let trendingController;
 let trendingFetched = false;
 let configController;
+// Session cache for the trending rails. Storefronts are MPAs: every navigation
+// resets module state, so without this the trending fetch refires on each page
+// view and a shopper opening search right after a page load stares at empty
+// rails until it lands. A fresh entry paints instantly and skips the network
+// round-trip; a stale one still paints instantly while the normal fetch
+// revalidates it in the background.
+const TRENDING_CACHE_KEY = 'evs:trending';
+const TRENDING_CACHE_TTL_MS = 5 * 60000;
+const readTrendingCache = () => {
+    try {
+        const raw = window.sessionStorage.getItem(TRENDING_CACHE_KEY);
+        const parsed = raw ? JSON.parse(raw) : null;
+        return parsed && typeof parsed.at === 'number' && parsed.data
+            ? parsed
+            : null;
+    }
+    catch {
+        // Storage access can throw (privacy modes); treat as a cache miss.
+        return null;
+    }
+};
+const writeTrendingCache = (data) => {
+    try {
+        window.sessionStorage.setItem(TRENDING_CACHE_KEY, JSON.stringify({ at: Date.now(), data }));
+    }
+    catch {
+        // Best-effort: quota or privacy-mode failures just mean no cache.
+    }
+};
+const applyTrending = (target, data) => {
+    target.trendingSearches = data.trending;
+    target.handpickedProducts = data.recommended_products.map(mapAPIProductToSDKProduct);
+};
 const tryFetchTrending = (target) => {
     if (!target.api || trendingFetched || trendingController) {
         return;
     }
+    const cached = readTrendingCache();
+    if (cached) {
+        applyTrending(target, cached.data);
+        if (Date.now() - cached.at < TRENDING_CACHE_TTL_MS) {
+            trendingFetched = true;
+            return;
+        }
+    }
     const controller = new AbortController();
     trendingController = controller;
     target.api
@@ -10004,12 +10075,8 @@ const tryFetchTrending = (target) => {
         .then((data) => {
         var _a, _b, _c, _d;
         trendingFetched = true;
-        if (data.trending && data.trending.length > 0) {
-            target.trendingSearches = data.trending;
-        }
-        if (data.recommended_products && data.recommended_products.length > 0) {
-            target.handpickedProducts = data.recommended_products.map(mapAPIProductToSDKProduct);
-        }
+        writeTrendingCache(data);
+        applyTrending(target, data);
         logger.info(`EvoSearch: Loaded ${(_b = (_a = data.trending) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0} trending, ${(_d = (_c = data.recommended_products) === null || _c === void 0 ? void 0 : _c.length) !== null && _d !== void 0 ? _d : 0} products`);
     })
         .catch((error) => {
@@ -10108,6 +10175,7 @@ if (typeof window != 'undefined' && typeof document != 'undefined') {
             logger.info('EvoSearch destroyed');
         },
         show() {
+            var _a;
             if (!evoSearch) {
                 logger.error('EvoSearch not initialized');
                 return;
@@ -10115,6 +10183,10 @@ if (typeof window != 'undefined' && typeof document != 'undefined') {
             if (!evoSearch.parentNode) {
                 document.body.append(evoSearch);
             }
+            // Warm the worker's search index off the request path: the prime runs
+            // while the shopper reaches for the keyboard, so the first keystroke's
+            // autocomplete doesn't pay the cold-isolate prime inline.
+            (_a = evoSearch.api) === null || _a === void 0 ? void 0 : _a.warm();
             tryFetchTrending(evoSearch);
             tryFetchConfig(evoSearch);
             evoSearch.open = true;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blotoutio/providers-evo-search-sdk",
-  "version": "1.58.0",
+  "version": "1.58.1",
   "description": "Evo Search SDK for EdgeTag",
   "author": "Blotout",
   "license": "MIT",