tomdeboneandClaude Opus 5
31880e1005
Bindet die neuen AppView-Endpoints an: sechs IPC-Commands
(fetch_notifications, notification_count, mark_notifications_seen,
fetch_followers, fetch_following, fetch_thread) plus profile_get_by_did,
dazu die TS-Gegenstücke.
* NotificationsView: Liste mit Icon/Text je Art, Avatar, Vorschau des
subject_text, Cursor-Pagination; Klick auf eine Zeile mit Subject öffnet
den Thread. Beim Öffnen wird mit dem indexed_at der obersten Zeile als
Wasserzeichen quittiert.
* NavRail: Eintrag mit Unread-Badge, gepollt im vorhandenen 5s-Timer und
über den bestehenden Teardown-Pfad abgeräumt; der Poll pausiert, solange
die Liste offen ist.
* ProfileView: Follower- und Following-Zahlen sind jetzt Buttons und öffnen
die jeweilige Liste inline.
Navigiert wird über die DID, nicht über den Handle: für Actors, die weder
profiles noch posts kennen, liefert die AppView einen abgeschnittenen
Platzhalter im handle-Feld ("did:plc:abcd…"), und ein Klick darauf landete
in einem synthetischen Leerprofil. Die echte DID steht im DTO und wird jetzt
explizit durchgereicht — keine Heuristik auf das Platzhalter-Format.
Dabei aufgefallen und mitgefixt: ProfileView lud nur in onMount, obwohl die
Komponente bei Profil-zu-Profil-Navigation gemountet bleibt — Posts und
Zahlen des vorherigen Nutzers wären unter dem neuen Namen stehengeblieben.
Jetzt ein auf (did, handle) gekeyter Effekt.
Das Thread-Overlay hing im else-Zweig der leeren Timeline und wäre aus dem
Notifications-View unsichtbar gewesen; es ist jetzt ein Snippet, das beide
Views rendern.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_013HC9HLrUU1LNwkzp8nkDLX
33 lines
805 B
Svelte
33 lines
805 B
Svelte
<script lang="ts">
|
|
// Test the callback-prop pattern (no bindable). Same shape the user
|
|
// would see if we replaced the `bind:current={view}` in App.svelte
|
|
// with `<NavRail view={view} on_select={(v) => view = v} />`.
|
|
|
|
import NavRail from "./NavRail.svelte";
|
|
|
|
type View =
|
|
| "home"
|
|
| "notifications"
|
|
| "compose"
|
|
| "profile"
|
|
| "user"
|
|
| "search"
|
|
| "settings";
|
|
|
|
// `unread` is a prop so the badge test can drive it without going
|
|
// through the polling path in App.svelte. Defaults to 0 (no badge),
|
|
// which is what every non-badge test expects.
|
|
let { unread = 0 }: { unread?: number } = $props();
|
|
|
|
let view: View = $state("home");
|
|
</script>
|
|
|
|
<NavRail
|
|
{view}
|
|
{unread}
|
|
on_select={(v) => {
|
|
view = v;
|
|
}}
|
|
/>
|
|
<span data-testid="view-value">{view}</span>
|