marcel/mealprep
1
0
Fork 0
Code Issues 22 Pull Requests Actions Packages Projects Releases Wiki Activity

Frontend: App shell, navigation, routing, and design tokens #32

Merged
marcel merged 19 commits from feat/issue-16-design-system into master 2026-04-02 14:14:17 +02:00
Conversation 6 Commits 19 Files Changed 26 +717

19 Commits

Author SHA1 Message Date
Marcel Raddatz
682580e11d feat(nav): add hover state on inactive tablet and desktop nav items 
Applies hover:bg-[var(--color-subtle)] to inactive nav links for
visual feedback on pointer devices.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-04-02 14:04:50 +02:00
Marcel Raddatz
5c066d33ef feat(nav): add emoji icons to all nav components 
Renders emoji icons in MobileTabBar (stacked above label),
TabletNavBar (inline), and DesktopSidebar (16px, 20px column).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-04-02 14:03:53 +02:00
Marcel Raddatz
4bd020fa16 test(nav): add parameterized active-state tests for all routes 
Proves active state logic generalizes beyond /planner by testing
all 4 mobile nav routes with writable page store.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-04-02 14:01:26 +02:00
Marcel Raddatz
bd8e901685 fix(nav): use segment-boundary route matching to prevent false positives 
Extracts isActiveRoute() into shared nav module. Matches exact path
or path + '/' prefix, preventing /settings from matching /settings-advanced.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-04-02 14:00:18 +02:00
Marcel Raddatz
aeaca76534 fix(auth): handle users without household — fallback to 'Kein Haushalt' 
Removes non-null assertions on householdId/householdName. Users who
haven't joined a household get a fallback name in the sidebar.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-04-02 13:58:37 +02:00
Marcel Raddatz
32550377aa fix(auth): read JSESSIONID cookie to match Spring Security default 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-04-02 13:57:34 +02:00
Marcel Raddatz
92c7d8f92e feat(auth): preserve redirect URL when redirecting to /login 
Appends ?redirect= with the original pathname so the login page
can redirect back after successful authentication.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-04-02 13:56:49 +02:00
Marcel Raddatz
cc74c0042a test(auth): add isPublicRoute boundary tests for sub-paths and trailing slash 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-04-02 13:55:48 +02:00
Marcel Raddatz
2bdb1010f8 fix(auth): bypass auth guard for static assets and favicon 
Prevents redirect loop when backend is down — login page CSS/JS
would otherwise be redirected to /login.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-04-02 13:55:03 +02:00
Marcel Raddatz
d7f317587e refactor(public): add lang="ts" to public layout for consistency 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-04-02 13:53:56 +02:00
Marcel Raddatz
05bf66de56 refactor(test): replace require() with import() in $app/stores mocks 
CJS require() is fragile in an ESM project. Use async import() instead.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-04-02 13:53:20 +02:00
Marcel Raddatz
db4b01ca77 refactor(config): document resolve.conditions safety for SSR builds 
Verified: SvelteKit's plugin overrides resolve.conditions for SSR
builds. The global 'browser' condition only affects vitest and dev.
Build output confirmed correct with npm run build.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-04-02 13:52:23 +02:00
Marcel Raddatz
9626bde694 feat(shell): add route groups, layout server load, redirect, and placeholder pages 
- (app) group with AppShell layout, loads user/household from locals
- (public) group with full-viewport split layout, /login placeholder
- Root / redirects to /planner for authenticated users
- Placeholder stubs for planner, recipes, shopping, settings, members

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-04-02 13:22:34 +02:00
Marcel Raddatz
7a17873046 feat(auth): add auth guard in hooks.server.ts with session validation 
Validates session cookie via GET /v1/auth/me, populates event.locals
with benutzer and haushalt, redirects to /login if unauthenticated.
Public routes (/login, /register, /invite) bypass auth.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-04-02 13:19:40 +02:00
Marcel Raddatz
cfe38c39aa feat(nav): add AppShell layout with breakpoint-switched navigation 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-04-02 13:18:09 +02:00
Marcel Raddatz
56cfd137aa feat(nav): add DesktopSidebar with logo, nav sections, and variety widget slot 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-04-02 13:16:12 +02:00
Marcel Raddatz
8f33f469de feat(nav): add TabletNavBar with horizontal pills and active state 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-04-02 13:14:12 +02:00
Marcel Raddatz
d3fa8991fe feat(nav): add MobileTabBar with active state and safe-area padding 
Fixed vitest resolve conditions to use browser entry for Svelte 5.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-04-02 13:12:04 +02:00
Marcel Raddatz
7ae1f3dc18 feat(nav): add shared navigation config with mobile and desktop items 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-04-02 13:09:26 +02:00