App meal creation support

[BryceKrispiess]

Tip

Help us review and merge your PR faster!
Please ensure you have completed the Checklist below.
For Frontend changes, please run pnpm run validate to check for any errors.
PRs that include tests and clear screenshots are highly preferred!
Note: AI-generated descriptions must be manually edited for conciseness. Do not paste raw AI summaries.

Description

What problem does this PR solve?
Allows users to create meals in the app just like they can on the web.

How did you implement the solution?
I added the existing food pickers into a meal-builder mode, and reused the existing backend meal-create endpoint so foods can be added and saved directly from the app.

Linked Issue: #

How to Test

1. Open app
2. click library tab
3. click create meal

PR Type

• Issue (bug fix)
• New Feature
• Refactor
• Documentation

Checklist

All PRs:

• [MANDATORY - ALL] Integrity & License: I certify this is my own work, free of malicious code, and I agree to the License terms.

New features only:

• [MANDATORY for new feature] Alignment: I have raised a GitHub issue and it was reviewed/approved by maintainers or it was approved on Discord.

Frontend changes (SparkyFitnessFrontend/ or src/):

• [MANDATORY for Frontend changes] Quality: I have run pnpm run validate and it passes.
• [MANDATORY for Frontend changes] Translations: I have only updated the English (en) translation file.

Backend changes (SparkyFitnessServer/):

• [MANDATORY for Backend changes] Code Quality: I have run typecheck, lint, and tests. New files use TypeScript, new endpoints have Zod schemas, and new endpoints include tests.
• [MANDATORY for Backend changes] Database Security: I have updated rls_policies.sql for any new user-specific tables.

UI changes (components, screens, pages):

• [MANDATORY for UI changes] Screenshots: I have attached Before/After screenshots below.

Screenshots

Click to expand

Before

After

Notes for Reviewers

Optional — use this for anything that doesn't fit above: known tradeoffs, areas you'd like specific feedback on, qustions you have or context that helps reviewers.

[gemini-code-assist]

Code Review

This pull request introduces a Meal Builder feature, enabling users to create and save custom meals by combining multiple food ingredients. The implementation includes a new MealBuilderScreen, a useCreateMeal hook, and a NutritionMacroCard component for shared macro visualization. Existing screens for food searching, adding, and scanning were updated with a 'meal-builder' mode to facilitate ingredient selection. Feedback was provided regarding the error handling in FoodEntryAddScreen, where failures during the saving of external foods could result in silent errors.

[apedley]

Need some tests here. Here's what I'd focus on:

mealbuilderscreen.tsx - mainly handleSaveMeal validation
foodentryaddscreen.tsx - all the additions
foodformscreen.tsx - all the additions
There's also some easy pure unit tests to be written in mealBuilderDraft.ts

The rest is mostly cosmetic so don't worry about testing that stuff.

[BryceKrispiess]

Need some tests here. Here's what I'd focus on:

mealbuilderscreen.tsx - mainly handleSaveMeal validation foodentryaddscreen.tsx - all the additions foodformscreen.tsx - all the additions There's also some easy pure unit tests to be written in mealBuilderDraft.ts

The rest is mostly cosmetic so don't worry about testing that stuff.

These have been added.