Files
ApiCore/ApiCore-Frontend
Nick SzaunigandClaude Opus 5.5 e0be687b7c feat: Aufnahmeseite und Liste der Sprachnotizen (T7 L5 Task 19)
/voice/new: großer Aufnahmeknopf mit Zeit, Hinweis bei 150 s, Stopp bei
180 s; eine automatisch beendete Aufnahme liegt sofort in der
Warteschlange des Geräts (Ruling 13); Abbrechen und Neu aufnehmen
fragen nach; Hilfe bei gesperrtem Mikrofon; Fokus bleibt bei jedem
Zustandswechsel an einem Bedienelement; Volk und Datum während der
Aufnahme gesperrt, ?date= auf die letzten 7 Tage begrenzt.
/voice: wartende Notizen des Geräts zuerst, dann die des Servers mit
Status, „Prüfen“ nur bei fertigen, Verwerfen mit Rückfrage.
Einstiege über Schnellanlage, Menü (nur mit voice-captures:use und
inspections:create), Volksseite und Durchsicht. Bei ausgeschalteter
Aufnahme verschwinden die Einstiege; jeder HTTP-Fehler der
Konfiguration zählt als aus, nur fehlendes Netz als unbekannt.
Fehlertexte gleich mit dem Backend (Test).

Gates: Frontend lint, typecheck, 2979 Tests, build.

Refs #27

Co-Authored-By: Claude Opus 5.5 (1M context) <[email protected]>
2026-10-16 11:49:56 +02:00
..
2026-08-27 08:32:47 +02:00

ApiCore-Frontend

Next.js-Oberfläche von ApiCore (App Router, TypeScript, Tailwind, shadcn/ui, TanStack Query). Die App spricht nur über die API des Backends; sie hat keinen eigenen Datenbankzugriff. Überblick über das ganze Projekt: ../README.md, Seitenstruktur: ../ARCHITECTURE.md Abschnitt 2.

Einrichten

npm install
cp .env.example .env.local   # API_URL, z. B. http://localhost:3001/api/v1
npm run dev                  # http://localhost:3000

API_URL ist eine Laufzeit-Variable: Im Cluster kommt sie aus der ConfigMap apicore-frontend-config, ein neuer Wert braucht keinen neuen Build.

Diese Next.js-Version (16) weicht von älteren ab; vor Änderungen die mitgelieferte Doku unter node_modules/next/dist/docs/ lesen (siehe AGENTS.md).

Prüfen

npm run lint
npm run typecheck   # next typegen && tsc --noEmit
npm test            # Vitest + React Testing Library
npm run build

Der Image-Build (Dockerfile) führt Lint, Typecheck und Tests aus und bricht bei Fehlern ab.

Offline

  • Offline-Warteschlange in IndexedDB (src/lib/offline/), Band „Offline – X Einträge warten“, Sync bei Wiederverbindung mit Idempotenz-Schlüssel.
  • Service Worker (public/sw.js, public/sw-routes.js) mit App-Hülle und Offline-Seiten unter src/app/(app)/offline/ für den Kaltstart ohne Netz.
  • „Stand laden“ holt die Daten eines Stands auf das Gerät; Abmelden löscht Pakete und Caches. Tokens werden nie gespeichert.