dejanandClaude Opus 5
6a0b36ddcc
467 Stellen. Nicht durch einen anderen Strich ersetzt, sondern durch das
Satzzeichen, das an der jeweiligen Stelle richtig ist: Doppelpunkt, wo eine
Erlaeuterung folgt; Komma, wo der Satz weiterlaeuft; Punkt, wo zwei
Hauptsaetze aneinanderstiessen. Ein Halbgeviertstrich waere nur derselbe
Griff mit kuerzerem Strich gewesen.
Regelbasiert ersetzt und danach nachgeprueft, weil eine Regel allein nicht
reicht. Gefunden und einzeln korrigiert:
- Eingeschobene Saetze mit Strichpaar. Nur der oeffnende Strich passte ins
Muster, der schliessende blieb als "—," stehen. Drei Stellen, jetzt mit
Klammern oder als eigener Satz.
- Doppelte Doppelpunkte, wo beide Striche eines Paars zu Doppelpunkten wurden
("Globale Regeln: Schrift, Groessen, Abstaende: kommen aus HiveGrid").
Sieben Stellen in Doku und Oberflaeche, jetzt in Klammern.
- Pfade, denen ein Komma statt eines Doppelpunkts folgte.
- Ausgerichtete Kommentartabellen, in denen der Strich eine Spalte war.
Nicht angefasst: drei Geviertstriche, die keine Prosa sind, sondern
Tabellenplatzhalter fuer "kein Wert" (Trichter, Auftraege, Kunden). Dort ist
der Strich die Angabe selbst; ihn zu entfernen liesse leere Zellen zurueck.
tsc, lint, build, verify:carbon und verify:layout laufen sauber.
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01QPeZNwSeU7qG3RRCwaxEZX
61 lines
1.9 KiB
TypeScript
61 lines
1.9 KiB
TypeScript
/**
|
|
* Kleiner Store für Werte, die einen Reload überleben sollen.
|
|
*
|
|
* Warum kein `useState` + `useEffect`: Beim Serverrendering gibt es keinen
|
|
* localStorage. Lädt man den gespeicherten Wert nachträglich im Effekt, löst
|
|
* das eine zweite Renderrunde aus (und React beanstandet das zu Recht).
|
|
* `useSyncExternalStore` ist genau für diesen Fall gebaut: Es rendert
|
|
* serverseitig den Standardwert und wechselt nach der Hydration auf den
|
|
* gespeicherten, ohne Mismatch und ohne Zusatzrender.
|
|
*/
|
|
|
|
export interface PersistenterStore<T> {
|
|
subscribe: (hoerer: () => void) => () => void;
|
|
getSnapshot: () => T;
|
|
getServerSnapshot: () => T;
|
|
setzen: (naechster: T | ((vorher: T) => T)) => void;
|
|
}
|
|
|
|
export function erstellePersistentenStore<T>(
|
|
schluessel: string,
|
|
standard: T,
|
|
/** Gelesene Daten mit dem Standard verschmelzen: fängt alte Formate ab. */
|
|
zusammenfuehren: (gespeichert: unknown, standard: T) => T = (g, s) =>
|
|
({ ...s, ...(g as object) }) as T
|
|
): PersistenterStore<T> {
|
|
let wert = standard;
|
|
let gelesen = false;
|
|
const hoerer = new Set<() => void>();
|
|
|
|
function lade(): T {
|
|
if (gelesen || typeof window === "undefined") return wert;
|
|
gelesen = true;
|
|
try {
|
|
const roh = window.localStorage.getItem(schluessel);
|
|
if (roh) wert = zusammenfuehren(JSON.parse(roh), standard);
|
|
} catch {
|
|
// Defektes JSON oder gesperrter Storage: beim Standard bleiben.
|
|
}
|
|
return wert;
|
|
}
|
|
|
|
return {
|
|
subscribe(neuerHoerer) {
|
|
hoerer.add(neuerHoerer);
|
|
return () => hoerer.delete(neuerHoerer);
|
|
},
|
|
getSnapshot: () => lade(),
|
|
getServerSnapshot: () => standard,
|
|
setzen(naechster) {
|
|
lade();
|
|
wert = typeof naechster === "function" ? (naechster as (v: T) => T)(wert) : naechster;
|
|
try {
|
|
window.localStorage.setItem(schluessel, JSON.stringify(wert));
|
|
} catch {
|
|
// Privater Modus o. Ä.: Persistenz ist optional.
|
|
}
|
|
hoerer.forEach((h) => h());
|
|
},
|
|
};
|
|
}
|