arnaudne/Epicure
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: surface pantry-expiry recipe suggestions

Browse Source 
Pantry page now shows a "Use it up soon" widget with recipes that use
soon-to-expire pantry items, across the user's own recipes plus public/
unlisted ones (the existing /recipes/can-cook page only looked at the
user's own). Extracted the matching/scoring logic shared by both into
lib/pantry-match.ts.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Arnaud
2026-07-09 15:26:44 +02:00
parent f2a0c20f07
commit cd444d4d23
6 changed files with 141 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/app/(app)/recipes/can-cook/page.tsx
+13 -51
View File
@@ -5,17 +5,10 @@ import { db, recipes, pantryItems } from "@epicure/db";
import { eq } from "@epicure/db";
import { getPublicUrl } from "@/lib/storage";
import { CanCookContent } from "@/components/recipe/can-cook-content";
import { scoreRecipesAgainstPantry } from "@/lib/pantry-match";
export const metadata: Metadata = {};
const EXPIRING_WITHIN_DAYS = 3;
function isExpiringSoon(expiresAt: Date | null): boolean {
if (!expiresAt) return false;
const days = Math.ceil((expiresAt.getTime() - Date.now()) / (1000 * 60 * 60 * 24));
return days >= 0 && days <= EXPIRING_WITHIN_DAYS;
}
export default async function CanCookPage() {
const session = await auth.api.getSession({ headers: await headers() });
if (!session) return null;
@@ -33,49 +26,18 @@ export default async function CanCookPage() {
}),
]);
const pantryKeys = new Set(pantry.map((p) => p.rawName.toLowerCase()));
const expiringSoonKeys = new Set(
pantry
.filter((p) => isExpiringSoon(p.expiresAt))
.map((p) => p.rawName.toLowerCase())
);
const scored = userRecipes
.filter((r) => r.ingredients.length > 0)
.map((recipe) => {
const matched = recipe.ingredients.filter((ing) =>
pantryKeys.has(ing.rawName.toLowerCase())
).length;
const missing = recipe.ingredients
.filter((ing) => !pantryKeys.has(ing.rawName.toLowerCase()))
.map((ing) => ing.rawName)
.slice(0, 5);
const usesExpiring = recipe.ingredients
.filter((ing) => expiringSoonKeys.has(ing.rawName.toLowerCase()))
.map((ing) => ing.rawName);
const total = recipe.ingredients.length;
const cover = recipe.photos?.find((p) => p.isCover) ?? recipe.photos?.[0];
return {
recipe: {
id: recipe.id,
title: recipe.title,
description: recipe.description,
photos: cover ? [{ url: getPublicUrl(cover.storageKey) }] : [],
},
matched,
total,
pct: Math.round((matched / total) * 100),
missing,
usesExpiring,
};
})
.sort((a, b) => {
if (a.usesExpiring.length > 0 !== b.usesExpiring.length > 0) {
return a.usesExpiring.length > 0 ? -1 : 1;
}
return b.pct - a.pct;
});
const scored = scoreRecipesAgainstPantry(userRecipes, pantry).map((s) => {
const cover = s.recipe.photos?.find((p) => p.isCover) ?? s.recipe.photos?.[0];
return {
...s,
recipe: {
id: s.recipe.id,
title: s.recipe.title,
description: s.recipe.description,
photos: cover ? [{ url: getPublicUrl(cover.storageKey) }] : [],
},
};
});
return <CanCookContent pantryCount={pantry.length} scored={scored} />;
}