9 Commits

Author	SHA1	Message	Date
Paul R Kartchner	c3e3d66fef	feat: add family-based multi-tenant access control ... Introduces Family as the tenant boundary so recipes and cookbooks can be scoped per household instead of every user seeing everything. Adds a centralized access filter, an invite/membership UI, a first-login prompt to create a family, and locks down the previously unauthenticated backup routes to admin only. - Family and FamilyMember models with OWNER/MEMBER roles; familyId on Recipe and Cookbook (ON DELETE SET NULL so deleting a family orphans content rather than destroying it). - access.service.ts composes a single WhereInput covering owner, family, PUBLIC visibility, and direct share; admins short-circuit to full access. - recipes/cookbooks routes now require auth, strip client-supplied userId/familyId on create, and gate mutations with canMutate checks. Auto-filter helpers scoped to the same family to prevent cross-tenant leakage via shared tag names. - families.routes.ts exposes list/create/get/rename/delete plus add/remove member, with last-owner protection on removal. - FamilyGate component blocks the authenticated UI with a modal if the user has zero memberships, prompting them to create their first family; Family page provides ongoing management. - backup.routes.ts now requires admin; it had no auth at all before. - Bumps version to 2026.04.008 and documents the monotonic PPP counter in CLAUDE.md. Migration SQL is generated locally but not tracked (per existing .gitignore); apply 20260416010000_add_family_tenant to prod during deploy. Run backfill-family-tenant.ts once post-migration to assign existing content to a default owner's family. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>	2026-04-17 08:08:10 -06:00
Paul R Kartchner	49db2ce0a4	feat: add version display to UI and API ... ## Changes ### Version System - Added version pattern: YYYY.MM.PATCH (e.g., 2026.01.1) - Created version.ts files for both API and web packages - Initial version: 2026.01.1 ### Web UI - Display version in small green text (light green: #90ee90) under Basil logo - Added hover tooltip showing "Version 2026.01.1" - Logo link also shows version in title attribute - Styled with opacity transition for hover effect ### API - Added /api/version endpoint returning JSON: {"version": "2026.01.1"} - Updated server startup message to show version - Console output: "🌿 Basil API server v2026.01.1 running on..." ### CSS Styling - .logo-container: Flex column layout for logo and version - .version: 0.65rem font, light green (#90ee90), 0.85 opacity - Hover increases opacity to 1.0 for better visibility - Cursor set to "help" to indicate tooltip Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>	2026-01-16 22:07:34 -07:00
Paul R Kartchner	da085b7332	feat: add dark mode toggle with theme persistence ... Implemented a simple dark mode toggle that persists user preference across sessions. Changes: - Add CSS custom properties for light and dark themes in App.css - Create ThemeContext for global theme state management - Create ThemeToggle component with moon/sun icons - Update all color references to use CSS variables for theme support - Add localStorage persistence for theme preference - Include smooth transitions between themes The toggle appears in the header next to the user menu and allows instant switching between light and dark modes. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>	2026-01-16 15:23:24 -07:00
Paul R Kartchner	69677901d6	feat: add frontend authentication with React context and protected routes ... Implement complete frontend authentication system with login, registration, OAuth callback handling, and protected routes. Frontend Features: - AuthContext with React Context API for global auth state - Auto token refresh (every 14 minutes) - Persistent authentication with localStorage - Protected route wrapper component - Beautiful authentication UI with green theme Pages: - Login page with email/password and Google OAuth button - Register page with password validation - OAuth callback handler for Google sign-in - User menu dropdown with profile and logout Components: - ProtectedRoute - Redirects unauthenticated users to login - UserMenu - Dropdown with user info, navigation, and logout - Admin role support in route protection Services: - auth.service.ts - Complete API integration - Login, register, logout - Token management and refresh - Get current user - Password reset (backend ready) - Email verification (backend ready) - Google OAuth redirect State Management: - Global auth context with useAuth hook - User state persistence - Loading states - Auto token refresh mechanism - Secure token storage Styling: - Auth.css - Login/register pages with gradient background - UserMenu.css - Dropdown menu styling - Updated App.css - Header layout for user menu Routes Protected: - All existing routes now require authentication - Redirect to login with return URL - Support for admin-only routes Environment: - VITE_API_URL configuration - .env.example added 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-11-25 05:54:26 +00:00
Paul R Kartchner	6d6abd7729	feat: add cookbooks, multiple categories, and image management ... Major features added: - Cookbook management with CRUD operations - Auto-filter cookbooks by categories and tags - Multiple categories per recipe (changed from single category) - Image upload and URL download for cookbooks - Improved image management UI Database changes: - Changed Recipe.category (string) to Recipe.categories (string array) - Added Cookbook and CookbookRecipe models - Added Tag and RecipeTag models for recipe tagging Backend changes: - Added cookbooks API routes with image upload - Added tags API routes - Added auto-filter functionality to add recipes to cookbooks automatically - Added downloadAndSaveImage() to StorageService for URL downloads - Updated recipes routes to support multiple categories Frontend changes: - Added Cookbooks page with grid view - Added CookbookDetail page with filtering - Added EditCookbook page with image upload/download - Updated recipe forms to use chip-based UI for multiple categories - Improved image upload UX with separate file upload and URL download - Added remove image functionality with immediate save 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-11-02 05:19:34 +00:00
Paul R Kartchner	6d18839589	feat: unified recipe editing interface with integrated ingredient mapping ... ## Major Features ### Unified Edit Interface - Created new UnifiedEditRecipe component combining recipe editing and ingredient-instruction mapping - Two-column layout: sticky ingredients panel (left) + instructions with drop zones (right) - Eliminated need to switch between separate edit and mapping pages ### Ingredient Management - Multi-select checkboxes for bulk operations - Inline editing of ingredient amounts, units, and names - Drag-and-drop ingredients to instruction steps - Bulk mapping: select multiple ingredients and assign to a step - Delete selected ingredients in bulk - Sticky ingredient panel with improved scrolling ### Instruction Editing - Click-to-edit inline editing for instruction text and timing - Edit/Delete buttons on each instruction step - Visual drop zones that highlight when dragging ingredients - Shows mapped ingredients directly in each step with remove buttons - Add new instructions with + button ### UI/UX Improvements - Collapsible recipe details section (compact layout) - 50/50 column split for balanced view - Sticky footer with Save/Cancel buttons - Compact, professional styling from mapping interface - Smaller image preview (200px) - Improved form spacing and padding - Fixed scrolling issues in ingredient panel ### Save Logic Enhancements - Improved ID matching algorithm using position and content - Handles newly added ingredients and instructions correctly - Matches by index position to handle duplicates better - Two-step fallback matching (index + content, then exact content) - Better error handling and logging ### Route Changes - Updated /recipes/:id/edit to use UnifiedEditRecipe - Removed /recipes/:id/manage-mappings route (no longer needed) - Updated Cooking Mode button: "Manage Ingredients" → "Edit Recipe" ## Technical Details - New Files: - packages/web/src/pages/UnifiedEditRecipe.tsx (~1000 lines) - packages/web/src/styles/UnifiedRecipeEdit.css (~850 lines) - Modified Files: - packages/web/src/App.tsx (removed old mapping route) - packages/web/src/pages/CookingMode.tsx (updated button) - Technologies: React, TypeScript, CSS Grid, Flexbox, Drag & Drop API 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-11-01 05:09:09 +00:00
Paul R Kartchner	3d1e5f0e14	feat: add database-backed ingredient-instruction mapping system ... Implement comprehensive solution for managing ingredient-to-instruction mappings in cooking mode. This moves from client-side state management to persistent database storage, significantly improving reliability and user experience. ## Key Changes ### Database & Backend - Add IngredientInstructionMapping table with many-to-many relationship - Implement automatic ingredient matching algorithm with smart name extraction - Add API endpoints for mapping management (update, regenerate) - Create migration script for existing recipes ### Frontend - Simplify CookingMode to read-only display of stored mappings - Add ManageIngredientMappings page with drag-and-drop editing - Remove complex client-side state management (~200 lines) - Add navigation between cooking mode and management interface ### Testing - Add 11 comprehensive unit tests for ingredient matcher service - Update integration tests with proper mocking - All new features fully tested (24/25 API tests passing) ## Benefits - Persistent mappings across all clients/devices - Automatic generation on recipe import/creation - User control via dedicated management interface - Cleaner, more maintainable codebase 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-10-31 22:19:02 +00:00
Paul R Kartchner	33eadde671	feat: add recipe editing, image upload management, and UI improvements ... Added comprehensive recipe editing functionality with improved image handling and better UX for large file uploads. **Features:** - Recipe editing: Full CRUD support for recipes with edit page - Image management: Upload, replace, and delete recipe images - Upload feedback: Processing and uploading states for better UX - File size increase: Raised limit from 10MB to 20MB for images - Nginx configuration: Added client_max_body_size for large uploads **Changes:** - Created EditRecipe.tsx page for editing existing recipes - Created NewRecipe.tsx page wrapper for recipe creation - Created RecipeForm.tsx comprehensive form component with: - Simple and multi-section recipe modes - Image upload with confirmation dialogs - Processing state feedback during file handling - Smaller, button-style upload controls - Updated recipes.routes.ts: - Increased multer fileSize limit to 20MB - Added file validation for image types - Image upload now updates Recipe.imageUrl field - Added DELETE /recipes/:id/image endpoint - Automatic cleanup of old images when uploading new ones - Updated nginx.conf: Added client_max_body_size 20M for API proxy - Updated App.css: Improved upload button styling (smaller, more compact) - Updated RecipeForm.tsx: Better file processing feedback with setTimeout - Updated help text to reflect 20MB limit and WEBP support **Technical Details:** - Fixed static file serving path in index.ts - Added detailed logging for upload debugging - Improved TypeScript type safety in upload handlers - Better error handling and user feedback 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-10-30 05:31:12 +00:00
Paul R Kartchner	4e71ef9c66	first commit	2025-10-21 22:04:03 -06:00