Phase 4: Vite-React-Geruest und Workspace-Anbindung
npm-Workspace im Repo-Root verbindet companion-app mit @audi-dash/ui, so dass die App die Komponentenbibliothek als echte Abhaengigkeit nutzt statt nur in der Doku. Dazu Vite, React 18, Einstiegsdateien und eine schlanke Grundlage-CSS, die nur enthaelt was eine App braucht und eine Bibliothek nicht mitbringt: Vollbild, sichere Bereiche, Scrollverhalten. Zwei Audit-Befunde des alten Panels sind hier von Anfang an beruecksichtigt: Formularfelder mit 16px (sonst zoomt iOS Safari beim Fokus) und ein globaler :focus-visible-Ring. Nebenbei im design-system den Kontrastwert --fg3 nachgezogen: dort stand noch #657081 mit 3,0:1 auf --tile, das Panel hatte den Wert laengst auf #8a94a3 korrigiert. Ohne das haette die neue App den bereits behobenen WCAG-Verstoss geerbt.
This commit is contained in:
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"name": "audi-app",
|
||||
"version": "0.1.0",
|
||||
"private": true,
|
||||
"description": "Werkstatt für DataMetric360: Design-System, Companion-App und das Home-Assistant-Panel.",
|
||||
"workspaces": [
|
||||
"design-system",
|
||||
"companion-app"
|
||||
],
|
||||
"scripts": {
|
||||
"build:ds": "npm run build --workspace @audi-dash/ui",
|
||||
"dev": "npm run dev --workspace datametric360",
|
||||
"build": "npm run build:ds && npm run build --workspace datametric360",
|
||||
"typecheck": "npm run typecheck --workspaces --if-present",
|
||||
"test": "npm run test --workspace datametric360"
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user