Hi

\"\n});\n```\n\n## Val Town Utility Functions\n\nVal Town provides several utility functions to help with common project tasks.\n\n### Importing Utilities\n\nAlways import utilities with version pins to avoid breaking changes:\n\n```ts\nimport { parseProject, readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n```\n\n### Available Utilities\n\n\n#### **serveFile** - Serve project files with proper content types\n\nFor example, in Hono:\n\n```ts\n// serve all files in frontend/ and shared/\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n```\n\n#### **readFile** - Read files from within the project:\n\n```ts\n// Read a file from the project\nconst fileContent = await readFile(\"/frontend/index.html\", import.meta.url);\n```\n\n#### **listFiles** - List all files in the project\n\n```ts\nconst files = await listFiles(import.meta.url);\n```\n\n#### **parseProject** - Extract information about the current project from import.meta.url\n\nThis is useful for including info for linking back to a val, ie in \"view source\" urls:\n\n```ts\nconst projectVal = parseProject(import.meta.url);\nconsole.log(projectVal.username); // Owner of the project\nconsole.log(projectVal.name); // Project name\nconsole.log(projectVal.version); // Version number\nconsole.log(projectVal.branch); // Branch name\nconsole.log(projectVal.links.self.project); // URL to the project page\n```\n\nHowever, it's *extremely importing* to note that `parseProject` and other Standard Library utilities ONLY RUN ON THE SERVER.\nIf you need access to this data on the client, run it in the server and pass it to the client by splicing it into the HTML page\nor by making an API request for it.\n\n## Val Town Platform Specifics\n\n- **Redirects:** Use `return new Response(null, { status: 302, headers: { Location: \"/place/to/redirect\" }})` instead of `Response.redirect` which is broken\n- **Images:** Avoid external images or base64 images. Use emojis, unicode symbols, or icon fonts/libraries instead\n- **AI Image:** To inline generate an AI image use: `

`\n- **Storage:** DO NOT use the Deno KV module for storage\n- **Browser APIs:** DO NOT use the `alert()`, `prompt()`, or `confirm()` methods\n- **Weather Data:** Use open-meteo for weather data (doesn't require API keys) unless otherwise specified\n- **View Source:** Add a view source link by importing & using `import.meta.url.replace(\"ems.sh\", \"val.town)\"` (or passing this data to the client) and include `target=\"_top\"` attribute\n- **Error Debugging:** Add `` to HTML to capture client-side errors\n- **Error Handling:** Only use try...catch when there's a clear local resolution; Avoid catches that merely log or return 500s. Let errors bubble up with full context\n- **Environment Variables:** Use `Deno.env.get('keyname')` when you need to, but generally prefer APIs that don't require keys\n- **Imports:** Use `https://esm.sh` for npm and Deno dependencies to ensure compatibility on server and browser\n- **Storage Strategy:** Only use backend storage if explicitly required; prefer simple static client-side sites\n- **React Configuration:** When using React libraries, pin versions with `?deps=react@18.2.0,react-dom@18.2.0` and start the file with `/** @jsxImportSource https://esm.sh/react@18.2.0 */`\n- Ensure all React dependencies and sub-dependencies are pinned to the same version\n- **Styling:** Default to using TailwindCSS via `` unless otherwise specified\n\n## Project Structure and Design Patterns\n\n### Recommended Directory Structure\n```\n├── backend/\n│ ├── database/\n│ │ ├── migrations.ts # Schema definitions\n│ │ ├── queries.ts # DB query functions\n│ │ └── README.md\n│ └── routes/ # Route modules\n│ ├── [route].ts\n│ └── static.ts # Static file serving\n│ ├── index.ts # Main entry point\n│ └── README.md\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx\n│ │ └── [Component].tsx\n│ ├── favicon.svg\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # Frontend JS entry point\n│ ├── README.md\n│ └── style.css\n├── README.md\n└── shared/\n ├── README.md\n └── utils.ts # Shared types and functions\n```\n\n### Backend (Hono) Best Practices\n\n- Hono is the recommended API framework\n- Main entry point should be `backend/index.ts`\n- **Static asset serving:** Use the utility functions to read and serve project files:\n ```ts\n import { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n \n // serve all files in frontend/ and shared/\n app.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\n app.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n \n // For index.html, often you'll want to bootstrap with initial data\n app.get(\"/\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Inject data to avoid extra round-trips\n const initialData = await fetchInitialData();\n const dataScript = ``;\n \n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n });\n ```\n- Create RESTful API routes for CRUD operations\n- Always include this snippet at the top-level Hono app to re-throwing errors to see full stack traces:\n ```ts\n // Unwrap Hono errors to see original error details\n app.onError((err, c) => {\n throw err;\n });\n ```\n\n### Database Patterns\n- Run migrations on startup or comment out for performance\n- Change table names when modifying schemas rather than altering\n- Export clear query functions with proper TypeScript typing\n\n## Common Gotchas and Solutions\n\n1. **Environment Limitations:** \n - Val Town runs on Deno in a serverless context, not Node.js\n - Code in `shared/` must work in both frontend and backend environments\n - Cannot use `Deno` keyword in shared code\n - Use `https://esm.sh` for imports that work in both environments\n\n2. **SQLite Peculiarities:**\n - Limited support for ALTER TABLE operations\n - Create new tables with updated schemas and copy data when needed\n - Always run table creation before querying\n\n3. **React Configuration:**\n - All React dependencies must be pinned to 18.2.0\n - Always include `@jsxImportSource https://esm.sh/react@18.2.0` at the top of React files\n - Rendering issues often come from mismatched React versions\n\n4. **File Handling:**\n - Val Town only supports text files, not binary\n - Use the provided utilities to read files across branches and forks\n - For files in the project, use `readFile` helpers\n\n5. **API Design:**\n - `fetch` handler is the entry point for HTTP vals\n - Run the Hono app with `export default app.fetch // This is the entry point for HTTP vals`\n\n",[],[346],"e872ba97-2dcf-4eeb-abf7-b57251a26dd0",".vtignore","b93ee86e-d3a9-11f0-b1e3-42dde27851f2",244,["D",1788040793657],".git\n.github\n.gitignore\n.vscode\n.claude\n.cursorrules\n.DS_Store\nnode_modules\nvendor\ndeno.lock\n\n# Local-only: archived Magic Patterns Vite prototype, not part of the val\nlegacy-vite-prototype\n",[],[354],["D",1788041253100],[],[18,76],["D",1765138634405],[323],[18],"82072d06-e13d-11f0-9cc2-42dde27851f2","index.tsx","b8cb9256-d3a9-11f0-ba80-42dde27851f2","b82c4a48-d3a9-11f0-8e4b-42dde27851f2",148,["D",1766631473917],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = createRoot(document.getElementById('root')!);\nroot.render();\n\n\n\n\n",[],[376,368],"frontend","926f71f6-e793-11f0-bf91-42dde27851f2","index.html","b8d03d1a-d3a9-11f0-8004-42dde27851f2",196,["D",1767328145120],4,"\n\n\n \n \n Carmy - Recipe & Meal Planning\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n\n \n

\n \n\n\n\n\n\n\n",[],[376,378],"8307e934-e13d-11f0-b455-42dde27851f2","favicon.svg","b8f8fbb0-d3a9-11f0-897f-42dde27851f2",155,["D",1766631475442],"\n\n\n\n\n",[],[376,387],"9268a86c-e793-11f0-aabf-42dde27851f2","UserDropdown.tsx","9268a948-e793-11f0-aabf-42dde27851f2","b86d06aa-d3a9-11f0-b1e3-42dde27851f2",195,["D",1767328145092],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useRef, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { User } from \"../../shared/types.ts\";\nimport { useTheme, SunIcon, MoonIcon, ComputerIcon, ThemeMode } from \"./ThemeContext.tsx\";\n\ninterface UserDropdownProps {\n user: User;\n onLogout: () => void;\n}\n\nexport function UserDropdown({ user, onLogout }: UserDropdownProps) {\n const [isOpen, setIsOpen] = useState(false);\n const dropdownRef = useRef(null);\n const { mode, resolvedTheme, setMode, toggleTheme } = useTheme();\n\n // Close dropdown when clicking outside\n useEffect(() => {\n function handleClickOutside(event: MouseEvent) {\n if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) {\n setIsOpen(false);\n }\n }\n\n document.addEventListener('mousedown', handleClickOutside);\n return () => document.removeEventListener('mousedown', handleClickOutside);\n }, []);\n\n // Close dropdown on escape key\n useEffect(() => {\n function handleEscape(event: KeyboardEvent) {\n if (event.key === 'Escape') {\n setIsOpen(false);\n }\n }\n\n document.addEventListener('keydown', handleEscape);\n return () => document.removeEventListener('keydown', handleEscape);\n }, []);\n\n const handleModeChange = (newMode: ThemeMode) => {\n setMode(newMode);\n };\n\n return (\n

\n {/* User button with quick theme toggle */}\n

\n {/* Quick theme toggle button */}\n \n {resolvedTheme === 'dark' ? (\n \n ) : (\n \n )}\n \n\n {/* User avatar button */}\n setIsOpen(!isOpen)}\n className=\"flex items-center gap-2 p-1.5 rounded-lg transition-all hover:bg-gray-100\"\n style={{ background: isOpen ? 'var(--bg-tertiary)' : 'transparent' }}\n >\n {user.picture ? (\n $\"\"$ \n ) : (\n

\n {user.name?.charAt(0).toUpperCase() || user.email.charAt(0).toUpperCase()}\n

\n )}\n \n \n

\n\n {/* Dropdown menu */}\n {isOpen && (\n

\n {/* User info */}\n

\n {user.name || 'User'}\n

\n {user.email}\n

\n\n {/* Appearance section */}\n

\n Appearance\n

\n handleModeChange('light')}\n className={`theme-segment-btn ${mode === 'light' ? 'active' : ''}`}\n >\n \n Light\n \n handleModeChange('dark')}\n className={`theme-segment-btn ${mode === 'dark' ? 'active' : ''}`}\n >\n \n Dark\n \n handleModeChange('system')}\n className={`theme-segment-btn ${mode === 'system' ? 'active' : ''}`}\n >\n \n Auto\n \n

\n\n {/* Actions */}\n

\n {\n setIsOpen(false);\n onLogout();\n }}\n className=\"dropdown-item\"\n style={{ color: 'var(--text-primary)' }}\n >\n \n Sign out\n \n

\n )}\n

\n );\n}\n\n",[],[376,403,395],"components","7d4bc1fc-e78f-11f0-b382-42dde27851f2","UnitSelect.tsx","7d4bc288-e78f-11f0-b382-42dde27851f2",188,["D",1767326391689],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useRef, useEffect } from \"https://esm.sh/react@18.2.0\";\n\n// Common units for grocery items\nconst COMMON_UNITS = [\n { value: '', label: '—' },\n { value: 'g', label: 'g' },\n { value: 'kg', label: 'kg' },\n { value: 'oz', label: 'oz' },\n { value: 'lb', label: 'lb' },\n { value: 'cup', label: 'cup' },\n { value: 'cups', label: 'cups' },\n { value: 'tbsp', label: 'tbsp' },\n { value: 'tsp', label: 'tsp' },\n { value: 'ml', label: 'ml' },\n { value: 'L', label: 'L' },\n { value: 'piece', label: 'piece' },\n { value: 'pieces', label: 'pieces' },\n { value: 'whole', label: 'whole' },\n { value: 'can', label: 'can' },\n { value: 'bottle', label: 'bottle' },\n { value: 'bag', label: 'bag' },\n { value: 'box', label: 'box' },\n { value: 'bunch', label: 'bunch' },\n { value: 'head', label: 'head' },\n { value: 'clove', label: 'clove' },\n { value: 'slice', label: 'slice' },\n { value: 'slices', label: 'slices' },\n];\n\ninterface UnitSelectProps {\n value: string | null;\n onChange: (value: string | null) => void;\n className?: string;\n placeholder?: string;\n disabled?: boolean;\n}\n\nexport function UnitSelect({ \n value, \n onChange, \n className = '', \n placeholder = 'Unit',\n disabled = false \n}: UnitSelectProps) {\n const [isOpen, setIsOpen] = useState(false);\n const [customMode, setCustomMode] = useState(false);\n const [customValue, setCustomValue] = useState('');\n const containerRef = useRef(null);\n const inputRef = useRef(null);\n\n // Check if current value is a custom value (not in common units)\n const isCustomValue = value && !COMMON_UNITS.some(u => u.value === value);\n\n useEffect(() => {\n if (isCustomValue && value) {\n setCustomValue(value);\n setCustomMode(true);\n }\n }, [isCustomValue, value]);\n\n // Close dropdown when clicking outside\n useEffect(() => {\n function handleClickOutside(event: MouseEvent) {\n if (containerRef.current && !containerRef.current.contains(event.target as Node)) {\n setIsOpen(false);\n if (customMode && customValue) {\n onChange(customValue);\n }\n }\n }\n\n document.addEventListener('mousedown', handleClickOutside);\n return () => document.removeEventListener('mousedown', handleClickOutside);\n }, [customMode, customValue, onChange]);\n\n // Focus input when entering custom mode\n useEffect(() => {\n if (customMode && isOpen && inputRef.current) {\n inputRef.current.focus();\n }\n }, [customMode, isOpen]);\n\n const handleSelect = (unitValue: string) => {\n if (unitValue === '__custom__') {\n setCustomMode(true);\n setCustomValue(value || '');\n } else {\n onChange(unitValue || null);\n setCustomMode(false);\n setIsOpen(false);\n }\n };\n\n const handleCustomSubmit = () => {\n onChange(customValue.trim() || null);\n setIsOpen(false);\n };\n\n const handleCustomKeyDown = (e: React.KeyboardEvent) => {\n if (e.key === 'Enter') {\n handleCustomSubmit();\n } else if (e.key === 'Escape') {\n setCustomMode(false);\n setCustomValue('');\n }\n };\n\n const displayValue = value || placeholder;\n\n return (\n

\n !disabled && setIsOpen(!isOpen)}\n disabled={disabled}\n className={`\n w-full px-2 py-1.5 text-sm text-left border rounded-md\n ${disabled ? 'bg-gray-100 cursor-not-allowed' : 'bg-white hover:border-gray-400 cursor-pointer'}\n ${isOpen ? 'border-blue-500 ring-1 ring-blue-500' : 'border-gray-300'}\n ${!value ? 'text-gray-400' : 'text-gray-900'}\n transition-colors\n `}\n >\n {displayValue}\n \n \n \n \n\n {isOpen && !disabled && (\n

\n {customMode ? (\n

\n setCustomValue(e.target.value)}\n onKeyDown={handleCustomKeyDown}\n placeholder=\"Type custom unit...\"\n className=\"w-full px-2 py-1.5 text-sm border border-gray-300 rounded focus:outline-none focus:border-blue-500\"\n />\n

\n \n Apply\n \n {\n setCustomMode(false);\n setCustomValue('');\n }}\n className=\"flex-1 px-2 py-1 text-xs bg-gray-100 text-gray-700 rounded hover:bg-gray-200\"\n >\n Cancel\n \n

\n ) : (\n <>\n {COMMON_UNITS.map((unit) => (\n handleSelect(unit.value)}\n className={`\n w-full px-3 py-1.5 text-sm text-left hover:bg-gray-100\n ${value === unit.value ? 'bg-blue-50 text-blue-700' : 'text-gray-900'}\n `}\n >\n {unit.label}\n \n ))}\n

\n handleSelect('__custom__')}\n className=\"w-full px-3 py-1.5 text-sm text-left text-blue-600 hover:bg-blue-50 flex items-center gap-1\"\n >\n \n Custom unit...\n \n

\n \n )}\n

\n )}\n

\n );\n}\n\n",[],[376,403,405],"92752bfa-e793-11f0-91fb-42dde27851f2","ThemeContext.tsx","92752ca4-e793-11f0-91fb-42dde27851f2",197,["D",1767328145101],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { createContext, useContext, useState, useEffect, useCallback } from \"https://esm.sh/react@18.2.0\";\n\nexport type ThemeMode = 'light' | 'dark' | 'system';\nexport type ResolvedTheme = 'light' | 'dark';\n\ninterface ThemeContextValue {\n mode: ThemeMode;\n resolvedTheme: ResolvedTheme;\n setMode: (mode: ThemeMode) => void;\n toggleTheme: () => void;\n}\n\nconst ThemeContext = createContext(undefined);\n\nconst STORAGE_KEY = 'carmy-theme';\n\nfunction getSystemTheme(): ResolvedTheme {\n if (typeof window === 'undefined') return 'light';\n return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';\n}\n\nfunction resolveTheme(mode: ThemeMode): ResolvedTheme {\n if (mode === 'system') {\n return getSystemTheme();\n }\n return mode;\n}\n\nfunction applyTheme(theme: ResolvedTheme) {\n if (theme === 'dark') {\n document.documentElement.setAttribute('data-theme', 'dark');\n } else {\n document.documentElement.removeAttribute('data-theme');\n }\n}\n\nexport function ThemeProvider({ children }: { children: React.ReactNode }) {\n // Initialize from localStorage or default to system\n const [mode, setModeState] = useState(() => {\n if (typeof window === 'undefined') return 'system';\n const stored = localStorage.getItem(STORAGE_KEY);\n if (stored === 'light' || stored === 'dark' || stored === 'system') {\n return stored;\n }\n return 'system';\n });\n\n const [resolvedTheme, setResolvedTheme] = useState(() => resolveTheme(mode));\n\n // Apply theme on mount and mode change\n useEffect(() => {\n const resolved = resolveTheme(mode);\n setResolvedTheme(resolved);\n applyTheme(resolved);\n }, [mode]);\n\n // Listen for system preference changes\n useEffect(() => {\n if (mode !== 'system') return;\n\n const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');\n const handler = (e: MediaQueryListEvent) => {\n const newTheme = e.matches ? 'dark' : 'light';\n setResolvedTheme(newTheme);\n applyTheme(newTheme);\n };\n\n mediaQuery.addEventListener('change', handler);\n return () => mediaQuery.removeEventListener('change', handler);\n }, [mode]);\n\n const setMode = useCallback((newMode: ThemeMode) => {\n setModeState(newMode);\n localStorage.setItem(STORAGE_KEY, newMode);\n }, []);\n\n const toggleTheme = useCallback(() => {\n const newTheme = resolvedTheme === 'dark' ? 'light' : 'dark';\n setMode(newTheme);\n }, [resolvedTheme, setMode]);\n\n return (\n \n {children}\n \n );\n}\n\nexport function useTheme() {\n const context = useContext(ThemeContext);\n if (context === undefined) {\n throw new Error('useTheme must be used within a ThemeProvider');\n }\n return context;\n}\n\n// Icon components for theme toggle\nexport function SunIcon({ className = \"w-4 h-4\" }: { className?: string }) {\n return (\n \n );\n}\n\nexport function MoonIcon({ className = \"w-4 h-4\" }: { className?: string }) {\n return (\n \n );\n}\n\nexport function ComputerIcon({ className = \"w-4 h-4\" }: { className?: string }) {\n return (\n \n );\n}\n\n",[],[376,403,413],"22826d4a-e797-11f0-992e-42dde27851f2","ScraperEvalView.tsx","0850829e-d91f-11f0-bf8f-42dde27851f2",203,["D",1767329675344],7,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useCallback, useEffect } from \"https://esm.sh/react@18.2.0\";\n\ninterface ScraperResult {\n scraper: string;\n success: boolean;\n data?: any;\n error?: string;\n durationMs: number;\n}\n\ninterface UrlResult {\n url: string;\n results: ScraperResult[];\n}\n\ninterface SavedUrl {\n id: string;\n url: string;\n createdAt: string;\n}\n\ntype ViewMode = \"key-fields\" | \"full-json\";\n\ninterface ExpandedCell {\n viewMode: ViewMode;\n}\n\ninterface ScraperEvalState {\n savedUrls: SavedUrl[];\n results: UrlResult[];\n loading: boolean;\n loadingUrls: boolean;\n // Map key is \"urlIndex-scraperIndex\", value is the expanded state\n expandedCells: Map;\n selectedUrlIds: Set;\n}\n\nconst SCRAPER_NAMES = [\n \"json-ld-native\",\n \"microdata-native\",\n \"html-recipe-parser\",\n \"schema-org-extractor\",\n];\n\nfunction getCellKey(urlIndex: number, scraperIndex: number): string {\n return `${urlIndex}-${scraperIndex}`;\n}\n\nexport function ScraperEvalView() {\n const [state, setState] = useState({\n savedUrls: [],\n results: [],\n loading: false,\n loadingUrls: true,\n expandedCells: new Map(),\n selectedUrlIds: new Set(),\n });\n const [urlInput, setUrlInput] = useState(\"\");\n const [bulkInput, setBulkInput] = useState(\"\");\n const [showBulkInput, setShowBulkInput] = useState(false);\n \n // Loading states to prevent double-clicks\n const [addingUrl, setAddingUrl] = useState(false);\n const [addingBulkUrls, setAddingBulkUrls] = useState(false);\n const [removingUrlId, setRemovingUrlId] = useState(null);\n const [clearingAll, setClearingAll] = useState(false);\n\n // Load saved URLs on mount\n useEffect(() => {\n const loadUrls = async () => {\n try {\n const response = await fetch(\"/api/scraper-eval/urls\");\n const data = await response.json();\n if (data.success) {\n setState((prev) => ({\n ...prev,\n savedUrls: data.data,\n loadingUrls: false,\n }));\n }\n } catch (err) {\n console.error(\"Failed to load saved URLs:\", err);\n setState((prev) => ({ ...prev, loadingUrls: false }));\n }\n };\n loadUrls();\n }, []);\n\n const addUrl = useCallback(async () => {\n const trimmedUrl = urlInput.trim();\n if (!trimmedUrl || addingUrl) return;\n \n // Check if URL already exists\n if (state.savedUrls.some((u) => u.url === trimmedUrl)) {\n setUrlInput(\"\");\n return;\n }\n \n try {\n new URL(trimmedUrl);\n } catch {\n return; // Invalid URL\n }\n \n setAddingUrl(true);\n try {\n const response = await fetch(\"/api/scraper-eval/urls\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ url: trimmedUrl }),\n });\n const data = await response.json();\n \n if (data.success && data.data.length > 0) {\n setState((prev) => ({\n ...prev,\n savedUrls: [...data.data, ...prev.savedUrls],\n }));\n }\n setUrlInput(\"\");\n } catch (err) {\n console.error(\"Failed to save URL:\", err);\n } finally {\n setAddingUrl(false);\n }\n }, [urlInput, state.savedUrls, addingUrl]);\n\n const addBulkUrls = useCallback(async () => {\n if (addingBulkUrls) return;\n \n const newUrls = bulkInput\n .split(\"\\n\")\n .map((u) => u.trim())\n .filter((u) => {\n if (!u || state.savedUrls.some((saved) => saved.url === u)) return false;\n try {\n new URL(u);\n return true;\n } catch {\n return false;\n }\n });\n\n if (newUrls.length === 0) {\n setBulkInput(\"\");\n setShowBulkInput(false);\n return;\n }\n \n setAddingBulkUrls(true);\n try {\n const response = await fetch(\"/api/scraper-eval/urls\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ urls: newUrls }),\n });\n const data = await response.json();\n \n if (data.success) {\n setState((prev) => ({\n ...prev,\n savedUrls: [...data.data, ...prev.savedUrls],\n }));\n }\n setBulkInput(\"\");\n setShowBulkInput(false);\n } catch (err) {\n console.error(\"Failed to save URLs:\", err);\n } finally {\n setAddingBulkUrls(false);\n }\n }, [bulkInput, state.savedUrls, addingBulkUrls]);\n\n const removeUrl = useCallback(async (savedUrl: SavedUrl) => {\n if (removingUrlId) return;\n \n setRemovingUrlId(savedUrl.id);\n try {\n const response = await fetch(`/api/scraper-eval/urls/${savedUrl.id}`, {\n method: \"DELETE\",\n });\n const data = await response.json();\n \n if (data.success) {\n setState((prev) => {\n const newSelectedIds = new Set(prev.selectedUrlIds);\n newSelectedIds.delete(savedUrl.id);\n return {\n ...prev,\n savedUrls: prev.savedUrls.filter((u) => u.id !== savedUrl.id),\n results: prev.results.filter((r) => r.url !== savedUrl.url),\n selectedUrlIds: newSelectedIds,\n };\n });\n }\n } catch (err) {\n console.error(\"Failed to delete URL:\", err);\n } finally {\n setRemovingUrlId(null);\n }\n }, [removingUrlId]);\n\n const clearAll = useCallback(async () => {\n if (clearingAll) return;\n \n setClearingAll(true);\n try {\n const response = await fetch(\"/api/scraper-eval/urls\", {\n method: \"DELETE\",\n });\n const data = await response.json();\n \n if (data.success) {\n setState((prev) => ({\n ...prev,\n savedUrls: [],\n results: [],\n expandedCells: new Map(),\n selectedUrlIds: new Set(),\n }));\n }\n } catch (err) {\n console.error(\"Failed to clear URLs:\", err);\n } finally {\n setClearingAll(false);\n }\n }, [clearingAll]);\n\n const toggleUrlSelection = useCallback((urlId: string) => {\n setState((prev) => {\n const newSelectedIds = new Set(prev.selectedUrlIds);\n if (newSelectedIds.has(urlId)) {\n newSelectedIds.delete(urlId);\n } else {\n newSelectedIds.add(urlId);\n }\n return { ...prev, selectedUrlIds: newSelectedIds };\n });\n }, []);\n\n const selectAllUrls = useCallback(() => {\n setState((prev) => ({\n ...prev,\n selectedUrlIds: new Set(prev.savedUrls.map((u) => u.id)),\n }));\n }, []);\n\n const deselectAllUrls = useCallback(() => {\n setState((prev) => ({\n ...prev,\n selectedUrlIds: new Set(),\n }));\n }, []);\n\n const runScrapers = useCallback(async (urlsToScrape: string[]) => {\n if (urlsToScrape.length === 0) return;\n\n setState((prev) => ({ ...prev, loading: true }));\n\n try {\n const response = await fetch(\"/api/scraper-eval\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ urls: urlsToScrape }),\n });\n const data = await response.json();\n\n if (data.success) {\n setState((prev) => {\n // Merge new results with existing results\n const existingResults = prev.results.filter(\n (r) => !urlsToScrape.includes(r.url)\n );\n return {\n ...prev,\n results: [...existingResults, ...data.data],\n loading: false,\n };\n });\n } else {\n console.error(\"Scraper eval failed:\", data.error);\n setState((prev) => ({ ...prev, loading: false }));\n }\n } catch (err) {\n console.error(\"Failed to run scrapers:\", err);\n setState((prev) => ({ ...prev, loading: false }));\n }\n }, []);\n\n const runAllScrapers = useCallback(() => {\n const urls = state.savedUrls.map((u) => u.url);\n runScrapers(urls);\n }, [state.savedUrls, runScrapers]);\n\n const runSelectedScrapers = useCallback(() => {\n const urls = state.savedUrls\n .filter((u) => state.selectedUrlIds.has(u.id))\n .map((u) => u.url);\n runScrapers(urls);\n }, [state.savedUrls, state.selectedUrlIds, runScrapers]);\n\n const toggleExpandCell = useCallback(\n (urlIndex: number, scraperIndex: number, viewMode: ViewMode = \"key-fields\") => {\n setState((prev) => {\n const key = getCellKey(urlIndex, scraperIndex);\n const newExpandedCells = new Map(prev.expandedCells);\n \n if (newExpandedCells.has(key)) {\n newExpandedCells.delete(key);\n } else {\n newExpandedCells.set(key, { viewMode });\n }\n \n return { ...prev, expandedCells: newExpandedCells };\n });\n },\n []\n );\n\n const setExpandedViewMode = useCallback((urlIndex: number, scraperIndex: number, viewMode: ViewMode) => {\n setState((prev) => {\n const key = getCellKey(urlIndex, scraperIndex);\n const newExpandedCells = new Map(prev.expandedCells);\n const existing = newExpandedCells.get(key);\n if (existing) {\n newExpandedCells.set(key, { ...existing, viewMode });\n }\n return { ...prev, expandedCells: newExpandedCells };\n });\n }, []);\n\n const isExpanded = useCallback((urlIndex: number, scraperIndex: number): boolean => {\n return state.expandedCells.has(getCellKey(urlIndex, scraperIndex));\n }, [state.expandedCells]);\n\n const getExpandedViewMode = useCallback((urlIndex: number, scraperIndex: number): ViewMode => {\n return state.expandedCells.get(getCellKey(urlIndex, scraperIndex))?.viewMode || \"key-fields\";\n }, [state.expandedCells]);\n\n // Extract key fields (name, ingredients, instructions) from scraper data\n const extractKeyFields = (data: any) => {\n if (!data) return null;\n \n const name = data.name || data.title || data.headline || null;\n \n // Get ingredients from various possible field names\n let ingredients = data.ingredients || data.recipeIngredient || [];\n if (!Array.isArray(ingredients)) {\n ingredients = ingredients ? [ingredients] : [];\n }\n ingredients = ingredients.map((i: any) => \n typeof i === \"string\" ? i : i.text || i.name || String(i)\n );\n \n // Get instructions from various possible field names\n let instructions = data.instructions || data.recipeInstructions || [];\n if (!Array.isArray(instructions)) {\n instructions = instructions ? [instructions] : [];\n }\n instructions = instructions.map((i: any) => {\n if (typeof i === \"string\") return i;\n if (i.text) return i.text;\n if (i.name) return i.name;\n if (i[\"@type\"] === \"HowToStep\") return i.text || i.name || \"\";\n return String(i);\n });\n \n return { name, ingredients, instructions };\n };\n\n const getResultForUrl = (url: string): UrlResult | undefined => {\n return state.results.find((r) => r.url === url);\n };\n\n const getScraperResultSummary = (result: ScraperResult | undefined) => {\n if (!result) return { status: \"pending\", text: \"—\" };\n if (!result.success) return { status: \"error\", text: result.error || \"Error\" };\n\n const data = result.data;\n const name = data?.name || data?.title || \"Untitled\";\n const ingredientCount =\n data?.ingredients?.length || data?.recipeIngredient?.length || 0;\n const instructionCount =\n data?.instructions?.length || data?.recipeInstructions?.length || 0;\n\n return {\n status: \"success\",\n text: name,\n ingredientCount,\n instructionCount,\n durationMs: result.durationMs,\n };\n };\n\n const allSelected = state.savedUrls.length > 0 && state.selectedUrlIds.size === state.savedUrls.length;\n const someSelected = state.selectedUrlIds.size > 0;\n\n // Show loading while fetching saved URLs\n if (state.loadingUrls) {\n return (\n

\n Loading saved URLs...\n

\n );\n }\n\n return (\n

\n {/* Header */}\n

\n Recipe Scraper Evaluation\n

\n\n {/* URL Input */}\n

\n setUrlInput(e.target.value)}\n onKeyDown={(e) => e.key === \"Enter\" && addUrl()}\n placeholder=\"Enter recipe URL...\"\n className=\"flex-1 px-3 py-2 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n style={{ background: 'var(--bg-secondary)', border: '1px solid var(--border-primary)', color: 'var(--text-primary)' }}\n />\n \n {addingUrl ? 'Adding...' : 'Add URL'}\n \n setShowBulkInput(!showBulkInput)}\n className=\"btn-secondary\"\n >\n Bulk Import\n \n

\n\n {/* Bulk Import */}\n {showBulkInput && (\n

\n setBulkInput(e.target.value)}\n placeholder=\"Paste multiple URLs (one per line)...\"\n rows={4}\n className=\"w-full px-3 py-2 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent resize-none\"\n style={{ background: 'var(--bg-secondary)', border: '1px solid var(--border-primary)', color: 'var(--text-primary)' }}\n />\n

\n \n {addingBulkUrls ? 'Adding...' : 'Add All URLs'}\n \n {\n setShowBulkInput(false);\n setBulkInput(\"\");\n }}\n disabled={addingBulkUrls}\n className=\"btn-secondary disabled:opacity-50\"\n >\n Cancel\n \n

\n )}\n\n {/* Actions */}\n {state.savedUrls.length > 0 && (\n

\n \n {state.loading && (\n

\n )}\n Run All\n \n {someSelected && (\n \n {state.loading && (\n

\n )}\n Run Selected ({state.selectedUrlIds.size})\n \n )}\n \n {clearingAll ? 'Clearing...' : 'Clear All'}\n \n \n {state.savedUrls.length} URL{state.savedUrls.length !== 1 ? \"s\" : \"\"} saved\n {someSelected && ` · ${state.selectedUrlIds.size} selected`}\n \n

\n )}\n

\n\n {/* Results Table */}\n {state.savedUrls.length > 0 && (\n

\n \n \n \n \n {SCRAPER_NAMES.map((name) => (\n \n {name}\n {name.split(\"-\")[0]}\n \n ))}\n \n \n \n {state.savedUrls.map((savedUrl, urlIndex) => {\n const urlResult = getResultForUrl(savedUrl.url);\n const isSelected = state.selectedUrlIds.has(savedUrl.id);\n return (\n \n \n {SCRAPER_NAMES.map((scraperName, scraperIndex) => {\n const scraperResult = urlResult?.results.find(\n (r) => r.scraper === scraperName\n );\n const summary = getScraperResultSummary(scraperResult);\n const cellExpanded = isExpanded(urlIndex, scraperIndex);\n const cellViewMode = getExpandedViewMode(urlIndex, scraperIndex);\n\n return (\n \n {state.loading && !urlResult ? (\n

\n Loading...\n

\n ) : summary.status === \"pending\" ? (\n —\n ) : summary.status === \"error\" ? (\n

\n ❌\n Error\n

\n toggleExpandCell(urlIndex, scraperIndex)}\n className=\"text-xs text-red-500 hover:underline mt-1\"\n >\n {cellExpanded ? \"Hide details\" : \"Show details\"}\n \n {cellExpanded && (\n

\n                                  {summary.text}\n

\n )}\n

\n ) : (\n

\n ✅\n \n {summary.text}\n \n

\n {summary.ingredientCount} ingredients ·{\" \"}\n {summary.instructionCount} steps ·{\" \"}\n {summary.durationMs}ms\n

\n toggleExpandCell(urlIndex, scraperIndex, \"key-fields\")}\n className=\"text-xs hover:underline\"\n style={{ color: 'var(--accent)' }}\n >\n {cellExpanded ? \"Hide\" : \"View Details\"}\n \n

\n {cellExpanded && (\n

\n {/* View Mode Toggle */}\n

\n setExpandedViewMode(urlIndex, scraperIndex, \"key-fields\")}\n className=\"px-2 py-1 text-xs rounded\"\n style={cellViewMode === \"key-fields\"\n ? { background: 'var(--accent)', color: 'white' }\n : { background: 'var(--bg-tertiary)', color: 'var(--text-secondary)' }}\n >\n Key Fields\n \n setExpandedViewMode(urlIndex, scraperIndex, \"full-json\")}\n className=\"px-2 py-1 text-xs rounded\"\n style={cellViewMode === \"full-json\"\n ? { background: 'var(--accent)', color: 'white' }\n : { background: 'var(--bg-tertiary)', color: 'var(--text-secondary)' }}\n >\n Full JSON\n \n

\n \n {cellViewMode === \"key-fields\" ? (\n

\n {(() => {\n const keyFields = extractKeyFields(scraperResult?.data);\n if (!keyFields) return No data;\n return (\n <>\n

Name:

{keyFields.name || \"—\"}

\n Ingredients ({keyFields.ingredients.length}):\n

\n {keyFields.ingredients.length > 0 ? (\n

\n •{ing}\n

\n ) : (\n None found\n )}\n

\n Instructions ({keyFields.instructions.length}):\n

\n {keyFields.instructions.length > 0 ? (\n

\n {i + 1}.{inst}\n

\n ) : (\n None found\n )}\n

\n \n );\n })()}\n

\n ) : (\n

\n                                      {JSON.stringify(scraperResult?.data, null, 2)}\n

\n )}\n

\n )}\n \n );\n })}\n \n );\n })}\n \n

\n \n allSelected ? deselectAllUrls() : selectAllUrls()}\n className=\"w-4 h-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500 cursor-pointer\"\n title={allSelected ? \"Deselect all\" : \"Select all\"}\n />\n Recipe URL\n \n
\n \n toggleUrlSelection(savedUrl.id)}\n className=\"w-4 h-4 mt-0.5 rounded border-gray-300 text-blue-600 focus:ring-blue-500 cursor-pointer flex-shrink-0\"\n />\n removeUrl(savedUrl)}\n disabled={removingUrlId !== null}\n className=\"text-red-500 hover:text-red-700 text-sm flex-shrink-0 disabled:opacity-50 disabled:cursor-not-allowed\"\n title=\"Remove URL\"\n >\n {removingUrlId === savedUrl.id ? '...' : '✕'}\n \n \n {new URL(savedUrl.url).hostname}\n {new URL(savedUrl.url).pathname.slice(0, 20)}\n {new URL(savedUrl.url).pathname.length > 20 ? \"...\" : \"\"}\n \n \n

\n allSelected ? deselectAllUrls() : selectAllUrls()}\n className=\"w-4 h-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500 cursor-pointer\"\n title={allSelected ? \"Deselect all\" : \"Select all\"}\n />\n Recipe URL\n

\n toggleUrlSelection(savedUrl.id)}\n className=\"w-4 h-4 mt-0.5 rounded border-gray-300 text-blue-600 focus:ring-blue-500 cursor-pointer flex-shrink-0\"\n />\n removeUrl(savedUrl)}\n disabled={removingUrlId !== null}\n className=\"text-red-500 hover:text-red-700 text-sm flex-shrink-0 disabled:opacity-50 disabled:cursor-not-allowed\"\n title=\"Remove URL\"\n >\n {removingUrlId === savedUrl.id ? '...' : '✕'}\n \n \n {new URL(savedUrl.url).hostname}\n {new URL(savedUrl.url).pathname.slice(0, 20)}\n {new URL(savedUrl.url).pathname.length > 20 ? \"...\" : \"\"}\n \n

\n )}\n\n {/* Empty State */}\n {state.savedUrls.length === 0 && (\n

🔍

No recipe URLs saved yet

\n Add recipe URLs above to compare scraper performance\n

\n )}\n

\n );\n}\n",[],[376,403,421],"1173ee84-eeae-11f0-b2bd-42dde27851f2","RecipesView.tsx","b8e58968-d3a9-11f0-a23f-42dde27851f2",233,["D",1768109183278],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { Recipe, CreateRecipeRequest, ParsedRecipeFromUrl, CustomFood, CreateCustomFoodRequest, RecipeIngredient } from \"../../shared/types.ts\";\nimport { RecipeForm } from \"./RecipeForm.tsx\";\nimport { CustomFoodForm } from \"./CustomFoodForm.tsx\";\nimport { NutritionSection } from \"./NutritionSection.tsx\";\nimport { IngredientNutritionModal } from \"./IngredientNutritionModal.tsx\";\n\ntype ViewTab = 'recipes' | 'custom-foods';\n\ninterface RecipesViewProps {\n recipes: Recipe[];\n customFoods: CustomFood[];\n onRecipesChange: () => Promise;\n onCustomFoodsChange: () => Promise;\n}\n\n// Helper to get linked/total ingredients count\nfunction getIngredientLinkStatus(recipe: Recipe): { linked: number; total: number } {\n const total = recipe.ingredients.length;\n const linked = recipe.ingredients.filter(i => i.fdcId !== null).length;\n return { linked, total };\n}\n\n\nexport function RecipesView({ recipes, customFoods, onRecipesChange, onCustomFoodsChange }: RecipesViewProps) {\n const [activeTab, setActiveTab] = useState('recipes');\n const [showForm, setShowForm] = useState(false);\n const [editingRecipe, setEditingRecipe] = useState(null);\n const [searchQuery, setSearchQuery] = useState('');\n const [expandedRecipe, setExpandedRecipe] = useState(null);\n const [showImportModal, setShowImportModal] = useState(false);\n const [importUrl, setImportUrl] = useState('');\n const [importLoading, setImportLoading] = useState(false);\n const [importError, setImportError] = useState(null);\n const [importedRecipe, setImportedRecipe] = useState(null);\n // Custom food state\n const [showCustomFoodForm, setShowCustomFoodForm] = useState(false);\n const [editingCustomFood, setEditingCustomFood] = useState(null);\n\n // Loading states to prevent double-clicks\n const [duplicatingRecipeId, setDuplicatingRecipeId] = useState(null);\n const [deletingRecipeId, setDeletingRecipeId] = useState(null);\n const [deletingCustomFoodId, setDeletingCustomFoodId] = useState(null);\n\n // Ingredient nutrition modal state\n const [selectedIngredient, setSelectedIngredient] = useState(null);\n const [selectedIngredientServingSize, setSelectedIngredientServingSize] = useState(1);\n\n const filteredRecipes = recipes.filter(recipe =>\n recipe.title.toLowerCase().includes(searchQuery.toLowerCase()) ||\n recipe.ingredients.some(i => i.name.toLowerCase().includes(searchQuery.toLowerCase()))\n );\n\n const filteredCustomFoods = customFoods.filter(food =>\n food.name.toLowerCase().includes(searchQuery.toLowerCase())\n );\n\n const handleCreateRecipe = async (data: CreateRecipeRequest) => {\n const response = await fetch('/api/recipes', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(data),\n });\n \n if (response.ok) {\n await onRecipesChange();\n setShowForm(false);\n }\n };\n\n const handleUpdateRecipe = async (data: CreateRecipeRequest) => {\n if (!editingRecipe) return;\n \n const response = await fetch(`/api/recipes/${editingRecipe.id}`, {\n method: 'PATCH',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(data),\n });\n \n if (response.ok) {\n await onRecipesChange();\n setEditingRecipe(null);\n }\n };\n\n const handleDuplicate = async (recipeId: string) => {\n if (duplicatingRecipeId) return;\n \n setDuplicatingRecipeId(recipeId);\n try {\n const response = await fetch(`/api/recipes/${recipeId}/duplicate`, {\n method: 'POST',\n });\n \n if (response.ok) {\n await onRecipesChange();\n }\n } finally {\n setDuplicatingRecipeId(null);\n }\n };\n\n const handleDelete = async (recipeId: string) => {\n if (deletingRecipeId) return;\n \n setDeletingRecipeId(recipeId);\n try {\n const response = await fetch(`/api/recipes/${recipeId}`, {\n method: 'DELETE',\n });\n \n if (response.ok) {\n await onRecipesChange();\n if (expandedRecipe === recipeId) {\n setExpandedRecipe(null);\n }\n }\n } finally {\n setDeletingRecipeId(null);\n }\n };\n\n const handleImportFromUrl = async () => {\n if (!importUrl.trim()) return;\n \n setImportLoading(true);\n setImportError(null);\n \n try {\n const response = await fetch('/api/recipes/parse-url', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ url: importUrl.trim() }),\n });\n \n const result = await response.json();\n \n if (!result.success) {\n setImportError(result.error || 'Failed to import recipe');\n return;\n }\n \n // Close import modal and open recipe form with imported data\n setImportedRecipe(result.data);\n setShowImportModal(false);\n setImportUrl('');\n setShowForm(true);\n } catch (error) {\n setImportError('Failed to import recipe. Please check the URL and try again.');\n } finally {\n setImportLoading(false);\n }\n };\n\n const handleCloseForm = () => {\n setShowForm(false);\n setImportedRecipe(null);\n };\n\n // Custom food handlers\n const handleCreateCustomFood = async (data: CreateCustomFoodRequest) => {\n const response = await fetch('/api/custom-foods', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(data),\n });\n \n if (response.ok) {\n await onCustomFoodsChange();\n setShowCustomFoodForm(false);\n }\n };\n\n const handleUpdateCustomFood = async (data: CreateCustomFoodRequest) => {\n if (!editingCustomFood) return;\n \n const response = await fetch(`/api/custom-foods/${editingCustomFood.id}`, {\n method: 'PATCH',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(data),\n });\n \n if (response.ok) {\n await onCustomFoodsChange();\n setEditingCustomFood(null);\n }\n };\n\n const handleDeleteCustomFood = async (customFoodId: string) => {\n if (deletingCustomFoodId) return;\n \n setDeletingCustomFoodId(customFoodId);\n try {\n const response = await fetch(`/api/custom-foods/${customFoodId}`, {\n method: 'DELETE',\n });\n \n if (response.ok) {\n await onCustomFoodsChange();\n }\n } finally {\n setDeletingCustomFoodId(null);\n }\n };\n\n // Handle clicking on a linked ingredient to view its nutrition\n const handleIngredientClick = (ingredient: RecipeIngredient, recipeServingSize: number) => {\n if (!ingredient.fdcId) return;\n setSelectedIngredient(ingredient);\n setSelectedIngredientServingSize(recipeServingSize);\n };\n\n const closeIngredientModal = () => {\n setSelectedIngredient(null);\n };\n\n return (\n

\n {/* Header */}\n

Recipes & Foods

\n {recipes.length} recipes · {customFoods.length} custom foods\n

\n {activeTab === 'recipes' ? (\n <>\n setShowImportModal(true)}\n className=\"btn-secondary flex items-center gap-2\"\n >\n \n Import from URL\n \n setShowForm(true)}\n className=\"btn-primary flex items-center gap-2\"\n >\n \n Add Recipe\n \n \n ) : (\n setShowCustomFoodForm(true)}\n className=\"btn-primary flex items-center gap-2\"\n >\n \n Add Custom Food\n \n )}\n

\n \n {/* Tabs */}\n

\n setActiveTab('recipes')}\n className=\"pb-3 px-1 text-sm font-medium border-b-2 transition-colors\"\n style={activeTab === 'recipes' \n ? { borderColor: 'var(--accent)', color: 'var(--accent)' } \n : { borderColor: 'transparent', color: 'var(--text-secondary)' }}\n >\n Recipes ({recipes.length})\n \n setActiveTab('custom-foods')}\n className=\"pb-3 px-1 text-sm font-medium border-b-2 transition-colors\"\n style={activeTab === 'custom-foods' \n ? { borderColor: 'var(--accent)', color: 'var(--accent)' } \n : { borderColor: 'transparent', color: 'var(--text-secondary)' }}\n >\n Custom Foods ({customFoods.length})\n \n

\n \n {/* Search */}\n

\n setSearchQuery(e.target.value)}\n className=\"input max-w-md\"\n />\n

\n \n {/* Content */}\n

\n {/* Recipes Tab */}\n {activeTab === 'recipes' && (\n <>\n {filteredRecipes.length === 0 ? (\n

\n 📖\n

\n {searchQuery ? 'No recipes found' : 'No recipes yet'}\n

\n {searchQuery ? 'Try a different search term' : 'Add your first recipe to get started'}\n

\n ) : (\n

\n {filteredRecipes.map((recipe) => {\n const linkStatus = getIngredientLinkStatus(recipe);\n const hasNutrition = recipe.nutrition && recipe.nutrition.calories !== null;\n const isComplete = recipe.nutrition?.isComplete ?? false;\n \n return (\n \n {/* Recipe header */}\n setExpandedRecipe(expandedRecipe === recipe.id ? null : recipe.id)}\n >\n

{recipe.title}

\n {recipe.servingSize} serving{recipe.servingSize !== 1 ? 's' : ''}\n

\n \n \n \n

\n \n {/* Nutrition preview */}\n {hasNutrition ? (\n

\n {recipe.nutrition!.calories && (\n \n {Math.round(recipe.nutrition!.calories)} kcal\n \n )}\n {recipe.nutrition!.protein && (\n \n {Math.round(recipe.nutrition!.protein)}g protein\n \n )}\n {!isComplete && (\n \n \n Partial\n \n )}\n

\n ) : (\n

\n \n No nutrition data - link ingredients\n \n

\n )}\n

\n \n {/* Expanded content */}\n {expandedRecipe === recipe.id && (\n

\n {/* URL */}\n {recipe.url && (\n

\n \n \n View original recipe\n \n

\n )}\n \n {/* Ingredient link status */}\n

\n \n Ingredients linked to USDA\n \n \n {linkStatus.linked}/{linkStatus.total}\n \n

0 ? (linkStatus.linked / linkStatus.total) * 100 : 0}%` }}\n />\n

\n \n {/* Nutrition details */}\n \n\n {/* Ingredients */}\n

\n Ingredients\n \n (click linked items for nutrition)\n \n

\n \n
\n {ing.fdcId ? (\n handleIngredientClick(ing, recipe.servingSize)}\n className=\"text-left hover:underline inline-flex items-center gap-1 group\"\n style={{ color: 'var(--text-secondary)' }}\n >\n \n {ing.amount && {ing.amount} }\n {ing.unit && {ing.unit} }\n {ing.name}\n \n {ing.notes && (\n ({ing.notes})\n )}\n \n \n [{ing.fdcDataType === 'Branded' ? 'B' : 'USDA'}]\n \n \n ) : (\n \n {ing.amount && {ing.amount} }\n {ing.unit && {ing.unit} }\n {ing.name}\n {ing.notes && (\n ({ing.notes})\n )}\n \n )}\n
\n

\n \n {/* Instructions */}\n {recipe.instructions && (\n

Instructions

{recipe.instructions}

\n )}\n \n {/* Actions */}\n

\n setEditingRecipe(recipe)}\n className=\"btn-secondary text-sm flex-1\"\n >\n Edit\n \n handleDuplicate(recipe.id)}\n disabled={duplicatingRecipeId !== null}\n className=\"btn-secondary text-sm flex-1 disabled:opacity-50 disabled:cursor-not-allowed\"\n >\n {duplicatingRecipeId === recipe.id ? 'Duplicating...' : 'Duplicate'}\n \n handleDelete(recipe.id)}\n disabled={deletingRecipeId !== null}\n className=\"btn-secondary text-sm text-red-600 hover:bg-red-50 disabled:opacity-50 disabled:cursor-not-allowed\"\n >\n {deletingRecipeId === recipe.id ? 'Deleting...' : 'Delete'}\n \n

\n )}\n

\n );\n })}\n

\n )}\n \n )}\n\n {/* Custom Foods Tab */}\n {activeTab === 'custom-foods' && (\n <>\n {filteredCustomFoods.length === 0 ? (\n

\n 🍎\n

\n {searchQuery ? 'No custom foods found' : 'No custom foods yet'}\n

\n {searchQuery ? 'Try a different search term' : 'Add your first custom food to get started'}\n

\n ) : (\n

\n {filteredCustomFoods.map((food) => (\n

{food.name}

\n Per {food.servingSizeGrams}g serving\n

\n \n Custom\n \n

\n \n {/* Nutrition preview */}\n

\n {food.calories !== null && (\n \n {Math.round(food.calories)} kcal\n \n )}\n {food.protein !== null && (\n \n {Math.round(food.protein)}g protein\n \n )}\n {food.carbs !== null && (\n \n {Math.round(food.carbs)}g carbs\n \n )}\n {food.fat !== null && (\n \n {Math.round(food.fat)}g fat\n \n )}\n

\n \n {/* Actions */}\n

\n setEditingCustomFood(food)}\n className=\"btn-secondary text-sm flex-1\"\n >\n Edit\n \n handleDeleteCustomFood(food.id)}\n disabled={deletingCustomFoodId !== null}\n className=\"btn-secondary text-sm text-red-600 hover:bg-red-50 disabled:opacity-50 disabled:cursor-not-allowed\"\n >\n {deletingCustomFoodId === food.id ? 'Deleting...' : 'Delete'}\n \n

\n ))}\n

\n )}\n \n )}\n

\n \n {/* Import from URL modal */}\n {showImportModal && (\n

setShowImportModal(false)}>\n e.stopPropagation()}\n >\n

Import from URL

\n setShowImportModal(false)}\n className=\"transition-colors\"\n style={{ color: 'var(--text-tertiary)' }}\n >\n \n \n

\n \n

\n Paste a recipe URL to automatically extract ingredients and instructions. You'll need to link ingredients to USDA foods for nutrition data.\n

\n \n setImportUrl(e.target.value)}\n placeholder=\"https://www.example.com/recipe/...\"\n className=\"input w-full mb-4\"\n disabled={importLoading}\n onKeyDown={(e) => {\n if (e.key === 'Enter' && !importLoading) {\n handleImportFromUrl();\n }\n }}\n />\n \n {importError && (\n

\n {importError}\n

\n )}\n \n

\n setShowImportModal(false)}\n className=\"btn-secondary flex-1\"\n disabled={importLoading}\n >\n Cancel\n \n \n {importLoading ? (\n <>\n \n Importing...\n \n ) : (\n 'Import'\n )}\n \n

\n \n )}\n \n {/* Create recipe modal */}\n {showForm && (\n \n )}\n \n {/* Edit recipe modal */}\n {editingRecipe && (\n setEditingRecipe(null)}\n />\n )}\n \n {/* Create custom food modal */}\n {showCustomFoodForm && (\n setShowCustomFoodForm(false)}\n />\n )}\n \n {/* Edit custom food modal */}\n {editingCustomFood && (\n setEditingCustomFood(null)}\n />\n )}\n \n {/* Ingredient nutrition modal */}\n {selectedIngredient && (\n \n )}\n \n );\n}\n",[],[376,403,430],"d9b20db4-eea8-11f0-9126-42dde27851f2","RecipeForm.tsx","b8ea08ee-d3a9-11f0-8d63-42dde27851f2",228,["D",1768106942250],14,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { Recipe, CreateRecipeRequest, ParsedRecipeFromUrl, FDCDataType, FDCSearchResult, CreateRecipeIngredient, FDCFood, StarredIngredient } from \"../../shared/types.ts\";\nimport { COMMON_UNITS, NUTRIENT_INFO } from \"../../shared/types.ts\";\n\ninterface FormIngredient {\n amount: string;\n unit: string;\n name: string;\n notes: string;\n // FDC linking\n fdcId: number | null;\n fdcDescription: string | null;\n fdcDataType: FDCDataType | null;\n}\n\ninterface RecipeFormProps {\n recipe?: Recipe;\n importedRecipe?: ParsedRecipeFromUrl | null;\n onSubmit: (data: CreateRecipeRequest) => Promise;\n onClose: () => void;\n}\n\n// Helper to initialize form state from either recipe or importedRecipe\nfunction getInitialIngredients(recipe?: Recipe, importedRecipe?: ParsedRecipeFromUrl | null): FormIngredient[] {\n if (importedRecipe?.ingredients?.length) {\n return importedRecipe.ingredients.map(i => ({\n amount: i.amount?.toString() || '',\n unit: i.unit || '',\n name: i.name,\n notes: i.notes || '',\n fdcId: null,\n fdcDescription: null,\n fdcDataType: null,\n }));\n }\n if (recipe?.ingredients?.length) {\n return recipe.ingredients.map(i => ({\n amount: i.amount?.toString() || '',\n unit: i.unit || '',\n name: i.name,\n notes: i.notes || '',\n fdcId: i.fdcId ?? null,\n fdcDescription: i.fdcDescription ?? null,\n fdcDataType: i.fdcDataType ?? null,\n }));\n }\n return [{ amount: '', unit: '', name: '', notes: '', fdcId: null, fdcDescription: null, fdcDataType: null }];\n}\n\nexport function RecipeForm({ recipe, importedRecipe, onSubmit, onClose }: RecipeFormProps) {\n // Store initial values for dirty checking\n const initialTitle = importedRecipe?.title || recipe?.title || '';\n const initialUrl = importedRecipe?.url || recipe?.url || '';\n const initialServingSize = importedRecipe?.servingSize?.toString() || recipe?.servingSize?.toString() || '1';\n const initialInstructions = importedRecipe?.instructions || recipe?.instructions || '';\n\n const [title, setTitle] = useState(initialTitle);\n const [url, setUrl] = useState(initialUrl);\n const [servingSize, setServingSize] = useState(initialServingSize);\n const [instructions, setInstructions] = useState(initialInstructions);\n const [ingredients, setIngredients] = useState(\n getInitialIngredients(recipe, importedRecipe)\n );\n const [submitting, setSubmitting] = useState(false);\n\n // Exit confirmation state\n const [showExitConfirm, setShowExitConfirm] = useState(false);\n\n // Track unmatched ingredients for passive alert\n const [unmatchedIngredients, setUnmatchedIngredients] = useState([]);\n\n // Import from URL state\n const [showImportUrl, setShowImportUrl] = useState(false);\n const [importUrl, setImportUrl] = useState('');\n const [importLoading, setImportLoading] = useState(false);\n const [importError, setImportError] = useState(null);\n\n // FDC search modal state\n const [fdcSearchOpen, setFdcSearchOpen] = useState(false);\n const [fdcSearchIndex, setFdcSearchIndex] = useState(null);\n const [fdcSearchQuery, setFdcSearchQuery] = useState('');\n const [fdcSearchLoading, setFdcSearchLoading] = useState(false);\n\n // Tabbed search results\n const [fdcActiveTab, setFdcActiveTab] = useState<'starred' | 'foundation' | 'branded'>('starred');\n const [fdcFoundationResults, setFdcFoundationResults] = useState([]);\n\n // Starred ingredients\n const [starredIngredients, setStarredIngredients] = useState([]);\n const [starredLoading, setStarredLoading] = useState(false);\n const [starredLoaded, setStarredLoaded] = useState(false);\n\n // Food detail view state\n const [fdcDetailFood, setFdcDetailFood] = useState(null);\n const [fdcDetailLoading, setFdcDetailLoading] = useState(false);\n const [fdcDetailSearchResult, setFdcDetailSearchResult] = useState(null);\n const [fdcDetailError, setFdcDetailError] = useState(null);\n const [showFdcMicronutrients, setShowFdcMicronutrients] = useState(false);\n\n // Check if form has unsaved changes\n const hasUnsavedChanges = () => {\n if (title !== initialTitle) return true;\n if (url !== initialUrl) return true;\n if (servingSize !== initialServingSize) return true;\n if (instructions !== initialInstructions) return true;\n // Check if any ingredient has content\n const hasIngredientContent = ingredients.some(i => i.name.trim() || i.amount || i.notes.trim());\n if (hasIngredientContent) return true;\n return false;\n };\n\n // Handle close attempt (backdrop click or X button)\n const handleCloseAttempt = () => {\n if (hasUnsavedChanges()) {\n setShowExitConfirm(true);\n } else {\n onClose();\n }\n };\n const [fdcBrandedResults, setFdcBrandedResults] = useState([]);\n\n const addIngredient = () => {\n setIngredients([...ingredients, { amount: '', unit: '', name: '', notes: '', fdcId: null, fdcDescription: null, fdcDataType: null }]);\n };\n\n const removeIngredient = (index: number) => {\n setIngredients(ingredients.filter((_, i) => i !== index));\n };\n\n const updateIngredient = (index: number, field: keyof FormIngredient, value: any) => {\n const updated = [...ingredients];\n (updated[index] as any)[field] = value;\n setIngredients(updated);\n };\n\n // Load starred ingredients\n const loadStarredIngredients = async () => {\n if (starredLoaded) return;\n setStarredLoading(true);\n try {\n const response = await fetch('/api/fdc/starred');\n const result = await response.json();\n if (result.success) {\n setStarredIngredients(result.data);\n setStarredLoaded(true);\n }\n } catch (error) {\n console.error('Failed to load starred ingredients:', error);\n } finally {\n setStarredLoading(false);\n }\n };\n\n // Load starred ingredients on mount\n useEffect(() => {\n loadStarredIngredients();\n }, []);\n\n // Star an ingredient\n const starIngredient = async (food: FDCSearchResult | FDCFood) => {\n try {\n const response = await fetch('/api/fdc/starred', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({\n fdcId: food.fdcId,\n fdcDescription: food.description,\n fdcDataType: food.dataType,\n brandOwner: food.brandOwner || null,\n }),\n });\n const result = await response.json();\n if (result.success) {\n setStarredIngredients(prev => [result.data, ...prev]);\n }\n } catch (error) {\n console.error('Failed to star ingredient:', error);\n }\n };\n\n // Unstar an ingredient\n const unstarIngredient = async (fdcId: number) => {\n try {\n const response = await fetch(`/api/fdc/starred/${fdcId}`, { method: 'DELETE' });\n const result = await response.json();\n if (result.success) {\n setStarredIngredients(prev => prev.filter(s => s.fdcId !== fdcId));\n }\n } catch (error) {\n console.error('Failed to unstar ingredient:', error);\n }\n };\n\n // Check if an ingredient is starred\n const isStarred = (fdcId: number): boolean => {\n return starredIngredients.some(s => s.fdcId === fdcId);\n };\n\n // Open FDC search modal for an ingredient\n const openFdcSearch = (index: number) => {\n setFdcSearchIndex(index);\n setFdcSearchQuery(ingredients[index].name);\n setFdcFoundationResults([]);\n setFdcBrandedResults([]);\n setFdcActiveTab('starred'); // Start with starred tab\n setFdcDetailFood(null);\n setFdcDetailSearchResult(null);\n setFdcSearchOpen(true);\n };\n\n // Search FDC foods with categorized results\n const handleFdcSearch = async () => {\n if (!fdcSearchQuery.trim()) return;\n\n setFdcSearchLoading(true);\n try {\n const response = await fetch(`/api/fdc/search-categorized?query=${encodeURIComponent(fdcSearchQuery)}&pageSize=15`);\n const result = await response.json();\n\n if (result.success) {\n setFdcFoundationResults(result.data.foundation || []);\n setFdcBrandedResults(result.data.branded || []);\n }\n } catch (error) {\n console.error('FDC search failed:', error);\n } finally {\n setFdcSearchLoading(false);\n }\n };\n\n // View food details before selecting\n const viewFoodDetails = async (searchResult: FDCSearchResult) => {\n setFdcDetailLoading(true);\n setFdcDetailSearchResult(searchResult);\n setFdcDetailError(null);\n try {\n const response = await fetch(`/api/fdc/food/${searchResult.fdcId}`);\n const result = await response.json();\n\n if (result.success) {\n setFdcDetailFood(result.data);\n } else {\n // Handle error (e.g., 404 - food not found)\n setFdcDetailError(result.error || 'This food is no longer available in the USDA database.');\n setFdcDetailFood(null);\n }\n } catch (error) {\n console.error('Failed to fetch food details:', error);\n setFdcDetailError('Failed to load food details. Please try again.');\n setFdcDetailFood(null);\n } finally {\n setFdcDetailLoading(false);\n }\n };\n\n // Go back from detail view to search results\n const backToSearchResults = () => {\n setFdcDetailFood(null);\n setFdcDetailSearchResult(null);\n setFdcDetailError(null);\n setShowFdcMicronutrients(false);\n };\n\n // Select food from detail view\n const selectFoodFromDetail = () => {\n if (fdcDetailSearchResult) {\n selectFdcFood(fdcDetailSearchResult);\n setFdcDetailFood(null);\n setFdcDetailSearchResult(null);\n }\n };\n\n // Count micronutrients that have data\n const countMicronutrients = (food: FDCFood): number => {\n const micronutrientKeys = [\n 'potassium', 'calcium', 'iron', 'magnesium', 'zinc',\n 'vitaminA', 'vitaminC', 'vitaminD', 'vitaminE', 'vitaminK',\n 'vitaminB6', 'vitaminB12', 'thiamin', 'riboflavin', 'niacin', 'folate'\n ] as const;\n\n return micronutrientKeys.filter(key => food.nutrition[key] !== null).length;\n };\n\n // Format nutrient value with appropriate precision\n const formatNutrientValue = (value: number | null, unit: string): string => {\n if (value === null) return '—';\n if (unit === 'mcg') return value.toFixed(1);\n if (unit === 'mg' && value < 1) return value.toFixed(2);\n if (unit === 'mg') return value.toFixed(1);\n return value.toFixed(1);\n };\n\n // Select an FDC food for an ingredient\n const selectFdcFood = (food: FDCSearchResult | StarredIngredient) => {\n if (fdcSearchIndex === null) return;\n\n const updated = [...ingredients];\n updated[fdcSearchIndex].fdcId = food.fdcId;\n updated[fdcSearchIndex].fdcDescription = food.fdcDescription ?? (food as FDCSearchResult).description;\n updated[fdcSearchIndex].fdcDataType = food.fdcDataType ?? (food as FDCSearchResult).dataType;\n setIngredients(updated);\n\n // Remove from unmatched if it was there\n setUnmatchedIngredients(prev => prev.filter(name => name !== updated[fdcSearchIndex].name));\n\n setFdcSearchOpen(false);\n setFdcSearchIndex(null);\n };\n\n // Select a starred ingredient directly (quick select)\n const selectStarredIngredient = (starred: StarredIngredient) => {\n if (fdcSearchIndex === null) return;\n\n const updated = [...ingredients];\n updated[fdcSearchIndex].fdcId = starred.fdcId;\n updated[fdcSearchIndex].fdcDescription = starred.fdcDescription;\n updated[fdcSearchIndex].fdcDataType = starred.fdcDataType;\n setIngredients(updated);\n\n // Remove from unmatched if it was there\n setUnmatchedIngredients(prev => prev.filter(name => name !== updated[fdcSearchIndex].name));\n\n setFdcSearchOpen(false);\n setFdcSearchIndex(null);\n };\n\n // Clear FDC link from an ingredient\n const clearFdcLink = (index: number) => {\n const updated = [...ingredients];\n updated[index].fdcId = null;\n updated[index].fdcDescription = null;\n updated[index].fdcDataType = null;\n setIngredients(updated);\n };\n\n const handleImportFromUrl = async () => {\n if (!importUrl.trim()) return;\n\n setImportLoading(true);\n setImportError(null);\n\n try {\n const response = await fetch('/api/recipes/parse-url', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ url: importUrl.trim() }),\n });\n\n const result = await response.json();\n\n if (!result.success) {\n setImportError(result.error || 'Failed to import recipe');\n return;\n }\n\n const imported: ParsedRecipeFromUrl = result.data;\n\n // Update form fields with imported data\n setTitle(imported.title);\n setUrl(imported.url);\n setServingSize(imported.servingSize?.toString() || '1');\n setInstructions(imported.instructions || '');\n setIngredients(\n imported.ingredients.map(i => ({\n amount: i.amount?.toString() || '',\n unit: i.unit || '',\n name: i.name,\n notes: i.notes || '',\n fdcId: null,\n fdcDescription: null,\n fdcDataType: null,\n }))\n );\n\n // Clear unmatched state\n setUnmatchedIngredients([]);\n\n // Close import section\n setShowImportUrl(false);\n setImportUrl('');\n } catch (error) {\n setImportError('Failed to import recipe. Please check the URL and try again.');\n } finally {\n setImportLoading(false);\n }\n };\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n\n if (!title.trim()) return;\n\n setSubmitting(true);\n\n try {\n // Get ingredient names that don't have FDC links\n const unmatchedNames = ingredients\n .filter(i => i.name.trim() && !i.fdcId)\n .map(i => i.name.trim());\n\n let updatedIngredients = [...ingredients];\n const stillUnmatched: string[] = [];\n\n // Auto-match unlinked ingredients from Foundation Foods\n if (unmatchedNames.length > 0) {\n try {\n const matchResponse = await fetch('/api/fdc/auto-match-batch', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ ingredientNames: unmatchedNames }),\n });\n\n const matchResult = await matchResponse.json();\n\n if (matchResult.success) {\n // Apply matches to ingredients\n for (let i = 0; i < updatedIngredients.length; i++) {\n const ing = updatedIngredients[i];\n const name = ing.name.trim();\n\n if (name && !ing.fdcId && matchResult.data[name]) {\n const matchData = matchResult.data[name];\n if (matchData.match) {\n updatedIngredients[i] = {\n ...ing,\n fdcId: matchData.match.fdcId,\n fdcDescription: matchData.match.description,\n fdcDataType: matchData.match.dataType,\n };\n } else {\n stillUnmatched.push(name);\n }\n } else if (name && !ing.fdcId) {\n stillUnmatched.push(name);\n }\n }\n }\n } catch (error) {\n console.error('Auto-match failed:', error);\n // Continue with submission even if auto-match fails\n }\n }\n\n // Update state with matched ingredients\n setIngredients(updatedIngredients);\n setUnmatchedIngredients(stillUnmatched);\n\n // Build the recipe data\n const data: CreateRecipeRequest = {\n title: title.trim(),\n url: url.trim() || null,\n servingSize: parseInt(servingSize) || 1,\n instructions: instructions.trim() || null,\n ingredients: updatedIngredients\n .filter(i => i.name.trim())\n .map(i => ({\n name: i.name.trim(),\n amount: i.amount ? parseFloat(i.amount) : null,\n unit: i.unit.trim() || null,\n notes: i.notes.trim() || null,\n fdcId: i.fdcId,\n fdcDescription: i.fdcDescription,\n fdcDataType: i.fdcDataType,\n } as CreateRecipeIngredient)),\n };\n\n await onSubmit(data);\n } finally {\n setSubmitting(false);\n }\n };\n\n // Count linked ingredients\n const linkedCount = ingredients.filter(i => i.fdcId !== null).length;\n const totalCount = ingredients.filter(i => i.name.trim()).length;\n\n // Get current tab results\n const currentTabResults = fdcActiveTab === 'foundation' ? fdcFoundationResults : fdcBrandedResults;\n\n return (\n

\n e.stopPropagation()}\n >\n

\n {/* Header */}\n

\n {recipe ? 'Edit Recipe' : 'Add Recipe'}\n

\n \n \n \n

\n\n {/* Body */}\n

\n {/* Import from URL section - only show when not editing */}\n {!recipe && (\n

\n setShowImportUrl(!showImportUrl)}\n className=\"text-sm font-medium flex items-center gap-2 mb-2\"\n style={{ color: 'var(--accent)' }}\n >\n \n Import from URL\n \n\n {showImportUrl && (\n

\n Paste a recipe URL to auto-fill the form with ingredients and instructions.\n

\n setImportUrl(e.target.value)}\n placeholder=\"https://www.example.com/recipe/...\"\n className=\"input flex-1\"\n disabled={importLoading}\n onKeyDown={(e) => {\n if (e.key === 'Enter') {\n e.preventDefault();\n handleImportFromUrl();\n }\n }}\n />\n \n {importLoading ? (\n <>\n \n Importing...\n \n ) : (\n 'Import'\n )}\n \n

\n {importError && (\n

\n {importError}\n

\n )}\n

\n )}\n\n {/* Passive alert for unmatched ingredients */}\n {unmatchedIngredients.length > 0 && (\n

\n \n

\n {unmatchedIngredients.length} ingredient(s) need manual linking:{' '}\n {unmatchedIngredients.join(', ')}. Click \"Link to USDA food\" to search manually.\n

\n )}\n\n {/* Title */}\n

\n \n Recipe Title *\n \n setTitle(e.target.value)}\n className=\"input\"\n placeholder=\"e.g., Chicken Stir Fry\"\n required\n />\n

\n\n {/* URL */}\n

\n \n Recipe URL (optional)\n \n setUrl(e.target.value)}\n className=\"input\"\n placeholder=\"https://...\"\n />\n

\n\n {/* Serving size */}\n

\n \n Serving Size\n \n setServingSize(e.target.value)}\n className=\"input w-32\"\n min=\"1\"\n />\n

\n\n {/* Ingredients */}\n

\n \n Ingredients\n \n {totalCount > 0 && (\n \n {linkedCount}/{totalCount} linked to USDA\n \n )}\n

\n {ingredients.map((ing, index) => (\n

\n {/* Amount */}\n updateIngredient(index, 'amount', e.target.value)}\n className=\"input flex-shrink-0\"\n style={{ width: '4rem' }}\n placeholder=\"Amt\"\n />\n {/* Unit */}\n updateIngredient(index, 'unit', e.target.value)}\n className=\"input flex-shrink-0\"\n style={{ width: '5rem' }}\n >\n \n {COMMON_UNITS.map(u => (\n \n ))}\n \n {/* Name */}\n updateIngredient(index, 'name', e.target.value)}\n className=\"input flex-1 min-w-0\"\n style={{ minWidth: '120px' }}\n placeholder=\"Ingredient name\"\n />\n {/* Notes */}\n updateIngredient(index, 'notes', e.target.value)}\n className=\"input flex-shrink-0 text-sm text-gray-500\"\n style={{ width: '6rem' }}\n placeholder=\"Notes\"\n />\n {/* Remove button */}\n {ingredients.length > 1 && (\n removeIngredient(index)}\n className=\"text-gray-400 hover:text-red-500 transition-colors flex-shrink-0 p-1\"\n >\n \n \n )}\n

\n\n {/* FDC Link Row */}\n

\n {ing.fdcId ? (\n <>\n \n \n {ing.fdcDataType === 'Branded' ? 'Branded' : 'Foundation'}\n \n \n {ing.fdcDescription}\n \n clearFdcLink(index)}\n className=\"text-xs text-gray-400 hover:text-red-500\"\n >\n Clear\n \n openFdcSearch(index)}\n className=\"text-xs text-blue-600 hover:text-blue-800\"\n >\n Change\n \n \n ) : (\n openFdcSearch(index)}\n className=\"text-xs flex items-center gap-1 text-blue-600 hover:text-blue-800\"\n >\n \n Link to USDA food for nutrition\n \n )}\n

\n ))}\n

\n \n \n Add ingredient\n \n

\n\n {/* Instructions */}\n

\n \n Instructions (optional)\n \n setInstructions(e.target.value)}\n className=\"input min-h-[100px] resize-y\"\n placeholder=\"Enter cooking instructions...\"\n />\n

\n\n {/* Nutrition info note */}\n

\n Nutrition is calculated automatically from linked ingredients using USDA FoodData Central.\n Ingredients are auto-matched to Foundation Foods when you save. Link all ingredients to get complete nutrition information.\n

\n\n {/* Footer */}\n

\n \n Cancel\n \n \n {submitting ? 'Saving...' : (recipe ? 'Save Changes' : 'Add Recipe')}\n \n

\n\n {/* Exit Confirmation Dialog */}\n {showExitConfirm && (\n setShowExitConfirm(false)}\n >\n e.stopPropagation()}\n >\n

\n \n

Unsaved Changes

\n You have unsaved changes. What would you like to do?\n

\n {\n setShowExitConfirm(false);\n // Trigger form submission\n const form = document.querySelector('form');\n if (form) {\n form.requestSubmit();\n }\n }}\n className=\"btn-primary w-full flex items-center justify-center gap-2\"\n disabled={!title.trim()}\n >\n \n Save & Exit\n \n {\n setShowExitConfirm(false);\n onClose();\n }}\n className=\"btn-secondary w-full flex items-center justify-center gap-2 text-red-600 border-red-200 hover:bg-red-50\"\n >\n \n Discard & Exit\n \n setShowExitConfirm(false)}\n className=\"btn-secondary w-full flex items-center justify-center gap-2\"\n >\n \n Go Back\n \n

\n \n \n )}\n\n {/* FDC Search Modal with Tabs */}\n {fdcSearchOpen && (\n setFdcSearchOpen(false)}\n >\n e.stopPropagation()}\n >\n

Search USDA Foods

\n Find a food to link for nutrition data\n

\n\n

\n setFdcSearchQuery(e.target.value)}\n placeholder=\"Search foods...\"\n className=\"input flex-1\"\n onKeyDown={(e) => {\n if (e.key === 'Enter') {\n e.preventDefault();\n handleFdcSearch();\n }\n }}\n />\n \n {fdcSearchLoading ? 'Searching...' : 'Search'}\n \n

\n\n {/* Tabs */}\n

\n setFdcActiveTab('starred')}\n className=\"flex-1 px-4 py-3 text-sm font-medium transition-colors\"\n style={fdcActiveTab === 'starred'\n ? { color: 'var(--accent)', borderBottom: '2px solid var(--accent)', background: 'var(--bg-tertiary)' }\n : { color: 'var(--text-secondary)' }}\n >\n ★ Starred\n {starredIngredients.length > 0 && (\n \n {starredIngredients.length}\n \n )}\n \n setFdcActiveTab('foundation')}\n className=\"flex-1 px-4 py-3 text-sm font-medium transition-colors\"\n style={fdcActiveTab === 'foundation'\n ? { color: 'var(--accent)', borderBottom: '2px solid var(--accent)', background: 'var(--bg-tertiary)' }\n : { color: 'var(--text-secondary)' }}\n >\n Foundation\n {fdcFoundationResults.length > 0 && (\n \n {fdcFoundationResults.length}\n \n )}\n \n setFdcActiveTab('branded')}\n className=\"flex-1 px-4 py-3 text-sm font-medium transition-colors\"\n style={fdcActiveTab === 'branded'\n ? { color: 'var(--accent)', borderBottom: '2px solid var(--accent)', background: 'var(--bg-tertiary)' }\n : { color: 'var(--text-secondary)' }}\n >\n Branded\n {fdcBrandedResults.length > 0 && (\n \n {fdcBrandedResults.length}\n \n )}\n \n

\n\n

\n {/* Starred Ingredients Tab */}\n {fdcActiveTab === 'starred' && !fdcDetailFood && !fdcDetailLoading && (\n

\n {starredLoading ? (\n

\n \n

\n ) : starredIngredients.length === 0 ? (\n

⭐

No starred ingredients yet

\n Star your commonly used ingredients from the search results for quick access\n

\n ) : (\n

\n {starredIngredients.map((starred) => (\n \n unstarIngredient(starred.fdcId)}\n className=\"text-amber-500 hover:text-amber-600 flex-shrink-0\"\n title=\"Unstar\"\n >\n \n \n selectStarredIngredient(starred)}\n className=\"flex-1 text-left min-w-0\"\n >\n

{starred.fdcDescription}

\n \n {starred.fdcDataType}\n \n {starred.brandOwner && (\n {starred.brandOwner}\n )}\n

\n \n \n

\n ))}\n

\n )}\n

\n )}\n\n {/* Food Detail View */}\n {(fdcDetailFood || fdcDetailLoading || fdcDetailError) && (\n

\n {fdcDetailLoading ? (\n

\n \n

\n ) : fdcDetailError ? (\n

\n \n

Food Unavailable

\n {fdcDetailError}\n

\n \n ← Back to search results\n \n

\n ) : fdcDetailFood && (\n

\n {/* Food Header */}\n

{fdcDetailFood.description}

\n \n {fdcDetailFood.dataType}\n \n {fdcDetailFood.brandOwner && (\n {fdcDetailFood.brandOwner}\n )}\n

\n {fdcDetailFood.householdServingText && (\n

\n Serving: {fdcDetailFood.householdServingText}\n {fdcDetailFood.servingSize && fdcDetailFood.servingSizeUnit &&\n ` (${fdcDetailFood.servingSize}${fdcDetailFood.servingSizeUnit})`\n }\n

\n )}\n

\n\n {/* Nutrition Facts */}\n

Nutrition Facts

\n\n {/* Header Row */}\n

Per 100g

\n {fdcDetailFood.servingSize && fdcDetailFood.servingSizeUnit\n ? `Per Serving (${fdcDetailFood.servingSize}${fdcDetailFood.servingSizeUnit})`\n : 'Per Serving'\n }\n

\n\n {/* Macros */}\n

\n {/* Calories */}\n

Calories

\n {fdcDetailFood.nutrition.calories !== null\n ? `${Math.round(fdcDetailFood.nutrition.calories)} kcal`\n : '—'}\n

\n {fdcDetailFood.nutrition.calories !== null && fdcDetailFood.servingSize\n ? `${Math.round(fdcDetailFood.nutrition.calories * fdcDetailFood.servingSize / 100)} kcal`\n : fdcDetailFood.nutrition.calories !== null ? `${Math.round(fdcDetailFood.nutrition.calories)} kcal` : '—'}\n

\n\n

\n\n {/* Protein */}\n

Protein

\n {fdcDetailFood.nutrition.protein !== null\n ? `${fdcDetailFood.nutrition.protein.toFixed(1)}g`\n : '—'}\n

\n {fdcDetailFood.nutrition.protein !== null && fdcDetailFood.servingSize\n ? `${(fdcDetailFood.nutrition.protein * fdcDetailFood.servingSize / 100).toFixed(1)}g`\n : fdcDetailFood.nutrition.protein !== null ? `${fdcDetailFood.nutrition.protein.toFixed(1)}g` : '—'}\n

\n\n {/* Fat */}\n

Fat

\n {fdcDetailFood.nutrition.fat !== null\n ? `${fdcDetailFood.nutrition.fat.toFixed(1)}g`\n : '—'}\n

\n {fdcDetailFood.nutrition.fat !== null && fdcDetailFood.servingSize\n ? `${(fdcDetailFood.nutrition.fat * fdcDetailFood.servingSize / 100).toFixed(1)}g`\n : fdcDetailFood.nutrition.fat !== null ? `${fdcDetailFood.nutrition.fat.toFixed(1)}g` : '—'}\n

\n\n {/* Carbs */}\n

Carbohydrates

\n {fdcDetailFood.nutrition.carbs !== null\n ? `${fdcDetailFood.nutrition.carbs.toFixed(1)}g`\n : '—'}\n

\n {fdcDetailFood.nutrition.carbs !== null && fdcDetailFood.servingSize\n ? `${(fdcDetailFood.nutrition.carbs * fdcDetailFood.servingSize / 100).toFixed(1)}g`\n : fdcDetailFood.nutrition.carbs !== null ? `${fdcDetailFood.nutrition.carbs.toFixed(1)}g` : '—'}\n

\n\n {/* Fiber */}\n

Fiber

\n {fdcDetailFood.nutrition.fiber !== null\n ? `${fdcDetailFood.nutrition.fiber.toFixed(1)}g`\n : '—'}\n

\n {fdcDetailFood.nutrition.fiber !== null && fdcDetailFood.servingSize\n ? `${(fdcDetailFood.nutrition.fiber * fdcDetailFood.servingSize / 100).toFixed(1)}g`\n : fdcDetailFood.nutrition.fiber !== null ? `${fdcDetailFood.nutrition.fiber.toFixed(1)}g` : '—'}\n

\n\n

\n\n {/* Sodium */}\n

Sodium

\n {fdcDetailFood.nutrition.sodium !== null\n ? `${Math.round(fdcDetailFood.nutrition.sodium)}mg`\n : '—'}\n

\n {fdcDetailFood.nutrition.sodium !== null && fdcDetailFood.servingSize\n ? `${Math.round(fdcDetailFood.nutrition.sodium * fdcDetailFood.servingSize / 100)}mg`\n : fdcDetailFood.nutrition.sodium !== null ? `${Math.round(fdcDetailFood.nutrition.sodium)}mg` : '—'}\n

\n\n {/* Micronutrients Toggle */}\n

\n setShowFdcMicronutrients(!showFdcMicronutrients)}\n className=\"flex items-center justify-between w-full text-left\"\n >\n

\n Micronutrients available:\n \n {countMicronutrients(fdcDetailFood)} / 16\n \n

\n {showFdcMicronutrients ? 'Hide' : 'Show all'}\n \n \n \n

\n \n\n {/* Expanded Micronutrients */}\n {showFdcMicronutrients && (\n

\n {/* Minerals */}\n {(['sodium', 'potassium', 'calcium', 'iron', 'magnesium', 'zinc', 'phosphorus', 'selenium', 'copper', 'manganese'] as const).some(key => fdcDetailFood.nutrition[key] !== null) && (\n

\n Minerals\n

\n {(['sodium', 'potassium', 'calcium', 'iron', 'magnesium', 'zinc', 'phosphorus', 'selenium', 'copper', 'manganese'] as const).map(key => {\n const info = NUTRIENT_INFO[key];\n const value = fdcDetailFood.nutrition[key];\n if (value === null) return null;\n const servingValue = fdcDetailFood.servingSize ? value * fdcDetailFood.servingSize / 100 : value;\n return (\n

\n {info.label}\n \n {formatNutrientValue(servingValue, info.unit)}{info.unit}\n \n

\n );\n })}\n

\n )}\n\n {/* Vitamins - Fat Soluble */}\n {(['vitaminA', 'vitaminD', 'vitaminE', 'vitaminK'] as const).some(key => fdcDetailFood.nutrition[key] !== null) && (\n

\n Vitamins (Fat-Soluble)\n

\n {(['vitaminA', 'vitaminD', 'vitaminE', 'vitaminK'] as const).map(key => {\n const info = NUTRIENT_INFO[key];\n const value = fdcDetailFood.nutrition[key];\n if (value === null) return null;\n const servingValue = fdcDetailFood.servingSize ? value * fdcDetailFood.servingSize / 100 : value;\n return (\n

\n {info.label}\n \n {formatNutrientValue(servingValue, info.unit)}{info.unit}\n \n

\n );\n })}\n

\n )}\n\n {/* Vitamins - Water Soluble */}\n {(['vitaminC', 'vitaminB6', 'vitaminB12', 'thiamin', 'riboflavin', 'niacin', 'pantothenicAcid', 'folate', 'choline'] as const).some(key => fdcDetailFood.nutrition[key] !== null) && (\n

\n Vitamins (Water-Soluble)\n

\n {(['vitaminC', 'vitaminB6', 'vitaminB12', 'thiamin', 'riboflavin', 'niacin', 'pantothenicAcid', 'folate', 'choline'] as const).map(key => {\n const info = NUTRIENT_INFO[key];\n const value = fdcDetailFood.nutrition[key];\n if (value === null) return null;\n const servingValue = fdcDetailFood.servingSize ? value * fdcDetailFood.servingSize / 100 : value;\n return (\n

\n {info.label}\n \n {formatNutrientValue(servingValue, info.unit)}{info.unit}\n \n

\n );\n })}\n

\n )}\n\n {/* Fats Breakdown */}\n {(['saturatedFat', 'transFat', 'monounsaturatedFat', 'polyunsaturatedFat', 'cholesterol'] as const).some(key => fdcDetailFood.nutrition[key] !== null) && (\n

\n Fats Breakdown\n

\n {(['saturatedFat', 'transFat', 'monounsaturatedFat', 'polyunsaturatedFat', 'cholesterol'] as const).map(key => {\n const info = NUTRIENT_INFO[key];\n const value = fdcDetailFood.nutrition[key];\n if (value === null) return null;\n const servingValue = fdcDetailFood.servingSize ? value * fdcDetailFood.servingSize / 100 : value;\n return (\n

\n {info.label}\n \n {formatNutrientValue(servingValue, info.unit)}{info.unit}\n \n

\n );\n })}\n

\n )}\n\n {/* Sugars */}\n {(['sugars', 'addedSugars'] as const).some(key => fdcDetailFood.nutrition[key] !== null) && (\n

\n Sugars\n

\n {(['sugars', 'addedSugars'] as const).map(key => {\n const info = NUTRIENT_INFO[key];\n const value = fdcDetailFood.nutrition[key];\n if (value === null) return null;\n const servingValue = fdcDetailFood.servingSize ? value * fdcDetailFood.servingSize / 100 : value;\n return (\n

\n {info.label}\n \n {formatNutrientValue(servingValue, info.unit)}{info.unit}\n \n

\n );\n })}\n

\n )}\n

\n\n {/* Action Buttons */}\n

\n {/* Star/Unstar Button */}\n {isStarred(fdcDetailFood.fdcId) ? (\n unstarIngredient(fdcDetailFood.fdcId)}\n className=\"w-full py-2 px-4 rounded-lg border border-amber-300 bg-amber-50 text-amber-700 font-medium text-sm flex items-center justify-center gap-2 hover:bg-amber-100 transition-colors\"\n >\n \n Remove from Starred\n \n ) : (\n starIngredient(fdcDetailFood)}\n className=\"w-full py-2 px-4 rounded-lg border border-gray-300 bg-white text-gray-700 font-medium text-sm flex items-center justify-center gap-2 hover:bg-amber-50 hover:border-amber-300 hover:text-amber-700 transition-colors\"\n >\n \n Add to Starred\n \n )}\n\n

\n \n \n Back\n \n \n \n Select This Food\n \n

\n )}\n

\n )}\n\n {/* Search Results List (Foundation/Branded tabs only) */}\n {fdcActiveTab !== 'starred' && !fdcDetailFood && !fdcDetailLoading && (\n currentTabResults.length === 0 ? (\n

\n {fdcSearchLoading ? 'Searching...' : 'Enter a search term and click Search'}\n

\n ) : (\n

\n {currentTabResults.map((food) => (\n \n {/* Star button */}\n {\n e.stopPropagation();\n if (isStarred(food.fdcId)) {\n unstarIngredient(food.fdcId);\n } else {\n starIngredient(food);\n }\n }}\n className={`flex-shrink-0 ${isStarred(food.fdcId) ? 'text-amber-500' : 'text-gray-300 hover:text-amber-400'}`}\n title={isStarred(food.fdcId) ? 'Unstar' : 'Add to starred'}\n >\n \n \n\n viewFoodDetails(food)}\n className=\"flex-1 text-left min-w-0\"\n >\n

{food.description}

\n \n {food.dataType}\n \n {food.micronutrientCount !== null && (\n = 12\n ? 'bg-emerald-100 text-emerald-700'\n : food.micronutrientCount >= 6\n ? 'bg-amber-100 text-amber-700'\n : 'bg-gray-100 text-gray-600'\n }`} title=\"Micronutrients available\">\n 🧬 {food.micronutrientCount}/16\n \n )}\n {food.brandOwner && (\n {food.brandOwner}\n )}\n

\n \n

\n ))}\n \n )\n )}\n \n\n

\n setFdcSearchOpen(false)}\n className=\"btn-secondary w-full\"\n >\n Cancel\n \n

\n \n \n )}\n \n );\n}\n",[],[376,403,438],"7d52e018-e78f-11f0-8f9e-42dde27851f2","QuantityUnitInput.tsx","7d52e0ae-e78f-11f0-8f9e-42dde27851f2",189,["D",1767326391581],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { UnitSelect } from \"./UnitSelect.tsx\";\n\ninterface QuantityUnitInputProps {\n quantity: number | null;\n unit: string | null;\n onQuantityChange: (value: number | null) => void;\n onUnitChange: (value: string | null) => void;\n disabled?: boolean;\n className?: string;\n}\n\nexport function QuantityUnitInput({\n quantity,\n unit,\n onQuantityChange,\n onUnitChange,\n disabled = false,\n className = '',\n}: QuantityUnitInputProps) {\n const handleQuantityChange = (e: React.ChangeEvent) => {\n const value = e.target.value;\n if (value === '') {\n onQuantityChange(null);\n } else {\n const parsed = parseFloat(value);\n if (!isNaN(parsed)) {\n onQuantityChange(parsed);\n }\n }\n };\n\n return (\n

\n \n \n

\n );\n}\n\n",[],[376,403,447],"92e29ed8-e793-11f0-bf91-42dde27851f2","NutritionView.tsx","b8f099c0-d3a9-11f0-8d63-42dde27851f2",200,["D",1767328145890],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect, useCallback } from \"https://esm.sh/react@18.2.0\";\nimport type { NutritionGoals, NutritionGoalType, DailyNutrition } from \"../../shared/types.ts\";\nimport { NUTRITION_GOAL_LABELS, NUTRITION_GOAL_UNITS } from \"../../shared/types.ts\";\n\ninterface NutritionViewProps {\n goals: NutritionGoals | null;\n onGoalsChange: () => Promise;\n}\n\nconst GOAL_TYPES: NutritionGoalType[] = ['calories', 'protein', 'fiber', 'fat', 'carbs'];\n\nfunction getWeekStartDate(date: Date): string {\n const d = new Date(date);\n const day = d.getDay();\n d.setDate(d.getDate() - day);\n d.setHours(0, 0, 0, 0);\n return d.toISOString().split('T')[0];\n}\n\nexport function NutritionView({ goals, onGoalsChange }: NutritionViewProps) {\n const [editing, setEditing] = useState(false);\n const [primaryType, setPrimaryType] = useState(goals?.primaryGoalType || 'calories');\n const [primaryValue, setPrimaryValue] = useState(goals?.primaryGoalValue?.toString() || '2000');\n const [sub1Type, setSub1Type] = useState(goals?.subGoal1Type || '');\n const [sub1Value, setSub1Value] = useState(goals?.subGoal1Value?.toString() || '');\n const [sub2Type, setSub2Type] = useState(goals?.subGoal2Type || '');\n const [sub2Value, setSub2Value] = useState(goals?.subGoal2Value?.toString() || '');\n const [submitting, setSubmitting] = useState(false);\n \n const [weeklyData, setWeeklyData] = useState<{\n daily: Record;\n weeklyAverage: DailyNutrition;\n } | null>(null);\n const [loadingWeekly, setLoadingWeekly] = useState(false);\n\n const fetchWeeklyData = useCallback(async () => {\n setLoadingWeekly(true);\n try {\n const weekStart = getWeekStartDate(new Date());\n const response = await fetch(`/api/nutrition/weekly?weekStartDate=${weekStart}`);\n const data = await response.json();\n if (data.success) {\n setWeeklyData(data.data);\n }\n } catch (err) {\n console.error('Failed to fetch weekly nutrition:', err);\n } finally {\n setLoadingWeekly(false);\n }\n }, []);\n\n useEffect(() => {\n fetchWeeklyData();\n }, [fetchWeeklyData]);\n\n // Update form when goals change\n useEffect(() => {\n if (goals) {\n setPrimaryType(goals.primaryGoalType);\n setPrimaryValue(goals.primaryGoalValue.toString());\n setSub1Type(goals.subGoal1Type || '');\n setSub1Value(goals.subGoal1Value?.toString() || '');\n setSub2Type(goals.subGoal2Type || '');\n setSub2Value(goals.subGoal2Value?.toString() || '');\n }\n }, [goals]);\n\n const handleSave = async (e: React.FormEvent) => {\n e.preventDefault();\n if (!primaryValue) return;\n \n setSubmitting(true);\n \n try {\n const response = await fetch('/api/nutrition/goals', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({\n primaryGoalType: primaryType,\n primaryGoalValue: parseFloat(primaryValue),\n subGoal1Type: sub1Type || null,\n subGoal1Value: sub1Value ? parseFloat(sub1Value) : null,\n subGoal2Type: sub2Type || null,\n subGoal2Value: sub2Value ? parseFloat(sub2Value) : null,\n }),\n });\n \n if (response.ok) {\n await onGoalsChange();\n setEditing(false);\n }\n } finally {\n setSubmitting(false);\n }\n };\n\n const getProgressColor = (percent: number): string => {\n if (percent >= 90 && percent <= 110) return 'var(--leaf)'; // success\n if (percent > 110) return '#fbbf24'; // warning\n return 'var(--accent)'; // primary\n };\n\n const renderGoalCard = (\n type: NutritionGoalType,\n targetValue: number,\n currentValue: number,\n isPrimary: boolean\n ) => {\n const percent = (currentValue / targetValue) * 100;\n const cappedPercent = Math.min(percent, 100);\n \n return (\n \n

\n \n {type === 'calories' ? '🔥' : type === 'protein' ? '💪' : type === 'fiber' ? '🥬' : type === 'fat' ? '🥑' : '🍞'}\n \n

{NUTRITION_GOAL_LABELS[type]}

\n {isPrimary && (\n \n Primary Goal\n \n )}\n

{Math.round(currentValue)}

of {targetValue} {NUTRITION_GOAL_UNITS[type]}

\n \n

\n {Math.round(percent)}% of daily goal\n = 90 && percent <= 110 ? 'var(--leaf)' : percent > 110 ? '#fbbf24' : 'var(--text-secondary)' }}\n >\n {targetValue - currentValue > 0 ? `${Math.round(targetValue - currentValue)} ${NUTRITION_GOAL_UNITS[type]} remaining` : 'Goal reached!'}\n \n

\n \n );\n };\n\n return (\n

\n {/* Header */}\n

Nutrition Goals

Track your daily nutrition against your goals

\n setEditing(true)}\n className=\"btn-secondary text-sm\"\n >\n {goals ? 'Edit Goals' : 'Set Goals'}\n \n

\n \n {/* Goals display */}\n {goals ? (\n

\n {/* Primary goal */}\n

\n {renderGoalCard(\n goals.primaryGoalType,\n goals.primaryGoalValue,\n weeklyData?.weeklyAverage[goals.primaryGoalType as keyof DailyNutrition] || 0,\n true\n )}\n \n {/* Sub goals */}\n {goals.subGoal1Type && goals.subGoal1Value && (\n renderGoalCard(\n goals.subGoal1Type,\n goals.subGoal1Value,\n weeklyData?.weeklyAverage[goals.subGoal1Type as keyof DailyNutrition] || 0,\n false\n )\n )}\n \n {goals.subGoal2Type && goals.subGoal2Value && (\n renderGoalCard(\n goals.subGoal2Type,\n goals.subGoal2Value,\n weeklyData?.weeklyAverage[goals.subGoal2Type as keyof DailyNutrition] || 0,\n false\n )\n )}\n

\n \n {/* Weekly overview */}\n {weeklyData && (\n

This Week's Overview

\n {['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'].map((day, i) => {\n const dayData = weeklyData.daily[i];\n const percent = (dayData[goals.primaryGoalType as keyof DailyNutrition] / goals.primaryGoalValue) * 100;\n \n return (\n

{day}

\n \n

\n {Math.round(dayData[goals.primaryGoalType as keyof DailyNutrition])}\n

\n );\n })}\n

\n On target (90-110%)\n

\n Over target\n

\n Under target\n

\n )}\n \n {/* All nutrition breakdown */}\n

Weekly Average Breakdown

\n {GOAL_TYPES.map((type) => {\n const value = weeklyData?.weeklyAverage[type as keyof DailyNutrition] || 0;\n let goal: number | null = null;\n \n if (goals.primaryGoalType === type) goal = goals.primaryGoalValue;\n else if (goals.subGoal1Type === type) goal = goals.subGoal1Value;\n else if (goals.subGoal2Type === type) goal = goals.subGoal2Value;\n \n return (\n

\n {type === 'calories' ? '🔥' : type === 'protein' ? '💪' : type === 'fiber' ? '🥬' : type === 'fat' ? '🥑' : '🍞'}\n

\n {Math.round(value)}\n {NUTRITION_GOAL_UNITS[type]}\n

{NUTRITION_GOAL_LABELS[type]}

\n {goal && (\n

\n {Math.round((value / goal) * 100)}% of goal\n

\n )}\n

\n );\n })}\n

\n ) : (\n

\n 🎯\n

Set Your Nutrition Goals

\n Define your daily nutrition targets to track your progress and stay on track with your health goals.\n

\n \n

\n )}\n

\n \n {/* Edit goals modal */}\n {editing && (\n

setEditing(false)}>\n

e.stopPropagation()}>\n

\n {goals ? 'Edit Nutrition Goals' : 'Set Nutrition Goals'}\n

\n Set one primary goal and up to two sub-goals\n

\n \n

\n {/* Primary goal */}\n

\n \n Primary Goal\n \n

\n Type\n setPrimaryType(e.target.value as NutritionGoalType)}\n className=\"input\"\n >\n {GOAL_TYPES.map((type) => (\n \n ))}\n \n

\n \n Target ({NUTRITION_GOAL_UNITS[primaryType]})\n \n setPrimaryValue(e.target.value)}\n className=\"input\"\n required\n />\n

\n \n {/* Sub-goal 1 */}\n

\n Sub-Goal 1 (Optional)\n {sub1Type && (\n { setSub1Type(''); setSub1Value(''); }}\n className=\"text-xs hover:text-red-500\"\n style={{ color: 'var(--text-secondary)' }}\n >\n Remove\n \n )}\n

\n setSub1Type(e.target.value as NutritionGoalType)}\n className=\"input\"\n >\n \n {GOAL_TYPES.filter(t => t !== primaryType && t !== sub2Type).map((type) => (\n \n ))}\n \n

\n setSub1Value(e.target.value)}\n className=\"input\"\n placeholder={sub1Type ? NUTRITION_GOAL_UNITS[sub1Type] : 'Target'}\n disabled={!sub1Type}\n />\n

\n \n {/* Sub-goal 2 */}\n

\n Sub-Goal 2 (Optional)\n {sub2Type && (\n { setSub2Type(''); setSub2Value(''); }}\n className=\"text-xs hover:text-red-500\"\n style={{ color: 'var(--text-secondary)' }}\n >\n Remove\n \n )}\n

\n setSub2Type(e.target.value as NutritionGoalType)}\n className=\"input\"\n >\n \n {GOAL_TYPES.filter(t => t !== primaryType && t !== sub1Type).map((type) => (\n \n ))}\n \n

\n setSub2Value(e.target.value)}\n className=\"input\"\n placeholder={sub2Type ? NUTRITION_GOAL_UNITS[sub2Type] : 'Target'}\n disabled={!sub2Type}\n />\n

\n \n

\n \n \n

\n )}\n

\n );\n}\n\n\n\n\n",[],[376,403,455],"116b693a-eeae-11f0-b9ca-42dde27851f2","NutritionSection.tsx","116b6a16-eeae-11f0-b9ca-42dde27851f2",232,["D",1768109183239],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { Recipe, RecipeIngredient, FDCFood, NutrientKey } from \"../../shared/types.ts\";\nimport { NUTRIENT_INFO } from \"../../shared/types.ts\";\n\n// Type for ingredient nutrition cache\ntype IngredientNutritionMap = Record;\n\ninterface NutritionSectionProps {\n recipe: Recipe;\n}\n\n// Format nutrient value with appropriate precision\nfunction formatNutrient(value: number | null, unit: string): string {\n if (value === null) return '-';\n if (unit === 'mcg') return value.toFixed(1);\n if (unit === 'mg' && value < 1) return value.toFixed(2);\n return Math.round(value).toString();\n}\n\nexport function NutritionSection({ recipe }: NutritionSectionProps) {\n const [showMicronutrients, setShowMicronutrients] = useState(false);\n const [expandedNutrient, setExpandedNutrient] = useState(null);\n const [ingredientNutritionCache, setIngredientNutritionCache] = useState(null);\n const [breakdownLoading, setBreakdownLoading] = useState(false);\n\n if (!recipe.nutrition) return null;\n\n // Handle nutrient click to expand and show ingredient breakdown\n const handleNutrientClick = async (nutrient: NutrientKey) => {\n // Toggle off if clicking the same nutrient\n if (expandedNutrient === nutrient) {\n setExpandedNutrient(null);\n return;\n }\n\n setExpandedNutrient(nutrient);\n\n // Check if we already have the nutrition data cached\n if (ingredientNutritionCache) {\n return;\n }\n\n // Fetch ingredient nutrition for this recipe\n setBreakdownLoading(true);\n try {\n const response = await fetch(`/api/recipes/${recipe.id}/ingredient-nutrition`);\n const result = await response.json();\n if (result.success) {\n setIngredientNutritionCache(result.data);\n }\n } catch (error) {\n console.error('Failed to fetch ingredient nutrition:', error);\n } finally {\n setBreakdownLoading(false);\n }\n };\n\n // Calculate ingredient contribution for a specific nutrient\n const getIngredientContributions = (\n nutrient: NutrientKey\n ): Array<{ ingredient: RecipeIngredient; contribution: number | null; hasData: boolean }> => {\n return recipe.ingredients.map(ingredient => {\n if (!ingredient.fdcId || !ingredientNutritionCache || !ingredientNutritionCache[ingredient.fdcId]) {\n return { ingredient, contribution: null, hasData: false };\n }\n\n const fdcFood = ingredientNutritionCache[ingredient.fdcId];\n const valuePer100g = fdcFood.nutrition[nutrient];\n\n if (valuePer100g === null || !ingredient.amountGrams) {\n return { ingredient, contribution: null, hasData: !!fdcFood };\n }\n\n const contribution = (valuePer100g * ingredient.amountGrams / 100) / recipe.servingSize;\n return { ingredient, contribution, hasData: true };\n }).sort((a, b) => {\n if (a.contribution === null && b.contribution === null) return 0;\n if (a.contribution === null) return 1;\n if (b.contribution === null) return -1;\n return b.contribution - a.contribution;\n });\n };\n\n // Render breakdown panel for any nutrient\n const renderBreakdown = (nutrientKeys: readonly NutrientKey[]) => {\n if (!expandedNutrient || !nutrientKeys.includes(expandedNutrient)) return null;\n \n const info = NUTRIENT_INFO[expandedNutrient];\n return (\n

\n \n {info.label}: {formatNutrient(recipe.nutrition![expandedNutrient], info.unit)}{info.unit}/serving\n \n

\n {breakdownLoading ? (\n

\n ) : (\n

\n {getIngredientContributions(expandedNutrient).map(({ ingredient, contribution, hasData }) => (\n

\n {ingredient.name}\n \n {contribution !== null ? `${formatNutrient(contribution, info.unit)}${info.unit}` : hasData ? '-' : 'N/A'}\n \n

\n ))}\n

\n )}\n

\n );\n };\n\n // Render a clickable nutrient card\n const renderNutrientCard = (key: NutrientKey, displayLabel?: string, small = false) => {\n const info = NUTRIENT_INFO[key];\n const value = recipe.nutrition![key];\n if (value === null) return null;\n \n const isExpanded = expandedNutrient === key;\n return (\n handleNutrientClick(key)}\n className={`${small ? 'p-1.5' : 'p-2'} rounded cursor-pointer transition-all hover:ring-1 hover:ring-blue-400`}\n style={{ \n background: isExpanded ? 'var(--accent)' : 'var(--bg-primary)', \n border: '1px solid var(--border-primary)'\n }}\n >\n

\n {formatNutrient(value, info.unit)}{info.unit === 'kcal' ? '' : info.unit}\n

\n {displayLabel || info.label}\n

\n \n );\n };\n\n const macroKeys = ['calories', 'protein', 'carbs', 'fat', 'fiber'] as const;\n const fatsKeys = ['saturatedFat', 'transFat', 'monounsaturatedFat', 'polyunsaturatedFat', 'cholesterol'] as const;\n const sugarsKeys = ['sugars', 'addedSugars', 'starch'] as const;\n const mineralsKeys = ['sodium', 'potassium', 'calcium', 'iron', 'magnesium', 'zinc', 'phosphorus', 'selenium', 'copper', 'manganese'] as const;\n const vitFatKeys = ['vitaminA', 'vitaminD', 'vitaminE', 'vitaminK', 'retinol'] as const;\n const vitWater1Keys = ['vitaminC', 'vitaminB6', 'vitaminB12', 'thiamin', 'riboflavin', 'niacin'] as const;\n const vitWater2Keys = ['pantothenicAcid', 'biotin', 'folate', 'folicAcid', 'choline', 'betaine'] as const;\n const carotenoidKeys = ['betaCarotene', 'alphaCarotene', 'lycopene', 'luteinZeaxanthin'] as const;\n const otherKeys = ['water', 'alcohol', 'caffeine'] as const;\n\n return (\n

Nutrition (per serving)

\n setShowMicronutrients(!showMicronutrients)}\n className=\"text-xs hover:underline\"\n style={{ color: 'var(--accent)' }}\n >\n {showMicronutrients ? 'Hide details' : 'Show vitamins & minerals'}\n \n

\n \n {/* Macros */}\n

\n {macroKeys.map(key => renderNutrientCard(key, key === 'calories' ? 'kcal' : key))}\n

\n {renderBreakdown(macroKeys)}\n \n {/* Micronutrients */}\n {showMicronutrients && (\n

\n {/* Fats Breakdown */}\n {fatsKeys.some(key => recipe.nutrition![key] !== null) && (\n

\n Fats Breakdown\n

\n {fatsKeys.map(key => {\n const info = NUTRIENT_INFO[key];\n const value = recipe.nutrition![key];\n if (value === null) return null;\n const isExpanded = expandedNutrient === key;\n return (\n handleNutrientClick(key)}\n className=\"p-1.5 rounded cursor-pointer transition-all hover:ring-1 hover:ring-blue-400\"\n style={{ background: isExpanded ? 'var(--accent)' : 'var(--bg-primary)', border: '1px solid var(--border-primary)' }}\n >\n

\n {formatNutrient(value, info.unit)}{info.unit}\n

{info.label.replace(' Fat', '')}

\n \n );\n })}\n

\n {renderBreakdown(fatsKeys)}\n

\n )}\n\n {/* Sugars */}\n {sugarsKeys.some(key => recipe.nutrition![key] !== null) && (\n

\n Sugars & Starch\n

\n {sugarsKeys.map(key => {\n const info = NUTRIENT_INFO[key];\n const value = recipe.nutrition![key];\n if (value === null) return null;\n const isExpanded = expandedNutrient === key;\n return (\n handleNutrientClick(key)}\n className=\"p-1.5 rounded cursor-pointer transition-all hover:ring-1 hover:ring-blue-400\"\n style={{ background: isExpanded ? 'var(--accent)' : 'var(--bg-primary)', border: '1px solid var(--border-primary)' }}\n >\n

\n {formatNutrient(value, info.unit)}{info.unit}\n

{info.label}

\n \n );\n })}\n

\n {renderBreakdown(sugarsKeys)}\n

\n )}\n\n {/* Minerals */}\n

\n Minerals\n

\n {mineralsKeys.map(key => {\n const info = NUTRIENT_INFO[key];\n const value = recipe.nutrition![key];\n if (value === null) return null;\n const isExpanded = expandedNutrient === key;\n return (\n handleNutrientClick(key)}\n className=\"p-1.5 rounded cursor-pointer transition-all hover:ring-1 hover:ring-blue-400\"\n style={{ background: isExpanded ? 'var(--accent)' : 'var(--bg-primary)', border: '1px solid var(--border-primary)' }}\n >\n

\n {formatNutrient(value, info.unit)}{info.unit}\n

{info.label}

\n \n );\n })}\n

\n {renderBreakdown(mineralsKeys)}\n

\n \n {/* Vitamins - Fat Soluble */}\n

\n Vitamins (Fat-Soluble)\n

\n {vitFatKeys.map(key => {\n const info = NUTRIENT_INFO[key];\n const value = recipe.nutrition![key];\n if (value === null) return null;\n const isExpanded = expandedNutrient === key;\n return (\n handleNutrientClick(key)}\n className=\"p-1.5 rounded cursor-pointer transition-all hover:ring-1 hover:ring-blue-400\"\n style={{ background: isExpanded ? 'var(--accent)' : 'var(--bg-primary)', border: '1px solid var(--border-primary)' }}\n >\n

\n {formatNutrient(value, info.unit)}{info.unit}\n

{info.label.replace('Vitamin ', 'Vit ')}

\n \n );\n })}\n

\n {renderBreakdown(vitFatKeys)}\n

\n\n {/* Vitamins - Water Soluble */}\n

\n Vitamins (Water-Soluble)\n

\n {vitWater1Keys.map(key => {\n const info = NUTRIENT_INFO[key];\n const value = recipe.nutrition![key];\n if (value === null) return null;\n const isExpanded = expandedNutrient === key;\n return (\n handleNutrientClick(key)}\n className=\"p-1.5 rounded cursor-pointer transition-all hover:ring-1 hover:ring-blue-400\"\n style={{ background: isExpanded ? 'var(--accent)' : 'var(--bg-primary)', border: '1px solid var(--border-primary)' }}\n >\n

\n {formatNutrient(value, info.unit)}{info.unit}\n

{info.label.replace('Vitamin ', 'Vit ').replace(' (B1)', '').replace(' (B2)', '').replace(' (B3)', '')}

\n \n );\n })}\n

\n {vitWater2Keys.map(key => {\n const info = NUTRIENT_INFO[key];\n const value = recipe.nutrition![key];\n if (value === null) return null;\n const isExpanded = expandedNutrient === key;\n return (\n handleNutrientClick(key)}\n className=\"p-1.5 rounded cursor-pointer transition-all hover:ring-1 hover:ring-blue-400\"\n style={{ background: isExpanded ? 'var(--accent)' : 'var(--bg-primary)', border: '1px solid var(--border-primary)' }}\n >\n

\n {formatNutrient(value, info.unit)}{info.unit}\n

{info.label.replace(' (B5)', '').replace(' (B7)', '')}

\n \n );\n })}\n

\n {renderBreakdown([...vitWater1Keys, ...vitWater2Keys])}\n

\n\n {/* Carotenoids */}\n {carotenoidKeys.some(key => recipe.nutrition![key] !== null) && (\n

\n Carotenoids\n

\n {carotenoidKeys.map(key => {\n const info = NUTRIENT_INFO[key];\n const value = recipe.nutrition![key];\n if (value === null) return null;\n const isExpanded = expandedNutrient === key;\n return (\n handleNutrientClick(key)}\n className=\"p-1.5 rounded cursor-pointer transition-all hover:ring-1 hover:ring-blue-400\"\n style={{ background: isExpanded ? 'var(--accent)' : 'var(--bg-primary)', border: '1px solid var(--border-primary)' }}\n >\n

\n {formatNutrient(value, info.unit)}{info.unit}\n

{info.label}

\n \n );\n })}\n

\n {renderBreakdown(carotenoidKeys)}\n

\n )}\n\n {/* Other */}\n {otherKeys.some(key => recipe.nutrition![key] !== null && recipe.nutrition![key]! > 0) && (\n

\n Other\n

\n {otherKeys.map(key => {\n const info = NUTRIENT_INFO[key];\n const value = recipe.nutrition![key];\n if (value === null || value === 0) return null;\n const isExpanded = expandedNutrient === key;\n return (\n handleNutrientClick(key)}\n className=\"p-1.5 rounded cursor-pointer transition-all hover:ring-1 hover:ring-blue-400\"\n style={{ background: isExpanded ? 'var(--accent)' : 'var(--bg-primary)', border: '1px solid var(--border-primary)' }}\n >\n

\n {formatNutrient(value, info.unit)}{info.unit}\n

{info.label}

\n \n );\n })}\n

\n {renderBreakdown(otherKeys)}\n

\n )}\n

\n );\n}\n\n",[],[376,403,463],"7d46564a-e78f-11f0-ac78-42dde27851f2","NotesInput.tsx","7d4656fe-e78f-11f0-ac78-42dde27851f2",187,["D",1767326391573],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\ninterface NotesInputProps {\n value: string | null;\n onChange: (value: string | null) => void;\n disabled?: boolean;\n className?: string;\n placeholder?: string;\n onKeyDown?: (e: React.KeyboardEvent) => void;\n}\n\nexport function NotesInput({\n value,\n onChange,\n disabled = false,\n className = '',\n placeholder = 'Notes (optional)',\n onKeyDown,\n}: NotesInputProps) {\n const handleChange = (e: React.ChangeEvent) => {\n const newValue = e.target.value;\n onChange(newValue || null);\n };\n\n return (\n \n );\n}\n\n",[],[376,403,471],"9a512911-04f5-4947-bc5d-3001150292cb","MealPlanView.tsx","b9076826-d3a9-11f0-8004-42dde27851f2",248,["D",1788041253004],31,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect, useCallback } from \"https://esm.sh/react@18.2.0\";\nimport type { Recipe, MealPlan, MealPlanEntry, NutritionGoals, DayOfWeek, MealType, DailyNutrition, CustomFood, FDCSearchResult, NutrientKey, FDCNutrition } from \"../../shared/types.ts\";\nimport { DAY_NAMES, MEAL_TYPES, MEAL_TYPE_LABELS, NUTRIENT_INFO, ALL_NUTRIENT_KEYS, createEmptyDailyNutrition, resolveCalories } from \"../../shared/types.ts\";\n\ntype AddMealTab = 'recipes' | 'custom-foods' | 'ingredients';\n\ninterface MealPlanViewProps {\n recipes: Recipe[];\n customFoods: CustomFood[];\n nutritionGoals: NutritionGoals | null;\n}\n\ninterface NutrientRowProps {\n nutrientKey: NutrientKey;\n value: number;\n goal?: number | null;\n hideIfZero?: boolean;\n}\n\nfunction NutrientRow({ nutrientKey, value, goal, hideIfZero }: NutrientRowProps) {\n const info = NUTRIENT_INFO[nutrientKey];\n\n // Skip if value is 0 and not a core macro\n const coreMacros = ['calories', 'protein', 'fat', 'carbs', 'fiber'];\n if (hideIfZero && value === 0 && !coreMacros.includes(nutrientKey)) return null;\n\n return (\n

\n {info.label}\n

\n \n {value < 1 && value > 0 ? value.toFixed(2) : Math.round(value)} {info.unit}\n \n {goal && (\n / {goal}\n )}\n

\n );\n}\n\ninterface NutrientSectionProps {\n title: string;\n keys: NutrientKey[];\n data: DailyNutrition;\n nutritionGoals?: NutritionGoals | null;\n hideEmpty?: boolean;\n}\n\nfunction NutrientSection({ title, keys, data, nutritionGoals, hideEmpty }: NutrientSectionProps) {\n const hasAnyData = keys.some(key => (data[key] ?? 0) > 0);\n if (hideEmpty && !hasAnyData && title !== 'Macronutrients') return null;\n\n return (\n

{title}

\n {keys.map(key => {\n let goal: number | null = null;\n if (nutritionGoals?.primaryGoalType === key) goal = nutritionGoals.primaryGoalValue;\n else if (nutritionGoals?.subGoal1Type === key) goal = nutritionGoals.subGoal1Value;\n else if (nutritionGoals?.subGoal2Type === key) goal = nutritionGoals.subGoal2Value;\n\n return (\n \n );\n })}\n

\n );\n}\n\nfunction calculateEntryNutrition(entry: MealPlanEntry): DailyNutrition {\n const result = createEmptyDailyNutrition();\n let sourceNutrition: FDCNutrition | null = null;\n let scale = 1;\n\n if (entry.recipe && entry.recipe.nutrition) {\n sourceNutrition = entry.recipe.nutrition;\n scale = entry.servings;\n } else if (entry.customFood) {\n sourceNutrition = entry.customFood;\n scale = (entry.amountGrams ?? entry.customFood.servingSizeGrams) / entry.customFood.servingSizeGrams;\n } else if (entry.fdcId && entry.fdcFood) {\n sourceNutrition = entry.fdcFood.nutrition;\n scale = (entry.amountGrams ?? 100) / 100;\n }\n\n if (sourceNutrition) {\n (Object.keys(NUTRIENT_INFO) as NutrientKey[]).forEach(key => {\n const val = sourceNutrition![key as keyof FDCNutrition];\n if (typeof val === 'number') {\n result[key as keyof DailyNutrition] = val * scale;\n }\n });\n }\n\n // Keep calories consistent with macros when the source lacked an energy value.\n result.calories = resolveCalories(result);\n\n return result;\n}\n\nconst ItemDetailModal = ({\n entry,\n nutritionGoals,\n onClose,\n onRemove,\n onDuplicate\n}: {\n entry: MealPlanEntry;\n nutritionGoals: NutritionGoals | null;\n onClose: () => void;\n onRemove: (id: string) => Promise;\n onDuplicate: (entry: MealPlanEntry, days: DayOfWeek[]) => Promise;\n}) => {\n const [showNutrition, setShowNutrition] = useState(false);\n const [showDuplicate, setShowDuplicate] = useState(false);\n const [duplicateDays, setDuplicateDays] = useState([]);\n const [isRemoving, setIsRemoving] = useState(false);\n const [isDuplicating, setIsDuplicating] = useState(false);\n\n const entryNutrition = calculateEntryNutrition(entry);\n\n let name = 'Unknown';\n if (entry.recipeId && entry.recipe) name = entry.recipe.title;\n else if (entry.customFoodId && entry.customFood) name = entry.customFood.name;\n else if (entry.fdcId && entry.fdcFood) name = entry.fdcFood.description;\n\n const handleRemove = async () => {\n setIsRemoving(true);\n await onRemove(entry.id);\n onClose();\n };\n\n const handleDuplicate = async () => {\n if (duplicateDays.length === 0) return;\n setIsDuplicating(true);\n await onDuplicate(entry, duplicateDays);\n onClose();\n };\n\n return (\n

e.stopPropagation()}>\n

{name}

\n {MEAL_TYPE_LABELS[entry.mealType]} • {DAY_NAMES[entry.dayOfWeek]}\n

\n \n

\n\n {!showNutrition && !showDuplicate ? (\n

\n setShowNutrition(true)}\n className=\"w-full flex items-center gap-3 p-4 rounded-xl hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors border border-transparent hover:border-gray-100 dark:hover:border-gray-700\"\n >\n

\n \n

View Nutrition

{Math.round(entryNutrition.calories)} kcal • {Math.round(entryNutrition.protein)}g protein

\n \n\n setShowDuplicate(true)}\n className=\"w-full flex items-center gap-3 p-4 rounded-xl hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors border border-transparent hover:border-gray-100 dark:hover:border-gray-700\"\n >\n

\n \n

Duplicate

Add to other days of the week

\n \n\n \n

\n {isRemoving ? (\n \n ) : (\n \n )}\n

Delete

\n \n

\n ) : showNutrition ? (\n

\n setShowNutrition(false)}\n className=\"text-xs font-medium flex items-center gap-1 hover:underline\"\n style={{ color: 'var(--accent)' }}\n >\n ← Back to Options\n \n

\n \n \n \n

\n ) : (\n

\n setShowDuplicate(false)}\n className=\"text-xs font-medium flex items-center gap-1 hover:underline mb-2\"\n style={{ color: 'var(--accent)' }}\n >\n ← Back to Options\n \n

\n Select days to add this to:\n

\n {DAY_NAMES.map((day, i) => (\n {\n if (duplicateDays.includes(i as DayOfWeek)) {\n setDuplicateDays(duplicateDays.filter(d => d !== i));\n } else {\n setDuplicateDays([...duplicateDays, i as DayOfWeek]);\n }\n }}\n className=\"px-3 py-2 rounded-lg text-sm font-medium transition-all border\"\n style={duplicateDays.includes(i as DayOfWeek)\n ? { background: 'var(--accent)', color: 'white', borderColor: 'var(--accent)' }\n : { background: 'var(--bg-tertiary)', color: 'var(--text-secondary)', borderColor: 'transparent' }}\n >\n {day.slice(0, 3)}\n \n ))}\n

\n \n {isDuplicating ? (\n \n ) : null}\n {isDuplicating ? 'Duplicating...' : `Add to ${duplicateDays.length} day${duplicateDays.length === 1 ? '' : 's'}`}\n \n

\n )}\n

\n );\n};\n\nconst AllNutrientsView = ({\n displayData,\n displayLabel,\n nutritionGoals,\n onClose\n}: {\n displayData: DailyNutrition;\n displayLabel: string;\n nutritionGoals?: NutritionGoals | null;\n onClose: () => void;\n}) => {\n // Define comprehensive nutrient groups\n const macroKeys: NutrientKey[] = ['calories', 'protein', 'fat', 'carbs', 'fiber', 'sugars', 'addedSugars', 'starch'];\n const fatsKeys: NutrientKey[] = ['saturatedFat', 'transFat', 'monounsaturatedFat', 'polyunsaturatedFat', 'cholesterol'];\n const otherKeys: NutrientKey[] = ['water', 'alcohol', 'caffeine'];\n const mineralKeys: NutrientKey[] = ['sodium', 'potassium', 'calcium', 'iron', 'magnesium', 'zinc', 'phosphorus', 'selenium', 'copper', 'manganese', 'fluoride', 'chromium', 'molybdenum', 'iodine', 'chloride'];\n const vitaminFatSolubleKeys: NutrientKey[] = ['vitaminA', 'retinol', 'vitaminD', 'vitaminD2', 'vitaminD3', 'vitaminE', 'vitaminK', 'vitaminK2'];\n const carotenoidKeys: NutrientKey[] = ['betaCarotene', 'alphaCarotene', 'betaCryptoxanthin', 'lycopene', 'luteinZeaxanthin'];\n const vitaminWaterSolubleKeys: NutrientKey[] = ['vitaminC', 'vitaminB6', 'vitaminB12', 'thiamin', 'riboflavin', 'niacin', 'pantothenicAcid', 'biotin', 'folate', 'folicAcid', 'choline', 'betaine'];\n\n return (\n

e.stopPropagation()}>\n

{displayLabel}

\n \n \n \n

\n\n

\n \n \n \n \n \n \n \n

\n\n

\n \n

\n );\n};\n\ninterface WeeklyNutritionData {\n daily: Record;\n weeklyAverage: DailyNutrition;\n goals: NutritionGoals | null;\n}\n\n// Weekly nutrition totals, computed on the client from the meal plan entries we\n// already have. Mirrors the math in backend/routes/nutrition.ts (`/weekly`) so the\n// Meal Plan view needs only one request per week instead of also round-tripping to\n// that endpoint (which re-ran the same meal-plan hydration on the server).\nfunction computeWeeklyNutrition(plan: MealPlan | null, goals: NutritionGoals | null): WeeklyNutritionData {\n const daily: Record = {};\n for (let day = 0; day < 7; day++) daily[day] = createEmptyDailyNutrition();\n\n for (const entry of plan?.entries ?? []) {\n const entryNutrition = calculateEntryNutrition(entry);\n const target = daily[entry.dayOfWeek];\n for (const key of ALL_NUTRIENT_KEYS) {\n target[key] += entryNutrition[key] ?? 0;\n }\n }\n for (let day = 0; day < 7; day++) {\n daily[day].calories = resolveCalories(daily[day]);\n }\n\n const weeklyAverage = createEmptyDailyNutrition();\n let daysWithMeals = 0;\n for (let day = 0; day < 7; day++) {\n const d = daily[day];\n if (ALL_NUTRIENT_KEYS.some(key => d[key] > 0)) {\n daysWithMeals++;\n for (const key of ALL_NUTRIENT_KEYS) weeklyAverage[key] += d[key];\n }\n }\n if (daysWithMeals > 0) {\n for (const key of ALL_NUTRIENT_KEYS) weeklyAverage[key] /= daysWithMeals;\n }\n weeklyAverage.calories = resolveCalories(weeklyAverage);\n\n return { daily, weeklyAverage, goals };\n}\n\nfunction getWeekStartDate(date: Date): string {\n const d = new Date(date);\n const day = d.getDay();\n d.setDate(d.getDate() - day);\n d.setHours(0, 0, 0, 0);\n return d.toISOString().split('T')[0];\n}\n\nfunction formatDate(dateStr: string, dayOffset: number): string {\n const date = new Date(dateStr);\n date.setDate(date.getDate() + dayOffset);\n return date.toLocaleDateString('en-US', { month: 'short', day: 'numeric' });\n}\n\nexport function MealPlanView({ recipes, customFoods, nutritionGoals }: MealPlanViewProps) {\n const [currentWeek, setCurrentWeek] = useState(() => getWeekStartDate(new Date()));\n const [mealPlan, setMealPlan] = useState(null);\n const [nutritionData, setNutritionData] = useState(null);\n const [loading, setLoading] = useState(true);\n const [showAddMeal, setShowAddMeal] = useState<{ day: DayOfWeek; mealType: MealType } | null>(null);\n const [addMealTab, setAddMealTab] = useState('recipes');\n const [showSchedule, setShowSchedule] = useState(false);\n const [scheduleRecipe, setScheduleRecipe] = useState('');\n const [scheduleCustomFood, setScheduleCustomFood] = useState('');\n const [scheduleFdcId, setScheduleFdcId] = useState(null);\n const [scheduleTab, setScheduleTab] = useState('recipes');\n const [scheduleMealType, setScheduleMealType] = useState('breakfast');\n const [scheduleDays, setScheduleDays] = useState([]);\n const [scheduleAmountGrams, setScheduleAmountGrams] = useState('');\n\n // FDC search state for ingredients tab\n const [fdcSearchQuery, setFdcSearchQuery] = useState('');\n const [fdcSearchResults, setFdcSearchResults] = useState([]);\n const [fdcSearchLoading, setFdcSearchLoading] = useState(false);\n const [selectedFdcId, setSelectedFdcId] = useState(null);\n const [fdcAmountGrams, setFdcAmountGrams] = useState('100');\n const [customFoodAmountGrams, setCustomFoodAmountGrams] = useState('');\n\n // Day selection state: null = weekly average, 0-6 = specific day\n const [selectedDay, setSelectedDay] = useState(null);\n const [showAllNutrients, setShowAllNutrients] = useState(false);\n\n // Loading states to prevent duplicate submissions\n const [addingRecipe, setAddingRecipe] = useState(false);\n const [addingCustomFood, setAddingCustomFood] = useState(false);\n const [addingFdcIngredient, setAddingFdcIngredient] = useState(false);\n const [schedulingMeals, setSchedulingMeals] = useState(false);\n const [removingMealId, setRemovingMealId] = useState(null);\n const [selectedEntry, setSelectedEntry] = useState(null);\n\n const fetchMealPlan = useCallback(async () => {\n setLoading(true);\n try {\n const res = await fetch(`/api/meal-plans?weekStartDate=${currentWeek}`);\n const planData = await res.json();\n\n if (planData.success) {\n setMealPlan(planData.data);\n setNutritionData(computeWeeklyNutrition(planData.data, nutritionGoals));\n }\n } catch (err) {\n console.error('Failed to fetch meal plan:', err);\n } finally {\n setLoading(false);\n }\n }, [currentWeek, nutritionGoals]);\n\n useEffect(() => {\n fetchMealPlan();\n }, [fetchMealPlan]);\n\n const navigateWeek = (direction: number) => {\n // Parse the date string explicitly to avoid timezone issues\n const [year, month, day] = currentWeek.split('-').map(Number);\n const date = new Date(year, month - 1, day);\n date.setDate(date.getDate() + (direction * 7));\n setCurrentWeek(getWeekStartDate(date));\n };\n\n const goToCurrentWeek = () => {\n setCurrentWeek(getWeekStartDate(new Date()));\n };\n\n const handleAddRecipe = async (recipeId: string) => {\n if (!showAddMeal || addingRecipe) return;\n\n setAddingRecipe(true);\n try {\n const response = await fetch('/api/meal-plans/entries', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({\n weekStartDate: currentWeek,\n dayOfWeek: showAddMeal.day,\n mealType: showAddMeal.mealType,\n recipeId,\n servings: 1,\n }),\n });\n\n if (response.ok) {\n await fetchMealPlan();\n setShowAddMeal(null);\n }\n } finally {\n setAddingRecipe(false);\n }\n };\n\n const handleAddCustomFood = async (customFoodId: string, food: CustomFood) => {\n if (!showAddMeal || addingCustomFood) return;\n\n setAddingCustomFood(true);\n try {\n const amountGrams = customFoodAmountGrams ? parseFloat(customFoodAmountGrams) : food.servingSizeGrams;\n\n const response = await fetch('/api/meal-plans/entries', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({\n weekStartDate: currentWeek,\n dayOfWeek: showAddMeal.day,\n mealType: showAddMeal.mealType,\n customFoodId,\n amountGrams,\n }),\n });\n\n if (response.ok) {\n await fetchMealPlan();\n setShowAddMeal(null);\n setCustomFoodAmountGrams('');\n }\n } finally {\n setAddingCustomFood(false);\n }\n };\n\n const handleAddFdcIngredient = async () => {\n if (!showAddMeal || !selectedFdcId || addingFdcIngredient) return;\n\n setAddingFdcIngredient(true);\n try {\n const amountGrams = parseFloat(fdcAmountGrams) || 100;\n\n const response = await fetch('/api/meal-plans/entries', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({\n weekStartDate: currentWeek,\n dayOfWeek: showAddMeal.day,\n mealType: showAddMeal.mealType,\n fdcId: selectedFdcId,\n amountGrams,\n }),\n });\n\n if (response.ok) {\n await fetchMealPlan();\n setShowAddMeal(null);\n setSelectedFdcId(null);\n setFdcSearchQuery('');\n setFdcSearchResults([]);\n setFdcAmountGrams('100');\n }\n } finally {\n setAddingFdcIngredient(false);\n }\n };\n\n const handleFdcSearch = async () => {\n if (!fdcSearchQuery.trim()) return;\n\n setFdcSearchLoading(true);\n try {\n const response = await fetch(`/api/fdc/search?query=${encodeURIComponent(fdcSearchQuery)}`);\n const data = await response.json();\n if (data.success) {\n setFdcSearchResults(data.data);\n }\n } catch (err) {\n console.error('FDC search failed:', err);\n } finally {\n setFdcSearchLoading(false);\n }\n };\n\n const handleRemoveMeal = async (entryId: string) => {\n if (removingMealId) return;\n\n setRemovingMealId(entryId);\n try {\n const response = await fetch(`/api/meal-plans/entries/${entryId}`, {\n method: 'DELETE',\n });\n\n if (response.ok) {\n await fetchMealPlan();\n }\n } finally {\n setRemovingMealId(null);\n }\n };\n\n const handleDuplicateEntry = async (entry: MealPlanEntry, days: DayOfWeek[]) => {\n setSchedulingMeals(true);\n try {\n const response = await fetch('/api/meal-plans/schedule', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({\n weekStartDate: currentWeek,\n mealType: entry.mealType,\n days,\n recipeId: entry.recipeId,\n customFoodId: entry.customFoodId,\n fdcId: entry.fdcId,\n servings: entry.servings,\n amountGrams: entry.amountGrams,\n }),\n });\n\n if (response.ok) {\n await fetchMealPlan();\n }\n } finally {\n setSchedulingMeals(false);\n }\n };\n\n const handleScheduleMeals = async () => {\n if (schedulingMeals) return;\n\n let payload: any = {\n weekStartDate: currentWeek,\n mealType: scheduleMealType,\n days: scheduleDays,\n servings: 1,\n };\n\n if (scheduleTab === 'recipes') {\n if (!scheduleRecipe || scheduleDays.length === 0) return;\n payload.recipeId = scheduleRecipe;\n } else if (scheduleTab === 'custom-foods') {\n if (!scheduleCustomFood || scheduleDays.length === 0) return;\n payload.customFoodId = scheduleCustomFood;\n payload.amountGrams = parseFloat(scheduleAmountGrams) || 0;\n } else if (scheduleTab === 'ingredients') {\n if (!selectedFdcId || scheduleDays.length === 0) return;\n payload.fdcId = selectedFdcId;\n payload.amountGrams = parseFloat(fdcAmountGrams) || 100;\n }\n\n setSchedulingMeals(true);\n try {\n const response = await fetch('/api/meal-plans/schedule', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(payload),\n });\n\n if (response.ok) {\n await fetchMealPlan();\n setShowSchedule(false);\n setScheduleRecipe('');\n setScheduleCustomFood('');\n setScheduleFdcId(null);\n setScheduleDays([]);\n setScheduleAmountGrams('');\n // Reset generic search state too\n setSelectedFdcId(null);\n setFdcSearchQuery('');\n setFdcSearchResults([]);\n setFdcAmountGrams('100');\n }\n } finally {\n setSchedulingMeals(false);\n }\n };\n\n const getEntriesForCell = (day: DayOfWeek, mealType: MealType): MealPlanEntry[] => {\n if (!mealPlan?.entries) return [];\n return mealPlan.entries.filter(e => e.dayOfWeek === day && e.mealType === mealType);\n };\n\n const getNutritionProgress = (value: number, goal: number): { percent: number; status: 'success' | 'warning' | 'primary' } => {\n const percent = Math.min((value / goal) * 100, 100);\n if (percent >= 90 && percent <= 110) return { percent, status: 'success' };\n if (percent > 110) return { percent: 100, status: 'warning' };\n return { percent, status: 'primary' };\n };\n\n if (loading) {\n return (\n

\n );\n }\n\n return (\n

\n {/* Header */}\n

\n navigateWeek(-1)}\n className=\"p-1.5 rounded-lg transition-colors\"\n style={{ color: 'var(--text-secondary)' }}\n >\n \n \n

\n Week of {formatDate(currentWeek, 0)}\n

\n {formatDate(currentWeek, 0)} - {formatDate(currentWeek, 6)}\n

\n navigateWeek(1)}\n className=\"p-1.5 rounded-lg transition-colors\"\n style={{ color: 'var(--text-secondary)' }}\n >\n \n \n

\n\n

\n \n \n

\n\n {/* Nutrition summary - Weekly average or selected day */}\n {nutritionData && nutritionGoals && (() => {\n // Get nutrition data based on selection\n const displayData = selectedDay !== null\n ? nutritionData.daily[selectedDay]\n : nutritionData.weeklyAverage;\n const displayLabel = selectedDay !== null\n ? `${DAY_NAMES[selectedDay]}'s Nutrition`\n : 'Weekly Average';\n\n // Define all macronutrients\n const allMacros = [\n { key: 'calories', label: 'Calories', unit: 'kcal' },\n { key: 'protein', label: 'Protein', unit: 'g' },\n { key: 'carbs', label: 'Carbs', unit: 'g' },\n { key: 'fat', label: 'Fat', unit: 'g' },\n { key: 'fiber', label: 'Fiber', unit: 'g' },\n ];\n\n // Sort macros: ones with goals first, then others\n const sortedMacros = allMacros.sort((a, b) => {\n const aHasGoal =\n nutritionGoals.primaryGoalType === a.key ||\n nutritionGoals.subGoal1Type === a.key ||\n nutritionGoals.subGoal2Type === a.key;\n const bHasGoal =\n nutritionGoals.primaryGoalType === b.key ||\n nutritionGoals.subGoal1Type === b.key ||\n nutritionGoals.subGoal2Type === b.key;\n\n if (aHasGoal && !bHasGoal) return -1;\n if (!aHasGoal && bHasGoal) return 1;\n\n // If both have goals, prioritize by goal order (primary > sub1 > sub2)\n if (aHasGoal && bHasGoal) {\n const aPriority =\n nutritionGoals.primaryGoalType === a.key ? 1 :\n nutritionGoals.subGoal1Type === a.key ? 2 :\n nutritionGoals.subGoal2Type === a.key ? 3 : 99;\n const bPriority =\n nutritionGoals.primaryGoalType === b.key ? 1 :\n nutritionGoals.subGoal1Type === b.key ? 2 :\n nutritionGoals.subGoal2Type === b.key ? 3 : 99;\n return aPriority - bPriority;\n }\n\n return 0;\n });\n\n return (\n

{displayLabel}

\n setShowAllNutrients(true)}\n className=\"text-xs font-medium hover:underline\"\n style={{ color: 'var(--accent)' }}\n >\n View All Nutrients →\n \n

\n {sortedMacros.map(({ key, label, unit }) => {\n const value = displayData[key as keyof DailyNutrition];\n let goal: number | null = null;\n\n if (nutritionGoals.primaryGoalType === key) goal = nutritionGoals.primaryGoalValue;\n else if (nutritionGoals.subGoal1Type === key) goal = nutritionGoals.subGoal1Value;\n else if (nutritionGoals.subGoal2Type === key) goal = nutritionGoals.subGoal2Value;\n\n return (\n

\n {Math.round(value)}\n {unit}\n

{label}

\n {goal && (\n

\n \n

\n )}\n

\n );\n })}\n

\n );\n })()}\n

\n\n {/* Calendar grid */}\n

\n {/* Day headers - clickable to view day nutrition */}\n

{/* Label column spacer */}\n {DAY_NAMES.map((day, i) => {\n const isSelected = selectedDay === i;\n return (\n setSelectedDay(isSelected ? null : i as DayOfWeek)}\n className=\"text-center p-1.5 rounded-lg transition-all cursor-pointer\"\n style={{\n background: isSelected ? 'rgba(59, 130, 246, 0.12)' : 'transparent',\n opacity: selectedDay !== null && !isSelected ? 0.4 : 1,\n border: 'none',\n marginBottom: '0',\n }}\n >\n

{day}

{formatDate(currentWeek, i)}

\n \n );\n })}\n

\n\n {/* Meal rows */}\n

\n {MEAL_TYPES.map((mealType, mealIdx) => (\n

\n {MEAL_TYPE_LABELS[mealType]}\n

\n {[0, 1, 2, 3, 4, 5, 6].map((day) => {\n const entries = getEntriesForCell(day as DayOfWeek, mealType);\n const isSelected = selectedDay === day;\n const isFirstRow = mealIdx === 0;\n const isLastRow = mealIdx === MEAL_TYPES.length - 1;\n \n return (\n \n {entries.length > 0 ? (\n

\n {entries.map((entry) => {\n let name = 'Unknown';\n if (entry.recipeId && entry.recipe) name = entry.recipe.title;\n else if (entry.customFoodId && entry.customFood) name = entry.customFood.name;\n else if (entry.fdcId && entry.fdcFood) name = entry.fdcFood.description;\n\n return (\n setSelectedEntry(entry)}\n className=\"w-full text-left text-sm p-1.5 rounded hover:bg-white dark:hover:bg-gray-700 shadow-sm border border-transparent hover:border-gray-200 dark:hover:border-gray-600 transition-all\"\n style={{ background: 'var(--bg-secondary)' }}\n >\n

\n {name}\n

\n \n );\n })}\n

\n ) : (\n setShowAddMeal({ day: day as DayOfWeek, mealType })}\n className=\"w-full h-full min-h-[40px] flex items-center justify-center text-gray-300 hover:text-gray-500 transition-colors opacity-0 group-hover:opacity-100\"\n >\n \n \n )}\n\n {/* Add more button when has entries */}\n {entries.length > 0 && (\n setShowAddMeal({ day: day as DayOfWeek, mealType })}\n className=\"absolute bottom-1 right-1 p-0.5 rounded text-gray-300 hover:text-gray-500 opacity-0 group-hover:opacity-100 transition-all\"\n >\n \n \n )}\n

\n );\n })}\n

\n ))}\n

\n\n {/* Add meal modal - with tabs for recipes, custom foods, and ingredients */}\n {showAddMeal && (\n

setShowAddMeal(null)}>\n

e.stopPropagation()}>\n

\n Add {MEAL_TYPE_LABELS[showAddMeal.mealType]} - {DAY_NAMES[showAddMeal.day]}\n

\n\n {/* Tabs */}\n

\n setAddMealTab('recipes')}\n className=\"pb-2 px-3 text-sm font-medium border-b-2 transition-colors\"\n style={addMealTab === 'recipes' \n ? { borderColor: 'var(--accent)', color: 'var(--accent)' } \n : { borderColor: 'transparent', color: 'var(--text-secondary)' }}\n >\n Recipes\n \n setAddMealTab('custom-foods')}\n className=\"pb-2 px-3 text-sm font-medium border-b-2 transition-colors\"\n style={addMealTab === 'custom-foods' \n ? { borderColor: 'var(--accent)', color: 'var(--accent)' } \n : { borderColor: 'transparent', color: 'var(--text-secondary)' }}\n >\n Custom Foods\n \n setAddMealTab('ingredients')}\n className=\"pb-2 px-3 text-sm font-medium border-b-2 transition-colors\"\n style={addMealTab === 'ingredients' \n ? { borderColor: 'var(--accent)', color: 'var(--accent)' } \n : { borderColor: 'transparent', color: 'var(--text-secondary)' }}\n >\n USDA Foods\n \n

\n\n

\n {/* Recipes Tab */}\n {addMealTab === 'recipes' && (\n <>\n {recipes.length === 0 ? (\n

\n No recipes yet. Create a recipe first.\n

\n ) : (\n

\n {recipes.map((recipe) => (\n handleAddRecipe(recipe.id)}\n disabled={addingRecipe}\n className=\"w-full p-3 text-left rounded-lg transition-colors flex items-center justify-between disabled:opacity-50 disabled:cursor-not-allowed\"\n style={{ background: 'transparent' }}\n >\n

{recipe.title}

\n {recipe.nutrition?.calories && (\n

\n {Math.round(recipe.nutrition.calories)} kcal per serving\n

\n )}\n

\n \n \n ))}\n

\n )}\n \n )}\n\n {/* Custom Foods Tab */}\n {addMealTab === 'custom-foods' && (\n <>\n {customFoods.length === 0 ? (\n

\n No custom foods yet. Create one in the Recipes tab.\n

\n ) : (\n

\n {customFoods.map((food) => (\n

\n {food.name}\n Custom\n

\n {food.calories && (\n

\n {Math.round(food.calories)} kcal per {food.servingSizeGrams}g\n

\n )}\n

\n setCustomFoodAmountGrams(e.target.value)}\n className=\"input w-24 text-sm py-1\"\n min=\"1\"\n />\n grams\n handleAddCustomFood(food.id, food)}\n disabled={addingCustomFood}\n className=\"btn-primary text-sm py-1 px-3 ml-auto disabled:opacity-50 disabled:cursor-not-allowed\"\n >\n {addingCustomFood ? 'Adding...' : 'Add'}\n \n

\n ))}\n

\n )}\n \n )}\n\n {/* USDA Foods/Ingredients Tab */}\n {addMealTab === 'ingredients' && (\n

\n {/* Search */}\n

\n setFdcSearchQuery(e.target.value)}\n className=\"input flex-1\"\n onKeyDown={(e) => e.key === 'Enter' && handleFdcSearch()}\n />\n \n {fdcSearchLoading ? '...' : 'Search'}\n \n

\n\n {/* Search results */}\n {fdcSearchResults.length > 0 && (\n

\n {fdcSearchResults.map((result) => (\n setSelectedFdcId(result.fdcId)}\n className=\"w-full p-2 text-left rounded-lg transition-colors\"\n style={selectedFdcId === result.fdcId\n ? { border: '1px solid var(--accent)', background: 'var(--bg-tertiary)' }\n : { border: '1px solid var(--border-primary)' }}\n >\n

{result.description}

\n \n {result.dataType === 'Branded' ? 'Branded' : 'USDA'}\n \n {result.brandOwner && {result.brandOwner}}\n

\n \n ))}\n

\n )}\n\n {/* Amount and Add button */}\n {selectedFdcId && (\n

\n Amount:\n setFdcAmountGrams(e.target.value)}\n className=\"input w-24 text-sm py-1\"\n min=\"1\"\n />\n grams\n \n {addingFdcIngredient ? 'Adding...' : 'Add to Meal'}\n \n

\n )}\n

\n\n

\n \n

\n )}\n\n {/* Schedule meals modal */}\n {showSchedule && (\n

setShowSchedule(false)}>\n

e.stopPropagation()}>\n

Schedule Meals

Add items to multiple days at once

\n\n {/* Tabs */}\n

\n setScheduleTab('recipes')}\n className=\"pb-2 px-3 text-sm font-medium border-b-2 transition-colors\"\n style={scheduleTab === 'recipes' \n ? { borderColor: 'var(--accent)', color: 'var(--accent)' } \n : { borderColor: 'transparent', color: 'var(--text-secondary)' }}\n >\n Recipes\n \n setScheduleTab('custom-foods')}\n className=\"pb-2 px-3 text-sm font-medium border-b-2 transition-colors\"\n style={scheduleTab === 'custom-foods' \n ? { borderColor: 'var(--accent)', color: 'var(--accent)' } \n : { borderColor: 'transparent', color: 'var(--text-secondary)' }}\n >\n Custom Foods\n \n setScheduleTab('ingredients')}\n className=\"pb-2 px-3 text-sm font-medium border-b-2 transition-colors\"\n style={scheduleTab === 'ingredients' \n ? { borderColor: 'var(--accent)', color: 'var(--accent)' } \n : { borderColor: 'transparent', color: 'var(--text-secondary)' }}\n >\n USDA Foods\n \n

\n\n

\n {/* Content based on tab */}\n {scheduleTab === 'recipes' && (\n

\n Recipe\n setScheduleRecipe(e.target.value)}\n className=\"input\"\n >\n \n {recipes.map((recipe) => (\n \n ))}\n \n

\n )}\n\n {scheduleTab === 'custom-foods' && (\n

\n Custom Food\n {\n setScheduleCustomFood(e.target.value);\n const food = customFoods.find(f => f.id === e.target.value);\n if (food) setScheduleAmountGrams(food.servingSizeGrams.toString());\n }}\n className=\"input\"\n >\n \n {customFoods.map((food) => (\n \n ))}\n \n

\n {scheduleCustomFood && (\n

\n Amount:\n setScheduleAmountGrams(e.target.value)}\n className=\"input w-24 text-sm\"\n min=\"1\"\n />\n grams\n

\n )}\n

\n )}\n\n {scheduleTab === 'ingredients' && (\n

\n setFdcSearchQuery(e.target.value)}\n className=\"input flex-1\"\n onKeyDown={(e) => e.key === 'Enter' && handleFdcSearch()}\n />\n \n {fdcSearchLoading ? '...' : 'Search'}\n \n

\n\n {fdcSearchResults.length > 0 && (\n

{result.description}

{result.brandOwner || result.dataType}

\n \n ))}\n

\n )}\n\n {selectedFdcId && (\n

\n Amount:\n setFdcAmountGrams(e.target.value)}\n className=\"input w-24 text-sm\"\n min=\"1\"\n />\n grams\n

\n )}\n

\n )}\n\n

\n\n {/* Meal type */}\n

\n Meal Type\n setScheduleMealType(e.target.value as MealType)}\n className=\"input\"\n >\n {MEAL_TYPES.map((type) => (\n \n ))}\n \n

\n\n {/* Days selection */}\n

\n Days\n

\n {DAY_NAMES.map((day, i) => (\n {\n if (scheduleDays.includes(i as DayOfWeek)) {\n setScheduleDays(scheduleDays.filter(d => d !== i));\n } else {\n setScheduleDays([...scheduleDays, i as DayOfWeek]);\n }\n }}\n className=\"px-3 py-1.5 rounded-lg text-sm font-medium transition-colors\"\n style={scheduleDays.includes(i as DayOfWeek) \n ? { background: 'var(--accent)', color: 'white' } \n : { background: 'var(--bg-tertiary)', color: 'var(--text-secondary)' }}\n >\n {day.slice(0, 3)}\n \n ))}\n

\n setScheduleDays([0, 1, 2, 3, 4, 5, 6])}\n className=\"text-xs mt-2 hover:underline\"\n style={{ color: 'var(--accent)' }}\n >\n Select all (repeat daily)\n \n

\n {\n setShowSchedule(false);\n setScheduleRecipe('');\n setScheduleCustomFood('');\n setSelectedFdcId(null);\n setFdcSearchQuery('');\n setFdcSearchResults([]);\n }}\n className=\"btn-secondary flex-1\"\n >\n Cancel\n \n \n {schedulingMeals ? 'Scheduling...' : 'Schedule'}\n \n

\n )}\n\n {/* View All Nutrients Modal */}\n {showAllNutrients && nutritionData && (() => {\n const displayData = selectedDay !== null\n ? nutritionData.daily[selectedDay]\n : nutritionData.weeklyAverage;\n const displayLabel = selectedDay !== null\n ? `${DAY_NAMES[selectedDay]} - All Nutrients`\n : 'Weekly Average - All Nutrients';\n\n return (\n setShowAllNutrients(false)}\n />\n );\n })()}\n\n {/* Item Detail Modal */}\n {selectedEntry && (\n setSelectedEntry(null)}\n onRemove={handleRemoveMeal}\n onDuplicate={handleDuplicateEntry}\n />\n )}\n \n );\n}\n\n\n",[],[376,403,479],"92d35c16-e793-11f0-8afb-42dde27851f2","Login.tsx","b9001dfa-d3a9-11f0-a755-42dde27851f2",199,["D",1767328145790],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { useTheme, SunIcon, MoonIcon } from \"./ThemeContext.tsx\";\n\nexport function Login() {\n const { resolvedTheme, toggleTheme } = useTheme();\n \n return (\n

\n {/* Theme toggle in corner */}\n \n {resolvedTheme === 'dark' ? (\n \n ) : (\n \n )}\n \n\n

\n {/* Logo and branding */}\n

\n \n

Carmy

Recipe Saver, Meal Planning & Nutrition

\n \n {/* Login card */}\n

Welcome back

\n \n \n \n Continue with Google\n \n \n

\n By signing in, you agree to our terms of service\n

\n \n {/* Features preview */}\n

\n 📖\n

Save Recipes

\n 🛒\n

Grocery Lists

\n 📅\n

Meal Planning

\n 💪\n

Track Nutrition

\n );\n}\n",[],[376,403,488],"7d3b31fc-e78f-11f0-a0ac-42dde27851f2","ItemNameInput.tsx","7d3b32ce-e78f-11f0-a0ac-42dde27851f2",185,["D",1767326391572],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\ninterface ItemNameInputProps {\n value: string;\n onChange: (value: string) => void;\n disabled?: boolean;\n className?: string;\n placeholder?: string;\n onKeyDown?: (e: React.KeyboardEvent) => void;\n autoFocus?: boolean;\n}\n\nexport function ItemNameInput({\n value,\n onChange,\n disabled = false,\n className = '',\n placeholder = 'Item name',\n onKeyDown,\n autoFocus = false,\n}: ItemNameInputProps) {\n return (\n onChange(e.target.value)}\n onKeyDown={onKeyDown}\n placeholder={placeholder}\n disabled={disabled}\n autoFocus={autoFocus}\n className={`\n px-2 py-1.5 text-sm border rounded-md\n ${disabled ? 'bg-gray-100 cursor-not-allowed' : 'bg-white'}\n border-gray-300 focus:border-blue-500 focus:ring-1 focus:ring-blue-500\n focus:outline-none transition-colors\n ${className}\n `}\n />\n );\n}\n\n",[],[376,403,496],"11a778a8-eeae-11f0-a362-42dde27851f2","IngredientNutritionModal.tsx","11a77998-eeae-11f0-a362-42dde27851f2",234,["D",1768109183318],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { RecipeIngredient, FDCFood } from \"../../shared/types.ts\";\nimport { NUTRIENT_INFO } from \"../../shared/types.ts\";\n\ninterface IngredientNutritionModalProps {\n ingredient: RecipeIngredient;\n recipeServingSize: number;\n onClose: () => void;\n}\n\n// Format nutrient value with appropriate precision\nfunction formatNutrient(value: number | null, unit: string): string {\n if (value === null) return '-';\n if (unit === 'mcg') return value.toFixed(1);\n if (unit === 'mg' && value < 1) return value.toFixed(2);\n return Math.round(value).toString();\n}\n\nexport function IngredientNutritionModal({ \n ingredient, \n recipeServingSize, \n onClose \n}: IngredientNutritionModalProps) {\n const [nutrition, setNutrition] = useState(null);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [showMicronutrients, setShowMicronutrients] = useState(false);\n\n // Fetch nutrition data on mount\n React.useEffect(() => {\n if (!ingredient.fdcId) {\n setError('No FDC data linked');\n setLoading(false);\n return;\n }\n\n const fetchNutrition = async () => {\n try {\n const response = await fetch(`/api/fdc/food/${ingredient.fdcId}`);\n const result = await response.json();\n \n if (result.success) {\n setNutrition(result.data);\n } else {\n setError(result.error || 'Failed to load nutrition data');\n }\n } catch (err) {\n setError('Failed to fetch nutrition data');\n } finally {\n setLoading(false);\n }\n };\n\n fetchNutrition();\n }, [ingredient.fdcId]);\n\n // Calculate nutrition value per serving for this ingredient\n // Formula: (valuePer100g * amountGrams / 100) / servingSize\n const getPerServingNutrition = (valuePer100g: number | null): number | null => {\n if (valuePer100g === null) return null;\n // If we have amountGrams, calculate per-serving contribution\n if (ingredient.amountGrams) {\n const totalForRecipe = (valuePer100g * ingredient.amountGrams) / 100;\n return totalForRecipe / recipeServingSize;\n }\n // Otherwise show per 100g value (fallback)\n return valuePer100g;\n };\n\n return (\n

\n e.stopPropagation()}\n >\n {/* Header */}\n

\n Ingredient Nutrition\n

\n {ingredient.amount && {ingredient.amount} }\n {ingredient.unit && {ingredient.unit} }\n {ingredient.name}\n

\n \n \n \n

\n \n {/* Body */}\n

\n {loading ? (\n

\n \n

\n ) : error ? (\n

\n \n

{error}

\n ) : nutrition && (\n

\n {/* FDC Food Info */}\n

\n \n {nutrition.dataType}\n \n {nutrition.brandOwner && (\n {nutrition.brandOwner}\n )}\n

\n {nutrition.description}\n

\n {ingredient.amountGrams ? (\n

\n Contribution per serving ({ingredient.amountGrams}g ÷ {recipeServingSize} serving{recipeServingSize !== 1 ? 's' : ''})\n

\n ) : (\n

\n Nutrition shown per 100g (amount not specified)\n

\n )}\n

\n \n {/* Macronutrients */}\n

\n Nutrition per Serving\n {ingredient.amountGrams && (\n \n (from this ingredient)\n \n )}\n

\n {formatNutrient(getPerServingNutrition(nutrition.nutrition.calories), 'kcal')}\n

kcal

\n {formatNutrient(getPerServingNutrition(nutrition.nutrition.protein), 'g')}g\n

protein

\n {formatNutrient(getPerServingNutrition(nutrition.nutrition.carbs), 'g')}g\n

carbs

\n {formatNutrient(getPerServingNutrition(nutrition.nutrition.fat), 'g')}g\n

fat

\n {formatNutrient(getPerServingNutrition(nutrition.nutrition.fiber), 'g')}g\n

fiber

\n \n {/* Micronutrients Toggle */}\n

\n setShowMicronutrients(!showMicronutrients)}\n className=\"flex items-center justify-between w-full text-left p-2 rounded-lg transition-colors\"\n style={{ background: 'var(--bg-tertiary)', border: '1px solid var(--border-primary)' }}\n >\n \n Vitamins & Minerals\n \n \n \n \n \n \n {showMicronutrients && (\n

\n {/* Minerals */}\n {(['sodium', 'potassium', 'calcium', 'iron', 'magnesium', 'zinc', 'phosphorus', 'selenium', 'copper', 'manganese'] as const).some(key => nutrition.nutrition[key] !== null) && (\n

\n Minerals\n

\n {(['sodium', 'potassium', 'calcium', 'iron', 'magnesium', 'zinc', 'phosphorus', 'selenium', 'copper', 'manganese'] as const).map(key => {\n const info = NUTRIENT_INFO[key];\n const value = getPerServingNutrition(nutrition.nutrition[key]);\n if (value === null) return null;\n return (\n

\n {info.label}\n \n {formatNutrient(value, info.unit)}{info.unit}\n \n

\n );\n })}\n

\n )}\n \n {/* Vitamins - Fat Soluble */}\n {(['vitaminA', 'vitaminD', 'vitaminE', 'vitaminK'] as const).some(key => nutrition.nutrition[key] !== null) && (\n

\n Vitamins (Fat-Soluble)\n

\n {(['vitaminA', 'vitaminD', 'vitaminE', 'vitaminK'] as const).map(key => {\n const info = NUTRIENT_INFO[key];\n const value = getPerServingNutrition(nutrition.nutrition[key]);\n if (value === null) return null;\n return (\n

\n {info.label}\n \n {formatNutrient(value, info.unit)}{info.unit}\n \n

\n );\n })}\n

\n )}\n \n {/* Vitamins - Water Soluble */}\n {(['vitaminC', 'vitaminB6', 'vitaminB12', 'thiamin', 'riboflavin', 'niacin', 'pantothenicAcid', 'folate', 'choline'] as const).some(key => nutrition.nutrition[key] !== null) && (\n

\n Vitamins (Water-Soluble)\n

\n {(['vitaminC', 'vitaminB6', 'vitaminB12', 'thiamin', 'riboflavin', 'niacin', 'pantothenicAcid', 'folate', 'choline'] as const).map(key => {\n const info = NUTRIENT_INFO[key];\n const value = getPerServingNutrition(nutrition.nutrition[key]);\n if (value === null) return null;\n return (\n

\n {info.label}\n \n {formatNutrient(value, info.unit)}{info.unit}\n \n

\n );\n })}\n

\n )}\n \n {/* Fats Breakdown */}\n {(['saturatedFat', 'transFat', 'monounsaturatedFat', 'polyunsaturatedFat', 'cholesterol'] as const).some(key => nutrition.nutrition[key] !== null) && (\n

\n Fats Breakdown\n

\n {(['saturatedFat', 'transFat', 'monounsaturatedFat', 'polyunsaturatedFat', 'cholesterol'] as const).map(key => {\n const info = NUTRIENT_INFO[key];\n const value = getPerServingNutrition(nutrition.nutrition[key]);\n if (value === null) return null;\n return (\n

\n {info.label}\n \n {formatNutrient(value, info.unit)}{info.unit}\n \n

\n );\n })}\n

\n )}\n \n {/* Sugars */}\n {(['sugars', 'addedSugars'] as const).some(key => nutrition.nutrition[key] !== null) && (\n

\n Sugars\n

\n {(['sugars', 'addedSugars'] as const).map(key => {\n const info = NUTRIENT_INFO[key];\n const value = getPerServingNutrition(nutrition.nutrition[key]);\n if (value === null) return null;\n return (\n

\n {info.label}\n \n {formatNutrient(value, info.unit)}{info.unit}\n \n

\n );\n })}\n

\n )}\n

\n \n {/* Footer */}\n

\n \n Close\n \n

\n \n );\n}\n\n",[],[376,403,504],"e151e1b2-eeb6-11f0-ba13-42dde27851f2","GroceryListsView.tsx","b8d2d002-d3a9-11f0-8e4b-42dde27851f2",240,["D",1768112968005],9,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { GroceryList, GroceryListItem, Recipe } from \"../../shared/types.ts\";\nimport { DEFAULT_GROCERY_LIST_NAME } from \"../../shared/types.ts\";\nimport { GroceryItemRow } from \"./GroceryItemRow.tsx\";\nimport { CombinedGroceryItemRow } from \"./CombinedGroceryItemRow.tsx\";\nimport { QuantityUnitInput } from \"./QuantityUnitInput.tsx\";\nimport { NotesInput } from \"./NotesInput.tsx\";\nimport { AddRecipeToListModal } from \"./AddRecipeToListModal.tsx\";\n\ninterface GroceryListsViewProps {\n lists: GroceryList[];\n recipes: Recipe[];\n onListsChange: () => Promise;\n}\n\n// Represents a combined grocery item (multiple items with same name + notes)\ninterface CombinedGroceryItem {\n // Unique key for the combined item (lowercase name + notes)\n key: string;\n name: string;\n notes: string | null;\n // All source items that were combined\n sourceItems: GroceryListItem[];\n // Whether all source items are checked\n allChecked: boolean;\n // Formatted quantity display (e.g., \"3 cups\" or \"2 cups + 150g\")\n quantityDisplay: string;\n}\n\n// Combine items by name + notes (case-insensitive)\nfunction combineItems(items: GroceryListItem[]): CombinedGroceryItem[] {\n const groups = new Map();\n \n for (const item of items) {\n // Create key from lowercase name + notes\n const key = `${item.name.toLowerCase().trim()}|${(item.notes || '').toLowerCase().trim()}`;\n if (!groups.has(key)) {\n groups.set(key, []);\n }\n groups.get(key)!.push(item);\n }\n \n const combined: CombinedGroceryItem[] = [];\n \n groups.forEach((sourceItems, key) => {\n // Use the first item's name (preserving original case)\n const name = sourceItems[0].name;\n const notes = sourceItems[0].notes;\n \n // Check if all items are checked\n const allChecked = sourceItems.every(item => item.checked);\n \n // Build quantity display\n const quantityDisplay = buildQuantityDisplay(sourceItems);\n \n combined.push({\n key,\n name,\n notes,\n sourceItems,\n allChecked,\n quantityDisplay,\n });\n });\n \n return combined;\n}\n\n// Build a display string for combined quantities\nfunction buildQuantityDisplay(items: GroceryListItem[]): string {\n // Group by unit\n const byUnit = new Map();\n const noUnit: number[] = [];\n \n for (const item of items) {\n if (item.quantity === null) continue;\n \n const unit = (item.unit || '').trim().toLowerCase();\n if (!unit) {\n noUnit.push(item.quantity);\n } else {\n byUnit.set(unit, (byUnit.get(unit) || 0) + item.quantity);\n }\n }\n \n const parts: string[] = [];\n \n // Add summed quantities by unit\n byUnit.forEach((total, unit) => {\n // Round to 2 decimal places\n const rounded = Math.round(total * 100) / 100;\n // Use the original case from first matching item\n const originalUnit = items.find(i => (i.unit || '').toLowerCase() === unit)?.unit || unit;\n parts.push(`${rounded} ${originalUnit}`);\n });\n \n // Add quantities without units\n if (noUnit.length > 0) {\n const total = noUnit.reduce((sum, q) => sum + q, 0);\n const rounded = Math.round(total * 100) / 100;\n parts.push(String(rounded));\n }\n \n return parts.join(' + ');\n}\n\nexport function GroceryListsView({ lists, recipes, onListsChange }: GroceryListsViewProps) {\n const [selectedList, setSelectedList] = useState(null);\n const [showNewListForm, setShowNewListForm] = useState(false);\n const [newListName, setNewListName] = useState('');\n const [showAddItem, setShowAddItem] = useState(false);\n const [newItemName, setNewItemName] = useState('');\n const [newItemQuantity, setNewItemQuantity] = useState(null);\n const [newItemUnit, setNewItemUnit] = useState(null);\n const [newItemNotes, setNewItemNotes] = useState(null);\n const [showAddRecipe, setShowAddRecipe] = useState(false);\n const [selectedRecipeForPreview, setSelectedRecipeForPreview] = useState(null);\n \n // Editing state\n const [editingItemId, setEditingItemId] = useState(null);\n \n // Loading states to prevent double-clicks\n const [creatingList, setCreatingList] = useState(false);\n const [deletingListId, setDeletingListId] = useState(null);\n const [addingItem, setAddingItem] = useState(false);\n const [addingRecipeId, setAddingRecipeId] = useState(null);\n const [togglingItemId, setTogglingItemId] = useState(null);\n const [deletingItemId, setDeletingItemId] = useState(null);\n const [clearingAllItems, setClearingAllItems] = useState(false);\n\n const handleCreateList = async (e: React.FormEvent) => {\n e.preventDefault();\n if (!newListName.trim() || creatingList) return;\n\n setCreatingList(true);\n try {\n const response = await fetch('/api/grocery-lists', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ name: newListName.trim() }),\n });\n\n if (response.ok) {\n await onListsChange();\n setNewListName('');\n setShowNewListForm(false);\n }\n } finally {\n setCreatingList(false);\n }\n };\n\n const handleDeleteList = async (listId: string) => {\n if (deletingListId) return;\n\n setDeletingListId(listId);\n try {\n const response = await fetch(`/api/grocery-lists/${listId}`, {\n method: 'DELETE',\n });\n\n if (response.ok) {\n await onListsChange();\n if (selectedList?.id === listId) {\n setSelectedList(null);\n }\n }\n } finally {\n setDeletingListId(null);\n }\n };\n\n const handleAddItem = async (e: React.FormEvent) => {\n e.preventDefault();\n if (!selectedList || !newItemName.trim() || addingItem) return;\n\n setAddingItem(true);\n try {\n const response = await fetch(`/api/grocery-lists/${selectedList.id}/items`, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({\n name: newItemName.trim(),\n quantity: newItemQuantity,\n unit: newItemUnit,\n notes: newItemNotes,\n }),\n });\n\n if (response.ok) {\n await onListsChange();\n setNewItemName('');\n setNewItemQuantity(null);\n setNewItemUnit(null);\n setNewItemNotes(null);\n setShowAddItem(false);\n // Update selected list\n const updatedLists = await fetch('/api/grocery-lists').then(r => r.json());\n if (updatedLists.success) {\n const updated = updatedLists.data.find((l: GroceryList) => l.id === selectedList.id);\n if (updated) setSelectedList(updated);\n }\n }\n } finally {\n setAddingItem(false);\n }\n };\n\n // Select a recipe to preview before adding\n const handleSelectRecipeForPreview = (recipe: Recipe) => {\n setSelectedRecipeForPreview(recipe);\n setShowAddRecipe(false);\n };\n\n // Add recipe ingredients with specified servings\n const handleAddRecipeIngredients = async (recipeId: string, servings: number) => {\n if (!selectedList || addingRecipeId) return;\n\n setAddingRecipeId(recipeId);\n try {\n const response = await fetch(`/api/grocery-lists/${selectedList.id}/add-recipe`, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ recipeId, servings }),\n });\n\n if (response.ok) {\n await onListsChange();\n setSelectedRecipeForPreview(null);\n // Update selected list\n const updatedLists = await fetch('/api/grocery-lists').then(r => r.json());\n if (updatedLists.success) {\n const updated = updatedLists.data.find((l: GroceryList) => l.id === selectedList.id);\n if (updated) setSelectedList(updated);\n }\n }\n } finally {\n setAddingRecipeId(null);\n }\n };\n\n const handleToggleItem = async (item: GroceryListItem) => {\n if (!selectedList || togglingItemId) return;\n\n // Optimistically update first\n setTogglingItemId(item.id);\n setSelectedList({\n ...selectedList,\n items: selectedList.items.map(i =>\n i.id === item.id ? { ...i, checked: !i.checked } : i\n ),\n });\n\n try {\n await fetch(`/api/grocery-lists/${selectedList.id}/items/${item.id}`, {\n method: 'PATCH',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ checked: !item.checked }),\n });\n } finally {\n setTogglingItemId(null);\n }\n };\n\n const handleUpdateItem = async (\n item: GroceryListItem,\n updates: {\n name?: string;\n quantity?: number | null;\n unit?: string | null;\n notes?: string | null;\n }\n ) => {\n if (!selectedList) return;\n\n // Optimistically update\n setSelectedList({\n ...selectedList,\n items: selectedList.items.map(i =>\n i.id === item.id ? { ...i, ...updates } : i\n ),\n });\n setEditingItemId(null);\n\n try {\n await fetch(`/api/grocery-lists/${selectedList.id}/items/${item.id}`, {\n method: 'PATCH',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(updates),\n });\n \n // Refresh the list to ensure sync\n const updatedLists = await fetch('/api/grocery-lists').then(r => r.json());\n if (updatedLists.success) {\n const updated = updatedLists.data.find((l: GroceryList) => l.id === selectedList.id);\n if (updated) setSelectedList(updated);\n }\n } catch {\n // Revert on error by refreshing\n const updatedLists = await fetch('/api/grocery-lists').then(r => r.json());\n if (updatedLists.success) {\n const updated = updatedLists.data.find((l: GroceryList) => l.id === selectedList.id);\n if (updated) setSelectedList(updated);\n }\n }\n };\n\n const handleDeleteItem = async (itemId: string) => {\n if (!selectedList || deletingItemId) return;\n\n // Optimistically update first\n setDeletingItemId(itemId);\n setSelectedList({\n ...selectedList,\n items: selectedList.items.filter(i => i.id !== itemId),\n });\n\n try {\n await fetch(`/api/grocery-lists/${selectedList.id}/items/${itemId}`, {\n method: 'DELETE',\n });\n } finally {\n setDeletingItemId(null);\n }\n };\n\n // Toggle all items in a combined group\n const handleToggleCombinedItems = async (items: GroceryListItem[], checked: boolean) => {\n if (!selectedList || togglingItemId) return;\n\n // Use first item id as the toggling indicator\n setTogglingItemId(items[0].id);\n \n // Optimistically update all items\n setSelectedList({\n ...selectedList,\n items: selectedList.items.map(i =>\n items.some(item => item.id === i.id) ? { ...i, checked } : i\n ),\n });\n\n try {\n // Update all items in parallel\n await Promise.all(\n items.map(item =>\n fetch(`/api/grocery-lists/${selectedList.id}/items/${item.id}`, {\n method: 'PATCH',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ checked }),\n })\n )\n );\n } finally {\n setTogglingItemId(null);\n }\n };\n\n // Delete all items in a combined group\n const handleDeleteCombinedItems = async (items: GroceryListItem[]) => {\n if (!selectedList || deletingItemId) return;\n\n // Use first item id as the deleting indicator\n setDeletingItemId(items[0].id);\n \n // Optimistically remove all items\n const itemIds = new Set(items.map(i => i.id));\n setSelectedList({\n ...selectedList,\n items: selectedList.items.filter(i => !itemIds.has(i.id)),\n });\n\n try {\n // Delete all items in parallel\n await Promise.all(\n items.map(item =>\n fetch(`/api/grocery-lists/${selectedList.id}/items/${item.id}`, {\n method: 'DELETE',\n })\n )\n );\n } finally {\n setDeletingItemId(null);\n }\n };\n\n const handleClearAllItems = async () => {\n if (!selectedList || selectedList.items.length === 0 || clearingAllItems) return;\n \n if (!confirm(`Are you sure you want to clear all ${selectedList.items.length} item${selectedList.items.length !== 1 ? 's' : ''} from \"${selectedList.name}\"?`)) {\n return;\n }\n\n setClearingAllItems(true);\n try {\n const response = await fetch(`/api/grocery-lists/${selectedList.id}/items`, {\n method: 'DELETE',\n });\n\n if (response.ok) {\n await onListsChange();\n // Update selected list\n const updatedLists = await fetch('/api/grocery-lists').then(r => r.json());\n if (updatedLists.success) {\n const updated = updatedLists.data.find((l: GroceryList) => l.id === selectedList.id);\n if (updated) setSelectedList(updated);\n }\n }\n } finally {\n setClearingAllItems(false);\n }\n };\n\n return (\n

\n {/* Sidebar - Lists */}\n

Grocery Lists

\n setShowNewListForm(true)}\n className=\"p-1 rounded transition-colors\"\n style={{ color: 'var(--accent)' }}\n >\n \n \n

\n \n {showNewListForm && (\n

\n \n

\n {lists.length === 0 ? (\n

\n No lists yet. Create one to get started.\n

\n ) : (\n

\n {lists.map((list) => (\n setSelectedList(list)}\n >\n

{list.name}

\n {list.items.length} item{list.items.length !== 1 ? 's' : ''}\n

\n {list.name !== DEFAULT_GROCERY_LIST_NAME && (\n {\n e.stopPropagation();\n handleDeleteList(list.id);\n }}\n disabled={deletingListId === list.id}\n className=\"opacity-0 group-hover:opacity-100 p-1 text-gray-400 hover:text-red-500 transition-all disabled:opacity-50\"\n >\n {deletingListId === list.id ? (\n \n ) : (\n \n )}\n \n )}\n

\n ))}\n

\n )}\n

\n \n {/* Main content - List details */}\n

\n {selectedList ? (\n <>\n {/* Header */}\n

{selectedList.name}

\n {selectedList.items.filter(i => i.checked).length} of {selectedList.items.length} checked\n

\n {selectedList.items.length > 0 && (\n \n {clearingAllItems ? (\n \n ) : (\n \n )}\n {clearingAllItems ? 'Clearing...' : 'Clear All'}\n \n )}\n setShowAddItem(true)}\n className=\"btn-secondary text-sm flex items-center gap-1\"\n >\n \n Add Item\n \n setShowAddRecipe(true)}\n className=\"btn-primary text-sm flex items-center gap-1\"\n >\n \n Add Recipe\n \n

\n \n {/* Items */}\n

\n {selectedList.items.length === 0 ? (\n

\n 🛒\n

No items yet

Add items or import from a recipe

\n ) : (\n

\n {combineItems(selectedList.items).map((combinedItem, index) => (\n

\n {combinedItem.sourceItems.length === 1 ? (\n // Single item - use regular GroceryItemRow\n setEditingItemId(combinedItem.sourceItems[0].id)}\n onSave={(updates) => handleUpdateItem(combinedItem.sourceItems[0], updates)}\n onToggleChecked={() => handleToggleItem(combinedItem.sourceItems[0])}\n onDelete={() => handleDeleteItem(combinedItem.sourceItems[0].id)}\n disabled={!!togglingItemId || !!deletingItemId}\n />\n ) : (\n // Multiple items - use CombinedGroceryItemRow\n handleToggleCombinedItems(combinedItem.sourceItems, checked)}\n onDeleteAll={() => handleDeleteCombinedItems(combinedItem.sourceItems)}\n disabled={!!togglingItemId || !!deletingItemId}\n />\n )}\n

\n ))}\n

\n )}\n

\n \n ) : (\n

\n 👈\n

Select a list to view items

\n )}\n

\n \n {/* Add item modal */}\n {showAddItem && selectedList && (\n

setShowAddItem(false)}>\n

e.stopPropagation()}>\n

Add Item

\n {/* Quantity + Unit + Name row */}\n

\n \n setNewItemName(e.target.value)}\n className=\"input flex-1\"\n placeholder=\"Item name\"\n autoFocus\n disabled={addingItem}\n />\n

\n {/* Notes row */}\n \n

\n \n \n

\n )}\n \n {/* Add recipe picker modal */}\n {showAddRecipe && selectedList && (\n

setShowAddRecipe(false)}>\n

e.stopPropagation()}>\n

Add Recipe Ingredients

Select a recipe to add its ingredients

\n {recipes.length === 0 ? (\n

\n No recipes yet. Create a recipe first.\n

\n ) : (\n

\n {recipes.map((recipe) => (\n handleSelectRecipeForPreview(recipe)}\n className=\"w-full p-3 text-left rounded-lg transition-colors flex items-center justify-between hover:bg-opacity-50\"\n style={{ background: 'transparent' }}\n >\n

{recipe.title}

\n {recipe.ingredients.length} ingredients · {recipe.servingSize} serving{recipe.servingSize !== 1 ? 's' : ''}\n

\n \n \n ))}\n

\n )}\n

\n \n

\n )}\n\n {/* Add recipe preview modal */}\n {selectedRecipeForPreview && selectedList && (\n handleAddRecipeIngredients(selectedRecipeForPreview.id, servings)}\n onClose={() => setSelectedRecipeForPreview(null)}\n isAdding={addingRecipeId === selectedRecipeForPreview.id}\n />\n )}\n \n );\n}\n\n",[],[376,403,512],"22932680-e797-11f0-b548-42dde27851f2","GroceryItemRow.tsx","7d3f05a2-e78f-11f0-a395-42dde27851f2",205,["D",1767329675442],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { GroceryListItem } from \"../../shared/types.ts\";\nimport { QuantityUnitInput } from \"./QuantityUnitInput.tsx\";\nimport { ItemNameInput } from \"./ItemNameInput.tsx\";\nimport { NotesInput } from \"./NotesInput.tsx\";\n\ninterface GroceryItemRowProps {\n item: GroceryListItem;\n isEditing: boolean;\n onStartEdit: () => void;\n onSave: (updates: {\n name?: string;\n quantity?: number | null;\n unit?: string | null;\n notes?: string | null;\n }) => Promise;\n onToggleChecked: () => void;\n onDelete: () => void;\n disabled?: boolean;\n}\n\nexport function GroceryItemRow({\n item,\n isEditing,\n onStartEdit,\n onSave,\n onToggleChecked,\n onDelete,\n disabled = false,\n}: GroceryItemRowProps) {\n // Edit state\n const [editQuantity, setEditQuantity] = useState(item.quantity);\n const [editUnit, setEditUnit] = useState(item.unit);\n const [editName, setEditName] = useState(item.name);\n const [editNotes, setEditNotes] = useState(item.notes);\n const [saving, setSaving] = useState(false);\n\n // Reset edit state when item changes or editing starts\n useEffect(() => {\n if (isEditing) {\n setEditQuantity(item.quantity);\n setEditUnit(item.unit);\n setEditName(item.name);\n setEditNotes(item.notes);\n }\n }, [isEditing, item]);\n\n const hasChanges = \n editQuantity !== item.quantity ||\n editUnit !== item.unit ||\n editName !== item.name ||\n editNotes !== item.notes;\n\n const handleSave = async () => {\n if (!editName.trim()) return;\n \n setSaving(true);\n try {\n const updates: {\n name?: string;\n quantity?: number | null;\n unit?: string | null;\n notes?: string | null;\n } = {};\n\n if (editName !== item.name) updates.name = editName.trim();\n if (editQuantity !== item.quantity) updates.quantity = editQuantity;\n if (editUnit !== item.unit) updates.unit = editUnit;\n if (editNotes !== item.notes) updates.notes = editNotes;\n\n if (Object.keys(updates).length > 0) {\n await onSave(updates);\n }\n } finally {\n setSaving(false);\n }\n };\n\n const handleKeyDown = (e: React.KeyboardEvent) => {\n if (e.key === 'Enter' && !e.shiftKey) {\n e.preventDefault();\n handleSave();\n } else if (e.key === 'Escape') {\n // Reset to original values\n setEditQuantity(item.quantity);\n setEditUnit(item.unit);\n setEditName(item.name);\n setEditNotes(item.notes);\n }\n };\n\n // Format quantity and unit for display\n const formatQuantityUnit = () => {\n const parts: string[] = [];\n if (item.quantity !== null) {\n parts.push(String(item.quantity));\n }\n if (item.unit) {\n parts.push(item.unit);\n }\n return parts.join(' ');\n };\n\n if (isEditing) {\n return (\n

\n {/* Checkbox */}\n \n {item.checked && (\n \n )}\n \n\n {/* Quantity + Unit */}\n \n\n {/* Item Name */}\n \n\n {/* Delete button */}\n \n \n \n

\n\n {/* Notes row */}\n

\n \n\n {/* Save/Cancel buttons */}\n \n {saving ? 'Saving...' : 'Save'}\n \n

\n );\n }\n\n // Display mode\n return (\n \n {/* Checkbox */}\n {\n e.stopPropagation();\n onToggleChecked();\n }}\n disabled={disabled}\n className={`checkbox flex-shrink-0 ${item.checked ? 'checked' : ''}`}\n >\n {item.checked && (\n \n )}\n \n\n {/* Content */}\n

\n {/* Quantity and Unit */}\n {(item.quantity !== null || item.unit) && (\n \n {formatQuantityUnit()}\n \n )}\n {/* Item name */}\n {item.name}\n

\n \n {/* Notes */}\n {item.notes && (\n

\n {item.notes}\n

\n )}\n

\n\n {/* Delete button */}\n {\n e.stopPropagation();\n onDelete();\n }}\n disabled={disabled}\n className=\"text-gray-400 hover:text-red-500 transition-colors opacity-0 group-hover:opacity-100 p-1 flex-shrink-0\"\n style={{ opacity: 1 }} // Always visible for now since group-hover needs parent styling\n >\n \n \n \n );\n}\n\n",[],[376,403,521],"227cc55c-e797-11f0-bbcf-42dde27851f2","CustomFoodForm.tsx","92a694ec-db09-11f0-a68d-42dde27851f2",202,["D",1767329675294],2,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { CustomFood, CreateCustomFoodRequest } from \"../../shared/types.ts\";\nimport { NUTRIENT_INFO, NutrientKey } from \"../../shared/types.ts\";\n\ninterface CustomFoodFormProps {\n customFood?: CustomFood;\n onSubmit: (data: CreateCustomFoodRequest) => Promise;\n onClose: () => void;\n}\n\n// Nutrient keys grouped by category\nconst MACRO_KEYS: NutrientKey[] = ['calories', 'protein', 'fat', 'carbs', 'fiber'];\nconst MINERAL_KEYS: NutrientKey[] = ['sodium', 'potassium', 'calcium', 'iron', 'magnesium', 'zinc'];\nconst VITAMIN_KEYS: NutrientKey[] = ['vitaminA', 'vitaminC', 'vitaminD', 'vitaminE', 'vitaminK', 'vitaminB6', 'vitaminB12', 'thiamin', 'riboflavin', 'niacin', 'folate'];\n\nexport function CustomFoodForm({ customFood, onSubmit, onClose }: CustomFoodFormProps) {\n const [name, setName] = useState(customFood?.name || '');\n const [servingSizeGrams, setServingSizeGrams] = useState(customFood?.servingSizeGrams?.toString() || '100');\n const [nutrients, setNutrients] = useState>(() => {\n const initial: Record = {};\n const allKeys = [...MACRO_KEYS, ...MINERAL_KEYS, ...VITAMIN_KEYS];\n for (const key of allKeys) {\n const value = customFood?.[key as keyof CustomFood];\n initial[key] = value !== null && value !== undefined ? value.toString() : '';\n }\n return initial as Record;\n });\n const [submitting, setSubmitting] = useState(false);\n const [showMicronutrients, setShowMicronutrients] = useState(false);\n\n const handleNutrientChange = (key: NutrientKey, value: string) => {\n setNutrients(prev => ({ ...prev, [key]: value }));\n };\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n if (!name.trim()) return;\n\n setSubmitting(true);\n try {\n const data: CreateCustomFoodRequest = {\n name: name.trim(),\n servingSizeGrams: parseFloat(servingSizeGrams) || 100,\n };\n\n // Add all nutrient values\n const allKeys = [...MACRO_KEYS, ...MINERAL_KEYS, ...VITAMIN_KEYS];\n for (const key of allKeys) {\n const value = nutrients[key];\n if (value !== '') {\n (data as any)[key] = parseFloat(value) || null;\n } else {\n (data as any)[key] = null;\n }\n }\n\n await onSubmit(data);\n } finally {\n setSubmitting(false);\n }\n };\n\n const renderNutrientInput = (key: NutrientKey) => {\n const info = NUTRIENT_INFO[key];\n return (\n

\n \n {info.label} ({info.unit})\n \n handleNutrientChange(key, e.target.value)}\n className=\"input text-sm py-1.5\"\n placeholder=\"0\"\n />\n

\n );\n };\n\n return (\n

\n e.stopPropagation()}\n >\n

\n {/* Header */}\n

\n {customFood ? 'Edit Custom Food' : 'Add Custom Food'}\n

\n \n \n \n

\n Create a food with custom nutrition values\n

\n\n {/* Scrollable content */}\n

\n {/* Name */}\n

\n \n Name *\n \n setName(e.target.value)}\n className=\"input\"\n placeholder=\"e.g., Homemade Protein Shake\"\n required\n />\n

\n\n {/* Serving Size */}\n

\n \n Serving Size (grams)\n \n setServingSizeGrams(e.target.value)}\n className=\"input w-32\"\n placeholder=\"100\"\n />\n

\n Nutrition values are per this serving size\n

\n\n {/* Macronutrients */}\n

Macronutrients

\n {MACRO_KEYS.map(key => renderNutrientInput(key))}\n

\n\n {/* Toggle for micronutrients */}\n

\n setShowMicronutrients(!showMicronutrients)}\n className=\"text-sm font-medium flex items-center gap-2\"\n style={{ color: 'var(--accent)' }}\n >\n \n \n \n {showMicronutrients ? 'Hide' : 'Show'} Vitamins & Minerals (optional)\n \n

\n\n {/* Micronutrients (collapsible) */}\n {showMicronutrients && (\n

\n {/* Minerals */}\n

Minerals

\n {MINERAL_KEYS.map(key => renderNutrientInput(key))}\n

\n\n {/* Vitamins */}\n

Vitamins

\n {VITAMIN_KEYS.map(key => renderNutrientInput(key))}\n

\n )}\n

\n\n {/* Footer */}\n

\n \n Cancel\n \n \n {submitting ? 'Saving...' : customFood ? 'Save Changes' : 'Create Food'}\n \n

\n \n );\n}\n\n\n",[],[376,403,529],"e156fe54-eeb6-11f0-908a-42dde27851f2","CombinedGroceryItemRow.tsx","e156fef4-eeb6-11f0-908a-42dde27851f2",241,["D",1768112968007],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { GroceryListItem } from \"../../shared/types.ts\";\n\ninterface CombinedGroceryItem {\n key: string;\n name: string;\n notes: string | null;\n sourceItems: GroceryListItem[];\n allChecked: boolean;\n quantityDisplay: string;\n}\n\ninterface CombinedGroceryItemRowProps {\n combinedItem: CombinedGroceryItem;\n onToggleAll: (checked: boolean) => void;\n onDeleteAll: () => void;\n disabled?: boolean;\n}\n\nexport function CombinedGroceryItemRow({\n combinedItem,\n onToggleAll,\n onDeleteAll,\n disabled = false,\n}: CombinedGroceryItemRowProps) {\n const [isExpanded, setIsExpanded] = useState(false);\n \n const { name, notes, sourceItems, allChecked, quantityDisplay } = combinedItem;\n const hasMultipleSources = sourceItems.length > 1;\n\n const handleToggle = (e: React.MouseEvent) => {\n e.stopPropagation();\n onToggleAll(!allChecked);\n };\n\n const handleRowClick = () => {\n if (hasMultipleSources) {\n setIsExpanded(!isExpanded);\n }\n };\n\n return (\n

\n {/* Main row */}\n \n {/* Checkbox */}\n \n {allChecked && (\n \n )}\n \n\n {/* Content */}\n

\n {/* Quantity display */}\n {quantityDisplay && (\n \n {quantityDisplay}\n \n )}\n {/* Item name */}\n {name}\n {/* Source count badge */}\n {hasMultipleSources && (\n \n {sourceItems.length}\n \n )}\n

\n \n {/* Notes */}\n {notes && (\n

\n {notes}\n

\n )}\n

\n\n {/* Expand/collapse arrow for combined items */}\n {hasMultipleSources && (\n \n )}\n\n {/* Delete button */}\n {\n e.stopPropagation();\n onDeleteAll();\n }}\n disabled={disabled}\n className=\"text-gray-400 hover:text-red-500 transition-colors p-1 flex-shrink-0\"\n >\n \n \n

\n\n {/* Expanded dropdown showing source items */}\n {isExpanded && hasMultipleSources && (\n

\n Sources:\n

\n {sourceItems.map((item) => (\n

\n {/* Small indicator dot */}\n \n \n {/* Quantity + unit */}\n \n {item.quantity !== null && item.quantity}\n {item.unit && ` ${item.unit}`}\n \n \n {/* Source label */}\n \n {item.recipeName || 'Manual'}\n \n

\n ))}\n

\n )}\n \n );\n}\n\n",[],[376,403,538],"44645e9e-e9ce-11f0-92d2-42dde27851f2","App.tsx","b8d991d0-d3a9-11f0-8d63-42dde27851f2",222,["D",1767573256834],6,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect, useCallback } from \"https://esm.sh/react@18.2.0\";\nimport type { User, Recipe, GroceryList, NutritionGoals, CustomFood } from \"../../shared/types.ts\";\nimport { Login } from \"./Login.tsx\";\nimport { RecipesView } from \"./RecipesView.tsx\";\nimport { GroceryListsView } from \"./GroceryListsView.tsx\";\nimport { MealPlanView } from \"./MealPlanView.tsx\";\nimport { NutritionView } from \"./NutritionView.tsx\";\nimport { ScraperEvalView } from \"./ScraperEvalView.tsx\";\nimport { ThemeProvider } from \"./ThemeContext.tsx\";\nimport { UserDropdown } from \"./UserDropdown.tsx\";\n\ntype Tab = 'recipes' | 'grocery' | 'mealplan' | 'nutrition' | 'scraper-eval';\n\nexport function App() {\n const [user, setUser] = useState(undefined);\n const [activeTab, setActiveTab] = useState('recipes');\n const [recipes, setRecipes] = useState([]);\n const [customFoods, setCustomFoods] = useState([]);\n const [groceryLists, setGroceryLists] = useState([]);\n const [nutritionGoals, setNutritionGoals] = useState(null);\n const [loading, setLoading] = useState(true);\n\n // Fetch current user\n const fetchUser = useCallback(async () => {\n try {\n const response = await fetch('/api/auth/me');\n const data = await response.json();\n if (data.success) {\n setUser(data.data);\n }\n } catch (err) {\n console.error('Failed to fetch user:', err);\n setUser(null);\n }\n }, []);\n\n // Fetch recipes\n const fetchRecipes = useCallback(async () => {\n try {\n const response = await fetch('/api/recipes');\n const data = await response.json();\n if (data.success) {\n setRecipes(data.data);\n }\n } catch (err) {\n console.error('Failed to fetch recipes:', err);\n }\n }, []);\n\n // Fetch custom foods\n const fetchCustomFoods = useCallback(async () => {\n try {\n const response = await fetch('/api/custom-foods');\n const data = await response.json();\n if (data.success) {\n setCustomFoods(data.data);\n }\n } catch (err) {\n console.error('Failed to fetch custom foods:', err);\n }\n }, []);\n\n // Fetch grocery lists\n const fetchGroceryLists = useCallback(async () => {\n try {\n const response = await fetch('/api/grocery-lists');\n const data = await response.json();\n if (data.success) {\n setGroceryLists(data.data);\n }\n } catch (err) {\n console.error('Failed to fetch grocery lists:', err);\n }\n }, []);\n\n // Fetch nutrition goals\n const fetchNutritionGoals = useCallback(async () => {\n try {\n const response = await fetch('/api/nutrition/goals');\n const data = await response.json();\n if (data.success) {\n setNutritionGoals(data.data);\n }\n } catch (err) {\n console.error('Failed to fetch nutrition goals:', err);\n }\n }, []);\n\n // Initial load\n useEffect(() => {\n fetchUser();\n }, [fetchUser]);\n\n // Fetch data when user is authenticated\n useEffect(() => {\n if (user) {\n setLoading(true);\n Promise.all([\n fetchRecipes(),\n fetchCustomFoods(),\n fetchGroceryLists(),\n fetchNutritionGoals(),\n ]).finally(() => {\n setLoading(false);\n });\n } else if (user === null) {\n setLoading(false);\n }\n }, [user, fetchRecipes, fetchCustomFoods, fetchGroceryLists, fetchNutritionGoals]);\n\n const handleLogout = async () => {\n try {\n await fetch('/api/auth/logout', { method: 'POST' });\n setUser(null);\n setRecipes([]);\n setCustomFoods([]);\n setGroceryLists([]);\n setNutritionGoals(null);\n } catch (err) {\n console.error('Failed to logout:', err);\n }\n };\n\n // Show loading while checking auth\n if (user === undefined) {\n return (\n \n

\n \n );\n }\n\n // Show login if not authenticated\n if (user === null) {\n return (\n \n \n \n );\n }\n\n // Loading data\n if (loading) {\n return (\n \n

\n Loading your data...\n

\n \n );\n }\n\n const tabs: { id: Tab; label: string; icon: string }[] = [\n { id: 'recipes', label: 'Recipes', icon: '📖' },\n { id: 'grocery', label: 'Grocery Lists', icon: '🛒' },\n { id: 'mealplan', label: 'Meal Plan', icon: '📅' },\n { id: 'nutrition', label: 'Nutrition', icon: '💪' },\n { id: 'scraper-eval', label: 'Scraper Eval', icon: '🔬' },\n ];\n\n return (\n \n

\n {/* Header */}\n

\n {/* Logo */}\n

\n \n

\n Carmy\n

\n \n {/* User menu with theme toggle */}\n \n

\n \n {/* Tab navigation */}\n

\n \n

\n \n {/* Main content */}\n

\n {activeTab === 'recipes' && (\n \n )}\n {activeTab === 'grocery' && (\n \n )}\n {activeTab === 'mealplan' && (\n \n )}\n {activeTab === 'nutrition' && (\n \n )}\n {activeTab === 'scraper-eval' && (\n \n )}\n

\n \n );\n}\n\n\n",[],[376,403,546],"efad5db4-eeb5-11f0-b530-42dde27851f2","AddRecipeToListModal.tsx","efad5e86-eeb5-11f0-b530-42dde27851f2",235,["D",1768112562603],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { Recipe, RecipeIngredient } from \"../../shared/types.ts\";\n\ninterface AddRecipeToListModalProps {\n recipe: Recipe;\n onAdd: (servings: number) => void;\n onClose: () => void;\n isAdding: boolean;\n}\n\n// Helper to format scaled ingredient amount\nfunction formatAmount(amount: number | null, multiplier: number): string {\n if (amount === null) return '';\n const scaled = amount * multiplier;\n // Round to 2 decimal places and remove trailing zeros\n const rounded = Math.round(scaled * 100) / 100;\n return rounded.toString();\n}\n\nexport function AddRecipeToListModal({ recipe, onAdd, onClose, isAdding }: AddRecipeToListModalProps) {\n // Start with the recipe's serving size as default\n const [servings, setServings] = useState(recipe.servingSize);\n \n // Calculate multiplier for scaling ingredients\n const multiplier = servings / recipe.servingSize;\n\n const handleDecrement = () => {\n if (servings > 1) {\n setServings(servings - 1);\n }\n };\n\n const handleIncrement = () => {\n setServings(servings + 1);\n };\n\n const handleAdd = () => {\n onAdd(servings);\n };\n\n return (\n

e.stopPropagation()}>\n {/* Header */}\n

\n Add to Grocery List\n

\n {recipe.title}\n

\n \n \n \n

\n\n {/* Serving Size Selector */}\n

\n Servings\n

\n Recipe makes {recipe.servingSize} serving{recipe.servingSize !== 1 ? 's' : ''}\n

\n \n \n \n \n {servings}\n \n \n \n \n

\n {multiplier !== 1 && (\n

\n Ingredient amounts scaled {multiplier > 1 ? 'up' : 'down'} ({multiplier.toFixed(2)}x)\n

\n )}\n

\n\n {/* Ingredients List */}\n

\n Ingredients to Add ({recipe.ingredients.length})\n

\n \n
\n \n {ing.amount !== null && (\n \n {formatAmount(ing.amount, multiplier)}{' '}\n \n )}\n {ing.unit && (\n \n {ing.unit}{' '}\n \n )}\n {ing.name}\n \n {ing.notes && (\n ({ing.notes})\n )}\n
\n

\n\n {/* Footer */}\n

\n \n Cancel\n \n \n {isAdding ? (\n <>\n \n Adding...\n \n ) : (\n <>\n \n Add {servings} Serving{servings !== 1 ? 's' : ''}\n \n )}\n \n

\n );\n}\n\n",[],[376,403,555],"b86d0600-d3a9-11f0-b1e3-42dde27851f2",["D",1765138634552],[299,300,301,302,303,304,305,306,307,308,309,310,311,312,313,314,315,316,317,318],[376,403],"b82c4976-d3a9-11f0-8e4b-42dde27851f2",["D",1765138634122],[298,319,320,321],[376],"937c6518-db09-11f0-82a1-42dde27851f2","index.ts","b8403350-d3a9-11f0-8e76-42dde27851f2",121,["D",1765949461117],5,"http","import { Hono } from \"https://esm.sh/hono@4.4.2\";\nimport { serveFile, readFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { runMigrations } from \"./database/migrations.ts\";\nimport { authRoutes } from \"./routes/auth.ts\";\nimport { recipesRoutes } from \"./routes/recipes.ts\";\nimport { groceryListsRoutes } from \"./routes/grocery-lists.ts\";\nimport { mealPlansRoutes } from \"./routes/meal-plans.ts\";\nimport { nutritionRoutes } from \"./routes/nutrition.ts\";\nimport { scraperEvalRoutes } from \"./routes/scraper-eval.ts\";\nimport { fdcRoutes } from \"./routes/fdc.ts\";\nimport { customFoodsRoutes } from \"./routes/custom-foods.ts\";\nimport { sessionMiddleware } from \"./middleware/session.ts\";\n\nconst app = new Hono();\n\n// Run migrations on startup\nawait runMigrations();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n console.error('Error:', err);\n if (err.message === 'Unauthorized') {\n return c.json({ success: false, error: 'Unauthorized' }, 401);\n }\n throw err;\n});\n\n// Apply session middleware to all routes\napp.use('*', sessionMiddleware);\n\n// API routes\napp.route('/api/auth', authRoutes);\napp.route('/api/recipes', recipesRoutes);\napp.route('/api/grocery-lists', groceryListsRoutes);\napp.route('/api/meal-plans', mealPlansRoutes);\napp.route('/api/nutrition', nutritionRoutes);\napp.route('/api/scraper-eval', scraperEvalRoutes);\napp.route('/api/fdc', fdcRoutes);\napp.route('/api/custom-foods', customFoodsRoutes);\n\n// Serve static files from frontend and shared\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Serve index.html for root route\napp.get(\"/\", async c => {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// Serve favicon\napp.get(\"/favicon.svg\", c => serveFile(\"/frontend/favicon.svg\", import.meta.url));\n\n// This is the entry point for HTTP vals\nexport default app.fetch;\n\n\n",[],[580,571],"backend","20602d4b-9d28-4e6b-9a13-648b18d2c40e","nutrition-calculator.ts","6a3733ee-da38-11f0-8a3d-42dde27851f2","6a0c0b60-da38-11f0-8f3b-42dde27851f2",["D",1788041252942],"// Nutrition Calculator Service\n// Calculates recipe nutrition by summing ingredient nutrition from FDC data\n\nimport { getFDCFoods } from \"./fdc-client.ts\";\nimport type { RecipeIngredient, RecipeNutrition, FDCNutrition, NutrientKey } from \"../../shared/types.ts\";\nimport { ALL_NUTRIENT_KEYS, resolveCaloriesOrNull } from \"../../shared/types.ts\";\n\n// Unit conversion factors to grams\nconst UNIT_TO_GRAMS: Record = {\n 'g': 1,\n 'gram': 1,\n 'grams': 1,\n 'kg': 1000,\n 'kilogram': 1000,\n 'oz': 28.3495,\n 'ounce': 28.3495,\n 'ounces': 28.3495,\n 'lb': 453.592,\n 'lbs': 453.592,\n 'pound': 453.592,\n 'pounds': 453.592,\n 'ml': 1, // Approximate, assumes density of water\n 'milliliter': 1,\n 'milliliters': 1,\n 'l': 1000,\n 'liter': 1000,\n 'liters': 1000,\n // Common cooking measurements (approximate, for water-like liquids)\n 'cup': 236.588,\n 'cups': 236.588,\n 'tbsp': 14.787,\n 'tablespoon': 14.787,\n 'tablespoons': 14.787,\n 'tsp': 4.929,\n 'teaspoon': 4.929,\n 'teaspoons': 4.929,\n};\n\n// Convert amount + unit to grams\nexport function convertToGrams(amount: number | null, unit: string | null): number | null {\n if (amount === null) return null;\n if (!unit) return null; // Don't assume grams if no unit\n\n const normalizedUnit = unit.toLowerCase().trim();\n const factor = UNIT_TO_GRAMS[normalizedUnit];\n\n if (factor !== undefined) {\n return amount * factor;\n }\n\n // Handle units like \"2 cups\" where the unit includes a number\n const match = normalizedUnit.match(/^(\\d+(?:\\.\\d+)?)\\s*(.+)$/);\n if (match) {\n const [, numStr, baseUnit] = match;\n const baseFactor = UNIT_TO_GRAMS[baseUnit.trim()];\n if (baseFactor !== undefined) {\n return amount * parseFloat(numStr) * baseFactor;\n }\n }\n\n // For unknown units (like \"piece\", \"whole\", etc.), return null\n // These will need FDC portion data for accurate conversion\n return null;\n}\n\n// Create empty nutrition object with all nutrient keys\nfunction createEmptyNutrition(): Omit & { isComplete: boolean } {\n const nutrition: Record = { isComplete: false };\n for (const key of ALL_NUTRIENT_KEYS) {\n nutrition[key] = null;\n }\n return nutrition as Omit & { isComplete: boolean };\n}\n\n// Scale nutrition values by a factor (amountGrams / 100)\nfunction scaleNutrition(nutrition: FDCNutrition, factor: number): Partial {\n const scaled: Partial = {};\n\n for (const key of ALL_NUTRIENT_KEYS) {\n const value = nutrition[key];\n if (value !== null && value !== undefined) {\n (scaled as any)[key] = value * factor;\n }\n }\n\n return scaled;\n}\n\n// Sum nutrition values\nfunction sumNutrition(\n total: Partial>,\n toAdd: Partial\n): void {\n for (const key of ALL_NUTRIENT_KEYS) {\n const value = (toAdd as any)[key];\n if (value !== null && value !== undefined) {\n (total as any)[key] = ((total as any)[key] || 0) + value;\n }\n }\n}\n\nexport interface CalculatedNutrition {\n nutrition: Omit;\n linkedCount: number;\n totalCount: number;\n unlinkedIngredients: string[];\n}\n\n// Calculate recipe nutrition from ingredients\nexport async function calculateRecipeNutrition(\n ingredients: RecipeIngredient[],\n servingSize: number\n): Promise {\n if (ingredients.length === 0) {\n return {\n nutrition: { ...createEmptyNutrition(), isComplete: true },\n linkedCount: 0,\n totalCount: 0,\n unlinkedIngredients: [],\n };\n }\n\n // Collect FDC IDs that need to be fetched\n const fdcIds = ingredients\n .filter(i => i.fdcId !== null)\n .map(i => i.fdcId as number);\n\n // Fetch all FDC foods at once\n const fdcFoods = fdcIds.length > 0 ? await getFDCFoods(fdcIds) : new Map();\n\n const totalNutrition: Partial> = {};\n const unlinkedIngredients: string[] = [];\n const incalculableIngredients: string[] = [];\n let linkedCount = 0;\n\n for (const ingredient of ingredients) {\n // Check if ingredient has FDC link\n if (!ingredient.fdcId) {\n unlinkedIngredients.push(ingredient.name);\n continue;\n }\n\n const fdcFood = fdcFoods.get(ingredient.fdcId);\n if (!fdcFood) {\n unlinkedIngredients.push(ingredient.name);\n continue;\n }\n\n // Get amount in grams\n let amountGrams = ingredient.amountGrams;\n\n // If no pre-calculated grams, try to convert\n if (amountGrams === null && ingredient.amount !== null) {\n amountGrams = convertToGrams(ingredient.amount, ingredient.unit);\n }\n\n // If still no amount, use FDC serving size as default\n if (amountGrams === null) {\n if (fdcFood.servingSize && fdcFood.servingSizeUnit?.toLowerCase() === 'g') {\n amountGrams = fdcFood.servingSize * (ingredient.amount || 1);\n }\n else {\n // Can't calculate without amount\n incalculableIngredients.push(ingredient.name);\n continue;\n }\n }\n\n // FDC nutrition is per 100g, scale by actual amount\n const scaleFactor = amountGrams / 100;\n const scaledNutrition = scaleNutrition(fdcFood.nutrition, scaleFactor);\n sumNutrition(totalNutrition, scaledNutrition);\n\n linkedCount++;\n }\n\n // Divide by serving size to get per-serving values\n const perServing: Partial> = {};\n for (const key of ALL_NUTRIENT_KEYS) {\n const value = (totalNutrition as any)[key];\n if (value !== undefined) {\n (perServing as any)[key] = value / servingSize;\n } else {\n (perServing as any)[key] = null;\n }\n }\n\n const isComplete = unlinkedIngredients.length === 0 && ingredients.length > 0;\n\n // Build result with all nutrient keys\n const resultNutrition: any = { isComplete };\n for (const key of ALL_NUTRIENT_KEYS) {\n resultNutrition[key] = (perServing as any)[key] ?? null;\n }\n // If no ingredient carried an energy value, estimate it from the summed macros\n // so the recipe's calories stay consistent with its protein/carbs/fat.\n resultNutrition.calories = resolveCaloriesOrNull(resultNutrition);\n\n return {\n nutrition: resultNutrition,\n linkedCount,\n totalCount: ingredients.length,\n unlinkedIngredients,\n };\n}\n\n// Recalculate nutrition when serving size changes\nexport function recalculateForServingSize(\n originalNutrition: RecipeNutrition,\n originalServingSize: number,\n newServingSize: number\n): Omit {\n if (originalServingSize === newServingSize) {\n return { ...originalNutrition };\n }\n\n const factor = originalServingSize / newServingSize;\n\n const result: any = { isComplete: originalNutrition.isComplete };\n for (const key of ALL_NUTRIENT_KEYS) {\n const value = (originalNutrition as any)[key];\n if (value !== null) {\n result[key] = value * factor;\n } else {\n result[key] = null;\n }\n }\n result.calories = resolveCaloriesOrNull(result);\n\n return result as Omit;\n}\n",[],[580,589,582],"services","7d68a7a1-cf70-4825-bda6-e58a030c89f3","fdc-client.ts","6a3ab8ca-da38-11f0-8f3b-42dde27851f2",247,["D",1788041252922],"// USDA FoodData Central API Client\n// Documentation: https://fdc.nal.usda.gov/api-guide.html\n\nimport { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport { FDC_FOODS_CACHE_TABLE } from \"../database/migrations.ts\";\nimport type { FDCFood, FDCNutrition, FDCSearchResult, FDCDataType, NutrientKey } from \"../../shared/types.ts\";\nimport { ALL_NUTRIENT_KEYS, resolveCaloriesOrNull } from \"../../shared/types.ts\";\n\nconst FDC_API_BASE = \"https://api.nal.usda.gov/fdc/v1\";\n\n// USDA FDC Nutrient IDs (per USDA FDC documentation)\n// Full comprehensive list of all available nutrients\nconst NUTRIENT_IDS: Record = {\n // Energy\n calories: 1008, // Energy (kcal)\n \n // Macronutrients\n protein: 1003, // Protein\n fat: 1004, // Total lipid (fat)\n carbs: 1005, // Carbohydrate, by difference\n fiber: 1079, // Fiber, total dietary\n sugars: 2000, // Sugars, total including NLEA\n addedSugars: 1235, // Sugars, added\n starch: 1009, // Starch\n \n // Fats breakdown\n saturatedFat: 1258, // Fatty acids, total saturated\n transFat: 1257, // Fatty acids, total trans\n monounsaturatedFat: 1292, // Fatty acids, total monounsaturated\n polyunsaturatedFat: 1293, // Fatty acids, total polyunsaturated\n cholesterol: 1253, // Cholesterol\n \n // Other macros\n water: 1051, // Water\n alcohol: 1018, // Alcohol, ethyl\n caffeine: 1057, // Caffeine\n \n // Minerals\n sodium: 1093, // Sodium, Na\n potassium: 1092, // Potassium, K\n calcium: 1087, // Calcium, Ca\n iron: 1089, // Iron, Fe\n magnesium: 1090, // Magnesium, Mg\n zinc: 1095, // Zinc, Zn\n phosphorus: 1091, // Phosphorus, P\n selenium: 1103, // Selenium, Se\n copper: 1098, // Copper, Cu\n manganese: 1101, // Manganese, Mn\n fluoride: 1099, // Fluoride, F\n chromium: 1096, // Chromium, Cr\n molybdenum: 1102, // Molybdenum, Mo\n iodine: 1100, // Iodine, I\n chloride: 1088, // Chlorine, Cl (Chloride)\n \n // Vitamins - Fat soluble\n vitaminA: 1106, // Vitamin A, RAE\n retinol: 1105, // Retinol\n betaCarotene: 1107, // Carotene, beta\n alphaCarotene: 1108, // Carotene, alpha\n betaCryptoxanthin: 1120, // Cryptoxanthin, beta\n lycopene: 1122, // Lycopene\n luteinZeaxanthin: 1123, // Lutein + zeaxanthin\n vitaminD: 1114, // Vitamin D (D2 + D3)\n vitaminD2: 1111, // Vitamin D2 (ergocalciferol)\n vitaminD3: 1112, // Vitamin D3 (cholecalciferol)\n vitaminE: 1109, // Vitamin E (alpha-tocopherol)\n vitaminK: 1185, // Vitamin K (phylloquinone)\n vitaminK2: 1184, // Vitamin K (Dihydrophylloquinone) / menaquinone-4\n \n // Vitamins - Water soluble\n vitaminC: 1162, // Vitamin C, total ascorbic acid\n vitaminB6: 1175, // Vitamin B-6\n vitaminB12: 1178, // Vitamin B-12\n thiamin: 1165, // Thiamin (B1)\n riboflavin: 1166, // Riboflavin (B2)\n niacin: 1167, // Niacin (B3)\n pantothenicAcid: 1170, // Pantothenic acid (B5)\n biotin: 1176, // Biotin (B7)\n folate: 1177, // Folate, total (DFE)\n folicAcid: 1186, // Folic acid\n choline: 1180, // Choline, total\n betaine: 1198, // Betaine\n};\n\nfunction getApiKey(): string {\n const apiKey = Deno.env.get(\"FDC_API_KEY\");\n if (!apiKey) {\n throw new Error(\"FDC_API_KEY environment variable is not set\");\n }\n return apiKey;\n}\n\n// Micronutrient IDs for counting available data (vitamins + minerals, excluding basic macros)\nconst MICRONUTRIENT_KEYS: NutrientKey[] = [\n // Minerals\n 'sodium', 'potassium', 'calcium', 'iron', 'magnesium', 'zinc',\n 'phosphorus', 'selenium', 'copper', 'manganese',\n // Vitamins\n 'vitaminA', 'vitaminC', 'vitaminD', 'vitaminE', 'vitaminK',\n 'vitaminB6', 'vitaminB12', 'thiamin', 'riboflavin', 'niacin',\n 'pantothenicAcid', 'biotin', 'folate', 'choline',\n];\n\nconst MICRONUTRIENT_IDS = MICRONUTRIENT_KEYS.map(key => NUTRIENT_IDS[key]);\n\n// Count micronutrients from food nutrients array\nfunction countMicronutrientsFromNutrients(nutrients: any[]): number {\n if (!nutrients || !Array.isArray(nutrients)) return 0;\n\n let count = 0;\n for (const nutrientId of MICRONUTRIENT_IDS) {\n const nutrient = nutrients.find((n: any) =>\n n.nutrientId === nutrientId || n.nutrient?.id === nutrientId\n );\n if (nutrient && (nutrient.amount != null || nutrient.value != null)) {\n count++;\n }\n }\n return count;\n}\n\n// Search FDC foods\nexport async function searchFDCFoods(\n query: string,\n options?: {\n dataType?: FDCDataType[];\n pageSize?: number;\n pageNumber?: number;\n sortBy?: string;\n sortOrder?: 'asc' | 'desc';\n }\n): Promise {\n const apiKey = getApiKey();\n const pageSize = options?.pageSize ?? 25;\n const pageNumber = options?.pageNumber ?? 1;\n\n // Build data type filter\n const dataTypes = options?.dataType ?? ['Branded', 'Foundation', 'SR Legacy'];\n\n const response = await fetch(`${FDC_API_BASE}/foods/search?api_key=${apiKey}`, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({\n query: query.trim(),\n dataType: dataTypes,\n pageSize,\n pageNumber,\n sortBy: options?.sortBy,\n sortOrder: options?.sortOrder,\n }),\n });\n\n if (!response.ok) {\n const errorText = await response.text();\n throw new Error(`FDC API search failed: ${response.status} ${errorText}`);\n }\n\n const data = await response.json();\n\n return (data.foods || []).map((food: any) => ({\n fdcId: food.fdcId,\n description: food.description,\n dataType: food.dataType,\n brandOwner: food.brandOwner || null,\n brandName: food.brandName || null,\n score: food.score || 0,\n micronutrientCount: food.foodNutrients\n ? countMicronutrientsFromNutrients(food.foodNutrients)\n : null,\n }));\n}\n\n// Extract nutrition from FDC food nutrients array\nfunction extractNutrition(nutrients: any[]): FDCNutrition {\n const getNutrientValue = (nutrientId: number): number | null => {\n const nutrient = nutrients.find((n: any) => n.nutrientId === nutrientId || n.nutrient?.id === nutrientId);\n if (!nutrient) return null;\n return nutrient.amount ?? nutrient.value ?? null;\n };\n\n // Build nutrition object dynamically from NUTRIENT_IDS\n const nutrition: Partial = {};\n for (const key of ALL_NUTRIENT_KEYS) {\n const nutrientId = NUTRIENT_IDS[key];\n if (nutrientId !== undefined) {\n (nutrition as any)[key] = getNutrientValue(nutrientId);\n }\n }\n\n // Energy fallback: 1008 (Energy, kcal) is the usual source but many foods only\n // carry the Atwater-factor variants (2047/2048) or energy in kJ (1062).\n if (nutrition.calories == null) {\n const kcal = getNutrientValue(2047) ?? getNutrientValue(2048);\n const kj = getNutrientValue(1062);\n nutrition.calories = kcal ?? (kj != null ? kj / 4.184 : null);\n }\n // Last resort: estimate from macros so calories never reads null while\n // protein/carbs/fat have values.\n nutrition.calories = resolveCaloriesOrNull(nutrition);\n\n return nutrition as FDCNutrition;\n}\n\n// Get detailed food info from FDC API\nexport async function getFDCFoodFromApi(fdcId: number): Promise {\n const apiKey = getApiKey();\n\n const response = await fetch(`${FDC_API_BASE}/food/${fdcId}?api_key=${apiKey}`);\n\n if (!response.ok) {\n const errorText = await response.text();\n throw new Error(`FDC API food fetch failed: ${response.status} ${errorText}`);\n }\n\n const food = await response.json();\n\n // Extract nutrients (different structure for different data types)\n const nutrients = food.foodNutrients || [];\n\n return {\n fdcId: food.fdcId,\n description: food.description,\n dataType: food.dataType,\n brandOwner: food.brandOwner || null,\n brandName: food.brandName || null,\n servingSize: food.servingSize || null,\n servingSizeUnit: food.servingSizeUnit || null,\n householdServingText: food.householdServingFullText || null,\n nutrition: extractNutrition(nutrients),\n cachedAt: new Date().toISOString(),\n };\n}\n\n// Cache FDC food to database\nexport async function cacheFDCFood(food: FDCFood): Promise {\n const n = food.nutrition;\n\n await sqlite.execute(`\n INSERT OR REPLACE INTO ${FDC_FOODS_CACHE_TABLE} (\n fdc_id, description, data_type, brand_owner, brand_name,\n serving_size, serving_size_unit, household_serving_text,\n calories, protein, fat, carbs, fiber, sugars, added_sugars, starch,\n saturated_fat, trans_fat, monounsaturated_fat, polyunsaturated_fat, cholesterol,\n water, alcohol, caffeine,\n sodium, potassium, calcium, iron, magnesium, zinc,\n phosphorus, selenium, copper, manganese, fluoride, chromium, molybdenum, iodine, chloride,\n vitamin_a, retinol, beta_carotene, alpha_carotene, beta_cryptoxanthin, lycopene, lutein_zeaxanthin,\n vitamin_d, vitamin_d2, vitamin_d3, vitamin_e, vitamin_k, vitamin_k2,\n vitamin_c, vitamin_b6, vitamin_b12, thiamin, riboflavin, niacin,\n pantothenic_acid, biotin, folate, folic_acid, choline, betaine,\n cached_at\n ) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)\n `, [\n food.fdcId, food.description, food.dataType, food.brandOwner, food.brandName,\n food.servingSize, food.servingSizeUnit, food.householdServingText,\n n.calories, n.protein, n.fat, n.carbs, n.fiber, n.sugars, n.addedSugars, n.starch,\n n.saturatedFat, n.transFat, n.monounsaturatedFat, n.polyunsaturatedFat, n.cholesterol,\n n.water, n.alcohol, n.caffeine,\n n.sodium, n.potassium, n.calcium, n.iron, n.magnesium, n.zinc,\n n.phosphorus, n.selenium, n.copper, n.manganese, n.fluoride, n.chromium, n.molybdenum, n.iodine, n.chloride,\n n.vitaminA, n.retinol, n.betaCarotene, n.alphaCarotene, n.betaCryptoxanthin, n.lycopene, n.luteinZeaxanthin,\n n.vitaminD, n.vitaminD2, n.vitaminD3, n.vitaminE, n.vitaminK, n.vitaminK2,\n n.vitaminC, n.vitaminB6, n.vitaminB12, n.thiamin, n.riboflavin, n.niacin,\n n.pantothenicAcid, n.biotin, n.folate, n.folicAcid, n.choline, n.betaine,\n food.cachedAt,\n ]);\n}\n\n// Get FDC food from cache\nexport async function getFDCFoodFromCache(fdcId: number): Promise {\n const result = await sqlite.execute(\n `SELECT * FROM ${FDC_FOODS_CACHE_TABLE} WHERE fdc_id = ?`,\n [fdcId]\n );\n\n if (result.rows.length === 0) return null;\n\n const row = result.rows[0];\n const nutrition: FDCNutrition = {\n calories: row.calories as number | null,\n protein: row.protein as number | null,\n fat: row.fat as number | null,\n carbs: row.carbs as number | null,\n fiber: row.fiber as number | null,\n sugars: row.sugars as number | null,\n addedSugars: row.added_sugars as number | null,\n starch: row.starch as number | null,\n saturatedFat: row.saturated_fat as number | null,\n transFat: row.trans_fat as number | null,\n monounsaturatedFat: row.monounsaturated_fat as number | null,\n polyunsaturatedFat: row.polyunsaturated_fat as number | null,\n cholesterol: row.cholesterol as number | null,\n water: row.water as number | null,\n alcohol: row.alcohol as number | null,\n caffeine: row.caffeine as number | null,\n sodium: row.sodium as number | null,\n potassium: row.potassium as number | null,\n calcium: row.calcium as number | null,\n iron: row.iron as number | null,\n magnesium: row.magnesium as number | null,\n zinc: row.zinc as number | null,\n phosphorus: row.phosphorus as number | null,\n selenium: row.selenium as number | null,\n copper: row.copper as number | null,\n manganese: row.manganese as number | null,\n fluoride: row.fluoride as number | null,\n chromium: row.chromium as number | null,\n molybdenum: row.molybdenum as number | null,\n iodine: row.iodine as number | null,\n chloride: row.chloride as number | null,\n vitaminA: row.vitamin_a as number | null,\n retinol: row.retinol as number | null,\n betaCarotene: row.beta_carotene as number | null,\n alphaCarotene: row.alpha_carotene as number | null,\n betaCryptoxanthin: row.beta_cryptoxanthin as number | null,\n lycopene: row.lycopene as number | null,\n luteinZeaxanthin: row.lutein_zeaxanthin as number | null,\n vitaminD: row.vitamin_d as number | null,\n vitaminD2: row.vitamin_d2 as number | null,\n vitaminD3: row.vitamin_d3 as number | null,\n vitaminE: row.vitamin_e as number | null,\n vitaminK: row.vitamin_k as number | null,\n vitaminK2: row.vitamin_k2 as number | null,\n vitaminC: row.vitamin_c as number | null,\n vitaminB6: row.vitamin_b6 as number | null,\n vitaminB12: row.vitamin_b12 as number | null,\n thiamin: row.thiamin as number | null,\n riboflavin: row.riboflavin as number | null,\n niacin: row.niacin as number | null,\n pantothenicAcid: row.pantothenic_acid as number | null,\n biotin: row.biotin as number | null,\n folate: row.folate as number | null,\n folicAcid: row.folic_acid as number | null,\n choline: row.choline as number | null,\n betaine: row.betaine as number | null,\n };\n // Backfill energy for rows cached before the fallback existed.\n nutrition.calories = resolveCaloriesOrNull(nutrition);\n\n return {\n fdcId: row.fdc_id as number,\n description: row.description as string,\n dataType: row.data_type as FDCDataType,\n brandOwner: row.brand_owner as string | null,\n brandName: row.brand_name as string | null,\n servingSize: row.serving_size as number | null,\n servingSizeUnit: row.serving_size_unit as string | null,\n householdServingText: row.household_serving_text as string | null,\n nutrition,\n cachedAt: row.cached_at as string,\n };\n}\n\n// Get FDC food with caching (fetches from API if not cached or cache is old)\nexport async function getFDCFood(fdcId: number, maxCacheAgeHours = 24 * 7): Promise {\n // Try cache first\n const cached = await getFDCFoodFromCache(fdcId);\n\n if (cached) {\n // Check if cache is still valid\n const cacheAge = Date.now() - new Date(cached.cachedAt).getTime();\n const maxAge = maxCacheAgeHours * 60 * 60 * 1000;\n\n if (cacheAge < maxAge) {\n return cached;\n }\n }\n\n // Fetch from API\n const food = await getFDCFoodFromApi(fdcId);\n\n // Cache the result\n await cacheFDCFood(food);\n\n return food;\n}\n\n// Get multiple FDC foods (batch with caching)\nexport async function getFDCFoods(fdcIds: number[]): Promise> {\n const result = new Map();\n const toFetch: number[] = [];\n\n // Check cache for each\n for (const fdcId of fdcIds) {\n const cached = await getFDCFoodFromCache(fdcId);\n if (cached) {\n const cacheAge = Date.now() - new Date(cached.cachedAt).getTime();\n const maxAge = 24 * 7 * 60 * 60 * 1000; // 7 days\n if (cacheAge < maxAge) {\n result.set(fdcId, cached);\n continue;\n }\n }\n toFetch.push(fdcId);\n }\n\n // Fetch missing from API (one by one to avoid rate limits)\n for (const fdcId of toFetch) {\n try {\n const food = await getFDCFoodFromApi(fdcId);\n await cacheFDCFood(food);\n result.set(fdcId, food);\n } catch (error) {\n console.error(`Failed to fetch FDC food ${fdcId}:`, error);\n }\n }\n\n return result;\n}\n\n// Auto-match ingredient name to FDC food (Foundation Foods only)\nexport async function autoMatchIngredient(ingredientName: string): Promise<{\n match: FDCSearchResult | null;\n confidence: number;\n alternatives: FDCSearchResult[];\n}> {\n // Clean up ingredient name for better matching\n const cleanName = ingredientName\n .toLowerCase()\n .replace(/[,()]/g, ' ')\n .replace(/\\s+/g, ' ')\n .trim();\n\n // Search only Foundation Foods and SR Legacy for auto-matching (not Branded)\n const results = await searchFDCFoods(cleanName, {\n dataType: ['Foundation', 'SR Legacy'],\n pageSize: 5\n });\n\n if (results.length === 0) {\n return { match: null, confidence: 0, alternatives: [] };\n }\n\n // Return the first result as the match (per user request)\n return {\n match: results[0],\n confidence: 100,\n alternatives: results.slice(1, 5),\n };\n}\n",[],[580,589,591],"6a0c0aa2-da38-11f0-8f3b-42dde27851f2",85,["D",1765859628057],[294,295],[580,589],"8d1e60f2-d926-11f0-8373-42dde27851f2","scraper-eval.ts","085d9006-d91f-11f0-9791-42dde27851f2","b8ad56f6-d3a9-11f0-8e4b-42dde27851f2",63,["D",1765742004797],"import { Hono } from \"https://esm.sh/hono@4.4.2\";\nimport * as cheerio from \"https://esm.sh/cheerio@1.0.0-rc.12\";\nimport { requireAuth } from \"../middleware/session.ts\";\nimport {\n getScraperEvalUrls,\n addScraperEvalUrl,\n addScraperEvalUrls,\n deleteScraperEvalUrl,\n deleteAllScraperEvalUrls,\n} from \"../database/queries.ts\";\n\nconst app = new Hono();\n\n// Scraper names for consistent reference\nconst SCRAPER_NAMES = [\n \"json-ld-native\",\n \"microdata-native\",\n \"html-recipe-parser\",\n \"schema-org-extractor\",\n] as const;\n\ntype ScraperName = typeof SCRAPER_NAMES[number];\n\ninterface ScraperResult {\n scraper: ScraperName;\n success: boolean;\n data?: any;\n error?: string;\n durationMs: number;\n}\n\ninterface UrlResult {\n url: string;\n results: ScraperResult[];\n}\n\n// Helper to fetch HTML with proper headers\nasync function fetchHtml(url: string): Promise {\n const response = await fetch(url, {\n headers: {\n \"User-Agent\": \"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36\",\n \"Accept\": \"text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8\",\n \"Accept-Language\": \"en-US,en;q=0.9\",\n },\n });\n if (!response.ok) {\n throw new Error(`HTTP ${response.status}: ${response.statusText}`);\n }\n return await response.text();\n}\n\n// Native JSON-LD parser - extracts schema.org Recipe from JSON-LD scripts\nfunction parseJsonLd(html: string, sourceUrl: string): any {\n const $ = cheerio.load(html);\n const scripts = $('script[type=\"application/ld+json\"]');\n \n for (let i = 0; i < scripts.length; i++) {\n try {\n const content = $(scripts[i]).html();\n if (!content) continue;\n \n const data = JSON.parse(content);\n const recipe = findRecipeInData(data);\n if (recipe) {\n return normalizeRecipe(recipe, sourceUrl);\n }\n } catch (e) {\n // Continue to next script\n }\n }\n \n throw new Error(\"No JSON-LD Recipe schema found\");\n}\n\n// Native Microdata parser - extracts schema.org Recipe from microdata attributes\nfunction parseMicrodata(html: string, sourceUrl: string): any {\n const $ = cheerio.load(html);\n \n // Look for itemtype=\"https://schema.org/Recipe\" or \"http://schema.org/Recipe\"\n const recipeElement = $('[itemtype*=\"schema.org/Recipe\"]').first();\n \n if (recipeElement.length === 0) {\n throw new Error(\"No Microdata Recipe schema found\");\n }\n \n const recipe: any = {\n \"@type\": \"Recipe\",\n sourceUrl,\n };\n \n // Extract itemprop values\n recipeElement.find('[itemprop]').each((_, el) => {\n const prop = $(el).attr('itemprop');\n if (!prop) return;\n \n let value: string | undefined;\n if ($(el).attr('content')) {\n value = $(el).attr('content');\n } else if ($(el).is('meta')) {\n value = $(el).attr('content');\n } else if ($(el).is('time')) {\n value = $(el).attr('datetime') || $(el).text().trim();\n } else if ($(el).is('img')) {\n value = $(el).attr('src');\n } else if ($(el).is('a')) {\n value = $(el).attr('href') || $(el).text().trim();\n } else {\n value = $(el).text().trim();\n }\n \n if (value) {\n // Handle arrays (ingredients, instructions)\n if (prop === 'recipeIngredient' || prop === 'ingredients') {\n if (!recipe.recipeIngredient) recipe.recipeIngredient = [];\n recipe.recipeIngredient.push(value);\n } else if (prop === 'recipeInstructions' || prop === 'instructions') {\n if (!recipe.recipeInstructions) recipe.recipeInstructions = [];\n recipe.recipeInstructions.push(value);\n } else {\n recipe[prop] = value;\n }\n }\n });\n \n return normalizeRecipe(recipe, sourceUrl);\n}\n\n// Schema.org extractor - combines multiple extraction methods\nfunction parseSchemaOrg(html: string, sourceUrl: string): any {\n const $ = cheerio.load(html);\n \n // Try JSON-LD first\n try {\n return parseJsonLd(html, sourceUrl);\n } catch (e) {\n // Continue\n }\n \n // Try Microdata\n try {\n return parseMicrodata(html, sourceUrl);\n } catch (e) {\n // Continue\n }\n \n // Fallback: Try to extract common recipe patterns from HTML\n const recipe: any = {\n sourceUrl,\n extractionMethod: \"heuristic\",\n };\n \n // Try to find title\n recipe.name = $('h1').first().text().trim() || \n $('meta[property=\"og:title\"]').attr('content') ||\n $('title').text().trim();\n \n // Try to find ingredients by common class names\n const ingredientSelectors = [\n '.ingredients li',\n '.ingredient-list li',\n '[class*=\"ingredient\"] li',\n '.recipe-ingredients li',\n 'ul.ingredients li',\n ];\n \n for (const selector of ingredientSelectors) {\n const items = $(selector);\n if (items.length > 0) {\n recipe.recipeIngredient = items.map((_, el) => $(el).text().trim()).get();\n break;\n }\n }\n \n // Try to find instructions\n const instructionSelectors = [\n '.instructions li',\n '.instruction-list li',\n '[class*=\"instruction\"] li',\n '.recipe-instructions li',\n '.directions li',\n '.steps li',\n ];\n \n for (const selector of instructionSelectors) {\n const items = $(selector);\n if (items.length > 0) {\n recipe.recipeInstructions = items.map((_, el) => $(el).text().trim()).get();\n break;\n }\n }\n \n if (!recipe.recipeIngredient && !recipe.recipeInstructions) {\n throw new Error(\"Could not extract recipe data using any method\");\n }\n \n return recipe;\n}\n\n// HTML Recipe Parser - simulates the npm package behavior using JSON-LD\nasync function parseHtmlRecipeParser(html: string, sourceUrl: string): Promise {\n // This mimics html-recipe-parser which primarily uses JSON-LD\n return parseJsonLd(html, sourceUrl);\n}\n\n// Find Recipe in nested JSON-LD data\nfunction findRecipeInData(data: any): any {\n if (!data) return null;\n \n // Direct Recipe type\n if (data[\"@type\"] === \"Recipe\") {\n return data;\n }\n \n // Array of types (e.g., [\"Recipe\", \"HowTo\"])\n if (Array.isArray(data[\"@type\"]) && data[\"@type\"].includes(\"Recipe\")) {\n return data;\n }\n \n // Check in @graph\n if (data[\"@graph\"] && Array.isArray(data[\"@graph\"])) {\n for (const item of data[\"@graph\"]) {\n const recipe = findRecipeInData(item);\n if (recipe) return recipe;\n }\n }\n \n // Check in array\n if (Array.isArray(data)) {\n for (const item of data) {\n const recipe = findRecipeInData(item);\n if (recipe) return recipe;\n }\n }\n \n return null;\n}\n\n// Normalize recipe data to a consistent format\nfunction normalizeRecipe(recipe: any, sourceUrl: string): any {\n const normalized: any = {\n name: recipe.name || recipe.headline || \"Untitled Recipe\",\n sourceUrl,\n ingredients: [],\n instructions: [],\n };\n \n // Normalize ingredients\n const rawIngredients = recipe.recipeIngredient || recipe.ingredients || [];\n normalized.ingredients = Array.isArray(rawIngredients) \n ? rawIngredients.map((i: any) => typeof i === 'string' ? i : i.text || String(i))\n : [rawIngredients];\n \n // Normalize instructions\n const rawInstructions = recipe.recipeInstructions || recipe.instructions || [];\n if (Array.isArray(rawInstructions)) {\n normalized.instructions = rawInstructions.map((i: any) => {\n if (typeof i === 'string') return i;\n if (i.text) return i.text;\n if (i[\"@type\"] === \"HowToStep\") return i.text || i.name || \"\";\n if (i[\"@type\"] === \"HowToSection\") {\n // Handle sections with nested steps\n const steps = i.itemListElement || [];\n return steps.map((s: any) => s.text || s.name || \"\").join(\" \");\n }\n return String(i);\n });\n } else {\n normalized.instructions = [rawInstructions];\n }\n \n // Copy other useful fields\n if (recipe.image) {\n normalized.imageUrl = Array.isArray(recipe.image) \n ? recipe.image[0] \n : (typeof recipe.image === 'string' ? recipe.image : recipe.image.url);\n }\n if (recipe.author) {\n normalized.author = typeof recipe.author === 'string' \n ? recipe.author \n : recipe.author.name || recipe.author[0]?.name;\n }\n if (recipe.prepTime) normalized.prepTime = recipe.prepTime;\n if (recipe.cookTime) normalized.cookTime = recipe.cookTime;\n if (recipe.totalTime) normalized.totalTime = recipe.totalTime;\n if (recipe.recipeYield) normalized.yield = recipe.recipeYield;\n if (recipe.nutrition) normalized.nutrition = recipe.nutrition;\n if (recipe.recipeCategory) normalized.category = recipe.recipeCategory;\n if (recipe.recipeCuisine) normalized.cuisine = recipe.recipeCuisine;\n if (recipe.description) normalized.description = recipe.description;\n \n // Include raw data for debugging\n normalized._raw = recipe;\n \n return normalized;\n}\n\n// Individual scraper runners\nasync function runJsonLdNative(html: string, url: string): Promise {\n const start = Date.now();\n try {\n const data = parseJsonLd(html, url);\n return {\n scraper: \"json-ld-native\",\n success: true,\n data,\n durationMs: Date.now() - start,\n };\n } catch (error) {\n return {\n scraper: \"json-ld-native\",\n success: false,\n error: error instanceof Error ? error.message : String(error),\n durationMs: Date.now() - start,\n };\n }\n}\n\nasync function runMicrodataNative(html: string, url: string): Promise {\n const start = Date.now();\n try {\n const data = parseMicrodata(html, url);\n return {\n scraper: \"microdata-native\",\n success: true,\n data,\n durationMs: Date.now() - start,\n };\n } catch (error) {\n return {\n scraper: \"microdata-native\",\n success: false,\n error: error instanceof Error ? error.message : String(error),\n durationMs: Date.now() - start,\n };\n }\n}\n\nasync function runHtmlRecipeParser(html: string, url: string): Promise {\n const start = Date.now();\n try {\n const data = await parseHtmlRecipeParser(html, url);\n return {\n scraper: \"html-recipe-parser\",\n success: true,\n data,\n durationMs: Date.now() - start,\n };\n } catch (error) {\n return {\n scraper: \"html-recipe-parser\",\n success: false,\n error: error instanceof Error ? error.message : String(error),\n durationMs: Date.now() - start,\n };\n }\n}\n\nasync function runSchemaOrgExtractor(html: string, url: string): Promise {\n const start = Date.now();\n try {\n const data = parseSchemaOrg(html, url);\n return {\n scraper: \"schema-org-extractor\",\n success: true,\n data,\n durationMs: Date.now() - start,\n };\n } catch (error) {\n return {\n scraper: \"schema-org-extractor\",\n success: false,\n error: error instanceof Error ? error.message : String(error),\n durationMs: Date.now() - start,\n };\n }\n}\n\n// Run all scrapers for a single URL\nasync function scrapeUrl(url: string): Promise {\n let html: string;\n const fetchStart = Date.now();\n \n try {\n html = await fetchHtml(url);\n } catch (error) {\n const errorMsg = error instanceof Error ? error.message : String(error);\n // Return error for all scrapers if fetch fails\n return {\n url,\n results: SCRAPER_NAMES.map(scraper => ({\n scraper,\n success: false,\n error: `Failed to fetch: ${errorMsg}`,\n durationMs: Date.now() - fetchStart,\n })),\n };\n }\n \n // Run all scrapers in parallel on the fetched HTML\n const results = await Promise.all([\n runJsonLdNative(html, url),\n runMicrodataNative(html, url),\n runHtmlRecipeParser(html, url),\n runSchemaOrgExtractor(html, url),\n ]);\n\n return { url, results };\n}\n\n// POST endpoint to scrape multiple URLs\napp.post(\"/\", async (c) => {\n const body = await c.req.json();\n const urls: string[] = body.urls;\n\n if (!Array.isArray(urls) || urls.length === 0) {\n return c.json({ success: false, error: \"urls must be a non-empty array\" }, 400);\n }\n\n // Validate URLs\n const validUrls = urls.filter((url) => {\n try {\n new URL(url);\n return true;\n } catch {\n return false;\n }\n });\n\n if (validUrls.length === 0) {\n return c.json({ success: false, error: \"No valid URLs provided\" }, 400);\n }\n\n // Run scrapers for all URLs in parallel\n const results = await Promise.all(validUrls.map(scrapeUrl));\n\n return c.json({\n success: true,\n data: results,\n scraperNames: SCRAPER_NAMES,\n });\n});\n\n// GET endpoint to get scraper info\napp.get(\"/info\", (c) => {\n return c.json({\n success: true,\n data: {\n scrapers: SCRAPER_NAMES,\n description: \"Recipe scraper evaluation tool - compares different extraction methods\",\n methods: {\n \"json-ld-native\": \"Extracts Recipe schema from JSON-LD script tags\",\n \"microdata-native\": \"Extracts Recipe schema from microdata attributes\",\n \"html-recipe-parser\": \"Simulates html-recipe-parser npm package (JSON-LD based)\",\n \"schema-org-extractor\": \"Combines JSON-LD, Microdata, and heuristic fallback\",\n },\n },\n });\n});\n\n// ============ URL PERSISTENCE ENDPOINTS ============\n\n// GET /urls - Get all saved URLs for the user\napp.get(\"/urls\", async (c) => {\n const user = requireAuth(c);\n const urls = await getScraperEvalUrls(user.id);\n return c.json({ success: true, data: urls });\n});\n\n// POST /urls - Add new URLs\napp.post(\"/urls\", async (c) => {\n const user = requireAuth(c);\n const body = await c.req.json();\n \n // Support both single URL and array of URLs\n const urlsToAdd: string[] = Array.isArray(body.urls) \n ? body.urls \n : (body.url ? [body.url] : []);\n \n // Validate URLs\n const validUrls = urlsToAdd.filter((url) => {\n try {\n new URL(url);\n return true;\n } catch {\n return false;\n }\n });\n \n if (validUrls.length === 0) {\n return c.json({ success: false, error: \"No valid URLs provided\" }, 400);\n }\n \n const added = await addScraperEvalUrls(user.id, validUrls);\n return c.json({ \n success: true, \n data: added,\n message: `Added ${added.length} URL(s)` \n });\n});\n\n// DELETE /urls/:id - Delete a specific URL\napp.delete(\"/urls/:id\", async (c) => {\n const user = requireAuth(c);\n const urlId = c.req.param(\"id\");\n \n const deleted = await deleteScraperEvalUrl(user.id, urlId);\n \n if (!deleted) {\n return c.json({ success: false, error: \"URL not found\" }, 404);\n }\n \n return c.json({ success: true });\n});\n\n// DELETE /urls - Clear all URLs\napp.delete(\"/urls\", async (c) => {\n const user = requireAuth(c);\n const count = await deleteAllScraperEvalUrls(user.id);\n return c.json({ success: true, deleted: count });\n});\n\nexport const scraperEvalRoutes = app;\n",[],[580,612,604],"routes","fa3e22ae-eeab-11f0-adef-42dde27851f2","recipes.ts","b91aea68-d3a9-11f0-897f-42dde27851f2",231,["D",1768108285360],"import { Hono } from \"https://esm.sh/hono@4.4.2\";\nimport * as cheerio from \"https://esm.sh/cheerio@1.0.0-rc.12\";\nimport { parseIngredient as sharpParseIngredient } from \"https://esm.sh/@jlucaspains/sharp-recipe-parser@1.1.0\";\nimport { requireAuth } from \"../middleware/session.ts\";\nimport {\n getRecipesByUser,\n getRecipeById,\n createRecipe,\n updateRecipe,\n deleteRecipe,\n duplicateRecipe,\n} from \"../database/queries.ts\";\nimport { getFDCFoods } from \"../services/fdc-client.ts\";\nimport type { CreateRecipeRequest, UpdateRecipeRequest, ParsedRecipeFromUrl, FDCFood } from \"../../shared/types.ts\";\n\nconst recipesRoutes = new Hono();\n\n// Get all recipes for user\nrecipesRoutes.get('/', async (c) => {\n const user = requireAuth(c);\n const recipes = await getRecipesByUser(user.id);\n return c.json({ success: true, data: recipes });\n});\n\n// Get single recipe\nrecipesRoutes.get('/:id', async (c) => {\n const user = requireAuth(c);\n const recipeId = c.req.param('id');\n\n const recipe = await getRecipeById(recipeId, user.id);\n\n if (!recipe) {\n return c.json({ success: false, error: 'Recipe not found' }, 404);\n }\n\n return c.json({ success: true, data: recipe });\n});\n\n// Create new recipe\nrecipesRoutes.post('/', async (c) => {\n const user = requireAuth(c);\n const body: CreateRecipeRequest = await c.req.json();\n\n if (!body.title) {\n return c.json({ success: false, error: 'Title is required' }, 400);\n }\n\n // Note: nutrition is now calculated from FDC-linked ingredients, not passed in\n const recipe = await createRecipe(\n user.id,\n body.title,\n body.url ?? null,\n body.instructions ?? null,\n body.servingSize || 1,\n body.ingredients || []\n );\n\n return c.json({ success: true, data: recipe });\n});\n\n// Update recipe\nrecipesRoutes.patch('/:id', async (c) => {\n const user = requireAuth(c);\n const recipeId = c.req.param('id');\n const body: UpdateRecipeRequest = await c.req.json();\n\n // Note: nutrition is recalculated from FDC-linked ingredients when ingredients change\n const recipe = await updateRecipe(recipeId, user.id, {\n title: body.title,\n url: body.url,\n instructions: body.instructions,\n servingSize: body.servingSize,\n ingredients: body.ingredients,\n });\n\n if (!recipe) {\n return c.json({ success: false, error: 'Recipe not found' }, 404);\n }\n\n return c.json({ success: true, data: recipe });\n});\n\n// Delete recipe\nrecipesRoutes.delete('/:id', async (c) => {\n const user = requireAuth(c);\n const recipeId = c.req.param('id');\n\n const deleted = await deleteRecipe(recipeId, user.id);\n\n if (!deleted) {\n return c.json({ success: false, error: 'Recipe not found' }, 404);\n }\n\n return c.json({ success: true });\n});\n\n// Duplicate recipe\nrecipesRoutes.post('/:id/duplicate', async (c) => {\n const user = requireAuth(c);\n const recipeId = c.req.param('id');\n\n const recipe = await duplicateRecipe(recipeId, user.id);\n\n if (!recipe) {\n return c.json({ success: false, error: 'Recipe not found' }, 404);\n }\n\n return c.json({ success: true, data: recipe });\n});\n\n// Get nutrition data for all linked ingredients in a recipe\n// Returns a map of fdcId -> FDCFood for calculating nutrient breakdowns\nrecipesRoutes.get('/:id/ingredient-nutrition', async (c) => {\n const user = requireAuth(c);\n const recipeId = c.req.param('id');\n\n const recipe = await getRecipeById(recipeId, user.id);\n\n if (!recipe) {\n return c.json({ success: false, error: 'Recipe not found' }, 404);\n }\n\n // Get all unique fdcIds from linked ingredients\n const fdcIds = recipe.ingredients\n .filter(ing => ing.fdcId !== null)\n .map(ing => ing.fdcId as number);\n\n const uniqueFdcIds = [...new Set(fdcIds)];\n\n if (uniqueFdcIds.length === 0) {\n return c.json({ success: true, data: {} });\n }\n\n try {\n // Fetch nutrition data for all linked ingredients\n const nutritionMap = await getFDCFoods(uniqueFdcIds);\n\n // Convert Map to plain object for JSON serialization\n const nutritionData: Record = {};\n for (const [fdcId, food] of nutritionMap) {\n nutritionData[fdcId] = food;\n }\n\n return c.json({ success: true, data: nutritionData });\n } catch (error) {\n const message = error instanceof Error ? error.message : 'Unknown error';\n return c.json({ success: false, error: message }, 500);\n }\n});\n\n// ============ RECIPE URL PARSING ============\n\n// Helper to fetch HTML with proper headers\nasync function fetchHtml(url: string): Promise {\n const response = await fetch(url, {\n headers: {\n \"User-Agent\": \"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36\",\n \"Accept\": \"text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8\",\n \"Accept-Language\": \"en-US,en;q=0.9\",\n },\n });\n if (!response.ok) {\n throw new Error(`HTTP ${response.status}: ${response.statusText}`);\n }\n return await response.text();\n}\n\n// Find Recipe in nested JSON-LD data\nfunction findRecipeInData(data: any): any {\n if (!data) return null;\n\n // Direct Recipe type\n if (data[\"@type\"] === \"Recipe\") {\n return data;\n }\n\n // Array of types (e.g., [\"Recipe\", \"HowTo\"])\n if (Array.isArray(data[\"@type\"]) && data[\"@type\"].includes(\"Recipe\")) {\n return data;\n }\n\n // Check in @graph\n if (data[\"@graph\"] && Array.isArray(data[\"@graph\"])) {\n for (const item of data[\"@graph\"]) {\n const recipe = findRecipeInData(item);\n if (recipe) return recipe;\n }\n }\n\n // Check in array\n if (Array.isArray(data)) {\n for (const item of data) {\n const recipe = findRecipeInData(item);\n if (recipe) return recipe;\n }\n }\n\n return null;\n}\n\n// Parse JSON-LD from HTML\nfunction parseJsonLd(html: string): any {\n const $ = cheerio.load(html);\n const scripts = $('script[type=\"application/ld+json\"]');\n\n for (let i = 0; i < scripts.length; i++) {\n try {\n const content = $(scripts[i]).html();\n if (!content) continue;\n\n const data = JSON.parse(content);\n const recipe = findRecipeInData(data);\n if (recipe) {\n return recipe;\n }\n } catch (e) {\n // Continue to next script\n }\n }\n\n return null;\n}\n\n// Map full unit names to Carmy's canonical shorthands\nconst UNIT_SHORTHANDS: Record = {\n 'tablespoon': 'tbsp',\n 'teaspoon': 'tsp',\n 'pound': 'lb',\n 'gram': 'g',\n 'ounce': 'oz',\n 'milliliter': 'ml',\n};\n\n// Normalize ingredient text to handle specific edge cases\nexport function normalizeIngredientText(text: string): string {\n let normalized = text.trim();\n\n // Rule 1: Add space between number and unit (e.g., 500g -> 500 g)\n normalized = normalized.replace(/(\\d+)([a-zA-Z]+)/g, '$1 $2');\n\n // Rule 2: Handle \"T\" as tablespoon (both parsers often mistake it for teaspoon)\n // Only match \"T\" as a standalone word (possibly with punctuation)\n normalized = normalized.replace(/\\bT\\b/g, 'tablespoon');\n\n return normalized;\n}\n\n// Extract notes from ingredient string using Sharp's result or fallback\nfunction extractNotes(originalText: string, sharpExtra: string, parsedIngredient: string): string | null {\n // If Sharp found an \"extra\", use it\n if (sharpExtra && sharpExtra.length > 1) {\n return sharpExtra.trim();\n }\n\n // Fallback: Check for parentheticals or commas in the original text that might have been missed\n const notesPatterns = [\n /,\\s*(.+)$/, // Everything after comma\n /\$([^)]+)\$/, // Parenthetical notes\n ];\n\n for (const pattern of notesPatterns) {\n const match = originalText.match(pattern);\n if (match && match[1]) {\n const note = match[1].trim();\n // Only use if it's not the same as the ingredient name\n if (note.toLowerCase() !== parsedIngredient.toLowerCase()) {\n return note;\n }\n }\n }\n\n return null;\n}\n\n// Parse a single ingredient string into structured data\nexport function parseIngredientString(text: string): {\n name: string;\n amount: number | null;\n unit: string | null;\n notes: string | null;\n originalText: string;\n} {\n const originalText = text.trim();\n const normalizedText = normalizeIngredientText(originalText);\n\n try {\n // Use @jlucaspains/sharp-recipe-parser\n const parsed = sharpParseIngredient(normalizedText, 'en');\n\n // Extract notes\n const notes = extractNotes(\n originalText,\n parsed.extra,\n parsed.ingredient\n );\n\n // Map to canonical shorthands if possible\n let unit = parsed.unit || null;\n if (unit && UNIT_SHORTHANDS[unit.toLowerCase()]) {\n unit = UNIT_SHORTHANDS[unit.toLowerCase()];\n }\n\n return {\n name: parsed.ingredient || originalText,\n amount: parsed.quantity || null,\n unit,\n notes,\n originalText,\n };\n } catch (e) {\n // Fallback: return the whole string as the ingredient name\n return {\n name: originalText,\n amount: null,\n unit: null,\n notes: null,\n originalText,\n };\n }\n}\n\n// Parse recipe from URL\nrecipesRoutes.post('/parse-url', async (c) => {\n requireAuth(c);\n\n const body = await c.req.json();\n const { url } = body;\n\n if (!url) {\n return c.json({ success: false, error: 'URL is required' }, 400);\n }\n\n // Validate URL\n try {\n new URL(url);\n } catch {\n return c.json({ success: false, error: 'Invalid URL' }, 400);\n }\n\n try {\n // Fetch HTML\n const html = await fetchHtml(url);\n\n // Parse JSON-LD\n const recipeData = parseJsonLd(html);\n\n if (!recipeData) {\n return c.json({\n success: false,\n error: 'Could not find recipe data on this page. The page may not have schema.org recipe markup.'\n }, 400);\n }\n\n // Extract recipe title\n const title = recipeData.name || recipeData.headline || 'Untitled Recipe';\n\n // Extract ingredients\n const rawIngredients = recipeData.recipeIngredient || recipeData.ingredients || [];\n const ingredientsList = Array.isArray(rawIngredients) ? rawIngredients : [rawIngredients];\n\n const parsedIngredients = ingredientsList\n .filter((ing: any) => ing && typeof ing === 'string')\n .map((ing: string) => parseIngredientString(ing));\n\n // Extract instructions\n let instructions: string | null = null;\n const rawInstructions = recipeData.recipeInstructions || recipeData.instructions || [];\n if (rawInstructions) {\n if (Array.isArray(rawInstructions)) {\n instructions = rawInstructions.map((i: any) => {\n if (typeof i === 'string') return i;\n if (i.text) return i.text;\n if (i[\"@type\"] === \"HowToStep\") return i.text || i.name || \"\";\n if (i[\"@type\"] === \"HowToSection\") {\n const steps = i.itemListElement || [];\n return steps.map((s: any) => s.text || s.name || \"\").join(\"\\n\");\n }\n return String(i);\n }).filter(Boolean).join(\"\\n\\n\");\n } else {\n instructions = String(rawInstructions);\n }\n }\n\n // Extract serving size\n let servingSize = 1;\n if (recipeData.recipeYield) {\n const yieldStr = Array.isArray(recipeData.recipeYield)\n ? recipeData.recipeYield[0]\n : recipeData.recipeYield;\n const match = String(yieldStr).match(/\\d+/);\n if (match) {\n servingSize = parseInt(match[0]) || 1;\n }\n }\n\n // Extract nutrition if available\n let nutrition: ParsedRecipeFromUrl['nutrition'] = null;\n if (recipeData.nutrition) {\n const n = recipeData.nutrition;\n const parseNutritionValue = (val: any): number | null => {\n if (!val) return null;\n const match = String(val).match(/[\\d.]+/);\n return match ? parseFloat(match[0]) : null;\n };\n\n nutrition = {\n calories: parseNutritionValue(n.calories),\n protein: parseNutritionValue(n.proteinContent),\n fiber: parseNutritionValue(n.fiberContent),\n fat: parseNutritionValue(n.fatContent),\n carbs: parseNutritionValue(n.carbohydrateContent),\n };\n\n // Only include nutrition if at least one value is present\n if (!nutrition.calories && !nutrition.protein && !nutrition.fiber && !nutrition.fat && !nutrition.carbs) {\n nutrition = null;\n }\n }\n\n const result: ParsedRecipeFromUrl = {\n title,\n url,\n instructions,\n servingSize,\n ingredients: parsedIngredients,\n nutrition,\n };\n\n return c.json({ success: true, data: result });\n } catch (error) {\n const message = error instanceof Error ? error.message : 'Unknown error occurred';\n return c.json({ success: false, error: `Failed to parse recipe: ${message}` }, 500);\n }\n});\n\nexport { recipesRoutes };\n\n\n\n",[],[580,612,614],"2fd80cb4-f4e2-47ce-a9a4-6d8509c60b1d","nutrition.ts","b92224d6-d3a9-11f0-893e-42dde27851f2",246,["D",1788041252857],"import { Hono } from \"https://esm.sh/hono@4.4.2\";\nimport { requireAuth } from \"../middleware/session.ts\";\nimport {\n getNutritionGoals,\n setNutritionGoals,\n getMealPlan,\n} from \"../database/queries.ts\";\nimport type { UpdateNutritionGoalsRequest, DailyNutrition, NutritionGoalType, NutrientKey, RecipeNutrition, CustomFood, FDCNutrition, MealPlanEntry } from \"../../shared/types.ts\";\nimport { createEmptyDailyNutrition, ALL_NUTRIENT_KEYS, resolveCalories } from \"../../shared/types.ts\";\n\nconst nutritionRoutes = new Hono();\n\n// Get nutrition goals\nnutritionRoutes.get('/goals', async (c) => {\n const user = requireAuth(c);\n const goals = await getNutritionGoals(user.id);\n return c.json({ success: true, data: goals });\n});\n\n// Set nutrition goals\nnutritionRoutes.post('/goals', async (c) => {\n const user = requireAuth(c);\n const body: UpdateNutritionGoalsRequest = await c.req.json();\n \n if (!body.primaryGoalType || body.primaryGoalValue === undefined) {\n return c.json({ success: false, error: 'Primary goal is required' }, 400);\n }\n \n const validTypes: NutritionGoalType[] = ['calories', 'protein', 'fiber', 'fat', 'carbs'];\n if (!validTypes.includes(body.primaryGoalType)) {\n return c.json({ success: false, error: 'Invalid goal type' }, 400);\n }\n \n const goals = await setNutritionGoals(\n user.id,\n body.primaryGoalType,\n body.primaryGoalValue,\n body.subGoal1Type ?? null,\n body.subGoal1Value ?? null,\n body.subGoal2Type ?? null,\n body.subGoal2Value ?? null\n );\n \n return c.json({ success: true, data: goals });\n});\n\n// Calculate daily nutrition for a week (for meal plan view)\nnutritionRoutes.get('/weekly', async (c) => {\n const user = requireAuth(c);\n const weekStartDate = c.req.query('weekStartDate');\n \n if (!weekStartDate) {\n return c.json({ success: false, error: 'weekStartDate is required' }, 400);\n }\n \n const mealPlan = await getMealPlan(user.id, weekStartDate);\n \n // Calculate daily totals (now with all micronutrients)\n const dailyNutrition: Record = {};\n \n for (let day = 0; day < 7; day++) {\n dailyNutrition[day] = createEmptyDailyNutrition();\n }\n \n if (mealPlan) {\n for (const entry of mealPlan.entries) {\n const day = entry.dayOfWeek;\n \n if (entry.recipeId && entry.recipe?.nutrition) {\n // Recipe entry - multiply nutrition per serving by servings\n const n = entry.recipe.nutrition;\n const servings = entry.servings;\n \n for (const key of ALL_NUTRIENT_KEYS) {\n const value = n[key as keyof RecipeNutrition];\n if (typeof value === 'number') {\n dailyNutrition[day][key] += value * servings;\n }\n }\n } else if (entry.customFoodId && entry.customFood) {\n // Custom food entry - scale by amountGrams / servingSizeGrams\n const cf = entry.customFood;\n const scaleFactor = (entry.amountGrams ?? cf.servingSizeGrams) / cf.servingSizeGrams;\n \n for (const key of ALL_NUTRIENT_KEYS) {\n const value = cf[key as keyof CustomFood];\n if (typeof value === 'number') {\n dailyNutrition[day][key] += value * scaleFactor;\n }\n }\n } else if (entry.fdcId && entry.fdcFood) {\n // FDC ingredient entry - nutrition is per 100g, scale by amountGrams / 100\n const fdc = entry.fdcFood.nutrition;\n const amountGrams = entry.amountGrams ?? 100;\n const scaleFactor = amountGrams / 100;\n \n for (const key of ALL_NUTRIENT_KEYS) {\n const value = fdc[key as keyof FDCNutrition];\n if (typeof value === 'number') {\n dailyNutrition[day][key] += value * scaleFactor;\n }\n }\n }\n }\n }\n \n // Reconcile each day's calories against its macros (some FDC foods / older\n // recipes lack an energy value, which would make the daily total read low).\n for (let day = 0; day < 7; day++) {\n dailyNutrition[day].calories = resolveCalories(dailyNutrition[day]);\n }\n\n // Calculate weekly average\n const weeklyAverage: DailyNutrition = createEmptyDailyNutrition();\n\n let daysWithMeals = 0;\n for (let day = 0; day < 7; day++) {\n const d = dailyNutrition[day];\n // Check if any nutrition value is present\n const hasNutrition = ALL_NUTRIENT_KEYS.some(key => d[key] > 0);\n\n if (hasNutrition) {\n daysWithMeals++;\n for (const key of ALL_NUTRIENT_KEYS) {\n weeklyAverage[key] += d[key];\n }\n }\n }\n\n if (daysWithMeals > 0) {\n for (const key of ALL_NUTRIENT_KEYS) {\n weeklyAverage[key] /= daysWithMeals;\n }\n }\n weeklyAverage.calories = resolveCalories(weeklyAverage);\n \n const goals = await getNutritionGoals(user.id);\n \n return c.json({\n success: true,\n data: {\n daily: dailyNutrition,\n weeklyAverage,\n goals,\n },\n });\n});\n\nexport { nutritionRoutes };\n\n\n\n",[],[580,612,622],"8245e6a8-dbcb-11f0-a55d-42dde27851f2","meal-plans.ts","b91726c6-d3a9-11f0-9cb5-42dde27851f2",142,["D",1766032755884],"import { Hono } from \"https://esm.sh/hono@4.4.2\";\nimport { requireAuth } from \"../middleware/session.ts\";\nimport {\n getMealPlan,\n getOrCreateMealPlan,\n addMealPlanEntry,\n deleteMealPlanEntry,\n scheduleMeals,\n} from \"../database/queries.ts\";\nimport type { AddMealPlanEntryRequest, ScheduleMealRequest } from \"../../shared/types.ts\";\n\nconst mealPlansRoutes = new Hono();\n\n// Get meal plan for a specific week\nmealPlansRoutes.get('/', async (c) => {\n const user = requireAuth(c);\n const weekStartDate = c.req.query('weekStartDate');\n\n if (!weekStartDate) {\n return c.json({ success: false, error: 'weekStartDate is required' }, 400);\n }\n\n const mealPlan = await getMealPlan(user.id, weekStartDate);\n\n // Return empty plan structure if none exists\n if (!mealPlan) {\n return c.json({\n success: true,\n data: {\n id: null,\n userId: user.id,\n weekStartDate,\n entries: [],\n createdAt: null,\n updatedAt: null,\n }\n });\n }\n\n return c.json({ success: true, data: mealPlan });\n});\n\n// Add entry to meal plan (supports recipes, custom foods, and FDC ingredients)\nmealPlansRoutes.post('/entries', async (c) => {\n const user = requireAuth(c);\n const body: AddMealPlanEntryRequest = await c.req.json();\n\n if (!body.weekStartDate || body.dayOfWeek === undefined || !body.mealType) {\n return c.json({ success: false, error: 'Missing required fields' }, 400);\n }\n\n // Validate that exactly one of recipeId, customFoodId, or fdcId is provided\n const idCount = [body.recipeId, body.customFoodId, body.fdcId].filter(Boolean).length;\n if (idCount !== 1) {\n return c.json({ success: false, error: 'Exactly one of recipeId, customFoodId, or fdcId must be provided' }, 400);\n }\n\n const entry = await addMealPlanEntry(\n user.id,\n body.weekStartDate,\n body.dayOfWeek,\n body.mealType,\n {\n recipeId: body.recipeId,\n customFoodId: body.customFoodId,\n fdcId: body.fdcId,\n servings: body.servings || 1,\n amountGrams: body.amountGrams,\n }\n );\n\n if (!entry) {\n return c.json({ success: false, error: 'Failed to add entry (item not found?)' }, 404);\n }\n\n return c.json({ success: true, data: entry });\n});\n\n// Schedule meals (add to multiple days)\nmealPlansRoutes.post('/schedule', async (c) => {\n const user = requireAuth(c);\n const body: ScheduleMealRequest = await c.req.json();\n\n if (!body.weekStartDate || !body.mealType || !body.days || body.days.length === 0) {\n return c.json({ success: false, error: 'Missing required fields' }, 400);\n }\n\n // Validate that exactly one of recipeId, customFoodId, or fdcId is provided\n const idCount = [body.recipeId, body.customFoodId, body.fdcId].filter(Boolean).length;\n if (idCount !== 1) {\n return c.json({ success: false, error: 'Exactly one of recipeId, customFoodId, or fdcId must be provided' }, 400);\n }\n\n const entries = await scheduleMeals(\n user.id,\n body.weekStartDate,\n {\n recipeId: body.recipeId,\n customFoodId: body.customFoodId,\n fdcId: body.fdcId,\n servings: body.servings || 1,\n amountGrams: body.amountGrams,\n },\n body.mealType,\n body.days\n );\n\n return c.json({ success: true, data: entries });\n});\n\n// Delete meal plan entry\nmealPlansRoutes.delete('/entries/:id', async (c) => {\n const user = requireAuth(c);\n const entryId = c.req.param('id');\n\n const deleted = await deleteMealPlanEntry(entryId, user.id);\n\n if (!deleted) {\n return c.json({ success: false, error: 'Entry not found' }, 404);\n }\n\n return c.json({ success: true });\n});\n\nexport { mealPlansRoutes };\n\n\n\n",[],[580,612,630],"efb9284c-eeb5-11f0-827f-42dde27851f2","grocery-lists.ts","b95a451e-d3a9-11f0-897f-42dde27851f2",237,["D",1768112562642],"import { Hono } from \"https://esm.sh/hono@4.4.2\";\nimport { requireAuth } from \"../middleware/session.ts\";\nimport {\n getGroceryListsByUser,\n getGroceryListById,\n createGroceryList,\n updateGroceryList,\n deleteGroceryList,\n addGroceryItem,\n addRecipeIngredientsToList,\n updateGroceryItem,\n deleteGroceryItem,\n deleteAllGroceryItems,\n} from \"../database/queries.ts\";\nimport type { CreateGroceryListRequest, AddGroceryItemRequest, AddRecipeIngredientsRequest, UpdateGroceryItemRequest } from \"../../shared/types.ts\";\nimport { DEFAULT_GROCERY_LIST_NAME } from \"../../shared/types.ts\";\n\nconst groceryListsRoutes = new Hono();\n\n// Get all grocery lists\ngroceryListsRoutes.get('/', async (c) => {\n const user = requireAuth(c);\n const lists = await getGroceryListsByUser(user.id);\n return c.json({ success: true, data: lists });\n});\n\n// Get single grocery list\ngroceryListsRoutes.get('/:id', async (c) => {\n const user = requireAuth(c);\n const listId = c.req.param('id');\n \n const list = await getGroceryListById(listId, user.id);\n \n if (!list) {\n return c.json({ success: false, error: 'List not found' }, 404);\n }\n \n return c.json({ success: true, data: list });\n});\n\n// Create new grocery list\ngroceryListsRoutes.post('/', async (c) => {\n const user = requireAuth(c);\n const body: CreateGroceryListRequest = await c.req.json();\n \n if (!body.name) {\n return c.json({ success: false, error: 'Name is required' }, 400);\n }\n \n const list = await createGroceryList(user.id, body.name);\n return c.json({ success: true, data: list });\n});\n\n// Update grocery list name\ngroceryListsRoutes.patch('/:id', async (c) => {\n const user = requireAuth(c);\n const listId = c.req.param('id');\n const body: { name: string } = await c.req.json();\n \n if (!body.name) {\n return c.json({ success: false, error: 'Name is required' }, 400);\n }\n \n const list = await updateGroceryList(listId, user.id, body.name);\n \n if (!list) {\n return c.json({ success: false, error: 'List not found' }, 404);\n }\n \n return c.json({ success: true, data: list });\n});\n\n// Delete grocery list\ngroceryListsRoutes.delete('/:id', async (c) => {\n const user = requireAuth(c);\n const listId = c.req.param('id');\n \n // Check if this is the default list before attempting deletion\n const list = await getGroceryListById(listId, user.id);\n if (list && list.name === DEFAULT_GROCERY_LIST_NAME) {\n return c.json({ success: false, error: 'Cannot delete the default grocery list' }, 400);\n }\n \n const deleted = await deleteGroceryList(listId, user.id);\n \n if (!deleted) {\n return c.json({ success: false, error: 'List not found' }, 404);\n }\n \n return c.json({ success: true });\n});\n\n// Add item to grocery list\ngroceryListsRoutes.post('/:id/items', async (c) => {\n const user = requireAuth(c);\n const listId = c.req.param('id');\n const body: AddGroceryItemRequest = await c.req.json();\n \n if (!body.name) {\n return c.json({ success: false, error: 'Name is required' }, 400);\n }\n \n const item = await addGroceryItem(\n listId,\n user.id,\n body.name,\n body.quantity ?? null,\n body.unit ?? null,\n body.notes ?? null\n );\n \n if (!item) {\n return c.json({ success: false, error: 'List not found' }, 404);\n }\n \n return c.json({ success: true, data: item });\n});\n\n// Add recipe ingredients to grocery list\ngroceryListsRoutes.post('/:id/add-recipe', async (c) => {\n const user = requireAuth(c);\n const listId = c.req.param('id');\n const body: AddRecipeIngredientsRequest = await c.req.json();\n \n if (!body.recipeId) {\n return c.json({ success: false, error: 'Recipe ID is required' }, 400);\n }\n \n const items = await addRecipeIngredientsToList(listId, user.id, body.recipeId, body.servings);\n \n return c.json({ success: true, data: items });\n});\n\n// Update item (name, quantity, unit, notes, checked)\ngroceryListsRoutes.patch('/:listId/items/:itemId', async (c) => {\n const user = requireAuth(c);\n const listId = c.req.param('listId');\n const itemId = c.req.param('itemId');\n const body: UpdateGroceryItemRequest = await c.req.json();\n \n const updatedItem = await updateGroceryItem(itemId, listId, user.id, body);\n \n if (!updatedItem) {\n return c.json({ success: false, error: 'Item not found' }, 404);\n }\n \n return c.json({ success: true, data: updatedItem });\n});\n\n// Delete item from grocery list\ngroceryListsRoutes.delete('/:listId/items/:itemId', async (c) => {\n const user = requireAuth(c);\n const listId = c.req.param('listId');\n const itemId = c.req.param('itemId');\n \n const deleted = await deleteGroceryItem(itemId, listId, user.id);\n \n if (!deleted) {\n return c.json({ success: false, error: 'Item not found' }, 404);\n }\n \n return c.json({ success: true });\n});\n\n// Clear all items from grocery list\ngroceryListsRoutes.delete('/:id/items', async (c) => {\n const user = requireAuth(c);\n const listId = c.req.param('id');\n \n const deleted = await deleteAllGroceryItems(listId, user.id);\n \n if (!deleted) {\n return c.json({ success: false, error: 'List not found' }, 404);\n }\n \n return c.json({ success: true });\n});\n\nexport { groceryListsRoutes };\n\n\n\n\n",[],[580,612,638],"530012e4-dbc9-11f0-8756-42dde27851f2","fdc.ts","6a2512f4-da38-11f0-86df-42dde27851f2",137,["D",1766031817577],"// USDA FoodData Central API Routes\nimport { Hono } from \"https://esm.sh/hono@4.4.2\";\nimport { requireAuth } from \"../middleware/session.ts\";\nimport {\n searchFDCFoods,\n getFDCFood,\n autoMatchIngredient,\n} from \"../services/fdc-client.ts\";\nimport {\n getStarredIngredients,\n addStarredIngredient,\n removeStarredIngredient,\n} from \"../database/queries.ts\";\nimport type { FDCDataType } from \"../../shared/types.ts\";\n\nconst fdcRoutes = new Hono();\n\n// Search FDC foods\nfdcRoutes.get('/search', async (c) => {\n requireAuth(c);\n\n const query = c.req.query('query');\n if (!query) {\n return c.json({ success: false, error: 'Query parameter is required' }, 400);\n }\n\n const pageSize = parseInt(c.req.query('pageSize') || '25');\n const pageNumber = parseInt(c.req.query('pageNumber') || '1');\n const dataTypeParam = c.req.query('dataType');\n\n let dataTypes: FDCDataType[] | undefined;\n if (dataTypeParam) {\n dataTypes = dataTypeParam.split(',') as FDCDataType[];\n }\n\n try {\n const results = await searchFDCFoods(query, {\n dataType: dataTypes,\n pageSize,\n pageNumber,\n });\n\n return c.json({ success: true, data: results });\n } catch (error) {\n const message = error instanceof Error ? error.message : 'Unknown error';\n return c.json({ success: false, error: message }, 500);\n }\n});\n\n// Get detailed food info by FDC ID\nfdcRoutes.get('/food/:fdcId', async (c) => {\n requireAuth(c);\n\n const fdcId = parseInt(c.req.param('fdcId'));\n if (isNaN(fdcId)) {\n return c.json({ success: false, error: 'Invalid FDC ID' }, 400);\n }\n\n try {\n const food = await getFDCFood(fdcId);\n return c.json({ success: true, data: food });\n } catch (error) {\n console.error(`Error fetching FDC food ${fdcId}:`, error);\n const message = error instanceof Error ? error.message : 'Unknown error';\n\n // If FDC API returned 404, return 404 to client\n if (message.includes('404')) {\n return c.json({ success: false, error: 'Food not found in USDA database. It may have been removed or archived.' }, 404);\n }\n\n return c.json({ success: false, error: message }, 500);\n }\n});\n\n// Auto-match a single ingredient to FDC food\nfdcRoutes.post('/auto-match', async (c) => {\n requireAuth(c);\n\n const body = await c.req.json();\n const { ingredientName } = body;\n\n if (!ingredientName || typeof ingredientName !== 'string') {\n return c.json({ success: false, error: 'ingredientName is required' }, 400);\n }\n\n try {\n const result = await autoMatchIngredient(ingredientName);\n return c.json({ success: true, data: result });\n } catch (error) {\n const message = error instanceof Error ? error.message : 'Unknown error';\n return c.json({ success: false, error: message }, 500);\n }\n});\n\n// Auto-match multiple ingredients\nfdcRoutes.post('/auto-match-batch', async (c) => {\n requireAuth(c);\n\n const body = await c.req.json();\n const { ingredientNames } = body;\n\n if (!Array.isArray(ingredientNames)) {\n return c.json({ success: false, error: 'ingredientNames must be an array' }, 400);\n }\n\n try {\n const results: Record>> = {};\n\n for (const name of ingredientNames) {\n if (typeof name === 'string' && name.trim()) {\n results[name] = await autoMatchIngredient(name);\n }\n }\n\n return c.json({ success: true, data: results });\n } catch (error) {\n const message = error instanceof Error ? error.message : 'Unknown error';\n return c.json({ success: false, error: message }, 500);\n }\n});\n\n// Search FDC foods with results categorized by data type (Foundation vs Branded)\nfdcRoutes.get('/search-categorized', async (c) => {\n requireAuth(c);\n\n const query = c.req.query('query');\n if (!query) {\n return c.json({ success: false, error: 'Query parameter is required' }, 400);\n }\n\n const pageSize = parseInt(c.req.query('pageSize') || '15');\n\n try {\n // Search Foundation Foods and SR Legacy\n const foundationResults = await searchFDCFoods(query, {\n dataType: ['Foundation', 'SR Legacy'],\n pageSize,\n });\n\n // Search Branded Foods\n const brandedResults = await searchFDCFoods(query, {\n dataType: ['Branded'],\n pageSize,\n });\n\n return c.json({\n success: true,\n data: {\n foundation: foundationResults,\n branded: brandedResults,\n }\n });\n } catch (error) {\n const message = error instanceof Error ? error.message : 'Unknown error';\n return c.json({ success: false, error: message }, 500);\n }\n});\n\n// ============ STARRED INGREDIENTS ============\n\n// Get user's starred ingredients\nfdcRoutes.get('/starred', async (c) => {\n const user = requireAuth(c);\n\n const starred = await getStarredIngredients(user.id);\n return c.json({ success: true, data: starred });\n});\n\n// Star an ingredient\nfdcRoutes.post('/starred', async (c) => {\n const user = requireAuth(c);\n\n const body = await c.req.json();\n const { fdcId, fdcDescription, fdcDataType, brandOwner } = body;\n\n if (!fdcId || !fdcDescription || !fdcDataType) {\n return c.json({ success: false, error: 'fdcId, fdcDescription, and fdcDataType are required' }, 400);\n }\n\n const result = await addStarredIngredient(\n user.id,\n fdcId,\n fdcDescription,\n fdcDataType,\n brandOwner || null\n );\n\n if (!result) {\n return c.json({ success: false, error: 'Already starred' }, 409);\n }\n\n return c.json({ success: true, data: result });\n});\n\n// Unstar an ingredient\nfdcRoutes.delete('/starred/:fdcId', async (c) => {\n const user = requireAuth(c);\n\n const fdcId = parseInt(c.req.param('fdcId'));\n if (isNaN(fdcId)) {\n return c.json({ success: false, error: 'Invalid FDC ID' }, 400);\n }\n\n const removed = await removeStarredIngredient(user.id, fdcId);\n\n if (!removed) {\n return c.json({ success: false, error: 'Not found' }, 404);\n }\n\n return c.json({ success: true });\n});\n\nexport { fdcRoutes };\n\n",[],[580,612,646],"83634482-e13d-11f0-8aa5-42dde27851f2","custom-foods.ts","928db788-db09-11f0-8d0c-42dde27851f2",156,["D",1766631476191],"import { Hono } from \"https://esm.sh/hono@4.4.2\";\nimport { requireAuth } from \"../middleware/session.ts\";\nimport {\n getCustomFoodsByUser,\n getCustomFoodById,\n createCustomFood,\n updateCustomFood,\n deleteCustomFood,\n} from \"../database/queries.ts\";\nimport type { CreateCustomFoodRequest } from \"../../shared/types.ts\";\n\nconst customFoodsRoutes = new Hono();\n\n// Get all custom foods for the user\ncustomFoodsRoutes.get('/', async (c) => {\n const user = requireAuth(c);\n const customFoods = await getCustomFoodsByUser(user.id);\n return c.json({ success: true, data: customFoods });\n});\n\n// Get a single custom food\ncustomFoodsRoutes.get('/:id', async (c) => {\n const user = requireAuth(c);\n const customFoodId = c.req.param('id');\n \n const customFood = await getCustomFoodById(customFoodId, user.id);\n \n if (!customFood) {\n return c.json({ success: false, error: 'Custom food not found' }, 404);\n }\n \n return c.json({ success: true, data: customFood });\n});\n\n// Create a new custom food\ncustomFoodsRoutes.post('/', async (c) => {\n const user = requireAuth(c);\n const body: CreateCustomFoodRequest = await c.req.json();\n \n if (!body.name || body.name.trim() === '') {\n return c.json({ success: false, error: 'Name is required' }, 400);\n }\n \n const customFood = await createCustomFood(user.id, {\n ...body,\n name: body.name.trim(),\n });\n \n return c.json({ success: true, data: customFood });\n});\n\n// Update a custom food\ncustomFoodsRoutes.patch('/:id', async (c) => {\n const user = requireAuth(c);\n const customFoodId = c.req.param('id');\n const body: Partial = await c.req.json();\n \n // Trim name if provided\n if (body.name !== undefined) {\n body.name = body.name.trim();\n if (body.name === '') {\n return c.json({ success: false, error: 'Name cannot be empty' }, 400);\n }\n }\n \n const customFood = await updateCustomFood(customFoodId, user.id, body);\n \n if (!customFood) {\n return c.json({ success: false, error: 'Custom food not found' }, 404);\n }\n \n return c.json({ success: true, data: customFood });\n});\n\n// Delete a custom food\ncustomFoodsRoutes.delete('/:id', async (c) => {\n const user = requireAuth(c);\n const customFoodId = c.req.param('id');\n \n const deleted = await deleteCustomFood(customFoodId, user.id);\n \n if (!deleted) {\n return c.json({ success: false, error: 'Custom food not found' }, 404);\n }\n \n return c.json({ success: true });\n});\n\nexport { customFoodsRoutes };\n\n\n",[],[580,612,654],"83697c80-e13d-11f0-853d-42dde27851f2","auth.ts","b928d074-d3a9-11f0-9cb5-42dde27851f2",157,["D",1766631476204],"import { Hono } from \"https://esm.sh/hono@4.4.2\";\nimport { getCookie, setCookie, deleteCookie } from \"https://esm.sh/hono@4.4.2/cookie\";\nimport { createOrUpdateUser, createSession, deleteSession, getSessionUser } from \"../database/queries.ts\";\n\nconst authRoutes = new Hono();\n\n// Get Google OAuth credentials\nfunction getGoogleCredentials() {\n const clientId = Deno.env.get('GOOGLE_CLIENT_ID');\n const clientSecret = Deno.env.get('GOOGLE_CLIENT_SECRET');\n \n if (!clientId || !clientSecret) {\n throw new Error('Google OAuth credentials not configured');\n }\n \n return { clientId, clientSecret };\n}\n\n// Get the app's base URL for OAuth callbacks\nfunction getBaseUrl(c: { req: { url: string } }): string {\n const url = new URL(c.req.url);\n return `${url.protocol}//${url.host}`;\n}\n\n// Google OAuth: Redirect to Google authorization\nauthRoutes.get('/google', (c) => {\n const { clientId } = getGoogleCredentials();\n const baseUrl = getBaseUrl(c);\n const redirectUri = `${baseUrl}/api/auth/google/callback`;\n \n const params = new URLSearchParams({\n client_id: clientId,\n redirect_uri: redirectUri,\n response_type: 'code',\n scope: 'openid email profile',\n access_type: 'offline',\n prompt: 'consent',\n });\n \n const authUrl = `https://accounts.google.com/o/oauth2/v2/auth?${params}`;\n \n return new Response(null, {\n status: 302,\n headers: { Location: authUrl },\n });\n});\n\n// Google OAuth: Handle callback\nauthRoutes.get('/google/callback', async (c) => {\n const code = c.req.query('code');\n const error = c.req.query('error');\n \n if (error) {\n return new Response(null, {\n status: 302,\n headers: { Location: '/?error=google_auth_denied' },\n });\n }\n \n if (!code) {\n return new Response(null, {\n status: 302,\n headers: { Location: '/?error=missing_code' },\n });\n }\n \n const { clientId, clientSecret } = getGoogleCredentials();\n const baseUrl = getBaseUrl(c);\n const redirectUri = `${baseUrl}/api/auth/google/callback`;\n \n // Exchange code for tokens\n const tokenResponse = await fetch('https://oauth2.googleapis.com/token', {\n method: 'POST',\n headers: { 'Content-Type': 'application/x-www-form-urlencoded' },\n body: new URLSearchParams({\n client_id: clientId,\n client_secret: clientSecret,\n code,\n redirect_uri: redirectUri,\n grant_type: 'authorization_code',\n }),\n });\n \n if (!tokenResponse.ok) {\n const errorText = await tokenResponse.text();\n console.error('Google token exchange failed:', errorText);\n return new Response(null, {\n status: 302,\n headers: { Location: '/?error=token_exchange_failed' },\n });\n }\n \n const tokenData = await tokenResponse.json();\n const accessToken = tokenData.access_token;\n \n // Fetch user info from Google\n const userInfoResponse = await fetch('https://www.googleapis.com/oauth2/v2/userinfo', {\n headers: {\n 'Authorization': `Bearer ${accessToken}`,\n },\n });\n \n if (!userInfoResponse.ok) {\n return new Response(null, {\n status: 302,\n headers: { Location: '/?error=user_fetch_failed' },\n });\n }\n \n const userInfo = await userInfoResponse.json();\n \n // Create or update user in database\n const user = await createOrUpdateUser(\n userInfo.email,\n userInfo.name || null,\n userInfo.picture || null\n );\n \n // Create session\n const sessionId = await createSession(user.id);\n \n // Set session cookie and redirect\n setCookie(c, 'session', sessionId, {\n path: '/',\n httpOnly: true,\n secure: true,\n sameSite: 'Lax',\n maxAge: 30 * 24 * 60 * 60, // 30 days\n });\n \n return new Response(null, {\n status: 302,\n headers: { \n Location: '/',\n 'Set-Cookie': `session=${sessionId}; Path=/; HttpOnly; Secure; SameSite=Lax; Max-Age=${30 * 24 * 60 * 60}`,\n },\n });\n});\n\n// Get current user info\nauthRoutes.get('/me', async (c) => {\n const sessionId = getCookie(c, 'session');\n \n if (!sessionId) {\n return c.json({ success: true, data: null });\n }\n \n const user = await getSessionUser(sessionId);\n \n if (!user) {\n return c.json({ success: true, data: null });\n }\n \n return c.json({\n success: true,\n data: user,\n });\n});\n\n// Logout\nauthRoutes.post('/logout', async (c) => {\n const sessionId = getCookie(c, 'session');\n \n if (sessionId) {\n await deleteSession(sessionId);\n deleteCookie(c, 'session', { path: '/' });\n }\n \n return c.json({ success: true });\n});\n\nexport { authRoutes };\n\n\n\n\n",[],[580,612,662],"b8ad561a-d3a9-11f0-8e4b-42dde27851f2",["D",1765138634968],[285,286,287,288,289,290,291,292],[580,612],"82f250ba-e13d-11f0-b262-42dde27851f2","session.ts","b9030f74-d3a9-11f0-b1e3-42dde27851f2","b882c990-d3a9-11f0-8004-42dde27851f2",153,["D",1766631475419],"import { getCookie } from \"https://esm.sh/hono@4.4.2/cookie\";\nimport { getSessionUser } from \"../database/queries.ts\";\nimport type { User } from \"../../shared/types.ts\";\n\n// Extend Hono context with user\ndeclare module \"https://esm.sh/hono@4.4.2\" {\n interface ContextVariableMap {\n user: User | null;\n }\n}\n\nexport async function sessionMiddleware(c: any, next: () => Promise) {\n const sessionId = getCookie(c, 'session');\n \n if (sessionId) {\n const user = await getSessionUser(sessionId);\n c.set('user', user);\n } else {\n c.set('user', null);\n }\n \n await next();\n}\n\n// Helper to require authentication\nexport function requireAuth(c: any): User {\n const user = c.get('user');\n if (!user) {\n throw new Error('Unauthorized');\n }\n return user;\n}\n\n\n\n\n",[],[580,682,674],"middleware","b882c86e-d3a9-11f0-8004-42dde27851f2",["D",1765138634693],[283],[580,682],"874d1a6a-ead1-4d6f-9c7b-82bd9e073f01","queries.ts","b90da5f6-d3a9-11f0-a23f-42dde27851f2","b896776a-d3a9-11f0-8e4b-42dde27851f2",249,["D",1788041252879],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport {\n USERS_TABLE,\n SESSIONS_TABLE,\n RECIPES_TABLE,\n RECIPE_INGREDIENTS_TABLE,\n RECIPE_NUTRITION_TABLE,\n FDC_FOODS_CACHE_TABLE,\n GROCERY_LISTS_TABLE,\n GROCERY_LIST_ITEMS_TABLE,\n NUTRITION_GOALS_TABLE,\n MEAL_PLANS_TABLE,\n MEAL_PLAN_ENTRIES_TABLE,\n SCRAPER_EVAL_URLS_TABLE,\n STARRED_INGREDIENTS_TABLE,\n CUSTOM_FOODS_TABLE,\n} from \"./migrations.ts\";\nimport type {\n User,\n Recipe,\n RecipeIngredient,\n RecipeNutrition,\n GroceryList,\n GroceryListItem,\n NutritionGoals,\n MealPlan,\n MealPlanEntry,\n DayOfWeek,\n MealType,\n FDCDataType,\n CreateRecipeIngredient,\n StarredIngredient,\n CustomFood,\n CreateCustomFoodRequest,\n FDCFood,\n FDCNutrition,\n} from \"../../shared/types.ts\";\nimport { ALL_NUTRIENT_KEYS, DEFAULT_GROCERY_LIST_NAME, resolveCaloriesOrNull } from \"../../shared/types.ts\";\nimport { calculateRecipeNutrition, convertToGrams } from \"../services/nutrition-calculator.ts\";\n\n// Generate unique IDs\nfunction generateId(): string {\n return crypto.randomUUID();\n}\n\n// ============ USER QUERIES ============\n\nexport async function getUserById(id: string): Promise {\n const result = await sqlite.execute(\n `SELECT id, email, name, picture FROM ${USERS_TABLE} WHERE id = ?`,\n [id]\n );\n if (result.rows.length === 0) return null;\n const row = result.rows[0];\n return {\n id: row.id as string,\n email: row.email as string,\n name: row.name as string | null,\n picture: row.picture as string | null,\n };\n}\n\nexport async function getUserByEmail(email: string): Promise {\n const result = await sqlite.execute(\n `SELECT id, email, name, picture FROM ${USERS_TABLE} WHERE email = ?`,\n [email]\n );\n if (result.rows.length === 0) return null;\n const row = result.rows[0];\n return {\n id: row.id as string,\n email: row.email as string,\n name: row.name as string | null,\n picture: row.picture as string | null,\n };\n}\n\nexport async function createOrUpdateUser(\n email: string,\n name: string | null,\n picture: string | null\n): Promise {\n const existing = await getUserByEmail(email);\n\n if (existing) {\n await sqlite.execute(\n `UPDATE ${USERS_TABLE} SET name = ?, picture = ?, updated_at = CURRENT_TIMESTAMP WHERE id = ?`,\n [name, picture, existing.id]\n );\n return { ...existing, name, picture };\n }\n\n const id = generateId();\n await sqlite.execute(\n `INSERT INTO ${USERS_TABLE} (id, email, name, picture) VALUES (?, ?, ?, ?)`,\n [id, email, name, picture]\n );\n return { id, email, name, picture };\n}\n\n// ============ SESSION QUERIES ============\n\nexport async function createSession(userId: string): Promise {\n const sessionId = generateId();\n const expiresAt = new Date(Date.now() + 30 * 24 * 60 * 60 * 1000).toISOString(); // 30 days\n\n await sqlite.execute(\n `INSERT INTO ${SESSIONS_TABLE} (id, user_id, expires_at) VALUES (?, ?, ?)`,\n [sessionId, userId, expiresAt]\n );\n\n return sessionId;\n}\n\nexport async function getSessionUser(sessionId: string): Promise {\n const result = await sqlite.execute(\n `SELECT u.id, u.email, u.name, u.picture\n FROM ${SESSIONS_TABLE} s\n JOIN ${USERS_TABLE} u ON s.user_id = u.id\n WHERE s.id = ? AND s.expires_at > datetime('now')`,\n [sessionId]\n );\n\n if (result.rows.length === 0) return null;\n const row = result.rows[0];\n return {\n id: row.id as string,\n email: row.email as string,\n name: row.name as string | null,\n picture: row.picture as string | null,\n };\n}\n\nexport async function deleteSession(sessionId: string): Promise {\n await sqlite.execute(`DELETE FROM ${SESSIONS_TABLE} WHERE id = ?`, [sessionId]);\n}\n\n// ============ RECIPE QUERIES ============\n\n// Helper to map nutrition row to RecipeNutrition with all nutrients\nfunction mapNutritionRow(n: any, recipeId: string): RecipeNutrition {\n const nutrition: RecipeNutrition = {\n id: n.id as string,\n recipeId: recipeId,\n // Energy\n calories: n.calories as number | null,\n // Macronutrients\n protein: n.protein as number | null,\n fat: n.fat as number | null,\n carbs: n.carbs as number | null,\n fiber: n.fiber as number | null,\n sugars: n.sugars as number | null,\n addedSugars: n.added_sugars as number | null,\n starch: n.starch as number | null,\n // Fats breakdown\n saturatedFat: n.saturated_fat as number | null,\n transFat: n.trans_fat as number | null,\n monounsaturatedFat: n.monounsaturated_fat as number | null,\n polyunsaturatedFat: n.polyunsaturated_fat as number | null,\n cholesterol: n.cholesterol as number | null,\n // Other macros\n water: n.water as number | null,\n alcohol: n.alcohol as number | null,\n caffeine: n.caffeine as number | null,\n // Minerals\n sodium: n.sodium as number | null,\n potassium: n.potassium as number | null,\n calcium: n.calcium as number | null,\n iron: n.iron as number | null,\n magnesium: n.magnesium as number | null,\n zinc: n.zinc as number | null,\n phosphorus: n.phosphorus as number | null,\n selenium: n.selenium as number | null,\n copper: n.copper as number | null,\n manganese: n.manganese as number | null,\n fluoride: n.fluoride as number | null,\n chromium: n.chromium as number | null,\n molybdenum: n.molybdenum as number | null,\n iodine: n.iodine as number | null,\n chloride: n.chloride as number | null,\n // Vitamins - Fat soluble\n vitaminA: n.vitamin_a as number | null,\n retinol: n.retinol as number | null,\n betaCarotene: n.beta_carotene as number | null,\n alphaCarotene: n.alpha_carotene as number | null,\n betaCryptoxanthin: n.beta_cryptoxanthin as number | null,\n lycopene: n.lycopene as number | null,\n luteinZeaxanthin: n.lutein_zeaxanthin as number | null,\n vitaminD: n.vitamin_d as number | null,\n vitaminD2: n.vitamin_d2 as number | null,\n vitaminD3: n.vitamin_d3 as number | null,\n vitaminE: n.vitamin_e as number | null,\n vitaminK: n.vitamin_k as number | null,\n vitaminK2: n.vitamin_k2 as number | null,\n // Vitamins - Water soluble\n vitaminC: n.vitamin_c as number | null,\n vitaminB6: n.vitamin_b6 as number | null,\n vitaminB12: n.vitamin_b12 as number | null,\n thiamin: n.thiamin as number | null,\n riboflavin: n.riboflavin as number | null,\n niacin: n.niacin as number | null,\n pantothenicAcid: n.pantothenic_acid as number | null,\n biotin: n.biotin as number | null,\n folate: n.folate as number | null,\n folicAcid: n.folic_acid as number | null,\n choline: n.choline as number | null,\n betaine: n.betaine as number | null,\n // Metadata\n isComplete: Boolean(n.is_complete),\n };\n // Fill energy from macros when the stored value is missing (older rows, or\n // recipes whose FDC ingredients lacked an energy nutrient).\n nutrition.calories = resolveCaloriesOrNull(nutrition);\n return nutrition;\n}\n\n// SQL column list for nutrition table SELECT queries\nconst NUTRITION_SELECT_COLUMNS = `\n id, recipe_id, calories,\n protein, fat, carbs, fiber, sugars, added_sugars, starch,\n saturated_fat, trans_fat, monounsaturated_fat, polyunsaturated_fat, cholesterol,\n water, alcohol, caffeine,\n sodium, potassium, calcium, iron, magnesium, zinc,\n phosphorus, selenium, copper, manganese, fluoride, chromium, molybdenum, iodine, chloride,\n vitamin_a, retinol, beta_carotene, alpha_carotene, beta_cryptoxanthin, lycopene, lutein_zeaxanthin,\n vitamin_d, vitamin_d2, vitamin_d3, vitamin_e, vitamin_k, vitamin_k2,\n vitamin_c, vitamin_b6, vitamin_b12, thiamin, riboflavin, niacin,\n pantothenic_acid, biotin, folate, folic_acid, choline, betaine,\n is_complete\n`;\n\nexport async function getRecipesByUser(userId: string): Promise {\n const recipesResult = await sqlite.execute(\n `SELECT id, user_id, title, url, instructions, serving_size, created_at, updated_at\n FROM ${RECIPES_TABLE} WHERE user_id = ? ORDER BY created_at DESC`,\n [userId]\n );\n\n const recipes: Recipe[] = [];\n\n for (const row of recipesResult.rows) {\n const recipeId = row.id as string;\n\n // Get ingredients with FDC fields\n const ingredientsResult = await sqlite.execute(\n `SELECT id, recipe_id, name, amount, unit, amount_grams, notes, order_index,\n fdc_id, fdc_description, fdc_data_type\n FROM ${RECIPE_INGREDIENTS_TABLE} WHERE recipe_id = ? ORDER BY order_index`,\n [recipeId]\n );\n\n const ingredients: RecipeIngredient[] = ingredientsResult.rows.map((i) => ({\n id: i.id as string,\n recipeId: i.recipe_id as string,\n name: i.name as string,\n amount: i.amount as number | null,\n unit: i.unit as string | null,\n amountGrams: i.amount_grams as number | null,\n notes: i.notes as string | null,\n orderIndex: i.order_index as number,\n fdcId: i.fdc_id as number | null,\n fdcDescription: i.fdc_description as string | null,\n fdcDataType: i.fdc_data_type as FDCDataType | null,\n }));\n\n // Get nutrition with all nutrients\n const nutritionResult = await sqlite.execute(\n `SELECT ${NUTRITION_SELECT_COLUMNS} FROM ${RECIPE_NUTRITION_TABLE} WHERE recipe_id = ?`,\n [recipeId]\n );\n\n let nutrition: RecipeNutrition | null = null;\n if (nutritionResult.rows.length > 0) {\n const n = nutritionResult.rows[0];\n nutrition = mapNutritionRow(n, recipeId);\n }\n\n recipes.push({\n id: recipeId,\n userId: row.user_id as string,\n title: row.title as string,\n url: row.url as string | null,\n instructions: row.instructions as string | null,\n servingSize: row.serving_size as number,\n createdAt: row.created_at as string,\n updatedAt: row.updated_at as string,\n ingredients,\n nutrition,\n });\n }\n\n return recipes;\n}\n\nexport async function getRecipeById(recipeId: string, userId: string): Promise {\n const result = await sqlite.execute(\n `SELECT id, user_id, title, url, instructions, serving_size, created_at, updated_at\n FROM ${RECIPES_TABLE} WHERE id = ? AND user_id = ?`,\n [recipeId, userId]\n );\n\n if (result.rows.length === 0) return null;\n const row = result.rows[0];\n\n // Get ingredients with FDC fields\n const ingredientsResult = await sqlite.execute(\n `SELECT id, recipe_id, name, amount, unit, amount_grams, notes, order_index,\n fdc_id, fdc_description, fdc_data_type\n FROM ${RECIPE_INGREDIENTS_TABLE} WHERE recipe_id = ? ORDER BY order_index`,\n [recipeId]\n );\n\n const ingredients: RecipeIngredient[] = ingredientsResult.rows.map((i) => ({\n id: i.id as string,\n recipeId: i.recipe_id as string,\n name: i.name as string,\n amount: i.amount as number | null,\n unit: i.unit as string | null,\n amountGrams: i.amount_grams as number | null,\n notes: i.notes as string | null,\n orderIndex: i.order_index as number,\n fdcId: i.fdc_id as number | null,\n fdcDescription: i.fdc_description as string | null,\n fdcDataType: i.fdc_data_type as FDCDataType | null,\n }));\n\n // Get nutrition with all nutrients\n const nutritionResult = await sqlite.execute(\n `SELECT ${NUTRITION_SELECT_COLUMNS} FROM ${RECIPE_NUTRITION_TABLE} WHERE recipe_id = ?`,\n [recipeId]\n );\n\n let nutrition: RecipeNutrition | null = null;\n if (nutritionResult.rows.length > 0) {\n const n = nutritionResult.rows[0];\n nutrition = mapNutritionRow(n, recipeId);\n }\n\n return {\n id: recipeId,\n userId: row.user_id as string,\n title: row.title as string,\n url: row.url as string | null,\n instructions: row.instructions as string | null,\n servingSize: row.serving_size as number,\n createdAt: row.created_at as string,\n updatedAt: row.updated_at as string,\n ingredients,\n nutrition,\n };\n}\n\n// Helper to build INSERT statement for nutrition\nfunction buildNutritionInsert(nutId: string, recipeId: string, n: any): { sql: string; values: any[] } {\n return {\n sql: `INSERT INTO ${RECIPE_NUTRITION_TABLE} (\n id, recipe_id, calories,\n protein, fat, carbs, fiber, sugars, added_sugars, starch,\n saturated_fat, trans_fat, monounsaturated_fat, polyunsaturated_fat, cholesterol,\n water, alcohol, caffeine,\n sodium, potassium, calcium, iron, magnesium, zinc,\n phosphorus, selenium, copper, manganese, fluoride, chromium, molybdenum, iodine, chloride,\n vitamin_a, retinol, beta_carotene, alpha_carotene, beta_cryptoxanthin, lycopene, lutein_zeaxanthin,\n vitamin_d, vitamin_d2, vitamin_d3, vitamin_e, vitamin_k, vitamin_k2,\n vitamin_c, vitamin_b6, vitamin_b12, thiamin, riboflavin, niacin,\n pantothenic_acid, biotin, folate, folic_acid, choline, betaine,\n is_complete\n ) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)`,\n values: [\n nutId, recipeId, n.calories,\n n.protein, n.fat, n.carbs, n.fiber, n.sugars, n.addedSugars, n.starch,\n n.saturatedFat, n.transFat, n.monounsaturatedFat, n.polyunsaturatedFat, n.cholesterol,\n n.water, n.alcohol, n.caffeine,\n n.sodium, n.potassium, n.calcium, n.iron, n.magnesium, n.zinc,\n n.phosphorus, n.selenium, n.copper, n.manganese, n.fluoride, n.chromium, n.molybdenum, n.iodine, n.chloride,\n n.vitaminA, n.retinol, n.betaCarotene, n.alphaCarotene, n.betaCryptoxanthin, n.lycopene, n.luteinZeaxanthin,\n n.vitaminD, n.vitaminD2, n.vitaminD3, n.vitaminE, n.vitaminK, n.vitaminK2,\n n.vitaminC, n.vitaminB6, n.vitaminB12, n.thiamin, n.riboflavin, n.niacin,\n n.pantothenicAcid, n.biotin, n.folate, n.folicAcid, n.choline, n.betaine,\n n.isComplete ? 1 : 0\n ]\n };\n}\n\nexport async function createRecipe(\n userId: string,\n title: string,\n url: string | null,\n instructions: string | null,\n servingSize: number,\n ingredients: CreateRecipeIngredient[]\n): Promise {\n const recipeId = generateId();\n\n await sqlite.execute(\n `INSERT INTO ${RECIPES_TABLE} (id, user_id, title, url, instructions, serving_size)\n VALUES (?, ?, ?, ?, ?, ?)`,\n [recipeId, userId, title, url, instructions, servingSize]\n );\n\n // Insert ingredients with FDC fields\n const recipeIngredients: RecipeIngredient[] = [];\n for (let i = 0; i < ingredients.length; i++) {\n const ing = ingredients[i];\n const ingId = generateId();\n\n // Calculate amount in grams if possible\n const amountGrams = convertToGrams(ing.amount ?? null, ing.unit ?? null);\n\n await sqlite.execute(\n `INSERT INTO ${RECIPE_INGREDIENTS_TABLE} \n (id, recipe_id, name, amount, unit, amount_grams, notes, order_index, fdc_id, fdc_description, fdc_data_type)\n VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)`,\n [\n ingId, recipeId, ing.name,\n ing.amount ?? null, ing.unit ?? null, amountGrams,\n ing.notes ?? null, i,\n ing.fdcId ?? null, ing.fdcDescription ?? null, ing.fdcDataType ?? null\n ]\n );\n\n recipeIngredients.push({\n id: ingId,\n recipeId,\n name: ing.name,\n amount: ing.amount ?? null,\n unit: ing.unit ?? null,\n amountGrams,\n notes: ing.notes ?? null,\n orderIndex: i,\n fdcId: ing.fdcId ?? null,\n fdcDescription: ing.fdcDescription ?? null,\n fdcDataType: ing.fdcDataType ?? null,\n });\n }\n\n // Calculate nutrition from FDC-linked ingredients\n const calculatedNutrition = await calculateRecipeNutrition(recipeIngredients, servingSize);\n\n // Insert calculated nutrition\n const nutId = generateId();\n const n = calculatedNutrition.nutrition;\n const { sql, values } = buildNutritionInsert(nutId, recipeId, n);\n await sqlite.execute(sql, values);\n\n const recipeNutrition: RecipeNutrition = {\n id: nutId,\n recipeId,\n ...n,\n };\n\n const now = new Date().toISOString();\n return {\n id: recipeId,\n userId,\n title,\n url,\n instructions,\n servingSize,\n createdAt: now,\n updatedAt: now,\n ingredients: recipeIngredients,\n nutrition: recipeNutrition,\n };\n}\n\nexport async function updateRecipe(\n recipeId: string,\n userId: string,\n updates: {\n title?: string;\n url?: string | null;\n instructions?: string | null;\n servingSize?: number;\n ingredients?: CreateRecipeIngredient[];\n }\n): Promise {\n // Check ownership\n const existing = await getRecipeById(recipeId, userId);\n if (!existing) return null;\n\n // Update recipe\n const fields: string[] = [];\n const values: any[] = [];\n\n if (updates.title !== undefined) {\n fields.push('title = ?');\n values.push(updates.title);\n }\n if (updates.url !== undefined) {\n fields.push('url = ?');\n values.push(updates.url);\n }\n if (updates.instructions !== undefined) {\n fields.push('instructions = ?');\n values.push(updates.instructions);\n }\n if (updates.servingSize !== undefined) {\n fields.push('serving_size = ?');\n values.push(updates.servingSize);\n }\n\n if (fields.length > 0) {\n fields.push('updated_at = CURRENT_TIMESTAMP');\n values.push(recipeId, userId);\n await sqlite.execute(\n `UPDATE ${RECIPES_TABLE} SET ${fields.join(', ')} WHERE id = ? AND user_id = ?`,\n values\n );\n }\n\n // Determine the serving size to use for nutrition calculation\n const servingSize = updates.servingSize ?? existing.servingSize;\n\n // Update ingredients if provided\n let recipeIngredients: RecipeIngredient[] = existing.ingredients;\n if (updates.ingredients !== undefined) {\n await sqlite.execute(`DELETE FROM ${RECIPE_INGREDIENTS_TABLE} WHERE recipe_id = ?`, [recipeId]);\n recipeIngredients = [];\n\n for (let i = 0; i < updates.ingredients.length; i++) {\n const ing = updates.ingredients[i];\n const ingId = generateId();\n\n // Calculate amount in grams if possible\n const amountGrams = convertToGrams(ing.amount ?? null, ing.unit ?? null);\n\n await sqlite.execute(\n `INSERT INTO ${RECIPE_INGREDIENTS_TABLE} \n (id, recipe_id, name, amount, unit, amount_grams, notes, order_index, fdc_id, fdc_description, fdc_data_type)\n VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)`,\n [\n ingId, recipeId, ing.name,\n ing.amount ?? null, ing.unit ?? null, amountGrams,\n ing.notes ?? null, i,\n ing.fdcId ?? null, ing.fdcDescription ?? null, ing.fdcDataType ?? null\n ]\n );\n\n recipeIngredients.push({\n id: ingId,\n recipeId,\n name: ing.name,\n amount: ing.amount ?? null,\n unit: ing.unit ?? null,\n amountGrams,\n notes: ing.notes ?? null,\n orderIndex: i,\n fdcId: ing.fdcId ?? null,\n fdcDescription: ing.fdcDescription ?? null,\n fdcDataType: ing.fdcDataType ?? null,\n });\n }\n }\n\n // Recalculate nutrition if ingredients or serving size changed\n if (updates.ingredients !== undefined || updates.servingSize !== undefined) {\n // Calculate nutrition from FDC-linked ingredients\n const calculatedNutrition = await calculateRecipeNutrition(recipeIngredients, servingSize);\n\n // Update nutrition\n await sqlite.execute(`DELETE FROM ${RECIPE_NUTRITION_TABLE} WHERE recipe_id = ?`, [recipeId]);\n\n const nutId = generateId();\n const n = calculatedNutrition.nutrition;\n const { sql, values } = buildNutritionInsert(nutId, recipeId, n);\n await sqlite.execute(sql, values);\n }\n\n return getRecipeById(recipeId, userId);\n}\n\nexport async function deleteRecipe(recipeId: string, userId: string): Promise {\n const result = await sqlite.execute(\n `DELETE FROM ${RECIPES_TABLE} WHERE id = ? AND user_id = ?`,\n [recipeId, userId]\n );\n return result.rowsAffected > 0;\n}\n\nexport async function duplicateRecipe(recipeId: string, userId: string): Promise {\n const original = await getRecipeById(recipeId, userId);\n if (!original) return null;\n\n return createRecipe(\n userId,\n `${original.title} (Copy)`,\n original.url,\n original.instructions,\n original.servingSize,\n original.ingredients.map(i => ({\n name: i.name,\n amount: i.amount,\n unit: i.unit,\n notes: i.notes,\n fdcId: i.fdcId,\n fdcDescription: i.fdcDescription,\n fdcDataType: i.fdcDataType,\n }))\n );\n}\n\n// ============ GROCERY LIST QUERIES ============\n\nasync function ensureDefaultGroceryListExists(userId: string): Promise {\n const existingResult = await sqlite.execute(\n `SELECT id FROM ${GROCERY_LISTS_TABLE} WHERE user_id = ? AND name = ?`,\n [userId, DEFAULT_GROCERY_LIST_NAME]\n );\n\n if (existingResult.rows.length === 0) {\n // Create the default list\n const listId = generateId();\n const now = new Date().toISOString();\n await sqlite.execute(\n `INSERT INTO ${GROCERY_LISTS_TABLE} (id, user_id, name) VALUES (?, ?, ?)`,\n [listId, userId, DEFAULT_GROCERY_LIST_NAME]\n );\n }\n}\n\nexport async function getGroceryListsByUser(userId: string): Promise {\n // Ensure default list exists\n await ensureDefaultGroceryListExists(userId);\n const listsResult = await sqlite.execute(\n `SELECT id, user_id, name, created_at, updated_at\n FROM ${GROCERY_LISTS_TABLE} WHERE user_id = ? \n ORDER BY CASE WHEN name = ? THEN 0 ELSE 1 END, created_at DESC`,\n [userId, DEFAULT_GROCERY_LIST_NAME]\n );\n\n const lists: GroceryList[] = [];\n\n for (const row of listsResult.rows) {\n const listId = row.id as string;\n\n const itemsResult = await sqlite.execute(\n `SELECT id, list_id, name, quantity, unit, notes, recipe_id, recipe_name, checked, created_at\n FROM ${GROCERY_LIST_ITEMS_TABLE} WHERE list_id = ? ORDER BY created_at`,\n [listId]\n );\n\n const items: GroceryListItem[] = itemsResult.rows.map((i) => ({\n id: i.id as string,\n listId: i.list_id as string,\n name: i.name as string,\n quantity: i.quantity as number | null,\n unit: i.unit as string | null,\n notes: i.notes as string | null,\n recipeId: i.recipe_id as string | null,\n recipeName: i.recipe_name as string | null,\n checked: Boolean(i.checked),\n createdAt: i.created_at as string,\n }));\n\n lists.push({\n id: listId,\n userId: row.user_id as string,\n name: row.name as string,\n createdAt: row.created_at as string,\n updatedAt: row.updated_at as string,\n items,\n });\n }\n\n return lists;\n}\n\nexport async function getGroceryListById(listId: string, userId: string): Promise {\n const result = await sqlite.execute(\n `SELECT id, user_id, name, created_at, updated_at\n FROM ${GROCERY_LISTS_TABLE} WHERE id = ? AND user_id = ?`,\n [listId, userId]\n );\n\n if (result.rows.length === 0) return null;\n const row = result.rows[0];\n\n const itemsResult = await sqlite.execute(\n `SELECT id, list_id, name, quantity, unit, notes, recipe_id, recipe_name, checked, created_at\n FROM ${GROCERY_LIST_ITEMS_TABLE} WHERE list_id = ? ORDER BY created_at`,\n [listId]\n );\n\n const items: GroceryListItem[] = itemsResult.rows.map((i) => ({\n id: i.id as string,\n listId: i.list_id as string,\n name: i.name as string,\n quantity: i.quantity as number | null,\n unit: i.unit as string | null,\n notes: i.notes as string | null,\n recipeId: i.recipe_id as string | null,\n recipeName: i.recipe_name as string | null,\n checked: Boolean(i.checked),\n createdAt: i.created_at as string,\n }));\n\n return {\n id: listId,\n userId: row.user_id as string,\n name: row.name as string,\n createdAt: row.created_at as string,\n updatedAt: row.updated_at as string,\n items,\n };\n}\n\nexport async function createGroceryList(userId: string, name: string): Promise {\n const listId = generateId();\n const now = new Date().toISOString();\n\n await sqlite.execute(\n `INSERT INTO ${GROCERY_LISTS_TABLE} (id, user_id, name) VALUES (?, ?, ?)`,\n [listId, userId, name]\n );\n\n return {\n id: listId,\n userId,\n name,\n createdAt: now,\n updatedAt: now,\n items: [],\n };\n}\n\nexport async function updateGroceryList(listId: string, userId: string, name: string): Promise {\n const existing = await getGroceryListById(listId, userId);\n if (!existing) return null;\n\n await sqlite.execute(\n `UPDATE ${GROCERY_LISTS_TABLE} SET name = ?, updated_at = CURRENT_TIMESTAMP WHERE id = ? AND user_id = ?`,\n [name, listId, userId]\n );\n\n return getGroceryListById(listId, userId);\n}\n\nexport async function deleteGroceryList(listId: string, userId: string): Promise {\n // Check if this is the default list\n const list = await getGroceryListById(listId, userId);\n if (list && list.name === DEFAULT_GROCERY_LIST_NAME) {\n // Prevent deletion of default list\n return false;\n }\n\n const result = await sqlite.execute(\n `DELETE FROM ${GROCERY_LISTS_TABLE} WHERE id = ? AND user_id = ?`,\n [listId, userId]\n );\n return result.rowsAffected > 0;\n}\n\nexport async function addGroceryItem(\n listId: string,\n userId: string,\n name: string,\n quantity: number | null,\n unit: string | null,\n notes: string | null = null,\n recipeId: string | null = null,\n recipeName: string | null = null\n): Promise {\n // Verify list ownership\n const list = await getGroceryListById(listId, userId);\n if (!list) return null;\n\n const itemId = generateId();\n const now = new Date().toISOString();\n\n await sqlite.execute(\n `INSERT INTO ${GROCERY_LIST_ITEMS_TABLE} (id, list_id, name, quantity, unit, notes, recipe_id, recipe_name)\n VALUES (?, ?, ?, ?, ?, ?, ?, ?)`,\n [itemId, listId, name, quantity, unit, notes, recipeId, recipeName]\n );\n\n await sqlite.execute(\n `UPDATE ${GROCERY_LISTS_TABLE} SET updated_at = CURRENT_TIMESTAMP WHERE id = ?`,\n [listId]\n );\n\n return {\n id: itemId,\n listId,\n name,\n quantity,\n unit,\n notes,\n recipeId,\n recipeName,\n checked: false,\n createdAt: now,\n };\n}\n\nexport async function addRecipeIngredientsToList(\n listId: string,\n userId: string,\n recipeId: string,\n servings?: number\n): Promise {\n const recipe = await getRecipeById(recipeId, userId);\n if (!recipe) return [];\n\n // Calculate multiplier based on requested servings vs recipe's serving size\n const targetServings = servings ?? recipe.servingSize;\n const multiplier = targetServings / recipe.servingSize;\n\n const items: GroceryListItem[] = [];\n\n for (const ing of recipe.ingredients) {\n // Scale the amount by the multiplier\n const scaledAmount = ing.amount !== null ? ing.amount * multiplier : null;\n \n const item = await addGroceryItem(\n listId,\n userId,\n ing.name,\n scaledAmount,\n ing.unit,\n ing.notes, // Pass ingredient notes\n recipeId,\n recipe.title\n );\n if (item) items.push(item);\n }\n\n return items;\n}\n\nexport async function updateGroceryItemChecked(\n itemId: string,\n listId: string,\n userId: string,\n checked: boolean\n): Promise {\n // Verify list ownership\n const list = await getGroceryListById(listId, userId);\n if (!list) return false;\n\n const result = await sqlite.execute(\n `UPDATE ${GROCERY_LIST_ITEMS_TABLE} SET checked = ? WHERE id = ? AND list_id = ?`,\n [checked ? 1 : 0, itemId, listId]\n );\n\n return result.rowsAffected > 0;\n}\n\nexport async function updateGroceryItem(\n itemId: string,\n listId: string,\n userId: string,\n updates: {\n name?: string;\n quantity?: number | null;\n unit?: string | null;\n notes?: string | null;\n checked?: boolean;\n }\n): Promise {\n // Verify list ownership\n const list = await getGroceryListById(listId, userId);\n if (!list) return null;\n\n // Find the item\n const existingItem = list.items.find(i => i.id === itemId);\n if (!existingItem) return null;\n\n const fields: string[] = [];\n const values: any[] = [];\n\n if (updates.name !== undefined) {\n fields.push('name = ?');\n values.push(updates.name);\n }\n if (updates.quantity !== undefined) {\n fields.push('quantity = ?');\n values.push(updates.quantity);\n }\n if (updates.unit !== undefined) {\n fields.push('unit = ?');\n values.push(updates.unit);\n }\n if (updates.notes !== undefined) {\n fields.push('notes = ?');\n values.push(updates.notes);\n }\n if (updates.checked !== undefined) {\n fields.push('checked = ?');\n values.push(updates.checked ? 1 : 0);\n }\n\n if (fields.length === 0) {\n return existingItem;\n }\n\n values.push(itemId, listId);\n await sqlite.execute(\n `UPDATE ${GROCERY_LIST_ITEMS_TABLE} SET ${fields.join(', ')} WHERE id = ? AND list_id = ?`,\n values\n );\n\n await sqlite.execute(\n `UPDATE ${GROCERY_LISTS_TABLE} SET updated_at = CURRENT_TIMESTAMP WHERE id = ?`,\n [listId]\n );\n\n // Return updated item\n return {\n ...existingItem,\n name: updates.name ?? existingItem.name,\n quantity: updates.quantity !== undefined ? updates.quantity : existingItem.quantity,\n unit: updates.unit !== undefined ? updates.unit : existingItem.unit,\n notes: updates.notes !== undefined ? updates.notes : existingItem.notes,\n checked: updates.checked !== undefined ? updates.checked : existingItem.checked,\n };\n}\n\nexport async function deleteGroceryItem(itemId: string, listId: string, userId: string): Promise {\n // Verify list ownership\n const list = await getGroceryListById(listId, userId);\n if (!list) return false;\n\n const result = await sqlite.execute(\n `DELETE FROM ${GROCERY_LIST_ITEMS_TABLE} WHERE id = ? AND list_id = ?`,\n [itemId, listId]\n );\n\n return result.rowsAffected > 0;\n}\n\nexport async function deleteAllGroceryItems(listId: string, userId: string): Promise {\n // Verify list ownership\n const list = await getGroceryListById(listId, userId);\n if (!list) return false;\n\n const result = await sqlite.execute(\n `DELETE FROM ${GROCERY_LIST_ITEMS_TABLE} WHERE list_id = ?`,\n [listId]\n );\n\n // Update the list's updated_at timestamp\n await sqlite.execute(\n `UPDATE ${GROCERY_LISTS_TABLE} SET updated_at = CURRENT_TIMESTAMP WHERE id = ?`,\n [listId]\n );\n\n return result.rowsAffected > 0;\n}\n\n// ============ NUTRITION GOALS QUERIES ============\n\nexport async function getNutritionGoals(userId: string): Promise {\n const result = await sqlite.execute(\n `SELECT id, user_id, primary_goal_type, primary_goal_value, \n sub_goal_1_type, sub_goal_1_value, sub_goal_2_type, sub_goal_2_value, updated_at\n FROM ${NUTRITION_GOALS_TABLE} WHERE user_id = ?`,\n [userId]\n );\n\n if (result.rows.length === 0) return null;\n const row = result.rows[0];\n\n return {\n id: row.id as string,\n userId: row.user_id as string,\n primaryGoalType: row.primary_goal_type as any,\n primaryGoalValue: row.primary_goal_value as number,\n subGoal1Type: row.sub_goal_1_type as any | null,\n subGoal1Value: row.sub_goal_1_value as number | null,\n subGoal2Type: row.sub_goal_2_type as any | null,\n subGoal2Value: row.sub_goal_2_value as number | null,\n updatedAt: row.updated_at as string,\n };\n}\n\nexport async function setNutritionGoals(\n userId: string,\n primaryGoalType: string,\n primaryGoalValue: number,\n subGoal1Type: string | null,\n subGoal1Value: number | null,\n subGoal2Type: string | null,\n subGoal2Value: number | null\n): Promise {\n const existing = await getNutritionGoals(userId);\n const now = new Date().toISOString();\n\n if (existing) {\n await sqlite.execute(\n `UPDATE ${NUTRITION_GOALS_TABLE} \n SET primary_goal_type = ?, primary_goal_value = ?,\n sub_goal_1_type = ?, sub_goal_1_value = ?,\n sub_goal_2_type = ?, sub_goal_2_value = ?,\n updated_at = CURRENT_TIMESTAMP\n WHERE user_id = ?`,\n [primaryGoalType, primaryGoalValue, subGoal1Type, subGoal1Value, subGoal2Type, subGoal2Value, userId]\n );\n\n return {\n ...existing,\n primaryGoalType: primaryGoalType as any,\n primaryGoalValue,\n subGoal1Type: subGoal1Type as any,\n subGoal1Value,\n subGoal2Type: subGoal2Type as any,\n subGoal2Value,\n updatedAt: now,\n };\n }\n\n const id = generateId();\n await sqlite.execute(\n `INSERT INTO ${NUTRITION_GOALS_TABLE} \n (id, user_id, primary_goal_type, primary_goal_value, sub_goal_1_type, sub_goal_1_value, sub_goal_2_type, sub_goal_2_value)\n VALUES (?, ?, ?, ?, ?, ?, ?, ?)`,\n [id, userId, primaryGoalType, primaryGoalValue, subGoal1Type, subGoal1Value, subGoal2Type, subGoal2Value]\n );\n\n return {\n id,\n userId,\n primaryGoalType: primaryGoalType as any,\n primaryGoalValue,\n subGoal1Type: subGoal1Type as any,\n subGoal1Value,\n subGoal2Type: subGoal2Type as any,\n subGoal2Value,\n updatedAt: now,\n };\n}\n\n// ============ MEAL PLAN QUERIES ============\n\n// SQL for FDC food cache SELECT\nconst FDC_FOOD_SELECT_COLUMNS = `\n fdc_id, description, data_type, brand_owner, brand_name,\n serving_size, serving_size_unit, household_serving_text,\n calories, protein, fat, carbs, fiber, sugars, added_sugars, starch,\n saturated_fat, trans_fat, monounsaturated_fat, polyunsaturated_fat, cholesterol,\n water, alcohol, caffeine,\n sodium, potassium, calcium, iron, magnesium, zinc,\n phosphorus, selenium, copper, manganese, fluoride, chromium, molybdenum, iodine, chloride,\n vitamin_a, retinol, beta_carotene, alpha_carotene, beta_cryptoxanthin, lycopene, lutein_zeaxanthin,\n vitamin_d, vitamin_d2, vitamin_d3, vitamin_e, vitamin_k, vitamin_k2,\n vitamin_c, vitamin_b6, vitamin_b12, thiamin, riboflavin, niacin,\n pantothenic_acid, biotin, folate, folic_acid, choline, betaine,\n cached_at\n`;\n\nfunction mapFDCFoodRow(row: any): FDCFood {\n const nutrition: FDCNutrition = {\n calories: row.calories as number | null,\n protein: row.protein as number | null,\n fat: row.fat as number | null,\n carbs: row.carbs as number | null,\n fiber: row.fiber as number | null,\n sugars: row.sugars as number | null,\n addedSugars: row.added_sugars as number | null,\n starch: row.starch as number | null,\n saturatedFat: row.saturated_fat as number | null,\n transFat: row.trans_fat as number | null,\n monounsaturatedFat: row.monounsaturated_fat as number | null,\n polyunsaturatedFat: row.polyunsaturated_fat as number | null,\n cholesterol: row.cholesterol as number | null,\n water: row.water as number | null,\n alcohol: row.alcohol as number | null,\n caffeine: row.caffeine as number | null,\n sodium: row.sodium as number | null,\n potassium: row.potassium as number | null,\n calcium: row.calcium as number | null,\n iron: row.iron as number | null,\n magnesium: row.magnesium as number | null,\n zinc: row.zinc as number | null,\n phosphorus: row.phosphorus as number | null,\n selenium: row.selenium as number | null,\n copper: row.copper as number | null,\n manganese: row.manganese as number | null,\n fluoride: row.fluoride as number | null,\n chromium: row.chromium as number | null,\n molybdenum: row.molybdenum as number | null,\n iodine: row.iodine as number | null,\n chloride: row.chloride as number | null,\n vitaminA: row.vitamin_a as number | null,\n retinol: row.retinol as number | null,\n betaCarotene: row.beta_carotene as number | null,\n alphaCarotene: row.alpha_carotene as number | null,\n betaCryptoxanthin: row.beta_cryptoxanthin as number | null,\n lycopene: row.lycopene as number | null,\n luteinZeaxanthin: row.lutein_zeaxanthin as number | null,\n vitaminD: row.vitamin_d as number | null,\n vitaminD2: row.vitamin_d2 as number | null,\n vitaminD3: row.vitamin_d3 as number | null,\n vitaminE: row.vitamin_e as number | null,\n vitaminK: row.vitamin_k as number | null,\n vitaminK2: row.vitamin_k2 as number | null,\n vitaminC: row.vitamin_c as number | null,\n vitaminB6: row.vitamin_b6 as number | null,\n vitaminB12: row.vitamin_b12 as number | null,\n thiamin: row.thiamin as number | null,\n riboflavin: row.riboflavin as number | null,\n niacin: row.niacin as number | null,\n pantothenicAcid: row.pantothenic_acid as number | null,\n biotin: row.biotin as number | null,\n folate: row.folate as number | null,\n folicAcid: row.folic_acid as number | null,\n choline: row.choline as number | null,\n betaine: row.betaine as number | null,\n };\n nutrition.calories = resolveCaloriesOrNull(nutrition);\n\n return {\n fdcId: row.fdc_id as number,\n description: row.description as string,\n dataType: row.data_type as FDCDataType,\n brandOwner: row.brand_owner as string | null,\n brandName: row.brand_name as string | null,\n servingSize: row.serving_size as number | null,\n servingSizeUnit: row.serving_size_unit as string | null,\n householdServingText: row.household_serving_text as string | null,\n nutrition,\n cachedAt: row.cached_at as string,\n };\n}\n\nexport async function getFDCFoodFromCache(fdcId: number): Promise {\n const result = await sqlite.execute(\n `SELECT ${FDC_FOOD_SELECT_COLUMNS} FROM ${FDC_FOODS_CACHE_TABLE} WHERE fdc_id = ?`,\n [fdcId]\n );\n\n if (result.rows.length === 0) return null;\n return mapFDCFoodRow(result.rows[0]);\n}\n\n// Custom foods SQL\nconst CUSTOM_FOOD_SELECT_COLUMNS = `\n id, user_id, name, serving_size_grams,\n calories, protein, fat, carbs, fiber, sugars, added_sugars, starch,\n saturated_fat, trans_fat, monounsaturated_fat, polyunsaturated_fat, cholesterol,\n water, alcohol, caffeine,\n sodium, potassium, calcium, iron, magnesium, zinc,\n phosphorus, selenium, copper, manganese, fluoride, chromium, molybdenum, iodine, chloride,\n vitamin_a, retinol, beta_carotene, alpha_carotene, beta_cryptoxanthin, lycopene, lutein_zeaxanthin,\n vitamin_d, vitamin_d2, vitamin_d3, vitamin_e, vitamin_k, vitamin_k2,\n vitamin_c, vitamin_b6, vitamin_b12, thiamin, riboflavin, niacin,\n pantothenic_acid, biotin, folate, folic_acid, choline, betaine,\n created_at, updated_at\n`;\n\nfunction mapCustomFoodRow(row: any): CustomFood {\n const food: CustomFood = {\n id: row.id as string,\n userId: row.user_id as string,\n name: row.name as string,\n servingSizeGrams: row.serving_size_grams as number,\n calories: row.calories as number | null,\n protein: row.protein as number | null,\n fat: row.fat as number | null,\n carbs: row.carbs as number | null,\n fiber: row.fiber as number | null,\n sugars: row.sugars as number | null,\n addedSugars: row.added_sugars as number | null,\n starch: row.starch as number | null,\n saturatedFat: row.saturated_fat as number | null,\n transFat: row.trans_fat as number | null,\n monounsaturatedFat: row.monounsaturated_fat as number | null,\n polyunsaturatedFat: row.polyunsaturated_fat as number | null,\n cholesterol: row.cholesterol as number | null,\n water: row.water as number | null,\n alcohol: row.alcohol as number | null,\n caffeine: row.caffeine as number | null,\n sodium: row.sodium as number | null,\n potassium: row.potassium as number | null,\n calcium: row.calcium as number | null,\n iron: row.iron as number | null,\n magnesium: row.magnesium as number | null,\n zinc: row.zinc as number | null,\n phosphorus: row.phosphorus as number | null,\n selenium: row.selenium as number | null,\n copper: row.copper as number | null,\n manganese: row.manganese as number | null,\n fluoride: row.fluoride as number | null,\n chromium: row.chromium as number | null,\n molybdenum: row.molybdenum as number | null,\n iodine: row.iodine as number | null,\n chloride: row.chloride as number | null,\n vitaminA: row.vitamin_a as number | null,\n retinol: row.retinol as number | null,\n betaCarotene: row.beta_carotene as number | null,\n alphaCarotene: row.alpha_carotene as number | null,\n betaCryptoxanthin: row.beta_cryptoxanthin as number | null,\n lycopene: row.lycopene as number | null,\n luteinZeaxanthin: row.lutein_zeaxanthin as number | null,\n vitaminD: row.vitamin_d as number | null,\n vitaminD2: row.vitamin_d2 as number | null,\n vitaminD3: row.vitamin_d3 as number | null,\n vitaminE: row.vitamin_e as number | null,\n vitaminK: row.vitamin_k as number | null,\n vitaminK2: row.vitamin_k2 as number | null,\n vitaminC: row.vitamin_c as number | null,\n vitaminB6: row.vitamin_b6 as number | null,\n vitaminB12: row.vitamin_b12 as number | null,\n thiamin: row.thiamin as number | null,\n riboflavin: row.riboflavin as number | null,\n niacin: row.niacin as number | null,\n pantothenicAcid: row.pantothenic_acid as number | null,\n biotin: row.biotin as number | null,\n folate: row.folate as number | null,\n folicAcid: row.folic_acid as number | null,\n choline: row.choline as number | null,\n betaine: row.betaine as number | null,\n createdAt: row.created_at as string,\n updatedAt: row.updated_at as string,\n };\n // Custom foods may be saved with macros but no explicit calorie figure.\n food.calories = resolveCaloriesOrNull(food);\n return food;\n}\n\n// ============ BATCHED LOOKUPS ============\n// getMealPlan can reference dozens of recipes / custom foods / FDC foods across a\n// week. Fetching them one entry at a time (each getRecipeById is itself 3 queries)\n// meant 60-120 sequential round-trips per call. These helpers fetch each kind in a\n// single `IN (...)` query so a full meal plan hydrates in a constant number of\n// queries regardless of entry count.\n\nasync function getRecipesByIds(recipeIds: string[], userId: string): Promise> {\n const map = new Map();\n if (recipeIds.length === 0) return map;\n\n const placeholders = recipeIds.map(() => '?').join(', ');\n\n const [recipesResult, ingredientsResult, nutritionResult] = await Promise.all([\n sqlite.execute(\n `SELECT id, user_id, title, url, instructions, serving_size, created_at, updated_at\n FROM ${RECIPES_TABLE} WHERE user_id = ? AND id IN (${placeholders})`,\n [userId, ...recipeIds]\n ),\n sqlite.execute(\n `SELECT id, recipe_id, name, amount, unit, amount_grams, notes, order_index,\n fdc_id, fdc_description, fdc_data_type\n FROM ${RECIPE_INGREDIENTS_TABLE} WHERE recipe_id IN (${placeholders}) ORDER BY order_index`,\n [...recipeIds]\n ),\n sqlite.execute(\n `SELECT ${NUTRITION_SELECT_COLUMNS} FROM ${RECIPE_NUTRITION_TABLE} WHERE recipe_id IN (${placeholders})`,\n [...recipeIds]\n ),\n ]);\n\n const ingredientsByRecipe = new Map();\n for (const i of ingredientsResult.rows) {\n const rid = i.recipe_id as string;\n const list = ingredientsByRecipe.get(rid) ?? [];\n list.push({\n id: i.id as string,\n recipeId: rid,\n name: i.name as string,\n amount: i.amount as number | null,\n unit: i.unit as string | null,\n amountGrams: i.amount_grams as number | null,\n notes: i.notes as string | null,\n orderIndex: i.order_index as number,\n fdcId: i.fdc_id as number | null,\n fdcDescription: i.fdc_description as string | null,\n fdcDataType: i.fdc_data_type as FDCDataType | null,\n });\n ingredientsByRecipe.set(rid, list);\n }\n\n const nutritionByRecipe = new Map();\n for (const n of nutritionResult.rows) {\n const rid = n.recipe_id as string;\n nutritionByRecipe.set(rid, mapNutritionRow(n, rid));\n }\n\n for (const row of recipesResult.rows) {\n const id = row.id as string;\n map.set(id, {\n id,\n userId: row.user_id as string,\n title: row.title as string,\n url: row.url as string | null,\n instructions: row.instructions as string | null,\n servingSize: row.serving_size as number,\n createdAt: row.created_at as string,\n updatedAt: row.updated_at as string,\n ingredients: ingredientsByRecipe.get(id) ?? [],\n nutrition: nutritionByRecipe.get(id) ?? null,\n });\n }\n\n return map;\n}\n\nasync function getCustomFoodsByIds(ids: string[], userId: string): Promise> {\n const map = new Map();\n if (ids.length === 0) return map;\n\n const placeholders = ids.map(() => '?').join(', ');\n const result = await sqlite.execute(\n `SELECT ${CUSTOM_FOOD_SELECT_COLUMNS} FROM ${CUSTOM_FOODS_TABLE}\n WHERE user_id = ? AND id IN (${placeholders})`,\n [userId, ...ids]\n );\n\n for (const row of result.rows) map.set(row.id as string, mapCustomFoodRow(row));\n return map;\n}\n\nasync function getFDCFoodsFromCacheByIds(fdcIds: number[]): Promise> {\n const map = new Map();\n if (fdcIds.length === 0) return map;\n\n const placeholders = fdcIds.map(() => '?').join(', ');\n const result = await sqlite.execute(\n `SELECT ${FDC_FOOD_SELECT_COLUMNS} FROM ${FDC_FOODS_CACHE_TABLE}\n WHERE fdc_id IN (${placeholders})`,\n [...fdcIds]\n );\n\n for (const row of result.rows) map.set(row.fdc_id as number, mapFDCFoodRow(row));\n return map;\n}\n\nexport async function getMealPlan(userId: string, weekStartDate: string): Promise {\n const result = await sqlite.execute(\n `SELECT id, user_id, week_start_date, created_at, updated_at\n FROM ${MEAL_PLANS_TABLE} WHERE user_id = ? AND week_start_date = ?`,\n [userId, weekStartDate]\n );\n\n if (result.rows.length === 0) return null;\n const row = result.rows[0];\n const mealPlanId = row.id as string;\n\n // Get all entries (recipes, custom foods, and FDC ingredients)\n const entriesResult = await sqlite.execute(\n `SELECT id, meal_plan_id, day_of_week, meal_type, recipe_id, custom_food_id, fdc_id, servings, amount_grams\n FROM ${MEAL_PLAN_ENTRIES_TABLE}\n WHERE meal_plan_id = ?\n ORDER BY day_of_week, meal_type`,\n [mealPlanId]\n );\n const rawEntries = entriesResult.rows;\n\n // Hydrate every referenced recipe / custom food / FDC food in one batch each,\n // then attach from in-memory maps (no per-entry queries).\n const recipeIds = [...new Set(rawEntries.filter(e => e.recipe_id).map(e => e.recipe_id as string))];\n const customFoodIds = [...new Set(rawEntries.filter(e => e.custom_food_id).map(e => e.custom_food_id as string))];\n const fdcIds = [...new Set(rawEntries.filter(e => e.fdc_id != null).map(e => e.fdc_id as number))];\n\n const [recipesById, customFoodsById, fdcFoodsById] = await Promise.all([\n getRecipesByIds(recipeIds, userId),\n getCustomFoodsByIds(customFoodIds, userId),\n getFDCFoodsFromCacheByIds(fdcIds),\n ]);\n\n const entries: MealPlanEntry[] = rawEntries.map((e) => {\n const entry: MealPlanEntry = {\n id: e.id as string,\n mealPlanId: e.meal_plan_id as string,\n dayOfWeek: e.day_of_week as DayOfWeek,\n mealType: e.meal_type as MealType,\n recipeId: e.recipe_id as string | null,\n customFoodId: e.custom_food_id as string | null,\n fdcId: e.fdc_id as number | null,\n servings: e.servings as number,\n amountGrams: e.amount_grams as number | null,\n };\n\n if (entry.recipeId) {\n const recipe = recipesById.get(entry.recipeId);\n if (recipe) entry.recipe = recipe;\n } else if (entry.customFoodId) {\n const customFood = customFoodsById.get(entry.customFoodId);\n if (customFood) entry.customFood = customFood;\n } else if (entry.fdcId != null) {\n const fdcFood = fdcFoodsById.get(entry.fdcId);\n if (fdcFood) entry.fdcFood = fdcFood;\n }\n\n return entry;\n });\n\n return {\n id: mealPlanId,\n userId: row.user_id as string,\n weekStartDate: row.week_start_date as string,\n createdAt: row.created_at as string,\n updatedAt: row.updated_at as string,\n entries,\n };\n}\n\nexport async function getOrCreateMealPlan(userId: string, weekStartDate: string): Promise {\n const existing = await getMealPlan(userId, weekStartDate);\n if (existing) return existing;\n\n const id = generateId();\n const now = new Date().toISOString();\n\n await sqlite.execute(\n `INSERT INTO ${MEAL_PLANS_TABLE} (id, user_id, week_start_date) VALUES (?, ?, ?)`,\n [id, userId, weekStartDate]\n );\n\n return {\n id,\n userId,\n weekStartDate,\n createdAt: now,\n updatedAt: now,\n entries: [],\n };\n}\n\n// Add entry to meal plan - supports recipes, custom foods, or FDC ingredients\nexport async function addMealPlanEntry(\n userId: string,\n weekStartDate: string,\n dayOfWeek: DayOfWeek,\n mealType: MealType,\n options: {\n recipeId?: string;\n customFoodId?: string;\n fdcId?: number;\n servings?: number;\n amountGrams?: number;\n }\n): Promise {\n const { recipeId, customFoodId, fdcId, servings = 1, amountGrams } = options;\n\n // Validate that exactly one of the IDs is provided\n const idCount = [recipeId, customFoodId, fdcId].filter(Boolean).length;\n if (idCount !== 1) {\n return null;\n }\n\n // Verify ownership/existence based on entry type\n let recipe: Recipe | undefined;\n let customFood: CustomFood | undefined;\n let fdcFood: FDCFood | undefined;\n\n if (recipeId) {\n const r = await getRecipeById(recipeId, userId);\n if (!r) return null;\n recipe = r;\n } else if (customFoodId) {\n const cf = await getCustomFoodById(customFoodId, userId);\n if (!cf) return null;\n customFood = cf;\n } else if (fdcId) {\n const fdc = await getFDCFoodFromCache(fdcId);\n if (!fdc) return null;\n fdcFood = fdc;\n }\n\n const mealPlan = await getOrCreateMealPlan(userId, weekStartDate);\n const entryId = generateId();\n\n await sqlite.execute(\n `INSERT INTO ${MEAL_PLAN_ENTRIES_TABLE} \n (id, meal_plan_id, day_of_week, meal_type, recipe_id, custom_food_id, fdc_id, servings, amount_grams)\n VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?)`,\n [entryId, mealPlan.id, dayOfWeek, mealType, recipeId ?? null, customFoodId ?? null, fdcId ?? null, servings, amountGrams ?? null]\n );\n\n await sqlite.execute(\n `UPDATE ${MEAL_PLANS_TABLE} SET updated_at = CURRENT_TIMESTAMP WHERE id = ?`,\n [mealPlan.id]\n );\n\n return {\n id: entryId,\n mealPlanId: mealPlan.id,\n dayOfWeek,\n mealType,\n recipeId: recipeId ?? null,\n customFoodId: customFoodId ?? null,\n fdcId: fdcId ?? null,\n recipe,\n customFood,\n fdcFood,\n servings,\n amountGrams: amountGrams ?? null,\n };\n}\n\nexport async function deleteMealPlanEntry(entryId: string, userId: string): Promise {\n // Get entry and verify ownership through meal plan\n const entryResult = await sqlite.execute(\n `SELECT e.id, e.meal_plan_id, m.user_id\n FROM ${MEAL_PLAN_ENTRIES_TABLE} e\n JOIN ${MEAL_PLANS_TABLE} m ON e.meal_plan_id = m.id\n WHERE e.id = ?`,\n [entryId]\n );\n\n if (entryResult.rows.length === 0) return false;\n if (entryResult.rows[0].user_id !== userId) return false;\n\n const result = await sqlite.execute(\n `DELETE FROM ${MEAL_PLAN_ENTRIES_TABLE} WHERE id = ?`,\n [entryId]\n );\n\n return result.rowsAffected > 0;\n}\n\nexport async function scheduleMeals(\n userId: string,\n weekStartDate: string,\n options: {\n recipeId?: string;\n customFoodId?: string;\n fdcId?: number;\n servings?: number;\n amountGrams?: number;\n },\n mealType: MealType,\n days: DayOfWeek[]\n): Promise {\n const entries: MealPlanEntry[] = [];\n\n for (const day of days) {\n const entry = await addMealPlanEntry(userId, weekStartDate, day, mealType, options);\n if (entry) entries.push(entry);\n }\n\n return entries;\n}\n\n// ============ SCRAPER EVAL URL QUERIES ============\n\nexport interface ScraperEvalUrl {\n id: string;\n userId: string;\n url: string;\n createdAt: string;\n}\n\nexport async function getScraperEvalUrls(userId: string): Promise {\n const result = await sqlite.execute(\n `SELECT id, user_id, url, created_at FROM ${SCRAPER_EVAL_URLS_TABLE} WHERE user_id = ? ORDER BY created_at DESC`,\n [userId]\n );\n\n return result.rows.map((row) => ({\n id: row.id as string,\n userId: row.user_id as string,\n url: row.url as string,\n createdAt: row.created_at as string,\n }));\n}\n\nexport async function addScraperEvalUrl(userId: string, url: string): Promise {\n const id = generateId();\n const now = new Date().toISOString();\n\n try {\n await sqlite.execute(\n `INSERT INTO ${SCRAPER_EVAL_URLS_TABLE} (id, user_id, url) VALUES (?, ?, ?)`,\n [id, userId, url]\n );\n\n return { id, userId, url, createdAt: now };\n } catch (error) {\n // URL already exists for this user (unique constraint)\n return null;\n }\n}\n\nexport async function addScraperEvalUrls(userId: string, urls: string[]): Promise {\n const added: ScraperEvalUrl[] = [];\n\n for (const url of urls) {\n const result = await addScraperEvalUrl(userId, url);\n if (result) added.push(result);\n }\n\n return added;\n}\n\nexport async function deleteScraperEvalUrl(userId: string, urlId: string): Promise {\n const result = await sqlite.execute(\n `DELETE FROM ${SCRAPER_EVAL_URLS_TABLE} WHERE id = ? AND user_id = ?`,\n [urlId, userId]\n );\n return result.rowsAffected > 0;\n}\n\nexport async function deleteAllScraperEvalUrls(userId: string): Promise {\n const result = await sqlite.execute(\n `DELETE FROM ${SCRAPER_EVAL_URLS_TABLE} WHERE user_id = ?`,\n [userId]\n );\n return result.rowsAffected;\n}\n\n// ============ STARRED INGREDIENTS QUERIES ============\n\nexport async function getStarredIngredients(userId: string): Promise {\n const result = await sqlite.execute(\n `SELECT id, user_id, fdc_id, fdc_description, fdc_data_type, brand_owner, created_at\n FROM ${STARRED_INGREDIENTS_TABLE} WHERE user_id = ? ORDER BY created_at DESC`,\n [userId]\n );\n\n return result.rows.map((row) => ({\n id: row.id as string,\n userId: row.user_id as string,\n fdcId: row.fdc_id as number,\n fdcDescription: row.fdc_description as string,\n fdcDataType: row.fdc_data_type as FDCDataType,\n brandOwner: row.brand_owner as string | null,\n createdAt: row.created_at as string,\n }));\n}\n\nexport async function addStarredIngredient(\n userId: string,\n fdcId: number,\n fdcDescription: string,\n fdcDataType: FDCDataType,\n brandOwner: string | null\n): Promise {\n const id = generateId();\n const now = new Date().toISOString();\n\n try {\n await sqlite.execute(\n `INSERT INTO ${STARRED_INGREDIENTS_TABLE} (id, user_id, fdc_id, fdc_description, fdc_data_type, brand_owner)\n VALUES (?, ?, ?, ?, ?, ?)`,\n [id, userId, fdcId, fdcDescription, fdcDataType, brandOwner]\n );\n\n return { id, userId, fdcId, fdcDescription, fdcDataType, brandOwner, createdAt: now };\n } catch (error) {\n // Already starred (unique constraint on user_id + fdc_id)\n return null;\n }\n}\n\nexport async function removeStarredIngredient(userId: string, fdcId: number): Promise {\n const result = await sqlite.execute(\n `DELETE FROM ${STARRED_INGREDIENTS_TABLE} WHERE user_id = ? AND fdc_id = ?`,\n [userId, fdcId]\n );\n return result.rowsAffected > 0;\n}\n\nexport async function isIngredientStarred(userId: string, fdcId: number): Promise {\n const result = await sqlite.execute(\n `SELECT 1 FROM ${STARRED_INGREDIENTS_TABLE} WHERE user_id = ? AND fdc_id = ? LIMIT 1`,\n [userId, fdcId]\n );\n return result.rows.length > 0;\n}\n\n// ============ CUSTOM FOODS QUERIES ============\n\nexport async function getCustomFoodsByUser(userId: string): Promise {\n const result = await sqlite.execute(\n `SELECT ${CUSTOM_FOOD_SELECT_COLUMNS} FROM ${CUSTOM_FOODS_TABLE} WHERE user_id = ? ORDER BY name`,\n [userId]\n );\n\n return result.rows.map(mapCustomFoodRow);\n}\n\nexport async function getCustomFoodById(customFoodId: string, userId: string): Promise {\n const result = await sqlite.execute(\n `SELECT ${CUSTOM_FOOD_SELECT_COLUMNS} FROM ${CUSTOM_FOODS_TABLE} WHERE id = ? AND user_id = ?`,\n [customFoodId, userId]\n );\n\n if (result.rows.length === 0) return null;\n return mapCustomFoodRow(result.rows[0]);\n}\n\nexport async function createCustomFood(\n userId: string,\n data: CreateCustomFoodRequest\n): Promise {\n const id = generateId();\n const now = new Date().toISOString();\n\n await sqlite.execute(\n `INSERT INTO ${CUSTOM_FOODS_TABLE} (\n id, user_id, name, serving_size_grams,\n calories, protein, fat, carbs, fiber, sugars, added_sugars, starch,\n saturated_fat, trans_fat, monounsaturated_fat, polyunsaturated_fat, cholesterol,\n water, alcohol, caffeine,\n sodium, potassium, calcium, iron, magnesium, zinc,\n phosphorus, selenium, copper, manganese, fluoride, chromium, molybdenum, iodine, chloride,\n vitamin_a, retinol, beta_carotene, alpha_carotene, beta_cryptoxanthin, lycopene, lutein_zeaxanthin,\n vitamin_d, vitamin_d2, vitamin_d3, vitamin_e, vitamin_k, vitamin_k2,\n vitamin_c, vitamin_b6, vitamin_b12, thiamin, riboflavin, niacin,\n pantothenic_acid, biotin, folate, folic_acid, choline, betaine\n ) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)`,\n [\n id, userId, data.name, data.servingSizeGrams ?? 100,\n data.calories ?? null, data.protein ?? null, data.fat ?? null, data.carbs ?? null, data.fiber ?? null,\n data.sugars ?? null, data.addedSugars ?? null, data.starch ?? null,\n data.saturatedFat ?? null, data.transFat ?? null, data.monounsaturatedFat ?? null, data.polyunsaturatedFat ?? null, data.cholesterol ?? null,\n data.water ?? null, data.alcohol ?? null, data.caffeine ?? null,\n data.sodium ?? null, data.potassium ?? null, data.calcium ?? null, data.iron ?? null, data.magnesium ?? null, data.zinc ?? null,\n data.phosphorus ?? null, data.selenium ?? null, data.copper ?? null, data.manganese ?? null, data.fluoride ?? null, data.chromium ?? null, data.molybdenum ?? null, data.iodine ?? null, data.chloride ?? null,\n data.vitaminA ?? null, data.retinol ?? null, data.betaCarotene ?? null, data.alphaCarotene ?? null, data.betaCryptoxanthin ?? null, data.lycopene ?? null, data.luteinZeaxanthin ?? null,\n data.vitaminD ?? null, data.vitaminD2 ?? null, data.vitaminD3 ?? null, data.vitaminE ?? null, data.vitaminK ?? null, data.vitaminK2 ?? null,\n data.vitaminC ?? null, data.vitaminB6 ?? null, data.vitaminB12 ?? null, data.thiamin ?? null, data.riboflavin ?? null, data.niacin ?? null,\n data.pantothenicAcid ?? null, data.biotin ?? null, data.folate ?? null, data.folicAcid ?? null, data.choline ?? null, data.betaine ?? null,\n ]\n );\n\n // Return created food by fetching it\n return (await getCustomFoodById(id, userId))!;\n}\n\nexport async function updateCustomFood(\n customFoodId: string,\n userId: string,\n data: Partial\n): Promise {\n // Check ownership\n const existing = await getCustomFoodById(customFoodId, userId);\n if (!existing) return null;\n\n const fields: string[] = [];\n const values: any[] = [];\n\n // Build dynamic update based on provided fields\n const fieldMappings: Array<[keyof CreateCustomFoodRequest, string]> = [\n ['name', 'name'],\n ['servingSizeGrams', 'serving_size_grams'],\n ['calories', 'calories'],\n ['protein', 'protein'],\n ['fat', 'fat'],\n ['carbs', 'carbs'],\n ['fiber', 'fiber'],\n ['sugars', 'sugars'],\n ['addedSugars', 'added_sugars'],\n ['starch', 'starch'],\n ['saturatedFat', 'saturated_fat'],\n ['transFat', 'trans_fat'],\n ['monounsaturatedFat', 'monounsaturated_fat'],\n ['polyunsaturatedFat', 'polyunsaturated_fat'],\n ['cholesterol', 'cholesterol'],\n ['water', 'water'],\n ['alcohol', 'alcohol'],\n ['caffeine', 'caffeine'],\n ['sodium', 'sodium'],\n ['potassium', 'potassium'],\n ['calcium', 'calcium'],\n ['iron', 'iron'],\n ['magnesium', 'magnesium'],\n ['zinc', 'zinc'],\n ['phosphorus', 'phosphorus'],\n ['selenium', 'selenium'],\n ['copper', 'copper'],\n ['manganese', 'manganese'],\n ['fluoride', 'fluoride'],\n ['chromium', 'chromium'],\n ['molybdenum', 'molybdenum'],\n ['iodine', 'iodine'],\n ['chloride', 'chloride'],\n ['vitaminA', 'vitamin_a'],\n ['retinol', 'retinol'],\n ['betaCarotene', 'beta_carotene'],\n ['alphaCarotene', 'alpha_carotene'],\n ['betaCryptoxanthin', 'beta_cryptoxanthin'],\n ['lycopene', 'lycopene'],\n ['luteinZeaxanthin', 'lutein_zeaxanthin'],\n ['vitaminD', 'vitamin_d'],\n ['vitaminD2', 'vitamin_d2'],\n ['vitaminD3', 'vitamin_d3'],\n ['vitaminE', 'vitamin_e'],\n ['vitaminK', 'vitamin_k'],\n ['vitaminK2', 'vitamin_k2'],\n ['vitaminC', 'vitamin_c'],\n ['vitaminB6', 'vitamin_b6'],\n ['vitaminB12', 'vitamin_b12'],\n ['thiamin', 'thiamin'],\n ['riboflavin', 'riboflavin'],\n ['niacin', 'niacin'],\n ['pantothenicAcid', 'pantothenic_acid'],\n ['biotin', 'biotin'],\n ['folate', 'folate'],\n ['folicAcid', 'folic_acid'],\n ['choline', 'choline'],\n ['betaine', 'betaine'],\n ];\n\n for (const [jsKey, dbColumn] of fieldMappings) {\n if (data[jsKey] !== undefined) {\n fields.push(`${dbColumn} = ?`);\n values.push(data[jsKey]);\n }\n }\n\n if (fields.length > 0) {\n fields.push('updated_at = CURRENT_TIMESTAMP');\n values.push(customFoodId, userId);\n await sqlite.execute(\n `UPDATE ${CUSTOM_FOODS_TABLE} SET ${fields.join(', ')} WHERE id = ? AND user_id = ?`,\n values\n );\n }\n\n return getCustomFoodById(customFoodId, userId);\n}\n\nexport async function deleteCustomFood(customFoodId: string, userId: string): Promise {\n const result = await sqlite.execute(\n `DELETE FROM ${CUSTOM_FOODS_TABLE} WHERE id = ? AND user_id = ?`,\n [customFoodId, userId]\n );\n return result.rowsAffected > 0;\n}\n",[],[580,696,688],"database","7e3ec762-e78f-11f0-b1b2-42dde27851f2","migrations.ts","b92d14ae-d3a9-11f0-9955-42dde27851f2",191,["D",1767326393277],13,"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\n\n// Table names - versioned for schema changes\nexport const USERS_TABLE = 'carmy_users_v1';\nexport const SESSIONS_TABLE = 'carmy_sessions_v1';\nexport const RECIPES_TABLE = 'carmy_recipes_v1';\nexport const RECIPE_INGREDIENTS_TABLE = 'carmy_recipe_ingredients_v3'; // v3: added FDC linking\nexport const RECIPE_NUTRITION_TABLE = 'carmy_recipe_nutrition_v3'; // v3: all USDA FDC nutrients\nexport const FDC_FOODS_CACHE_TABLE = 'carmy_fdc_foods_cache_v2'; // v2: all USDA FDC nutrients\nexport const GROCERY_LISTS_TABLE = 'carmy_grocery_lists_v1';\nexport const GROCERY_LIST_ITEMS_TABLE = 'carmy_grocery_list_items_v2'; // v2: added notes field\nexport const NUTRITION_GOALS_TABLE = 'carmy_nutrition_goals_v1';\nexport const MEAL_PLANS_TABLE = 'carmy_meal_plans_v1';\nexport const MEAL_PLAN_ENTRIES_TABLE = 'carmy_meal_plan_entries_v2'; // v2: support custom foods and FDC ingredients\nexport const SCRAPER_EVAL_URLS_TABLE = 'carmy_scraper_eval_urls_v1';\nexport const STARRED_INGREDIENTS_TABLE = 'carmy_starred_ingredients_v1';\nexport const CUSTOM_FOODS_TABLE = 'carmy_custom_foods_v2'; // v2: all USDA FDC nutrients\n\nexport async function runMigrations() {\n // Users table (Google OAuth)\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${USERS_TABLE} (\n id TEXT PRIMARY KEY,\n email TEXT NOT NULL UNIQUE,\n name TEXT,\n picture TEXT,\n created_at TEXT DEFAULT CURRENT_TIMESTAMP,\n updated_at TEXT DEFAULT CURRENT_TIMESTAMP\n )\n `);\n\n // Sessions table\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${SESSIONS_TABLE} (\n id TEXT PRIMARY KEY,\n user_id TEXT NOT NULL,\n expires_at TEXT NOT NULL,\n created_at TEXT DEFAULT CURRENT_TIMESTAMP,\n FOREIGN KEY (user_id) REFERENCES ${USERS_TABLE}(id)\n )\n `);\n\n await sqlite.execute(`\n CREATE INDEX IF NOT EXISTS idx_${SESSIONS_TABLE}_user_id \n ON ${SESSIONS_TABLE}(user_id)\n `);\n\n // Recipes table\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${RECIPES_TABLE} (\n id TEXT PRIMARY KEY,\n user_id TEXT NOT NULL,\n title TEXT NOT NULL,\n url TEXT,\n instructions TEXT,\n serving_size INTEGER NOT NULL DEFAULT 1,\n created_at TEXT DEFAULT CURRENT_TIMESTAMP,\n updated_at TEXT DEFAULT CURRENT_TIMESTAMP,\n FOREIGN KEY (user_id) REFERENCES ${USERS_TABLE}(id)\n )\n `);\n\n await sqlite.execute(`\n CREATE INDEX IF NOT EXISTS idx_${RECIPES_TABLE}_user_id \n ON ${RECIPES_TABLE}(user_id)\n `);\n\n // Recipe ingredients table (v3: with FDC linking)\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${RECIPE_INGREDIENTS_TABLE} (\n id TEXT PRIMARY KEY,\n recipe_id TEXT NOT NULL,\n name TEXT NOT NULL,\n amount REAL,\n unit TEXT,\n amount_grams REAL,\n notes TEXT,\n order_index INTEGER NOT NULL DEFAULT 0,\n fdc_id INTEGER,\n fdc_description TEXT,\n fdc_data_type TEXT,\n FOREIGN KEY (recipe_id) REFERENCES ${RECIPES_TABLE}(id) ON DELETE CASCADE\n )\n `);\n\n await sqlite.execute(`\n CREATE INDEX IF NOT EXISTS idx_${RECIPE_INGREDIENTS_TABLE}_recipe_id \n ON ${RECIPE_INGREDIENTS_TABLE}(recipe_id)\n `);\n\n // FDC foods cache table v2 - comprehensive USDA FDC nutrients\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${FDC_FOODS_CACHE_TABLE} (\n fdc_id INTEGER PRIMARY KEY,\n description TEXT NOT NULL,\n data_type TEXT NOT NULL,\n brand_owner TEXT,\n brand_name TEXT,\n serving_size REAL,\n serving_size_unit TEXT,\n household_serving_text TEXT,\n -- Energy\n calories REAL,\n -- Macronutrients\n protein REAL,\n fat REAL,\n carbs REAL,\n fiber REAL,\n sugars REAL,\n added_sugars REAL,\n starch REAL,\n -- Fats breakdown\n saturated_fat REAL,\n trans_fat REAL,\n monounsaturated_fat REAL,\n polyunsaturated_fat REAL,\n cholesterol REAL,\n -- Other macros\n water REAL,\n alcohol REAL,\n caffeine REAL,\n -- Minerals\n sodium REAL,\n potassium REAL,\n calcium REAL,\n iron REAL,\n magnesium REAL,\n zinc REAL,\n phosphorus REAL,\n selenium REAL,\n copper REAL,\n manganese REAL,\n fluoride REAL,\n chromium REAL,\n molybdenum REAL,\n iodine REAL,\n chloride REAL,\n -- Vitamins - Fat soluble\n vitamin_a REAL,\n retinol REAL,\n beta_carotene REAL,\n alpha_carotene REAL,\n beta_cryptoxanthin REAL,\n lycopene REAL,\n lutein_zeaxanthin REAL,\n vitamin_d REAL,\n vitamin_d2 REAL,\n vitamin_d3 REAL,\n vitamin_e REAL,\n vitamin_k REAL,\n vitamin_k2 REAL,\n -- Vitamins - Water soluble\n vitamin_c REAL,\n vitamin_b6 REAL,\n vitamin_b12 REAL,\n thiamin REAL,\n riboflavin REAL,\n niacin REAL,\n pantothenic_acid REAL,\n biotin REAL,\n folate REAL,\n folic_acid REAL,\n choline REAL,\n betaine REAL,\n -- Metadata\n cached_at TEXT DEFAULT CURRENT_TIMESTAMP\n )\n `);\n\n // Recipe nutrition table v3 - comprehensive nutrients per serving\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${RECIPE_NUTRITION_TABLE} (\n id TEXT PRIMARY KEY,\n recipe_id TEXT NOT NULL UNIQUE,\n -- Energy\n calories REAL,\n -- Macronutrients\n protein REAL,\n fat REAL,\n carbs REAL,\n fiber REAL,\n sugars REAL,\n added_sugars REAL,\n starch REAL,\n -- Fats breakdown\n saturated_fat REAL,\n trans_fat REAL,\n monounsaturated_fat REAL,\n polyunsaturated_fat REAL,\n cholesterol REAL,\n -- Other macros\n water REAL,\n alcohol REAL,\n caffeine REAL,\n -- Minerals\n sodium REAL,\n potassium REAL,\n calcium REAL,\n iron REAL,\n magnesium REAL,\n zinc REAL,\n phosphorus REAL,\n selenium REAL,\n copper REAL,\n manganese REAL,\n fluoride REAL,\n chromium REAL,\n molybdenum REAL,\n iodine REAL,\n chloride REAL,\n -- Vitamins - Fat soluble\n vitamin_a REAL,\n retinol REAL,\n beta_carotene REAL,\n alpha_carotene REAL,\n beta_cryptoxanthin REAL,\n lycopene REAL,\n lutein_zeaxanthin REAL,\n vitamin_d REAL,\n vitamin_d2 REAL,\n vitamin_d3 REAL,\n vitamin_e REAL,\n vitamin_k REAL,\n vitamin_k2 REAL,\n -- Vitamins - Water soluble\n vitamin_c REAL,\n vitamin_b6 REAL,\n vitamin_b12 REAL,\n thiamin REAL,\n riboflavin REAL,\n niacin REAL,\n pantothenic_acid REAL,\n biotin REAL,\n folate REAL,\n folic_acid REAL,\n choline REAL,\n betaine REAL,\n -- Metadata\n is_complete INTEGER NOT NULL DEFAULT 0,\n FOREIGN KEY (recipe_id) REFERENCES ${RECIPES_TABLE}(id) ON DELETE CASCADE\n )\n `);\n\n // Grocery lists table\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${GROCERY_LISTS_TABLE} (\n id TEXT PRIMARY KEY,\n user_id TEXT NOT NULL,\n name TEXT NOT NULL,\n created_at TEXT DEFAULT CURRENT_TIMESTAMP,\n updated_at TEXT DEFAULT CURRENT_TIMESTAMP,\n FOREIGN KEY (user_id) REFERENCES ${USERS_TABLE}(id)\n )\n `);\n\n await sqlite.execute(`\n CREATE INDEX IF NOT EXISTS idx_${GROCERY_LISTS_TABLE}_user_id \n ON ${GROCERY_LISTS_TABLE}(user_id)\n `);\n\n // Grocery list items table (v2: added notes field)\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${GROCERY_LIST_ITEMS_TABLE} (\n id TEXT PRIMARY KEY,\n list_id TEXT NOT NULL,\n name TEXT NOT NULL,\n quantity REAL,\n unit TEXT,\n notes TEXT,\n recipe_id TEXT,\n recipe_name TEXT,\n checked INTEGER NOT NULL DEFAULT 0,\n created_at TEXT DEFAULT CURRENT_TIMESTAMP,\n FOREIGN KEY (list_id) REFERENCES ${GROCERY_LISTS_TABLE}(id) ON DELETE CASCADE,\n FOREIGN KEY (recipe_id) REFERENCES ${RECIPES_TABLE}(id) ON DELETE SET NULL\n )\n `);\n\n await sqlite.execute(`\n CREATE INDEX IF NOT EXISTS idx_${GROCERY_LIST_ITEMS_TABLE}_list_id \n ON ${GROCERY_LIST_ITEMS_TABLE}(list_id)\n `);\n\n // Nutrition goals table\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${NUTRITION_GOALS_TABLE} (\n id TEXT PRIMARY KEY,\n user_id TEXT NOT NULL UNIQUE,\n primary_goal_type TEXT NOT NULL,\n primary_goal_value REAL NOT NULL,\n sub_goal_1_type TEXT,\n sub_goal_1_value REAL,\n sub_goal_2_type TEXT,\n sub_goal_2_value REAL,\n updated_at TEXT DEFAULT CURRENT_TIMESTAMP,\n FOREIGN KEY (user_id) REFERENCES ${USERS_TABLE}(id)\n )\n `);\n\n // Meal plans table\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${MEAL_PLANS_TABLE} (\n id TEXT PRIMARY KEY,\n user_id TEXT NOT NULL,\n week_start_date TEXT NOT NULL,\n created_at TEXT DEFAULT CURRENT_TIMESTAMP,\n updated_at TEXT DEFAULT CURRENT_TIMESTAMP,\n FOREIGN KEY (user_id) REFERENCES ${USERS_TABLE}(id),\n UNIQUE(user_id, week_start_date)\n )\n `);\n\n await sqlite.execute(`\n CREATE INDEX IF NOT EXISTS idx_${MEAL_PLANS_TABLE}_user_week \n ON ${MEAL_PLANS_TABLE}(user_id, week_start_date)\n `);\n\n // Custom foods table v2 - comprehensive USDA FDC nutrients\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${CUSTOM_FOODS_TABLE} (\n id TEXT PRIMARY KEY,\n user_id TEXT NOT NULL,\n name TEXT NOT NULL,\n serving_size_grams REAL NOT NULL DEFAULT 100,\n -- Energy\n calories REAL,\n -- Macronutrients\n protein REAL,\n fat REAL,\n carbs REAL,\n fiber REAL,\n sugars REAL,\n added_sugars REAL,\n starch REAL,\n -- Fats breakdown\n saturated_fat REAL,\n trans_fat REAL,\n monounsaturated_fat REAL,\n polyunsaturated_fat REAL,\n cholesterol REAL,\n -- Other macros\n water REAL,\n alcohol REAL,\n caffeine REAL,\n -- Minerals\n sodium REAL,\n potassium REAL,\n calcium REAL,\n iron REAL,\n magnesium REAL,\n zinc REAL,\n phosphorus REAL,\n selenium REAL,\n copper REAL,\n manganese REAL,\n fluoride REAL,\n chromium REAL,\n molybdenum REAL,\n iodine REAL,\n chloride REAL,\n -- Vitamins - Fat soluble\n vitamin_a REAL,\n retinol REAL,\n beta_carotene REAL,\n alpha_carotene REAL,\n beta_cryptoxanthin REAL,\n lycopene REAL,\n lutein_zeaxanthin REAL,\n vitamin_d REAL,\n vitamin_d2 REAL,\n vitamin_d3 REAL,\n vitamin_e REAL,\n vitamin_k REAL,\n vitamin_k2 REAL,\n -- Vitamins - Water soluble\n vitamin_c REAL,\n vitamin_b6 REAL,\n vitamin_b12 REAL,\n thiamin REAL,\n riboflavin REAL,\n niacin REAL,\n pantothenic_acid REAL,\n biotin REAL,\n folate REAL,\n folic_acid REAL,\n choline REAL,\n betaine REAL,\n -- Metadata\n created_at TEXT DEFAULT CURRENT_TIMESTAMP,\n updated_at TEXT DEFAULT CURRENT_TIMESTAMP,\n FOREIGN KEY (user_id) REFERENCES ${USERS_TABLE}(id)\n )\n `);\n\n await sqlite.execute(`\n CREATE INDEX IF NOT EXISTS idx_${CUSTOM_FOODS_TABLE}_user_id \n ON ${CUSTOM_FOODS_TABLE}(user_id)\n `);\n\n // Meal plan entries table (v2: supports recipes, custom foods, and FDC ingredients)\n // Note: exactly one of recipe_id, custom_food_id, or fdc_id should be set\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${MEAL_PLAN_ENTRIES_TABLE} (\n id TEXT PRIMARY KEY,\n meal_plan_id TEXT NOT NULL,\n day_of_week INTEGER NOT NULL,\n meal_type TEXT NOT NULL,\n recipe_id TEXT,\n custom_food_id TEXT,\n fdc_id INTEGER,\n servings REAL NOT NULL DEFAULT 1,\n amount_grams REAL,\n FOREIGN KEY (meal_plan_id) REFERENCES ${MEAL_PLANS_TABLE}(id) ON DELETE CASCADE,\n FOREIGN KEY (recipe_id) REFERENCES ${RECIPES_TABLE}(id) ON DELETE CASCADE,\n FOREIGN KEY (custom_food_id) REFERENCES ${CUSTOM_FOODS_TABLE}(id) ON DELETE CASCADE\n )\n `);\n\n await sqlite.execute(`\n CREATE INDEX IF NOT EXISTS idx_${MEAL_PLAN_ENTRIES_TABLE}_meal_plan_id \n ON ${MEAL_PLAN_ENTRIES_TABLE}(meal_plan_id)\n `);\n\n // Scraper evaluation URLs table\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${SCRAPER_EVAL_URLS_TABLE} (\n id TEXT PRIMARY KEY,\n user_id TEXT NOT NULL,\n url TEXT NOT NULL,\n created_at TEXT DEFAULT CURRENT_TIMESTAMP,\n FOREIGN KEY (user_id) REFERENCES ${USERS_TABLE}(id),\n UNIQUE(user_id, url)\n )\n `);\n\n await sqlite.execute(`\n CREATE INDEX IF NOT EXISTS idx_${SCRAPER_EVAL_URLS_TABLE}_user_id \n ON ${SCRAPER_EVAL_URLS_TABLE}(user_id)\n `);\n\n // Starred ingredients table - user's favorite FDC foods for quick linking\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${STARRED_INGREDIENTS_TABLE} (\n id TEXT PRIMARY KEY,\n user_id TEXT NOT NULL,\n fdc_id INTEGER NOT NULL,\n fdc_description TEXT NOT NULL,\n fdc_data_type TEXT NOT NULL,\n brand_owner TEXT,\n created_at TEXT DEFAULT CURRENT_TIMESTAMP,\n FOREIGN KEY (user_id) REFERENCES ${USERS_TABLE}(id),\n UNIQUE(user_id, fdc_id)\n )\n `);\n\n await sqlite.execute(`\n CREATE INDEX IF NOT EXISTS idx_${STARRED_INGREDIENTS_TABLE}_user_id \n ON ${STARRED_INGREDIENTS_TABLE}(user_id)\n `);\n\n // ============ DATA MIGRATIONS ============\n await seedCustomFoods();\n}\n\n// Seed custom foods data\nasync function seedCustomFoods() {\n // Check if custom foods already exist (optimization: skip if already seeded)\n const existingFoodsResult = await sqlite.execute(\n `SELECT COUNT(*) as count FROM ${CUSTOM_FOODS_TABLE} WHERE id LIKE 'huel_%' OR id LIKE 'nurri_%' OR id LIKE 'kirkland_%' OR id LIKE 'schwartz_%' OR id LIKE 'ithica_%' LIMIT 1`\n );\n \n if (existingFoodsResult.rows.length > 0 && (existingFoodsResult.rows[0].count as number) > 0) {\n // Already seeded, skip\n return;\n }\n\n // Get the first user to add the custom food for\n const usersResult = await sqlite.execute(\n `SELECT id FROM ${USERS_TABLE} LIMIT 1`\n );\n\n if (usersResult.rows.length === 0) {\n // No users yet, skip seeding\n return;\n }\n\n const userId = usersResult.rows[0].id as string;\n\n // Huel Black RTD Chocolate - per 1 bottle (500mL)\n // Using INSERT OR IGNORE to prevent duplicates\n await sqlite.execute(`\n INSERT OR IGNORE INTO ${CUSTOM_FOODS_TABLE} (\n id, user_id, name, serving_size_grams,\n calories, protein, fat, carbs, fiber,\n sodium, potassium, calcium, iron, magnesium, zinc,\n vitamin_a, vitamin_c, vitamin_d, vitamin_e, vitamin_k,\n vitamin_b6, vitamin_b12, thiamin, riboflavin, niacin, folate\n ) VALUES (\n 'huel_black_rtd_chocolate_001',\n ?,\n 'Huel Black RTD Chocolate',\n 500,\n 400, 35, 17, 30, 7,\n 380, 1000, 260, 9, 100, 4,\n 180, 50, 5, 3, 35,\n 0.3, 0.8, 0.2, 0.3, 3.2, 80\n )\n `, [userId]);\n\n // Nurri Protein Shake Vanilla - per 1 can (11 fl oz ≈ 325mL)\n await sqlite.execute(`\n INSERT OR IGNORE INTO ${CUSTOM_FOODS_TABLE} (\n id, user_id, name, serving_size_grams,\n calories, protein, fat, carbs, fiber,\n sodium, potassium, calcium, iron, magnesium, zinc,\n vitamin_a, vitamin_c, vitamin_d, vitamin_e, vitamin_k,\n vitamin_b6, vitamin_b12, thiamin, riboflavin, niacin, folate\n ) VALUES (\n 'nurri_protein_shake_vanilla_001',\n ?,\n 'Nurri Protein Shake Vanilla',\n 325,\n 150, 30, 2.5, 2, 0,\n 180, 350, 740, 0.3, 40, 4,\n 200, NULL, 5, NULL, NULL,\n NULL, NULL, NULL, NULL, NULL, NULL\n )\n `, [userId]);\n\n // Kirkland Signature Daily Multi - per 1 tablet\n // This is a multivitamin supplement with no macros\n await sqlite.execute(`\n INSERT OR IGNORE INTO ${CUSTOM_FOODS_TABLE} (\n id, user_id, name, serving_size_grams,\n calories, protein, fat, carbs, fiber,\n sodium, potassium, calcium, iron, magnesium, zinc,\n vitamin_a, vitamin_c, vitamin_d, vitamin_e, vitamin_k,\n vitamin_b6, vitamin_b12, thiamin, riboflavin, niacin, folate\n ) VALUES (\n 'kirkland_daily_multi_001',\n ?,\n 'Kirkland Signature Daily Multi',\n 1,\n 0, 0, 0, 0, 0,\n 0, 80, 200, 18, 100, 11,\n 897, 90, 10, 13, 25,\n 2, 6, 1.5, 1.7, 20, 850\n )\n `, [userId]);\n\n // Schwartz Everything Bagel Chips - per 9 pieces (30g)\n await sqlite.execute(`\n INSERT OR IGNORE INTO ${CUSTOM_FOODS_TABLE} (\n id, user_id, name, serving_size_grams,\n calories, protein, fat, carbs, fiber,\n sodium, potassium, calcium, iron, magnesium, zinc,\n vitamin_a, vitamin_c, vitamin_d, vitamin_e, vitamin_k,\n vitamin_b6, vitamin_b12, thiamin, riboflavin, niacin, folate\n ) VALUES (\n 'schwartz_everything_bagel_chips_001',\n ?,\n 'Schwartz Everything Bagel Chips',\n 30,\n 120, 2, 8, 11, 1,\n 180, 33, 11, 0, NULL, NULL,\n NULL, NULL, 0, NULL, NULL,\n NULL, NULL, NULL, NULL, NULL, NULL\n )\n `, [userId]);\n\n // Ithica X Graza Hummus - per 2 tbsp (28g)\n await sqlite.execute(`\n INSERT OR IGNORE INTO ${CUSTOM_FOODS_TABLE} (\n id, user_id, name, serving_size_grams,\n calories, protein, fat, carbs, fiber,\n sodium, potassium, calcium, iron, magnesium, zinc,\n vitamin_a, vitamin_c, vitamin_d, vitamin_e, vitamin_k,\n vitamin_b6, vitamin_b12, thiamin, riboflavin, niacin, folate\n ) VALUES (\n 'ithica_graza_hummus_001',\n ?,\n 'Ithica X Graza Hummus',\n 28,\n 70, 2, 4.5, 6, 2,\n 135, 60, 20, 0.7, NULL, NULL,\n NULL, NULL, 0, NULL, NULL,\n NULL, NULL, NULL, NULL, NULL, NULL\n )\n `, [userId]);\n\n // Kirkland Signature Lightly Breaded Chicken Breast Chunks - per 3 oz (84g)\n await sqlite.execute(`\n INSERT OR IGNORE INTO ${CUSTOM_FOODS_TABLE} (\n id, user_id, name, serving_size_grams,\n calories, protein, fat, carbs, fiber,\n sodium, potassium, calcium, iron, magnesium, zinc,\n vitamin_a, vitamin_c, vitamin_d, vitamin_e, vitamin_k,\n vitamin_b6, vitamin_b12, thiamin, riboflavin, niacin, folate\n ) VALUES (\n 'kirkland_breaded_chicken_chunks_001',\n ?,\n 'Kirkland Signature Lightly Breaded Chicken Breast Chunks',\n 84,\n 140, 16, 5, 9, 0,\n 530, 218, 8, 0, NULL, NULL,\n NULL, NULL, 0, NULL, NULL,\n NULL, NULL, NULL, NULL, NULL, NULL\n )\n `, [userId]);\n}\n",[],[580,696,698],"b89676ac-d3a9-11f0-8e4b-42dde27851f2",["D",1765138634821],[280,281],[580,696],"b8403292-d3a9-11f0-8e76-42dde27851f2",["D",1765138634257],[279,282,284,293,296],[580],["D",1765137234131],{"_11":12,"_230":82},{"_11":12,"_226":-5,"_81":82,"_31":80,"_227":228,"_229":30},{"_51":217,"_13":16,"_45":48,"_218":182,"_219":-5,"_220":-5,"_221":-5,"_222":-5,"_223":-5,"_224":14,"_225":12},"ctx",{"_64":-5,"_249":751,"_752":753,"_754":755,"_756":30,"_757":30,"_758":30,"_759":24,"_760":-5,"_761":-7,"_762":-7,"_763":26,"_764":30,"_765":30,"_766":-5,"_767":30,"_768":30,"_769":30,"_770":-5},"ENV",{"_722":723,"_724":725,"_726":16,"_727":728,"_729":730,"_731":732,"_733":734,"_735":736,"_737":738,"_739":740,"_741":742,"_743":744,"_745":746,"_747":748,"_749":750},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History · shared