Update features and dependencies

2026-07-01 11:10:37 +02:00
parent 9d9dfb46c6
commit 8b57a3fd87
107 changed files with 14654 additions and 458 deletions
@@ -0,0 +1,97 @@
+"use client";
+
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+import { Sparkles, Loader2 } from "lucide-react";
+import { toast } from "sonner";
+import { Button } from "@/components/ui/button";
+import { FakeProgressBar } from "@/components/ui/fake-progress-bar";
+
+type GeneratedRecipe = {
+  ingredients: Array<{ rawName: string; quantity?: number; unit?: string; note?: string }>;
+  steps: Array<{ instruction: string; timerSeconds?: number }>;
+};
+
+export function GenerateContentButton({
+  recipeId,
+  title,
+  description,
+}: {
+  recipeId: string;
+  title: string;
+  description?: string | null;
+}) {
+  const router = useRouter();
+  const [busy, setBusy] = useState(false);
+
+  async function generate() {
+    setBusy(true);
+    try {
+      const prompt = description?.trim()
+        ? `${title}: ${description.trim()}`
+        : title;
+
+      const genRes = await fetch("/api/v1/ai/generate", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ prompt }),
+      });
+
+      if (!genRes.ok) {
+        const err = await genRes.json() as { error?: string };
+        toast.error(err.error ?? "Generation failed");
+        return;
+      }
+
+      const generated = await genRes.json() as GeneratedRecipe;
+
+      const saveRes = await fetch(`/api/v1/recipes/${recipeId}`, {
+        method: "PUT",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          ingredients: generated.ingredients.map((ing, i) => ({
+            rawName: ing.rawName,
+            quantity: ing.quantity,
+            unit: ing.unit,
+            note: ing.note,
+            order: i,
+          })),
+          steps: generated.steps.map((s, i) => ({
+            instruction: s.instruction,
+            timerSeconds: s.timerSeconds,
+            order: i,
+          })),
+        }),
+      });
+
+      if (!saveRes.ok) {
+        toast.error("Failed to save generated content");
+        return;
+      }
+
+      toast.success("Ingredients and steps generated!");
+      router.refresh();
+    } finally {
+      setBusy(false);
+    }
+  }
+
+  return (
+    <div className="flex flex-col items-center gap-3">
+      <FakeProgressBar active={busy} durationMs={10000} label={busy ? "Generating recipe content…" : undefined} />
+      <Button
+        variant="outline"
+        size="sm"
+        onClick={() => { void generate(); }}
+        disabled={busy}
+        className="gap-1.5"
+      >
+        {busy ? (
+          <><Loader2 className="h-4 w-4 animate-spin" />Generating…</>
+        ) : (
+          <><Sparkles className="h-4 w-4" />Generate with AI</>
+        )}
+      </Button>
+    </div>
+  );
+}