sparring-dashboard

App-Shell + Komponenten-Kit des Finanz-Cockpits — rendert die data/derived-Artefakte und die Beratungen eines sparring-Workspace (React 19 / Vite / Tailwind v4). Wird aus dem Quellcode konsumiert (kein Build-Step im Paket); der Workspace baut daraus sein Dashboard.

Verwendung im Workspace

// dashboard/vite.config.ts
import { createDashboardConfig } from 'sparring-dashboard/vite';
export default createDashboardConfig({ workspaceRoot: path.resolve(import.meta.dirname, '..') });

// dashboard/main.tsx
import { App } from 'sparring-dashboard';
import 'sparring-dashboard/styles.css';

Die Factory verdrahtet die Shell über Aliase mit den Daten/Inhalten des Workspace (@derived, @consultations, @ws-pages, @ws-labels) und dedupliziert React.

Exporte

| Einstieg | Inhalt | | -------- | ------ | | . | App (Router + Provider), öffentliche Typen | | ./kit | Komponenten-Kit (Page, Section, Card, KpiTile, ValueBar, ProvenanceDot, formatEur, …) | | ./data | loadDashboardData() — geparste derived-Artefakte + Beratungen | | ./lib | cn (Klassen-Merge) | | ./vite | createDashboardConfig, createWorkspaceAliases | | ./styles.css | Tailwind-Entry + Design-Tokens |

Freie Beratungs-Seiten eines Workspace (dashboard/beratung/<slug>.tsx) werden per Glob gefunden und gegen den öffentlichen Kit-Vertrag gebaut. Katalog: die /kit-Galerie + src/kit/README.md.

Lizenz

MIT © Philipp Schürmann