@revenexx/cover 0.1.10 → 0.1.12

package/app/app.config.ts

@@ -24,6 +24,12 @@ export default defineAppConfig({
 	orderService: "mock",
 	inventoryService: "mock",
 	themeService: "mock",
+	// Search UX defaults the layer's components read — apps may override,
+	// but the layer must ship working values (a missing `search` object
+	// crashed SearchInput with "Cannot read … 'autocompleteMinChars'").
+	search: {
+		autocompleteMinChars: 2,
+	},
 	ui: {
 		icons: nuxtUiIcons(DEFAULT_ICON_WEIGHT),
 	},

package/app/components/ui/forms/SearchInput.vue

@@ -16,7 +16,10 @@ interface Suggestion {
 }
 
 const { t } = useI18n();
-const { search: searchConfig } = useAppConfig();
+// The layer ships a `search` default, but a consumer that overrides
+// app.config without it must not crash the header — fall back locally.
+const appConfig = useAppConfig();
+const autocompleteMinChars = computed(() => appConfig.search?.autocompleteMinChars ?? 2);
 
 const query = ref<string>("");
 const emit = defineEmits<{ search: [query: string] }>();
@@ -59,7 +62,7 @@ const debouncedFetch = useDebounceFn(fetchSuggestions, 250);
 
 watch(query, (val) => {
 	activeIndex.value = -1;
-	if (!val.trim() || val.trim().length < searchConfig.autocompleteMinChars) {
+	if (!val.trim() || val.trim().length < autocompleteMinChars.value) {
 		suggestions.value = [];
 		return;
 	}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@revenexx/cover",
-  "version": "0.1.10",
+  "version": "0.1.12",
   "description": "Cover \u2014 revenexx design system for Nuxt. Distributed as a Nuxt layer: generic UI components, theming tokens and stores shared by the demo shop, custom storefronts and the Blokkli theme.",
   "type": "module",
   "main": "./nuxt.config.ts",

package/server/api/product/[id].get.ts

@@ -11,13 +11,7 @@ export default defineEventHandler(async (event) => {
 		if (!detail) {
 			throw createError({ statusCode: 404, message: "Product not found" });
 		}
-		if (resolvePriceServiceKey(event) === "api") {
-			detail = await enrichDetailWithLivePrices(event, detail);
-		}
-		if (resolveInventoryServiceKey(event) === "api") {
-			detail = await enrichDetailWithLiveAvailability(event, detail);
-		}
-		return detail;
+		return await enrichDetailLive(event, detail);
 	}
 	catch (err) {
 		if (err !== null && typeof err === "object" && "statusCode" in err) {

package/server/api/products/[id].get.ts

@@ -10,15 +10,8 @@ export default defineEventHandler(async (event) => {
 		if (!product) {
 			throw createError({ status: 404, message: "Product not found" });
 		}
-		if (resolvePriceServiceKey(event) === "api") {
-			const [enriched] = await enrichProductsWithLivePrices(event, [product]);
-			product = enriched ?? product;
-		}
-		if (resolveInventoryServiceKey(event) === "api") {
-			const [enriched] = await enrichProductsWithLiveAvailability(event, [product]);
-			product = enriched ?? product;
-		}
-		return product;
+		const [enriched] = await enrichProductsLive(event, [product]);
+		return enriched ?? product;
 	}
 	catch (err) {
 		if (err !== null && typeof err === "object" && "statusCode" in err) {

package/server/api/products/index.get.ts

@@ -5,14 +5,8 @@ export default defineEventHandler(async (event) => {
 	};
 
 	try {
-		let products = await getProductService(event).listProducts({ category, subcategory, locale });
-		if (resolvePriceServiceKey(event) === "api") {
-			products = await enrichProductsWithLivePrices(event, products);
-		}
-		if (resolveInventoryServiceKey(event) === "api") {
-			products = await enrichProductsWithLiveAvailability(event, products);
-		}
-		return products;
+		const products = await getProductService(event).listProducts({ category, subcategory, locale });
+		return await enrichProductsLive(event, products);
 	}
 	catch (err) {
 		getLogService().error("Service error: products/list", toErrorContext(err));

package/server/api/typesense/search.post.ts

@@ -88,13 +88,8 @@ export default defineEventHandler(async (event) => {
 				perPage,
 			});
 
-			let products: ProductList[] = (results.hits ?? []).map(hit => mapLiveDocToProduct(hit.document));
-			if (resolvePriceServiceKey(event) === "api") {
-				products = await enrichProductsWithLivePrices(event, products);
-			}
-			if (resolveInventoryServiceKey(event) === "api") {
-				products = await enrichProductsWithLiveAvailability(event, products);
-			}
+			const mapped: ProductList[] = (results.hits ?? []).map(hit => mapLiveDocToProduct(hit.document));
+			const products: ProductList[] = await enrichProductsLive(event, mapped);
 			const facets: SearchFacet[] = (results.facet_counts ?? []).map(fc => ({
 				fieldName: fc.field_name,
 				counts: (fc.counts ?? []).map(c => ({ value: c.value, count: c.count })),

package/server/utils/liveEnrichment.ts

@@ -0,0 +1,51 @@
+import type { H3Event } from "h3";
+
+import type { Product } from "../../app/composables/useProducts";
+import type { ProductDetail } from "../../app/interfaces/product-detail";
+
+/**
+ * Live catalog enrichment fan-out: prices and availability come from two
+ * independent apps — fetch them IN PARALLEL and merge their fields. The
+ * sequential await-chain this replaces paid both round-trips back to back
+ * on every PDP and listing request (~2x upstream latency).
+ * Respects the per-request service keys; mock domains stay untouched.
+ */
+export async function enrichProductsLive<T extends Product>(event: H3Event, products: T[]): Promise<T[]> {
+	if (products.length === 0) {
+		return products;
+	}
+	const wantPrices = resolvePriceServiceKey(event) === "api";
+	const wantStock = resolveInventoryServiceKey(event) === "api";
+	if (!wantPrices && !wantStock) {
+		return products;
+	}
+	const [priced, stocked] = await Promise.all([
+		wantPrices ? enrichProductsWithLivePrices(event, products) : null,
+		wantStock ? enrichProductsWithLiveAvailability(event, products) : null,
+	]);
+	return products.map((product, i) => ({
+		...product,
+		...(priced?.[i] ? { prices: priced[i].prices } : {}),
+		...(stocked?.[i]
+			? { stocks: stocked[i].stocks, isOutOfStock: stocked[i].isOutOfStock }
+			: {}),
+	}));
+}
+
+/** Single-detail variant for the PDP payload. */
+export async function enrichDetailLive(event: H3Event, detail: ProductDetail): Promise<ProductDetail> {
+	const wantPrices = resolvePriceServiceKey(event) === "api";
+	const wantStock = resolveInventoryServiceKey(event) === "api";
+	if (!wantPrices && !wantStock) {
+		return detail;
+	}
+	const [priced, stocked] = await Promise.all([
+		wantPrices ? enrichDetailWithLivePrices(event, detail) : null,
+		wantStock ? enrichDetailWithLiveAvailability(event, detail) : null,
+	]);
+	return {
+		...detail,
+		...(priced ? { prices: priced.prices } : {}),
+		...(stocked ? { stocks: stocked.stocks } : {}),
+	};
+}