[{"_1":2,"_182":-5,"_183":-5},"loaderData",{"_3":4,"_93":94},"root",{"_5":6,"_36":37,"_66":67},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":-5,"_32":33,"_34":20,"_35":20},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20,"_21":22},"sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"tokenType","session_token","user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesChatPanelState","notificationCount",0,"flagDenols","isTeamOrgMember","ENV",{"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59,"_60":61,"_62":63,"_64":65},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","7c5bc882bceb0a55efc9fc584fee6b89303eee47","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","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","API_URL","https://api.val.town","clerkState",{"_68":69},"__internal_clerk_state",{"_70":71,"_72":47,"_73":74,"_75":74,"_76":20,"_77":74,"_78":74,"_79":74,"_80":74,"_81":82,"_91":20,"_92":20},"__clerk_ssr_state",{"_21":22,"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_83":20,"_19":20,"_84":74,"_85":86,"_87":74,"_88":47,"_89":20,"_90":74},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_95":96,"_97":98,"_99":100,"_101":102,"_156":157,"_179":180,"_181":-5},"handle","arfan","name","family-hub","path","frontend/components/Meals.tsx","project",{"_103":104,"_97":98,"_105":106,"_107":-5,"_108":20,"_109":110,"_111":74,"_112":-5,"_12":113,"_114":-5,"_115":20,"_116":-5,"_117":-5,"_118":33,"_14":119,"_120":121,"_122":123,"_124":-5,"_125":126,"_127":126,"_128":129,"_130":129,"_131":129,"_132":126,"_133":126,"_23":134,"_137":138,"_142":143,"_155":20},"id","80288642-2053-11f1-97de-42dde27851f2","createdAt",["D",1773567842966],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","1601447d-3c17-4580-a190-f6b82a1eb8e2","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","8789b31e-4477-4b2d-ae0d-cc5f2132061a","tursoName","80288642205311f197de42dde27851f2","tursoHostname","80288642205311f197de42dde27851f2-val-town.aws-us-east-2.turso.io","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_95":96,"_135":136},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJ3WWZ5Sm91SWx1eXRNRTZDazIwbnFiUVV4WiJ9","org",{"_95":96,"_139":136,"_12":113,"_140":141},"avatar","tier","pro","branch",{"_144":145,"_97":45,"_103":146,"_147":104,"_148":-5,"_149":-5,"_150":-5,"_151":-5,"_152":-5,"_153":98,"_154":96},"version",27,"8028e3bc-2053-11f1-97de-42dde27851f2","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_103":158,"_97":159,"_160":161,"_162":163,"_164":146,"_165":166,"_167":168,"_105":169,"_144":33,"_170":171,"_172":173,"_174":20,"_175":-5,"_99":176},"7633efc2-2054-11f1-b32a-42dde27851f2","Meals.tsx","fileId","7633f076-2054-11f1-b32a-42dde27851f2","parentId","754cb080-2054-11f1-99b7-42dde27851f2","branchId","branchVersion",26,"latest",true,["D",1773568254460],"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport * as api from \"../api.ts\";\nimport type { Meal } from \"../../shared/types.ts\";\nimport { DAY_NAMES, MEAL_TYPES } from \"../../shared/constants.ts\";\n\nexport default function Meals() {\n const [meals, setMeals] = useState([]);\n const [form, setForm] = useState({\n day_of_week: 1,\n meal_type: \"lunch\" as string,\n name: \"\",\n category: \"\",\n });\n\n useEffect(() => {\n api.fetchMeals().then(setMeals).catch(console.error);\n }, []);\n\n const mealsByDay = DAY_NAMES.map((_, i) => meals.filter((m) => m.day_of_week === i));\n\n const categories = new Map();\n meals.forEach((m) => {\n if (m.category) categories.set(m.category, (categories.get(m.category) || 0) + 1);\n });\n\n const topCategory = [...categories.entries()].sort((a, b) => b[1] - a[1])[0]?.[0] || \"—\";\n const weekendMeals = meals.filter((m) => m.day_of_week === 0 || m.day_of_week === 6).length;\n\n const handleAdd = async () => {\n if (!form.name.trim()) return;\n const meal = await api.createMeal({\n ...form,\n week_start: \"\",\n } as any);\n setMeals([meal, ...meals]);\n setForm({ ...form, name: \"\", category: \"\" });\n };\n\n const handleDelete = async (id: number) => {\n await api.deleteMeal(id);\n setMeals(meals.filter((m) => m.id !== id));\n };\n\n return (\n

\n {/* Stats */}\n

\n

\n

🍽️

\n

{meals.length}

\n

Meals Planned

\n

\n

\n

⭐

\n

{topCategory}

\n

Top Category

\n

\n

\n

📅

\n

{weekendMeals}

\n

Weekend Meals

\n

\n

\n

🎨

\n

{categories.size}

\n

Categories

\n

\n

\n\n {/* Weekly grid */}\n

\n {DAY_NAMES.map((day, i) => (\n

\n

\n {day.slice(0, 3)}\n {mealsByDay[i].length}\n

\n {mealsByDay[i].map((m) => (\n

\n

\n {m.meal_type}\n {m.name}\n

\n handleDelete(m.id)}\n >✕\n

\n ))}\n

\n ))}\n

\n\n

\n {/* Add meal form */}\n

\n

\n Add Meal\n

\n

\n

\n Day\n \n

\n

\n Meal Type\n \n

\n

\n

\n Meal Name\n setForm({ ...form, name: e.target.value })} placeholder=\"e.g., Chicken Stir Fry\" />\n

\n

\n Category\n setForm({ ...form, category: e.target.value })} placeholder=\"e.g., Healthy, Quick, Batch\" />\n

\n \n

\n\n {/* Category breakdown */}\n

\n

\n Category Breakdown\n

\n {categories.size === 0 ? (\n

No categories yet

\n ) : (\n

\n {[...categories.entries()].map(([cat, count]) => (\n

\n

{count}

\n

{cat}

\n

\n ))}\n

\n )}\n

\n

\n

\n );\n}\n","deleted","label",[177,178,159],"frontend","components","permalink","https://www.val.town/x/arfan/family-hub/code/frontend/components/Meals.tsx","extension","actionData","errors"]