🍳 View and edit your recipes
What we're building:
Right now, when you create a recipe in NutriKit, you can save it with all the ingredients and amounts. However, once saved, you can't view the ingredient list anymore, and there's no way to edit the recipe if you need to make changes. This task fixes both issues by making recipes display their complete ingredient breakdown when you tap on them, and adding an edit button so you can modify recipes just like any other food in your database.
Problem Statement
Recipes are not loading/displaying correctly in the FoodDetailsView, and there is currently no ability to edit recipes once they are created. This impacts users who have created recipes and need to modify them or view their ingredient details.
Technical Context
The FoodDetailsView (/Users/pxlshpr/Developer/NutriKit/NutriKit/Views/FoodDetailsView.swift) currently has an ingredientsSection that conditionally displays when food.type == .recipe and when !food.childrenFoodItems.isEmpty (lines 262-273). The section is supposed to show recipe ingredients by iterating through food.childrenFoodItems, displaying each ingredient with its emoji, name, amount, and calorie information.
The Food model has a childrenFoodItems: [FoodItem] property that stores recipe ingredients. This is populated during food creation/editing but may not be loading correctly when displaying existing recipes in the details view.
Tasks Required
1. Debug Recipe Loading Issue
- ●Investigate why
food.childrenFoodItemsis empty or not populating when viewing existing recipes - ●Check data persistence layer to ensure recipe ingredients are being saved correctly to CloudKit/Core Data
- ●Verify the Food entity mapping includes proper handling of the
childrenFoodItemsrelationship - ●Add logging or breakpoints to trace where the recipe ingredients are being lost in the data flow
- ●Test with known recipe foods to confirm whether the issue is in saving, loading, or both
2. Implement Recipe Editing Functionality
- ●Add an "Edit" button to the FoodDetailsView toolbar when
food.type == .recipe - ●Create navigation to the FoodForm with editing mode enabled for recipes
- ●Ensure the FoodForm properly loads existing recipe ingredients into the editing interface
- ●Verify that editing a recipe updates both the recipe metadata and its
childrenFoodItemscorrectly - ●Ensure edited recipes save properly and the changes persist across app restarts
- ●Add proper validation to prevent breaking existing recipe data during edits
Acceptance Criteria
- ● Existing recipes display their complete ingredient list in the FoodDetailsView
- ● Each ingredient shows: emoji, name, amount (with proper units), and calorie contribution
- ● An "Edit" button appears in the toolbar when viewing a recipe
- ● Tapping "Edit" opens the FoodForm in edit mode with all recipe data pre-populated
- ● Modifying recipe ingredients (add/remove/edit amounts) saves correctly
- ● After editing and saving, the FoodDetailsView reflects the updated recipe information
- ● Recipe edits persist across app restarts and sync properly via CloudKit
Files to Review
- ●
/Users/pxlshpr/Developer/NutriKit/NutriKit/Views/FoodDetailsView.swift- Main view displaying food details - ●
/Users/pxlshpr/Developer/NutriKit/Packages/FoodCore/Sources/FoodCore/Structs/Food/Food.swift- Food model definition - ●
/Users/pxlshpr/Developer/NutriKit/NutriKit/Refactor Inbox/FoodsUI/Screens/FoodForm/FoodForm.swift- Food editing interface - ●
/Users/pxlshpr/Developer/NutriKit/Packages/App/Sources/App/NSManagedObjects/FoodEntity.swift- Core Data entity - ●
/Users/pxlshpr/Developer/NutriKit/Packages/App/Sources/App/Extensions/CKRecord.swift- CloudKit persistence
Additional Notes
The ingredientRow function in FoodDetailsView is already implemented to display ingredients nicely, so the UI layer is ready. The issue appears to be in the data loading/persistence layer. Recipe editing should follow the same patterns used for editing regular foods, but with special attention to the childrenFoodItems relationship.
Build instruction: Use -destination 'platform=iOS Simulator,name=iPhone 17 Pro' when building this project