D4rkst3randClaude Opus 5
6c8ead8e15
Schritt 4. React 18, TypeScript, Vite 5, Tailwind 4 (CSS-first), Lucide, Zustand; kein Konsta. Quelle in server/ui, Build nach server/web (gitignored), im Abbild von einer eigenen Docker-Stufe gebaut. JEDER KNOPF GIBT RUECKMELDUNG -- und zwar erzwungen, nicht vorgenommen: - api.ts haelt den EINZIGEN fetch und GENAU EINE Fehlerklasse. Der Fivemanage-Fehler war, zwei zu haben: geworfen wurde `new Error`, geprueft auf `instanceof ApiError`, und damit verschwand jeder Fehlschlag lautlos. - store.ts haelt run(): Aktion rein, Erfolgstext rein, und es meldet bei Erfolg diesen und bei Fehlschlag den Text DES DIENSTES. Wer darueber geht, kann keinen stillen Knopf bauen. - Jeder wartende Knopf ist gesperrt und zeigt einen Kreisel. Der zweite Klick eine Sekunde spaeter war der Weg zu neunzehn gleichnamigen Organisationen. - Fehlermeldungen bleiben stehen, bis jemand sie wegklickt. Ein Fehler, der von allein verschwindet, ist einer, den niemand gelesen hat. @vitejs/plugin-react ist auf ^4 festgenagelt: die 6 verlangt vite ^8. In den peerDependencies nachgesehen -- Vite 5.4.21 liegt in der Schnittmenge von plugin-react@4 und @tailwindcss/vite@4. Am laufenden Container nachgemessen: / kommt als text/html, assets/*.js als text/javascript, *.css als text/css (die MIME-Falle aus Schritt 1 traegt), und /tokens, /speicher, /konto liefern dieselbe index.html -- die SPA-Rueckfall- route tut, wofuer sie gebaut wurde. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
28 lines
838 B
TypeScript
28 lines
838 B
TypeScript
/** Bytes so, wie ein Mensch sie liest. 1024er-Stufen, weil der Rest der
|
|
* Werkzeugkette (du, ls, Explorer) das auch tut. */
|
|
export function bytes(n: number): string {
|
|
if (n < 1024) return `${n} B`
|
|
const stufen = ['KB', 'MB', 'GB', 'TB']
|
|
let wert = n / 1024
|
|
let i = 0
|
|
while (wert >= 1024 && i < stufen.length - 1) {
|
|
wert /= 1024
|
|
i++
|
|
}
|
|
return `${wert.toFixed(wert < 10 ? 1 : 0)} ${stufen[i]}`
|
|
}
|
|
|
|
/** Zeitstempel des Dienstes sind Millisekunden aus Date.now(). */
|
|
export function zeit(ms: number | null): string {
|
|
if (!ms) return '—'
|
|
return new Date(ms).toLocaleString('de-DE', {
|
|
year: 'numeric',
|
|
month: '2-digit',
|
|
day: '2-digit',
|
|
hour: '2-digit',
|
|
minute: '2-digit',
|
|
})
|
|
}
|
|
|
|
export const istBild = (mime: string) => mime.startsWith('image/')
|