"use client";

import { useEffect, useState } from "react";

/** Was /api/vorgaenge/[id] liefert (#009, #016). */
export type VorgangsStand = {
  readonly id: string;
  readonly status: string;
  readonly fehler: string | null;
  readonly plan: unknown;
  readonly ergebnis: unknown;
};

const LAUFEND = new Set(["WARTEND", "LAEUFT"]);

export function laeuftNoch(stand: VorgangsStand | undefined): boolean {
  return stand !== undefined && LAUFEND.has(stand.status);
}

/** Fragt einen Vorgang jede Sekunde ab, bis er fertig ist. */
export function useVorgang(vorgangId: string | undefined): { stand?: VorgangsStand; fehler?: string } {
  // Der Stand merkt sich seine Vorgangs-ID: so zeigt ein neuer Vorgang nie den alten Stand,
  // ohne dass der Effekt synchron zuruecksetzen muss.
  const [stand, setStand] = useState<VorgangsStand>();
  const [fehler, setFehler] = useState<{ id: string; text: string }>();

  useEffect(() => {
    if (!vorgangId) return;
    let abgebrochen = false;
    void (async () => {
      while (!abgebrochen) {
        const antwort = await fetch(`/api/vorgaenge/${vorgangId}`, { cache: "no-store" });
        if (!antwort.ok) {
          setFehler({ id: vorgangId, text: "Status des Vorgangs nicht abrufbar." });
          return;
        }
        const neu = (await antwort.json()) as VorgangsStand;
        if (abgebrochen) return;
        setStand(neu);
        if (!LAUFEND.has(neu.status)) return;
        await new Promise((weiter) => setTimeout(weiter, 1000));
      }
    })();
    return () => {
      abgebrochen = true;
    };
  }, [vorgangId]);

  return {
    ...(stand && stand.id === vorgangId ? { stand } : {}),
    ...(fehler && fehler.id === vorgangId ? { fehler: fehler.text } : {}),
  };
}