feat: Implement auto-parsing of markdown in WriteRecipePage with error handling

2026-04-12 10:06:51 +02:00
parent a028b8ce3a
commit 03727ee3c5
2 changed files with 80 additions and 9 deletions
@@ -72,11 +72,46 @@ export default function WriteRecipePage() {
    if (prefilledMarkdown) {
      setMarkdown(prefilledMarkdown);
      sessionStorage.removeItem('prefilled_markdown');
-      // Auto-parse om Markdown finns
-      setTimeout(() => {
-        // Markeringen för auto-parse görs via en flag
-        sessionStorage.setItem('auto_parse_markdown', 'true');
-      }, 100);
+      // Auto-parse markdown från snabbimport
+      setIsParsing(true);
+      (async () => {
+        try {
+          const res = await fetch('/api/parse-markdown-proxy', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ markdown: prefilledMarkdown }),
+          });
+
+          if (!res.ok) {
+            const errorText = await res.text();
+            throw new Error(errorText || 'Kunde inte tolka recept');
+          }
+
+          const data = await res.json();
+
+          const rows: ParsedIngredientRow[] = data.ingredients.map(
+            (ing: Omit<ParsedIngredientRow, 'selectedProductId' | 'editedQuantity' | 'editedUnit' | 'editedNote'>) => ({
+              ...ing,
+              selectedProductId: ing.suggestions[0]?.productId ?? 0,
+              editedQuantity: String(ing.quantity),
+              editedUnit: ing.unit,
+              editedNote: ing.note ?? '',
+            }),
+          );
+
+          setParsed(data);
+          setEditedName(data.name);
+          setEditedDescription(data.description ?? '');
+          setEditedInstructions(data.instructions ?? '');
+          setIngredients(rows);
+          setStep('review');
+        } catch (err) {
+          const message = err instanceof Error ? err.message : 'Något gick fel vid tolkning.';
+          setError(message);
+        } finally {
+          setIsParsing(false);
+        }
+      })();
    }
  }, []);