wineater-bot 4.22.0 → 4.23.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wineater-bot",
-  "version": "4.22.0",
+  "version": "4.23.0",
   "description": "",
   "main": "dist/wineater-chatbot.mjs",
   "module": "src/index.js",

package/src/App.svelte

@@ -31,7 +31,14 @@
 	preconnectFontHosts();
 
 	const INSTANT_CACHE_MAX_AGE_MS = 6 * 60 * 60 * 1000;
-	const instantCacheKey = `${cacheScope}:instant`;
+	// A personal start grid follows the taste profile, which changes with every
+	// click — keep it for 1 h only; the general grid stays cached for 6 h.
+	const PERSONAL_INSTANT_CACHE_MAX_AGE_MS = 60 * 60 * 1000;
+	// The cache key carries the profile version from the last response
+	// (X-Wineater-Profile), remembered separately: a new profile → new key.
+	const instantProfileKey = `${cacheScope}:instant-profile`;
+	const instantCacheKey = (profileHash: string | null) =>
+		`${cacheScope}:instant${profileHash ? `:${profileHash}` : ''}`;
 
 	const widgetType = window?.wineaterData?.WIDGET_TYPE || 'store';
 	const countryCode = window?.wineaterData?.COUNTRY_CODE || null;
@@ -132,7 +139,11 @@
 	// response only refreshes the cache for the next visit, so the grid the
 	// visitor is already looking at never swaps under their cursor.
 	async function loadInstantRecommendations(configReady: Promise<void>) {
-		const cached = readCache<Wine[]>(instantCacheKey, INSTANT_CACHE_MAX_AGE_MS);
+		const lastProfile = readCache<string>(instantProfileKey, 30 * 24 * 60 * 60 * 1000);
+		const cached = readCache<Wine[]>(
+			instantCacheKey(lastProfile),
+			lastProfile ? PERSONAL_INSTANT_CACHE_MAX_AGE_MS : INSTANT_CACHE_MAX_AGE_MS
+		);
 		const hasCached = !!cached?.length;
 		if (hasCached) {
 			results = cached;
@@ -140,8 +151,11 @@
 			isLoading = true;
 		}
 		try {
-			const fresh = await wineaterApi.getInstantRecommendations();
-			if (fresh.length > 0) writeCache(instantCacheKey, fresh);
+			const { wines: fresh, profileHash } = await wineaterApi.getInstantRecommendations();
+			if (fresh.length > 0) {
+				writeCache(instantCacheKey(profileHash), fresh);
+				writeCache(instantProfileKey, profileHash);
+			}
 			if (!hasCached && !userActed) results = fresh;
 		} catch (error) {
 			console.error('[wineater] instant recommendations error:', error);

package/src/services/api/api.ts

@@ -68,6 +68,12 @@ class WineaterApi {
     // One place for every backend call: JSON body, auth, anonymous uid header,
     // uniform error. `keepalive` lets the last feedback batch out-live the page.
     async #request<T>(endpoint: string, body?: unknown, options: { keepalive?: boolean; method?: string } = {}): Promise<T> {
+        return (await this.#send<T>(endpoint, body, options)).data;
+    }
+
+    // Same as #request, but also hands back the response headers (instant/v2
+    // returns the taste-profile version in X-Wineater-Profile).
+    async #send<T>(endpoint: string, body?: unknown, options: { keepalive?: boolean; method?: string } = {}): Promise<{ data: T; headers: Headers }> {
         const init = (): RequestInit => ({
             method: options.method ?? 'POST',
             headers: this.#headers(),
@@ -91,16 +97,22 @@ class WineaterApi {
         if (!response.ok) {
             throw new Error(`API call failed with status ${response.status}: ${data?.message || 'No additional error information'}`);
         }
-        return data as T;
+        return { data: data as T, headers: response.headers };
     }
 
-    async getInstantRecommendations(): Promise<Wine[]> {
+    // `profileHash` is set when the backend served the visitor's personal start
+    // grid (anonymous taste profile); null for the general grid. The widget keys
+    // its instant cache by it, so a recomputed profile is picked up next visit.
+    async getInstantRecommendations(): Promise<{ wines: Wine[]; profileHash: string | null }> {
         try {
             const endpoint = this.#apiVersion === '2'
                 ? 'dish/recommendations/instant/v2'
                 : 'dish/recommendations/instant';
-            const data = await this.#request<any[]>(endpoint, {});
-            return data.filter(Boolean).map(deserializeInstantRecommendation);
+            const { data, headers } = await this.#send<any[]>(endpoint, {});
+            return {
+                wines: data.filter(Boolean).map(deserializeInstantRecommendation),
+                profileHash: headers.get('X-Wineater-Profile') || null,
+            };
         } catch (error) {
             throw new Error(`Error in getInstantRecommendations: ${error.message}`);
         }