feat: copy/export as Markdown wherever print exists

Added a shared ExportMarkdownButton (copy to clipboard / download .md) next to every existing print button: recipe, shopping list, collection, meal plan, pantry. Each surface gets a small serializer in lib/markdown/ built from data already in scope at that page — no new queries except pantry, where items now thread through as a prop to PantryPageHeader instead of being fetched only for PantryManager. Also fixes an unrelated bug hit while verifying the collection export: RecipeCard called the client-only useTranslations() hook without "use client", so it rendered fine everywhere it happened to run inside an already-client tree but 500'd — "Couldn't find next-intl config file" — when Next tried to run it as a Server Component, which only happens on the collection detail page (its only caller). Collections with recipes in them were completely broken. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-07-08 22:15:48 +02:00
parent 68cbd5b4e4
commit 1677e40668
15 changed files with 296 additions and 13 deletions
@@ -0,0 +1,54 @@
+type RecipeMarkdownInput = {
+  title: string;
+  description: string | null;
+  baseServings: number;
+  prepMins: number | null;
+  cookMins: number | null;
+  difficulty: "easy" | "medium" | "hard" | null;
+  sourceUrl: string | null;
+  ingredients: Array<{ rawName: string; quantity: string | null; unit: string | null; note: string | null }>;
+  steps: Array<{ instruction: string; timerSeconds: number | null }>;
+};
+
+function formatQuantity(quantity: string | null, unit: string | null): string {
+  return [quantity, unit].filter(Boolean).join(" ");
+}
+
+export function recipeToMarkdown(recipe: RecipeMarkdownInput): string {
+  const lines: string[] = [`# ${recipe.title}`, ""];
+
+  if (recipe.description) {
+    lines.push(recipe.description, "");
+  }
+
+  const meta: string[] = [`Servings: ${recipe.baseServings}`];
+  if (recipe.prepMins) meta.push(`Prep: ${recipe.prepMins} min`);
+  if (recipe.cookMins) meta.push(`Cook: ${recipe.cookMins} min`);
+  if (recipe.difficulty) meta.push(`Difficulty: ${recipe.difficulty}`);
+  lines.push(meta.join(" · "), "");
+
+  if (recipe.ingredients.length > 0) {
+    lines.push("## Ingredients", "");
+    for (const ing of recipe.ingredients) {
+      const qty = formatQuantity(ing.quantity, ing.unit);
+      const note = ing.note ? ` (${ing.note})` : "";
+      lines.push(`- ${qty ? `${qty} ` : ""}${ing.rawName}${note}`);
+    }
+    lines.push("");
+  }
+
+  if (recipe.steps.length > 0) {
+    lines.push("## Instructions", "");
+    recipe.steps.forEach((step, i) => {
+      const timer = step.timerSeconds ? ` (${Math.round(step.timerSeconds / 60)} min)` : "";
+      lines.push(`${i + 1}. ${step.instruction}${timer}`);
+    });
+    lines.push("");
+  }
+
+  if (recipe.sourceUrl) {
+    lines.push(`Source: ${recipe.sourceUrl}`);
+  }
+
+  return lines.join("\n").trim() + "\n";
+}