https://www.thecookscook.com/_next/static/chunks/23511-019f1123d2eed30f.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[23511],{7225:()=>{},9473:(e,t,n)=>{"use strict";n.d(t,{default:()=>l});var a=n(95155);function l(e){let{title:t,image:n,label:l}=e;return(0,a.jsxs)("button",{type:"button",className:l?"action-round action-round--labelled":"action-round",onClick:()=>{let e=encodeURIComponent(window.location.href),a=encodeURIComponent(t),l=n?"&media=".concat(encodeURIComponent(n)):"";window.open("https://www.pinterest.com/pin/create/button/?url=".concat(e,"&description=").concat(a).concat(l),"_blank","noopener,noreferrer")},"aria-label":"Pin on Pinterest",children:[(0,a.jsx)("svg",{viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:(0,a.jsx)("path",{d:"M12 0C5.37188 0 0 5.37188 0 12C0 17.0859 3.16406 21.4266 7.62656 23.175C7.52344 22.2234 7.425 20.7703 7.66875 19.7344C7.88906 18.7969 9.075 13.7719 9.075 13.7719C9.075 13.7719 8.71406 13.0547 8.71406 11.9906C8.71406 10.3219 9.67969 9.075 10.8844 9.075C11.9062 9.075 12.4031 9.84375 12.4031 10.7672C12.4031 11.7984 11.7469 13.3359 11.4094 14.7609C11.1281 15.9562 12.0094 16.9313 13.1859 16.9313C15.3187 16.9313 16.9594 14.6812 16.9594 11.4375C16.9594 8.56406 14.8969 6.55313 11.9484 6.55313C8.53594 6.55313 6.52969 9.1125 6.52969 11.7609C6.52969 12.7922 6.92812 13.8984 7.425 14.4984C7.52344 14.6156 7.5375 14.7234 7.50937 14.8406C7.42031 15.2203 7.21406 16.0359 7.17656 16.2C7.125 16.4203 7.00313 16.4672 6.77344 16.3594C5.27344 15.6609 4.33594 13.4719 4.33594 11.7094C4.33594 7.92188 7.0875 4.44844 12.2625 4.44844C16.425 4.44844 19.6594 7.41563 19.6594 11.3813C19.6594 15.5156 17.0531 18.8438 13.4344 18.8438C12.2203 18.8438 11.0766 18.2109 10.6828 17.4656C10.6828 17.4656 10.0828 19.7578 9.9375 20.3203C9.66562 21.3609 8.93437 22.6688 8.44687 23.4656C9.57187 23.8125 10.7625 24 12 24C18.6281 24 24 18.6281 24 12C24 5.37188 18.6281 0 12 0Z",fill:"currentColor"})}),l&&(0,a.jsx)("span",{className:"action-round__label",children:l})]})}},22814:(e,t,n)=>{"use strict";n.d(t,{default:()=>s});var a=n(95155),l=n(12115);function o(){return(0,a.jsx)("svg",{viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:(0,a.jsx)("path",{d:"M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z",fill:"currentColor"})})}function s(){let{label:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},[t,n]=(0,l.useState)(!1),[s,i]=(0,l.useState)("bw"),[r,c]=(0,l.useState)("off"),d=(0,l.useRef)(()=>n(!1));return d.current=()=>n(!1),(0,l.useEffect)(()=>{if(!t)return;let e=e=>{"Escape"===e.key&&d.current()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[t]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("button",{type:"button",className:e?"action-round action-round--labelled":"action-round",onClick:()=>n(!0),"aria-label":"Print recipe","aria-haspopup":"dialog",children:[(0,a.jsx)(o,{}),e&&(0,a.jsx)("span",{className:"action-round__label",children:e})]}),t&&(0,a.jsx)("div",{className:"rp-overlay",role:"dialog","aria-modal":"true","aria-label":"Print options",onClick:()=>n(!1),children:(0,a.jsxs)("div",{className:"rp-modal",onClick:e=>e.stopPropagation(),children:[(0,a.jsx)("h3",{className:"rp-modal-title",children:"Print this recipe"}),(0,a.jsx)("p",{className:"rp-modal-sub",children:"A clean, recipe-only page opens in a new tab and your print dialog appears — choose “Save as PDF” there to keep a copy."}),(0,a.jsxs)("div",{className:"rp-opt-row",children:[(0,a.jsx)("span",{className:"rp-opt-label",children:"Ink"}),(0,a.jsxs)("div",{className:"rp-pills",children:[(0,a.jsx)("button",{type:"button",className:"rp-pill","aria-pressed":"bw"===s,onClick:()=>i("bw"),children:"Black & white"}),(0,a.jsx)("button",{type:"button",className:"rp-pill","aria-pressed":"colour"===s,onClick:()=>i("colour"),children:"Colour"})]})]}),(0,a.jsxs)("div",{className:"rp-opt-row",children:[(0,a.jsx)("span",{className:"rp-opt-label",children:"Featured image"}),(0,a.jsxs)("div",{className:"rp-pills",children:[(0,a.jsx)("button",{type:"button",className:"rp-pill","aria-pressed":"off"===r,onClick:()=>c("off"),children:"Off — save ink"}),(0,a.jsx)("button",{type:"button",className:"rp-pill","aria-pressed":"on"===r,onClick:()=>c("on"),children:"On"})]})]}),(0,a.jsxs)("div",{className:"rp-modal-actions",children:[(0,a.jsx)("button",{type:"button",className:"rp-cancel",onClick:()=>n(!1),children:"Cancel"}),(0,a.jsx)("button",{type:"button",className:"rp-cta",onClick:()=>{let e=window.location.pathname.replace(/\/+$/,""),t=new URLSearchParams({bw:"bw"===s?"1":"0",img:"on"===r?"1":"0",print:"1"});window.open("".concat(e,"/print?").concat(t.toString()),"_blank","noopener"),n(!1)},children:"Print"})]})]})})]})}n(7225)},27109:(e,t,n)=>{"use strict";n.d(t,{default:()=>m});var a=n(95155),l=n(12115),o=n(87301),s=n(91662),i=n(28887),r=n(3040);let c=null,d="tcc:resume-collect";(0,r.r)("collect",e=>{c=e.targetId,window.dispatchEvent(new CustomEvent(d,{detail:"on-screen"})),c&&window.dispatchEvent(new CustomEvent(d,{detail:"visible"}))});let u=e=>{let{size:t=24}=e;return(0,a.jsx)("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:(0,a.jsx)("path",{d:"M8.5 3.5h12v12M3.5 7.5h13v13h-13zM10 14h4M12 11v6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"square"})})},p=()=>(0,a.jsx)("svg",{className:"collection-menu__ico",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:(0,a.jsx)("g",{transform:"translate(2.23 4.73)",children:(0,a.jsx)("path",{d:"M17.7678 1.76777L6.76777 12.7678L1.76777 7.76777",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"square"})})}),h=()=>(0,a.jsx)("svg",{className:"collection-menu__ico",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:(0,a.jsx)("g",{transform:"translate(4 4)",children:(0,a.jsx)("path",{d:"M8 1V15M1 8H15",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"square",strokeLinejoin:"round"})})});function m(e){let{articleId:t,title:n,labelled:r=!1}=e,{fetchForArticle:m,createCollection:f,setMembership:v}=(0,o.A)(),b=(0,i.R)(),[w,j]=(0,l.useState)(!1),[x,C]=(0,l.useState)("loading"),[y,k]=(0,l.useState)([]),[g,N]=(0,l.useState)(!1),[_,S]=(0,l.useState)(""),[E,P]=(0,l.useState)(null),L=(0,l.useRef)(null),I=(0,l.useRef)(null);(0,l.useEffect)(()=>

1{if(!w)return;let e=e=>{L.current&&!L.current.contains(e.target)&&j(!1)},t=e=>{"Escape"===e.key&&j(!1)};return document.addEventListener("mousedown",e),document.addEventListener("keydown",t),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",t)}},[w]),(0,l.useEffect)(()=>{var e;g&&(null==(e=I.current)||e.focus())},[g]);let R=async()=>{C("loading");let e=await m(t);C(e.status),k(e.collections)},D=async()=>{C("loading");let e=await m(t);if("anon"===e.status){C("anon"),(()=>{if((0,s.wQ)("collect_prompt"),(0,s.sB)("join.cta_click",{entryPoint:"collect_prompt"}),b)return b.openAuthGate({entryPoint:"collect_prompt",subject:n,pending:{kind:"collect",targetId:t,targetName:n,entryPoint:"collect_prompt"}});window.location.href="/join"})();return}C(e.status),k(e.collections),N(!1),S(""),j(!0)},M=(0,l.useRef)(D);M.current=D;let O=async()=>{if(w)return void j(!1);await D()};(0,l.useEffect)(()=>{let e=e=>{if(c!==t)return;let n=L.current;if(n&&null!==n.offsetParent){if((null==e?void 0:e.detail)==="on-screen"){let e=n.getBoundingClientRect();if(e.bottom<=0||e.top>=window.innerHeight)return}c=null,M.current()}};return e(),window.addEventListener(d,e),()=>window.removeEventListener(d,e)},[t]);let A=async e=>{if(E)return;let n=!e.hasItem;P(e.id),k(t=>t.map(t=>t.id===e.id?{...t,hasItem:n,itemCount:t.itemCount+(n?1:-1)}:t)),await v(e.id,t,n)||k(t=>t.map(t=>t.id===e.id?{...t,hasItem:e.hasItem,itemCount:e.itemCount}:t)),P(null)},B=async e=>{e.preventDefault();let n=_.trim();if(!n||E)return;P("__new__");let a=await f(n);a&&(await v(a.id,t,!0),S(""),N(!1),await R()),P(null)},U="Add to collection";return(0,a.jsxs)("div",{className:"collection-menu".concat(r?" collection-menu--labelled":""),ref:L,children:[(0,a.jsxs)("button",{type:"button",className:"collection-menu__trigger","data-tooltip":r?void 0:U,"aria-haspopup":"menu","aria-expanded":w,"aria-label":"".concat(U," — ").concat(n),onClick:O,children:[(0,a.jsx)(u,{}),r&&(0,a.jsx)("span",{className:"collection-menu__trigger-label",children:"Collect"})]}),w&&(0,a.jsxs)("div",{className:"collection-menu__panel",role:"menu",children:["loading"===x&&(0,a.jsx)("p",{className:"collection-menu__note",children:"Loading your collections…"}),"error"===x&&(0,a.jsx)("p",{className:"collection-menu__note",children:"Couldn’t load your collections."}),"ready"===x&&(0,a.jsxs)(a.Fragment,{children:[0===y.length&&!g&&(0,a.jsx)("p",{className:"collection-menu__note",children:"No collections yet."}),y.map(e=>(0,a.jsxs)("button",{type:"button",className:"collection-menu__row".concat(e.hasItem?" collection-menu__row--in":""),role:"menuitemcheckbox","aria-checked":!!e.hasItem,disabled:E===e.id,onClick:()=>A(e),children:[(0,a.jsx)("span",{className:"collection-menu__check","aria-hidden":"true",children:e.hasItem?(0,a.jsx)(p,{}):null}),(0,a.jsx)("span",{className:"collection-menu__label",children:e.name}),(0,a.jsx)("span",{className:"collection-menu__count",children:e.itemCount})]},e.id)),(0,a.jsx)("span",{className:"collection-menu__div","aria-hidden":"true"}),g?(0,a.jsxs)("form",{className:"collection-menu__create",onSubmit:B,children:[(0,a.jsx)("input",{ref:I,className:"collection-menu__input",type:"text",value:_,maxLength:100,placeholder:"Collection name","aria-label":"New collection name",onChange:e=>S(e.target.value)}),(0,a.jsx)("button",{type:"submit",className:"collection-menu__create-btn",disabled:!_.trim()||"__new__"===E,children:"Create"})]}):(0,a.jsxs)("button",{type:"button",className:"collection-menu__row collection-menu__row--new",role:"menuitem",onClick:()=>N(!0),children:[(0,a.jsx)(h,{}),(0,a.jsx)("span",{className:"collection-menu__label",children:"New collection…"})]}),(0,a.jsx)("a",{className:"collection-menu__manage",href:"/collections/mine/",children:"Manage collections"})]})]})]})}},27161:(e,t,n)=>{"use strict";n.d(t,{default:()=>s});var a=n(95155),l=n(12115);function o(){return(0,a.jsx)("svg",{viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:(0,a.jsx)("path",{d:"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z",fill:"currentColor"})})}function s(){let{label:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},[t,n]=(0,l.useState)(!1),[s,i]=(0,l.useState)("colour"),[r,c]=(0,l.useState)("on"),[d,u]=(0,l.useState)("letter"),[p,h]=(0,l.useState)(!1),[m,f]=(0,l.useState)(!1),v=(0,l.useRef)(()=>n(!1));v.current=()=>n(!1),(0,l.useEffect)(()=>

1{if(!t)return;let e=e=>{"Escape"!==e.key||p||v.current()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[t,p]);let b=async()=>{var e,t,a;let l=null!=(t=null==(e=window.location.pathname.match(/\/recipes\/([^/]+)/))?void 0:e[1])?t:null;if(l){h(!0),f(!1);try{let e=new URLSearchParams({bw:"bw"===s?"1":"0",img:"on"===r?"1":"0",paper:d}),t=await fetch("/api/recipes/".concat(l,"/pdf?").concat(e.toString()));if(!t.ok)throw Error("status ".concat(t.status));let o=await t.blob(),i=(null==(a=(t.headers.get("content-disposition")||"").match(/filename="?([^"]+?)"?(?:;|$)/))?void 0:a[1])||"The-Cooks-Cook-Recipe.pdf",c=URL.createObjectURL(o),u=document.createElement("a");u.href=c,u.download=i,document.body.appendChild(u),u.click(),u.remove(),URL.revokeObjectURL(c),n(!1)}catch(e){f(!0)}finally{h(!1)}}};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("button",{type:"button",className:e?"action-round action-round--labelled":"action-round",onClick:()=>{f(!1),n(!0)},"aria-label":"Download recipe as PDF","aria-haspopup":"dialog",children:[(0,a.jsx)(o,{}),e&&(0,a.jsx)("span",{className:"action-round__label",children:e})]}),t&&(0,a.jsx)("div",{className:"rp-overlay",role:"dialog","aria-modal":"true","aria-label":"Download options",onClick:()=>!p&&n(!1),children:(0,a.jsxs)("div",{className:"rp-modal",onClick:e=>e.stopPropagation(),children:[(0,a.jsx)("h3",{className:"rp-modal-title",children:"Download as PDF"}),(0,a.jsx)("p",{className:"rp-modal-sub",children:"A clean, recipe-only PDF — ideal for saving, sharing, or printing later."}),(0,a.jsxs)("div",{className:"rp-opt-row",children:[(0,a.jsx)("span",{className:"rp-opt-label",children:"Ink"}),(0,a.jsxs)("div",{className:"rp-pills",children:[(0,a.jsx)("button",{type:"button",className:"rp-pill","aria-pressed":"colour"===s,onClick:()=>i("colour"),children:"Colour"}),(0,a.jsx)("button",{type:"button",className:"rp-pill","aria-pressed":"bw"===s,onClick:()=>i("bw"),children:"Black & white"})]})]}),(0,a.jsxs)("div",{className:"rp-opt-row",children:[(0,a.jsx)("span",{className:"rp-opt-label",children:"Featured image"}),(0,a.jsxs)("div",{className:"rp-pills",children:[(0,a.jsx)("button",{type:"button",className:"rp-pill","aria-pressed":"on"===r,onClick:()=>c("on"),children:"On"}),(0,a.jsx)("button",{type:"button",className:"rp-pill","aria-pressed":"off"===r,onClick:()=>c("off"),children:"Off — save ink"})]})]}),(0,a.jsxs)("div",{className:"rp-opt-row",children:[(0,a.jsx)("span",{className:"rp-opt-label",children:"Paper size"}),(0,a.jsxs)("div",{className:"rp-pills",children:[(0,a.jsx)("button",{type:"button",className:"rp-pill","aria-pressed":"letter"===d,onClick:()=>u("letter"),children:"US Letter"}),(0,a.jsx)("button",{type:"button",className:"rp-pill","aria-pressed":"a4"===d,onClick:()=>u("a4"),children:"A4"})]})]}),m&&(0,a.jsxs)("p",{className:"rp-modal-error",children:["Download couldn’t be generated just now. Use ",(0,a.jsx)("strong",{children:"Print"})," and choose “Save as PDF” instead."]}),(0,a.jsxs)("div",{className:"rp-modal-actions",children:[(0,a.jsx)("button",{type:"button",className:"rp-cancel",onClick:()=>n(!1),disabled:p,children:"Cancel"}),(0,a.jsx)("button",{type:"button",className:"rp-cta",onClick:b,disabled:p,children:p?"Preparing…":"Download PDF"})]})]})})]})}n(7225)},34602:(e,t,n)=>{"use strict";n.d(t,{default:()=>r});var a=n(95155),l=n(38586),o=n(28887),s=n(91662);function i(e){let{filled:t,size:n=24}=e;return t?(0,a.jsx)("svg",{width:n,height:n,viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:(0,a.jsx)("path",{d:"M17 3H7c-1.1 0-2 .9-2 2v16l7-3 7 3V5c0-1.1-.9-2-2-2z",fill:"currentColor"})}):(0,a.jsx)("svg",{width:n,height:n,viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:(0,a.jsx)("path",{d:"M17 3H7c-1.1 0-2 .9-2 2v16l7-3 7 3V5c0-1.1-.9-2-2-2zm0 15-5-2.18L7 18V5h10v13z",fill:"currentColor"})})}function r(e){let{articleId:t,title:n,fallbackSaved:r=!1,className:c="",variant:d="bookmark",inert:u=!1}=e,{status:p,isSaved:h,toggle:m}=(0,l.Ay)(),f=(0,o.R)();if("disabled"===p&&!u)return null;let v="ready"===p?h(t):r,b=v?"Saved — remove ".concat(n):"Save ".concat(n),w=async()=>{let e="loading"===p?await (0,l.kc)():p;if("disabled"!==e){if("anon"===e)return((0,s.wQ)("save_prompt"),(0,s.sB)("join.cta_click",{entryPoint:"save_prompt"}),f)?void f.openAuthGate({subject:n,entryPoint:"save_prompt",pending:{kind:"save",targetId:t,targetName:n}}):void(window.location.href="/join");m(t)}};return"pill"===d?(0,a.jsxs)("button",{type:"button",className:"save-pill ".concat(v?"s

1ave-pill--saved":""," ").concat(u?"is-inert":""," ").concat(c).replace(/\s+/g," ").trim(),onClick:u?void 0:w,"aria-pressed":u?void 0:v,"aria-label":u?"".concat(b," — available once published"):b,"aria-disabled":u||void 0,disabled:u,title:u?"Available once published":void 0,children:[(0,a.jsx)(i,{filled:v,size:18}),v?"Saved":"Save"]}):(0,a.jsx)("button",{type:"button",className:"save-bookmark ".concat(v?"save-bookmark--saved":""," ").concat(u?"is-inert":""," ").concat(c).trim(),onClick:u?void 0:w,"aria-pressed":u?void 0:v,"aria-label":u?"".concat(b," — available once published"):b,"aria-disabled":u||void 0,disabled:u,title:u?"Available once published":void 0,children:(0,a.jsx)(i,{filled:v})})}},38586:(e,t,n)=>{"use strict";n.d(t,{Ay:()=>C,kc:()=>b});var a=n(12115),l=n(3040),o=n(66004);let s="/api/saves/",i={status:"loading",ids:new Set},r={status:"loading",ids:new Set},c=!1,d=new Set,u=[];function p(e){if(i=e,"loading"!==e.status&&u.length>0){let t=u;u=[],t.forEach(t=>t(e.status))}d.forEach(e=>e())}function h(e){return d.add(e),()=>d.delete(e)}function m(){return i}function f(){return r}function v(){c||(c=!0,fetch(s,{cache:"no-store"}).then(async e=>404===e.status?void p({status:"disabled",ids:new Set}):401!==e.status&&e.ok?void p({status:"ready",ids:new Set(((await e.json()).saves||[]).filter(e=>"string"==typeof e.articleId).map(e=>e.articleId))}):void p({status:"anon",ids:new Set})).catch(()=>{p({status:"anon",ids:new Set})}))}function b(){return(v(),"loading"!==i.status)?Promise.resolve(i.status):new Promise(e=>{u.push(e)})}function w(e,t){let n=new Set(i.ids);t?n.add(e):n.delete(e),p({status:"ready",ids:n})}async function j(e){if("ready"!==i.status)return!1;let t=i.ids.has(e),n=!t;w(e,n);try{if(!(await fetch(s,{method:n?"POST":"DELETE",headers:{"Content-Type":"application/json"},body:JSON.stringify({articleId:e})})).ok)return w(e,t),t;return n}catch(n){return w(e,t),t}}async function x(e,t){if("ready"!==await b())return!1;if(i.ids.has(e)===t)return t;let n=i.ids.has(e);w(e,t);try{if(!(await fetch(s,{method:t?"POST":"DELETE",headers:{"Content-Type":"application/json"},body:JSON.stringify({articleId:e})})).ok)return w(e,n),n;return t}catch(t){return w(e,n),n}}function C(){let e=(0,a.useSyncExternalStore)(h,m,f);(0,a.useEffect)(()=>{v()},[]);let t=(0,a.useCallback)(t=>e.ids.has(t),[e]),n=(0,a.useCallback)(e=>j(e),[]);return{status:e.status,isSaved:t,toggle:n}}(0,o.G)(()=>{c=!1,p({status:"loading",ids:new Set}),b()}),(0,l.r)("save",async e=>{await x(e.targetId,!0)})},87301:(e,t,n)=>{"use strict";n.d(t,{A:()=>r});var a=n(12115);let l="/api/collections/";async function o(e){try{var t;let n=await fetch("".concat(l,"?articleId=").concat(encodeURIComponent(e)),{cache:"no-store"});if(404===n.status)return{status:"disabled",collections:[]};if(401===n.status)return{status:"anon",collections:[]};if(!n.ok)return{status:"error",collections:[]};let a=await n.json();return{status:"ready",collections:null!=(t=a.collections)?t:[]}}catch(e){return{status:"error",collections:[]}}}async function s(e){try{var t;let n=await fetch(l,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:e})});if(!n.ok)return null;return null!=(t=(await n.json()).collection)?t:null}catch(e){return null}}async function i(e,t,n){try{return(await fetch("".concat(l).concat(encodeURIComponent(e),"/items/"),{method:n?"POST":"DELETE",headers:{"Content-Type":"application/json"},body:JSON.stringify({articleId:t})})).ok}catch(e){return!1}}function r(){return{fetchForArticle:(0,a.useCallback)(o,[]),createCollection:(0,a.useCallback)(s,[]),setMembership:(0,a.useCallback)(i,[])}}}}]);