28:null 29:["$","title",null,{"children":"Dry Bar | Jesse Ditson | Observable"}] 2e:T489,viewof table = { const totals = getTotals(selectedRecipes) const ing = Array.from(data.ingredients).filter(i => totals.has(i)).sort() const initHave = new Set(haveIngredients) const table = html` ${selectedRecipes.map(recipe => html``)} ${ing.map(i => html` ${selectedRecipes.map(r => html``)} `)}

	Ingredient	Total	${recipe.name}
	${i}	${ingAmount(totals.get(i))}	${ingAmount(r.ingredients.get(i))}

`; table.onchange = (e) => { const ingredient = e.target.getAttribute("name") const have = new Set(haveIngredients) if (have.has(ingredient)) { have.delete(ingredient) } else { have.add(ingredient) } const newHave = Array.from(have) mutable haveIngredients = newHave console.log(newHave) setLocal(HI_KEY, newHave) } return html`

${table}

`; }2f:[] 2c:{"id":"ff91421b814f0360","slug":"dry-bar","title":"Dry Bar","thumbnail":"97856ecff7b0f62bfb4a90745481c86c5bf624fbecf0c80d3874a34c0e6991f3","access_level":"public","create_time":"$D2021-03-10T01:21:44.480Z","update_time":"$D2021-03-10T19:28:36.970Z","view_time":null,"first_public_time":"$D2021-03-10T01:34:39.268Z","has_unpublished_edits":null,"fork":true,"stars":1,"starred":false,"owner":{"type":"team","id":"6f1c387f9b0283d7","login":"jesseditson","name":"Jesse Ditson","avatar_url":"https://avatars-next.observableusercontent.com/e80c54409b392bf6238422db244217e734fc26bbe54220d63853b94ae35090eb","tier":"starter_2024"},"version":576,"publish_version":576,"role":null,"authored":false,"authors":[{"type":"individual","id":"cd9dc3f933de8e55","login":"jesseditson","name":"Jesse Ditson","avatar_url":"https://avatars-next.observableusercontent.com/e80c54409b392bf6238422db244217e734fc26bbe54220d63853b94ae35090eb","tier":null}],"members":[{"type":"individual","id":"cd9dc3f933de8e55","login":"jesseditson","name":"Jesse Ditson","avatar_url":"https://avatars-next.observableusercontent.com/e80c54409b392bf6238422db244217e734fc26bbe54220d63853b94ae35090eb","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Dry Bar","cells":[{"id":0,"value":"md`# Dry Bar`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":404,"value":"md`Instructions: Select any number of recipes below, and the table below the list will show the total ingredients and breakdown of each ingredient.\n\nYou can check off the ingredients that you already have directly in the generated list, then a shopping list will be generated below it. Paste it into any markdown editor and go shopping!\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":388,"value":"viewof button = {\n const deselect = selectedIndexes.every(s => s === true)\n const b = html``\n b.onclick = () => {\n setLocal(SI_KEY, data.recipes.map(() => deselect ? false : true))\n mutable selectedIndexes = getLocal(SI_KEY)\n }\n return b\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":84,"value":"viewof selectedRecipes = {\n const checklist = html``;\n const updateValue = () => {\n checklist.value = selectedIndexes.map((val, idx) => val ? idx : false).filter(v => v !== false).map(idx => data.recipes[idx])\n }\n checklist.oninput = (e) => {\n const cb = e.target.getAttribute(\"name\")\n const idx = parseInt(cb)\n const v = selectedIndexes[idx];\n selectedIndexes[idx] = !v;\n setLocal(SI_KEY, selectedIndexes)\n updateValue()\n };\n updateValue()\n return checklist;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":182,"value":"$2e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":474,"value":"viewof shoppingList = {\n const have = new Set(haveIngredients)\n const totals = getTotals(selectedRecipes)\n const missingIngredients = Array.from(data.ingredients).filter(i => !have.has(i) && totals.has(i)).sort()\n return md`## Shopping List\n ${missingIngredients.map(ingredient => md`\n - [ ] ${ingredient}: ${ingAmount(totals.get(ingredient))}\n `)}\n`\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":400,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":531,"value":"import {data, getTotals, SI_KEY, HI_KEY, setLocal, getLocal, ingAmount, conversions, mutable selectedIndexes, mutable haveIngredients} from \"@jesseditson/dry-bar-brain\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":576,"value":"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2f","stdlib":"1","titling":"auto"}} 2d:"$2c:body"