feat(recipes): full recipe CRUD with photos, print, version history

List, detail, new, edit pages. Server-side pagination, dietary tags, difficulty. Photo upload to S3-compatible storage. Version history. Multi-select grid with bulk delete/visibility. Print view. Delete confirmation dialog.
2026-07-01 08:10:11 +02:00
parent fa2d797918
commit 84d6cfeb07
45 changed files with 5300 additions and 0 deletions
@@ -0,0 +1,67 @@
+import type { Metadata } from "next";
+import { notFound } from "next/navigation";
+import { headers } from "next/headers";
+import { auth } from "@/lib/auth/server";
+import { db, recipes } from "@epicure/db";
+import { and, eq } from "@epicure/db";
+import { RecipeForm } from "@/components/recipe/recipe-form";
+import { getPublicUrl } from "@/lib/storage";
+
+type Params = { params: Promise<{ id: string }> };
+
+export const metadata: Metadata = { title: "Edit Recipe" };
+
+export default async function EditRecipePage({ params }: Params) {
+  const { id } = await params;
+  const session = await auth.api.getSession({ headers: await headers() });
+  if (!session) return null;
+
+  const recipe = await db.query.recipes.findFirst({
+    where: and(eq(recipes.id, id), eq(recipes.authorId, session.user.id)),
+    with: {
+      ingredients: { orderBy: (t, { asc }) => asc(t.order) },
+      steps: { orderBy: (t, { asc }) => asc(t.order) },
+      photos: { orderBy: (t, { asc }) => asc(t.order) },
+    },
+  });
+
+  if (!recipe) notFound();
+
+  const defaultValues = {
+    title: recipe.title,
+    description: recipe.description ?? undefined,
+    baseServings: recipe.baseServings,
+    visibility: recipe.visibility,
+    difficulty: recipe.difficulty,
+    prepMins: recipe.prepMins,
+    cookMins: recipe.cookMins,
+    dietaryTags: (recipe.dietaryTags as Record<string, boolean | undefined>) ?? {},
+    ingredients: recipe.ingredients.map((ing) => ({
+      id: ing.id,
+      rawName: ing.rawName,
+      quantity: ing.quantity ?? "",
+      unit: ing.unit ?? "",
+      note: ing.note ?? "",
+    })),
+    steps: recipe.steps.map((step) => ({
+      id: step.id,
+      instruction: step.instruction,
+      timerSeconds: step.timerSeconds ? String(step.timerSeconds) : "",
+    })),
+    photos: recipe.photos.map((photo) => ({
+      key: photo.storageKey,
+      isCover: photo.isCover,
+      preview: getPublicUrl(photo.storageKey),
+    })),
+  };
+
+  return (
+    <div className="space-y-6">
+      <div>
+        <h1 className="text-3xl font-bold tracking-tight">Edit recipe</h1>
+        <p className="text-muted-foreground mt-1">{recipe.title}</p>
+      </div>
+      <RecipeForm recipeId={id} defaultValues={defaultValues} />
+    </div>
+  );
+}