Files
Mangalord/frontend/src/routes/profile/+page.ts
MechaCat02 7560d59616 feat: /profile dashboard with tabbed preferences, account, bookmarks, collections (0.18.0)
Tabbed user dashboard at `/profile` that absorbs `/settings` and
surfaces bookmarks + collections in one place.

- New `/profile` shell with tabs: Overview (counts), Preferences
  (theme + reader prefs, ported from /settings; works for guests
  via localStorage), Account (password change; auth-gated),
  Bookmarks, Collections. Guest tab list is filtered to what they
  can actually use.
- `/settings` is a 308 redirect to `/profile/preferences` so old
  bookmarks land cleanly. The "Settings" link in the top nav is
  replaced by a Profile link between Upload and Bookmarks; Bookmarks
  + Collections stay as shortcuts per the user spec.
- Extracts `lib/components/BookmarkList.svelte` and
  `lib/components/CollectionsGrid.svelte` so the top-level
  /bookmarks + /collections routes and the new profile tabs render
  the same UI without duplication. Both layers use a three-state
  load (authenticated / guest / error) to handle network hiccups
  inline.
- Deep links preserved via `?next=` on every sign-in CTA.

88 frontend unit tests + svelte-check clean; 12 of 12 e2e tests in
profile.spec.ts and reader-mode.spec.ts pass (8 other e2e failures
predate this branch and stay flagged for cleanup).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-17 17:59:29 +02:00

31 lines
1017 B
TypeScript

import { ApiError } from '$lib/api/client';
import { listMyBookmarks } from '$lib/api/bookmarks';
import { listMyCollections } from '$lib/api/collections';
import type { PageLoad } from './$types';
export const ssr = false;
/**
* Cheap pair-fetch for the landing overview's counts. Each call asks
* for `limit: 1` so the server still returns the paged envelope's
* `total` without dragging the full payload across the wire.
*/
export const load: PageLoad = async () => {
try {
const [bookmarks, collections] = await Promise.all([
listMyBookmarks({ limit: 1 }),
listMyCollections({ limit: 1 })
]);
return {
authenticated: true,
bookmark_count: bookmarks.page.total ?? 0,
collection_count: collections.page.total ?? 0
};
} catch (e) {
if (e instanceof ApiError && e.status === 401) {
return { authenticated: false, bookmark_count: 0, collection_count: 0 };
}
throw e;
}
};