[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_172":173,"_174":175},"routes/_app.x.$handle.$name",{"_96":95,"_31":44,"_105":86,"_26":52,"_13":14,"_106":-5,"_11":107,"_108":109,"_110":111,"_112":113,"_114":115,"_20":-5,"_116":-5,"_117":-5,"_118":24,"_119":120,"_121":24,"_122":-5,"_123":-5,"_124":125},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_31":44,"_37":45,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":24},"version",3,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_23":24},"previous","deleted",false,"deletedHere","path","client/app2.ts","latestPath","fileId","eaa6b42c-a45a-11f1-95c7-1607ee4eb77e","name","app2.ts","fileType","script","content","// GENERATED part 2 of 2. Edit ui/client-app.js instead.\nexport const PART = \"meal names beyond the variety setting.'\\n : 'Happy to cook: more involved meals and more variety across the week.'}\\n

\\n Variety\\n

${['relaxed', 'normal', 'strict'].map((v) => h`\\n `)}

\\n \\n Meals per day\\n

${['breakfast', 'lunch', 'dinner', 'snack'].map((v) => h`\\n `)}

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

\\n \\n

\\n\\n

\\n

Send to the tracker

\\n

Only meals you marked as eaten. Unrecorded ones stay out rather than being assumed.

\\n

\\n Download CSV\\n View JSON\\n

\\n

\\n `;\\n}\\n\\nfunction Empty({ title, body }) {\\n return h`

${title}

\\n

${body}

`;\\n}\\n\\n/* ── shell ────────────────────────────────────────────────────────────── */\\n\\n// Five tabs, chosen by how often you'd actually press them in a cycle.\\n// Everything else is configuration or review and lives behind \\\"more\\\" — a\\n// thirteen-tab bar is 29px per tab on a phone, which is no bar at all.\\nconst TABS = [['plan', 'plan'], ['shop', 'shop'], ['proof', 'proof'], ['prep', 'prep'], ['more', 'more']];\\n\\nconst MORE = [\\n ['new', 'New plan', 'Build the next few days'],\\n ['fridge', 'Fridge', 'What is left over, and what to use first'],\\n ['store', 'In the aisle', 'Stuck on an item while shopping'],\\n ['recipes', 'My recipes', 'Meals you want in the plan'],\\n ['wanted', 'Foods I want', 'Ingredients to work in, gut-friendly and otherwise'],\\n ['supps', 'Supplements', 'Daily doses, counted in your macros'],\\n ['labels', 'Nutrition panels', 'Replace estimated numbers with the real ones'],\\n ['history', 'Past plans', 'Previous shops and how closely you followed them'],\\n ['setup', 'Settings', 'Targets, store, restrictions, effort and variety'],\\n];\\n\\nfunction MoreScreen({ go }) {\\n return h`

\\n

Everything else

\\n

\\n \\n

\\n

`;\\n}\\n\\nfunction LockScreen({ onUnlock, error, busy }) {\\n const [pin, setPin] = useState('');\\n return h`

\\n

Locked

\\n

Meal planner

\\n

\\n PIN\\n setPin(e.target.value)}\\n onKeyDown=${(e) => e.key === 'Enter' && pin && onUnlock(pin)} />\\n \\n ${error && h`

${error}

`}\\n

Asked once per device.

\\n

`;\\n}\\n\\nfunction App() {\\n const [state, setState] = useState(null);\\n const [locked, setLocked] = useState(null);\\n const [pinError, setPinError] = useState(null);\\n const [tab, setTab] = useState('plan');\\n const [phases, setPhases] = useState([]);\\n const [busy, setBusy] = useState(false);\\n const [saving, setSaving] = useState(false);\\n const [error, setError] = useState(null);\\n const [useFirstList, setUseFirstList] = useState([]);\\n const [history, setHistory] = useState(null);\\n const [labels, setLabels] = useState(null);\\n const [busyMeal, setBusyMeal] = useState(null);\\n const [recipes, setRecipes] = useState(null);\\n const [proof, setProof] = useState(null);\\n\\n const unlock = async (pin) => {\\n setSaving(true); setPinError(null);\\n try { await api('/api/auth', { method: 'POST', body: { pin } }); setLocked(false); }\\n catch { setPinError('That PIN was not right.'); }\\n finally { setSaving(false); }\\n };\\n\\n const load = useCallback(async () => {\\n try {\\n const gate = await api('/api/auth').catch(() => ({ required: false, authed: true }));\\n if (gate.required && !gate.authed) { setLocked(true); return; }\\n setLocked(false);\\n const s = await api('/api/state');\\n setState(s);\\n if (!s.plan) setTab('new');\\n const uf = await api('/api/use-first').catch(() => ({ useFirst: [] }));\\n setUseFirstList(uf.useFirst || []);\\n api('/api/history').then((r) => setHistory(r.plans)).catch(() => setHistory([]));\\n api('/api/labels').then(setLabels).catch(() => setLabels({ captured: [], queue: [] }));\\n api('/api/recipes').then((r) => setRecipes(r.recipes)).catch(() => setRecipes([]));\\n api('/api/proof').then(setProof).catch(() => setProof({ meals: [], proofs: [], card: { state: 'none', verdict: 'No meal verified yet' } }));\\n } catch (err) { setError(err.message); }\\n }, []);\\n\\n useEffect(() => { load(); }, [load]);\\n useEffect(() => { if (locked === false && !state) load(); }, [locked]);\\n\\n const onStatus = (mealId, status) => {\\n // Optimistic: the tap should feel instant in an aisle with bad signal.\\n setState((s) => ({ ...s, plan: { ...s.plan,\\n meals: s.plan.meals.map((m) => (m.id === mealId ? { ...m, status: status || undefined } : m)) } }));\\n serialise(async () => {\\n try {\\n const r = await api('/api/meal-status', { method: 'POST',\\n body: { planId: state.plan.id, mealId, status } });\\n setState((s) => ({ ...s, adherence: r.adherence }));\\n } catch (err) { setError(err.message); load(); }\\n });\\n };\\n\\n const onLock = (mealId, locked) => {\\n setState((s) => ({ ...s, plan: { ...s.plan,\\n meals: s.plan.meals.map((m) => (m.id === mealId ? { ...m, locked } : m)) } }));\\n serialise(() => api('/api/meal-lock', { method: 'POST', body: { mealId, locked } })\\n .catch((err) => { setError(err.message); load(); }));\\n };\\n\\n const onRegenerate = async (mealId) => {\\n setBusyMeal(mealId); setError(null);\\n try { await api('/api/meal-regenerate', { method: 'POST', body: { mealId } }); await load(); }\\n catch (err) { setError(err.message); }\\n finally { setBusyMeal(null); }\\n };\\n\\n const onReadLabel = async (itemId, imageBase64, mediaType) => {\\n try { return await api('/api/label/read', { method: 'POST', body: { itemId, imageBase64, mediaType } }); }\\n catch (err) { return { ok: false, problems: [err.message], per100: {} }; }\\n };\\n\\n const onConfirmLabel = async (itemId, per100) => {\\n setSaving(true);\\n try {\\n const r = await api('/api/label/confirm', { method: 'POST', body: { itemId, per100 } });\\n setLabels(await api('/api/labels'));\\n await load();\\n return r;\\n } catch (err) { return { ok: false, error: err.message }; }\\n finally { setSaving(false); }\\n };\\n\\n const onForgetLabel = async (itemId) => {\\n try { await api('/api/label/' + itemId, { method: 'DELETE' }); setLabels(await api('/api/labels')); await load(); }\\n catch (err) { setError(err.message); }\\n };\\n\\n const verifiedIds = new Set(((proof && proof.proofs) || [])\\n .filter((p) => p.verdict === 'pass').map((p) => p.mealId));\\n\\n const onClearProof = async (mealId) => {\\n try {\\n await api('/api/proof/' + mealId, { method: 'DELETE' });\\n setProof(await api('/api/proof'));\\n await load();\\n } catch (err) { setError(err.message); }\\n };\\n\\n const onVerifyMeal = async (mealId, imageBase64, mediaType) => {\\n setSaving(true);\\n try {\\n const r = await api('/api/proof/verify', { method: 'POST', body: { mealId, imageBase64, mediaType } });\\n setProof(await api('/api/proof'));\\n await load();\\n return r;\\n } catch (err) { return { error: err.message }; }\\n finally { setSaving(false); }\\n };\\n\\n const onParseRecipe = async (text) => {\\n setSaving(true);\\n try { return await api('/api/recipes/parse', { method: 'POST', body: { text } }); }\\n catch (err) { return { error: err.message }; }\\n finally { setSaving(false); }\\n };\\n\\n const onSaveRecipe = async (recipe) => {\\n setSaving(true);\\n try {\\n const r = await api('/api/recipes', { method: 'PUT', body: { recipe } });\\n setRecipes((await api('/api/recipes')).recipes);\\n return r;\\n } catch (err) { return { ok: false, error: err.message }; }\\n finally { setSaving(false); }\\n };\\n\\n const onDeleteRecipe = async (id) => {\\n try { await api('/api/recipes/' + id, { method: 'DELETE' }); setRecipes((await api('/api/recipes')).recipes); }\\n catch (err) { setError(err.message); }\\n };\\n\\n const onGenerate = async (days) => {\\n setBusy(true); setPhases([]); setError(null);\\n try {\\n const res = await fetch('/api/plan', {\\n method: 'POST', headers: { 'content-type': 'application/json' },\\n body: JSON.stringify({ days }),\\n });\\n if (!res.ok) throw new Error((await res.json().catch(() => ({}))).error || 'Request failed');\\n\\n const reader = res.body.getReader();\\n const decoder = new TextDecoder();\\n let buf = '';\\n for (;;) {\\n const { value, done } = await reader.read();\\n if (done) break;\\n buf += decoder.decode(value, { stream: true });\\n const lines = buf.split('\\\\n');\\n buf = lines.pop();\\n for (const line of lines) {\\n if (!line.trim()) continue;\\n const ev = JSON.parse(line);\\n if (ev.type === 'phase') setPhases((p) => [...p, { phase: ev.phase, round: ev.round }]);\\n if (ev.type === 'error') throw new Error(ev.error);\\n if (ev.type === 'done') { await load(); setTab('plan'); }\\n }\\n }\\n } catch (err) { setError(err.message); }\\n finally { setBusy(false); }\\n };\\n\\n const onSave = async (settings) => {\\n setSaving(true);\\n try {\\n await api('/api/settings', { method: 'PUT', body: { settings, rev: state.settingsRev } });\\n await load();\\n } catch (err) { setError(err.message); }\\n finally { setSaving(false); }\\n };\\n\\n const onShopComplete = async () => {\\n setBusy(true);\\n try { await api('/api/shop-complete', { method: 'POST', body: {} }); await load(); setTab('fridge'); }\\n catch (err) { setError(err.message); }\\n finally { setBusy(false); }\\n };\\n\\n if (locked) return h`<${LockScreen} onUnlock=${unlock} error=${pinError} busy=${saving} />`;\\n\\n if (!state) {\\n return h`

\\n

Meal planner

\\n ${error && h``}

`;\\n }\\n\\n const { plan, items, settings, stock } = state;\\n\\n return h`

\\n

${settings.store === 'pns' ? \\\"Pak'nSave\\\" : 'Woolworths'}${plan ? ' · ' + plan.days + ' days' : ''}

\\n ${!['plan', 'shop', 'proof', 'prep', 'more'].includes(tab) && h`\\n `}\\n

${tab === 'setup' ? 'Settings' : tab === 'new' ? 'New plan'\\n : tab === 'store' ? 'In the aisle' : 'This week’s plan'}

\\n

\\n\\n ${state.catalog.stale && h``}\\n ${error && h``}\\n ${tab === 'plan' && plan && h`<${Banner} validation=${plan.validation} />`}\\n\\n ${tab === 'plan' && h`<${PlanScreen} plan=${plan} items=${items} onStatus=${onStatus}\\n onLock=${onLock} onRegenerate=${onRegenerate} onClearProof=${onClearProof}\\n busyMeal=${busyMeal} verified=${verifiedIds} />`}\\n ${tab === 'shop' && h`<${ShopScreen} plan=${plan} items=${items} onShopComplete=${onShopComplete}\\n onAisle=${() => setTab('store')} busy=${busy} />`}\\n ${tab === 'more' && h`<${MoreScreen} go=${setTab} />`}\\n ${tab === 'store' && h`<${StoreScreen} plan=${plan} items=${items} onReload=${load} />`}\\n ${tab === 'fridge' && h`<${FridgeScreen} stock=${stock} items=${items} adherence=${state.adherence} useFirstList=${useFirstList} />`}\\n ${tab === 'prep' && h`<${PrepScreen} plan=${plan} />`}\\n ${tab === 'history' && h`<${HistoryScreen} history=${history} />`}\\n ${tab === 'proof' && h`<${ProofScreen} proof=${proof} onVerify=${onVerifyMeal} busy=${saving} />`}\\n ${tab === 'recipes' && h`<${RecipesScreen} recipes=${recipes} items=${items} slots=${settings.slotsPerDay}\\n onParse=${onParseRecipe} onSave=${onSaveRecipe} onDelete=${onDeleteRecipe} busy=${saving} />`}\\n ${tab === 'supps' && h`<${SupplementsScreen} settings=${settings} plan=${plan} onSave=${onSave} saving=${saving} />`}\\n ${tab === 'wanted' && h`<${WantedScreen} settings=${settings} onSave=${onSave} saving=${saving} />`}\\n ${tab === 'labels' && h`<${LabelsScreen} labels=${labels} items=${items}\\n onRead=${onReadLabel} onConfirm=${onConfirmLabel} onForget=${onForgetLabel} busy=${saving} />`}\\n ${tab === 'new' && h`<${NewPlanScreen} onGenerate=${onGenerate} phases=${phases} busy=${busy} error=${null} />`}\\n ${tab === 'setup' && h`<${SetupScreen} settings=${settings} onSave=${onSave} saving=${saving} />`}\\n\\n

≈ marks nutrition estimated from product type rather than read off a packet.

\\n\\n \\n

`;\\n}\\n\\nReactDOM.createRoot(document.getElementById('root')).render(h`<${App} />`);\";\n","createdAt",["D",1788084581588],"branchVersion","branchId","1292f370-aeda-42ab-9f99-660cd13fe90d","id","5876531c-b2c3-4c1f-93ee-8f8dac9edcf9","mealplanner",["D",1788084579215],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","ac016058-4dff-4268-a58d-c6377cb09a13","pinnedFileId","ebb4a234-a45a-11f1-9160-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019f1fab-a2bc-73b7-aa9b-5a23f068d628","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_96":95,"_104":100},"org",{"_96":95,"_97":98,"_99":100,"_18":54,"_101":102,"_103":24},"branch",{"_13":85,"_31":86,"_42":41,"_87":43,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":44,"_94":95},"isOwned",94,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","wakawaka1","handle","displayName","waka waka","avatar","https://lh3.googleusercontent.com/a/ACg8ocIfPhdrpGDjFrYHrMnU190pz133j3MwBQZnU7s6gdFpOCob2Q=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_42":43,"_31":44,"_37":168,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":169,"_80":170,"_82":171,"_84":24},"tree",[154,156],"files",[154,155,156],"counts",{"_144":62,"_145":141,"_146":62,"_147":148,"_149":150},"contents",[126,127],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":138,"_31":139,"_29":140,"_131":-5,"_40":41,"_39":141,"_133":58,"_37":142,"_13":62,"_33":135,"_35":-5,"_23":24,"_136":-5,"_26":143},{"_42":128,"_31":129,"_29":130,"_131":-5,"_40":41,"_39":132,"_133":58,"_37":134,"_13":62,"_33":135,"_35":-5,"_23":24,"_136":-5,"_26":137},"13783cce-18a7-4d07-8383-5a78cbd51537","src","ea6d22f2-a45a-11f1-a34b-1607ee4eb77e","parentId",2,"latest",["D",1788084581210],"directory","label",[129],"8b73580c-8619-4b4b-830c-c39cdd08dbf5","client","ea3d34b6-a45a-11f1-9160-1607ee4eb77e",1,["D",1788084580897],[139],"pulls","branches","forks","envVars",{"_151":132,"_153":62},"connections",{"_151":62,"_152":62},"count","unfilledCount","emptyCount",{"_42":138,"_31":139,"_29":140,"_131":-5,"_40":41,"_39":141,"_133":58,"_37":165,"_13":62,"_33":135,"_35":-5,"_23":24,"_136":-5,"_158":166,"_26":167},{"_42":161,"_31":32,"_29":30,"_131":140,"_40":41,"_39":14,"_133":24,"_37":162,"_13":62,"_33":34,"_35":36,"_23":24,"_136":-5,"_158":163,"_26":164},{"_42":128,"_31":129,"_29":130,"_131":-5,"_40":41,"_39":132,"_133":58,"_37":157,"_13":62,"_33":135,"_35":-5,"_23":24,"_136":-5,"_158":159,"_26":160},["D",1788084581210],"children",[],[129],"d6f5a7b8-509d-44c0-9c3f-48c210f4423f",["D",1788084581588],[],[139,32],["D",1788084580897],[155],[139],["D",1788084579215],{"_96":95,"_104":100},{"_96":95,"_97":98,"_99":100,"_18":54,"_101":102,"_103":24},{"_13":85,"_31":86,"_42":41,"_87":43,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":44,"_94":95},"ctx",{"_78":-5,"_123":205,"_206":207,"_208":209,"_210":24,"_211":24,"_212":24,"_213":58,"_214":-5,"_215":-7,"_216":-7,"_217":62,"_218":24,"_219":24,"_220":-5,"_221":24,"_222":24,"_223":24,"_224":-5},"ENV",{"_176":177,"_178":179,"_180":86,"_181":182,"_183":184,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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"]

Diff · v3