marcel/mealprep
1
0
Fork 0
Code Issues 22 Pull Requests Actions Packages Projects Releases Wiki Activity
33 Commits 2 Branches 0 Tags
682580e11d0e1456ecc983c47e96283996e01a95
Commit Graph

14 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
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
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
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
Marcel Raddatz
0a2ef750c4 feat(design-system): add Tailwind 4 @theme tokens, fonts, and completeness tests 
- Load Fraunces, DM Sans, DM Mono via Google Fonts preconnect in app.html
- Define all design tokens in @theme block: neutrals, green/yellow/blue/
  purple/orange scales, spacing (--space-1..20), radii, shadows, button base
- Note --green-dark as button background (--green fails WCAG AA with white)
- Add @types/node for Node fs/path usage in design-system tests

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-04-02 12:45:11 +02:00
Marcel Raddatz
7c8d725fce test(design-system): assert WCAG 2.2 AA contrast for key color pairs 
White on --green-dark (not --green) is the correct button background;
--green (#3D8C4A) gives only 4.16:1 which fails AA for normal-size text.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-04-02 12:43:21 +02:00
Marcel Raddatz
82815205d0 Wire frontend into Docker Compose with type-safe API client 
- Add frontend service to docker-compose.yml (port 3000, BACKEND_URL env var)
- Add frontend/Dockerfile using adapter-node for plain Node/Docker runtime
- Switch svelte.config.js from adapter-auto to adapter-node
- Generate OpenAPI types from backend spec (openapi-typescript + openapi-fetch)
- Add src/lib/server/api.ts as server-only typed API client factory
- Add generate:api script to regenerate types when backend spec changes

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 2026-04-02 12:36:09 +02:00